/* PC 테마와 화면별 컴포넌트. site-theme-common.css 다음에 적용합니다. */
.b1 {
  border: 1px solid red;
}

.bg-transparent {
  background-color: transparent;
}

.bg-white {
  background-color: #fff;
}

.bg-black {
  background-color: #000;
}

.bg-extra-dark-gray {
  background-color: #1c1c1c;
}

.bg-dark-gray {
  background-color: #757575;
}

.bg-extra-medium-gray {
  background-color: #939393;
}

.bg-medium-gray {
  background-color: #dbdbdb;
}

.bg-extra-light-gray {
  background-color: #e0e0e0;
}

.bg-medium-light-gray {
  background-color: #ededed;
}

.bg-light-gray {
  background-color: #f7f7f7;
}

.bg-very-light-gray {
  background-color: #fafafa;
}

.bg-deep-pink {
  background-color: #ff214f;
}

.bg-transparent-white {
  background-color: hsla(0,0%,100%,.3);
  background: -webkit-gradient(left top,right top,color-stop(0,hsla(0,0%,100%,0)),color-stop(37%,hsla(0,0%,100%,0)),color-stop(96%,#fff),color-stop(100%,#fff));
  background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 37%,#fff 96%,#fff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.bg-transparent-black {
  background-color: transparent;
  background: -webkit-gradient(left top,right top,color-stop(0,transparent),color-stop(37%,transparent),color-stop(96%,#000),color-stop(100%,#000));
  background: linear-gradient(90deg,transparent 0,transparent 37%,#000 96%,#000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.bg-white-opacity {
  background-color: hsla(0,0%,100%,.85);
}

.bg-black-opacity {
  background-color: rgba(0,0,0,.85);
}

.bg-black-opacity-light {
  background-color: rgba(0,0,0,.5);
}

.bg-deep-pink-opacity {
  background-color: rgba(255,33,79,.85);
}

.bg-charcoal-gray {
  background-color: #0e0f10;
}

.bg-dark-blue {
  background: #1a2e50;
}

.bg-dark-blue-1 {
  background: #1a2d47;
}

.bg-dark-blue-deep {
  background: #022342;
}

.bg-dark-blue-light {
  background: #233d5e;
}

.center-col {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.divider-full {
  width: 100%;
  height: 1px;
  display: inline-block;
}

.new-demo {
  background: #ff214f;
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  margin-left: 8px;
  padding: 2px 8px;
}

.opacity1 {
  opacity: .1;
}

.opacity2 {
  opacity: .2;
}

.opacity3 {
  opacity: .3;
}

.opacity4 {
  opacity: .4;
}

.opacity5 {
  opacity: .5;
}

.opacity6 {
  opacity: .6;
}

.opacity7 {
  opacity: .7;
}

.opacity8 {
  opacity: .8;
}

.opacity9 {
  opacity: .9;
}

.btn-shadow {
  box-shadow: 0 0 6px rgba(0,0,0,.3);
}

.box-shadow-light {
  box-shadow: 0 0 3px rgba(0,0,0,.1);
}

.box-shadow {
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}

.box-shadow-dark {
  box-shadow: 0 0 4px rgba(0,0,0,.4);
}

.box-shadow-large {
  box-shadow: 0 0 12px rgba(0,0,0,.1);
}

.z-index-1111 {
  z-index: 1111;
}

.z-index-111 {
  z-index: 111;
}

.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-0 {
  z-index: 0;
}

.z-index-minus2 {
  z-index: -2;
}

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

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

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

.vertical-middle {
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.clear-both {
  clear: both;
}

.line-break {
  display: block;
}

.header-searchbar *,
.header-social-icon *,
.mfp-container *,
.no-transition *,
.parallax,
.portfolio-grid *,
.rev-slider *,
.skillbar-bar-main *,
.swiper-container * {
  transition-timing-function: none;
  -moz-transition-timing-function: none;
  -webkit-transition-timing-function: none;
  -o-transition-timing-function: none;
  -ms-transition-timing-function: none;
  transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
  -ms-transition-duration: 0s;
}

.absolute-middle-center {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
}

.absolute-bottom-center {
  left: 50%;
  top: 80%;
  position: absolute;
  transform: translateX(-50%) translateY(-80%);
  -o-transform: translateX(-50%) translateY(-80%);
}

.btn {
  display: inline-block;
  border: 2px solid transparent;
  letter-spacing: .5px;
  line-height: inherit;
  border-radius: 0;
  text-transform: uppercase;
  width: auto;
  font-family: Montserrat,sans-serif;
  font-weight: 600;
  transition-duration: .3s;
  transition-timing-function: ease-in-out;
}

.btn.btn-very-small {
  font-size: 9px;
  padding: 1px 17px;
  line-height: 22px;
}

.btn.btn-small {
  font-size: 11px;
  padding: 4px 24px;
}

.btn.btn-medium {
  font-size: 12px;
  padding: 6px 25px 5px;
}

.btn.btn-large {
  font-size: 13px;
  padding: 9px 34px;
  line-height: 25px;
}

.btn.btn-extra-large {
  font-size: 15px;
  padding: 12px 40px 13px;
  line-height: 25px;
}

.btn-dual .btn {
  margin: 0 10px;
}

.btn.btn-white {
  background: #fff;
  border-color: #fff;
  color: #232323;
}

.btn.btn-white:focus,
.btn.btn-white:hover {
  background: transparent;
  color: #fff;
}

.btn.btn-black {
  background: #000;
  border-color: #000;
  color: #fff;
}

.btn.btn-black:focus,
.btn.btn-black:hover {
  background: transparent;
  color: #000;
}

.btn.btn-dark-gray {
  background: #232323;
  border-color: #232323;
  color: #fff;
}

.btn.btn-dark-gray:focus,
.btn.btn-dark-gray:hover {
  background: transparent;
  color: #232323;
}

.btn.btn-light-gray {
  background: #dbdbdb;
  border-color: #dbdbdb;
  color: #232323;
}

.btn.btn-light-gray:focus,
.btn.btn-light-gray:hover {
  background: transparent;
  border-color: #dbdbdb;
  color: #dbdbdb;
}

.btn.btn-deep-pink {
  background: #ff214f;
  border-color: #ff214f;
  color: #fff;
}

.btn.btn-deep-pink:focus,
.btn.btn-deep-pink:hover {
  background: transparent;
  border-color: #ff214f;
  color: #ff214f;
}

.btn.btn-transparent-white {
  background: transparent;
  border-color: #fff;
  color: #fff;
}

.btn.btn-transparent-white:focus,
.btn.btn-transparent-white:hover {
  background: #fff;
  border-color: #fff;
  color: #232323;
}

.btn.btn-transparent-black {
  background: transparent;
  border-color: #000;
  color: #000;
}

.btn.btn-transparent-black:focus,
.btn.btn-transparent-black:hover {
  background: #000;
  border-color: #000;
  color: #fff;
}

.btn.btn-transparent-dark-gray {
  background: transparent;
  border-color: #232323;
  color: #232323;
}

.btn.btn-transparent-dark-gray:focus,
.btn.btn-transparent-dark-gray:hover {
  background: #232323;
  border-color: #232323;
  color: #fff;
}

.btn.btn-transparent-light-gray {
  background: transparent;
  border-color: #dbdbdb;
  color: #dbdbdb;
}

.btn.btn-transparent-light-gray:focus,
.btn.btn-transparent-light-gray:hover {
  background: #dbdbdb;
  border-color: #dbdbdb;
  color: #232323;
}

.btn.btn-transparent-deep-pink {
  background: transparent;
  border-color: #ff214f;
  color: #ff214f;
}

.btn.btn-transparent-deep-pink:focus,
.btn.btn-transparent-deep-pink:hover {
  background: #ff214f;
  border-color: #ff214f;
  color: #fff;
}

.btn.btn-rounded {
  border-radius: 50px;
}

.btn.btn-rounded.btn-very-small {
  padding: 2px 23px 1px;
}

.btn.btn-rounded.btn-small {
  padding: 5px 29px;
}

.btn.btn-rounded.btn-medium {
  padding: 6px 32px;
}

.btn.btn-rounded.btn-large {
  padding: 9px 38px;
}

.btn.btn-rounded.btn-extra-large {
  padding: 12px 45px 13px;
}

.image-button {
  width: 100%;
  background: rgba(0,0,0,.8);
  padding: 26px;
  font-family: Roboto,sans-serif;
  font-size: 16px;
}

.image-button:hover {
  background: rgba(0,0,0,.5);
}

.tag-cloud a {
  font-size: 10px;
  padding: 3px 8px;
  border: 1px solid #d9d9d9;
  margin: 0 8px 8px 0;
  display: inline-block;
  text-transform: uppercase;
  color: #232323;
  line-height: 18px;
}

.tag-cloud a:hover {
  background: #232323;
  color: #fff !important;
  border: 1px solid #232323;
}

.dropdown-style-1 .btn {
  color: #fff;
  font-size: 11px;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  font-weight: 400;
}

.custom-dropdown btn:focus,
.dropdown-style-1 .btn:hover {
  color: #ff214f;
}

.dropdown-style-1 .dropdown-menu {
  margin-top: 2px;
  min-width: 130px;
  border-radius: 0;
  border: none;
  z-index: 444;
  right: 0;
  left: auto;
}

.dropdown-style-1 .dropdown-menu>li>a {
  padding: 6px 15px;
  font-size: 12px;
}

.dropdown-style-1 .dropdown-menu>li>a:focus,
.dropdown-style-1 .dropdown-menu>li>a:hover {
  background: #ededed;
}

.border-all {
  border: 1px solid #ededed;
}

.border-width-1 {
  border-width: 1px;
}

.border-width-2 {
  border-width: 2px;
}

.border-width-3 {
  border-width: 3px;
}

.border-width-4 {
  border-width: 4px;
}

.border-width-5 {
  border-width: 5px;
}

.border-width-6 {
  border-width: 6px;
}

.border-width-7 {
  border-width: 7px;
}

.border-width-8 {
  border-width: 8px;
}

.border-width-9 {
  border-width: 9px;
}

.border-width-10 {
  border-width: 10px;
}

.border-width-20 {
  border-width: 20px;
}

.border-top {
  border-top: 1px solid;
}

.border-bottom {
  border-bottom: 1px solid;
}

.border-left {
  border-left: 1px solid;
}

.border-lr,
.border-right {
  border-right: 1px solid;
}

.border-lr {
  border-left: 1px solid;
}

.border-tb {
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.border-color-white {
  border-color: #fff;
}

.border-color-black {
  border-color: #000;
}

.border-color-extra-dark-gray {
  border-color: #232323;
}

.border-color-medium-dark-gray {
  border-color: #363636;
}

.border-color-dark-gray {
  border-color: #939393;
}

.border-color-extra-medium-gray {
  border-color: #dbdbdb;
}

.border-color-medium-gray {
  border-color: #e4e4e4;
}

.border-color-extra-light-gray {
  border-color: #ededed;
}

.border-color-light-gray {
  border-color: #f5f5f5;
}

.border-color-light-pink {
  border-color: #862237;
}

.border-color-deep-pink {
  border-color: #ff214f;
}

.border-color-transparent-pink {
  border-color: rgba(255,33,79,.45);
}

.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-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;
}

.overline-icon-box {
  border-top-width: 4px;
}

.overline-icon-box.overline-white {
  border-top-color: #fff;
}

.overline-icon-box.overline-black {
  border-top-color: #000;
}

.overline-icon-box.overline-extra-dark-gray {
  border-top-color: #232323;
}

.overline-icon-box.overline-medium-dark-gray {
  border-top-color: #363636;
}

.overline-icon-box.overline-dark-gray {
  border-top-color: #939393;
}

.overline-icon-box.overline-extra-light-gray {
  border-top-color: #dbdbdb;
}

.overline-icon-box.overline-medium-gray {
  border-top-color: #e4e4e4;
}

.overline-icon-box.overline-light-gray {
  border-top-color: #f5f5f5;
}

.overline-icon-box.overline-light-pink {
  border-top-color: #862237;
}

.overline-icon-box.overline-deep-pink {
  border-top-color: #ff214f;
}

.overline-icon-box.overline-transparent-pink {
  border-top-color: rgba(255,33,79,.45);
}

.border-black-light {
  border-color: rgba(0,0,0,.1) !important;
}

.border-white-light {
  border-color: hsla(0,0%,100%,.1) !important;
}

.border-radius-1 {
  border-radius: 1px !important;
}

.border-radius-2 {
  border-radius: 2px !important;
}

.border-radius-3 {
  border-radius: 3px !important;
}

.border-radius-4 {
  border-radius: 4px !important;
}

.border-radius-5 {
  border-radius: 5px !important;
}

.border-radius-6 {
  border-radius: 6px !important;
}

.border-radius-7 {
  border-radius: 7px !important;
}

.border-radius-8 {
  border-radius: 8px !important;
}

.border-radius-9 {
  border-radius: 9px !important;
}

.border-radius-10 {
  border-radius: 10px !important;
}

.border-radius-50 {
  border-radius: 50% !important;
}

.border-radius-100 {
  border-radius: 100% !important;
}

.border-radius-none {
  border-radius: 0 !important;
}

.aside-title {
  position: relative;
  overflow: hidden;
}

.aside-title span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.aside-title:after {
  content: "";
  display: inline-block;
  width: 100%;
  background: #ff214f;
  height: 1px;
  top: 50%;
  position: absolute;
}

.right-sidebar {
  padding-right: 45px;
}

.left-sidebar {
  padding-left: 45px;
}

.video-wrapper {
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.html-video {
  background-color: #000;
  height: auto;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  width: auto;
  z-index: -3;
}

.video-wrapper iframe {
  left: 0;
  top: -5px !important;
}

.video-background,
.video-wrapper iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}

.video-background {
  z-index: 1;
  top: 0;
  background: rgba(67,67,67,.5);
}

.fix-background,
.parallax {
  position: relative;
  background-size: cover;
  overflow: hidden;
  background-attachment: fixed;
}

.fix-background {
  animation-duration: 0s;
  animation-fill-mode: none;
  -webkit-animation-duration: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-duration: 0s;
  -moz-animation-fill-mode: none;
  -ms-animation-duration: 0s;
  -ms-animation-fill-mode: none;
  -o-animation-fill-mode: none;
  background-position: 50%;
  background-repeat: no-repeat;
}

.cover-background {
  position: relative !important;
  background-size: cover !important;
  overflow: hidden !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
}

.background-size-inherit {
  background-size: inherit;
}

.background-attachment-inherit {
  background-attachment: inherit;
}

.background-position-left {
  background-position: 0;
}

.background-position-left-bottom {
  background-position: 0 100%;
}

.background-position-right {
  background-position: 100%;
}

.background-position-top {
  background-position: top !important;
}

.up-down-ani {
  display: table;
  position: relative;
  -webkit-animation-name: up-down-animation;
  -webkit-animation-duration: .7s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: .7s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -moz-animation-name: up-down-animation;
  -moz-animation-duration: .7s;
  -moz-animation-timing-function: linear;
  -moz-animation-delay: .7s;
  -moz-animation-iteration-count: infinite;
  -ms-animation-name: up-down-animation;
  -ms-animation-duration: .7s;
  -ms-animation-timing-function: linear;
  -ms-animation-delay: .7s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: alternate;
  -o-animation-direction: alternate;
  -o-animation-name: up-down-animation;
  -o-animation-duration: .7s;
  -o-animation-timing-function: linear;
  -o-animation-delay: .7s;
  -o-animation-iteration-count: infinite;
  animation-name: up-down-animation;
  animation-duration: .7s;
  animation-timing-function: linear;
  animation-delay: .7s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  margin: 0 auto;
}

.background-position-x-50 {
  background-position-x: 50% !important;
}

.margin-half-all {
  margin: .5%;
}

.margin-one-all {
  margin: 1%;
}

.margin-one-half-all {
  margin: 1.5%;
}

.margin-two-all {
  margin: 2%;
}

.margin-two-half-all {
  margin: 2.5%;
}

.margin-three-all {
  margin: 3%;
}

.margin-three-half-all {
  margin: 3.5%;
}

.margin-four-all {
  margin: 4%;
}

.margin-four-half-all {
  margin: 4.5%;
}

.margin-five-all {
  margin: 5%;
}

.margin-five-half-all {
  margin: 5.5%;
}

.margin-six-all {
  margin: 6%;
}

.margin-six-half-all {
  margin: 6.5%;
}

.margin-seven-all {
  margin: 7%;
}

.margin-seven-half-all {
  margin: 7.5%;
}

.margin-eight-all {
  margin: 8%;
}

.margin-eight-half-all {
  margin: 8.5%;
}

.margin-nine-all {
  margin: 9%;
}

.margin-nine-half-all {
  margin: 9.5%;
}

.margin-ten-all {
  margin: 10%;
}

.margin-ten-half-all {
  margin: 10.5%;
}

.margin-eleven-all {
  margin: 11%;
}

.margin-eleven-half-all {
  margin: 11.5%;
}

.margin-twelve-all {
  margin: 12%;
}

.margin-twelve-half-all {
  margin: 12.5%;
}

.margin-thirteen-all {
  margin: 13%;
}

.margin-thirteen-half-all {
  margin: 13.5%;
}

.margin-fourteen-all {
  margin: 14%;
}

.margin-fourteen-half-all {
  margin: 14.5%;
}

.margin-fifteen-all {
  margin: 15%;
}

.margin-fifteen-half-all {
  margin: 15.5%;
}

.margin-sixteen-all {
  margin: 16%;
}

.margin-sixteen-half-all {
  margin: 16.5%;
}

.margin-seventeen-all {
  margin: 17%;
}

.margin-seventeen-half-all {
  margin: 17.5%;
}

.margin-eighteen-all {
  margin: 18%;
}

.margin-eighteen-half-all {
  margin: 18.5%;
}

.margin-nineteen-all {
  margin: 19%;
}

.margin-nineteen-half-all {
  margin: 19.5%;
}

.margin-twenty-all {
  margin: 20%;
}

.margin-twenty-half-all {
  margin: 20.5%;
}

.margin-twenty-one-all {
  margin: 21%;
}

.margin-twenty-one-half-all {
  margin: 21.5%;
}

.margin-twenty-two-all {
  margin: 22%;
}

.margin-twenty-two-half-all {
  margin: 22.5%;
}

.margin-twenty-three-all {
  margin: 23%;
}

.margin-twenty-three-half-all {
  margin: 23.5%;
}

.margin-twenty-four-all {
  margin: 24%;
}

.margin-twenty-four-half-all {
  margin: 24.5%;
}

.margin-twenty-five-all {
  margin: 25%;
}

.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;
}

.no-margin {
  margin: 0 !important;
}

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

.no-margin-tb {
  margin-bottom: 0 !important;
}

.no-margin-tb,
.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;
}

.margin-lr-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.margin-auto {
  margin: 0 auto !important;
}

.margin-one-top {
  margin-top: 1%;
}

.margin-one-half-top {
  margin-top: 1.5%;
}

.margin-two-top {
  margin-top: 2%;
}

.margin-two-half-top {
  margin-top: 2.5%;
}

.margin-three-top {
  margin-top: 3%;
}

.margin-three-half-top {
  margin-top: 3.5%;
}

.margin-four-top {
  margin-top: 4%;
}

.margin-four-half-top {
  margin-top: 4.5%;
}

.margin-five-top {
  margin-top: 5%;
}

.margin-five-half-top {
  margin-top: 5.5%;
}

.margin-six-top {
  margin-top: 6%;
}

.margin-six-half-top {
  margin-top: 6.5%;
}

.margin-seven-top {
  margin-top: 7%;
}

.margin-seven-half-top {
  margin-top: 7.5%;
}

.margin-eight-top {
  margin-top: 8%;
}

.margin-eight-half-top {
  margin-top: 8.5%;
}

.margin-nine-top {
  margin-top: 9%;
}

.margin-nine-half-top {
  margin-top: 9.5%;
}

.margin-ten-top {
  margin-top: 10%;
}

.margin-ten-half-top {
  margin-top: 10.5%;
}

.margin-eleven-top {
  margin-top: 11%;
}

.margin-eleven-half-top {
  margin-top: 11.5%;
}

.margin-twelve-top {
  margin-top: 12%;
}

.margin-twelve-half-top {
  margin-top: 12.5%;
}

.margin-thirteen-top {
  margin-top: 13%;
}

.margin-thirteen-half-top {
  margin-top: 13.5%;
}

.margin-fourteen-top {
  margin-top: 14%;
}

.margin-fourteen-half-top {
  margin-top: 14.5%;
}

.margin-fifteen-top {
  margin-top: 15%;
}

.margin-fifteen-half-top {
  margin-top: 15.5%;
}

.margin-sixteen-top {
  margin-top: 16%;
}

.margin-sixteen-half-top {
  margin-top: 16.5%;
}

.margin-seventeen-top {
  margin-top: 17%;
}

.margin-seventeen-half-top {
  margin-top: 17.5%;
}

.margin-eighteen-top {
  margin-top: 18%;
}

.margin-eighteen-half-top {
  margin-top: 18.5%;
}

.margin-nineteen-top {
  margin-top: 19%;
}

.margin-nineteen-half-top {
  margin-top: 19.5%;
}

.margin-twenty-top {
  margin-top: 20%;
}

.margin-twenty-half-top {
  margin-top: 20.5%;
}

.margin-twenty-one-top {
  margin-top: 21%;
}

.margin-twenty-one-half-top {
  margin-top: 21.5%;
}

.margin-twenty-two-top {
  margin-top: 22%;
}

.margin-twenty-two-half-top {
  margin-top: 22.5%;
}

.margin-twenty-three-top {
  margin-top: 23%;
}

.margin-twenty-three-half-top {
  margin-top: 23.5%;
}

.margin-twenty-four-top {
  margin-top: 24%;
}

.margin-twenty-four-half-top {
  margin-top: 24.5%;
}

.margin-twenty-five-top {
  margin-top: 25%;
}

.margin-4px-top {
  margin-top: 4px;
}

.margin-5px-top {
  margin-top: 5px;
}

.margin-7px-top {
  margin-top: 7px;
}

.margin-8px-top {
  margin-top: 8px;
}

.margin-9px-top {
  margin-top: 9px;
}

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

.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-90px-top {
  margin-top: 90px;
}

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

.margin-110px-top {
  margin-top: 110px;
}

.margin-120px-top {
  margin-top: 120px;
}

.margin-130px-top {
  margin-top: 130px;
}

.margin-140px-top {
  margin-top: 140px;
}

.margin-150px-top {
  margin-top: 150px;
}

.margin-200px-top {
  margin-top: 200px;
}

.margin-one-bottom {
  margin-bottom: 1%;
}

.margin-one-half-bottom {
  margin-bottom: 1.5%;
}

.margin-two-bottom {
  margin-bottom: 2%;
}

.margin-two-half-bottom {
  margin-bottom: 2.5%;
}

.margin-three-bottom {
  margin-bottom: 3%;
}

.margin-three-half-bottom {
  margin-bottom: 3.5%;
}

.margin-four-bottom {
  margin-bottom: 4%;
}

.margin-four-half-bottom {
  margin-bottom: 4.5%;
}

.margin-five-bottom {
  margin-bottom: 5%;
}

.margin-five-half-bottom {
  margin-bottom: 5.5%;
}

.margin-six-bottom {
  margin-bottom: 6%;
}

.margin-six-half-bottom {
  margin-bottom: 6.5%;
}

.margin-seven-bottom {
  margin-bottom: 7%;
}

.margin-seven-half-bottom {
  margin-bottom: 7.5%;
}

.margin-eight-bottom {
  margin-bottom: 8%;
}

.margin-eight-half-bottom {
  margin-bottom: 8.5%;
}

.margin-nine-bottom {
  margin-bottom: 9%;
}

.margin-nine-half-bottom {
  margin-bottom: 9.5%;
}

.margin-ten-bottom {
  margin-bottom: 10%;
}

.margin-ten-half-bottom {
  margin-bottom: 10.5%;
}

.margin-eleven-bottom {
  margin-bottom: 11%;
}

.margin-eleven-half-bottom {
  margin-bottom: 11.5%;
}

.margin-twelve-bottom {
  margin-bottom: 12%;
}

.margin-twelve-half-bottom {
  margin-bottom: 12.5%;
}

.margin-thirteen-bottom {
  margin-bottom: 13%;
}

.margin-thirteen-half-bottom {
  margin-bottom: 13.5%;
}

.margin-fourteen-bottom {
  margin-bottom: 14%;
}

.margin-fourteen-half-bottom {
  margin-bottom: 14.5%;
}

.margin-fifteen-bottom {
  margin-bottom: 15%;
}

.margin-fifteen-half-bottom {
  margin-bottom: 15.5%;
}

.margin-sixteen-bottom {
  margin-bottom: 16%;
}

.margin-sixteen-half-bottom {
  margin-bottom: 16.5%;
}

.margin-seventeen-bottom {
  margin-bottom: 17%;
}

.margin-seventeen-half-bottom {
  margin-bottom: 17.5%;
}

.margin-eighteen-bottom {
  margin-bottom: 18%;
}

.margin-eighteen-half-bottom {
  margin-bottom: 18.5%;
}

.margin-nineteen-bottom {
  margin-bottom: 19%;
}

.margin-nineteen-half-bottom {
  margin-bottom: 19.5%;
}

.margin-twenty-bottom {
  margin-bottom: 20%;
}

.margin-twenty-half-bottom {
  margin-bottom: 20.5%;
}

.margin-twenty-one-bottom {
  margin-bottom: 21%;
}

.margin-twenty-one-half-bottom {
  margin-bottom: 21.5%;
}

.margin-twenty-two-bottom {
  margin-bottom: 22%;
}

.margin-twenty-two-half-bottom {
  margin-bottom: 22.5%;
}

.margin-twenty-three-bottom {
  margin-bottom: 23%;
}

.margin-twenty-three-half-bottom {
  margin-bottom: 23.5%;
}

.margin-twenty-four-bottom {
  margin-bottom: 24%;
}

.margin-twenty-four-half-bottom {
  margin-bottom: 24.5%;
}

.margin-twenty-five-bottom {
  margin-bottom: 25%;
}

.margin-1px-bottom {
  margin-bottom: 1px !important;
}

.margin-2px-bottom {
  margin-bottom: 2px !important;
}

.margin-3px-bottom {
  margin-bottom: 3px !important;
}

.margin-4px-bottom {
  margin-bottom: 4px !important;
}

.margin-5px-bottom {
  margin-bottom: 5px !important;
}

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

.margin-15px-bottom {
  margin-bottom: 15px !important;
}

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

.margin-25px-bottom {
  margin-bottom: 25px !important;
}

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

.margin-35px-bottom {
  margin-bottom: 35px !important;
}

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

.margin-45px-bottom {
  margin-bottom: 45px !important;
}

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

.margin-55px-bottom {
  margin-bottom: 55px !important;
}

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

.margin-65px-bottom {
  margin-bottom: 65px !important;
}

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

.margin-75px-bottom {
  margin-bottom: 75px !important;
}

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

.margin-85px-bottom {
  margin-bottom: 85px !important;
}

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

.margin-95px-bottom {
  margin-bottom: 95px !important;
}

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

.margin-one-right {
  margin-right: 1%;
}

.margin-one-half-right {
  margin-right: 1.5%;
}

.margin-two-right {
  margin-right: 2%;
}

.margin-two-half-right {
  margin-right: 2.5%;
}

.margin-three-right {
  margin-right: 3%;
}

.margin-three-half-right {
  margin-right: 3.5%;
}

.margin-four-right {
  margin-right: 4%;
}

.margin-four-half-right {
  margin-right: 4.5%;
}

.margin-five-right {
  margin-right: 5%;
}

.margin-five-half-right {
  margin-right: 5.5%;
}

.margin-six-right {
  margin-right: 6%;
}

.margin-six-half-right {
  margin-right: 6.5%;
}

.margin-seven-right {
  margin-right: 7%;
}

.margin-seven-half-right {
  margin-right: 7.5%;
}

.margin-eight-right {
  margin-right: 8%;
}

.margin-eight-half-right {
  margin-right: 8.5%;
}

.margin-nine-right {
  margin-right: 9%;
}

.margin-nine-half-right {
  margin-right: 9.5%;
}

.margin-ten-right {
  margin-right: 10%;
}

.margin-ten-half-right {
  margin-right: 10.5%;
}

.margin-eleven-right {
  margin-right: 11%;
}

.margin-eleven-half-right {
  margin-right: 11.5%;
}

.margin-twelve-right {
  margin-right: 12%;
}

.margin-twelve-half-right {
  margin-right: 12.5%;
}

.margin-thirteen-right {
  margin-right: 13%;
}

.margin-thirteen-half-right {
  margin-right: 13.5%;
}

.margin-fourteen-right {
  margin-right: 14%;
}

.margin-fourteen-half-right {
  margin-right: 14.5%;
}

.margin-fifteen-right {
  margin-right: 15%;
}

.margin-fifteen-half-right {
  margin-right: 15.5%;
}

.margin-sixteen-right {
  margin-right: 16%;
}

.margin-sixteen-half-right {
  margin-right: 16.5%;
}

.margin-seventeen-right {
  margin-right: 17%;
}

.margin-seventeen-half-right {
  margin-right: 17.5%;
}

.margin-eighteen-right {
  margin-right: 18%;
}

.margin-eighteen-half-right {
  margin-right: 18.5%;
}

.margin-nineteen-right {
  margin-right: 19%;
}

.margin-nineteen-half-right {
  margin-right: 19.5%;
}

.margin-twenty-right {
  margin-right: 20%;
}

.margin-twenty-half-right {
  margin-right: 20.5%;
}

.margin-twenty-right {
  margin-right: 21%;
}

.margin-twenty-one-half-right {
  margin-right: 21.5%;
}

.margin-twenty-two-right {
  margin-right: 22%;
}

.margin-twenty-two-half-right {
  margin-right: 22.5%;
}

.margin-twenty-three-right {
  margin-right: 23%;
}

.margin-twenty-three-half-right {
  margin-right: 23.5%;
}

.margin-twenty-four-right {
  margin-right: 24%;
}

.margin-twenty-four-half-right {
  margin-right: 24.5%;
}

.margin-twenty-five-right {
  margin-right: 25%;
}

.margin-1px-right {
  margin-right: 1px;
}

.margin-2px-right {
  margin-right: 2px;
}

.margin-3px-right {
  margin-right: 3px;
}

.margin-4px-right {
  margin-right: 4px;
}

.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-one-left {
  margin-left: 1%;
}

.margin-one-half-left {
  margin-left: 1.5%;
}

.margin-two-left {
  margin-left: 2%;
}

.margin-two-half-left {
  margin-left: 2.5%;
}

.margin-three-left {
  margin-left: 3%;
}

.margin-three-half-left {
  margin-left: 3.5%;
}

.margin-four-left {
  margin-left: 4%;
}

.margin-four-half-left {
  margin-left: 4.5%;
}

.margin-five-left {
  margin-left: 5%;
}

.margin-five-half-left {
  margin-left: 5.5%;
}

.margin-six-left {
  margin-left: 6%;
}

.margin-six-half-left {
  margin-left: 6.5%;
}

.margin-seven-left {
  margin-left: 7%;
}

.margin-seven-half-left {
  margin-left: 7.5%;
}

.margin-eight-left {
  margin-left: 8%;
}

.margin-eight-half-left {
  margin-left: 8.5%;
}

.margin-nine-left {
  margin-left: 9%;
}

.margin-nine-half-left {
  margin-left: 9.5%;
}

.margin-ten-left {
  margin-left: 10%;
}

.margin-ten-half-left {
  margin-left: 10.5%;
}

.margin-eleven-left {
  margin-left: 11%;
}

.margin-eleven-half-left {
  margin-left: 11.5%;
}

.margin-twelve-left {
  margin-left: 12%;
}

.margin-twelve-half-left {
  margin-left: 12.5%;
}

.margin-thirteen-left {
  margin-left: 13%;
}

.margin-thirteen-half-left {
  margin-left: 13.5%;
}

.margin-fourteen-left {
  margin-left: 14%;
}

.margin-fourteen-half-left {
  margin-left: 14.5%;
}

.margin-fifteen-left {
  margin-left: 15%;
}

.margin-fifteen-half-left {
  margin-left: 15.5%;
}

.margin-sixteen-left {
  margin-left: 16%;
}

.margin-sixteen-half-left {
  margin-left: 16.5%;
}

.margin-seventeen-left {
  margin-left: 17%;
}

.margin-seventeen-half-left {
  margin-left: 17.5%;
}

.margin-eighteen-left {
  margin-left: 18%;
}

.margin-eighteen-half-left {
  margin-left: 18.5%;
}

.margin-nineteen-left {
  margin-left: 19%;
}

.margin-nineteen-half-left {
  margin-left: 19.5%;
}

.margin-twenty-left {
  margin-left: 20%;
}

.margin-twenty-half-left {
  margin-left: 20.5%;
}

.margin-twenty-one-left {
  margin-left: 21%;
}

.margin-twenty-one-half-left {
  margin-left: 21.5%;
}

.margin-twenty-two-left {
  margin-left: 22%;
}

.margin-twenty-two-half-left {
  margin-left: 22.5%;
}

.margin-twenty-three-left {
  margin-left: 23%;
}

.margin-twenty-three-half-left {
  margin-left: 23.5%;
}

.margin-twenty-four-left {
  margin-left: 24%;
}

.margin-twenty-four-half-left {
  margin-left: 24.5%;
}

.margin-twenty-five-left {
  margin-left: 25%;
}

.margin-2px-left {
  margin-left: 2px;
}

.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-one-lr {
  margin-left: 1%;
  margin-right: 1%;
}

.margin-one-half-lr {
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.margin-two-lr {
  margin-left: 2%;
  margin-right: 2%;
}

.margin-two-half-lr {
  margin-left: 2.5%;
  margin-right: 2.5%;
}

.margin-three-lr {
  margin-left: 3%;
  margin-right: 3%;
}

.margin-three-half-lr {
  margin-left: 3.5%;
  margin-right: 3.5%;
}

.margin-four-lr {
  margin-left: 4%;
  margin-right: 4%;
}

.margin-four-half-lr {
  margin-left: 4.5%;
  margin-right: 4.5%;
}

.margin-five-lr {
  margin-left: 5%;
  margin-right: 5%;
}

.margin-five-half-lr {
  margin-left: 5.5%;
  margin-right: 5.5%;
}

.margin-six-lr {
  margin-left: 6%;
  margin-right: 6%;
}

.margin-six-half-lr {
  margin-left: 6.5%;
  margin-right: 6.5%;
}

.margin-seven-lr {
  margin-left: 7%;
  margin-right: 7%;
}

.margin-seven-half-lr {
  margin-left: 7.5%;
  margin-right: 7.5%;
}

.margin-eight-lr {
  margin-left: 8%;
  margin-right: 8%;
}

.margin-eight-half-lr {
  margin-left: 8.5%;
  margin-right: 8.5%;
}

.margin-nine-lr {
  margin-left: 9%;
  margin-right: 9%;
}

.margin-nine-half-lr {
  margin-left: 9.5%;
  margin-right: 9.5%;
}

.margin-ten-lr {
  margin-left: 10%;
  margin-right: 10%;
}

.margin-ten-half-lr {
  margin-left: 10.5%;
  margin-right: 10.5%;
}

.margin-eleven-lr {
  margin-left: 11%;
  margin-right: 11%;
}

.margin-eleven-half-lr {
  margin-left: 11.5%;
  margin-right: 11.5%;
}

.margin-twelve-lr {
  margin-left: 12%;
  margin-right: 12%;
}

.margin-twelve-half-lr {
  margin-left: 12.5%;
  margin-right: 12.5%;
}

.margin-thirteen-lr {
  margin-left: 13%;
  margin-right: 13%;
}

.margin-thirteen-half-lr {
  margin-left: 13.5%;
  margin-right: 13.5%;
}

.margin-fourteen-lr {
  margin-left: 14%;
  margin-right: 14%;
}

.margin-fourteen-half-lr {
  margin-left: 14.5%;
  margin-right: 14.5%;
}

.margin-fifteen-lr {
  margin-left: 15%;
  margin-right: 15%;
}

.margin-fifteen-half-lr {
  margin-left: 15.5%;
  margin-right: 15.5%;
}

.margin-sixteen-lr {
  margin-left: 16%;
  margin-right: 16%;
}

.margin-sixteen-half-lr {
  margin-left: 16.5%;
  margin-right: 16.5%;
}

.margin-seventeen-lr {
  margin-left: 17%;
  margin-right: 17%;
}

.margin-seventeen-half-lr {
  margin-left: 17.5%;
  margin-right: 17.5%;
}

.margin-eighteen-lr {
  margin-left: 18%;
  margin-right: 18%;
}

.margin-eighteen-half-lr {
  margin-left: 18.5%;
  margin-right: 18.5%;
}

.margin-nineteen-lr {
  margin-left: 19%;
  margin-right: 19%;
}

.margin-nineteen-half-lr {
  margin-left: 19.5%;
  margin-right: 19.5%;
}

.margin-twenty-lr {
  margin-left: 20%;
  margin-right: 20%;
}

.margin-twenty-half-lr {
  margin-left: 20.5%;
  margin-right: 20.5%;
}

.margin-twenty-one-lr {
  margin-left: 21%;
  margin-right: 21%;
}

.margin-twenty-one-half-lr {
  margin-left: 21.5%;
  margin-right: 21.5%;
}

.margin-twenty-two-lr {
  margin-left: 22%;
  margin-right: 22%;
}

.margin-twenty-two-half-lr {
  margin-left: 22.5%;
  margin-right: 22.5%;
}

.margin-twenty-three-lr {
  margin-left: 23%;
  margin-right: 23%;
}

.margin-twenty-three-half-lr {
  margin-left: 23.5%;
  margin-right: 23.5%;
}

.margin-twenty-four-lr {
  margin-left: 24%;
  margin-right: 24%;
}

.margin-twenty-four-half-lr {
  margin-left: 24.5%;
  margin-right: 24.5%;
}

.margin-twenty-five-lr {
  margin-left: 25%;
  margin-right: 25%;
}

.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-one-tb {
  margin-top: 1%;
  margin-bottom: 1%;
}

.margin-one-half-tb {
  margin-top: 1.5%;
  margin-bottom: 1.5%;
}

.margin-two-tb {
  margin-top: 2%;
  margin-bottom: 2%;
}

.margin-two-half-tb {
  margin-top: 2.5%;
  margin-bottom: 2.5%;
}

.margin-three-tb {
  margin-top: 3%;
  margin-bottom: 3%;
}

.margin-three-half-tb {
  margin-top: 3.5%;
  margin-bottom: 3.5%;
}

.margin-four-tb {
  margin-top: 4%;
  margin-bottom: 4%;
}

.margin-four-half-tb {
  margin-top: 4.5%;
  margin-bottom: 4.5%;
}

.margin-five-tb {
  margin-top: 5%;
  margin-bottom: 5%;
}

.margin-five-half-tb {
  margin-top: 5.5%;
  margin-bottom: 5.5%;
}

.margin-six-tb {
  margin-top: 6%;
  margin-bottom: 6%;
}

.margin-six-half-tb {
  margin-top: 6.5%;
  margin-bottom: 6.5%;
}

.margin-seven-tb {
  margin-top: 7%;
  margin-bottom: 7%;
}

.margin-seven-half-tb {
  margin-top: 7.5%;
  margin-bottom: 7.5%;
}

.margin-eight-tb {
  margin-top: 8%;
  margin-bottom: 8%;
}

.margin-eight-half-tb {
  margin-top: 8.5%;
  margin-bottom: 8.5%;
}

.margin-nine-tb {
  margin-top: 9%;
  margin-bottom: 9%;
}

.margin-nine-half-tb {
  margin-top: 9.5%;
  margin-bottom: 9.5%;
}

.margin-ten-tb {
  margin-top: 10%;
  margin-bottom: 10%;
}

.margin-ten-half-tb {
  margin-top: 10.5%;
  margin-bottom: 10.5%;
}

.margin-eleven-tb {
  margin-top: 11%;
  margin-bottom: 11%;
}

.margin-eleven-half-tb {
  margin-top: 11.5%;
  margin-bottom: 11.5%;
}

.margin-twelve-tb {
  margin-top: 12%;
  margin-bottom: 12%;
}

.margin-twelve-half-tb {
  margin-top: 12.5%;
  margin-bottom: 12.5%;
}

.margin-thirteen-tb {
  margin-top: 13%;
  margin-bottom: 13%;
}

.margin-thirteen-half-tb {
  margin-top: 13.5%;
  margin-bottom: 13.5%;
}

.margin-fourteen-tb {
  margin-top: 14%;
  margin-bottom: 14%;
}

.margin-fourteen-half-tb {
  margin-top: 14.5%;
  margin-bottom: 14.5%;
}

.margin-fifteen-tb {
  margin-top: 15%;
  margin-bottom: 15%;
}

.margin-fifteen-half-tb {
  margin-top: 15.5%;
  margin-bottom: 15.5%;
}

.margin-sixteen-tb {
  margin-top: 16%;
  margin-bottom: 16%;
}

.margin-sixteen-half-tb {
  margin-top: 16.5%;
  margin-bottom: 16.5%;
}

.margin-seventeen-tb {
  margin-top: 17%;
  margin-bottom: 17%;
}

.margin-seventeen-half-tb {
  margin-top: 17.5%;
  margin-bottom: 17.5%;
}

.margin-eighteen-tb {
  margin-top: 18%;
  margin-bottom: 18%;
}

.margin-eighteen-half-tb {
  margin-top: 18.5%;
  margin-bottom: 18.5%;
}

.margin-nineteen-tb {
  margin-top: 19%;
  margin-bottom: 19%;
}

.margin-nineteen-half-tb {
  margin-top: 19.5%;
  margin-bottom: 19.5%;
}

.margin-twenty-tb {
  margin-top: 20%;
  margin-bottom: 20%;
}

.margin-twenty-half-tb {
  margin-top: 20.5%;
  margin-bottom: 20.5%;
}

.margin-twenty-one-tb {
  margin-top: 21%;
  margin-bottom: 21%;
}

.margin-twenty-one-half-tb {
  margin-top: 21.5%;
  margin-bottom: 21.5%;
}

.margin-twenty-two-tb {
  margin-top: 22%;
  margin-bottom: 22%;
}

.margin-twenty-two-half-tb {
  margin-top: 22.5%;
  margin-bottom: 22.5%;
}

.margin-twenty-three-tb {
  margin-top: 23%;
  margin-bottom: 23%;
}

.margin-twenty-three-half-tb {
  margin-top: 23.5%;
  margin-bottom: 23.5%;
}

.margin-twenty-four-tb {
  margin-top: 24%;
  margin-bottom: 24%;
}

.margin-twenty-four-half-tb {
  margin-top: 24.5%;
  margin-bottom: 24.5%;
}

.margin-twenty-five-tb {
  margin-top: 25%;
  margin-bottom: 25%;
}

.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;
}

.no-padding {
  padding: 0 !important;
}

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

.no-padding-tb {
  padding-bottom: 0 !important;
}

.no-padding-tb,
.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;
}

.padding-one-all {
  padding: 1%;
}

.padding-one-half-all {
  padding: 1.5%;
}

.padding-two-all {
  padding: 2%;
}

.padding-two-half-all {
  padding: 2.5%;
}

.padding-three-all {
  padding: 3%;
}

.padding-three-half-all {
  padding: 3.5%;
}

.padding-four-all {
  padding: 4%;
}

.padding-four-half-all {
  padding: 4.5%;
}

.padding-five-all {
  padding: 5%;
}

.padding-five-half-all {
  padding: 5.5%;
}

.padding-six-all {
  padding: 6%;
}

.padding-six-half-all {
  padding: 6.5%;
}

.padding-seven-all {
  padding: 7%;
}

.padding-seven-half-all {
  padding: 7.5%;
}

.padding-eight-all {
  padding: 8%;
}

.padding-eight-half-all {
  padding: 8.5%;
}

.padding-nine-all {
  padding: 9%;
}

.padding-nine-half-all {
  padding: 9.5%;
}

.padding-ten-all {
  padding: 10%;
}

.padding-ten-half-all {
  padding: 10.5%;
}

.padding-eleven-all {
  padding: 11%;
}

.padding-eleven-half-all {
  padding: 11.5%;
}

.padding-twelve-all {
  padding: 12%;
}

.padding-twelve-half-all {
  padding: 12.5%;
}

.padding-thirteen-all {
  padding: 13%;
}

.padding-thirteen-half-all {
  padding: 13.5%;
}

.padding-fourteen-all {
  padding: 14%;
}

.padding-fourteen-half-all {
  padding: 14.5%;
}

.padding-fifteen-all {
  padding: 15%;
}

.padding-fifteen-half-all {
  padding: 15.5%;
}

.padding-sixteen-all {
  padding: 16%;
}

.padding-sixteen-half-all {
  padding: 16.5%;
}

.padding-seventeen-all {
  padding: 17%;
}

.padding-seventeen-half-all {
  padding: 17.5%;
}

.padding-eighteen-all {
  padding: 18%;
}

.padding-eighteen-half-all {
  padding: 18.5%;
}

.padding-nineteen-all {
  padding: 19%;
}

.padding-nineteen-half-all {
  padding: 19.5%;
}

.padding-twenty-all {
  padding: 20%;
}

.padding-twenty-half-all {
  padding: 20.5%;
}

.padding-twenty-one-all {
  padding: 21%;
}

.padding-twenty-one-half-all {
  padding: 21.5%;
}

.padding-twenty-two-all {
  padding: 22%;
}

.padding-twenty-two-half-all {
  padding: 22.5%;
}

.padding-twenty-three-all {
  padding: 23%;
}

.padding-twenty-three-half-all {
  padding: 23.5%;
}

.padding-twenty-four-all {
  padding: 24%;
}

.padding-twenty-four-half-all {
  padding: 24.5%;
}

.padding-twenty-five-all {
  padding: 25%;
}

.padding-twenty-five-half-all {
  padding: 25.5%;
}

.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-one-top {
  padding-top: 1%;
}

.padding-one-half-top {
  padding-top: 1.5%;
}

.padding-two-top {
  padding-top: 2%;
}

.padding-two-half-top {
  padding-top: 2.5%;
}

.padding-three-top {
  padding-top: 3%;
}

.padding-three-half-top {
  padding-top: 3.5%;
}

.padding-four-top {
  padding-top: 4%;
}

.padding-four-half-top {
  padding-top: 4.5%;
}

.padding-five-top {
  padding-top: 5%;
}

.padding-five-half-top {
  padding-top: 5.5%;
}

.padding-six-top {
  padding-top: 6%;
}

.padding-six-half-top {
  padding-top: 6.5%;
}

.padding-seven-top {
  padding-top: 7%;
}

.padding-seven-half-top {
  padding-top: 7.5%;
}

.padding-eight-top {
  padding-top: 8%;
}

.padding-eight-half-top {
  padding-top: 8.5%;
}

.padding-nine-top {
  padding-top: 9%;
}

.padding-nine-half-top {
  padding-top: 9.5%;
}

.padding-ten-top {
  padding-top: 10%;
}

.padding-ten-half-top {
  padding-top: 10.5%;
}

.padding-eleven-top {
  padding-top: 11%;
}

.padding-eleven-half-top {
  padding-top: 11.5%;
}

.padding-twelve-top {
  padding-top: 12%;
}

.padding-twelve-half-top {
  padding-top: 12.5%;
}

.padding-thirteen-top {
  padding-top: 13%;
}

.padding-thirteen-half-top {
  padding-top: 13.5%;
}

.padding-fourteen-top {
  padding-top: 14%;
}

.padding-fourteen-half-top {
  padding-top: 14.5%;
}

.padding-fifteen-top {
  padding-top: 15%;
}

.padding-fifteen-half-top {
  padding-top: 15.5%;
}

.padding-sixteen-top {
  padding-top: 16%;
}

.padding-sixteen-half-top {
  padding-top: 16.5%;
}

.padding-seventeen-top {
  padding-top: 17%;
}

.padding-seventeen-half-top {
  padding-top: 17.5%;
}

.padding-eighteen-top {
  padding-top: 18%;
}

.padding-eighteen-half-top {
  padding-top: 18.5%;
}

.padding-nineteen-top {
  padding-top: 19%;
}

.padding-nineteen-half-top {
  padding-top: 19.5%;
}

.padding-twenty-top {
  padding-top: 20%;
}

.padding-twenty-half-top {
  padding-top: 20.5%;
}

.padding-twenty-one-top {
  padding-top: 21%;
}

.padding-twenty-one-half-top {
  padding-top: 21.5%;
}

.padding-twenty-two-top {
  padding-top: 22%;
}

.padding-twenty-two-half-top {
  padding-top: 22.5%;
}

.padding-twenty-three-top {
  padding-top: 23%;
}

.padding-twenty-three-half-top {
  padding-top: 23.5%;
}

.padding-twenty-four-top {
  padding-top: 24%;
}

.padding-twenty-four-half-top {
  padding-top: 24.5%;
}

.padding-twenty-five-top {
  padding-top: 25%;
}

.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-one-bottom {
  padding-bottom: 1%;
}

.padding-one-half-bottom {
  padding-bottom: 1.5%;
}

.padding-two-bottom {
  padding-bottom: 2%;
}

.padding-two-half-bottom {
  padding-bottom: 2.5%;
}

.padding-three-bottom {
  padding-bottom: 3%;
}

.padding-three-half-bottom {
  padding-bottom: 3.5%;
}

.padding-four-bottom {
  padding-bottom: 4%;
}

.padding-four-half-bottom {
  padding-bottom: 4.5%;
}

.padding-five-bottom {
  padding-bottom: 5%;
}

.padding-five-half-bottom {
  padding-bottom: 5.5%;
}

.padding-six-bottom {
  padding-bottom: 6%;
}

.padding-six-half-bottom {
  padding-bottom: 6.5%;
}

.padding-seven-bottom {
  padding-bottom: 7%;
}

.padding-seven-half-bottom {
  padding-bottom: 7.5%;
}

.padding-eight-bottom {
  padding-bottom: 8%;
}

.padding-eight-half-bottom {
  padding-bottom: 8.5%;
}

.padding-nine-bottom {
  padding-bottom: 9%;
}

.padding-nine-half-bottom {
  padding-bottom: 9.5%;
}

.padding-ten-bottom {
  padding-bottom: 10%;
}

.padding-ten-half-bottom {
  padding-bottom: 10.5%;
}

.padding-eleven-bottom {
  padding-bottom: 11%;
}

.padding-eleven-half-bottom {
  padding-bottom: 11.5%;
}

.padding-twelve-bottom {
  padding-bottom: 12%;
}

.padding-twelve-half-bottom {
  padding-bottom: 12.5%;
}

.padding-thirteen-bottom {
  padding-bottom: 13%;
}

.padding-thirteen-half-bottom {
  padding-bottom: 13.5%;
}

.padding-fourteen-bottom {
  padding-bottom: 14%;
}

.padding-fourteen-half-bottom {
  padding-bottom: 14.5%;
}

.padding-fifteen-bottom {
  padding-bottom: 15%;
}

.padding-fifteen-half-bottom {
  padding-bottom: 15.5%;
}

.padding-sixteen-bottom {
  padding-bottom: 16%;
}

.padding-sixteen-half-bottom {
  padding-bottom: 16.5%;
}

.padding-seventeen-bottom {
  padding-bottom: 17%;
}

.padding-seventeen-half-bottom {
  padding-bottom: 17.5%;
}

.padding-eighteen-bottom {
  padding-bottom: 18%;
}

.padding-eighteen-half-bottom {
  padding-bottom: 18.5%;
}

.padding-nineteen-bottom {
  padding-bottom: 19%;
}

.padding-nineteen-half-bottom {
  padding-bottom: 19.5%;
}

.padding-twenty-bottom {
  padding-bottom: 20%;
}

.padding-twenty-half-bottom {
  padding-bottom: 20.5%;
}

.padding-twenty-one-bottom {
  padding-bottom: 21%;
}

.padding-twenty-one-half-bottom {
  padding-bottom: 21.5%;
}

.padding-twenty-two-bottom {
  padding-bottom: 22%;
}

.padding-twenty-two-half-bottom {
  padding-bottom: 22.5%;
}

.padding-twenty-three-bottom {
  padding-bottom: 23%;
}

.padding-twenty-three-half-bottom {
  padding-bottom: 23.5%;
}

.padding-twenty-four-bottom {
  padding-bottom: 24%;
}

.padding-twenty-four-half-bottom {
  padding-bottom: 24.5%;
}

.padding-twenty-five-bottom {
  padding-bottom: 25%;
}

.padding-2px-bottom {
  padding-bottom: 2px !important;
}

.padding-5px-bottom {
  padding-bottom: 5px !important;
}

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

.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-one-right {
  padding-right: 1%;
}

.padding-one-half-right {
  padding-right: 1.5%;
}

.padding-two-right {
  padding-right: 2%;
}

.padding-two-half-right {
  padding-right: 2.5%;
}

.padding-three-right {
  padding-right: 3%;
}

.padding-three-half-right {
  padding-right: 3.5%;
}

.padding-four-right {
  padding-right: 4%;
}

.padding-four-half-right {
  padding-right: 4.5%;
}

.padding-five-right {
  padding-right: 5%;
}

.padding-five-half-right {
  padding-right: 5.5%;
}

.padding-six-right {
  padding-right: 6%;
}

.padding-six-half-right {
  padding-right: 6.5%;
}

.padding-seven-right {
  padding-right: 7%;
}

.padding-seven-half-right {
  padding-right: 7.5%;
}

.padding-eight-right {
  padding-right: 8%;
}

.padding-eight-half-right {
  padding-right: 8.5%;
}

.padding-nine-right {
  padding-right: 9%;
}

.padding-nine-half-right {
  padding-right: 9.5%;
}

.padding-ten-right {
  padding-right: 10%;
}

.padding-ten-half-right {
  padding-right: 10.5%;
}

.padding-eleven-right {
  padding-right: 11%;
}

.padding-eleven-half-right {
  padding-right: 11.5%;
}

.padding-twelve-right {
  padding-right: 12%;
}

.padding-twelve-half-right {
  padding-right: 12.5%;
}

.padding-thirteen-right {
  padding-right: 13%;
}

.padding-thirteen-half-right {
  padding-right: 13.5%;
}

.padding-fourteen-right {
  padding-right: 14%;
}

.padding-fourteen-half-right {
  padding-right: 14.5%;
}

.padding-fifteen-right {
  padding-right: 15%;
}

.padding-fifteen-half-right {
  padding-right: 15.5%;
}

.padding-sixteen-right {
  padding-right: 16%;
}

.padding-sixteen-half-right {
  padding-right: 16.5%;
}

.padding-seventeen-right {
  padding-right: 17%;
}

.padding-seventeen-half-right {
  padding-right: 17.5%;
}

.padding-eighteen-right {
  padding-right: 18%;
}

.padding-eighteen-half-right {
  padding-right: 18.5%;
}

.padding-nineteen-right {
  padding-right: 19%;
}

.padding-nineteen-half-right {
  padding-right: 19.5%;
}

.padding-twenty-right {
  padding-right: 20%;
}

.padding-twenty-half-right {
  padding-right: 20.5%;
}

.padding-twenty-one-right {
  padding-right: 21%;
}

.padding-twenty-one-half-right {
  padding-right: 21.5%;
}

.padding-twenty-two-right {
  padding-right: 22%;
}

.padding-twenty-two-half-right {
  padding-right: 22.5%;
}

.padding-twenty-three-right {
  padding-right: 23%;
}

.padding-twenty-three-half-right {
  padding-right: 23.5%;
}

.padding-twenty-four-right {
  padding-right: 24%;
}

.padding-twenty-four-half-right {
  padding-right: 24.5%;
}

.padding-twenty-five-right {
  padding-right: 25%;
}

.padding-twenty-nine-right {
  padding-right: 29% !important;
}

.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 !important;
}

.padding-35px-right {
  padding-right: 35px !important;
}

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

.padding-45px-right {
  padding-right: 45px;
}

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

.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-one-left {
  padding-left: 1%;
}

.padding-one-half-left {
  padding-left: 1.5%;
}

.padding-two-left {
  padding-left: 2%;
}

.padding-two-half-left {
  padding-left: 2.5%;
}

.padding-three-left {
  padding-left: 3%;
}

.padding-three-half-left {
  padding-left: 3.5%;
}

.padding-four-left {
  padding-left: 4%;
}

.padding-four-half-left {
  padding-left: 4.5%;
}

.padding-five-left {
  padding-left: 5%;
}

.padding-five-half-left {
  padding-left: 5.5%;
}

.padding-six-left {
  padding-left: 6%;
}

.padding-six-half-left {
  padding-left: 6.5%;
}

.padding-seven-left {
  padding-left: 7%;
}

.padding-seven-half-left {
  padding-left: 7.5%;
}

.padding-eight-left {
  padding-left: 8%;
}

.padding-eight-half-left {
  padding-left: 8.5%;
}

.padding-nine-left {
  padding-left: 9%;
}

.padding-nine-half-left {
  padding-left: 9.5%;
}

.padding-ten-left {
  padding-left: 10%;
}

.padding-ten-half-left {
  padding-left: 10.5%;
}

.padding-eleven-left {
  padding-left: 11%;
}

.padding-eleven-half-left {
  padding-left: 11.5%;
}

.padding-twelve-left {
  padding-left: 12%;
}

.padding-twelve-half-left {
  padding-left: 12.5%;
}

.padding-thirteen-left {
  padding-left: 13%;
}

.padding-thirteen-half-left {
  padding-left: 13.5%;
}

.padding-fourteen-left {
  padding-left: 14%;
}

.padding-fourteen-half-left {
  padding-left: 14.5%;
}

.padding-fifteen-left {
  padding-left: 15%;
}

.padding-fifteen-half-left {
  padding-left: 15.5%;
}

.padding-sixteen-left {
  padding-left: 16%;
}

.padding-sixteen-half-left {
  padding-left: 16.5%;
}

.padding-seventeen-left {
  padding-left: 17%;
}

.padding-seventeen-half-left {
  padding-left: 17.5%;
}

.padding-eighteen-left {
  padding-left: 18%;
}

.padding-eighteen-half-left {
  padding-left: 18.5%;
}

.padding-nineteen-left {
  padding-left: 19%;
}

.padding-nineteen-half-left {
  padding-left: 19.5%;
}

.padding-twenty-left {
  padding-left: 20%;
}

.padding-twenty-half-left {
  padding-left: 20.5%;
}

.padding-twenty-one-left {
  padding-left: 21%;
}

.padding-twenty-one-half-left {
  padding-left: 21.5%;
}

.padding-twenty-two-left {
  padding-left: 22%;
}

.padding-twenty-two-half-left {
  padding-left: 22.5%;
}

.padding-twenty-three-left {
  padding-left: 23%;
}

.padding-twenty-three-half-left {
  padding-left: 23.5%;
}

.padding-twenty-four-left {
  padding-left: 24%;
}

.padding-twenty-four-half-left {
  padding-left: 24.5%;
}

.padding-twenty-five-left {
  padding-left: 25%;
}

.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-one-tb {
  padding-top: 1%;
  padding-bottom: 1%;
}

.padding-one-half-tb {
  padding-top: 1.5%;
  padding-bottom: 1.5%;
}

.padding-two-tb {
  padding-top: 2%;
  padding-bottom: 2%;
}

.padding-two-half-tb {
  padding-top: 2.5%;
  padding-bottom: 2.5%;
}

.padding-three-tb {
  padding-top: 3%;
  padding-bottom: 3%;
}

.padding-three-half-tb {
  padding-top: 3.5%;
  padding-bottom: 3.5%;
}

.padding-four-tb {
  padding-top: 4%;
  padding-bottom: 4%;
}

.padding-four-half-tb {
  padding-top: 4.5%;
  padding-bottom: 4.5%;
}

.padding-five-tb {
  padding-top: 5%;
  padding-bottom: 5%;
}

.padding-five-half-tb {
  padding-top: 5.5%;
  padding-bottom: 5.5%;
}

.padding-six-tb {
  padding-top: 6%;
  padding-bottom: 6%;
}

.padding-six-half-tb {
  padding-top: 6.5%;
  padding-bottom: 6.5%;
}

.padding-seven-tb {
  padding-top: 7%;
  padding-bottom: 7%;
}

.padding-seven-half-tb {
  padding-top: 7.5%;
  padding-bottom: 7.5%;
}

.padding-eight-tb {
  padding-top: 8%;
  padding-bottom: 8%;
}

.padding-eight-half-tb {
  padding-top: 8.5%;
  padding-bottom: 8.5%;
}

.padding-nine-tb {
  padding-top: 9%;
  padding-bottom: 9%;
}

.padding-nine-half-tb {
  padding-top: 9.5%;
  padding-bottom: 9.5%;
}

.padding-ten-tb {
  padding-top: 10%;
  padding-bottom: 10%;
}

.padding-ten-half-tb {
  padding-top: 10.5%;
  padding-bottom: 10.5%;
}

.padding-eleven-tb {
  padding-top: 11%;
  padding-bottom: 11%;
}

.padding-eleven-half-tb {
  padding-top: 11.5%;
  padding-bottom: 11.5%;
}

.padding-twelve-tb {
  padding-top: 12%;
  padding-bottom: 12%;
}

.padding-twelve-half-tb {
  padding-top: 12.5%;
  padding-bottom: 12.5%;
}

.padding-thirteen-tb {
  padding-top: 13%;
  padding-bottom: 13%;
}

.padding-thirteen-half-tb {
  padding-top: 13.5%;
  padding-bottom: 13.5%;
}

.padding-fourteen-tb {
  padding-top: 14%;
  padding-bottom: 14%;
}

.padding-fourteen-half-tb {
  padding-top: 14.5%;
  padding-bottom: 14.5%;
}

.padding-fifteen-tb {
  padding-top: 15%;
  padding-bottom: 15%;
}

.padding-fifteen-half-tb {
  padding-top: 15.5%;
  padding-bottom: 15.5%;
}

.padding-sixteen-tb {
  padding-top: 16%;
  padding-bottom: 16%;
}

.padding-sixteen-half-tb {
  padding-top: 16.5%;
  padding-bottom: 16.5%;
}

.padding-seventeen-tb {
  padding-top: 17%;
  padding-bottom: 17%;
}

.padding-seventeen-half-tb {
  padding-top: 17.5%;
  padding-bottom: 17.5%;
}

.padding-eighteen-tb {
  padding-top: 18%;
  padding-bottom: 18%;
}

.padding-eighteen-half-tb {
  padding-top: 18.5%;
  padding-bottom: 18.5%;
}

.padding-nineteen-tb {
  padding-top: 19%;
  padding-bottom: 19%;
}

.padding-nineteen-half-tb {
  padding-top: 19.5%;
  padding-bottom: 19.5%;
}

.padding-twenty-tb {
  padding-top: 20%;
  padding-bottom: 20%;
}

.padding-twenty-half-tb {
  padding-top: 20.5%;
  padding-bottom: 20%;
}

.padding-twenty-one-tb {
  padding-top: 21%;
  padding-bottom: 21%;
}

.padding-twenty-one-half-tb {
  padding-top: 21.5%;
  padding-bottom: 21.5%;
}

.padding-twenty-two-tb {
  padding-top: 22%;
  padding-bottom: 22%;
}

.padding-twenty-two-half-tb {
  padding-top: 22.5%;
  padding-bottom: 22.5%;
}

.padding-twenty-three-tb {
  padding-top: 23%;
  padding-bottom: 23%;
}

.padding-twenty-three-half-tb {
  padding-top: 23.5%;
  padding-bottom: 23.5%;
}

.padding-twenty-four-tb {
  padding-top: 24%;
  padding-bottom: 24%;
}

.padding-twenty-four-half-tb {
  padding-top: 24.5%;
  padding-bottom: 24.5%;
}

.padding-twenty-five-tb {
  padding-top: 25%;
  padding-bottom: 25%;
}

.padding-thirty-tb {
  padding-top: 30%;
  padding-bottom: 30%;
}

.padding-5px-tb {
  padding-top: 5px;
  padding-bottom: 5px;
}

.padding-10px-tb {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.padding-15px-tb {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.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-120px-tb {
  padding-top: 120px;
  padding-bottom: 120px;
}

.padding-150px-tb {
  padding-top: 150px;
  padding-bottom: 150px;
}

.padding-200px-tb {
  padding-top: 200px;
  padding-bottom: 200px;
}

.padding-one-lr {
  padding-left: 1%;
  padding-right: 1%;
}

.padding-one-half-lr {
  padding-left: 1.5%;
  padding-right: 1.5%;
}

.padding-two-lr {
  padding-left: 2%;
  padding-right: 2%;
}

.padding-two-half-lr {
  padding-left: 2.5%;
  padding-right: 2.5%;
}

.padding-three-lr {
  padding-left: 3%;
  padding-right: 3%;
}

.padding-three-half-lr {
  padding-left: 3.5%;
  padding-right: 3.5%;
}

.padding-four-lr {
  padding-left: 4%;
  padding-right: 4%;
}

.padding-four-half-lr {
  padding-left: 4.5%;
  padding-right: 4.5%;
}

.padding-five-lr {
  padding-left: 5%;
  padding-right: 5%;
}

.padding-five-half-lr {
  padding-left: 5.5%;
  padding-right: 5.5%;
}

.padding-six-lr {
  padding-left: 6%;
  padding-right: 6%;
}

.padding-six-half-lr {
  padding-left: 6.5%;
  padding-right: 6.5%;
}

.padding-seven-lr {
  padding-left: 7%;
  padding-right: 7%;
}

.padding-seven-half-lr {
  padding-left: 7.5%;
  padding-right: 7.5%;
}

.padding-eight-lr {
  padding-left: 8%;
  padding-right: 8%;
}

.padding-eight-half-lr {
  padding-left: 8.5%;
  padding-right: 8.5%;
}

.padding-nine-lr {
  padding-left: 9%;
  padding-right: 9%;
}

.padding-nine-half-lr {
  padding-left: 9.5%;
  padding-right: 9.5%;
}

.padding-ten-lr {
  padding-left: 10%;
  padding-right: 10%;
}

.padding-ten-half-lr {
  padding-left: 10.5%;
  padding-right: 10.5%;
}

.padding-eleven-lr {
  padding-left: 11%;
  padding-right: 11%;
}

.padding-eleven-half-lr {
  padding-left: 11.5%;
  padding-right: 11.5%;
}

.padding-twelve-lr {
  padding-left: 12%;
  padding-right: 12%;
}

.padding-twelve-half-lr {
  padding-left: 12.5%;
  padding-right: 12.5%;
}

.padding-thirteen-lr {
  padding-left: 13%;
  padding-right: 13%;
}

.padding-thirteen-half-lr {
  padding-left: 13.5%;
  padding-right: 13.5%;
}

.padding-fourteen-lr {
  padding-left: 14%;
  padding-right: 14%;
}

.padding-fourteen-half-lr {
  padding-left: 14.5%;
  padding-right: 14.5%;
}

.padding-fifteen-lr {
  padding-left: 15%;
  padding-right: 15%;
}

.padding-fifteen-half-lr {
  padding-left: 15.5%;
  padding-right: 15.5%;
}

.padding-sixteen-lr {
  padding-left: 16%;
  padding-right: 16%;
}

.padding-sixteen-half-lr {
  padding-left: 16.5%;
  padding-right: 16.5%;
}

.padding-seventeen-lr {
  padding-left: 17%;
  padding-right: 17%;
}

.padding-seventeen-half-lr {
  padding-left: 17.5%;
  padding-right: 17.5%;
}

.padding-eighteen-lr {
  padding-left: 18%;
  padding-right: 18%;
}

.padding-eighteen-half-lr {
  padding-left: 18.5%;
  padding-right: 18.5%;
}

.padding-nineteen-lr {
  padding-left: 19%;
  padding-right: 19%;
}

.padding-nineteen-half-lr {
  padding-left: 19.5%;
  padding-right: 19.5%;
}

.padding-twenty-lr {
  padding-left: 20%;
  padding-right: 20%;
}

.padding-twenty-half-lr {
  padding-left: 20.5%;
  padding-right: 20.5%;
}

.padding-twenty-one-lr {
  padding-left: 21%;
  padding-right: 21%;
}

.padding-twenty-one-half-lr {
  padding-left: 21.5%;
  padding-right: 21.5%;
}

.padding-twenty-two-lr {
  padding-left: 22%;
  padding-right: 22%;
}

.padding-twenty-two-half-lr {
  padding-left: 22.5%;
  padding-right: 22.5%;
}

.padding-twenty-three-lr {
  padding-left: 23%;
  padding-right: 23%;
}

.padding-twenty-three-half-lr {
  padding-left: 23.5%;
  padding-right: 23.5%;
}

.padding-twenty-four-lr {
  padding-left: 24%;
  padding-right: 24%;
}

.padding-twenty-four-half-lr {
  padding-left: 24.5%;
  padding-right: 24.5%;
}

.padding-twenty-five-lr {
  padding-left: 25%;
  padding-right: 25%;
}

.padding-5px-lr {
  padding-left: 5px;
  padding-right: 5px;
}

.padding-7px-lr {
  padding-left: 7px;
  padding-right: 7px;
}

.padding-10px-lr {
  padding-left: 10px;
  padding-right: 10px;
}

.padding-15px-lr {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.padding-20px-lr {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.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;
}

.display-block {
  display: block !important;
}

.display-inline-block {
  display: inline-block !important;
}

.display-inline {
  display: inline !important;
}

.display-none {
  display: none !important;
}

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

.display-table {
  display: table !important;
}

.display-table-cell {
  display: table-cell !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-auto {
  overflow: auto !important;
}

.display-flex {
  -ms-box-orient: horizontal;
  display: -moz-flex;
  display: flex;
  flex-flow: row;
  -o-flex-flow: row;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

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

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

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

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

.position-right {
  right: 0 !important;
}

.position-left {
  left: 0 !important;
}

.position-top {
  top: 0 !important;
}

.top-auto {
  top: auto;
}

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

.top-0 {
  top: 0 !important;
}

.top-1 {
  top: 1px;
}

.top-2 {
  top: 2px;
}

.top-3 {
  top: 3px;
}

.top-4 {
  top: 4px;
}

.top-5 {
  top: 5px;
}

.top-6 {
  top: 6px;
}

.top-7 {
  top: 7px;
}

.top-8 {
  top: 8px;
}

.top-9 {
  top: 9px;
}

.top-10 {
  top: 10px;
}

.top-15 {
  top: 15px;
}

.top-20 {
  top: 20px;
}

.top-25 {
  top: 25px;
}

.top-30 {
  top: 30px;
}

.top-35 {
  top: 35px;
}

.top-40 {
  top: 40px;
}

.top-45 {
  top: 45px;
}

.top-50 {
  top: 50px;
}

.top-minus1 {
  top: -1px;
}

.top-minus2 {
  top: -2px;
}

.top-minus3 {
  top: -3px;
}

.top-minus4 {
  top: -4px;
}

.top-minus5 {
  top: -5px;
}

.top-minus6 {
  top: -6px;
}

.top-minus7 {
  top: -7px;
}

.top-minus8 {
  top: -8px;
}

.top-minus9 {
  top: -9px;
}

.top-minus10 {
  top: -10px;
}

.top-minus15 {
  top: -15px;
}

.top-minus20 {
  top: -20px;
}

.top-minus25 {
  top: -25px;
}

.top-minus30 {
  top: -30px;
}

.top-minus35 {
  top: -35px;
}

.top-minus40 {
  top: -40px;
}

.bottom-auto {
  bottom: auto;
}

.bottom-0 {
  bottom: 0;
}

.bottom-1 {
  bottom: 1px;
}

.bottom-2 {
  bottom: 2px;
}

.bottom-3 {
  bottom: 3px;
}

.bottom-4 {
  bottom: 4px;
}

.bottom-5 {
  bottom: 5px;
}

.bottom-6 {
  bottom: 6px;
}

.bottom-7 {
  bottom: 7px;
}

.bottom-8 {
  bottom: 8px;
}

.bottom-9 {
  bottom: 9px;
}

.bottom-10 {
  bottom: 10px;
}

.bottom-15 {
  bottom: 15px;
}

.bottom-20 {
  bottom: 20px;
}

.bottom-25 {
  bottom: 25px;
}

.bottom-30 {
  bottom: 30px;
}

.bottom-35 {
  bottom: 35px;
}

.bottom-40 {
  bottom: 40px;
}

.bottom-45 {
  bottom: 45px;
}

.bottom-50 {
  bottom: 50px;
}

.left-auto {
  left: auto;
}

.left-0 {
  left: 0;
}

.left-1 {
  left: 1px;
}

.left-2 {
  left: 2px;
}

.left-3 {
  left: 3px;
}

.left-4 {
  left: 4px;
}

.left-5 {
  left: 5px;
}

.left-6 {
  left: 6px;
}

.left-7 {
  left: 7px;
}

.left-8 {
  left: 8px;
}

.left-9 {
  left: 9px;
}

.left-10 {
  left: 10px;
}

.left-15 {
  left: 15px;
}

.left-20 {
  left: 20px;
}

.left-25 {
  left: 25px;
}

.left-30 {
  left: 30px;
}

.left-35 {
  left: 35px;
}

.left-40 {
  left: 40px;
}

.left-45 {
  left: 45px;
}

.left-50 {
  left: 50px;
}

.right-auto {
  right: auto;
}

.right-0 {
  right: 0;
}

.right-1 {
  right: 1px;
}

.right-2 {
  right: 2px;
}

.right-3 {
  right: 3px;
}

.right-4 {
  right: 4px;
}

.right-5 {
  right: 5px;
}

.right-6 {
  right: 6px;
}

.right-7 {
  right: 7px;
}

.right-8 {
  right: 8px;
}

.right-9 {
  right: 9px;
}

.right-10 {
  right: 10px;
}

.width-1px {
  width: 1px;
}

.width-2px {
  width: 2px;
}

.width-3px {
  width: 3px;
}

.width-4px {
  width: 4px;
}

.width-5px {
  width: 5px;
}

.width-6px {
  width: 6px;
}

.width-7px {
  width: 7px;
}

.width-8px {
  width: 8px;
}

.width-9px {
  width: 9px;
}

.width-10px {
  width: 10px;
}

.width-15px {
  width: 15px;
}

.width-20px {
  width: 20px;
}

.width-25px {
  width: 25px;
}

.width-30px {
  width: 30px;
}

.width-35px {
  width: 35px;
}

.width-40px {
  width: 40px;
}

.width-50px {
  width: 50px;
}

.width-55px {
  width: 55px;
}

.width-60px {
  width: 60px;
}

.width-65px {
  width: 65px;
}

.width-70px {
  width: 70px;
}

.width-75px {
  width: 75px;
}

.width-80px {
  width: 80px;
}

.width-85px {
  width: 85px;
}

.width-90px {
  width: 90px;
}

.width-100px {
  width: 100px !important;
}

.width-120px {
  width: 120px !important;
}

.width-130px {
  width: 130px !important;
}

.width-150px {
  width: 150px !important;
}

.width-180px {
  width: 180px !important;
}

.width-200px {
  width: 200px !important;
}

.width-250px {
  width: 250px !important;
}

.width-300px {
  width: 300px !important;
}

.width-350px {
  width: 350px;
}

.width-400px {
  width: 400px;
}

.width-450px {
  width: 450px;
}

.width-500px {
  width: 500px;
}

.width-550px {
  width: 550px;
}

.width-600px {
  width: 600px;
}

.width-650px {
  width: 650px;
}

.width-700px {
  width: 700px;
}

.width-750px {
  width: 750px;
}

.width-800px {
  width: 800px;
}

.width-850px {
  width: 850px;
}

.width-900px {
  width: 900px;
}

.width-950px {
  width: 950px;
}

.width-1000px {
  width: 1000px;
}

.width-10 {
  width: 10% !important;
}

.width-12 {
  width: 12% !important;
}

.width-15 {
  width: 15% !important;
}

.width-20 {
  width: 20% !important;
}

.width-25 {
  width: 25% !important;
}

.width-30 {
  width: 30% !important;
}

.width-35 {
  width: 35% !important;
}

.width-40 {
  width: 40% !important;
}

.width-45 {
  width: 45% !important;
}

.width-50 {
  width: 50% !important;
}

.width-55 {
  width: 55% !important;
}

.width-60 {
  width: 60% !important;
}

.width-65 {
  width: 65% !important;
}

.width-70 {
  width: 70% !important;
}

.width-75 {
  width: 75% !important;
}

.width-80 {
  width: 80% !important;
}

.width-85 {
  width: 85% !important;
}

.width-90 {
  width: 90% !important;
}

.width-95 {
  width: 95% !important;
}

.width-100 {
  width: 100% !important;
}

.width-auto {
  width: auto !important;
}

.height-1px {
  height: 1px;
}

.height-2px {
  height: 2px;
}

.height-3px {
  height: 3px;
}

.height-4px {
  height: 4px;
}

.height-5px {
  height: 5px;
}

.height-6px {
  height: 6px;
}

.height-7px {
  height: 7px;
}

.height-8px {
  height: 8px;
}

.height-9px {
  height: 9px;
}

.height-10px {
  height: 10px;
}

.height-20px {
  height: 20px;
}

.height-25px {
  height: 25px;
}

.height-26px {
  height: 26px !important;
}

.height-28px {
  height: 28px !important;
}

.height-30px {
  height: 30px;
}

.height-34px {
  height: 34px !important;
}

.height-36px {
  height: 36px;
}

.height-40px {
  height: 40px !important;
}

.height-42px {
  height: 42px !important;
}

.height-80px {
  height: 80px;
}

.height-90px {
  height: 90px;
}

.height-100px {
  height: 100px;
}

.height-130px {
  height: 130px;
}

.height-150px {
  height: 150px;
}

.height-200px {
  height: 200px;
}

.height-250px {
  height: 250px;
}

.height-300px {
  height: 300px;
}

.height-350px {
  height: 350px;
}

.height-400px {
  height: 400px;
}

.height-450px {
  height: 450px;
}

.height-500px {
  height: 500px;
}

.height-550px {
  height: 550px;
}

.height-600px {
  height: 600px;
}

.height-650px {
  height: 650px;
}

.height-700px {
  height: 700px;
}

.height-50 {
  height: 50%;
}

.height-100 {
  height: 100% !important;
}

.height-auto {
  height: auto !important;
}

.max-height-100 {
  max-height: 100%;
}

.full-screen {
  min-height: 980px;
}

.min-height-100px {
  min-height: 100px;
}

.min-height-200px {
  min-height: 200px;
}

.min-height-300px {
  min-height: 300px;
}

.min-height-400px {
  min-height: 400px;
}

.min-height-500px {
  min-height: 500px;
}

.min-height-600px {
  min-height: 600px;
}

.min-height-700px {
  min-height: 700px;
}

.extra-small-screen {
  height: 300px;
}

.small-screen {
  height: 400px;
}

.one-second-screen {
  height: 600px;
}

.one-third-screen {
  height: 700px;
}

.one-fourth-screen {
  height: 800px;
}

.one-fifth-screen {
  height: 900px;
}

.one-sixth-screen {
  height: 887px;
}

.inner-match-height {
  position: relative;
  height: 100%;
}

.icon-very-small {
  font-size: 16px;
}

.icon-small {
  font-size: 24px;
}

.icon-medium {
  font-size: 35px;
}

.icon-extra-medium {
  font-size: 40px;
}

.icon-large {
  font-size: 50px;
}

.icon-round-small {
  height: 80px;
  width: 80px;
  font-size: 32px;
}

.icon-round-medium,
.icon-round-small {
  border-radius: 100%;
  display: table-cell;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
}

.icon-round-medium {
  height: 90px;
  width: 90px;
}

.icon-social-very-small {
  font-size: 12px;
}

.icon-social-small {
  font-size: 14px;
}

.icon-social-medium {
  font-size: 16px;
}

.icon-social-large {
  font-size: 20px;
}

.icon-social-extra-large {
  font-size: 24px;
}

.icon-social-medium a i,
.icon-social-small a i,
.icon-social-very-small a i {
  margin: 0 8px;
  vertical-align: middle;
}

.icon-social-large a i {
  margin: 0 4px;
  vertical-align: middle;
}

.extra-large-icon,
.extra-small-icon,
.large-icon,
.medium-icon,
.small-icon {
  list-style: none;
  padding: 0;
}

.extra-large-icon li,
.extra-small-icon li,
.large-icon li,
.medium-icon li,
.small-icon li {
  display: inline-block;
}

footer .extra-large-icon li:first-child,
footer .extra-small-icon li:first-child,
footer .large-icon li:first-child,
footer .medium-icon li:first-child,
footer .small-icon li:first-child {
  margin-left: 0;
}

footer .extra-large-icon li:last-child,
footer .extra-small-icon li:last-child,
footer .large-icon li:last-child,
footer .medium-icon li:last-child,
footer .small-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: 29px;
}

.small-icon a {
  font-size: 16px;
  width: 40px;
  height: 40px;
  line-height: 38px;
}

.medium-icon a {
  font-size: 20px;
  width: 50px;
  height: 50px;
  line-height: 48px;
}

.large-icon a {
  font-size: 24px;
  width: 60px;
  height: 60px;
  line-height: 61px;
}

.extra-large-icon a {
  font-size: 30px;
  width: 70px;
  height: 70px;
  line-height: 68px;
}

a.likes-count {
  padding: 0 15px;
  width: auto;
  border-radius: 30px !important;
}

a.likes-count i {
  margin-right: 8px;
}

a.likes-count span {
  position: relative;
  top: -1px;
}

.mfp-bg,
.my-mfp-slide-bottom.mfp-ready.mfp-bg,
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  background: #000;
  opacity: .93;
}

.mfp-bg,
.mfp-wrap {
  z-index: 10007;
}

#popup-form {
  cursor: default;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
  color: #fff;
  background: transparent;
}

.mfp-iframe-scaler iframe {
  box-shadow: none;
}

.mfp-close,
.mfp-close:active {
  opacity: 1;
  background-color: transparent;
  color: #fff;
  right: 30px;
  top: 30px;
}

.modal-popup-main .mfp-close,
.modal-popup-main .mfp-close:active {
  right: 0;
  top: 0;
}

.lightbox-gallery a {
  position: relative;
  display: block;
}

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

.mfp-arrow-left:after,
.mfp-arrow-right:after {
  display: none;
}

.mfp-arrow-right:before {
  border-left: none;
  content: "\e628";
  font-size: 2em;
  font-family: themify;
  color: #fff;
}

.mfp-arrow-left:before {
  border-right: none;
  content: "\e629";
  font-size: 2em;
  font-family: themify;
  color: #fff;
}

.mfp-bottom-bar {
  margin-top: -24px;
  font-size: 12px;
}

.mfp-close {
  font-size: 36px;
  font-family: Montserrat,sans-serif;
  font-weight: 500;
}

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

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.mfp-figure {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  transition: all .3s ease-in-out;
  transform: scale(.8);
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  transform: scale(1);
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  transform: scale(.8);
  opacity: 0;
}

.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: opacity .3s ease-out;
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  transition: all .3s ease-out;
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  transform: translateY(0) perspective(600px) rotateX(0);
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  transition: opacity .3s ease-out;
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all .3s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: .97;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all .3s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

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

.alert-dismissable .close,
.alert-dismissible .close {
  top: 0;
}

.blog-grid.gutter-very-small li,
.portfolio-grid.gutter-very-small li {
  padding: 3px;
}

.blog-grid.gutter-small li,
.portfolio-grid.gutter-small li {
  padding: 5px;
}

.blog-grid.gutter-medium li,
.portfolio-grid.gutter-medium li {
  padding: 7px;
}

.blog-grid.gutter-large li,
.portfolio-grid.gutter-large li {
  padding: 10px;
}

.blog-grid.gutter-extra-large li,
.portfolio-grid.gutter-extra-large li {
  padding: 20px;
}

.blog-grid.gutter-extra-large,
.portfolio-grid.gutter-extra-large {
  margin: 0 -20px;
}

.blog-grid.gutter-large {
  margin-left: 10px;
  margin-right: 10px;
}

.portfolio-grid.gutter-large {
  margin: 0 10px;
}

.blog-grid.gutter-very-small,
.portfolio-grid.gutter-very-small {
  margin: 0 3px;
}

.blog-grid.gutter-small,
.portfolio-grid.gutter-small {
  margin: 0 5px;
}

.blog-grid.gutter-medium,
.portfolio-grid.gutter-medium {
  margin: 0 7px;
}

.blog-grid.blog-6col li,
.portfolio-grid.work-6col li {
  width: 16.67%;
}

.blog-grid.blog-6col li.grid-item-double,
.portfolio-grid.work-6col li.grid-item-double {
  width: 33.33%;
}

.blog-grid.blog-5col li,
.portfolio-grid.work-5col li {
  width: 20%;
}

.blog-grid.blog-5col li.grid-item-double,
.portfolio-grid.work-5col li.grid-item-double {
  width: 40%;
}

.blog-grid.blog-4col li,
.portfolio-grid.work-4col li {
  width: 25%;
}

.blog-grid.blog-4col li.grid-item-double,
.portfolio-grid.work-4col li.grid-item-double {
  width: 50%;
}

.blog-grid.blog-3col li,
.portfolio-grid.work-3col li {
  width: 33.33%;
  float: left;
}

.blog-grid.blog-3col li.grid-item-double,
.portfolio-grid.work-3col li.grid-item-double {
  width: 66.67%;
}

.blog-grid.blog-2col li,
.portfolio-grid.work-2col li {
  width: 50%;
}

.blog-grid.blog-2col li.grid-item-double,
.portfolio-grid.work-1col li,
.portfolio-grid.work-2col li.grid-item-double {
  width: 100%;
}

.portfolio-grid {
  list-style: none;
  padding: 0;
  margin: 0;
}

.portfolio-grid .grid-item figure {
  margin: 0;
  position: relative;
  overflow: hidden;
}

.portfolio-grid .grid-item {
  opacity: 1;
  overflow: hidden;
}

.portfolio-grid .grid-item figure img {
  cursor: pointer;
  display: block;
  opacity: 1;
  width: 100%;
  transition: all .3s ease 0s;
}

.portfolio-grid .grid-item figcaption {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 45px;
  z-index: 1;
  text-align: center;
}

.portfolio-grid .grid-item figcaption,
.portfolio-grid .grid-item figure .portfolio-img,
.portfolio-grid .grid-item figure:hover .portfolio-img,
.portfolio-grid .grid-item figure:hover img {
  transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
}

.portfolio-grid .grid-item figure:hover img {
  opacity: .15;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.portfolio-grid .grid-item figure:hover figcaption {
  opacity: 1;
  transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
}

.container .hover-option4 .grid-item figcaption {
  padding: 30px;
}

.blog-grid {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog-grid .grid-item a {
  position: relative;
  z-index: 11;
}

.blog-grid .grid-item a img {
  width: 100%;
}

.justified-gallery>a>.caption,
.justified-gallery>div>.caption {
  padding: 7px 15px;
  opacity: 0;
  display: inline !important;
  display: initial !important;
  bottom: -20px;
  transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  font-family: Montserrat,sans-serif;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
}

.caption.caption-visible {
  opacity: 1;
  bottom: 0 !important;
}

.grid-item .portfolio-hover-box {
  display: table-cell;
  height: 100%;
}

.hover-option1 .grid-item figcaption {
  height: 100%;
}

.hover-option1 .grid-item .portfolio-hover-main {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  display: table;
  height: 100%;
  top: 0;
  width: 100%;
}

.hover-option2 .grid-item figcaption {
  height: 100%;
}

.hover-option2 .grid-item .portfolio-hover-main {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  display: table;
  height: 100%;
  top: 0;
  width: 100%;
}

.hover-option2 .grid-item .portfolio-hover-content {
  bottom: -15px;
  transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
}

.hover-option2 .grid-item:hover .portfolio-hover-content {
  bottom: 0;
}

.hover-option2 .separator-line-horrizontal-medium-light2 {
  opacity: .5;
}

.hover-option2 .grid-item figure:hover img {
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  filter: blur(5px);
  opacity: .1;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
}

.container .hover-option2 .grid-item figcaption {
  padding: 30px;
}

.hover-option3 .grid-item .slide-hover-box {
  position: absolute;
  width: 100%;
  height: 100%;
}

.hover-option3 .grid-item .opacity-medium {
  opacity: 0;
}

.hover-option3 .grid-item .opacity-medium,
.hover-option3 .grid-item .slide-hover-box:hover .opacity-medium {
  transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
}

.hover-option3 .grid-item .slide-hover-box:hover .opacity-medium {
  opacity: .5;
}

.hover-option3 .grid-item figure {
  bottom: 130px;
  z-index: 5;
  width: 100%;
  overflow: visible;
}

.hover-option3 .grid-item figure h6 {
  position: relative;
  bottom: -70px;
  transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
}

.hover-option3 .grid-item .slide-hover-box:hover h6 {
  bottom: 0;
}

.hover-option3 .grid-item figure p {
  bottom: -40px;
  opacity: 0;
  position: relative;
  transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
}

.hover-option3 .grid-item .slide-hover-box:hover p {
  opacity: .6;
  bottom: 0;
}

.hover-option3 .grid-item figure figcaption {
  left: 0;
  right: 0;
  opacity: 1;
  padding: 0 60px;
  height: auto;
  text-align: left;
}

.hover-option3 .grid-item .separator-line-horrizontal-medium-light2 {
  transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  width: 20%;
}

.hover-option3 .grid-item .slide-hover-box:hover .separator-line-horrizontal-medium-light2 {
  width: 60%;
  transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
}

.hover-option4 .grid-item figcaption {
  height: 100%;
}

.hover-option4 .grid-item .portfolio-hover-main {
  transform: none;
  display: table;
  height: 100%;
  top: 0;
  width: 100%;
}

.hover-option4 .grid-item figure:hover img {
  opacity: .08;
  transform: scale(1);
  filter: blur(4px);
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -ms-filter: blur(4px);
  -o-filter: blur(4px);
}

.hover-option4 .grid-item .portfolio-hover-content,
.hover-option4 .grid-item figure:hover img {
  transition: all .2s ease 0s;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
}

.hover-option4 .grid-item .portfolio-hover-content {
  bottom: -15px;
}

.hover-option4 .grid-item:hover .portfolio-hover-content {
  bottom: 0;
}

.hover-option4 .swiper-slide.grid-item figcaption {
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
}

.hover-option4 .swiper-slide.grid-item:hover figcaption {
  opacity: 1;
}

.hover-option5 .grid-item figcaption {
  height: 100%;
  padding: 20px;
}

.hover-option5 .grid-item .portfolio-hover-main {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  display: table;
  height: 100%;
  top: 0;
  width: 100%;
}

.hover-option5 .grid-item .portfolio-hover-box {
  padding: 20px;
}

.hover-option5 .grid-item:hover .portfolio-hover-box {
  background: rgba(0,0,0,.8);
}

.hover-option5 .grid-item .separator-line-horrizontal-medium-light2 {
  transition: all .2s ease 0s;
  top: 5px;
  width: 100px;
}

.hover-option5 .grid-item:hover .separator-line-horrizontal-medium-light2 {
  transform: translateY(-30px);
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
}

.hover-option5 .grid-item figure:hover img {
  opacity: .8;
}

.container .hover-option5 .grid-item .portfolio-hover-box {
  padding: 10px;
}

.hover-option6 .grid-item figcaption {
  height: 100%;
  position: relative;
  opacity: 1;
  padding: 35px 10px;
  background: #fff;
}

.hover-option6 .grid-item .portfolio-hover-main {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  display: table;
  height: 100%;
  top: 0;
  width: 100%;
}

.hover-option6 .grid-item .portfolio-icon {
  transition: all .3s ease 0s;
  transform: translateY(-50%);
  position: absolute;
  top: 55%;
  left: 0;
  right: 0;
  opacity: 0;
}

.hover-option6 .grid-item figure:hover .portfolio-icon {
  opacity: 1;
  top: 50%;
}

.hover-option6 .grid-item .portfolio-icon a {
  border-radius: 50%;
  border: 2px solid transparent;
  background: #fff;
  margin: 0 7px;
  height: 46px;
  width: 46px;
  display: inline-block;
  transition: all .2s ease 0s;
}

.hover-option6 .grid-item .portfolio-icon i.fa-link {
  font-size: 20px;
  position: relative;
  top: 11px;
}

.hover-option6 .grid-item .portfolio-icon i.fa-search {
  font-size: 16px;
  position: relative;
  top: 10px;
}

.hover-option6 .grid-item .portfolio-icon a:hover,
.hover-option6 .grid-item .portfolio-icon a:hover i {
  background: transparent;
  color: #fff;
}

.hover-option6 .grid-item .portfolio-icon a:hover {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.hover-option6 .grid-item figure:hover img {
  cursor: default;
  opacity: .15;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.hover-option6 .grid-item figure:hover figcaption {
  cursor: default;
}

.hover-option6 .grid-item figure:hover .portfolio-img {
  transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
}

.container .hover-option6 .grid-item figcaption {
  padding: 25px 10px;
}

.hover-option7 .grid-item figcaption {
  height: auto;
  position: absolute;
  opacity: 0;
  padding: 32px;
  bottom: -101px;
}

.hover-option7 .grid-item figure:hover figcaption {
  bottom: 0;
}

.hover-option7 .grid-item .portfolio-hover-main {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  display: table;
  height: 100%;
  top: 0;
  width: 100%;
}

.hover-option7 .grid-item figure img {
  top: 0;
  position: relative;
}

.hover-option7 .grid-item figure:hover img {
  cursor: pointer;
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  top: -101px;
}

.hover-option7 .grid-item figure:hover figcaption {
  cursor: pointer;
}

.hover-option7 .grid-item figure:hover .portfolio-img {
  transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  background: transparent;
}

.container .hover-option7 .grid-item figcaption {
  padding: 20px;
}

.container .hover-option7 .grid-item figure:hover img {
  top: -81px;
}

.hover-option8 .grid-item figure figcaption {
  opacity: 0;
  padding: 0;
  transition: all .2s ease 0s;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
}

.hover-option8 .grid-item figure:hover figcaption {
  opacity: 1;
  cursor: pointer;
}

.hover-option8 .grid-item .portfolio-hover-main {
  display: table;
  height: 100%;
  top: 0;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  width: 100%;
}

.hover-option8 .grid-item .portfolio-icon {
  position: absolute;
  right: 55px;
  top: 51px;
  transition: all .1s ease 0s;
  -webkit-transition: all .1s ease 0s;
  -moz-transition: all .1s ease 0s;
  -ms-transition: all .1s ease 0s;
  -o-transition: all .1s ease 0s;
}

.hover-option8 .grid-item figure:hover figcaption {
  padding: 25px;
  transition: all .2s ease 0s;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  box-shadow: 0 0 4px rgba(0,0,0,.4);
}

.hover-option8 .grid-item figure:hover figcaption .portfolio-hover-main {
  background: #fff;
}

.hover-option8.portfolio-grid .grid-item figure:hover img {
  opacity: 1;
  filter: blur(4px);
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -ms-filter: blur(4px);
  -o-filter: blur(4px);
}

.container .hover-option8 .grid-item figure:hover figcaption {
  padding: 20px;
}

.container .hover-option8 .grid-item .portfolio-icon {
  top: 30px;
  right: 35px;
}

.hover-option10 .grid-item * {
  transition: all .3s ease 0s;
}

.hover-option10 .grid-item figure .portfolio-img img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}

.hover-option10 .grid-item figure:hover .portfolio-img img {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  opacity: .15;
}

.hover-option10 .grid-item figure figcaption {
  padding: 0;
}

.hover-option10 .grid-item figure .portfolio-hover-main {
  display: table;
  width: 100%;
  height: 100%;
  padding: 50px;
}

.hover-option10 .grid-item figure .portfolio-icon {
  margin-bottom: 30px;
  position: relative;
  transform: translateY(-100%);
}

.hover-option10 .grid-item figure .portfolio-hover-content {
  position: relative;
  transform: translateY(100%);
}

.hover-option10 .grid-item figure:hover .portfolio-hover-content,
.hover-option10 .grid-item figure:hover .portfolio-icon {
  transform: translateY(0);
}

.hover-option10 .grid-item .portfolio-icon a {
  margin: 0 7px;
  height: 50px;
  width: 50px;
  display: inline-block;
  border-radius: 100%;
  border: 2px solid #fff;
  box-sizing: border-box;
  vertical-align: top;
  text-align: center;
  color: #fff;
}

.hover-option10 .grid-item .portfolio-icon a:hover {
  color: #232323;
  background: #fff;
  border-radius: 5px;
}

.hover-option10 .grid-item .portfolio-icon a:hover i {
  color: #232323;
}

.hover-option10 .grid-item .portfolio-icon i.fa-link {
  font-size: 22px;
  position: relative;
  top: 14px;
}

.hover-option10 .grid-item .portfolio-icon i.fa-search {
  font-size: 20px;
  position: relative;
  top: 13px;
}

.container .hover-option10 .grid-item .portfolio-icon i.fa-link {
  font-size: 16px;
  position: relative;
  top: 10px;
}

.container .hover-option10 .grid-item .portfolio-icon i.fa-search {
  font-size: 14px;
  position: relative;
  top: 8px;
}

.container .hover-option10 .grid-item .portfolio-icon a {
  width: 45px;
  height: 45px;
}

.container .hover-option10 .grid-item figure .portfolio-hover-main {
  padding: 30px;
}

.hover-option11 .grid-item figcaption {
  height: 100%;
}

.hover-option11 .grid-item .portfolio-hover-main {
  transform: none;
  display: table;
  height: 100%;
  top: 0;
  width: 100%;
}

.hover-option11 .grid-item figure:hover img {
  opacity: .05;
  transform: scale(1);
  filter: blur(4px);
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -ms-filter: blur(4px);
  -o-filter: blur(4px);
}

.hover-option11 .grid-item .portfolio-hover-content,
.hover-option11 .grid-item figure:hover img {
  transition: all .2s ease 0s;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
}

.hover-option11 .grid-item .portfolio-hover-content {
  bottom: -15px;
}

.hover-option11 .grid-item:hover .portfolio-hover-content {
  bottom: 0;
}

.hover-option11 .swiper-slide.grid-item figcaption {
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
}

.hover-option11 .swiper-slide.grid-item:hover figcaption {
  opacity: 1;
}

.hover-option11 .grid-item .portfolio-item-title {
  transition: all .2s ease 0s;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
}

.hover-option11 .grid-item>a:hover .portfolio-item-title {
  color: #fff;
}

.hover-option11 .grid-item .portfolio-img {
  margin-bottom: 33px;
  transition: all .2s ease 0s;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
}

.hover-option11 .grid-item .portfolio-img img {
  box-shadow: 0 0 8px #000;
}

.hover-option11 .grid-item:hover .portfolio-img img {
  opacity: .6;
  transition: all .2s ease 0s;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  -ms-transition: all .2s ease 0s;
}

.hover-option11 .grid-item>a {
  display: block;
  position: relative;
}

.hover-option11 .grid-item>a:hover .portfolio-img {
  box-shadow: 0 6px 14px 0 rgba(0,0,0,.2);
  transform: translateY(-10px);
}

.portfolio-filter-tab-1 li {
  margin: 0 25px;
  display: inline-block;
  float: none;
}

.portfolio-filter-tab-1 li a {
  background: transparent;
  border: none;
  padding: 0 0 2px;
  display: inline;
  color: #6f6f6f;
  margin: 0;
}

.portfolio-filter-tab-1 li a:focus,
.portfolio-filter-tab-1 li a:hover {
  background: transparent;
  border-bottom: 1px solid #232323;
  color: #232323;
}

.portfolio-filter-tab-1 li.active a {
  background: transparent !important;
  border-bottom: 1px solid #232323;
  color: #232323;
}

.portfolio-filter-tab-2 li {
  display: inline-block;
  float: none;
}

.portfolio-filter-tab-2 li a {
  border: none;
  border-radius: 50px;
  padding: 7px 24px;
  margin-right: 4px;
}

.portfolio-filter-tab-2 li>a:focus,
.portfolio-filter-tab-2 li a:hover {
  background: hsla(0,0%,56.5%,.22);
  color: #fff;
}

.portfolio-filter-tab-2.nav-tabs li.active a,
.portfolio-filter-tab-2.nav-tabs li.active a:focus,
.portfolio-filter-tab-2.nav-tabs li.active a:hover {
  background: hsla(0,0%,56.5%,.22);
  color: #fff;
  border: none;
}

.blog-nav-link {
  padding: 30px 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  position: relative;
}

.blog-nav-link-next .blog-nav-icon,
.blog-nav-link-prev .blog-nav-icon {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  position: absolute;
}

.blog-nav-link-next {
  padding-right: 50px;
}

.blog-nav-link-next .blog-nav-icon {
  right: 0;
}

.blog-nav-link-prev {
  padding-left: 50px;
}

.blog-nav-link-prev .blog-nav-icon {
  left: 0;
}

.special-char-small {
  font-size: 40px;
  line-height: 60px;
}

.special-char-medium {
  font-size: 80px;
  line-height: 120px;
}

.special-char-large {
  font-size: 140px;
  line-height: 120px;
}

.special-char-extra-large {
  font-size: 200px;
  line-height: 150px;
}

.search-box .add-on .input-group-btn>.btn {
  left: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  margin-right: 0;
  margin-left: -1px;
  text-transform: uppercase;
  border: 1px solid #ededed;
  padding: 5px 9px;
  height: 31px;
}

.search-box .add-on .form-control:focus,
.search-box .add-on .input-group-btn>.btn:focus,
.search-box .add-on .input-group-btn>.btn:hover {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  border-color: #ededed;
  background: #f7f7f7;
}

.search-box .add-on i {
  color: #939393;
  font-size: 11px;
  top: -5px;
  left: -2px;
}

.sidebar-nav-style-1 .search-box .add-on i {
  top: -3px;
}

.search-box input[type=search],
.search-box input[type=text] {
  border-color: #ededed;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  font-size: 12px;
  font-weight: 400;
  color: #232323;
  height: 31px;
}

.search-box .add-on input[type=text] {
  padding: 5px 8px;
}

.search-box input[type=text]::-webkit-input-placeholder {
  color: #939393;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: .015em;
}

.search-box input[type=text]::-moz-placeholder {
  color: #939393;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: .015em;
}

.search-box input[type=text]::-ms-input-placeholder {
  color: #939393;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: .015em;
}

.search-box input[type=text]::-o-placeholder {
  color: #939393;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: .015em;
}

.search-box2 .add-on .input-group-btn>.btn {
  left: 0;
  background-color: #4f4f4f;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  margin-right: 0;
  margin-left: -1px;
  text-transform: uppercase;
  border: 1px solid #4f4f4f;
  padding: 5px 8px 5px 10px;
  height: 45px;
  width: 45px;
}

.search-box2 .add-on .input-group-btn {
  width: 45px;
}

.search-box2 .add-on .input-group-btn>.btn:focus,
.search-box2 .add-on .input-group-btn>.btn:hover {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  border-color: #4f4f4f;
  background-color: #4f4f4f;
}

.search-box2 .add-on i {
  color: #fff;
  font-size: 17px;
}

.search-box2 input[type=search],
.search-box2 input[type=text] {
  border-color: #474747;
  background-color: transparent;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  font-size: 14px;
  font-weight: 400;
  color: #636363;
  height: 45px;
}

.search-box2 .add-on input[type=text] {
  padding: 10px 14px;
}

.search-box2 input[type=text]::-webkit-input-placeholder {
  color: #636363;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .015em;
  background-color: transparent;
}

.search-box2 input[type=text]::-moz-placeholder {
  color: #636363;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .015em;
  background-color: transparent;
}

.search-box2 input[type=text]::-ms-input-placeholder {
  color: #636363;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .015em;
  background-color: transparent;
}

.search-box2 input[type=text]::-o-placeholder {
  color: #636363;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .015em;
  background-color: transparent;
}

.search-cart-header {
  padding-top: 14px;
  float: right;
  letter-spacing: 1px;
}

.header-search-form {
  color: #232323;
}

.search-form .search-input {
  border-radius: 0;
  border: none;
  border-bottom: 2px solid hsla(0,0%,100%,.5);
  font-size: 30px;
  font-weight: 100;
  padding: 20px 38px 20px 2px;
  text-transform: capitalize;
  background: transparent;
  line-height: 40px;
  color: #fff;
}

.search-form .search-input:focus {
  outline: none;
}

.search-input::-moz-placeholder,
.search-input [placeholder] {
  color: red;
}

.search-form .search-button {
  font-size: 21px;
  color: #fff;
  top: 31px;
  right: 0;
  outline: none;
}

#search-header {
  height: 100%;
  width: 45%;
  margin: 0 auto;
}

.close-search {
  color: #373737;
  position: absolute;
  right: 0;
  top: 23px;
  z-index: 998;
  cursor: pointer;
}

.close-search:hover {
  color: #9a9a9a;
}

.search-button {
  cursor: pointer;
  z-index: 0;
  margin-right: 0;
  border: none;
  background: none;
}

.list-style-none li {
  list-style: none;
}

.list-style-1 li {
  padding: 5px 0;
}

.list-style-2 {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-style-2 li {
  position: relative;
  padding: 0 0 0 12px;
  margin: 0 0 9px;
}

.list-style-2 li:before {
  content: "";
  width: 5px;
  height: 1px;
  background-color: #ff214f;
  position: absolute;
  top: 12px;
  left: 0;
}

.list-style-3 {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-style-3 li {
  position: relative;
  padding: 0 0 0 22px;
  margin: 0 0 15px;
}

.list-style-3 li:before {
  content: "";
  width: 10px;
  height: 1px;
  background-color: #ff214f;
  position: absolute;
  top: 11px;
  left: 0;
}

.list-style-4 {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-style-4 li {
  position: relative;
  padding: 0 0 10px 22px;
  margin: 0 0 10px;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.list-style-4 li:before {
  content: "\f00c";
  position: absolute;
  top: 1px;
  left: 0;
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}

.list-style-4 li:last-child {
  border-bottom: 0;
}

.list-style-4.list-style-color li {
  border-color: hsla(0,0%,100%,.15);
}

.list-style-4.list-style-color li:before {
  color: #ff214f;
}

.list-style-5 {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-style-5 li {
  position: relative;
  padding: 0 0 10px 22px;
  margin: 0 0 10px;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.list-style-5 li:before {
  content: "\f192";
  position: absolute;
  top: 1px;
  left: 0;
  font-family: Font Awesome\ 5 Free;
  font-weight: 400;
  color: silver;
}

.list-style-5 li:last-child {
  border-bottom: 0;
}

.list-style-5.list-style-color li {
  border-color: hsla(0,0%,100%,.15);
}

.list-style-5.list-style-color li:before {
  color: #ff214f;
}

.list-style-6 {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-style-6 li {
  position: relative;
  padding: 0 15px 8px 0;
  margin: 0 0 8px;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.list-style-6 li span {
  position: absolute;
  top: 3px;
  right: 0;
}

.list-style-6 li:last-child {
  border-bottom: none;
}

.list-style-6 li:before {
  content: "";
}

.list-style-7 {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-style-7 li {
  padding: 0 0 13px;
  margin: 0 0 10px;
}

.list-style-7 li:last-child,
.list-style-8 {
  margin: 0;
  padding: 0;
}

.list-style-8 {
  list-style: none;
}

.list-style-8 li {
  position: relative;
  padding: 15px 0;
  margin: 0 0 4px;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.list-style-8 li span {
  margin-bottom: 2px;
}

.list-style-8 li p {
  margin-bottom: 0;
}

.list-style-8 li:last-child {
  border-bottom: none;
}

.list-style-8 li:before {
  content: "";
}

.list-style-9 {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-style-9 li {
  position: relative;
  padding: 15px 0;
  margin: 0 0 4px;
  border-bottom: 1px solid #373737;
}

.list-style-9 li span {
  margin-bottom: 2px;
}

.list-style-9 li p {
  margin-bottom: 0;
}

.list-style-9 li:last-child {
  border-bottom: none;
}

.list-style-9 li:before {
  content: "";
}

.list-style-10 {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-style-10 li {
  padding: 15px 0;
  margin: 0;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.list-style-10 li i {
  float: left;
  margin-top: 5px;
}

.list-style-10 li span {
  padding-left: 15px;
  display: table;
}

.list-style-10 li:last-child {
  border-bottom: none;
}

.list-style-11 {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-style-11 li {
  position: relative;
  padding: 0 0 8px;
  margin: 0 0 8px;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.list-style-11 li span {
  position: absolute;
  top: 3px;
  right: 0;
}

.list-style-11 li:last-child {
  border-bottom: none;
}

.list-style-11 li:before {
  content: "";
}

.image-hover-style-1 {
  background: #222;
}

.image-hover-style-1:hover img {
  opacity: .5;
  transform: scale(1.2) rotate(-5deg);
  transition: all .3s ease 0s;
}

.image-hover-style-3:hover .cover-background {
  filter: contrast(130%);
  -moz-filter: contrast(130%);
  -ms-filter: contrast(130%);
  -o-filter: contrast(130%);
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
}

.banner-style1 figure {
  position: relative;
  overflow: hidden;
  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;
  -ms-transition-duration: .2s;
}

.banner-style1 figure figcaption {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  height: 100%;
  width: 100%;
}

.banner-style1 figure:hover .banner-image,
.banner-style1 figure:hover .banner-image img {
  opacity: .3;
  filter: contrast(130%);
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
}

.banner-style1 figure figcaption p {
  opacity: 0;
  margin-bottom: 0;
  height: 0;
}

.banner-style1 figure:hover figcaption p {
  height: 100px;
  opacity: 1;
}

.banner-style2 figure {
  position: relative;
  overflow: hidden;
}

.banner-style2 figure:hover .banner-image img {
  opacity: .4;
}

.banner-style2 figcaption {
  position: absolute;
  right: -50px;
  top: 40px;
  height: 100%;
  height: calc(100% - 80px);
  width: 50%;
  opacity: 0;
  visibility: hidden;
}

.banner-style2 figure:hover figcaption {
  right: 40px;
  opacity: 1;
  visibility: visible;
}

.banner-style3 figure {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  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;
  -ms-transition-timing-function: ease-in-out;
  transition-duration: .2s;
  -moz-transition-duration: .2s;
  -webkit-transition-duration: .2s;
  -o-transition-duration: .2s;
  -ms-transition-duration: .2s;
}

.banner-style3 figure figcaption {
  position: absolute;
  left: 0;
  top: 52%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  height: 100%;
  width: 100%;
  opacity: 0;
}

.banner-style3 figure:hover figcaption {
  opacity: 1;
  top: 50%;
}

.banner-style1 figure:hover .banner-image,
.banner-style3 figure:hover .banner-image img {
  opacity: .3;
}

.highlight .pricing-box {
  box-shadow: 0 0 40px hsla(0,0%,78.4%,.3);
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
}

.feature-box {
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: pointer;
}

.feature-box .content {
  padding: 35px 15px;
}

.feature-box .content:after,
.feature-box .content:before,
.feature-box:after,
.feature-box:before {
  display: inline-block;
  position: absolute;
  content: "";
  background-color: #ff214f;
  z-index: 1;
}

.feature-box .content:before,
.feature-box:before {
  right: 0;
  top: 0;
}

.feature-box .content:after,
.feature-box .content:before,
.feature-box:after,
.feature-box:before {
  transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -ms-transition-duration: .5s;
  -o-transition-duration: .5s;
}

.feature-box .content:after,
.feature-box:after {
  left: 0;
  bottom: 0;
}

.feature-box:hover:after,
.feature-box:hover:before {
  transform: scaleY(1);
  transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -ms-transition-duration: .5s;
  -o-transition-duration: .5s;
}

.feature-box:before {
  transform-origin: right top 0;
  -webkit-transform-origin: right top 0;
  -moz-transform-origin: right top 0;
  -ms-transform-origin: right top 0;
  -o-transform-origin: right top 0;
}

.feature-box:after {
  transform-origin: left bottom 0;
  -webkit-transform-origin: left bottom 0;
  -moz-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  -o-transform-origin: left bottom 0;
}

.feature-box .content:before {
  transform-origin: right top 0;
  -webkit-transform-origin: right top 0;
  -moz-transform-origin: right top 0;
  -ms-transform-origin: right top 0;
  -o-transform-origin: right top 0;
}

.feature-box .content:after {
  transform-origin: top left 0;
  -webkit-transform-origin: top left 0;
  -moz-transform-origin: top left 0;
  -ms-transform-origin: top left 0;
  -o-transform-origin: top left 0;
}

.feature-box:after,
.feature-box:before {
  height: 100%;
  width: 3px;
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
}

.feature-box:after,
.feature-box:before,
.feature-box:hover .content:after,
.feature-box:hover .content:before {
  transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -ms-transition-duration: .5s;
  -o-transition-duration: .5s;
}

.feature-box:hover .content:after,
.feature-box:hover .content:before {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
}

.feature-box .content:after,
.feature-box .content:before {
  width: 100%;
  height: 3px;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -ms-transition-duration: .5s;
  -o-transition-duration: .5s;
}

.feature-box-1 {
  display: table;
}

.feature-box-1 .char-value {
  display: table-cell;
  vertical-align: middle;
}

.grid-item.feature-box-4 {
  overflow: hidden;
  position: relative;
}

.grid-item.feature-box-4 figure img {
  width: 100%;
  cursor: auto;
}

.grid-item.feature-box-4 figure figcaption {
  position: absolute;
  left: 0;
  top: auto;
  z-index: 9;
  bottom: 0;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transition: transform .35s ease-out;
  -webkit-transition: transform .35s ease-out;
  -moz-transition: transform .35s ease-out;
  -ms-transition: transform .35s ease-out;
  -o-transition: transform .35s ease-out;
  padding: 0 0 15px 60px;
  width: auto;
  height: auto;
  text-align: left;
  opacity: 1;
  cursor: default;
}

.feature-box-4 figure:focus img,
.grid-item.feature-box-4 figure:hover img {
  opacity: 1;
  transform: none;
}

.grid-item.feature-box-4 figure:hover figcaption {
  transform: translateY(-50px);
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
}

.grid-item.feature-box-4 figure figcaption .btn {
  opacity: 0;
}

.grid-item.feature-box-4 figure:hover .btn {
  opacity: 1;
  display: inline-block;
}

.grid-item.feature-box-4 figure:hover img {
  transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transform: scale(1.09);
  -webkit-transform: scale(1.09);
  -moz-transform: scale(1.09);
  -ms-transform: scale(1.09);
  -o-transform: scale(1.09);
}

.feature-box-5 {
  padding-left: 75px;
}

.feature-box-5 i {
  position: absolute;
  top: 0;
  left: 0;
}

.feature-box-6 {
  padding-left: 70px;
}

.feature-box-6 i {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-22px);
  -webkit-transform: translateY(-22px);
  -moz-transform: translateY(-22px);
  -ms-transform: translateY(-22px);
  -o-transform: translateY(-22px);
}

.feature-box.feature-box-7:after,
.feature-box.feature-box-7:before {
  content: "";
  display: table;
}

.feature-box.feature-box-7:hover,
.feature-box.feature-box-7:hover:after,
.feature-box.feature-box-7:hover:before {
  border: none;
}

.feature-box.feature-box-7 .content:after,
.feature-box.feature-box-7 .content:before,
.feature-box.feature-box-7:after,
.feature-box.feature-box-7:before {
  background: transparent;
}

.feature-box.feature-box-7:after {
  clear: both;
}

.feature-box.feature-box-7 .box {
  cursor: default;
  height: 100%;
  width: 100%;
  display: table;
  position: relative;
  -webkit-transition: all .4s cubic-bezier(.48,.83,.63,.91);
  -moz-transition: all .4s cubic-bezier(.48,.83,.63,.91);
  transition: all .4s cubic-bezier(.48,.83,.63,.91);
  border: 1px solid #ededed;
  border-right: none;
  overflow: hidden;
}

.feature-box.feature-box-7 div:first-child .box {
  border-left: none;
}

.feature-box.feature-box-7 .box figure {
  transition: all .4s cubic-bezier(.48,.83,.63,.91);
  padding: 8% 0;
}

.feature-box.feature-box-7 .box .content {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  padding: 0;
  position: relative;
  top: 30px;
}

.feature-box.feature-box-7 .box .content .details {
  opacity: 0;
}

.feature-box.feature-box-7 .box:hover .content .details {
  opacity: 1;
}

.feature-box.feature-box-7 .box:hover .content {
  top: 0;
  border-bottom-color: #ff214f;
}

.feature-box.feature-box-7 .box:hover i {
  color: #ff214f;
}

.container .feature-box.feature-box-7 .box .content {
  top: 43px;
}

.container .feature-box.feature-box-7 .box:hover .content {
  top: 0;
}

.feature-box-8 .feature-box-overlay {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  position: absolute;
  z-index: -2;
}

.feature-box-8:hover .feature-box-overlay {
  height: 100%;
  background: #2f2f2f;
}

.feature-box-8:hover div,
.feature-box-8:hover p {
  color: #fff;
}

.feature-box-8:hover .icon-round-small {
  background: #fff;
  color: #ff214f;
}

.parallax-feature-box-bottom {
  position: absolute;
  bottom: -150%;
}

.parallax-feature-box {
  overflow: visible;
}

.feature-box-9 i {
  position: relative;
  transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  top: 0;
}

.feature-box-9:hover i {
  top: -8px;
  color: #fff;
}

.feature-box-9:hover p {
  color: #ff214f;
}

.feature-box-9 .text-bottom-line {
  margin-bottom: 15px;
}

.feature-box-9:hover .text-bottom-line {
  border-top: 45px solid;
  margin-bottom: 0;
}

.feature-box-10 .number {
  display: table-cell;
  font-size: 30px;
  height: 90px;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  width: 90px;
  position: relative;
}

.feature-box-10:hover .number {
  background: #ff214f;
  color: #fff;
}

.feature-box-10 .number-center:after {
  left: 130px;
}

.feature-box-10 .number-center:after,
.feature-box-10 .number-center:before {
  width: 250%;
  position: absolute;
  content: "";
  height: 1px;
  background: #e2e2e2;
  top: 45px;
  z-index: -1;
}

.feature-box-10 .number-center:before {
  right: 130px;
}

.feature-box-11 .progress-line:after {
  content: "";
  display: block;
  width: 12%;
  height: 1px;
  background: #d8d8d8;
  position: absolute;
  right: -6%;
  top: 65px;
  text-align: center;
}

.feature-box-11 .process-bg {
  border-radius: 100%;
  height: 130px;
  width: 130px;
  line-height: 130px;
}

.feature-box-12 .feature-icon-box {
  width: 90px;
  height: 90px;
  border-radius: 6px;
  text-align: center;
  border: 1px solid #d6d5d5;
  transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
}

.feature-box-12 .feature-content-box,
.feature-box-12 .feature-icon-box {
  vertical-align: middle;
  display: table-cell;
  transition: .6s ease-in-out;
  -webkit-transition: .6s ease-in-out;
  -moz-transition: ease-in-out .6s;
  -ms-transition: ease-in-out .6s;
  -o-transition: ease-in-out .6s;
}

.feature-box-12 .feature-content-box {
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  opacity: 1;
}

.feature-box-12 .feature-content-box,
.feature-box-12 .hover-content-box {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
}

.feature-box-12 .hover-content-box {
  background-color: #232323;
  width: 80%;
  transition: .6s ease-in-out;
  -webkit-transition: .6s ease-in-out;
  -moz-transition: ease-in-out .6s;
  -ms-transition: ease-in-out .6s;
  -o-transition: ease-in-out .6s;
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  position: absolute;
  top: -45%;
  left: 0;
  opacity: 0;
}

.feature-box-12:hover .hover-content-box {
  transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  opacity: 1;
}

.feature-box-12:hover .feature-content-box,
.feature-box-12:hover .feature-icon-box {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  opacity: 0;
}

.feature-box-13 {
  overflow: hidden;
  z-index: 1;
}

.feature-box-13:before {
  background: #ff214f;
  left: 0;
  height: 100%;
  top: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
  display: block;
  content: "";
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  opacity: 0;
}

.feature-box-13:before,
.feature-box-13:hover:before {
  transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -o-transition-duration: .3s;
}

.feature-box-13:hover:before {
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  opacity: 1;
}

.feature-box-13:hover i {
  color: #232323;
}

.feature-box-13:hover p {
  color: #fff;
}

.feature-box-14>div {
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}

.feature-box-14>div:last-child {
  border-right: 0;
}

.feature-box-15 .feature-box-content {
  position: relative;
  overflow: hidden;
}

.feature-box-15 .feature-box-image {
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
}

.feature-box-15 .feature-box-image,
.feature-box-15 .hover-content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transform: rotateY(0deg);
  transition: .4s ease-in-out;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg);
  -webkit-transition: .4s ease-in-out;
  -moz-transform-style: preserve-3d;
  -moz-transform: rotateY(0deg);
  -moz-transition: ease-in-out .4s;
  -ms-transform-style: preserve-3d;
  -ms-transform: rotateY(0deg);
  -ms-transition: ease-in-out .4s;
  -o-transform-style: preserve-3d;
  -o-transform: rotateY(0deg);
  -o-transition: ease-in-out .4s;
}

.feature-box-15 .hover-content {
  left: 0;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

.feature-box-15 .feature-box-content:hover .feature-box-image,
.feature-box-15 .hover-content {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  opacity: 0;
}

.feature-box-15 .feature-box-content:hover .hover-content {
  transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  opacity: 1;
}

.feature-box-16 .feature-box-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  transition: .4s ease-in-out;
  height: 60px;
}

.feature-box-16 .feature-box-content p {
  opacity: 0;
  transition: .5s ease-in-out;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: ease-in-out .5s;
  -ms-transition: ease-in-out .5s;
  -o-transition: ease-in-out .5s;
}

.feature-box-16 {
  position: relative;
  overflow: hidden;
}

.feature-box-16:hover .feature-box-content {
  height: 100%;
}

.feature-box-16:hover .feature-box-content p {
  opacity: 1;
}

.feature-box.feature-box-17:after,
.feature-box.feature-box-17:before {
  content: "";
  display: table;
}

.feature-box.feature-box-17:hover,
.feature-box.feature-box-17:hover:after,
.feature-box.feature-box-17:hover:before {
  border: none;
}

.feature-box.feature-box-17 .content:after,
.feature-box.feature-box-17 .content:before,
.feature-box.feature-box-17:after,
.feature-box.feature-box-17:before {
  background: transparent;
}

.feature-box.feature-box-17:after {
  clear: both;
}

.feature-box.feature-box-17 .box {
  cursor: default;
  height: 100%;
  width: 100%;
  display: table;
  position: relative;
  transition: all .4s cubic-bezier(.48,.83,.63,.91);
  overflow: hidden;
}

.feature-box.feature-box-17 div:first-child .box {
  border-left: none;
}

.feature-box.feature-box-17 .box figure {
  transition: all .4s cubic-bezier(.48,.83,.63,.91);
  padding: 10% 0;
}

.feature-box.feature-box-17 .box .content {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  padding: 0;
  position: relative;
  top: 30px;
}

.feature-box.feature-box-17 .box .content .details {
  opacity: 0;
}

.feature-box.feature-box-17 .box:hover .content .details {
  opacity: 1;
}

.feature-box.feature-box-17 .box:hover .content {
  top: 0;
  border-bottom-color: #ff214f;
}

.feature-box.feature-box-17 .box:hover {
  background-color: #ff214f;
}

.feature-box.feature-box-17 .box:hover .text-white-hover,
.feature-box.feature-box-17 .box:hover i {
  color: #fff;
}

.info-banner-box-2 {
  position: relative;
  overflow: hidden;
  height: 200px;
}

.info-banner-box-2 .hover-box {
  left: 100%;
}

.info-banner-box-2 .content-box,
.info-banner-box-2 .hover-box {
  position: absolute;
  top: 0;
  height: 100%;
  transition: .5s ease-in-out;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: ease-in-out .5s;
  -ms-transition: ease-in-out .5s;
  -o-transition: ease-in-out .5s;
}

.info-banner-box-2 .content-box,
.info-banner-box-2:hover .hover-box {
  left: 0;
}

.info-banner-box-2:hover .content-box {
  left: -100%;
}

.counter-feature-box-1 {
  height: 199px;
}

.counter-feature-box-1:hover {
  background: #ff214f;
  border-color: #ff214f;
}

.counter-box-3 .counter-box {
  display: inline-block;
  width: 140px;
  padding: 0;
  vertical-align: top;
  text-align: center;
  position: relative;
}

.counter-box-3 .counter-box:after {
  position: absolute;
  right: 0;
  width: 1px;
  height: 36px;
  background-color: #eb214b;
  content: "";
  top: 8px;
}

.counter-box-3 .counter-box:last-child:after {
  width: 0;
}

.counter-box-3 .counter-box .number {
  display: block;
  font-weight: 400;
  font-size: 32px;
  line-height: 30px;
}

.counter-box-3 .counter-box span {
  font-weight: 400;
  font-size: 12px;
  line-height: 28px;
  text-transform: uppercase;
}

.counter-box-4 .timer:after {
  content: "+";
  position: absolute;
  right: -5%;
  top: 35%;
  color: #b6b6b6;
  font-weight: 300;
}

.counter-box-4:last-child .timer:after {
  display: none;
}

.counter-box-5 .counter-box {
  display: inline-block;
  width: 13%;
  padding: 0;
  vertical-align: top;
  text-align: center;
  position: relative;
}

.counter-box-5 .counter-box .number {
  display: block;
  font-weight: 400;
  font-size: 80px;
  line-height: 80px;
  letter-spacing: -3px;
}

.counter-box-5 .counter-box span {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 1px;
  opacity: .5;
  line-height: 28px;
  text-transform: uppercase;
}

.skillbar-bar-style1 .skillbar {
  position: relative;
  display: inline-block;
  margin: 35px 0 10px;
  background: rgba(0,0,0,.15);
  height: 5px;
  width: 88%;
  border-radius: 10px;
  text-align: left;
}

.skillbar-bar-style1 .skillbar-bar {
  height: 5px;
  border-radius: 10px;
  width: 0;
  background: rgba(0,0,0,.7);
  display: inline-block;
  position: absolute;
  top: 0;
  margin-bottom: 0;
}

.skillbar-bar-style1 .skill-bar-percent {
  position: absolute;
  top: -12px;
  right: -39px;
}

.skillbar-bar-style1 .skill-bar-text {
  top: -22px;
  position: absolute;
}

.skillbar-bar-style2 .skillbar {
  position: relative;
  display: inline-block;
  margin: 35px 0 10px;
  background: rgba(0,0,0,.15);
  height: 3px;
  width: 88%;
  text-align: left;
}

.skillbar-bar-style2 .skillbar-bar {
  height: 3px;
  width: 0;
  background: rgba(0,0,0,.7);
  display: inline-block;
  position: absolute;
  top: 0;
  margin: 0;
}

.skillbar-bar-style2 .skill-bar-percent {
  position: absolute;
  top: -9px;
  right: -39px;
}

.skillbar-bar-style2 .skill-bar-text {
  top: -24px;
  position: absolute;
}

.skillbar-bar-style3 .skillbar {
  position: relative;
  display: inline-block;
  margin: 15px 0 30px;
  background: hsla(0,0%,100%,.2);
  height: 5px;
  width: 88%;
  text-align: left;
}

.skillbar-bar-style3 .skillbar-bar {
  height: 5px;
  width: 0;
  display: inline-block;
  position: absolute;
  top: 0;
  margin: 0;
  overflow: visible;
  background: #ff214f;
  background: linear-gradient(90deg,#ff214f 0,#fff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff214f",endColorstr="#ffffff",GradientType=1);
}

.skillbar-bar-style3 .skill-bar-percent {
  position: absolute;
  top: 13px;
  right: 0;
}

.skillbar-bar-style3 .skill-bar-text {
  top: 15px;
  position: absolute;
}

.chart-style1 .chart1 {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 150px;
  text-align: center;
  border-radius: 50%;
}

.chart-style1 .chart1 canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.chart-style1 .chart-percent {
  margin: 0 0 15px;
}

.chart-style1 .percent {
  display: inline-block;
  line-height: 150px;
  z-index: 2;
}

.percent:after {
  content: "%";
}

.chart-style2 .chart2 {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 120px;
  text-align: center;
  border-radius: 50%;
}

.chart-style2 .chart2 canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.chart-style2 .percent {
  display: inline-block;
  line-height: 120px;
  z-index: 2;
}

.chart-style2 .chart-percent {
  margin: 0 0 10px;
}

.chart-style3 .chart3 {
  position: relative;
  display: inline-block;
  width: 140px;
  height: 140px;
  text-align: center;
  border-radius: 50%;
}

.chart-style3 .chart3 canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.chart-style3 .percent {
  display: inline-block;
  line-height: 68px;
  z-index: 2;
  background: #fff;
  border-radius: 100%;
  width: 70px;
  height: 70px;
  color: #232323;
  right: -60px;
  top: 10px;
  position: relative;
}

.chart-style3 .percent:after {
  content: "%";
}

.chart-style3 .chart-percent {
  margin: 0 0 15px;
}

.team-style-1 figure .team-image {
  position: relative;
  overflow: hidden;
}

.team-style-1 .team-overlay {
  display: block;
  position: absolute;
  overflow: hidden;
  transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}

.team-style-1 figure:hover .team-overlay {
  height: 100%;
}

.team-style-1 figure figcaption {
  width: 100%;
  position: relative;
  margin-top: 17px;
}

.team-style-1 figure .overlay-content {
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  top: -15px;
}

.team-style-1 figure:hover .overlay-content {
  opacity: 1;
  z-index: 1111;
  top: 0;
}

.team-style-1 figure figcaption .team-member-position {
  position: relative;
  top: 0;
  transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
}

.team-style-2 figure,
.team-style-2 figure .team-image {
  position: relative;
}

.team-style-2 .team-overlay {
  display: block;
  position: absolute;
  overflow: hidden;
  transition: all .3s ease 0s;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.team-style-2 figure:hover .team-overlay {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: .9;
}

.team-style-2 figure .team-member-position {
  position: absolute;
  top: 100%;
  width: 100%;
  transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
}

.team-style-2 figure:hover .team-member-position {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  margin: 0;
}

.team-style-2 figure:hover .team-member-position .text-extra-dark-gray,
.team-style-2 figure:hover .team-member-position .text-medium-gray {
  color: #fff;
}

.team-style-2 figure figcaption {
  min-height: 20px;
}

.team-style-2 figure figcaption .overlay-content {
  opacity: 0;
  top: 0;
  position: relative;
}

.team-style-2 figure:hover figcaption .overlay-content {
  opacity: 1;
  top: 30px;
}

.accordion-style1 .panel {
  background: transparent;
  box-shadow: none;
  margin-top: 0 !important;
}

.accordion-style1.panel-group .panel-heading {
  border: 0;
  border-bottom: 1px solid #e4e4e4;
}

.accordion-style1 .panel-heading {
  padding: 16px 0;
}

.accordion-style1 .panel-title {
  font-size: 13px;
  padding-right: 30px;
  position: relative;
}

.accordion-style1 .panel-title>span.pull-right {
  position: absolute;
  right: 0;
  top: 0;
}

.accordion-style1 .panel-heading i {
  font-size: 12px;
  color: #626262;
}

.accordion-style1.panel-group .panel-heading+.panel-collapse>.list-group,
.accordion-style1.panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: 0;
  padding: 25px 0;
}

.accordion-style2 .panel {
  margin-bottom: 15px;
  box-shadow: none;
}

.accordion-style2 .panel,
.accordion-style2 .panel-title {
  background: transparent;
  border: none;
}

.accordion-style2 .panel .panel-heading {
  background: #fff;
  border-radius: 0;
  padding: 18px 28px 19px;
}

.accordion-style2 .panel-body {
  padding: 35px 28px 25px;
  border-top: none;
}

.accordion-style2 .panel-heading i {
  font-size: 25px;
  margin: 0;
}

.accordion-style2 .panel-title {
  padding: 0;
}

.accordion-style2 .tab-tag {
  font-size: 20px;
  padding: 0;
  margin-right: 7px;
  display: inline-block;
  vertical-align: top;
}

.accordion-style2 a,
.accordion-style2 a:hover,
.accordion-style2 a:hover i {
  color: #282828;
}

.accordion-style2 .panel-default:last-child {
  border-bottom: 1px solid transparent;
  margin-bottom: 0;
}

.accordion-style2 {
  margin-bottom: 0;
}

.accordion-style3 .panel {
  background-color: transparent;
  border: none;
  margin-bottom: 15px;
  box-shadow: none;
  border-radius: 0;
}

.accordion-style3 .panel-title {
  background: transparent;
  border: none;
}

.accordion-style3 .panel .panel-heading {
  background: #000;
  color: #fff;
  border-radius: 0;
  padding: 18px 28px 19px;
}

.accordion-style3 .panel-body {
  padding: 35px 28px 25px;
  border-top: none;
}

.accordion-style3 .panel-heading i {
  font-size: 25px;
  margin: 0;
  color: #fff;
}

.accordion-style3 .tab-tag {
  font-size: 20px;
  padding: 0;
  margin-right: 7px;
  display: inline-block;
  vertical-align: top;
}

.accordion-style2 a:hover,
.accordion-style3 a,
.accordion-style3 a:hover i {
  color: #fff;
}

.accordion-style3 .panel-default:last-child {
  border-bottom: 1px solid transparent;
  margin-bottom: 0;
}

.accordion-style3 {
  margin-bottom: 0;
}

.toggles .panel {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #ddd;
}

.toggles .panel-title {
  font-size: 13px;
  padding-right: 30px;
  position: relative;
}

.toggles .panel-title>span.pull-right {
  position: absolute;
  right: 0;
  top: 0;
}

.toggles .panel-heading {
  padding: 18px;
  background-color: transparent;
}

.toggles .panel-heading i {
  font-size: 12px;
  color: #626262;
}

.toggles .panel+.panel {
  margin-top: -1px;
}

.toggles .panel-body {
  padding: 25px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  border: 0;
  border-bottom: 1px solid;
}

.tab-style1 .nav-tabs {
  border: none;
  display: inline-block;
  width: 100%;
}

.tab-style1 .nav-tabs li {
  display: inline-block;
  float: none;
  width: 24%;
}

.tab-style1 .nav-tabs li a {
  margin: 0;
}

.tab-style1 .nav-tabs li:hover {
  background: transparent;
}

.tab-style1 .nav-tabs>li>a,
.tab-style1 .nav-tabs>li>a:focus,
.tab-style1 .nav-tabs>li>a:hover {
  border: none;
  background-color: transparent;
}

.tab-style1 .nav-tabs li.active i,
.tab-style1 .nav-tabs li:hover i {
  color: #ff214f;
}

.tab-style1 .nav-tabs li.active span,
.tab-style1 .nav-tabs li:hover span {
  color: #232323;
}

.tab-style2 .tab-content {
  padding: 55px 0 0;
  border-top: 1px solid #e5e5e5;
}

.tab-style2 .nav-tabs {
  border: 0;
}

.tab-style2 .nav-tabs li {
  border: 1px solid #e5e5e5;
  border-bottom: none;
  border-radius: 0;
  margin-bottom: 0;
  display: inline-block;
  float: none;
  margin-right: 2px;
}

.tab-style2 .nav-tabs li a {
  background-color: #f7f7f7;
  border: none;
  color: #575757;
  line-height: 44px;
  margin: 0 !important;
  padding: 0 25px;
  border-radius: 0;
}

.tab-style2 .nav-tabs-light li:first-child {
  border-left: 1px solid #e5e5e5;
  margin-left: 15px;
}

.tab-style2 .nav-tabs>li.active>a {
  border: none;
  border-radius: 0;
  background: #fff;
  top: 1px;
}

.tab-style3 .nav-tabs {
  border-bottom: 1px solid transparent;
}

.tab-style3 .nav-tabs li {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
  padding: 3px 0;
}

.tab-style3 .nav-tabs li.active {
  border-bottom: 1px solid #232323;
}

.tab-style3 .nav-tabs li.active a {
  color: #232323;
}

.tab-style3 .nav-tabs>li.active>a:hover,
.tab-style3 .nav-tabs>li>a,
.tab-style3 .nav-tabs>li>a:focus,
.tab-style3 .nav-tabs>li>a:hover {
  background-color: transparent;
  border: none;
  padding: 0;
}

.tab-style4 .tab-content {
  padding: 0 0 0 55px;
  border-left: 1px solid #e5e5e5;
}

.tab-style4 .nav-tabs {
  border: 0;
}

.tab-style4 .nav-tabs li {
  border: 1px solid #e5e5e5;
  border-right: none;
  border-radius: 0;
  margin-bottom: 0;
  display: block;
  float: left;
  width: 100%;
  left: 1px;
}

.tab-style4 .nav-tabs li.active {
  z-index: 1;
}

.tab-style4 .nav-tabs li a {
  background-color: #f7f7f7;
  border: none;
  color: #575757;
  line-height: 44px;
  margin: 0 !important;
  padding: 0 25px;
  border-radius: 0;
  top: 1px;
}

.tab-style4 .nav-tabs li:last-child a {
  top: 0;
}

.tab-style4 .nav-tabs-light li:first-child {
  border-left: 1px solid #e5e5e5;
  margin-left: 15px;
}

.tab-style4 .nav-tabs>li.active>a {
  border: none;
  border-radius: 0;
  background: #fff;
}

.testimonial-style2 .profile-box {
  margin-top: -50px;
}

.testimonial-style3 .arrow-bottom:after {
  border-top-color: #d6d5d5;
  left: 15%;
  border-width: 10px;
  margin-left: -10px;
}

.testimonial-box .image-box,
.testimonial-box .name-box {
  display: table-cell;
  vertical-align: middle;
}

.blog-image a>img {
  width: 100%;
}

.blog-post.blog-post-style1 .blog-post-images {
  background: #232323;
}

.blog-post.blog-post-style1 .blog-post-images img {
  width: 100%;
}

.blog-post.blog-post-style1:hover .blog-post-images img {
  opacity: .5;
  transform: scale(1.2);
  transition: all .3s ease 0s;
}

.blog-post.blog-post-style2 .author img {
  width: 30px;
  display: inline-block;
  vertical-align: middle;
}

.blog-post.blog-post-style2 .author span {
  max-width: calc(100% - 40px);
  vertical-align: middle;
  display: inline-block;
}

.blog-post-style3 .grid-item .blog-post * {
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: .3s;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
}

.blog-post-style3 .grid-item .blog-post .author img {
  width: 25px;
}

.blog-post-style3 .grid-item .blog-post .blog-post-images a {
  display: block;
}

.blog-post-style3 .grid-item .blog-post .blog-post-images .blog-hover-icon {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,.5);
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0;
}

.blog-post-style3 .grid-item .blog-post:hover .blog-post-images .blog-hover-icon {
  opacity: 1;
}

.blog-post-style3 .grid-item .blog-post .blog-post-images .blog-hover-icon span {
  top: 35%;
  position: relative;
  font-size: 48px;
  color: #fff;
  opacity: 0;
}

.blog-post-style3 .grid-item .blog-post:hover .blog-post-images .blog-hover-icon span {
  top: 40%;
  opacity: 1;
}

.blog-post-style4 .blog-grid .grid-item figure {
  position: relative;
  overflow: hidden;
}

.blog-post-style4 figure figcaption {
  padding: 45px;
  bottom: 0;
  position: absolute;
  background: rgba(0,0,0,.85);
  width: 100%;
  transition: .5s ease-in-out;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: ease-in-out .5s;
  -ms-transition: ease-in-out .5s;
  -o-transition: ease-in-out .5s;
}

.blog-post-style4 .grid-item figure figcaption p {
  margin-bottom: 0;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  display: none;
}

.blog-post-style4 .blog-grid .grid-item .blog-img img {
  cursor: pointer;
  display: block;
  width: 100%;
  opacity: .9;
}

.blog-post-style4 .blog-grid .grid-item .blog-img img,
.blog-post-style4 .blog-grid .grid-item:hover .blog-img img {
  transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
}

.blog-post-style4 .blog-grid .grid-item:hover .blog-img img {
  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: .5;
}

.blog-post-style4 .blog-grid a {
  position: relative;
  z-index: auto;
}

.container .blog-post-style4 figure figcaption {
  padding: 35px;
}

.blog-post-style5 .blog-post .blog-post-images {
  height: 100%;
  position: relative;
}

.blog-post-style5 .blog-post .blog-categories {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 25;
  padding: 10px 20px 8px;
}

.blog-post-style6:hover {
  background-color: #fff;
}

.blog-post-style6:hover .text-white {
  color: #000;
}

.blog-post-style6:hover .author:before {
  background-color: #000;
}

.blog-post-style6 .author:before {
  width: 100px;
  height: 1px;
  background-color: #fff;
  opacity: .25;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: "";
}

.blog-post-style7:hover {
  background-color: #1c1c1c;
  color: #fff;
}

.blog-post-style7:hover a {
  color: #fff;
}

.blog-post-style7:hover .author:before {
  background-color: #fff;
  opacity: .8;
}

.blog-post-style7 .author:before {
  width: 100px;
  height: 1px;
  background-color: #939393;
  opacity: .25;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: "";
}

.pagination {
  border-radius: 0;
  padding: 0;
  margin: 0;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  padding: 0;
}

.pagination li {
  display: inline;
}

.pagination a {
  float: left;
  padding: 0 18px;
  line-height: 40px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
  background: #fff;
}

.pagination a:hover {
  background-color: #232323;
  color: #fff;
}

.pagination .active a {
  background-color: #f5f5f5;
  color: #999;
  cursor: default;
}

.pagination .disabled a,
.pagination .disabled a:hover,
.pagination .disabled span {
  color: #999;
  background-color: transparent;
  cursor: default;
}

.pagination li:first-child a {
  border-left-width: 1px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.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;
}

.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.alignleft,
a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
}

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;
}

.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,.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: .875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 1;
}

.blog-comment {
  list-style: none;
  margin: 0;
  padding: 0;
}

.blog-comment li {
  padding: 50px 0;
  border-bottom: 1px solid #ededed;
  position: relative;
}

.blog-comment li .btn-reply {
  float: right;
  border: 1px solid #ededed;
  padding: 0 8px;
  font-size: 10px;
  font-weight: 600;
  position: relative;
}

.blog-comment>li:first-child {
  padding-top: 0;
}

.blog-comment li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.blog-comment li ul.child-comment {
  margin-left: 40px;
  list-style: none;
}

.blog-comment li ul.child-comment li {
  padding-bottom: 0;
  border: none;
  border-top: 1px solid #ededed;
  margin-top: 50px;
}

.scroll-top-arrow,
.scroll-top-arrow:focus {
  color: #fff;
  background: #878787;
  line-height: 28px;
  display: none;
  height: 30px;
  width: 30px;
  padding: 0;
  position: fixed;
  right: 45px;
  text-align: center;
  text-decoration: none;
  top: 91%;
  z-index: 10006;
  border-radius: 100%;
}

.scroll-top-arrow:hover {
  background: #000;
  opacity: .8;
  color: #fff;
  border-color: #ff214f;
}

.scroll-top-arrow i {
  line-height: 30px;
  position: relative;
}

.bg-dark-footer {
  background-color: #141414;
}

.footer-logo {
  max-height: 28px;
}

footer input::-webkit-input-placeholder {
  color: #6f6f6f;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 400;
  opacity: 1;
}

footer input::-moz-placeholder {
  color: #6f6f6f;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 400;
  opacity: 1;
}

footer input:-ms-input-placeholder {
  color: #6f6f6f;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 400;
  opacity: 1;
}

footer .newsletter input {
  color: #6f6f6f;
  letter-spacing: normal;
}

body {
  background: #27272f;
  overflow-y: hidden;
}

::-moz-selection {
  background: #ff8700;
  color: #fff;
}

::selection {
  background: #ff8700;
  color: #fff;
}

.page-enter-active,
.page-leave-active {
  transition: opacity .1s;
}

.page-enter,
.page-leave-to {
  opacity: 0;
}

.width-btn-100 {
  width: calc(100% - 50px) !important;
}

.main-color1 {
  color: #ff8700 !important;
}

.main-color1-normal,
.main-color1-text {
  color: #ff9710 !important;
}

.main-color1-deep {
  color: #ff6900 !important;
}

.main-color1-light {
  color: #ff9710 !important;
}

.color-white {
  color: #fff !important;
}

.main-color2-light {
  color: #ff5266 !important;
}

.main-color2 {
  color: #ff4200 !important;
}

.main_color3_light {
  color: #719de2 !important;
}

.main-color3 {
  color: #4088f6 !important;
}

.main-color4 {
  color: #7e93a6 !important;
}

.main-color5-light {
  color: #42deda !important;
}

.main-color5 {
  color: #01c8de !important;
}

.color-grey {
  color: #676c71 !important;
}

.color-lightgrey {
  color: #ababab !important;
}

.color-deepgrey {
  color: #20222b !important;
}

.color-text-verylight {
  color: #80a7b8 !important;
}

.color-text-light {
  color: #9a9aa7 !important;
}

.color-text {
  color: #797986 !important;
}

.color-text-deep {
  color: #4f4f5a !important;
}

.color-text-verydeep {
  color: #2f3b49 !important;
}

.c_default {
  color: #fff !important;
}

.c_high {
  color: #ff1717 !important;
}

.c_low {
  color: #0bf !important;
}

.c_buy_light {
  color: #fe5159 !important;
}

.c_buy {
  color: #f14f57 !important;
}

.bg_c_buy {
  background: #f14f57;
}

.c_sell_light {
  color: #349bf0 !important;
}

.c_sell {
  color: #3488db !important;
}

.bg_c_sell {
  background: #3488db;
}

.c_ing {
  color: #fff !important;
}

.bg_ing,
.bg_wait {
  background: #7e93a6 !important;
}

.bg_background_deep {
  background: #000;
}

.c_success {
  color: #719de2 !important;
}

.bg_success {
  background: #4088f6 !important;
}

.c_complete {
  color: #fff !important;
}

.c_fail {
  color: #ff4200 !important;
}

.bg_fail {
  background: #ff4200 !important;
}

.bg_cancel {
  background: #009b1b !important;
}

.c_cancel {
  color: #719de2 !important;
}

.c_error {
  color: #4088f6 !important;
}

.c_invaild {
  color: #999 !important;
}

.bg_invaild {
  background: #666 !important;
}

.bg_main {
  background: #ff8700 !important;
}

.c_warning {
  color: #ff5266 !important;
}

.c_deposit_light {
  color: #92bacb !important;
}

.c_deposit {
  color: #80a7b8 !important;
}

.c_withdrawal_light {
  color: #ff8520 !important;
}

.c_withdrawal {
  color: #ff6900 !important;
}

.c_green {
  color: #009b1b !important;
}

.c_red {
  color: red !important;
}

.c_blue {
  color: #4088f6 !important;
}

.c_black {
  color: #000 !important;
}

.bg_white {
  background: #fff !important;
}

.box_c_ing {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 23px;
  border-radius: 3px;
  background: #fff;
  color: #333 !important;
  padding-bottom: 1px;
}

.box_c_buy {
  background: #f14f57;
}

.box_c_buy,
.box_c_invaild {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 23px;
  border-radius: 3px;
  color: #fff;
  padding-bottom: 1px;
}

.box_c_invaild {
  background: #999;
}

.box_c_sell {
  background: #3488db;
}

.box_c_sell,
.box_c_success {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 23px;
  border-radius: 3px;
  color: #fff;
  padding-bottom: 1px;
}

.box_c_success {
  background: #ff6900;
}

.box_c_fail {
  background: #ff4200;
}

.box_c_extedn,
.box_c_fail {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 23px;
  border-radius: 3px;
  color: #fff;
  padding-bottom: 1px;
}

.box_c_extedn {
  background: #43586c;
}

.ps__rail-x {
  transition: background-color .2s linear,opacity .2s linear;
  -webkit-transition: background-color .2s linear,opacity .2s linear;
  height: 0 !important;
  bottom: 0;
}

.ps__rail-x,
.ps__rail-y {
  display: none;
  position: absolute;
  opacity: 0;
}

.ps__rail-y {
  width: 4px !important;
  right: 0;
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
  display: block;
  background: none !important;
}

.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y,
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
  opacity: 1 !important;
}

.ps.ps__rail-x.ps--clicking,
.ps.ps__rail-x:focus,
.ps.ps__rail-x:hover,
.ps.ps__rail-y.ps--clicking,
.ps.ps__rail-y:focus,
.ps.ps__rail-y:hover {
  background-color: #eee;
  opacity: .9;
}

.ps__thumb-x {
  border-radius: 2px;
  transition: background-color .2s linear,height .2s ease-in-out;
  -webkit-transition: background-color .2s linear,height .2s ease-in-out;
  height: 4px !important;
  bottom: 0 !important;
}

.ps__thumb-x,
.ps__thumb-y {
  background-color: #4f4f5a !important;
  position: absolute;
}

.ps__thumb-y {
  border-radius: 8px !important;
  transition: background-color .2s linear,width .2s ease-in-out;
  -webkit-transition: background-color .2s linear,width .2s ease-in-out;
  width: 4px !important;
  right: 0 !important;
  z-index: 10;
}

.ps__rail-x.ps--clicking.ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x {
  height: 10px !important;
  cursor: pointer;
}

.ps__rail-y.ps--clicking.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
  width: 10px !important;
  cursor: pointer;
}

.cxlt-toastr-container>div {
  opacity: 1 !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  padding: 0 !important;
}

.toast-title {
  font-size: 1.6rem !important;
  font-weight: 300 !important;
  border-bottom: 1px solid hsla(0,0%,100%,.2);
  padding: 10px;
}

.toast-message {
  padding: 15px !important;
  font-size: 1.7rem !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

.toast-progress {
  background: #fff !important;
  height: 2px !important;
}

.toast-close-button {
  position: absolute !important;
  right: 10px !important;
  top: 12px !important;
  width: 12px !important;
  height: 12px !important;
  text-indent: -9999px !important;
  background: url(/images/common/icon_popup_close.png) no-repeat !important;
  background-size: 12px !important;
}

.toast-icon {
  display: none !important;
}

.toast-top-center {
  top: 50% !important;
  margin-top: -55px !important;
}

.pagenation_type_1 {
  text-align: center;
  margin: 20px 0;
}

.pagenation_type_1 a {
  display: inline-block;
  height: 30px;
  line-height: 30px !important;
  text-align: center;
  color: #9a9aa7 !important;
  font-size: 1.5rem;
  padding: 0 10px !important;
  margin: 0 5px;
}

.pagenation_type_1 a i {
  vertical-align: middle;
  font-size: 1.5rem !important;
}

.pagenation_type_1 a.active {
  color: #ff8700 !important;
}

.pagenation_type_1 .btn_first,
.pagenation_type_1 .btn_last,
.pagenation_type_1 .btn_next,
.pagenation_type_1 .btn_prev {
  color: #9a9aa7;
  margin: 0 5px;
  border: 0 !important;
  border-radius: 0 !important;
}

.pagenation_type_1 .inactive {
  color: #bbb;
}

.wrap_type_3 {
  position: relative;
  display: flex;
  height: 100vh;
  background: #1b1b23;
  padding: 101px 300px 0;
}

.container_left,
.container_left_md {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  max-width: 300px;
  width: 100%;
  height: 100%;
  background: #24242c;
  padding-top: 101px;
}

.container_left_md {
  box-shadow: 0 5px 5px 5px rgba(0,0,0,.15) !important;
  transition: all .3s;
}

.container_left_md .left_screen {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,.2);
}

.container_center {
  width: 100%;
  padding: 10px 10px 0;
}

.container_center_2 {
  display: flex;
  width: 100%;
}

.container_center_2>div:first-of-type {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  padding: 10px 10px 0;
}

.container_center_2_mini {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.container_center_2_mini>div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 10px 10px 0;
}

.container_center_2_mini>div>div:first-of-type {
  width: 830px;
}

.container_center_2_mini>div>div:nth-of-type(2) {
  width: calc(100% - 840px);
}

.container_center_3_mini,
.container_center_3_mini>div {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.container_center_3_mini>div {
  justify-content: space-between;
  padding: 10px 10px 0;
}

.container_center_3_mini>div>div:first-of-type {
  width: 830px;
}

.container_center_3_mini>div>div:nth-of-type(2) {
  width: calc(100% - 840px);
}

.container_center_4_mini {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.container_center_4_mini>div:first-of-type {
  width: 830px;
}

.container_center_4_mini>div:nth-of-type(2) {
  width: calc(100% - 840px);
}

.container_right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  max-width: 300px;
  width: 100%;
  height: 100%;
  background: #24242c;
  padding-top: 101px;
}

.bg_grad_1 {
  background: linear-gradient(180deg,#282831,#24242c);
}

.bg_grad_1,
.bg_grad_2 {
  border-top: 1px solid #000;
}

.bg_grad_2 {
  background: linear-gradient(180deg,rgba(64,64,75,.2),hsla(0,0%,100%,0));
}

.bg_grad_bottom_1 {
  border-bottom: 1px solid #000;
  background: linear-gradient(180deg,#282831,#24242c);
}

.bg_normal_1 {
  background: #24242c;
}

.bg_normal_2 {
  background: #2c2c34;
}

.btn_left_close,
.btn_left_control,
.btn_right_close,
.right_screen {
  display: none;
}

.box_logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.box_logo img {
  opacity: .5;
  height: 36px;
}

.display-1600 {
  display: none;
}

.text_dot {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sports_list {
  background: rgba(0,0,0,.1);
  padding: 5px 0;
  margin-bottom: 5px;
}

.sports_list li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 5px;
}

.sports_list.domestic li {
  margin-bottom: 5px;
}

.sports_list.domestic li:last-child {
  margin-bottom: 0;
}

.sports_list li>div:first-of-type,
.sports_list li>div:nth-of-type(2),
.sports_list li>div:nth-of-type(3) {
  width: 100%;
}

.game_info {
  display: flex;
  align-items: flex-end;
}

.game_info span:first-of-type {
  width: 50%;
  color: hsla(0,0%,100%,.7);
  font-size: 1.3rem;
  font-weight: 300;
  letter-spacing: 1px;
  padding: 5px 5px 7px;
}

.game_info span:nth-of-type(2) {
  width: 50%;
  color: #ff9710;
  font-size: 1.2rem;
  text-align: right;
  padding: 5px 5px 7px;
}

.btn_acodian {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

.btn_acodian i {
  color: #ff8700;
  font-size: 1.6rem;
  font-weight: 600;
}

.game_bat {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 36px;
}

.game_bat,
.game_bat button {
  position: relative;
}

.game_bat button:first-of-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
  height: 100%;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background: #000;
  padding: 0 10px;
  transition: all .3s;
}

.game_bat button:first-of-type em {
  color: #fff;
  text-align: left;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px;
}

.game_bat button:first-of-type span {
  flex-shrink: 0;
  text-align: right;
  color: #fff;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
}

.game_bat button:first-of-type i {
  margin-right: 5px;
}

.game_bat button:nth-of-type(3) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
  height: 100%;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background: #000;
  padding: 0 10px;
  margin-left: 1px;
  transition: all .3s;
}

.game_bat button:nth-of-type(3) em {
  order: 2;
  color: #fff;
  text-align: right;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 5px;
}

.game_bat button:nth-of-type(3) span {
  flex-shrink: 0;
  order: 1;
  text-align: left;
  color: #fff;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
}

.game_bat button:nth-of-type(3) i {
  margin-left: 5px;
}

.game_bat button:first-of-type i img,
.game_bat button:nth-of-type(3) i img {
  width: 20px !important;
  vertical-align: middle;
}

.game_bat>span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 100%;
  font-size: 1.4rem;
  color: #fff;
  background: #a3a4a6;
}

.game_bat button:nth-of-type(2) {
  cursor: inherit;
}

.game_bat.bet_three button:nth-of-type(2),
.game_bat button:nth-of-type(2) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  width: 90px;
  height: 100%;
  font-size: 1.4rem;
  color: #fff;
  font-weight: 400;
  background: #000;
  margin-left: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.game_bat.bet_three button:nth-of-type(2) {
  cursor: pointer;
}

.game_bat.bet_three button:nth-of-type(2).active,
.game_bat button.active {
  background: #ff8700;
}

.game_bat button:first-of-type .up:after {
  top: 0;
  border-top: 10px solid #ff1717;
  border-left: 10px solid transparent;
}

.game_bat button:first-of-type .down:after,
.game_bat button:first-of-type .up:after {
  content: "";
  position: absolute;
  right: 0;
  z-index: 1;
  width: 10px;
  height: 10px;
  -webkit-animation: blink 1s ease-in-out 5;
  animation: blink 1s ease-in-out 5;
  opacity: 0;
}

.game_bat button:first-of-type .down:after {
  bottom: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #0bf;
}

.game_bat button:nth-of-type(2) .up:after {
  left: 0;
  top: 0;
  border-top: 10px solid #ff1717;
  border-right: 10px solid transparent;
}

.game_bat button:nth-of-type(2) .down:after,
.game_bat button:nth-of-type(2) .up:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 10px;
  -webkit-animation: blink 1s ease-in-out 5;
  animation: blink 1s ease-in-out 5;
  opacity: 0;
}

.game_bat button:nth-of-type(2) .down:after {
  right: 0;
  bottom: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #0bf;
}

.game_bat button:nth-of-type(3) .up:after {
  top: 0;
  border-top: 10px solid #ff1717;
  border-right: 10px solid transparent;
}

.game_bat button:nth-of-type(3) .down:after,
.game_bat button:nth-of-type(3) .up:after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 1;
  width: 10px;
  height: 10px;
  -webkit-animation: blink 1s ease-in-out 5;
  animation: blink 1s ease-in-out 5;
  opacity: 0;
}

.game_bat button:nth-of-type(3) .down:after {
  bottom: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #0bf;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.bat_more {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 100%;
  border-radius: 6px;
  background: #ff8700;
  padding-bottom: 2px;
  margin-left: 2px;
  transition: all .3s;
}

.bat_more i {
  color: #fff;
  font-size: 1.6rem;
}

.bat_more.active {
  background: #fff !important;
}

.bat_more.active i {
  color: #000 !important;
}

.btn_no_disabled {
  font-size: 1.3rem !important;
  cursor: auto;
}

.btn_no_disabled[disabled] {
  background: #a3a4a6 !important;
  opacity: .75;
}

.game_bat_2 {
  position: relative;
  height: 36px;
}

.game_bat_2,
.game_bat_2 button:first-of-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.game_bat_2 button:first-of-type {
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
  height: 100%;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background: #a3a4a6;
  padding: 0 10px;
  transition: all .3s;
}

.game_bat_2 button:first-of-type em {
  color: #fff;
  text-align: left;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px;
}

.game_bat_2 button:first-of-type span {
  flex-shrink: 0;
  text-align: right;
  color: rgba(0,0,0,.9);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}

.game_bat_2 button:nth-of-type(2) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
  height: 100%;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background: #a3a4a6;
  padding: 0 10px;
  margin-left: 1px;
  transition: all .3s;
}

.game_bat_2 button:nth-of-type(2) em {
  order: 2;
  color: #fff;
  text-align: right;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 5px;
}

.game_bat_2 button:nth-of-type(2) span {
  flex-shrink: 0;
  order: 1;
  text-align: left;
  color: rgba(0,0,0,.9);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}

.game_bat_2>span {
  display: inline-flex;
  width: 70px;
  height: 100%;
  font-size: 1.4rem;
  color: #fff;
  background: #a3a4a6;
}

.game_bat_2>span,
.title_logo {
  justify-content: center;
  align-items: center;
}

.title_logo {
  display: flex;
  height: 40px;
  border-bottom: 1px solid #000;
}

.title_logo img {
  height: 22px;
}

.tab {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.tab li:last-child {
  width: 100%;
}

.tab li:nth-last-child(2),
.tab li:nth-last-child(2)~li {
  width: 50%;
}

.tab li:nth-last-child(3),
.tab li:nth-last-child(3)~li {
  width: 33.333333333333%;
}

.tab li:nth-last-child(4),
.tab li:nth-last-child(4)~li {
  width: 25%;
}

.tab li:nth-last-child(5),
.tab li:nth-last-child(5)~li {
  width: 20%;
}

.tab li:nth-last-child(6),
.tab li:nth-last-child(6)~li {
  width: 16.66666666666667%;
}

.tab li button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 38px;
  color: #fff;
  background: #1b1b23;
  border: 1px solid #1b1b23;
  border-bottom: 0;
}

.tab li button.active {
  color: #ff8700;
  border: 1px solid #ff8700;
  border-bottom: none !important;
  background: hsla(0,0%,100%,.005);
}

.tab li button.active:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  width: 100%;
  height: 1px;
  background: #1b1b23;
}

.wrap_sports_detail {
  width: 100%;
  border: 1px solid #ff8700;
  background: rgba(0,0,0,.6);
  padding: 4px 5px 5px;
}

.wrap_sports_detail.b_0 {
  border: 0;
}

.wrap_sports_detail li {
  width: 100%;
}

.wrap_sports_detail li:first-child {
  margin-top: 0;
}

.wrap_sports_detail li:last-child {
  margin-bottom: 4px;
}

.wrap_sports_detail li>em {
  display: flex;
  align-items: center;
  height: 28px;
  color: #ff9710;
  font-size: 1.4rem;
  font-weight: 500;
  background: hsla(0,0%,100%,.05);
  padding-left: 5px;
  padding-bottom: 2px;
}

.detail_num {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -1px;
}

.detail_num,
.detail_num>button {
  display: flex;
  align-items: center;
}

.detail_num>button {
  position: relative;
  justify-content: space-between;
  height: 34px;
  text-align: left;
  border-radius: 2px;
  background: #4c4c50;
  padding: 0 10px;
  margin: 1px;
}

.detail_num button {
  width: calc(33.33333% - 2px);
}

.detail_num button:last-child {
  width: 100%;
}

.detail_num button:nth-last-child(2),
.detail_num button:nth-last-child(2)~button {
  width: calc(50% - 2px);
}

.detail_num button:nth-last-child(3),
.detail_num button:nth-last-child(3)~button {
  width: calc(33.33333% - 2px);
}

.detail_num>button em {
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.2;
}

.detail_num>button span {
  font-size: 1.2rem;
  color: #fff;
}

.detail_num>button.active span {
  color: #fff !important;
}

.detail_num>button .up:after {
  top: 0;
  border-top: 10px solid #ff1717;
  border-left: 10px solid transparent;
}

.detail_num>button .down:after,
.detail_num>button .up:after {
  content: "";
  position: absolute;
  right: 0;
  width: 10px;
  height: 10px;
  -webkit-animation: blink 1s ease-in-out 5;
  animation: blink 1s ease-in-out 5;
  opacity: 0;
}

.detail_num>button .down:after {
  bottom: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #0bf;
}

.detail_num>button.active {
  background: #ff8700;
}

.detail_num>button.active i {
  color: #000;
}

.detail_num>button .text-allocation {
  color: #ff8700;
}

.detail_num>button.active em .text-allocation {
  color: #000 !important;
}

.sports_bet_close {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: calc(100% - 38px);
  height: 100%;
  background: rgba(0,0,0,.35);
}

.sports_bet_close,
.sports_bet_close:after {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sports_bet_close:after {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/images/common/icon_key_close.svg) no-repeat 50%;
  background-size: 24px;
}

.sports_bet_close_all {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.35);
}

.sports_bet_close_all,
.sports_bet_close_all:after {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sports_bet_close_all:after {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/images/common/icon_key_close.svg) no-repeat 50%;
  background-size: 24px;
  margin-left: -38px;
}

.market_domestic_all_close {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
}

.market_domestic_all_close:after {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background: url(/images/common/icon_key_close.svg) no-repeat 50%;
  background-size: 100% auto;
  margin-left: -48px;
}

.sports_bet_close.market_all_close {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
}

.sports_bet_close.market_all_close:after {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background: url(/images/common/icon_key_close.svg) no-repeat 50%;
  background-size: 24px;
}

.market_all_close {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
}

.market_all_close,
.market_all_close:after {
  display: flex;
  justify-content: center;
  align-items: center;
}

.market_all_close:after {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/images/common/icon_key_close.svg) no-repeat 50%;
  background-size: 100% auto;
  margin-left: -40px;
}

@media (max-width:1599px) {
  .no-wrap-1599 {
    display: none;
  }
}

.vjs-control-bar {
  bottom: -3em !important;
  background: rgba(0,0,0,.5) !important;
  transition: all .3s !important;
}

.video-js {
  position: relative;
  overflow: hidden;
}

.video-js:hover .vjs-control-bar {
  bottom: 0 !important;
  transition: all .3s !important;
}

.vjs-big-play-button {
  left: 50% !important;
  top: 50% !important;
  width: 100px !important;
  height: 60px !important;
  border: 2px solid #ff8700 !important;
  background: rgba(255,135,0,.2) !important;
  border-radius: 6px !important;
  transform: translateX(-50%) translateY(-50%) !important;
  transition: all .3s;
}

.vjs-big-play-button:before {
  content: "";
  position: absolute;
  left: 0;
  top: -40px;
  display: inline-block;
  width: 94px;
  height: 24px;
  background: url(/images/common/logo.svg) no-repeat 50%;
  background-size: 94px auto;
}

.vjs-big-play-button .vjs-icon-placeholder {
  color: #ff9710 !important;
  font-size: 2.4rem !important;
  transition: all .3s;
}

.vjs-icon-placeholder:before {
  position: inherit !important;
  left: inherit !important;
  top: inherit !important;
  width: inherit !important;
  height: inherit !important;
}

.vjs-big-play-button:hover .vjs-icon-placeholder {
  color: #fff !important;
}

.vjs-big-play-button:hover {
  background: #ff8700 !important;
}

@media (max-width:767px) {
  .detail_num button,
  .detail_num button:nth-last-child(3),
  .detail_num button:nth-last-child(3)~button {
    width: calc(50% - 2px);
  }
  .game_bat.bet_three button:nth-of-type(2),
  .game_bat button:nth-of-type(2) {
    width: 50px;
  }
  .sports_bet_close_all:after {
    margin-left: 0;
  }
  .sports_bet_close {
    width: 100%;
  }
  .market_all_close:after,
  .market_domestic_all_close:after {
    margin-left: 0;
  }
  .game_bat button:first-of-type i,
  .game_bat button:nth-of-type(3) i {
    display: none !important;
  }
}

.mini_bet_close {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.2);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.mini_bet_close,
.mini_bet_close:after {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mini_bet_close:after {
  content: "";
  width: 90px;
  height: 90px;
  border-radius: 100%;
  background: #000 url(/images/common/icon_key_close.png) no-repeat 50%;
  background-size: 60% auto;
}

.flex_1dan {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
}

.flex_1dan ul {
  width: calc(90% - 10px);
}

.flex_2dan {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex_2dan div:first-of-type,
.flex_2dan div:nth-of-type(2) {
  width: calc(50% - 7px);
}

.flex_3dan {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex_3dan div:first-of-type,
.flex_3dan div:nth-of-type(2) {
  width: calc(25% - 7px);
}

.flex_3dan div:nth-of-type(3) {
  width: calc(50% - 7px);
}

.title_bet_s {
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  line-height: 1.3;
  background: rgba(0,0,0,.2);
  padding: 10px;
}

.title_bet_s strong {
  font-size: 1.5rem;
  color: #ff8700;
  font-weight: 400;
}

.tab_game_type {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0 10px;
}

.tab_game_type button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(50% - 5px);
  height: 100px;
  font-size: 2.2rem;
  color: #fff;
  font-family: Gmarket;
  font-weight: 600;
  border: 4px solid rgba(255,135,0,.2);
  border-radius: 6px;
  background: #1b1b23;
  margin: 5px 0 0;
}

.tab_game_type button.active {
  color: #ff8700;
  border: 4px solid #ff8700;
}

.mini_game_info {
  height: 36px;
}

.mini_game_info,
.mini_game_info span:first-of-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mini_game_info span:first-of-type {
  width: calc(50% - 1px);
  height: 100%;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background: #a3a4a6;
  padding: 0 10px;
  transition: all .3s;
}

.mini_game_info span:first-of-type em {
  color: #fff;
  text-align: left;
  line-height: 1.2;
}

.mini_game_info span:first-of-type b {
  color: #fff;
  font-weight: 400;
}

.mini_game_info span:nth-of-type(2) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  height: 100%;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background: #ff8700;
  padding: 0 10px;
  transition: all .3s;
}

.mini_game_info span:nth-of-type(2) em {
  color: #fff;
  text-align: right;
  line-height: 1.2;
}

.mini_game_info span:nth-of-type(2) b {
  color: #fff;
  font-weight: 400;
}

.ul_game_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ul_game_item li {
  background: #36363f;
}

.ul_game_item li.on {
  background: #ff870080;
}

.ul_game_item.item_2 li {
  width: calc(50% - 1px);
}

.ul_game_item.item_2 li:first-child {
  width: 50%;
}

.ul_game_item.item_3 li {
  width: calc(33.33333% - 1px);
}

.ul_game_item.item_3 li:first-child {
  width: 33.3333333333%;
}

.ul_game_item.item_4 li {
  width: calc(25% - 1px);
}

.ul_game_item.item_4 li:first-child {
  width: 25%;
}

.ul_game_item.item_6 li {
  width: calc(16.66667% - 1px);
}

.ul_game_item.item_6 li:first-child {
  width: 16.6666666666667%;
}

.ul_game_item.item_10 li {
  width: calc(20% - 1px);
}

.ul_game_item.item_10 li:first-child,
.ul_game_item.item_10 li:nth-of-type(6) {
  width: 20%;
}

.ul_game_item.item_10 li:nth-child(n+5) {
  margin-top: 1px;
}

.ul_game_item button {
  position: relative;
  width: 100%;
  border: 1px solid #36363f;
  background: transparent;
  transition: all .3s;
}

.ul_game_item button,
.ul_game_item button i {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

.ul_game_item button i {
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: #606070;
  margin: 10px 0;
}

.ul_game_item button i span {
  font-size: 1.7rem;
  color: #fff;
  font-weight: 500;
  line-height: 1;
  padding-bottom: 2px;
}

.ul_game_item button i sub {
  margin: 5px;
}

.ul_game_item button.blue i {
  background: rgba(20,120,242,.8);
}

.ul_game_item button.red i {
  background: rgba(255,62,62,.8);
}

.ul_game_item button.blue_line i {
  border: 3px solid rgba(20,120,242,.8);
  background: #36363f;
}

.ul_game_item button.red_line i {
  border: 3px solid rgba(255,62,62,.8);
  background: #36363f;
}

.ul_game_item button.green i {
  background: rgba(0,155,27,.6);
}

.ul_game_item button.active {
  border: 1px solid #ff8700;
  background: #1b1b23;
}

.ul_game_item button.active i {
  background: #7a7a9b;
}

.ul_game_item button.blue.active i {
  background: #1478f2;
}

.ul_game_item button.red.active i {
  background: #ff3e3e;
}

.ul_game_item button.blue_line.active i {
  border: 3px solid rgba(20,120,242,.8);
  background: #1478f2;
}

.ul_game_item button.red_line.active i {
  border: 3px solid rgba(255,62,62,.8);
  background: #ff3e3e;
}

.ul_game_item button.green.active i {
  background: #009b1b;
}

.ul_game_item button i sub {
  font-size: 1.1rem;
  color: #fff;
}

.ul_game_item button b {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20px;
  background: hsla(0,0%,100%,.05);
  color: #fff;
  font-weight: 400;
  padding-bottom: 2px;
}

.blue_btn {
  background: rgba(20,120,242,.8) !important;
}

.red_btn {
  background: rgba(255,62,62,.8) !important;
}

.ul_game_item2 li {
  background: #36363f;
}

.ul_game_item2 li.on {
  background: #ff870080;
}

.ul_game_item2 button {
  position: relative;
  display: block;
  align-items: center;
  width: 100%;
  border: 1px solid #36363f;
  background: transparent;
  color: #fff;
  transition: all .3s;
}

.ul_game_item2 button i {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  background-color: #606070;
  margin: 10px 5px;
}

.ul_game_item2 button i span {
  font-size: 1.7rem;
  color: #fff;
  font-weight: 500;
  line-height: 1;
  padding-bottom: 2px;
}

.ul_game_item2 button i sub {
  margin: 5px;
}

.ul_game_item2 button.blue i {
  background: rgba(20,120,242,.8);
}

.ul_game_item2 button.red i {
  background: rgba(255,62,62,.8);
}

.ul_game_item2 button.blue_line i {
  border: 3px solid rgba(20,120,242,.8);
  background: #36363f;
}

.ul_game_item2 button.red_line i {
  border: 3px solid rgba(255,62,62,.8);
  background: #36363f;
}

.ul_game_item2 button.green i {
  background: rgba(0,155,27,.6);
}

.ul_game_item2 button.active {
  border: 1px solid #ff8700;
  background: #1b1b23;
}

.ul_game_item2 button.active i {
  background: #7a7a9b;
}

.ul_game_item2 button.blue.active i {
  background: #1478f2;
}

.ul_game_item2 button.red.active i {
  background: #ff3e3e;
}

.ul_game_item2 button.blue_line.active i {
  border: 3px solid rgba(20,120,242,.8);
  background: #1478f2;
}

.ul_game_item2 button.red_line.active i {
  border: 3px solid rgba(255,62,62,.8);
  background: #ff3e3e;
}

.ul_game_item2 button.green.active i {
  background: #009b1b;
}

.ul_game_item2 button i sub {
  font-size: 1.1rem;
  color: #fff;
}

.ul_game_item2 button b {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20px;
  background: hsla(0,0%,100%,.05);
  color: #fff;
  font-weight: 400;
  padding-bottom: 2px;
}

.ul_game_item2 li {
  width: 50%;
  float: left;
}

.ul_game_item2 li button i:first-of-type {
  margin-left: 0 !important;
}

.ul_game_item2 li button i:last-child {
  margin-right: 0;
}

.ul_game_item2 li:nth-child(n+3) {
  margin-top: 1px;
}

.flex_1dan em {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 10%;
}

@media (max-width:2200px) {
  .flex_1dan em {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .flex_1dan em br {
    display: none;
  }
  .flex_1dan ul {
    width: 100%;
  }
}

@media (max-width:1919px) {
  .flex_3dan div:first-of-type,
  .flex_3dan div:nth-of-type(2) {
    width: calc(50% - 5px);
  }
  .flex_3dan div:nth-of-type(3) {
    width: 100%;
  }
  .ul_game_item.item_6 li {
    width: calc(33.33333% - 1px);
  }
  .ul_game_item.item_6 li:first-child {
    width: 33.333333333%;
  }
  .ul_game_item.item_6 li:nth-child(n+4) {
    margin-top: 1px;
  }
}

@media (max-width:991px) {
  .flex_1dan {
    justify-content: space-between;
    margin-bottom: 10px;
  }
}

@media (max-width:767px) {
  .ul_game_item2 button i {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #606070;
    margin: 10px 5px;
  }
  .ul_game_item2 li {
    width: 100%;
  }
  .ul_game_item2 li:nth-child(n+2) {
    margin-top: 1px;
  }
}

@media (max-width:2559px) {
  .container_center_2>div:first-of-type>div:first-of-type {
    width: 870px;
  }
  .container_center_2>div:first-of-type>div:nth-of-type(2) {
    width: calc(100% - 880px);
  }
}

@media (max-width:1920px) {
  .wrap_type_3 {
    padding: 101px 280px 0;
  }
  .container_left,
  .container_left_md,
  .container_right {
    max-width: 280px;
  }
}

@media (max-width:1860px) {
  .wrap_type_3 {
    padding-left: 40px;
  }
  .container_left {
    display: none;
  }
  .btn_left_control {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #24242c;
    padding-top: 101px;
  }
  .btn_left_control,
  .btn_left_control i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
  }
  .btn_left_control i {
    height: 160px;
    color: #fff;
    font-size: 2.2rem;
    background: #ff8700;
  }
  .btn_left_control i img {
    width: 26px;
  }
  .btn_left_close {
    position: absolute;
    right: -40px;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 160px;
    border-left: 0;
    background: #ff8700;
    box-shadow: 0 5px 5px 5px rgba(0,0,0,.15) !important;
    margin-top: -30px;
  }
  .btn_left_close i {
    color: #fff;
    font-size: 2.2rem;
  }
  .btn_left_close i img {
    width: 26px;
    transform: rotate(180deg);
  }
}

@media (max-width:1600px) {
  .container_center_2_mini>div>div:first-of-type {
    width: 660px;
  }
  .container_center_2_mini>div>div:nth-of-type(2) {
    width: calc(100% - 670px);
  }
  .container_center_3_mini>div>div:first-of-type {
    width: 660px;
  }
  .container_center_3_mini>div>div:nth-of-type(2) {
    width: calc(100% - 670px);
  }
  .container_center_4_mini>div:first-of-type {
    width: 660px;
  }
  .container_center_4_mini>div:nth-of-type(2) {
    width: calc(100% - 670px);
  }
  .display-1600 {
    display: block;
  }
  .no-display-1600 {
    display: none;
  }
}

@media (max-width:1599px) {
  .container_center_2>div:first-of-type>div:first-of-type,
  .container_center_2>div:first-of-type>div:nth-of-type(2) {
    width: 100%;
  }
  .pc_scroll_sports {
    height: auto;
  }
}

@media (max-width:1439px) {
  .container_center_2_mini>div {
    flex-wrap: wrap;
    padding: 10px 10px 0;
  }
  .container_center_2_mini>div>div:first-of-type,
  .container_center_2_mini>div>div:nth-of-type(2) {
    width: 100%;
  }
  .container_center_3_mini>div {
    flex-wrap: wrap;
    padding: 10px 10px 0;
  }
  .container_center_3_mini>div>div:first-of-type,
  .container_center_3_mini>div>div:nth-of-type(2),
  .container_center_4_mini>div:first-of-type,
  .container_center_4_mini>div:nth-of-type(2) {
    width: 100%;
  }
}

@media (max-width:1023px) {
  .wrap_type_3 {
    padding-right: 0;
  }
  .container_right {
    position: fixed !important;
    right: 0;
  }
  .btn_right_close {
    position: absolute;
    right: 280px;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 160px;
    border-left: 0;
    background: #ff8700;
    box-shadow: 0 5px 5px 5px rgba(0,0,0,.15) !important;
    margin-top: -30px;
  }
  .btn_right_close i {
    color: #fff;
    font-size: 2.2rem;
  }
  .btn_right_close i img {
    width: 26px;
  }
  .container_right .right_screen {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.5);
  }
}

@media (max-width:991px) {
  .wrap_type_3 {
    padding-top: 101px;
    padding-left: 0;
  }
  .btn_left_close,
  .btn_left_control,
  .container_left {
    display: none;
  }
}

@media (max-width:767px) {
  .container_center {
    padding: 0;
  }
  .mobile_scroll {
    position: relative !important;
    height: 100%;
    overflow: hidden !important;
    overflow-y: auto !important;
  }
}

.title_info {
  justify-content: center;
  height: 61px;
  font-size: 2rem;
  font-weight: 300;
  border-bottom: 1px solid #000;
  background: linear-gradient(0deg,#2f2f38,#2c2c34);
}

.title_info,
.title_info_s {
  display: flex;
  align-items: center;
  color: #fff;
  font-family: NEXON2;
}

.title_info_s {
  font-size: 1.8rem;
}

.title_info_s:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  background: #ff8700 url(/images/common/icon_select.png) no-repeat 50%;
  transform: rotate(270deg);
  margin-right: 10px;
}

.ul_text_1 li {
  font-size: 1.4rem;
  color: hsla(0,0%,100%,.6);
  line-height: 1.5;
  padding: 8px 0;
}

.box_contents_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  border: 1px solid #ff8700;
  background: #1b1b23;
}

.box_contents_1 em {
  font-size: 1.5rem;
  color: #ff8700;
  margin: 20px 0;
}

.box_contents_1 span {
  font-size: 1.3rem;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  padding: 0 20px;
  margin-bottom: 20px;
}

.box_contents_2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  border: 1px solid #ff8700;
  background: #1b1b23;
}

.box_contents_2 em {
  font-size: 1.5rem;
  color: #ff8700;
  margin: 20px 0;
}

.box_contents_2 span {
  font-size: 1.3rem;
  line-height: 1.4;
  color: #fff;
  text-align: left;
  padding: 0 20px;
  margin-bottom: 20px;
}

.no_box_contents {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.no_box_contents em {
  font-size: 1.5rem;
  color: #ff8700;
  margin: 20px 0;
}

.no_box_contents span {
  position: relative;
  font-size: 1.3rem;
  line-height: 1.8;
  color: #fff;
  text-align: left;
  padding: 0 20px;
  margin-bottom: 20px;
}

.no_box_contents span sub {
  position: absolute;
  right: -20%;
  top: 0;
  display: inline-flex;
  align-items: center;
  height: 26px;
  font-size: 1.4rem;
  color: #27272f;
  font-weight: 500;
  background: #ff8700;
  padding: 4px 4px 6px;
  transform: rotate(-15deg);
  box-shadow: 2px 2px 2px 5px rgba(0,0,0,.7);
}

.hr1 {
  height: 1px;
  border-bottom: 1px solid rgba(0,0,0,.5);
  margin: 30px 0;
}

.sub_visual_wallet {
  position: relative;
}

.sub_visual_wallet img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.sub_visual_wallet div {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 40px;
}

.sub_visual_wallet div span {
  color: #fff;
  font-family: NEXON2;
  font-size: 3.2rem;
  font-weight: 300;
  line-height: inherit;
}

.menu_wallet {
  display: flex;
  justify-content: space-between;
}

.menu_wallet>li {
  width: calc(33.33333% - 1px);
}

.menu_wallet>li:first-of-type {
  width: 33.333333333333%;
}

.menu_wallet>li a,
.menu_wallet>li button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-size: 1.5rem;
  color: #fff;
  border: 1px solid hsla(0,0%,100%,.2);
  background: #2c2c34;
  padding-bottom: 2px;
  cursor: pointer;
}

.menu_wallet>li a.active,
.menu_wallet>li button.active {
  color: #ff8700;
  border: 1px solid #ff8700;
  background: #1b1b23;
}

.menu_wallet.menu_2 li {
  width: calc(50% - 1px);
}

.menu_wallet.menu_2 li>li:first-of-type {
  width: 50%;
}

.box_form_wallet {
  margin: 0 auto;
  max-width: 430px;
}

.wallet_cash {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.wallet_cash button {
  width: 20%;
  height: 40px;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  border-radius: 3px;
  background: #a3a4a6;
  margin: 0 1px;
  box-shadow: inset 0 0 20px hsla(0,0%,100%,0);
  transition: all 1.25s cubic-bezier(.19,1,.22,1);
}

.wallet_form {
  position: relative;
}

.wallet_form button {
  position: absolute;
  left: 7px;
  top: 7px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background: linear-gradient(0deg,#292932 10%,#292932);
  padding-bottom: 2px;
}

.wallet_form input {
  width: 100%;
  height: 46px;
  font-size: 2.2rem;
  color: #ff9710;
  font-weight: 500;
  text-align: right;
  border: 1px solid #ff8700;
  background: #1b1b23;
  padding: 0 20px 0 40px;
}

@media (max-width:767px) {
  .sub_visual_wallet div span {
    font-size: 2.8rem;
  }
}

.group-wWM3zP_M- {
  background: #27272f !important;
}

h2.title_trade {
  height: 40px;
  line-height: 38px;
  font-size: 1.3rem;
  color: #fff;
  border-bottom: 1px solid #43586c;
  font-weight: 400;
  margin: 0 15px;
}

h2.title_trade span {
  font-size: 1.3rem;
  color: #ff8700;
  font-weight: 400;
}

.b_test {
  position: absolute;
  left: 40px;
  bottom: 100px;
  color: #fff;
}

.result_buy {
  left: 0;
  top: 0;
  display: none;
}

.result_buy,
.result_buy div {
  position: fixed;
  z-index: 99999;
}

.result_buy div {
  left: 50%;
  top: 50%;
  width: 700px;
  height: 400px;
  text-align: center;
  margin: -200px 0 0 -350px;
  -webkit-animation: switch_buy 3s;
  animation: switch_buy 3s;
}

.result_sell {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  display: none;
}

.result_sell div {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 99999;
  width: 700px;
  height: 400px;
  text-align: center;
  margin: -200px 0 0 -350px;
  -webkit-animation: switch_sell 3s;
  animation: switch_sell 3s;
}

.result_invaild {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  display: none;
}

.result_invaild div {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 99999;
  width: 700px;
  height: 400px;
  text-align: center;
  margin: -200px 0 0 -350px;
  -webkit-animation: switch_invaild 3s;
  animation: switch_invaild 3s;
}

.sub_visual {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  padding: 0 30px;
  margin-top: 100px;
}

.sub_visual i {
  display: none;
  position: absolute;
  left: 30px;
  top: 50%;
  color: hsla(0,0%,100%,.7);
  font-size: 1.3rem;
  font-weight: 300;
  padding-left: 20px;
  background: url(/images/common/icon_nevi.png) no-repeat 0;
  background-size: 11px auto;
  margin-top: -7px;
}

.sub_visual em {
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  text-shadow: 1px 1px 2px rgba(0,0,0,.2);
}

.sub_visual.s_01,
.sub_visual.s_02,
.sub_visual.s_03,
.sub_visual.s_04,
.sub_visual.s_05,
.sub_visual.s_06,
.sub_visual.s_07,
.sub_visual.s_08 {
  background: #7b849f url(/images/sub/sub_theme.jpg) no-repeat top;
  background-attachment: fixed;
}

.box_sub_title {
  padding: 0 40px 20px;
}

.box_sub_container {
  min-height: 500px;
  padding: 30px 0;
}

.sub_menu {
  display: flex;
  border-bottom: 1px solid #2d3b48;
}

.sub_menu,
.sub_menu a {
  position: relative;
  height: 60px;
}

.sub_menu a {
  display: inline-block;
  line-height: 59px;
  font-size: 1.5rem;
  color: #9a9aa7;
  padding: 0 20px;
}

.sub_menu #marker {
  position: absolute;
  left: 0;
  height: 1px;
  width: 0;
  background: #ff9710;
  bottom: -1px;
  transition: all .3s;
}

.sub_menu a.active,
.sub_menu a.nuxt-link-active {
  color: #ff8700;
}

.sub_tab ul {
  overflow: hidden;
}

.sub_tab ul li {
  float: left;
}

.sub_tab ul li a {
  position: relative;
  display: block;
  height: 34px;
  line-height: 34px;
  font-size: 1.6rem;
  color: #9a9aa7;
  padding: 0 0 0 50px;
}

.sub_menu ul li a.nuxt-link-active,
.sub_tab ul li a.active {
  color: #fff;
}

.sub_menu ul li a.nuxt-link-active:before,
.sub_tab ul li a.active:before {
  content: "";
  position: absolute;
  left: 32px;
  top: 14px;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #ff8700;
  border-radius: 100%;
}

.title_medium {
  font-size: 3rem;
  font-weight: 400;
  color: #ff8700;
  font-family: NEXON2;
  letter-spacing: -1px;
}

.title_big {
  font-size: 2.2rem;
}

.title_big,
.title_normal {
  font-weight: 400;
  color: #ff9710;
  text-align: left;
  letter-spacing: -.5px;
}

.title_normal {
  font-size: 1.8rem;
}

.title_small {
  position: relative;
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: -.5px;
}

.title_small button {
  position: absolute;
  right: 0;
  top: 0;
  color: #9a9aa7;
}

.title_sub {
  position: relative;
  display: inline-block;
  font-size: 2.8rem;
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding: 10px 30px;
  letter-spacing: -1px;
}

.title_sub:before {
  bottom: -5px;
}

.title_sub:after,
.title_sub:before {
  content: "";
  position: absolute;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #fff;
}

.title_sub:after {
  bottom: -3px;
}

.title_sub_1 {
  position: relative;
  display: inline-block;
  font-size: 2.4rem;
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding: 10px 30px;
  letter-spacing: -1px;
}

.title_sub_1:before {
  bottom: -5px;
}

.title_sub_1:after,
.title_sub_1:before {
  content: "";
  position: absolute;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #fff;
}

.title_sub_1:after {
  bottom: -3px;
}

.title_sm {
  display: none;
}

.title_hexa {
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 10px;
}

.title_hexa,
.title_hexa i {
  display: flex;
  align-items: center;
}

.title_hexa i {
  justify-content: center;
  height: 58px;
  font-family: roboto;
  font-weight: 900;
  font-size: 2rem;
  color: #fff;
  padding-right: 5px;
  margin: 0;
}

.title_hexa em {
  font-size: 2rem;
  font-weight: 400 !important;
  color: #ff8700;
  line-height: 1.2;
  padding-left: 10px;
}

.title_hexa.t_on i {
  width: 50px;
  height: 58px;
  font-family: roboto;
  font-weight: 900;
  font-size: 2rem;
  color: #27272f;
  margin: 0;
}

.title_div,
.title_hexa.t_on i {
  display: flex;
  justify-content: center;
  align-items: center;
}

.title_div {
  position: relative;
  z-index: 2;
  flex-direction: row;
  text-align: center;
  margin: 0 15px;
  padding: 20px 0 0;
}

.title_div span {
  display: inline-block;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #ff9710;
  font-size: 1.8rem;
  font-family: Proxima Nova;
  font-weight: 500;
}

.p_info {
  line-height: 18px;
  font-size: 1.4rem;
  color: #797986;
  text-align: left;
  background-size: 18px;
  margin-left: 10px;
}

.p_info span {
  font-size: 1.4rem;
  color: #ff9710;
}

.box_folder,
.box_folder button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}

.box_folder button {
  width: calc(33.33333% - 5px);
  height: 40px;
  font-size: 2rem;
  color: #ff8700;
  font-family: Gmarket;
  font-weight: 500;
  border: 1px solid #ff8700;
  border-radius: 3px;
  background: #1b1b23;
}

.box_folder button i {
  font-size: 1.3rem;
  margin-right: 3px;
}

.box_folder button span:nth-of-type(2) {
  color: #ff8700;
}

.box_folder button.active {
  background: #ff8700;
  color: #fff;
}

.box_folder button.active span:nth-of-type(2) {
  color: #fff;
}

.bank_info {
  flex-wrap: wrap;
}

.bank_info,
.bank_info li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.bank_info li {
  position: relative;
  flex-direction: row;
  width: 50%;
  padding: 10px;
}

.bank_info li:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #ff8700;
  border-radius: 100%;
  margin-top: -3px;
}

.bank_info li em {
  width: 120px;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 1.5rem;
  color: #9a9aa7;
  padding-left: 15px;
}

.bank_info li span {
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  line-height: 1.4;
  font-size: 1.5rem;
  color: #fff;
}

.bank_info li span button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background: #ff8700;
  margin-left: 8px;
  padding: 3px;
}

.bank_info.full li {
  width: 100%;
  margin-bottom: 3px;
}

.bank_info.full li em {
  width: 120px;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 1.5rem;
  color: #9a9aa7;
}

.bank_info.full li span {
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 1.5rem;
  color: #fff;
}

.bank_info li span i {
  opacity: .5;
  font-weight: 300;
}

.box_support_container {
  padding: 30px 40px;
}

.box_support_container.bg_arrow {
  background: #27272f url(/images/common/bg_join.png) no-repeat bottom;
  background-size: 90% !important;
}

.box_support_title {
  display: block;
  line-height: 39px;
  font-size: 2.2rem;
  color: #fff;
}

.box_support_title img {
  margin-right: 10px;
}

.box_text_type_1 {
  flex-direction: column;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #797986;
  border-bottom: 1px solid #ff8700;
  margin-top: -15px;
}

.box_text_type_1,
.box_text_type_1 i {
  display: flex;
  justify-content: center;
  align-items: center;
}

.box_text_type_1 i {
  width: 100%;
  height: 50px;
  background: url(/images/common/icon_info.png) no-repeat 50%;
  background-size: 34px;
}

.box_text_type_1>span {
  width: 100%;
  font-size: 1.4rem;
  text-align: left;
  padding: 0 10px 15px;
}

.tip,
.wl_tip {
  position: relative;
  overflow: hidden;
  max-height: 150px;
  background: url(/images/common/icon_info.png) no-repeat 10px 0;
  background-size: 22px;
  margin-left: 10px;
  padding-left: 40px;
}

.tip ul li,
.wl_tip ul li {
  font-size: 1.5rem;
  color: #9a9aa7;
  line-height: 2.2rem;
}

.wl_tip ul li span {
  font-size: 1.5rem;
  color: #ff4200;
}

.waring {
  padding-left: 66px;
  background: url(/images/common/icon_info_waring.png) no-repeat 0 0;
  background-size: 47px auto;
}

.wl_waring {
  background: url(/images/common/icon_info_waring.png) no-repeat 0 0;
  padding-left: 60px;
}

.waring ul li,
.wl_waring ul li {
  font-size: 1.4rem;
  color: #676c71;
  line-height: 2rem;
}

.box_sell_pay {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  height: 36px;
  background: #27313b;
  padding: 0 15px;
  margin: 20px 0 0;
}

.box_sell_pay span {
  font-size: 1.4rem;
  color: #3488db;
}

.box_sell_pay.buy span {
  font-size: 1.4rem;
  color: #f14f57;
}

.title_contract {
  padding: 15px;
  font-family: NEXON2;
  color: #fff;
  font-size: 2.8rem;
  text-align: center;
}

.box_income_info {
  font-size: 1.3rem;
  color: #9a9aa7;
  text-align: center;
  line-height: 1.5;
  letter-spacing: -.5px;
  padding: 15px;
}

.box_income_info span {
  display: inline-block;
  font-size: 1.3rem;
}

@-webkit-keyframes move {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(50px);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes move {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(50px);
  }
  to {
    transform: translateY(0);
  }
}

.box_bg_deep {
  background: #171a23;
  padding: 30px;
}

.box_pay_inout {
  border: 1px solid #797986;
  background: linear-gradient(180deg,#24242c,#2f3b49);
  box-shadow: 0 0 10px 6px rgba(23,26,35,.5);
  padding: 20px;
}

.back_guide {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999997;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  background: rgba(0,0,0,.4);
}

.box_bitmex_chart,
.box_fx_buy_sell,
.box_fx_result,
.box_leverage_result,
.current_time,
.tab_box,
.tab_time {
  position: relative;
}

.copilot {
  width: 280px;
  z-index: 99999999;
  display: none;
  border-radius: 4px;
  background: #fff;
  margin-left: -140px;
  box-shadow: 10px 10px 40px 10px rgba(13,255,233,.5);
}

.copilot,
.copilot:before {
  position: absolute;
  left: 50%;
}

.copilot:before {
  content: "";
  top: -8px;
  display: inline-block;
  width: 16px;
  height: 8px;
  background: url(/images/sub/icon_arr.png) no-repeat;
  margin-left: -8px;
}

.copilot em {
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 1.4rem;
  font-family: Roboto;
  font-weight: 400;
  color: #ff8700;
  margin-bottom: 5px;
}

.btn_copilot_close {
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 1.2rem;
  color: #777;
}

.copilot_info {
  font-size: 1.3rem;
  color: #000;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  font-family: Noto Sans KR;
  padding: 20px 0 10px;
  margin: 40px 15px 0;
}

.copilot_foot {
  padding: 20px 15px;
}

.copilot_foot,
.copilot_foot button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.copilot_foot button {
  background: #ff9710;
  color: #fff;
  font-size: 1.3rem;
  border-radius: 30px;
  padding: 10px 20px;
}

.copilot_foot button.btn_copilot_prev {
  background: #ccc;
  margin-right: 5px;
}

.copilot.step_1,
.copilot.step_2 {
  top: 50px;
}

.copilot.step_3,
.copilot.step_4,
.copilot.step_6,
.copilot.step_7,
.copilot.step_8 {
  top: 50%;
  margin-top: -80px;
}

.copilot.step_5 {
  top: 40px;
}

.box_info_1 {
  background: #27313b;
  padding: 15px;
}

.box_info_1.op5 {
  background: rgba(39,49,59,.2);
}

.box_info_1 li {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.3;
  color: #9a9aa7;
  padding: 5px 0 5px 20px;
}

.box_info_1 li:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 13px;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #ff8700;
}

.ul_guide li {
  font-size: 1.4rem;
  line-height: 1.3;
  color: #9a9aa7;
  padding: 5px 0;
}

.title_guide_1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.title_guide_1 img {
  height: 40px;
}

.title_guide_1 span {
  font-size: 1.7rem;
  color: #ff9710;
  font-weight: 400;
  padding-left: 10px;
}

.refer em {
  display: block;
  font-size: 1.6rem;
  color: #ff9710;
  font-weight: 400;
  text-align: center;
  letter-spacing: -.5px;
  padding: 0 0 20px 5px;
}

.refer ul {
  background: rgba(0,0,0,.02);
  padding: 15px;
  border-radius: 0;
  border-left: 1px solid #ff8700;
}

.refer ul li {
  font-size: 1.3rem;
  color: #4f4f5a;
  line-height: 1.4;
  padding: 8px;
}

.loading-wave-dots {
  position: relative;
}

.loading-wave-dots>.wave-item {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff8700 !important;
  -webkit-animation: loading-wave-dots1 2.8s linear infinite !important;
  animation: loading-wave-dots1 2.8s linear infinite !important;
}

.loading-wave-dots .wave-item:first-child {
  margin-left: -36px !important;
}

.loading-wave-dots .wave-item:nth-child(2) {
  margin-left: -20px !important;
  -webkit-animation-delay: .14s !important;
  animation-delay: .14s !important;
}

.loading-wave-dots .wave-item:nth-child(3) {
  margin-left: -4px !important;
  -webkit-animation-delay: .28s !important;
  animation-delay: .28s !important;
}

.loading-wave-dots .wave-item:nth-child(4) {
  margin-left: 12px !important;
  -webkit-animation-delay: .42s !important;
  animation-delay: .42s !important;
}

.loading-wave-dots .wave-item:last-child {
  margin-left: 28px !important;
  -webkit-animation-delay: .56s !important;
  animation-delay: .56s !important;
}

@-webkit-keyframes loading-wave-dots1 {
  0% {
    transform: translateY(0);
    background: #ff8700 !important;
  }
  10% {
    transform: translateY(-6px);
    background: #ff9710 !important;
  }
  20% {
    transform: translateY(0);
    background: #ff8700 !important;
  }
  to {
    transform: translateY(0);
    background: #ff9710 !important;
  }
}

@keyframes loading-wave-dots1 {
  0% {
    transform: translateY(0);
    background: #ff8700 !important;
  }
  10% {
    transform: translateY(-6px);
    background: #ff9710 !important;
  }
  20% {
    transform: translateY(0);
    background: #ff8700 !important;
  }
  to {
    transform: translateY(0);
    background: #ff9710 !important;
  }
}

.text-center.margin-30px-bottom.sm-margin-20px-bottom {
  display: none;
}

@media (max-width:1600px) {
  .wrap_bound {
    display: none;
  }
}

@media (max-width:991px) {
  body {
    margin-top: 0;
  }
  .sub_visual {
    display: none;
  }
  .box_sub_title {
    padding: 0 20px;
  }
  .box_sub_container {
    padding: 20px;
  }
  .text-center.margin-30px-bottom.sm-margin-20px-bottom {
    display: block;
  }
  .title_sub {
    position: relative;
    display: inline-block;
    font-size: 2.2rem;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 10px 30px;
    letter-spacing: -1px;
  }
  .title_sub:after,
  .title_sub:before {
    content: "";
    position: absolute;
    left: 0;
    display: none;
    width: 100%;
    height: 1px;
    background: #fff;
  }
  .sub_menu {
    display: none;
  }
}

@media (max-width:767px) {
  .box_sub_title {
    padding: 0;
  }
  .box_sub_container {
    min-height: auto;
    padding: 20px 0;
  }
  .title_sm {
    display: block;
    color: #fff;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 30px;
  }
  .sub_visual i {
    display: none;
  }
  .box_bg_deep {
    background: #171a23;
    padding: 10px;
  }
  .box_pay_inout {
    border: 1px solid #797986;
    background: linear-gradient(180deg,#24242c,#2f3b49);
    box-shadow: 0 0 10px 6px rgba(23,26,35,.5);
    padding: 10px;
  }
  .bank_info li {
    width: 100%;
    padding: 10px;
  }
}

@media (max-width:575px) {
  .result_buy div {
    left: 50%;
    top: 50%;
    width: 430px;
    height: 246px;
    text-align: center;
    margin: -123px 0 0 -215px;
    -webkit-animation: switch_buy 3s;
    animation: switch_buy 3s;
    background-size: 430px 246px;
  }
  .result_sell div {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 99999;
    width: 430px;
    height: 246px;
    text-align: center;
    margin: -123px 0 0 -215px;
    -webkit-animation: switch_sell 3s;
    animation: switch_sell 3s;
    background-size: 430px 246px;
  }
  .result_invaild div {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 99999;
    width: 430px;
    height: 246px;
    text-align: center;
    margin: -123px 0 0 -215px;
    -webkit-animation: switch_invaild 3s;
    animation: switch_invaild 3s;
    background-size: 430px 246px;
  }
  .box_folder {
    padding: 0 5px;
  }
  .box_folder button {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    font-size: 1.6rem;
    padding: 5px;
  }
  .box_folder button i {
    margin-right: 0;
    margin-bottom: 5px;
  }
  .sports_list li {
    padding: 0;
  }
  .pagenation_type_1 a {
    display: inline-block;
    height: 30px;
    line-height: 30px !important;
    text-align: center;
    color: #9a9aa7 !important;
    font-size: 1.5rem;
    padding: 0 5px !important;
    margin: 0 5px;
  }
  .pagenation_type_1 a.active {
    color: #ff9710 !important;
  }
  .title_medium {
    font-size: 2.4rem;
    font-family: Nanum Square;
    letter-spacing: -1px;
  }
}

@media (min-width:768px) {
  .ul_game_item button:hover {
    background: rgba(255,135,0,.2);
  }
}

@media (min-width:768px) {
  .game_bat.bet_three button:first-of-type:hover,
  .game_bat.bet_three button:nth-of-type(2):hover,
  .game_bat.bet_three button:nth-of-type(3):hover,
  .game_bat button:first-of-type:hover,
  .game_bat button:nth-of-type(3):hover {
    background: #ff8700;
  }
  .game_bat button.active:hover span,
  .game_bat button.active span {
    color: #fff !important;
  }
  .bat_more[disabled],
  .bat_more[disabled]:hover {
    background: #a3a4a6 !important;
    opacity: .75;
  }
  .btn_no_disabled:hover {
    background: #a3a4a6 !important;
  }
  .game_bat_2 button:first-of-type:hover,
  .game_bat_2 button:nth-of-type(2):hover {
    background: #8d8e90;
  }
  .detail_num>button:hover,
  .game_bat_2 button.active,
  .game_bat_2 button.active:hover {
    background: #ff8700;
  }
  .detail_num>button:hover i {
    color: #000;
  }
  .wallet_cash button:hover {
    border: 1px solid #fff;
  }
  .pagenation_type_1 .btn_first:hover,
  .pagenation_type_1 .btn_last:hover,
  .pagenation_type_1 .btn_next:hover,
  .pagenation_type_1 .btn_prev:hover {
    border: 0 !important;
    color: #fff;
    background: #24242c;
  }
  .ul_game_item2 button:hover,
  .ul_game_item button:hover {
    background: rgba(255,135,0,.2);
  }
}

.game_info {
  align-items: flex-end;
}

.game_bat button:first-of-type {
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
  background: #000;
}

.game_bat button:first-of-type em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px;
}

.game_bat button:first-of-type span {
  flex-shrink: 0;
  text-align: right;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
}

.game_bat button:nth-of-type(3) {
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
  background: #000;
  margin-left: 1px;
}

.game_bat button:nth-of-type(3) em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 5px;
}

.game_bat button:nth-of-type(3) span {
  flex-shrink: 0;
  text-align: left;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
}

.game_bat.bet_three button:nth-of-type(2),
.game_bat button:nth-of-type(2) {
  min-width: 0;
  width: 90px;
  font-weight: 400;
  background: #000;
  margin-left: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.game_bat.bet_three button:nth-of-type(2) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 1.4rem;
  color: #fff;
  cursor: pointer;
}

.ul_game_item2 button {
  position: relative;
  display: block;
  align-items: center;
  width: 100%;
  border: 1px solid #36363f;
  background: #36363f;
  color: #fff;
  transition: all .3s;
}

.sub_visual_sports {
  position: relative;
}

.sub_visual_sports img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.sub_visual_sports div {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 40px;
}

.sub_visual_sports div span em {
  color: #fff;
  font-family: BebasNeuePro;
  font-size: 4.6rem;
  font-weight: 600;
  line-height: inherit;
}

.sub_visual_sports div span em:after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 36px;
  background: #ff8700;
  margin: 0 15px;
  border-left: 1px solid #ff8700;
}

.sub_visual_sports div span i {
  color: #fff;
  font-size: 2.6rem;
  font-weight: 300;
}

.menu_sports {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 65px;
  background: #1b1b23;
}

.menu_sports li {
  height: 65px;
  margin-right: 1px;
}

.menu_sports li button {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 100%;
  background: #2c2c34;
  transition: all .3s;
}

.menu_sports li button i {
  font-size: 2.2rem;
  font-family: BebasNeuePro;
  font-weight: 600;
  color: #fff;
}

.menu_sports li button em {
  font-size: 1.3rem;
  color: #fff;
  margin: 8px 0 5px;
}

.menu_sports li button span {
  position: absolute;
  top: 3px;
  right: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 17px;
  font-size: 1.1rem !important;
  color: #ff8700;
  background: rgba(0,0,0,.3);
  border-radius: 12px;
  padding: 3px;
}

.menu_sports li button.active {
  border: 1px solid #ff8700;
  background: #1b1b23;
}

.menu_sports li button.active em,
.menu_sports li button.active span {
  color: #ff8700;
}

.game_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  font-size: 1.5rem;
}

.game_list button {
  color: #fff;
  padding: 0 5px;
}

.game_list button i {
  margin-right: 3px;
}

.game_list button.active,
.game_list button.active i {
  color: #ff8700;
}

.game_list_time button {
  color: #999;
  border-right: 1px solid #999;
  transition: all .3s;
}

.game_list_time button:last-child {
  border-right: 0;
}

.game_list_time button.active {
  color: #fff;
}

.title_game {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #2f2f37;
  padding: 0 10px;
}

.title_game div:first-child {
  display: flex;
  align-items: center;
  height: 38px;
  font-size: 1.5rem;
  color: #fff;
}

.title_game div:first-child img {
  margin-right: 5px;
}

.title_game div:nth-child(2) {
  justify-content: flex-end;
  color: #ff9710;
}

.sports_list li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10px;
}

.sports_list li:last-child {
  margin-bottom: 10px;
}

.sports_list li div:first-of-type {
  width: 150px;
}

.sports_list li div:nth-of-type(2) {
  width: calc(100% - 150px);
}

.sports_list li div:nth-of-type(3) {
  width: 100%;
}

.game_info {
  display: flex;
  align-items: center;
}

.game_info span {
  width: 100%;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.3;
  padding-left: 15px;
}

.game_bat {
  height: 36px;
}

.game_bat,
.game_bat button:first-of-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.game_bat button:first-of-type {
  position: relative;
  width: calc(50% - 36px);
  height: 100%;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background: #a3a4a6;
  padding: 0 10px;
  transition: all .3s;
}

.game_bat button:first-of-type em {
  color: #fff;
  text-align: left;
  line-height: 1.2;
}

.game_bat button:first-of-type span {
  color: #fff;
}

.game_bat button:nth-of-type(2) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 100%;
  font-size: 1.4rem;
  color: #fff;
  background: #a3a4a6;
}

.game_bat button:nth-of-type(3) {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(50% - 36px);
  height: 100%;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background: #a3a4a6;
  padding: 0 10px;
  transition: all .3s;
}

.game_bat button:nth-of-type(3) em {
  order: 2;
  color: #fff;
  text-align: right;
  line-height: 1.2;
}

.game_bat button:nth-of-type(3) span {
  order: 1;
  color: #fff;
}

.bat_more {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 100%;
  border-radius: 6px;
  background: #ff8700;
  padding-bottom: 2px;
  transition: all .3s;
}

.game_bat button:first-of-type.up:after {
  top: 0;
  border-top: 10px solid red;
  border-left: 10px solid transparent;
}

.game_bat button:first-of-type.down:after,
.game_bat button:first-of-type.up:after {
  content: "";
  position: absolute;
  right: 0;
  width: 10px;
  height: 10px;
  -webkit-animation: blink 1s ease-in-out 5;
  animation: blink 1s ease-in-out 5;
  opacity: 0;
}

.game_bat button:first-of-type.down:after {
  bottom: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #0024ff;
}

.game_bat button:nth-of-type(3).up:after {
  top: 0;
  border-top: 10px solid red;
  border-right: 10px solid transparent;
}

.game_bat button:nth-of-type(3).down:after,
.game_bat button:nth-of-type(3).up:after {
  content: "";
  position: absolute;
  left: 0;
  width: 10px;
  height: 10px;
  -webkit-animation: blink 1s ease-in-out 5;
  animation: blink 1s ease-in-out 5;
  opacity: 0;
}

.game_bat button:nth-of-type(3).down:after {
  bottom: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #0024ff;
}

.margin_custom {
  margin-left: 110px;
}

@media (max-width:767px) {
  .sub_visual_sports div {
    padding: 0 20px;
  }
  .sub_visual_sports div span em {
    font-size: 2.8rem;
  }
  .sub_visual_sports div span em:after {
    width: 1px;
    height: 24px;
  }
  .sub_visual_sports div span i {
    color: #fff;
    font-size: 2rem;
    font-weight: 300;
  }
  .sports_list li {
    flex-wrap: wrap;
  }
  .sports_list li div:first-of-type,
  .sports_list li div:nth-of-type(2) {
    width: 100%;
  }
  .game_info {
    justify-content: space-between;
    margin-bottom: 5px;
  }
  .game_info span {
    width: auto;
    text-align: inherit;
  }
  .game_bat button:first-of-type {
    width: calc(50% - 21px);
  }
  .game_bat button:nth-of-type(2) {
    width: 40px;
  }
  .game_bat button:nth-of-type(3) {
    width: calc(50% - 21px);
  }
  .margin_custom {
    margin-left: 0;
  }
  .wheel_right {
    overflow: auto;
    overflow-x: auto !important;
  }
}

@media (min-width:768px) {
  .menu_sports li button:hover {
    background: #ff8700;
  }
  .menu_sports li button:hover em {
    color: #fff;
  }
  .game_bat button:first-of-type:hover,
  .game_bat button:nth-of-type(2):hover,
  .game_bat button:nth-of-type(3):hover {
    background: #8d8e90;
  }
  .game_bat button.active,
  .game_bat button.active:hover {
    background: #ff8700;
  }
  .bat_more:hover {
    background: #ff9710;
  }
}

.container_center_2>div:first-of-type>div {
  width: calc(50% - 5px);
}

.pc_scroll_sports {
  height: calc(100vh - 121px);
}

@media (max-width:2100px) {
  .container_center_2>div:first-of-type>div:first-of-type,
  .container_center_2>div:first-of-type>div:nth-of-type(2) {
    width: calc(50% - 5px);
  }
}

.box_folder button {
  width: calc(33.33333% - 5px);
  height: 40px;
  font-size: 1.2rem;
  color: #ff8700;
  font-family: Gmarket;
  font-weight: 500;
  border: 1px solid #ff8700;
  border-radius: 3px;
  background: #1b1b23;
}

.margin_custom {
  margin-right: 37px !important;
}

@media (max-width:575px) {
  .margin_custom {
    margin-right: 0 !important;
  }
}

@media (min-width:768px) {
  .menu_sports li button:hover span {
    color: #ff8700;
    background: #fff;
  }
}

.sub_visual_live img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.sub_visual_live div {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 200px;
  padding: 0 40px 10px;
}

.sub_visual_live div>span:first-of-type {
  display: flex;
  align-items: flex-start;
  font-size: 9rem;
  color: #fff;
  font-family: BebasNeuePro;
  font-weight: 300;
}

.sub_visual_live div>span:first-of-type b {
  font-size: 9rem;
  color: #ff8700;
  font-family: BebasNeuePro;
  font-weight: 600;
  padding-right: 10px;
}

.sub_visual_live div>span:nth-of-type(2) {
  font-size: 1.5rem;
  color: #fff;
  font-family: gmarket;
  font-weight: 300;
  letter-spacing: 2px;
  padding-left: 5px;
  margin-top: 10px;
}

.live_list {
  display: flex;
  flex-wrap: wrap;
}

.live_list li {
  width: calc(25% - 1px);
  margin-right: 1px;
}

.live_list li a {
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.live_list li a i {
  position: absolute;
  left: 0;
  top: 10px;
  z-index: 1;
}

.live_list li a>img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all .3s;
}

.live_list li a button {
  position: absolute;
  left: 50%;
  bottom: 10%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 40px;
  font-size: 2.2rem;
  color: #000;
  font-family: BebasNeuePro;
  font-weight: 600;
  background: #fff;
  border-radius: 20px;
  margin-left: -90px;
}

.live_list li a:hover>img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: scale(1.1);
}

@media (max-width:1023px) {
  .container_right {
    display: none;
  }
}

body {
  background: #27272f;
  overflow-x: hidden;
}

.tab li button.active1 {
  color: #ff8700;
  border-right: 1px solid #ff8700;
  border-bottom: none !important;
  background: hsla(0,0%,100%,.005);
}

.tab li button.active1:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  width: 100%;
  height: 1px;
  background: #1b1b23;
}

.tab li button.active2 {
  color: #ff8700;
  border-left: 1px solid #ff8700;
  border-right: 1px solid #ff8700;
  border-bottom: none !important;
  background: hsla(0,0%,100%,.005);
}

.tab li button.active2:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  width: 100%;
  height: 1px;
  background: #1b1b23;
}

.tab li button.active3 {
  color: #ff8700;
  border-left: 1px solid #ff8700;
  border-bottom: none !important;
  background: hsla(0,0%,100%,.005);
}

.tab li button.active3:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  width: 100%;
  height: 1px;
  background: #1b1b23;
}

.ul_game_item2 button {
  position: relative;
  display: block;
  align-items: center;
  width: 100%;
  border: 1px solid #36363f;
  background: transparent;
  color: #fff;
  transition: all .3s;
  cursor: pointer;
}

.agile__dots .agile__dot {
  display: inline-block !important;
  margin: 0 4px;
}

.agile__dots .agile__dot button {
  display: inline-block !important;
  width: 7px;
  height: 7px;
  background: #999;
  border-radius: 100%;
  border: 0;
}

.agile__dots .agile__dot--current button {
  display: inline-block !important;
  width: 30px;
  height: 7px;
  background-color: #fff;
  border-radius: 7px;
  padding: 0 !important;
}

.agile__arrow {
  position: absolute !important;
  left: 0;
  top: 0;
  display: none !important;
}

.agile__arrow svg {
  display: none;
}

.main_slide .carousel-item {
  display: block;
}

.main_slide .carousel-caption {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  height: 514px;
  padding: 0;
  text-align: center;
}

.main_slider_1 {
  position: relative;
  width: 100%;
  align-items: center;
}

.main_slider_1,
.main_slider_1 .slogan {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.main_slider_1 .slogan {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 50px;
}

.main_slider_1 .slogan div span {
  display: inline-flex;
  flex-direction: column;
  margin-left: 15px;
  margin-top: 10px;
}

.main_slider_1 .slogan div span strong {
  font-size: 9rem;
  color: #ff6900;
  font-family: gmarket;
}

.main_img {
  width: 100%;
}

.main_img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width:1920px) {
  .slogan {
    zoom: .8;
  }
}

@media (max-width:991px) {
  .main_slider_1 {
    position: relative;
  }
  .main_slider_1,
  .main_slider_1 .slogan {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
  }
  .main_slider_1 .slogan {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
  }
  .main_slider_1 .slogan>span {
    font-size: 2rem;
    color: #ff8700;
    font-family: gmarket;
    font-weight: 400;
    letter-spacing: inherit;
    padding-left: 0;
    padding-bottom: 10px;
  }
  .main_slider_1 .slogan div em {
    font-size: 4rem;
    color: #fff;
    font-family: BebasNeuePro;
    font-weight: 300;
  }
  .main_slider_1 .slogan div em b {
    font-size: 4rem;
    color: #ff8700;
    font-family: BebasNeuePro;
    font-weight: 600;
  }
  .main_slider_1 .slogan div span {
    display: inline-flex;
    flex-direction: row;
    margin-left: 10px;
    margin-top: 0;
  }
  .main_slider_1 .slogan div span strong {
    font-size: 4rem;
    color: #ff6900;
    font-family: BebasNeuePro;
  }
  .main_slider_1 .slogan i {
    font-size: 1.6rem;
    color: hsla(0,0%,100%,.7);
    font-family: Noto Sans KR;
    font-weight: 400;
    text-align: center;
    letter-spacing: -.5px;
    margin-top: 20px;
    padding: 0 15px;
  }
  .main_img {
    width: 100%;
    height: 100%;
  }
  .main_img img {
    width: inherit;
    height: 280px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.height-100 {
  height: calc(100% - 11px) !important;
}

.agile {
  position: relative;
}

.agile:active,
.agile:active,
.agile:focus,
.agile:focus {
  outline: none;
}

.agile__list {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.agile__track {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.agile--disabled .agile__track,
.agile__slide {
  display: block;
}

.agile--fade .agile__slide {
  opacity: 0;
  position: relative;
  z-index: 0;
}

.agile--fade .agile__slide--active {
  opacity: 1;
  z-index: 2;
}

.agile--fade .agile__slide--expiring {
  opacity: 1;
  transition-duration: 0s;
  z-index: 1;
}

.agile__arrow[disabled] {
  cursor: default;
}

.agile__dot button {
  cursor: pointer;
  display: block;
  font-size: 0;
  line-height: 0;
}

.main_slider_1,
.main_slider_1 .slogan {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.main_slider_1 .slogan>span {
  font-size: 1.8rem;
  color: #ff8700;
  font-family: gmarket;
  font-weight: 300;
  letter-spacing: 9px;
  padding-left: 5px;
}

.main_slider_1 .slogan div {
  display: flex;
  align-items: flex-start;
}

.main_slider_1 .slogan div em {
  font-size: 9rem;
  color: #fff;
  font-family: BebasNeuePro;
  font-weight: 300;
}

.main_slider_1 .slogan div em b {
  font-size: 9rem;
  color: #ff8700;
  font-family: BebasNeuePro;
  font-weight: 600;
}

.main_slider_1 .slogan i {
  font-size: 2.4rem;
  color: #fff;
  font-family: gmarket;
  font-weight: 300;
  letter-spacing: 4px;
  margin-top: 20px;
  padding-left: 5px;
}

.btn_main_1_line {
  background: none;
  color: #ff9710;
  border: 1px solid #ff9710;
}

.btn_main_1,
.btn_main_1_line {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  position: relative;
  font-size: 1.5rem;
  padding-bottom: 1px;
  transition: all .3s;
}

.main_slide .slide--1 {
  background-size: cover;
  background-position: top;
}

.agile__dots {
  position: absolute !important;
  left: 0;
  bottom: 10px;
  width: 100%;
  justify-content: flex-end;
  padding-right: 10px;
}

.agile__dots {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.container_left::-webkit-scrollbar {
  width: 10px;
}

.container_left::-webkit-scrollbar-track {
  background-color: #000000;
}

.container_left::-webkit-scrollbar-thumb {
  background-color: #4f4f5a !important;
}

.container_left::-webkit-scrollbar-button {
  display: none;
}

.container_left,
.container_left_md {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  max-width: 300px;
  width: 100%;
  height: 100%;
  background: #24242c;
  padding-top: 101px;
  overflow-y: auto;
}

.container_center {
  width: 100%;
  padding: 0;
  overflow-x: hidden;
}

.container_center::-webkit-scrollbar {
  width: 10px;
}

.container_center::-webkit-scrollbar-track {
  background-color: #000000;
}

.container_center::-webkit-scrollbar-thumb {
  background-color: #4f4f5a !important;
}

.container_center::-webkit-scrollbar-button {
  display: none;
}

.container_right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  max-width: 300px;
  width: 100%;
  height: 100%;
  background: #24242c;
  padding-top: 101px;
  overflow-y: auto;
}

.container_right::-webkit-scrollbar {
  width: 10px;
}

.container_right::-webkit-scrollbar-track {
  background-color: #000000;
}

.container_right::-webkit-scrollbar-thumb {
  background-color: #4f4f5a !important;
}

.container_right::-webkit-scrollbar-button {
  display: none;
}

.header.nav-up {
  background: #27272f;
}

.header_top {
  position: relative;
  height: 51px;
  border-bottom: 1px solid rgba(0,0,0,.3);
  background: #27272f;
}

.header_bottom,
.header_top {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.header_bottom {
  height: 50px;
  background: #ff8700;
  background-size: 100% auto;
  padding: 0 300px;
}

.logo {
  position: absolute;
  left: 20px;
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
  transition: all .3s;
}

.logo img {
  height: 36px;
}

.logo span {
  color: #fff;
  font-family: NEXON2;
  font-size: 1.6rem;
  padding-left: 10px;
}

.mobile_header_info,
.mobile_logout,
.mobile_menu_close,
.mobile_reflesh,
.mobile_toggle {
  display: none;
}

.menu_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  transition: all .3s;
}

.menu_1>li {
  width: 11.11111111111111%;
  cursor: pointer;
}

.menu_1>li,
.menu_1>li>a {
  position: relative;
  height: 100%;
}

.menu_1>li>a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1.6rem;
  font-family: Noto Sans KR;
  font-weight: 400;
  color: #000 !important;
  padding: 0 0 2px;
}

.menu_1>li>a.nuxt-link-active,
.menu_1>li>a:hover {
  color: #fff !important;
  background: #ff7000;
}

.menu_1>li>div {
  display: inline-flex;
  font-size: 1.5rem;
  font-family: NEXON2;
  font-weight: 500;
  letter-spacing: -.5px;
  color: #fff !important;
  padding: 0 15px;
}

.menu_1>li>div,
.top_menu {
  align-items: center;
  height: 100%;
}

.top_menu {
  position: absolute;
  right: 20px;
  top: 0;
  display: flex;
  justify-content: flex-end;
}

.top_asset {
  display: flex;
  align-items: center;
}

.top_asset a {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  color: #fff;
  font-size: 1.3rem;
  padding: 0 10px;
}

.top_asset a i {
  font-size: 1.6rem;
  color: #ff8700;
  margin-right: 5px;
  margin-bottom: -1px;
}

.top_div {
  width: 1px;
  height: 16px;
  background: hsla(0,0%,100%,.3);
  margin: 0 20px 0 10px;
}

.top_community a {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 20px;
}

.top_community a.on:before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #ff8700;
}

.top_other {
  display: flex;
  align-items: center;
}

.top_other a {
  position: relative;
  justify-content: center;
  height: 20px;
  color: #fff;
  font-size: 1.4rem;
  padding: 0 10px;
}

.top_log,
.top_other a {
  display: inline-flex;
  align-items: center;
}

.top_log {
  flex-direction: row;
  justify-content: flex-start;
  height: 100%;
}

.top_log button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 36px;
  color: #fff;
  font-size: 1.3rem;
  border: 1px solid #ff8700;
  border-radius: 18px;
  background: #ff8700;
  padding-bottom: 2px;
  margin-left: 2px;
}

.top_log button:first-of-type {
  background: #2d2d32;
  margin-left: 0;
}

.top_log a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 36px;
  color: #fff;
  font-size: 1.3rem;
  border: 1px solid #ff8700;
  border-radius: 18px;
  background: #ff8700;
  padding-bottom: 2px;
}

.top_log a:first-of-type {
  background: #2d2d32;
  border: 1px solid #ff8700;
}

.modal_double_join {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
  display: table;
  transition: opacity .3s ease;
}

.modal_double_join .modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.modal_double_join .modal-container {
  position: relative;
  width: 460px;
  background: #30303a url(/images/common/bg_popup.png) no-repeat 0 0;
  border-radius: 10px;
  border-top-left-radius: 0;
  box-shadow: 0 2px 5px 3px rgba(0,0,0,.15) !important;
  margin: 0 auto;
}

.modal_double_join .modal-header {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 80px;
  border: 0;
  background: url(/images/common/logo_popup.png) no-repeat 50%;
  background-size: auto 40px !important;
  padding: 0;
}

.modal_double_join .modal-body {
  position: relative;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  line-height: 1.7;
  word-break: break-word;
  padding: 0 20px 20px;
  margin: 0;
}

.modal_double_join .modal_footer {
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-leave,
.modal_double_join .modal-enter {
  opacity: 0;
}

.modal_double_join .modal-enter .modal-container,
.modal_double_join .modal-leave .modal-container {
  transform: scale(1.1);
}

.modal_double_join .modal-container .btn {
  color: #333;
  font-size: 14px;
  border: 1px solid #aaa;
  text-align: center;
  background-color: #fff;
  padding: 6px 20px;
}

.modal_double_join .modal-container .btn:hover {
  color: #fff;
  border: 1px solid #555;
  background-color: #555;
}

.wrap_kakao {
  display: none;
}

@media (max-width:1920px) {
  .header_bottom {
    padding: 0;
  }
}

@media (max-width:1439px) {
  .menu_1>li>a {
    font-size: 1.5rem;
  }
}

@media (max-width:1190px) {
  .menu_1>li>a {
    font-size: 1.4rem;
  }
  .top_menu ul {
    display: none;
  }
  .top_asset a {
    padding: 0 5px;
  }
}

@media (max-width:991px) {
  .header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #ff8700;
  }
  .header.nav-up {
    background: #171a23;
  }
  .nav {
    position: fixed;
    display: block;
    width: 100%;
    height: 100vh;
    z-index: 100000;
    background: rgba(0,0,0,.85);
    left: 0;
    top: 0;
    text-align: center;
    transition: all .5s;
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-top: 50px;
  }
  .nav::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .logo {
    position: relative;
    left: inherit;
  }
  .logo img {
    height: 26px;
  }
  .mobile_toggle {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
  }
  .mobile_toggle i {
    font-size: 22px;
    color: #fff;
    line-height: 50px;
  }
  .mobile_reflesh {
    position: absolute;
    left: 50px;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 50px;
    cursor: pointer;
  }
  .mobile_reflesh i {
    font-size: 22px;
    color: #fff;
    line-height: 50px;
  }
  .mobile_menu_close {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100001;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
  }
  .mobile_menu_close i {
    font-size: 22px;
    color: #fff;
    line-height: 50px;
  }
  .mobile_logout {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
  }
  .mobile_logout i {
    font-size: 22px;
    color: #fff;
  }
  .mobile_header_info {
    display: flex;
  }
  .mobile_header_info,
  .mobile_top_log {
    position: fixed;
    left: 0;
    top: 50px;
    width: 100%;
    height: 50px;
    background: #27272f;
  }
  .mobile_top_log {
    z-index: 10000;
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
  }
  .mobile_top_log a,
  .mobile_top_log button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: calc(50% - 1px);
    height: 36px;
    border: 1px solid #ff8700;
    border-radius: 18px;
    color: #fff;
    font-size: 1.3rem;
    padding-bottom: 3px;
  }
  .mobile_top_log a.full,
  .mobile_top_log button.full {
    background: #ff8700;
  }
  .mobile_top_log i {
    font-size: 1.6rem;
    margin-bottom: -2px;
  }
  .mobile_top_user {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
  }
  .mobile_top_user>div {
    display: inline-flex;
    align-items: center;
    width: 50%;
    height: 25px;
    color: #fff;
    font-size: 1.3rem;
    padding-left: 20px;
  }
  .mobile_top_user>div:first-child,
  .mobile_top_user>div:nth-child(4) {
    background: rgba(0,0,0,.2);
  }
  .mobile_top_user>div i {
    font-size: 1.6rem;
    color: #ff8700;
    margin-right: 5px;
  }
  .mobile_top_user>button {
    display: inline-flex;
    align-items: center;
    width: 50%;
    height: 25px;
    color: #fff;
    font-size: 1.3rem;
    padding-left: 20px;
  }
  .mobile_top_user>button i {
    font-size: 1.6rem;
    color: #ff8700;
    margin-right: 5px;
  }
  .mobile_top_user>button strong {
    display: inline-block;
    font-weight: 300;
    font-size: 1.3rem;
    background: #ff4200;
    border-radius: 2px;
    padding: 1px 4px 4px;
    margin: 1px 0 0 5px;
  }
  .mobile_top_user .user a em {
    color: #fff;
    margin-right: 5px;
  }
  .mobile_top_user .user a span {
    color: #ff9710;
    text-decoration: underline;
    margin-bottom: 2px;
  }
  .box_user {
    justify-content: space-between;
    width: 100%;
    padding: 0 20px 10px;
  }
  .box_user,
  .box_user>span {
    display: flex;
    align-items: center;
  }
  .box_user>span,
  .box_user>span:first-of-type em {
    color: #fff;
  }
  .box_user>span:nth-of-type(2) {
    color: #ff8700;
    font-size: 1.5rem;
    font-weight: 500;
  }
  .box_user>span:nth-of-type(2) img {
    height: 16px;
  }
  .top_cash {
    flex-direction: row;
    justify-content: center;
    height: 36px;
    padding: 0 10px;
  }
  .top_cash,
  .top_cash em {
    display: flex;
    align-items: center;
  }
  .top_cash em {
    font-size: 1.3rem;
    margin-right: 10px;
  }
  .top_cash em a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    border: 1px solid #ccc;
    border-radius: 100%;
    margin-left: 5px;
  }
  .top_cash em a img {
    width: 10px;
    opacity: .7;
  }
  .top_cash span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    color: #fff;
    font-size: 1.4rem;
    border: 1px solid #ff8700;
    border-radius: 15px;
    padding: 0 15px;
  }
  .top_cash span img {
    width: 14px;
    vertical-align: middle;
    margin-right: 5px;
  }
  .top_cash span i {
    font-size: 1.4rem;
    font-weight: 500;
    vertical-align: middle;
    margin-left: 5px;
    color: #fff;
  }
  .mobile_box_top_menu {
    position: fixed;
    left: 0;
    top: 50px;
    z-index: 10000;
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    background: #27272f;
  }
  .mobile_menu_0 {
    display: flex;
    align-items: center;
    background: #24242c;
    height: 36px;
    margin: 10px 10px 0;
  }
  .mobile_menu_0 a {
    width: 33.3333333333%;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    color: #fff;
    font-size: 1.6rem;
  }
  .mobile_menu_0 a:nth-of-type(2) {
    background: rgba(0,0,0,.5);
  }
  .mobile_menu_0 a i {
    font-size: 1.6rem;
    color: #ff8700;
    margin-right: 5px;
    margin-bottom: -2px;
  }
  .mobile_menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 10px;
  }
  .mobile_menu li {
    width: calc(50% - 1px);
    margin: 0 0 2px;
  }
  .mobile_menu li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    font-family: Gmarket;
    letter-spacing: -1px;
    background: #ff8700;
  }
  .mobile_menu li:first-of-type a {
    background: url(/images/common/banner_game_01.png) no-repeat 50%;
    background-size: cover;
  }
  .mobile_menu li:nth-of-type(2) a {
    background: url(/images/common/banner_game_02.png) no-repeat 50%;
    background-size: cover;
  }
  .mobile_menu li:nth-of-type(3) a {
    background: url(/images/common/banner_game_03.png) no-repeat 50%;
    background-size: cover;
  }
  .mobile_menu li:nth-of-type(4) a {
    background: url(/images/common/banner_game_04.png) no-repeat 50%;
    background-size: cover;
  }
  .mobile_menu li:nth-of-type(5) a {
    background: url(/images/common/banner_game_05.png) no-repeat 50%;
    background-size: cover;
  }
  .mobile_menu li:nth-of-type(6) a {
    background: url(/images/common/banner_game_06.png) no-repeat 50%;
    background-size: cover;
  }
  .mobile_menu li:nth-of-type(7) a {
    background: url(/images/common/banner_game_07.png) no-repeat 50%;
    background-size: cover;
  }
  .mobile_menu li:nth-of-type(8) a {
    background: url(/images/common/banner_game_09.png) no-repeat 50%;
    background-size: cover;
  }
  .mobile_menu_1 {
    display: flex;
    align-items: center;
    height: 36px;
    margin: 10px 12px;
  }
  .mobile_menu_1 a {
    width: 25%;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    color: #fff;
    font-size: 1.6rem;
    padding-bottom: 2px;
  }
  .mobile_menu_1 a i {
    font-size: 1.6rem;
    color: #fff;
    margin-right: 5px;
    margin-bottom: -2px;
  }
  .mobile_menu_2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
  }
  .mobile_menu_2 li {
    width: calc(50% - 1px);
    margin: 0 0 2px;
  }
  .mobile_menu_2 li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 38px;
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: -1px;
    background: #8ea4b7;
    padding-bottom: 2px;
  }
  .mobile_menu_2 li a i {
    margin-right: 5px;
    color: #fff;
  }
  .box_sns {
    width: 100%;
    padding: 20px 10px;
  }
  .box_sns em {
    position: relative;
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
  }
  .box_sns em i {
    font-family: BebasNeuePro;
    font-size: 2rem;
    font-weight: 600;
  }
  .box_sns em:before {
    left: -25px;
  }
  .box_sns em:after,
  .box_sns em:before {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: 15px;
    height: 1px;
    background: #fff;
  }
  .box_sns em:after {
    right: -25px;
  }
  .telegram {
    color: #fff;
    font-size: 1.5rem;
    border-radius: 4px;
    background: linear-gradient(270deg,#32a3da,#2eb9fd);
    padding: 12px 10px;
  }
  .logo_menu,
  .telegram {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .logo_menu {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    width: 100%;
    height: 51px;
    border-bottom: 1px solid rgba(0,0,0,.3);
    background: #27272f;
  }
  .logo_menu img {
    height: 26px;
  }
  .top_menu_1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
    border-top: 1px solid hsla(0,0%,100%,.15);
    padding-left: 10px;
  }
  .btn_mobile_sports_search {
    position: fixed;
    left: 30px;
    bottom: 40px;
    z-index: 100;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #fff !important;
    opacity: .8;
  }
  .btn_mobile_sports_search i {
    font-size: 2.2rem;
    margin-top: 2px;
  }
}

@media (max-width:767px) {
  .modal_double_join {
    width: 100%;
    padding: 0 15px;
  }
  .modal_double_join .modal-container {
    width: 100%;
  }
  .head_kakao {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .head_kakao i {
    color: #fae100;
    font-size: 2.4rem;
  }
  .head_kakao span {
    color: #fae100;
    font-size: 1.4rem;
    margin-left: 2px;
    padding-bottom: 2px;
  }
  .wrap_kakao {
    position: absolute;
    right: 45px;
    display: block;
  }
}

.box_banner li {
  display: flex;
  width: 16.6666666667%;
  padding-right: 1px;
}

.box_banner li:last-child {
  padding-right: 0;
}

.box_banner li a {
  position: relative;
  display: flex;
}

.box_banner li a,
.box_banner li a span {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.box_banner li a span {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: inline-flex;
  height: 100%;
  font-size: 1.8rem;
  color: #fff;
}

.box_banner li a img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.box_banner_game {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px .5px 0;
}

.box_banner_game li {
  width: calc(25% - .5px);
  padding-left: 1px;
}

.box_banner_game a {
  position: relative;
  display: flex;
  overflow: hidden;
}

.box_banner_game a,
.box_banner_game a span {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.box_banner_game a span {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: inline-flex;
  height: 100%;
  font-size: 3.4rem;
  color: #fff;
  font-family: Gmarket;
  font-weight: 600;
  text-shadow: 0 2px 1px rgba(0,0,0,.1);
}

.box_banner_game a img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all .3s;
}

.box_banner_game li:nth-of-type(2) a img,
.box_banner_game li:nth-of-type(3) a img {
  transform: scale(1.01);
}

.box_banner_game li:first-of-type a:nth-of-type(2),
.box_banner_game li:nth-of-type(2) a:nth-of-type(2),
.box_banner_game li:nth-of-type(3) a:nth-of-type(2),
.box_banner_game li:nth-of-type(4) a:nth-of-type(2) {
  margin-top: 1px;
}

@media (max-width:1920px) {
  .box_banner li a span {
    font-size: 1.3rem;
  }
  .box_banner_game li a span {
    font-size: 3rem;
  }
}

@media (max-width:1190px) {
  .box_banner_game li a span {
    font-size: 2.6rem;
  }
}

@media (max-width:991px) {
  .box_banner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1px;
  }
  .box_banner li {
    display: flex;
    width: 33.333333333%;
    padding-right: 1px;
  }
  .box_banner li:nth-of-type(3n+3) {
    padding-right: 0;
  }
  .box_banner li:nth-of-type(n+4) {
    margin-top: 1px;
  }
  .box_banner li a span {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: inline-flex;
    height: 100%;
    font-size: 1.4rem;
    color: #fff;
  }
  .box_banner_game li a span {
    font-size: 2.4rem;
  }
}

@media (max-width:767px) {
  .box_banner_game {
    flex-wrap: wrap;
    margin: 1px 0 0;
  }
  .box_banner_game,
  .box_banner_game li {
    display: flex;
    justify-content: space-between;
  }
  .box_banner_game li {
    width: 100%;
  }
  .box_banner_game a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .box_banner_game li a {
    width: 50%;
    margin: 0 !important;
  }
  .box_banner_game li:nth-child(2) a {
    width: 100%;
    height: 120px;
    margin: 0 !important;
  }
}

@media (min-width:768px) {
  .box_banner li a:hover:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(255,135,0,.1);
    border: 1px solid #ff8700;
  }
  .box_banner_game li:nth-of-type(2) a:hover img,
  .box_banner_game li:nth-of-type(3) a:hover img {
    transform: scale(1.1);
  }
  .box_banner_game a:hover img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1.1);
  }
}

.partner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 40px 0;
}

.partner img {
  margin: 5px 0;
}

.footer_sns {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid hsla(0,0%,100%,.08);
  padding-top: 40px;
}

.footer_sns em {
  font-size: 1.3rem;
  color: #797986;
  text-align: left;
  line-height: 1.4;
  padding-right: 15px;
}

.footer_sns a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  margin: 2px;
  transition: all .3s;
}

.footer_sns a i {
  color: #797986;
  font-size: 2rem;
  transition: all .3s;
}

.copyright {
  font-size: 1.3rem;
  color: #797986;
  padding-top: 10px;
  padding-bottom: 40px;
  text-align: center;
}

.copyright i {
  font-size: 1.3rem;
  color: #ff8700;
  padding: 0 5px;
}

@media (max-width:767px) {
  .partner {
    padding: 20px 0;
  }
  .partner img {
    height: 30px;
  }
  .footer_sns {
    padding-top: 20px;
  }
  .copyright {
    padding-bottom: 30px;
  }
}

.box_popup_type {
  background: #30303a url(/images/common/bg_popup.png) no-repeat 0 0;
  border-radius: 10px;
  border-top-left-radius: 0;
  border: 2px solid #ff8700;
  box-shadow: 0 2px 5px 3px rgba(0,0,0,.15) !important;
  min-width: 400px;
  padding: 20px 0 0;
  margin: 0 15px;
}

.box_popup_type .img_logo img {
  height: 22px;
}

.img_logo {
  text-align: center;
  margin-bottom: 20px;
}

.system_title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  color: #ff9710;
  font-size: 1.6rem;
  border-top: 1px solid hsla(0,0%,100%,.1);
  border-bottom: 1px solid hsla(0,0%,100%,.1);
  padding-bottom: 3px;
}

.soon_scroll {
  max-height: calc(100vh - 300px);
}

.red_con {
  padding: 20px 0;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 400;
  text-align: center;
}

.red_con p {
  color: #9a9aa7;
  font-size: 1.4rem;
}

@media (max-width:575px) {
  .box_popup_type {
    min-width: 90%;
    max-width: 90%;
  }
}

.user_detail {
  display: flex;
  justify-content: space-between;
}

.user_detail>div:first-of-type {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}

.user_detail>div:first-of-type i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 76px;
  background: #1b1b23;
  border-radius: 100%;
  color: #fff;
  overflow: hidden;
}

.user_detail>div:first-of-type i img {
  width: 68px;
  height: 68px;
}

.user_detail>div:first-of-type em {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  background: #fff;
  border-radius: 14px;
  color: #000;
  margin-top: -12px;
}

.user_detail>div:nth-of-type(2) {
  width: calc(100% - 96px);
}

.user_name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}

.user_name a {
  display: inline-flex;
  align-items: center;
}

.user_name a span {
  color: #ff9710;
  font-size: 1.5rem;
  text-decoration: underline;
  padding-bottom: 2px;
}

.user_name a i {
  color: #ff9710;
  font-size: 1.6rem;
  margin-right: 5px;
  text-decoration: none !important;
}

.user_detail ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
}

.user_detail ul li em,
.user_detail ul li span {
  color: #fff;
  font-size: 1.3rem;
}

.user_detail ul li button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.user_detail ul li button em {
  text-decoration: none;
}

.user_detail ul li button em strong {
  display: inline-block;
  font-weight: 300;
  font-size: 1.3rem;
  background: #ff4200;
  border-radius: 2px;
  padding: 3px 3px 4px;
  margin: 1px 0 0 5px;
}

.user_detail ul li button span {
  text-decoration: none;
}

.box_bank {
  display: flex;
  justify-content: space-between;
  background: #1b1b23;
  border-radius: 15px;
  padding: 5px 0;
  margin-top: 10px;
}

.top_asset {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}

.top_div {
  width: 1px;
  height: 16px;
  background: #000;
}

.box_sports {
  padding: 10px 15px 15px;
}

.sports_form {
  position: relative;
}

.sports_form button {
  position: absolute;
  right: 2px;
  top: 2px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background: #292932;
}

.sports_form input {
  width: 100%;
  height: 36px;
  font-size: 1.5rem;
  color: #fff;
  border-radius: 18px;
  background: #1b1b23;
  padding: 0 40px 0 20px;
}

.menu_left_sports li {
  overflow: hidden;
}

.menu_left_sports li button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
}

.menu_left_sports li button em {
  color: #fff;
}

.menu_left_sports li button em img {
  margin-right: 15px;
  filter: invert(55%) sepia(80%) saturate(652%) hue-rotate(350deg) brightness(103%) contrast(102%);
}

.menu_left_sports>li>button>i {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  color: #fff;
  font-family: Roboto;
  font-size: 1.2rem;
  background: #4f4f5a;
  border-radius: 12px;
  padding: 0 10px;
}

.menu_left_sports>li>button:hover>em {
  color: #ff8700;
}

.menu_left_sports>li>button:hover>i {
  background: #ff8700;
}

.menu_left_sports>li>button.active>em {
  color: #ff8700;
}

.menu_left_sports>li>button.active>i {
  background: #ff8700;
}

.menu_left_dep_1>li {
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.menu_left_dep_1>li:last-child {
  border-bottom: 0;
}

.menu_left_dep_1>li>button {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-size: 1.2rem;
  color: #fff;
  font-weight: 400;
  letter-spacing: -.3px;
  background: hsla(0,0%,100%,.1);
  padding: 9px 0 9px 10px;
  transition: all .3s;
}

.menu_left_dep_1>li>button>span {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.menu_left_dep_1>li>button:hover {
  background: hsla(0,0%,100%,.2);
}

.menu_left_dep_1>li>button i {
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 1.2rem;
  margin-top: -.6rem;
  opacity: .5;
}

.menu_left_dep_2>li {
  border-bottom: 1px solid hsla(0,0%,100%,.05);
}

.menu_left_dep_2>li:last-child {
  border-bottom: 0;
}

.menu_left_dep_2>li>a {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-size: 1.1rem;
  color: #fff;
  font-weight: 400;
  letter-spacing: -.3px;
  background: rgba(0,0,0,.2);
  padding: 12px 0 12px 12px;
  transition: all .3s;
}

.menu_left_dep_2>li>a>span {
  width: 24px;
  height: 14px;
  background: rgba(0,0,0,.2);
  margin-right: 10px;
}

.menu_left_dep_2>li>a:hover {
  background: #ff9710;
}

.menu_left_dep_2>li>a img {
  width: 16px;
  margin-right: 10px;
}

.menu_left_dep_2>li>a i {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -.6rem;
}

.menu_left_dep_2>li>a.active {
  background: #ff9710;
}

.switch-button input {
  opacity: 0;
  width: 0;
  height: 0;
}

.onoff-switch {
  position: absolute;
  cursor: pointer;
  top: -1px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 16px;
  border-radius: 18px;
  background-color: #77778d;
  transition: .2s;
}

.onoff-switch:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 3px;
  bottom: 2px;
  background-color: #fff;
  transition: .2s;
  border-radius: 100%;
}

.switch-button input:checked+.onoff-switch {
  background-color: #ff8700;
}

.switch-button input:checked+.onoff-switch:before {
  transform: translateX(12px);
}

.bat_empty {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  font-size: 1.5rem;
  font-weight: 300;
  color: hsla(0,0%,100%,.6);
  border-radius: 4px;
  background: hsla(0,0%,100%,.05);
  padding-bottom: 2px;
}

.box_bat_cart {
  padding: 0 15px 20px;
}

.bat_cart_list li {
  margin-top: 1px;
}

.bat_cart_list li .bat_cart {
  background: #000;
  border: 1px solid hsla(0,0%,100%,.2);
}

.bat_cart {
  position: relative;
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  border-radius: 4px;
  padding: 5px 10px;
}

.bat_cart button {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
}

.bat_cart b,
.bat_cart em {
  display: block;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 300;
  padding-right: 20px;
}

.bat_cart b {
  margin-top: 1px;
}

.bat_cart div {
  display: flex;
  flex-direction: column;
}

.bat_cart div>span {
  color: #42deda;
  font-size: 1.2rem;
  margin-top: 1px;
  margin-bottom: 1px;
}

.bat_cart div>i {
  display: inline-flex;
  align-items: center;
  color: #ff9710;
  font-size: 1.2rem;
  margin-top: 2px;
}

.bat_cart i strong {
  color: #ff9710;
  font-size: 1.2rem;
  padding-left: 5px;
}

.bat_cart div>i span {
  margin-left: 5px;
}

.bat_cart div>i i,
.bat_cart div>i span {
  color: #9a9aa7;
  font-size: 1.2rem;
}

.bet_cart_close {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
}

.bet_cart_close,
.bet_cart_close:after {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bet_cart_close:after {
  content: "";
  width: 40px;
  height: 40px;
  background: url(/images/common/icon_key_close.svg) no-repeat 50%;
  background-size: 100% auto;
}

.box_bat {
  padding: 20px 15px;
}

.bat_price {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.bat_price button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: calc(33.33333% - 2px);
  height: 32px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  background: #ff8700;
  border-radius: 6px;
  transition: all .3s;
}

.bat_price button:nth-of-type(n+4) {
  margin-top: 2px;
}

.ul_info_1 li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
}

.ul_info_1 li em,
.ul_info_1 li span {
  font-size: 1.4rem;
  color: #fff;
}

.bat_form {
  position: relative;
}

.bat_form button {
  position: absolute;
  left: 7px;
  top: 7px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background: #292932;
}

.bat_form input {
  width: 100%;
  height: 46px;
  font-size: 2.2rem;
  color: #ff9710;
  font-weight: 500;
  text-align: right;
  border: 1px solid #ff8700;
  background: #1b1b23;
  padding: 0 20px 0 40px;
}

.bat_form input::-moz-placeholder {
  color: #ff9710 !important;
}

.bat_form input::placeholder {
  color: #ff9710 !important;
}

.bat_form input::-webkit-input-placeholder {
  color: #ff9710 !important;
}

.bat_form input:-ms-input-placeholder {
  color: #ff9710 !important;
}

.box_sns {
  width: 100%;
  padding: 20px 15px;
  border-top: 1px solid #000;
}

.telegram {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  border-radius: 4px;
  background: linear-gradient(270deg,#32a3da,#2eb9fd);
  padding: 15px 10px;
  margin-bottom: 5px;
}

.telegram img {
  height: 28px;
}

.telegram span {
  color: #fff;
  font-size: 1.5rem;
}

.kakao {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  border-radius: 4px;
  background: linear-gradient(270deg,rgba(250,229,0,.95),#fae100);
  padding: 15px 10px;
}

.kakao i {
  color: #000;
  font-size: 4.2rem;
}

.kakao span {
  color: #000;
  font-size: 1.5rem;
  margin-left: 10px;
}

.banner_domain {
  display: block;
  padding: 0 15px;
}

.banner_domain img {
  width: 100%;
}

.by_ad {
  display: block;
  overflow: hidden;
  padding: 0 15px;
  margin: 10px 0 20px;
}

.by_ad img {
  width: 100%;
}

@media (min-width:768px) {
  .bat_price button:hover {
    background: #ff6900;
  }
}

.sub_visual_other img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.sub_visual_other div {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100px;
  padding: 0 40px 5px;
}

.sub_visual_other div span em {
  color: #fff;
  font-family: BebasNeuePro;
  font-size: 4.6rem;
  font-weight: 600;
  line-height: inherit;
}

.sub_visual_other div span i {
  color: #fff;
  font-size: 2.2rem;
  font-weight: 300;
}

.box_p_estimate {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}

.box_p_estimate div:first-of-type {
  color: #fff;
}

.box_p_estimate div:nth-of-type(2) {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -20px;
}

@media (max-width:991px) {
  .sub_visual_other img {
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .sub_visual_other div {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100px;
    padding: 0 20px 5px;
  }
  .sub_visual_other div span em {
    font-size: 2.4rem;
  }
  .sub_visual_other div span em:after {
    height: 20px;
  }
  .sub_visual_other div span i {
    font-size: 1.8rem;
  }
  .box_p_estimate {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
  }
  .box_p_estimate div:nth-of-type(2) {
    position: inherit;
    right: inherit;
    top: inherit;
    margin-top: 0;
  }
}

@media (max-width:767px) {
  .box_p_estimate {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
  }
  .box_p_estimate div:first-of-type {
    color: #fff;
    padding: 5px 0 15px;
  }
  .box_p_estimate div:nth-of-type(2) {
    position: inherit;
    right: inherit;
    top: inherit;
    margin-top: 0;
  }
}

.slot_form button {
  position: absolute;
  right: 2px;
  top: 2px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 38px;
  border-left: 1px solid #43586c;
}

.slot_form input {
  width: 100%;
  height: 40px;
  font-size: 1.4rem;
  color: #fff;
  border: 1px solid #43586c;
  background: #08121d;
  padding: 0 50px 1px 10px;
}

.modal_move {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
  display: table;
  transition: opacity .3s ease;
}

.modal_move .modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.modal_move .modal-container {
  position: relative;
  width: 460px;
  background: #30303a url(/images/common/bg_popup.png) no-repeat 0 0;
  border-radius: 10px;
  border-top-left-radius: 0;
  box-shadow: 0 2px 5px 3px rgba(0,0,0,.15) !important;
  margin: 0 auto;
}

.modal_move .modal-header {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 80px;
  border: 0;
  background: url(/images/common/logo_popup.png) no-repeat 50%;
  background-size: auto 40px !important;
  padding: 0;
}

.modal_move .modal-body {
  position: relative;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  line-height: 1.7;
  word-break: break-word;
  padding: 0 20px 20px;
  margin: 0;
}

.modal_move .modal_footer {
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-leave,
.modal_move .modal-enter {
  opacity: 0;
}

.modal_move .modal-enter .modal-container,
.modal_move .modal-leave .modal-container {
  transform: scale(1.1);
}

.modal_move .modal-container .btn {
  color: #333;
  font-size: 14px;
  border: 1px solid #aaa;
  text-align: center;
  background-color: #fff;
  padding: 6px 20px;
}

.modal_move .modal-container .btn:hover {
  color: #fff;
  border: 1px solid #555;
  background-color: #555;
}

.wrap_layer_type_1 {
  left: 0;
  top: 0;
  z-index: 9000;
  background: rgba(0,0,0,.3);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

.layer_type_1,
.wrap_layer_type_1 {
  position: fixed;
  width: 100%;
  height: 100%;
}

.layer_type_1 {
  left: 50%;
  top: 50%;
  z-index: 9999;
  transform: translateX(-50%) translateY(-50%);
  display: flex;
  flex-direction: column;
  max-width: 1400px;
  max-height: 750px;
  border: 1px solid #ff8700;
  background: #27272f;
}

.layer_type_1 .layer_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid hsla(0,0%,100%,.1);
  background: rgba(0,0,0,.1);
}

.layer_type_1 .layer_header em {
  color: #fff;
  padding-left: 10px;
}

.layer_type_1 .layer_header div {
  display: flex;
  align-items: center;
}

.layer_type_1 .layer_header button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 5px;
}

.layer_type_1 .layer_header button i {
  color: #fff;
  font-size: 2rem;
}

.layer_type_1 .layer_contents {
  position: relative;
  height: calc(100% - 40px);
}

.layer_type_1 .game_ing {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.layer_type_1 .game_ing p {
  font-size: 1.8rem;
  color: #ff8700;
  margin-top: 15px;
}

.sub_visual_live img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
}

.live_list_1 {
  display: flex;
  flex-wrap: wrap;
  margin: 1px 0;
}

.live_list_1 li {
  width: 25%;
}

.live_list_1 li,
.live_list_1 li button {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.live_list_1 li button {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: url(/images/sub/bg_casino_list.jpg);
  background-size: cover;
  cursor: pointer;
}

.live_list_1 li:nth-child(odd) button {
  background: url(/images/sub/bg_casino_list_1.jpg);
  background-size: cover;
}

.live_list_1 li button:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 35%;
  z-index: 1;
  background: linear-gradient(180deg,transparent,#000);
}

.live_list_1 li button .img_person {
  width: 100%;
  transition: all .3s;
}

.live_list_1 li button .logo_casino {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 140px;
}

.live_list_1 li button:after {
  content: "입장하기";
  position: absolute;
  left: 50%;
  top: 10%;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 40px;
  background: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  color: #2f3b49;
  letter-spacing: .5px;
  border: 0;
  border-radius: 20px;
  margin: -20px 0 0 -20%;
  opacity: 0;
  box-shadow: 0 0 2px 1px rgba(0,0,0,.1);
  transition: all .2s ease-out .1s;
}

.live_list_1 li button:hover .img_person {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: scale(1.1);
}

.live_list_1 li button:hover:after {
  top: 50%;
  opacity: 1;
  margin-top: -20px;
}

.live_list_1 li button p {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 50px;
  margin-top: -50px;
  z-index: 1;
  width: 100%;
}

.menu_slot {
  display: flex;
  background: #1b1b23;
  margin: 1px 0;
}

.menu_slot li {
  width: calc(12.5% - 1px);
  margin-right: 1px;
}

.menu_slot li:last-child {
  width: 12.5%;
  margin-right: 0;
}

.menu_slot li button {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #2c2c34;
  padding: 5px 15px;
  transition: all .3s;
}

.menu_slot li button img {
  width: 140px;
}

.menu_slot li button em {
  font-size: 1.3rem;
  color: #fff;
  white-space: nowrap;
  margin: 3px 0 10px;
}

.menu_slot li button span {
  position: absolute;
  top: 3px;
  right: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 17px;
  font-size: 1.1rem !important;
  color: #fff;
  padding: 3px;
}

.menu_slot li button.active {
  border: none;
  background: linear-gradient(90deg,#ff9710,#ff6900);
}

.menu_slot li button.active em,
.menu_slot li button.active span {
  color: #fff;
}

.i_like {
  padding: 16px 0;
}

.i_like,
.img_like {
  display: inline-flex;
}

.img_like {
  width: 26px;
  height: 26px;
}

.slot_list {
  display: flex;
  flex-wrap: wrap;
}

.slot_list li {
  flex-direction: column;
  width: 12.5%;
}

.slot_list li,
.slot_list li button {
  position: relative;
  display: flex;
  justify-content: center;
}

.slot_list li button {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.slot_list li button>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all .3s;
}

.slot_list li button:after {
  content: "입장하기";
  position: absolute;
  left: 50%;
  top: 10%;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 40px;
  background: linear-gradient(180deg,#c2a67c,#947c58);
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: .5px;
  border: 0;
  border-radius: 2px;
  margin: -20px 0 0 -20%;
  opacity: 0;
  box-shadow: 0 0 2px 1px rgba(0,0,0,.2);
  transition: all .2s ease-out .1s;
}

.slot_list li button:hover>img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: scale(1.1);
}

.slot_list li button:hover:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(161,136,71,.5);
}

.slot_list li button:hover:after {
  top: 50%;
  opacity: 1;
  margin-top: -20px;
}

.slot_list li p {
  display: block;
  font-size: 1.5rem;
  padding: 10px 10px 20px;
  color: #fff;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.slot_list li p span {
  color: #9a9aa7;
}

.slot_list li i {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 10;
  display: block;
  cursor: pointer;
}

.slot_list li i img {
  width: 24px;
  height: 24px;
}

.no_list {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  height: 60px !important;
  font-size: 1.4rem;
  color: #fff;
  margin: 0 10px;
}

@media (max-width:1600px) {
  .live_list_1 li button .logo_casino {
    zoom: .7;
  }
  .menu_slot li button {
    padding: 5px 10px;
  }
  .menu_slot li button img {
    width: 120px;
  }
  .i_like {
    padding: 15px 0;
  }
  .img_like {
    width: 20px;
    height: 20px;
  }
}

@media (max-width:1439px) {
  .sub_visual_live div {
    zoom: .7;
  }
  .slot_list li {
    width: 25% !important;
  }
  .menu_slot li {
    width: calc(33.3% - 1px);
    margin-right: 1px;
  }
}

@media (max-width:991px) {
  .live_list_1 li {
    width: 33.333333333%;
  }
  .live_list_1 li button:after {
    width: 50%;
    height: 40px;
    margin: -20px 0 0 -25%;
  }
  .live_list_1 li button .logo_casino {
    zoom: .5;
  }
  .menu_slot {
    flex-wrap: wrap;
  }
  .menu_slot li {
    width: calc(25% - 1px);
    margin-right: 1px;
  }
  .menu_slot li:nth-of-type(4),
  .menu_slot li:nth-of-type(8) {
    width: 25%;
    margin-right: 0;
  }
  .menu_slot li:nth-of-type(5),
  .menu_slot li:nth-of-type(6),
  .menu_slot li:nth-of-type(7),
  .menu_slot li:nth-of-type(8) {
    margin-top: 1px;
  }
  .menu_slot li button img {
    width: 80px;
  }
  .i_like {
    padding: 10px 0;
  }
  .slot_list li {
    width: 33.333333333%;
  }
  .slot_list li button:after {
    width: 50%;
    height: 40px;
    margin: -20px 0 0 -25%;
  }
}

@media (max-width:767px) {
  .sub_visual_live div>span:first-of-type {
    font-size: 3rem;
    font-weight: 400;
  }
  .sub_visual_live div>span:first-of-type b {
    font-size: 3rem;
  }
  .sub_visual_live div>span:nth-of-type(2) {
    font-size: 1.3rem;
    font-weight: 500;
    padding-left: 0;
  }
  .live_list_1 li {
    width: 50%;
  }
  .live_list_1 li button .img_person {
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
  }
  .live_list_1 li button p {
    font-size: 1.3rem;
    line-height: 1 !important;
    padding-bottom: 12px;
  }
  .live_list_1 li p img {
    height: 14px;
  }
  .live_list_1 li button .logo_casino {
    zoom: .4;
  }
  .live_list_1 li button p {
    height: 35px;
    margin-top: -35px;
  }
  .slot_list li {
    width: 50%;
  }
  .slot_list li button>img {
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
  }
  .slot_list li p {
    font-size: 1.3rem;
  }
  .modal_move {
    width: 100%;
    padding: 0 15px;
  }
  .modal_move .modal-container {
    width: 100%;
  }
}

@media (min-width:768px) {
  .menu_slot li button:hover {
    background: linear-gradient(90deg,#ff9710,#ff6900);
  }
  .menu_slot li button:hover em,
  .menu_slot li button:hover span {
    color: #fff;
  }
}

.sub_visual_virtual img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.sub_visual_virtual div {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 40px;
}

.sub_visual_virtual div span em {
  color: #fff;
  font-family: BebasNeuePro;
  font-size: 4.6rem;
  font-weight: 600;
  line-height: inherit;
}

.sub_visual_virtual div span em:after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 36px;
  background: #ff8700;
  margin: 0 15px;
  border-left: 1px solid #ff8700;
}

.sub_visual_virtual div span i {
  color: #fff;
  font-size: 2.6rem;
  font-weight: 300;
}

.menu_virtual {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 65px;
  background: #1b1b23;
}

.menu_virtual li {
  height: 65px;
  margin-right: 1px;
}

.menu_virtual li button {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 100%;
  background: #2c2c34;
  transition: all .3s;
}

.menu_virtual li button i {
  font-size: 2.2rem;
  font-family: BebasNeuePro;
  font-weight: 600;
  color: #fff;
}

.menu_virtual li button em {
  font-size: 1.3rem;
  color: #fff;
  margin: 8px 0 5px;
}

.menu_virtual li button span {
  position: absolute;
  top: 3px;
  right: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 17px;
  font-size: 1.1rem !important;
  color: #ff8700;
  background: rgba(0,0,0,.3);
  border-radius: 12px;
  padding: 3px;
}

.menu_virtual li button.active {
  border: 1px solid #ff8700;
  background: #1b1b23;
}

.menu_virtual li button.active em,
.menu_virtual li button.active span {
  color: #ff8700;
}

.menu_virtual_1 {
  display: flex;
  justify-content: center;
  margin: 10px 0;
}

.menu_virtual_1>li {
  max-width: 120px;
  width: calc(25% - 2px);
  margin: 0 1px;
}

.menu_virtual_1>li button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  font-size: 1.4rem;
  color: #fff;
  border: 1px solid hsla(0,0%,100%,.2);
  border-radius: 18px;
  background: #2c2c34;
  padding-bottom: 2px;
}

.menu_virtual_1>li button.active {
  color: #ff8700;
  border: 1px solid #fff;
  background: #fff;
}

.menu_football_league {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1px;
}

.menu_football_league li {
  width: calc(50% - 1px);
  margin-bottom: 2px;
}

.menu_football_league li button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  border: 1px solid hsla(0,0%,100%,.2);
  background: #1b1b23;
}

.menu_football_league li:last-child {
  width: 100%;
}

.menu_football_league li:nth-last-child(2),
.menu_football_league li:nth-last-child(2)~li {
  width: calc(50% - 2px);
}

.menu_football_league li:nth-last-child(3),
.menu_football_league li:nth-last-child(3)~li {
  width: calc(33.33333% - 2px);
}

.menu_football_league li:nth-last-child(4),
.menu_football_league li:nth-last-child(4)~li {
  width: calc(25% - 2px);
}

.menu_football_league li button em {
  color: #fff;
  font-size: 1.4rem;
}

.menu_football_league li button span {
  color: #fff;
  font-size: .8rem;
  margin-top: 4px;
}

.menu_football_league li button.active {
  border: 1px solid #fc0;
  background: rgba(255,204,0,.9);
}

.menu_football_league li button.active em,
.menu_football_league li button.active span {
  color: #000;
}

.menu_marget_league dt button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 38px;
  border: 1px solid #27313b;
  background: hsla(0,0%,100%,.1);
  padding-left: 10px;
}

.menu_marget_league dt button em {
  color: #fff;
  font-size: 1.3rem;
}

.menu_marget_league dt button span {
  color: #ff8700;
  font-size: 1.3rem;
  padding: 0 10px;
}

.menu_marget_league dt button.active {
  border: 1px solid #ff8700;
  background: #171a23;
}

.menu_marget_league dt button.active em {
  color: #ff8700;
}

.menu_marget_league dt button i {
  position: absolute;
  right: 10px;
  top: 12px;
  color: #ff8700;
}

.title_striming {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}

.title_striming div:first-child {
  display: flex;
  align-items: center;
  height: 38px;
  font-size: 1.5rem;
  color: #fff;
}

.title_striming div:first-child img,
.title_striming div:first-child span {
  margin-right: 10px;
}

.title_striming div:first-child em {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 24px;
  font-size: 1.3rem;
  color: #fff;
  border: 0;
  border-radius: 3px;
  background: #ff9710;
  padding: 0 10px 1px;
}

.title_striming div:nth-child(2) {
  justify-content: flex-end;
  color: #ff9710;
}

.title_game div:first-child img,
.title_game div:first-child span {
  margin-right: 10px;
}

.title_game div:first-child b {
  color: #ff8700;
}

.menu_virtual_time {
  display: flex;
}

.menu_virtual_time>li {
  margin: 0 3px 0 0;
}

.menu_virtual_time>li button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 24px;
  font-size: 1.3rem;
  color: #fff;
  border: 0;
  border-radius: 3px;
  background: hsla(0,0%,100%,.5);
  padding: 0 10px 2px;
}

.menu_virtual_time>li button.active {
  color: #fff;
  background: #ff9710;
}

.bet365_video_frame {
  display: block;
  border: none;
  height: 420px;
  width: 100%;
}

@media (min-width:768px) {
  .menu_virtual li button:hover {
    background: #ff8700;
  }
  .menu_virtual li button:hover em {
    color: #fff;
  }
  .menu_virtual li button:hover span {
    color: #ff8700;
    background: #fff;
  }
}

.menu_history>li {
  width: calc(33.33333% - 1px);
}

.menu_history>li:first-of-type {
  width: 33.33333333333333%;
}

.menu_history>li button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-size: 1.5rem;
  color: #fff;
  background: #2c2c34;
  padding-bottom: 2px;
}

.menu_history>li button.active {
  color: #ff8700;
  border: 1px solid #ff8700;
  background: #1b1b23;
}

.menu_history_1 {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0 0;
}

.menu_history_1>li {
  max-width: 150px;
  margin: 0 1px;
}

.menu_history_1>li button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 34px;
  font-size: 1.3rem;
  color: #fff;
  border-radius: 17px;
  background: hsla(0,0%,100%,.1);
  padding: 0 20px 2px;
  margin: 1px 0;
}

.menu_history_1>li button.active {
  color: #ff8700;
  background: #fff;
}

.history_control {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 10px;
}

.radio_inout[type=radio] {
  display: none;
}

.radio_inout[type=radio]+label {
  position: relative;
  float: left;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  color: #808488;
  font-size: 1.4rem;
  border: 0;
  border-radius: 3px;
  background: #27313b;
  font-weight: 400;
  padding: 0 20px;
  cursor: pointer;
  margin-left: 2px;
}

.radio_inout[type=radio]:checked+label {
  color: #1b1b23;
  background: #fff;
}

.radio_inout[type=radio]+label:before,
.radio_inout[type=radio]:checked+label:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
}

.radio_inout.in[type=radio]:checked+label {
  background: #ff8700;
  color: #fff;
}

.radio_inout.out[type=radio]:checked+label {
  background: #ff4200;
  color: #fff;
}

.ul_bet_history>li {
  margin-bottom: 30px;
  border: 1px solid #000;
}

.ul_bet_history>li:last-child {
  margin-bottom: 0;
}

.bet_text_info {
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  font-size: 1.2rem;
  color: #aaa;
}

.bet_text_info,
.bet_text_info>div {
  display: inline-flex;
  align-items: center;
}

.bet_text_info span {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding-right: 10px;
  margin-bottom: 0 !important;
}

.bet_text_info span i {
  color: #ff8700;
}

.bet_text_info button {
  margin-right: 2px;
}

.i_odd {
  background: #4088f6;
}

.i_even,
.i_odd {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 26px;
  font-size: 1.2rem;
  color: #fff;
  border-radius: 100%;
  padding-bottom: 2px;
}

.i_even {
  background: #ff5266;
}

.i_big {
  background: #009b1b;
}

.i_big,
.i_middle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 26px;
  font-size: 1.2rem;
  color: #fff;
  border-radius: 100%;
  padding-bottom: 2px;
}

.i_middle {
  background: #4088f6;
}

.i_small {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 26px;
  font-size: 1.2rem;
  color: #fff;
  background: #009b1b;
  border-radius: 100%;
  padding-bottom: 2px;
}

.i_up {
  border: 1px solid #ff5266;
  border-radius: 100%;
}

.i_down,
.i_up {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 26px;
  font-size: 1.2rem;
  color: #fff;
  background: rgba(0,0,0,.1);
  padding-bottom: 2px;
}

.i_down {
  border: 1px solid #4088f6;
  border-radius: 100%;
}

.i_normal {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 26px;
  font-size: 1.2rem;
  color: #fff;
  background: #606070;
  border-radius: 100%;
  padding-bottom: 2px;
}

.table_history tbody td .text-des {
  display: none;
}

@media (max-width:1190px) {
  .bet_text_info {
    justify-content: flex-start;
  }
  .bet_text_info>div {
    display: inline-block;
    width: auto;
    text-align: left;
    line-height: 1.4;
    margin: 2px 0;
  }
  .bet_text_info span,
  .bet_text_info span i {
    display: inline !important;
  }
}

@media (max-width:991px) {
  .ul_bet_history {
    margin-top: 10px;
  }
  .ul_bet_history>li {
    margin-bottom: 5px;
    border: 1px solid #000;
  }
  .table_history tbody td .text-des {
    display: inline-flex;
    margin-right: 10px;
    color: #fff !important;
    opacity: .5;
  }
}

@media (max-width:767px) {
  .radio_inout[type=radio]+label {
    padding: 0 7px;
  }
  .menu_history_1>li button {
    width: 100%;
    height: 28px;
    font-size: 1.3rem;
    color: #fff;
    border-radius: 14px;
    background: hsla(0,0%,100%,.1);
    padding: 0 10px 2px;
    margin: 1px 0;
  }
}

@media (max-width:575px) {
  .radio_inout[type=radio]+label {
    padding: 0 5px;
    margin-left: 1px;
  }
}

.xi-fw,
.xi-li {
  text-align: center;
}

i {
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.xi-angle-down:before {
  content: "\e941";
}

.xi-angle-down-min:before {
  content: "\e942";
}

.xi-angle-down-thin:before {
  content: "\e943";
}

.xi-angle-left:before {
  content: "\e93b";
}

.xi-angle-left-thin:before {
  content: "\e93d";
}

.xi-angle-left-min:before {
  content: "\e93c";
}

.xi-angle-right:before {
  content: "\e93e";
}

.xi-angle-right-min:before {
  content: "\e93f";
}

.xi-angle-right-thin:before {
  content: "\e940";
}

.xi-angle-up:before {
  content: "\e944";
}

.xi-angle-up-min:before {
  content: "\e945";
}

.xi-angle-up-thin:before {
  content: "\e946";
}

.xi-apps:before {
  content: "\e903";
}

.xi-arrow-bottom:before {
  content: "\e904";
}

.xi-arrow-down:before {
  content: "\e905";
}

.xi-arrow-left:before {
  content: "\e906";
}

.xi-arrow-right:before {
  content: "\e907";
}

.xi-arrow-top:before {
  content: "\e912";
}

.xi-arrow-up:before {
  content: "\e915";
}

.xi-arrows:before {
  content: "\e90c";
}

.xi-arrows-alt:before {
  content: "\e90d";
}

.xi-arrows-h:before {
  content: "\e90e";
}

.xi-arrows-v:before {
  content: "\e90f";
}

.xi-bars:before {
  content: "\e91c";
}

.xi-caret-down:before {
  content: "\e935";
}

.xi-caret-down-circle:before {
  content: "\e937";
}

.xi-caret-down-circle-o:before {
  content: "\e938";
}

.xi-caret-down-min:before {
  content: "\e936";
}

.xi-caret-down-square:before {
  content: "\e939";
}

.xi-caret-down-square-o:before {
  content: "\e93a";
}

.xi-caret-up:before {
  content: "\e92f";
}

.xi-caret-up-circle:before {
  content: "\e931";
}

.xi-caret-up-circle-o:before {
  content: "\e932";
}

.xi-caret-up-min:before {
  content: "\e930";
}

.xi-caret-up-square:before {
  content: "\e933";
}

.xi-caret-up-square-o:before {
  content: "\e934";
}

.xi-catched:before {
  content: "\e923";
}

.xi-cog:before {
  content: "\e986";
}

.xi-compare-arrows:before {
  content: "\e947";
}

.xi-compress:before {
  content: "\e911";
}

.xi-compress-square:before {
  content: "\e955";
}

.xi-dashboard:before {
  content: "\e948";
}

.xi-dashboard-o:before {
  content: "\e95e";
}

.xi-drag-handle:before {
  content: "\e960";
}

.xi-drag-vertical:before {
  content: "\e996";
}

.xi-ellipsis-h:before {
  content: "\e94a";
}

.xi-ellipsis-v:before {
  content: "\e949";
}

.xi-expand:before {
  content: "\e910";
}

.xi-expand-square:before {
  content: "\e954";
}

.xi-external-link:before {
  content: "\e980";
}

.xi-eye:before {
  content: "\e951";
}

.xi-eye-o:before {
  content: "\e950";
}

.xi-eye-off:before {
  content: "\e953";
}

.xi-eye-off-o:before {
  content: "\e952";
}

.xi-filter:before {
  content: "\e9d9";
}

.xi-flag:before {
  content: "\e961";
}

.xi-flag-o:before {
  content: "\e962";
}

.xi-hamburger-back:before {
  content: "\eb46";
}

.xi-hamburger-out:before {
  content: "\eb45";
}

.xi-home:before {
  content: "\e900";
}

.xi-home-o:before {
  content: "\e902";
}

.xi-lock:before {
  content: "\e964";
}

.xi-lock-o:before {
  content: "\e966";
}

.xi-log-in:before {
  content: "\e963";
}

.xi-log-out:before {
  content: "\e972";
}

.xi-long-arrow-down:before {
  content: "\e90a";
}

.xi-long-arrow-left:before {
  content: "\e908";
}

.xi-long-arrow-right:before {
  content: "\e90b";
}

.xi-long-arrow-up:before {
  content: "\e909";
}

.xi-refresh:before {
  content: "\e973";
}

.xi-renew:before {
  content: "\e977";
}

.xi-scroll:before {
  content: "\e94b";
}

.xi-search:before {
  content: "\e97a";
}

.xi-subdirectory:before {
  content: "\e97e";
}

.xi-subdirectory-arrow:before {
  content: "\e981";
}

.xi-sync:before {
  content: "\e982";
}

.xi-trash:before {
  content: "\e96e";
}

.xi-trash-o:before {
  content: "\e96f";
}

.xi-unlock:before {
  content: "\e965";
}

.xi-unlock-o:before {
  content: "\e967";
}

.xi-view-array:before {
  content: "\e983";
}

.xi-view-carousel:before {
  content: "\e984";
}

.xi-view-column:before {
  content: "\e985";
}

.xi-view-day:before {
  content: "\e98d";
}

.xi-view-list:before {
  content: "\e993";
}

.xi-view-module:before {
  content: "\e997";
}

.xi-view-stream:before {
  content: "\e99a";
}

.xi-wrench:before {
  content: "\e99b";
}

.xi-zoom-in:before {
  content: "\e97b";
}

.xi-zoom-out:before {
  content: "\e97c";
}

.xi-bookmark:before {
  content: "\ea1c";
}

.xi-bookmark-o:before {
  content: "\ea1d";
}

.xi-check:before {
  content: "\e928";
}

.xi-check-circle:before {
  content: "\e92b";
}

.xi-check-circle-o:before {
  content: "\e92c";
}

.xi-check-min:before {
  content: "\e929";
}

.xi-check-square:before {
  content: "\e92d";
}

.xi-check-square-o:before {
  content: "\e92e";
}

.xi-check-thin:before {
  content: "\e92a";
}

.xi-close:before {
  content: "\e921";
}

.xi-close-circle:before {
  content: "\e924";
}

.xi-close-circle-o:before {
  content: "\e925";
}

.xi-close-min:before {
  content: "\e922";
}

.xi-close-square:before {
  content: "\e926";
}

.xi-close-square-o:before {
  content: "\e927";
}

.xi-close-thin:before {
  content: "\e9af";
}

.xi-cut:before {
  content: "\e9b0";
}

.xi-label:before {
  content: "\e9b1";
}

.xi-label-o:before {
  content: "\e9b2";
}

.xi-library-add:before {
  content: "\e9b3";
}

.xi-library-bookmark:before {
  content: "\e9b4";
}

.xi-lightbulb:before {
  content: "\e9be";
}

.xi-lightbulb-o:before {
  content: "\e9bf";
}

.xi-link:before {
  content: "\e9c0";
}

.xi-mail:before {
  content: "\ea06";
}

.xi-mail-o:before {
  content: "\ea07";
}

.xi-mail-read:before {
  content: "\ea08";
}

.xi-mail-read-o:before {
  content: "\ea09";
}

.xi-minus:before {
  content: "\e91a";
}

.xi-minus-circle:before {
  content: "\e91d";
}

.xi-minus-circle-o:before {
  content: "\e91e";
}

.xi-minus-min:before {
  content: "\e91b";
}

.xi-minus-square:before {
  content: "\e91f";
}

.xi-minus-square-o:before {
  content: "\e920";
}

.xi-minus-thin:before {
  content: "\e9c1";
}

.xi-package:before {
  content: "\e9c2";
}

.xi-pen:before {
  content: "\e9c3";
}

.xi-pen-o:before {
  content: "\e9c4";
}

.xi-plus:before {
  content: "\e913";
}

.xi-plus-circle:before {
  content: "\e916";
}

.xi-plus-circle-o:before {
  content: "\e917";
}

.xi-plus-min:before {
  content: "\e914";
}

.xi-plus-square:before {
  content: "\e918";
}

.xi-plus-square-o:before {
  content: "\e919";
}

.xi-plus-thin:before {
  content: "\e9c5";
}

.xi-radiobox-blank:before {
  content: "\e9c6";
}

.xi-radiobox-checked:before {
  content: "\e9c7";
}

.xi-redo:before {
  content: "\e9c8";
}

.xi-reply:before {
  content: "\ea0d";
}

.xi-reply-all:before {
  content: "\ea0c";
}

.xi-save:before {
  content: "\e9b9";
}

.xi-send:before {
  content: "\ea0b";
}

.xi-switch-off:before {
  content: "\e9c9";
}

.xi-switch-on:before {
  content: "\e9ca";
}

.xi-tag:before {
  content: "\ea36";
}

.xi-tags:before {
  content: "\ea37";
}

.xi-toggle-off:before {
  content: "\e9cb";
}

.xi-toggle-on:before {
  content: "\e9cd";
}

.xi-undo:before {
  content: "\e9d2";
}

.xi-at:before {
  content: "\ea0a";
}

.xi-call:before {
  content: "\e9d3";
}

.xi-call-made:before {
  content: "\e9d4";
}

.xi-call-missed:before {
  content: "\e9d5";
}

.xi-call-received:before {
  content: "\e9d6";
}

.xi-comment:before {
  content: "\e9d7";
}

.xi-comment-o:before {
  content: "\e9d8";
}

.xi-crown:before {
  content: "\e9da";
}

.xi-emoticon:before {
  content: "\e9dd";
}

.xi-emoticon-bad:before {
  content: "\e9de";
}

.xi-emoticon-bad-o:before {
  content: "\e9df";
}

.xi-emoticon-cool:before {
  content: "\e9e0";
}

.xi-emoticon-cool-o:before {
  content: "\e9e1";
}

.xi-emoticon-devil:before {
  content: "\e9e2";
}

.xi-emoticon-devil-o:before {
  content: "\e9e3";
}

.xi-emoticon-happy:before {
  content: "\e9e4";
}

.xi-emoticon-happy-o:before {
  content: "\e9e6";
}

.xi-emoticon-neutral:before {
  content: "\e9eb";
}

.xi-emoticon-neutral-o:before {
  content: "\e9ec";
}

.xi-emoticon-o:before {
  content: "\e9ed";
}

.xi-emoticon-sad:before {
  content: "\e9ee";
}

.xi-emoticon-sad-o:before {
  content: "\e9ef";
}

.xi-forum:before {
  content: "\e9f0";
}

.xi-forum-o:before {
  content: "\e9f1";
}

.xi-group:before {
  content: "\ea2e";
}

.xi-heart:before {
  content: "\ea10";
}

.xi-heart-o:before {
  content: "\ea11";
}

.xi-message:before {
  content: "\ea14";
}

.xi-message-o:before {
  content: "\ea15";
}

.xi-note:before {
  content: "\ea1a";
}

.xi-note-o:before {
  content: "\ea1b";
}

.xi-profile:before {
  content: "\e9f2";
}

.xi-profile-o:before {
  content: "\ea2a";
}

.xi-send2:before {
  content: "\ea0e";
}

.xi-share:before {
  content: "\e9fa";
}

.xi-share-alt:before {
  content: "\e9e9";
}

.xi-share-alt-o:before {
  content: "\e9ea";
}

.xi-speech:before {
  content: "\ea12";
}

.xi-speech-o:before {
  content: "\ea13";
}

.xi-star:before {
  content: "\ea0f";
}

.xi-star-o:before {
  content: "\ea16";
}

.xi-thumbs-down:before {
  content: "\ea29";
}

.xi-thumbs-up:before {
  content: "\ea28";
}

.xi-trophy:before {
  content: "\ea38";
}

.xi-user:before {
  content: "\e9f3";
}

.xi-user-address:before {
  content: "\e9f4";
}

.xi-user-o:before {
  content: "\e9f5";
}

.xi-user-plus:before {
  content: "\e9f7";
}

.xi-user-plus-o:before {
  content: "\e9f8";
}

.xi-users:before {
  content: "\e9f9";
}

.xi-users-o:before {
  content: "\ea04";
}

.xi-users-plus:before {
  content: "\ea17";
}

.xi-video-call:before {
  content: "\ea18";
}

.xi-voicemail:before {
  content: "\ea19";
}

.xi-alarm:before {
  content: "\ea1e";
}

.xi-alarm-o:before {
  content: "\ea1f";
}

.xi-alarm-off:before {
  content: "\ea20";
}

.xi-ban:before {
  content: "\e9ae";
}

.xi-bell:before {
  content: "\e99c";
}

.xi-bell-o:before {
  content: "\e99d";
}

.xi-bell-off:before {
  content: "\e99e";
}

.xi-bell-off-o:before {
  content: "\e99f";
}

.xi-calendar:before {
  content: "\e9a0";
}

.xi-calendar-add:before {
  content: "\e9a1";
}

.xi-calendar-cancle:before {
  content: "\e9a3";
}

.xi-calendar-check:before {
  content: "\e9a4";
}

.xi-calendar-list:before {
  content: "\e9a5";
}

.xi-calendar-remove:before {
  content: "\e9a2";
}

.xi-error:before {
  content: "\e9aa";
}

.xi-error-o:before {
  content: "\e9ab";
}

.xi-hand-paper:before {
  content: "\ea21";
}

.xi-help:before {
  content: "\e9ad";
}

.xi-help-o:before {
  content: "\e9ac";
}

.xi-info:before {
  content: "\e9a6";
}

.xi-info-o:before {
  content: "\e9a7";
}

.xi-key:before {
  content: "\ea22";
}

.xi-wifi:before {
  content: "\ea23";
}

.xi-new:before {
  content: "\e9a8";
}

.xi-new-o:before {
  content: "\e9a9";
}

.xi-security:before {
  content: "\ea24";
}

.xi-shield-checked:before {
  content: "\ea25";
}

.xi-shield-checked-o:before {
  content: "\ea26";
}

.xi-snooze:before {
  content: "\ea27";
}

.xi-time:before {
  content: "\ea2b";
}

.xi-time-o:before {
  content: "\ea2c";
}

.xi-warning:before {
  content: "\ea2d";
}

.xi-align-center:before {
  content: "\e958";
}

.xi-align-justify:before {
  content: "\e956";
}

.xi-align-left:before {
  content: "\e957";
}

.xi-align-right:before {
  content: "\e959";
}

.xi-bold:before {
  content: "\e96a";
}

.xi-border-bottom:before {
  content: "\ea32";
}

.xi-border-clear:before {
  content: "\ea33";
}

.xi-border-color:before {
  content: "\ea39";
}

.xi-border-horizontal:before {
  content: "\ea45";
}

.user_detail ul li button span {
  text-decoration: underline;
}

.sports_form button {
  position: absolute;
  right: 2px;
  top: 2px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background: #292932;
  margin-top: 5px;
}

.sports_form input {
  width: 100%;
  height: 36px;
  font-size: 1.5rem;
  color: #fff;
  border-radius: 18px;
  background: #1b1b23;
  padding: 0 40px 0 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}
/*!
 * BootstrapVue Custom CSS (https://bootstrap-vue.org)
 */

.bv-no-focus-ring:focus {
  outline: none;
}

@media (max-width:575.98px) {
  .bv-d-xs-down-none {
    display: none !important;
  }
}

@media (max-width:767.98px) {
  .bv-d-sm-down-none {
    display: none !important;
  }
}

@media (max-width:991.98px) {
  .bv-d-md-down-none {
    display: none !important;
  }
}

@media (max-width:1199.98px) {
  .bv-d-lg-down-none {
    display: none !important;
  }
}

.bv-d-xl-down-none {
  display: none !important;
}

.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.focus.is-valid {
  border-color: #28a745;
  box-shadow: 0 0 0 .2rem rgba(40,167,69,.25);
}

.form-control.focus.is-invalid {
  border-color: #dc3545;
  box-shadow: 0 0 0 .2rem rgba(220,53,69,.25);
}

.b-form-btn-label-control.form-control {
  background-image: none;
  padding: 0;
}

.input-group .b-form-btn-label-control.form-control {
  padding: 0;
}

.b-form-btn-label-control.form-control[dir=rtl],
[dir=rtl] .b-form-btn-label-control.form-control {
  flex-direction: row-reverse;
}

.b-form-btn-label-control.form-control[dir=rtl]>label,
[dir=rtl] .b-form-btn-label-control.form-control>label {
  text-align: right;
}

.b-form-btn-label-control.form-control>.btn {
  line-height: 1;
  font-size: inherit;
  box-shadow: none !important;
  border: 0;
}

.b-form-btn-label-control.form-control>.btn:disabled {
  pointer-events: none;
}

.b-form-btn-label-control.form-control.is-valid>.btn {
  color: #28a745;
}

.b-form-btn-label-control.form-control.is-invalid>.btn {
  color: #dc3545;
}

.b-form-btn-label-control.form-control>.dropdown-menu {
  padding: .5rem;
}

.b-form-btn-label-control.form-control>label {
  outline: 0;
  padding-left: .25rem;
  margin: 0;
  border: 0;
  font-size: inherit;
  cursor: pointer;
  min-height: calc(1.5em+.75rem);
}

.b-form-btn-label-control.form-control>label.form-control-sm {
  min-height: calc(1.5em+.5rem);
}

.b-form-btn-label-control.form-control>label.form-control-lg {
  min-height: calc(1.5em+1rem);
}

.input-group.input-group-sm .b-form-btn-label-control.form-control>label {
  min-height: calc(1.5em+.5rem);
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.input-group.input-group-lg .b-form-btn-label-control.form-control>label {
  min-height: calc(1.5em+1rem);
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.b-form-btn-label-control.form-control[aria-disabled=true],
.b-form-btn-label-control.form-control[aria-readonly=true] {
  background-color: #e9ecef;
  opacity: 1;
}

.b-form-btn-label-control.form-control[aria-disabled=true] {
  pointer-events: none;
}

.b-form-btn-label-control.form-control[aria-disabled=true]>label {
  cursor: default;
}

.b-form-btn-label-control.btn-group>.dropdown-menu {
  padding: .5rem;
}

.b-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  font-size: inherit;
  font-weight: 400;
  line-height: 1;
  max-width: 100%;
  max-height: auto;
  text-align: center;
  overflow: visible;
  position: relative;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.b-avatar:focus {
  outline: 0;
}

.b-avatar.btn,
.b-avatar[href] {
  padding: 0;
  border: 0;
}

.b-avatar.btn .b-avatar-img img,
.b-avatar[href] .b-avatar-img img {
  transition: transform .15s ease-in-out;
}

.b-avatar.btn:not(:disabled):not(.disabled),
.b-avatar[href]:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.b-avatar.btn:not(:disabled):not(.disabled):hover .b-avatar-img img,
.b-avatar[href]:not(:disabled):not(.disabled):hover .b-avatar-img img {
  transform: scale(1.15);
}

.b-avatar.disabled,
.b-avatar:disabled,
.b-avatar[disabled] {
  opacity: .65;
  pointer-events: none;
}

.b-avatar .b-avatar-custom,
.b-avatar .b-avatar-img,
.b-avatar .b-avatar-text {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.b-avatar .b-avatar-text {
  text-transform: uppercase;
  white-space: nowrap;
}

.b-avatar[href] {
  text-decoration: none;
}

.b-avatar>.b-icon {
  width: 60%;
  height: auto;
  max-width: 100%;
}

.b-avatar .b-avatar-img img {
  width: 100%;
  height: 100%;
  max-height: auto;
  border-radius: inherit;
}

.b-avatar .b-avatar-badge {
  position: absolute;
  min-height: 1.5em;
  min-width: 1.5em;
  padding: .25em;
  line-height: 1;
  border-radius: 10em;
  font-size: 70%;
  font-weight: 700;
  z-index: 5;
}

.b-avatar-group .b-avatar-group-inner {
  display: flex;
  flex-wrap: wrap;
}

.b-avatar-group .b-avatar {
  border: 1px solid #dee2e6;
}

.b-avatar-group .btn.b-avatar:hover:not(.disabled):not(disabled),
.b-avatar-group a.b-avatar:hover:not(.disabled):not(disabled) {
  z-index: 3;
}

.b-calendar {
  display: inline-flex;
}

.b-calendar .b-calendar-inner {
  min-width: 250px;
}

.b-calendar .b-calendar-header,
.b-calendar .b-calendar-nav {
  margin-bottom: .25rem;
}

.b-calendar .b-calendar-nav .btn {
  padding: .25rem;
}

.b-calendar output {
  padding: .25rem;
  font-size: 80%;
}

.b-calendar output.readonly {
  background-color: #e9ecef;
  opacity: 1;
}

.b-calendar .b-calendar-footer {
  margin-top: .5rem;
}

.b-calendar .b-calendar-grid {
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.b-calendar .b-calendar-grid .row {
  flex-wrap: nowrap;
}

.b-calendar .b-calendar-grid-caption {
  padding: .25rem;
}

.b-calendar .b-calendar-grid-body .col[data-date] .btn {
  width: 32px;
  height: 32px;
  font-size: 14px;
  line-height: 1;
  margin: 3px auto;
  padding: 9px 0;
}

.b-calendar .btn.disabled,
.b-calendar .btn:disabled,
.b-calendar .btn[aria-disabled=true] {
  cursor: default;
  pointer-events: none;
}

.card-img-left {
  border-top-left-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px);
}

.card-img-right {
  border-top-right-radius: calc(.25rem - 1px);
  border-bottom-right-radius: calc(.25rem - 1px);
}

.dropdown.dropleft .dropdown-toggle.dropdown-toggle-no-caret:before,
.dropdown:not(.dropleft) .dropdown-toggle.dropdown-toggle-no-caret:after {
  display: none !important;
}

.dropdown .dropdown-menu:focus {
  outline: none;
}

.b-dropdown-form {
  display: inline-block;
  padding: .25rem 1.5rem;
  width: 100%;
  clear: both;
  font-weight: 400;
}

.b-dropdown-form:focus {
  outline: 1px dotted !important;
  outline: 5px auto -webkit-focus-ring-color !important;
}

.b-dropdown-form.disabled,
.b-dropdown-form:disabled {
  outline: 0 !important;
  color: #6c757d;
  pointer-events: none;
}

.b-dropdown-text {
  display: inline-block;
  padding: .25rem 1.5rem;
  margin-bottom: 0;
  width: 100%;
  clear: both;
  font-weight: lighter;
}

.custom-checkbox.b-custom-control-lg,
.input-group-lg .custom-checkbox {
  font-size: 1.25rem;
  line-height: 1.5;
  padding-left: 1.875rem;
}

.custom-checkbox.b-custom-control-lg .custom-control-label:before,
.input-group-lg .custom-checkbox .custom-control-label:before {
  top: .3125rem;
  left: -1.875rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: .3rem;
}

.custom-checkbox.b-custom-control-lg .custom-control-label:after,
.input-group-lg .custom-checkbox .custom-control-label:after {
  top: .3125rem;
  left: -1.875rem;
  width: 1.25rem;
  height: 1.25rem;
  background-size: 50% 50%;
}

.custom-checkbox.b-custom-control-sm,
.input-group-sm .custom-checkbox {
  font-size: .875rem;
  line-height: 1.5;
  padding-left: 1.3125rem;
}

.custom-checkbox.b-custom-control-sm .custom-control-label:before,
.input-group-sm .custom-checkbox .custom-control-label:before {
  top: .21875rem;
  left: -1.3125rem;
  width: .875rem;
  height: .875rem;
  border-radius: .2rem;
}

.custom-checkbox.b-custom-control-sm .custom-control-label:after,
.input-group-sm .custom-checkbox .custom-control-label:after {
  top: .21875rem;
  left: -1.3125rem;
  width: .875rem;
  height: .875rem;
  background-size: 50% 50%;
}

.custom-switch.b-custom-control-lg,
.input-group-lg .custom-switch {
  padding-left: 2.8125rem;
}

.custom-switch.b-custom-control-lg .custom-control-label,
.input-group-lg .custom-switch .custom-control-label {
  font-size: 1.25rem;
  line-height: 1.5;
}

.custom-switch.b-custom-control-lg .custom-control-label:before,
.input-group-lg .custom-switch .custom-control-label:before {
  top: .3125rem;
  height: 1.25rem;
  left: -2.8125rem;
  width: 2.1875rem;
  border-radius: .625rem;
}

.custom-switch.b-custom-control-lg .custom-control-label:after,
.input-group-lg .custom-switch .custom-control-label:after {
  top: calc(.3125rem+2px);
  left: calc(-2.8125rem+2px);
  width: calc(1.25rem - 4px);
  height: calc(1.25rem - 4px);
  border-radius: .625rem;
  background-size: 50% 50%;
}

.custom-switch.b-custom-control-lg .custom-control-input:checked~.custom-control-label:after,
.input-group-lg .custom-switch .custom-control-input:checked~.custom-control-label:after {
  transform: translateX(.9375rem);
}

.custom-switch.b-custom-control-sm,
.input-group-sm .custom-switch {
  padding-left: 1.96875rem;
}

.custom-switch.b-custom-control-sm .custom-control-label,
.input-group-sm .custom-switch .custom-control-label {
  font-size: .875rem;
  line-height: 1.5;
}

.custom-switch.b-custom-control-sm .custom-control-label:before,
.input-group-sm .custom-switch .custom-control-label:before {
  top: .21875rem;
  left: -1.96875rem;
  width: 1.53125rem;
  height: .875rem;
  border-radius: .4375rem;
}

.custom-switch.b-custom-control-sm .custom-control-label:after,
.input-group-sm .custom-switch .custom-control-label:after {
  top: calc(.21875rem+2px);
  left: calc(-1.96875rem+2px);
  width: calc(.875rem - 4px);
  height: calc(.875rem - 4px);
  border-radius: .4375rem;
  background-size: 50% 50%;
}

.custom-switch.b-custom-control-sm .custom-control-input:checked~.custom-control-label:after,
.input-group-sm .custom-switch .custom-control-input:checked~.custom-control-label:after {
  transform: translateX(.65625rem);
}

.input-group>.input-group-append:last-child>.btn-group:not(:last-child):not(.dropdown-toggle)>.btn,
.input-group>.input-group-append:not(:last-child)>.btn-group>.btn,
.input-group>.input-group-prepend>.btn-group>.btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group>.input-group-append>.btn-group>.btn,
.input-group>.input-group-prepend:first-child>.btn-group:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.btn-group>.btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.b-custom-control-lg.custom-file,
.b-custom-control-lg .custom-file-input,
.b-custom-control-lg .custom-file-label,
.input-group-lg.custom-file,
.input-group-lg .custom-file-input,
.input-group-lg .custom-file-label {
  font-size: 1.25rem;
  height: calc(1.5em+1rem+2px);
}

.b-custom-control-lg .custom-file-label,
.b-custom-control-lg .custom-file-label:after,
.input-group-lg .custom-file-label,
.input-group-lg .custom-file-label:after {
  padding: .5rem 1rem;
  line-height: 1.5;
}

.b-custom-control-lg .custom-file-label,
.input-group-lg .custom-file-label {
  border-radius: .3rem;
}

.b-custom-control-lg .custom-file-label:after,
.input-group-lg .custom-file-label:after {
  font-size: inherit;
  height: calc(1.5em+1rem);
  border-radius: 0 .3rem .3rem 0;
}

.b-custom-control-sm.custom-file,
.b-custom-control-sm .custom-file-input,
.b-custom-control-sm .custom-file-label,
.input-group-sm.custom-file,
.input-group-sm .custom-file-input,
.input-group-sm .custom-file-label {
  font-size: .875rem;
  height: calc(1.5em+.5rem+2px);
}

.b-custom-control-sm .custom-file-label,
.b-custom-control-sm .custom-file-label:after,
.input-group-sm .custom-file-label,
.input-group-sm .custom-file-label:after {
  padding: .25rem .5rem;
  line-height: 1.5;
}

.b-custom-control-sm .custom-file-label,
.input-group-sm .custom-file-label {
  border-radius: .2rem;
}

.b-custom-control-sm .custom-file-label:after,
.input-group-sm .custom-file-label:after {
  font-size: inherit;
  height: calc(1.5em+.5rem);
  border-radius: 0 .2rem .2rem 0;
}

.form-control.is-invalid,
.form-control.is-valid,
.was-validated .form-control:invalid,
.was-validated .form-control:valid {
  background-position: right calc(.375em+.1875rem) center;
}

input[type=color].form-control {
  height: calc(1.5em+.75rem+2px);
  padding: .125rem .25rem;
}

.input-group-sm input[type=color].form-control,
input[type=color].form-control.form-control-sm {
  height: calc(1.5em+.5rem+2px);
  padding: .125rem .25rem;
}

.input-group-lg input[type=color].form-control,
input[type=color].form-control.form-control-lg {
  height: calc(1.5em+1rem+2px);
  padding: .125rem .25rem;
}

input[type=color].form-control:disabled {
  background-color: #adb5bd;
  opacity: .65;
}

.input-group>.custom-range {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group>.custom-file+.custom-range,
.input-group>.custom-range+.custom-file,
.input-group>.custom-range+.custom-range,
.input-group>.custom-range+.custom-select,
.input-group>.custom-range+.form-control,
.input-group>.custom-range+.form-control-plaintext,
.input-group>.custom-select+.custom-range,
.input-group>.form-control+.custom-range,
.input-group>.form-control-plaintext+.custom-range {
  margin-left: -1px;
}

.input-group>.custom-range:focus {
  z-index: 3;
}

.input-group>.custom-range:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group>.custom-range:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group>.custom-range {
  padding: 0 .75rem;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  height: calc(1.5em+.75rem+2px);
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
  .input-group>.custom-range {
    transition: none;
  }
}

.input-group>.custom-range:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}

.input-group>.custom-range:disabled,
.input-group>.custom-range[readonly] {
  background-color: #e9ecef;
}

.input-group-lg>.custom-range {
  height: calc(1.5em+1rem+2px);
  padding: 0 1rem;
  border-radius: .3rem;
}

.input-group-sm>.custom-range {
  height: calc(1.5em+.5rem+2px);
  padding: 0 .5rem;
  border-radius: .2rem;
}

.input-group .custom-range.is-valid,
.was-validated .input-group .custom-range:valid {
  border-color: #28a745;
}

.input-group .custom-range.is-valid:focus,
.was-validated .input-group .custom-range:valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 .2rem rgba(40,167,69,.25);
}

.custom-range.is-valid:focus::-webkit-slider-thumb,
.was-validated .custom-range:valid:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff,0 0 0 .2rem #9be7ac;
}

.custom-range.is-valid:focus::-moz-range-thumb,
.was-validated .custom-range:valid:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff,0 0 0 .2rem #9be7ac;
}

.custom-range.is-valid:focus::-ms-thumb,
.was-validated .custom-range:valid:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff,0 0 0 .2rem #9be7ac;
}

.custom-range.is-valid::-webkit-slider-thumb,
.was-validated .custom-range:valid::-webkit-slider-thumb {
  background-color: #28a745;
  background-image: none;
}

.custom-range.is-valid::-webkit-slider-thumb:active,
.was-validated .custom-range:valid::-webkit-slider-thumb:active {
  background-color: #9be7ac;
  background-image: none;
}

.custom-range.is-valid::-webkit-slider-runnable-track,
.was-validated .custom-range:valid::-webkit-slider-runnable-track {
  background-color: rgba(40,167,69,.35);
}

.custom-range.is-valid::-moz-range-thumb,
.was-validated .custom-range:valid::-moz-range-thumb {
  background-color: #28a745;
  background-image: none;
}

.custom-range.is-valid::-moz-range-thumb:active,
.was-validated .custom-range:valid::-moz-range-thumb:active {
  background-color: #9be7ac;
  background-image: none;
}

.custom-range.is-valid::-moz-range-track,
.was-validated .custom-range:valid::-moz-range-track {
  background: rgba(40,167,69,.35);
}

.custom-range.is-valid~.valid-feedback,
.custom-range.is-valid~.valid-tooltip,
.was-validated .custom-range:valid~.valid-feedback,
.was-validated .custom-range:valid~.valid-tooltip {
  display: block;
}

.custom-range.is-valid::-ms-thumb,
.was-validated .custom-range:valid::-ms-thumb {
  background-color: #28a745;
  background-image: none;
}

.custom-range.is-valid::-ms-thumb:active,
.was-validated .custom-range:valid::-ms-thumb:active {
  background-color: #9be7ac;
  background-image: none;
}

.custom-range.is-valid::-ms-track-lower,
.custom-range.is-valid::-ms-track-upper,
.was-validated .custom-range:valid::-ms-track-lower,
.was-validated .custom-range:valid::-ms-track-upper {
  background: rgba(40,167,69,.35);
}

.input-group .custom-range.is-invalid,
.was-validated .input-group .custom-range:invalid {
  border-color: #dc3545;
}

.input-group .custom-range.is-invalid:focus,
.was-validated .input-group .custom-range:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 .2rem rgba(220,53,69,.25);
}

.custom-range.is-invalid:focus::-webkit-slider-thumb,
.was-validated .custom-range:invalid:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff,0 0 0 .2rem #f6cdd1;
}

.custom-range.is-invalid:focus::-moz-range-thumb,
.was-validated .custom-range:invalid:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff,0 0 0 .2rem #f6cdd1;
}

.custom-range.is-invalid:focus::-ms-thumb,
.was-validated .custom-range:invalid:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff,0 0 0 .2rem #f6cdd1;
}

.custom-range.is-invalid::-webkit-slider-thumb,
.was-validated .custom-range:invalid::-webkit-slider-thumb {
  background-color: #dc3545;
  background-image: none;
}

.custom-range.is-invalid::-webkit-slider-thumb:active,
.was-validated .custom-range:invalid::-webkit-slider-thumb:active {
  background-color: #f6cdd1;
  background-image: none;
}

.custom-range.is-invalid::-webkit-slider-runnable-track,
.was-validated .custom-range:invalid::-webkit-slider-runnable-track {
  background-color: rgba(220,53,69,.35);
}

.custom-range.is-invalid::-moz-range-thumb,
.was-validated .custom-range:invalid::-moz-range-thumb {
  background-color: #dc3545;
  background-image: none;
}

.custom-range.is-invalid::-moz-range-thumb:active,
.was-validated .custom-range:invalid::-moz-range-thumb:active {
  background-color: #f6cdd1;
  background-image: none;
}

.custom-range.is-invalid::-moz-range-track,
.was-validated .custom-range:invalid::-moz-range-track {
  background: rgba(220,53,69,.35);
}

.custom-range.is-invalid~.invalid-feedback,
.custom-range.is-invalid~.invalid-tooltip,
.was-validated .custom-range:invalid~.invalid-feedback,
.was-validated .custom-range:invalid~.invalid-tooltip {
  display: block;
}

.custom-range.is-invalid::-ms-thumb,
.was-validated .custom-range:invalid::-ms-thumb {
  background-color: #dc3545;
  background-image: none;
}

.custom-range.is-invalid::-ms-thumb:active,
.was-validated .custom-range:invalid::-ms-thumb:active {
  background-color: #f6cdd1;
  background-image: none;
}

.custom-range.is-invalid::-ms-track-lower,
.custom-range.is-invalid::-ms-track-upper,
.was-validated .custom-range:invalid::-ms-track-lower,
.was-validated .custom-range:invalid::-ms-track-upper {
  background: rgba(220,53,69,.35);
}

.custom-radio.b-custom-control-lg,
.input-group-lg .custom-radio {
  font-size: 1.25rem;
  line-height: 1.5;
  padding-left: 1.875rem;
}

.custom-radio.b-custom-control-lg .custom-control-label:before,
.input-group-lg .custom-radio .custom-control-label:before {
  top: .3125rem;
  left: -1.875rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
}

.custom-radio.b-custom-control-lg .custom-control-label:after,
.input-group-lg .custom-radio .custom-control-label:after {
  top: .3125rem;
  left: -1.875rem;
  width: 1.25rem;
  height: 1.25rem;
  background: no-repeat 50%/50% 50%;
}

.custom-radio.b-custom-control-sm,
.input-group-sm .custom-radio {
  font-size: .875rem;
  line-height: 1.5;
  padding-left: 1.3125rem;
}

.custom-radio.b-custom-control-sm .custom-control-label:before,
.input-group-sm .custom-radio .custom-control-label:before {
  top: .21875rem;
  left: -1.3125rem;
  width: .875rem;
  height: .875rem;
  border-radius: 50%;
}

.custom-radio.b-custom-control-sm .custom-control-label:after,
.input-group-sm .custom-radio .custom-control-label:after {
  top: .21875rem;
  left: -1.3125rem;
  width: .875rem;
  height: .875rem;
  background: no-repeat 50%/50% 50%;
}

.b-rating {
  text-align: center;
}

.b-rating.d-inline-flex {
  width: auto;
}

.b-rating .b-rating-star,
.b-rating .b-rating-value {
  padding: 0 .25em;
}

.b-rating .b-rating-value {
  min-width: 2.5em;
}

.b-rating .b-rating-star {
  display: inline-flex;
  justify-content: center;
  outline: 0;
}

.b-rating .b-rating-star .b-rating-icon {
  display: inline-flex;
  transition: all .15s ease-in-out;
}

.b-rating.disabled,
.b-rating:disabled {
  background-color: #e9ecef;
  color: #6c757d;
}

.b-rating:not(.disabled):not(.readonly) .b-rating-star {
  cursor: pointer;
}

.b-rating:not(.disabled):not(.readonly) .b-rating-star:hover .b-rating-icon,
.b-rating:not(.disabled):not(.readonly):focus:not(:hover) .b-rating-star.focused .b-rating-icon {
  transform: scale(1.5);
}

.b-rating[dir=rtl] .b-rating-star-half {
  transform: scaleX(-1);
}

.b-form-spinbutton {
  text-align: center;
  overflow: hidden;
  background-image: none;
  padding: 0;
}

.b-form-spinbutton[dir=rtl]:not(.flex-column),
[dir=rtl] .b-form-spinbutton:not(.flex-column) {
  flex-direction: row-reverse;
}

.b-form-spinbutton output {
  font-size: inherit;
  outline: 0;
  border: 0;
  background-color: transparent;
  width: auto;
  margin: 0;
  padding: 0 .25rem;
}

.b-form-spinbutton output>bdi,
.b-form-spinbutton output>div {
  display: block;
  min-width: 2.25em;
  height: 1.5em;
}

.b-form-spinbutton.flex-column {
  height: auto;
  width: auto;
}

.b-form-spinbutton.flex-column output {
  margin: 0 .25rem;
  padding: .25rem 0;
}

.b-form-spinbutton:not(.d-inline-flex):not(.flex-column) {
  output-width: 100%;
}

.b-form-spinbutton.d-inline-flex:not(.flex-column) {
  width: auto;
}

.b-form-spinbutton .btn {
  line-height: 1;
  box-shadow: none !important;
}

.b-form-spinbutton .btn:disabled {
  pointer-events: none;
}

.b-form-spinbutton .btn:hover:not(:disabled)>div>.b-icon {
  transform: scale(1.25);
}

.b-form-spinbutton.disabled,
.b-form-spinbutton.readonly {
  background-color: #e9ecef;
}

.b-form-spinbutton.disabled {
  pointer-events: none;
}

.b-form-tags.focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}

.b-form-tags.focus.is-valid {
  border-color: #28a745;
  box-shadow: 0 0 0 .2rem rgba(40,167,69,.25);
}

.b-form-tags.focus.is-invalid {
  border-color: #dc3545;
  box-shadow: 0 0 0 .2rem rgba(220,53,69,.25);
}

.b-form-tags.disabled {
  background-color: #e9ecef;
}

.b-form-tag {
  font-size: 75%;
  font-weight: 400;
  line-height: 1.5;
}

.b-form-tag.disabled {
  opacity: .75;
}

.b-form-tag>button.b-form-tag-remove {
  color: inherit;
  font-size: 125%;
  line-height: 1;
  float: none;
}

.form-control-lg .b-form-tag,
.form-control-sm .b-form-tag {
  line-height: 1.5;
}

.modal-backdrop {
  opacity: .5;
}

.b-pagination-pills .page-item .page-link {
  border-radius: 50rem !important;
  margin-left: .25rem;
  line-height: 1;
}

.b-pagination-pills .page-item:first-child .page-link {
  margin-left: 0;
}

.popover.b-popover {
  display: block;
  opacity: 1;
  outline: 0;
}

.popover.b-popover.fade:not(.show) {
  opacity: 0;
}

.popover.b-popover.show {
  opacity: 1;
}

.b-popover-primary.popover {
  background-color: #cce5ff;
  border-color: #b8daff;
}

.b-popover-primary.bs-popover-auto[x-placement^=top]>.arrow:before,
.b-popover-primary.bs-popover-top>.arrow:before {
  border-top-color: #b8daff;
}

.b-popover-primary.bs-popover-auto[x-placement^=top]>.arrow:after,
.b-popover-primary.bs-popover-top>.arrow:after {
  border-top-color: #cce5ff;
}

.b-popover-primary.bs-popover-auto[x-placement^=right]>.arrow:before,
.b-popover-primary.bs-popover-right>.arrow:before {
  border-right-color: #b8daff;
}

.b-popover-primary.bs-popover-auto[x-placement^=right]>.arrow:after,
.b-popover-primary.bs-popover-right>.arrow:after {
  border-right-color: #cce5ff;
}

.b-popover-primary.bs-popover-auto[x-placement^=bottom]>.arrow:before,
.b-popover-primary.bs-popover-bottom>.arrow:before {
  border-bottom-color: #b8daff;
}

.b-popover-primary.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.b-popover-primary.bs-popover-auto[x-placement^=bottom]>.arrow:after,
.b-popover-primary.bs-popover-bottom .popover-header:before,
.b-popover-primary.bs-popover-bottom>.arrow:after {
  border-bottom-color: #bdddff;
}

.b-popover-primary.bs-popover-auto[x-placement^=left]>.arrow:before,
.b-popover-primary.bs-popover-left>.arrow:before {
  border-left-color: #b8daff;
}

.b-popover-primary.bs-popover-auto[x-placement^=left]>.arrow:after,
.b-popover-primary.bs-popover-left>.arrow:after {
  border-left-color: #cce5ff;
}

.b-popover-primary .popover-header {
  color: #212529;
  background-color: #bdddff;
  border-bottom-color: #a3d0ff;
}

.b-popover-primary .popover-body {
  color: #004085;
}

.b-popover-secondary.popover {
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.b-popover-secondary.bs-popover-auto[x-placement^=top]>.arrow:before,
.b-popover-secondary.bs-popover-top>.arrow:before {
  border-top-color: #d6d8db;
}

.b-popover-secondary.bs-popover-auto[x-placement^=top]>.arrow:after,
.b-popover-secondary.bs-popover-top>.arrow:after {
  border-top-color: #e2e3e5;
}

.b-popover-secondary.bs-popover-auto[x-placement^=right]>.arrow:before,
.b-popover-secondary.bs-popover-right>.arrow:before {
  border-right-color: #d6d8db;
}

.b-popover-secondary.bs-popover-auto[x-placement^=right]>.arrow:after,
.b-popover-secondary.bs-popover-right>.arrow:after {
  border-right-color: #e2e3e5;
}

.b-popover-secondary.bs-popover-auto[x-placement^=bottom]>.arrow:before,
.b-popover-secondary.bs-popover-bottom>.arrow:before {
  border-bottom-color: #d6d8db;
}

.b-popover-secondary.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.b-popover-secondary.bs-popover-auto[x-placement^=bottom]>.arrow:after,
.b-popover-secondary.bs-popover-bottom .popover-header:before,
.b-popover-secondary.bs-popover-bottom>.arrow:after {
  border-bottom-color: #dadbde;
}

.b-popover-secondary.bs-popover-auto[x-placement^=left]>.arrow:before,
.b-popover-secondary.bs-popover-left>.arrow:before {
  border-left-color: #d6d8db;
}

.b-popover-secondary.bs-popover-auto[x-placement^=left]>.arrow:after,
.b-popover-secondary.bs-popover-left>.arrow:after {
  border-left-color: #e2e3e5;
}

.b-popover-secondary .popover-header {
  color: #212529;
  background-color: #dadbde;
  border-bottom-color: #ccced2;
}

.b-popover-secondary .popover-body {
  color: #383d41;
}

.b-popover-success.popover {
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.b-popover-success.bs-popover-auto[x-placement^=top]>.arrow:before,
.b-popover-success.bs-popover-top>.arrow:before {
  border-top-color: #c3e6cb;
}

.b-popover-success.bs-popover-auto[x-placement^=top]>.arrow:after,
.b-popover-success.bs-popover-top>.arrow:after {
  border-top-color: #d4edda;
}

.b-popover-success.bs-popover-auto[x-placement^=right]>.arrow:before,
.b-popover-success.bs-popover-right>.arrow:before {
  border-right-color: #c3e6cb;
}

.b-popover-success.bs-popover-auto[x-placement^=right]>.arrow:after,
.b-popover-success.bs-popover-right>.arrow:after {
  border-right-color: #d4edda;
}

.b-popover-success.bs-popover-auto[x-placement^=bottom]>.arrow:before,
.b-popover-success.bs-popover-bottom>.arrow:before {
  border-bottom-color: #c3e6cb;
}

.b-popover-success.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.b-popover-success.bs-popover-auto[x-placement^=bottom]>.arrow:after,
.b-popover-success.bs-popover-bottom .popover-header:before,
.b-popover-success.bs-popover-bottom>.arrow:after {
  border-bottom-color: #c9e8d1;
}

.b-popover-success.bs-popover-auto[x-placement^=left]>.arrow:before,
.b-popover-success.bs-popover-left>.arrow:before {
  border-left-color: #c3e6cb;
}

.b-popover-success.bs-popover-auto[x-placement^=left]>.arrow:after,
.b-popover-success.bs-popover-left>.arrow:after {
  border-left-color: #d4edda;
}

.b-popover-success .popover-header {
  color: #212529;
  background-color: #c9e8d1;
  border-bottom-color: #b7e1c1;
}

.b-popover-success .popover-body {
  color: #155724;
}

.b-popover-info.popover {
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.b-popover-info.bs-popover-auto[x-placement^=top]>.arrow:before,
.b-popover-info.bs-popover-top>.arrow:before {
  border-top-color: #bee5eb;
}

.b-popover-info.bs-popover-auto[x-placement^=top]>.arrow:after,
.b-popover-info.bs-popover-top>.arrow:after {
  border-top-color: #d1ecf1;
}

.b-popover-info.bs-popover-auto[x-placement^=right]>.arrow:before,
.b-popover-info.bs-popover-right>.arrow:before {
  border-right-color: #bee5eb;
}

.b-popover-info.bs-popover-auto[x-placement^=right]>.arrow:after,
.b-popover-info.bs-popover-right>.arrow:after {
  border-right-color: #d1ecf1;
}

.b-popover-info.bs-popover-auto[x-placement^=bottom]>.arrow:before,
.b-popover-info.bs-popover-bottom>.arrow:before {
  border-bottom-color: #bee5eb;
}

.b-popover-info.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.b-popover-info.bs-popover-auto[x-placement^=bottom]>.arrow:after,
.b-popover-info.bs-popover-bottom .popover-header:before,
.b-popover-info.bs-popover-bottom>.arrow:after {
  border-bottom-color: #c5e7ed;
}

.b-popover-info.bs-popover-auto[x-placement^=left]>.arrow:before,
.b-popover-info.bs-popover-left>.arrow:before {
  border-left-color: #bee5eb;
}

.b-popover-info.bs-popover-auto[x-placement^=left]>.arrow:after,
.b-popover-info.bs-popover-left>.arrow:after {
  border-left-color: #d1ecf1;
}

.b-popover-info .popover-header {
  color: #212529;
  background-color: #c5e7ed;
  border-bottom-color: #b2dfe7;
}

.b-popover-info .popover-body {
  color: #0c5460;
}

.b-popover-warning.popover {
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.b-popover-warning.bs-popover-auto[x-placement^=top]>.arrow:before,
.b-popover-warning.bs-popover-top>.arrow:before {
  border-top-color: #ffeeba;
}

.b-popover-warning.bs-popover-auto[x-placement^=top]>.arrow:after,
.b-popover-warning.bs-popover-top>.arrow:after {
  border-top-color: #fff3cd;
}

.b-popover-warning.bs-popover-auto[x-placement^=right]>.arrow:before,
.b-popover-warning.bs-popover-right>.arrow:before {
  border-right-color: #ffeeba;
}

.b-popover-warning.bs-popover-auto[x-placement^=right]>.arrow:after,
.b-popover-warning.bs-popover-right>.arrow:after {
  border-right-color: #fff3cd;
}

.b-popover-warning.bs-popover-auto[x-placement^=bottom]>.arrow:before,
.b-popover-warning.bs-popover-bottom>.arrow:before {
  border-bottom-color: #ffeeba;
}

.b-popover-warning.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.b-popover-warning.bs-popover-auto[x-placement^=bottom]>.arrow:after,
.b-popover-warning.bs-popover-bottom .popover-header:before,
.b-popover-warning.bs-popover-bottom>.arrow:after {
  border-bottom-color: #ffefbe;
}

.b-popover-warning.bs-popover-auto[x-placement^=left]>.arrow:before,
.b-popover-warning.bs-popover-left>.arrow:before {
  border-left-color: #ffeeba;
}

.b-popover-warning.bs-popover-auto[x-placement^=left]>.arrow:after,
.b-popover-warning.bs-popover-left>.arrow:after {
  border-left-color: #fff3cd;
}

.b-popover-warning .popover-header {
  color: #212529;
  background-color: #ffefbe;
  border-bottom-color: #ffe9a4;
}

.b-popover-warning .popover-body {
  color: #856404;
}

.b-popover-danger.popover {
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.b-popover-danger.bs-popover-auto[x-placement^=top]>.arrow:before,
.b-popover-danger.bs-popover-top>.arrow:before {
  border-top-color: #f5c6cb;
}

.b-popover-danger.bs-popover-auto[x-placement^=top]>.arrow:after,
.b-popover-danger.bs-popover-top>.arrow:after {
  border-top-color: #f8d7da;
}

.b-popover-danger.bs-popover-auto[x-placement^=right]>.arrow:before,
.b-popover-danger.bs-popover-right>.arrow:before {
  border-right-color: #f5c6cb;
}

.b-popover-danger.bs-popover-auto[x-placement^=right]>.arrow:after,
.b-popover-danger.bs-popover-right>.arrow:after {
  border-right-color: #f8d7da;
}

.b-popover-danger.bs-popover-auto[x-placement^=bottom]>.arrow:before,
.b-popover-danger.bs-popover-bottom>.arrow:before {
  border-bottom-color: #f5c6cb;
}

.b-popover-danger.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.b-popover-danger.bs-popover-auto[x-placement^=bottom]>.arrow:after,
.b-popover-danger.bs-popover-bottom .popover-header:before,
.b-popover-danger.bs-popover-bottom>.arrow:after {
  border-bottom-color: #f6cace;
}

.b-popover-danger.bs-popover-auto[x-placement^=left]>.arrow:before,
.b-popover-danger.bs-popover-left>.arrow:before {
  border-left-color: #f5c6cb;
}

.b-popover-danger.bs-popover-auto[x-placement^=left]>.arrow:after,
.b-popover-danger.bs-popover-left>.arrow:after {
  border-left-color: #f8d7da;
}

.b-popover-danger .popover-header {
  color: #212529;
  background-color: #f6cace;
  border-bottom-color: #f2b4ba;
}

.b-popover-danger .popover-body {
  color: #721c24;
}

.b-popover-light.popover {
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.b-popover-light.bs-popover-auto[x-placement^=top]>.arrow:before,
.b-popover-light.bs-popover-top>.arrow:before {
  border-top-color: #fdfdfe;
}

.b-popover-light.bs-popover-auto[x-placement^=top]>.arrow:after,
.b-popover-light.bs-popover-top>.arrow:after {
  border-top-color: #fefefe;
}

.b-popover-light.bs-popover-auto[x-placement^=right]>.arrow:before,
.b-popover-light.bs-popover-right>.arrow:before {
  border-right-color: #fdfdfe;
}

.b-popover-light.bs-popover-auto[x-placement^=right]>.arrow:after,
.b-popover-light.bs-popover-right>.arrow:after {
  border-right-color: #fefefe;
}

.b-popover-light.bs-popover-auto[x-placement^=bottom]>.arrow:before,
.b-popover-light.bs-popover-bottom>.arrow:before {
  border-bottom-color: #fdfdfe;
}

.b-popover-light.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.b-popover-light.bs-popover-auto[x-placement^=bottom]>.arrow:after,
.b-popover-light.bs-popover-bottom .popover-header:before,
.b-popover-light.bs-popover-bottom>.arrow:after {
  border-bottom-color: #f6f6f6;
}

.b-popover-light.bs-popover-auto[x-placement^=left]>.arrow:before,
.b-popover-light.bs-popover-left>.arrow:before {
  border-left-color: #fdfdfe;
}

.b-popover-light.bs-popover-auto[x-placement^=left]>.arrow:after,
.b-popover-light.bs-popover-left>.arrow:after {
  border-left-color: #fefefe;
}

.b-popover-light .popover-header {
  color: #212529;
  background-color: #f6f6f6;
  border-bottom-color: #eaeaea;
}

.b-popover-light .popover-body {
  color: #818182;
}

.b-popover-dark.popover {
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.b-popover-dark.bs-popover-auto[x-placement^=top]>.arrow:before,
.b-popover-dark.bs-popover-top>.arrow:before {
  border-top-color: #c6c8ca;
}

.b-popover-dark.bs-popover-auto[x-placement^=top]>.arrow:after,
.b-popover-dark.bs-popover-top>.arrow:after {
  border-top-color: #d6d8d9;
}

.b-popover-dark.bs-popover-auto[x-placement^=right]>.arrow:before,
.b-popover-dark.bs-popover-right>.arrow:before {
  border-right-color: #c6c8ca;
}

.b-popover-dark.bs-popover-auto[x-placement^=right]>.arrow:after,
.b-popover-dark.bs-popover-right>.arrow:after {
  border-right-color: #d6d8d9;
}

.b-popover-dark.bs-popover-auto[x-placement^=bottom]>.arrow:before,
.b-popover-dark.bs-popover-bottom>.arrow:before {
  border-bottom-color: #c6c8ca;
}

.b-popover-dark.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.b-popover-dark.bs-popover-auto[x-placement^=bottom]>.arrow:after,
.b-popover-dark.bs-popover-bottom .popover-header:before,
.b-popover-dark.bs-popover-bottom>.arrow:after {
  border-bottom-color: #ced0d2;
}

.b-popover-dark.bs-popover-auto[x-placement^=left]>.arrow:before,
.b-popover-dark.bs-popover-left>.arrow:before {
  border-left-color: #c6c8ca;
}

.b-popover-dark.bs-popover-auto[x-placement^=left]>.arrow:after,
.b-popover-dark.bs-popover-left>.arrow:after {
  border-left-color: #d6d8d9;
}

.b-popover-dark .popover-header {
  color: #212529;
  background-color: #ced0d2;
  border-bottom-color: #c1c4c5;
}

.b-popover-dark .popover-body {
  color: #1b1e21;
}

.b-sidebar-outer {
  right: 0;
  height: 0;
  overflow: visible;
  z-index: 1035;
}

.b-sidebar-backdrop,
.b-sidebar-outer {
  position: fixed !important;
  top: 0;
  left: 0;
}

.b-sidebar-backdrop {
  z-index: -1;
  width: 100vw;
  height: 100vh;
  opacity: .6;
}

.b-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed !important;
  top: 0;
  height: 100vh;
  width: 320px;
  max-width: 100% !important;
  height: 100vh !important;
  margin: 0 !important;
  outline: 0;
  transform: translateX(0);
}

.b-sidebar.slide {
  transition: transform .3s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
  .b-sidebar.slide {
    transition: none;
  }
}

.b-sidebar:not(.b-sidebar-right) {
  left: 0;
  right: auto;
}

.b-sidebar:not(.b-sidebar-right).slide:not(.show) {
  transform: translateX(-100%);
}

.b-sidebar:not(.b-sidebar-right)>.b-sidebar-header .close {
  margin-left: auto;
}

.b-sidebar.b-sidebar-right {
  left: auto;
  right: 0;
}

.b-sidebar.b-sidebar-right.slide:not(.show) {
  transform: translateX(100%);
}

.b-sidebar.b-sidebar-right>.b-sidebar-header .close {
  margin-right: auto;
}

.b-sidebar>.b-sidebar-header {
  font-size: 1.5rem;
  padding: .5rem 1rem;
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  align-items: center;
}

[dir=rtl] .b-sidebar>.b-sidebar-header {
  flex-direction: row-reverse;
}

.b-sidebar>.b-sidebar-header .close {
  float: none;
  font-size: 1.5rem;
}

.b-sidebar>.b-sidebar-body {
  flex-grow: 1;
  height: 100%;
  overflow-y: auto;
}

.b-sidebar>.b-sidebar-footer {
  flex-grow: 0;
}

.table.b-table.b-table-fixed {
  table-layout: fixed;
}

.table.b-table.b-table-no-border-collapse {
  border-collapse: separate;
  border-spacing: 0;
}

.table.b-table[aria-busy=true] {
  opacity: .55;
}

.table.b-table>tbody>tr.b-table-details>td {
  border-top: none !important;
}

.table.b-table>caption {
  caption-side: bottom;
}

.table.b-table.b-table-caption-top>caption {
  caption-side: top !important;
}

.table.b-table>tbody>.table-active,
.table.b-table>tbody>.table-active>td,
.table.b-table>tbody>.table-active>th {
  background-color: rgba(0,0,0,.075);
}

.table.b-table.table-hover>tbody>tr.table-active:hover td,
.table.b-table.table-hover>tbody>tr.table-active:hover th {
  color: #212529;
  background-image: linear-gradient(rgba(0,0,0,.075),rgba(0,0,0,.075));
  background-repeat: no-repeat;
}

.table.b-table>tbody>.bg-active,
.table.b-table>tbody>.bg-active>td,
.table.b-table>tbody>.bg-active>th {
  background-color: hsla(0,0%,100%,.075) !important;
}

.table.b-table.table-hover.table-dark>tbody>tr.bg-active:hover td,
.table.b-table.table-hover.table-dark>tbody>tr.bg-active:hover th {
  color: #fff;
  background-image: linear-gradient(hsla(0,0%,100%,.075),hsla(0,0%,100%,.075));
  background-repeat: no-repeat;
}

.b-table-sticky-header,
.table-responsive,
[class*=table-responsive-] {
  margin-bottom: 1rem;
}

.b-table-sticky-header>.table,
.table-responsive>.table,
[class*=table-responsive-]>.table {
  margin-bottom: 0;
}

.b-table-sticky-header {
  overflow-y: auto;
  max-height: 300px;
}

@media print {
  .b-table-sticky-header {
    overflow-y: visible !important;
    max-height: none !important;
  }
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
  .b-table-sticky-header>.table.b-table>thead>tr>th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .b-table-sticky-header>.table.b-table>tbody>tr>.b-table-sticky-column,
  .b-table-sticky-header>.table.b-table>tfoot>tr>.b-table-sticky-column,
  .b-table-sticky-header>.table.b-table>thead>tr>.b-table-sticky-column,
  .table-responsive>.table.b-table>tbody>tr>.b-table-sticky-column,
  .table-responsive>.table.b-table>tfoot>tr>.b-table-sticky-column,
  .table-responsive>.table.b-table>thead>tr>.b-table-sticky-column,
  [class*=table-responsive-]>.table.b-table>tbody>tr>.b-table-sticky-column,
  [class*=table-responsive-]>.table.b-table>tfoot>tr>.b-table-sticky-column,
  [class*=table-responsive-]>.table.b-table>thead>tr>.b-table-sticky-column {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
  }
  .b-table-sticky-header>.table.b-table>thead>tr>.b-table-sticky-column,
  .table-responsive>.table.b-table>thead>tr>.b-table-sticky-column,
  [class*=table-responsive-]>.table.b-table>thead>tr>.b-table-sticky-column {
    z-index: 5;
  }
  .b-table-sticky-header>.table.b-table>tbody>tr>.b-table-sticky-column,
  .b-table-sticky-header>.table.b-table>tfoot>tr>.b-table-sticky-column,
  .table-responsive>.table.b-table>tbody>tr>.b-table-sticky-column,
  .table-responsive>.table.b-table>tfoot>tr>.b-table-sticky-column,
  [class*=table-responsive-]>.table.b-table>tbody>tr>.b-table-sticky-column,
  [class*=table-responsive-]>.table.b-table>tfoot>tr>.b-table-sticky-column {
    z-index: 2;
  }
  .table.b-table>tbody>tr>.table-b-table-default,
  .table.b-table>tfoot>tr>.table-b-table-default,
  .table.b-table>thead>tr>.table-b-table-default {
    color: #212529;
    background-color: #fff;
  }
  .table.b-table.table-dark>tbody>tr>.bg-b-table-default,
  .table.b-table.table-dark>tfoot>tr>.bg-b-table-default,
  .table.b-table.table-dark>thead>tr>.bg-b-table-default {
    color: #fff;
    background-color: #343a40;
  }
  .table.b-table.table-striped>tbody>tr:nth-of-type(odd)>.table-b-table-default {
    background-image: linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.05));
    background-repeat: no-repeat;
  }
  .table.b-table.table-striped.table-dark>tbody>tr:nth-of-type(odd)>.bg-b-table-default {
    background-image: linear-gradient(hsla(0,0%,100%,.05),hsla(0,0%,100%,.05));
    background-repeat: no-repeat;
  }
  .table.b-table.table-hover>tbody>tr:hover>.table-b-table-default {
    color: #212529;
    background-image: linear-gradient(rgba(0,0,0,.075),rgba(0,0,0,.075));
    background-repeat: no-repeat;
  }
  .table.b-table.table-hover.table-dark>tbody>tr:hover>.bg-b-table-default {
    color: #fff;
    background-image: linear-gradient(hsla(0,0%,100%,.075),hsla(0,0%,100%,.075));
    background-repeat: no-repeat;
  }
}

.table.b-table>tfoot>tr>[aria-sort],
.table.b-table>thead>tr>[aria-sort] {
  cursor: pointer;
  background-image: none;
  background-repeat: no-repeat;
  background-size: .65em 1em;
}

.table.b-table>tfoot>tr>[aria-sort]:not(.b-table-sort-icon-left),
.table.b-table>thead>tr>[aria-sort]:not(.b-table-sort-icon-left) {
  background-position: right .375rem center;
  padding-right: calc(.75rem+.65em);
}

.table.b-table>tfoot>tr>[aria-sort].b-table-sort-icon-left,
.table.b-table>thead>tr>[aria-sort].b-table-sort-icon-left {
  background-position: left .375rem center;
  padding-left: calc(.75rem+.65em);
}

.table.b-table>tfoot>tr>[aria-sort=none],
.table.b-table>thead>tr>[aria-sort=none] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath opacity='.3' d='M51 1l25 23 24 22H1l25-22zm0 100l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}

.table.b-table>tfoot>tr>[aria-sort=ascending],
.table.b-table>thead>tr>[aria-sort=ascending] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}

.table.b-table>tfoot>tr>[aria-sort=descending],
.table.b-table>thead>tr>[aria-sort=descending] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}

.table.b-table.table-dark>tfoot>tr>[aria-sort=none],
.table.b-table.table-dark>thead>tr>[aria-sort=none],
.table.b-table>.thead-dark>tr>[aria-sort=none] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' opacity='.3' d='M51 1l25 23 24 22H1l25-22zm0 100l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}

.table.b-table.table-dark>tfoot>tr>[aria-sort=ascending],
.table.b-table.table-dark>thead>tr>[aria-sort=ascending],
.table.b-table>.thead-dark>tr>[aria-sort=ascending] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath fill='%23fff' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}

.table.b-table.table-dark>tfoot>tr>[aria-sort=descending],
.table.b-table.table-dark>thead>tr>[aria-sort=descending],
.table.b-table>.thead-dark>tr>[aria-sort=descending] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath fill='%23fff' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}

.table.b-table>tfoot>tr>.table-dark[aria-sort=none],
.table.b-table>thead>tr>.table-dark[aria-sort=none] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' opacity='.3' d='M51 1l25 23 24 22H1l25-22zm0 100l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}

.table.b-table>tfoot>tr>.table-dark[aria-sort=ascending],
.table.b-table>thead>tr>.table-dark[aria-sort=ascending] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath fill='%23fff' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}

.table.b-table>tfoot>tr>.table-dark[aria-sort=descending],
.table.b-table>thead>tr>.table-dark[aria-sort=descending] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3E%3Cpath fill='%23fff' d='M51 101l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
}

.table.b-table.table-sm>tfoot>tr>[aria-sort]:not(.b-table-sort-icon-left),
.table.b-table.table-sm>thead>tr>[aria-sort]:not(.b-table-sort-icon-left) {
  background-position: right .15rem center;
  padding-right: calc(.3rem+.65em);
}

.table.b-table.table-sm>tfoot>tr>[aria-sort].b-table-sort-icon-left,
.table.b-table.table-sm>thead>tr>[aria-sort].b-table-sort-icon-left {
  background-position: left .15rem center;
  padding-left: calc(.3rem+.65em);
}

.table.b-table.b-table-selectable:not(.b-table-selectable-no-click)>tbody>tr {
  cursor: pointer;
}

.table.b-table.b-table-selectable:not(.b-table-selectable-no-click).b-table-selecting.b-table-select-range>tbody>tr {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (max-width:575.98px) {
  .table.b-table.b-table-stacked-sm {
    display: block;
    width: 100%;
  }
  .table.b-table.b-table-stacked-sm>caption,
  .table.b-table.b-table-stacked-sm>tbody,
  .table.b-table.b-table-stacked-sm>tbody>tr,
  .table.b-table.b-table-stacked-sm>tbody>tr>td,
  .table.b-table.b-table-stacked-sm>tbody>tr>th {
    display: block;
  }
  .table.b-table.b-table-stacked-sm>tfoot,
  .table.b-table.b-table-stacked-sm>tfoot>tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-sm>tfoot>tr.b-table-top-row,
  .table.b-table.b-table-stacked-sm>thead,
  .table.b-table.b-table-stacked-sm>thead>tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-sm>thead>tr.b-table-top-row {
    display: none;
  }
  .table.b-table.b-table-stacked-sm>caption {
    caption-side: top !important;
  }
  .table.b-table.b-table-stacked-sm>tbody>tr>[data-label]:before {
    content: attr(data-label);
    width: 40%;
    float: left;
    text-align: right;
    word-wrap: break-word;
    font-weight: 700;
    font-style: normal;
    padding: 0 .5rem 0 0;
    margin: 0;
  }
  .table.b-table.b-table-stacked-sm>tbody>tr>[data-label]:after {
    display: block;
    clear: both;
    content: "";
  }
  .table.b-table.b-table-stacked-sm>tbody>tr>[data-label]>div {
    display: inline-block;
    width: 60%;
    padding: 0 0 0 .5rem;
    margin: 0;
  }
  .table.b-table.b-table-stacked-sm>tbody>tr.bottom-row,
  .table.b-table.b-table-stacked-sm>tbody>tr.top-row {
    display: none;
  }
  .table.b-table.b-table-stacked-sm>tbody>tr>:first-child,
  .table.b-table.b-table-stacked-sm>tbody>tr>[rowspan]+td,
  .table.b-table.b-table-stacked-sm>tbody>tr>[rowspan]+th {
    border-top-width: 3px;
  }
}

@media (max-width:767.98px) {
  .table.b-table.b-table-stacked-md {
    display: block;
    width: 100%;
  }
  .table.b-table.b-table-stacked-md>caption,
  .table.b-table.b-table-stacked-md>tbody,
  .table.b-table.b-table-stacked-md>tbody>tr,
  .table.b-table.b-table-stacked-md>tbody>tr>td,
  .table.b-table.b-table-stacked-md>tbody>tr>th {
    display: block;
  }
  .table.b-table.b-table-stacked-md>tfoot,
  .table.b-table.b-table-stacked-md>tfoot>tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-md>tfoot>tr.b-table-top-row,
  .table.b-table.b-table-stacked-md>thead,
  .table.b-table.b-table-stacked-md>thead>tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-md>thead>tr.b-table-top-row {
    display: none;
  }
  .table.b-table.b-table-stacked-md>caption {
    caption-side: top !important;
  }
  .table.b-table.b-table-stacked-md>tbody>tr>[data-label]:before {
    content: attr(data-label);
    width: 40%;
    float: left;
    text-align: right;
    word-wrap: break-word;
    font-weight: 700;
    font-style: normal;
    padding: 0 .5rem 0 0;
    margin: 0;
  }
  .table.b-table.b-table-stacked-md>tbody>tr>[data-label]:after {
    display: block;
    clear: both;
    content: "";
  }
  .table.b-table.b-table-stacked-md>tbody>tr>[data-label]>div {
    display: inline-block;
    width: 60%;
    padding: 0 0 0 .5rem;
    margin: 0;
  }
  .table.b-table.b-table-stacked-md>tbody>tr.bottom-row,
  .table.b-table.b-table-stacked-md>tbody>tr.top-row {
    display: none;
  }
  .table.b-table.b-table-stacked-md>tbody>tr>:first-child,
  .table.b-table.b-table-stacked-md>tbody>tr>[rowspan]+td,
  .table.b-table.b-table-stacked-md>tbody>tr>[rowspan]+th {
    border-top-width: 3px;
  }
}

@media (max-width:991.98px) {
  .table.b-table.b-table-stacked-lg {
    display: block;
    width: 100%;
  }
  .table.b-table.b-table-stacked-lg>caption,
  .table.b-table.b-table-stacked-lg>tbody,
  .table.b-table.b-table-stacked-lg>tbody>tr,
  .table.b-table.b-table-stacked-lg>tbody>tr>td,
  .table.b-table.b-table-stacked-lg>tbody>tr>th {
    display: block;
  }
  .table.b-table.b-table-stacked-lg>tfoot,
  .table.b-table.b-table-stacked-lg>tfoot>tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-lg>tfoot>tr.b-table-top-row,
  .table.b-table.b-table-stacked-lg>thead,
  .table.b-table.b-table-stacked-lg>thead>tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-lg>thead>tr.b-table-top-row {
    display: none;
  }
  .table.b-table.b-table-stacked-lg>caption {
    caption-side: top !important;
  }
  .table.b-table.b-table-stacked-lg>tbody>tr>[data-label]:before {
    content: attr(data-label);
    width: 40%;
    float: left;
    text-align: right;
    word-wrap: break-word;
    font-weight: 700;
    font-style: normal;
    padding: 0 .5rem 0 0;
    margin: 0;
  }
  .table.b-table.b-table-stacked-lg>tbody>tr>[data-label]:after {
    display: block;
    clear: both;
    content: "";
  }
  .table.b-table.b-table-stacked-lg>tbody>tr>[data-label]>div {
    display: inline-block;
    width: 60%;
    padding: 0 0 0 .5rem;
    margin: 0;
  }
  .table.b-table.b-table-stacked-lg>tbody>tr.bottom-row,
  .table.b-table.b-table-stacked-lg>tbody>tr.top-row {
    display: none;
  }
  .table.b-table.b-table-stacked-lg>tbody>tr>:first-child,
  .table.b-table.b-table-stacked-lg>tbody>tr>[rowspan]+td,
  .table.b-table.b-table-stacked-lg>tbody>tr>[rowspan]+th {
    border-top-width: 3px;
  }
}

@media (max-width:1199.98px) {
  .table.b-table.b-table-stacked-xl {
    display: block;
    width: 100%;
  }
  .table.b-table.b-table-stacked-xl>caption,
  .table.b-table.b-table-stacked-xl>tbody,
  .table.b-table.b-table-stacked-xl>tbody>tr,
  .table.b-table.b-table-stacked-xl>tbody>tr>td,
  .table.b-table.b-table-stacked-xl>tbody>tr>th {
    display: block;
  }
  .table.b-table.b-table-stacked-xl>tfoot,
  .table.b-table.b-table-stacked-xl>tfoot>tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-xl>tfoot>tr.b-table-top-row,
  .table.b-table.b-table-stacked-xl>thead,
  .table.b-table.b-table-stacked-xl>thead>tr.b-table-bottom-row,
  .table.b-table.b-table-stacked-xl>thead>tr.b-table-top-row {
    display: none;
  }
  .table.b-table.b-table-stacked-xl>caption {
    caption-side: top !important;
  }
  .table.b-table.b-table-stacked-xl>tbody>tr>[data-label]:before {
    content: attr(data-label);
    width: 40%;
    float: left;
    text-align: right;
    word-wrap: break-word;
    font-weight: 700;
    font-style: normal;
    padding: 0 .5rem 0 0;
    margin: 0;
  }
  .table.b-table.b-table-stacked-xl>tbody>tr>[data-label]:after {
    display: block;
    clear: both;
    content: "";
  }
  .table.b-table.b-table-stacked-xl>tbody>tr>[data-label]>div {
    display: inline-block;
    width: 60%;
    padding: 0 0 0 .5rem;
    margin: 0;
  }
  .table.b-table.b-table-stacked-xl>tbody>tr.bottom-row,
  .table.b-table.b-table-stacked-xl>tbody>tr.top-row {
    display: none;
  }
  .table.b-table.b-table-stacked-xl>tbody>tr>:first-child,
  .table.b-table.b-table-stacked-xl>tbody>tr>[rowspan]+td,
  .table.b-table.b-table-stacked-xl>tbody>tr>[rowspan]+th {
    border-top-width: 3px;
  }
}

.table.b-table.b-table-stacked {
  display: block;
  width: 100%;
}

.table.b-table.b-table-stacked>caption,
.table.b-table.b-table-stacked>tbody,
.table.b-table.b-table-stacked>tbody>tr,
.table.b-table.b-table-stacked>tbody>tr>td,
.table.b-table.b-table-stacked>tbody>tr>th {
  display: block;
}

.table.b-table.b-table-stacked>tfoot,
.table.b-table.b-table-stacked>tfoot>tr.b-table-bottom-row,
.table.b-table.b-table-stacked>tfoot>tr.b-table-top-row,
.table.b-table.b-table-stacked>thead,
.table.b-table.b-table-stacked>thead>tr.b-table-bottom-row,
.table.b-table.b-table-stacked>thead>tr.b-table-top-row {
  display: none;
}

.table.b-table.b-table-stacked>caption {
  caption-side: top !important;
}

.table.b-table.b-table-stacked>tbody>tr>[data-label]:before {
  content: attr(data-label);
  width: 40%;
  float: left;
  text-align: right;
  word-wrap: break-word;
  font-weight: 700;
  font-style: normal;
  padding: 0 .5rem 0 0;
  margin: 0;
}

.table.b-table.b-table-stacked>tbody>tr>[data-label]:after {
  display: block;
  clear: both;
  content: "";
}

.table.b-table.b-table-stacked>tbody>tr>[data-label]>div {
  display: inline-block;
  width: 60%;
  padding: 0 0 0 .5rem;
  margin: 0;
}

.table.b-table.b-table-stacked>tbody>tr.bottom-row,
.table.b-table.b-table-stacked>tbody>tr.top-row {
  display: none;
}

.table.b-table.b-table-stacked>tbody>tr>:first-child,
.table.b-table.b-table-stacked>tbody>tr>[rowspan]+td,
.table.b-table.b-table-stacked>tbody>tr>[rowspan]+th {
  border-top-width: 3px;
}

.b-time {
  min-width: 150px;
}

.b-time[aria-disabled=true] output,
.b-time[aria-readonly=true] output,
.b-time output.disabled {
  background-color: #e9ecef;
  opacity: 1;
}

.b-time[aria-disabled=true] output {
  pointer-events: none;
}

[dir=rtl] .b-time>.d-flex:not(.flex-column) {
  flex-direction: row-reverse;
}

.b-time .b-time-header {
  margin-bottom: .5rem;
}

.b-time .b-time-header output {
  padding: .25rem;
  font-size: 80%;
}

.b-time .b-time-footer {
  margin-top: .5rem;
}

.b-time .b-time-ampm {
  margin-left: .5rem;
}

.b-toast {
  display: block;
  position: relative;
  max-width: 350px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-clip: padding-box;
  z-index: 1;
  border-radius: .25rem;
}

.b-toast .toast {
  background-color: hsla(0,0%,100%,.85);
}

.b-toast:not(:last-child) {
  margin-bottom: .75rem;
}

.b-toast.b-toast-solid .toast {
  background-color: #fff;
}

.b-toast .toast {
  opacity: 1;
}

.b-toast .toast.fade:not(.show) {
  opacity: 0;
}

.b-toast .toast .toast-body {
  display: block;
}

.b-toast-primary .toast {
  background-color: rgba(230,242,255,.85);
  border-color: rgba(184,218,255,.85);
  color: #004085;
}

.b-toast-primary .toast .toast-header {
  color: #004085;
  background-color: rgba(204,229,255,.85);
  border-bottom-color: rgba(184,218,255,.85);
}

.b-toast-primary.b-toast-solid .toast {
  background-color: #e6f2ff;
}

.b-toast-secondary .toast {
  background-color: rgba(239,240,241,.85);
  border-color: rgba(214,216,219,.85);
  color: #383d41;
}

.b-toast-secondary .toast .toast-header {
  color: #383d41;
  background-color: rgba(226,227,229,.85);
  border-bottom-color: rgba(214,216,219,.85);
}

.b-toast-secondary.b-toast-solid .toast {
  background-color: #eff0f1;
}

.b-toast-success .toast {
  background-color: rgba(230,245,233,.85);
  border-color: rgba(195,230,203,.85);
  color: #155724;
}

.b-toast-success .toast .toast-header {
  color: #155724;
  background-color: rgba(212,237,218,.85);
  border-bottom-color: rgba(195,230,203,.85);
}

.b-toast-success.b-toast-solid .toast {
  background-color: #e6f5e9;
}

.b-toast-info .toast {
  background-color: rgba(229,244,247,.85);
  border-color: rgba(190,229,235,.85);
  color: #0c5460;
}

.b-toast-info .toast .toast-header {
  color: #0c5460;
  background-color: rgba(209,236,241,.85);
  border-bottom-color: rgba(190,229,235,.85);
}

.b-toast-info.b-toast-solid .toast {
  background-color: #e5f4f7;
}

.b-toast-warning .toast {
  background-color: rgba(255,249,231,.85);
  border-color: rgba(255,238,186,.85);
  color: #856404;
}

.b-toast-warning .toast .toast-header {
  color: #856404;
  background-color: rgba(255,243,205,.85);
  border-bottom-color: rgba(255,238,186,.85);
}

.b-toast-warning.b-toast-solid .toast {
  background-color: #fff9e7;
}

.b-toast-danger .toast {
  background-color: rgba(252,237,238,.85);
  border-color: rgba(245,198,203,.85);
  color: #721c24;
}

.b-toast-danger .toast .toast-header {
  color: #721c24;
  background-color: rgba(248,215,218,.85);
  border-bottom-color: rgba(245,198,203,.85);
}

.b-toast-danger.b-toast-solid .toast {
  background-color: #fcedee;
}

.b-toast-light .toast {
  background-color: hsla(0,0%,100%,.85);
  border-color: rgba(253,253,254,.85);
  color: #818182;
}

.b-toast-light .toast .toast-header {
  color: #818182;
  background-color: hsla(0,0%,99.6%,.85);
  border-bottom-color: rgba(253,253,254,.85);
}

.b-toast-light.b-toast-solid .toast {
  background-color: #fff;
}

.b-toast-dark .toast {
  background-color: rgba(227,229,229,.85);
  border-color: rgba(198,200,202,.85);
  color: #1b1e21;
}

.b-toast-dark .toast .toast-header {
  color: #1b1e21;
  background-color: rgba(214,216,217,.85);
  border-bottom-color: rgba(198,200,202,.85);
}

.b-toast-dark.b-toast-solid .toast {
  background-color: #e3e5e5;
}

.b-toaster {
  z-index: 1100;
}

.b-toaster .b-toaster-slot {
  position: relative;
  display: block;
}

.b-toaster .b-toaster-slot:empty {
  display: none !important;
}

.b-toaster.b-toaster-bottom-center,
.b-toaster.b-toaster-bottom-full,
.b-toaster.b-toaster-bottom-left,
.b-toaster.b-toaster-bottom-right,
.b-toaster.b-toaster-top-center,
.b-toaster.b-toaster-top-full,
.b-toaster.b-toaster-top-left,
.b-toaster.b-toaster-top-right {
  position: fixed;
  left: .5rem;
  right: .5rem;
  margin: 0;
  padding: 0;
  height: 0;
  overflow: visible;
}

.b-toaster.b-toaster-bottom-center .b-toaster-slot,
.b-toaster.b-toaster-bottom-full .b-toaster-slot,
.b-toaster.b-toaster-bottom-left .b-toaster-slot,
.b-toaster.b-toaster-bottom-right .b-toaster-slot,
.b-toaster.b-toaster-top-center .b-toaster-slot,
.b-toaster.b-toaster-top-full .b-toaster-slot,
.b-toaster.b-toaster-top-left .b-toaster-slot,
.b-toaster.b-toaster-top-right .b-toaster-slot {
  position: absolute;
  max-width: 350px;
  width: 100%;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
}

.b-toaster.b-toaster-bottom-full .b-toaster-slot,
.b-toaster.b-toaster-bottom-full .b-toaster-slot .b-toast,
.b-toaster.b-toaster-bottom-full .b-toaster-slot .toast,
.b-toaster.b-toaster-top-full .b-toaster-slot,
.b-toaster.b-toaster-top-full .b-toaster-slot .b-toast,
.b-toaster.b-toaster-top-full .b-toaster-slot .toast {
  width: 100%;
  max-width: 100%;
}

.b-toaster.b-toaster-top-center,
.b-toaster.b-toaster-top-full,
.b-toaster.b-toaster-top-left,
.b-toaster.b-toaster-top-right {
  top: 0;
}

.b-toaster.b-toaster-top-center .b-toaster-slot,
.b-toaster.b-toaster-top-full .b-toaster-slot,
.b-toaster.b-toaster-top-left .b-toaster-slot,
.b-toaster.b-toaster-top-right .b-toaster-slot {
  top: .5rem;
}

.b-toaster.b-toaster-bottom-center,
.b-toaster.b-toaster-bottom-full,
.b-toaster.b-toaster-bottom-left,
.b-toaster.b-toaster-bottom-right {
  bottom: 0;
}

.b-toaster.b-toaster-bottom-center .b-toaster-slot,
.b-toaster.b-toaster-bottom-full .b-toaster-slot,
.b-toaster.b-toaster-bottom-left .b-toaster-slot,
.b-toaster.b-toaster-bottom-right .b-toaster-slot {
  bottom: .5rem;
}

.b-toaster.b-toaster-bottom-center .b-toaster-slot,
.b-toaster.b-toaster-bottom-right .b-toaster-slot,
.b-toaster.b-toaster-top-center .b-toaster-slot,
.b-toaster.b-toaster-top-right .b-toaster-slot {
  margin-left: auto;
}

.b-toaster.b-toaster-bottom-center .b-toaster-slot,
.b-toaster.b-toaster-bottom-left .b-toaster-slot,
.b-toaster.b-toaster-top-center .b-toaster-slot,
.b-toaster.b-toaster-top-left .b-toaster-slot {
  margin-right: auto;
}

.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active,
.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active,
.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-move,
.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active,
.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active,
.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-move,
.b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active,
.b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active,
.b-toaster.b-toaster-top-left .b-toast.b-toaster-move,
.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active,
.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active,
.b-toaster.b-toaster-top-right .b-toast.b-toaster-move {
  transition: transform .175s;
}

.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active .toast.fade,
.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-to .toast.fade,
.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active .toast.fade,
.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-to .toast.fade,
.b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active .toast.fade,
.b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-to .toast.fade,
.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active .toast.fade,
.b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-to .toast.fade {
  transition-delay: .175s;
}

.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active,
.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active,
.b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active,
.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active {
  position: absolute;
  transition-delay: .175s;
}

.b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active .toast.fade,
.b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active .toast.fade,
.b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active .toast.fade,
.b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active .toast.fade {
  transition-delay: 0s;
}

.tooltip.b-tooltip {
  display: block;
  opacity: .9;
  outline: 0;
}

.tooltip.b-tooltip.fade:not(.show) {
  opacity: 0;
}

.tooltip.b-tooltip.show {
  opacity: .9;
}

.tooltip.b-tooltip.noninteractive {
  pointer-events: none;
}

.tooltip.b-tooltip .arrow {
  margin: 0 .25rem;
}

.tooltip.b-tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow,
.tooltip.b-tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow,
.tooltip.b-tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow,
.tooltip.b-tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow,
.tooltip.b-tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow,
.tooltip.b-tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow,
.tooltip.b-tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow,
.tooltip.b-tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow,
.tooltip.b-tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow,
.tooltip.b-tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow,
.tooltip.b-tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow,
.tooltip.b-tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow,
.tooltip.b-tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow,
.tooltip.b-tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow,
.tooltip.b-tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow,
.tooltip.b-tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow,
.tooltip.b-tooltip.bs-tooltip-left .arrow,
.tooltip.b-tooltip.bs-tooltip-right .arrow {
  margin: .25rem 0;
}

.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=top] .arrow:before,
.tooltip.b-tooltip-primary.bs-tooltip-top .arrow:before {
  border-top-color: #007bff;
}

.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow:before,
.tooltip.b-tooltip-primary.bs-tooltip-right .arrow:before {
  border-right-color: #007bff;
}

.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.tooltip.b-tooltip-primary.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #007bff;
}

.tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow:before,
.tooltip.b-tooltip-primary.bs-tooltip-left .arrow:before {
  border-left-color: #007bff;
}

.tooltip.b-tooltip-primary .tooltip-inner {
  color: #fff;
  background-color: #007bff;
}

.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=top] .arrow:before,
.tooltip.b-tooltip-secondary.bs-tooltip-top .arrow:before {
  border-top-color: #6c757d;
}

.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow:before,
.tooltip.b-tooltip-secondary.bs-tooltip-right .arrow:before {
  border-right-color: #6c757d;
}

.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.tooltip.b-tooltip-secondary.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #6c757d;
}

.tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow:before,
.tooltip.b-tooltip-secondary.bs-tooltip-left .arrow:before {
  border-left-color: #6c757d;
}

.tooltip.b-tooltip-secondary .tooltip-inner {
  color: #fff;
  background-color: #6c757d;
}

.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=top] .arrow:before,
.tooltip.b-tooltip-success.bs-tooltip-top .arrow:before {
  border-top-color: #28a745;
}

.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow:before,
.tooltip.b-tooltip-success.bs-tooltip-right .arrow:before {
  border-right-color: #28a745;
}

.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.tooltip.b-tooltip-success.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #28a745;
}

.tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow:before,
.tooltip.b-tooltip-success.bs-tooltip-left .arrow:before {
  border-left-color: #28a745;
}

.tooltip.b-tooltip-success .tooltip-inner {
  color: #fff;
  background-color: #28a745;
}

.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=top] .arrow:before,
.tooltip.b-tooltip-info.bs-tooltip-top .arrow:before {
  border-top-color: #17a2b8;
}

.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow:before,
.tooltip.b-tooltip-info.bs-tooltip-right .arrow:before {
  border-right-color: #17a2b8;
}

.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.tooltip.b-tooltip-info.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #17a2b8;
}

.tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow:before,
.tooltip.b-tooltip-info.bs-tooltip-left .arrow:before {
  border-left-color: #17a2b8;
}

.tooltip.b-tooltip-info .tooltip-inner {
  color: #fff;
  background-color: #17a2b8;
}

.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=top] .arrow:before,
.tooltip.b-tooltip-warning.bs-tooltip-top .arrow:before {
  border-top-color: #ffc107;
}

.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow:before,
.tooltip.b-tooltip-warning.bs-tooltip-right .arrow:before {
  border-right-color: #ffc107;
}

.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.tooltip.b-tooltip-warning.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #ffc107;
}

.tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow:before,
.tooltip.b-tooltip-warning.bs-tooltip-left .arrow:before {
  border-left-color: #ffc107;
}

.tooltip.b-tooltip-warning .tooltip-inner {
  color: #212529;
  background-color: #ffc107;
}

.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=top] .arrow:before,
.tooltip.b-tooltip-danger.bs-tooltip-top .arrow:before {
  border-top-color: #dc3545;
}

.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow:before,
.tooltip.b-tooltip-danger.bs-tooltip-right .arrow:before {
  border-right-color: #dc3545;
}

.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.tooltip.b-tooltip-danger.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #dc3545;
}

.tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow:before,
.tooltip.b-tooltip-danger.bs-tooltip-left .arrow:before {
  border-left-color: #dc3545;
}

.tooltip.b-tooltip-danger .tooltip-inner {
  color: #fff;
  background-color: #dc3545;
}

.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=top] .arrow:before,
.tooltip.b-tooltip-light.bs-tooltip-top .arrow:before {
  border-top-color: #f8f9fa;
}

.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow:before,
.tooltip.b-tooltip-light.bs-tooltip-right .arrow:before {
  border-right-color: #f8f9fa;
}

.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.tooltip.b-tooltip-light.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #f8f9fa;
}

.tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow:before,
.tooltip.b-tooltip-light.bs-tooltip-left .arrow:before {
  border-left-color: #f8f9fa;
}

.tooltip.b-tooltip-light .tooltip-inner {
  color: #212529;
  background-color: #f8f9fa;
}

.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=top] .arrow:before,
.tooltip.b-tooltip-dark.bs-tooltip-top .arrow:before {
  border-top-color: #343a40;
}

.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow:before,
.tooltip.b-tooltip-dark.bs-tooltip-right .arrow:before {
  border-right-color: #343a40;
}

.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=bottom] .arrow:before,
.tooltip.b-tooltip-dark.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #343a40;
}

.tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow:before,
.tooltip.b-tooltip-dark.bs-tooltip-left .arrow:before {
  border-left-color: #343a40;
}

.tooltip.b-tooltip-dark .tooltip-inner {
  color: #fff;
  background-color: #343a40;
}

.b-icon.bi {
  display: inline-block;
  overflow: visible;
  vertical-align: -.15em;
}

.b-icon.b-icon-animation-cylon,
.b-icon.b-iconstack .b-icon-animation-cylon>g {
  transform-origin: center;
  -webkit-animation: b-icon-animation-cylon .75s ease-in-out infinite alternate;
  animation: b-icon-animation-cylon .75s ease-in-out infinite alternate;
}

@media (prefers-reduced-motion:reduce) {
  .b-icon.b-icon-animation-cylon,
  .b-icon.b-iconstack .b-icon-animation-cylon>g {
    -webkit-animation: none;
    animation: none;
  }
}

.b-icon.b-icon-animation-cylon-vertical,
.b-icon.b-iconstack .b-icon-animation-cylon-vertical>g {
  transform-origin: center;
  -webkit-animation: b-icon-animation-cylon-vertical .75s ease-in-out infinite alternate;
  animation: b-icon-animation-cylon-vertical .75s ease-in-out infinite alternate;
}

@media (prefers-reduced-motion:reduce) {
  .b-icon.b-icon-animation-cylon-vertical,
  .b-icon.b-iconstack .b-icon-animation-cylon-vertical>g {
    -webkit-animation: none;
    animation: none;
  }
}

.b-icon.b-icon-animation-fade,
.b-icon.b-iconstack .b-icon-animation-fade>g {
  transform-origin: center;
  -webkit-animation: b-icon-animation-fade .75s ease-in-out infinite alternate;
  animation: b-icon-animation-fade .75s ease-in-out infinite alternate;
}

@media (prefers-reduced-motion:reduce) {
  .b-icon.b-icon-animation-fade,
  .b-icon.b-iconstack .b-icon-animation-fade>g {
    -webkit-animation: none;
    animation: none;
  }
}

.b-icon.b-icon-animation-spin,
.b-icon.b-iconstack .b-icon-animation-spin>g {
  transform-origin: center;
  -webkit-animation: b-icon-animation-spin 2s linear infinite normal;
  animation: b-icon-animation-spin 2s linear infinite normal;
}

@media (prefers-reduced-motion:reduce) {
  .b-icon.b-icon-animation-spin,
  .b-icon.b-iconstack .b-icon-animation-spin>g {
    -webkit-animation: none;
    animation: none;
  }
}

.b-icon.b-icon-animation-spin-reverse,
.b-icon.b-iconstack .b-icon-animation-spin-reverse>g {
  transform-origin: center;
  animation: b-icon-animation-spin 2s linear infinite reverse;
}

@media (prefers-reduced-motion:reduce) {
  .b-icon.b-icon-animation-spin-reverse,
  .b-icon.b-iconstack .b-icon-animation-spin-reverse>g {
    -webkit-animation: none;
    animation: none;
  }
}

.b-icon.b-icon-animation-spin-pulse,
.b-icon.b-iconstack .b-icon-animation-spin-pulse>g {
  transform-origin: center;
  -webkit-animation: b-icon-animation-spin 1s steps(8) infinite normal;
  animation: b-icon-animation-spin 1s steps(8) infinite normal;
}

@media (prefers-reduced-motion:reduce) {
  .b-icon.b-icon-animation-spin-pulse,
  .b-icon.b-iconstack .b-icon-animation-spin-pulse>g {
    -webkit-animation: none;
    animation: none;
  }
}

.b-icon.b-icon-animation-spin-reverse-pulse,
.b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse>g {
  transform-origin: center;
  animation: b-icon-animation-spin 1s steps(8) infinite reverse;
}

@media (prefers-reduced-motion:reduce) {
  .b-icon.b-icon-animation-spin-reverse-pulse,
  .b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse>g {
    -webkit-animation: none;
    animation: none;
  }
}

.b-icon.b-icon-animation-throb,
.b-icon.b-iconstack .b-icon-animation-throb>g {
  transform-origin: center;
  -webkit-animation: b-icon-animation-throb .75s ease-in-out infinite alternate;
  animation: b-icon-animation-throb .75s ease-in-out infinite alternate;
}

@media (prefers-reduced-motion:reduce) {
  .b-icon.b-icon-animation-throb,
  .b-icon.b-iconstack .b-icon-animation-throb>g {
    -webkit-animation: none;
    animation: none;
  }
}

@-webkit-keyframes b-icon-animation-cylon {
  0% {
    transform: translateX(-25%);
  }
  to {
    transform: translateX(25%);
  }
}

@keyframes b-icon-animation-cylon {
  0% {
    transform: translateX(-25%);
  }
  to {
    transform: translateX(25%);
  }
}

@-webkit-keyframes b-icon-animation-cylon-vertical {
  0% {
    transform: translateY(25%);
  }
  to {
    transform: translateY(-25%);
  }
}

@keyframes b-icon-animation-cylon-vertical {
  0% {
    transform: translateY(25%);
  }
  to {
    transform: translateY(-25%);
  }
}

@-webkit-keyframes b-icon-animation-fade {
  0% {
    opacity: .1;
  }
}

@keyframes b-icon-animation-fade {
  0% {
    opacity: .1;
  }
}

@-webkit-keyframes b-icon-animation-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes b-icon-animation-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@-webkit-keyframes b-icon-animation-throb {
  0% {
    opacity: .5;
    transform: scale(.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes b-icon-animation-throb {
  0% {
    opacity: .5;
    transform: scale(.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.btn .b-icon.bi,
.dropdown-item .b-icon.bi,
.dropdown-toggle .b-icon.bi,
.input-group-text .b-icon.bi,
.nav-link .b-icon.bi {
  font-size: 125%;
  vertical-align: text-bottom;
}