:root{
	--wx-main: #333;
	
    --wx-primary: #045184;
	--wx-primary-hover: #066fb6;
	--wx-primary-rgba: 4, 81, 132;
    --wx-primary-dark-v1: #044b7a;
    --wx-primary-dark-v2: #03426b;
    --wx-primary-dark-v3: #033353;

}

html {
  font-size: 14px;
}

body {
  font-weight: 400;
  font-size: 1rem;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  color: var(--wx-main);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
  text-rendering: optimizelegibility;
  background-color: #fff;
}

a {
  color: var(--wx-primary);
  outline: none;
}

a:focus,
a:hover {
  color: var(--wx-primary-dark-v2);
}

.nav-link {
  color: var(--wx-main);
}

.nav-link:focus,
.nav-link:hover {
  color: var(--wx-main);
}

figure {
  margin-bottom: 0;
}

/*------------------------------------
  Headings
------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, .h7,
h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
}


/*------------------------------------
  Highlight Color
------------------------------------*/
::-moz-selection {
  color: #fff;
  background-color: var(--wx-primary);
}

::selection {
  color: #fff;
  background-color: var(--wx-primary);
}

.g-bg-primary ::-moz-selection {
  color: var(--wx-primary);
  background-color: #fff;
}

.g-bg-primary ::selection {
  color: var(--wx-primary);
  background-color: #fff;
}


/*------------------------------------
  Alerts
------------------------------------*/
/* Alert Close Button */
.u-alert-close--light {
  font-weight: 300;
  color: #000;
  opacity: .7;
  text-shadow: none;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  font-size: 18px;
  cursor: pointer;
}

.u-alert-close--light:hover {
  opacity: 1;
}

.u-alert-close--light:focus, .u-alert-close--light:active:focus {
  outline: 0 none;
  -webkit-box-shadow: none;
          box-shadow: none;
}


/*------------------------------------
  Arrows
------------------------------------*/
.u-arrow-v1 { cursor: pointer; }
.u-arrow-v1::before {
  display: inline-block;
  position: relative;
  top: 50%;
  left: 50%;
  vertical-align: top;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.u-arrow-v1[class*="abs"]::before {
  position: absolute;
}




/*------------------------------------
  Badges
------------------------------------*/
.u-badge-v1 {
 position: absolute;
  display: inline-block;
  text-align: center;
  font-size: 0.92857rem;
  color: #555;
  z-index: 3;
	top: 0;
	right: 0;
	-webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
		  
  background-color: #ddd;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
		  
  min-width: 1.28571rem;
  min-height: 1.28571rem;
  line-height: 1.28571rem;
  padding: 0.21429rem;
}

.u-badge-v1.g-brd-around {
  line-height: 1.14286rem;
}




hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}


/* Solid Divider */
.u-divider-solid {
  border-top-style: solid;
}

/* Dotted Divider */
.u-divider-dotted {
  border-top-style: dotted;
}

/* Dashed Divider */
.u-divider-dashed {
  border-top-style: dashed;
}

/* Double Solid Divider */
.u-divider-db-solid {
  height: 5px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

/* Double Dashed Divider */
.u-divider-db-dashed {
  height: 5px;
  border-top: 1px dashed transparent;
  border-bottom: 1px dashed transparent;
}

/* Double Dotted Divider */
.u-divider-db-dotted {
  height: 5px;
  border-top: 1px dotted transparent;
  border-bottom: 1px dotted transparent;
}

/* Linear Gradient Divider */
.u-divider-linear-gradient {
  height: 1px;
  border: none;
}

.u-divider-linear-gradient--gray-light-v2 {
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#ccc), to(transparent));
  background-image: -webkit-linear-gradient(left, transparent, #ccc, transparent);
  background-image: -o-linear-gradient(left, transparent, #ccc, transparent);
  background-image: linear-gradient(to right, transparent, #ccc, transparent);
}

.u-divider-linear-gradient--gray-light-v3 {
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#ddd), to(transparent));
  background-image: -webkit-linear-gradient(left, transparent, #ddd, transparent);
  background-image: -o-linear-gradient(left, transparent, #ddd, transparent);
  background-image: linear-gradient(to right, transparent, #ddd, transparent);
}

.u-divider {
  position: relative;
  border-top-width: 1px;
}

.u-divider__icon {
  position: absolute;
  top: -1.42857rem;
  width: 2.85714rem;
  height: 2.85714rem;
  font-size: 1.28571rem;
  line-height: 2.85714rem;
  text-align: center;
  font-style: normal;
}

.u-divider__icon--indented {
  -webkit-box-shadow: 0 0 0 15px #fff;
          box-shadow: 0 0 0 15px #fff;
}

.u-divider-center {
  text-align: center;
}

.u-divider-right {
  text-align: right;
}

.u-divider-center .u-divider__icon {
  left: auto;
  right: auto;
  margin-left: -1.42857rem;
}

.u-divider-right .u-divider__icon {
  left: auto;
  right: 0;
}




/*------------------------------------
  Go To v1
------------------------------------*/
[class*="u-go-to"] {
  display: none;
}

.u-go-to-v1 {
  width: 3.57143rem;
  height: 3.57143rem;
  display: block;
  background-color: rgba(255, 255, 255, 0.7);
  color: #555;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out;
  z-index: 11;
}

.u-go-to-v1 i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.u-go-to-v1:hover, .u-go-to-v1:focus:hover {
  text-decoration: none;
  color: #fff;
  background-color: var(--wx-primary);
}

.u-go-to-v1:focus {
  text-decoration: none;
  color: #555;
  background-color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 576px - 1) {
  .u-go-to-v1 {
    -webkit-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
  }
}


/*------------------------------------
  Go To v2
------------------------------------*/
[class*="u-go-to"] {
  display: none;
}

.u-go-to-v2 {
  display: block;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  border-radius: 3px;
  -webkit-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out;
  z-index: 11;
}

.u-go-to-v2 i {
  width: 2.85714rem;
  height: 2.85714rem;
  display: block;
  text-align: center;
  line-height: 2.85714rem;
}

.u-go-to-v2:hover, .u-go-to-v2:focus:hover {
  text-decoration: none;
  color: #fff;
  background-color: var(--wx-primary);
}

.u-go-to-v2:focus {
  text-decoration: none;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}

@media (max-width: 576px - 1) {
  .u-go-to-v2 {
    -webkit-transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
  }
}


/*------------------------------------
  Headers
------------------------------------*/
/*
.u-header {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  font-size: 0.92857rem;
  z-index: 501;
}

.u-header [aria-labelledby] {
  opacity: 0;
}

.u-header [aria-labelledby][role="tabpanel"] {
  opacity: 1;
}

.u-header [aria-labelledby].u-dropdown--css-animation,
.u-header [aria-labelledby].u-dropdown--jquery-slide {
  opacity: 1;
}
*/


/* Button Styles
------------------------------------*/
/* General Button Styles */
.btn {
  position: relative;
  -webkit-transition: .2s ease;
  -o-transition: .2s ease;
  transition: .2s ease;
  cursor: pointer;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: 0 none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Button Content
------------------------------------*/
.u-btn-content {
  white-space: normal;
}

/* Buttons Only Icon (O)
------------------------------------*/
.u-btn-only-icon {
  position: relative;
}

.u-btn-only-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

/* Button Sizes
------------------------------------*/
/* Extra Small */
.btn-xs {
  line-height: 1.4;
  padding: 0.14286rem 0.5rem;
  font-size: 0.78571rem;
}

/* Medium */
.btn-md {
  line-height: 1.4;
  padding: 0.57143rem 1.42857rem;
  font-size: 1.07143rem;
}

/* Extra Large */
.btn-xl {
  line-height: 1.4;
  padding: 0.92857rem 1.85714rem;
  font-size: 1.28571rem;
}

/* Extramly Large */
.btn-xxl {
  line-height: 1.4;
  padding: 1.07143rem 2.14286rem;
  font-size: 1.5rem;
}

/* Button Types
------------------------------------*/
/* Inset Buttons */
.u-btn-inset {
  position: relative;
}

.u-btn-inset::before {
  position: absolute;
  top: 0.14286rem;
  right: 0.14286rem;
  bottom: 0.14286rem;
  left: 0.14286rem;
  content: "";
  border: solid 1px #fff;
  border-radius: 1px;
}

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

/* 3d Buttons */
.u-btn-3d {
  border-bottom: solid 3px rgba(0, 0, 0, 0.2);
}

.u-btn-3d:hover {
  border-bottom-color: rgba(0, 0, 0, 0.3);
}

/* Skew Button */
.u-btn-skew {
  -webkit-transform: skewX(-20deg);
      -ms-transform: skewX(-20deg);
          transform: skewX(-20deg);
}

.u-btn-skew__inner {
  -webkit-transform: skewX(20deg);
      -ms-transform: skewX(20deg);
          transform: skewX(20deg);
  display: block;
}


/* Button Primary */
.u-btn-primary {
  color: #fff;
  background-color: var(--wx-primary);
}

.u-btn-primary:hover, .u-btn-primary.active {
  border-color: var(--wx-primary-hover);
  background-color: var(--wx-primary-hover);
}

.u-btn-primary:hover, .u-btn-primary:focus, .u-btn-primary.active {
  color: #fff;
}

.u-btn-primary.g-btn-hover-reset:hover, .u-btn-primary.g-btn-hover-reset.active {
  background-color: var(--wx-primary);
  border-color: var(--wx-primary);
}

/* Button White */
.u-btn-white {
  color: #555;
  background-color: #fff;
}

.u-btn-white:hover, .u-btn-white.active {
  border-color: white;
  background-color: white;
}

.u-btn-white:hover, .u-btn-white:focus, .u-btn-white.active {
  color: #555;
}


/* Button Black */
.u-btn-black {
  color: #fff;
  background-color: #000;
}

.u-btn-black:hover, .u-btn-black.active {
  border-color: #1a1a1a;
  background-color: #1a1a1a;
}

.u-btn-black:hover, .u-btn-black:focus, .u-btn-black.active {
  color: #fff;
}


/* Button Dark Gray */
.u-btn-darkgray {
  color: #fff;
  background-color: #333;
}

.u-btn-darkgray:hover, .u-btn-darkgray.active {
  border-color: #4d4d4d;
  background-color: #4d4d4d;
}

.u-btn-darkgray:hover, .u-btn-darkgray:focus, .u-btn-darkgray.active {
  color: #fff;
}


/* Button Red */
.u-btn-red {
  color: #fff;
  background-color: #f00;
}

.u-btn-red:hover, .u-btn-red.active {
  border-color: #ff3333;
  background-color: #ff3333;
}

.u-btn-red:hover, .u-btn-red:focus, .u-btn-red.active {
  color: #fff;
}

/* Button Red Tomato */
.u-btn-lightred {
  color: #fff;
  background-color: #e64b3b;
}

.u-btn-lightred:hover, .u-btn-lightred.active {
  border-color: #ec7568;
  background-color: #ec7568;
}

.u-btn-lightred:hover, .u-btn-lightred:focus, .u-btn-lightred.active {
  color: #fff;
}

/* Button Dark Red */
.u-btn-darkred {
  color: #fff;
  background-color: #d22f25;
}

.u-btn-darkred:hover, .u-btn-darkred.active {
  border-color: #b7241b;
  background-color: #b7241b;
}

.u-btn-darkred:hover, .u-btn-darkred:focus, .u-btn-darkred.active {
  color: #fff;
}

/* Button Blue */
.u-btn-blue {
  color: #fff;
  background-color: #3398dc;
}

.u-btn-blue:hover, .u-btn-blue.active {
  border-color: #5faee3;
  background-color: #5faee3;
}

.u-btn-blue:hover, .u-btn-blue:focus, .u-btn-blue.active {
  color: #fff;
}

/* Button Indigo */
.u-btn-indigo {
  color: #fff;
  background-color: #4263a3;
}

.u-btn-indigo:hover, .u-btn-indigo.active {
  border-color: #5b7cbd;
  background-color: #5b7cbd;
}

.u-btn-indigo:hover, .u-btn-indigo:focus, .u-btn-indigo.active {
  color: #fff;
}


/* Button Purple */
.u-btn-purple {
  color: #fff;
  background-color: #9a69cb;
}

.u-btn-purple:hover, .u-btn-purple.active {
  border-color: #b48fd8;
  background-color: #b48fd8;
}

.u-btn-purple:hover, .u-btn-purple:focus, .u-btn-purple.active {
  color: #fff;
}

/* Button Dark Purple */
.u-btn-darkpurple {
  color: #fff;
  background-color: #6639b6;
}

.u-btn-darkpurple:hover, .u-btn-darkpurple.active {
  border-color: #8157cb;
  background-color: #8157cb;
}

.u-btn-darkpurple:hover, .u-btn-darkpurple:focus, .u-btn-darkpurple.active {
  color: #fff;
}


/* Button Pink */
.u-btn-pink {
  color: #fff;
  background-color: #e81c62;
}

.u-btn-pink:hover, .u-btn-pink.active {
  border-color: #ed4a82;
  background-color: #ed4a82;
}

.u-btn-pink:hover, .u-btn-pink:focus, .u-btn-pink.active {
  color: #fff;
}

/* Button Orange */
.u-btn-orange {
  color: #fff;
  background-color: #e57d20;
}

.u-btn-orange:hover, .u-btn-orange.active {
  border-color: #ea984e;
  background-color: #ea984e;
}

.u-btn-orange:hover, .u-btn-orange:focus, .u-btn-orange.active {
  color: #fff;
}

/* Button Deep Orange */
.u-btn-deeporange {
  color: #fff;
  background-color: #fe541e;
}

.u-btn-deeporange:hover, .u-btn-deeporange.active {
  border-color: #fe7b51;
  background-color: #fe7b51;
}

.u-btn-deeporange:hover, .u-btn-deeporange:focus, .u-btn-deeporange.active {
  color: #fff;
}


/* Button Yellow */
.u-btn-yellow {
  color: #fff;
  background-color: #f7f537;
}

.u-btn-yellow:hover, .u-btn-yellow.active {
  border-color: #efd34c;
  background-color: #efd34c;
}

.u-btn-yellow:hover, .u-btn-yellow:focus, .u-btn-yellow.active {
  color: #fff;
}

/* Button Aqua */
.u-btn-aqua {
  color: #fff;
  background-color: #29d6e6;
}

.u-btn-aqua:hover, .u-btn-aqua.active {
  border-color: #57dfeb;
  background-color: #57dfeb;
}

.u-btn-aqua:hover, .u-btn-aqua:focus, .u-btn-aqua.active {
  color: #fff;
}

/* Button Cyan */
.u-btn-cyan {
  color: #fff;
  background-color: #00bed6;
}

.u-btn-cyan:hover, .u-btn-cyan.active {
  border-color: #0ae4ff;
  background-color: #0ae4ff;
}

.u-btn-cyan:hover, .u-btn-cyan:focus, .u-btn-cyan.active {
  color: #fff;
}

/* Button Teal */
.u-btn-teal {
  color: #fff;
  background-color: #18ba9b;
}

.u-btn-teal:hover, .u-btn-teal.active {
  border-color: #22e3be;
  background-color: #22e3be;
}

.u-btn-teal:hover, .u-btn-teal:focus, .u-btn-teal.active {
  color: #fff;
}

/* Button Brown */
.u-btn-brown {
  color: #fff;
  background-color: #9c8061;
}

.u-btn-brown:hover, .u-btn-brown.active {
  border-color: #b09980;
  background-color: #b09980;
}

.u-btn-brown:hover, .u-btn-brown:focus, .u-btn-brown.active {
  color: #fff;
}

/* Button Bluegrey */
.u-btn-bluegray {
  color: #fff;
  background-color: #585f69;
}

.u-btn-bluegray:hover, .u-btn-bluegray.active {
  border-color: #6f7885;
  background-color: #6f7885;
}

.u-btn-bluegray:hover, .u-btn-bluegray:focus, .u-btn-bluegray.active {
  color: #fff;
}


/* Outline Button Primary */
.u-btn-outline-primary {
  color: var(--wx-primary);
  border-color: var(--wx-primary);
  background-color: transparent;
}

.u-btn-outline-primary:focus, .u-btn-outline-primary.active {
  color: #fff;
  background-color: var(--wx-primary);
}

.u-btn-outline-primary:hover {
  color: #fff;
  background-color: var(--wx-primary);
}


/* Outline Button White */
.u-btn-outline-white {
  color: #fff;
  border-color: #fff;
  background-color: transparent;
}

.u-btn-outline-white:focus, .u-btn-outline-white.active {
  color: #555;
  background-color: #fff;
}

.u-btn-outline-white:hover {
  color: #555;
  background-color: #fff;
}


/* Outline Button Black */
.u-btn-outline-black {
  color: #000;
  border-color: #000;
  background-color: transparent;
}

.u-btn-outline-black:focus, .u-btn-outline-black.active {
  color: #fff;
  background-color: #000;
}

.u-btn-outline-black:hover {
  color: #fff;
  background-color: #000;
}


/* Outline Button Dark Gray */
.u-btn-outline-darkgray {
  color: #333;
  border-color: #333;
  background-color: transparent;
}

.u-btn-outline-darkgray:focus, .u-btn-outline-darkgray.active {
  color: #fff;
  background-color: #333;
}

.u-btn-outline-darkgray:hover {
  color: #fff;
  background-color: #333;
}


/* Outline Button Light Gray */
.u-btn-outline-lightgray {
  color: #555;
  border-color: #eee;
  background-color: transparent;
}

.u-btn-outline-lightgray:focus, .u-btn-outline-lightgray.active {
  color: #555;
  background-color: #eee;
}

.u-btn-outline-lightgray:hover {
  color: #555;
  background-color: #eee;
}

/* Button Outline Red */
.u-btn-outline-red {
  color: #f00;
  border-color: #f00;
  background-color: transparent;
}

.u-btn-outline-red:focus, .u-btn-outline-red.active {
  color: #fff;
  background-color: #f00;
}

.u-btn-outline-red:hover {
  color: #fff;
  background-color: #f00;
}


/* Button Outline Red Tomato */
.u-btn-outline-lightred {
  color: #e64b3b;
  border-color: #e64b3b;
  background-color: transparent;
}

.u-btn-outline-lightred:focus, .u-btn-outline-lightred.active {
  color: #fff;
  background-color: #e64b3b;
}

.u-btn-outline-lightred:hover {
  color: #fff;
  background-color: #e64b3b;
}


/* Outline Button Dark Red */
.u-btn-outline-darkred {
  color: #d22f25;
  border-color: #d22f25;
  background-color: transparent;
}

.u-btn-outline-darkred:focus, .u-btn-outline-darkred.active {
  color: #fff;
  background-color: #d22f25;
}

.u-btn-outline-darkred:hover {
  color: #fff;
  background-color: #d22f25;
}

/* Outline Button Blue */
.u-btn-outline-blue {
  color: #3398dc;
  border-color: #3398dc;
  background-color: transparent;
}

.u-btn-outline-blue:focus, .u-btn-outline-blue.active {
  color: #fff;
  background-color: #3398dc;
}

.u-btn-outline-blue:hover {
  color: #fff;
  background-color: #3398dc;
}

/* Outline Button Indigo */
.u-btn-outline-indigo {
  color: #4263a3;
  border-color: #4263a3;
  background-color: transparent;
}

.u-btn-outline-indigo:focus, .u-btn-outline-indigo.active {
  color: #fff;
  background-color: #4263a3;
}

.u-btn-outline-indigo:hover {
  color: #fff;
  background-color: #4263a3;
}

/* Outline Button Purple */
.u-btn-outline-purple {
  color: #9a69cb;
  border-color: #9a69cb;
  background-color: transparent;
}

.u-btn-outline-purple:focus, .u-btn-outline-purple.active {
  color: #fff;
  background-color: #9a69cb;
}

.u-btn-outline-purple:hover {
  color: #fff;
  background-color: #9a69cb;
}

/* Outline Button Dark Purple */
.u-btn-outline-darkpurple {
  color: #6639b6;
  border-color: #6639b6;
  background-color: transparent;
}

.u-btn-outline-darkpurple:focus, .u-btn-outline-darkpurple.active {
  color: #fff;
  background-color: #6639b6;
}

.u-btn-outline-darkpurple:hover {
  color: #fff;
  background-color: #6639b6;
}

/* Outline Button Pink */
.u-btn-outline-pink {
  color: #e81c62;
  border-color: #e81c62;
  background-color: transparent;
}

.u-btn-outline-pink:focus, .u-btn-outline-pink.active {
  color: #fff;
  background-color: #e81c62;
}

.u-btn-outline-pink:hover {
  color: #fff;
  background-color: #e81c62;
}


/* Outline Button Orange */
.u-btn-outline-orange {
  color: #e57d20;
  border-color: #e57d20;
  background-color: transparent;
}

.u-btn-outline-orange:focus, .u-btn-outline-orange.active {
  color: #fff;
  background-color: #e57d20;
}

.u-btn-outline-orange:hover {
  color: #fff;
  background-color: #e57d20;
}

/* Outline Button Deep Orange */
.u-btn-outline-deeporange {
  color: #fe541e;
  border-color: #fe541e;
  background-color: transparent;
}

.u-btn-outline-deeporange:focus, .u-btn-outline-deeporange.active {
  color: #fff;
  background-color: #fe541e;
}

.u-btn-outline-deeporange:hover {
  color: #fff;
  background-color: #fe541e;
}

/* Outline Button Yellow */
.u-btn-outline-yellow {
  color: #555;
  border-color: #f7f537;
  background-color: transparent;
}

.u-btn-outline-yellow:focus, .u-btn-outline-yellow.active {
  color: #555;
  background-color: #f7f537;
}

.u-btn-outline-yellow:hover {
  color: #555;
  background-color: #f7f537;
}

/* Outline Button Aqua */
.u-btn-outline-aqua {
  color: #29d6e6;
  border-color: #29d6e6;
  background-color: transparent;
}

.u-btn-outline-aqua:focus, .u-btn-outline-aqua.active {
  color: #fff;
  background-color: #29d6e6;
}

.u-btn-outline-aqua:hover {
  color: #fff;
  background-color: #29d6e6;
}


/* Outline Button Cyan */
.u-btn-outline-cyan {
  color: #00bed6;
  border-color: #00bed6;
  background-color: transparent;
}

.u-btn-outline-cyan:focus, .u-btn-outline-cyan.active {
  color: #fff;
  background-color: #00bed6;
}

.u-btn-outline-cyan:hover {
  color: #fff;
  background-color: #00bed6;
}


/* Outline Button Teal */
.u-btn-outline-teal {
  color: #18ba9b;
  border-color: #18ba9b;
  background-color: transparent;
}

.u-btn-outline-teal:focus, .u-btn-outline-teal.active {
  color: #fff;
  background-color: #18ba9b;
}

.u-btn-outline-teal:hover {
  color: #fff;
  background-color: #18ba9b;
}


/* Outline Button Brown */
.u-btn-outline-brown {
  color: #9c8061;
  border-color: #9c8061;
  background-color: transparent;
}

.u-btn-outline-brown:focus, .u-btn-outline-brown.active {
  color: #fff;
  background-color: #9c8061;
}

.u-btn-outline-brown:hover {
  color: #fff;
  background-color: #9c8061;
}

/* Outline Button Bluegrey */
.u-btn-outline-bluegray {
  color: #585f69;
  border-color: #585f69;
  background-color: transparent;
}

.u-btn-outline-bluegray:focus, .u-btn-outline-bluegray.active {
  color: #fff;
  background-color: #585f69;
}

.u-btn-outline-bluegray:hover {
  color: #fff;
  background-color: #585f69;
}



/*------------------------------------
  Icons Styles
------------------------------------*/
.u-icon-v1,
.u-icon-v2,
.u-icon-v3 {
  position: relative;
  display: inline-block;
  text-align: center;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.u-icon-v1:hover,
.u-icon-v2:hover,
.u-icon-v3:hover {
  text-decoration: none;
}

.u-icon-v1::before,
.u-icon-v2::before,
.u-icon-v3::before {
  display: block;
}

.u-icon-v1 > i,
.u-icon-v2 > i,
.u-icon-v3 > i {
  position: relative;
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}

[class*="u-icon-v"] .u-line-icon-pro {
  -webkit-transform: translateY(-45%);
      -ms-transform: translateY(-45%);
          transform: translateY(-45%);
}

.u-icon-rotation {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.u-icon-rotation .u-icon__elem {
  -webkit-transform: rotate(-45deg) translate(15%, -30%);
      -ms-transform: rotate(-45deg) translate(15%, -30%);
          transform: rotate(-45deg) translate(15%, -30%);
}

.u-icon-rotation .u-line-icon-pro {
  -webkit-transform: rotate(-45deg) translate(25%, -30%);
      -ms-transform: rotate(-45deg) translate(25%, -30%);
          transform: rotate(-45deg) translate(25%, -30%);
}

/*------------------------------------
  Icon-v1
------------------------------------*/
.u-icon-v1,
.u-icon-v1 .u-icon__elem-regular,
.u-icon-v1 .u-icon__elem-hover {
  width: 2.57143rem;
  height: 2.57143rem;
  font-size: 1.42857rem;
}

.u-icon-v1.u-icon-size--xs,
.u-icon-v1.u-icon-size--xs .u-icon__elem-regular,
.u-icon-v1.u-icon-size--xs .u-icon__elem-hover {
  width: 1.64286rem;
  height: 1.64286rem;
  font-size: 0.92857rem;
}

.u-icon-v1.u-icon-size--sm,
.u-icon-v1.u-icon-size--sm .u-icon__elem-regular,
.u-icon-v1.u-icon-size--sm .u-icon__elem-hover {
  width: 2.28571rem;
  height: 2.28571rem;
  font-size: 1.28571rem;
}

.u-icon-v1.u-icon-size--lg,
.u-icon-v1.u-icon-size--lg .u-icon__elem-regular,
.u-icon-v1.u-icon-size--lg .u-icon__elem-hover {
  width: 4.5rem;
  height: 4.5rem;
  font-size: 2.5rem;
}

.u-icon-v1.u-icon-size--xl,
.u-icon-v1.u-icon-size--xl .u-icon__elem-regular,
.u-icon-v1.u-icon-size--xl .u-icon__elem-hover {
  width: 5.14286rem;
  height: 5.14286rem;
  font-size: 2.85714rem;
}

/*------------------------------------
  Icon-v2
------------------------------------*/
.u-icon-v2, .u-icon-v2 .u-icon__elem-regular,
.u-icon-v2 .u-icon__elem-hover, .u-icon-v3, .u-icon-v3 .u-icon__elem-regular,
.u-icon-v3 .u-icon__elem-hover {
  width: 3.92857rem;
  height: 3.92857rem;
  font-size: 1.57143rem;
}

.u-icon-v2.u-icon-size--xs,
.u-icon-v2.u-icon-size--xs .u-icon__elem-regular,
.u-icon-v2.u-icon-size--xs .u-icon__elem-hover, .u-icon-v3.u-icon-size--xs,
.u-icon-v3.u-icon-size--xs .u-icon__elem-regular,
.u-icon-v3.u-icon-size--xs .u-icon__elem-hover {
  width: 2.14286rem;
  height: 2.14286rem;
  font-size: 0.92857rem;
}

.u-icon-v2.u-icon-size--sm,
.u-icon-v2.u-icon-size--sm .u-icon__elem-regular,
.u-icon-v2.u-icon-size--sm .u-icon__elem-hover, .u-icon-v3.u-icon-size--sm,
.u-icon-v3.u-icon-size--sm .u-icon__elem-regular,
.u-icon-v3.u-icon-size--sm .u-icon__elem-hover {
  width: 2.85714rem;
  height: 2.85714rem;
  font-size: 1.28571rem;
}

.u-icon-v2.u-icon-size--lg,
.u-icon-v2.u-icon-size--lg .u-icon__elem-regular,
.u-icon-v2.u-icon-size--lg .u-icon__elem-hover, .u-icon-v3.u-icon-size--lg,
.u-icon-v3.u-icon-size--lg .u-icon__elem-regular,
.u-icon-v3.u-icon-size--lg .u-icon__elem-hover {
  width: 5rem;
  height: 5rem;
  font-size: 2.14286rem;
}

.u-icon-v2.u-icon-size--xl,
.u-icon-v2.u-icon-size--xl .u-icon__elem-regular,
.u-icon-v2.u-icon-size--xl .u-icon__elem-hover, .u-icon-v3.u-icon-size--xl,
.u-icon-v3.u-icon-size--xl .u-icon__elem-regular,
.u-icon-v3.u-icon-size--xl .u-icon__elem-hover {
  width: 6.42857rem;
  height: 6.42857rem;
  font-size: 2.85714rem;
}

.u-icon-v2 {
  border-width: 1px;
  border-style: solid;
}

.u-icon-v3 {
  background-color: #eee;
}



/*------------------------------------
  Box-shadows Styles
------------------------------------*/
.u-shadow-none {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.u-shadow-none--focus:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}



/*------------------------------------
  Box-shadows-v2
------------------------------------*/
.u-shadow-v2 {
  -webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2);
}

/*------------------------------------
  Box-shadows-v3-v4-v5
------------------------------------*/
.u-shadow-v3,
.u-shadow-v4,
.u-shadow-v5 {
  position: relative;
}

.u-shadow-v3::after,
.u-shadow-v3::before,
.u-shadow-v4::before,
.u-shadow-v5::after {
  content: "";
  position: absolute;
  top: 80%;
  left: 0.35714rem;
  bottom: 1.07143rem;
  width: 50%;
  max-width: 21.42857rem;
  background: rgba(0, 0, 0, 0.2);
  z-index: -1;
}

.u-shadow-v3::after,
.u-shadow-v3::before,
.u-shadow-v4::before,
.u-shadow-v5::after {
  -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);
  -webkit-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
          transform: rotate(-3deg);
}

.u-shadow-v3::after,
.u-shadow-v5::after {
  left: auto;
  right: 0.35714rem;
  -webkit-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
          transform: rotate(3deg);
}

/*------------------------------------
  Box-shadows-v21
------------------------------------*/
.u-shadow-v21 {
  -webkit-box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
          box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
}

.u-shadow-v21--hover:hover {
  -webkit-box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.15);
}





/*------------------------------------
  Checked state colors
------------------------------------*/
/* White Colors */
input[type="checkbox"]:checked + .g-color-white--checked,
input[type="radio"]:checked + .g-color-white--checked,
input[type="checkbox"]:checked + * .g-color-white--checked,
input[type="radio"]:checked + * .g-color-white--checked {
  color: #fff !important;
}

.g-color-white--checked.g-checked,
.g-checked .g-color-white--checked {
  color: #fff !important;
}

/*------------------------------------
  Focus state color
------------------------------------*/
/* Primary Colors */
.g-color-primary:focus {
  color: var(--wx-primary);
}

/* Black Colors */
.g-color-black--focus:focus {
  color: #000;
}

/* White Colors */
.g-color-white--focus:focus {
  color: #fff !important;
}

/* Gray Colors */
.g-color-gray-light-v4:focus {
  color: #eee !important;
}

/*------------------------------------
  Checked state background
------------------------------------*/
/* Primary Colors */
input[type="checkbox"]:checked + .g-bg-primary--checked,
input[type="radio"]:checked + .g-bg-primary--checked,
input[type="checkbox"]:checked + * .g-bg-primary--checked,
input[type="radio"]:checked + * .g-bg-primary--checked {
  background-color: var(--wx-primary) !important;
}

.g-bg-primary--checked.g-checked,
.g-checked .g-bg-primary--checked {
  background-color: var(--wx-primary) !important;
}

/* Black Colors */
input[type="checkbox"]:checked + .g-bg-black--checked,
input[type="radio"]:checked + .g-bg-black--checked,
input[type="checkbox"]:checked + * .g-bg-black--checked,
input[type="radio"]:checked + * .g-bg-black--checked {
  background-color: #000 !important;
}

.g-bg-black--checked.g-checked,
.g-checked .g-bg-black--checked {
  background-color: #000 !important;
}

/* White Colors */
input[type="checkbox"]:checked + .g-bg-white--checked,
input[type="radio"]:checked + .g-bg-white--checked,
input[type="checkbox"]:checked + * .g-bg-white--checked,
input[type="radio"]:checked + * .g-bg-white--checked {
  background-color: #fff !important;
}

.g-bg-white--checked.g-checked,
.g-checked .g-bg-white--checked {
  background-color: #fff !important;
}

/* Gray Colors */
input[type="checkbox"]:checked + .g-bg-dark-dark-v1--checked,
input[type="radio"]:checked + .g-bg-dark-dark-v1--checked,
input[type="checkbox"]:checked + * .g-bg-dark-dark-v1--checked,
input[type="radio"]:checked + * .g-bg-dark-dark-v1--checked {
  background-color: #111 !important;
}

.g-bg-dark-dark-v1--checked.g-checked,
.g-checked .g-bg-dark-dark-v1--checked {
  background-color: #111 !important;
}

input[type="checkbox"]:checked + .g-bg-dark-dark-v2--checked,
input[type="radio"]:checked + .g-bg-dark-dark-v2--checked,
input[type="checkbox"]:checked + * .g-bg-dark-dark-v2--checked,
input[type="radio"]:checked + * .g-bg-dark-dark-v2--checked {
  background-color: #333 !important;
}

.g-bg-dark-dark-v2--checked.g-checked,
.g-checked .g-bg-dark-dark-v2--checked {
  background-color: #333 !important;
}

input[type="checkbox"]:checked + .g-bg-dark-dark-v3--checked,
input[type="radio"]:checked + .g-bg-dark-dark-v3--checked,
input[type="checkbox"]:checked + * .g-bg-dark-dark-v3--checked,
input[type="radio"]:checked + * .g-bg-dark-dark-v3--checked {
  background-color: #555 !important;
}

.g-bg-dark-dark-v3--checked.g-checked,
.g-checked .g-bg-dark-dark-v3--checked {
  background-color: #555 !important;
}

input[type="checkbox"]:checked + .g-bg-dark-dark-v4--checked,
input[type="radio"]:checked + .g-bg-dark-dark-v4--checked,
input[type="checkbox"]:checked + * .g-bg-dark-dark-v4--checked,
input[type="radio"]:checked + * .g-bg-dark-dark-v4--checked {
  background-color: #777 !important;
}

.g-bg-dark-dark-v4--checked.g-checked,
.g-checked .g-bg-dark-dark-v4--checked {
  background-color: #777 !important;
}

input[type="checkbox"]:checked + .g-bg-dark-dark-v5--checked,
input[type="radio"]:checked + .g-bg-dark-dark-v5--checked,
input[type="checkbox"]:checked + * .g-bg-dark-dark-v5--checked,
input[type="radio"]:checked + * .g-bg-dark-dark-v5--checked {
  background-color: #999 !important;
}

.g-bg-dark-dark-v5--checked.g-checked,
.g-checked .g-bg-dark-dark-v5--checked {
  background-color: #999 !important;
}

input[type="checkbox"]:checked + .g-bg-dark-light-v1--checked,
input[type="radio"]:checked + .g-bg-dark-light-v1--checked,
input[type="checkbox"]:checked + * .g-bg-dark-light-v1--checked,
input[type="radio"]:checked + * .g-bg-dark-light-v1--checked {
  background-color: #bbb !important;
}

.g-bg-dark-light-v1--checked.g-checked,
.g-checked .g-bg-dark-light-v1--checked {
  background-color: #bbb !important;
}

input[type="checkbox"]:checked + .g-bg-dark-light-v2--checked,
input[type="radio"]:checked + .g-bg-dark-light-v2--checked,
input[type="checkbox"]:checked + * .g-bg-dark-light-v2--checked,
input[type="radio"]:checked + * .g-bg-dark-light-v2--checked {
  background-color: #ccc !important;
}

.g-bg-dark-light-v2--checked.g-checked,
.g-checked .g-bg-dark-light-v2--checked {
  background-color: #ccc !important;
}

input[type="checkbox"]:checked + .g-bg-dark-light-v3--checked,
input[type="radio"]:checked + .g-bg-dark-light-v3--checked,
input[type="checkbox"]:checked + * .g-bg-dark-light-v3--checked,
input[type="radio"]:checked + * .g-bg-dark-light-v3--checked {
  background-color: #ddd !important;
}

.g-bg-dark-light-v3--checked.g-checked,
.g-checked .g-bg-dark-light-v3--checked {
  background-color: #ddd !important;
}

input[type="checkbox"]:checked + .g-bg-dark-light-v4--checked,
input[type="radio"]:checked + .g-bg-dark-light-v4--checked,
input[type="checkbox"]:checked + * .g-bg-dark-light-v4--checked,
input[type="radio"]:checked + * .g-bg-dark-light-v4--checked {
  background-color: #eee !important;
}

.g-bg-dark-light-v4--checked.g-checked,
.g-checked .g-bg-dark-light-v4--checked {
  background-color: #eee !important;
}

input[type="checkbox"]:checked + .g-bg-dark-light-v5--checked,
input[type="radio"]:checked + .g-bg-dark-light-v5--checked,
input[type="checkbox"]:checked + * .g-bg-dark-light-v5--checked,
input[type="radio"]:checked + * .g-bg-dark-light-v5--checked {
  background-color: #f7f7f7 !important;
}

.g-bg-dark-light-v5--checked.g-checked,
.g-checked .g-bg-dark-light-v5--checked {
  background-color: #f7f7f7 !important;
}

/* Transparent */
input[type="checkbox"]:checked + .g-bg-transparent--checked,
input[type="radio"]:checked + .g-bg-transparent--checked,
input[type="checkbox"]:checked + * .g-bg-transparent--checked,
input[type="radio"]:checked + * .g-bg-transparent--checked {
  background-color: transparent !important;
}

.g-bg-transparent--checked.g-checked,
.g-checked .g-bg-transparent--checked {
  background-color: transparent !important;
}

/* Color Red */
input[type="checkbox"]:checked + .g-bg-red--checked,
input[type="radio"]:checked + .g-bg-red--checked,
input[type="checkbox"]:checked + * .g-bg-red--checked,
input[type="radio"]:checked + * .g-bg-red--checked {
  background-color: #f00 !important;
}

.g-bg-red--checked.g-checked,
.g-checked .g-bg-red--checked {
  background-color: #f00 !important;
}

/*------------------------------------
  Checked state Colors
------------------------------------*/
/* Primary Colors */
input[type="checkbox"]:checked + .g-color-primary--checked,
input[type="radio"]:checked + .g-color-primary--checked,
input[type="checkbox"]:checked + * .g-color-primary--checked,
input[type="radio"]:checked + * .g-color-primary--checked {
  color: var(--wx-primary) !important;
}

.g-color-primary--checked.g-checked,
.g-checked .g-color-primary--checked {
  color: var(--wx-primary) !important;
}

.g-bg-white--focus:focus {
  background-color: #fff !important;
}

/*------------------------------------
  Focus state background
------------------------------------*/
/* Black Colors */
.g-bg-black--focus:focus {
  background-color: #000 !important;
}

.g-bg-black-opacity-0_2--focus:focus {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.g-bg-black-opacity-0_4--focus:focus {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

/* Gray Colors */
.g-bg-gray-dark-v1--focus:focus {
  background-color: #111 !important;
}

.g-bg-gray-dark-v2--focus:focus {
  background-color: #333 !important;
}

.g-bg-gray-dark-v3--focus:focus {
  background-color: #555 !important;
}

.g-bg-gray-light-v4--focus:focus {
  background-color: #eee !important;
}

.g-bg-gray-light-v5--focus:focus {
  background-color: #f7f7f7 !important;
}

/* Transparent */
.g-bg-transparent--focus:focus {
  background-color: transparent;
}

/*------------------------------------
  Checked state border
------------------------------------*/
/* Primary Colors */
input[type="checkbox"]:checked + .g-brd-primary--checked,
input[type="radio"]:checked + .g-brd-primary--checked,
input[type="checkbox"]:checked + * .g-brd-primary--checked,
input[type="radio"]:checked + * .g-brd-primary--checked {
  border-color: var(--wx-primary) !important;
}

.g-brd-primary--checked.g-checked,
.g-checked .g-brd-primary--checked {
  border-color: var(--wx-primary) !important;
}

/* Black Colors */
input[type="checkbox"]:checked + .g-brd-black--checked,
input[type="radio"]:checked + .g-brd-black--checked,
input[type="checkbox"]:checked + * .g-brd-black--checked,
input[type="radio"]:checked + * .g-brd-black--checked {
  border-color: #000 !important;
}

.g-brd-black--checked.g-checked,
.g-checked .g-brd-black--checked {
  border-color: #000 !important;
}

/* White */
input[type="checkbox"]:checked + .g-brd-white--checked,
input[type="radio"]:checked + .g-brd-white--checked,
input[type="checkbox"]:checked + * .g-brd-white--checked,
input[type="radio"]:checked + * .g-brd-white--checked {
  border-color: #fff !important;
}

.g-brd-white--checked.g-checked,
.g-checked .g-brd-white--checked {
  border-color: #fff !important;
}

/* Gray Colors */
input[type="checkbox"]:checked + .g-brd-gray-dark-v1--checked,
input[type="radio"]:checked + .g-brd-gray-dark-v1--checked,
input[type="checkbox"]:checked + * .g-brd-gray-dark-v1--checked,
input[type="radio"]:checked + * .g-brd-gray-dark-v1--checked {
  border-color: #111 !important;
}

.g-brd-gray-dark-v1--checked.g-checked,
.g-checked .g-brd-gray-dark-v1--checked {
  border-color: #111 !important;
}

input[type="checkbox"]:checked + .g-brd-gray-dark-v2--checked,
input[type="radio"]:checked + .g-brd-gray-dark-v2--checked,
input[type="checkbox"]:checked + * .g-brd-gray-dark-v2--checked,
input[type="radio"]:checked + * .g-brd-gray-dark-v2--checked {
  border-color: #333 !important;
}

.g-brd-gray-dark-v2--checked.g-checked,
.g-checked .g-brd-gray-dark-v2--checked {
  border-color: #333 !important;
}

input[type="checkbox"]:checked + .g-brd-gray-dark-v3--checked,
input[type="radio"]:checked + .g-brd-gray-dark-v3--checked,
input[type="checkbox"]:checked + * .g-brd-gray-dark-v3--checked,
input[type="radio"]:checked + * .g-brd-gray-dark-v3--checked {
  border-color: #555 !important;
}

.g-brd-gray-dark-v3--checked.g-checked,
.g-checked .g-brd-gray-dark-v3--checked {
  border-color: #555 !important;
}

input[type="checkbox"]:checked + .g-brd-gray-dark-v4--checked,
input[type="radio"]:checked + .g-brd-gray-dark-v4--checked,
input[type="checkbox"]:checked + * .g-brd-gray-dark-v4--checked,
input[type="radio"]:checked + * .g-brd-gray-dark-v4--checked {
  border-color: #777 !important;
}

.g-brd-gray-dark-v4--checked.g-checked,
.g-checked .g-brd-gray-dark-v4--checked {
  border-color: #777 !important;
}

input[type="checkbox"]:checked + .g-brd-gray-dark-v5--checked,
input[type="radio"]:checked + .g-brd-gray-dark-v5--checked,
input[type="checkbox"]:checked + * .g-brd-gray-dark-v5--checked,
input[type="radio"]:checked + * .g-brd-gray-dark-v5--checked {
  border-color: #999 !important;
}

.g-brd-gray-dark-v5--checked.g-checked,
.g-checked .g-brd-gray-dark-v5--checked {
  border-color: #999 !important;
}

input[type="checkbox"]:checked + .g-brd-gray-light-v1--checked,
input[type="radio"]:checked + .g-brd-gray-light-v1--checked,
input[type="checkbox"]:checked + * .g-brd-gray-light-v1--checked,
input[type="radio"]:checked + * .g-brd-gray-light-v1--checked {
  border-color: #bbb !important;
}

.g-brd-gray-light-v1--checked.g-checked,
.g-checked .g-brd-gray-light-v1--checked {
  border-color: #bbb !important;
}

input[type="checkbox"]:checked + .g-brd-gray-light-v2--checked,
input[type="radio"]:checked + .g-brd-gray-light-v2--checked,
input[type="checkbox"]:checked + * .g-brd-gray-light-v2--checked,
input[type="radio"]:checked + * .g-brd-gray-light-v2--checked {
  border-color: #ccc !important;
}

.g-brd-gray-light-v2--checked.g-checked,
.g-checked .g-brd-gray-light-v2--checked {
  border-color: #ccc !important;
}

input[type="checkbox"]:checked + .g-brd-gray-light-v3--checked,
input[type="radio"]:checked + .g-brd-gray-light-v3--checked,
input[type="checkbox"]:checked + * .g-brd-gray-light-v3--checked,
input[type="radio"]:checked + * .g-brd-gray-light-v3--checked {
  border-color: #ddd !important;
}

.g-brd-gray-light-v3--checked.g-checked,
.g-checked .g-brd-gray-light-v3--checked {
  border-color: #ddd !important;
}

input[type="checkbox"]:checked + .g-brd-gray-light-v4--checked,
input[type="radio"]:checked + .g-brd-gray-light-v4--checked,
input[type="checkbox"]:checked + * .g-brd-gray-light-v4--checked,
input[type="radio"]:checked + * .g-brd-gray-light-v4--checked {
  border-color: #eee !important;
}

.g-brd-gray-light-v4--checked.g-checked,
.g-checked .g-brd-gray-light-v4--checked {
  border-color: #eee !important;
}

input[type="checkbox"]:checked + .g-brd-gray-light-v5--checked,
input[type="radio"]:checked + .g-brd-gray-light-v5--checked,
input[type="checkbox"]:checked + * .g-brd-gray-light-v5--checked,
input[type="radio"]:checked + * .g-brd-gray-light-v5--checked {
  border-color: #f7f7f7 !important;
}

.g-brd-gray-light-v5--checked.g-checked,
.g-checked .g-brd-gray-light-v5--checked {
  border-color: #f7f7f7 !important;
}

/* Transparent */
input[type="checkbox"]:checked + .g-brd-transparent--checked,
input[type="radio"]:checked + .g-brd-transparent--checked,
input[type="checkbox"]:checked + * .g-brd-transparent--checked,
input[type="radio"]:checked + * .g-brd-transparent--checked {
  border-color: transparent !important;
}

.g-brd-transparent--checked.g-checked,
.g-checked .g-brd-transparent--checked {
  border-color: transparent !important;
}

/* Color Red */
input[type="checkbox"]:checked + .g-brd-red--checked,
input[type="radio"]:checked + .g-brd-red--checked,
input[type="checkbox"]:checked + * .g-brd-red--checked,
input[type="radio"]:checked + * .g-brd-red--checked {
  border-color: #f00 !important;
}

.g-brd-red--checked.g-checked,
.g-checked .g-brd-red--checked {
  border-color: #f00 !important;
}

/*------------------------------------
  Focus state border
------------------------------------*/
/* Primary Colors */
.g-brd-primary--focus:focus,
.g-brd-primary--focus.g-state-focus *,
.g-brd-primary--focus.g-state-focus *:focus {
  border-color: var(--wx-primary) !important;
}

/* Black Colors */
.g-brd-black--focus:focus,
.g-brd-black--focus.g-state-focus *,
.g-brd-black--focus.g-state-focus *:focus {
  border-color: #000 !important;
}

/* White */
.g-brd-white--focus:focus,
.g-brd-white--focus.g-state-focus *,
.g-brd-white--focus.g-state-focus *:focus {
  border-color: #fff !important;
}

/* Gray Colors */
.g-brd-gray-dark-v1--focus:focus,
.g-brd-gray-dark-v1--focus.g-state-focus *,
.g-brd-gray-dark-v1--focus.g-state-focus *:focus {
  border-color: #111 !important;
}

.g-brd-gray-dark-v2--focus:focus,
.g-brd-gray-dark-v2--focus.g-state-focus *,
.g-brd-gray-dark-v2--focus.g-state-focus *:focus {
  border-color: #333 !important;
}

.g-brd-gray-dark-v3--focus:focus,
.g-brd-gray-dark-v3--focus.g-state-focus *,
.g-brd-gray-dark-v3--focus.g-state-focus *:focus {
  border-color: #555 !important;
}

.g-brd-gray-dark-v4--focus:focus,
.g-brd-gray-dark-v4--focus.g-state-focus *,
.g-brd-gray-dark-v4--focus.g-state-focus *:focus {
  border-color: #777 !important;
}

.g-brd-gray-dark-v5--focus:focus,
.g-brd-gray-dark-v5--focus.g-state-focus *,
.g-brd-gray-dark-v5--focus.g-state-focus *:focus {
  border-color: #999 !important;
}

.g-brd-gray-dark-light-v1--focus:focus,
.g-brd-gray-dark-light-v1--focus.g-state-focus *,
.g-brd-gray-dark-light-v1--focus.g-state-focus *:focus {
  border-color: #bbb !important;
}

.g-brd-gray-dark-light-v2--focus:focus,
.g-brd-gray-dark-light-v2--focus.g-state-focus *,
.g-brd-gray-dark-light-v2--focus.g-state-focus *:focus {
  border-color: #ccc !important;
}

.g-brd-gray-dark-light-v3--focus:focus,
.g-brd-gray-dark-light-v3--focus.g-state-focus *,
.g-brd-gray-dark-light-v3--focus.g-state-focus *:focus {
  border-color: #ddd !important;
}

.g-brd-gray-dark-light-v4--focus:focus,
.g-brd-gray-dark-light-v4--focus.g-state-focus *,
.g-brd-gray-dark-light-v4--focus.g-state-focus *:focus {
  border-color: #eee !important;
}

.g-brd-gray-dark-light-v5--focus:focus,
.g-brd-gray-dark-light-v5--focus.g-state-focus *,
.g-brd-gray-dark-light-v5--focus.g-state-focus *:focus {
  border-color: #f7f7f7 !important;
}

/* Transparent */
.g-brd-transparent--focus:focus,
.g-brd-transparent--focus.g-state-focus *,
.g-brd-transparent--focus.g-state-focus *:focus {
  border-color: transparent !important;
}

/* Color Red */
.g-brd-red--focus:focus,
.g-brd-red--focus.g-state-focus *,
.g-brd-red--focus.g-state-focus *:focus {
  border-color: #f00 !important;
}

/*------------------------------------
  Checked state opacity
------------------------------------*/
input[type="checkbox"]:checked + .g-opacity-1--checked,
input[type="radio"]:checked + .g-opacity-1--checked,
input[type="checkbox"]:checked + * .g-opacity-1--checked,
input[type="radio"]:checked + * .g-opacity-1--checked {
  opacity: 1;
}

.g-opacity-1--checked.g-checked,
.g-checked .g-opacity-1--checked {
  opacity: 1;
}

/*------------------------------------
  Checked state overlay
------------------------------------*/
input[type="checkbox"]:checked + .g-overlay-black-0_5--checked::after,
input[type="radio"]:checked + .g-overlay-black-0_5--checked::after,
input[type="checkbox"]:checked + * > .g-overlay-black-0_5--checked::after,
input[type="radio"]:checked + * > .g-overlay-black-0_5--checked::after {
  background-color: rgba(0, 0, 0, 0.5);
}

input[type="checkbox"]:checked + .g-overlay-black-0_7--checked::after,
input[type="radio"]:checked + .g-overlay-black-0_7--checked::after,
input[type="checkbox"]:checked + * > .g-overlay-black-0_7--checked::after,
input[type="radio"]:checked + * > .g-overlay-black-0_7--checked::after {
  background-color: rgba(0, 0, 0, 0.7);
}

input[type="checkbox"]:checked + .g-overlay-black-gradient-v1--checked::after,
input[type="radio"]:checked + .g-overlay-black-gradient-v1--checked::after,
input[type="checkbox"]:checked + * > .g-overlay-black-gradient-v1--checked::after,
input[type="radio"]:checked + * > .g-overlay-black-gradient-v1--checked::after {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), to(#000));
  background-image: -webkit-linear-gradient(top, transparent 40%, #000 100%);
  background-image: -o-linear-gradient(top, transparent 40%, #000 100%);
  background-image: linear-gradient(to bottom, transparent 40%, #000 100%);
}

input[type="checkbox"]:checked + .g-overlay-primary-0_5--checked::after,
input[type="radio"]:checked + .g-overlay-primary-0_5--checked::after,
input[type="checkbox"]:checked + * .g-overlay-primary-0_5--checked::after,
input[type="radio"]:checked + * .g-overlay-primary-0_5--checked::after {
  background-color: rgba(var(--wx-primary-rgba), 0.5);
}

.g-overlay-primary-0_5--checked.g-checked::after,
.g-checked .g-overlay-primary-0_5--checked::after {
  background-color: rgba(var(--wx-primary-rgba), 0.5);
}

input[type="checkbox"]:checked + .g-overlay-primary-0_9--checked::after,
input[type="radio"]:checked + .g-overlay-primary-0_9--checked::after,
input[type="checkbox"]:checked + * .g-overlay-primary-0_9--checked::after,
input[type="radio"]:checked + * .g-overlay-primary-0_9--checked::after {
  background-color: rgba(var(--wx-primary-rgba), 0.9);
}

.g-overlay-primary-0_9--checked.g-checked::after,
.g-checked .g-overlay-primary-0_9--checked::after {
  background-color: rgba(var(--wx-primary-rgba), 0.9);
}



/*------------------------------------
  Fields
------------------------------------*/
[data-capitalize] {
  text-transform: uppercase;
}

label.error {
  color: #d9534f;
  margin-top: .25rem;
  margin-bottom: 0;
}

input:not([type="checkbox"]):not([type="radio"]).error,
textarea.error,
select.error {
  border-color: #d9534f !important;
}


	/*------------------------------------
	  Checkboxes
	------------------------------------*/
	.u-check {
	  position: relative;
	  cursor: pointer;
	}

	.u-check-icon-font {
	  display: inline-block;
	  font-size: 0;
	  padding-left: 1px;
	  padding-right: 1px;
	}

	.u-check-icon-font i {
	  font-size: 22px;
	  color: #ccc;
	}

	.u-check-icon-font i::before {
	  content: attr(data-uncheck-icon);
	}

	.u-check-icon-checkbox, .u-check-icon-radio {
	  display: inline-block;
	}

	.u-check input[type="checkbox"]:checked + .u-check-icon-font i,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-font i,
	.u-check input[type="radio"]:checked + .u-check-icon-font i,
	.u-check input[type="radio"]:checked + * .u-check-icon-font i {
	  color: var(--wx-primary);
	}

	.u-check input[type="checkbox"]:checked + .u-check-icon-font i::before,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-font i::before,
	.u-check input[type="radio"]:checked + .u-check-icon-font i::before,
	.u-check input[type="radio"]:checked + * .u-check-icon-font i::before {
	  content: attr(data-check-icon);
	}

	.g-hide-check {
	  display: block !important;
	}

	.g-checked > * .g-hide-check,
	input[type="checkbox"]:checked + .g-hide-check,
	input[type="radio"]:checked + .g-hide-check,
	input[type="checkbox"]:checked + * .g-hide-check,
	input[type="radio"]:checked + * .g-hide-check {
	  display: none !important;
	}

	.g-show-check {
	  display: none !important;
	}

	.g-checked > * .g-show-check,
	input[type="checkbox"]:checked + .g-show-check,
	input[type="radio"]:checked + .g-show-check,
	input[type="checkbox"]:checked + * .g-show-check,
	input[type="radio"]:checked + * .g-show-check {
	  display: block !important;
	}

	/*------------------------------------
	  Checkboxes v1
	------------------------------------*/
	.u-check-icon-checkbox-v1, .u-check-icon-radio-v1 {
	  background-color: #fff;
	  border: solid 1px #ccc;
	}

	.u-check-icon-checkbox-v1 {
	  border-radius: 1px;
	}

	.u-check-icon-radio-v1 {
	  border-radius: 50%;
	}

	.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v1,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v1,
	.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v1,
	.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v1 {
	  color: #fff;
	  background-color: var(--wx-primary);
	  border-color: var(--wx-primary);
	}

	.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v1::before,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v1::before,
	.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v1::before,
	.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v1::before {
	  content: attr(data-check-icon);
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  font-size: 12px;
	  -webkit-transform: translate(-50%, -50%);
		  -ms-transform: translate(-50%, -50%);
			  transform: translate(-50%, -50%);
	}

	.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v1,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v1,
	.u-check input[type="radio"]:checked + .u-check-icon-radio-v1,
	.u-check input[type="radio"]:checked + * .u-check-icon-radio-v1 {
	  border-width: 4px;
	  border-color: var(--wx-primary);
	}

	/*------------------------------------
	  Checkboxes v2
	------------------------------------*/
	.u-check-icon-checkbox-v2, .u-check-icon-radio-v2 {
	  width: 20px;
	  height: 20px;
	  border: solid 1px var(--wx-primary);
	}

	.u-check-icon-checkbox-v2 {
	  border-radius: 1px;
	}

	.u-check-icon-radio-v2 {
	  border-radius: 50%;
	}

	/*------------------------------------
	  Checkboxes v3
	------------------------------------*/
	.u-check-icon-checkbox-v3, .u-check-icon-radio-v3 {
	  width: 40px;
	  height: 40px;
	  border: solid 1px var(--wx-primary);
	  border-radius: 50%;
	}

	/*------------------------------------
	  Checkboxes v4
	------------------------------------*/
	.u-check-icon-checkbox-v4, .u-check-icon-radio-v4 {
	  width: 18px;
	  height: 18px;
	  font-size: 12px;
	  border: solid 1px #ccc;
	}

	.u-check-icon-checkbox-v4 i::before, .u-check-icon-radio-v4 i::before {
	  content: attr(data-uncheck-icon);
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -webkit-transform: translate(-50%, -50%);
		  -ms-transform: translate(-50%, -50%);
			  transform: translate(-50%, -50%);
	}

	.u-check-icon-radio-v4 {
	  border-radius: 50%;
	}

	.u-check-icon-radio-v4 i {
	  border-radius: 50%;
	}

	.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v4,
	.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v4,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v4,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v4,
	.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v4,
	.u-check input[type="radio"]:checked + .u-check-icon-radio-v4,
	.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v4,
	.u-check input[type="radio"]:checked + * .u-check-icon-radio-v4 {
	  color: var(--wx-primary);
	  border-color: var(--wx-primary);
	}

	.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v4 i::before,
	.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v4 i::before,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v4 i::before,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v4 i::before,
	.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v4 i::before,
	.u-check input[type="radio"]:checked + .u-check-icon-radio-v4 i::before,
	.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v4 i::before,
	.u-check input[type="radio"]:checked + * .u-check-icon-radio-v4 i::before {
	  content: attr(data-check-icon);
	}

	/*------------------------------------
	  Checkboxes v5
	------------------------------------*/
	.u-check-icon-checkbox-v5, .u-check-icon-radio-v5 {
	  width: 18px;
	  height: 18px;
	}

	.u-check-icon-checkbox-v5 i, .u-check-icon-radio-v5 i {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  display: block;
	  width: 100%;
	  height: 100%;
	  background-color: #fff;
	  border: solid 1px #ccc;
	  -webkit-transform: translate(-50%, -50%);
		  -ms-transform: translate(-50%, -50%);
			  transform: translate(-50%, -50%);
	}

	.u-check-icon-checkbox-v5 {
	  border-radius: 1px;
	}

	.u-check-icon-radio-v5 {
	  border-radius: 50%;
	}

	.u-check-icon-radio-v5 i {
	  border-radius: 50%;
	}

	.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v5 i,
	.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v5 i,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v5 i,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v5 i,
	.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v5 i,
	.u-check input[type="radio"]:checked + .u-check-icon-radio-v5 i,
	.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v5 i,
	.u-check input[type="radio"]:checked + * .u-check-icon-radio-v5 i {
	  border-width: 4px;
	  border-color: var(--wx-primary);
	}

	/*------------------------------------
	  Checkboxes v6
	------------------------------------*/
	.u-check-icon-checkbox-v6, .u-check-icon-radio-v6 {
	  width: 18px;
	  height: 18px;
	  font-size: 12px;
	}

	.u-check-icon-checkbox-v6 i, .u-check-icon-radio-v6 i {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  display: block;
	  width: 100%;
	  height: 100%;
	  border: solid 1px #ccc;
	  -webkit-transform: translate(-50%, -50%);
		  -ms-transform: translate(-50%, -50%);
			  transform: translate(-50%, -50%);
	}

	.u-check-icon-checkbox-v6 i::before, .u-check-icon-radio-v6 i::before {
	  content: attr(data-uncheck-icon);
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -webkit-transform: translate(-50%, -50%);
		  -ms-transform: translate(-50%, -50%);
			  transform: translate(-50%, -50%);
	}

	.u-check-icon-radio-v6 {
	  border-radius: 50%;
	}

	.u-check-icon-radio-v6 i {
	  border-radius: 50%;
	}

	.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6 i,
	.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v6 i,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v6 i,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v6 i,
	.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v6 i,
	.u-check input[type="radio"]:checked + .u-check-icon-radio-v6 i,
	.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v6 i,
	.u-check input[type="radio"]:checked + * .u-check-icon-radio-v6 i {
	  color: #fff;
	  background-color: var(--wx-primary);
	  border-color: var(--wx-primary);
	}

	.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6 i::before,
	.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v6 i::before,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v6 i::before,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v6 i::before,
	.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v6 i::before,
	.u-check input[type="radio"]:checked + .u-check-icon-radio-v6 i::before,
	.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v6 i::before,
	.u-check input[type="radio"]:checked + * .u-check-icon-radio-v6 i::before {
	  content: attr(data-check-icon);
	}

	/*------------------------------------
	  Checkboxes v7
	------------------------------------*/
	.u-check-icon-checkbox-v7, .u-check-icon-radio-v7 {
	  cursor: pointer;
	  display: block;
	  width: 43px;
	  height: 22px;
	  font-style: normal;
	  font-weight: 700;
	  font-size: 9px;
	  color: #ddd;
	  border: solid 1px #ddd;
	  border-radius: 12px;
	}

	.u-check-icon-checkbox-v7 i::before, .u-check-icon-checkbox-v7 i::after, .u-check-icon-radio-v7 i::before, .u-check-icon-radio-v7 i::after {
	  content: "";
	  display: block;
	  position: absolute;
	}

	.u-check-icon-checkbox-v7 i::before, .u-check-icon-radio-v7 i::before {
	  content: attr(data-uncheck-icon);
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 22px;
	  line-height: 18px;
	  text-transform: uppercase;
	  text-align: right;
	  padding: 2px 7px;
	}

	.u-check-icon-checkbox-v7 i::after, .u-check-icon-radio-v7 i::after {
	  top: 50%;
	  left: 4px;
	  width: 16px;
	  height: 16px;
	  background-color: #ddd;
	  border-radius: 50%;
	  -webkit-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
			  transform: translateY(-50%);
	  -webkit-transition-property: left;
	  -o-transition-property: left;
	  transition-property: left;
	  -webkit-transition-duration: .1s;
		   -o-transition-duration: .1s;
			  transition-duration: .1s;
	  -webkit-transition-timing-function: ease-in;
		   -o-transition-timing-function: ease-in;
			  transition-timing-function: ease-in;
	}

	.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v7,
	.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v7,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v7,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v7,
	.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v7,
	.u-check input[type="radio"]:checked + .u-check-icon-radio-v7,
	.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v7,
	.u-check input[type="radio"]:checked + * .u-check-icon-radio-v7 {
	  color: #fff;
	  background-color: var(--wx-primary);
	  border-color: var(--wx-primary);
	}

	.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v7 i:before,
	.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v7 i:before,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v7 i:before,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v7 i:before,
	.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v7 i:before,
	.u-check input[type="radio"]:checked + .u-check-icon-radio-v7 i:before,
	.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v7 i:before,
	.u-check input[type="radio"]:checked + * .u-check-icon-radio-v7 i:before {
	  content: attr(data-check-icon);
	  text-align: left;
	}

	.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v7 i::after,
	.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v7 i::after,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v7 i::after,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v7 i::after,
	.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v7 i::after,
	.u-check input[type="radio"]:checked + .u-check-icon-radio-v7 i::after,
	.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v7 i::after,
	.u-check input[type="radio"]:checked + * .u-check-icon-radio-v7 i::after {
	  left: calc(100% - 19px);
	  background-color: #fff;
	}

	/*------------------------------------
	  Checkboxes v7
	------------------------------------*/
	.u-check-icon-checkbox-v8, .u-check-icon-radio-v8 {
	  cursor: pointer;
	  display: block;
	  width: 43px;
	  height: 22px;
	  font-style: normal;
	  font-weight: 700;
	  font-size: 9px;
	  color: #ddd;
	  border: solid 1px #ddd;
	  border-radius: 12px;
	}

	.u-check-icon-checkbox-v8 i::before, .u-check-icon-checkbox-v8 i::after, .u-check-icon-radio-v8 i::before, .u-check-icon-radio-v8 i::after {
	  content: "";
	  display: block;
	  position: absolute;
	}

	.u-check-icon-checkbox-v8 i::before, .u-check-icon-radio-v8 i::before {
	  content: attr(data-uncheck-icon);
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 22px;
	  line-height: 18px;
	  text-transform: uppercase;
	  text-align: right;
	  padding: 2px 7px;
	}

	.u-check-icon-checkbox-v8 i::after, .u-check-icon-radio-v8 i::after {
	  top: 50%;
	  left: 4px;
	  width: 16px;
	  height: 16px;
	  background-color: #ddd;
	  border-radius: 50%;
	  -webkit-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
			  transform: translateY(-50%);
	  -webkit-transition-property: left;
	  -o-transition-property: left;
	  transition-property: left;
	  -webkit-transition-duration: .1s;
		   -o-transition-duration: .1s;
			  transition-duration: .1s;
	  -webkit-transition-timing-function: ease-in;
		   -o-transition-timing-function: ease-in;
			  transition-timing-function: ease-in;
	}

	.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8,
	.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v8,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8,
	.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8,
	.u-check input[type="radio"]:checked + .u-check-icon-radio-v8,
	.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v8,
	.u-check input[type="radio"]:checked + * .u-check-icon-radio-v8 {
	  color: var(--wx-primary);
	  border-color: var(--wx-primary);
	}

	.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8 i:before,
	.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v8 i:before,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8 i:before,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8 i:before,
	.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8 i:before,
	.u-check input[type="radio"]:checked + .u-check-icon-radio-v8 i:before,
	.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v8 i:before,
	.u-check input[type="radio"]:checked + * .u-check-icon-radio-v8 i:before {
	  content: attr(data-check-icon);
	  text-align: left;
	}

	.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8 i::after,
	.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v8 i::after,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8 i::after,
	.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8 i::after,
	.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8 i::after,
	.u-check input[type="radio"]:checked + .u-check-icon-radio-v8 i::after,
	.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v8 i::after,
	.u-check input[type="radio"]:checked + * .u-check-icon-radio-v8 i::after {
	  left: calc(100% - 19px);
	  background-color: var(--wx-primary);
	}

	/* P */
	[class*="u-checkbox-v1"] {
	  display: none;
	}

	[class*="u-checkbox-v1"] + label {
	  cursor: pointer;
	}

	.u-checkbox-v1--checked-color-primary:checked + label {
	  color: var(--wx-primary) !important;
	}

	.u-checkbox-v1--checked-brd-primary:checked + label {
	  border-color: var(--wx-primary) !important;
	}

	/*------------------------------------
	  File Attachments
	------------------------------------*/
	/*------------------------------------
	  File Attachments v1
	------------------------------------*/
	.u-file-attach-v1 {
	  position: relative;
	  overflow: hidden;
	  cursor: pointer;
	}

	.u-file-attach-v1 input[type="file"] {
	  position: absolute;
	  top: -25%;
	  left: -25%;
	  z-index: 10;
	  width: 150%;
	  height: 150%;
	  opacity: 0;
	  cursor: pointer;
	}

	.u-file-attach-v1 input[readonly] {
	  background-color: transparent;
	}

	/*------------------------------------
	  File Attachments v2
	------------------------------------*/
	.u-file-attach-v2 {
	  position: relative;
	  overflow: hidden;
	  cursor: pointer;
	}

	.u-file-attach-v2 input[type="file"] {
	  position: absolute;
	  top: -25%;
	  left: -25%;
	  z-index: 10;
	  width: 150%;
	  height: 150%;
	  opacity: 0;
	  cursor: pointer;
	}

	/*------------------------------------
	  File Attachments v2
	------------------------------------*/
	.u-file-attach-v3 {
	  cursor: pointer;
	  position: relative;
	  text-align: center;
	  background-color: #f7f7f7;
	  overflow: hidden;
	  border: 1px dashed #ccc;
	  padding: 60px;
	  -webkit-transition-property: background-color;
	  -o-transition-property: background-color;
	  transition-property: background-color;
	  -webkit-transition-duration: .2s;
		   -o-transition-duration: .2s;
			  transition-duration: .2s;
	  -webkit-transition-timing-function: ease-in;
		   -o-transition-timing-function: ease-in;
			  transition-timing-function: ease-in;
	}

	.u-file-attach-v3 input[type="file"] {
	  position: absolute;
	  top: -25%;
	  left: -25%;
	  z-index: 10;
	  width: 150%;
	  height: 150%;
	  opacity: 0;
	  cursor: pointer;
	}

	.u-file-attach-v3:hover {
	  background-color: #eee;
	}



/*------------------------------------
  Selects
------------------------------------*/
.input-group select {
  -webkit-appearance: none;
}




/*------------------------------------
  Sliders
------------------------------------*/
/*------------------------------------
  Sliders v1
------------------------------------*/
.u-slider-v1.ui-slider, .u-slider-v1-2.ui-slider, .u-slider-v1-3.ui-slider {
  position: relative;
  background: #eee;
  border: none;
  border-radius: 0;
  margin-top: 12px;
  margin-left: 6px;
  margin-right: 6px;
}

.u-slider-v1.ui-slider .ui-slider-range, .u-slider-v1-2.ui-slider .ui-slider-range, .u-slider-v1-3.ui-slider .ui-slider-range {
  height: 100%;
}

.u-slider-v1.ui-slider .ui-slider-handle, .u-slider-v1-2.ui-slider .ui-slider-handle, .u-slider-v1-3.ui-slider .ui-slider-handle {
  position: absolute;
  top: 50%;
  border-style: solid;
  outline: none;
  background: #fff;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition-property: border-color;
  -o-transition-property: border-color;
  transition-property: border-color;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
}

.u-slider-v1.ui-slider.ui-slider-content, .u-slider-v1-2.ui-slider.ui-slider-content, .u-slider-v1-3.ui-slider.ui-slider-content {
  border-color: #eee;
}

.u-slider-v1.ui-slider {
  height: 2px;
}

.u-slider-v1.ui-slider .ui-slider-range {
  background: var(--wx-primary);
}

.u-slider-v1.ui-slider .ui-slider-handle {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-width: 2px;
  border-color: var(--wx-primary);
}

.u-slider-v1-2.ui-slider, .u-slider-v1-3.ui-slider {
  height: 4px;
}

.u-slider-v1-2.ui-slider .ui-slider-range, .u-slider-v1-3.ui-slider .ui-slider-range {
  background: #ddd;
}

.u-slider-v1-2.ui-slider .ui-slider-handle, .u-slider-v1-3.ui-slider .ui-slider-handle {
  width: 15px;
  height: 15px;
  margin-top: -8px;
  margin-left: -8px;
  border-width: 2px;
  border-color: var(--wx-primary);
}

.u-slider-v1-3.ui-slider .ui-slider-handle {
  border-radius: 50%;
}

/*------------------------------------
  Sliders v2
------------------------------------*/
.u-slider-v2.ui-slider, .u-slider-v2-2.ui-slider, .u-slider-v2-3.ui-slider {
  position: relative;
  background: rgba(var(--wx-primary-rgba), 0.5);
  border: none;
  border-radius: 0;
  margin-top: 12px;
  margin-left: 6px;
  margin-right: 6px;
}

.u-slider-v2.ui-slider .ui-slider-range, .u-slider-v2-2.ui-slider .ui-slider-range, .u-slider-v2-3.ui-slider .ui-slider-range {
  height: 100%;
}

.u-slider-v2.ui-slider .ui-slider-handle, .u-slider-v2-2.ui-slider .ui-slider-handle, .u-slider-v2-3.ui-slider .ui-slider-handle {
  position: absolute;
  top: 50%;
  border-style: solid;
  outline: none;
  background: var(--wx-primary);
  border-radius: 0;
  cursor: pointer;
  -webkit-transition-property: border-color, -webkit-transform;
  transition-property: border-color, -webkit-transform;
  -o-transition-property: border-color, transform;
  transition-property: border-color, transform;
  transition-property: border-color, transform, -webkit-transform;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
}

.u-slider-v2.ui-slider .ui-slider-handle.ui-state-active, .u-slider-v2-2.ui-slider .ui-slider-handle.ui-state-active, .u-slider-v2-3.ui-slider .ui-slider-handle.ui-state-active {
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}

.u-slider-v2.ui-slider {
  height: 2px;
}

.u-slider-v2.ui-slider .ui-slider-range {
  background: var(--wx-primary);
}

.u-slider-v2.ui-slider .ui-slider-handle {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-width: 2px;
  border-color: var(--wx-primary);
}

.u-slider-v2-2.ui-slider, .u-slider-v2-3.ui-slider {
  height: 4px;
}

.u-slider-v2-2.ui-slider .ui-slider-range, .u-slider-v2-3.ui-slider .ui-slider-range {
  background: var(--wx-primary);
}

.u-slider-v2-2.ui-slider .ui-slider-handle, .u-slider-v2-3.ui-slider .ui-slider-handle {
  width: 15px;
  height: 15px;
  margin-top: -8px;
  margin-left: -8px;
  border-width: 2px;
  border-color: var(--wx-primary);
}

.u-slider-v2-3.ui-slider .ui-slider-handle {
  border-radius: 50%;
}

/*------------------------------------
  Quantity
------------------------------------*/
.u-quantity-v1 input {
  background-color: #fff !important;
}

.js-plus,
.js-minus {
  cursor: pointer;
}

/*------------------------------------
  Carousel indicators
------------------------------------*/
[class*="u-carousel-indicators"] {
  display: block;
  position: absolute;
  padding-left: 0;
  margin-bottom: 0;
}

[class*="u-carousel-indicators"] li {
  list-style: none;
}

[class*="u-carousel-indicators"] span {
  display: block;
  cursor: pointer;
}

/*------------------------------------
  Carousel indicators v1
------------------------------------*/
.u-carousel-indicators-v1,
.u-carousel-indicators-v1--white {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.u-carousel-indicators-v1 li,
.u-carousel-indicators-v1--white li {
  margin: 0 5px;
}

.u-carousel-indicators-v1 li.slick-active span,
.u-carousel-indicators-v1--white li.slick-active span {
  background-color: var(--wx-primary);
}

.u-carousel-indicators-v1 span,
.u-carousel-indicators-v1--white span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #777;
  opacity: 1;
}

.u-carousel-indicators-v1 span {
  background-color: #777;
}

.u-carousel-indicators-v1--white li.slick-active span {
  background-color: #fff;
}



/*------------------------------------
  Progress Bars
------------------------------------*/
.progress-bar {
  min-height: 0 !important;
  display: block;
  line-height: 1.4;
  height: 1rem;
}

.u-progress__pointer-v1 {
  position: absolute;
  top: 50%;
  right: 0;
  width: 42px;
  height: 42px;
  margin: -21px -21px 0 0;
  background-color: transparent;
  line-height: 42px;
  z-index: 1;
}

.u-progress__pointer-v2 {
  position: absolute;
  bottom: 100%;
  right: 0;
  min-width: 46px;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  margin-bottom: 5px;
  background-color: transparent;
  z-index: 1;
}

.u-progress__pointer-v2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  margin-left: -5px;
  border-style: solid;
  border-color: var(--wx-primary) transparent;
  border-width: 5px 5px 0;
}

.u-progress__pointer-v3 {
  position: relative;
  float: right;
  white-space: nowrap;
  line-height: 1.2;
}

.u-progress__pointer-v3::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -10px;
  margin-right: -5px;
  border-style: solid;
  border-color: var(--wx-primary) transparent;
  border-width: 5px 5px 0;
}

[class*="u-progress-bar-vertical"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.u-progress-bar-vertical-v1 {
  height: 200px;
}

/*------------------------------------
  Progress Bars Sizes
------------------------------------*/
.u-progress-bar--2xs {
  min-height: 1px !important;
}

.u-progress-bar--xs {
  min-height: 3px !important;
}

.u-progress-bar--sm {
  min-height: 7px !important;
}

.u-progress-bar--lg {
  min-height: 18px !important;
}

.u-progress-bar--xl {
  min-height: 22px !important;
}

.u-progress-bar--2xl {
  min-height: 33px !important;
}

/*------------------------------------
  Rating v1
------------------------------------*/
.u-rating-v1 {
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0;
}

.u-rating-v1 > * {
  float: left;
  list-style: none;
  cursor: pointer;
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
}

.u-rating-v1 > * + * {
  padding-left: 6px;
}





/*------------------------------------
  Time Lines
------------------------------------*/
[class*="u-timeline-v1-wrap"],
[class*="u-timeline-v2-wrap"],
[class*="u-timeline-v3-wrap"] {
  position: relative;
}

[class*="u-timeline-v1-wrap"]::before,
[class*="u-timeline-v2-wrap"]::before,
[class*="u-timeline-v3-wrap"]::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
}

/*------------------------------------
  Time Lines v1
------------------------------------*/
.u-timeline-v1 {
  position: relative;
  border-width: 1px;
  border-style: solid;
  border-color: #eee;
}

.u-timeline-v1-wrap::before {
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #f7f7f7;
  margin-left: 20px;
}

.u-timeline-v1__icon {
  position: absolute;
  top: 30px;
  font-size: 20px;
  z-index: 3;
}

.g-orientation-bottom .u-timeline-v1__icon,
.g-orientation-right .u-timeline-v1__icon,
.g-orientation-left .u-timeline-v1__icon {
  left: 0;
}

@media (min-width: 768px) {
  .u-timeline-v1-wrap:not([class*="--horizontal"])::before {
    left: 50%;
    margin-left: -2px;
  }
  .u-timeline-v1-wrap--horizontal::before {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    margin-left: 0;
    margin-top: -2px;
  }
  .g-orientation-bottom .u-timeline-v1__icon {
    top: 100%;
    left: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
  }
  .g-orientation-left .u-timeline-v1__icon {
    right: 100%;
    left: auto;
  }
  .g-orientation-right .u-timeline-v1__icon {
    right: auto;
    left: 100%;
  }
}

/*------------------------------------
  Time Lines v2
------------------------------------*/
@media (min-width: 768px) {
  .u-timeline-v2-wrap::before {
    left: 25%;
    width: 3px;
    height: 100%;
    margin-left: -1px;
    background-color: #f7f7f7;
  }
  .u-timeline-v2__icon {
    font-size: 16px;
    position: absolute;
  }
  .g-orientation-right .u-timeline-v2__icon {
    left: 100%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .g-orientation-left .u-timeline-v2__icon {
    right: 100%;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
  }
  .g-orientation-bottom .u-timeline-v2__icon {
    top: 100%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

/*------------------------------------
  Time Lines v3
------------------------------------*/
.u-timeline-v3-wrap::before {
  left: 21%;
  width: 1px;
  height: 100%;
  display: none;
  background-color: #eee;
}

.u-timeline-v3 {
  position: relative;
}

.u-timeline-v3__icon {
  left: 21%;
}

@media (min-width: 768px) {
  .u-timeline-v3-wrap::before {
    display: block;
  }
}

@media (min-width: 992px) {
  .u-timeline-v3-wrap::before {
    left: 18%;
  }
  .u-timeline-v3__icon {
    left: 18%;
  }
}


/*------------------------------------
  Background Colors
------------------------------------*/
.u-label {
  display: inline-block;
  padding: .35rem .58rem;
  font-size: .9rem;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  /* Label Size
  ------------------------------------*/
  /* Label Styles
  ------------------------------------*/
  /* Label Num
  ------------------------------------*/
}

.u-label:empty {
  display: none;
}

.btn .u-label {
  position: relative;
  top: -1px;
}

.u-label-default {
  background-color: #777;
}

.u-label-default[href]:hover, .u-label-default[href]:focus {
  background-color: #555;
}

.u-label-primary {
  background-color: #5cb85c;
}

.u-label-primary[href]:hover, .u-label-primary[href]:focus {
  background-color: #55b555;
}

.u-label-success {
  background-color: #5cb85c;
}

.u-label-success[href]:hover, .u-label-success[href]:focus {
  background-color: #55b555;
}

.u-label-info {
  background-color: #5bc0de;
}

.u-label-info[href]:hover, .u-label-info[href]:focus {
  background-color: #53bddc;
}

.u-label-warning {
  background-color: #f0ad4e;
}

.u-label-warning[href]:hover, .u-label-warning[href]:focus {
  background-color: #efa945;
}

.u-label-danger {
  background-color: #d9534f;
}

.u-label-danger[href]:hover, .u-label-danger[href]:focus {
  background-color: #d74b47;
}

.u-label.g-rounded-10 {
  padding: .35rem .7rem;
}

.u-label--sm {
  font-size: .8rem;
}

.u-label--lg {
  font-size: 1.1rem;
}

.u-label.u-label-with-icon {
  padding: .5rem .85rem;
}

.u-label.u-label-with-icon i {
  margin-right: .5rem;
}

.u-label-num {
  min-width: 2rem;
  height: 2rem;
  padding: 0 .35rem;
  line-height: 2rem;
}

.u-label-num.u-label--sm {
  min-width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
}

.u-label-num.u-label--lg {
  min-width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
}

/*------------------------------------
  Link Styles
------------------------------------*/
.u-link-v1 {
	border-bottom: 1px solid transparent !important;	
	  -webkit-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

.u-link-v1:hover, .u-link-v1:focus {
	text-decoration: none;
	border-color: inherit !important;
}

.u-link-v2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-indent: -100%;
  white-space: nowrap;
  overflow: hidden;
  z-index: 2;
}

.u-link-v3 {
  
}

.u-link-v3:hover {
  color: var(--wx-primary-dark-v2) !important;
  
}

.u-link-v4 {
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.u-link-v4:hover {
  opacity: .8;
}

.u-link-v5 {
  text-decoration: none;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.u-link-v5:hover, .u-link-v5:focus {
  text-decoration: none;
}

/*------------------------------------
  List Styles
------------------------------------*/
.u-list-inline {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.img-bordered {
  border: solid 6px #777;
}

.g-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.g-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media (min-width: 576px) {
  .g-order-1--sm {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .g-order-2--sm {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media (min-width: 768px) {
  .g-order-1--md {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .g-order-2--md {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media (min-width: 992px) {
  .g-order-1--lg {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .g-order-2--lg {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

/*------------------------------------
  Paginations
------------------------------------*/
/* Pagination v1 */
.u-pagination-v1__item {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border: solid 1px transparent;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.u-pagination-v1__item--active, .u-pagination-v1__item:hover, .u-pagination-v1__item:focus {
  text-decoration: none;
  cursor: pointer;
}

.u-pagination-v1__item-info {
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

.u-pagination-v1__item--disabled {
  opacity: .5;
  pointer-events: none;
}

/* Pagination Style v1 */
.u-pagination-v1-1 {
  color: #999;
  border-color: #999;
}

.u-pagination-v1-1--active, .u-pagination-v1-1:hover, .u-pagination-v1-1:focus {
  background-color: var(--wx-primary);
  color: #fff;
  border-color: var(--wx-primary);
}

/* Pagination Style v2 */
.u-pagination-v1-2 {
  color: #555;
  border-color: #555;
}

.u-pagination-v1-2:hover, .u-pagination-v1-2:focus {
  color: var(--wx-primary);
  border-color: var(--wx-primary);
}

.u-pagination-v1-2--active, .u-pagination-v1-2--nav {
  background-color: var(--wx-primary);
  color: #fff;
  border-color: var(--wx-primary);
}

.u-pagination-v1-2--active:hover, .u-pagination-v1-2--active:focus, .u-pagination-v1-2--nav:hover, .u-pagination-v1-2--nav:focus {
  color: #fff;
}

.u-pagination-v1-2--nav:hover {
  background-color: rgba(var(--wx-primary-rgba), 0.8);
}

/* Pagination Style v3 */
.u-pagination-v1-3 {
  color: #333;
  border-color: #333;
}

.u-pagination-v1-3--active, .u-pagination-v1-3:hover, .u-pagination-v1-3:focus {
  background-color: #333;
  color: #fff;
  border-color: #333;
}

/* Pagination Style v4 */
.u-pagination-v1-4 {
  color: #333;
  border-color: transparent;
}

.u-pagination-v1-4:hover, .u-pagination-v1-4:focus {
  color: var(--wx-primary);
  border-color: var(--wx-primary);
}

.u-pagination-v1-4--active {
  color: #fff;
  background-color: var(--wx-primary);
  border-color: var(--wx-primary);
}

.u-pagination-v1-4--active:hover, .u-pagination-v1-4--active:focus {
  color: #fff;
}

/* Pagination Style v5 */
.u-pagination-v1-5 {
  color: #999;
  border-color: #ccc;
}

.u-pagination-v1-5--active, .u-pagination-v1-5:hover, .u-pagination-v1-5:focus {
  background-color: var(--wx-primary);
  color: #fff;
  border-color: var(--wx-primary);
}


/*------------------------------------
  Animation on the scroll
------------------------------------*/
[data-animation]:not(.u-in-viewport) {
  visibility: hidden;
}

[data-animation].js-carousel {
  visibility: visible;
}

.u-in-viewport {
  visibility: visible;
}

	/*------------------------------------
	  Stickers
	------------------------------------*/
	.u-sticker {
	  position: absolute;
	}

	/* Sticker Position
	------------------------------------*/
	.u-sticker-center {
	  left: 50%;
	  -webkit-transform: translateX(-50%);
		  -ms-transform: translateX(-50%);
			  transform: translateX(-50%);
	}

/*------------------------------------
  Sticky blocks
------------------------------------*/
[class*="sticky-block"] {
  max-width: 100%;
}

/*------------------------------------
  Tables
------------------------------------*/
[class*="text"][class*="center"] td,
[class*="text"][class*="center"] th {
  text-align: center;
}

.u-table--v1 td,
.u-table--v1 th {
  padding: 8px;
}

.u-table--v1 thead th {
  border-bottom-width: 1px;
}

.u-table--v2 td,
.u-table--v2 th {
  padding: 15px;
}

.u-table--v2 thead th {
  background-color: inherit;
  border-bottom-width: 1px;
}

.g-col-border-top-0 td,
.g-col-border-top-0 th {
  border-top-width: 0;
}

.g-col-border-side-0 td,
.g-col-border-side-0 th {
  border-left-width: 0;
  border-right-width: 0;
}

/*------------------------------------
  Tabs
------------------------------------*/
/* Colors
------------------------------------*/
.g-color-primary--active.active {
  color: var(--wx-primary);
}

.g-color-black--active.active {
  color: #000;
}

.g-color-gray-dark-v2--active.active {
  color: #333;
}

.g-color-white--active.active {
  color: #fff;
}

/* Style for Icons
------------------------------------*/
.u-tab-line-icon-pro {
  position: relative;
  top: 2px;
}

/* HZ
------------------------------------*/
.nav-item > a,
.nav-item > .nav-link,
[class*="u-tab-link"]:not([class*="-icon"]) {
  -webkit-transition-property: color, background-color, border-color;
  -o-transition-property: color, background-color, border-color;
  transition-property: color, background-color, border-color;
  -webkit-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

[role="tablist"]:not([data-tabs-mobile-type="slide-up-down"]):not(
[data-tabs-mobile-type="accordion"]):not(
[data-scroll]) {
  display: block;
}

[role="tablist"]  .nav-item {
  display: inline-block;
}

[role="tablist"]  .js-tabs-mobile {
  position: relative;
  display: none;
}

[role="tablist"]  .js-tabs-mobile-control {
  position: relative;
  display: block;
}

[role="tablist"]  .js-tabs-mobile-control::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  border-width: 5px 3.5px 0 3.5px;
  border-style: solid;
  border-color: #777 transparent transparent transparent;
  margin-top: -1px;
}

[role="tablist"]  .js-tabs-mobile .nav-inner {
  position: absolute;
  top: calc(100% + 1px);
  right: 0;
  display: none;
  background-color: #fff;
  border: 1px solid;
  padding-left: 0;
}

[role="tablist"]  .js-tabs-mobile .nav-inner .nav-item {
  display: block;
  white-space: nowrap;
}

[data-scroll]:not([data-tabs-mobile-type="slide-up-down"]):not(
[data-tabs-mobile-type="accordion"]) {
  width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
}

[data-scroll] ::-webkit-scrollbar {
  display: none;
}

@-moz-document url-prefix() {
  [data-scroll]:not([data-tabs-mobile-type="slide-up-down"]):not(
  [data-tabs-mobile-type="accordion"]) {
    padding-bottom: 15px;
  }
}

@media (min-width: 768px) {
  [data-scroll] {
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  [data-scroll]::-webkit-scrollbar {
    display: none;
  }
  @-moz-document url-prefix() {
    [data-scroll] {
      padding-bottom: 15px;
    }
  }
}




/*------------------------------------
  Text-shadow
------------------------------------*/
.u-txt-shadow-v1 {
  text-shadow: 1px 1px rgba(67, 70, 72, 0.05), 2px 2px rgba(147, 150, 152, 0.07), 3px 3px rgba(178, 182, 183, 0.086), 4px 4px rgba(195, 199, 200, 0.106), 5px 5px rgba(206, 210, 211, 0.125), 6px 6px rgba(213, 217, 218, 0.145), 7px 7px rgba(218, 222, 223, 0.165), 8px 8px rgba(222, 226, 227, 0.184), 9px 9px rgba(226, 230, 231, 0.204), 10px 10px rgba(228, 232, 233, 0.22), 11px 11px rgba(230, 234, 235, 0.24), 12px 12px rgba(232, 236, 237, 0.26), 13px 13px rgba(233, 237, 238, 0.28), 14px 14px rgba(235, 239, 240, 0.298), 15px 15px rgba(236, 240, 241, 0.318), 16px 16px rgba(237, 241, 242, 0.333), 17px 17px rgba(238, 242, 243, 0.353), 18px 18px rgba(238, 242, 243, 0.373), 19px 19px rgba(239, 243, 244, 0.392), 20px 20px rgba(240, 244, 245, 0.41), 21px 21px rgba(240, 244, 245, 0.43), 22px 22px rgba(241, 245, 246, 0.447), 23px 23px rgba(241, 245, 246, 0.467), 24px 24px rgba(242, 246, 247, 0.486), 25px 25px rgba(242, 246, 247, 0.506), 26px 26px rgba(242, 246, 247, 0.525), 27px 27px rgba(243, 247, 248, 0.545), 28px 28px rgba(243, 247, 248, 0.565), 29px 29px rgba(243, 247, 248, 0.58), 30px 30px rgba(244, 248, 249, 0.6), 31px 31px rgba(244, 248, 249, 0.62), 32px 32px rgba(244, 248, 249, 0.64), 33px 33px rgba(244, 248, 249, 0.66), 34px 34px rgba(245, 249, 250, 0.68), 35px 35px rgba(245, 249, 250, 0.694), 36px 36px rgba(245, 249, 250, 0.714), 37px 37px rgba(245, 249, 250, 0.733), 38px 38px rgba(245, 249, 250, 0.753), 39px 39px rgba(246, 250, 251, 0.773), 40px 40px rgba(246, 250, 251, 0.792), 41px 41px rgba(246, 250, 251, 0.81), 42px 42px rgba(246, 250, 251, 0.827), 43px 43px rgba(246, 250, 251, 0.847), 44px 44px rgba(246, 250, 251, 0.867), 45px 45px rgba(246, 250, 251, 0.886), 46px 46px rgba(246, 250, 251, 0.906), 47px 47px rgba(247, 251, 252, 0.925), 48px 48px rgba(247, 251, 252, 0.94), 49px 49px rgba(247, 251, 252, 0.96), 50px 50px rgba(247, 251, 252, 0.98);
}

.u-txt-shadow-v2 {
  text-shadow: 0 6px 55px #999;
}


/*------------------------------------
  Typography
------------------------------------*/
.popovers--no-title .popover-title {
  display: none;
}

.g-nowrap {
  white-space: nowrap;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

video {
  max-width: 100%;
}




/*------------------------------------
  Basket Bar
------------------------------------*/
/* Container */
.u-basket {
  position: relative;
  z-index: 1;
}

/* Bar */
.u-basket__bar {
  position: absolute;
  right: 0;
  top: 100%;
  text-align: left;
  width: 21.42857rem;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 5px 0px rgba(90, 90, 90, 0.075);
          box-shadow: 0 5px 5px 0px rgba(90, 90, 90, 0.075);
}

/* Product */
.u-basket__product {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 0.71429rem;
  border-bottom: solid 1px #eee;
}

/* Product Image */
.u-basket__product-img {
  width: 7.14286rem;
}

.u-basket__product-img img {
  width: 100%;
}

/* Product Remove Button */
.u-basket__product-remove {
  position: absolute;
  top: 1.42857rem;
  right: 1.42857rem;
  padding: 0;
  margin: 0;
  font-size: 1.5rem;
  font-family: inherit;
  font-weight: 700;
  color: #000;
  border: none;
  background-color: transparent;
  cursor: pointer;
  opacity: .2;
}

.u-basket__product-remove:hover, .u-basket__product-remove:focus {
  opacity: 1;
}



/*------------------------------------
  Block Hovers
------------------------------------*/
[class*="u-block-hover"] {
  position: relative;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

[class*="u-block-hover"], [class*="u-block-hover"]::before, [class*="u-block-hover"]::after {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.u-block-hover--uncroped {
  overflow: visible;
}

.u-block-hover--uncroped:hover {
  z-index: 2;
}

.u-block-hover__img {
  max-width: 100%;
  vertical-align: top;
}

.u-block-hover__block {
  min-height: 100%;
}

[class*="u-block-hover__additional"] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

[class*="u-block-hover__additional--v1"] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 15px;
  opacity: 0;
}

.u-block-hover:hover .u-block-hover__additional--v1 {
  opacity: 1;
}

.u-block-hover--shadow:hover,
.u-block-hover--shadow:hover .u-block-hover__additional-shadow {
  -webkit-box-shadow: 0 0 10px #777;
          box-shadow: 0 0 10px #777;
}

.u-block-hover--shadow-v2:hover,
.u-block-hover--shadow-v2:hover .u-block-hover__additional-shadow {
  -webkit-box-shadow: 0 0 15px #ddd;
          box-shadow: 0 0 15px #ddd;
}

.u-block-hover--shadow-v3:hover,
.u-block-hover--shadow-v3:hover .u-block-hover__additional-shadow {
  -webkit-box-shadow: 0 0 3px #ddd;
          box-shadow: 0 0 3px #ddd;
}

.u-block-hover--scale:hover,
.u-block-hover--scale-img:hover .u-block-hover__img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
}

.u-block-hover__additional-scale {
  z-index: -1;
  max-width: initial;
}

.u-block-hover:hover .u-block-hover__additional-scale {
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
}

.u-block-hover--scale-down:hover,
.u-block-hover--scale-down-img:hover .u-block-hover__img {
  -webkit-transform: scale3d(0.9, 0.9, 0.9);
          transform: scale3d(0.9, 0.9, 0.9);
}

.u-block-hover__additional-scale-down {
  z-index: -1;
  max-width: initial;
}

.u-block-hover:hover .u-block-hover__additional-scale-down {
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
}

.u-block-hover__main--zoom-v1,
.u-block-hover__main--zoom-v2 {
  -webkit-transform: scale(1.01);
}

.u-block-hover:hover .u-block-hover__main--zoom-v1 {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.u-block-hover:hover .u-block-hover__main--zoom-v2 {
  -webkit-transform: scale(1.04);
      -ms-transform: scale(1.04);
          transform: scale(1.04);
}

.u-block-hover [class*="icon-"] {
  padding: 1px;
}

.u-block-hover__main--grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.u-block-hover:hover .u-block-hover__main--grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
}

.u-block-hover__main--white {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.u-block-hover__additional--blur {
  opacity: 0;
}

.u-block-hover:hover .u-block-hover__additional--blur {
  opacity: 1;
  -webkit-transition-delay: .11s;
       -o-transition-delay: .11s;
          transition-delay: .11s;
}

.u-block-hover:hover .u-block-hover__main--blur {
  -webkit-filter: blur(30px);
          filter: blur(30px);
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
  opacity: 0;
}

[class*="u-block-hover-image-overlay"]::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}

.u-block-hover:hover .u-block-hover-image-overlay::after {
  opacity: 1;
}

.u-block-hover__additional--fade {
  opacity: 0;
}

.u-block-hover:hover .u-block-hover__additional--fade {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.u-block-hover__additional--fade-up {
  -webkit-transform: translate(0, 15%);
      -ms-transform: translate(0, 15%);
          transform: translate(0, 15%);
}

.u-block-hover__additional--fade-down {
  -webkit-transform: translate(0, -15%);
      -ms-transform: translate(0, -15%);
          transform: translate(0, -15%);
}

.u-block-hover__additional--fade-left {
  -webkit-transform: translate(-15%, 0);
      -ms-transform: translate(-15%, 0);
          transform: translate(-15%, 0);
}

.u-block-hover__additional--fade-right {
  -webkit-transform: translate(15%, 0);
      -ms-transform: translate(15%, 0);
          transform: translate(15%, 0);
}

.u-block-hover:hover [class*="u-block-hover__additional--push"] {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.u-block-hover:hover .u-block-hover__main--push-up {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.u-block-hover__additional--push-up {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.u-block-hover:hover .u-block-hover__main--push-down {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.u-block-hover__additional--push-down {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.u-block-hover:hover .u-block-hover__main--push-left {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.u-block-hover__additional--push-left {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.u-block-hover:hover .u-block-hover__main--push-right {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.u-block-hover__additional--push-right {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.u-block-hover:hover [class*="u-block-hover__additional--slide"],
.u-block-hover:hover [class*="u-block-hover__additional--partially-slide"] {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.u-block-hover__additional--slide-up {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.u-block-hover__additional--slide-down {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.u-block-hover__additional--slide-left {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.u-block-hover__additional--slide-right {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.u-block-hover__additional--slide-bottom-right {
  -webkit-transform: translate(-100%, -100%);
      -ms-transform: translate(-100%, -100%);
          transform: translate(-100%, -100%);
}

.u-block-hover__additional--slide-bottom-left {
  -webkit-transform: translate(100%, -100%);
      -ms-transform: translate(100%, -100%);
          transform: translate(100%, -100%);
}

.u-block-hover__additional--slide-top-right {
  -webkit-transform: translate(-100%, 100%);
      -ms-transform: translate(-100%, 100%);
          transform: translate(-100%, 100%);
}

.u-block-hover__additional--slide-top-left {
  -webkit-transform: translate(100%, 100%);
      -ms-transform: translate(100%, 100%);
          transform: translate(100%, 100%);
}

.u-block-hover__additional--partially-slide-up {
  top: auto;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  overflow: visible;
}

.u-block-hover__additional--partially-slide-up .u-block-hover__visible {
  position: absolute;
  bottom: 100%;
  margin-bottom: -1px;
  left: 0;
  right: 0;
  padding-left: inherit;
  padding-right: inherit;
  background: inherit;
}

.u-block-hover__additional--partially-slide-down {
  bottom: auto;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  overflow: visible;
}

.u-block-hover__additional--partially-slide-down .u-block-hover__visible {
  position: absolute;
  top: 100%;
  margin-top: -1px;
  left: 0;
  right: 0;
  padding-left: inherit;
  padding-right: inherit;
  background: inherit;
}

.u-block-hover--cot {
  -webkit-perspective: 50em;
          perspective: 50em;
}

[class*="u-block-hover__additional--cot"] {
  opacity: 0;
  z-index: 1;
}

.u-block-hover--cot:hover [class*="u-block-hover__main--cot"] {
  opacity: 0;
}

.u-block-hover--cot:hover [class*="u-block-hover__additional--cot"] {
  opacity: 1;
  -webkit-transition-delay: 0.21s;
       -o-transition-delay: 0.21s;
          transition-delay: 0.21s;
}

.u-block-hover__main--cot-up {
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
}

.u-block-hover__additional--cot-up {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}

.u-block-hover--cot:hover .u-block-hover__main--cot-up {
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
}

.u-block-hover--cot:hover .u-block-hover__additional--cot-up {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}

.u-block-hover__main--cot-down {
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}

.u-block-hover__additional--cot-down {
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
  -webkit-transform-origin: 50% -50%;
      -ms-transform-origin: 50% -50%;
          transform-origin: 50% -50%;
}

.u-block-hover--cot:hover .u-block-hover__main--cot-down {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  opacity: 0;
}

.u-block-hover--cot:hover .u-block-hover__additional--cot-down {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}

.u-block-hover__main--cot-left {
  -webkit-transform-origin: 0% 50%;
      -ms-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}

.u-block-hover__additional--cot-left {
  -webkit-transform: rotateY(-90deg);
          transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}

.u-block-hover--cot:hover .u-block-hover__main--cot-left {
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
}

.u-block-hover--cot:hover .u-block-hover__additional--cot-left {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

.u-block-hover__main--cot-right {
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}

.u-block-hover__additional--cot-right {
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
}

.u-block-hover--cot:hover .u-block-hover__main--cot-right {
  -webkit-transform: rotateY(-90deg);
          transform: rotateY(-90deg);
}

.u-block-hover--cot:hover .u-block-hover__additional--cot-right {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

.u-block-hover--flip {
  -webkit-perspective: 50em;
          perspective: 50em;
}

[class*="u-block-hover__main--flip"] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

[class*="u-block-hover__additional--flip"] {
  opacity: 0;
}

.u-block-hover--flip:hover [class*="u-block-hover__main--flip"] {
  opacity: 0;
}

.u-block-hover--flip:hover [class*="u-block-hover__additional--flip"] {
  opacity: 1;
  -webkit-transition-delay: 0.13999999999999999s;
       -o-transition-delay: 0.13999999999999999s;
          transition-delay: 0.13999999999999999s;
}

.u-block-hover__additional--flip-horiz {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
}

.u-block-hover--flip:hover .u-block-hover__main--flip-horiz {
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
}

.u-block-hover--flip:hover .u-block-hover__additional--flip-horiz {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}

.u-block-hover__additional--flip-vert {
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
  -webkit-transform-origin: 50% 0%;
      -ms-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
}

.u-block-hover--flip:hover .u-block-hover__main--flip-vert {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.u-block-hover--flip:hover .u-block-hover__additional--flip-vert {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

.u-block-hover__additional--flip-diag-1 {
  -webkit-transform: rotate3d(1, 1, 0, 100deg);
          transform: rotate3d(1, 1, 0, 100deg);
}

.u-block-hover--flip:hover .u-block-hover__main--flip-diag-1 {
  -webkit-transform: rotate3d(-1, -1, 0, 100deg);
          transform: rotate3d(-1, -1, 0, 100deg);
}

.u-block-hover--flip:hover .u-block-hover__additional--flip-diag-1 {
  -webkit-transform: rotate3d(0, 0, 0, 0deg);
          transform: rotate3d(0, 0, 0, 0deg);
}

.u-block-hover__additional--flip-diag-2 {
  -webkit-transform: rotate3d(1, -1, 0, 100deg);
          transform: rotate3d(1, -1, 0, 100deg);
}

.u-block-hover--flip:hover .u-block-hover__main--flip-diag-2 {
  -webkit-transform: rotate3d(-1, 1, 0, 100deg);
          transform: rotate3d(-1, 1, 0, 100deg);
}

.u-block-hover--flip:hover .u-block-hover__additional--flip-diag-2 {
  -webkit-transform: rotate3d(0, 0, 0, 0deg);
          transform: rotate3d(0, 0, 0, 0deg);
}

.u-block-hover--fold {
  -webkit-perspective: 50em;
          perspective: 50em;
}

[class*="u-block-hover__main--fold"] {
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
}

[class*="u-block-hover__additional--fold"] {
  z-index: 1;
  opacity: 0;
}

.u-block-hover--fold:hover [class*="u-block-hover__main--fold"] {
  opacity: 0;
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0;
}

.u-block-hover--fold:hover [class*="u-block-hover__additional--fold"] {
  -webkit-transform: rotateX(0deg) translate3d(0, 0, 0) scale(1);
          transform: rotateX(0deg) translate3d(0, 0, 0) scale(1);
  opacity: 1;
  -webkit-transition-delay: .21s;
       -o-transition-delay: .21s;
          transition-delay: .21s;
}

.u-block-hover__main--fold-up {
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
}

.u-block-hover__additional--fold-up {
  -webkit-transform: rotateX(-90deg) translate3d(0, -50%, 0) scale(0.6);
          transform: rotateX(-90deg) translate3d(0, -50%, 0) scale(0.6);
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}

.u-block-hover--fold:hover .u-block-hover__main--fold-up {
  -webkit-transform: rotateX(90deg) scale(0.6) translateY(50%);
          transform: rotateX(90deg) scale(0.6) translateY(50%);
}

.u-block-hover__main--fold-down {
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}

.u-block-hover__additional--fold-down {
  -webkit-transform: rotateX(90deg) translate3d(0, 50%, 0) scale(0.6);
          transform: rotateX(90deg) translate3d(0, 50%, 0) scale(0.6);
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
}

.u-block-hover--fold:hover .u-block-hover__main--fold-down {
  -webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
          transform: rotateX(-90deg) scale(0.6) translateY(-50%);
}

.u-block-hover__main--fold-left {
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
}

.u-block-hover__additional--fold-left {
  -webkit-transform: rotateY(90deg) translate3d(-50%, 0, 0) scale(0.6);
          transform: rotateY(90deg) translate3d(-50%, 0, 0) scale(0.6);
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}

.u-block-hover--fold:hover .u-block-hover__main--fold-left {
  -webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%);
          transform: rotateY(-90deg) scale(0.6) translateX(50%);
}

.u-block-hover__main--fold-right {
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}

.u-block-hover__additional--fold-right {
  -webkit-transform: rotateY(-90deg) translate3d(50%, 0, 0) scale(0.6);
          transform: rotateY(-90deg) translate3d(50%, 0, 0) scale(0.6);
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
}

.u-block-hover--fold:hover .u-block-hover__main--fold-right {
  -webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%);
          transform: rotateY(90deg) scale(0.6) translateX(-50%);
}

.u-block-hover__additional--zoom-in {
  opacity: 0;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}

.u-block-hover:hover .u-block-hover__additional--zoom-in {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.u-block-hover__additional--zoom-out {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  opacity: 0;
}

.u-block-hover:hover .u-block-hover__main--zoom-out {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
}

.u-block-hover:hover .u-block-hover__additional--zoom-out {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  -webkit-transition-delay: .35s;
       -o-transition-delay: .35s;
          transition-delay: .35s;
}

[class*="u-block-hover--shutter-out"]::after {
  content: "";
  position: absolute;
  -webkit-transition-delay: .105s;
       -o-transition-delay: .105s;
          transition-delay: .105s;
  z-index: 1;
}

.u-block-hover__additional--shutter-out {
  opacity: 0;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  z-index: 2;
}

[class*="u-block-hover--shutter-out"]:hover::after {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

[class*="u-block-hover--shutter-out"]:hover .u-block-hover__additional--shutter-out {
  opacity: 1;
  -webkit-transition-delay: .105s;
       -o-transition-delay: .105s;
          transition-delay: .105s;
}

.u-block-hover--shutter-out-horiz::after {
  left: 50%;
  right: 50%;
  top: 0;
  bottom: 0;
}

.u-block-hover--shutter-out-horiz:hover::after {
  left: 0;
  right: 0;
}

.u-block-hover--shutter-out-vert::after {
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
}

.u-block-hover--shutter-out-vert:hover::after {
  top: 0;
  bottom: 0;
}

.u-block-hover--shutter-out-diag-1::after {
  top: 50%;
  bottom: 50%;
  left: -35%;
  right: -35%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.u-block-hover--shutter-out-diag-1:hover::after {
  top: -35%;
  bottom: -35%;
}

.u-block-hover--shutter-out-diag-2::after {
  top: 50%;
  bottom: 50%;
  left: -35%;
  right: -35%;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.u-block-hover--shutter-out-diag-2:hover::after {
  top: -35%;
  bottom: -35%;
}

[class*="u-block-hover--shutter-in"]::after,
[class*="u-block-hover--shutter-in"]::before {
  content: "";
  position: absolute;
  z-index: 1;
}

[class*="u-block-hover--shutter-in"]::after {
  top: 0;
  left: 0;
}

[class*="u-block-hover--shutter-in"]::before {
  right: 0;
  bottom: 0;
}

.u-block-hover__additional--shutter-in {
  opacity: 0;
  z-index: 2;
}

[class*="u-block-hover--shutter-in"]:hover .u-block-hover__additional--shutter-in {
  opacity: 1;
  -webkit-transition-delay: .21s;
       -o-transition-delay: .21s;
          transition-delay: .21s;
}

.u-block-hover--shutter-in-horiz::after,
.u-block-hover--shutter-in-horiz::before {
  width: 0;
  height: 100%;
}

.u-block-hover--shutter-in-horiz:hover::after,
.u-block-hover--shutter-in-horiz:hover::before {
  width: 100%;
}

.u-block-hover--shutter-in-vert::after,
.u-block-hover--shutter-in-vert::before {
  height: 0;
  width: 100%;
}

.u-block-hover--shutter-in-vert:hover::after,
.u-block-hover--shutter-in-vert:hover::before {
  height: 100%;
}

.u-block-hover--shutter-in-diag-1::after,
.u-block-hover--shutter-in-diag-1::before {
  width: 200%;
  height: 200%;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
}

.u-block-hover--shutter-in-diag-1::after {
  -webkit-transform: skew(-45deg) translateX(-150%);
      -ms-transform: skew(-45deg) translateX(-150%);
          transform: skew(-45deg) translateX(-150%);
}

.u-block-hover--shutter-in-diag-1::before {
  -webkit-transform: skew(-45deg) translateX(150%);
      -ms-transform: skew(-45deg) translateX(150%);
          transform: skew(-45deg) translateX(150%);
}

.u-block-hover--shutter-in-diag-1:hover::after {
  -webkit-transform: skew(-45deg) translateX(-50%);
      -ms-transform: skew(-45deg) translateX(-50%);
          transform: skew(-45deg) translateX(-50%);
}

.u-block-hover--shutter-in-diag-1:hover::before {
  -webkit-transform: skew(-45deg) translateX(50%);
      -ms-transform: skew(-45deg) translateX(50%);
          transform: skew(-45deg) translateX(50%);
}

.u-block-hover--shutter-in-diag-2::after,
.u-block-hover--shutter-in-diag-2::before {
  width: 200%;
  height: 200%;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
}

.u-block-hover--shutter-in-diag-2::after {
  -webkit-transform: skew(45deg) translateX(-100%);
      -ms-transform: skew(45deg) translateX(-100%);
          transform: skew(45deg) translateX(-100%);
}

.u-block-hover--shutter-in-diag-2::before {
  -webkit-transform: skew(45deg) translateX(100%);
      -ms-transform: skew(45deg) translateX(100%);
          transform: skew(45deg) translateX(100%);
}

.u-block-hover--shutter-in-diag-2:hover::after {
  -webkit-transform: skew(45deg) translateX(0);
      -ms-transform: skew(45deg) translateX(0);
          transform: skew(45deg) translateX(0);
}

.u-block-hover--shutter-in-diag-2:hover::before {
  -webkit-transform: skew(45deg) translateX(0);
      -ms-transform: skew(45deg) translateX(0);
          transform: skew(45deg) translateX(0);
}

[class*="u-block-hover--shutter-in-out"]::after,
[class*="u-block-hover--shutter-in-out"]::before {
  content: "";
  position: absolute;
  z-index: 1;
}

[class*="u-block-hover--shutter-in-out"]::after {
  top: 0;
  left: 0;
}

[class*="u-block-hover--shutter-in-out"]::before {
  right: 0;
  bottom: 0;
}

.u-block-hover__additional--shutter-in-out {
  opacity: 0;
  z-index: 2;
}

[class*="u-block-hover--shutter-in-out"]:hover .u-block-hover__additional--shutter-in-out {
  opacity: 1;
  -webkit-transition-delay: .21s;
       -o-transition-delay: .21s;
          transition-delay: .21s;
}

.u-block-hover--shutter-in-out-horiz::after,
.u-block-hover--shutter-in-out-horiz::before {
  width: 0;
  height: 100%;
}

.u-block-hover--shutter-in-out-horiz:hover::after,
.u-block-hover--shutter-in-out-horiz:hover::before {
  width: 100%;
  opacity: .75;
}

.u-block-hover--shutter-in-out-vert::after,
.u-block-hover--shutter-in-out-vert::before {
  height: 0;
  width: 100%;
}

.u-block-hover--shutter-in-out-vert:hover::after,
.u-block-hover--shutter-in-out-vert:hover::before {
  height: 100%;
  opacity: .75;
}

.u-block-hover--shutter-in-out-diag-1::after,
.u-block-hover--shutter-in-out-diag-1::before {
  width: 200%;
  height: 200%;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
  opacity: .75;
}

.u-block-hover--shutter-in-out-diag-1::after {
  -webkit-transform: skew(-45deg) translateX(-150%);
      -ms-transform: skew(-45deg) translateX(-150%);
          transform: skew(-45deg) translateX(-150%);
}

.u-block-hover--shutter-in-out-diag-1::before {
  -webkit-transform: skew(-45deg) translateX(150%);
      -ms-transform: skew(-45deg) translateX(150%);
          transform: skew(-45deg) translateX(150%);
}

.u-block-hover--shutter-in-out-diag-1:hover::after {
  -webkit-transform: skew(-45deg) translateX(-50%);
      -ms-transform: skew(-45deg) translateX(-50%);
          transform: skew(-45deg) translateX(-50%);
}

.u-block-hover--shutter-in-out-diag-1:hover::before {
  -webkit-transform: skew(-45deg) translateX(50%);
      -ms-transform: skew(-45deg) translateX(50%);
          transform: skew(-45deg) translateX(50%);
}

.u-block-hover--shutter-in-out-diag-2::after,
.u-block-hover--shutter-in-out-diag-2::before {
  width: 200%;
  height: 200%;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
  opacity: .75;
}

.u-block-hover--shutter-in-out-diag-2::after {
  -webkit-transform: skew(45deg) translateX(-100%);
      -ms-transform: skew(45deg) translateX(-100%);
          transform: skew(45deg) translateX(-100%);
}

.u-block-hover--shutter-in-out-diag-2::before {
  -webkit-transform: skew(45deg) translateX(100%);
      -ms-transform: skew(45deg) translateX(100%);
          transform: skew(45deg) translateX(100%);
}

.u-block-hover--shutter-in-out-diag-2:hover::after {
  -webkit-transform: skew(45deg) translateX(0);
      -ms-transform: skew(45deg) translateX(0);
          transform: skew(45deg) translateX(0);
}

.u-block-hover--shutter-in-out-diag-2:hover::before {
  -webkit-transform: skew(45deg) translateX(0);
      -ms-transform: skew(45deg) translateX(0);
          transform: skew(45deg) translateX(0);
}

.u-block-hover--strip-shutter::before,
.u-block-hover--strip-shutter::after,
.u-block-hover__additional--strip-shutter::before,
.u-block-hover__additional--strip-shutter::after {
  content: "";
  position: absolute;
  top: 0;
  width: 25%;
  height: 100%;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  opacity: 0;
}

.u-block-hover--strip-shutter::before,
.u-block-hover--strip-shutter::after {
  z-index: 1;
}

.u-block-hover--strip-shutter::before {
  left: 0;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

.u-block-hover--strip-shutter::after {
  left: 25%;
  -webkit-transition-delay: .105s;
       -o-transition-delay: .105s;
          transition-delay: .105s;
}

.u-block-hover__additional--strip-shutter {
  z-index: 3;
}

.u-block-hover__additional--strip-shutter::before,
.u-block-hover__additional--strip-shutter::after {
  z-index: -1;
}

.u-block-hover__additional--strip-shutter::before {
  left: 50%;
  -webkit-transition-delay: .21s;
       -o-transition-delay: .21s;
          transition-delay: .21s;
}

.u-block-hover__additional--strip-shutter::after {
  left: 75%;
  -webkit-transition-delay: .35s;
       -o-transition-delay: .35s;
          transition-delay: .35s;
}

.u-block-hover--strip-shutter:hover::before,
.u-block-hover--strip-shutter:hover::after,
.u-block-hover--strip-shutter:hover .u-block-hover__additional--strip-shutter::before,
.u-block-hover--strip-shutter:hover .u-block-hover__additional--strip-shutter::after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.u-block-hover__additional--strip-shutter__inner {
  opacity: 0;
}

.u-block-hover--strip-shutter:hover .u-block-hover__additional--strip-shutter__inner {
  opacity: 1;
  -webkit-transition-delay: .35s;
       -o-transition-delay: .35s;
          transition-delay: .35s;
}

.u-block-hover--tile::before,
.u-block-hover--tile::after,
.u-block-hover__additional--tile::before,
.u-block-hover__additional--tile::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 50%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}

.u-block-hover--tile::before,
.u-block-hover--tile::after {
  z-index: 1;
}

.u-block-hover--tile::before {
  top: 0;
  left: 0;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

.u-block-hover--tile::after {
  top: 0;
  left: 50%;
  -webkit-transition-delay: .105s;
       -o-transition-delay: .105s;
          transition-delay: .105s;
}

.u-block-hover__additional--tile {
  z-index: 3;
}

.u-block-hover__additional--tile::before,
.u-block-hover__additional--tile::after {
  z-index: -1;
}

.u-block-hover__additional--tile::before {
  top: 50%;
  left: 0;
  -webkit-transition-delay: .21s;
       -o-transition-delay: .21s;
          transition-delay: .21s;
}

.u-block-hover__additional--tile::after {
  top: 50%;
  left: 50%;
  -webkit-transition-delay: .35s;
       -o-transition-delay: .35s;
          transition-delay: .35s;
}

.u-block-hover--tile:hover::before,
.u-block-hover--tile:hover::after,
.u-block-hover--tile:hover .u-block-hover__additional--tile::before,
.u-block-hover--tile:hover .u-block-hover__additional--tile::after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.u-block-hover__additional--tile__inner {
  opacity: 0;
}

.u-block-hover--tile:hover .u-block-hover__additional--tile__inner {
  opacity: 1;
  -webkit-transition-delay: .35s;
       -o-transition-delay: .35s;
          transition-delay: .35s;
}

.u-block-hover--cube {
  overflow: visible;
  background-color: transparent;
  -webkit-perspective: 50em;
          perspective: 50em;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

[class*="u-block-hover__main--cube"] {
  -webkit-transition-delay: .05s;
       -o-transition-delay: .05s;
          transition-delay: .05s;
}

[class*="u-block-hover__additional--cube"] {
  opacity: 0;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

.u-block-hover--cube:hover [class*="u-block-hover__main--cube"] {
  opacity: 0;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

.u-block-hover--cube:hover [class*="u-block-hover__additional--cube"] {
  opacity: 1;
  -webkit-transform: translateY(0%) rotateX(0deg);
          transform: translateY(0%) rotateX(0deg);
  -webkit-transition-delay: .05s;
       -o-transition-delay: .05s;
          transition-delay: .05s;
}

.u-block-hover__additional--cube-up {
  -webkit-transform: translateY(50%) rotateX(-90deg);
          transform: translateY(50%) rotateX(-90deg);
}

.u-block-hover--cube:hover .u-block-hover__main--cube-up {
  -webkit-transform: translateY(-50%) rotateX(90deg);
          transform: translateY(-50%) rotateX(90deg);
}

.u-block-hover__additional--cube-down {
  -webkit-transform: translateY(-50%) rotateX(90deg);
          transform: translateY(-50%) rotateX(90deg);
}

.u-block-hover--cube:hover .u-block-hover__main--cube-down {
  -webkit-transform: translateY(50%) rotateX(-90deg);
          transform: translateY(50%) rotateX(-90deg);
}

.u-block-hover__additional--cube-left {
  -webkit-transform: translateX(-50%) rotateY(-90deg);
          transform: translateX(-50%) rotateY(-90deg);
}

.u-block-hover--cube:hover .u-block-hover__main--cube-left {
  -webkit-transform: translateX(50%) rotateY(90deg);
          transform: translateX(50%) rotateY(90deg);
}

.u-block-hover__additional--cube-right {
  -webkit-transform: translateX(50%) rotateY(90deg);
          transform: translateX(50%) rotateY(90deg);
}

.u-block-hover--cube:hover .u-block-hover__main--cube-right {
  -webkit-transform: translateX(-50%) rotateY(-90deg);
          transform: translateX(-50%) rotateY(-90deg);
}

.u-block-hover--border-reveal::before,
.u-block-hover--border-reveal::after,
.u-block-hover__additional--border-reveal::before,
.u-block-hover__additional--border-reveal::after {
  content: "";
  position: absolute;
  background-color: #fff;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}

.u-block-hover--border-reveal::before,
.u-block-hover--border-reveal::after {
  left: 5px;
  right: 5px;
  height: 4px;
  z-index: 1;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}

.u-block-hover--border-reveal::before {
  top: 5px;
  -webkit-transition-delay: .28s;
       -o-transition-delay: .28s;
          transition-delay: .28s;
}

.u-block-hover--border-reveal:hover::before {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

.u-block-hover--border-reveal::after {
  bottom: 5px;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

.u-block-hover--border-reveal:hover::after {
  -webkit-transition-delay: .28s;
       -o-transition-delay: .28s;
          transition-delay: .28s;
}

.u-block-hover__additional--border-reveal {
  background-color: transparent;
  z-index: 3;
}

.u-block-hover__additional--border-reveal__inner {
  opacity: 0;
}

.u-block-hover__additional--border-reveal::before,
.u-block-hover__additional--border-reveal::after {
  top: 5px;
  bottom: 5px;
  width: 4px;
  z-index: -1;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
}

.u-block-hover__additional--border-reveal::before {
  left: 5px;
  -webkit-transition-delay: .28s;
       -o-transition-delay: .28s;
          transition-delay: .28s;
}

.u-block-hover--border-reveal:hover .u-block-hover__additional--border-reveal::before {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

.u-block-hover__additional--border-reveal::after {
  right: 5px;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

.u-block-hover--border-reveal:hover .u-block-hover__additional--border-reveal::after {
  -webkit-transition-delay: .28s;
       -o-transition-delay: .28s;
          transition-delay: .28s;
}

.u-block-hover--border-reveal:hover .u-block-hover__main--border-reveal {
  opacity: 0;
}

.u-block-hover--border-reveal:hover::before,
.u-block-hover--border-reveal:hover::after,
.u-block-hover--border-reveal:hover .u-block-hover__additional--border-reveal::before,
.u-block-hover--border-reveal:hover .u-block-hover__additional--border-reveal::after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.u-block-hover--border-reveal:hover .u-block-hover__additional--border-reveal__inner {
  opacity: 1;
  -webkit-transition-delay: .35s;
       -o-transition-delay: .35s;
          transition-delay: .35s;
}

.u-block-hover:hover img[class*="u-block-hover__main--mover-"],
.u-block-hover:hover [class*="u-block-hover__additional--mover-"] {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
          transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

img[class*="u-block-hover__main--mover-"] {
  max-width: initial;
  width: calc(100% + 60px);
  -webkit-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

[class*="u-block-hover__additional--mover-"] {
  opacity: 0;
  -webkit-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

img.u-block-hover__main--mover-left {
  -webkit-transform: translate3d(-60px, 0, 0);
          transform: translate3d(-60px, 0, 0);
}

.u-block-hover__additional--mover-left {
  -webkit-transform: translate3d(10px, 0, 0);
          transform: translate3d(10px, 0, 0);
}

img.u-block-hover__main--mover-right {
  -webkit-transform: translate3d(-60px, 0, 0);
          transform: translate3d(-60px, 0, 0);
}

.u-block-hover__additional--mover-right {
  -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
}

img.u-block-hover__main--mover-up {
  -webkit-transform: translate3d(0, 20px, 0) scale3d(1.1, 1.1, 1.1);
          transform: translate3d(0, 20px, 0) scale3d(1.1, 1.1, 1.1);
}

.u-block-hover__additional--mover-up {
  -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
}

img.u-block-hover__main--mover-down {
  -webkit-transform: translate3d(0, -20px, 0) scale3d(1.1, 1.1, 1.1);
          transform: translate3d(0, -20px, 0) scale3d(1.1, 1.1, 1.1);
}

.u-block-hover__additional--mover-down {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}

.u-block-hover__additional--focuser-element {
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  opacity: .3;
  -webkit-box-shadow: 0 0 0 31px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 0 31px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale3d(1.4, 1.4, 1.4);
          transform: scale3d(1.4, 1.4, 1.4);
  -webkit-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
}

.u-block-hover__additional--focuser-target {
  position: static;
  opacity: 0;
  -webkit-transform: scale3d(1.4, 1.4, 1.4);
          transform: scale3d(1.4, 1.4, 1.4);
  -webkit-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
}

.u-block-hover:hover .u-block-hover__additional--focuser-target,
.u-block-hover:hover .u-block-hover__additional--focuser-element {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
}

img[class*="u-block-hover__main--magnifier"] {
  max-width: initial;
  width: calc(100% + 10px);
  margin: -10px 0;
}

[class*="u-block-hover__additional--magnifier-element"] {
  width: 400px;
  height: 400px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4000px rgba(255, 255, 255, 0.3);
          box-shadow: 0 0 0 4000px rgba(255, 255, 255, 0.3);
  z-index: 2;
  opacity: 0;
  -webkit-transform: scale3d(0.7, 0.7, 0.7);
          transform: scale3d(0.7, 0.7, 0.7);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.u-block-hover:hover [class*="u-block-hover__additional--magnifier-element"] {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

[class*="u-block-hover__additional--magnifier-description"] {
  max-width: 115px;
  z-index: 3;
  opacity: 0;
}

.u-block-hover:hover [class*="u-block-hover__additional--magnifier-description"] {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.u-block-hover__additional--magnifier-element-bottom-right {
  top: auto;
  left: auto;
  bottom: -180px;
  right: -180px;
}

.u-block-hover__additional--magnifier-description-bottom-right {
  top: auto;
  right: 30px;
  bottom: 30px;
  left: auto;
  -webkit-transform: translate3d(20px, 20px, 0);
          transform: translate3d(20px, 20px, 0);
}

.u-block-hover:hover img.u-block-hover__main--magnifier-bottom-right {
  -webkit-transform: translate3d(-10px, -10px, 0);
          transform: translate3d(-10px, -10px, 0);
}

.u-block-hover__additional--magnifier-element-top-right {
  top: -180px;
  right: -180px;
  bottom: auto;
  left: auto;
}

.u-block-hover__additional--magnifier-description-top-right {
  top: 30px;
  right: 30px;
  bottom: auto;
  left: auto;
  -webkit-transform: translate3d(20px, -20px, 0);
          transform: translate3d(20px, -20px, 0);
}

.u-block-hover:hover img.u-block-hover__main--magnifier-top-right {
  -webkit-transform: translate3d(-10px, 10px, 0);
          transform: translate3d(-10px, 10px, 0);
}

img.u-block-hover__main--magnifier-bottom-left {
  -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
}

.u-block-hover__additional--magnifier-element-bottom-left {
  top: auto;
  left: -180px;
  bottom: -180px;
  right: auto;
}

.u-block-hover__additional--magnifier-description-bottom-left {
  top: auto;
  right: auto;
  bottom: 30px;
  left: 30px;
  -webkit-transform: translate3d(-20px, 20px, 0);
          transform: translate3d(-20px, 20px, 0);
}

.u-block-hover:hover img.u-block-hover__main--magnifier-bottom-left {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}

img.u-block-hover__main--magnifier-top-left {
  -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
}

.u-block-hover__additional--magnifier-element-top-left {
  top: -180px;
  left: -180px;
  bottom: auto;
  right: auto;
}

.u-block-hover__additional--magnifier-description-top-left {
  top: 30px;
  right: auto;
  bottom: auto;
  left: 30px;
  -webkit-transform: translate3d(-20px, -20px, 0);
          transform: translate3d(-20px, -20px, 0);
}

.u-block-hover:hover img.u-block-hover__main--magnifier-top-left {
  -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
}

[class*="u-block-hover__additional--pappercuter"] {
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.u-block-hover__additional--pappercuter-inner {
  width: 100%;
  -webkit-transform: rotate3d(0, 0, 1, 5deg);
          transform: rotate3d(0, 0, 1, 5deg);
}

.u-block-hover__additional--pappercuter-front,
.u-block-hover__additional--pappercuter-back {
  max-width: initial;
  width: 120%;
  top: -60px;
  bottom: -60px;
  left: -10%;
  z-index: 2;
  background-position: center;
  background-size: cover;
  -webkit-transform: rotate3d(0, 0, 1, -5deg);
          transform: rotate3d(0, 0, 1, -5deg);
}

.u-block-hover__additional--pappercuter-front {
  clip: rect(0px, auto, 246px, 0px);
}

.u-block-hover__additional--pappercuter-back {
  top: -61px;
  clip: rect(246px, auto, auto, 0px);
}

.u-block-hover:hover .u-block-hover__additional--pappercuter-front {
  -webkit-transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -10deg) translate3d(0, -45%, 0);
          transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -10deg) translate3d(0, -45%, 0);
}

.u-block-hover:hover .u-block-hover__additional--pappercuter-back {
  -webkit-transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -10deg) translate3d(0, 45%, 0);
          transform: scale3d(1.3, 1.3, 1.3) rotate3d(0, 0, 1, -10deg) translate3d(0, 45%, 0);
}

[class*="u-block-hover__additional--outside"] {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transition-timing-function: cubic-bezier(0.7, -1.2, 0.8, 1.2);
       -o-transition-timing-function: cubic-bezier(0.7, -1.2, 0.8, 1.2);
          transition-timing-function: cubic-bezier(0.7, -1.2, 0.8, 1.2);
}

.u-block-hover:hover [class*="u-block-hover__additional--outside"] {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-timing-function: cubic-bezier(0.25, 1.8, 0.8, 1);
       -o-transition-timing-function: cubic-bezier(0.25, 1.8, 0.8, 1);
          transition-timing-function: cubic-bezier(0.25, 1.8, 0.8, 1);
}

.u-block-hover__additional--outside-down {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}

.u-block-hover__additional--outside-up {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}

.u-block-hover__additional--outside-left {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

.u-block-hover__additional--outside-right {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}

[class*="u-block-hover__additional--lightspeed"] {
  visibility: hidden;
  opacity: 0;
  -webkit-transition-duration: .7s;
       -o-transition-duration: .7s;
          transition-duration: .7s;
  -webkit-transition-timing-function: cubic-bezier(0.75, -1.2, 0.8, 2);
       -o-transition-timing-function: cubic-bezier(0.75, -1.2, 0.8, 2);
          transition-timing-function: cubic-bezier(0.75, -1.2, 0.8, 2);
}

.u-block-hover:hover [class*="u-block-hover__additional--lightspeed"] {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0) skew(0deg, 0deg);
          transform: translate3d(0, 0, 0) skew(0deg, 0deg);
  -webkit-transition-timing-function: cubic-bezier(0.25, 2, 0.75, 1);
       -o-transition-timing-function: cubic-bezier(0.25, 2, 0.75, 1);
          transition-timing-function: cubic-bezier(0.25, 2, 0.75, 1);
}

.u-block-hover__additional--lightspeed-left {
  -webkit-transform-origin: 50% 0%;
      -ms-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
  -webkit-transform: translate3d(150%, 0, 0) skew(-35deg, 0deg);
          transform: translate3d(150%, 0, 0) skew(-35deg, 0deg);
}

.u-block-hover__additional--lightspeed-right {
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transform: translate3d(-150%, 0, 0) skew(35deg, 0deg);
          transform: translate3d(-150%, 0, 0) skew(35deg, 0deg);
}

.u-block-hover__additional--lightspeed-down {
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: translate3d(0, -150%, 0) skew(0deg, -35deg);
          transform: translate3d(0, -150%, 0) skew(0deg, -35deg);
}

.u-block-hover__additional--lightspeed-up {
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: translate3d(0, 150%, 0) skew(0deg, -35deg);
          transform: translate3d(0, 150%, 0) skew(0deg, -35deg);
}

[class*="u-block-hover__additional--rotate"] {
  opacity: 0;
  visibility: hidden;
}

.u-block-hover:hover [class*="u-block-hover__additional--rotate"] {
  opacity: 1;
  visibility: visible;
  -webkit-transform: rotate3d(0, 0, 0, 0deg) scale3d(1, 1, 1);
          transform: rotate3d(0, 0, 0, 0deg) scale3d(1, 1, 1);
}

.u-block-hover__additional--rotate-in {
  opacity: 1;
  -webkit-transition-property: opacity, visibility, -webkit-transform;
  transition-property: opacity, visibility, -webkit-transform;
  -o-transition-property: transform, opacity, visibility;
  transition-property: transform, opacity, visibility;
  transition-property: transform, opacity, visibility, -webkit-transform;
  -webkit-transition-duration: .4s;
       -o-transition-duration: .4s;
          transition-duration: .4s;
  -webkit-transform: rotate3d(0, 0, 1, 720deg) scale3d(0, 0, 0);
          transform: rotate3d(0, 0, 1, 720deg) scale3d(0, 0, 0);
}

.u-block-hover__additional--rotate-down-left {
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
}

.u-block-hover__additional--rotate-down-right {
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
}

.u-block-hover__additional--rotate-up-left {
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
}

.u-block-hover__additional--rotate-up-right {
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
}

.u-block-hover__additional--jump {
  position: static;
}

.u-block-hover:hover .u-block-hover__additional--jump,
.u-block-hover.u-block-hover__additional--jump:hover {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}

/*------------------------------------
  Dedicated Properties
------------------------------------*/
.u-block-hover:hover, .u-block-hover:focus {
  /* Opacity */
  /* Colors */
  /* Background-colors */
}

.u-block-hover:hover .u-block-hover__prop-opacity-1, .u-block-hover:focus .u-block-hover__prop-opacity-1 {
  opacity: 1;
}

.u-block-hover:hover .u-block-hover__prop-color-white, .u-block-hover:focus .u-block-hover__prop-color-white {
  color: #fff;
}

.u-block-hover:hover .u-block-hover__prop-bg-primary, .u-block-hover:focus .u-block-hover__prop-bg-primary {
  background-color: var(--wx-primary);
}

.u-block-hover:hover .u-block-hover__prop-bg-primary-opacity-0_9, .u-block-hover:focus .u-block-hover__prop-bg-primary-opacity-0_9 {
  background-color: rgba(var(--wx-primary-rgba), 0.9);
}




/*------------------------------------
  Accordions
------------------------------------*/
.u-accordion__header {
  padding: 0.71429rem 1.07143rem;
}

.u-accordion__body {
  padding: 1.07143rem;
}

.u-accordion__control-icon i:nth-child(1) {
  display: none;
}

.collapsed .u-accordion__control-icon i:nth-child(1) {
  display: inline;
}

.u-accordion__control-icon i:nth-child(2) {
  display: inline;
}

.collapsed .u-accordion__control-icon i:nth-child(2) {
  display: none;
}

[aria-expanded="false"] .u-accordion__control-icon i:nth-child(1) {
  display: inline;
}

[aria-expanded="false"] .u-accordion__control-icon i:nth-child(2) {
  display: none;
}

[aria-expanded="true"] .u-accordion__control-icon i:nth-child(1) {
  display: none;
}

[aria-expanded="true"] .u-accordion__control-icon i:nth-child(2) {
  display: inline;
}

.u-accordion [class*="et-icon-"], .u-accordion-line-icon-pro {
  position: relative;
  top: 3px;
}

.u-accordion-color-primary .u-accordion__header [aria-expanded="true"] {
  color: var(--wx-primary) !important;
}

.u-accordion-color-white .u-accordion__header [aria-expanded="true"] {
  color: #fff !important;
}

.u-accordion-bg-primary .u-accordion__header [aria-expanded="true"] {
  background-color: var(--wx-primary) !important;
  border-color: var(--wx-primary) !important;
}

.u-accordion-bg-white .u-accordion__header [aria-expanded="true"] {
  background-color: #fff !important;
  border-color: #fff !important;
}

.u-accordion-brd-primary .u-accordion__header [aria-expanded="true"] {
  border-color: var(--wx-primary) !important;
}

.u-accordion-brd-white .u-accordion__header [aria-expanded="true"] {
  border-color: #fff !important;
}

/*------------------------------------
  Carousels
------------------------------------*/
.u-carousel-v1 .js-prev,
.u-carousel-v1 .js-next {
  opacity: 0;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

.u-carousel-v1:hover .js-prev,
.u-carousel-v1:hover .js-next {
  opacity: 1;
}

.u-carousel-v2 .slick-slide {
  padding-top: 4px;
  padding-bottom: 4px;
  opacity: .5;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .4s;
       -o-transition-duration: .4s;
          transition-duration: .4s;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

.u-carousel-v2 .slick-center {
  padding-top: 0;
  padding-bottom: 0;
  opacity: 1;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.u-carousel-v3 .slick-slide {
  opacity: .5;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: .4s;
       -o-transition-duration: .4s;
          transition-duration: .4s;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

.u-carousel-v3 .slick-center {
  opacity: 1;
}

.u-carousel-v4 .js-pagination {
  opacity: 0;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

.u-carousel-v4:hover .js-pagination {
  opacity: 1;
}

.u-carousel-v5 .slick-list {
  height: 100%;
}

.u-carousel-v5 .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.u-carousel-v5 .slick-track .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}

.u-carousel-v6 .slick-list.draggable {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.u-carousel-v11 .slick-slide {
  opacity: .5;
}

.u-carousel-v11 .slick-slide.slick-current {
  opacity: 1;
}

/*------------------------------------
  Slick Carousel v12
------------------------------------*/
.u-carousel-v12 .slick-current .g-opacity-1--active {
  opacity: 1 !important;
}

.u-carousel-v12 .slick-current .u-block-hover__main--grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item,
.swiper-wrapper,
.swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.single-slide {
  opacity: 0 !important;
}

.single-slide.set-position {
  opacity: 1 !important;
}

.js-origin {
  -webkit-perspective: 1200px;
          perspective: 1200px;
  -webkit-perspective-origin: 50% 50%;
          perspective-origin: 50% 50%;
}

/* backSlide */
.js-back-slide-out {
  -webkit-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

.js-back-slide-in {
  -webkit-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

.swiper-carousel {
  overflow: hidden;
}

@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-400px);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-400px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-400px) translateX(-200%);
  }
}

@keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-400px);
            transform: translateZ(-400px);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-400px) translateX(-200%);
            transform: translateZ(-400px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-400px) translateX(-200%);
            transform: translateZ(-400px) translateX(-200%);
  }
}

@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-400px) translateX(200%);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-400px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}

@keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-400px) translateX(200%);
            transform: translateZ(-400px) translateX(200%);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-400px);
            transform: translateZ(-400px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
            transform: translateZ(0) translateX(0);
  }
}



/*------------------------------------
  Covers
------------------------------------*/
.u-bg-overlay {
  position: relative;
}

.u-bg-overlay::before, .u-bg-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.u-bg-overlay--v1::after {
  position: absolute;
  top: 0.35714rem;
  right: 0.35714rem;
  bottom: 0.35714rem;
  left: 0.35714rem;
}

.u-bg-overlay__inner {
  z-index: 3;
  position: relative;
}

.u-bg-overlay--reverse::before {
  z-index: 2;
}

.u-bg-overlay--reverse::after {
  z-index: 1;
}




/*------------------------------------
  Custom Bootstrap
------------------------------------*/
.container-semiboxed {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  .container-semiboxed {
    width: 540px;
  }
}

@media (min-width: 768px) {
  .container-semiboxed {
    width: 720px;
  }
}

@media (min-width: 992px) {
  .container-semiboxed {
    width: 960px;
  }
}

@media (min-width: 1200px) {
  .container-semiboxed {
    width: 1140px;
  }
}

/*
@media (min-width: 1400px) {
  .container-semiboxed {
    width: 1240px;
  }
}
*/
.text-muted {
  color: #999 !important;
}

.list-group-item {
  border-color: #eee;
}

.list-group-item-action:hover {
  background-color: #f7f7f7;
}

.list-group-item.active {
  background-color: var(--wx-primary);
  border-color: var(--wx-primary);
}

.list-group-border-0 .list-group-item:first-child,
.list-group-border-0 .list-group-item:last-child {
  border-radius: 0;
}

/* Paginations */
.page-link, .page-link:focus, .page-link:hover {
  color: var(--wx-primary);
}

.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
  border-color: var(--wx-primary);
  background-color: var(--wx-primary);
}

.nav-pills .nav-item.show .nav-link,
.nav-pills .nav-link.active {
  background-color: var(--wx-primary);
}

.nav-tabs {
  border-bottom: 1px solid #eee;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #555;
  border-color: #eee #eee #fff;
}

.progress {
  font-size: 1rem;
  line-height: inherit;
  height: inherit;
  background-color: #eee;
}

.progress-bar {
  height: auto;
  min-height: 12px;
  background-color: var(--wx-primary);
}

.btn-primary {
  background-color: var(--wx-primary);
  border-color: var(--wx-primary);
}

.btn-primary:hover {
  color: #fff;
  background-color: var(--wx-primary-dark-v1);
  border-color: var(--wx-primary-dark-v1);
}

.btn-primary:focus, .btn-primary.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--wx-primary-rgba), 0.5);
          box-shadow: 0 0 0 2px rgba(var(--wx-primary-rgba), 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--wx-primary);
  border-color: var(--wx-primary);
}

.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--wx-primary-dark-v1);
  border-color: var(--wx-primary-dark-v1);
}

.btn-outline-primary {
  color: var(--wx-primary);
  border-color: var(--wx-primary);
}

.btn-outline-primary:hover {
  background-color: var(--wx-primary-dark-v1);
  border-color: var(--wx-primary-dark-v1);
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(var(--wx-primary-rgba), 0.5);
          box-shadow: 0 0 0 2px rgba(var(--wx-primary-rgba), 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: var(--wx-primary);
}

.btn-outline-primary:active, .btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
  background-color: var(--wx-primary-dark-v1);
  border-color: var(--wx-primary-dark-v1);
}

.card,
.card-header {
  border-color: #eee;
}

.card-header {
  padding: 0.71429rem 1.07143rem;
}

.card-block {
  padding: 1.07143rem;
}

.form-control {
  border-color: #ccc;
  height: auto;
}

.form-control-md {
  padding: .8rem 1rem .6rem;
}

.input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {
  height: calc(3.75rem + 2px);
}

.form-control,
.form-control:focus {
  color: #555;
}

.form-control:focus,
.custom-select:focus {
  border-color: var(--wx-primary);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form-control::-webkit-input-placeholder {
  color: inherit;
  opacity: .5;
}

.form-control::-ms-input-placeholder {
  color: inherit;
  opacity: .5;
}

.form-control::placeholder {
  color: inherit;
  opacity: .5;
}

.has-success .col-form-label,
.has-success .custom-control,
.has-success .form-check-label,
.has-success .form-control-feedback,
.has-success .form-control-label {
  color: #5cb85c;
}

.has-success .form-control {
  border-color: #5cb85c;
}

.has-warning .col-form-label,
.has-warning .custom-control,
.has-warning .form-check-label,
.has-warning .form-control-feedback,
.has-warning .form-control-label {
  color: #f0ad4e;
}

.has-warning .form-control {
  border-color: #f0ad4e;
}

.has-danger .col-form-label,
.has-danger .custom-control,
.has-danger .form-check-label,
.has-danger .form-control-feedback,
.has-danger .form-control-label {
  color: #d9534f;
}

.has-danger .form-control {
  border-color: #d9534f;
}

[class*="input-group-"] {
  min-width: 38px;
  background-color: transparent;
  border-color: #ccc;
  -webkit-transition: border-color .15s ease-in-out 0s;
  -o-transition: border-color .15s ease-in-out 0s;
  transition: border-color .15s ease-in-out 0s;
}

[class*="input-group-"] > * {
  white-space: normal;
}

[class*="input-group-"] i {
  margin: 0 auto;
}

.input-group .form-control:active,
.input-group .form-control:focus,
.input-group .form-control:hover {
  z-index: auto;
}

.btn-group {
  display: block;
}

.input-group-addon + .input-group-addon {
  border-left: solid 1px #ccc;
}

.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #f7f7f7;
}

.table-striped tbody td {
  border-top: none;
}

@media (min-width: 768px) {
  .btn-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .justified-content {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .justified-content > * {
    display: table-cell;
    width: 1%;
    float: none;
  }
}


.dropdown-menu {
  min-width: 15rem;
  padding: 0;
}

.dropdown-toggle::before {
  display: none;
}

.dropdown-toggle::after {
  content: "\e900";
  position: relative;
  top: 0.21429rem;
  font-family: "hs-icons" !important;
  font-size: 10px;
  display: inline;
  border: none;
  margin-left: 0.5rem;
}

.dropdown-item {
  padding: 0.21429rem 1.07143rem;
}

.dropdown-item:focus, .dropdown-item:hover {
  background: rgba(0, 0, 0, 0.03);
}

.dropdown-item.active, .dropdown-item:active {
  background: rgba(0, 0, 0, 0.05);
  color: inherit !important;
}

.dropdown-item.active > a, .dropdown-item:active > a {
  color: inherit !important;
}

.dropdown-item.active > a::before, .dropdown-item.active > a::after, .dropdown-item:active > a::before, .dropdown-item:active > a::after {
  background-color: #fff;
}





/*--------------------------------------------------
  Others
----------------------------------------------------*/
[class^="et-"] {
  line-height: 1.1;
}

.material-icons {
  position: relative;
  top: 0.14286rem;
}

.u-btn-floating .material-icons,
.u-chip .material-icons {
  top: 0;
}

.jFiler-jProgressBar {
  height: auto;
  margin-top: 0;
}

.jFiler-item-thumb-image img {
  max-width: 100%;
}



.slick-slide:focus {
  outline: 0 none;
}


	/*------------------------------------
	  Internet Explorer (IE)
	------------------------------------*/
	.IE .form-control:-ms-input-placeholder {
	  opacity: 1;
	}