/* remove default apperance on ios */
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="password"],
button,
.input-checkbox {
  -webkit-appearance: none;
  border-radius: 0;
  outline: 0;
}
[class^="icon-"] {
  vertical-align: middle;
} /* icon moon css */
.wrapword {
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -webkit-pre-wrap; /* Chrome & Safari */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  word-break: break-all;
  white-space: normal;
}
/* / remove default apperance */

html,
body {
  width: 100%;
  height: auto;
  min-height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: tahoma, sans-serif;
  font-size: 16px;
  position: relative;
  scroll-behavior: smooth;
}
.container {
  width: 100%;
  height: auto;
  margin: 0 auto;
  box-sizing: border-box;
}
.boundary {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  box-sizing: border-box;
}
a,
a:hover {
  text-decoration: none;
}
a.disabled {
  pointer-events: none;
  cursor: default;
}
blockquote {
  font-style: italic;
  text-align: right;
  margin: 0;
  font-size: 0.9em;
}
sup {
  font-size: 0.8em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
table.table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #333;
  border-spacing: 0;
}
table.table th,
table.table td {
  border: 1px dashed #333;
  border-bottom: 1px solid #333;
  padding: 10px;
}
table.table th {
  background-color: #333;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #ddd;
  font-weight: normal;
}

.no-border {
  border: 0 !important;
}
.p-0 {
  padding: 0 !important;
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.vertical-top {
  vertical-align: top !important;
}
.vertical-middle {
  vertical-align: middle !important;
}
.vertical-bottom {
  vertical-align: bottom !important;
}
.line-through {
  text-decoration: line-through;
}
.underline {
  text-decoration: underline;
}
.no-before:before {
  display: none;
}
.square-image,
.circle-image {
  width: 100%;
  position: relative;
  overflow: hidden;
  vertical-align: top;
  aspect-ratio: 1 / 1;
}
.circle-image {
  border-radius: 100%;
}
.square-image:before,
.circle-image:before {
  padding-top: 100%;
  content: "";
  display: block;
}
.square-image img,
.circle-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  object-fit: cover;
}

.scroll-left {
  position: absolute;
  width: auto;
  height: auto;
  margin: 0;
  text-align: left;
  transform: translateX(100%);
  /* Starting position */
  /* Apply animation to this element */
  animation: scroll-left 25s linear infinite;
}
.scroll-left.delay {
  animation-delay: 25s;
}

/* Move it (define the animation) */
@keyframes scroll-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
/* SCROLL UP */
.scrollup {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  line-height: 34px;
  position: fixed;
  position: -webkit-fixed;
  bottom: 100px;
  right: 25px;
  display: block;
  font-size: 1em;
  color: #fff;
  background-color: var(--red);
  text-align: center;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  z-index: 99999;
  opacity: 0.7;
}
.scrollup:before {
  content: "\e91b";
  font-family: "icomoon" !important;
  color: #fff;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 1.3rem;
  transform: rotate(-90deg);
  transition: transform 700ms cubic-bezier(0.16, 1, 0.3, 1), opacity 300ms ease;

  transform-origin: center;
  will-change: transform;
}
.scrollup:hover {
  opacity: 1;
}
.scrollup:hover:before {
  transform: rotate(270deg);
}
.scrollup:after {
  content: "";
  position: absolute;
  top: 100%;
  left: -50%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI8AAAASCAYAAABim40OAAACuElEQVRogc1XUZJjIQjEzN7/yMl8ucP0dkNjXrKh6pWAqERaICveR+vD96vo8cazOvoYX54NwOl6Z52ycc907E4C4a45DfKrwHH5vpPgd7aTYKNOyUvYKL7zRZG6WNRP5cne7pxrMwHLEbCqS3aDMglwpcvjMmTGVz4wejQ86lDfjZ0OeSY/az/VMaJ2XQZA/QQQChSKV99N8OpjvuHvUsGt+ErX2bI9q7Hy0dE580pnZ0R1uTi/eSVX2SLrbmKeAeQG34qIL2KDozo/kwosBv4Ouk5WOheMyrfK5t1Z8K++Ak9XVjK/ZRW8LnMgYDZQtpx5lBFoERxI//z40EFmQLgn2R27PZkP0fDVGmaj5thdoE7JEREPBR6nFJ1+CCAFgq9mVF91dhUcBRgGHMWjju0TZN7xi+nVGmaH8wG2IeaUHH+ibyqRTuxZCVGyAhgrZQi0KrtlYgHYAV1JXvET8IjfF7jnb4mPpMtg2TZbr0rpSnwQO9SzjLAauxV83Zj2j1FU9QtX0fQMfD1VM6zWn9D00agz3fOr866OwRF1mUe9EmaDL8d9HflF5jS/M8Yd1rHzsWzt87HMdr0D+sB6HixPXV/EyqH6QvCqBOE9qPXMTsmMqI3TMG9eNc7P9EJYYvK/KdUsZz0raZF06Hu+DCxBD+BZv1L1RKeAcXsZpnNtgtiEmEOeyRHx0zBvchtnHBWAUFa66q86ggltuj5HZU73pVdAcMHhAEX5xHys/Ge/j43IO/IvfZdxmM4FVDdOs1X1Twr3YWciTYPjZopXZILOxgWElVGIjs5V/Yw752QrxU/A1fGdL4yciz551U45qILa+fbsOmeutekud2I7BeJJhmPr3L07KlN0Y/eMzpmb2JzYntgfXfIr9nLWXgl0RuPLO1xzxdqPOPNK8FxJn+rXhP4HON5K31PHDhmjlm6fAAAAAElFTkSuQmCC)
    top left;
  background-size: 100% auto;
  width: 200%;
  height: 8px;
  display: block;
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 420ms ease, transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}
.scrollup:hover:after {
  opacity: 1;
  transform: translateY(0);
}
/* / SCROLL UP */
.hover-zoom img {
  transition: all 1s;
}
/* .hover-zoom:hover img {transform:scale(1.3);} */

.blink_me {
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: blinker;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  animation-name: blinker;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.shake {
  animation: shake 3s;
}
.shake-repeat {
  animation: shake 3s infinite;
}
@keyframes shake {
  1%,
  32%,
  100% {
    transform: translate3d(0px, 0, 0);
  }
  4%,
  28% {
    transform: translate3d(2px, 0, 0);
  }
  8%,
  16%,
  24% {
    transform: translate3d(-4px, 0, 0);
  }
  12%,
  20% {
    transform: translate3d(4px, 0, 0);
  }
}
/* FORM CSS */
label {
  margin: 0 5px 5px 0;
  min-width: 150px;
  font-size: 0.9em;
  display: inline-block;
  vertical-align: middle;
}
span.description {
  display: inline-block;
  font-style: italic;
  color: #aaa;
  word-wrap: break-word;
  font-weight: normal;
  font-size: 0.8em;
}
.textbox,
.selection,
.textarea {
  width: 100%;
  padding: 5px 10px;
  margin-bottom: 5px;
  outline: 0;
  font-size: 1em;
  font-family: inherit;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #ddd;
}
.textbox[readonly] {
  background-color: #f2f2f2;
  color: #333;
  border: 1px solid #ddd;
  cursor: default;
  padding: 6px 11px;
}
ul.no-style {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.textarea {
  min-width: 250px;
  min-height: 100px;
}

/* BUTTONS */
.button {
  background-color: #555555;
  border: 1px solid #555555;
  padding: 5px 10px;
  color: #fff !important;
  text-transform: uppercase;
  font-family: inherit;
  font-size: 1em;
  margin-right: 10px;
  outline: 0;
  display: inline-block;
}
.button:hover {
  cursor: pointer;
  background-color: #333;
  border-color: #333;
}
.button.disabled {
  background-color: #ddd !important;
  border-color: #ddd !important;
  color: #bbb !important;
}

.button.green {
  background-color: #4caf50;
  border-color: #4caf50;
}
.button.green:hover {
  background-color: #95d097;
  border-color: #95d097;
}
.button.blue {
  background-color: #008cba;
  border-color: #008cba;
}
.button.blue:hover {
  background-color: #4dd2ff;
  border-color: #4dd2ff;
}
.button.red {
  background-color: #f44336;
  border-color: #f44336;
}
.button.red:hover {
  background-color: #faa49e;
  border-color: #faa49e;
}
.button.grey {
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  color: #000;
}
.button.grey:hover {
  background-color: #bfbfbf;
  border-color: #bfbfbf;
}

/* / BUTTONS */

/* TABS */
.tab-container {
  width: 100%;
  background-color: #f6f6f6;
  display: inline-block;
  margin-bottom: 5px;
  position: relative;
}
.tab-container .translate {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #666;
}
.tab-container ul.tab-nav {
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-bottom: -1px;
}
.tab-container ul.tab-nav li {
  display: inline-block;
  padding: 5px 20px;
  margin: 0;
  border: 1px solid transparent;
  border-bottom: 0;
  text-decoration: none;
  color: #666;
}
.tab-container ul.tab-nav li.active,
.tab-container ul.tab-nav li:hover {
  border: 1px solid #ddd;
  border-bottom: 0;
  background-color: #fff;
  cursor: pointer;
  color: #000;
}
.tab-container .tabcontent {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 20px 10px 10px;
}
.tab-container .tabcontent .textarea {
  max-width: unset;
  resize: none;
}
/* / TABS */

.form-error {
  border-color: #f00 !important;
  background-color: #921a27 !important;
  color: #fff;
}
.form-error-message,
.form-message {
  width: 100%;
  background-color: #ff6060;
  color: #fff;
  border: 1px solid #f00;
  text-align: left;
  display: none;
  font-size: 1em;
  padding: 5px 10px;
  box-sizing: border-box;
  clear: both;
  margin: 5px 0;
}
.form-error-message a {
  color: #ff0;
}
.form-error-message a:hover {
  text-decoration: underline;
}
.form-message {
  background-color: #01df74;
  color: #fff;
  border-color: #01df74;
}

/* image uploader */

.image-uploader {
  display: inline-block;
  width: 100px;
  height: 100px;
  background-color: #efefef;
  position: relative;
  overflow: hidden;
  border: 1px solid #ccc;
  vertical-align: top;
}
.image-uploader:before {
  padding-top: 100%;
  content: "";
  display: block;
}
.image-uploader div {
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: table;
}
.image-uploader div a {
  font-size: 3rem;
  text-align: center;
  color: #ddd;
  display: table-cell;
  vertical-align: middle;
}
.image-uploader div a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.image-uploader div a.bt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 9;
  font-size: 0.8em;
  color: #fff;
  background-color: #f00;
}
.image-uploader.min {
  width: 40px;
  height: 40px;
}
.image-uploader.min div a {
  font-size: 2em;
}
.image-uploader.min div a.bt {
  font-size: 0.8em;
}

/* BREADCRUMB */
.breadcrumb {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}
.breadcrumb li {
  display: inline;
  vertical-align: middle;
  line-height: 1.5em;
}
.breadcrumb [class^="icon-"] {
  margin: 0 3px;
}
.breadcrumb .breadcrumb-separator {
  font-size: 1em;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  line-height: 10px;
  color: #818ea0;
}
.breadcrumb li a.icon-home3 {
  display: inline-block;
  vertical-align: middle;
}
.breadcrumb li a {
  text-transform: capitalize;
  color: #818ea0;
}
.breadcrumb li:last-child a {
  color: var(--black);
}
.breadcrumb li a:hover {
  color: var(--red);
}
/* / BREADCRUMB */

/* TABLE CSS */
.table {
  display: table;
  width: 100%;
  height: auto;
  border-collapse: collapse;
}

[class*=" col-"] {
  display: table-cell;
  vertical-align: top;
}
.col-1 {
  width: 8.333%;
}
.col-2 {
  width: 16.666%;
}
.col-3 {
  width: 24.999%;
}
.col-4 {
  width: 33.332%;
}
.col-5 {
  width: 41.665%;
}
.col-6 {
  width: 49.998%;
}
.col-7 {
  width: 58.331%;
}
.col-8 {
  width: 66.664%;
}
.col-9 {
  width: 74.997%;
}
.col-10 {
  width: 83.33%;
}
.col-11 {
  width: 91.663%;
}
.col {
  width: 100%;
  box-sizing: border-box;
  vertical-align: top;
}
[class*=" col"],
[class="col"] {
  vertical-align: top;
  text-align: center;
  box-sizing: border-box;
  display: block;
}
[class^="col-"] {
  display: table-cell !important;
}
.min-hide {
  display: none;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  [class*=" col-sm"],
  [class^="col-sm"] {
    display: table-cell;
  }
  .col-sm-1 {
    width: 8.333%;
  }
  .col-sm-2 {
    width: 16.666%;
  }
  .col-sm-3 {
    width: 24.999%;
  }
  .col-sm-4 {
    width: 33.332%;
  }
  .col-sm-5 {
    width: 41.665%;
  }
  .col-sm-6 {
    width: 49.998%;
  }
  .col-sm-7 {
    width: 58.331%;
  }
  .col-sm-8 {
    width: 66.664%;
  }
  .col-sm-9 {
    width: 74.997%;
  }
  .col-sm-10 {
    width: 83.33%;
  }
  .col-sm-11 {
    width: 91.663%;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  [class*=" col-md"],
  [class^="col-md"],
  .col.min-hide {
    display: table-cell !important;
  }
  .min-hide {
    display: inline-block;
  }

  .col-md-1 {
    width: 8.333% !important;
  }
  .col-md-2 {
    width: 16.666% !important;
  }
  .col-md-3 {
    width: 24.999% !important;
  }
  .col-md-4 {
    width: 33.332% !important;
  }
  .col-md-5 {
    width: 41.665% !important;
  }
  .col-md-6 {
    width: 49.998% !important;
  }
  .col-md-7 {
    width: 58.331% !important;
  }
  .col-md-8 {
    width: 66.664% !important;
  }
  .col-md-9 {
    width: 74.997% !important;
  }
  .col-md-10 {
    width: 83.33% !important;
  }
  .col-md-11 {
    width: 91.663% !important;
  }
  .col-md-12 {
    width: 100% !important;
    display: block !important;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  [class*=" col-lg"],
  [class^="col-lg"] {
    display: table-cell !important;
  }

  .col-lg-1 {
    width: 8.333% !important;
  }
  .col-lg-2 {
    width: 16.666% !important;
  }
  .col-lg-3 {
    width: 24.999% !important;
  }
  .col-lg-4 {
    width: 33.332% !important;
  }
  .col-lg-5 {
    width: 41.665% !important;
  }
  .col-lg-6 {
    width: 49.998% !important;
  }
  .col-lg-7 {
    width: 58.331% !important;
  }
  .col-lg-8 {
    width: 66.664% !important;
  }
  .col-lg-9 {
    width: 74.997% !important;
  }
  .col-lg-10 {
    width: 83.33% !important;
  }
  .col-lg-11 {
    width: 91.663% !important;
  }
  .col-lg-12 {
    width: 100% !important;
    display: block !important;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  [class*=" col-xl"],
  [class^="col-xl"] {
    display: table-cell !important;
  }

  .col-xl-1 {
    width: 8.333% !important;
  }
  .col-xl-2 {
    width: 16.666% !important;
  }
  .col-xl-3 {
    width: 24.999% !important;
  }
  .col-xl-4 {
    width: 33.332% !important;
  }
  .col-xl-5 {
    width: 41.665% !important;
  }
  .col-xl-6 {
    width: 49.998% !important;
  }
  .col-xl-7 {
    width: 58.331% !important;
  }
  .col-xl-8 {
    width: 66.664% !important;
  }
  .col-xl-9 {
    width: 74.997% !important;
  }
  .col-xl-10 {
    width: 83.33% !important;
  }
  .col-xl-11 {
    width: 91.663% !important;
  }
  .col-xl-12 {
    width: 100% !important;
    display: block !important;
  }
}

/* image upload css */