@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon/icomoonb80c.html?jkpuh5');
  src: url('../fonts/icomoon/icomoonb80c.html?jkpuh5#iefix') format('embedded-opentype'),
    url('../fonts/icomoon/icomoonb80c-2.html?jkpuh5') format('truetype'),
    url('../fonts/icomoon/icomoonb80c-3.html?jkpuh5') format('woff'),
    url('../fonts/icomoon/icomoonb80c-4.html?jkpuh5#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.icon-n-earphone:before,
.icon-microphone:before,
.icon-microphone-big:before,
.icon-equalizer:before {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  moz-osx-font-smoothing: grayscale;
}

.icon-n-earphone:before {
  content: "\e900";
}

.icon-microphone:before {
  content: "\e901";
}

.icon-microphone-big:before {
  content: "\e901";
}

.icon-equalizer:before {
  content: "\e903";
}

.scroll-progress-bar {
  position: fixed;
  z-index: 9999;
  height: 4px;
  top: 0;
  left: 0;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
}

body {}

.top-away #back-to-top,
.not-at-top #back-to-top {
  display: block;
  animation: slideindown 0.5s;
}

.not-at-top #back-to-top {
  display: block;
  animation: slideindown 0.5s;
}

.font-style {
  font-family: "Lobster Two", cursive !important;
  position: relative;
}

.slider .text-theme::after {
  content: "";
  position: absolute;
  top: 108%;
  left: 10%;
  width: 80%;
  height: 80%;
  display: block !important;
  animation-name: animateWidth;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  border: 5px solid transparent;
  animation-delay: 2s;
}

.sec-text {
  max-width: 560px;
  margin-bottom: 23px;
}

.ms-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.moduletable {
  border: 0;
  padding: 2rem;
  border-radius: 0;
  margin: 2rem auto;
}

.module-title {
  padding-bottom: 10px;
}

.module-title,
h3 {
  position: relative;
  overflow: hidden;
}

.module-title::after {
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.module-title,
.module-title span {
  text-transform: none;
  border-bottom: 0;
}

.module-title span {
  padding: 0px;
}

h3.module-title.equalizer,
h3.equalizer {
  padding-left: 30px;
  line-height: 1;
}

h3.module-title.microphone,
h3.microphone {
  padding-left: 20px;
  line-height: 1;
}

h3.module-title.microphone-big,
h3.microphone-big {
  padding-left: 30px;
  line-height: 1;
}

h3.module-title.equalizer::before,
h3.equalizer::before {
  content: "\e903";
  position: absolute;
  left: 0;
  bottom: 11px;
  font-family: 'icomoon';
  font-size: 22px
}

h3.equalizer::before {
  bottom: 0px;
}

h3.module-title.microphone::before,
h3.microphone::before {
  content: "\e902";
  position: absolute;
  left: 0;
  bottom: 11px;
  font-family: 'icomoon';
  font-size: 22px
}

h3.microphone::before {
  bottom: 0px;
}

h3.module-title.microphone-big::before,
h3.microphone-big::before {
  content: "\e901";
  position: absolute;
  left: 0;
  bottom: 9px;
  font-family: 'icomoon';
  font-size: 18px
}

h3.microphone-big::before {
  bottom: 0px;
}

.moduletable>h3,
.moduletable>.h3 {
  text-transform: none;
}

h3.module-title .titlespan {
  position: relative;
}

h3.module-title .titlespan::after {
  position: absolute;
  content: "";
  left: -30px;
  bottom: -10px;
  height: 1px;
  width: calc(100% + 30px);
  z-index: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative
}

.background-image,
[data-bg-src] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.feature-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-bottom: 33px;
}

.feature-box_title {
  color: #FFF;
  margin-bottom: 8px;
  font-weight: 600;
}

.feature-box_icon {
  width: 78px;
  height: 70px;
  line-height: 70px;
  text-align: center;
}

.box-title {
  font-size: 24px;
  margin-top: -0.3em;
  line-height: 1.417;
}

.feature-box_text {
  color: #FFF;
  margin-bottom: -0.5em;
  max-width: 375px;
}

.img-box1 {
  position: relative;
  text-align: right;
  padding: 50px 33px 0 0;
}

.img-box1 .shape1 {
  position: absolute;
  top: 0;
  left: 0;
}

.img-box1:hover .shape1,
.img-box1:hover .discount_style1 {
  -webkit-animation: pulse1 2s ease-in-out infinite;
  animation: pulse1 2s ease-in-out infinite;
}

.img-box1 .discount_style1 {
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.discount_style1 {
  height: 123px;
  width: 112px;
  text-align: center;
  padding: 60px 14px 60px 0;
}

.discount_style1 .percentage {
  color: #fff;
  margin-bottom: 0;
  font-size: 30px;
  margin-top: 0;
}

.discount_style1 .small-text {
  font-weight: 500;
  line-height: 0.5;
  font-size: 0.6em;
  text-transform: uppercase;
  display: inline-block;
  text-align: left;
  margin-left: -5px;
}

.discount_style1 .small-text .text {
  font-size: 0.6em;
  font-weight: 400;
}

.tags-outer-asgardia {
  display: flex;
  margin: 30px 0 0 0;
  padding: 40px 0 0 0;
}

.tags-label-asgardia,
div.fastsocialshare-text {
  padding: 3px 15px 0 0;
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
}

ul.tags {}

ul.tags li a,
.tagspopular ul>li>a,
.tagssimilar ul>li>a {
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
  padding: 14px 17px;
  margin-right: 5px;
  margin-bottom: 10px;
  background-color: transparent;
  border-radius: 99px;
}

ul.tags li a.btn,
.tagspopular ul>li>a,
.tagssimilar ul>li>a,
.tagspopular ul>li,
.tagssimilar ul>li {
  background-color: transparent;
}

.tagspopular ul>li {
  padding-right: 0;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.t4-module .nav li a {
  display: block;
  position: relative;
}

.left.item-image {
  float: left;
}

.right.item-image {
  float: right
}

.t4-footer ul.dropdown-menu {
  padding: 1rem;
}

.container {
  border-radius: 20px;
}

/*
==========================================================
ANIMATIONS
==========================================================
*/

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  100% {
    opacity: 0
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  100% {
    opacity: 0
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight
}


@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1)
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp
}

@-webkit-keyframes bgPulse {
  0% {
    background-size: 100% 100%;
  }

  50% {
    background-size: 85% 85%;
    background-position: bottom center;
  }

  100% {
    background-size: 100% 100%;
  }
}

@keyframes bgPulse {
  0% {
    background-size: 100% 100%;
  }

  50% {
    background-size: 85% 85%;
    background-position: bottom center;
  }

  100% {
    background-size: 100% 100%;
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes fadein {
  from {
    opacity: 0;
    top: -114px
  }

  to {
    opacity: 1;
    top: 0
  }
}

@-moz-keyframes fadein {
  from {
    opacity: 0;
    top: -114px
  }

  to {
    opacity: 1;
    top: 0
  }
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
    top: -114px
  }

  to {
    opacity: 1;
    top: 0
  }
}

@-o-keyframes fadein {
  from {
    opacity: 0;
    top: -114px
  }

  to {
    opacity: 1;
    top: 0
  }
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}


@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }

  30% {
    opacity: 0.4;
  }

  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes ripple {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }

  30% {
    opacity: 0.4;
  }

  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse1 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.9);
  }

  100% {
    transform: scale(1);
  }
}

.movingX {
  animation: movingX 8s linear infinite;
}

@keyframes movingX {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(50px);
  }

  100% {
    transform: translateX(0);
  }
}

.moving {
  animation: moving 8s linear infinite;
}

@keyframes moving {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-50px);
  }

  100% {
    transform: translateX(0);
  }
}

.jump {
  animation: jumpAni 7s linear infinite;
}

@keyframes jumpAni {
  0% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  100% {
    transform: translateY(0);
  }
}

.jump-reverse {
  animation: jumpReverseAni 7s linear infinite;
}

@keyframes jumpReverseAni {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(30px);
  }

  100% {
    transform: translateY(0);
  }
}

.spin {
  animation: spin 15s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(40deg);
  }

  100% {
    transform: rotate(0);
  }
}



@keyframes animate-positive {
  0% {
    width: 0;
  }
}

@keyframes spinZ {
  100% {
    transform: rotateZ(360deg);
  }
}

.scalein.as-animated {
  --animation-name: scalein;
}

.slidetopleft.as-animated {
  --animation-name: slidetopleft;
}

.slidebottomright.as-animated {
  --animation-name: slidebottomright;
}

.slideinleft.as-animated {
  --animation-name: slideinleft;
}

.slideinright.as-animated {
  --animation-name: slideinright;
}

.slideinup.as-animated {
  --animation-name: slideinup;
}

.slideindown.as-animated {
  --animation-name: slideindown;
}

.rollinleft.as-animated {
  --animation-name: rollinleft;
}

.rollinright.as-animated {
  --animation-name: rollinright;
}

@-webkit-keyframes animatePos {
  0% {
    transform: translateX(100px);
    opacity: 0;


  }

  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes animatePos {
  0% {
    transform: translateX(100px);
    opacity: 0;


  }

  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

@-webkit-keyframes movingY {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes movingY {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }

  40% {
    opacity: 1;
  }

  100% {
    width: 120%;
    height: 120%;
    opacity: 0;
  }
}

@keyframes circle {
  0% {
    opacity: 1;
  }

  40% {
    opacity: 1;
  }

  100% {
    width: 120%;
    height: 120%;
    opacity: 0;
  }
}

@-webkit-keyframes animate-stripes {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 44px 0;
  }
}

/*************
* FadeInRight *
*************/

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(400px);
  }

  50% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(400px);
  }

  50% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInRight {
  opacity: 0;
  -webkit-transform: translateX(400px);
  transform: translateX(400px);
}

/*************
* FadeInLeft *
*************/

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-400px);
  }

  50% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-400px);
  }

  50% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInLeft {
  opacity: 0;
  -webkit-transform: translateX(-400px);
  transform: translateX(-400px);
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/***************************************************************************/

.fadeInUp.animate {
  visibility: visible;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 2000ms;
  animation-duration: 2000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 100ms;
}

.fadeInRight.animate {
  visibility: visible;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 100ms;
}

.fadeInLeft.animate {
  visibility: visible;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 2000ms;
  animation-duration: 2000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 100ms;
}

/*=================================
    05. Spacing
==================================*/
/*-- Padding Left And Right --*/
.px-5 {
  padding-right: 5px;
  padding-left: 5px;
}

.px-10 {
  padding-right: 10px;
  padding-left: 10px;
}

.px-15 {
  padding-right: 15px;
  padding-left: 15px;
}

.px-20 {
  padding-right: 20px;
  padding-left: 20px;
}

.px-25 {
  padding-right: 25px;
  padding-left: 25px;
}

.px-30 {
  padding-right: 30px;
  padding-left: 30px;
}

.px-35 {
  padding-right: 35px;
  padding-left: 35px;
}

.px-40 {
  padding-right: 40px;
  padding-left: 40px;
}

.px-45 {
  padding-right: 45px;
  padding-left: 45px;
}

.px-50 {
  padding-right: 50px;
  padding-left: 50px;
}

/*-- Padding Top And Bottom --*/
.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.py-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.py-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

/*-- Padding Top --*/
.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

/*-- Padding Bottom --*/
.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

/*-- Padding Left --*/
.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

/*-- Padding Right --*/
.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-50 {
  padding-right: 50px;
}

/*-- margin Left And Right --*/
.mx-5 {
  margin-right: 5px;
  margin-left: 5px;
}

.mx-10 {
  margin-right: 10px;
  margin-left: 10px;
}

.mx-15 {
  margin-right: 15px;
  margin-left: 15px;
}

.mx-20 {
  margin-right: 20px;
  margin-left: 20px;
}

.mx-25 {
  margin-right: 25px;
  margin-left: 25px;
}

.mx-30 {
  margin-right: 30px;
  margin-left: 30px;
}

.mx-35 {
  margin-right: 35px;
  margin-left: 35px;
}

.mx-40 {
  margin-right: 40px;
  margin-left: 40px;
}

.mx-45 {
  margin-right: 45px;
  margin-left: 45px;
}

.mx-50 {
  margin-right: 50px;
  margin-left: 50px;
}

/*-- margin Top And Bottom --*/
.my-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.my-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.my-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.my-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.my-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

/*-- margin Top --*/
.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

/*-- margin Bottom --*/
.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

/*-- margin Left --*/
.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

/*-- margin Right --*/
.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mt-n1 {
  margin-top: -.25rem;
}

.mt-n2 {
  margin-top: -.5rem;
}

.mt-n3 {
  margin-top: -1rem;
}

.mt-n4 {
  margin-top: -1.5rem;
}

.mt-n5 {
  margin-top: -3rem;
}

.mb-n1 {
  margin-bottom: -.25rem;
}

.mb-n2 {
  margin-bottom: -.5rem;
}

.mb-n3 {
  margin-bottom: -1rem;
}

.mb-n4 {
  margin-bottom: -1.5rem;
}

.mb-n5 {
  margin-bottom: -3rem;
}

/*************JT Login ***********/
.modal-backdrop {
  z-index: 3;
}

body.modal-open .modal {
  background-color: transparent;
  border-radius: 0px;
  top: 10%;
  bottom: 10%;
  left: 0%;
  margin-left: 0%;
  overflow: hidden;
  height: auto;
  width: 100%;
}

body.modal-open .header-top {
  max-height: 60px;
}

body.modal-open .header-top-1,
body.modal-open .header-top-2 {
  visibility: hidden
}

body.modal-open .header-top-3 .modal-toggle.register,
body.modal-open .header-top-3 .modal-toggle {
  display: none;
}

#jtl.asgardia .form-group {
  margin-bottom: 1rem !important;
}

#jtl.asgardia .modal-dialog .modal-content,
#jt-login-dropdown-asgardia,
#jtl-content-register-asgardia {
  padding: 20px 30px 20px 30px;
  border-radius: 0px;
}

#jtl.asgardia .modal-dialog .modal-content small,
.header-top #jtl-content-register-asgardia small {
  font-size: 0.7rem;
  margin-bottom: 10px;
  display: block;
}

#jtl.asgardia .modal-dialog .modal-content .jtl-label,
.header-top #jtl-content-register-asgardia .jtl-label {
  font-size: 0.9rem;
  margin-bottom: 5px;
}

#jt-login-dropdown-asgardia,
#jtl-content-register-asgardia {
  min-width: 360px;
  left: -180px;
}

#jtl.asgardia button.login,
#jtl.asgardia button.register {
  background: none;
  color: #fff;
  padding: 3px 8px;
  margin: 0 3px;
}

#jtl.asgardia button.login {
  position: relative;
}

#jtl.asgardia button.login::after {
  position: absolute;
  top: 3px;
  height: 100%;
  right: -8px;
  content: "/";
}

.glow-wrap {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  margin-top: -10px;
  z-index: 3;
}

.glow {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .1) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .1) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.about-us {
  position: relative;
  overflow: hidden;
}

.aboutus-right:hover .glow {
  /*-webkit-animation:shine 1s;animation:shine 1s;*/
}

.aboutus-right::before {
  position: absolute;
  content: "\f026";
  top: 60px;
  left: -10px;
  width: 150px;
  height: 150px;
  font-family: 'FontAwesome';
  font-size: 120px;
  transform: rotate(35deg);
}

.aboutus-right {
  position: relative;
}

/********************************/
a:link,
a:visited,
a strong {
  text-decoration: none;
  transition: all 0.3s linear 0s;
}

a:hover,
.btn:hover {
  transition: all 0.3s linear 0s;
  outline: none;
}

a:focus {
  outline: none;
}

.btn,
.btn.btn-primary,
.btn.btn-secondary,
.btn.btn-danger,
p.readmore .btn,
p.readmore .blog-list .item-readmore a,
.blog-list .item-readmore p.readmore a {
  transition: all 0.3s linear 0s;
  border-radius: 10px;
  line-height: 1;
  padding: 12px 20px;
  position: relative;
}

.glow-wrap {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  margin-top: -10px;
  z-index: 3;
}

.glow {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .1) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .1) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.plant {
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
}

.btn.plant {
  padding-left: 30px;
  padding-right: 30px;
}

.plant::before,
.plant::after {
  position: absolute;
  font-family: 'FontAwesome';
}

.plant::before {
  left: 10px;
  transform: rotate(90deg);
}

.plant::after {
  right: 10px;
  transform: scaleX(-1) rotateZ(-270deg);
}

.t4-module {
  margin-bottom: 2rem;
}

.t4-module:first-child {}

.blog-list .item-readmore a {
  line-height: 1;
  padding: 5px 10px;
  border-radius: 0px;
}

.box-shadow {
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
}

.border-rad10 {
  border-radius: 10px;
}

.border-rad20 {
  border-radius: 20px;
}

.brad-100 {
  border-radius: 100px;
  z-index: 1
}

.ptop40 {
  padding-top: 40px;
}

.ptop60 {
  padding-top: 60px;
}

.ptop100 {
  padding-top: 70px;
}

.ptop125 {
  padding-top: 125px;
}

.ptop150 {
  padding-top: 150px;
}

.ptop200 {
  padding-top: 200px;
}

.mb-100 {
  margin-bottom: -100px;
}

.mb-125 {
  margin-bottom: -125px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb60 {
  padding-bottom: 60px;
}

.pb100 {
  padding-bottom: 100px;
}

.pb125 {
  padding-bottom: 125px;
}

.pb150 {
  padding-bottom: 150px;
}

.pb200 {
  padding-bottom: 72px;
}

.dotborder {
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.pad10 {
  padding: 10px
}

.pad15 {
  padding: 15px
}

.pad20 {
  padding: 20px
}

.com-content-category-blog.blog.asgardia .pull-left.item-image {
  width: 42%
}

.blog.asgardia .blog-items .blog-item,
.blog-featured .blog-items .blog-item {
  margin-bottom: 2.5rem;
}

input:autofill {
  /* or any other */
}

input {
  filter: none;
}

input.form-control,
textarea.form-control,
select,
.form-control,
.form-select,
textarea,
input {
  border-radius: 10px;
  width: 100%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.mod-finder .btn-primary {
  border-radius: 3px !important;
  margin-left: 15px !important;
  max-height: 30px;
}

.t4-topbar .mod-finder input.js-finder-search-query,
.t4-topbar .mod-finder .btn {
  max-height: 30px;
}

.t4-topbar .mod-finder input.js-finder-search-query {
  min-width: 220px;
  font-size: 14px;
}

.t4-topbar .mod-finder input.js-finder-search-query:focus {
  min-width: 230px;
}

blockquote {
  padding: 16px 20px 16px 80px;
  font-size: 18px;
  font-style: italic;
  margin: 40px 0;
  line-height: 30px;
  position: relative;
  clear: both;
}

.registration fieldset {
  padding-top: 5rem
}

.registration fieldset legend {
  z-index: 1;
  background: none;
  text-transform: none
}

.registration fieldset::before {
  display: none;
}

.t4-offcanvas .t4-off-canvas-header .close span {
  line-height: 32px;
}

.c-offcanvas--right {
  overflow: unset;
}

.pagenavigation .pagination a span {
  padding: 0px 1px
}

body.layout-boxed .t4-content-inner,
body.layout-boxed-solidcolor-bg .t4-content-inner,
body.layout-boxed-nocomponent .t4-content-inner {
  width: 1320px;
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.19);
  position: relative;
  z-index: 1;
  margin: 0px auto;
  overflow: hidden;
}

body.layout-boxed .t4-content,
body.layout-boxed-nocomponent .t4-content {
  min-height: 100vh;
  padding: 40px 0;
}

body.layout-boxed #t4-header,
body.layout-boxed-solidcolor-bg #t4-header {
  z-index: 10;
  width: inherit;
}

body.layout-boxed .t4-header .t4-header-r-wrap,
body.layout-boxed .t4-header .header-top,
body.layout-boxed-solidcolor-bg .t4-header-r-wrap,
body.layout-boxed-solidcolor-bg .header-top,
body.layout-boxed-nomainbody .t4-header-r-wrap,
body.layout-boxed-nomainbody .header-top {
  margin-right: -0.8rem
}

body.layout-boxed .header-right-wrap2 {
  padding-left: 1rem;
}

body.layout-boxed .logo-wrap,
body.layout-boxed-solidcolor-bg .logo-wrap,
body.layout-boxed-nomainbody .logo-wrap {
  padding-right: 30px;
  overflow-x: hidden;
}

body.layout-boxed .t4-header .t4-header-r-wrap::after,
body.layout-boxed .t4-header .header-top::after,
body.layout-boxed-solidcolor-bg .t4-header-r-wrap::after,
body.layout-boxed-solidcolor-bg .header-top::after,
body.layout-boxed-nomainbody .t4-header-r-wrap::after,
body.layout-boxed-nomainbody .header-top::after {
  display: none;
}

body.layout-boxed .header-shape1,
body.layout-boxed-nocomponent .header-shape1 {
  width: 1320px;
  max-width: 1320px;
  clip-path: none;
  border-radius: 0px;
}

body.layout-boxed .positioncenter.owl-carousel .owl-nav,
body.layout-boxed-nocomponent .positioncenter.owl-carousel .owl-nav {
  z-index: 1
}

body.layout-boxed .jt-cs.asgardia .owl-carousel .owl-nav .owl-prev,
body.layout-boxed-nocomponent .jt-cs.asgardia .owl-carousel .owl-nav .owl-prev {
  left: -10px;
}

body.layout-boxed .jt-cs.asgardia .owl-carousel .owl-nav .owl-next,
body.layout-boxed-nocomponent .jt-cs.asgardia .owl-carousel .owl-nav .owl-next {
  right: -10px;
}

.t4-module.module,
.moduletable {}

.layout-noroundedbg .t4-module.module,
.layout-noroundedbg .moduletable,
.layout-noroundedbg .mainbody.asgardia {
  background: none !important;
  box-shadow: none !important
}

.layout-noroundedbg .jt-playlist.toplist .playlist-wrap.style1 ul.playlist-items {
  border-radius: 0px;
  padding: 0px 0px 15px 10px;
}

.mod-preview {
  position: relative;
}

.t4-content-inner {
  overflow: hidden;
}

.centered {
  text-align: center;
}

.uppercase {
  text-transform: uppercase;
}

.noborder,
h3.noborder span {
  border: 0;
}

#t3-content .item-page img,
#t3-content img,
.t3-sidebar img,
img {
  max-width: 100%;
}

.mainbody-block .left.item-image img,
.pull-left.item-image,
.item-image.pull-left {
  margin-right: 30px;
  margin-top: 10px;
}

.mainbody-block .right.item-image img,
.pull-right.item-image,
.item-image.pull-right {
  margin-left: 30px;
  margin-top: 10px;
}

.mainbody-block .none.item-image {
  margin-bottom: 30px;
}

.article-aside.asgardia [class^="icon-"],
.article-aside.asgardia [class*=" icon-"] {
  margin-right: 6px
}

.article-aside.asgardia dd {
  margin-right: 16px;
  padding-right: 20px;
  font-size: 14px;
}

.article-aside.asgardia .article-info dd::after {
  content: "";
  display: none;
  margin: 0;
}

.item-page .page-header h2,
.item-page .page-header .h2 {
  margin-bottom: 14px;
  font-weight: 600;
}

p.readmore .btn,
p.readmore .blog-list .item-readmore a,
.blog-list .item-readmore p.readmore a {}

/********************************************************/
.pagenavigation .pagination a {
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
  padding: 8px 15px;
  margin-right: 5px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.logo-image {
  display: grid;
  align-items: center;
  /* min-height: 88px; */
  min-height: 110px;
  min-width: 153px;
}

#t4-header {
  box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.04);
  z-index: 99;
}

.not-at-top .t4-sticky {
  position: fixed;
  border-radius: 10px;
  animation: fadeInDown 0.8s;
  -moz-animation: fadeInDown 0.8s;
  -webkit-animation: fadeInDown 0.8s;
  -o-animation: fadeInDown 0.8s;
  opacity: 1;
  z-index: 9;
  top: 0 !important

  
}

/* .not-at-top #t4-header.t4-sticky {
  border-radius: 10px;
} */


/* #sticky-header{
} */

/* .header-wrap.border-radius.not-at-top #t4-header.t4-sticky{
border-radius: 10px;
} */

.not-at-top #t4-header.t4-sticky {
  position: fixed;
  animation: fadeInDown 0.5s;
  -moz-animation: fadeInDown 0.5s;
  -webkit-animation: fadeInDown 0.5s;
  -o-animation: fadeInDown 0.5s;
  opacity: 1;
  z-index: 10;
  width: 100%;
  top: 0 !important

}

body.layout-boxed.not-at-top #t4-header.t4-sticky {
  width: inherit;

}

.header-right-wrap {
  width: 100%;
}

.logo-wrap {
  position: relative;
  z-index: 9;
  padding-top: 30px;
  padding-right: 68px;
  padding-left: 1rem;
}

.logo-wrap::before {
  position: absolute;
  content: "";
  height: 100%;
  right: 0;
  top: 0;
  width: 10000%;
  z-index: -1;
}

.header-right-wrap2 {
  padding-left: 3rem;
}

.t4-header-r-wrap {
  position: relative;
}

.t4-header-r-wrap::after {
  height: 90px;
  left: 0%;
  content: "";
  width: 1000%;
  position: absolute;
  bottom: 0;
  z-index: 0;
  z-index: -1;
  
}

.header-top {
  min-height: 60px;
  line-height: 1;
  position: relative;
  color: #fff;
  align-items: center;
  padding-left: 4rem;
  padding-right: 15px;
  flex-wrap: wrap;
  padding-right: 25px;
}

.header-top p,
.header-top div,
.header-top {
  position: relative;
  z-index: 5;
  margin: 0;
}

.header-top,
.header-top p {
  color: #fff;
}

.header-top::after {
  position: absolute;
  content: "";
  height: 100%;
  right: 0;
  top: 0;
  width: 10000%;
  margin: 0 -5000%;
  z-index: 0;
}

.header-top-1 {
  flex-grow: 3;
}

.header-top-2 {
  padding-right: 15px;
}

.header-top-3 {
  padding-left: 15px;
}


/*
	==================================================
		TOPBAR
	==================================================
*/
.topbar {
  min-height: 40px;
  padding: 15px 40px;
  z-index: 1;
  position: relative;
}

.topbar-r {
  justify-content: flex-end;
  display: flex;
}

.topbar * {
  margin: 0;
}

.topbar i,
.t4-footnav ul.social_icons i {
  height: 36px;
  width: 36px;
  line-height: 34px;
  background-color: rgba(255, 255, 255, 0.3);
  text-align: center;
  font-size: 13px;
  border-radius: 99px;
}

ul.top_social_icons,
ul.top_contact_info,
.topbar ul.menu {
  justify-content: flex-start;
}

ul.top_social_icons,
ul.top_contact_info,
.topbar ul.menu,
ul.social_icons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-left: 0;
  margin: 0;
}

ul.top_social_icons li,
ul.top_contact_info li,
ul.social_icons li {
  list-style: none;
  padding: 0 0px 0 0px;
  margin-right: 7px;
}

ul.top_social_icons li a {
  margin: 0 0px 0 0;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
}

.topbar-l i {
  margin-right: 10px
}

.mod-finder.asgardia .input-container {
  position: relative;
}

.mod-finder.asgardia .input-container .icon-search {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%)
}

.mod-finder.asgardia .btn .icon-search {
  display: none;
}

p.herader-info,
.topbar p {
  align-items: center;
  font-style: italic;
  font-weight: bold;
  font-family: sans-serif;
}

/*
	==================================================
		HEADER
	==================================================
*/
.header-wrap.border-radius {
  border-radius: 99px;
  padding-left: 30px;
  margin-top: -14px;
}


@media only screen and (min-width:336px) and (max-width:786px) {
  .header-wrap.border-radius {
    border-radius: 99px;
    padding-left: 30px;
    margin-top: -26px;
  }
}
.header-wrap1.border-radius1 {
  /* border-radius: 99px; */
  padding-left: 30px;
  margin-top: -14px;
}

/*
	==================================================
		NAVBAR
	==================================================
*/
.t4-navbar {
  display: flex;
  justify-content: flex-end;
  min-height: 100px;
}

.navbar.navbar-expand-lg {
  position: relative;
}

.t4-navbar .dropdown-menu,
.t4-megamenu.animate.slide .dropdown .dropdown>.dropdown-menu>div {
  min-width: 185px !important;
  width: max-content;
}

.t4-navbar .navbar-nav>li>a::before {}

.t4-navbar .navbar-nav>li:hover>a::before {
  width: calc(100% - 2rem);
}

.t4-navbar .dropdown-item {
  transition: all 0.3s ease-in-out 0s;
  cursor: pointer
}

.t4-navbar .dropdown-item:hover,
.t4-navbar .dropdown-item:focus {
  background: none;
  transition: all 0.3s ease-in-out 0s;
}

.t4-navbar .dropdown-item:hover,
.t4-megamenu .dropdown-menu li>a:hover,
.t4-megamenu .dropdown-menu li .dropdown-item:hover {
  padding-left: 15px;
}

.t4-megamenu .dropdown-menu li>a:hover::before,
.t4-megamenu .dropdown-menu li>.separator:hover::before {
  padding-left: 10px;
}

.t4-navbar .nav-item::before {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-100%) translateY(-100%) rotate(90deg);
  font-family: 'FontAwesome';
  transition: all 0.3s linear 0s;
}

.t4-navbar .nav-item:hover::before,
.t4-navbar .nav-item.active::before {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-100%) translateY(0%) rotate(90deg);
  transition: all 0.3s linear 0s;
}

.t4-megamenu .nav [class^="icon-"],
.t4-megamenu .nav [class*=" icon-"],
.t4-megamenu .nav .fa {
  margin-right: 0.45rem;
}

.t4-megamenu .nav [class^="icon-"],
.t4-megamenu .nav [class*=" icon-"],
.t4-megamenu .nav .fa {
  transition: all 0.3s linear 0s;
}

.t4-navbar .dropdown-menu .nav-item::before {
  display: none;
}

.t4-navbar .dropdown-menu {
  border-radius: 20px;
}

.t4-megamenu .navbar-nav>li>a:hover i.icon-n-earphone {
  animation: movingY 0.8s;
  transition: all 0.3s linear 0s;
}

.t4-megamenu .dropdown-menu {
  padding: 0rem 1rem 1rem 1rem;
}

.t4-megamenu .dropdown-menu li>a,
.t4-megamenu .dropdown-menu li>.nav-link,
.t4-megamenu .dropdown-menu li .dropdown-item {}

.t4-megamenu .dropdown-menu li>a:hover,
.t4-megamenu .dropdown-menu li>.nav-link:hover,
.t4-megamenu .dropdown-menu li .dropdown-item:hover {}

.t4-megamenu .nav>.dropdown>.nav-link .item-caret,
.t4-megamenu .nav>.dropdown>.dropdown-toggle .item-caret {
  border: 0;
  margin-left: 0.25rem;
  vertical-align: middle;
  margin-top: -4px;
  margin-left: 5px;
}

.t4-navbar .dropdown-item.dropdown-toggle::after {
  right: -0.6rem
}

.t4-megamenu .dropdown-item .item-caret {
  margin-left: 0.25rem;
  vertical-align: middle;
  right: 0;
  top: 50%;
  position: absolute;
  transform: translateY(-50%)
}

.t4-megamenu .nav>.dropdown>.nav-link .item-caret::before {
  content: "\f078";
  font-style: normal;
  font-size: 0.8rem;
  font-weight: 400;
  font-family: FontAwesome;
  text-transform: none;
}

.t4-megamenu .navbar-nav>li>a,
.t4-megamenu .navbar-nav>li>.nav-link {
  text-transform: uppercase;
  transition: all 0.3s linear 0s;
}

.t4-megamenu .dropdown-menu li>a {
  position: relative;
}

.t4-megamenu .dropdown-menu li>a::before,
.t4-megamenu .dropdown-menu li>.separator::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  transform: translateY(-50%);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 0px;
  height: 2px;
}

.t4-megamenu .dropdown-menu li>a:hover::before,
.t4-megamenu .dropdown-menu li>.separator:hover::before {
  transition: all 0.3s ease-in-out 0s;
  width: 15px;
}

.t4-megamenu .mega-caption {
  left: 25px;
  text-transform: none;
  position: relative;
}

.t4-navbar .dropdown-menu::before {}

.t4-megamenu.animate.slide .dropdown.show.animating>.dropdown-menu {
  margin-top: -15px
}

.t4-navbar .dropdown-menu.level1.show::before {
  position: absolute;
  content: "";
  top: -15px;
  left: 35px;
  height: 0px;
  width: 0px;
  transition: all 0.3s ease-in-out 0s;
  animation: animatePos 0.4s linear;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  background: none;
}

.t4-header-m {
  flex-grow: 1;
  justify-content: space-evenly;
}

.t4-header-r-wrap {
  flex-grow: 0;
  justify-content: flex-start;
  z-index: 1;
  padding-right: 15px;
}

.t4-header-r p,
.t4-header-m p {
  margin-bottom: 0;
}


.jt-search-wrap.asgardia .mod-jtsearch .awesomplete {
  position: absolute
}

.jt-search-wrap.asgardia {}

.jt-search-wrap.asgardia .btn {
  position: relative;
  width: 56px;
  height: 56px;
  max-height: none;
  right: 0em;
  top: 0%;
  transform: translateY(0%);
  border-radius: 100%;
  font-size: 30px;
  cursor: pointer;
  transition: background-color 300ms ease-in, color 300ms ease-in;
  line-height: 1;
  padding: 0px;
  display: grid;
  place-items: center;
  z-index: 1;
}

.jt-search-wrap.asgardia [class^="icon-"],
.jt-search-wrap.asgardia [class*=" icon-"] {
  font-size: 1rem;
  margin-right: 0;
}

.jt-search-wrap.asgardia .icon-close::before {
  font-size: 14px;
}

.jt-search-wrap.asgardia .jt-search.container.asgardia {
  position: fixed;
  top: 0;
  left: 51%;
  background-color: rgba(0, 0, 0, 0.95);
  height: 0;
  width: 0;
  overflow: hidden;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
  -webkit-transform: translateX(-51%);
  -ms-transform: translateX(-51%);
  transform: translateX(-51%);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.jt-search-wrap.asgardia .jt-search.container.asgardia.show {
  max-width: 100% !important;
  opacity: 1;
  visibility: visible;
  width: 150%;
  height: 100%;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  border-radius: 0;
}

.jt-search-wrap.asgardia .btn.close-btn {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 40px;
  right: 40px;
  border-width: 1px;
  border-style: solid;
  font-size: 22px;
  border-radius: 50%;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.jt-search-wrap.asgardia .btn.close-btn:hover {
  border-color: transparent;
  border-color: transparent;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.jt-search-wrap.asgardia .mod-jtsearch input[type="text"],
.jt-search-wrap.asgardia .mod-jtsearch .awesomplete input[type="text"] {
  width: 100%;
  top: 50%;
  max-width: 100%;
  font-size: 18px;
  height: 70px;
  width: 100%;
  background-color: transparent;
  color: #fff;
  border-radius: 50px;
  left: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.popup-search-box {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  padding-bottom: 40px;
  cursor: auto;
  width: 100%;
  max-width: 700px;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition: -webkit-transform ease 0.4s;
  transition: -webkit-transform ease 0.4s;
  transition: transform ease 0.4s;
  transition: transform ease 0.4s, -webkit-transform ease 0.4s;
}

.jt-search-wrap.asgardia .jt-search.container.asgardia.show .popup-search-box {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.jt-search-wrap.asgardia .mod-jtsearch .popup-search-box::after {
  position: absolute;
  right: 40px;
  top: 50%;
  content: "\e803";
  z-index: 9;
  color: #fff;
  font-family: 'fontello';
  font-size: 24px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-block.fastfood .header-m {
  display: flex;
  gap: 10px;
}

@media (min-width:1200px) {
  .not-at-top .header-wrap.border-radius.t4-sticky {
    width: 1215px;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
  }
}

/*
	==================================================
		SLIDER
	==================================================
*/
.t4-slider {
  margin-top: -172px;
  z-index: 1;
}

body.dot-overlay .n2-ss-slide-background::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background: url(../images/dots-overlay.html);
  top: 0;
  left: 0;
  display: block !important;
  z-index: 5
}

.slider .as-btn.primary,
.slider .as-btn.warning.fastfood {
  margin-left: 20px;
}

.n2-ss-control-bullet {
  position: relative;
}

div#n2-ss-1 .nextend-bullet-bar .n2-bullet.n2-active,
div#n2-ss-1 .nextend-bullet-bar .n2-bullet {
  display: grid;
  place-items: center;
  font-size: 75%;
  position: relative;
}

.n2-ss-control-bullet::before {
  width: 20px;
  height: 100px;
  position: absolute;
  content: "";
  top: -100%;
  left: 50%;
  background: url(../images/dot_line.html) no-repeat center bottom;
  visibility: visible;
  transform: translateX(-10px);
}

.n2-ss-control-bullet::after {
  width: 20px;
  height: 100px;
  position: absolute;
  content: "";
  bottom: -100%;
  left: 50%;
  background: url(../images/dot_line_2.html) no-repeat center top;
  visibility: visible;
  transform: translateX(-10px);
}

div#n2-ss-1 .nextend-bullet-bar .n2-bullet.n2-active::after,
div#n2-ss-1 .nextend-bullet-bar .n2-bullet::after {
  width: calc(100% + 6px);
  height: calc(100% + 4px);
  position: absolute;
  content: "";
  bottom: -3px;
  left: -3px;
  visibility: visible;
  display: block;
  border-radius: 100%;
}

/*********/
/*
	==================================================
		SUBSLIDER-0
	==================================================
*/
.t4-subslider-0 {
  margin-bottom: 4rem;
  transition: all 0.3s linear 0s;
}

.t4-subslider-0 .container {
  border-radius: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: -50px;
  z-index: 3;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
}

.subslider-0 {
  border-radius: 10px;
  position: relative;
  transition: all 0.3s linear 0s;
  padding: 15px
}

.subslider-icon-text {
  display: flex;
}

.subslider-icon-text i {
  font-size: 60px;
  margin-right: 15px;
}

.subslider-title {
  font-size: 24px;
  font-weight: 500;
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: inline-block;
}

.bordered-title {
  font-weight: 500;
  padding-bottom: 10px
}

.subslider-text {
  padding-right: 15px
}

.dashedborder {
  padding: 15px
}

.subslider-0::after,
.dottedborder::after {}

.subslider-0:hover::after,
.dottedborder:hover::after {}

.subslider-0:hover {
  transition: all 0.3s linear 0s;
}

.subslider-0 .t4-module.module,
.subslider-0 .moduletable {
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}

/*
	==================================================
		SUBSLIDER-1 UNLOCK BEAUTY
	==================================================
*/
.unlock-beauty.right li,
.middlespot-1-module li {
  list-style: none
}

.unlock-beauty.right i,
.middlespot-1-module i {
  margin-right: 10px;
}

.unlock-beauty.right h6,
.middlespot-1-module h6 {
  display: inline-block;
}

/*******CHROME SAFARI OPERA********/
input[type=range]::-webkit-slider-runnable-track {
  /*background:#FFCC00;*/
  width: 300px;
  height: 5px;
  border: none;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #fff;
  margin-top: -4px;
}

input[type=range]:focus {
  outline: none;
}

/* Volume Slider Input */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #CCC;
  cursor: pointer;
  margin-top: -7px;
}

input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  border-radius: 0px;
  cursor: pointer;
}

/* Volume Slider Track */
input[type="range"]::-webkit-slider-thumb:active {
  border-color: #ccc;
}

input[type="range"]::-webkit-slider-runnable-track:active {}

input[type="range"]::-webkit-slider-thumb:hover {
  background-color: #fff;
  border-color: #ccc;
}

input[type="range"]::-webkit-slider-runnable-track:hover {}

input[type="range"]::-webkit-slider-thumb:focus {
  outline: none;
}

input[type="range"]::-webkit-slider-runnable-track:focus {
  outline: none;
}

/*
	==================================================
		FEATURE - SUBSLIDER
	==================================================
*/
.feature-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

.feature-card-wrap:first-child .feature-card {
  display: flex;
}

.feature-card-wrap:last-child .feature-card {
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-left: 2rem;
}

.space,
.space-bottom {
  padding-bottom: 100px;
}

.space,
.space-top {
  padding-top: 100px;
}

.feature-card_icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  min-width: 80px;
  border-radius: 50%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  text-align: center;
}

.feature-card_icon img {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.feature-card:hover .feature-card_icon img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

/**********/
/*
	==================================================
		ABOUT US 
	==================================================
*/
#t4-subslider-1 {
  z-index: 2;
  position: relative;
}

.text-end {
  text-align: right !important;
}

.shape-mockup {
  position: absolute;
  z-index: -1;
}

.checklist-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.btn-wrap {
  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;
  gap: 15px 30px;
}

.profile-box {
  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;
  gap: 16px;
}

.sub-title {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  font-family: 'Lobster Two';
  text-transform: capitalize;
  padding-top: 5px;
  position: relative;
  padding-left: 30px;
}

.sub-title::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: :0;
  width: 25px;
  height: 28px;
  background: url(../images/title_icon.html)
}

.sub-title .icon {
  margin: -13px 3px 0 0;
}

.checklist-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.profile-box .avater {
  border-radius: 99px;
  overflow: hidden;
  width: 56px;
  height: 56px;
}

.profile-box .title {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 4px;
}

.checklist ul {
  padding-left: 0;
  list-style: none;
  text-align: left;
  margin-bottom: 0;
}

.checklist li {
  margin-bottom: 11px;
  font-weight: 500;
  position: relative;
  padding-left: 24px;
}

.checklist li::before {
  content: "\f058";
  font-family: Fontawesome;
  font-weight: 900;
  position: absolute;
  left: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.checklist-wrap .as-video {
  min-width: 219px
}

.checklist-wrap .yendif-video-share-responsive-item {
  padding-bottom: 76% !important;
  border-radius: 5px;
}

.asgardia .yendif-video-share .yendif-video-share-svg-icon-play,
.yendif-video-share.asgardia .yendif-video-share-svg-icon-play {
  position: absolute;
  width: 53px;
  height: 53px;
  top: 50%;
  left: 50%;
  pointer-events: none;
  z-index: 3;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 100%;
  margin: 0;
}

.play-btn-animation {
  position: absolute;
  width: 53px;
  height: 53px;
  top: 50%;
  left: 50%;
  pointer-events: none;
  z-index: 2;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 100%;
  background-color: transparent;
  margin: 0;
}

.play-btn-animation::before,
.play-btn-animation::after {
  background-color: rgba(255, 255, 255, 0.85);
  ;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 50%;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: ripple;
  animation-name: ripple;
}

.play-btn-animation::after {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.video-btn .btn-text {
  color: #fff;
  border-bottom: 1px solid;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.qf3form.asgardia .qf_date_a {
  background-image: url(../images/calendar.html);
}

.qf3form.asgardia .qfcapt {
  display: none;
}

.footerbase .qf3form.asgardia.desk {
  margin-top: 120px
}

.qf3txt,
.qftextarea {
  position: relative;
}

.qf3txt.box_name::after,
.qf3txt.box_phonenumber::after,
.qf3txt.box_emailaddress::after {
  position: absolute;
  right: 25px;
  top: 50%;
  font-family: fontawesome;
  transform: translateY(-40%)
}

.qf3txt.box_name::after {
  content: "\f2c0";
}

.qf3txt.box_phonenumber::after {
  content: "\f095";
}

.qf3txt.box_emailaddress::after {
  content: "\f003";
}

.qftextarea.box_message::after {
  position: absolute;
  right: 25px;
  top: 40px;
  font-family: fontawesome;
  transform: translateY(0%)
}

.qftextarea.box_message::after {
  content: "\f0e5";
}


.t4-middlespot-3 .about-us.row {
  color: #000;
  justify-content: space-between;
}

.about-us-left h6 {
  display: inline-block;
  color: #000;
  padding-left: 10px
}

.about-us ul li {
  list-style: none;
}


/*
	==================================================
		LOCAL WEATHER - SP WEATHER
	==================================================
*/
.asgardia .block_even,
.asgardia .block_odd {
  background: rgba(255, 255, 255, 0.1);
  padding: 8px 6px;
  margin: 0px;
  border-radius: 3px;
}

.asgardia.weather_sp1 {
  padding: 0 0 5px 0;
}

.asgardia .weather_sp1_forecasts {
  gap: 10px 10px
}

.asgardia .weather_sp1_cleft {
  margin-right: 20px
}

.asgardia .weather_sp1_c {
  margin: 0 0 20px;
}

/*
	==================================================
		JT CONTENT SLIDER
	==================================================
*/
.jt-cs.asgardia .hover-icons a {}

.jt-cs.asgardia .owl-dots {
  margin-top: 20px;
}

.jt-cs.asgardia .owl-dots span {
  margin: 0px 3px;
  height: 18px;
  width: 18px;
  border: 0;
  border-radius: 100%;
}

.jt-cs.asgardia .owl-carousel .owl-nav .owl-next,
.jt-cs.asgardia .owl-carousel .owl-nav .owl-prev {
  top: 50%;
  font-size: 30px;
  font-weight: 300;
  width: 49px;
  height: 64px;
  margin: 0;
  border-radius: 10px;
}

.jt-cs.asgardia .owl-carousel .owl-nav .owl-prev {
  left: -65px;
}

.jt-cs.asgardia .owl-carousel .owl-nav .owl-next {
  right: -65px
}

.jt-cs.asgardia .owl-dots {
  counter-reset: dots;
}

.jt-cs.asgardia .jtcs_more_cat {
  margin-top: 15px;
}

.menu-card_content {
  box-shadow: 0px 6px 15px rgba(1, 15, 28, 0.04);
  border-radius: 20px;
  padding: 125px 10px 30px 10px;
  position: relative;
  z-index: 2;
  text-align: center;
}

.jt-cs.asgardia .jt-imagecover {
  position: relative;
  z-index: 3;
  border-radius: 20px;
}

.jt-cs.asgardia .jt-imagecover img {}

.jt-cs.asgardia .jt-imagecover::before {}

.jt-cs.asgardia.ourmenu .jt-imagecover:hover img,
.jt-cs.asgardia.popularfoods .jt-imagecover:hover img {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.jt-cs.asgardia .menu-card_content::before {
  content: '';
  height: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  z-index: -1;
}

.jt-cs.asgardia .jt-inner:hover .menu-card_content::before {
  height: 100%;
}

.jt-cs.asgardia .jt-inner:hover .menu-card_content,
.jt-cs.asgardia .jt-inner:hover .menu-card_content h4,
.jt-cs.asgardia .jt-inner:hover .menu-card_content a,
.jt-cs.asgardia .jt-inner:hover .menu-card_content p,
.jt-cs.asgardia .jt-inner:hover .menu-card_content .jt-author-date,
.jt-cs.asgardia .jt-inner:hover .menu-card_content i {
  color: #fff;
}

.jt-cs.asgardia .jt-inner .menu-card_content h3:hover,
.jt-cs.asgardia .jt-inner .menu-card_content h3 a:hover {
  color: #bdbdbd
}

.jt-cs.asgardia .jt-inner:hover a.as-btn.primary {
  background: #fff;
  color: #000;
}

.jt-cs.asgardia .jt-inner:hover a.as-btn.primary:hover {
  color: #FFF
}

.jt-cs.asgardia span.jt-caption {
  background: #fff;
  left: 10px;
  bottom: 10px;
}

.jt-cs.asgardia .jt-title {
  margin-bottom: 0;
}

.jt-cs.asgardia .jt-introtext {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  margin: 20px;
}

.jt-cs.asgardia h3 {
  margin-top: 0;
}

.jt-cs.asgardia .owl-dots {
  position: relative;
  width: max-content;
  margin: 30px auto 0 auto
}

.jt-cs.asgardia .owl-dots button {}

.jt-cs.asgardia .owl-dots button.active,
.jt-cs.asgardia .owl-dots button:hover,
.asgardia .owl2-dots .owl2-dot:hover,
.asgardia .owl2-dots .owl2-dot.active {}

.jt-cs.asgardia .jt-bottomline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 7px;
  flex-wrap: wrap;
}

.jt-cs.asgardia.popularshows p.readmore {
  margin-top: 0px !important;
  text-transform: uppercase;
  line-height: 1;
}

.jt-cs.asgardia .jt-author-date {
  display: flex;
  font-size: 90%;
  gap: 10px;
  margin-bottom: 10px
}

.jt-cs.asgardia .jt-author-date span {
  position: relative
}

.jt-cs.asgardia .jt-author-date .jt-date::after,
.jt-cs.asgardia .jt-author-date .jt-hits::after {}

body.com_content .lightbox .lb-image {
  border: 10px solid #fff;
}

.lightbox {}

.jt-cs.asgardia .owl-carousel .owl-nav span {
  display: grid;
  place-items: center;
}

.jt-cs.asgardia .owl-nav .fa,
.jt-cs.asgardia .owl-nav .far,
.jt-cs.asgardia .owl-nav .fas {
  font-size: 18px;
  display: block;
}

.jt-cs.asgardia.scroller .title-desc-onimage {
  position: absolute;
  bottom: 0px;
  line-height: 1;
  padding: 15px 15px 20px 15px;
  color: #fff
}

.jt-cs.asgardia.scroller .slide {
  border-bottom: 0;
}

.jt-cs.asgardia.scroller .title-desc-onimage {
  text-shadow: 0 1px 0 #000;
  text-align: center;
  width: 100%;
}

.jt-cs.asgardia.scroller .title-desc-onimage p.readmore {
  position: absolute;
  right: 0;
  bottom: 0;
  text-shadow: none;
  border-radius: 0px;
}

.jt-cs.asgardia.scroller .title-desc-onimage p.readmore i {
  font-size: 17px
}

.jt-cs.asgardia.scroller .title-desc-onimage p.readmore a.btn {
  border-radius: 0px;
}

.jt-cs.asgardia.scroller .jt-imagecover img {
  border-radius: 0px;
}

.jt-cs.asgardia.scroller .jt-introtext {
  line-height: 1.1
}

.jt-cs.asgardia.ourservices p.readmore i,
.jt-cs.asgardia a.jt-readmore .fa-arrow-right {
  transition: all 0.3s linear 0s;
}

.jt-cs.asgardia.ourservices p.readmore a:hover i,
.jt-cs.asgardia a.jt-readmore:hover .fa-arrow-right {
  transform: translateX(5px);
  transition: all 0.3s linear 0s;
}

.jt-cs.asgardia.ourservices .owl-dots {
  position: absolute;
  width: max-content;
  margin: 0px;
  top: 0;
  right: 10px
}

.jt-cs.asgardia.ourservices .jt-imagecover::before {
  display: none;
}

.jt-cs.asgardia.workarea .icon-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  column-gap: 20px
}

.jt-cs.asgardia.workarea span.jt-caption {
  position: relative;
  bottom: 0;
  padding: 0px 0px 0px 0px;
  z-index: 3;
  font-weight: normal;
  font-size: 50px;
  background: none
}

.jt-cs.asgardia.workarea .title-intro-container {
  padding: 0 20px 0px 20px
}

.jt-cs.asgardia.workarea .slide {
  transition: all 0.3s linear 0s;
}

.jt-cs.asgardia.solution .title-intro-container {
  position: relative;
  padding: 0px 10px 10px 10px;
  margin-top: -20px;
}

.jt-cs.asgardia.solution .dashedborder {
  padding: 25px 15px 15px;
  border-top: 0;
}

.jt-cs.asgardia.solution .jt-imagecover {
  border-radius: 20px 20px 0 0;
  margin-right: -1px;
  margin-left: -1px;
}

.jt-cs.asgardia.solution .slide:hover .dashedborder {
  border-top: 0;
}

.jt-cs.asgardia.solution span.jt-caption {
  z-index: 5;
  left: 50%;
  top: -21px;
  transform: translateX(-50%);
  font-size: 50px;
  border-radius: 100%;
  width: 85px;
  height: 85px;
  color: #fff;
  display: grid;
  place-items: center;
}

.jt-cs.asgardia.egzotic .jt-pretext {
  text-align: left;
  display: flex;
  align-items: center;
  margin-bottom: 30px
}

.jt-cs.asgardia.egzotic .pretext_title {
  padding-right: 50px;
  flex: 2;
}

.jt-cs.asgardia.egzotic .pretext {
  padding-left: 70px;
  flex: 3
}

.jt-cs.asgardia.egzotic .jt-imagecover img {
  border-radius: 100%;
}

.jt-cs.asgardia.egzotic .jt-imagecover::before {
  display: none;
}

.jt-cs.asgardia.egzotic .jt-imagecover:hover img {
  transition: all 0.2s linear 0s;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.jt-cs.asgardia.egzotic .jt-imagecover figure {
  overflow: hidden
}

/*
	==================================================
		LATEST NEWS - JT CONTENT SLIDER
	==================================================
*/
.navhelper::before {}

.navhelper::after {}

.jt-cs.asgardia .jt-imagecover:hover img {}

blockquote,
.wp-block-quote {}

blockquote cite,
.wp-block-quote cite {}

blockquote cite::before,
.wp-block-quote cite::before {
  content: "";
  height: 2px;
  width: 50px;
  position: absolute;
  bottom: 9px;
  left: -10px;
}

.jt-cs.asgardia.latest-news .jt-imagecover {
  border-radius: 20px 20px 0 0
}

.jt-cs.asgardia.latest-news .jt-inner {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.jt-cs.asgardia.latest-news .cat-title-text {
  padding: 33px 30px 33px 30px;
}

.jt-cs.asgardia .jt-date {
  margin-right: 0;
  position: relative;
  padding-right: 10px;
}

.jt-cs.asgardia .jt-hits {
  margin-right: 0;
  position: relative;
  padding-right: 10px;
}

.jt-cs.asgardia .jt-author {
  margin-left: 0;
  position: relative;
  padding-right: 10px;
}

.jt-cs.asgardia.latest-news .jt-date::after,
.jt-cs.asgardia.latest-news .jt-author::after {}

.jt-cs.asgardia.latest-news .jt-introtext {
  margin: 15px 0;
}

.jt-cs.asgardia.latest-news p.jt-readmore {
  text-align: right;
  margin-top: 10px
}

.jt-cs.asgardia.latest-news .jt-readmore i {
  text-decoration: none;
  color: #fff;
  font-size: 24px
}

.jt-cs.asgardia.latest-news .jt-readmore a.btn {
  padding: 9px 10px
}

.jt-cs.asgardia.latest-news .readmore-wrap {
  padding-top: 20px;
  margin-top: 20px;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
}

.jt-cs.asgardia.latest-news .jt-author-date {
  margin-bottom: 20px;
  padding-top: 15px
}

.jt-cs.asgardia.latest-news a.jt-category,
.jt-cs.asgardia.latest-news .jt-category {
  font-size: 14px;
}

.jt-cs.asgardia.latest-news h3,
.jt-cs.asgardia.latest-news .jt-title {
  line-height: 1.42;
}

.jt-cs.asgardia.latest-news .title-intro-container {
  padding: 0 10px 0px 10px;
  margin-top: -20px;
}

.jt-cs.asgardia.latest-news .dashedborder {
  padding: 30px 15px 15px;
  border-top: 0;
}

.jt-cs.asgardia.latest-news .slide:hover .dashedborder,
.jt-cs.asgardia.latest-news .dashedborder:hover {
  border-top: 0;
}

.jt-cs.asgardia.blog .jt-author-date {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.jt-cs.asgardia.blog .jt-inner:hover a.as-btn.primary {
  color: #fff
}

.jt-cs.asgardia.blog .jt-imagecover {
  border-radius: 20px;
}

.jt-cs.asgardia.blog .jt-author-date span {
  padding-right: 10px;
  margin-right: 10px;
  min-width: max-content;
  display: inline-block;
}

.jt-cs.asgardia.blog .jt-author-date span:last-child {
  border-right: none
}

.jt-cs.asgardia.blog h2 {
  font-size: 24px
}

.jt-cs.asgardia.blog .jt-imagecover img {
  margin-left: 0;
  margin-right: 0;
}


/*==================================================
		COLOREDMODULE
	==================================================
*/
.t4-coloredmodule::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 198px;
  height: 350px;
  content: "";
  background: url(../images/leaf-1.png) no-repeat top left
}

.t4-coloredmodule::after {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 267px;
  height: 286px;
  content: "";
  background: url(../images/leaf-3.png) no-repeat bottom right
}

.t4-coloredmodule .mdule-title,
.t4-coloredmodule h3 {
  color: #fff;
}

.coloredmodule::before {
  position: absolute;
  bottom: 0;
  left: -346px;
  width: 346px;
  height: 228px;
  content: "";
  background: url(../images/leaf-4.png) no-repeat bottom left
}

.coloredmodule::after {
  position: absolute;
  top: 0px;
  right: -221px;
  width: 221px;
  height: 295px;
  content: "";
  background: url(../images/leaf-2.png) no-repeat top right
}

.coloredmodule {
  padding: 1px
}

/*
	==================================================
		BOTTOMSPOT-1
	==================================================
*/
.bottomspot-1 {
  border-radius: 20px;
}

.bottomspot-1 .custom {
  padding: 80px 80px 0 80px;
  background-repeat: no-repeat;
}

.download-area {}

.download-btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
}

.download-btn {
  padding: 12px 30px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 999px;
  color: #fff;
  margin-bottom: 80px;
}

.download-btn i {
  font-size: 32px;
}

.download-btn .big-text {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  line-height: 1;
  color: inherit;
}

.download-btn .small-text {
  font-size: 10px;
  text-transform: uppercase;
  line-height: 1;
  display: block;
  margin-bottom: 4px;
}

.download-btn a {
  color: #fff;
}

body.layout-boxed .jt-cs.asgardia .owl-carousel .nav-button.owl-prev,
body.layout-boxed-solidcolor-bg .jt-cs.asgardia .owl-carousel .nav-button.owl-prev {
  left: -15px;
}

body.layout-boxed .jt-cs.asgardia .owl-carousel .nav-button.owl-next,
body.layout-boxed-solidcolor-bg .jt-cs.asgardia .owl-carousel .nav-button.owl-next {
  right: -15px;
}

.jt-cs.asgardia .fa,
.jt-cs.asgardia .far,
.jt-cs.asgardia .fas {}

.jt-cs.asgardia .hover-icons .fa,
.jt-cs.asgardia .hover-icons .far {
  margin-right: 0px;
  font-size: 16px;
}

.jt-cs.asgardia .jt-author-date i {
  font-size: 14px;
  margin-right: 3px;
}

.jt-cs.asgardia .jt-date {
  margin-right: 10px
}

.jt-cs.asgardia p.jt-readmore {
  margin-top: 30px
}

.jt-cs.asgardia .jt-introtext {
  margin: 10px 0;
}

.jtcs_item_wrapper.jt-cs.asgardia .jt-title {}

.jtcs_item_wrapper.jt-cs.asgardia .owl-carousel.owl-loaded {
  display: grid
}

.jt-pretext {
  text-align: center
}

.jt-pretext p.pretext {}

.jt-cs.asgardia.services .jt-introtext {
  line-height: 28px
}

.jt-cs.asgardia.services span.services-icon {
  border-radius: 100%;
  font-size: 40px;
  color: #fff;
  width: 85px;
  height: 85px;
  display: grid;
  place-items: center;
  position: absolute;
  top: -42.5px;
  left: 50%;
  margin-left: -42.5px;
}

.jt-cs.asgardia.services .jt-inner {
  position: relative;
  margin-top: 85px;
  padding: 85px 55px 55px 55px;
  text-align: center;
}

.jt-cs.asgardia.services .jt-inner:hover {
  -webkit-box-shadow: 5px 5px 5px 1px rgb(112 112 112 / 8%);
  -khtml-box-shadow: 5px 5px 5px 1px rgb(112 112 112 / 8%);
  -moz-box-shadow: 5px 5px 5px 1px rgb(112 112 112 / 8%);
  -ms-box-shadow: 5px 5px 5px 1px rgb(112 112 112 / 8%);
  -o-box-shadow: 5px 5px 5px 1px rgb(112 112 112 / 8%);
  box-shadow: 5px 5px 5px 1px rgb(112 112 112 / 8%);
}

.jt-cs.asgardia.services .jt-inner:hover span.services-icon {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}

.com-content-article span.services-icon {
  display: none;
}

.jt-cs.asgardia.services .jt-author-date {
  justify-content: center;
}

/******JT TESTIMONIAL - TEAM TESTIMONIALS********/
.no-js .owl2-carousel,
.owl2-carousel.owl2-loaded {
  display: grid;
}

.t4-bottomspot-2 .t4-section-inner.container {
  position: relative;
  z-index: 3;
}

#t4-main-top-2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

#asgardia-team .jt_testimonial-block-slide {
  background: none;
}

#asgardia-team .testimonial_block {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0px 15px 15px rgba(1, 15, 28, 0.06);
  position: relative;
  z-index: 2;
  align-items: center;
}

#asgardia-team .testimonial_block-image img {
  border-radius: 100%;
  padding: 10px
}

#asgardia-team .testimonial_block-data {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0px 30px 15px 30px;
  position: relative;
  transition: all 0.3s linear 0s;
  z-index: 9;
}

#asgardia-team .testimonial_block-position h6 {
  font-weight: 300
}

#asgardia-team .testimonial_block-data .jt-social-icons {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  padding-top: 10px;
  justify-content: center;
  width: 100%;
}

#asgardia-team .testimonial_block:hover .jt-social-icons {
  transition: all 0.5s linear 0s;
  transform: translate(0px, 0px);
}

#asgardia-team .testimonial_block .jt-social-icons a {
  border-radius: 100%;
  width: 35px;
  height: 35px;
  margin: 0 5px;
  display: grid;
  place-items: center;
  padding: 0;
}

#asgardia-team .testimonial_block:hover .jt-social-icons {
  border-top: 1px solid #fff;
}

#asgardia-team .testimonial_block::before {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  position: absolute;
  content: "";
  width: 100%;
  opacity: 0;
  height: 0;
  bottom: 0;
  left: 0;
  border-radius: 20px;
  z-index: -1;
}

#asgardia-team .testimonial_block:hover::before {
  opacity: 1;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

#asgardia-team .testimonial_block:hover .testimonial_block-data {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  color: #FFFFFF
}

#asgardia-team .testimonial_block:hover .testimonial_block-data a,
#asgardia-team .testimonial_block:hover .testimonial_block-text {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  color: #FFFFFF
}

#asgardia-team .testimonial_block-text::after {
  right: 0;
}

#asgardia-team .testimonial_block-data .jt-social-icons-inner {
  display: flex;
  width: 100%;
  justify-content: center;
}

.t4-bottomspot-2 {
  background: url(../images/bottomspot-2-bg.jpg) no-repeat bottom center;
  background-size: cover
}

.t4-bottomspot-2 p,
.t4-bottomspot-2 h1,
.t4-bottomspot-2 h2,
.t4-bottomspot-2 h3,
.t4-bottomspot-2 h4,
.t4-bottomspot-2 h5,
.t4-bottomspot-2 h6 {
  color: #fff
}

.t4-bottomspot-2::after,
.t4-middlespot-5::after {
  position: absolute;
  top: 105px;
  left: 0;
  width: 100%;
  height: 60%;
  content: "";
  opacity: 0.9
}

.t4-bottomspot-2 .container,
.t4-middlespot-5 .container,
.t4-coloredmodule .container {
  background-color: transparent;
}

.t4-middlespot-5 {
  background: url(../images/middlespot-5-bg.jpg) no-repeat bottom center;
  background-size: cover;
  background-attachment: fixed
}

.t4-middlespot-5::after {
  background-color: rgba(0, 0, 0, 0.9)
}

.asgardia .owl2-carousel.nav-bottom-right .owl2-nav,
.asgardia .owl2-carousel.nav-outside-top .owl2-nav {
  width: 120px
}

.jt-cs.asgardia .owl-carousel .nav-button.owl-prev,
.jt-cs.asgardia .owl-carousel .nav-button.owl-next,
.asgardia .owl2-nav .owl2-prev,
.asgardia .owl2-nav .owl2-next,
.asgardia .owl2-nav .owl2-prev:hover,
.asgardia .owl2-nav .owl2-next:hover {
  display: inline-block;
  padding: 0;
  position: absolute;
  top: 50%;
  box-shadow: 0px 2px 15px rgba(1, 15, 28, 0.1);
  width: 56px;
  height: 56px;
  line-height: 56px;
  font-size: 16px;
  z-index: 2;
  border-radius: 999px;
  transform: translate(0%, -100%)
}

.jt-cs.asgardia .owl-carousel .nav-button.owl-prev {
  left: -56px
}

.jt-cs.asgardia .owl-carousel .nav-button.owl-next {
  right: -56px
}

body.layout-boxed-solidcolor-bg #asgardia-team .owl2-nav .owl2-prev,
body.layout-boxed #asgardia-team .owl2-nav .owl2-prev {
  left: -15px;
}

body.layout-boxed-solidcolor-bg #asgardia-team .owl2-nav .owl2-next,
body.layout-boxed #asgardia-team .owl2-nav .owl2-next {
  right: -15px;
}

#asgardia-team .testimonial_block:hover .testimonial_block-name h5,
#asgardia-team .testimonial_block:hover .testimonial_block-position h6,
#asgardia-team .testimonial_block:hover .testimonial_block-name h3 {
  color: #FFF;
}


.asgardia .owl2-dots .owl2-dot span {
  border-radius: 100%;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.asgardia .owl2-dots .owl2-dot {
  width: 20px;
  height: 20px;
  position: relative;
  font-size: 12px;
  font-weight: 500;
  position: relative;
  margin: 5px;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  line-height: 0;
  border-radius: 100%;
  background: none;
}

@media (min-width: 993px) and (max-width: 1600px) {
  .asgardia .owl2-dots .owl2-dot{

    visibility: hidden;
  }
}


.asgardia .owl2-dots {
  counter-reset: dots;
}

.asgardia .owl2-dots .owl2-dot:before {
  font-size: 12px;
  top: 50%;
  position: absolute;
  z-index: 3;
  left: 50%;
  transform: translate(-50%, -50%);
  -transform: translate(-50%, -50%);
  color: #fff;
}

.asgardia .owl2-dots .owl2-dot.active {
  background-color: transparent;
}

.asgardia .owl2-nav .owl2-prev,
.asgardia .owl2-nav .owl2-next {
  background-image: none;
  border: 0;
}

.asgardia .owl2-dots::before,
.asgardia .owl2-dots::after {
  content: '';
  height: 2px;
  width: 100px;
  position: absolute;
  top: 50%;
  margin-top: -1px;
}

.asgardia .owl2-dots::before {
  right: calc(100% + 10px);
}

.asgardia .owl2-dots::after {
  left: calc(100% + 10px);
}

.asgardia .testimonial_block-text::after {
  display: none;
}

.asgardia .testimonial_block::after {
  content: "\f10e";
  font-family: FontAwesome;
  font-size: 32px;
  margin: auto;
  position: absolute;
  right: 10px;
  bottom: 0px;
  z-index: 2;
  opacity: 0.30;
}


.asgardia .owl2-nav .owl2-prev::before,
.asgardia .owl2-nav .owl2-next::before,
.jt-cs.asgardia .owl-carousel .nav-button.owl-prev::before,
.jt-cs.asgardia .owl-carousel .nav-button.owl-next::before {
  position: absolute;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  top: 0;
  left: 0;
  font-family: "FontAwesome"
}

.jt-cs.asgardia .owl-carousel .nav-button.owl-prev::before,
.asgardia .owl2-nav .owl2-prev::before {
  content: "\f060";
}

.jt-cs.asgardia .owl-carousel .nav-button.owl-next::before,
.asgardia .owl2-nav .owl2-next::before {
  content: "\f061";
}

.asgardia .owl2-nav .owl2-prev,
.asgardia .owl2-nav .owl2-next {
  background-image: none;
}

.asgardia .testimonial_block-data .jt-social-icons {
  justify-content: center;
}

.asgardia .name-pos-info-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px
}

.asgardia .testimonial_block-name {
  font-size: 18px
}

.asgardia.testimonial {
  display: flex;
  align-items: center;
}

.asgardia.testimonial .jt-pretext {
  flex: 1;
  text-align: left;
  padding-right: 30px
}

#asgardia-testimonial-main {
  flex: 3
}


.asgardia.team .testimonial_block-data {
  margin-top: -40px;
  position: relative;
  z-index: 2;
}

.asgardia.team .testimonial_block-image {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.asgardia.team .testimonial_block-image::after {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.35)
}

.asgardia.team .jt_testimonial-block-slide:hover .testimonial_block-image::after {
  opacity: 0.7;
}

.asgardia.team .testimonial_block-image img {
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
}

.asgardia.team .jt_testimonial-block-slide:hover .testimonial_block-image img {
  transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(31.25em);
  -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(31.25em);
  -moz-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(31.25em);
  -o-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(31.25em);
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  box-shadow: 0px 0px 0.75em rgba(0, 0, 0, 0.9);
}

.asgardia.team .jt-social-icons {
  position: absolute;
  top: 50px;
  left: -50px;
  transition: all 0.3s linear 0s;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 10px
}

.asgardia.team .jt_testimonial-block-slide:hover .jt-social-icons {
  position: absolute;
  top: 50px;
  left: 30px;
  transition: all 0.3s linear 0s;
}

.asgardia.team .testimonial_block::after {
  display: none;
}

.asgardia.team .testimonial_block-data {
  transition: all 0.3s linear 0s;
}

.asgardia.team .jt_testimonial-block-slide:hover .testimonial_block-data div {
  transition: all 0.3s linear 0s;
  color: #fff
}

.asgardia.team .jt-social-icons a {
  border-radius: 10px;
  padding: 5px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center
}

/*
	==================================================
		BOTTOMSPOT-3 Our Customer Feedbacks
	==================================================
*/
body.site-default-home-1 .t4-bottomspot-3,
body.site-default-home-pizzaburger-dark .t4-bottomspot-3,
body.site-homedark .t4-bottomspot-3 {}

.t4-bottomspot-3::before {}

.t4-bottomspot-3::after {}

.bottomspot-3::before {}

.bottomspot-3::after {}

.asgardia.customer.jt-pretext {
  text-align: left;
}

#asgardia-customer .image-name-wrapper {
  display: flex;
  gap: 10px;
}

#asgardia-customer h3 {
  margin: 0;
}

#asgardia-customer h6 {
  font-weight: normal;
  margin: 0;
}

#asgardia-customer .testimonial_block {
  display: block;
  padding: 90px 40px 40px 40px;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  box-shadow: 0px 3px 15px rgba(1, 15, 28, 0.08);
  text-align: left;
}

#asgardia-customer .jt-social-icons {
  display: flex;
  gap: 10px
}

#asgardia-customer .testimonial_block-text {
  margin-bottom: 15px;
}

#asgardia-customer .rating {
  margin-bottom: 20px;
}

#asgardia-customer .testimonial_block-text::after {
  display: none;
}

#asgardia-customer .testimonial_block-text::before {
  position: absolute;
  top: -60px;
  left: -10px;
  width: 49px;
  height: 40px;
  content: "";
  background: url(../images/quote_left.html) no-repeat;
}

.bottomspot-3 {
  position: relative;
  z-index: 1;
}

/**********/

/***********#t4-maintop-1**************/
#t4-maintop-1 {
  background-image: url(../images/why_bg_1.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#t4-maintop-1 h3.module-title {
  color: #fff;
}

#t4-maintop-1 .t4-module:first-child {
  margin-top: 0;
}

#t4-maintop-1 .as-btn.primary:hover {
  color: #000;
}

#t4-maintop-1 .as-btn.primary::before {
  background-color: #FFFFFF;
  color: #000;
}

/***********************/

.mainbody.asgardia {
  position: relative;
  margin-bottom: 40px;
}

.blog-items,
.com-content-article,
.com-users-registration,
.contact.asgardia,
.sp-simpleportfolio.asgardia {
  padding: 15px;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  padding: 1.5rem
}

.mainbody-inner {
  border-radius: 20px;
}

.sidebar-r .t4-module {
  margin-bottom: 40px;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  padding: 1.5rem
}

.sidebar-l .t4-module {
  margin-bottom: 40px;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  padding: 1.5rem
}

.sidebar-r .t4-module:first-child,
.sidebar-l .t4-module:first-child {
  margin-top: 40px
}

.sidebar-r .jtcs_item_wrapper h3 a.jt-title,
.sidebar-r .jtcs_item_wrapper .h3 a.jt-title,
.sidebar-l .jtcs_item_wrapper h3 a.jt-title,
.sidebar-l .jtcs_item_wrapper .h3 a.jt-title {
  font-size: 14px;
}

.theme-dark1 .blog-items,
.theme-dark1 .com-content-article,
.theme-dark1 .com-users-registration,
.theme-dark1 .contact.asgardia,
.theme-dark1 .sp-simpleportfolio.asgardia,
.theme-dark2 .blog-items,
.theme-dark2 .com-content-article,
.theme-dark2 .com-users-registration,
.theme-dark2 .contact.asgardia,
.theme-dark2 .sp-simpleportfolio.asgardia,
.theme-dark3 .blog-items,
.theme-dark3 .com-content-article,
.theme-dark3 .com-users-registration,
.theme-dark3 .contact.asgardia,
.theme-dark3 .sp-simpleportfolio.asgardia,
.theme-dark4 .blog-items,
.theme-dark4 .com-content-article,
.theme-dark4 .com-users-registration,
.theme-dark4 .contact.asgardia,
.theme-dark4 .sp-simpleportfolio.asgardia {
  box-shadow: none;
}

/*****************/
div.fastsocialshare_container {
  position: absolute;
  right: 34px;
  bottom: 64px;
  display: flex;
  max-width: 50%;
}

div.fastsocialshare_container a {
  margin: 0
}

div.fastsocialshare-subcontainer>div[class^="fastsocialshare-share-"] {
  margin-bottom: 0px;
  margin-top: 5px;
}

.fastsocialshare-subcontainer {
  margin: 0;
  padding: 8px 20px;
  list-style-type: none;
  display: flex;
  align-items: center;
  border-radius: 999px;
}

div.fastsocialshare-text {
  margin: 14px 6px 8px 0;
}

.theme-lightcolor2 .t4-topbar .mod-finder input.js-finder-search-query::placeholder,
.theme-lightcolor3 .t4-topbar .mod-finder input.js-finder-search-query::placeholder,
.theme-lightcolor4 .t4-topbar .mod-finder input.js-finder-search-query::placeholder,
.theme-cyan .t4-topbar .mod-finder input.js-finder-search-query::placeholder {
  color: #fff;
}

.theme-cyan .asgardia .jt_testimonial-block-slide {
  background: none;
}

.theme-cyan .t4-content {
  background-image: none
}

.registration meter {
  min-width: 240px;
  border-radius: 10px;
  height: 12px
}

/*
	==================================================
		VIDEO - YENDIF VIEDO SHARE
	==================================================
*/
.yendif-video-share.videos.asgardia {
  padding: 10px 0;
}

.yendif-video-share.videos.asgardia .thumbnails .col-md-3,
.yendif-video-share.videos.asgardia .thumbnails .col-sm-3 {}

.yendif-video-share.videos.asgardia ul.thumbnails,
.related-asgardia ul,
.yendif-video-share.categories.asgardia ul {
  padding: 0;
}

.yendif-video-share.videos.asgardia .thumbnails li,
.related-asgardia li,
.yendif-video-share.categories.asgardia li,
.yendif-video-share.my-videos.asgardia li {
  list-style: none;
  margin-left: 0;
}

.yendif-video-share.videos.asgardia .thumbnail,
.yendif-video-share.categories.asgardia .thumbnail {
  display: block;
  padding: 0px;
  margin-bottom: 15px;
  line-height: 1.42;
  border: 0;
  border-radius: 0px;
  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, .10);
  -khtml-box-shadow: 0 2px 15px rgba(0, 0, 0, .10);
  -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, .10);
  -ms-box-shadow: 0 2px 15px rgba(0, 0, 0, .10);
  -o-box-shadow: 0 2px 15px rgba(0, 0, 0, .10);
  box-shadow: 0 2px 15px rgba(0, 0, 0, .10);
}

.yendif-video-share.videos.asgardia [class*=' col-'] {
  padding-left: 10px;
  padding-right: 10px;
}

.yendif-video-share.videos.asgardia ul {
  margin: 0;
}

.yendif-thumbnail .yendif-play-icon.asgardia {
  position: absolute;
  width: 56px;
  height: 56px;
  margin: -26px 0px 0px -26px;
  padding: 0px;
  top: 50%;
  left: 50%;
  z-index: 2;
  opacity: 0.85;
}

.yendif-video-share.asgardia a:hover {
  text-decoration: none;
}

.jt-carousel-yendif-outer.asgardia {
  position: relative;
}

.yendif-video-share.mod-yendifvideoshare-videos.asgardia {
  position: relative;
  padding-bottom: 3rem
}

.yendif-video-share.mod-yendifvideoshare-videos.asgardia .more-btn,
.jt-carousel-yendif-outer.asgardia .more-btn {
  position: absolute;
  right: 0px;
  top: -50px;
}

.jt-carousel-yendif-outer.asgardia .yendif-video-share-grid-item {
  position: relative;
  cursor: pointer;
}

.yendif-video-share-grid .mb-3 {
  margin-bottom: 3rem !important
}

.jt-carousel-yendif-outer.asgardia .yendif-video-share-title a {}

.jt-carousel-yendif-outer.asgardia .yendif-video-share-excerpt {
  line-height: 1;
}

.jt-carousel-yendif-outer.asgardia.howitworks a.yendif-video-share-responsive-item {
  min-height: 82px;
  min-width: 82px
}

.jt-carousel-yendif-outer.asgardia .title-desc-wrap {
  position: absolute;
  bottom: 0;
  right: 20%;
  width: 75%;
  height: 40%;
  cursor: pointer;
  z-index: 2;
  text-align: right;
}

.jt-carousel-yendif-outer.asgardia .tns-nav button {
  width: 18px;
  height: 18px;
}

.jt-carousel-yendif-outer.asgardia .tns-nav,
.jt-carousel-yendif-outer.asgardia .tns-controls,
.jt-carousel-yendif-outer.asgardia .playButton {
  margin: 0;
}

.jt-carousel-yendif-outer.asgardia .tns-controls {
  padding-right: 20px
}

.jt-carousel-yendif-outer.asgardia:hover .tns-controls button {}

.jt-carousel-yendif-outer.asgardia .tns-nav {
  padding-bottom: 20px;
}

.jt-carousel-yendif-outer.asgardia .tns-controls [data-controls="prev"],
.jt-carousel-yendif-outer.asgardia .tns-controls [data-controls="next"] {
  display: grid;
  place-items: center;
  font-size: 18px;
  font-weight: 300;
  width: 49px;
  height: 64px;
  border-radius: 10px;
  color: #fff
}

.jt-carousel-yendif-outer.asgardia .tns-controls [data-controls="prev"] {}

.jt-carousel-yendif-outer.asgardia .tns-controls [data-controls="next"] {}

.jt-carousel-yendif-outer.asgardia .title-excerpt-rating {
  z-index: 2;
  position: relative;
  margin-top: -20px
}

.jt-carousel-yendif-outer.asgardia .title-cat-desc {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.jt-carousel-yendif-outer.asgardia .playicon {
  font-size: 36px;
  padding-left: 10px;
}

.yendif-video-share.asgardia .btn-primary {
  margin-left: 10px;
}

.yendif-video-share.videos.asgardia .more_btn {
  position: relative;
  font-size: 12px;
  font-weight: bold;
}

.yendif-video-share.videos.asgardia .more_btn-inner {
  position: absolute;
  right: -11px;
  top: -56px;
  line-height: 1;
  padding: 2px 5px;
}

.yendif-video-share.category.asgardia ul.thumbnails {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.yendif-video-share.category.asgardia ul.thumbnails li {
  list-style: none;
}

.yendif-video-share.category.asgardia .thumbnail,
.related-asgardia .thumbnail,
.yendif-video-share.my-videos.asgardia .thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 30px;
  line-height: 1.42;
  border: 1px solid transparent;
  border-radius: 0px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.yendif-video-share.asgardia .radio.inline+.radio.inline,
.yendif-video-share.asgardia .checkbox.inline+.checkbox.inline {
  margin-left: 10px;
}

.yendif-video-share.asgardia .radio.inline,
.yendif-video-share.asgardia .checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.yendif-video-share .radio input[type="radio"],
.yendif-video-share .checkbox input[type="checkbox"] {
  margin: 2px 10px 2px 2px;
  position: relative;
}

.yendif-video-share.asgardia .form-search input,
.yendif-video-share.asgardia .form-inline input,
.yendif-video-share.asgardia .form-horizontal input,
.yendif-video-share.asgardia .form-search textarea,
.yendif-video-share.asgardia .form-inline textarea,
.yendif-video-share.asgardia .form-horizontal textarea,
.yendif-video-share.asgardia .form-search select,
.yendif-video-share.asgardia .form-inline select,
.yendif-video-share.asgardia .form-horizontal select,
.yendif-video-share.asgardia .form-search .help-inline,
.yendif-video-share.asgardia .form-inline .help-inline,
.yendif-video-share.asgardia .form-horizontal .help-inline,
.yendif-video-share.asgardia .form-search .uneditable-input,
.yendif-video-share.asgardia .form-inline .uneditable-input,
.yendif-video-share.asgardia .form-horizontal .uneditable-input,
.yendif-video-share.asgardia .form-search .input-prepend,
.yendif-video-share.asgardia .form-inline .input-prepend,
.yendif-video-share.asgardia .form-horizontal .input-prepend,
.yendif-video-share.asgardia .form-search .input-append,
.yendif-video-share.asgardia .form-inline .input-append,
.yendif-video-share.asgardia .form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  vertical-align: middle;
}

.yendif-video-share.video.asgardia .input-append input,
.yendif-video-share.video.asgardia .input-append select,
.yendif-video-share.video.asgardia .input-append .uneditable-input {
  -webkit-border-radius: 0x;
  -moz-border-radius: 0px;
  border-radius: 0px;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  margin-right: 10px;
}

.yendif-video-share.video.asgardia .breadcrumb {
  margin-top: 15px
}

.vjs-playlist.white.asgardia {
  border-radius: 0px 3px 3px 0px;
}

.yendif-video-share.videos.asgardia .thumbnail .yendif-image.asgardia {
  transition: all 0.2s linear 0s;
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.yendif-video-share.videos.asgardia .thumbnail:hover .yendif-image.asgardia {
  transition: all 0.2s linear 0s;
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.yendif-video-share.videos.asgardia .thumbnail .yendif-image.asgardia::before {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 98%, rgba(0, 0, 0, 0.9) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 98%, rgba(0, 0, 0, 0.9) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 98%, rgba(0, 0, 0, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000', GradientType=0);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all ease-in-out 1s;
  -webkit-transition: all ease-in-out 0.5s;
  ;
  z-index: 3;
}

.yendif-video-share.videos.asgardia .thumbnail:hover .yendif-image.asgardia::before {
  opacity: 1;
}

a.yendif-thumbnail.asgardia {
  overflow: hidden;
}

.yendif-video-share.category.asgardia .yendif-thumbnail .yendif-image,
.related-asgardia .yendif-thumbnail .yendif-image {
  transition: all ease-in-out 0.5s;
}

.yendif-video-share.category.asgardia .yendif-thumbnail:hover .yendif-image,
.related-asgardia .yendif-thumbnail:hover .yendif-image {
  transition: all ease-in-out 0.5s;
  -webkit-transition: all ease-in-out 0.5s;
  transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  overflow: hidden;
}

.yendif-video-share.category.asgardia a.yendif-thumbnail,
.related-asgardia a.yendif-thumbnail {
  overflow: hidden;
}

.yendif-video-share.videos.asgardia .thumbnail .caption {
  padding: 10px 15px 15px 15px;
}

.yendif-video-share.category.asgardia .yendif-thumbnail .yendif-image::before,
.related-asgardia .yendif-thumbnail .yendif-image::before {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 98%, rgba(0, 0, 0, 0.9) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 98%, rgba(0, 0, 0, 0.9) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 98%, rgba(0, 0, 0, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000', GradientType=0);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all ease-in-out 1s;
  -webkit-transition: all ease-in-out 0.5s;
  z-index: 3;
}

.yendif-video-share.category.asgardia .yendif-thumbnail:hover .yendif-image::before,
.yendif-image::before,
.related-asgardia .yendif-thumbnail:hover .yendif-image::before {
  opacity: 1;
}

.yendif-video-share.category.asgardia .yendif-thumbnail .yendif-play-icon,
.related-asgardia .yendif-thumbnail .yendif-play-icon {
  position: absolute;
  width: 56px;
  height: 56px;
  margin: -25px 0px 0px -25px;
  opacity: 0.80;
}

.t3-wrapper .yendif-ratings-small .yendif-ratings-stars,
.t3-wrapper .yendif-ratings-small .yendif-ratings-stars .yendif-current-ratings,
.t3-wrapper .yendif-ratings-small .yendif-ratings-star a:hover {
  background-image: url(../images/star_small.html) !important;
}

.yendif-video-share.video.asgardia .yendif-video-share-ratings .yendif-video-share-ratings-stars,
.yendif-video-share.video.asgardia .yendif-video-share-ratings .yendif-video-share-ratings-star a:hover,
.yendif-video-share.video.asgardia .yendif-video-share-ratings .yendif-video-share-ratings-stars .yendif-video-share-ratings-current {
  background-image: url(../images/star.html);
}

.yendif-video-share.videos.asgardia .yendif-video-share-ratings-small .yendif-video-share-ratings-stars,
.yendif-video-share.videos.asgardia .yendif-video-share-ratings-small .yendif-video-share-ratings-current,
.yendif-video-share.videos.asgardia .yendif-video-share-ratings-small .yendif-video-share-ratings-star a:hover,
.yendif-video-share.videos.asgardia .yendif-video-share-ratings-small .yendif-video-share-ratings-stars,
.yendif-video-share.videos.asgardia .yendif-video-share-ratings-small .yendif-video-share-ratings-current,
.yendif-video-share.videos.asgardia .yendif-video-share-ratings-small .yendif-video-share-ratings-star a:hover {
  background-image: url(../images/star_small.html);
}

.yendif-video-share.video.asgardia .yendif-video-share-ratings-small .yendif-video-share-ratings-stars,
.yendif-video-share.video.asgardia .yendif-video-share-ratings-small .yendif-video-share-ratings-current,
.yendif-video-share.video.asgardia .yendif-video-share-ratings-small .yendif-video-share-ratings-star a:hover {
  background-image: url(../images/star_small.html);
}

.yendif-video-share.asgardia .yendif-video-share-svg-icon-play {}

.yendif-video-share.asgardia .yendif-video-share-grid-item:hover .yendif-video-share-svg-icon-play,
.yendif-video-share.asgardia .yendif-video-share-grid-item:hover .yendif-video-share-svg-icon-play-whitebg {
  opacity: 1;
  transition: all 0.2s linear 0s;
}

.yendif-video-share.asgardia .yendif-video-share-svg-icon-play-whitebg {
  fill: #fff;
  opacity: 0.7;
  width: 26px;
  height: 30px;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -11px;
  padding: 4px;
  transition: all 0.2s linear 0s;
  position: absolute;
  z-index: 1
}

.yendif-video-share.asgardia .yendif-play-icon {}

.yendif-video-share.asgardia .yendif-play-icon::before {
  content: '';
  position: absolute;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  background: transparent;
  transition: .5s;
  transform: scale(.9);
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-top: -21px;
  margin-left: -21px;
  transition: all 0.2s linear 0s;
}

.yendif-video-share.video.asgardia .yendif-video-share-search-form {
  margin-bottom: 20px;
}

.asgardia .card {
  padding: 10px 10px 10px 10px;
  margin-bottom: 30px;
  border: 0;
}

.yendif-video-share.videos.asgardia.videos .card-body,
.yendif-video-share.video.asgardia .yendif-video-share-related.asgardia .card-body,
.yendif-video-share-categories.asgardia .card-body,
.yendif-video-share.category.asgardia .card-body,
.yendif-video-share.mod-yendifvideoshare-videos.asgardia .card-body,
.jt-carousel-yendif-outer.asgardia .yendif-title-text {
  padding: 10px 15px 20px 15px;
}

.yendif-video-share.videos.asgardia .yendif-video-share-ratings,
.yendif-video-share.videos.asgardia .yendif-video-share-ratings-small {
  margin: 7px 0 7px 0;
  padding: 3PX 0;
}

.yendif-video-share.category.asgardia .card-body {
  margin-bottom: 30px
}

.yendif-video-share.video.asgardia .yendif-video-share-meta-views,
.yendif-video-share.video.asgardia .yendif-video-share-ratings,
.yendif-video-share.video.asgardia .yendif-video-share-ratings-small,
.yendif-video-share.video.asgardia .yendif-video-share-meta-date {
  margin: 7px 0 7px 0;
}

.yendif-video-share.video.asgardia p.lead {
  margin: 20px 0 15px 0;
}

.yendif-video-share.video.asgardia div.yendifplayer {
  margin-bottom: 15px
}

.yendif-video-share.video.asgardia .yendif-video-share-related.asgardia .yendif-video-share-grid-item {
  margin-bottom: 30px
}

.yendif-video-share.video.asgardia .yendif-video-share-related.asgardia .card {
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
}

.mb-2 {
  margin-bottom: 20px;
}

.mb-3 {
  margin-bottom: 30px;
}

.jt-carousel-yendif-outer.asgardia.titleonpic .play-btn {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
}

.jt-carousel-yendif-outer.asgardia.titleonpic .yendif-video-share-svg-icon-play-whitebg,
.jt-carousel-yendif-outer.asgardia.titleonpic .yendif-video-share-svg-icon-play {
  position: absolute;
  z-index: 5;
  cursor: pointer;
}

.jt-carousel-yendif-outer.asgardia.titleonpic h4 {
  margin: 2px 0;
}

.jt-carousel-yendif-outer.asgardia.titleonpic.filmstrip .more-btn {
  position: absolute;
  right: 80px;
  top: -50px;
}

.yendif-video-share .title-excerpt-rating {
  transition: all 0.3s linear 0s;
}

.yendif-video-share:hover .title-excerpt-rating a,
.yendif-video-share:hover .title-excerpt-rating i {
  color: #fff
}

.yendif-video-share.asgardia .yendif-video-share-image,
.jt-carousel-yendif-outer.asgardia .yendif-video-share-image {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
}

.yendif-video-share.asgardia .yendif-video-share-image::before,
.jt-carousel-yendif-outer.asgardia .yendif-video-share-image::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.yendif-video-share.asgardia .yendif-video-share-grid-item:hover .yendif-video-share-image,
.jt-carousel-yendif-outer.asgardia .yendif-video-share-image:hover {
  transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(31.25em);
  -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(31.25em);
  -moz-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(31.25em);
  -o-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(31.25em);
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
  box-shadow: 0px 0px 0.75em rgba(0, 0, 0, 0.9);
}

.yendif-video-share.asgardia .yendif-video-share-grid-item:hover .yendif-video-share-image::before,
.jt-carousel-yendif-outer.asgardia .yendif-video-share-image:hover::before {
  opacity: 0.4;
  z-index: 9;
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -o-transition: all 0.6s ease 0s;
}

.yendif-video-share.video.asgardia .yendif-video-share-likes-dislikes,
.yendif-video-share.video.asgardia .yendif-video-share-meta-category {
  margin: 7px 0;
}

.yendif-video-share.asgardia .yendif-video-share-meta {
  margin-bottom: 40px
}

.yendif-video-share.mod-yendifvideoshare-playlist.asgardia .yendif-video-share-playlist-items {}

.asgardia .yendif-video-share-category {
  text-align: left;
}

/*********yendif player module**********/
.mod-yendifvideoshare-player-inner.asgardia {
  z-index: 2;
  position: relative;
}

.mod-yendifvideoshare-player-inner.asgardia .yendifplayer {}

#t4-subslider-2 {
  background-image: url(../images/subslider-2-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  overflow: auto;
}

#t4-subslider-2 .container {
  background: none;
  background-color: transparent;
}

.yendifplayer-description-asgardia {
  margin: 0px auto;
  width: 540px;
  color: #fff;
}

.yendif-video-share-responsive-item .yendif-video-share-image,
a.yendif-video-share-responsive-item {
  border-radius: 20px;
}

.videoarticle .yendif-video-share-responsive-item {
  padding-bottom: 41% !important;
}

.mod-yendifvideoshare-playlist.asgardia .yendif-video-share-responsive-item {
  min-height: 75px;
}

/*
	====================================================
		MIDDLESPOT-1  MIDDLESPOT-2
	====================================================
*/
.t4-middlespot-1 {}

.t4-middlespot-1 .container {
  background-color: transparent;
}

.t4-middlespot-1 {
  background-image: url(../images/middlespot-1-bg.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}

.middlespot-1 {
  position: relative;
  z-index: 1;
}

.middlespot-1-module {
  padding: 35px 20px;
}

.middlespot-1 img.small-image {
  border-radius: 20px;
}

.middlespot-1 img {
  border-radius: 20px;
}

.why-chooseus.right h4,
.why-chooseus.right .h4 {
  padding-bottom: 15px
}

.middlespot-1-module figure {
  margin: 0
}

.about-counter1 {
  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;
  gap: 15px;
}

.about-counter1 .counter-title {
  font-size: 52px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0;
  margin-top: 0;
}

.media-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.about-counter1 .counter-info {
  margin-bottom: -0.3em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}

.about-counter1 .counter-text {
  font-size: 22px;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 600;
  text-transform: uppercase;
}

.img-box2.style2 .order-btn {}

.img-box2 .order-btn {
  position: absolute;
  top: 60px;
  right: 40px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.order-btn .font-style {
  display: block;
}

.order-btn {}

.order-btn:hover {
  -webkit-animation: bgPulse 0.8s linear infinite;
  animation: bgPulse 0.8s linear infinite;
}

.img-box2 .discount_style1 {
  position: absolute;
  top: 75px;
  left: -15px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.img-box2 .discount_style1 .percentage {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.t4-middlespot-2 {}

.feature-grid-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 30px;
}

.feature-grid {
  text-align: center;
  padding: 0 10px;
}

.feature-grid:not(:last-child) {
  border-right: 1px dashed rgba(255, 255, 255, 0.5);
}

.sec-text {
  max-width: 560px;
  margin-bottom: 40px;
}

.feature-grid_img {
  margin-bottom: 28px;
}

.feature-grid_img img {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.feature-grid:hover .feature-grid_img img {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.board-wrap2 {
  padding: 40px;
  border-radius: 5px;
}

.menu-wrap {
  padding: 1.5rem
}

.menu-list_title {
  font-size: 30px;
  margin-top: -0.24em;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  position: relative;
}

.menu-list_title::after {
  content: '';
  height: 2px;
  width: 146px;
  position: absolute;
  bottom: 10px;
  left: calc(100% + 10px);
}

.menu-list-img {
  margin-left: 31px;
}

.menu-list-img img {
  width: 100%;
  border-radius: 5px;
}

.board-list {
  margin-bottom: 25px;
}

.board-list_info {
  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;
  gap: 5px 15px;
}

.board-list_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 15px;
  white-space: nowrap;
}

.board-list_title::after {
  content: '';
  width: 100%;
  display: inline-block;
  position: relative;
  top: -6px;
}

.board-list_text {
  font-size: 14px;
  margin-bottom: -0.55em;
}

.board-list_title,
.board-list_price {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 4px;
  margin-top: 0;
}

.menu-list-divider {
  margin: 40px 0;
  display: block;
  text-align: center;
  position: relative;
  background-color: inherit;
  z-index: 2;
}

.menu-list-divider img {
  padding: 0 18px;
  background-color: inherit;
}

.menu-list-divider::after {
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
}


.divider-title {
  position: relative;
  z-index: 2;
  margin: 35px 0;
  text-align: center;
  font-size: 30px;
}

.divider-title .text {
  display: inline-block;
  padding: 0 10px;
  position: relative;
  z-index: 2;
}

.divider-title::after {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
}

.as-product.list-view {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  height: 100%;
  border-radius: 5px;
}

.as-product {
  text-align: center;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.as-product.list-view .product-img {
  width: 100%;
  max-width: 185px;
  margin: 0;
  background-color: rgba(255, 157, 45, 0.2);
  border-radius: 5px;
  overflow: hidden;
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.as-product .product-img img {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.as-product.list-view:hover .product-img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.as-product.list-view .product-content {
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 26px;
  position: relative;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  flex-wrap: wrap;
}

.as-product.list-view .product-title {
  font-size: 20px;
  margin: -0.24em 0 10px 0;
}

.as-product.list-view .product-text {
  font-size: 14px;
  margin-bottom: 10px;
  max-width: 380px;
}

.as-product .price {
  display: block;
  font-weight: 500;
  margin-bottom: -0.45em;
}

.as-product.list-view .actions .as-btn {
  height: 40px;
  padding: 14px 19px;
}

.as-product.list-view .actions {
  --btn-size: 30px;
  --btn-font-size: 12px;
  --icon-gap-x: 0px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  margin-top: 18px;
}


/*
	====================================================
		FAQ PAGE 
	====================================================
*/

.accordion-card {
  margin-bottom: 24px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.accordion-card .accordion-button:not(.collapsed) {
  box-shadow: none;
  border-radius: 5px 5px 0 0;
}

.accordion-card .accordion-button:not(.collapsed)::after {
  content: '\f176';
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.accordion-card .accordion-button::after {
  font-family: Fontawesome;
  content: "\f175";
  height: 30px;
  width: 30px;
  line-height: 30px;
  background-image: none;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 10px;
  border-radius: 5px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.accordion-card .accordion-collapse {
  border: none;
}

.accordion-card .accordion-body {
  box-shadow: 0px 5px 15px rgba(42, 77, 113, 0.04);
  border-top: none;
  padding: 23px 30px 30px 30px;
  border-radius: 0 0 5px 5px;
}

.accordion-card .faq-text {
  margin-bottom: -0.48em;
}

.accordion-card .accordion-button {
  font-size: 18px;
  font-weight: 500;
  border: 0;
  border-radius: 0;
  padding: 10px 50px 10px 30px;
  min-height: 50px;
  border-radius: 5px;
  margin-bottom: 0;
  text-align: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}

.faq-area .faq-img img {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

/*
	====================================================
		PORTFOLIO - SP SIMPLE PORTFOLIO MODULE 
	====================================================
*/

#sp-simpleportfolio {}

.sp-simpleportfolio.asgardia .sp-simpleportfolio-item {
  padding: 10px 10px 30px 10px;
  margin-bottom: 1rem
}

.sp-simpleportfolio.asgardia .sp-simpleportfolio-padding {
  padding: 10px;
}

.sp-simpleportfolio.asgardia .sp-simpleportfolio-filter>ul>li>a {
  padding: 10px 15px;
  border-radius: 10px;
}

.sp-simpleportfolio.asgardia .sp-simpleportfolio-filter>ul>li.active>a {}

.featherdark .featherdark-content,
.featherdark {
  z-index: 999 !important
}

.sp-simpleportfolio.asgardia .sp-simpleportfolio-padding,
.sp-simpleportfolio.asgardia .sp-simpleportfolio-item .sp-simpleportfolio-info:hover,
.sp-simpleportfolio.asgardia .sp-simpleportfolio-item .sp-simpleportfolio-info {
  background: none;
}

.sp-simpleportfolio.asgardia .sp-simpleportfolio-item .sp-simpleportfolio-info {
  font-size: 1rem;
  line-height: 1rem;
  padding-left: 15px;
  padding-right: 15px;
}

.sp-simpleportfolio.asgardia .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {}

.sp-description.asgardia {
  clear: both;
  line-height: 1.42;
  text-align: justify
}

.sp-simpleportfolio-created.asgardia-overimage {
  font-size: 19px;
  line-height: 1.1;
  padding-top: 7px;
  text-align: center;
  width: 60px;
  height: 60px;
  display: block;
  overflow: hidden;
  position: absolute;
  top: -30px;
  left: 20px;
  z-index: 3
}

.sp-simpleportfolio .sp-simpleportfolio-item.asgardia .sp-simpleportfolio-info h3 a,
.sp-simpleportfolio .sp-simpleportfolio-item.asgardia .sp-simpleportfolio-info h3 {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
}

.sp-simpleportfolio-client.asgardia.col-sm-6,
.sp-simpleportfolio-client.asgardia.col-md-6 {
  padding-left: 0;
  padding-right: 10px;
}

.sp-simpleportfolio-client.asgardia,
.sp-simpleportfolio-created.asgardia {
  margin-bottom: 15px;
}

.sp-simpleportfolio-client.asgardia h4,
.sp-simpleportfolio-created.asgardia h4 {
  font-size: 13px;
}

.sp-simpleportfolio-client.asgardia h4 span,
.sp-simpleportfolio-created.asgardia h4 span {
  font-weight: bold;
}

.sp-simpleportfolio-info.asgardia:hover h4 {
  color: #fff;
}

.sp-simpleportfolio .sp-simpleportfolio-item.asgardia .sp-simpleportfolio-link {
  text-align: right;
  margin-top: 30px;
}

.sp-simpleportfolio .sp-simpleportfolio-item.asgardia .sp-simpleportfolio-btns a {}

.filters.btn-toolbar .btn {
  height: 38px;
}

span[itemprop="keywords"] {
  margin-right: 5px;
}

.sp-simpleportfolio .sp-simpleportfolio-description.asgardia {
  width: 100%;
  margin-bottom: 15px;
}

.sp-simpleportfolio-meta.asgardia {
  width: 100%;
  padding-left: 0px;
}

.sp-simpleportfolio .sp-simpleportfolio-filter>ul>li {
  margin: 0 5px 10px 5px;
}

.sp-simpleportfolio .sp-simpleportfolio-filter>ul>li>a {
  background: none;
  font-weight: 400;
  font-size: 1rem;
}

.sp-simpleportfolio .sp-simpleportfolio-meta.asgardia>div {
  margin-bottom: 10px;
  padding-bottom: 10px
}

.sp-simpleportfolio-link a.btn {
  margin-top: 15px;
  margin-bottom: 15px;
}

.sp-simpleportfolio .sp-simpleportfolio-filter {
  margin-top: 30px;
}

.sp-simpleportfolio.asgardia .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
  border-radius: 0px;
}

.sp-simpleportfolio.asgardia .sp-simpleportfolio-meta h4 {
  font-weight: 400;
}

.sp-simpleportfolio.asgardia .sp-simpleportfolio-image[class*=' col-'] {
  padding-left: 0;
}

.sp-simpleportfolio.asgardia .sp-simpleportfolio-columns-3 .sp-simpleportfolio-item {}

.sp-simpleportfolio.asgardia.specialwork .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
  display: inline-block;
  padding: 3px 6px;
  margin: 3px;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #fff;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.sp-simpleportfolio.asgardia.specialwork .sp-simpleportfolio-item .sp-vertical-middle>div .sp-simpleportfolio-title a {
  font-size: 14px !important;
}

.tns-outer .playButton {
  display: none;
}

.sp-simpleportfolio.asgardia .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper {
  border-radius: 20px;
}

.featherlight {
  z-index: 10;
}

.featherlight .featherlight-content,
.featherlight .featherlight-image {
  border-radius: 5px;
}

.featherlight .featherlight-close-icon {
  right: 5px;
  top: 5px;
}

.sp-simpleportfolio.asgardia .sp-simpleportfolio-item .sp-simpleportfolio-btns a.btn-zoom,
.sp-simpleportfolio.asgardia .sp-simpleportfolio-item .sp-simpleportfolio-btns a.btn-view {
  border-radius: 5px
}

.sp-simpleportfolio.asgardia.layout-gallery-nospace img,
.sp-simpleportfolio.asgardia.layout-gallery-nospace .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper {
  border-radius: 0px !important;
}

.porfolio .dropdown-menu .separator {
  font-weight: bold;
  text-transform: uppercase
}

.sp-simpleportfolio.asgardia .sp-simpleportfolio-img {
  border-radius: 20px;
}

/**************/
#t4-bottom-spot {
  background-image: url(../images/bottomspot-bg.html);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: bottom
}

#t4-bottom-spot::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1;
}

.bottomspot-1,
.bottomspot-2 {
  position: relative;
  z-index: 2;
}

.makereservation-left {
  padding: 0.5rem;
  position: relative;
  margin-top: 6rem;
  max-width: 450px;
  float: right;
  color: #FFFFFF;
}

.makereservation-left p,
.makereservation-left h3,
.makereservation-left h4,
.makereservation-left h5,
.makereservation-left h6 {
  color: #FFFFFF;
}

.makereservation-left::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  opacity: 0.4;
  z-index: -1;
}

.makereservation-left h3,
.makereservation-left h4,
.qf3form.quickform_asgardia h4 {
  font-weight: 400;
}

.qf3form.quickform_asgardia {
  background: none;
  color: #fff !important;
  max-width: 450px;
}

.qf3form.quickform_asgardia input.asgardia-input,
.qf3form.quickform_asgardia textarea.asgardia-input {
  width: 100%;
  border-radius: 0px;
  background: none;
  color: #fff !important;
  box-shadow: none;
  transition: all 0.3s linear 0s;
}

.qf3form.quickform_asgardia input.asgardia-input:focus,
.qf3form.quickform_asgardia textarea.asgardia-input:focus {
  transition: all 0.3s linear 0s;
  outline: none
}

.qf3form.quickform_asgardia h4 {
  text-align: center;
  margin-bottom: 20px
}

.qf3form.quickform_asgardia input.asgardia-submit {
  border-radius: 0px;
  color: #fff;
  background: #1c1c1c;
  border: 1px solid #0e1217;
  width: 100%;
  transition: all 0.3s linear 0s;
}

.qf3form.quickform_asgardia input.asgardia-submit:hover {
  background: #000;
  border: 1px solid #0e1217;
  transition: all 0.3s linear 0s;
}

.qf3form.quickform_asgardia .qf3 {
  padding: 0 0 0.4em 0;
}

.qf3form.quickform_asgardia .qfcapt {
  display: none;
}

/*
	=======================================
		FOOTER
	=======================================
*/

.t4-footnav {
  background-image: url(../images/footer_bg.png);
  background-repeat: repeat;
  border: 0;
}

.t4-footnav .container {
  background-color: transparent;
}

.t4-footnav .module-title {
  color: #fff;
}

.t4-footnav .module-title,
.t4-footnav .module-title span {
  text-transform: uppercase
}

.t4-footer .t4-module.module {
  background: none;
}

.suprafooter-wrap {
  padding-bottom: 20px
}

.footerblock-l {
  position: relative;
}

.footerblock-l::after {
  position: absolute;
  content: "";
  height: 50%;
  width: 1px;
  right: 15px;
  top: 50%;
  transform: translate(0%, -50%)
}

.t4-col.footerblock {
  position: relative;
  z-index: 2
}

.t4-footnav ul.social_icons {
  padding-top: 20px;
}

ul.social_icons,
ul.contact_info,
.topbar ul.menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding-left: 0;
  margin-bottom: 0;
}

ul.social_icons li,
ul.contact_info li {
  list-style: none;
  padding: 0 0px 0 10px;
}

ul.social_icons {
  justify-content: flex-end
}

ul.social_icons li a {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
}

ul.social_icons,
ul.contact_info,
.topbar ul.menu {
  justify-content: flex-start;
}

ul.social_icons li a::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  transition: .5s;
  z-index: 2;
}

ul.social_icons li a:hover::before {
  top: 0;
}

ul.social_icons i {
  z-index: 3;
  transition: .8s;
}

ul.social_icons li a:hover .fa {
  transform: rotateY(360deg);
  transition: .8s;
  color: #fff;
}

.social_icons li a:hover {}

ul.social_icons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding-left: 0;
  margin: 0;
}

ul.social_icons li {
  list-style: none;
  padding: 0 0px 0 0px;
}

ul.social_icons {
  justify-content: flex-start
}

ul.social_icons li a {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: grid;
  place-items: center;
  color: #FFF
}

ul.social_icons .fa {
  color: #FFF
}

.t4-footerblock .module-title,
.t4-footerblock h1,
.t4-footerblock h2,
.t4-footerblock h3,
.t4-footerblock h4,
.t4-footerblock h5,
.t4-footerblock h6 {
  position: relative
}

.t4-footerblock .module-title span::after {
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: none;
  height: 3px;
  width: 50%;
  content: "";
}

.t4-footer .container {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background-color: transparent;
}

.t4-footer p {
  margin-bottom: 0
}

.t4-footer::after {}

h4.footer-logo {
  position: relative;
  padding-left: 36px;
}

h4.footer-logo::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 36px;
  height: 36px;
  mask-image: url(../images/logo-small.html);
  -webkit-mask-image: url(../images/logo-small.html);
  mask-position: center;
  ;
  -webkit-mask-position: center;
  mask-size: cover;
  -webkit-mask-size: cover;
}

.t4-footer {
  font-size: 1rem;
}

.t4-footer .module-title {
  font-weight: 500;
}

.t4-footer .as-social a {}

.t4-footer ul.bottom_social_icons {
  display: flex;
  list-style: none;
  margin-top: 20px;
  padding-left: 0;
  gap: 5px;
}

.t4-footer .navbar {
  padding-left: 0;
}

.t4-footer .navbar {
  padding-top: 0;
  padding-bottom: 0;
}

.t4-footer .navbar-nav {
  display: flex;
  flex-direction: row;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  justify-content: flex-end;
  width: 100%;
  gap: 0 15px
}

.t4-footer .nav>li>a,
.t4-footer .nav>li.current>a,
.t4-footer .nav>li>.separator {
  text-transform: none;
  display: inline-block;
  font-size: 1rem;
  font-weight: normal;
}

.t4-footer .nav>li>a:hover,
.t4-footer .nav>li>a:active,
.t4-footer .nav>li>a:focus {
  border-bottom: 0;
}

.t4-footer ul.nav li {}

.t4-footer .nav>li:first-child::before {
  display: inline-block;
}

.t4-footer ul.nav li::before,
.t4-footer .nav>li:first-child::before {
  display: none;
}

.info-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

.info-box_icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  line-height: 32px;
  font-size: 14px;
  border-radius: 999px;
  text-align: center;
  margin-right: 10px;
}

.t4-copyright {
  padding: 10px 0;
}

.t4-copyright .copyright-l {
  display: flex;
  align-items: center;
  min-height: 54px
}

.t4-copyright p {
  margin: 0;
}

.t4-copyright i {
  margin: 0 2px;
  font-size: 1rem;
}

.t4-copyright ul {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  flex-direction: row;
}

.t4-copyright ul li {
  list-style: none;
  color: #fff;
}

.t4-copyright ul li a:link,
.t4-copyright ul li a:visited {
  padding: 0 15px;
}

.t4-copyright ul li:last-child {
  border-right: 0;
}

#back-to-top .fa-chevron-up::before {}

#back-to-top i {
  line-height: 1;
}

#back-to-top {
  text-align: center;
  font-size: 20px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  z-index: 2;
  border-radius: 3px;
  -webkit-transition: all ease 0.8s;
  transition: all ease 0.8s;
}

.t4-footer .module-title span {
  background-color: transparent;
  position: relative;
  padding-bottom: 10px;
}

.t4-footer .module-title::after {
  display: none;
}

.t4-footer .row {
  align-items: center;
}

/***************NEWSLETTER***********/
.t4-footerblock .acym_introtext {
  float: left;
}

.acym_module.asgardia table.acym_form {
  margin-top: 15px;
  margin-bottom: 15px;
  float: right;
}

.acym_module.asgardia table.acym_form td.onefield {
  margin-bottom: 15px;
  padding-right: 10px;
}

.acym_module.asgardia .acym_form input.cell {
  text-indent: 10px;
  cursor: text;
  max-width: 100%;
}

.acym_module.asgardia .acym_form input.cell::placeholder {
  content: "Enter Email Address"
}

.acym_module.asgardia .acym_form label span {
  margin-right: 15px
}

.acym_module.asgardia table.acym_form td {
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 15px
}

.footnav-wrap {}

.acym_module.asgardia-fastfood {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.acym_module.asgardia-fastfood .acym_form {
  margin-top: 20px;
  width: 100%;
}

.acym_module_form input.cell {
  cursor: text;
  text-indent: 10px
}

.acym_module.pizzaburger .onefield {
  margin-top: 15px
}

.acym_module.pizzaburger .acym_form input.cell {
  margin: 15px 0 0 0;
  color: rgba(0, 0, 0, 0.5)
}

.theme-pizzaburger-dark .acym_module.pizzaburger .acym_form input.cell,
.theme-restaurant-dark .acym_module.pizzaburger .acym_form input.cell,
.theme-dark1 .acym_module.pizzaburger .acym_form input.cell,
.theme-dark2 .acym_module.pizzaburger .acym_form input.cell,
.theme-dark3 .acym_module.pizzaburger .acym_form input.cell,
.theme-dark4 .acym_module.pizzaburger .acym_form input.cell {
  color: rgba(255, 255, 255, 0.7)
}

.acym_module_form input.btn {
  max-width: max-content;
}

table.acym_form.asgardia {
  margin-top: 20px;
  width: 100%;
  margin-bottom: 15px;
}

.acym_form.asgardia input.cell {
  border-radius: 10px;
  padding: 10px 15px;
  opacity: 0.5;
  max-width: 95%
}

.acym_form.asgardia input.cell::placeholder {
  color: #fff;
  opacity: 1
}

.asgardia td.acysubbuttons {
  padding-bottom: 1rem !important;
}

.acym_module_form .onefield {
  padding-bottom: 1rem !important;
}

@media only screen and (min-width:767px) {
  .acym_module.asgardia .acym_form input.cell {
    min-width: 310px;
  }
}

/**********************/
#t4-breadcrumbs {
  background-image: url(../images/sampledata/slider-images/about_2.jpg);
  background-position: top center;
  background-size: cover;
  position: relative;
  background-repeat: no-repeat;
  min-height: 400px;
  margin-top: -114px;
  padding-top: 175px
}

#t4-breadcrumbs .container {
  background-color: transparent;
}

.t4-section.t4-breadcrumbs {
  border-top: 0;
}

.breadcrumbs-wrap-asgardia {
  min-height: 400px0px;
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.breadcrumbs-wrap-asgardia h1 {
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
}

.breadcrumbs-wrap-asgardia .breadcrumb-item.active {
  color: #FFFFFF
}

#t4-breadcrumbs::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgb(0 120 192 / 39%);
}


#t4-breadcrumbs1 {
  background-image: url(../images/sampledata/slider-images/about_1.jpg);
  background-position: top center;
  background-size: cover;
  position: relative;
  background-repeat: no-repeat;
  min-height: 400px;
  margin-top: -114px;
  padding-top: 175px
}

#t4-breadcrumbs1 .container {
  background-color: transparent;
}

.t4-section.t4-breadcrumbs {
  border-top: 0;
}

.breadcrumbs-wrap-asgardia {
  min-height: 400px0px;
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.breadcrumbs-wrap-asgardia h1 {
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
}

.breadcrumbs-wrap-asgardia .breadcrumb-item.active {
  color: #FFFFFF
}

#t4-breadcrumbs1::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgb(0 120 192 / 39%);
}


#t4-breadcrumbs2 {
  background-image: url(../images/sampledata/slider-images/banner_image1.png);
  background-position: top center;
  background-size: cover;
  position: relative;
  background-repeat: no-repeat;
  min-height: 400px;
  margin-top: -114px;
  padding-top: 175px
}

#t4-breadcrumbs2 .container {
  background-color: transparent;
}

.t4-section.t4-breadcrumbs {
  border-top: 0;
}

.breadcrumbs-wrap-asgardia {
  min-height: 400px0px;
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.breadcrumbs-wrap-asgardia h1 {
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
}

.breadcrumbs-wrap-asgardia .breadcrumb-item.active {
  color: #FFFFFF
}

#t4-breadcrumbs2::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgb(0 120 192 / 39%);
}


.t4-breadcrumbs-inner::after {
  background: #0d0e0f;
  position: absolute;
  left: 0;
  bottom: 40%;
  right: 0;
  content: "";
  opacity: 0.7;
  width: 100%;
  height: 20%;
}

.t4-section.t4-breadcrumbs .breadcrumb li {
  margin-right: 10px;
  color: #fff;
  font-size: 1.125rem;
}

.breadcrumbs-wrap-asgardia .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  display: inline-block;
  color: #fff;
}

.breadcrumbs-wrap-asgardia h1.breadcrumb-item {
  font-size: 48px;
  font-weight: 400;
  line-height: 1.18;
  margin: -0.2em 0 -0.22em 0;
}

ol.mod-breadcrumbs.asgardia.breadcrumb.py-2 {
  padding-left: 0 !important;
  padding-top: 0.8rem !important;
}

.reservations {
  display: flex;
  align-items: center;
  min-height: 42px;
  font-size: 24px;
}

.reservations .icon {
  font-size: 44px;
  margin-right: 25px
}

.reservations .text {
  text-transform: uppercase
}

figure.animate-circle {
  overflow: hidden;
}

.animate-circle {
  position: relative;
}

.animate-circle::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, .2);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}

.animate-circle:hover::before {
  -webkit-animation: circle .75s;
  animation: circle .75s;
}

/*

	=======================================
		COUNTERS
	=======================================
*/

.counters {
  width: 100%;
  padding: 0px;
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  padding: 40px 0;
  position: relative;
  color: #fff;
  top: 49px;
  position: relative;
}

.counters::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  opacity: 0.1;
  width: 100%;
  height: 100%;
}

.counters i {
  font-size: 48px;
  display: block;
  margin-bottom: -17px;
  transition: all 0.2s linear 0s;
  top: 16px;
  position: relative;
}

.counter-style:hover i,
.counter-style:hover {
  color: #fff;
  transition: all 0.2s linear 0s;
}

.counters h4 {
  font-size: 1rem;
  font-weight: 400;
  margin: 10px 0px 0 0;
  color: #fff;
}

.counter-style {
  display: flex;
  gap: 15px;
  flex-direction: column;
  padding: 30px 10px;
  position: relative;
  overflow: hidden;
  transition: all .8s;
  -moz-transition: all .8s;
  -webkit-transition: all .8s;
  -ms-transition: all .8s;
  -o-transition: all .8s;
  z-index: 1;
  line-height: 1
}

.counters .timer {
  font-size: 25px;
  line-height: 40px;
  font-weight: 600;
  color: #fff;
  top: 17px;
  position: relative;
}

.counter-timer {
  text-align: left;
}

.counter-style::after {
  display: none;
}

.counter-style:hover::after {}

.counter-style:hover h3,
.counter-style:hover h4,
.counter-style:hover h5,
.counter-style:hover h6 {
  color: #fff;
  transition: all 0.2s linear 0s;
}

/*
	===========================================
	Our Best Plans -  CUSTOM MODULE
	===========================================
*/
.row.pricing-table-1 {}

.pricing-table-1 .plan {
  padding: 20px;
  border-radius: 5px;
}

.text-white {
  color: #FFF;
}

.pricing-table-1 .plan-title {
  color: #fff;
  position: relative;
  margin: 0;
  font-size: 20px;
  line-height: 26px;
}

.pricing-table-1 .plan-price {
  font-weight: 500;
  font-size: 38px;
  margin: 10px 0;
  display: inline-block;
}

.pricing-table-1 .plan-features li {
  padding: 8px 0px;
}

.pricing-table-1 .plan-features {
  list-style: outside none none;
  padding: 0 0 20px;
  margin: 0;
  list-style: outside none none;
}

.pricing-table-1 a.btn {}

.pricing-table-1 .plan-features i {
  margin-right: 8px;
  color: rgba(255, 255, 255, 0.5);
}

.pricing-table-1 .featured {
  margin-top: -10px;
  padding-bottom: 40px;
}

.pricing-table-1 .plan-select {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 20px;
  text-align: center;
}

.text-white {
  color: #FFF;
}

/*
	=========================================
	PRICING TABLE -  CUSTOM MODULE
	=========================================
*/
.pricingtable-row .row {
  padding: 40px 100px;
}

.pricingtable-wrapper.style {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
  padding: 30px;
  border-radius: 20px;
}

.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.pricingtable-inner {
  text-align: center;
}

h4.pricingtable-title {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 15px;
  text-align: center;
}

.pricingtable-wrapper.style .pricingtable-bx {
  font-weight: 500;
  border-radius: 10px;
  display: inline-block;
  font-size: 16px;
  margin-top: 20px;
  padding: 15px 25px;
  margin-bottom: 20px;
  color: #fff
}

.pricingtable-wrapper.style .pricingtable-bx span {
  font-size: 22px;
}

.pricingtable-wrapper.style.active {
  margin: -30px -10px 0;
  padding: 60px 30px;
  position: relative;
  z-index: 1;
}

.pricingtable-wrapper.style p {
  line-height: 28px;
  margin-bottom: 24px;
}

.site-button.white {
  display: inline-block;
  padding: 12px 60px;
  background-color: #fff;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  margin: 0 5px 10px 0;
}

.pricingtable-inner .btn-primary {
  display: inline-block;
  padding: 12px 60px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  margin: 0 5px 10px 0;
}

/*
	=========================================
		SKILLS - PROGRESS BARS
	=========================================
*/
.what-we-do {}

.what-we-do:hover .glow,
.welcome-quantas:hover .glow,
.building-experience.right:hover .glow,
.about-us-2-right:hover .glow,
.about-us-2-left:hover .glow {
  transform: rotate(45deg) translate(450%, 0);
  transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.photo:hover img,
.photo:hover .glow-wrap {
  margin-top: 0;
}

.what-we-do:hover img {}

figure.img-leading {
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  padding: 0;
  width: auto;
  display: inline-block;
  margin: 30px 0 0 0;
  float: right;
  position: relative;
  z-index: 2;
}

figure.img-leading::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: -35px;
  left: -35px;
  z-index: -1;
  opacity: 0.75;
}

.ui-progress-bar1 {
  position: relative;
  height: 2px;
  padding-right: 2px;
  margin-top: -5px;
  margin-bottom: 26px;
  border-radius: 0px;
}

.ui-progress1 {
  position: relative;
  display: block;
  overflow: visible !important;
  height: 2px;
  border-radius: 0px;
}

.ui-progress1 span.ui-label {
  bottom: -10px;
  height: 24px;
  font-weight: 300;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  right: -5px;
  line-height: 24px;
  padding-right: 10px;
  padding-left: 10px;
  white-space: nowrap;
}

.ui-progress-bar1.color {
  height: 24px;
  border-radius: 14px;
  margin-top: -5px;
}

.ui-progress1.color {
  height: 24px;
  border-radius: 14px;
  background-color: #e54c4c;
}

.accordion-button {
  padding: 8px 10px;
}

.accordion-button::after {
  /*mask-image:url("../images/plusminus.png");-webkit-mask-image:url("../images/plusminus.png");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center -18px;-webkit-mask-position:center -18px;height:18px;width:18px;*/
}

.accordion-button:not(.collapsed)::after {
  /*mask:url("../images/plusminus.png");mask-repeat:no-repeat;mask-position:center 0px;*/
}

button.accordion-button,
.accordion-item:first-of-type {
  border-radius: 0px;
}

.accordion-button:focus {
  z-index: 3;
  border-color: none;
  outline: 0;
  box-shadow: none;
}

/********************************************************/
.accordion.faq .accordion-button {
  padding: 25px 40px;
}

.accordion.faq .accordion-button {
  text-transform: uppercase;
  font-weight: 700;
}

/***************/
.sidebar-r nav.navbar,
.sidebar-l nav.navbar {
  padding-left: 0;
}

.sidebar-r ul.navbar-nav,
.sidebar-l ul.navbar-nav,
.sidebar-r ul.navbar-nav li,
.sidebar-l ul.navbar-nav li {
  width: 100%;
}

.sidebar-r ul.navbar-nav .dropdown-toggle::after,
.sidebar-l ul.navbar-nav .dropdown-toggle::after {
  position: absolute;
  right: 0px;
}

.sidebar-r .navbar-nav>li>a::before,
.sidebar-l .navbar-nav>li>a::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 2px;
  left: 0%;
  bottom: -1px;
  transform: translate(0%);
  transition: all 400ms ease;
}

.sidebar-r .navbar-nav>li:hover>a::before,
.sidebar-l .navbar-nav>li:hover>a::before {
  width: calc(25%);
}

.sidebar-r .jtcs_item_wrapper .jt-title,
.sidebar-l .jtcs_item_wrapper .jt-title {
  margin-bottom: 0px;
  line-height: 1;
}

/***********JT CONTENT SLIDER SIDEBAR**************/
.jt-cs.asgardia.sidebar h6,
.jt-cs.asgardia.sidebar h6 a {
  font-size: 1rem
}

.jt-cs.asgardia.sidebar .jt-imagecover {
  border-radius: 3px;
  overflow: hidden;
}

.jt-cs.asgardia.sidebar .jt-introtext,
.jt-cs.asgardia.sidebar .jt-author-date,
.jt-cs.asgardia.sidebar h6,
.jt-cs.asgardia.sidebar h6 a {
  margin: 0px 0;
}

.jt-cs.asgardia.sidebar .owl-carousel .owl-nav .owl-next,
.jt-cs.asgardia.sidebar .owl-carousel .owl-nav .owl-prev {
  opacity: 1;
  font-size: 12px;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  transform: translateY(-100%);
  transition: all 0.3s linear 0s;
}

.jt-cs.asgardia.sidebar .owl-nav .fa,
.jt-cs.asgardia.sidebar .owl-nav .far,
.jt-cs.asgardia.sidebar .owl-nav .fas {
  font-size: 12px;
  transition: all 0.3s linear 0s;
}

.jt-cs.asgardia.sidebar .owl-carousel .owl-nav .owl-next {
  right: 0px;
  left: auto;
}

.jt-cs.asgardia.sidebar .owl-carousel .owl-nav .owl-prev {
  right: 28px;
  left: auto;
}

.jt-cs.asgardia.sidebar .owl-carousel .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.3s linear 0s;
  transform: translateY(-22px);
}

.jt-cs.asgardia.sidebar a.jt-readmore {
  float: right;
}

/*************************/
.scroller-asgardia h4 {
  margin: 0;
  line-height: 1;
}


/*========================== Color Preset =========================*/
.layoutstyle-inner {
  display: flex;
  justify-content: space-evenly;
}

.asgardia .imagebg.ui-slideouttab-handle {
  height: 34px !important;
  z-index: 999;
}

.presetArea {
  z-index: 9999;
  padding: 10px;
  background: #FFF;
  border: 0;
  border-left: 0;
  border-right: 0;
}

.presetArea h3 {
  background: #FFF
}

.jpanelHandle {}

.switch:focus {
  color: #FFF;
}

.presetArea h2 {
  color: #fff !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 23px !important;
  margin: 0;
  text-align: left;
  text-transform: uppercase;
}

.presetArea h2 span {
  font-weight: 100;
  display: inline-block;
  width: 100%;
}

.accentColor {
  width: 100%;
  position: relative;
  margin-top: 0px;
}

.psTitle {
  font-size: 16px !important;
  color: #171e36 !important;
  margin: 15px 0;
  text-align: left;
  font-weight: normal;
}

.psTitle span {
  font-weight: 100;
  display: inline-block;
  width: 100%;
}

.accentColor a {
  background: #3D566E;
  display: inline-block;
  height: 30px;
  margin-bottom: 6px;
  margin-right: 6px;
  width: 30px;
  position: relative;
  cursor: pointer;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.55);
}

.accentColor a.color1 {
  background: #153f01;
}

.accentColor a.color1::after {
  border-left-color: #64a507;
}

.accentColor a.color2 {
  background: #04c8c8;
}

.accentColor a.color2::after {
  border-left-color: #00ffff;
}

.accentColor a.color3 {
  background: #0e5e3f
}

.accentColor a.color3::after {
  border-left-color: #007f4f;
}

.accentColor a.color4 {
  background: #e30909
}

.accentColor a.color4::after {
  border-left-color: #ff4040;
}

.accentColor a.color5 {
  background: #06800b;
}

.accentColor a.color5::after {
  border-left-color: #4caf50;
}

.accentColor a.color6 {
  background: #034122;
}

.accentColor a.color6::after {
  border-left-color: #036635;
}

.accentColor a.color7 {
  background: #4b0082;
}

.accentColor a.color7::after {
  border-left-color: #841fce;
}

.accentColor a.color8 {
  background: #1d6249;
}

.accentColor a.color8::after {
  border-left-color: #00a86b;
}

.accentColor a.color9 {
  background: #5a7403;
}

.accentColor a.color9::after {
  border-left-color: #8db600;
}

.accentColor a.color10 {
  background: #078905;
}

.accentColor a.color10::after {
  border-left-color: #5b8c5a;
}

.accentColor a.color11 {
  background: #007c62;
}

.accentColor a.color11::after {
  border-left-color: #09bf99;
}

.accentColor a.color12 {
  background: #a6124a;
}

.accentColor a.color12::after {
  border-left-color: #e0115f;
}

.accentColor a.color13 {
  background: #0d9ed9;
}

.accentColor a.color13::after {
  border-left-color: #87ceeb;
}

.accentColor a.color14 {
  background: #be3013;
}

.accentColor a.color14::after {
  border-left-color: #e2725b;
}

.accentColor a.color15 {
  background: #185020;
}

.accentColor a.color15::after {
  border-left-color: #3a8c46;
}



.accentColor a:focus,
.colorChem a:focus,
.layoutstyle a:focus {
  outline: none;
}

.accentColor a:after {
  border-bottom: 0 solid transparent;
  border-left: 30px solid #E74C3C;
  border-top: 30px solid transparent;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}

.colorChem a.dark1 {
  background: #1c5202;
}

.accentColor a.dark1:after {
  border-bottom: 0 solid transparent;
  border-left: 41px solid #64a507;
  border-top: 40px solid transparent;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}

.colorChem a.dark2 {
  background: #0e5e3f;
}

.accentColor a.dark2:after {
  border-bottom: 0 solid transparent;
  border-left: 41px solid #07b976;
  border-top: 40px solid transparent;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}

.colorChem a.dark3 {
  background: #495e03;
}

.accentColor a.dark3:after {
  border-bottom: 0 solid transparent;
  border-left: 41px solid #8db600;
  border-top: 40px solid transparent;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}

.colorChem a.dark4 {
  background: #06aaaa;
}

.accentColor a.dark4:after {
  border-bottom: 0 solid transparent;
  border-left: 41px solid #0cc1c1;
  border-top: 40px solid transparent;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}

.colorChem a.dark5 {
  background: #010f1c;
}

.accentColor a.dark5:after {
  border-bottom: 0 solid transparent;
  border-left: 41px solid #eb0029;
  border-top: 40px solid transparent;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}

.colorChem a.dark6 {
  background: #010f1c;
}

.accentColor a.dark6:after {
  border-bottom: 0 solid transparent;
  border-left: 41px solid #eb0029;
  border-top: 40px solid transparent;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}

.accentColor a.active:before,
.accentColor a:hover:before,
.accentColor a:focus:before {
  background: url("../images/tick.png") no-repeat scroll center center;
  bottom: 4px;
  content: "";
  height: 8px;
  left: 4px;
  position: absolute;
  width: 11px;
  z-index: 999;
  transition: all ease 700ms;
  -moz-transition: all ease 700ms;
  -webkit-transition: all ease 700ms;
  -ms-transition: all ease 700ms;
  -o-transition: all ease 700ms;
}

.colorChem {
  width: 100%;
  position: relative;
  margin-top: 15px;
}

.colorChem a {
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  height: 40px;
  line-height: 8px;
  text-align: center;
  text-indent: 10px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  width: 90px;
  padding-top: 16px;
  margin-right: 3px;
  margin-bottom: 13px;
  transition: all ease 700ms;
  -moz-transition: all ease 700ms;
  -webkit-transition: all ease 700ms;
  -ms-transition: all ease 700ms;
  -o-transition: all ease 700ms;
}

.colorChem a:hover,
.colorChem a.active {
  background: rgba(0, 0, 0, 0.8);
  color: #FFF;
}

.colorChem a:last-child {
  margin-right: 0px;
}

.layoutstyle {
  width: 100%;
  margin-top: 20px;
  position: relative;
}

.layoutstyle a {
  display: inline-block;
  width: auto;
  height: 30px;
  font-size: 10px;
  line-height: 8px;
  text-transform: uppercase;
  color: #171e36;
  font-weight: 600;
  text-align: left;
  padding-left: 40px;
  padding-top: 11px;
  position: relative;
  transition: all ease 700ms;
  -moz-transition: all ease 700ms;
  -webkit-transition: all ease 700ms;
  -ms-transition: all ease 700ms;
  -o-transition: all ease 700ms;
}

.layoutstyle a.wide {
  background: url(../images/wide.png) no-repeat left center;
}

.layoutstyle a.Box {
  background: url(../images/boxed.png) no-repeat left center;
}

.layoutstyle a.patterned {
  background: url(../images/pattern.html) no-repeat left center;
  display: block;
  margin: 5px 0;
}

.layoutstyle a.Box.fixedimage,
.layoutstyle a.patterned,
.layoutstyle a.solidcolor {
  width: 100%;
}

.layoutstyle a.active:before,
.layoutstyle a:hover:before {
  background: url("../images/tick.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  bottom: 0;
  content: "";
  height: 23px;
  left: 0;
  position: absolute;
  top: 0;
  width: 32px;
  z-index: 999;
  transition: all ease 700ms;
  -moz-transition: all ease 700ms;
  -webkit-transition: all ease 700ms;
  -ms-transition: all ease 700ms;
  -o-transition: all ease 700ms;
}

.layoutstyle a:hover {
  color: #DE3C2F;
}

.presetBorder {
  width: 100%;
  height: 1px;
  background: #5e5e5e;
  margin: 30px 0;
}

.layoutstyle p {
  font-size: 14px;
  color: #cccccc;
  line-height: 11px;
  margin-bottom: 15px;
}

.jpanelHandle {
  z-index: 9999;
  box-shadow: none;
}

.jpanelContent h2 {
  display: none;
}

.jpanelHandle .fa,
.jpanelHandle img {
  line-height: 100%;
  padding-top: 0px;
  padding-bottom: 4px;
}

table.dark-colors td {
  padding-right: 15px;
  border-top: 0;
}

#date-and-doc .bfLabelLeft label {
  width: 20%;
  font-weight: 400;
  margin: 5px 10px 0px 5px;
}

#date-and-doc button.bfCalendar {
  height: 25px;
  margin: 4px 0px 0px 5px;
  float: none;
  border-radius: 0px;
  padding: 3px 5px
}

#date-and-doc section.bfLabelLeft .bfElementGroupNoWrap {
  width: 60%;
}

#date-and-doc button.bfCalendar [class^="icon-"]::before,
#date-and-doc button.bfCalendar [class*=" icon-"]::before {
  display: block;
}

#date-and-doc select.chzn-done {
  width: 60%;
}

.sidepanel-asgardia .ui-slideouttab-handle {
  padding-left: 15px;
  padding-right: 15px;
}

.jPanel.asgardia .jpanelContent {}

.layout.pattern-bg {
  background: url("../images/pattern-bg.png") no-repeat top center;
}

.layout.color-bg {
  background: url("../images/color-bg.png") no-repeat top center;
}

.layout.fixed-bg {
  background: url("../images/fixed-bg.png") no-repeat top center;
}

.layoutstyle a.layout.pattern-bg,
.layoutstyle a.layout.color-bg,
.layoutstyle a.layout.fixed-bg {
  padding-top: 25px;
  padding-right: 10px
}

.layoutstyle .bg-types {
  display: flex;
}

.layoutstyle .bg-types a {
  padding-left: 0px;
  padding-right: 15px;
  text-align: center;
  line-height: 1.4
}

.t4-offcanvas .t4-off-canvas-header a img {
  min-height: 45px;
}

/*
	==================================================
		ARTICLE DETAILS IMAGE TABS
	==================================================
*/
.image-tabs,
#asgardiaTabContent {
  display: flex;
}

#asgardiaTabContent {
  flex-direction: column;
  border: 0
}

#asgardiaTabContent.nav-tabs li {
  width: 107px;
  height: 106px;
  margin-bottom: 24px
}

#asgardiaTabContent.nav-tabs li a {
  border-radius: 5px;
  padding: 18px 13px 13px 13px;
  cursor: pointer;
  border: 2px solid transparent;
}

.nav-tabs .nav-link.active a {}

.image-tabs .nav-tabs+.tab-content {
  text-align: center;
  max-width: calc(100% - 124px);
  min-width: 528px;
  min-height: 556px;
  margin-left: 24px;
  padding: 70px 33px 13px 33px;
  border-radius: 20px;
  margin-bottom: 24px;
}

.summary-content .product-rating .star-rating,
.product-about .product-rating .star-rating {
  width: 80px;
  margin-right: 8px;
}

.summary-content .product-rating,
.product-about .product-rating {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  top: 2px;
  font-size: 16px;
  line-height: 20px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  margin-bottom: 20px;
}

.star-rating {
  overflow: hidden;
  position: relative;
  width: 100px;
  height: 1.2em;
  line-height: 1.2em;
  display: block;
  font-family: var(--icon-font);
  font-weight: 700;
  font-size: 14px;
}

.star-rating::before {
  content: "\f005\f005\f005\f005\f005";
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  letter-spacing: 3px;
  font-weight: 400;
  font-family: 'FontAwesome'
}

.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}

.summary-content>.price,
.product-about>.price {
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 20px;
}

.summary-content>.price del,
.product-about>.price del {
  margin-left: 15px
}

.product_meta {
  font-weight: 700;
  font-size: 16px;
  margin: 35px 0 35px 0;
}

.product_meta>span {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

.summary-content .as-social a,
.product-about .as-social a {
  border-radius: 5px;
}

.as-social a {
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  text-align: center;
  margin-right: 5px;
  border-radius: 5px;
}


.header-shape1 {
  width: 100%;
  max-width: 1650px;
  height: 124px;
  position: absolute;
  top: -30px;
  ;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-clip-path: path("M6.93299 11.866C18.108 34.16 35.985 57.951 52.323 72.275C85.979 101.781 123.106 118.156 167.211 122.945C173.923 123.674 382.207 123.99 841.711 123.969C1547.75 123.936 1515.41 124.142 1537 119.542C1574.47 111.561 1609.87 92.266 1637 65.038C1653.26 48.714 1664.48 32.965 1675.51 10.978L1681.02 0H841.001H0.984985L6.93299 11.866Z");
  clip-path: path("M6.93299 11.866C18.108 34.16 35.985 57.951 52.323 72.275C85.979 101.781 123.106 118.156 167.211 122.945C173.923 123.674 382.207 123.99 841.711 123.969C1547.75 123.936 1515.41 124.142 1537 119.542C1574.47 111.561 1609.87 92.266 1637 65.038C1653.26 48.714 1664.48 32.965 1675.51 10.978L1681.02 0H841.001H0.984985L6.93299 11.866Z");
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 100% 999px;
  border-bottom-left-radius: 100% 999px;
  z-index: -1
}
.header-shape2 {
  width: 100%;
  max-width: 1650px;
  height: 124px;
  position: absolute;
  top: -30px;
  ;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-clip-path: path("M6.93299 11.866C18.108 34.16 35.985 57.951 52.323 72.275C85.979 101.781 123.106 118.156 167.211 122.945C173.923 123.674 382.207 123.99 841.711 123.969C1547.75 123.936 1515.41 124.142 1537 119.542C1574.47 111.561 1609.87 92.266 1637 65.038C1653.26 48.714 1664.48 32.965 1675.51 10.978L1681.02 0H841.001H0.984985L6.93299 11.866Z");
  clip-path: path("M6.93299 11.866C18.108 34.16 35.985 57.951 52.323 72.275C85.979 101.781 123.106 118.156 167.211 122.945C173.923 123.674 382.207 123.99 841.711 123.969C1547.75 123.936 1515.41 124.142 1537 119.542C1574.47 111.561 1609.87 92.266 1637 65.038C1653.26 48.714 1664.48 32.965 1675.51 10.978L1681.02 0H841.001H0.984985L6.93299 11.866Z");
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 100% 999px;
  border-bottom-left-radius: 100% 999px;
  z-index: -1
}


.jt-cs.asgardia.browsemenu-fastfood .jt-pretext {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
  position: relative;
}

.jt-cs.asgardia.browsemenu-fastfood .jt-pretext .pretext_title {
  padding-right: 24px;
  position: relative;
  z-index: 1;
}

.jt-cs.asgardia.browsemenu-fastfood .jt-pretext p.pretext {
  padding-left: 30px;
}

.jt-cs.asgardia.browsemenu-fastfood .jt-pretext::after {
  position: absolute;
  content: "";
  width: calc(100% - 80px);
  height: 1px;
  top: calc(50% + 1px);
  left: 0;
  z-index: 0
}

.jt-cs.asgardia.browsemenu-fastfood .jt-pretext h1,
.jt-cs.asgardia.browsemenu-fastfood .jt-pretext h2,
.jt-cs.asgardia.browsemenu-fastfood .jt-pretext h3,
.jt-cs.asgardia.browsemenu-fastfood .jt-pretext h4,
.jt-cs.asgardia.browsemenu-fastfood .jt-pretext h5,
.jt-cs.asgardia.browsemenu-fastfood .jt-pretext h6 {
  margin: 0;
}

.jt-cs.browsemenu-fastfood .owl-carousel .owl-nav {
  position: absolute;
  right: 0;
  top: 0;
}

.jt-cs.asgardia.browsemenu-fastfood .owl-carousel .owl-next,
.jt-cs.asgardia.browsemenu-fastfood .owl-carousel .owl-prev {
  display: block;
  opacity: 1;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  margin-top: 0;
  top: -24px;
}

.jt-cs.asgardia.browsemenu-fastfood .owl-carousel .nav-button.owl-next {
  right: -66px;
}

.jt-cs.asgardia.browsemenu-fastfood h4 {
  margin: 0;
}

.jt-cs.asgardia.browsemenu-fastfood h4 a.jt-title {
  font-size: 20px;
  margin: 0;
}

.jt-cs.asgardia.browsemenu-fastfood .jt-introtext {
  margin: 5px 0;
}

.jt-cs.asgardia.browsemenu-fastfood .title-intro-wrap {
  position: relative;
  border-radius: 20px;
  padding: 33px 26px 33px 25px
}

.jt-cs.asgardia.browsemenu-fastfood .title-intro-wrap::after {
  position: absolute;
  z-index: -1;
  width: calc(100% - 63px);
  height: calc(100% - 26px);
  content: "";
  background-color: var(--white-color);
  left: 63px;
  top: 26px;
  padding: 33px 26px 33px 55px;
  box-shadow: 0px 6px 30px rgba(1, 15, 28, 0.05);
  border-radius: 20px;
  overflow: hidden;
}

.jt-cs.asgardia.browsemenu-fastfood p.jt-readmore {
  margin: 0px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.jt-cs.asgardia.browsemenu-fastfood p.jt-readmore .fa {
  font-weight: 400;
  color: #fff;
  position: absolute;
  right: 10px;
  bottom: 15px;
  font-size: 16px;
}

.jt-cs.asgardia.browsemenu-fastfood p.jt-readmore a.btn {
  position: relative;
  width: 72px;
  height: 72px;
  border-radius: 20px;
  padding: 0;
  overflow: hidden;
}

.jt-cs.asgardia.browsemenu-fastfood p.jt-readmore a.btn::after {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  content: "";
  right: -15px;
  bottom: -15px;
  z-index: -1;
  transition: 0.4s ease-in-out;
}

.fastfood .img-box2 .img1 {
  position: relative;
  text-align: left;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fastfood .img-box2 .shape1 {
  position: absolute;
  top: 0;
  left: -55px;
  z-index: -1;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.fastfood .img-box2 .discount_style1 {
  position: absolute;
  top: 75px;
  right: -15px;
  left: auto;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.fastfood .img-box2 .discount_style1 .percentage {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(180deg);
}

.fastfood .img-box2 .order-btn {
  position: absolute;
  top: 60px;
  left: 40px;
  right: auto;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.t4-middlespot-3 {
  background-image: url(../images/subslider-2-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}

.t4-middlespot-3 .container {
  background-color: transparent;
}

.t4-middlespot-4 {}

.t4-middlespot-4::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0%;
  right: 0;
  z-index: 1;
  opacity: 1;
  width: 100%;
}

.t4-middlespot-4 .container {
  background-color: transparent;
}

.jt-cs.asgardia.fastfood .jt-inner {
  padding: 27px 15px 45px 15px;
  box-shadow: 0px 6px 30px rgba(1, 15, 28, 0.08);
  border-radius: 999px;
  text-align: center;
  overflow: hidden;
}

.jt-cs.asgardia.fastfood .jt-inner img {
  max-width: 100%;
}

.videohomefastfood .yendif-video-share-responsive-item {
  padding-bottom: 41% !important;
}

.videohomefastfood .yendif-video-share-responsive-item .yendif-video-share-image {
  border-radius: 0px;
}

.t4-bottomspot-4 {
  z-index: 0;
  background-image: url(../images/middlespot-1-bg.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}

.t4-bottomspot-4::before {}

.t4-bottomspot-4 .container {
  border-radius: 20px;
}

.t4-bottomspot-5 {
  position: relative;
  z-index: 1;
}

.t4-bottomspot-5::before {}

.t4-spotlight {
  position: relative;
  z-index: 1
}

.t4-spotlight::before {}

.t4-spotlight::after {}

.asgardia.customer.fastfood .owl2-dots {
  top: 50%;
  left: -30px;
  display: flex;
  flex-direction: column;
  transform: translateY(-50%);
}

.asgardia.customer.fastfood .owl2-dots::before,
.asgardia .owl2-dots::after {
  content: '';
  height: 2px;
  width: 100px;
  position: absolute;
  top: 50%;
  margin-top: -1px;
}

.asgardia.customer.fastfood .owl2-dots::before {
  bottom: calc(100% + 55px);
  top: auto;
  right: auto;
  transform: rotate(90deg)
}

.asgardia.fastfood .owl2-dots::after {
  bottom: auto;
  top: auto;
  right: auto;
  transform: rotate(90deg);
  top: calc(100% + 55px);
  left: auto;
}

.tns-inner .carousel-image::before {
  display: none;
}

.t4-baseline {
  padding-left: 1rem;
  padding-right: 1rem;
}

#asgardia-gallery .carousel-image:hover .hovericons a.icon-url,
#asgardia-gallery .carousel-image:hover .hovericons a.icon-lightbox {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.tns-inner #asgardia-gallery .carousel-image::before {
  display: none;
}

.tns-inner #asgardia-gallery .hovericons a {
  height: 56px;
  line-height: 56px;
  width: 56px;
}

.tns-inner #asgardia-gallery .hovericons .fa {
  font-size: 18px;
  line-height: 56px;
}

.t4-baseline-2 {
  margin-bottom: -200px;
}

.t4-baseline-2 .container {
  background-image: url(../images/subscribe_bg_1.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 1;
  border-radius: 20px;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}

.t4-coloredmodule-2 {}

.board-wrap {
  border-radius: 5px;
  padding: 40px;
  position: relative;
  z-index: 5;
}

.menu-board {
  border-radius: 5px;
  padding: 40px;
  margin-bottom: 40px
}

.menu-board_title {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  margin-top: -0.22em;
  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;
  margin-bottom: 20px;
  white-space: nowrap;
  gap: 15px;
  justify-content: center;
}

.menu-board_title::before,
.menu-board_title::after {
  content: '';
  height: 2px;
  width: 100%;
  display: inline-block;
}

.board-list_title::after {
  content: '';
  width: 100%;
  display: inline-block;
  position: relative;
  top: -6px;
}

.menu-board .board-list_title {
  color: #fff;
}

.t4-coloredmodule-3 {}

.available-table-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 39%;
}

.available-table {
  background-color: #fff;
  padding: 45px 50px;
  border-radius: 20px;
  width: 500px;
  text-align: center;
  position: relative;
  z-index: 2;
}

.available-table_title {
  font-family: 'Lobster two';
  font-size: 30px;
  padding-bottom: 16px;
  margin-bottom: 30px;
  margin-top: -0.3em;
}

.available-table_info {
  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;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.available-table_title.style2 {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 8px;
  margin-top: 25px;
}

.available-table_call {
  font-size: 24px;
  font-weight: 700;
  padding-top: 10px;
  display: block;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto -0.2em auto;
}

.t4-navhelper-2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  width: 288px;
  height: 388px;
  background: url(../images/food_1.html) no-repeat;
  -webkit-animation: jumpReverseAni 7s linear infinite;
  animation: jumpReverseAni 7s linear infinite;
}

.t4-navhelper-2::after {}

.contact-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

.contact-card-wrap {
  display: grid;
  grid-template-columns: auto auto auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 40px 40px 0 40px;
}

.icon-btn {
  display: inline-block;
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  border-radius: 50%;
  border: none;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.t4-footer.pizzaburger {
  background-image: url(../images/footer_bg_3.html);
}

.t4-copyright.pizzaburger a {
  color: #fff;
}

#jtl .input-group-text,
#jtl .input-group-addon>span {
  min-width: 65px;
}

.contact-info {
  display: flex;
  gap: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  align-items: center;
  margin-bottom: 10px
}

.contact-info_icon {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 83px;
  color: #fff;
  text-align: center;
  font-size: 32px;
  border-radius: 999px;
  margin: 0 auto 30px auto;
  position: relative;
  z-index: 2;
}

.contact-info_icon::before {
  left: -10px;
  top: -5px;
}

.contact-info_icon::after {
  right: -10px;
  top: 5px;
}

.contact-info_icon::before,
.contact-info_icon::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.2;
  border-radius: inherit;
  z-index: -2;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.contact-info:hover .contact-info_icon::after {
  right: 0;
  top: 0;
}

.contact-info:hover .contact-info_icon::before {
  left: 0;
  top: 0;
}

.com-users-registration__submit.control-group .controls {
  display: flex;
  gap: 15px;
  justify-content: center;
}

.asgardia .plain-style #contact-form textarea {
  min-height: 5rem;
}

.asgardia .contact-miscinfo {
  background: none;
  border: 0;
  padding-left: 0;
}

.contact.asgardia {
  background: url(../images/contact-bg.png) no-repeat 99% 98%;
}

.contact.asgardia legend {
  font-size: 0.8rem;
}

.t4-bottomspot-4 .container {
  max-width: 1140px;
}

.contact-us .qf3form.example2 {
  padding: 0px 0px;
  background-color: transparent;
}

.qf3form.example2 .asgardia .qf3 {
  padding: 0px 15px 1.2em 0px;
}

.contact-qf3-asgardia [class*='col-'] {
  padding-left: 0;
  padding-right: 0px;
}

.qf3form.example2 .asgardia .qf3txt input,
.qf3form.example2 textarea,
.qf3form.example2 .asgardia input.btn {
  border-radius: 20px;
  padding: 15px;
  border: 0;
  resize: none;
}

.qf3form.example2 .asgardia input.btn {
  min-width: 113px;
  width: auto;
  margin-top: 15px
}

.qf3form.example2 .qfcapt {
  display: none;
}

.contact-right {
  padding-top: 30px
}

.asgardia .contact-form input,
.asgardia .contact-form textarea {
  border-radius: 20px;
  padding: 15px;
  border: 0;
  resize: none;
}

/*
	==================================================
		CATEGORIES MODULE - SIDEBAR
	==================================================
*/
.categories-module.asgardia li a::before {
  display: none;
}

.categories-module.asgardia li a {
  display: block;
  margin: 0 0 10px 0;
  padding: 18px 45px 18px 18px;
  font-size: 14px;
  line-height: 1.313;
  border-radius: 28px;
}

.categories-module.asgardia li a .category-image {
  padding-right: 10px;
  -webkit-filter: brightness(0) invert(0.3);
  filter: brightness(0) invert(0.3);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.categories-module.asgardia li a .numitems {
  float: right;
}

.categories-module.asgardia li a:hover .category-image {
  -webkit-filter: none;
  filter: none;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

/***********/
.widget {
  position: relative;
}

.author-widget-wrap {
  text-align: center;
}

.author-widget-wrap .avater {
  margin-bottom: 20px;
}

.author-widget-wrap {
  text-align: center;
}

.author-widget-wrap .name {
  font-size: 24px;
  margin-bottom: 15px;
}

.author-widget-wrap .author-bio {
  margin-bottom: 23px;
}

.author-widget-wrap .author-social {
  display: block;
}

.author-widget-wrap .avater img {
  border-radius: 50%;
}

.author-widget-wrap .author-social a {
  font-size: 16px;
  position: relative;
  padding: 6px 15px 6px 0;
  margin-right: 12px;
}

.t4-offcanvas-toggle {
  color: #fff;
  position: fixed;
  top: 0.5rem;
  right: 0;
  z-index: 9;
}

@media screen and (min-width:336px) and (max-width:1200px) {
  .navbar-toggler {
    visibility: hidden;
    
  }
}

body.site-default-home-pizzaburger-dark .t4-offcanvas-toggle,
body.site-default-home-pizzaburger-light .t4-offcanvas-toggle {
  top: 2.8rem;
  width: 50px
}

body.site-default-home-pizzaburger-dark .header-wrap,
body.site-default-home-pizzaburger-light .header-wrap {
  padding-right: 20px;
}

.filter-item {}

.row masonary-active {
  flex-wrap: wrap;
}

/*
	==================================================
		SCHEDULE - CSS 
	==================================================
*/

.jttabs-wrapper.layout-default.asgardia .tab-content,
.jttabs-wrapper.layout-default.asgardia .nav-tabs {
  border: 0;
}

.jttabs-wrapper.layout-default.asgardia ul.nav-tabs {
  border-radius: 5px;
  min-height: 70px;
  display: flex;
  align-items: center;
  gap: 15px;
  padding-right: 15px;
  padding-left: 15px;
  justify-content: space-evenly;
}

.jttabs-wrapper.asgardia .nav-tabs .nav-link {
  border-radius: 3px;
  border: 0;
  transition: all 0.3s linear 0s;
}

.jttabs-wrapper.asgardia .nav-tabs .nav-link.active,
.jttabs-wrapper.asgardia .nav-tabs .nav-link:hover {
  transition: all 0.3s linear 0s;
  border: 0;
}

.jttabs-wrapper.asgardia .tab-content h2 {
  display: none
}

.jttabs-wrapper.asgardia .tab-content {
  padding-top: 30px;
  padding-bottom: 30px;
}

.asgardia-schedule .schedule-left,
.asgardia-schedule .schedule-right {
  display: flex;
  flex-direction: column;
  gap: 20px 10px
}

.asgardia-schedule .show-outer {
  display: flex;
  border-radius: 5px;
  padding: 15px;
  gap: 15px;
}

.asgardia-schedule .showtime {
  font-weight: bold;
  text-align: center;
  padding-right: 20px;
}

.show-outer .showimg {
  flex: 1;
}

.show-outer .showimg img {
  width: 102px;
  height: 102px;
  border-radius: 100%;
}

.show-outer .showtext {
  flex: 3;
}

.asgardia-schedule .showimg-text {
  display: flex;
}

.asgardia-schedule .showimg-text {
  gap: 10px;
}

.asgardia-schedule .showtitle,
.asgardia-rj {
  font-weight: bold;
}


/*
	==================================================
		MOBILE - CSS 
	==================================================
*/

@media screen and (max-width:1320px) {

  body.layout-boxed .t4-content-inner,
  body.layout-boxed-solidcolor-bg .t4-content-inner {
    width: 100%;
  }

  .t4-header-m,
  .t4-header-r-wrap {
    display: none !important;
  }
}

@media screen and (max-width:336px) {
  .t4-offcanvas-toggle {
    display: block;
  }



  
  .t4-bottomspot-1 .container,
  .t4-bottomspot-2 .container,
  .t4-bottomspot-3 .container,
  .t4-bottomspot-5 .container {
    background-color: transparent;
  }

  h1,
  h2,
  h3,
  .moduletable>h3,
  .moduletable>.h3,
  .registration fieldset legend {
    font-size: 2rem !important
  }

  .t4-footnav h3.module-title,
  .t4-footnav .module-title.h3 {
    font-size: var(--h4-font-size) !important;
  }
}

@media screen and (max-width:998px) {

  .aboutus-right::before,
  .t4-navbar .dropdown-menu.level1.show::before {
    display: none;
  }

  .header-right-wrap2.collapse-static,
  .t4-header-r {
    position: relative;
  }

  .navbar-toggler {
    width: 50px;
    height: 50px;
    padding: 0;
    font-size: 20px;
    border: none;
    display: inline-block;
    border-radius: 5px;
    right: 1rem;
    margin: 0.5rem 0;
    position: absolute;
    top: -30px;
    z-index: 9;
  }

  .navbar-expand-lg {
    height: 0px;
    margin-top: 0px;
  }

  .logo-wrap {
    padding-bottom: 10px;
  }

  .header-top {
    min-height: 50px;
    padding-left: 1rem;
    max-height: 50px;
  }

  .header-block.header-block-2 .container-xxl {
    --t4-gutter-x: 0
  }

  .layout-home-fastfood .navbar-toggler {
    z-index: 9;
  }

  .header-shape1 {
    -webkit-clip-path: none;
    clip-path: none;
    border-radius: 0px;
  }

  .header-top-fastfood p,
  .header-top-fastfood div,
  .header-top-fastfood a {
    font-size: 14px
  }

  .not-at-top .t4-sticky {
    width: 98%;
  }

  .header-block.fastfood #t4-megamenu-mainmenu {
    border-radius: 40px;
  }

  .not-at-top #t4-header .t4-sticky {
    position: fixed !important;
    top: 0 !important;
  }

  .feature-grid-wrap {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
  }

  .maintop-2::after,
  .maintop-2::before,
  .t4-maintop-2::before,
  .t4-maintop-2::after {
    display: none;
  }

  .ps-md-5 {
    padding-left: 5rem !important;
  }

  .nav-breakpoint-lg .t4-megamenu {
    max-height: 70vh;
  }

  .t4-megamenu ul.nav {
    overflow-x: hidden;
  }

  .t4-slider {
    margin-top: 0px;
  }

  .t4-megamenu .mega-caption {
    bottom: auto;
  }

  .nav-breakpoint-lg .collapse-static {
    padding-left: 15px;
    padding-right: 15px;
  }

  .jt-playlist.asgardia .playlist-wrap.style1 .jt-playlist-container {
    flex-direction: column;
  }

  .jt-playlist.asgardia .playlist-wrap.style1 .jt-playlist-left,
  .jt-playlist.asgardia .playlist-wrap.style1 .jt-playlist-right {
    flex-direction: column;
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }

  .jttabs-wrapper.layout-default.asgardia ul.nav-tabs {
    gap: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .breadcrumbs-wrap-asgardia h1.breadcrumb-item {
    font-size: 28px;
    line-height: 1;
  }

  #t4-megamenu-mainmenu {
    border-radius: 40px;
  }

  .bottomspot-1 .custom {
    padding: 20px 20px 0 20px;
  }

  .bottomspot-1 .custom [class*=' col-'] {
    margin-bottom: 40px
  }

  .pricing-table-1 .featured {
    margin-top: 0px;
    padding-bottom: 20px;
  }

  .pricingtable-row .row {
    padding: 30px 0px;
  }
}

/* ----------------------- */
@media screen and (max-width:300px) {

  .btn.js-offcanvas-trigger::before {
    display: none !important;
  }

}

/* --------------------- */
/* Style the forward slash */
.slash {
  margin: 0 30px; /* Adjust the margin value to control the space */
}

/* Optional: Ensure the other elements align nicely */
.content2 {
  display: inline; /* Ensure the elements are inline */
  margin: 0; /* Remove any default margin */
}


@media only screen and (min-width:336px) and (max-width:767px) {
  .custom p{
    visibility: hidden;
  }
  .container-xxl{
    margin-top: -168px;
  }
  /* .header-shape2{
    visibility: hidden;
  }
} */

@media only screen and (min-width:648px) and (max-width:767px) {
  .container-xxl{
    margin-top: -120px;
  }
}

/* ----------------------- */
@media screen and (max-width:767px) {
  .t4-topbar .t4-row {
    gap: 20px 0px
  }

  .topbar-r {
    justify-content: flex-start;
  }

  .topbar-l,
  .topbar-r,
  .topbar.asgardia,
  .asgardia.owl2-carousel.nav-bottom-right .owl2-nav,
  .asgardia.owl2-carousel.nav-outside-top .owl2-nav,
  .available-table-bg,
  .btn.js-offcanvas-trigger,
  .jpanelHandle,
  .t4-bottomspot-3::after,
  .t4-bottomspot-3::before,
  .t4-navhelper-2::before,
  .bottomspot-3::before,
  .bottomspot-3::after,
  body.theme-restaurant-dark .header-top-2,
  .t4-bottomspot-1::before,
  .t4-maintop-2::before,
  .t4-maintop-2::after,
  .t4-bottomspot-1::after,
  .t4-bottomspot-1::before,
  .theme-restaurant-dark .header-top,
  .t4-spotlight::after,
  body.site-default-home-pizzaburger-light .t4-subslider-0::before,
  body.site-default-home-pizzaburger-light .t4-subslider-0::after,
  .t4-navhelper-2::after,
  .ui-slideouttab-handle,
  .fastsocialshare_container,
  .jt-radio-player.asgardia .radio-name::after,
  .jt-radio-player.asgardia .pause-image,
  .jt-radio-player.asgardia .jt-image-container,
  .asgardia .positioncenter.owl-carousel .owl-nav,
  .asgardia .owl2-carousel.nav-outside-top .owl2-nav,
  .t4-navbar .dropdown-menu.level1.show::before {
    /* display: none !important; */
  }

  #asgardia-team .testimonial_block {
    justify-content: center;
    display: flex;
  }

  .mod-yendifvideoshare-player-inner.asgardia .yendifplayer,
  .yendifplayer-description-asgardia {
    max-width: 100%;
  }

  .owl2-dots,
  .owl2-nav.disabled+.owl2-dots {
    position: relative;
  }

  .jt-cs.asgardia .owl-carousel .nav-button.owl-prev,
  #asgardia-team .owl2-nav .owl2-prev {
    left: -15px;
  }

  .jt-cs.asgardia .owl-carousel .nav-button.owl-next,
  #asgardia-team .owl2-nav .owl2-next {
    right: -15px;
  }

  .jt-carousel-yendif-outer.asgardia .tns-nav button,
  .jt-cs.asgardia .owl-carousel .owl-dot span,
  #asgardia .owl2-dot,
  .jt-cs.asgardia .owl-carousel .owl-dot.active span,
  #asgardia-team .owl2-dots .owl2-dot,
  #asgardia-team .owl2-dots .owl2-dot.active {}

  .sp-simpleportfolio.asgardia .sp-simpleportfolio-item .sp-simpleportfolio-info h3,
  .sp-simpleportfolio.asgardia .sp-simpleportfolio-item .sp-simpleportfolio-info .h3,
  .sp-simpleportfolio.asgardia .sp-simpleportfolio-item .sp-simpleportfolio-info h3 a,
  .sp-simpleportfolio.asgardia .sp-simpleportfolio-item .sp-simpleportfolio-info .h3 a {
    font-size: 1rem;
    line-height: 1.2;
  }

  .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {
    padding: 7px;
  }

  .sp-simpleportfolio .sp-simpleportfolio-filter>ul>li>a {
    font-size: 0.95rem;
    line-height: 1;
    padding: 3px 5px;
  }

  .not-at-top .t4-sticky {
    position: -webkit-fixed !important;
    position: fixed !important;
    animation: fadein 0.5s;
    -moz-animation: fadein 0.5s;
    -webkit-animation: fadein 0.5s;
    -o-animation: fadein 0.5s;
  }

  .not-at-top #t4-header.t4-sticky {
    position: -webkit-fixed !important;
    position: fixed !important;
    animation: fadein 0.5s;
    -moz-animation: fadein 0.5s;
    -webkit-animation: fadein 0.5s;
    -o-animation: fadein 0.5s;
    width: 100%;
  }

  .t4-header .header-block {
    padding-top: 8px;
  }

  .t4-header-r>* {
    margin-left: 0;
  }

  .sp-simpleportfolio.asgardia .sp-simpleportfolio-tags {
    font-size: 0.95rem;
  }

  .jt-cs .jt-author-date {
    font-size: 70%;
  }

  body.layout-boxed .t4-content {
    padding: 0px;
  }

  .sp-simpleportfolio.asgardia .sp-simpleportfolio-items {
    margin: 0px;
  }

  .pricing-table-1 .plan,
  .counter-style {
    margin-bottom: 30px;
  }

  .testimonial_block {
    display: block;
  }

  h2 {
    font-size: 28px
  }

  .t4-content-inner {
    overflow: hidden;
  }

  .header-top .t4-header-m,
  .header-top .t4-header-r,
  .header-top .t4-header-r-wrap::after {
    display: none !important;
  }

  .nav-breakpoint-lg .t4-megamenu {
    padding-top: 1.5rem
  }

  .asgardia.customer.fastfood .owl2-dots {
    top: auto;
    left: 50%;
    bottom: 0;
    display: flex;
    flex-direction: row;
    transform: translateY(0%);
    transform: translateX(-50%);
    width: max-content;
  }

  .asgardia.customer.fastfood .owl2-dots::before {
    bottom: auto;
    top: auto;
    transform: none;
    right: calc(100% + 10px);
  }

  .asgardia.customer.fastfood .owl2-dots::after {
    left: calc(100% + 10px);
    bottom: auto;
    top: auto;
    right: auto;
    transform: none;
    top: auto;
  }

  .available-table {
    width: 100%;
    padding: 45px 20px;
    margin-top: 30px;
  }

  .contact-card-wrap {
    flex-direction: column;
    display: flex;
    gap: 30px
  }

  .t4-copyright {
    font-size: 15px;
  }

  .copyright-l {
    margin-bottom: 15px;
  }

  .menu-board {
    padding: 15px;
  }

  .board-wrap {}

  .board-list_title,
  .board-list_price {
    font-size: 16px
  }

  .board-wrap .row>* {
    --t4-gutter-x: 40px;
    --t4-gutter-y: 40px;
  }

  .filter-item {
    position: relative;
  }

  .logo-wrap {
    padding-left: 10px
  }

  .sp-simpleportfolio.asgardia .sp-simpleportfolio-filter>ul>li>a {
    margin-bottom: 20px;
    margin-right: 10px
  }

  .jtcs_item_wrapper h3 a.jt-title,
  .jtcs_item_wrapper .h3 a.jt-title,
  .jtcs_item_wrapper a.jt-title,
  h3.module-title,
  .module-title.h3 {
    font-size: 24px
  }

  .header-right-wrap2 {
    padding-left: 0.5rem;
  }

  body.theme-restaurant-dark .t4-header {
    padding-top: 10px
  }

  .board-wrap2 {
    padding: 20px;
  }

  .menu-list-img {
    margin-left: 0px;
    margin-bottom: 30px
  }

  .as-product.list-view .actions {
    position: relative;
  }

  .as-product.list-view .actions .as-btn {
    margin-top: 20px;
  }

  .mainbody.asgardia {
    padding: 10px 10px;
    margin-right: 0px;
    margin-left: 0px;
  }

  .faq-area .row [class*='col-'] {
    padding-left: 0;
    padding-right: 0;
  }

  .faq-area .faq-img img {
    max-width: 100%;
  }

  input.form-control,
  textarea.form-control,
  select,
  .form-control,
  .form-select,
  textarea,
  input {}

  .feature-card-wrap {
    margin-bottom: 30px
  }

  .feature-card {
    -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;
    text-align: center;
    padding: 0 7px !important;
  }

  .t4-footer ul.nav li::before {}

  .img-box3 .about-counter1 {
    position: relative;
  }

  .about-counter1 {
    gap: 5px;
  }

  .about-counter1 .counter-title {
    font-size: 32px;
  }

  .about-counter1 .counter-text {
    font-size: 16px;
  }

  .footer-links .d-flex {
    justify-content: flex-start !important;
    padding-left: 0;
  }

  .image-tabs .nav-tabs+.tab-content {
    min-width: auto;
    min-height: auto;
  }

  .product-about {
    width: 100%;
    display: block;
  }

  #JtTabContent img {
    max-width: 100% !important;
  }

  .row.content-tab {
    flex-wrap: wrap;
  }

  .row.content-tab .col-sm-5,
  .row.content-tab .col-sm-7 {
    width: 100% !important;
  }

  .jt-cs.asgardia.popularshows .jt-imagecover {
    margin-right: 0 !important;
    margin-bottom: 20px;
    float: none !important
  }

  .jt-cs.asgardia.popularshows .jt-introtext {
    margin-bottom: 20px;
    display: block;
  }

  .jt-cs.asgardia.popularshows .jt-author-date {
    width: 100%;
  }

  .jt-cs.asgardia.popularshows .jt-bottomline {
    flex-wrap: wrap;
    gap: 15px 0px;
  }

  .jt-radio-player.asgardia .audio-buttons {
    margin-top: 10px;
  }

  .jt-radio-player.asgardia .radio-name h3 {
    font-size: 14px;
  }

  .t4-copyright .navbar,
  .asgardia-schedule .schedule-left,
  .asgardia-schedule .schedule-right,
  .jttabs-wrapper.layout-default.asgardia .tab-content {
    padding-left: 0;
    padding-right: 0;
  }

  .t4-copyright ul {
    justify-content: flex-start;
  }

  .yendif-video-share.videos.asgardia [class*=" col-"],
  .sp-simpleportfolio .sp-simpleportfolio-item {
    padding-left: 0px;
    padding-right: 0px;
  }

  .yendif-video-share-categories.asgardia .row>*,
  .mod-yendifvideoshare-videos.asgardia .row>* {
    padding-left: 0px;
    padding-right: 0px;
  }

  .sp-simpleportfolio.asgardia {
    padding: 0px;
  }

  h1,
  h2,
  h3,
  .moduletable>h3,
  .moduletable>.h3,
  .registration fieldset legend {
    font-size: 2rem !important
  }

  .subslider-0-module [class*=' col-'] {
    margin-bottom: 40px
  }

  .why-chooseus.right ul,
  .jt-cs.asgardia.egzotic .pretext,
  .unlock-beauty.right ul,
  .about-us-left ul {
    padding-left: 0
  }

  li.why-chooseus-text,
  .unlock-beauty.right li,
  .middlespot-1-module li,
  .about-us ul li {
    display: flex;
    align-items: center;
  }

  .jt-cs.asgardia.egzotic .jt-pretext,
  .asgardia.testimonial {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .jt-cs.asgardia.egzotic .pretext_title {
    border-right: 0;
    padding-right: 0;
  }

  .pricingtable-row .row {
    padding: 20px 20px;
  }

  .sp-simpleportfolio .sp-simpleportfolio-filter>ul {
    padding: 15px
  }
}

@media only screen and (max-width:540px) {
  .header-top-3 {
    display: none;
  }

  .row {
    margin-left: 0;
    margin-right: 0;
  }

  .yendif-video-share.asgardia.mod-yendifvideoshare-player {
    padding: 10px
  }

  .testimonial_block-data {
    margin-top: 20px;
  }

  .sp-simpleportfolio.asgardia .sp-simpleportfolio-items .sp-simpleportfolio-item {
    width: 100%;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-bottom: 20px;
  }

  .header-top p,
  .header-top div {
    margin: 5px 0;
  }

  .header-top-3 {
    padding-left: 5px;
  }

  .logo-wrap {
    padding-top: 10px;
    padding-right: 20px;
    position: absolute;
    width: 100%;
    z-index: 9;
    top: 0px;
    padding-bottom: 10px
  }

  .header-top-3 {
    border-left: 0;
  }

  .as-btn {
    padding: 15px;
  }

  .feature-card-wrap .feature-card {
    -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;
    text-align: center;
    padding: 0px !important;
    margin-bottom: 20px;
  }

  .feature-card-wrap:first-child .feature-card,
  .feature-card-wrap:last-child .feature-card {
    border: 0;
  }

  .shape-mockup-wrap .pe-xxl-5 {
    padding-bottom: 65px;
    padding-top: 35px;
  }

  .checklist-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
  }

  .contentpane .item-page {
    padding: 0.5rem;
  }

  .row.gy-4 .col-lg-6 {
    padding-left: 0;
    padding-right: 0;
  }

  .sidebar-r .t4-module {
    padding: 20px 10px;
  }

  .item-page .page-header h2,
  .item-page .page-header .h2 {
    font-size: 24px;
  }

  .board-wrap {
    padding: 0px;
  }

  .t4-breadcrumbs-inner .container {
    padding-left: 0;
    padding-right: 0;
  }

  .t4-section.t4-breadcrumbs .breadcrumb li {
    margin-right: 4px;
    font-size: 1rem;
  }

  .breadcrumb .divider {
    padding-right: 0.1rem;
  }
}

@media only screen and (max-width:600px) {

  .asgardia-schedule .showimg-text {
    flex-direction: column;
    justify-content: center;
    align-items: center
  }
}

@media only screen and (max-width:400px) {

  .jt-playlist.asgardia .playlist-wrap.style1 .buttons,
  .jt-playlist.toplist .playlist-wrap.style1 .buttons {
    gap: 6px;
    padding-left: 6px;
    flex: 2;
    font-size: 0.9rem
  }

}

@media only screen and (max-width:990px) and (min-width:768px) {
  .header-block.fastfood .header-m {
    padding-right: 70px;
  }

  .topbar {
    padding: 15px 15px;
    font-size: 90%
  }

  .topbar-l {
    padding-right: 10px
  }

  .topbar-l i,
  ul.top_social_icons li,
  ul.top_contact_info li,
  ul.social_icons li {
    margin-right: 5px;
  }

  .jtcs_item_wrapper h3 a.jt-title,
  .jtcs_item_wrapper .h3 a.jt-title,
  h3,
  .module-title,
  h3.module-title,
  .module-title.h3,
  .moduletable>h3,
  .moduletable>.h3 {
    font-size: 26px !important;
  }

  .subslider-0-module [class*=' col-'] {
    margin-bottom: 40px
  }

  .positioncenter.owl-carousel .owl-nav {
    display: none;
  }

  .jt-cs.asgardia.egzotic .pretext_title {
    border-right: 0;
    padding-right: 0;
  }

  .jt-cs.asgardia.egzotic .pretext {
    padding-left: 0
  }
}

@media only screen and (max-width:1200px) and (min-width:991px) {

  .t4-megamenu .navbar-nav>li>a,
  .t4-megamenu .navbar-nav>li>.nav-link,
  .t4-navbar .navbar-nav>li>a,
  .t4-navbar .navbar-nav>li>.nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 85% !important
  }

  .asgardia .positioncenter.owl-carousel .owl-nav {
    z-index: 5 !important;
  }

  .jt-cs.asgardia .owl-carousel .owl-nav .owl-next {
    right: 0px;
  }

  .jt-cs.asgardia .owl-carousel .owl-nav .owl-prev {
    left: 0px;
  }

  .header-shape1 {
    -webkit-clip-path: none;
    clip-path: none;
    border-radius: 0px;
  }

  .not-at-top .t4-sticky {
    top: 0 !important;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
}

@media only screen and (min-width:336px) and (max-width:576px) {

  .t4-bottomspot-2::after,
  .t4-middlespot-5::after {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 95%;
    content: "";
    opacity: 0.9
  }
}

/* ---------------------- */
