@keyframes vex-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes vex-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes vex-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes vex-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes vex-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes vex-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes vex-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes vex-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-ms-keyframes vex-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-o-keyframes vex-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg); }
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg); } }
@-webkit-keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg); }
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg); } }
@-moz-keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg); }
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg); } }
@-ms-keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg); }
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg); } }
@-o-keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg); }
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg); } }
.vex, .vex *, .vex *:before, .vex *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.vex {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1111;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.vex-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.vex-overlay {
  background: #000;
  filter: alpha(opacity=40);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }

.vex-overlay {
  animation: vex-fadein 0.5s;
  -webkit-animation: vex-fadein 0.5s;
  -moz-animation: vex-fadein 0.5s;
  -ms-animation: vex-fadein 0.5s;
  -o-animation: vex-fadein 0.5s;
  -webkit-backface-visibility: hidden;
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.vex.vex-closing .vex-overlay {
  animation: vex-fadeout 0.5s;
  -webkit-animation: vex-fadeout 0.5s;
  -moz-animation: vex-fadeout 0.5s;
  -ms-animation: vex-fadeout 0.5s;
  -o-animation: vex-fadeout 0.5s;
  -webkit-backface-visibility: hidden; }

.vex-content {
  animation: vex-fadein 0.5s;
  -webkit-animation: vex-fadein 0.5s;
  -moz-animation: vex-fadein 0.5s;
  -ms-animation: vex-fadein 0.5s;
  -o-animation: vex-fadein 0.5s;
  -webkit-backface-visibility: hidden;
  background: #fff; }

.vex.vex-closing .vex-content {
  animation: vex-fadeout 0.5s;
  -webkit-animation: vex-fadeout 0.5s;
  -moz-animation: vex-fadeout 0.5s;
  -ms-animation: vex-fadeout 0.5s;
  -o-animation: vex-fadeout 0.5s;
  -webkit-backface-visibility: hidden; }

.vex-close:before {
  font-family: Arial, sans-serif;
  content: "\00D7"; }

.vex-dialog-form {
  margin: 0; }

.vex-dialog-button {
  text-rendering: optimizeLegibility;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; }

.vex-loading-spinner {
  animation: vex-rotation 0.7s linear infinite;
  -webkit-animation: vex-rotation 0.7s linear infinite;
  -moz-animation: vex-rotation 0.7s linear infinite;
  -ms-animation: vex-rotation 0.7s linear infinite;
  -o-animation: vex-rotation 0.7s linear infinite;
  -webkit-backface-visibility: hidden;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  position: fixed;
  z-index: 1112;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2em;
  width: 2em;
  background: #fff; }

body.vex-open {
  overflow: hidden; }
@keyframes vex-flipin-horizontal {
  0% {
    opacity: 0;
    transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg); }
  100% {
    opacity: 1;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); } }
@-webkit-keyframes vex-flipin-horizontal {
  0% {
    opacity: 0;
    transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg); }
  100% {
    opacity: 1;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); } }
@-moz-keyframes vex-flipin-horizontal {
  0% {
    opacity: 0;
    transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg); }
  100% {
    opacity: 1;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); } }
@-ms-keyframes vex-flipin-horizontal {
  0% {
    opacity: 0;
    transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg); }
  100% {
    opacity: 1;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); } }
@-o-keyframes vex-flipin-horizontal {
  0% {
    opacity: 0;
    transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg); }
  100% {
    opacity: 1;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); } }
@keyframes vex-flipout-horizontal {
  0% {
    opacity: 1;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  100% {
    opacity: 0;
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg); } }
@-webkit-keyframes vex-flipout-horizontal {
  0% {
    opacity: 1;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  100% {
    opacity: 0;
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg); } }
@-moz-keyframes vex-flipout-horizontal {
  0% {
    opacity: 1;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  100% {
    opacity: 0;
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg); } }
@-ms-keyframes vex-flipout-horizontal {
  0% {
    opacity: 1;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  100% {
    opacity: 0;
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg); } }
@-o-keyframes vex-flipout-horizontal {
  0% {
    opacity: 1;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg); }
  100% {
    opacity: 0;
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg); } }
.vex.vex-theme-flat-attack {
  -moz-perspective: 1300px;
  -webkit-perspective: 1300px;
  perspective: 1300px;
  -moz-perspective-origin: 50% 150px;
  -webkit-perspective-origin: 50% 150px;
  perspective-origin: 50% 150px;
  padding-top: 100px;
  padding-bottom: 100px;
  font-size: 1.5em; }

.vex.vex-theme-flat-attack.vex-closing .vex-content {
  animation: vex-flipout-horizontal 0.5s;
  -webkit-animation: vex-flipout-horizontal 0.5s;
  -moz-animation: vex-flipout-horizontal 0.5s;
  -ms-animation: vex-flipout-horizontal 0.5s;
  -o-animation: vex-flipout-horizontal 0.5s;
  -webkit-backface-visibility: hidden; }

.vex.vex-theme-flat-attack .vex-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  animation: vex-flipin-horizontal 0.5s;
  -webkit-animation: vex-flipin-horizontal 0.5s;
  -moz-animation: vex-flipin-horizontal 0.5s;
  -ms-animation: vex-flipin-horizontal 0.5s;
  -o-animation: vex-flipin-horizontal 0.5s;
  -webkit-backface-visibility: hidden; }

.vex.vex-theme-flat-attack .vex-content {
  border: 8px solid #34b989;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 200;
  background: #fff;
  color: #444;
  padding: 2em 2em 3em 2em;
  line-height: 1.5em;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  width: 600px; }

.vex.vex-theme-flat-attack .vex-content h1, .vex.vex-theme-flat-attack .vex-content h2, .vex.vex-theme-flat-attack .vex-content h3, .vex.vex-theme-flat-attack .vex-content h4, .vex.vex-theme-flat-attack .vex-content h5, .vex.vex-theme-flat-attack .vex-content h6, .vex.vex-theme-flat-attack .vex-content p, .vex.vex-theme-flat-attack .vex-content ul, .vex.vex-theme-flat-attack .vex-content li {
  color: inherit; }

.vex.vex-theme-flat-attack .vex-close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer; }

.vex.vex-theme-flat-attack .vex-close:before {
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 100;
  line-height: 1px;
  padding-top: .5em;
  display: block;
  font-size: 2em;
  text-indent: 1px;
  overflow: hidden;
  height: 1.25em;
  width: 1.25em;
  text-align: center;
  top: 0;
  right: 0;
  color: #fff;
  background: #666; }

.vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-message {
  margin-bottom: .5em; }

.vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input {
  margin-bottom: .5em; }

.vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="week"] {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #f0f0f0;
  width: 100%;
  padding: .25em .67em;
  border: 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  min-height: 2.5em;
  margin: 0 0 .25em; }

.vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="week"]:focus {
  -moz-box-shadow: inset 0 0 0 2px #666;
  -webkit-box-shadow: inset 0 0 0 2px #666;
  box-shadow: inset 0 0 0 2px #666;
  outline: none; }

.vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-buttons {
  *zoom: 1;
  padding-top: 1em;
  margin-bottom: -3em;
  margin-left: -2em;
  margin-right: -2em; }

.vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-buttons:after {
  content: "";
  display: table;
  clear: both; }

.vex.vex-theme-flat-attack .vex-dialog-button {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0;
  margin: 0;
  float: right;
  padding: .5em 1em;
  font-size: 1.13em;
  text-transform: uppercase;
  font-weight: 200;
  letter-spacing: .1em;
  line-height: 1em;
  font-family: inherit; }

.vex.vex-theme-flat-attack .vex-dialog-button.vex-last {
  margin-left: 0; }

.vex.vex-theme-flat-attack .vex-dialog-button:focus {
  outline: none; }

.vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-primary {
  background: #666;
  color: #fff; }

.vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-primary:focus {
  -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px rgba(0, 0, 0, 0.2); }

.vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-secondary {
  background: #fff;
  color: #ccc; }

.vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-secondary:focus {
  -moz-box-shadow: inset 0 3px #aaa;
  -webkit-box-shadow: inset 0 3px #aaa;
  box-shadow: inset 0 3px #aaa;
  background: #eee;
  color: #777; }

.vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-secondary:hover, .vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-secondary:active {
  color: #777; }

.vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-close:before {
  background: #ff7ea7; }

.vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input select:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="week"]:focus {
  -moz-box-shadow: inset 0 0 0 2px #ff7ea7;
  -webkit-box-shadow: inset 0 0 0 2px #ff7ea7;
  box-shadow: inset 0 0 0 2px #ff7ea7; }

.vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary {
  background: #ff7ea7; }

.vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-close:before {
  background: #ce4a55; }

.vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input select:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="week"]:focus {
  -moz-box-shadow: inset 0 0 0 2px #ce4a55;
  -webkit-box-shadow: inset 0 0 0 2px #ce4a55;
  box-shadow: inset 0 0 0 2px #ce4a55; }

.vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary {
  background: #ce4a55; }

.vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-close:before {
  background: #34b989; }

.vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input select:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="week"]:focus {
  -moz-box-shadow: inset 0 0 0 2px #34b989;
  -webkit-box-shadow: inset 0 0 0 2px #34b989;
  box-shadow: inset 0 0 0 2px #34b989; }

.vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary {
  background: #34b989; }

.vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-close:before {
  background: #477FA5; }

.vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input select:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="week"]:focus {
  -moz-box-shadow: inset 0 0 0 2px #477FA5;
  -webkit-box-shadow: inset 0 0 0 2px #477FA5;
  box-shadow: inset 0 0 0 2px #477FA5; }

.vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary {
  background: #477FA5; }

.vex-loading-spinner.vex-theme-flat-attack {
  height: 4em;
  width: 4em; }
.vex.vex-theme-flat-attack {
  padding-top: 150px; }
  .vex.vex-theme-flat-attack .vex-content {
    border: 0;
    width: 750px;
    color: #444;
    padding: 0; }
    .vex.vex-theme-flat-attack .vex-content img {
      width: 100% !important; }
    .vex.vex-theme-flat-attack .vex-content .vex-dialog-button.vex-dialog-button-primary {
      background: #555;
      color: #fff; }
    .vex.vex-theme-flat-attack .vex-content .vex-dialog-buttons {
      display: none; }

.vex-overlay {
  background: rgba(0, 0, 0, 0.6); }
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */

/*






 */



/* Component containers
----------------------------------*/

.ui-widget {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}
.ui-widget-content {
	border: 1px solid #dddddd/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
	color: #333333/*{fcContent}*/;
}
.ui-widget-content a {
	color: #333333/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #dddddd/*{borderColorHeader}*/;
	background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
	color: #333333/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
	background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #454545/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc/*{borderColorHover}*/;
	background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #2b2b2b/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b/*{fcHover}*/;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff/*{borderColorActive}*/;
	background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #ffffff/*{fcActive}*/;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff/*{borderColorActive}*/;
	background-color: #ffffff/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
	color: #777620/*{fcHighlight}*/;
}
.ui-state-checked {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899/*{borderColorError}*/;
	background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-31d988765b4e6f56553c29588c500381dc3e6f0aa2980c8212202e5644aefd5d.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-31d988765b4e6f56553c29588c500381dc3e6f0aa2980c8212202e5644aefd5d.png)/*{iconsHeader}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_555555_256x240-32175261daee76c82bb0edf0eea16a56421866fbc31e94f3c1d570aa114502f5.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_ffffff_256x240-350df1b7131037de20e83c5c0f3a41a770d2ac48b5762ea772b3f4a8a7b9d47a.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_777620_256x240-0b020fc6e696d88d296e7bb1f61f1eb2ad827848e2c7382a4c3e0999e702dd9b.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_cc0000_256x240-40985a64b4d5dd213fba27fcd862a1bd1b337a97674f6ff0b9ec20abcee4bc69.png)/*{iconsError}*/;
}
.ui-button .ui-icon {
	background-image: url(/assets/jquery-ui/ui-icons_777777_256x240-faf32007ae120c302213557626e660dd10e711c5dd4f1113d35f26dc05b78d2f.png)/*{iconsDefault}*/;
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
	box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
}
/*!
 * jQuery UI Datepicker 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
/*

 */

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
/*====================================*/
@font-face {
  font-family: 'Linearicons-Free';
  src: url(/assets/fonts/Linearicons-Free-9da5ace70c6225aaccf1c798737b70519f066e2a94df2f7b15b2c5df4a3a0f14.eot?w118d);
  src: url(/assets/fonts/Linearicons-Free-9da5ace70c6225aaccf1c798737b70519f066e2a94df2f7b15b2c5df4a3a0f14.eot?#iefixw118d) format("embedded-opentype"), url(/assets/fonts/Linearicons-Free-296945e5922e764eef17b1b4a3ee3e60dc202b3c7f074150b62158915bf74e33.woff2?w118d) format("woff2"), url(/assets/fonts/Linearicons-Free-bf1694791b58019367c4bdfcbc4e85e9b2fc02e460b720cc1c9c0bcbe0bd4779.woff?w118d) format("woff"), url(/assets/fonts/Linearicons-Free-47c047ffa124fbeb2a516c2441134729de2591465687a509029d498a8262c050.ttf?w118d) format("truetype"), url(/assets/fonts/Linearicons-Free-02dac01ab22c87a7f5ca06b5be560b386dda31d63b1fef85fc1c8bf7770684fd.svg?w118d#Linearicons-Free) format("svg");
  font-weight: normal;
  font-style: normal; }
.lnr {
  font-family: 'Linearicons-Free';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.lnr-home:before {
  content: "\e800"; }

.lnr-apartment:before {
  content: "\e801"; }

.lnr-pencil:before {
  content: "\e802"; }

.lnr-magic-wand:before {
  content: "\e803"; }

.lnr-drop:before {
  content: "\e804"; }

.lnr-lighter:before {
  content: "\e805"; }

.lnr-poop:before {
  content: "\e806"; }

.lnr-sun:before {
  content: "\e807"; }

.lnr-moon:before {
  content: "\e808"; }

.lnr-cloud:before {
  content: "\e809"; }

.lnr-cloud-upload:before {
  content: "\e80a"; }

.lnr-cloud-download:before {
  content: "\e80b"; }

.lnr-cloud-sync:before {
  content: "\e80c"; }

.lnr-cloud-check:before {
  content: "\e80d"; }

.lnr-database:before {
  content: "\e80e"; }

.lnr-lock:before {
  content: "\e80f"; }

.lnr-cog:before {
  content: "\e810"; }

.lnr-trash:before {
  content: "\e811"; }

.lnr-dice:before {
  content: "\e812"; }

.lnr-heart:before {
  content: "\e813"; }

.lnr-star:before {
  content: "\e814"; }

.lnr-star-half:before {
  content: "\e815"; }

.lnr-star-empty:before {
  content: "\e816"; }

.lnr-flag:before {
  content: "\e817"; }

.lnr-envelope:before {
  content: "\e818"; }

.lnr-paperclip:before {
  content: "\e819"; }

.lnr-inbox:before {
  content: "\e81a"; }

.lnr-eye:before {
  content: "\e81b"; }

.lnr-printer:before {
  content: "\e81c"; }

.lnr-file-empty:before {
  content: "\e81d"; }

.lnr-file-add:before {
  content: "\e81e"; }

.lnr-enter:before {
  content: "\e81f"; }

.lnr-exit:before {
  content: "\e820"; }

.lnr-graduation-hat:before {
  content: "\e821"; }

.lnr-license:before {
  content: "\e822"; }

.lnr-music-note:before {
  content: "\e823"; }

.lnr-film-play:before {
  content: "\e824"; }

.lnr-camera-video:before {
  content: "\e825"; }

.lnr-camera:before {
  content: "\e826"; }

.lnr-picture:before {
  content: "\e827"; }

.lnr-book:before {
  content: "\e828"; }

.lnr-bookmark:before {
  content: "\e829"; }

.lnr-user:before {
  content: "\e82a"; }

.lnr-users:before {
  content: "\e82b"; }

.lnr-shirt:before {
  content: "\e82c"; }

.lnr-store:before {
  content: "\e82d"; }

.lnr-cart:before {
  content: "\e82e"; }

.lnr-tag:before {
  content: "\e82f"; }

.lnr-phone-handset:before {
  content: "\e830"; }

.lnr-phone:before {
  content: "\e831"; }

.lnr-pushpin:before {
  content: "\e832"; }

.lnr-map-marker:before {
  content: "\e833"; }

.lnr-map:before {
  content: "\e834"; }

.lnr-location:before {
  content: "\e835"; }

.lnr-calendar-full:before {
  content: "\e836"; }

.lnr-keyboard:before {
  content: "\e837"; }

.lnr-spell-check:before {
  content: "\e838"; }

.lnr-screen:before {
  content: "\e839"; }

.lnr-smartphone:before {
  content: "\e83a"; }

.lnr-tablet:before {
  content: "\e83b"; }

.lnr-laptop:before {
  content: "\e83c"; }

.lnr-laptop-phone:before {
  content: "\e83d"; }

.lnr-power-switch:before {
  content: "\e83e"; }

.lnr-bubble:before {
  content: "\e83f"; }

.lnr-heart-pulse:before {
  content: "\e840"; }

.lnr-construction:before {
  content: "\e841"; }

.lnr-pie-chart:before {
  content: "\e842"; }

.lnr-chart-bars:before {
  content: "\e843"; }

.lnr-gift:before {
  content: "\e844"; }

.lnr-diamond:before {
  content: "\e845"; }

.lnr-linearicons:before {
  content: "\e846"; }

.lnr-dinner:before {
  content: "\e847"; }

.lnr-coffee-cup:before {
  content: "\e848"; }

.lnr-leaf:before {
  content: "\e849"; }

.lnr-paw:before {
  content: "\e84a"; }

.lnr-rocket:before {
  content: "\e84b"; }

.lnr-briefcase:before {
  content: "\e84c"; }

.lnr-bus:before {
  content: "\e84d"; }

.lnr-car:before {
  content: "\e84e"; }

.lnr-train:before {
  content: "\e84f"; }

.lnr-bicycle:before {
  content: "\e850"; }

.lnr-wheelchair:before {
  content: "\e851"; }

.lnr-select:before {
  content: "\e852"; }

.lnr-earth:before {
  content: "\e853"; }

.lnr-smile:before {
  content: "\e854"; }

.lnr-sad:before {
  content: "\e855"; }

.lnr-neutral:before {
  content: "\e856"; }

.lnr-mustache:before {
  content: "\e857"; }

.lnr-alarm:before {
  content: "\e858"; }

.lnr-bullhorn:before {
  content: "\e859"; }

.lnr-volume-high:before {
  content: "\e85a"; }

.lnr-volume-medium:before {
  content: "\e85b"; }

.lnr-volume-low:before {
  content: "\e85c"; }

.lnr-volume:before {
  content: "\e85d"; }

.lnr-mic:before {
  content: "\e85e"; }

.lnr-hourglass:before {
  content: "\e85f"; }

.lnr-undo:before {
  content: "\e860"; }

.lnr-redo:before {
  content: "\e861"; }

.lnr-sync:before {
  content: "\e862"; }

.lnr-history:before {
  content: "\e863"; }

.lnr-clock:before {
  content: "\e864"; }

.lnr-download:before {
  content: "\e865"; }

.lnr-upload:before {
  content: "\e866"; }

.lnr-enter-down:before {
  content: "\e867"; }

.lnr-exit-up:before {
  content: "\e868"; }

.lnr-bug:before {
  content: "\e869"; }

.lnr-code:before {
  content: "\e86a"; }

.lnr-link:before {
  content: "\e86b"; }

.lnr-unlink:before {
  content: "\e86c"; }

.lnr-thumbs-up:before {
  content: "\e86d"; }

.lnr-thumbs-down:before {
  content: "\e86e"; }

.lnr-magnifier:before {
  content: "\e86f"; }

.lnr-cross:before {
  content: "\e870"; }

.lnr-menu:before {
  content: "\e871"; }

.lnr-list:before {
  content: "\e872"; }

.lnr-chevron-up:before {
  content: "\e873"; }

.lnr-chevron-down:before {
  content: "\e874"; }

.lnr-chevron-left:before {
  content: "\e875"; }

.lnr-chevron-right:before {
  content: "\e876"; }

.lnr-arrow-up:before {
  content: "\e877"; }

.lnr-arrow-down:before {
  content: "\e878"; }

.lnr-arrow-left:before {
  content: "\e879"; }

.lnr-arrow-right:before {
  content: "\e87a"; }

.lnr-move:before {
  content: "\e87b"; }

.lnr-warning:before {
  content: "\e87c"; }

.lnr-question-circle:before {
  content: "\e87d"; }

.lnr-menu-circle:before {
  content: "\e87e"; }

.lnr-checkmark-circle:before {
  content: "\e87f"; }

.lnr-cross-circle:before {
  content: "\e880"; }

.lnr-plus-circle:before {
  content: "\e881"; }

.lnr-circle-minus:before {
  content: "\e882"; }

.lnr-arrow-up-circle:before {
  content: "\e883"; }

.lnr-arrow-down-circle:before {
  content: "\e884"; }

.lnr-arrow-left-circle:before {
  content: "\e885"; }

.lnr-arrow-right-circle:before {
  content: "\e886"; }

.lnr-chevron-up-circle:before {
  content: "\e887"; }

.lnr-chevron-down-circle:before {
  content: "\e888"; }

.lnr-chevron-left-circle:before {
  content: "\e889"; }

.lnr-chevron-right-circle:before {
  content: "\e88a"; }

.lnr-crop:before {
  content: "\e88b"; }

.lnr-frame-expand:before {
  content: "\e88c"; }

.lnr-frame-contract:before {
  content: "\e88d"; }

.lnr-layers:before {
  content: "\e88e"; }

.lnr-funnel:before {
  content: "\e88f"; }

.lnr-text-format:before {
  content: "\e890"; }

.lnr-text-format-remove:before {
  content: "\e891"; }

.lnr-text-size:before {
  content: "\e892"; }

.lnr-bold:before {
  content: "\e893"; }

.lnr-italic:before {
  content: "\e894"; }

.lnr-underline:before {
  content: "\e895"; }

.lnr-strikethrough:before {
  content: "\e896"; }

.lnr-highlight:before {
  content: "\e897"; }

.lnr-text-align-left:before {
  content: "\e898"; }

.lnr-text-align-center:before {
  content: "\e899"; }

.lnr-text-align-right:before {
  content: "\e89a"; }

.lnr-text-align-justify:before {
  content: "\e89b"; }

.lnr-line-spacing:before {
  content: "\e89c"; }

.lnr-indent-increase:before {
  content: "\e89d"; }

.lnr-indent-decrease:before {
  content: "\e89e"; }

.lnr-pilcrow:before {
  content: "\e89f"; }

.lnr-direction-ltr:before {
  content: "\e8a0"; }

.lnr-direction-rtl:before {
  content: "\e8a1"; }

.lnr-page-break:before {
  content: "\e8a2"; }

.lnr-sort-alpha-asc:before {
  content: "\e8a3"; }

.lnr-sort-amount-asc:before {
  content: "\e8a4"; }

.lnr-hand:before {
  content: "\e8a5"; }

.lnr-pointer-up:before {
  content: "\e8a6"; }

.lnr-pointer-right:before {
  content: "\e8a7"; }

.lnr-pointer-down:before {
  content: "\e8a8"; }

.lnr-pointer-left:before {
  content: "\e8a9"; }

/*====================================*/
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto; }

.nice-select:hover {
  border-color: #dbdbdb; }

.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999; }

.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: '';
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px; }

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0); }

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none; }

.nice-select.disabled:after {
  border-color: #cccccc; }

.nice-select.wide {
  width: 100%; }

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important; }

.nice-select.right {
  float: right; }

.nice-select.right .list {
  left: auto;
  right: 0; }

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px; }

.nice-select.small:after {
  height: 4px;
  width: 4px; }

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px; }

.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9; }

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important; }

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6; }

.nice-select .option.selected {
  font-weight: bold; }

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }

/*====================================*/
.slick-list, .slick-slider, .slick-track {
  position: relative;
  display: block; }

.slick-loading .slick-slide, .slick-loading .slick-track {
  visibility: hidden; }

.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: 0; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  top: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto; }

.slick-track:after, .slick-track:before {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir=rtl] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }
body {
  font-size: 14px;
  line-height: 1.8;
  font-weight: 400;
  font-family: Microsoft JhengHei,sans-serif;
  color: #555; }

a {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

a:focus, a:hover {
  color: #cc2121;
  outline: 0;
  text-decoration: none; }

p {
  margin-bottom: 0; }

h1, h2, h3, h4, h5, h6 {
  color: #242424;
  margin-bottom: 0; }

ul {
  margin: 0;
  padding: 0; }

ul li {
  list-style: none; }

b, strong {
  font-weight: 700; }

figure {
  margin: 0; }

img {
  max-width: 100%;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

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

.btn, button {
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  background-color: transparent; }

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

input:focus, textarea:focus {
  outline: 0; }

fieldset {
  margin-top: 30px; }

fieldset legend {
  border-bottom: 1px solid #e7e7e7;
  color: #000;
  font-size: 24px;
  padding-bottom: 10px;
  text-transform: capitalize; }

::-moz-selection {
  color: #fff;
  background: #91b2c3; }

::selection {
  color: #fff;
  background: #91b2c3; }

::-webkit-input-placeholder {
  color: #999;
  font-size: 13px;
  opacity: 1; }

::-moz-placeholder {
  color: #999;
  font-size: 13px;
  opacity: 1; }

:-ms-input-placeholder {
  color: #999;
  font-size: 13px;
  opacity: 1; }

::-ms-input-placeholder {
  color: #999;
  font-size: 13px;
  opacity: 1; }

::placeholder {
  color: #999;
  font-size: 13px;
  opacity: 1; }

.modal-dialog {
  max-width: 1000px; }

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .modal-dialog {
    max-width: 800px; } }
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .modal-dialog {
    max-width: 700px; } }
.modal {
  display: block !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -99; }

.modal.show {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  z-index: 99999999;
  -webkit-animation: slideInDown .4s forwards;
  animation: slideInDown .4s forwards; }

.modal .modal-header {
  padding: 0 10px;
  border-bottom: none; }

.modal .modal-header .close {
  color: #242424;
  font-size: 34px;
  opacity: 1;
  display: block;
  position: absolute;
  padding: 0;
  width: 30px;
  height: 30px;
  margin: 0;
  right: 10px;
  top: 10px;
  font-weight: 500;
  z-index: 999;
  line-height: 30px;
  border-radius: 50%; }

.modal .modal-body {
  padding: 20px 20px 20px 20px; }

@media only screen and (max-width: 479.98px) {
  .modal .modal-body {
    padding: 10px; } }
.tab-content .tab-pane {
  display: block;
  height: 0;
  max-width: 100%;
  opacity: 0;
  overflow: hidden;
  visibility: hidden; }

.tab-content .tab-pane.active {
  height: auto;
  opacity: 1;
  overflow: visible;
  visibility: visible; }

.tooltip.show {
  opacity: 1; }

.tooltip > .tooltip-inner {
  font-size: 13px;
  color: #fff;
  background-color: #cc2121; }

.tooltip.bs-tooltip-top .arrow:before {
  border-top-color: #cc2121; }

.tooltip.bs-tooltip-left .arrow:before {
  border-left-color: #cc2121; }

.slick-slider .slick-slide > div > div {
  vertical-align: middle; }

.slick-arrow-style button.slick-arrow {
  top: 50%;
  left: 0;
  height: 40px;
  width: 40px;
  color: #242424;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  display: block;
  position: absolute;
  -webkit-transform: translateY(-50%) scale(0.7);
  -ms-transform: translateY(-50%) scale(0.7);
  transform: translateY(-50%) scale(0.7);
  line-height: 40px;
  border-radius: 3px;
  z-index: 1;
  background-color: rgba(240, 240, 240, 0.7);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.slick-arrow-style button.slick-arrow.slick-next {
  left: auto;
  right: 0;
  padding-left: 2px; }

.slick-arrow-style button.slick-arrow:hover {
  color: #fff;
  background-color: #cc2121; }

.slick-arrow-style:hover button.slick-arrow {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-50%) scale(1);
  -ms-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1); }

.slick-arrow-style_hero button.slick-arrow {
  font-size: 40px;
  left: 15px;
  width: inherit;
  height: inherit;
  background-color: transparent; }

.slick-arrow-style_hero button.slick-arrow.slick-next {
  right: 15px; }

.slick-arrow-style_hero button.slick-arrow:hover {
  color: #cc2121;
  background-color: transparent; }

.slick-append {
  background-color: #fff;
  z-index: 2;
  padding-left: 5px; }

.slick-append button {
  position: inherit;
  display: inline-block;
  background-color: transparent;
  color: #555; }

.slick-append button.slick-next {
  margin-left: 10px; }

.slick-append button:hover {
  color: #cc2121; }

.slick-dot-style ul.slick-dots {
  bottom: 15px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.slick-dot-style ul.slick-dots li {
  display: inline-block;
  margin-right: 10px; }

.slick-dot-style ul.slick-dots li:last-child {
  margin-right: 0; }

.slick-dot-style ul.slick-dots li button {
  width: 7px;
  height: 7px;
  padding: 0;
  border: none;
  display: block;
  text-indent: -5000px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  background-color: #d7d7d7; }

.slick-dot-style ul.slick-dots li.slick-active button {
  width: 10px;
  height: 10px;
  background-color: #cc2121; }

.slick-row-3 .slick-list {
  margin: 0 -3px; }

.slick-row-3 .slick-list .slick-slide {
  margin: 0 3px; }

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-3 .slick-list {
    margin: 0 -3px !important; }

  .slick-sm-row-3 .slick-list .slick-slide {
    margin: 0 3px !important; } }
.slick-row-4 .slick-list {
  margin: 0 -4px; }

.slick-row-4 .slick-list .slick-slide {
  margin: 0 4px; }

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-4 .slick-list {
    margin: 0 -4px !important; }

  .slick-sm-row-4 .slick-list .slick-slide {
    margin: 0 4px !important; } }
.slick-row-5 .slick-list {
  margin: 0 -5px; }

.slick-row-5 .slick-list .slick-slide {
  margin: 0 5px; }

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-5 .slick-list {
    margin: 0 -5px !important; }

  .slick-sm-row-5 .slick-list .slick-slide {
    margin: 0 5px !important; } }
.slick-row-6 .slick-list {
  margin: 0 -6px; }

.slick-row-6 .slick-list .slick-slide {
  margin: 0 6px; }

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-6 .slick-list {
    margin: 0 -6px !important; }

  .slick-sm-row-6 .slick-list .slick-slide {
    margin: 0 6px !important; } }
.slick-row-7 .slick-list {
  margin: 0 -7px; }

.slick-row-7 .slick-list .slick-slide {
  margin: 0 7px; }

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-7 .slick-list {
    margin: 0 -7px !important; }

  .slick-sm-row-7 .slick-list .slick-slide {
    margin: 0 7px !important; } }
.slick-row-8 .slick-list {
  margin: 0 -8px; }

.slick-row-8 .slick-list .slick-slide {
  margin: 0 8px; }

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-8 .slick-list {
    margin: 0 -8px !important; }

  .slick-sm-row-8 .slick-list .slick-slide {
    margin: 0 8px !important; } }
.slick-row-9 .slick-list {
  margin: 0 -9px; }

.slick-row-9 .slick-list .slick-slide {
  margin: 0 9px; }

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-9 .slick-list {
    margin: 0 -9px !important; }

  .slick-sm-row-9 .slick-list .slick-slide {
    margin: 0 9px !important; } }
.slick-row-10 .slick-list {
  margin: 0 -10px; }

.slick-row-10 .slick-list .slick-slide {
  margin: 0 10px; }

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-10 .slick-list {
    margin: 0 -10px !important; }

  .slick-sm-row-10 .slick-list .slick-slide {
    margin: 0 10px !important; } }
.slick-row-11 .slick-list {
  margin: 0 -11px; }

.slick-row-11 .slick-list .slick-slide {
  margin: 0 11px; }

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-11 .slick-list {
    margin: 0 -11px !important; }

  .slick-sm-row-11 .slick-list .slick-slide {
    margin: 0 11px !important; } }
.slick-row-12 .slick-list {
  margin: 0 -12px; }

.slick-row-12 .slick-list .slick-slide {
  margin: 0 12px; }

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-12 .slick-list {
    margin: 0 -12px !important; }

  .slick-sm-row-12 .slick-list .slick-slide {
    margin: 0 12px !important; } }
.slick-row-13 .slick-list {
  margin: 0 -13px; }

.slick-row-13 .slick-list .slick-slide {
  margin: 0 13px; }

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-13 .slick-list {
    margin: 0 -13px !important; }

  .slick-sm-row-13 .slick-list .slick-slide {
    margin: 0 13px !important; } }
.slick-row-14 .slick-list {
  margin: 0 -14px; }

.slick-row-14 .slick-list .slick-slide {
  margin: 0 14px; }

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-14 .slick-list {
    margin: 0 -14px !important; }

  .slick-sm-row-14 .slick-list .slick-slide {
    margin: 0 14px !important; } }
.slick-row-15 .slick-list {
  margin: 0 -15px; }

.slick-row-15 .slick-list .slick-slide {
  margin: 0 15px; }

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-15 .slick-list {
    margin: 0 -15px !important; }

  .slick-sm-row-15 .slick-list .slick-slide {
    margin: 0 15px !important; } }
.slick-slider .slick-slide > div {
  margin-bottom: 30px; }

.slick-slider .slick-slide > div:last-child {
  margin-bottom: 0; }

@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1200px; } }
@media only screen and (max-width: 767.98px) {
  .container {
    max-width: 540px; } }
@media only screen and (max-width: 575.98px) {
  .container {
    max-width: 450px; } }
.common-wrapper {
  max-width: 1250px;
  margin: auto;
  padding: 40px 0;
  background-color: #fff; }

@media only screen and (max-width: 767.98px) {
  .common-wrapper {
    padding: 35px 0 62px 0; } }
@media only screen and (max-width: 479.98px) {
  .common-wrapper {
    padding: 15px 0 62px 0; } }
.bdr-bottom {
  border-bottom: 1px solid #ebebeb; }

.common-bg {
  background-color: #f6f6f6; }

.theme-color {
  background-color: #cc2121; }

.bg-gray {
  background-color: #f2f2f2; }

.bg-gray-2 {
  background-color: #f6f7f9; }

.bg-blue {
  background-color: #3a78ff; }

.bg-dark {
  background-color: #22282e !important; }

.theme-color {
  background-color: #cc2121; }

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

.facebook {
  background-color: #3b5999; }

.twitter {
  background-color: #1da1f2; }

.google {
  background-color: #fe6d4c; }

.instagram {
  background-color: #c619b8; }

.youtube {
  background-color: #cc332d; }

.scroll-top {
  bottom: 50px;
  cursor: pointer;
  height: 50px;
  position: fixed;
  right: 20px;
  text-align: center;
  width: 50px;
  z-index: 9999;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  border-radius: 50%;
  background-color: #cc2121;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

.scroll-top i {
  line-height: 50px;
  color: #fff;
  font-size: 25px; }

.scroll-top.not-visible {
  bottom: -50px;
  visibility: hidden;
  opacity: 0; }

.scroll-top:hover {
  background-color: #242424; }

.custom-checkbox.custom-control, .custom-radio.custom-control {
  min-height: auto; }

.custom-checkbox .custom-control-label, .custom-checkbox label, .custom-radio .custom-control-label, .custom-radio label {
  font-size: 14px;
  line-height: 1;
  padding-left: 10px;
  font-weight: 400;
  display: block;
  cursor: pointer; }

.custom-checkbox .custom-control-label:before, .custom-checkbox label:before, .custom-radio .custom-control-label:before, .custom-radio label:before {
  background-color: transparent;
  border: 1px solid #ddd;
  border-radius: 0;
  height: 15px;
  top: 0;
  width: 15px; }

.custom-checkbox .custom-control-label:after, .custom-checkbox label:after, .custom-radio .custom-control-label:after, .custom-radio label:after {
  background-size: 10px 10px;
  height: 15px;
  top: 0; }

.custom-checkbox .custom-control-label a, .custom-checkbox label a, .custom-radio .custom-control-label a, .custom-radio label a {
  color: #242424;
  font-weight: 500; }

.custom-checkbox .custom-control-label a:hover, .custom-checkbox label a:hover, .custom-radio .custom-control-label a:hover, .custom-radio label a:hover {
  color: #cc2121; }

.custom-checkbox .custom-control-input, .custom-checkbox input, .custom-radio .custom-control-input, .custom-radio input {
  outline: 0; }

.custom-checkbox .custom-control-input:focus label:before, .custom-checkbox .custom-control-input:focus ~ .custom-control-label:before, .custom-checkbox input:focus label:before, .custom-checkbox input:focus ~ .custom-control-label:before, .custom-radio .custom-control-input:focus label:before, .custom-radio .custom-control-input:focus ~ .custom-control-label:before, .custom-radio input:focus label:before, .custom-radio input:focus ~ .custom-control-label:before {
  -webkit-box-shadow: none;
  box-shadow: none; }

.custom-checkbox .custom-control-input:checked label:before, .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before, .custom-checkbox input:checked label:before, .custom-checkbox input:checked ~ .custom-control-label:before, .custom-radio .custom-control-input:checked label:before, .custom-radio .custom-control-input:checked ~ .custom-control-label:before, .custom-radio input:checked label:before, .custom-radio input:checked ~ .custom-control-label:before {
  background-color: #cc2121;
  border-color: #cc2121; }

.custom-radio .custom-control-label:before, .custom-radio label:before {
  border-radius: 50%;
  height: 14px;
  width: 14px; }

.custom-radio .custom-control-label::after, .custom-radio label::after {
  background-size: 10px 10px;
  left: -22px;
  top: 2px;
  height: 10px;
  width: 10px; }

.header-top {
  padding: 10px 0; }

.header-top-settings ul li {
  color: #555;
  cursor: pointer;
  font-size: 12px;
  position: relative;
  margin-left: 40px;
  position: relative;
  margin-left: 20px;
  padding-left: 20px; }

.header-top-settings ul li:before {
  top: 50%;
  left: 0;
  width: 1px;
  height: 15px;
  content: "";
  position: absolute;
  background-color: #ebebeb;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.header-top-settings ul li:first-child {
  padding-left: 0;
  margin-left: 0; }

.header-top-settings ul li:first-child:before {
  display: none; }

.header-top-settings ul li span {
  cursor: auto;
  font-size: 13px;
  text-transform: capitalize; }

.header-top-settings ul li .dropdown-list {
  top: 100%;
  right: 0;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  padding: 15px 15px 20px;
  width: 150px;
  z-index: 9;
  text-align: left;
  background-color: #fff;
  pointer-events: none;
  border: 1px solid #ebebeb; }

.header-top-settings ul li .dropdown-list li {
  margin-left: 0;
  padding: 0; }

.header-top-settings ul li .dropdown-list li a {
  color: #555;
  font-size: 13px;
  display: block;
  padding: 5px 0 3px;
  text-transform: capitalize; }

.header-top-settings ul li .dropdown-list li a:hover {
  color: #cc2121; }

.header-top-settings ul li .dropdown-list li a img {
  vertical-align: inherit; }

.header-top-settings ul li .dropdown-list li:before {
  display: none; }

.header-top-settings ul li:hover .dropdown-list {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.welcome-message p {
  color: #555;
  font-size: 13px;
  line-height: 1; }

.header-configure-area {
  padding-right: 10px; }

.header-configure-area ul li {
  display: inline-block;
  margin-left: 25px;
  line-height: 1; }

.header-configure-area ul li a {
  font-size: 20px;
  line-height: 1;
  color: #242424;
  position: relative; }

.header-configure-area ul li a .notification {
  top: -10px;
  right: -8px;
  position: absolute;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 10px;
  color: #fff;
  border-radius: 50%;
  background-color: #cc2121; }

.header-configure-area ul li a:hover {
  color: #cc2121; }

.header-configure-area ul li:first-child {
  margin-left: 0; }

.header-configure-area ul li.user-hover {
  position: relative; }

.header-configure-area ul li.user-hover .dropdown-list {
  position: absolute;
  top: 100%;
  right: 0;
  width: 150px;
  padding: 20px;
  background-color: #fff;
  z-index: 11;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  opacity: 0;
  visibility: hidden;
  border: 1px solid #ebebeb; }

.header-configure-area ul li.user-hover .dropdown-list li {
  display: block;
  margin-left: 0; }

.header-configure-area ul li.user-hover .dropdown-list li a {
  color: #555;
  font-size: 13px;
  line-height: 1;
  display: block;
  padding: 8px 0;
  text-transform: capitalize; }

.header-configure-area ul li.user-hover .dropdown-list li a:hover {
  color: #cc2121; }

.header-configure-area ul li.user-hover:hover .dropdown-list {
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.main-menu ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.main-menu ul li {
  position: relative; }

.main-menu ul li a {
  color: #242424;
  font-size: 14px;
  padding: 40px 15px;
  font-weight: 500;
  display: block;
  text-transform: uppercase;
  border-radius: 5px; }

.main-menu ul li a i {
  font-size: 14px;
  padding: 0 3px; }

.main-menu ul li:first-child a {
  padding-left: 0; }

.main-menu ul li.active > a, .main-menu ul li:hover > a {
  color: #cc2121; }

.main-menu ul li ul.dropdown {
  top: 100%;
  left: 0;
  width: 220px;
  position: absolute;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: 99999;
  padding: 20px 0;
  pointer-events: none;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  border: 1px solid #ebebeb; }

.main-menu ul li ul.dropdown li {
  margin-right: 0;
  border-right: none;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding: 0; }

.main-menu ul li ul.dropdown li a {
  color: #555;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 15px;
  text-transform: capitalize; }

.main-menu ul li ul.dropdown li a i {
  float: right;
  padding-top: 5px; }

.main-menu ul li ul.dropdown li:hover > a {
  color: #cc2121;
  background-color: #fff; }

.main-menu ul li ul.dropdown li ul.dropdown {
  top: 100%;
  left: 100%;
  position: absolute;
  width: 250px;
  opacity: 0;
  visibility: hidden; }

.main-menu ul li ul.dropdown li:hover ul.dropdown {
  top: 0;
  opacity: 1;
  visibility: visible; }

.main-menu ul li ul.megamenu {
  width: 900px;
  padding: 20px;
  border: 1px solid #ebebeb; }

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .main-menu ul li ul.megamenu {
    width: 800px;
    -webkit-transform: translate(-120px, 30px);
    -ms-transform: translate(-120px, 30px);
    transform: translate(-120px, 30px); } }
.main-menu ul li ul.megamenu li {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%; }

.main-menu ul li ul.megamenu li.mega-title > a {
  color: #242424;
  font-size: 16px;
  font-weight: 500; }

.main-menu ul li ul.megamenu li ul li {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%; }

.main-menu ul li ul.megamenu li:hover > a {
  color: #cc2121; }

.main-menu ul li ul.megamenu li.megamenu-banners {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  margin-top: 25px;
  padding-bottom: 10px;
  position: relative; }

.main-menu ul li ul.megamenu li.megamenu-banners:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.main-menu ul li ul.megamenu li.megamenu-banners:hover:before {
  opacity: 1;
  visibility: visible; }

.main-menu ul li:hover ul.dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0); }

.main-menu ul li:hover ul.megamenu {
  opacity: 1;
  visibility: visible; }

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .main-menu ul li:hover ul.megamenu {
    -webkit-transform: translate(-120px, 0);
    -ms-transform: translate(-120px, 0);
    transform: translate(-120px, 0); } }
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .main-menu.menu-style-4 ul li .megamenu {
    width: 800px;
    -webkit-transform: translate(-70px, 30px);
    -ms-transform: translate(-70px, 30px);
    transform: translate(-70px, 30px); } }
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .main-menu.menu-style-4 ul li:hover .megamenu {
    -webkit-transform: translate(-70px, 0);
    -ms-transform: translate(-70px, 0);
    transform: translate(-70px, 0); } }
.header-transparent {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  position: absolute;
  z-index: 1; }

.header-middle-inner {
  padding: 30px 0; }

.header-search-box {
  width: 250px;
  position: relative;
  border-bottom: 1px solid #ebebeb; }

.header-search-box .header-search-field {
  width: 100%;
  padding: 5px 25px 5px 0;
  border: none;
  background-color: transparent; }

.header-search-box .header-serch-btn {
  top: 50%;
  right: 0;
  font-size: 18px;
  line-height: 1;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.header-search-box .header-serch-btn:hover {
  color: #cc2121; }

.menu-style-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative; }

.menu-style-2 ul li a {
  padding: 10px 15px; }

.menu-style-2 ul li.static {
  position: static; }

.menu-style-2 ul li.static .megamenu {
  left: 0;
  right: 0;
  width: 920px;
  margin: auto; }

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .menu-style-2 ul li.static .megamenu {
    -webkit-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    transform: translate(0, 30px); } }
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .menu-style-2 ul li.static:hover .megamenu {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
.menu-style-3 ul li a {
  padding: 15px 15px; }

.sticky.is-sticky {
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 9;
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
  -webkit-animation: 0.9s cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown;
  animation: 0.9s cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown; }

.sticky.is-sticky .main-menu li a {
  padding: 20px 15px; }

.sticky.is-sticky .main-menu li .dropdown li a {
  padding: 5px 15px; }

.sticky.is-sticky .main-menu li:first-child a {
  padding-left: 0; }

.mobile-header .category-toggle {
  padding: 8px 15px; }

.mobile-header-top {
  border-bottom: 1px solid #ebebeb; }

.mobile-header-top .header-top-settings {
  float: none; }

.mobile-logo {
  max-width: 140px;
  width: 100%; }

.mobile-main-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.mobile-main-header .mobile-menu-toggler {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.mobile-main-header .mobile-menu-toggler .mini-cart-wrap {
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  position: relative;
  margin-left: 30px; }

.mobile-main-header .mobile-menu-toggler .mini-cart-wrap a {
  color: #242424; }

.mobile-main-header .mobile-menu-toggler .mini-cart-wrap a:hover {
  color: #cc2121; }

.mobile-main-header .mobile-menu-toggler .mini-cart-wrap .notification {
  font-size: 13px;
  color: #fff;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  text-align: center;
  font-weight: 600;
  right: -8px;
  top: 0;
  position: absolute;
  background-color: #cc2121; }

.mobile-main-header .mobile-menu-toggler .mobile-menu-btn {
  margin-left: 15px; }

.mobile-main-header .mobile-menu-toggler .mobile-menu-btn .off-canvas-btn {
  font-size: 30px;
  cursor: pointer;
  padding: 10px 15px;
  line-height: 1;
  padding-right: 0; }

.mobile-main-header .mobile-menu-toggler .mobile-menu-btn .off-canvas-btn:hover {
  color: #cc2121; }

.mobile-navigation {
  overflow: hidden;
  max-height: 250px; }

.mobile-navigation nav {
  height: 100%; }

.mobile-menu {
  margin-top: 30px;
  height: 100%;
  overflow: auto;
  padding-right: 30px;
  margin-right: -30px; }

@media only screen and (max-width: 479.98px) {
  .mobile-menu {
    margin-top: 15px; } }
.mobile-menu li > a {
  font-size: 15px;
  color: #242424;
  text-transform: capitalize;
  line-height: 18px;
  position: relative;
  display: inline-block;
  padding: 10px 0; }

.mobile-menu li > a:hover {
  color: #cc2121; }

.mobile-menu li ul li {
  border: none; }

.mobile-menu li ul li a {
  font-size: 14px;
  text-transform: capitalize;
  padding: 10px 15px 8px; }

.mobile-menu li.menu-item-has-children {
  display: block;
  position: relative; }

.mobile-menu li.menu-item-has-children .menu-expand {
  line-height: 50;
  top: -5px;
  left: 95%;
  width: 30px;
  position: absolute;
  height: 50px;
  text-align: center;
  cursor: pointer; }

.mobile-menu li.menu-item-has-children .menu-expand i {
  display: block;
  position: relative;
  width: 10px;
  margin-top: 25px;
  border-bottom: 1px solid #242424;
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out; }

.mobile-menu li.menu-item-has-children .menu-expand i:before {
  top: 0;
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  border-bottom: 1px solid #242424;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.mobile-menu li.menu-item-has-children.active > .menu-expand i:before {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0); }

.offcanvas-widget-area {
  margin-top: auto;
  padding-bottom: 30px; }

@media only screen and (max-width: 479.98px) {
  .offcanvas-widget-area {
    padding-bottom: 0; } }
.off-canvas-contact-widget li {
  color: #555;
  font-size: 15px;
  margin-bottom: 5px; }

.off-canvas-contact-widget li i {
  width: 20px; }

.off-canvas-contact-widget li a {
  color: #555; }

.off-canvas-contact-widget li a:hover {
  color: #cc2121; }

.off-canvas-social-widget {
  margin-top: 20px; }

.off-canvas-social-widget a {
  color: #555;
  font-size: 18px;
  display: inline-block;
  margin-right: 15px; }

.off-canvas-social-widget a:hover {
  color: #cc2121; }

.off-canvas-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  z-index: 9999; }

.off-canvas-wrapper.open {
  opacity: 1;
  visibility: visible; }

.off-canvas-wrapper.open .off-canvas-inner-content {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.off-canvas-wrapper .off-canvas-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  content: '';
  cursor: url("/assets/cancel-e5e01991ead4dd0ce913eda3f8541d73a8f2a8cb44b6e41d9e75d000b485661e.png"), auto;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%; }

.off-canvas-wrapper .off-canvas-inner-content {
  background-color: #fff;
  width: 300px;
  padding: 20px;
  height: 100%;
  position: relative;
  -webkit-transform: translateX(calc(-100% - 50px));
  -ms-transform: translateX(calc(-100% - 50px));
  transform: translateX(calc(-100% - 50px));
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

@media only screen and (max-width: 479.98px) {
  .off-canvas-wrapper .off-canvas-inner-content {
    width: 260px;
    padding: 15px; } }
.off-canvas-wrapper .btn-close-off-canvas {
  top: 0;
  left: 100%;
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  background-color: #cc2121; }

.off-canvas-wrapper .btn-close-off-canvas i {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  display: block;
  line-height: 40px; }

.off-canvas-wrapper .btn-close-off-canvas:hover i {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.off-canvas-wrapper .off-canvas-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
  height: 100%; }

.search-box-offcanvas form {
  position: relative; }

.search-box-offcanvas form input {
  color: #666;
  font-size: 13px;
  width: 100%;
  height: 40px;
  border: none;
  padding: 0 40px 0 10px;
  background-color: #f2f2f2; }

.search-box-offcanvas form .search-btn {
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  line-height: 42px;
  font-size: 20px;
  color: #242424;
  position: absolute; }

.search-box-offcanvas form .search-btn:hover {
  color: #cc2121; }

.mobile-settings {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #ebebeb; }

.mobile-settings li {
  margin-bottom: 5px; }

.mobile-settings .nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.mobile-settings .nav .mobile-top-dropdown .dropdown-toggle {
  font-size: 14px;
  color: #555;
  cursor: pointer; }

.mobile-settings .nav .mobile-top-dropdown .dropdown-toggle:hover {
  color: #cc2121; }

.mobile-settings .nav .mobile-top-dropdown .dropdown-toggle:after {
  display: none; }

.mobile-settings .nav .mobile-top-dropdown .dropdown-menu {
  padding: 0;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  border-color: #ebebeb; }

.mobile-settings .nav .mobile-top-dropdown .dropdown-menu .dropdown-item {
  font-size: 13px;
  color: #555;
  padding: 6px 15px; }

.section-space {
  padding-top: 80px;
  padding-bottom: 80px; }

@media only screen and (max-width: 767.98px) {
  .section-space {
    padding-top: 62px;
    padding-bottom: 62px; } }
.mb-30 {
  margin-bottom: 30px; }

.mt-20 {
  margin-top: 20px; }

.mb-20 {
  margin-bottom: 20px; }

.mt-30 {
  margin-top: 30px; }

.mbn-30 {
  margin-bottom: -30px; }

.btn-hero {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 18px 36px;
  border-radius: 3px;
  display: inline-block;
  background-color: #242424;
  text-transform: uppercase;
  border-radius: 50px; }

@media only screen and (max-width: 767.98px) {
  .btn-hero {
    padding: 13px 25px; } }
.btn-hero:hover {
  color: #fff;
  background-color: #cc2121; }

.btn-read {
  color: #242424;
  font-size: 14px;
  padding: 5px 20px;
  background-color: transparent;
  text-transform: capitalize;
  border-color: #242424; }

.btn-read:hover {
  background-color: #cc2121;
  border-color: #cc2121; }

.btn__bg {
  color: #fff;
  font-size: 14px;
  padding: 10px 20px;
  border-radius: 0;
  background-color: #cc2121; }

.btn__bg:hover {
  color: #fff;
  background-color: #242424; }

.btn-outline {
  border: 1px solid #fff;
  color: #fff;
  font-size: 15px;
  display: inline-block;
  text-transform: uppercase;
  padding: 5px 20px;
  border-radius: 4px; }

.btn-outline:hover {
  color: #fff;
  border-color: #cc2121;
  background-color: #cc2121; }

.btn-cart {
  font-size: 14px;
  padding: 9px 25px;
  border-radius: 40px;
  background-color: #fff;
  text-transform: capitalize;
  -webkit-box-shadow: 1px 1px 1rem 0 rgba(0, 0, 0, 0.08);
  box-shadow: 1px 1px 1rem 0 rgba(0, 0, 0, 0.08); }

.btn-cart:hover {
  color: #cc2121; }

.btn-cart2 {
  color: #fff;
  font-size: 14px;
  padding: 9px 25px;
  background-color: #cc2121;
  text-transform: capitalize; }

.btn-cart2:hover {
  color: #fff;
  background-color: #242424; }

.store-link {
  font-size: 14px;
  color: #242424;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  position: relative;
  text-transform: capitalize;
  margin-top: 15px;
  pointer-events: visible; }

.store-link:hover {
  color: #cc2121; }

.store-link:after {
  bottom: -7px;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  position: absolute;
  background-color: #cc2121; }

.hero-slider-item {
  height: 510px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .hero-slider-item {
    height: 400px; } }
@media only screen and (max-width: 767.98px) {
  .hero-slider-item {
    height: 370px; } }
.hero-slider-item_2 {
  height: 100vh; }

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .hero-slider-item_2 {
    height: 400px; } }
@media only screen and (max-width: 767.98px) {
  .hero-slider-item_2 {
    height: 370px; } }
.hero-slider-content h4 {
  color: #555;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 5px;
  text-transform: capitalize; }

.hero-slider-content h1, .hero-slider-content h2 {
  color: #242424;
  font-size: 60px;
  font-weight: 400;
  line-height: 1.1;
  text-transform: capitalize; }

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .hero-slider-content h1, .hero-slider-content h2 {
    font-size: 45px; } }
@media only screen and (max-width: 767.98px) {
  .hero-slider-content h1, .hero-slider-content h2 {
    font-size: 32px; } }
.hero-slider-content p {
  color: #555;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  padding-top: 20px;
  padding-bottom: 30px;
  text-transform: capitalize; }

@media only screen and (max-width: 767.98px) {
  .hero-slider-content p {
    padding-top: 15px;
    padding-bottom: 0; } }
.hero-slider-content .btn-hero, .hero-slider-content .btn-outline {
  margin-top: 25px; }

.hero-slider-content_2, .hero-slider-content_3 {
  margin-top: 80px; }

@media only screen and (max-width: 767.98px) {
  .hero-slider-content_2, .hero-slider-content_3 {
    margin-top: 50px; } }
.hero-slider-content_2 h1, .hero-slider-content_3 h1 {
  font-size: 70px;
  letter-spacing: -3px;
  padding-bottom: 10px; }

@media only screen and (max-width: 767.98px) {
  .hero-slider-content_2 h1, .hero-slider-content_3 h1 {
    font-size: 36px;
    letter-spacing: normal; } }
@media only screen and (max-width: 575.98px) {
  .hero-slider-content_2 h1, .hero-slider-content_3 h1 {
    font-size: 24px; } }
.hero-slider-content_2 h5, .hero-slider-content_2 p, .hero-slider-content_3 h5, .hero-slider-content_3 p {
  font-size: 18px;
  font-weight: 300;
  color: #cc2121;
  text-transform: capitalize; }

@media only screen and (max-width: 575.98px) {
  .hero-slider-content_2 h5, .hero-slider-content_2 p, .hero-slider-content_3 h5, .hero-slider-content_3 p {
    font-size: 16px; } }
.hero-slider-content_2 p, .hero-slider-content_3 p {
  color: #242424; }

.hero-slider-content_3 {
  margin-top: 0;
  padding: 0 100px; }

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .hero-slider-content_3 {
    padding: 0 30px; } }
@media only screen and (max-width: 767.98px) {
  .hero-slider-content_3 {
    padding: 0 100px 0 30px; } }
@media only screen and (max-width: 479.98px) {
  .hero-slider-content_3 {
    padding: 0 15px; } }
.hero-slider-content_3 h1 {
  font-size: 60px; }

@media only screen and (max-width: 767.98px) {
  .hero-slider-content_3 h1 {
    font-size: 36px;
    letter-spacing: normal; } }
@media only screen and (max-width: 575.98px) {
  .hero-slider-content_3 h1 {
    font-size: 28px; } }
.hero-slider-content_3 p {
  font-size: 16px; }

.slick-active .hero-slider-content.slide-1 h1 {
  -webkit-animation: bounceIn 2s linear alternate;
  animation: bounceIn 2s linear alternate; }

.slick-active .hero-slider-content.slide-1 h2 {
  -webkit-animation: bounceIn 2s linear alternate;
  animation: bounceIn 2s linear alternate; }

.slick-active .hero-slider-content.slide-1 h4 {
  -webkit-animation: zoomIn 1s linear alternate;
  animation: zoomIn 1s linear alternate; }

.slick-active .hero-slider-content.slide-1 h5 {
  -webkit-animation: zoomIn 1s linear alternate;
  animation: zoomIn 1s linear alternate; }

.slick-active .hero-slider-content.slide-1 p {
  -webkit-animation: fadeInRight 1.5s linear alternate;
  animation: fadeInRight 1.5s linear alternate; }

.slick-active .hero-slider-content.slide-1 a {
  -webkit-animation: slideInUp .5s linear alternate;
  animation: slideInUp .5s linear alternate; }

.slick-active .hero-slider-content.slide-2 h1 {
  -webkit-animation: rotateInDownLeft 2s linear alternate;
  animation: rotateInDownLeft 2s linear alternate; }

.slick-active .hero-slider-content.slide-2 h2 {
  -webkit-animation: fadeInRight 1.5s linear alternate;
  animation: fadeInRight 1.5s linear alternate; }

.slick-active .hero-slider-content.slide-2 h4 {
  -webkit-animation: fadeInLeft 1s linear alternate;
  animation: fadeInLeft 1s linear alternate; }

.slick-active .hero-slider-content.slide-2 h5 {
  -webkit-animation: zoomIn 1s linear alternate;
  animation: zoomIn 1s linear alternate; }

.slick-active .hero-slider-content.slide-2 p {
  -webkit-animation: fadeInRight 1.5s linear alternate;
  animation: fadeInRight 1.5s linear alternate; }

.slick-active .hero-slider-content.slide-2 a {
  -webkit-animation: slideInUp .5s linear alternate;
  animation: slideInUp .5s linear alternate; }

.slick-active .hero-slider-content.slide-3 h1 {
  -webkit-animation: fadeInLeft .8s linear alternate;
  animation: fadeInLeft .8s linear alternate; }

.slick-active .hero-slider-content.slide-3 h2 {
  -webkit-animation: fadeInUp 1s linear alternate;
  animation: fadeInUp 1s linear alternate; }

.slick-active .hero-slider-content.slide-3 h4 {
  -webkit-animation: fadeInRight .6s linear alternate;
  animation: fadeInRight .6s linear alternate; }

.slick-active .hero-slider-content.slide-3 h5 {
  -webkit-animation: zoomIn 1s linear alternate;
  animation: zoomIn 1s linear alternate; }

.slick-active .hero-slider-content.slide-3 p {
  -webkit-animation: fadeInRight 1.5s linear alternate;
  animation: fadeInRight 1.5s linear alternate; }

.slick-active .hero-slider-content.slide-3 a {
  -webkit-animation: fadeInUp 1.4s linear alternate;
  animation: fadeInUp 1.4s linear alternate; }

.offcanvas-search-inner {
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  position: fixed;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden; }

.offcanvas-search-inner.show {
  opacity: 1;
  visibility: visible; }

.offcanvas-search-inner.show .offcanvas-search-box {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.offcanvas-search-inner .offcanvas-close {
  width: 50px;
  height: 50px;
  text-align: center;
  background-color: #fff;
  color: #cc2121;
  font-size: 22px;
  cursor: pointer;
  top: 50px;
  right: 50px;
  position: absolute;
  z-index: 9; }

.offcanvas-search-inner .offcanvas-close i {
  display: block;
  line-height: 50px;
  -webkit-transition: .6s;
  -o-transition: .6s;
  transition: .6s; }

.offcanvas-search-inner .offcanvas-close:hover i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.offcanvas-search-box {
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  -webkit-transition-delay: .6s;
  -o-transition-delay: .6s;
  transition-delay: .6s; }

.offcanvas-search-box .bdr-bottom {
  border-color: #cc2121; }

.offcanvas-search-box input {
  width: 100%;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  padding-right: 20px;
  padding-bottom: 15px;
  background-color: transparent; }

.offcanvas-search-box input::-webkit-input-placeholder {
  color: #fff;
  font-size: 16px;
  opacity: 1; }

.offcanvas-search-box input::-moz-placeholder {
  color: #fff;
  font-size: 16px;
  opacity: 1; }

.offcanvas-search-box input:-ms-input-placeholder {
  color: #fff;
  font-size: 16px;
  opacity: 1; }

.offcanvas-search-box input::-ms-input-placeholder {
  color: #fff;
  font-size: 16px;
  opacity: 1; }

.offcanvas-search-box input::placeholder {
  color: #fff;
  font-size: 16px;
  opacity: 1; }

.offcanvas-search-box .search-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  color: #fff;
  line-height: 1;
  padding-bottom: 15px;
  text-transform: capitalize;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.offcanvas-search-box .search-btn i {
  display: block;
  line-height: 1;
  font-size: 28px;
  padding-right: 15px; }

.offcanvas-search-box .search-btn:hover {
  color: #cc2121; }

.minicart-inner {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  z-index: 9;
  opacity: 0;
  visibility: hidden; }

.minicart-inner .offcanvas-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: url("/assets/cancel-e5e01991ead4dd0ce913eda3f8541d73a8f2a8cb44b6e41d9e75d000b485661e.png"), auto; }

.minicart-inner.show {
  opacity: 1;
  visibility: visible; }

.minicart-inner.show .minicart-inner-content {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.minicart-inner .minicart-close {
  width: 50px;
  height: 50px;
  text-align: center;
  background-color: #cc2121;
  color: #fff;
  font-size: 25px;
  cursor: pointer;
  top: 0;
  right: 375px;
  position: absolute; }

.minicart-inner .minicart-close i {
  display: block;
  line-height: 50px;
  -webkit-transition: .6s;
  -o-transition: .6s;
  transition: .6s; }

.minicart-inner .minicart-close:hover i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.minicart-inner .minicart-inner-content {
  top: 0;
  right: 0;
  height: 100vh;
  width: 100%;
  max-width: 375px;
  position: absolute;
  background-color: #fff;
  -webkit-transform: translateX(calc(100% + 50px));
  -ms-transform: translateX(calc(100% + 50px));
  transform: translateX(calc(100% + 50px));
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  padding: 50px 20px; }

.minicart-content-box {
  overflow: auto;
  height: 100%;
  padding-right: 30px;
  margin-right: -15px; }

.minicart-item-wrapper {
  border-bottom: 1px solid #ebebeb; }

.minicart-item-wrapper ul li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ebebeb; }

.minicart-item-wrapper ul li:last-child {
  border-bottom: none;
  padding-bottom: 0; }

.minicart-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.minicart-thumb {
  max-width: 85px;
  -webkit-flex-basis: 85px;
  -ms-flex-preferred-size: 85px;
  flex-basis: 85px; }

.minicart-content {
  padding: 0 10px;
  max-width: calc(100% - 115px);
  -webkit-flex-basis: calc(100% - 115px);
  -ms-flex-preferred-size: calc(100% - 115px);
  flex-basis: calc(100% - 115px); }

.minicart-content .product-name {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  padding-bottom: 10px; }

.minicart-content .product-name a {
  color: #242424; }

.minicart-content .product-name a:hover {
  color: #cc2121; }

.minicart-content .cart-quantity {
  font-size: 12px;
  color: #555;
  line-height: 1; }

.minicart-content .cart-quantity strong {
  font-size: 16px;
  font-weight: 400;
  vertical-align: text-bottom; }

.minicart-content .cart-price {
  color: #cc2121;
  font-size: 14px;
  font-weight: 500;
  line-height: 1; }

.minicart-remove {
  max-width: 30px;
  -webkit-flex-basis: 30px;
  -ms-flex-preferred-size: 30px;
  flex-basis: 30px;
  text-align: center;
  font-size: 18px;
  line-height: 1;
  color: #242424; }

.minicart-remove:hover {
  color: #cc2121; }

.minicart-pricing-box {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 20px;
  margin-bottom: 20px;
  padding-top: 15px; }

.minicart-pricing-box li {
  margin-bottom: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.minicart-pricing-box li span {
  font-size: 14px;
  color: #242424;
  text-transform: capitalize; }

.minicart-pricing-box li span strong {
  color: #cc2121;
  font-weight: 500; }

.minicart-pricing-box li.total span {
  font-size: 16px;
  font-weight: 500; }

.minicart-pricing-box li:last-child {
  margin-bottom: 0; }

.minicart-button a {
  color: #fff;
  font-size: 13px;
  display: block;
  font-weight: 500;
  line-height: 1;
  padding: 17px 0;
  background-color: #242424;
  text-transform: uppercase;
  border-radius: 40px;
  text-align: center;
  margin-bottom: 10px; }

.minicart-button a i {
  padding-right: 5px; }

.minicart-button a:hover {
  background-color: #cc2121; }

.minicart-button a:last-child {
  margin-bottom: 0; }

.banner-item {
  position: relative; }

.banner-item:hover .banner-thumb img {
  opacity: .7; }

.banner-thumb img {
  width: 100%; }

.banner-content {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 45px;
  position: absolute;
  pointer-events: none; }

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .banner-content {
    padding: 35px; } }
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .banner-content {
    padding: 20px; } }
@media only screen and (max-width: 767.98px) {
  .banner-content {
    padding: 30px; } }
@media only screen and (max-width: 575.98px) {
  .banner-content-style_2 {
    padding: 20px; } }
.banner-content .text1 {
  font-size: 14px;
  color: #555;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 10px;
  text-transform: capitalize; }

.banner-content .text2 {
  color: #242424;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: capitalize; }

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .banner-content .text2 {
    font-size: 18px; } }
@media only screen and (max-width: 767.98px) {
  .banner-content .text2 {
    font-size: 20px; } }
.banner-content .text3 {
  color: #242424;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
  text-transform: capitalize; }

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .banner-content .text3 {
    font-size: 18px; } }
@media only screen and (max-width: 767.98px) {
  .banner-content .text3 {
    font-size: 20px; } }
.banner-item-height {
  height: 250px; }

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .banner-item-height {
    height: 200px; } }
@media only screen and (max-width: 767.98px) {
  .banner-item-height {
    height: 150px; } }
.banner-content--2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  height: 100%; }

.banner-content--2 h2 {
  font-size: 42px;
  font-weight: 500;
  line-height: 1.2;
  color: #242424;
  text-transform: capitalize; }

@media only screen and (max-width: 767.98px) {
  .banner-content--2 h2 {
    font-size: 25px; } }
@media only screen and (max-width: 575.98px) {
  .banner-content--2 h2 {
    font-size: 20px; } }
.service-policy-item {
  text-align: center; }

.service-policy-item .icons {
  min-height: 36px; }

.service-policy-item h5 {
  color: #242424;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding-top: 15px;
  padding-bottom: 2px;
  text-transform: capitalize; }

.service-policy-item p {
  color: #555;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3; }

.service-policy-area [class*=col-] {
  border-right: 1px solid #ebebeb; }

@media only screen and (max-width: 767.98px) {
  .service-policy-area [class*=col-] {
    margin-bottom: 30px; } }
@media only screen and (max-width: 575.98px) {
  .service-policy-area [class*=col-] {
    border-right: none; } }
.service-policy-area [class*=col-]:last-child {
  border-right: none;
  margin-bottom: 0; }

@media only screen and (max-width: 767.98px) {
  .service-policy-area [class*=col-]:nth-child(2) {
    border-right: none; } }
@media only screen and (max-width: 767.98px) {
  .service-policy-area [class*=col-]:nth-child(3) {
    margin-bottom: 0; } }
@media only screen and (max-width: 575.98px) {
  .service-policy-area [class*=col-]:nth-child(3) {
    margin-bottom: 30px; } }
.section-title {
  margin-top: -8px;
  margin-bottom: 38px;
  padding: 0 30px; }

@media only screen and (max-width: 479.98px) {
  .section-title {
    padding: 0 10px; } }
.section-title h2 {
  font-size: 30px;
  color: #242424;
  font-weight: 500;
  line-height: 1.2;
  text-transform: capitalize; }

@media only screen and (max-width: 575.98px) {
  .section-title h2 {
    font-size: 22px; } }
.section-title p {
  color: #707070;
  font-size: 14px;
  line-height: 1.3;
  padding-top: 10px; }

.section-title-append {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin-top: -5px;
  margin-bottom: 34px; }

.section-title-append:after {
  top: 50%;
  right: 0;
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  background-color: #ebebeb;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1; }

.section-title-append h3 {
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: #242424;
  text-transform: capitalize;
  background-color: #fff;
  position: relative;
  z-index: 2;
  padding-right: 10px; }

.tab-menu {
  margin-top: -8px;
  margin-bottom: 34px; }

.tab-menu li {
  margin-right: 30px; }

.tab-menu li:last-child {
  margin-right: 0; }

.tab-menu li a {
  color: #555;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  display: inline-block;
  position: relative; }

.tab-menu li a:hover {
  color: #cc2121; }

.tab-menu li a:before {
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  position: absolute;
  background-color: #cc2121;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  opacity: 0;
  visibility: hidden; }

.tab-menu li a.active {
  color: #cc2121; }

.tab-menu li a.active:before {
  opacity: 1;
  visibility: visible; }

.product-item {
  overflow: hidden; }

.product-item:hover .product-thumb .sec-img, .product-list-item:hover .product-thumb .sec-img {
  opacity: 1;
  visibility: visible; }

.product-item:hover .product-thumb .pri-img, .product-list-item:hover .product-thumb .pri-img {
  opacity: 0;
  visibility: hidden; }

.product-item:hover .button-group a, .product-list-item:hover .button-group a {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.product-item:hover .box-cart, .product-list-item:hover .box-cart {
  bottom: 15px;
  opacity: 1;
  visibility: visible; }

.product-thumb {
  position: relative; }

.product-thumb img {
  width: 100%; }

.product-thumb .sec-img {
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  visibility: hidden; }

.product-caption {
  padding-top: 10px; }

.product-caption .product-name {
  padding-bottom: 8px; }

.product-caption .product-name a {
  font-size: 14px;
  color: #242424;
  line-height: 1.4; }

.product-caption .product-name a:hover {
  color: #cc2121;
  text-decoration: underline; }

.product-identity {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.manufacturer-name {
  line-height: 1; }

.manufacturer-name a {
  font-size: 13px;
  line-height: 1;
  color: #555;
  text-transform: capitalize; }

.manufacturer-name a:hover {
  color: #cc2121; }

.color-categories {
  padding: 5px 0 8px;
  line-height: 1; }

.color-categories li {
  display: inline-block;
  margin-right: 5px;
  padding: 1px;
  border: 1px solid #ebebeb; }

.color-categories li a {
  height: 15px;
  width: 15px;
  display: block; }

.c-lightblue {
  background-color: #b0c4de; }

.c-darktan {
  background-color: #aa9e78; }

.c-grey {
  background-color: grey; }

.c-brown {
  background-color: #964b00; }

.button-group {
  right: 15px;
  top: 15px;
  position: absolute; }

.button-group a {
  width: 38px;
  height: 38px;
  display: block;
  font-size: 18px;
  line-height: 42px;
  color: #242424;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 10px;
  background-color: #fff;
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  opacity: 0;
  visibility: hidden; }

.button-group a span {
  display: block; }

.button-group a:hover {
  color: #cc2121; }

.box-cart {
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.product-label {
  background: #cc2121;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  left: 20px;
  line-height: 22px;
  min-width: 46px;
  padding: 0 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  z-index: 3; }

.product-label.discount {
  background-color: #242424; }

.product-label:nth-child(1) {
  top: 20px; }

.product-label:nth-child(2) {
  top: 50px; }

.ratings {
  color: #f9bd22;
  font-size: 14px; }

.price-box {
  line-height: 1; }

.price-regular {
  font-size: 18px;
  line-height: 1;
  color: #cc2121;
  font-weight: 500; }

.price-old {
  font-size: 15px;
  color: #999;
  padding-left: 5px; }

.product-list-item {
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #ebebeb; }

@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
  .product-list-item {
    padding: 20px; } }
@media only screen and (max-width: 767.98px) {
  .product-list-item {
    display: block !important; } }
.product-list-item .product-thumb {
  max-width: 30%;
  -webkit-flex-basis: 30%;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  height: 100%; }

@media only screen and (max-width: 767.98px) {
  .product-list-item .product-thumb {
    max-width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; } }
.product-content-list {
  padding-left: 20px;
  max-width: calc(100% - 30%);
  -webkit-flex-basis: calc(100% - 30%);
  -ms-flex-preferred-size: calc(100% - 30%);
  flex-basis: calc(100% - 30%); }

@media only screen and (max-width: 767.98px) {
  .product-content-list {
    padding-left: 0;
    max-width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 30px; } }
.product-content-list .manufacturer-name {
  padding-bottom: 10px; }

.product-content-list .ratings {
  padding-bottom: 10px; }

.product-content-list .product-name {
  padding-bottom: 5px; }

.product-content-list .product-name a {
  color: #242424;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 400; }

.product-content-list .product-name a:hover {
  color: #cc2121; }

.product-content-list .price-box {
  padding-bottom: 15px; }

.group-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.group-item-thumb {
  max-width: 100px;
  -webkit-flex-basis: 100px;
  -ms-flex-preferred-size: 100px;
  flex-basis: 100px; }

.group-item-desc {
  position: relative;
  padding-left: 20px;
  max-width: calc(100% - 100px);
  -webkit-flex-basis: calc(100% - 100px);
  -ms-flex-preferred-size: calc(100% - 100px);
  flex-basis: calc(100% - 100px); }

.group-item-desc .group-product-name {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  text-transform: capitalize;
  padding-bottom: 18px; }

.group-item-desc .group-product-name a {
  color: #242424; }

.group-item-desc .group-product-name a:hover {
  color: #cc2121;
  text-decoration: underline; }

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .categories-group-wrapper {
    margin-bottom: 80px; } }
@media only screen and (max-width: 767.98px) {
  .categories-group-wrapper {
    margin-bottom: 63px; } }
.row [class*=col-]:last-child .categories-group-wrapper {
  margin-bottom: 0; }

.instagram-item {
  position: relative;
  z-index: 1; }

.instagram-item:before {
  background-color: rgba(0, 0, 0, 0.4);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  height: 100%;
  width: 100%; }

.instagram-item:hover:before {
  opacity: 1;
  visibility: visible; }

.breadcrumb-wrap {
  padding: 65px 0;
  text-align: center; }

@media only screen and (max-width: 767.98px) {
  .breadcrumb-wrap {
    padding: 30px 0; } }
.breadcrumb-wrap h1 {
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  color: #242424;
  display: block;
  padding-bottom: 10px;
  text-transform: capitalize; }

@media only screen and (max-width: 767.98px) {
  .breadcrumb-wrap h1 {
    font-size: 22px; } }
.breadcrumb-wrap .breadcrumb {
  background: 0 0;
  margin-bottom: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.breadcrumb-wrap .breadcrumb .breadcrumb-item a {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-transform: capitalize; }

.breadcrumb-wrap .breadcrumb .breadcrumb-item a:hover {
  color: #cc2121; }

.breadcrumb-wrap .breadcrumb .breadcrumb-item:before {
  color: #7e7e7e;
  content: "/";
  font-size: 12px;
  margin: 0 5px; }

.breadcrumb-wrap .breadcrumb .breadcrumb-item:first-child::before {
  display: none; }

.breadcrumb-wrap .breadcrumb .breadcrumb-item.active {
  color: #cc2121;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize; }

.sidebar-wrapper .sidebar-single:last-child {
  margin-bottom: 0; }

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .sidebar-wrapper {
    margin-top: 80px; } }
@media only screen and (max-width: 767.98px) {
  .sidebar-wrapper {
    margin-top: 62px; } }
.sidebar-single {
  margin-bottom: 30px; }

.sidebar-single .sidebar-title {
  position: relative;
  color: #242424;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  margin-top: -3px;
  padding-bottom: 20px;
  text-transform: capitalize; }

.price-range-wrap {
  padding-top: 8px; }

.price-range-wrap .price-range {
  border-radius: 0;
  margin-right: 13px;
  margin-bottom: 20px; }

.price-range-wrap .price-range.ui-widget-content {
  border: none;
  background: #eee;
  height: 6px;
  border-radius: 20px; }

.price-range-wrap .price-range.ui-widget-content .ui-slider-range {
  background-color: #cc2121;
  border-radius: 0; }

.price-range-wrap .price-range.ui-widget-content .ui-slider-handle {
  border: none;
  background-color: #fff;
  height: 12px;
  width: 12px;
  outline: 0;
  cursor: ew-resize;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); }

.price-range-wrap .price-range.ui-widget-content .ui-slider-handle:before {
  top: 50%;
  left: 50%;
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  background-color: #cc2121;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.price-range-wrap .range-slider {
  color: #242424;
  margin-top: 30px; }

.price-range-wrap .range-slider .price-input label {
  color: #242424;
  margin-bottom: 0; }

.price-range-wrap .range-slider .price-input input {
  color: #555;
  border: none;
  outline: 0;
  max-width: 80px;
  pointer-events: none; }

.price-range-wrap .range-slider button.filter-btn {
  border: none;
  color: #242424;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  text-transform: uppercase;
  padding: 4px 15px;
  border-radius: 3px;
  background-color: #ebebeb; }

.price-range-wrap .range-slider button.filter-btn:hover {
  color: #fff;
  background-color: #cc2121; }

.categories-list li {
  color: #555;
  margin-bottom: 20px;
  text-transform: capitalize; }

.categories-list li:last-child {
  margin-bottom: 0; }

.categories-list li:hover {
  color: #cc2121; }

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

.shop-categories li a {
  color: #555;
  display: block;
  padding: 6px 0;
  text-transform: capitalize; }

.shop-categories li a span {
  float: right;
  width: 30px;
  height: 30px;
  font-size: 13px;
  line-height: 30px;
  text-align: center;
  margin-top: -3px;
  background-color: #f2f2f2;
  border-radius: 50%;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.shop-categories li:first-child a {
  padding-top: 0; }

.shop-categories li:last-child a {
  padding-bottom: 0; }

.shop-categories li:hover a {
  color: #cc2121; }

.shop-categories li:hover a span {
  color: #fff;
  background-color: #cc2121; }

.paginatoin-area {
  margin-top: 30px;
  padding: 20px;
  background-color: #f6f6f6; }

.paginatoin-area .pagination-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.paginatoin-area .pagination-box li {
  margin-right: 5px;
  display: inline-block; }

.paginatoin-area .pagination-box li:last-child {
  margin-right: 0; }

.paginatoin-area .pagination-box li a {
  color: #242424;
  height: 36px;
  width: 36px;
  font-size: 14px;
  display: inline-block;
  padding: 0 10px;
  text-align: center;
  line-height: 36px;
  background-color: #fff; }

.paginatoin-area .pagination-box li a i {
  font-size: 12px;
  line-height: 36px; }

.paginatoin-area .pagination-box li a:hover {
  color: #fff;
  border-color: #cc2121;
  background-color: #cc2121; }

.paginatoin-area .pagination-box li.active a {
  color: #fff;
  background-color: #cc2121; }

.blog-post-item:hover .blog-thumb img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

.blog-thumb {
  overflow: hidden; }

.blog-thumb img {
  width: 100%; }

.blog-content {
  padding-top: 15px; }

.blog-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -.5px; }

@media only screen and (max-width: 767.98px) {
  .blog-title {
    font-size: 16px; } }
.blog-title-large {
  font-size: 20px; }

@media only screen and (max-width: 767.98px) {
  .blog-title-large {
    font-size: 18px; } }
.blog-title a {
  color: #242424;
  display: block; }

.blog-title a:hover {
  color: #cc2121; }

.blog-meta p {
  font-size: 13px;
  line-height: 1;
  font-weight: 400;
  color: #777;
  padding-top: 15px; }

.blog-list-inner .blog-post-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

@media only screen and (max-width: 767.98px) {
  .blog-list-inner .blog-post-item {
    display: block; } }
.blog-list-inner .blog-post-item .blog-thumb {
  max-width: 40%;
  -webkit-flex-basis: 40%;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%; }

@media only screen and (max-width: 767.98px) {
  .blog-list-inner .blog-post-item .blog-thumb {
    max-width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; } }
.blog-list-inner .blog-post-item .blog-content {
  padding-top: 0;
  padding-left: 20px;
  max-width: calc(100% - 40%);
  -webkit-flex-basis: calc(100% - 40%);
  -ms-flex-preferred-size: calc(100% - 40%);
  flex-basis: calc(100% - 40%); }

@media only screen and (max-width: 767.98px) {
  .blog-list-inner .blog-post-item .blog-content {
    padding-left: 0;
    padding-top: 25px;
    max-width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; } }
.blog-list-inner .blog-post-item .blog-content .blog-desc {
  padding-top: 20px; }

@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
  .blog-list-inner .blog-post-item .blog-content .blog-desc {
    padding-top: 10px; } }
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .blog-sidebar-wrapper {
    margin-bottom: -5px; } }
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .blog-sidebar-wrapper {
    margin-top: 77px;
    margin-bottom: -5px; } }
@media only screen and (max-width: 767.98px) {
  .blog-sidebar-wrapper {
    margin-top: 60px;
    margin-bottom: -5px; } }
.blog-sidebar-wrapper .blog-sidebar:last-child {
  margin-bottom: 0; }

.blog-sidebar {
  margin-bottom: 30px; }

.blog-sidebar .title {
  color: #242424;
  font-size: 20px;
  line-height: 1;
  margin-top: -2px;
  font-weight: 500;
  margin-bottom: 40px;
  position: relative;
  text-transform: capitalize; }

@media only screen and (max-width: 479.98px) {
  .blog-sidebar .title {
    font-size: 18px; } }
.blog-sidebar .title:before {
  width: 100%;
  height: 1px;
  bottom: -10px;
  left: 0;
  background-color: #ebebeb;
  content: "";
  position: absolute; }

.blog-sidebar .search-field {
  width: calc(100% - 50px);
  border: 1px solid #ccc;
  padding: 0 10px;
  color: #555;
  font-size: 14px;
  height: 50px;
  float: left;
  text-transform: capitalize; }

.blog-sidebar .search-btn {
  width: 50px;
  height: 50px;
  margin-left: -4px;
  text-align: center;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.blog-sidebar .search-btn i {
  font-size: 20px;
  line-height: 50px;
  color: #242424;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.blog-sidebar .search-btn:hover {
  background-color: #cc2121;
  border-color: #cc2121; }

.blog-sidebar .search-btn:hover i {
  color: #fff; }

.blog-sidebar .blog-archive {
  margin-top: -10px; }

.blog-sidebar .blog-archive li a {
  color: #555;
  font-size: 14px;
  line-height: 1;
  text-transform: capitalize;
  padding: 13px 0;
  display: inline-block; }

.blog-sidebar .blog-archive li a:hover {
  color: #cc2121; }

.blog-sidebar .blog-archive li:last-child a {
  padding-bottom: 0; }

.blog-sidebar .blog-archive li:first-child a {
  padding-top: 0; }

.blog-sidebar .blog-tags li {
  display: inline-block;
  margin-bottom: 5px; }

.blog-sidebar .blog-tags li a {
  color: #242424;
  font-size: 13px;
  border: 1px solid #ccc;
  padding: 6px 15px 4px;
  display: inline-block;
  text-transform: uppercase; }

.blog-sidebar .blog-tags li a:hover {
  color: #fff;
  background-color: #cc2121;
  border-color: #cc2121; }

.blog-category {
  margin-top: -10px; }

.recent-post .recent-post-item:last-child {
  margin-bottom: 0; }

.recent-post-item {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.recent-post-item .product-thumb {
  max-width: 70px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 70px;
  -ms-flex: 1 0 70px;
  flex: 1 0 70px; }

.recent-post-item .recent-post-description {
  padding-left: 10px; }

.recent-post-item .recent-post-description h4 {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
  padding-bottom: 5px;
  text-transform: capitalize; }

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .recent-post-item .recent-post-description h4 {
    font-size: 13px;
    padding-bottom: 5px; } }
.recent-post-item .recent-post-description h4 a {
  color: #242424; }

.recent-post-item .recent-post-description h4 a:hover {
  color: #cc2121; }

.recent-post-item .recent-post-description p {
  text-transform: capitalize; }

.entry-summary {
  padding-top: 25px; }

blockquote {
  border-left: 5px solid #cc2121;
  margin: 25px 32px 25px 30px;
  background-color: #f8f8f8;
  padding: 15px; }

.blog-details-post .blog-content .blog-title {
  font-size: 24px;
  padding-top: 10px; }

@media only screen and (max-width: 767.98px) {
  .blog-details-post .blog-content .blog-title {
    font-size: 20px; } }
@media only screen and (max-width: 479.98px) {
  .blog-details-post .blog-content .blog-title {
    font-size: 18px; } }
.blog-details-post:hover .blog-thumb img {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.blog-post-item .tag-line {
  padding: 10px 0;
  margin-top: 20px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb; }

.blog-post-item .tag-line h5 {
  color: #242424;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  padding-right: 5px; }

.blog-post-item .tag-line a {
  color: #242424;
  font-style: italic;
  font-size: 14px;
  text-transform: capitalize; }

.blog-post-item .tag-line a:hover {
  color: #cc2121; }

.blog-share-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 30px; }

@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
  .blog-share-link {
    padding-top: 15px; } }
.blog-share-link h5 {
  font-size: 14px;
  font-weight: 500;
  color: #242424;
  padding-right: 15px;
  text-transform: uppercase; }

.blog-share-link .blog-social-icon a {
  width: 36px;
  height: 36px;
  font-size: 15px;
  line-height: 36px;
  text-align: center;
  display: inline-block;
  color: #fff;
  border-radius: 50%;
  margin-right: 5px; }

.blog-share-link .blog-social-icon a.facebook {
  background-color: #3b5999; }

.blog-share-link .blog-social-icon a.twitter {
  background-color: #1da1f2; }

.blog-share-link .blog-social-icon a.pinterest {
  background-color: #cb2028; }

.blog-share-link .blog-social-icon a.google {
  background-color: #fe6d4c; }

.blog-share-link .blog-social-icon a:hover.facebook {
  background-color: #2d4474; }

.blog-share-link .blog-social-icon a:hover.twitter {
  background-color: #0c85d0; }

.blog-share-link .blog-social-icon a:hover.pinterest {
  background-color: #9f191f; }

.blog-share-link .blog-social-icon a:hover.google {
  background-color: #fe4419; }

@media only screen and (max-width: 479.98px) {
  .blog-share-link .blog-social-icon a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    margin-right: 0; } }
.comment-section {
  margin-top: -3px; }

.comment-section h3 {
  color: #242424;
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  padding-bottom: 15px;
  text-transform: uppercase; }

.comment-section ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 20px;
  margin-bottom: 30px;
  border: 1px solid #ebebeb; }

.comment-section ul li:last-child {
  margin-bottom: 5px; }

@media only screen and (max-width: 479.98px) {
  .comment-section ul li {
    display: block; } }
.comment-section ul li .author-avatar {
  -webkit-flex-basis: 66px;
  -ms-flex-preferred-size: 66px;
  flex-basis: 66px;
  max-height: 62px;
  margin-right: 10px; }

@media only screen and (max-width: 479.98px) {
  .comment-section ul li .author-avatar {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 66px;
    height: 62px; } }
.comment-section ul li.comment-children {
  margin-left: 40px; }

@media only screen and (max-width: 479.98px) {
  .comment-section ul li.comment-children {
    margin-left: 20px; } }
.comment-section ul li .comment-body {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%; }

.comment-section ul li .comment-body h5 {
  color: #242424;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 5px;
  text-transform: capitalize; }

.comment-section ul li .comment-body .comment-post-date {
  color: #555;
  padding-bottom: 10px; }

.comment-section ul li .comment-body .reply-btn {
  float: right; }

.comment-section ul li .comment-body .reply-btn a {
  color: #242424;
  font-size: 12px;
  display: inline-block;
  padding: 4px 15px;
  border-radius: 20px;
  text-transform: capitalize;
  border: 1px solid #ebebeb; }

.comment-section ul li .comment-body .reply-btn a:hover {
  color: #fff !important;
  border-color: #cc2121;
  background-color: #cc2121; }

.blog-comment-wrapper {
  margin-top: -8px; }

.blog-comment-wrapper h3 {
  color: #242424;
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  padding-bottom: 15px;
  text-transform: uppercase;
  border-bottom: 1px solid #f0f0f0; }

.blog-comment-wrapper p {
  margin-bottom: 10px;
  padding-top: 10px; }

.blog-comment-wrapper .comment-post-box label {
  color: #242424;
  font-weight: 500;
  margin-bottom: 10px;
  display: block;
  text-transform: capitalize; }

.blog-comment-wrapper .comment-post-box .coment-field {
  background: #f8f8f8;
  border: none;
  color: #555;
  padding: 8px 10px;
  width: 100%; }

@media only screen and (max-width: 767.98px) {
  .blog-comment-wrapper .comment-post-box .coment-field {
    margin-bottom: 20px; } }
.blog-comment-wrapper .comment-post-box textarea {
  height: 130px;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
  background: #f8f8f8;
  border: none; }

.blog-comment-wrapper .comment-post-box .coment-btn {
  margin-top: 30px; }

@media only screen and (max-width: 767.98px) {
  .blog-comment-wrapper .comment-post-box .coment-btn {
    margin-top: 10px; } }
.shop-top-bar {
  margin-bottom: 30px; }

.top-bar-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

@media only screen and (max-width: 767.98px) {
  .top-bar-left {
    padding-top: 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; } }
.top-bar-left .product-view-mode {
  margin-right: 60px; }

@media only screen and (max-width: 479.98px) {
  .top-bar-left .product-view-mode {
    margin-right: 0; } }
.top-bar-left .product-view-mode a {
  color: #b6b6b6;
  display: inline-block;
  text-align: center;
  margin-right: 10px; }

.top-bar-left .product-view-mode a i {
  font-size: 20px;
  margin-top: 6px; }

.top-bar-left .product-view-mode a:hover {
  color: #cc2121; }

.top-bar-left .product-view-mode a.active {
  color: #cc2121; }

.top-bar-left .product-amount p {
  color: #777;
  font-size: 14px;
  text-transform: capitalize; }

.top-bar-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

@media only screen and (max-width: 767.98px) {
  .top-bar-right {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; } }
.top-bar-right .product-short {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.top-bar-right .product-short p {
  margin-right: 10px; }

.nice-select {
  height: 36px;
  line-height: 34px;
  width: 200px;
  padding: 0 10px; }

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .nice-select {
    width: 170px; } }
@media only screen and (max-width: 479.98px) {
  .nice-select {
    width: 190px; } }
.nice-select.open {
  border-color: #cc2121; }

.nice-select .list {
  right: 0;
  left: auto;
  width: 100%; }

.nice-select .option {
  font-size: 13px;
  line-height: 34px;
  min-height: 34px;
  text-transform: capitalize; }

.nice-select:after {
  height: 6px;
  width: 6px;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999; }

.shop-product-wrap.list-view .product-item {
  display: none; }

.shop-product-wrap.grid-view .product-item {
  display: block;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  padding: 0; }

.shop-product-wrap.grid-view .product-list-item {
  display: none !important; }

.shop-product-wrap.list-view .product-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s; }

.shop-product-wrap.row.list-view .col-md-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.shop-product-wrap [class*=col-] {
  margin-bottom: 30px; }

.pro-large-img {
  position: relative; }

.pro-large-img img {
  width: 100%; }

.pro-nav-thumb {
  cursor: pointer; }

.pro-nav {
  margin-top: 20px; }

.product-details-des .product-name {
  color: #242424;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block; }

@media only screen and (max-width: 575.98px) {
  .product-details-des .product-name {
    font-size: 17px; } }
.product-details-des .pro-review {
  padding-left: 10px; }

.product-details-des .pro-review span {
  font-size: 14px;
  line-height: 1;
  color: #555; }

.product-details-des .price-box {
  padding-top: 10px;
  padding-bottom: 10px; }

.product-details-des .customer-rev {
  padding-top: 10px; }

.product-details-des .customer-rev a {
  color: #242424;
  font-size: 13px;
  text-transform: capitalize; }

.product-details-des .customer-rev a:hover {
  color: #cc2121; }

.product-details-des .quantity-cart-box {
  margin-bottom: 20px; }

.product-details-des .quantity-cart-box h5 {
  color: #242424;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  margin-right: 10px;
  text-transform: uppercase; }

.product-details-des .quantity {
  margin-right: 15px; }

.product-details-des .quantity h5 {
  color: #242424;
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  margin-right: 10px;
  margin-bottom: 0; }

@media only screen and (max-width: 479.98px) {
  .product-details-des .quantity h5 {
    margin-right: 10px; } }
.product-details-des .quantity .pro-qty {
  width: 90px;
  height: 40px;
  border: 1px solid #ddd;
  padding: 0 15px;
  border-radius: 4px;
  float: left; }

.product-details-des .quantity .pro-qty .qtybtn {
  width: 15px;
  display: block;
  float: left;
  line-height: 40px;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  color: #555; }

.product-details-des .quantity .pro-qty input {
  width: 28px;
  float: left;
  border: none;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
  background-color: transparent; }

.product-details-des .pro-desc {
  margin-bottom: 20px; }

.product-details-des .availability {
  margin-bottom: 15px; }

.product-details-des .availability i {
  color: #81ca33; }

.product-details-des .availability span {
  color: #555;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  padding-left: 3px;
  text-transform: uppercase; }

.product-details-des .useful-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px; }

.product-details-des .useful-links a {
  font-size: 14px;
  font-weight: 500;
  color: #242424;
  margin-right: 20px;
  text-transform: capitalize; }

.product-details-des .useful-links a:hover {
  color: #cc2121; }

.product-details-des .useful-links a i {
  padding-right: 5px;
  vertical-align: middle; }

.product-details-des .like-icon {
  padding-top: 20px;
  border-top: 1px solid #ebebeb; }

.product-details-des .like-icon a {
  color: #fff;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  line-height: 22px;
  padding: 0 8px;
  margin-right: 6px;
  border-radius: 3px;
  text-transform: capitalize; }

@media only screen and (max-width: 479.98px) {
  .product-details-des .like-icon a {
    margin-right: 0; } }
.product-details-des .like-icon a i {
  padding-right: 5px; }

.product-details-des .like-icon a.facebook {
  background-color: #3b5999; }

.product-details-des .like-icon a.twitter {
  background-color: #1da1f2; }

.product-details-des .like-icon a.pinterest {
  background-color: #cb2028; }

.product-details-des .like-icon a.google {
  background-color: #fe6d4c; }

.product-details-des .like-icon a:hover.facebook {
  background-color: #2d4474; }

.product-details-des .like-icon a:hover.twitter {
  background-color: #0c85d0; }

.product-details-des .like-icon a:hover.pinterest {
  background-color: #9f191f; }

.product-details-des .like-icon a:hover.google {
  background-color: #fe4419; }

.product-details-des .share-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.product-details-des .share-icon h5 {
  color: #242424;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  margin-right: 10px;
  text-transform: uppercase; }

.product-details-des .share-icon a {
  color: #555;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  padding: 0 8px;
  margin-right: 5px; }

@media only screen and (max-width: 479.98px) {
  .product-details-des .share-icon a {
    padding: 0 5px; } }
.product-details-des .share-icon a:hover {
  color: #cc2121; }

.product-details-des .color-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px; }

.product-details-des .color-option h5 {
  color: #242424;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  margin-right: 10px;
  text-transform: uppercase; }

.product-details-des .color-option .nice-select {
  height: 40px;
  line-height: 40px; }

.product-details-des .pro-size {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 18px; }

.product-details-des .pro-size h5 {
  color: #242424;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  margin-right: 10px;
  text-transform: uppercase; }

.product-details-des .pro-size .nice-select {
  width: 100px;
  height: 40px;
  line-height: 40px; }

.product-details-des .group-product-table {
  margin-top: 30px;
  margin-bottom: 20px;
  display: block; }

.product-details-des .group-product-table.table-bordered {
  border: none; }

.product-details-des .group-product-table td {
  width: 33.33%;
  padding: 8px;
  vertical-align: middle; }

.product-details-des .group-product-table td a {
  color: #555;
  text-transform: capitalize; }

.product-details-des .group-product-table td a:hover {
  color: #cc2121; }

.product-details-des .group-product-table td .pro-qty {
  width: 90px;
  height: 35px;
  border: 1px solid #ddd;
  padding: 0 15px;
  float: left; }

.product-details-des .group-product-table td .pro-qty .qtybtn {
  width: 15px;
  display: block;
  float: left;
  line-height: 31px;
  cursor: pointer;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #555; }

.product-details-des .group-product-table td .pro-qty input {
  width: 28px;
  float: left;
  border: none;
  height: 33px;
  line-height: 33px;
  padding: 0;
  text-align: center;
  background-color: transparent; }

.offer-text {
  font-size: 15px;
  font-weight: 400;
  margin-top: 10px; }

.offer-text strong {
  font-weight: 500; }

.product-countdown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  margin-bottom: 15px; }

.product-countdown .single-countdown {
  text-align: center;
  margin-right: 10px;
  padding: 10px 0;
  border-radius: 5px;
  width: 50px;
  background-color: #eaeaea; }

.product-countdown .single-countdown__time {
  color: #cc2121;
  font-size: 18px;
  font-weight: 400;
  display: block;
  line-height: 1; }

.product-countdown .single-countdown__text {
  display: block;
  font-size: 12px;
  color: #555;
  margin-top: 5px;
  line-height: 1;
  text-transform: capitalize; }

.product-countdown .single-countdown:first-child {
  background-color: #cc2121; }

.product-countdown .single-countdown:first-child .single-countdown__text, .product-countdown .single-countdown:first-child .single-countdown__time {
  color: #fff; }

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .product-details-des {
    margin-top: 76px; } }
@media only screen and (max-width: 767.98px) {
  .product-details-des {
    margin-top: 58px; } }
.product-details-des.quick-details {
  margin-top: 0; }

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .product-details-des.quick-details {
    margin-top: 0; } }
@media only screen and (max-width: 767.98px) {
  .product-details-des.quick-details {
    margin-top: 30px; } }
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .product-details-des.quick-details .product-name {
    font-size: 20px; } }
@media only screen and (max-width: 767.98px) {
  .product-details-des.quick-details .product-name {
    font-size: 18px; } }
.product-details-des.box-layout {
  padding-top: 47px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
  .product-details-des.box-layout {
    margin-top: 0; } }
.product-details-des.box-layout p {
  max-width: 80%; }

@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
  .product-details-des.box-layout p {
    max-width: 100%;
    padding: 0 15px; } }
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
  .product-details-des.sidebar-sticky {
    margin-top: 0; } }
.product-details-des.quick-des p {
  padding-top: 0; }

.product-review-info .nav.review-tab li a {
  color: #fff;
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
  padding: 8px 10px;
  border: 1px solid #ebebeb;
  border-bottom: none;
  background-color: #979898; }

.product-review-info .nav.review-tab li a.active, .product-review-info .nav.review-tab li a:hover {
  color: #555;
  background-color: #fff; }

@media only screen and (max-width: 479.98px) {
  .product-review-info .nav.review-tab li a {
    font-size: 12px;
    padding: 8px 8px; } }
.product-review-info .tab-content.reviews-tab {
  border: 1px solid #ebebeb;
  padding: 15px 20px 20px; }

.product-review-info .tab-content.reviews-tab .table {
  margin-bottom: 0; }

.product-review-info .tab-content.reviews-tab .table tr {
  text-transform: capitalize; }

.product-review-info .tab-content .review-description {
  padding-top: 25px;
  padding-bottom: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .product-review-info .tab-content .review-description {
    padding: 15px 0; } }
@media only screen and (max-width: 767.98px) {
  .product-review-info .tab-content .review-description {
    display: block; } }
.product-review-info .tab-content .review-description .tab-thumb {
  -webkit-flex-basis: 300px;
  -ms-flex-preferred-size: 300px;
  flex-basis: 300px; }

@media only screen and (max-width: 767.98px) {
  .product-review-info .tab-content .review-description .tab-thumb {
    -webkit-flex-basis: 220px;
    -ms-flex-preferred-size: 220px;
    flex-basis: 220px; } }
.product-review-info .tab-content .review-description .tab-des {
  padding-left: 40px;
  -webkit-flex-basis: calc(100% - 300px);
  -ms-flex-preferred-size: calc(100% - 300px);
  flex-basis: calc(100% - 300px); }

@media only screen and (max-width: 767.98px) {
  .product-review-info .tab-content .review-description .tab-des {
    padding-left: 14px;
    -webkit-flex-basis: calc(100% - 220px);
    -ms-flex-preferred-size: calc(100% - 220px);
    flex-basis: calc(100% - 220px); } }
.product-review-info .tab-content .review-description .tab-des h3 {
  color: #cc2121;
  font-size: 20px;
  font-weight: 22px;
  font-weight: 700;
  text-transform: capitalize;
  padding-bottom: 10px; }

.product-review-info .tab-content .review-description .tab-des ul li {
  font-size: 13px;
  list-style: inherit; }

.review-form h5 {
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 20px;
  text-transform: capitalize; }

@media only screen and (max-width: 575.98px) {
  .review-form h5 {
    font-size: 16px; } }
.total-reviews {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 50px; }

@media only screen and (max-width: 479.98px) {
  .total-reviews {
    display: block; } }
.total-reviews .rev-avatar {
  -webkit-flex-basis: 60px;
  -ms-flex-preferred-size: 60px;
  flex-basis: 60px;
  max-height: 60px; }

@media only screen and (max-width: 479.98px) {
  .total-reviews .rev-avatar {
    margin-bottom: 20px; } }
.total-reviews .review-box {
  margin-left: 10px;
  border: 1px solid #ebebeb;
  padding: 10px;
  -webkit-flex-basis: calc(100% - 70px);
  -ms-flex-preferred-size: calc(100% - 70px);
  flex-basis: calc(100% - 70px); }

@media only screen and (max-width: 479.98px) {
  .total-reviews .review-box {
    margin-left: 0; } }
.total-reviews .review-box .post-author {
  padding-bottom: 10px; }

.total-reviews .review-box .post-author p {
  font-size: 12px;
  font-style: italic;
  text-transform: capitalize; }

.total-reviews .review-box .post-author p span {
  font-size: 13px; }

.total-reviews .review-box p {
  font-size: 14px;
  font-style: italic; }

.checkout-page-wrapper {
  margin-bottom: -8px; }

@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
  .checkout-page-wrapper {
    margin-bottom: 0; } }
.checkoutaccordion {
  margin-bottom: 46px; }

.checkoutaccordion h3 {
  background-color: #f7f7f7;
  border-top: 3px solid #cc2121;
  color: #242424;
  font-size: 14px;
  font-weight: 500;
  padding: 15px 20px;
  position: relative;
  text-transform: uppercase; }

.checkoutaccordion h3 span {
  color: #cc2121;
  cursor: pointer;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  margin-left: 10px; }

@media only screen and (max-width: 479.98px) {
  .checkoutaccordion h3 span {
    display: block;
    padding-top: 5px;
    margin-left: 0; } }
.checkoutaccordion h3 span:hover {
  color: #242424; }

@media only screen and (max-width: 479.98px) {
  .checkoutaccordion h3 {
    font-size: 14px; } }
.checkoutaccordion .card {
  border: none;
  padding: 0;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  margin-bottom: 30px; }

.checkoutaccordion .card:last-child {
  margin-bottom: 0; }

.checkoutaccordion .card .card-body {
  border: 1px solid #ccc;
  font-size: 14px;
  padding: 20px; }

.checkoutaccordion .card .card-body .cart-update-option {
  border: none;
  padding: 0; }

.checkoutaccordion .card .card-body .cart-update-option .apply-coupon-wrapper input {
  padding: 12px 10px;
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  margin-right: 15px; }

@media only screen and (max-width: 479.98px) {
  .checkoutaccordion .card .card-body .cart-update-option .apply-coupon-wrapper input {
    margin-bottom: 15px; } }
.checkout-box-wrap .custom-control {
  padding-left: 0;
  margin-left: 1.5rem; }

.checkout-billing-details-wrap h2 {
  color: #242424;
  font-size: 18px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 30px;
  font-weight: 500; }

@media only screen and (max-width: 767.98px) {
  .checkout-billing-details-wrap h2 {
    margin-bottom: 26px; } }
.checkout-billing-details-wrap .billing-form-wrap {
  margin-top: -20px; }

.forget-pwd {
  color: #cc2121;
  font-size: 12px;
  margin-top: -6px; }

.single-form-row {
  margin-top: 15px;
  display: none; }

.single-form-row p {
  margin: 0;
  font-size: 14px; }

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .order-summary-details {
    margin-top: 70px; } }
@media only screen and (max-width: 767.98px) {
  .order-summary-details {
    margin-top: 52px; } }
.order-summary-details h2 {
  color: #242424;
  font-size: 18px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 30px;
  font-weight: 500; }

.order-summary-table {
  background-color: #f7f7f7;
  margin-top: 34px; }

.order-summary-table .table, .order-summary-table table {
  color: #242424;
  margin-bottom: 0;
  font-size: 15px;
  white-space: nowrap; }

.order-summary-table .table tr td, .order-summary-table .table tr th, .order-summary-table table tr td, .order-summary-table table tr th {
  font-weight: 400;
  vertical-align: middle;
  padding: 15px 10px;
  border-width: 1px; }

.order-summary-table .table tr td a, .order-summary-table .table tr th a, .order-summary-table table tr td a, .order-summary-table table tr th a {
  color: #242424;
  font-weight: 400; }

.order-summary-table .table tr td strong, .order-summary-table .table tr th strong, .order-summary-table table tr td strong, .order-summary-table table tr th strong {
  font-weight: 400; }

.order-summary-table .shipping-type {
  text-align: left; }

.order-summary-table .shipping-type li {
  margin-bottom: 5px; }

.order-summary-table .shipping-type li:last-child {
  margin-bottom: 0; }

.order-payment-method {
  background-color: #f7f7f7;
  padding: 40px 20px 30px; }

@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
  .order-payment-method {
    padding: 32px 20px 36px; } }
.single-payment-method {
  margin-bottom: 20px; }

.single-payment-method:last-child {
  margin-bottom: 0; }

.single-payment-method:first-child .payment-method-details {
  display: block; }

.single-payment-method .custom-control-label, .single-payment-method label {
  font-weight: 500; }

.single-payment-method .paypal-card {
  max-width: 150px;
  height: 50px;
  margin-top: 10px;
  display: block; }

.single-payment-method .payment-method-details {
  background-color: #f1f1f1;
  color: #242424;
  font-weight: 400;
  font-size: 13px;
  padding: 10px;
  position: relative;
  margin-top: 20px;
  display: none; }

.single-payment-method .payment-method-details:after {
  content: '';
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f1f1f1;
  bottom: 100%; }

.single-payment-method .payment-method-details * {
  margin: 0; }

.summary-footer-area .btn-brand {
  margin-top: 40px; }

.single-input-item {
  margin-top: 20px; }

.single-input-item label {
  color: #242424;
  text-transform: capitalize;
  font-size: 14px; }

.single-input-item label.required:after {
  content: '*';
  color: red;
  font-size: 14px;
  margin-left: 3px;
  margin-top: 5px; }

.single-input-item input, .single-input-item textarea {
  color: #555;
  border: 1px solid #ccc;
  padding: 12px 10px;
  width: 100%;
  font-size: 14px;
  background: #f7f7f7; }

.single-input-item input:active, .single-input-item input:focus, .single-input-item textarea:active, .single-input-item textarea:focus {
  border-color: #cc2121;
  background-color: #fff; }

.single-input-item .nice-select {
  width: 100%;
  border-radius: 0;
  height: 48px;
  border-color: #ccc;
  background-color: #f7f7f7; }

.single-input-item .nice-select .current {
  color: #555; }

.single-input-item .nice-select .list {
  max-height: 200px;
  overflow: auto;
  width: 100%; }

.cart-table .table {
  margin: 0;
  white-space: nowrap; }

.cart-table .table thead {
  background-color: #cc2121; }

.cart-table .table thead tr th {
  border-color: #cc2121;
  border-bottom: 0 solid transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 15px 20px;
  text-align: center;
  text-transform: uppercase; }

.cart-table .table tbody tr td {
  border-color: #ccc;
  text-align: center;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: 500;
  color: #242424; }

.cart-table .table tbody tr td a {
  color: #242424;
  font-weight: 400;
  text-transform: capitalize; }

.cart-table .table tbody tr td a:hover {
  color: #cc2121; }

.cart-table .table tbody tr td a.btn {
  color: #fff; }

.cart-table .table tbody tr td a.btn:hover {
  color: #fff; }

.cart-table .table tbody tr td a.check-btn {
  color: #fff; }

.cart-table .table tr .pro-price, .cart-table .table tr .pro-quantity, .cart-table .table tr .pro-remove, .cart-table .table tr .pro-subtotal, .cart-table .table tr .pro-thumbnail {
  width: 140px; }

.cart-table .table tr .pro-qty {
  width: 90px;
  height: 40px;
  border: 1px solid #ddd;
  padding: 0 15px;
  float: left; }

.cart-table .table tr .pro-qty .qtybtn {
  width: 15px;
  display: block;
  float: left;
  line-height: 38px;
  cursor: pointer;
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  color: #555; }

.cart-table .table tr .pro-qty input {
  width: 28px;
  float: left;
  border: none;
  height: 40px;
  line-height: 34px;
  padding: 0;
  text-align: center;
  background-color: transparent; }

.cart-update-option {
  border: 1px solid #ccc;
  margin-top: 15px;
  padding: 15px 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .cart-update-option {
    margin-top: 0;
    border-top: 0 solid transparent; } }
.cart-update-option .apply-coupon-wrapper {
  width: 55%; }

@media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .cart-update-option .apply-coupon-wrapper {
    width: auto; } }
.cart-update-option .apply-coupon-wrapper form {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  white-space: nowrap; }

.cart-update-option .apply-coupon-wrapper form input {
  border: 1px solid #ccc;
  font-size: 14px;
  padding: 9px 10px;
  outline: 0;
  margin-right: 15px;
  width: 100%;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.cart-update-option .apply-coupon-wrapper form input:active, .cart-update-option .apply-coupon-wrapper form input:focus {
  border-color: #cc2121; }

@media only screen and (max-width: 767.98px) {
  .cart-update-option .apply-coupon-wrapper button {
    display: block;
    width: 100%;
    margin-top: 15px;
    border-radius: 0; } }
@media only screen and (max-width: 767.98px) {
  .cart-update-option .cart-update {
    margin-top: 15px; } }
@media only screen and (max-width: 767.98px) {
  .cart-update-option .cart-update .btn {
    width: 100%; } }
.cart-calculator-wrapper {
  margin-top: 30px;
  background-color: #f8f8f8; }

.cart-calculator-wrapper h3 {
  color: #242424;
  font-size: 18px;
  font-weight: 500;
  padding: 27px 15px 25px;
  margin-bottom: 0; }

.cart-calculator-wrapper .cart-calculate-items {
  font-weight: 500; }

.cart-calculator-wrapper .cart-calculate-items .table {
  margin-bottom: 0; }

.cart-calculator-wrapper .cart-calculate-items .table tr td {
  color: #242424;
  padding: 15px 20px; }

.cart-calculator-wrapper .cart-calculate-items .table tr td:nth-child(2) {
  color: #242424;
  text-align: right; }

.cart-calculator-wrapper .cart-calculate-items .table tr td.total-amount {
  color: #cc2121;
  font-weight: 700; }

.cart-calculator-wrapper a {
  border-radius: 0;
  text-align: center; }

.compare-table .table tbody tr td {
  text-align: center;
  padding: 20px 20px;
  vertical-align: middle;
  border-color: #ccc; }

.compare-table .table tbody tr td.first-column {
  min-width: 175px;
  font-size: 15px;
  font-weight: 500;
  color: #242424;
  margin: 0; }

@media only screen and (max-width: 767.98px) {
  .compare-table .table tbody tr td.first-column {
    min-width: 115px; } }
.compare-table .table tbody tr td.product-image-title {
  min-width: 310px;
  vertical-align: bottom; }

@media only screen and (max-width: 767.98px) {
  .compare-table .table tbody tr td.product-image-title {
    min-width: 220px; } }
.compare-table .table tbody tr td.product-image-title .image {
  clear: both;
  width: 100%;
  margin-bottom: 15px;
  display: block; }

.compare-table .table tbody tr td.product-image-title .category {
  float: left;
  clear: both;
  color: #cc2121;
  text-transform: capitalize;
  letter-spacing: .5px; }

.compare-table .table tbody tr td.product-image-title .title {
  float: left;
  clear: both;
  font-size: 16px;
  color: #242424;
  font-weight: 500;
  text-transform: capitalize; }

.compare-table .table tbody tr td.product-image-title .title:hover {
  color: #cc2121; }

.compare-table .table tbody tr td.pro-desc p {
  text-align: left;
  margin: 0; }

.compare-table .table tbody tr td.pro-color, .compare-table .table tbody tr td.pro-price, .compare-table .table tbody tr td.pro-stock {
  font-size: 14px;
  font-weight: 400; }

.compare-table .table tbody tr td.pro-remove button {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.compare-table .table tbody tr td.pro-remove button:hover {
  color: #e74c3c; }

.compare-table .table tbody tr td.pro-remove button i {
  font-size: 20px; }

.compare-table .table tbody tr td.pro-ratting i {
  color: #cc2121; }

.login-reg-form-wrap {
  background-color: #fff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  padding: 23px 30px 30px; }

@media only screen and (max-width: 575.98px) {
  .login-reg-form-wrap {
    padding: 23px 15px 30px; } }
.login-reg-form-wrap h2 {
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  text-transform: capitalize;
  color: #242424;
  border-bottom: #ccc;
  margin-bottom: 30px; }

.login-reg-form-wrap form .create-account {
  margin-top: 25px; }

.login-reg-form-wrap .login-reg-form-meta a {
  color: #cc2121; }

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .sign-up-form {
    margin-top: 80px; } }
@media only screen and (max-width: 767.98px) {
  .sign-up-form {
    margin-top: 62px; } }
.myaccount-tab-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.myaccount-tab-menu a {
  border: 1px solid #ccc;
  border-bottom: none;
  color: #242424;
  font-weight: 400;
  font-size: 15px;
  display: block;
  padding: 10px 15px;
  text-transform: uppercase; }

.myaccount-tab-menu a:last-child {
  border-bottom: 1px solid #ccc; }

.myaccount-tab-menu a.active, .myaccount-tab-menu a:hover {
  background-color: #cc2121;
  border-color: #cc2121;
  color: #fff; }

.myaccount-tab-menu a i.fa {
  font-size: 14px;
  text-align: center;
  width: 25px; }

@media only screen and (max-width: 767.98px) {
  #myaccountContent {
    margin-top: 30px; } }
.myaccount-content {
  border: 1px solid #eee;
  padding: 30px; }

@media only screen and (max-width: 575.98px) {
  .myaccount-content {
    padding: 20px 15px; } }
.myaccount-content form {
  margin-top: -20px; }

.myaccount-content h3 {
  font-size: 20px;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 10px;
  margin-bottom: 25px;
  font-weight: 400; }

.myaccount-content .welcome a {
  color: #242424; }

.myaccount-content .welcome a:hover {
  color: #cc2121; }

.myaccount-content .welcome strong {
  font-weight: 500;
  color: #cc2121; }

.myaccount-content fieldset {
  margin-top: 20px; }

.myaccount-content fieldset legend {
  color: #242424;
  font-size: 20px;
  margin-top: 20px;
  font-weight: 400;
  border-bottom: 1px dashed #ccc; }

.myaccount-table {
  white-space: nowrap;
  font-size: 14px; }

.myaccount-table .table th, .myaccount-table table th {
  color: #242424;
  padding: 10px;
  font-weight: 400;
  background-color: #f8f8f8;
  border-color: #ccc;
  border-bottom: 0; }

.myaccount-table .table td, .myaccount-table table td {
  padding: 10px;
  vertical-align: middle;
  border-color: #ccc; }

.saved-message {
  background-color: #f4f5f7;
  border-top: 3px solid #cc2121;
  border-radius: 5px 5px 0 0;
  font-weight: 400;
  font-size: 15px;
  color: #555;
  padding: 20px; }

@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
  .about-us-wrapper {
    margin-top: -2px; } }
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
  .about-text-wrap {
    padding-bottom: 30px; } }
.about-text-wrap h2 {
  color: #242424;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-family: Rubik,sans-serif; }

@media only screen and (max-width: 767.98px) {
  .about-text-wrap h2 {
    font-size: 24px;
    margin-bottom: 8px; } }
@media only screen and (max-width: 575.98px) {
  .about-text-wrap h2 {
    font-size: 22px; } }
.about-text-wrap h2 span {
  color: #555;
  display: block;
  font-weight: 400;
  font-size: 16px;
  padding-bottom: 5px;
  line-height: 24px;
  margin-top: -4px; }

.about-text-wrap p {
  margin-bottom: 10px; }

.about-text-wrap p:last-child {
  margin-bottom: 0; }

.about-image-wrap {
  position: relative;
  padding-left: 30px;
  padding-top: 30px;
  z-index: 1; }

@media only screen and (max-width: 575.98px) {
  .about-image-wrap {
    padding-left: 15px;
    padding-top: 15px; } }
.about-image-wrap img {
  width: 100%; }

.about-image-wrap:after {
  border: 5px solid #cc2121;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: calc(100% - 30px);
  width: calc(100% - 30px);
  z-index: -1; }

.team-member {
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.team-member .team-thumb {
  position: relative;
  text-align: center;
  overflow: hidden; }

.team-member .team-thumb img {
  width: 100%; }

.team-member .team-thumb .team-social {
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  position: absolute;
  background-color: #fff;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  opacity: 0;
  visibility: hidden; }

.team-member .team-thumb .team-social a {
  color: #242424;
  width: 30px;
  height: 30px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  background-color: #f5f5f5;
  border-radius: 5px;
  margin-right: 5px; }

.team-member .team-thumb .team-social a:hover {
  color: #fff;
  background-color: #cc2121;
  border-color: #cc2121; }

.team-member .team-content h3 {
  color: #242424;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  padding-top: 15px;
  text-transform: capitalize; }

.team-member .team-content h6 {
  font-size: 14px;
  color: #cc2121;
  line-height: 20px;
  text-transform: capitalize; }

.team-member .team-content p {
  padding-top: 10px; }

.team-member:hover .team-social {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.team-member:hover .team-thumb img {
  opacity: .5; }

.choosing-area {
  margin-bottom: -4px; }

.single-choose-item i {
  color: #969ca7;
  font-size: 44px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.single-choose-item h4 {
  color: #242424;
  font-size: 18px;
  font-weight: 500;
  padding: 15px 0 10px;
  text-transform: capitalize; }

.single-choose-item:hover i {
  color: #cc2121; }

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

@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
  .contact-area {
    margin-bottom: -5px; } }
.contact-message h2 {
  color: #242424;
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  padding-bottom: 28px;
  text-transform: capitalize; }

@media only screen and (max-width: 575.98px) {
  .contact-message h2 {
    font-size: 18px;
    padding-bottom: 15px; } }
.contact-message form input, .contact-message form textarea {
  width: 100%;
  border: none;
  padding: 10px 10px;
  border-bottom: 3px solid transparent;
  background-color: #f7f7f7;
  margin-bottom: 30px; }

.contact-message form textarea {
  height: 150px; }

.contact-info {
  height: 100%; }

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .contact-info {
    margin-top: 77px; } }
@media only screen and (max-width: 767.98px) {
  .contact-info {
    margin-top: 60px; } }
.contact-info h2 {
  color: #242424;
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  padding-bottom: 22px;
  text-transform: capitalize; }

@media only screen and (max-width: 575.98px) {
  .contact-info h2 {
    font-size: 18px;
    padding-bottom: 8px; } }
.contact-info p {
  color: #555;
  padding-bottom: 30px; }

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .contact-info p {
    padding-bottom: 10px; } }
.contact-info ul li {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 15px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

@media only screen and (max-width: 479.98px) {
  .contact-info ul li {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline; } }
.contact-info ul li:last-child {
  border-bottom: none; }

.contact-info ul li i {
  font-size: 18px;
  padding-right: 10px; }

.contact-info .working-time h3 {
  color: #242424;
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 5px; }

.contact-info .working-time p {
  padding-bottom: 0; }

.contact-info .working-time p span {
  color: #242424;
  padding-right: 10px; }

.footer-top {
  padding: 40px 0; }

.footer-widget-inner {
  padding-bottom: 72px;
  border-bottom: 1px solid #ebebeb; }

@media only screen and (max-width: 767.98px) {
  .footer-widget-inner {
    padding-bottom: 54px; } }
.footer-widget-logo {
  padding-bottom: 24px; }

.footer-widget-title {
  padding-bottom: 27px;
  margin-top: -5px; }

@media only screen and (max-width: 767.98px) {
  .footer-widget-title {
    padding-bottom: 20px; } }
.footer-widget-title h5 {
  color: #242424;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  text-transform: capitalize; }

.footer-widget-body .widget-text {
  color: #555;
  line-height: 1.5;
  padding-bottom: 25px; }

.footer-widget-body li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px; }

.footer-widget-body li em {
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  padding-right: 5px;
  text-transform: uppercase; }

.footer-widget-body li a {
  color: #555;
  text-transform: capitalize; }

.footer-widget-body li a:hover {
  color: #cc2121;
  padding-left: 5px; }

.footer-widget-body li:last-child {
  margin-bottom: 0; }

.newsletter-inner p {
  padding-bottom: 20px; }

.newsletter-inner form {
  position: relative; }

.newsletter-inner .news-field {
  width: 100%;
  height: 44px;
  display: block;
  border: none;
  line-height: 1;
  padding: 0 110px 0 15px;
  color: #242424;
  background-color: #fff;
  position: relative;
  border-radius: 30px; }

.newsletter-inner .news-btn {
  top: 0;
  right: 0;
  height: 44px;
  font-size: 12px;
  position: absolute;
  color: #242424;
  line-height: 1;
  font-weight: 500;
  padding: 0 15px;
  display: inline-block;
  background-color: #fff;
  text-transform: uppercase;
  border-radius: 0 30px 30px 0; }

.newsletter-inner .news-btn:hover {
  color: #cc2121; }

.footer-social-link {
  padding-top: 35px; }

.footer-social-link a {
  width: 40px;
  height: 40px;
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  margin-right: 5px;
  border-radius: 50%; }

.footer-social-link a:hover {
  background-color: #242424; }

.footer-social-link a:last-child {
  margin-right: 0; }

.footer-bottom-area {
  padding: 25px 0; }

@media only screen and (max-width: 767.98px) {
  .footer-bottom-area {
    text-align: center; } }
.copyright-text p {
  font-size: 14px;
  color: #555; }

.copyright-text p a {
  color: #cc2121; }

.copyright-text p a:hover {
  text-decoration: underline; }

@media only screen and (max-width: 479.98px) {
  .copyright-text p {
    font-size: 13px; } }
.payment-method {
  text-align: right; }

@media only screen and (max-width: 767.98px) {
  .payment-method {
    text-align: center;
    padding-bottom: 10px; } }
@charset "UTF-8";
#overlay {
  /*display: none;  ensures it’s invisible until it’s called */
  position: absolute;
  /* makes the div go into a position that’s absolute to the browser viewing area */
  left: 30%;
  /* positions the div half way horizontally */
  top: 25%;
  /* positions the div half way vertically */
  padding: 25px;
  background-color: #ffffff;
  width: 40%;
  height: 120px;
  z-index: 9999;
  /* makes the div the top layer, so it’ll lay on top of the other content */
  border-radius: 6px;
  border: 4px solid #4b8f91; }

#fade {
  /*display: none;   ensures it’s invisible until it’s called */
  position: fixed;
  /* makes the div go into a position that’s absolute to the browser viewing area */
  left: 0%;
  /* makes the div span all the way across the viewing area */
  top: 0%;
  /* makes the div span all the way across the viewing area */
  background-color: black;
  -moz-opacity: 0.7;
  /* makes the div transparent, so you have a cool overlay effect */
  opacity: .70;
  filter: alpha(opacity=70);
  width: 100%;
  height: 100%;
  z-index: 90;
  /* makes the div the second most top layer, so it’ll lay on top of everything else EXCEPT for divs with a higher z-index (meaning the #overlay ruleset) */ }

#cell-overlay {
  /*display: none;  ensures it’s invisible until it’s called */
  position: absolute;
  /* makes the div go into a position that’s absolute to the browser viewing area */
  left: 30%;
  /* positions the div half way horizontally */
  top: 25%;
  /* positions the div half way vertically */
  padding: 25px;
  background-color: #ffffff;
  width: 40%;
  height: 420px;
  z-index: 999;
  /* makes the div the top layer, so it’ll lay on top of the other content */
  border-radius: 6px;
  border: 4px solid #4b8f91;
  text-align: justify; }

@media (max-width: 576px) {
  #cell-overlay {
    position: absolute;
    /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 5%;
    /* positions the div half way horizontally */
    top: 15%;
    /* positions the div half way vertically */
    padding: 15px;
    background-color: #ffffff;
    width: 90%;
    height: 450px;
    z-index: 999;
    /* makes the div the top layer, so it’ll lay on top of the other content */
    border-radius: 6px;
    border: 4px solid #4b8f91; }

  #overlay {
    left: 10%;
    /* positions the div half way horizontally */
    width: 80%;
    height: 110px; } }
.lh36 {
  line-height: 36px; }

.none {
  display: none; }

.flex {
  display: flex; }

.flex_center {
  justify-content: center;
  align-items: center; }

.flex_end {
  justify-content: flex-end; }

.fx1 {
  flex: 1; }

.fx2 {
  flex: 2; }

.fx3 {
  flex: 3; }

.fx4 {
  flex: 4; }

.fx5 {
  flex: 5; }

.fx6 {
  flex: 6; }

.fx7 {
  flex: 7; }

.fx8 {
  flex: 8; }

.fx12 {
  flex: 12; }

.tal {
  text-align: left; }

.tar {
  text-align: right !important; }

.tac {
  text-align: center; }

.posr {
  position: relative; }

.posa {
  position: absolute; }

.mt-25 {
  margin-top: -25px; }

.mt-20 {
  margin-top: -20px; }

.m20-0 {
  margin: 20px 0; }

.m10-0-20-0 {
  margin: 10px 0 20px 0; }

.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

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

.mb10 {
  margin-bottom: 10px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

.mb40 {
  margin-bottom: 40px; }

.mr5 {
  margin-right: 5px; }

.pb0 {
  padding-bottom: 0; }

.p20 {
  padding: 20px; }

.pt20 {
  padding-top: 20px; }

.pb20 {
  padding-bottom: 20px; }

.pb30 {
  padding-bottom: 30px; }

.max100 {
  max-width: 100px;
  max-height: 100px; }

.di {
  display: inline; }

.word-break {
  word-break: break-all; }
@charset "UTF-8";
.half-left {
  width: 50%;
  float: left; }

.half-right {
  width: 50%;
  float: right;
  text-align: right; }

a {
  color: #cc2121; }

.w100p {
  width: 100%; }

.mx-w1250p {
  max-width: 1250px; }

.pt0 {
  padding-top: 0; }

.pt10 {
  padding-top: 10px; }

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

.pl10 {
  padding-left: 10px; }

.pb10 {
  padding-bottom: 10px; }

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

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

.mv30 {
  margin: 30px 0; }

.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.mb10 {
  margin-bottom: 10px; }

.mr20 {
  margin-right: 20px; }

.mr30 {
  margin-right: 30px; }

.posr {
  position: relative; }

.dib {
  display: inline-block !important; }

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

.p8-0 {
  padding: 8px 0; }

.justify {
  text-align: justify; }

.fz95r {
  font-size: 0.95rem !important; }

.home-album-title {
  color: #242424;
  padding-top: 15px;
  font-weight: 500;
  text-align: center; }

.bg-opacity {
  position: relative;
  z-index: 1; }
  .bg-opacity::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    opacity: 0.4; }

.tag-line a + a::before {
  content: ", "; }

.social-line {
  background: #49b900; }

h2.title-line,
h3.title-line {
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 40px;
  position: relative; }
  h2.title-line::before,
  h3.title-line::before {
    width: 100%;
    height: 1px;
    top: 30px;
    left: 0;
    background-color: #ebebeb;
    content: "";
    position: absolute; }

.tag-results + .tag-results {
  margin-top: 30px; }

.submit-letter-space {
  letter-spacing: 4px; }

form .posr div.error {
  position: absolute;
  top: 12px;
  right: 16px;
  color: red;
  font-size: 14px;
  z-index: 100; }
form .relative.posr div.error {
  right: 45px; }

#new_sale_order .posr div.error,
#new_query_order .posr div.error {
  position: absolute;
  top: 45px;
  right: 16px;
  color: red;
  font-size: 14px;
  z-index: 100; }
#new_sale_order .relative.posr div.error,
#new_query_order .relative.posr div.error {
  right: 45px; }

.fb_bg {
  background-color: #3b5998; }

.google_bg {
  background-color: #db4437; }

.line_bg {
  background-color: #00c300; }

.forget-pwd:hover {
  text-decoration: underline;
  color: black; }

.myaccount-table table th.user_last_th {
  border: solid 1px #ccc; }

#user_edit_form div.error,
#password_edit_form div.error {
  top: 45px; }

.categories-group .container .row + .row {
  margin-top: 60px; }

.breadcrumb .breadcrumb-item a {
  color: #333; }
.breadcrumb .breadcrumb-item.active {
  color: #cc2121; }

.wrapper-gap {
  padding-top: 0; }

ul.link-group {
  text-align: center;
  padding-bottom: 10px; }
  ul.link-group li {
    display: inline-block;
    padding: 5px; }
  ul.link-group li + li::before {
    text-align: center;
    padding-right: 10px;
    content: "|"; }
  ul.link-group li.current a {
    color: #242424; }

.inline-search-block form {
  margin-top: 20px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto; }

.search_option_wrapper {
  margin-top: 5px; }

.search_option {
  padding: 0 10px; }
  .search_option:first-child {
    padding-left: 0; }

.search_option + .search_option {
  border-left: 1px solid black; }

.tag-group-container ul {
  margin-bottom: 10px; }
  .tag-group-container ul li {
    display: inline-block;
    margin-right: 10px; }
    .tag-group-container ul li a:hover {
      text-decoration: underline; }
  .tag-group-container ul .tag-group {
    padding: 2px 10px; }

.home-news {
  margin-top: 5px; }
  .home-news li {
    padding: 5px 0;
    border-bottom: 1px dashed #242424; }
    .home-news li a {
      display: flex;
      flex-direction: row; }
      .home-news li a .news-title {
        flex: 3;
        font-size: 1rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: baseline; }
      .home-news li a .news-date {
        flex: 1;
        text-align: right; }

.home-news-link {
  color: #242424; }

.store-link {
  position: absolute;
  left: 50px;
  bottom: 50px;
  font-size: 1.5em;
  color: white;
  line-height: 1.1;
  letter-spacing: 2px; }

.home-section-title {
  margin-bottom: 5px;
  font-size: 24px;
  color: #000;
  border-bottom: 2px solid #cc2121; }
  .home-section-title div {
    display: inline-block; }
  .home-section-title .float-right a {
    font-size: 0.65em; }

.blog-title-large a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px; }
.blog-title-large .article-category-title {
  background: #059;
  color: white;
  padding: 2px 5px; }

.blog-meta .facebook {
  display: inline-block;
  text-align: center;
  width: 15px;
  height: 15px;
  line-height: 15px;
  border-radius: 8px;
  color: white; }
.blog-meta .social-line {
  padding-left: 2px;
  display: inline-block;
  text-align: center;
  color: #49b900;
  background: white;
  font-size: 10px;
  transform: scale(1.5); }

.small-blog-meta p {
  padding-top: 0; }
.small-blog-meta .facebook {
  display: inline-block;
  text-align: center;
  width: 15px;
  height: 15px;
  line-height: 15px;
  border-radius: 8px;
  color: white; }
.small-blog-meta .social-line {
  padding-left: 2px;
  display: inline-block;
  text-align: center;
  color: #49b900;
  background: white;
  font-size: 10px;
  transform: scale(1.5); }

.fb-like-box {
  margin-top: -3px;
  position: absolute;
  width: 112px;
  right: 0; }

.footer-widget-body li a {
  text-transform: none; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  width: 100%; }

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden; }

.bg-video #player {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.bg-video .overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1; }

@media (min-width: 768px) {
  #search-section .blog-thumb,
  #tag-section .blog-thumb {
    height: 223px;
    overflow: hidden; } }
@media (min-width: 992px) {
  #search-section .blog-thumb,
  #tag-section .blog-thumb {
    height: 304px;
    overflow: hidden; } }
@media (min-width: 1200px) {
  #search-section .blog-thumb,
  #tag-section .blog-thumb {
    height: 250px;
    overflow: hidden; } }
.slick-dot-style ul.slick-dots {
  bottom: 5px; }

.scroll-top {
  bottom: 90px;
  right: 30px; }

.payment-method img {
  width: 40px; }

.section-space {
  padding-top: 40px; }

.red {
  color: #cc2121; }

form#registration-form .posr div.error {
  top: 46px; }
form#registration-form .checkout-box-wrap.posr div.error {
  top: 45px;
  left: -24px;
  width: 150px; }
  form#registration-form .checkout-box-wrap.posr div.error:before {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0; }

.aside-election .blog-sidebar .title h3 {
  width: 70%;
  font-size: 20px; }
.aside-election .blog-sidebar .title .pull-right {
  text-align: right;
  width: 28%; }
  .aside-election .blog-sidebar .title .pull-right a {
    font-size: 14px;
    color: #cc2121; }
.aside-election .recent-post .product-name a {
  line-height: 40px; }

#election-candidates-index h5 {
  font-size: 16px; }

.candidate-info-row label {
  width: 27%;
  text-align: right;
  padding-right: 5px; }
.candidate-info-row p {
  width: 71%;
  font-weight: bold; }
.candidate-info-row label,
.candidate-info-row p {
  display: inline-block;
  font-size: 16px; }

.candidate-info-row:after {
  display: block;
  content: "";
  border-bottom: 1px dashed #cc2121;
  width: 100%; }

.big-font {
  font-size: 2.25em; }

.small-font {
  font-size: 1em; }

#election-date-range {
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: center; }

.contact-message form textarea {
  margin-bottom: 20px; }

.sidebar-single .sidebar-title:before {
  width: 100%;
  height: 1px;
  bottom: -10px;
  left: 0;
  content: "";
  position: absolute; }

.shop-categories li.active a {
  color: #cc2121; }

.cart-table #query-cart-table .pro-qty {
  width: 110px; }
.cart-table #query-cart-table input.input-width {
  width: 48px; }

.mobile-only {
  display: none; }

.comment-children {
  background-color: #f9f9f9; }

ul.li-inline li {
  display: inline-block; }
ul.li-inline li + li:before {
  content: ",";
  margin-right: 8px; }

.sm-font {
  font-size: 0.8em; }

.candidate-info-row label {
  vertical-align: top; }
.candidate-info-row iframe {
  margin-top: 6px; }

#accordion .card .card-header {
  padding: 0.5rem 1rem; }
  #accordion .card .card-header button.btn-link {
    color: #cc2121; }
  #accordion .card .card-header:first-child {
    border-radius: 0; }

.float-icon {
  position: fixed;
  right: 30px;
  z-index: 9999; }

#article-content-wrapper,
#campaign-content-wrapper {
  position: relative; }
  #article-content-wrapper .article-blocker,
  #campaign-content-wrapper .article-blocker {
    position: absolute;
    top: 60px;
    height: calc(100% - 60px);
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 45%, white 75%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 45%, white 75%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 45%, white 75%); }
    #article-content-wrapper .article-blocker p,
    #campaign-content-wrapper .article-blocker p {
      padding-top: 22%; }

#article-content-wrapper.no-show {
  max-height: 550px;
  overflow: hidden; }

#campaign-content-wrapper.no-show {
  max-height: 450px;
  overflow: hidden; }

.xs-show {
  display: none; }

#checkout-container {
  position: fixed;
  bottom: 195px;
  right: 30px;
  z-index: 9999; }

#checkout-btn,
#queryout-btn {
  width: 50px;
  height: 50px;
  background-color: #cc2121;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  margin-bottom: 5px;
  cursor: pointer; }

#queryout-btn {
  background-color: #126db8; }

.sticky.is-sticky {
  z-index: 99999; }
  .sticky.is-sticky .main-menu li a {
    padding-left: 10px;
    padding-right: 10px; }

.user-intro-td {
  width: 280px;
  max-width: 280px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: break-word; }

.mobile-menu li.menu-item-has-children .menu-expand {
  left: 90%;
  top: -10px; }

#cart-gift-wrapper .product-item {
  padding: 0 15px; }

.agile {
  position: relative; }

.agile--ssr .agile__slides--cloned {
  display: none; }

.agile--ssr .agile__slides > * {
  overflow: hidden;
  width: 0; }

.agile--ssr .agile__slides > :first-child {
  width: 100%; }

.agile--rtl .agile__actions,
.agile--rtl .agile__dots,
.agile--rtl .agile__slides,
.agile--rtl .agile__track {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.agile:active,
.agile :active,
.agile:focus,
.agile :focus {
  outline: none; }

.agile__list {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%; }

.agile__track {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.agile__actions,
.agile__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.agile__actions {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.agile--no-nav-buttons .agile__actions {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.agile__slides {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: unset;
  flex-shrink: unset;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.agile--disabled .agile__slides {
  display: block;
  width: 100%; }

.agile__slide {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.agile__slide,
.agile__slide * {
  -webkit-user-drag: none; }

.agile--fade .agile__slide {
  opacity: 0;
  position: relative;
  z-index: 0; }

.agile--fade .agile__slide--active {
  opacity: 1;
  z-index: 2; }

.agile--fade .agile__slide--expiring {
  opacity: 1;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  z-index: 1; }

.agile__nav-button[disabled] {
  cursor: default; }

.agile__dots {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  white-space: nowrap; }

.agile__dot button {
  cursor: pointer;
  display: block;
  font-size: 0;
  line-height: 0; }

.layout-option {
  margin-top: 12px;
  transform: scale(1.5); }

.layout-option-warpper {
  text-align: center;
  padding: 5px;
  padding-top: 0; }

label.layout-option-warpper {
  margin-bottom: 0; }

.pointship_image {
  height: 250px;
  object-fit: cover; }

.btn.btn__bg {
  color: white; }

.decision-modal-mobile {
  max-height: 90vh;
  overflow-y: scroll; }

.preview-border {
  border: 4px dashed #0f0f0f; }

.step-container {
  display: flex;
  align-items: center;
  flex-direction: column; }
  .step-container .step {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: white;
    border: 3px solid #cc2121;
    color: #cc2121;
    font-size: 1.1rem; }
    .step-container .step.current {
      background-color: #fffbbc; }
  .step-container h4 {
    margin-top: 10px;
    font-size: 14px; }
  .step-container p {
    text-align: center;
    font-size: 16px;
    padding: 0 5px; }

form .validation.posr div.error {
  top: 6px; }
form input[type="file"] {
  font-size: 12px; }
form input,
form textarea {
  font-size: 12px; }

.btn-black {
  background-color: #242424; }

@media (max-width: 767px) {
  #independent-page-modal .modal-content {
    max-height: 94vh;
    overflow-y: scroll; }

  ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px; }

  ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(182, 6, 6, 0.767);
    -webkit-box-shadow: 0 0 1px rgba(221, 65, 65, 0.671); } }
.aside-refer-img {
  position: absolute;
  top: 40px;
  right: 10px; }
  .aside-refer-img img {
    height: 40px; }

.img-p-list {
  object-fit: cover;
  width: 40px;
  height: 40px; }

.message-box-container {
  display: flex;
  flex-direction: row;
  padding: 20px 0; }
  .message-box-container .message-avatar-wrapper {
    display: flex;
    flex-direction: column; }
  .message-box-container .message-textarea {
    width: 100%;
    margin-left: 20px; }
    .message-box-container .message-textarea .message-login-box {
      width: 100%;
      height: 80px;
      background-color: #f8f8f8;
      border: 1px solid #7d7d7d; }
      .message-box-container .message-textarea .message-login-box p {
        color: #7d7d7d;
        padding: 10px; }

.message-logo {
  width: 70px;
  height: 70px;
  font-size: 0.76em; }

.message-avatar {
  width: 50px;
  height: 50px;
  font-size: 1.25em;
  line-height: 50px;
  text-align: center;
  background-color: #f8f8f8;
  color: #7d7d7d; }

.comment-section .best-answer {
  position: relative;
  border: 2px solid #cc2121; }
.comment-section .best-tick {
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background-color: #cc2121;
  color: white;
  font-size: 1.15em; }

.star-wrapper {
  margin-top: 5px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start; }
  .star-wrapper .star {
    font-size: 10px;
    color: #fae41c; }

.blog-comment-wrapper {
  width: 100%; }

#load-more-area {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 20px;
  font-size: 1.2rem;
  color: #cc2121; }

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px; }

.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #cc2121;
  animation-timing-function: cubic-bezier(0, 1, 1, 0); }

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite; }

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite; }

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0); } }
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(24px, 0); } }
.myaccount-table .table th,
.myaccount-table table th {
  border-bottom: 1px solid #ccc; }

.p-step1-container .layout-option-warpper:first {
  margin-top: 20px; }
.p-step1-container .layout-option-warpper img {
  width: 150px; }

.flex_center {
  display: flex;
  justify-content: center;
  align-items: center; }

.user-mobile-th {
  background: #e9ecef;
  height: 30px;
  line-height: 30px; }

.user-mobile-td {
  padding-top: 20px; }

.myaccount-table .table td.user-mobile-row {
  padding: 0;
  padding-bottom: 20px; }

.salesman_edit_shop {
  white-space: pre-wrap;
  padding: 0 10px;
  text-align: justify; }

#direction-grid {
  display: flex;
  justify-content: center; }
  #direction-grid .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-template-rows: 70px auto 70px;
    /* 設定第一行和第三行的高度 */
    grid-gap: 2px;
    width: 430px;
    height: auto; }
  #direction-grid .cell {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9f9; }
  #direction-grid .cell:nth-child(1),
  #direction-grid .cell:nth-child(3),
  #direction-grid .cell:nth-child(7),
  #direction-grid .cell:nth-child(9) {
    background-color: #ffffff; }
  #direction-grid .radio-top,
  #direction-grid .radio-bottom {
    display: flex;
    align-items: center;
    justify-content: center; }
  #direction-grid .radio-left,
  #direction-grid .radio-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  #direction-grid .cell:has(input[type="radio"]) {
    cursor: pointer; }
  #direction-grid label,
  #direction-grid input[type="radio"] {
    cursor: pointer; }
  #direction-grid .selected-position {
    background-color: #96eaff; }
  #direction-grid label:has(.circle) {
    display: flex; }
  #direction-grid span.circle {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #515151;
    background-color: #ffffff;
    padding-top: 4px;
    margin-top: 10px; }
  #direction-grid span.inner-circle {
    position: absolute;
    display: inline-block;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #2b51e5;
    margin: 0 auto; }
  #direction-grid .big-font {
    font-size: 1.5em; }

.ht_check {
  visibility: hidden;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  width: 0 !important; }

.article_header {
  margin-bottom: 20px; }

.article-footer {
  margin-top: 20px; }

.big-home-news li {
  padding: 10px 0;
  border-bottom: 1px dashed #242424;
  display: flex;
  flex-direction: row; }
  .big-home-news li .news-thumb {
    flex: 1; }
    .big-home-news li .news-thumb img {
      width: 100%;
      height: auto; }
  .big-home-news li .news-content {
    flex: 3.2;
    padding-left: 1rem; }
    .big-home-news li .news-content .news-title {
      font-size: 1.1rem;
      line-height: 1.6rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      /* 限製顯示的行數 */
      overflow: hidden;
      text-overflow: ellipsis;
      line-clamp: 2;
      /* 適用於部分瀏覽器的標準屬性 */ }
      .big-home-news li .news-content .news-title:hover {
        text-decoration: underline;
        text-underline-offset: 5px;
        text-decoration-color: #cc2121; }

.blog-wrap-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2; }

.blog-p {
  padding-top: 5px !important;
  font-size: 0.95rem !important;
  line-height: 1.25rem !important; }

.blog-index-row {
  display: flex;
  margin-top: 30px; }
  .blog-index-row .blog-index-image {
    flex: 1; }
    .blog-index-row .blog-index-image img {
      width: 100%; }
  .blog-index-row .blog-index-content {
    flex: 3.2;
    padding-left: 1.2rem; }
    .blog-index-row .blog-index-content .blog-index-meta {
      display: flex !important;
      flex-direction: row !important;
      justify-content: space-between !important;
      padding-top: 20px; }
    .blog-index-row .blog-index-content .blog-index-title {
      color: #242424;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      line-clamp: 1;
      font-size: 1.25rem !important; }
    .blog-index-row .blog-index-content .blog-index-description {
      padding-top: 10px;
      text-align: justify;
      font-size: 0.95rem !important;
      color: #8a8a8a;
      display: -webkit-box !important;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      overflow: hidden;
      text-overflow: ellipsis;
      line-clamp: 4; }
    .blog-index-row .blog-index-content .blog-meta p {
      padding-top: 0 !important; }

.main-menu ul li ul.dropdown {
  top: 80% !important; }
.main-menu ul.new-header-ul li {
  display: flex;
  align-items: center; }
  .main-menu ul.new-header-ul li a {
    padding: 40px 8px; }
  .main-menu ul.new-header-ul li .fb-btn {
    margin-left: 5px;
    padding: 4px 7px 0px 7px;
    background: #059;
    color: white; }
    .main-menu ul.new-header-ul li .fb-btn i {
      font-size: 1.05rem; }
  .main-menu ul.new-header-ul li .line-btn {
    padding: 2px 8px 0px 2px;
    color: #00c300; }
    .main-menu ul.new-header-ul li .line-btn i {
      font-size: 2.15rem; }
  .main-menu ul.new-header-ul li .youtube-btn {
    background: #ea3223;
    color: white;
    margin-left: 5px;
    padding: 4px 3px 0px 3px; }
    .main-menu ul.new-header-ul li .youtube-btn i {
      font-size: 1.05rem; }
.main-menu .new-header-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }
  .main-menu .new-header-container .new-header-logo {
    flex: 0 0 190px; }
    .main-menu .new-header-container .new-header-logo img {
      width: 100%; }
  .main-menu .new-header-container .new-header-menu {
    flex: 1;
    padding-left: 20px; }
  .main-menu .new-header-container .new-header-search {
    flex: 0 0 160px; }
    .main-menu .new-header-container .new-header-search .header-search-box {
      width: 160px;
      padding: 0 10px; }
  .main-menu .new-header-container .new-header-icons {
    flex: 0 0 200px;
    padding-left: 10px; }
    .main-menu .new-header-container .new-header-icons ul.nav li a {
      padding: 0; }
      .main-menu .new-header-container .new-header-icons ul.nav li a i {
        font-size: 1.25rem; }
    .main-menu .new-header-container .new-header-icons ul.dropdown-list {
      width: 200px; }
      .main-menu .new-header-container .new-header-icons ul.dropdown-list li {
        display: block;
        width: 100%;
        height: 2rem; }
        .main-menu .new-header-container .new-header-icons ul.dropdown-list li a {
          font-size: 14px;
          font-weight: 400; }

.header-configure-area ul li {
  margin-left: 14px !important; }

@media (min-width: 992px) and (max-width: 1160px) {
  .main-menu ul.new-header-ul li a {
    padding: 40px 5px; }
  .main-menu ul.new-header-ul li .fb-btn {
    margin-left: 5px;
    padding: 4px 5px 0px 5px; }
  .main-menu ul.new-header-ul li .line-btn {
    padding: 2px 5px 0px 5px; }
  .main-menu .new-header-container .new-header-logo {
    flex: 0 0 140px; }
  .main-menu .new-header-container .new-header-menu {
    padding-left: 10px; }
  .main-menu .new-header-container .new-header-search {
    flex: 0 0 120px; }
    .main-menu .new-header-container .new-header-search .header-search-box {
      width: 120px;
      padding: 0 10px; }
  .main-menu .new-header-container .new-header-icons {
    flex: 0 0 160px; }

  .header-configure-area ul li {
    margin-left: 4px !important; } }
.mobile-aside-icons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }
  .mobile-aside-icons a {
    color: white; }
  .mobile-aside-icons .social-btn {
    flex: 1;
    display: flex;
    align-items: center; }
  .mobile-aside-icons .justify-start {
    justify-content: flex-start; }
  .mobile-aside-icons .justify-end {
    justify-content: flex-end; }
  .mobile-aside-icons .justify-center {
    justify-content: center; }
  .mobile-aside-icons .fb-btn {
    width: 40px;
    height: 40px;
    padding-left: 12px;
    background: #059;
    color: white;
    font-size: 1.45rem;
    border-radius: 5px; }
  .mobile-aside-icons .line-btn {
    width: 40px;
    height: 40px;
    background: #00c300;
    font-size: 3.85rem;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .mobile-aside-icons .youtube-btn {
    width: 40px;
    height: 40px;
    background: #ea3223;
    color: white;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3px; }
    .mobile-aside-icons .youtube-btn i {
      font-size: 1.85rem; }

.blog-sidebar blockquote.tiktok-embed {
  min-width: 100% !important; }

.content-img-responsive img {
  width: 100% !important;
  height: auto !important; }

/* 輪播初始化前隱藏多餘圖片 */
.whole-banner-carousel .carousel-slide,
.article-banner-carousel .carousel-slide {
  display: none; }

.whole-banner-carousel .carousel-slide:first-child,
.article-banner-carousel .carousel-slide:first-child {
  display: block; }

/* slick 初始化後會自動管理顯示 */
.whole-banner-carousel.slick-initialized .carousel-slide,
.article-banner-carousel.slick-initialized .carousel-slide {
  display: block; }

.slick-arrow-right,
.slick-arrow-left {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1000;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  color: white;
  padding: 10px 15px;
  border-radius: 5px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease; }

/* 滑鼠懸停在輪播容器上時顯示箭頭 */
.whole-banner-carousel:hover .slick-arrow-right,
.whole-banner-carousel:hover .slick-arrow-left,
.article-banner-carousel:hover .slick-arrow-right,
.article-banner-carousel:hover .slick-arrow-left {
  opacity: 1;
  visibility: visible; }

.slick-arrow-right {
  left: 10px; }

.slick-arrow-left {
  right: 10px; }

.article-banner-container {
  margin-bottom: 20px; }

/* 響應式調整 - 在小螢幕上調整箭頭大小和位置 */
@media (max-width: 768px) {
  .slick-arrow-right,
  .slick-arrow-left {
    padding: 8px 12px;
    font-size: 14px; }

  .slick-arrow-right {
    left: 5px; }

  .slick-arrow-left {
    right: 5px; } }
@media (max-width: 480px) {
  .slick-arrow-right,
  .slick-arrow-left {
    padding: 6px 10px;
    font-size: 12px; } }
.card-preview {
  padding: 15px;
  border: 5px solid black; }
  .card-preview .current-user-data {
    padding-left: 20px; }
  .card-preview .card-h1 {
    font-size: 26px; }
  .card-preview .card-h2 {
    font-size: 20px; }
  .card-preview .current-user-p {
    font-size: 1.1rem; }
@charset "UTF-8";
@media (max-width: 767px) {
  .mobile-navigation {
    max-height: 500px; }

  .wrapper-gap {
    padding-top: 40px; }

  .home-news {
    margin-top: 5px; }
    .home-news li {
      padding-top: 5px;
      border-bottom: 1px dashed #cc2121; }
      .home-news li a {
        display: block;
        height: 24px; }
      .home-news li .news-title {
        display: inline-block;
        width: 95%;
        max-width: 95%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }

  .entry-summary img,
  .mobile-content img {
    width: 100% !important;
    height: auto !important; }

  .mobile-header .mobile-logo {
    max-width: 240px; }
    .mobile-header .mobile-logo a img {
      width: auto;
      height: 36px; }

  #footer-html-container img {
    width: 100% !important;
    height: auto !important; }

  .vex-content img {
    width: 100% !important;
    height: auto !important; }

  .footer-widget-logo img {
    width: auto !important;
    height: 40px !important; }

  .mobile-navigation {
    padding-bottom: 20px; }

  .section-space,
  .wrapper-gap {
    padding-top: 20px; }

  .blog-sidebar-wrapper {
    margin-top: 30px; }

  .mobile-menu li ul li a {
    padding: 8px 10px; }

  .mobile-menu li > a {
    padding: 6px 0; }

  .mobile-main-header .mobile-menu-toggler .mobile-menu-btn .mobile-search-btn {
    font-size: 24px;
    padding: 10px 0;
    line-height: 1;
    padding-right: 0; }
  .mobile-main-header .mobile-menu-toggler .mobile-menu-btn .off-canvas-btn {
    padding-left: 0; }

  #mobile-search-form {
    width: 210px;
    height: 36px;
    position: relative;
    display: none; }
    #mobile-search-form form input[type="text"] {
      width: 200px;
      height: 36px;
      line-height: 36px;
      padding: 0 8px;
      border-radius: 8px; }
    #mobile-search-form form button {
      position: absolute;
      left: 170px;
      font-size: 22px;
      color: #cc2121; }

  #mobile-logo-state {
    display: block; }

  .hero-slider-item.bg-img {
    background-size: 100% auto; }

  #election-date-range {
    font-size: 18px; }

  .mobile-only {
    display: block; }

  .mobile-main-header .mobile-menu-toggler .mobile-menu-btn {
    margin-left: 5px; }

  #article-content-wrapper .article-blocker {
    top: 50px;
    height: calc(100% - 50px); }
    #article-content-wrapper .article-blocker p {
      padding-top: 30%; }

  #article-content-wrapper.no-show,
  #campaign-content-wrapper.no-show {
    max-height: 350px; }

  .xs-hidden {
    display: none; }

  .xs-show {
    display: block; }

  ul.nav.nav-tabs .nav-item a {
    padding: 0.4rem; }

  ul.messages-container li .comment-body p img {
    width: 100% !important;
    height: auto !important; }

  .comment-avatar-wrapper .comment-avatar-area .author-avatar {
    display: inline-block; }

  .comment-section ul li .comment-body .reply-btn a {
    padding: 2px 8px; }

  .comment-avatar-wrapper .comment-avatar-area {
    display: block; }

  ul.card-ul {
    height: auto;
    overflow-y: scroll; }
    ul.card-ul li {
      display: inline-block;
      width: 44%; }
      ul.card-ul li a {
        color: #cc2121; }

  .big-home-news li .news-content {
    flex: 3.2;
    padding-left: 0.8rem; }
    .big-home-news li .news-content .news-title {
      font-size: 1rem;
      line-height: 1.3rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      /* 限製顯示的行數 */
      overflow: hidden;
      text-overflow: ellipsis;
      line-clamp: 3;
      /* 適用於部分瀏覽器的標準屬性 */ }
      .big-home-news li .news-content .news-title:hover {
        text-decoration: underline;
        text-underline-offset: 5px;
        text-decoration-color: #cc2121; }
    .big-home-news li .news-content .blog-meta {
      display: none; }

  .blog-wrap-text {
    -webkit-line-clamp: 3;
    line-clamp: 3; }

  .blog-index-row {
    margin-top: 20px; }
    .blog-index-row .blog-index-content {
      flex: 2.5;
      padding-left: 0.6rem; }
      .blog-index-row .blog-index-content .blog-index-title {
        -webkit-line-clamp: 3;
        line-clamp: 3;
        font-size: 1rem !important;
        line-height: 1.4rem !important; }
    .blog-index-row .blog-index-description.d-none.d-sm-block {
      display: none !important; }
    .blog-index-row .blog-index-meta.d-none.d-sm-block {
      display: none !important; } }
@media (max-width: 350px) {
  .hero-slider-item.bg-img {
    background-size: contain;
    height: 290px; }

  #election-date-range {
    font-size: 14px; }

  #mobile-search-form {
    width: 170px;
    height: 36px;
    position: relative;
    display: none; }
    #mobile-search-form form input[type="text"] {
      width: 160px;
      height: 36px;
      line-height: 36px;
      padding: 0 8px;
      border-radius: 8px; }
    #mobile-search-form form button {
      left: 132px; }

  .xs-hidden {
    display: none; }

  .xs-show {
    display: block; }

  ul.card-ul {
    height: 120px;
    overflow-y: scroll; }
    ul.card-ul li {
      display: inline-block;
      width: 44%; }
      ul.card-ul li a {
        color: #cc2121; } }
@media (max-width: 991px) {
  .mobile-logo {
    max-width: 160px; } }
@media (min-width: 768px) and (max-width: 991px) {
  #search-len-show-only-big-size {
    display: none; }

  .blog-index-row {
    margin-top: 20px; }
    .blog-index-row .blog-index-content {
      flex: 2.8;
      padding-left: 0.8rem; }
      .blog-index-row .blog-index-content .blog-index-description {
        -webkit-line-clamp: 2;
        line-clamp: 2;
        font-size: 1rem !important;
        line-height: 1.4rem !important; }

  .mobile-search-btn i {
    font-size: 1.5rem; } }
/*











*/