@import url("animate.min.css");

@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon/icomoonbfbd.eot?8ug24c');
  src: url('../fonts/icomoon/icomoonbfbd.eot?8ug24c#iefix') format('embedded-opentype'),
    url('../fonts/icomoon/icomoonbfbd.ttf?8ug24c') format('truetype'),
    url('../fonts/icomoon/icomoonbfbd.woff?8ug24c') format('woff'),
    url('../fonts/icomoon/icomoonbfbd.svg?8ug24c#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.icon-rose-1:before {
  content: "\e900";
  font-family: 'icomoon';
}

.icon-rose-2:before {
  content: "\e901";
  font-family: 'icomoon';
}

.icon-rose-3:before {
  content: "\e902";
  font-family: 'icomoon';
}

.icon-rose-4:before {
  content: "\e903";
  font-family: 'icomoon';
}

.icon-rose-5:before {
  content: "\e904";
  font-family: 'icomoon';
}

.icon-rose-6:before {
  content: "\e905";
  font-family: 'icomoon';
}

/****************preloader*************/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: #fff
}

#status {
  width: 260px;
  height: 260px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -130px 0 0 -130px;
  background-size: 260px;
}

.loader-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.loader {
  background: none;
}

.img-border {
  border-color: var(--color-secondary);
  border-style: double;
}

main-loader {
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75);
}

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


/*COLOR PRIMARY BG PRIMARY COLOR SECONDARY BG SECONDARY */
.odel.team-2 .jt-social-icons a:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
  transition: all 0.3s linear 0s;
}

.summary-content .share-title i,
.product-about .share-title i,
.text-theme,
.board-list_price,
.categories-module.odel li a:hover,
.author-widget-wrap .author-social a:hover,
.first-word-odel {
  color: var(--color-primary);
}

.jt-cs.odel.featuredproducts .jt-title .first-word-odel {
  color: var(--color-secondary);
}

.product-list_title::after,
.product-list-divider::after,
.divider-title::after,
.tns-inner #odel-gallery .hovericons a,
.jttabs-wrapper.odel.popularfoods.pizzaburger .nav-tabs .nav-link.active,
.product-board_title::before,
.product-board_title::after,
.contact-info_icon::before,
.contact-info_icon::after,
.jt-cs.odel.blog .jt-inner:hover a.as-btn.primary,
.btn.btn-primary {
  background-color: var(--color-primary);
}

.btn.btn-secondary,
.yendif-video-share:hover .title-excerpt-rating {
  background-color: var(--color-secondary);
  color: var(--color-white);
  transition: all 0.3s linear 0s;
}

.t4-bottomspot-5::before,
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 .header-top,
.theme-pizzaburger-dark .available-table,
.theme-restaurant-dark .available-table,
.theme-dark1 .available-table,
.theme-dark2 .available-table,
.theme-dark3 .available-table,
.theme-dark4 .available-table {
  background-color: var(--color-secondary);
}

.as-product.list-view:hover .product-img,
body.layout-boxed-solidcolor-bg .t4-header-r-wrap,
body.layout-boxed .t4-header .t4-header-r-wrap,
body.layout-boxed-nomainbody .t4-header-r-wrap,
body.layout-boxed-nomainbody .t4-header-r-wrap {
  background-color: var(--color-warning);
}

.as-product .price {
  color: var(--color-primary);
  font-family: var(--heading-font);
}

.as-product .price del {
  margin-left: 10px;
  color: var(--body-text-color);
}

.divider-title .text {
  background-color: var(--containerbg-color);
}

body.layout-home-style2 {
  .t4-header .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }

  .t4-header .header-wrap {}

  .t4-slider {
    margin-top: 0px;
  }

  .navbar-brand {
    padding-left: 30px;
  }

  .nav-r,
  .header-r-upper {
    padding-right: 50px;
  }
}

.createdby [itemprop="name"] {
  font-weight: 700;
  color: var(--color-primary);
}

/*LIGHT BG*/
.board-wrap2 {
  ;
}

body.theme-restaurant-dark .board-wrap2,
body.theme-restaurant-dark .as-product.list-view,
body.theme-pizzaburger-dark .board-wrap2,
body.theme-pizzaburger-dark .as-product.list-view {
  background-color: var(--color-secondary-light);
}

/*PRIMARY-DARK BG*/
.bg-primary-dark {
  background-color: var(--color-primary-dark);
}

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

.about-us-odel .animate-circle img {}

.item-title {}

@keyframes right-to-left {
  from {
    opacity: 0;
    left: 100px
  }

  to {
    opacity: 1;
    left: 30px
  }
}

@-moz-keyframes right-to-left {
  from {
    opacity: 0;
    left: 100px
  }

  to {
    opacity: 1;
    left: 30px
  }
}

@-webkit-keyframes right-to-left {
  from {
    opacity: 0;
    left: 100px
  }

  to {
    opacity: 1;
    left: 30px
  }
}

@-o-keyframes right-to-left {
  from {
    opacity: 0;
    left: 100px
  }

  to {
    opacity: 1;
    left: 30px
  }
}

@keyframes left-to-right {
  from {
    opacity: 0;
    right: 100px
  }

  to {
    opacity: 1;
    right: 30px
  }
}

@-moz-keyframes left-to-right {
  from {
    opacity: 0;
    right: 100px
  }

  to {
    opacity: 1;
    right: 30px
  }
}

@-webkit-keyframes left-to-right {
  from {
    opacity: 0;
    right: 100px
  }

  to {
    opacity: 1;
    right: 30px
  }
}

@-o-keyframes left-to-right {
  from {
    opacity: 0;
    right: 100px
  }

  to {
    opacity: 1;
    right: 30px
  }
}

.path-0,
.path-1,
.path-2,
.path-3,
.path-4,
.path-5,
.path-6,
.path-7,
.path-8,
.path-9,
.bb-9 {
  fill: var(--color-primary);
}

/***********************************************/
.scroll-progress-bar {
  position: fixed;
  z-index: 9999;
  height: 4px;
  top: 0;
  left: 0;
  background-color: var(--color-primary);
}

#back-to-top {
  transition: all 0.3s linear 0s;
  background-color: transparent;
  color: var(--color-white);
  z-index: 99;
  border: 1px solid var(--color-primary);
}

#back-to-top:hover {
  background-color: var(--color-primary-dark);
  color: var(--color-white);
}

.top-away #back-to-top,
.not-at-top #back-to-top,
.not-at-top #back-to-top {
  text-align: center;
  font-size: 16px;
  display: block;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 0rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  -webkit-transition: all ease 0.8s;
  transition: all ease 0.8s;
  line-height: 1;
  z-index: 1001;
  border-radius: 10px;
}

#back-to-top .fa-chevron-up::before {
  content: "\f106" !important;
  font-size: 30px;
}

#back-to-top i {
  color: var(--color-primary);
}

#back-to-top:hover i {
  color: var(--color-white);
}

.items-more .nav-tabs>li>a {
  background: none;
}

.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-ct {
  z-index: 1;
  position: relative
}

.module-title {
  line-height: 1;
  padding-bottom: 0px;
  position: relative;
  border: 0
}

.module-title::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 0
}

.module-title span::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-color: var(--color-primary);
  z-index: 1
}

.module-title,
h3 {
  position: relative;
  overflow: hidden;
}

.module-title,
.module-title span {}

.module-title span {
  position: relative;
  z-index: 1;
  padding-bottom: 15px
}

.module-title span.first-word-odel {
  padding-right: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: var(--heading-color);
}

.item-page .article-info .createdby {
  display: flex;
}

.first-word {
  color: var(--color-primary);
}

.navbar-brand.logo-control img.logo-img {
  max-height: 100%;
}

/* Apply font sizes to headings */
h1.module-title {
  font-size: var(--h1-font-size);
}

h2.module-title {
  font-size: var(--h2-font-size);
}

h3.module-title {
  font-size: var(--h3-font-size);
}

h4.module-title {
  font-size: var(--h4-font-size);
}

h5.module-title {
  font-size: var(--h5-font-size);
}

h6.module-title {
  font-size: var(--h6-font-size);
}

.module-title.dotborder {
  border-bottom: 2px dotted var(--color-secondary);
  margin-bottom: 20px
}

.module-title span {
  border-bottom: 0;
  margin-bottom: 0px;
}


.module-title.ribbon,
.sidebar-l .module-title.ribbon {
  background-color: var(--color-tertiary);
  padding: 10px 10px;
  -webkit-clip-path: polygon(100% 0%, calc(100% - 0.75rem) 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
  clip-path: polygon(100% 0%, calc(100% - 0.75rem) 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
  border: 1px solid var(--color-tertiary-light);
}

.module-title.ribbon::after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0%;
  top: 0;
  background: var(--color-tertiary);
  background: linear-gradient(45deg, var(--color-tertiary) 23%, var(--color-tertiary-light) 47%, var(--color-tertiary) 100%);
}

.module-title.pen span,
.module-title.pencil span,
.module-title.feather span,
.module-title.penfancy span,
.module-title.marker span {
  padding-left: 27px
}

.module-title.pen span::before {
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 30px;
  height: 100%;
  content: "\f5ad";
  font-family: 'FontAwesome';
  z-index: 1;
  font-size: 20px
}

.module-title.penfancy span::before {
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 30px;
  height: 100%;
  content: "\f5ac";
  font-family: 'FontAwesome';
  z-index: 1;
  font-size: 20px
}

.module-title.pencil span::before {
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 30px;
  height: 100%;
  content: "\f303";
  font-family: 'FontAwesome';
  z-index: 1;
  font-size: 20px
}

.module-title.feather span::before {
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 30px;
  height: 100%;
  content: "\f52d";
  font-family: 'FontAwesome';
  z-index: 1;
  font-size: 20px
}

.module-title.marker span::before {
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 30px;
  height: 100%;
  content: "\f5a1";
  font-family: 'FontAwesome';
  z-index: 1;
  font-size: 20px
}

.sidebar-l .module-title,
.sidebar-r .module-title {}

.moduletable>h3,
.moduletable>.h3 {
  text-transform: none;
}

h3.module-title .titlespan {
  position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
}

.category .list-title a {
  color: var(--body-text-color)
}

.form-select {
  background-color: var(--containerbg-color)
}

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

.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;
  display: inline-block;
  text-align: left;
  margin-left: -5px;
}

.discount_style1 .small-text .text {
  font-size: 0.6em;
  font-weight: 400;
}

.tags-outer-odel {
  display: flex;
  margin: 30px 0 0 0;
  padding: 40px 0 0 0;
}

.tags-label-odel,
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;
  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 {
  position: relative;
  z-index: 1;
}

.t4-module .nav li a {
  display: block;
  position: relative;
  padding: 0.5rem 0
}

.left.item-image {
  float: left;
}

.right.item-image {
  float: right
}

.t4-footer ul.dropdown-menu {
  padding: 1rem;
}

.module-darkbg,
.darkbg {
  background-color: var(--color-dark);
  padding: 20px 15px;
  border-radius: 5px;
  outline: 1px solid var(--color-secondary-light);
  border: 1px solid var(--color-dark);
  position: relative;
  z-index: 1;
}

.sidebar-r .t4-module.module-darkbg,
.sidebar-l .t4-module.module-darkbg,
.sidebar-r .darkbg,
.sidebar-l .darkbg {
  padding-top: 30px;
  padding-bottom: 30px
}

.btn.btn-secondary:hover {
  opacity: 1;
}

.t4-module.module-graybg {
  background-color: var(--color-gray-light);
  padding: 15px
}

.container-fluid {
  padding-right: calc(var(--t4-gutter-x) * 1.5);
  padding-left: calc(var(--t4-gutter-x) * 1.5);
}

.text-black {
  color: var(--color-black) !important;
}

.titleborder,
.titleborder-white {
  position: relative;
  overflow: visible;
  padding-bottom: 25px;
}

.titleborder::after,
.titleborder-white::after {
  margin: 10px auto 15px auto;
  background-color: var(--color-primary);
  content: "";
  display: block;
  height: 5px;
  position: relative;
  width: 50px;
  border-radius: 10px;
  bottom: -10px;
}

.titleborder-white::after {
  background-color: var(--color-white);
}

.border-secondary {
  border-color: var(--color-secondary) !important;
}

.border-primary {
  border-color: var(--color-primary) !important;
}

.rounded-ring {
  border-radius: 100%;
  width: 10px;
  height: 10px;
}

.text-muted {
  color: var(--body-text-color) !important;
  gap: 0px 10px
}

.article-info {
  margin: 10px 0
}

/*
	=======================================
		CUSTOM SCSS
	=======================================
*/

:root {
  --t4-card-color: var(--body-text-color; );
  --t4-dropdown-bg: var(--containerbg-color);
  --t4-btn-font-family: var(--heading-font-family)
}

.card-body {
  color: var(--body-text-color);
  --heading-font-weight: 600;
}

input.form-control,
textarea.form-control,
select,
.form-control,
.form-select,
textarea,
input,
.registration meter {
  font-family: var(--body-font-family);
  color: var(--body-text-color);
  border-radius: 0px;
  background-color: transparent;
  border-color: var(--border-color);
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.inputbox:focus,
#t3-footer .chronoforms input:focus,
#t3-footer .chronoforms textarea:focus,
.chzn-container-active.chzn-with-drop .chzn-single,
.qf3form.quickform_odel input.odel-input:focus,
.qf3form.quickform_odel textarea.odel-input:focus,
.acym_module.odel .acym_form input:focus,
.form-control:focus {
  box-shadow: 0 0px 0px var(--color-primary), 0 0 3px var(--color-primary);
  border-color: var(--color-primary);
  transition: all 0.2s linear 0s;
  outline: none;
  background-color: transparent;
}

::selection {
  background: var(--color-primary);
  color: var(--color-white)
}

::-moz-selection {
  background: var(--color-primary);
  color: var(--color-white)
}

.moduletable>h3,
.moduletable>.h3 {
  font-size: var(--h3-font-size) !important;
  font-weight: var(--heading-font-weight) !important;
  color: var(--heading-color) !important;
}

.btn-check:checked+.btn,
.blog-list .item-readmore .btn-check:checked+a,
:not(.btn-check)+.btn:active,
.blog-list .item-readmore :not(.btn-check)+a:active,
.btn:first-child:active,
.blog-list .item-readmore a:first-child:active,
.btn.active,
.blog-list .item-readmore a.active,
.btn.show,
.blog-list .item-readmore a.show,
.btn.arrow {
  color: var(--color-white);
  background-color: var(--color-primary);
  border-color: var(--color-primary-light);
}

.bg-light {
  background-color: var(--color-light) !important;
}

.bg-primary {
  background-color: var(--color-primary) !important;
}

.bg-tertiary {
  background-color: var(--color-tertiary) !important;
}

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

.text-tertiary {
  color: var(--color-tertiary) !important;
}

.table {
  --t4-table-color: var(--body-text-color);
  --t4-table-bg: transparent;
  /*--t4-table-border-color:var(--border-color);*/
  --t4-table-striped-color: var(--body-text-color);
  --t4-table-striped-bg: rgba(0, 0, 0, 0.05);
  --t4-table-active-color: var(--body-text-color);
  --t4-table-active-bg: rgba(0, 0, 0, 0.1);
  --t4-table-hover-color: var(--body-text-color);
  --t4-table-hover-bg: rgba(0, 0, 0, 0.075);
  color: var(--body-text-color);
}

.bordered-title {
  border-bottom: 2px dotted var(--color-primary);
}

.primary-bg {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.secondary-bg {
  background-color: var(--color-secondary);
  color: var(--color-white);
}

.light-bg {
  background-color: var(--color-light);
}

.containerbg {
  background-color: var(--containerbg-color);
}

.color-dark {
  color: var(--color-dark)
}

p.readmore .blog-list .item-readmore a,
.blog-list .item-readmore p.readmore a {
  background-color: var(--color-primary);
}

p.readmore .btn:hover,
p.readmore .blog-list .item-readmore a:hover,
.blog-list .item-readmore p.readmore a:hover,
p.readmore .btn:active,
p.readmore .blog-list .item-readmore a:active,
.blog-list .item-readmore p.readmore a:active,
p.readmore .btn:focus,
p.readmore .blog-list .item-readmore a:focus,
.blog-list .item-readmore p.readmore a:focus {
  background-color: var(--color-primary-dark);
}

.form-control,
.acym_module.odel .acym_form input.cell {
  border: 1px solid rgba(0, 0, 0, 0.1)
}

blockquote {
  border-left: 4px solid var(--color-primary);
}

.form-control,
.form-control:focus,
.popover,
.control-label .form-control-feedback {
  color: var(--body-text-color);
}

.control-label .form-control-feedback::after {
  border-top-color: var(--color-graydark);
  color: var(--body-text-color)
}

.control-label .form-control-feedback,
.form-control:focus {
  color: var(--body-text-color);
}

.form-check-input,
.contact .email-copy>input[type="checkbox"],
textarea {}

.contact h3,
.contact .h3 {
  border-bottom: 1px solid var(--border-color);
}

.contact .contact-miscinfo p {
  color: var(--body-text-color);
}

.t4-offcanvas {
  background: var(--containerbg-color);
}

.t4-offcanvas-toggle {
  color: var(--color-primary);
}

.t4-offcanvas .t4-off-canvas-header {
  background-color: var(--border-color);
}

.t4-offcanvas .t4-off-canvas-body .navbar .nav-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0;
}

.pagenavigation .pagination a {
  color: var(--color-white);
  transition: all 0.3s linear 0s;
  border: 0;
}

.pagenavigation .pagination a:hover {
  color: var(--color-white);
  background-color: var(--color-primary);
  transition: all 0.3s linear 0s;
}

.page-link.active,
.active>.page-link {
  color: var(--color-white);
  background-color: var(--color-primary);
  border-color: var(--border-color);
}

.article-info dd .fa {
  color: var(--color-secondary);
}

.page-link,
.page-link:hover {
  color: var(--heading-color);
}

.registration fieldset legend {
  font-family: var(--heading-font-family);
  font-size: var(--h3-font-size);
  font-weight: var(--heading-font-weight);
  color: var(--heading-color);
  background-color: transparent;
}

.container {
  background-color: var(--containerbg-color);
}

.btn.arrow:hover::after,
.btn.btn-secondary:hover {
  color: var(--color-white);
  transition: all 0.3s linear 0s;
}

.dashedborder {
  border: 1px dashed var(--border-color)
}

.dotborder {
  border-bottom: 2px dotted var(--color-secondary);
}

.border-double {
  border-style: double
}

/***************************************************************************/

.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: 'Font Awesome 6 Free', 'Font Awesome 5 Free', 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: 5px;
  line-height: 1;
  position: relative;
  padding: 12px 19px;
  font-family: var(--body-font-family);
  color: var(--color-white);
}

.btn.btn-secondary {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  border: 1px solid var(--color-secondary-light);
}

.btn.btn-primary {
  color: var(--color-white);
  background-color: var(--color-primary);
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  color: #fff;
  transition: all 0.3s linear 0s;
}

.btn.btn-primary.dark {
  color: var(--color-dark);
  font-weight: bold;
}

.btn.btn-primary.dark:hover {
  color: var(--color-white);
}

.glow-wrap {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  margin-top: -10px;
  z-index: 3;
}

.glow {
  position: absolute;
  top: -100%;
  left: -100%;
  z-index: 2;
  display: block;
  content: '';
  width: 100%;
  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);
}

.arrow {
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
}

.btn.arrow {
  padding-right: 40px;
  padding-left: 15px;
  line-height: 1;
}

p.readmore .btn::after {
  position: absolute;
  font-family: 'Font Awesome 5 Free';
  content: "\f061";
  font-weight: 900;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  transition: all 0.3s linear 0s;
}

p.readmore .btn:hover::after {
  transition: all 0.3s linear 0s;
  right: 20px
}

.sidebar-r .t4-module,
.sidebar-l .t4-module,
.sidebar-r .t4-module:first-child,
.sidebar-l .t4-module:first-child {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.mainbody.odel {
  position: relative;
}

.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info {}

.mainbody-inner {}

.sidebar-r .t4-module,
.sidebar-l .t4-module {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sidebar-r .t4-module:first-child,
.sidebar-l .t4-module:first-child {}

.sidebar-r .module-border,
.sidebar-l .module-border {
  margin-bottom: 1rem;
  margin-top: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.module-border {
  position: relative;
}

.sidebar-r .module-border::after,
.sidebar-l .module-border::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-color: var(--color-dark);
  z-index: 1;
}

.sidebar-r .module-border::before,
.sidebar-l .module-border::before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-color: var(--color-secondary-light);
  z-index: 1;
}

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

.t4-module:first-child {
  margin-bottom: 3rem;
  margin-top: 3rem;
}

.content-top .t4-module:first-child {
  margin-bottom: 3rem;
  margin-top: 0rem;
}

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

.box-shadow-light {
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
}

.t4-module .nav li ul>li.active>a,
.t4-card .nav li ul>li.active>a,
.moduletable .nav li ul>li.active>a,
.module_menu .nav li ul>li.active>a {
  color: var(--color-primary);
}

.brad-5 {
  border-radius: 5px;
}

.brad-10 {
  border-radius: 10px;
}

.brad-15 {
  border-radius: 15px;
}

.brad-20 {
  border-radius: 20px;
}

.brad-25 {
  border-radius: 25px;
}

.brad-30 {
  border-radius: 30px;
}

.brad-0 {
  border-radius: 50px;
}

.brad-100 {
  border-radius: 100px;
  z-index: 1
}

.ptop-40 {
  padding-top: 40px;
}

.ptop-60 {
  padding-top: 60px;
}

.ptop-100 {
  padding-top: 100px;
}

.ptop-125 {
  padding-top: 125px;
}

.ptop-150 {
  padding-top: 150px;
}

.ptop-200 {
  padding-top: 200px;
}

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

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

.pbot-40 {
  padding-bottom: 40px;
}

.pbot-60 {
  padding-bottom: 60px;
}

.pbot-100 {
  padding-bottom: 100px;
}

.pbot-125 {
  padding-bottom: 125px;
}

.pbot-150 {
  padding-bottom: 150px;
}

.pbot-200 {
  padding-bottom: 200px;
}

.dotborder {
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.pad-5 {
  padding: 5px
}

.pad-10 {
  padding: 10px
}

.pad-15 {
  padding: 15px
}

.pad-20 {
  padding: 20px
}


.com-content-category-blog.blog.odel .pull-left.item-image {
  width: 42%
}

.blog.odel .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 {
  width: 100%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  border-radius: 5px;
}

.mod-finder.odel .btn-primary {
  border-radius: 0px !important;
  margin-left: -1px !important;
  max-height: 34px;
  padding: 5px 10px !important;
}

.mod-finder.odel input.js-finder-search-query,
.t4-topbar .mod-finder.odel .btn {
  max-height: 34px;
}

.mod-finder.odel input {
  font-size: 14px;
  min-width: 190px;
  transition: all 0.3s linear 0s;
}

.mod-finder.odel input:focus {
  transition: all 0.3s linear 0s;
  min-width: 210px
}

.mod-finder.odel label,
label.finder {
  display: none;
}

.awesomplete mark {
  background: none;
  color: var(--body-text-color)
}

.com-finder__search .input-group-append .btn,
.com-finder__search .input-group-addon .btn,
.com-finder__search .input-group-append .blog-list .item-readmore a,
.blog-list .item-readmore .com-finder__search .input-group-append a,
.com-finder__search .input-group-addon .blog-list .item-readmore a,
.blog-list .item-readmore .com-finder__search .input-group-addon a {
  border-radius: 0rem !important;
}

.badge {
  border-radius: 0px;
}

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

.bg-secondary {
  background-color: var(--color-secondary) !important;
}

blockquote {
  padding: 16px 20px 16px 80px;
  font-size: 18px;
  font-style: italic;
  margin: 40px 0;
  line-height: 30px;
  position: relative;
  clear: both;
}

.registration fieldset {}

.registration fieldset legend {
  text-transform: none;
  position: relative;
  z-index: 1;
}

.registration fieldset::before {
  display: none;
}

.t4-offcanvas .t4-off-canvas-header {}

.t4-offcanvas .t4-off-canvas-header .close {
  line-height: 32px;
}

.t4-offcanvas .t4-off-canvas-header .close span:hover {
  color: var(--color-primary);
  line-height: 32px;
}

.c-offcanvas--right {}

.pagenavigation .pagination a span {
  padding: 0px 1px
}

.jtcs_item_wrapper.jt-cs.odel.blog .jt-title:hover,
.jtcs_item_wrapper.jt-cs.odel.blog a.jt-title:hover {
  color: var(--color-primary);
}

.last-word-odel {
  color: var(--color-primary);
}

.sidebar-r ul.navbar-nav li,
.sidebar-l ul.navbar-nav li {
  border-bottom: 1px solid var(--border-color);
  position: relative;
}

.sidebar-r ul.navbar-nav li::after,
.sidebar-l ul.navbar-nav li::after {}

.sidebar-r ul.navbar-nav li a,
.sidebar-l ul.navbar-nav li a {}

.nav-link,
.dropdown-item {
  color: var(--body-text-color);
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: transparent;
}

.t4-module .nav li a:hover,
.t4-module .nav li a:active,
.t4-module .nav li a:focus,
.t4-card .nav li a:hover,
.t4-card .nav li a:active,
.t4-card .nav li a:focus,
.moduletable .nav li a:hover,
.moduletable .nav li a:active,
.moduletabl .nav li a:focus,
.module_menu .nav li a:hover,
.module_menu .nav li a:active,
.module_menu .nav li a:focus {
  color: var(--color-primary);
}

.sidebar-r .navbar-nav>li>a::before,
.sidebar-l .navbar-nav>li>a::before {
  background: var(--color-primary)
}

@media only screen and (min-width:1300px) {
  body.layout-boxed .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: 3;
    margin: 0px auto;
    background-color: var(--containerbg-color);
    overflow: hidden;
  }

  .t4-wrapper {
    overflow: hidden;
  }
}

body.layout-boxed .t4-content-inner,
body.layout-boxed-solidcolor-bg .t4-content-inner,
body.layout-boxed-no-component .t4-content-inner {
  background-color: var(--containerbg-color);
}

body.layout-boxed {
  .header-block .container-lg {
    padding-left: 0;
    padding-right: 0;
  }

  .jt-cs.odel .positioncenter.owl-carousel .owl-nav button.owl-prev {
    left: 0px;
  }

  .jt-cs.odel .positioncenter.owl-carousel .owl-nav button.owl-next {
    right: 0px;
  }
}

.dashborder {
  position: relative;
}

.dashborder::before {
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  content: "";
  border: 1px dashed var(--color-light);
  border-radius: 5px;
  z-index: 1;
}

.dashborder::after {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid var(--color-dark);
  border-radius: 5px;
  z-index: 1;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.sidebar-l .t4-module.curlpaper,
.sidebar-r .t4-module.curlpaper {
  position: relative;
  overflow: hidden;
  padding: 30px 30px 50px 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.curlpaper::after {
  position: absolute;
  top: -10%;
  left: 37.5%;
  width: 25%;
  height: 0px;
  content: "";
  border-radius: 100%;
  box-shadow: 0 20px 56px 56px #fff;
  opacity: 0.1;
}

.curlpaper::before {
  content: '';
  z-index: 0;
  position: absolute;
  right: 0px;
  bottom: 10px;
  width: 110%;
  height: 110%;
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.5);
  transform: skew(-5deg) rotate(-5deg);
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.curlpaper .module-styling {
  position: relative
}

.curlpaper .module-styling::after {
  position: absolute;
  top: 0;
  left: -15px;
  right: -15px;
  width: calc(100% + 30px);
  height: 100%;
  content: "";
  border-left: 1px solid rgba(0, 0, 0, 0.3);
}

.curlpaper .module-styling::before {
  position: absolute;
  top: 0;
  left: -14px;
  right: -14px;
  width: calc(100% + 28px);
  height: 100%;
  content: "";
  border-left: 1px solid rgba(255, 255, 255, 0.07);
}

.darkborder {
  border: 1px solid var(--color-dark);
  position: relative;
}

.lightborder {
  border: 1px solid var(--color-light);
}

.t4-module .module-inner {
  position: relative;
  z-index: 10
}

.t4-main-body .t4-section-inner.container {
  background: none
}

body.layout-fullwidth {
  .t4-content-inner {
    width: 100%;
    position: relative;
    z-index: 1;
    margin: 0px auto;
    border-radius: 0px;
    border: 0;
    background: none;
    box-shadow: none
  }

  .lightborder {
    width: 100%;
    border: 0;
    background: none
  }

  .t4-content {}

  .mainnav,
  .t4-footer,
  .t4-footnav {
    margin-left: 0px;
    margin-right: 0px;
  }

  .t4-content-inner-bg {
    padding: 0
  }
}

body.layout-boxed .t4-content,
body.layout-boxed-no-component .t4-content {
  min-height: 100vh;
}

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 div.content-odel,
div.register-odel {
  left: auto;
  transform: translateX(0%);
}

body.layout-boxed .header-shape1,
body.layout-boxed-no-component .header-shape1 {
  width: 1320px;
  max-width: 1320px;
  clip-path: none;
  border-radius: 0px;
}

body.layout-boxed .positioncenter.owl-carousel .owl-nav,
body.layout-boxed-no-component .positioncenter.owl-carousel .owl-nav {
  z-index: 1
}

body.layout-boxed .jt-cs.odel .owl-carousel .owl-nav .owl-prev,
body.layout-boxed-no-component .jt-cs.odel .owl-carousel .owl-nav .owl-prev {
  left: -10px;
}

body.layout-boxed .jt-cs.odel .owl-carousel .owl-nav .owl-next,
body.layout-boxed-no-component .jt-cs.odel .owl-carousel .owl-nav .owl-next {
  right: -10px;
}

.t4-module.module,
.moduletable {
  position: relative;
  z-index: 1
}

.layout-noroundedbg .t4-module.module,
.layout-noroundedbg .moduletable,
.layout-noroundedbg .mainbody.odel {
  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;
}

.mod-preview-info {
  z-index: 999;
  position: relative;
}

.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%;
  border-radius: 5px;
}

.mainbody-block {
  background: var(--containerbg-color);
  padding: 40px 15px;
  margin-top: 1px;
}

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

.item-image img {
  border-radius: 5px;
}

.article-aside.odel [class^="icon-"],
.article-aside.odel [class*=" icon-"] {
  margin-right: 6px
}

.article-aside.odel dd {
  margin-right: 16px;
  padding-right: 20px;
  font-size: 14px;
}

.article-aside.odel .article-info dd::after {
  content: "";
  display: none;
  margin: 0;
}

.item-page .page-header h2,
.item-page .page-header .h2 {
  margin-bottom: 14px;
}

p.readmore .btn,
p.readmore .blog-list .item-readmore a,
.blog-list .item-readmore p.readmore a {
  background-color: var(--color-primary);
  color: #fff;
  padding-right: 30px
}

.article-info dd::after {
  display: none;
}

.createdby .author-img {
  border-radius: 0%;
  overflow: visible;
}

.createdby .author-img img {
  border-radius: 100%;
  height: 24px;
}

/********************************************************/
.pagenavigation .pagination a {
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 8px 15px;
  margin-right: 5px;
  margin-bottom: 10px;
}

.logo-image {
  display: grid;
  align-items: center;
  min-width: 153px;
  position: relative;
  z-index: 1
}


body.layout-boxed.not-at-top #t4-header.t4-sticky,
body.layout-boxed-playertop.not-at-top #t4-header.t4-sticky,
body.layout-boxed-no-component.not-at-top body.layout-playertop.not-at-top #t4-header.t4-sticky,
body.layout-boxed-playertop.not-at-top #t4-header.t4-sticky {}

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

.navbar-brand.logo-text {
  padding: 1rem;
  position: relative;
  z-index: 3;
}

.navbar-brand a {
  color: var(--t4-navbar-brand-color)
}

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

.t4-header-r a.qf3modal.example2 {
  display: inline-block;
  background: var(--color-primary)none;
  color: #fff;
  padding: 10px 15px;
  border: 0;
  border-radius: 0.25rem;
  font-weight: 400;
  line-height: 1.1;
  transition: all 0.3s linear 0s;
}

.t4-header-r a.qf3modal.example2:hover {
  background-color: var(--color-secondary);
  transition: all 0.3s linear 0s;
}

.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
	==================================================
*/
ul.social-icons li a,
.topbar,
.topbar p,
.topbar div,
.topbar a {}

.topbar ul.social-icons li a {}

.mod-languages.odel .btn.show,
.mod-languages.odel .btn:hover,
.mod-languages.odel .btn:focus {}

.topbar .dropdown-menu a {
  color: var(--body-text-color)
}

.topbar ul.social-icons li a::before {
  display: none;
}

.t4-topbar {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--color-secondary);
}

.t4-topbar .container-fluid {}

.t4-topbar .container {
  background-color: transparent;
}

#t4-topbar {
  min-height: 54px;
  display: flex !important;
  align-items: center;
  z-index: 1
}

.topbar-m {
  justify-content: flex-end;
  display: flex;
}

.topbar-r {
  justify-content: flex-end;
  display: flex;
}

.topbar-m[class*=' col-'] {
  padding-right: 0px;
}

.topbar-r[class*=' col-'] {
  padding-left: 0px;
  text-align: right
}

.t4-topbar ul.nav.navbar-nav {
  flex-direction: row;
  gap: 0 15px;
}

.t4-topbar .navbar {
  padding: 0
}

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

ul.top_social-icons li a {
  margin: 0 0px 0 0;
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  transition: all 0.3s linear 0s;
  font-size: 16px;
  border-right: 1px solid var(--color-secondary);
  padding-right: 15px
}

.topbar-l,
.topbar-r {
  display: flex;
  align-items: center;
}

.topbar-l i {
  margin-right: 5px;
}

.topbar ul.social-icons li a,
.topbar,
.topbar p,
.topbar div,
.topbar a {
  line-height: 1;
  color: var(--color-tertiary);
  font-weight: 400;
  font-size: 14px;
}

.topbar a:hover {
  color: var(--color-primary)
}

.topbar .top_social-icons a:hover {
  color: var(--color-white);
  transition: all 0.3s linear 0s;
}

.topbar ul.social-icons i {
  font-size: 1rem
}

.top-bar-info {
  min-height: 34px;
  display: flex;
  align-items: center;
}

.mod-finder.odel .input-container {
  position: relative;
}

.mod-finder.odel .input-container .icon-search {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%)
}

.mod-finder.odel .btn .icon-search {
  margin-right: 0
}

p.herader-info,
.topbar p {
  align-items: center;
}


.gkHighlighterGK5.odel div.arrows {
  float: left;
  width: auto;
  margin-top: 1px;
}

.gkHighlighterGK5.odel div.arrows a {
  display: block;
  float: left;
  height: 17px;
  width: 13px;
  margin: 0px 0 0 0px;
  background: none;
  cursor: pointer;
  position: relative
}

.gkHighlighterGK5.odel div.arrows a.next::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "\f105";
  font-size: 17px;
  font-family: FontAwesome;
  color: var(--color-primary)
}

.gkHighlighterGK5.odel div.arrows a.prev::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "\f104";
  font-size: 17px;
  font-family: FontAwesome;
  color: var(--color-primary)
}

.gkHighlighterGK5.odel .gkHighlighterWrapperSub {
  margin-left: 0px;
  line-height: 1.2;
  min-height: 0px
}

.gkHighlighterGK5.odel div.arrows a.next {
  background-position: right 0;
}

.gkHighlighterGK5.odel .gkHighlighterInterface span.text {
  padding-bottom: 4px;
  padding-top: 4px;
  line-height: 1;
  font-size: 13px;
  font-family: var(--heading-font-family);
  font-weight: normal;
  margin-left: 0
}

.gkHighlighterGK5.odel .gkHighlighterItem {
  font-size: 13px;
  margin-top: 2px
}

.mod-languages.odel .btn {
  border-radius: 0px;
  border: 0;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
  color: var(--color-graydark)
}

.mod-languages.odel .btn.show,
.mod-languages.odel .btn:hover,
.mod-languages.odel .btn:focus {
  background-color: transparent;
}

.mod-languages.odel ul.dropdown-menu {
  border-radius: 0px;
  min-width: 10rem
}

.mod-languages.odel ul.dropdown-menu.show {
  transform: translate(0px, 29px) !important;
  border-color: var(--border-color)
}

.mod-languages.odel .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: middle;
  content: "\f078";
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 10px;
}


.t4-topbar-2 {
  border-top: 1px solid var(--color-black);
  min-height: 36px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #fff;
  font-family: var(--heading-font-family);
  justify-content: space-between;
}

.t4-topbar-2 ul.nav {
  display: flex;
  flex-direction: row;
}

.t4-topbar-2 .navbar {
  padding: 0;
  justify-content: flex-end;
}

.t4-topbar-2 ul.nav li a {
  padding: 0 10px;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  font-family: var(--heading-font-family);
}

.t4-topbar-2 .navbar-nav .nav-link.active,
.t4-topbar-2 .navbar-nav .nav-link.show {
  color: var(--color-primary)
}

.t4-topbar-2 .navbar-nav .dropdown-menu {
  min-width: 0;
}

/*
	====================================================
		HEADER
	====================================================
*/
@-webkit-keyframes stickyAni {
  0% {
    -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
    transform: translate3d(0, -40px, 0) scaleY(0.8);
    opacity: 0.7
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleY(1);
    transform: translate3d(0, 0, 0) scaleY(1);
    opacity: 1
  }
}

@keyframes stickyAni {
  0% {
    -webkit-transform: translate3d(0, -40px, 0) scaleY(0.8);
    transform: translate3d(0, -40px, 0) scaleY(0.8);
    opacity: 0.7
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) scaleY(1);
    transform: translate3d(0, 0, 0) scaleY(1);
    opacity: 1
  }
}

@-webkit-keyframes criss-cross-left {
  0% {
    left: -20px
  }

  50% {
    left: 50%;
    height: 20px;
    width: 20px
  }

  100% {
    left: 50%;
    height: calc(300px*1.5);
    width: calc(300px*1.5)
  }
}

@keyframes criss-cross-left {
  0% {
    left: -20px
  }

  50% {
    left: 50%;
    height: 20px;
    width: 20px
  }

  100% {
    left: 50%;
    height: calc(300px*1.5);
    width: calc(300px*1.5)
  }
}

@-webkit-keyframes criss-cross-right {
  0% {
    right: -20px
  }

  50% {
    right: 50%;
    height: 20px;
    width: 20px
  }

  100% {
    right: 50%;
    height: calc(300px*1.5);
    width: calc(300px*1.5)
  }
}

@keyframes criss-cross-right {
  0% {
    right: -20px
  }

  50% {
    right: 50%;
    height: 20px;
    width: 20px
  }

  100% {
    right: 50%;
    height: calc(300px*1.5);
    width: calc(300px*1.5)
  }
}

#t4-header {
  background: var(--containerbg-color);
  border: 0;
  -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);
}

#t4-header .t4-section-inner.container-fluid .header-block {
  padding-top: 0;
  padding-bottom: 0
}

.logo-div,
.t4-header-r {
  flex: 0;
}

.logo-div {
  display: flex;
  align-items: center;
}

.not-at-top #t4-header.t4-sticky {
  position: fixed;
  animation: fadeInDown 0.5s;
  -moz-animation: fadeInDown 0.5s;
  -webkit-animation: stickyAni 0.4s ease-in-out;
  -o-animation: stickyAni 0.4s ease-in-out;
  opacity: 1;
  z-index: 99;
  width: 100%;
  top: 0 !important;
  left: 0;
  padding-top: 0px;
  padding-bottom: 0px;
}

.t4-header-r {
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  background-color: var(--color-primary)
}

.t4-header-m {
  z-index: 9;
  width: 100%;
}

.non-white-header .t4-header-m {
  background-color: var(--color-secondary-light);
}

.non-white-header .t4-header-m {

  div,
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    color: var(--color-white);
  }
}

.t4-header-m .t4-module.module,
.t4-header-m .moduletable {}

.t4-header-r .btn,
.t4-header-r,
.t4-header-r p,
.t4-header-r div {
  color: #FFFFFF;
  transition: all 0.3s linear 0s;
}

.t4-header-r:hover {
  background-color: var(--color-secondary);
  transition: all 0.3s linear 0s;
}

.t4-header-r a:hover .fa.fa-arrow-right {
  transition: all 0.3s linear 0s;
  transform: translateX(5px)
}

.t4-header-r a .fa.fa-arrow-right {
  transition: all 0.3s linear 0s;
}

.t4-header-r .btn {
  padding: 10px 15px;
  min-width: 130px
}

.t4-header-r .btn:hover,
.t4-header-r .btn.active,
.t4-header-r .btn.focus {
  transition: all 0.3s linear 0s;
  background: none;
  border: 0;
  border-color: transparent;
}

.t4-header-r p,
.t4-header-m p {
  margin-bottom: 0;
}

.header-links li {
  list-style: none;
}

.header-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-info .icon {
  font-size: 20px;
}

.header-info .header-info-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--color-white);
}

.header-layout3 .header-links li:not(:last-child) {
  margin-right: 50px;
}

.header-links ul {
  margin-bottom: 0
}

.header-links li:not(:last-child) {
  margin: 0 35px 0 0;
}

.header-info .header-info-link {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-gray-light);
}

.header-info .header-info-link:hover {
  color: var(--color-primary);
}

.header-top,
.header-top::after {}

ul.top_social-icons li a:hover {
  color: var(--color-primary);
}

.header-top-3 {
  border-left: 1px solid rgba(255, 255, 255, 0.5)
}

.header-top #jtl.odel .modal-content .form-group,
.header-top #jtl.odel .modal-dialog .modal-content,
.header-top #jt-login-dropdown-odel,
.header-top #jtl-content-register-odel {
  color: var(--body-text-color) !important;
}

.t4-header-r>* {
  margin-left: 0rem;
}

.header-m-upper {
  justify-content: flex-start;
}

.upper-header {
  position: relative;
}

.upper-header::after {
  position: absolute;
  top: 0%;
  left: -50%;
  right: -50%;
  width: 200%;
  height: 100%;
  content: "";
  z-index: -1
}

.header-wrap.border-radius {
  padding-left: 30px
}

.t4-header-m {
  flex: 4;
}

.top-info {
  align-items: center;
  justify-content: center;
  gap: 0px 10px;
  color: var(--color-secondary);
}

.top-info {

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 400;
    margin-top: 0;
    color: var(--color-secondary);
    text-transform: none;
  }

  i,
  .top-icon {
    color: var(--color-primary);
  }
}

.top-info-wrap {
  gap: 0px 30px
}

body .layout-boxed .t4-header-r {
  overflow: hidden;
}

.nav-r {
  padding: 0 10px;
  min-height: 60px;
  display: grid;
  place-items: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 5px;
}

.nav-r a,
.nav-r p,
.nav-r div {}

.nav-r::before,
.nav-r::after {}

.nav-r::before {}

.nav-r::after {}

.nav-r:hover::before,
.nav-r:hover::after {}

.nav-r:hover::after {
  -webkit-animation: criss-cross-right 0.8s both;
  animation: criss-cross-right 0.8s both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.nav-r:hover::before {
  -webkit-animation: criss-cross-left 0.8s both;
  animation: criss-cross-left 0.8s both;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.nav-r:hover a,
.nav-r:hover p,
.nav-r:hover div {
  color: var(--color-white);
}

/*
	==================================================
		NAVBAR
	==================================================
*/
.navbar-brand {}

.t4-nav-height-sm .t4-megamenu .navbar-nav>li>a,
.t4-nav-height-sm .t4-megamenu .navbar-nav>li>.nav-link {}

.t4-navbar {
  display: flex;
  justify-content: flex-end;
  flex-grow: 5;
}

.t4-header .navbar-outer {
  display: flex;
}

.t4-header .navbar-inset {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}

.t4-header .nav-login .odel {
  display: flex;
  align-items: center;
  min-height: 50px;
  gap: 10px;
  padding-right: 20px
}

.navbar.navbar-expand-lg {
  position: relative;
  flex-grow: 1;
}

.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: 1rem;
  padding-right: 1rem;
  height: 70px
}

.t4-megamenu .dropdown-menu {
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);
  min-width: 10rem;
}

.t4-navbar .dropdown-menu .dropdown-menu-inner,
.t4-megamenu.animate.slide .dropdown>.dropdown-menu>div {
  min-width: 220px !important;
  width: max-content;
}

.t4-megamenu .dropdown-menu li.active>a {
  color: var(--color-primary);
}

.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: 0px;
}

.t4-megamenu .navbar-nav.level0>li.nav-item {
  padding-left: 0px;
  padding-right: 0px;
}

.t4-navbar .level0 .nav-item span {
  position: relative;
}

.t4-navbar .level0 .nav-item span::before {
  width: 1px;
  height: 10px;
  opacity: 0;
  position: absolute;
  top: -10px;
  Left: 50%;
  transform: translateX(-100%) translateY(-100%);
  content: "";
  transition: all 0.3s linear 0s;
  background: var(--color-primary)
}

.t4-navbar .nav-item span::before {}

.t4-navbar .level0 .nav-item:hover span::before {
  opacity: 1;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-100%) translateY(0%);
  transition: all 0.3s linear 0s;
}

.t4-navbar .level0 .nav-item.active span::before {}

.t4-navbar .level0 .nav-item.active span.menu-item-title::before,
.t4-navbar .level0 .nav-item:hover span.menu-item-title::before {
  display: none;
}

.t4-megamenu .navbar-nav>li,
.t4-megamenu .navbar-nav>li:focus,
.t4-megamenu .navbar-nav>li.active,
.homepage li.home,
.t4-megamenu .navbar-nav>li a,
.t4-megamenu .navbar-nav.level0>li.dropdown.parent .nav-link {}

.t4-megamenu .navbar-nav>li>a:hover .item-caret,
.t4-megamenu .navbar-nav>li>a:focus .item-caret,
.t4-megamenu .navbar-nav>li>a:active .item-caret,
.t4-megamenu .navbar-nav>li>.nav-link:hover .item-caret,
.t4-megamenu .navbar-nav>li>.nav-link:focus .item-caret,
.t4-megamenu .navbar-nav>li>.nav-link:active .item-caret,
.t4-megamenu .nav>.dropdown>.nav-link:hover .item-caret::before {}

.t4-megamenu .navbar-nav>li.active>a,
.t4-megamenu .navbar-nav>li.active>.nav-link {
  color: var(--mainnav-link-active-color);
}

.t4-megamenu .navbar-nav>li.active>a {
  position: relative;
}

.t4-megamenu .navbar-nav>li.active>a::after {
  content: " ";
  text-align: center;
  width: 3px;
  height: 7px;
  background-color: var(--color-primary);
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  margin: 0 !important;
  border: 0;
}

.t4-megamenu.collapse.show .navbar-nav>li.active>a,
.t4-megamenu.collapses.show .navbar-nav>li.active>.nav-link {}

.t4-megamenu .navbar-nav>li.active>a .item-caret:hover,
.t4-megamenu .navbar-nav>li.active>.nav-link .item-caret:hover,
.t4-megamenu .navbar-nav>li.active>a:hover .item-caret,
.t4-megamenu .navbar-nav>li.active>.nav-link:hover .item-caret,
.t4-megamenu .nav>.active.dropdown>.nav-link:hover .item-caret::before {}

.mainnav .container-lg {
  padding-left: 0px;
  padding-right: 0px
}

.not-at-top .mainnav .container-lg {}

.mainnav #triggerButton.btn.active,
.mainnav #triggerButton.btn:focus {
  background: none;
  background-color: transparent;
}

.t4-offcanvas-toggle {
  position: fixed;
  top: 15px;
  right: 15px;
  z-index: 9;
  padding: 0 !important;
}

.t4-offcanvas-toggle i {
  font-size: 20px;
  color: var(--color-primary)
}

.mainnav.border-bottom {}

.mainnav.border-top {}

.not-at-top .mainnav.border-top {
  border-top: 0 !important;
}

.not-at-top .mainnav.border-bottom {
  border-bottom: 0 !important;
  padding-top: 4px;
}

.btn.t4-offcanvas-toggle.active {
  background-color: transparent;
}

.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,
.t4-navbar .dropdown-menu .nav-item span::before {
  display: none;
}

.t4-navbar .dropdown-menu,
.t4-megamenu .dropdown-menu {
  padding: 0rem;
  background-color: var(--containerbg-color);
  ;
}

.theme-default .t4-megamenu .dropdown-menu li>a,
.theme-default .t4-megamenu .dropdown-menu li>.nav-link,
.t4-megamenu .dropdown-menu li .dropdown-item {
  color: var(--dropdown-link-color) !important;
  padding: 0.58rem 0;
}

.t4-megamenu .dropdown-menu li>a:hover,
.t4-megamenu .dropdown-menu li>.nav-link:hover,
.t4-megamenu .dropdown-menu li .dropdown-item:hover {
  color: var(--dropdown-link-hover-color) !important;
}

.t4-megamenu .nav>.dropdown>.nav-link .item-caret,
.t4-megamenu .nav>.dropdown>.dropdown-toggle .item-caret {
  border: 0;
  margin-left: 2px;
  vertical-align: middle;
}

.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: "\f107";
  font-style: normal;
  font-size: 0.8rem;
  font-weight: 700;
  font-family: FontAwesome;
  text-transform: none;
  border: 0;
  margin-top: 3px
}

.t4-megamenu .dropdown-toggle .item-caret {
  border: 0;
}

.t4-megamenu .navbar-nav>li>a,
.t4-megamenu .navbar-nav>li>.nav-link {
  transition: all 0.3s linear 0s;
  min-height: 60px;
}

.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: 0px;
  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: 10px;
  color: var(--dropdown-link-hover-color);
  background: var(--dropdown-link-hover-color);
}

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

.t4-navbar .dropdown-menu.level1.show::before {}

.t4-navbar .dropdown-menu.show::before {}

.t4-navbar .dropdown-menu.level1::after {}

.t4-navbar .level0 .nav-item .dropdown-item span {
  line-height: 32px;
}

@media only screen and (min-width:990px) {
  .mainnav {
    margin-left: 15px;
    margin-right: 15px;
  }

  .t4-navbar .navbar-expand-lg .navbar-collapse {
    justify-content: flex-end;
  }
}

.mainnav .navbar-nav {
  padding-left: 0px;
  padding-right: 0px;
}

.mainnav .navbar-nav li:first-child a.nav-link {}

.t4-navbar .dropdown-menu.show::before {}

.t4-megamenu .dropdown-toggle .item-caret {
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

.t4-nav-height-sm .t4-megamenu .navbar-nav>li>a,
.t4-nav-height-sm .t4-megamenu .navbar-nav>li>.nav-link {
  padding: 10px 12px;
  min-height: 80px;
}

.t4-megamenu .dropdown-toggle .item-caret::before {}

.t4-megamenu .dropdown-menu.level1 .dropdown-toggle .item-caret::before {
  border-top: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-bottom: 4px solid rgba(0, 0, 0, 0);
  border-left: 4px solid var(--dropdown-link-color) !important;
}

.t4-megamenu .dropdown-menu li>a::before,
.t4-megamenu .dropdown-menu li>.separator::before {}

.t4-megamenu .dropdown-menu li {
  border-bottom: 1px solid var(--border-color);
  padding-left: 1rem;
  padding-right: 1rem;
}

.t4-megamenu .dropdown-menu li:last-child {
  border-bottom: 0;
}

.t4-megamenu .navbar-nav>li>a,
.t4-megamenu .navbar-nav>li>.nav-link,
.t4-navbar .navbar-nav,
.t4-navbar .navbar-nav>li>a,
.t4-navbar .navbar-nav>li>.nav-link,
.t4-navbar .nav {
  font-weight: var(--megamenu-font-weight) !important;
  font-size: var(--megamenu-font-size) !important;
}

.not-at-top #t4-header.t4-sticky .header-block .container-xxl {
  background-color: transparent;
}

.t4-navbar span[itemprop="name"] i,
.t4-navbar span[itemprop="name"] .fa,
.t4-navbar span[itemprop="name"] .icon {
  color: var(--body-text-color);
}

.t4-megamenu .dropdown-menu {
  border-radius: 5px;
  border: 0;
}

.t4-megamenu .dropdown-menu-inner {}

.t4-megamenu .dropdown-menu-inner::before {}

.t4-megamenu .dropdown-menu-inner::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1
}

.t4-navbar .dropdown-menu.show::before {}

.t4-megamenu .navbar-nav>li>a:hover i.icon-n-earphone {
  color: var(--mainnav-link-hover-color);
}

.logo-wrap,
.logo-wrap::before {
  background-color: var(--containerbg-color);
}

.dropdown-menu {
  background: var(--containerbg-color);
}

.jt-search-wrap.odel .jt-search.container {}

.sidebar-r ul.dropdown-menu.show,
.sidebar-l ul.dropdown-menu.show {
  padding-left: 1rem
}

.sidebar-r ul.dropdown-menu.show li,
.sidebar-l ul.dropdown-menu.show li {
  border: 0
}

.aboutus-right::before {
  color: var(--color-primary)
}

#t4-maintop-1 {
  background-color: var(--color-secondary);
}

.jt-cs.odel.sidebar .owl-carousel .owl-nav .owl-next,
.jt-cs.odel.sidebar .owl-carousel .owl-nav .owl-prev {
  background-color: var(--border-color);
}

.jt-cs.odel.sidebar .owl-nav .fa,
.jt-cs.odel.sidebar .owl-nav .far,
.jt-cs.odel.sidebar .owl-nav .fas {
  color: var(--color-graydark)
}

.jt-cs.odel.sidebar .owl-nav button:hover .fa,
.jt-cs.odel.sidebar .owl-nav button:hover .far,
.jt-cs.odel.sidebar .owl-nav button:hover .fas {
  color: var(--color-white);
  transition: all 0.3s linear 0s;
}

.t4-main-body .container {}

.jt-cs.odel.ourservices .slide {
  background-color: var(--containerbg-color)
}

@media (min-width:992px) {
  .navbar-expand-lg .navbar-collapse {}
}

/***************/
@media (min-width:768px) {
  .t4-main-body {
    padding-top: 0rem;
    padding-bottom: 1rem;
  }
}

/*************JT Login ***********/
.modal-backdrop {
  z-index: 3;
}

body.modal-open .modal {
  background-color: transparent;
  opacity: 1
}

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 .odel .form-group {
  margin-bottom: 1rem !important;
}

#jtl .odel .modal-dialog .modal-content,
#jt-login-dropdown-odel,
#jtl-content-register-odel {
  padding: 20px 30px 20px 30px;
  border-radius: 0px;
}

#jtl .odel .modal-dialog .modal-content small,
.header-top #jtl-content-register-odel small {
  font-size: 0.7rem;
  margin-bottom: 10px;
  display: block;
}

#jtl .odel .modal-dialog .modal-content .jtl-label,
.header-top #jtl-content-register-odel .jtl-label {
  font-size: 0.9rem;
  margin-bottom: 5px;
}

#jt-login-dropdown-odel,
#jtl-content-register-odel {
  min-width: 360px;
  left: -180px;
}

#jtl .odel button.login,
#jtl .odel button.register,
#jtl .odel button.modal-toggle {
  background: none;
  color: #fff;
  padding: 0px 8px 0px 25px;
  margin: 0 3px;
}

#jtl .odel button.login,
#jtl .odel button.register {
  position: relative;
}

#jtl .odel button.login::before {
  position: absolute;
  top: 50%;
  left: 0px;
  height: 100%;
  transform: translateY(-50%);
  content: "\f007";
  font-family: 'Font Awesome 6 Free';
  color: var(--color-primary)
}

#jtl .odel button.register::before {
  position: absolute;
  top: 0px;
  height: 100%;
  left: 0px;
  content: "\f2bb";
  font-family: 'Font Awesome 6 Free';
  color: var(--color-primary)
}

#jtl .odel .content-odel,
#jtl .odel .register-odel {
  min-width: 300px;
  background-color: var(--containerbg-color)
}

#jtl .odel .form-group-text,
#jtl .odel .btn-secondary.input-password-toggle,
#jtl .input-group-text {
  border: 1px solid var(--border-color)
}

.mod-login-logout.form-vertical.odel {
  display: flex;
}

.modal-backdrop.show {
  opacity: 0.8;
  visibility: visible;
}

#jtl .odel {
  color: var(--body-text-color) !important;

  .jtl-note,
  .jtl-label,
  div {
    color: var(--body-text-color);
    text-align: left;
  }

  .jtl-label {
    margin-bottom: 5px;
    font-size: 0.9rem;
  }

  .jtl-note {
    margin-bottom: 10px;
    font-size: 0.7rem;
  }

  input.form-check-input {
    margin-top: 0;
  }

  input {}
}

/***********JT SEARCH************/
.jt-search-wrap.odel .mod-jtsearch .awesomplete {
  position: absolute;
  height: 6rem
}

.jt-search-wrap.odel .search-btn {
  background-color: transparent;
  color: #fff;
}

.jt-search-wrap.odel {
  height: 50px
}

.jt-search-wrap.odel .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.odel [class^="icon-"],
.jt-search-wrap.odel [class*=" icon-"] {
  font-size: 1rem;
  margin-right: 0;
}

.jt-search-wrap.odel .icon-close::before {
  font-size: 14px;
}

.jt-search-wrap.odel .jt-search.container {
  min-width: 300px;
  background-color: var(--color-secondary) !important;
  left: -244px;
  height: 100px;
  z-index: -1;
}

.jt-search-wrap.odel .jt-search.container.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;
  z-index: 1;
  height: 100px
}

.jt-search-wrap.odel .btn.close-btn {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
  border-width: 0px;
  font-size: 22px;
  border-radius: 0px;
  -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.odel .btn.close-btn:hover {
  border-color: transparent;
  border-color: transparent;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: transparent;
  color: #fff;
}

.jt-search-wrap.odel .mod-jtsearch input[type="text"],
.jt-search-wrap.odel .mod-jtsearch .awesomplete input[type="text"] {
  width: 268px;
  top: 50%;
  max-width: 100%;
  font-size: 0.9rem;
  height: 30px;
  background-color: transparent;
  color: #fff;
  border-radius: 0px;
  left: 0;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid rgba(255, 255, 255, 0.20);
}

.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.odel .jt-search.container.odel.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.odel .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%);
}

.jt-search-wrap.odel nav {
  height: auto;
}

.not-at-top .t4-sticky {
  position: fixed;
  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;
  left: 0;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  width: 100% !important;
  -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);
  background-color: var(--containerbg-color);
  margin: 0;
  border: 0
}

.not-at-top .t4-sticky .mainnav.border-top,
.not-at-top .t4-navbar.border-top.t4-sticky {
  border-top: 0 !important;
}

.not-at-top .t4-sticky .mainnav.border-bottom,
.not-at-top .t4-navbar.border-bottom.t4-sticky {
  border-bottom: 0 !important;
  padding-top: 4px;
}


/*
	==================================================
		SLIDER
	==================================================
*/
.t4-slider {}

.slider {
  padding: 1rem;
  border-radius: 5px;
}

.slider div {
  z-index: 3
}

.t4-slider .btn.btn-primary {
  background-color: var(--color-primary) !important;
}

body.slider-overlay .n2-ss-slide-background::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-secondary);
  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%;
  visibility: visible;
  transform: translateX(-10px);
}

.n2-ss-control-bullet::after {
  width: 20px;
  height: 100px;
  position: absolute;
  content: "";
  bottom: -100%;
  left: 50%;
  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%;
}

.t4-slider .n2-ss-slider .n2-ss-slide-backgrounds::before {
  /*position:absolute;content:"";width:100%;height:100%;left:0;top:0;right:0;bottom:0;z-index:30;display:block;
background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,0.4));transition:all 0.3s  linear 0s;*/
}

.t4-slider .n2-ss-slider .n2-ss-slide-backgrounds::after {
  /*position:absolute;content:"";width:100%;height:200%;left:-70%;top:-50px;z-index:11;display:block;transform-origin:top right;-ms-transform:skew(-17deg,0deg);-webkit-transform:skew(-17deg,0deg);transform:skew(-17deg,0deg);-webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.15);box-shadow:5px 5px 5px 0px rgba(0,0,0,0.15);*/
}

.t4-slider .n2-ss-slide-backgrounds {
  /*background-color:var(--color-primary)*/
}

.jt-cs.odel.solution.labratory span.jt-caption {
  z-index: 5;
  left: auto;
  top: auto;
  font-size: 80px !important;
  border-radius: 100%;
  width: 100px;
  height: 100px;
  display: grid;
  place-items: center;
  border: 0;
  padding: 0;
  bottom: 3rem;
  right: 3rem;
  color: rgba(0, 0, 0, 0.08)
}

.jt-cs.odel.solution .positionbottom.owl-carousel .owl-nav,
.jt-cs.odel.solution .positiontop.owl-carousel .owl-nav {
  padding-right: 15px;
}

.slider-static-overlay .n2-ss-section-main-content {
  background-color: var(--color-primary) !important;
  visibility: visible !important
}

.t4-slider .n2-ss-slider .n2-ss-slide-backgrounds::before {}

.t4-slider .n2-ss-slider .n2-ss-slide-backgrounds::after {}

.t4-slider .slider-header {
  border-width: 4px;
  border-color: var(--color-secondary);
  border-style: double;
  border-left: 0;
  border-right: 0;
  width: max-content;
  margin: 0 auto;
  padding-bottom: 5px;
  padding-top: 5px;
}

.wedding-date::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.wedding-date {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/wedding-date-bg.html) center;
  object-fit: cover;
  background-repeat: no-repeat;
}

.wedding-date-content {
  position: relative;
  z-index: 9;
}

#wedding_counter {
  display: flex;
}

#wedding_counter li {
  list-style: none;
  font-size: 2rem !important;
  margin-right: 1.5rem !important;
}

#wedding_counter li span {
  display: block;
}

.t4-upperspot-3 {
  position: relative;
}

.t4-upperspot-3 .container {
  background-color: transparent;
}

.t4-upperspot-3::before {
  position: absolute;
  top: 20%;
  left: 0;
  width: 250px;
  height: 321px;
  content: "";
  background: url(../images/upperspot-3-bg.html) no-repeat top left;
  opacity: 0.5
}

.t4-upperspot-3::after {
  position: absolute;
  top: 20%;
  right: 0;
  width: 250px;
  height: 321px;
  content: "";
  background: url(../images/upperspot-3-bg.html) no-repeat top right;
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  opacity: 0.5
}

.n2-ss-slider .sliderheader {
  position: relative;
  padding-left: 35px;
}

.n2-ss-slider .sliderheader::before {
  position: absolute;
  top: 0;
  left: 0px;
  width: 13px;
  height: 100%;
  content: "";
  background-color: var(--color-primary);
  display: block !important
}

.n2-ss-slider .sliderheader .n2-ss-text {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 30%, transparent 100%);
  color: transparent;
  background-clip: text;
  display: inline-block;
  color: transparent !important
}

/*********/
/*
	==================================================
		SUBSLIDER-0
	==================================================
*/
.can-make-odel.left {
  position: relative;
}

.can-make-odel.right li,
.middlespot-1-module li {
  list-style: none
}

.can-make-odel.right i,
.middlespot-1-module i {
  margin-right: 10px;
  transition: all 0.3s linear 0s;
}

.can-make-odel.right li:hover i,
.can-make-odel.right li:hover em {
  transform: translateY(-5px)
}

.can-make-odel.right li {
  display: flex;
  gap: 5px 10px;
  margin-bottom: 10px;
  align-items: center;
}

.can-make-odel .experience {
  position: absolute;
  top: 0px;
  left: 20px;
  border-radius: 10px;
  text-align: center;
  padding: 25px 30px;
  display: grid;
  place-items: center;
  font-size: 20px;
  font-weight: 700;
}

.can-make-odel .experience::after {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  content: "";
  border-radius: 10px;
  border: 1px dashed var(--color-white);
  z-index: 0
}

.can-make-odel .experience h1,
.can-make-odel .experience h4 {
  animation: pulse 2s linear infinite;
}

.can-make-odel .vote-for>img {
  border-radius: 50%;
  border: 1px solid var(--color-primary);
  margin-right: 24px;
  width: 150px;
  height: 150px;
}

.can-make-odel h6 {
  margin-bottom: 0
}

.can-make-odel .online-support {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 15px 15px 0px 15px;
  gap: 5px 10px;
  align-items: center;
  flex-direction: column;
  min-width: 230px
}

.can-make-odel .content {
  font-size: 22px
}

.can-make-odel.right li i {
  height: 70px;
  width: 70px;
  min-width: 70px;
  line-height: 68px;
  border-radius: 10px;
  background: var(--color-secondary-light);
  text-align: center;
  color: var(--color-white);
  font-size: 40px
}

.learn-more .btn:hover i,
.learn-more .btn:hover em {
  transform: translateX(5px);
  transition: all 0.3s linear 0s;
}

.learn-more .btn {
  transition: all 0.3s linear 0s;
}

.can-make-odel.right ul {
  padding-left: 0;
}

.popupvideo {
  width: 100px;
  height: 100px;
  transform: translateY(-20px)
}

.jt-carousel-yendif-outer.odel.popupvideo .mod-yendifvideoshare-videos {
  background-color: transparent;
}

.odel.popupvideo .yendif-video-share-responsive-item {
  width: 80px;
  height: 80px;
  padding-bottom: 0 !important;
}

.jt-carousel-yendif-outer.odel.popupvideo .yendif-video-share-image::before {
  display: none;
  box-shadow: none;
}

.jt-carousel-yendif-outer.odel.popupvideo .yendif-video-share:hover .yendif-video-share-image {
  box-shadow: none;
}

.watch-video {
  height: 56px;
  display: flex;
  align-items: center;
  font-weight: 500
}

.popup-video {
  padding-left: 20px
}

.jt-carousel-yendif-outer.odel.popupvideo .yendif-video-share-image {
  box-shadow: none;
}

.t4-subslider-0 {
  transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  background: var(--color-white) url(../images/subslider-0-bg.png);
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
}

.t4-subslider-0 .container {
  z-index: 3;
  background-color: transparent;
}

.t4-subslider-0 .t4-module:first-child {}

.subslider-0 {
  position: relative;
  transition: all 0.3s linear 0s;
}

.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-1[class*=' col-'] {
  padding-left: 5px;
}

.subslider-0[class*=' col-'] {
  padding-right: 5px;
}

.subslider-0:hover::after,
.dottedborder:hover::after {}

.subslider-0:hover {
  transition: all 0.3s linear 0s;
}

.subslider-0 .t4-module.module,
.subslider-0 .moduletable {
  position: relative;
  z-index: 2;
}

.subslider-0 [class*='col-'] i,
.subslider-0 [class*='col-'] i {
  transition: all 0.4s linear 0s;
}

.subslider-0 [class*='col-']:hover i,
.subslider-0 [class*='col-']:focus i {}

.t4-subslider-1 {
  overflow: hidden;
}

.t4-subslider-1::before {}

.t4-subslider-1::after {}

.t4-subslider-0 .subslider-icon-text i,
.t4-subslider-0 .subslider-icon-text .fa {
  color: var(--color-primary);
  transition: all 0.3s linear 0s;
}

.subslider-title {
  color: var(--heading-color);
  font-family: var(--heading-font-family);
  border-bottom: 2px dotted var(--color-secondary);
}

.subslider-title a {
  color: var(--heading-color);
  font-family: var(--heading-font-family);
}

.subslider-title a:hover {
  color: var(--color-primary);
}

.subslider-text {
  border-right: 2px dotted var(--color-primary);
}

.subslider-0 [class*='col-']:hover i,
.subslider-0 [class*='col-']:focus i {}

.t4-subslider-0:hover .dashedborder {
  border: 1px dashed var(--color-primary);
  transition: all 0.3s linear 0s;
}

.t4-subslider-0 [class*='col-']:hover .subslider-title {
  border-bottom: 2px dotted var(--color-secondary);
  transition: all 0.3s linear 0s;
}

.service-item {
  margin: 0px 10px;
  padding: 40px 30px;
  background-color: var(--containerbg-color);
  border-radius: 15px 15px 15px 15px;
  box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
}

.service-item .icon-top i {
  font-size: 50px
}

.service-item:hover .btn-secondary {
  background-color: var(--color-primary);
  border-color: var(--color-primary)
}

. {
  position: relative;
  opacity: 0.5;
  margin-left: 1.2rem;
  font-size: 0.81rem
}

.::after {
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translateY(-6px);
  width: 1px;
  height: 11px;
  content: "";
  background: var(--color-white);
}

.about-img img {
  border-radius: 5px;
  box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
}

.service-item .service-icon {
  color: var(--color-secondary);
}

.request-quota-odel {
  margin-left: 0;
  margin-right: 0;
}

.request-quota-odel.right li,
.middlespot-1-module li {
  list-style: none
}

.request-quota-odel.right i,
.middlespot-1-module i {
  margin-right: 10px;
}

.request-quota-odel.right h6,
.middlespot-1-module h6 {
  display: inline-block;
}

.request-quota-odel .experience {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 138px;
  height: 138px;
  border-radius: 100%;
  text-align: center;
  padding: 30px 15px;
  display: grid;
  place-items: center;
  font-size: 20px;
  font-weight: 700;
  opacity: 0.95;
}

.request-quota-odel .experience::after {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 158px;
  height: 158px;
  content: "";
  border-radius: 100%;
  animation: spin 30s linear infinite;
}

.request-quota-odel .right i,
.middlespot-1-module i {
  color: var(--color-secondary);
}

.request-quota-odel .experience::after {
  border: 1px dashed var(--color-primary);
}

.request-quota-odel .experience {
  font-family: var(--heading-font-family)
}

.request-quota-odel .phone-number {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
}

#chronoform-quota-form input {
  border-width: 1px;
  color: var(--color-white);
}

#chronoform-quota-form input::placeholder {
  color: var(--color-white);
}

#chronoform-quota-form.nui.form .field>label,
#chronoform-quota-form.nui.form .fields>label {
  font-weight: 400
}

input:focus-visible,
textarea:focus-visible,
.nui.form .field input[type]:focus-visible,
.nui.form .field textarea:focus-visible {
  border: 0 !important;
  outline: none !important;
}


.styled-text {
  font-size: 40px;
  color: #FFFFFF;
  background-color: var(--color-primary);
  border-radius: 4px;
  transition: all 0.3s linear 0s;
}

.styled-text:hover {
  opacity: 0.8
}

.styled-text:hover i {
  transform: translateX(10px);
  transition: all 0.3s linear 0s;
}

.grid-center {
  display: grid;
  place-items: center;
}


/*SUBSLIDER-2*/
@keyframes jtFadeInUp2 {
  0% {
    opacity: 0;
    transform: translateY(20px)
  }

  100% {
    opacity: 1;
    transform: translateY(0)
  }
}

#t4-subslider-2 .module-title {
  margin-top: 1.5rem;
}

#t4-subslider-2 .container,
#t4-subslider-3 .container,
.t4-upperspot-1 .container,
.t4-upperspot-2 .container {
  padding-bottom: 1px;
  padding-top: 1px;
}

#t4-subslider-2::after {
  position: absolute;
  top: 0px;
  left: 0;
  width: 250px;
  height: 253px;
  content: "";
  background: url(../images/subslider-2-img.png) no-repeat top left;
  -webkit-animation: fadeInLeft 0.8s ease-out 0.5s both;
  animation: fadeInLeft 0.5s ease-out 0.8s both;
}

/*SUBSLIDER-3*/
#t4-subslider-3 {
  position: relative
}

#t4-subslider-3::before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 175px;
  height: 185px;
  content: "";
  background: url(../images/subslider-3-img.png) no-repeat top left
}

#t4-subslider-3::after {
  position: absolute;
  bottom: 30px;
  right: 0px;
  width: 175px;
  height: 185px;
  content: "";
  background: url(../images/subslider-3-img.png) no-repeat bottom right
}

/*
	==================================================
		INFINITE NEWS - JT INFINITE CONTENT
	==================================================
*/
.jt-ic.odel .load-more__btn-wrap .btn {
  border-radius: 3px;
}

.jtic_item_wrapper.jt-ic.odel .jt-title {}

.jt-ic.odel .load-more__item {
  padding-left: 0;
  padding-right: 0;
}

.jtic_item_wrapper.jt-ic.odel .jt-author-date {
  color: var(--color-primary);
  font-size: 80%;
  margin-bottom: 7px;
  gap: 7px;
}

.jtic_item_wrapper.jt-ic.odel .jt-author-date i {
  margin-right: 4px
}

.jt-ic.odel .jt-introtext {
  text-align: justify;
}

/*
	==================================================
		HEADLINE NEWS - HEADLINE JT5
	==================================================
*/
#jt5_headline-news_wrapper.odel h2,
#jt5_headline-news_wrapper.odel h2 a {
  padding: 0;
  color: var(--heading-color) !important;
}

.odel .contentdiv i,
.odel .hjt5-author-date i {
  margin-right: 5px;
}

.odel .multiplerows .hjt5-author-date {
  padding: 0;
  margin-bottom: 5px;
}

.odel #multiplerowblock p.mrowsintrotext {
  padding-top: 5px
}

.odel .show_all_inner {
  padding: 0;
}

.odel .hjt5-author-date {
  color: var(--color-primary);
  font-size: 80%;
  margin-bottom: 7px;
  margin-top: 7px;
}

.odel .hjt5-image {
  background: none;
}

.odel.linksbottom .jt5_headline-pagination a.toc {}

.odel.linksbottom .jt5_headline-pagination {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.odel.linksbottom .multiplerows h4 {
  display: inline;
}

#jt5_headline-news_wrapper.odel.linksbottom .multiplerows a.toc {
  line-height: 1.4;
}

.odel.linksbottom-2 .jt5_headline-pagination {
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
}


/*******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;
  padding-bottom: 10px;
  padding-top: 10px;
}

#t4-subslider-1::before {
  position: absolute;
  top: 0;
  left: 0px;
  width: 250px;
  height: 265px;
  content: "";
  background: url(../images/subslider-1-img.png) no-repeat top left;
  opacity: 1;
  -webkit-animation: fadeInDown 1s ease-out 1s both;
  animation: fadeInDown 1s ease-out 1s both;
}

#t4-subslider-1 .container {
  padding-top: 1px;
  padding-bottom: 1px;
}

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

.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;
  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: 'Font Awesome 6 Free', 'Font Awesome 5 Free', 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;
}

.video-btn .btn-text {
  color: #fff;
  border-bottom: 1px solid;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.qf3form.odel .qf_date_a {
  background-image: url(../images/calendar.html);
}

.qf3form.odel .qfcapt {
  display: none;
}

.footerbase .qf3form.odel.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: 'Font Awesome 6 Free', 'Font Awesome 5 Free', 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: 'Font Awesome 6 Free', 'Font Awesome 5 Free', FontAwesome;
  transform: translateY(0%)
}

.qftextarea.box_message::after {
  content: "\f0e5";
}


.about-us.row {}

.about-us-image1 {
  max-height: 490px;
  overflow: hidden;
  border-radius: 5px;
}

.about-us-image1 img,
.about-us-image2 img,
.about-us-image3 img {
  border-radius: 5px;
}

.about-us-image2,
.about-us-image3 {
  max-height: 245px;
  overflow: hidden;
  border-radius: 5px;
}

.about-us-image3 {
  padding-top: 10px;
}

.about-us-image1[class*=' col-'] {
  padding-right: 5px;
}

.about-us-right[class*=' col-'] {
  padding-left: 5px;
}

.t4-topmodule {
  margin-top: 2rem;
}

.t4-topmodule .top-a[class*=' col-'] {
  padding-right: 5px;
}

.t4-topmodule .top-b[class*=' col-'] {
  padding-left: 5px;
}

.btn-md-square {
  width: 46px;
  height: 46px;
}

.btn-square,
.btn-sm-square,
.btn-md-square,
.btn-lg-square {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
}

/*
	==================================================
		LOCAL WEATHER - SP WEATHER
	==================================================
*/
.odel .block_even,
.odel .block_odd {
  background: rgba(255, 255, 255, 0.1);
  padding: 8px 6px;
  margin: 0px;
  border-radius: 3px;
}

.odel.weather_sp1 {
  padding: 0 0 5px 0;
}

.odel .weather_sp1_forecasts {
  gap: 10px 10px
}

.odel .weather_sp1_cleft {
  margin-right: 20px
}

.odel .weather_sp1_c {
  margin: 0 0 20px;
}

.gradtext {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 30%, transparent 100%);
  color: transparent;
  background-clip: text;
  display: inline-block;
  color: transparent !important;
}

.overlay-primary {}

.overlay-primary::after {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-primary-dark);
  opacity: 0.8;
  z-index: -1
}

.about-img-cover {
  position: relative;
}

.overlay-primary.top {
  position: absolute;
  top: -40px;
  left: -40px;
  bottom: auto;
  right: auto;
  width: 230px;
  content: "";
  padding: 20px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1;
  border-top: 0;
  border-left: 0;
}

.overlay-primary.top::after {
  /* background-color:transparent;*/
  border: 10px solid rgba(0, 0, 0, 1);
  opacity: 0.8;
  border-left: 0;
  border-top: 0;
}

.counters .counter-mic i {
  font-size: 80px;
}

.counters .text-white {
  line-height: 1;
}

/*
	==================================================
		JT CONTENT SLIDER
	==================================================
*/
/*JT CONTENT SLIDER - GENERAL*/
.jt-cs.odel .owl-dots span,
.odel .owl2-dots .owl2-dot span {
  background-color: var(--body-text-color);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.jt-cs.odel .owl-dot.active span,
.odel .owl2-dots .owl2-dot.active span,
.jt-cs.odel .owl-dot:hover span,
.odel .owl2-dots .owl2-dot:hover span {
  background-color: var(--color-primary);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  border-radius: 3px;
}

.jt-cs.odel .owl-dots::before,
.odel .owl2-dots::before {}

.jt-cs.odel .owl-dots::after,
.odel .owl2-dots::after {}

.jt-cs.odel .owl-dots button span {
  background-color: var(--color-gray-light);
  color: var(--body-text-color);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  border-radius: 3px;
}

.jt-cs.odel .owl-dots .active span,
.jt-cs.odel .owl-dots button:hover span {
  background-color: var(--color-primary);
  color: var(--color-white);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  border-radius: 3px;
}

.jt-cs.odel .hover-icons .fa,
.jt-cs.odel .hover-icons .far {
  margin-right: 0px;
  font-size: 16px;
}

.jt-cs.odel .jt-author-date i {
  font-size: 14px;
  margin-right: 3px;
  color: var(--color-primary);
}

.jt-cs.odel .jt-date {
  margin-right: 10px
}

.jt-cs.odel p.jt-readmore {
  margin-top: 30px
}

.jt-cs.odel .jt-introtext {
  margin: 10px 0;
}

.jt-cs.odel .jt-category,
.jt-cs.odel .jt-readmore {
  font-family: var(--heading-font-family);
}

.jtcs_item_wrapper .jt-title {
  line-height: var(--heading-line-height);
}

.jtcs_item_wrapper.jt-cs.odel .owl-carousel.owl-loaded {
  display: grid
}

.jt-cs.odel .jt-pretext {
  text-align: center
}

.jt-cs.odel .jt-pretext {
  margin: 0;
}

.jt-cs.odel a.jt-title,
.jt-cs.odel .jt-title,
.jtcs_item_wrapper.jt-cs.odel .jt-title,
.jtcs_item_wrapper.jt-cs.odel a.jt-title {
  color: var(--heading-color);
}

.jtcs_item_wrapper.jt-cs.odel .jt-author-date {
  gap: 10px 10px;
  font-size: 85%;
}

.jt-cs.odel .owl-dot::before {
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
}

.jt-cs.odel .jtcs-author-date i {
  color: var(--color-primary);
}

.jt-cs.odel.ourservices .jt-inner {
  border-bottom: 3px solid transparent;
  transition: all 0.3s linear 0s;
}

.jt-cs.odel.ourservices .jt-inner:hover {}

.jt-cs.odel.ourservices span.services-icon {
  background: var(--color-secondary);
  transition: all 0.3s linear 0s;
}

.jt-cs.odel.ourservices .jt-inner:hover span.services-icon {
  background: var(--color-primary);
  transition: all 0.3s linear 0s;
}

.jtcs_item_wrapper.jt-cs.odel .jt-imagecover:hover .jt-title,
.jtcs_item_wrapper.jt-cs.odel .jt-imagecover:hover a.jt-title {
  color: var(--color-primary);
}

.jt-cs.odel .slide {
  background-color: var(--containerbg-color);
  border-radius: 10px;
  -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);
}

.jt-cs.odel .slide:hover,
.jt-cs.odel.ourservices .slide:hover {
  transition: all 0.3s linear 0s;
}

.jt-cs.odel {

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a,
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    margin-bottom: 15px;
  }

}

.jt-cs.odel span.jt-caption {}

.jt-cs.odel .menu-card_content::before {
  background-color: var(--color-primary);
}

.jtcs_item_wrapper h3 a.jt-title {
  font-size: var(--h3-font-size);
}

.jt-cs.odel.ourservices p.readmore a,
.jt-cs.odel.solution p.readmore a {
  color: var(--color-primary);
}

.jt-cs.odel.ourservices .slide:hover p.readmore a,
.jt-cs.odel.solution .slide:hover p.jt-readmore a,
.jt-cs.odel.objective .slide:hover p.jt-readmore a {}

.jt-cs.odel.ourservices .slide:hover p.readmore a:hover {
  color: var(--color-secondary);
}

.jt-cs.odel.ourservices .slide {
  transition: all 0.3s linear 0s;
}

.jt-cs.odel.ourservices .slide:hover {
  transform: translateY(-10px);
  transition: all 0.3s linear 0s;
}

.jt-cs.odel .slide:hover a.jt-title,
.jt-cs.odel .slide:hover .jt-title,
.jt-cs.odel .slide:hover .icon-title i,
.jt-cs.odel.ourservices .slide:hover .jt-title,
.jt-cs.odel.ourservices .slide:hover a.jt-title {
  transition: all 0.3s linear 0s;
}

.jt-cs.odel .slide:hover .jt-title.dotborder {
  border-bottom: 2px dotted var(--color-primary);
}

.jt-cs.odel .slide:hover .first-word-odel {
  transition: all 0.3s linear 0s;
}

.jt-cs.odel .slide:hover .dashedborder {
  border: 1px dashed var(--color-white);
}

.jtcs_item_wrapper.jt-cs.odel.ourservices .jt-title,
.jtcs_item_wrapper.jt-cs.odel.ourservices a.jt-title {
  color: var(--heading-color);
}

.jt-cs.odel.objective .pretext_title {
  border-right: 1px solid var(--body-text-color)
}

.jt-cs.odel.objective .jt-imagecover figure {
  background-color: var(--color-light)
}

.jt-cs.odel.objective .owl-dots .active span,
.jt-cs.odel.objective .owl-dots span:hover {
  background-color: var(--color-primary)
}

.jt-cs.odel .slide:hover a.jt-title,
.jt-cs.odel .slide:hover .jt-title,
.jt-cs.odel .slide:hover .icon-title i,
.jt-cs.odel.ourservices .slide:hover .jt-title,
.jt-cs.odel.ourservices .slide:hover a.jt-title,
#jt5_headline-news_wrapper a.toc:hover,
.jt5_headline-pagination a.toc:hover,
#jt5_headline-news_wrapper a.toc:active,
.jt5_headline-pagination a.toc:active,
#jt5_headline-news_wrapper a.toc:focus,
.jt5_headline-pagination a.toc:focus {
  transition: all 0.3s linear 0s;
  color: var(--body-link-hover-color);
}

.jt-cs.odel .owl-dots {
  margin-top: 20px;
}

.jt-cs.odel .owl-dots span {
  margin: 0px 3px;
  height: 7px;
  width: 32px;
  border: 0;
  border-radius: 0%;
}

.jt-cs.odel .owl-carousel .owl-nav .owl-next,
.jt-cs.odel .owl-carousel .owl-nav .owl-prev {
  top: 50%;
  font-size: 18px;
  font-weight: 300;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  margin: 0;
  background-color: var(--color-primary);
  display: grid;
  place-items: center;
}

.jtcs111.positioncenter.owl-carousel .owl-nav {
  z-index: 9
}

.jt-cs.odel .positioncenter.owl-carousel .owl-nav button.owl-prev {
  left: -50px;
}

.jt-cs.odel .positioncenter.owl-carousel .owl-nav button.owl-next {
  right: -50px;
}

.jt-cs.odel .owl-nav .fa:hover,
.jt-cs.odel .owl-nav .far:hover,
.jt-cs.odel .owl-nav .fas:hover {
  transition: all 0.3s linear 0s;
}

.jt-cs.odel .owl-dots {
  counter-reset: dots;
}

.jt-cs.odel .jtcs_more_cat {
  margin-top: 15px;
}

.jt-cs.odel p.jt-readmore .btn:focus {
  color: #fff;
}

.jt-cs.odel p.jt-readmore .btn {
  font-family: var(--heading-font-family);
  display: inline-flex;
  align-items: center;
  transition: all 0.3s linear 0s;
}

.jt-cs.odel p.jt-readmore .btn:hover {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  transition: all 0.3s linear 0s;
}

.jt-cs.odel .jt-author-date {}

.jt-cs.odel p.jt-readmore i {
  margin-right: 3px
}

.jt-cs.odel .jt-imagecover {
  position: relative;
  z-index: 3;
  border-radius: 5px;
}

.jt-cs.odel .jt-imagecover:hover img {
  transition: all 0.2s linear 0s;
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -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.odel .jt-imagecover::before {
  background: rgba(0, 0, 0, 0.35);
}

.jt-cs.odel.ourmenu .jt-imagecover:hover img,
.jt-cs.odel.popularfoods .jt-imagecover:hover img {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.jt-cs.odel .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.odel .jt-inner:hover .menu-card_content::before {
  height: 100%;
}

.jt-cs.odel .jt-inner .menu-card_content h3:hover,
.jt-cs.odel .jt-inner .menu-card_content h3 a:hover {
  color: #bdbdbd
}

.jt-cs.odel .jt-inner:hover a.as-btn.primary {
  background: #fff;
  color: #000;
}

.jt-cs.odel .jt-inner:hover a.as-btn.primary:hover {
  color: #FFF
}

.jt-cs.odel span.jt-caption {
  left: 10px;
  bottom: 10px;
}

.jt-cs.odel .jt-title {
  margin-bottom: 0;
}

.jt-cs.odel .jt-introtext {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.jt-cs.odel h3 {
  margin-top: 0;
}

.jt-cs.odel .owl-dots {
  position: relative;
  width: max-content;
  margin: 10px auto 0 auto
}

.jt-cs.odel .owl-dots button {}

.jt-cs.odel .owl-dots button.active,
.jt-cs.odel .owl-dots button:hover,
.odel .owl2-dots .owl2-dot:hover,
.odel .owl2-dots .owl2-dot.active {}

.jt-cs.odel .jt-bottomline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 7px;
  flex-wrap: wrap;
}

.jt-cs.odel.popularshows p.readmore {
  margin-top: 0px !important;
  line-height: 1;
}

.jt-cs.odel .jt-author-date span {
  position: relative
}

.jt-cs.odel .jt-author-date .jt-date::after,
.jt-cs.odel .jt-author-date .jt-hits::after {}

body.com_content .lightbox .lb-image {
  border: 10px solid #fff;
}

.jt-cs.odel .owl-carousel .owl-nav span {}

.jt-cs.odel .owl-nav .fa,
.jt-cs.odel .owl-nav .far,
.jt-cs.odel .owl-nav .fas {
  font-size: 18px;
  color: #fff;
  line-height: 1;
}

.jt-cs.odel.scroller .title-desc-onimage {
  position: absolute;
  bottom: 0px;
  line-height: 1;
  padding: 15px 15px 20px 15px;
  color: #fff
}

.jt-cs.odel.scroller .slide {
  border-bottom: 0;
}

.jt-cs.odel.scroller .title-desc-onimage {
  text-shadow: 0 1px 0 #000;
  text-align: center;
  width: 100%;
}

.jt-cs.odel.scroller .title-desc-onimage p.readmore {
  position: absolute;
  right: 0;
  bottom: 0;
  text-shadow: none;
  border-radius: 0px;
}

.jt-cs.odel.scroller .title-desc-onimage p.readmore i {
  font-size: 17px
}

.jt-cs.odel.scroller .title-desc-onimage p.readmore a.btn {
  border-radius: 0px;
}

.jt-cs.odel.scroller .jt-imagecover img {
  border-radius: 0px;
}

.jt-cs.odel.scroller .jt-introtext {
  line-height: 1.1
}

.jt-cs.odel.activities span.jt-caption {
  position: relative;
  background: none;
  left: 0px;
  bottom: 0px;
}

.jt-cs.odel.activities .slide .d-flex {
  align-items: center;
}

.jt-cs.odel.activities .slide:hover {
  background-color: var(--color-primary)
}

.jt-cs.odel.activities .slide:hover .jt-readmore .btn {
  background-color: var(--color-white);
  color: var(--color-dark)
}

.jt-cs.odel.activities .slide:hover a.jt-title,
.jt-cs.odel.activities .slide:hover .jt-introtext {
  color: var(--heading-color)
}

.jtcs_item_wrapper.jt-cs.odel.blog .intro-title-container {
  padding: 0px 20px 20px 20px
}

.jtcs_item_wrapper.jt-cs.odel.blog .slide:hover {}

.jtcs_item_wrapper.jt-cs.odel.blog .slide:hover .jt-author-date,
.jtcs_item_wrapper.jt-cs.odel.blog .slide:hover .jt-title,
.jtcs_item_wrapper.jt-cs.odel.blog .slide:hover .jt-introtext {
  color: var(--color-dark)
}

.jt-cs.odel.blog .slide:hover .jt-readmore .btn {}

.jtcs_item_wrapper.jt-cs.odel.blog .jt-date-image {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--color-primary);
  color: #fff;
  z-index: 9;
  padding: 6px 12px;
}

/****textonimage**/
.jt-cs.odel.textonimage {
  .content-on-image {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -40%;
    transition: all 0.3s linear 0s;
    padding: 15px;
    z-index: 9;
    line-height: 1;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  }

  .slide:hover .content-on-image {
    bottom: 0;
    transition: all 0.4s ease 0s;
  }

  .jt-introtext,
  .jt-readmore {
    opacity: 0;
    transition: all 0.5s linear 0s;
  }

  .jt-introtext {
    line-height: 1.3;
  }

  .slide:hover .jt-introtext,
  .slide:hover .jt-readmore {
    opacity: 1;
    transition: all 0.5s linear 0s;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a,
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6,
  a.jt-title,
  .jt-title,
  .jt-introtext {
    color: #FFFFFF
  }

  .jt-author-date {
    color: var(--color-gray-light);
  }

  .jt-imagecover::before {
    background-color: var(--color-secondary);
  }

  .jt-imagecover:hover::before {
    opacity: 0.7;
  }
}

/*********workareas***********/
.jt-cs.odel.workareas {
  .jt-pretext {
    text-align: left;
    margin-top: 100px;
  }

  .jt-introtext {
    margin: 30px 0;
  }

  .slide {
    -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: 5px;
  }

}

/**************newsfromus************/
.jt-cs.odel.newsfromus {
  .slide {
    -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: 10px;
  }
}

/****government services**/

.jt-cs.odel.government {
  .jt-pretext {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .pretext_title {
    text-align: left;
  }

  .jt-pretext i {
    width: 72px;
    height: 72px;
    border-radius: 100% !important;
    display: grid;
    place-items: center;
  }

  .title-intro-container {
    position: relative;
    padding: 15px 15px 15px 15px;
  }

  .dashedborder {
    padding: 25px 15px 15px;
    border-top: 0;
  }

  .jt-imagecover {
    border-radius: 5px 5px 0 0;
    margin-right: -1px;
    margin-left: -1px;
  }

  .slide:hover .dashedborder {
    border-top: 0;
  }

  span.jt-caption {
    position: relative;
    z-index: 5;
    left: 0;
    top: 0;
    font-size: 60px;
    border-radius: 0px;
    width: auto;
    height: auto;
    display: grid;
    place-items: center;
    border: 0;
    padding: 0;
  }

  .jt-inner {
    transition: all 0.3s linear 0s;
    position: relative;
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .08);
  }

  .jt-inner:hover {
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .08);
    transform: translateY(-10px);
    transition: all 0.3s linear 0s;
  }

  .jt-readmore .btn {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    transition: .5s;
    border: 0;
    color: var(--body-text-color);
    background-color: transparent;
  }

  .slide:hover .jt-readmore .btn {
    width: 145px;
    color: var(--color-white);
    background-color: var(--color-secondary)
  }

  .jt-readmore .btn i {
    color: var(--color-primary);
    margin-right: 10px
  }

  .slide:hover .jt-readmore .btn i {
    color: var(--color-white);
  }

  .icon-title {
    gap: 0 10px;
    align-items: center;
  }
}


/*
	==================================================
		LATEST NEWS - JT CONTENT SLIDER
	==================================================
*/
.navhelper p {
  margin: 0
}

.navhelper .tns-outer {
  margin-top: -15px
}

.jt-cs.odel.latest-news h4,
.jt-cs.odel.latest-news h3,
.jt-cs.odel.latest-news h2,
.jt-cs.odel.latest-news h1,
.jt-cs.odel.latest-news h5,
.jt-cs.odel.latest-news h6,
.jt-cs.odel.latest-news .jt-introtext {
  margin: 10px 0 15px 0
}

.jt-cs.odel.latest-news .owl-dots {}

.jt-cs.odel.latest-news .slide {
  transition: all 0.3s linear 0s;
}

.jt-cs.odel.latest-news .slide:hover {
  transition: all 0.3s linear 0s;
}

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.odel.latest-news .cat-title-text {
  padding: 5px 15px 30px 15px;
  width: 85%;
  margin: -126px auto 0 auto;
  background: var(--containerbg-color);
  transition: all 0.3s linear 0s;
  z-index: 3;
  position: relative;
  -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: 5px;
}

.jt-cs.odel.latest-news .slide:hover .cat-title-text {
  background-color: var(--color-secondary);
  color: #fff;
  transition: all 0.3s linear 0s;
}

.jt-cs.odel.latest-news .slide:hover .cat-title-text {

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    color: var(--color-white);
  }
}

.jt-cs.odel .jt-date {
  margin-right: 0;
  position: relative;
}

.jt-cs.odel .jt-hits {
  margin-right: 0;
  position: relative;
}

.jt-cs.odel .jt-author {
  margin-left: 0;
  position: relative;
}

.jt-cs.odel.latest-news .slide,
.jt-cs.odel.government .slide {
  box-shadow: none
}

.jt-cs.odel.latest-news .jt-introtext {
  margin: 15px 0;
}

.jt-cs.odel.latest-news p.jt-readmore {
  margin-top: 30px
}

.jt-cs.odel.latest-news .jt-readmore i {
  text-decoration: none;
  color: #fff;
  font-size: 24px
}

.jt-cs.odel.latest-news .jt-readmore a.btn {
  padding: 9px 10px
}

.jt-cs.odel.latest-news .readmore-wrap {
  padding-top: 20px;
  margin-top: 20px;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
}

.jt-cs.odel.latest-news span.jt-caption {
  position: relative;
  z-index: 5;
  left: 20px;
  top: -30px;
  font-size: 50px;
  border-radius: 0px;
  width: 80px;
  height: 90px;
  display: grid;
  place-items: center;
  border: 0;
  padding: 0;
  background-color: var(--color-primary);
  border-radius: 5px;
  transition: all 0.3s linear 0s;
}

.jt-cs.odel.latest-news span.jt-caption i {
  transition: all 0.4s linear 0s;
}

.jt-cs.odel.latest-news .slide:hover span.jt-caption i {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  transition: all 0.4s linear 0s;
}

.jt-cs.odel.latest-news a.jt-category,
.jt-cs.odel.latest-news .jt-category {
  font-size: 14px;
}

.jt-cs.odel.latest-news h3,
.jt-cs.odel.latest-news .jt-title {
  line-height: 1.42;
}

.jt-cs.odel.latest-news .slide:hover .jt-imagecover img {
  transition: all 0.2s linear 0s;
  -webkit-transform: scale(1.08, 1.08);
  -moz-transform: scale(1.08, 1.08);
  -ms-transform: scale(1.08, 1.08);
  -o-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08);
  -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.odel.latest-news .slide:hover .jt-imagecover::before {
  opacity: 1;
}

.jt-cs.odel.latest-news .title-intro-container {
  padding: 10px 10px;
}

.jt-cs.odel.latest-news .dashedborder {
  padding: 30px 15px 15px;
  border-top: 0;
}

.jt-cs.odel.latest-news .slide:hover .dashedborder,
.jt-cs.odel.latest-news .dashedborder:hover {
  border-top: 0;
}

.jt-cs.odel.blog .jt-author-date {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.jt-cs.odel.blog .jt-inner:hover a.as-btn.primary {
  color: #fff
}

.jt-cs.odel.blog .jt-imagecover {}

.jt-cs.odel.blog .jt-author-date span {
  padding-right: 10px;
  margin-right: 10px;
  min-width: max-content;
  display: inline-block;
}

.jt-cs.odel.blog .jt-author-date span:last-child {
  border-right: none
}

.jt-cs.odel.blog h2 {
  font-size: 24px
}

.jt-cs.odel.blog .jt-imagecover img {
  margin-left: 0;
  margin-right: 0;
}


.jt-cs.odel.featuredproducts {
  color: var(--color-secondary);

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a,
  .jt-title,
  a.jt-title {
    color: var(--color-primary) !important;
    font-weight: bold;
  }

  p {
    margin: 0;
    color: var(--color-secondary);
  }

  .slide {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: var(--body-text-color);
  }

  .owl-nav .fa,
  .owl-nav .far,
  .owl-nav .fas,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev {
    color: var(--body-text-color);
  }
}

.jt-cs.odel.featuredproducts {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.jt-cs.odel.featuredproducts .owl-nav i,
.jt-cs.odel.featuredproducts .owl-nav em {
  font-size: 30px
}

.jt-cs.odel.featuredproducts .positioncenter.owl-carousel .owl-nav button.owl-prev,
.jt-cs.odel.featuredproducts .positioncenter.owl-carousel .owl-nav button.owl-next {
  background: none;
  border: 0
}

.jt-cs.odel.featuredproducts .fa-chevron-left::before {
  content: "\f104" !important;
  opacity: 0.8
}

.jt-cs.odel.featuredproducts .fa-chevron-right::before {
  content: "\f105" !important;
  opacity: 0.8
}

.jt-cs.odel.featuredproducts .jt-pretext {
  position: relative;
  padding-left: 30px;
  font-family: var(--heading-font-family);
  font-size: 32px;
  display: inline-block;
  color: transparent !important;
  text-align: left
}

.jt-cs.odel.featuredproducts .jt-pretext::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 13px;
  height: 100%;
  content: "";
  background-color: var(--body-text-color);
}

.theme-deepvintage {

  .btn.btn-primary,
  #chronoform-booking-form .nui.button,
  .topbar ul.social-icons li a,
  .topbar,
  .topbar p,
  .topbar div,
  .topbar a {
    color: var(--color-white);
  }

  .topbar ul.social-icons li a:hover,
  .topbar a:hover {
    color: var(--color-secondary);
  }

  .t4-megamenu .dropdown-menu {
    background-color: var(--color-secondary-light);
  }

  .t4-megamenu .dropdown-menu li {
    border-bottom: 1px solid var(--color-secondary);
  }

  .jt-cs.odel.featuredproducts {

    & h1,
    & h2,
    & h3,
    & h4,
    & h5,
    & h6,
    & h1 a,
    & h2 a,
    & h3 a,
    & h4 a,
    & h5 a,
    & h6 a,
    & .jt-title,
    & a.jt-title,
    .jt-title .first-word-odel,
    .slide {
      color: var(--color-white) !important;
    }
  }
}

@media only screen and (min-width:1024px) {
  .jt-cs.odel.featuredproducts .positioncenter.owl-carousel .owl-nav button.owl-prev {
    left: -40px;
  }

  .jt-cs.odel.featuredproducts .positioncenter.owl-carousel .owl-nav button.owl-next {
    right: 0px;
  }
}



/*
	==================================================
		ACCORDION  NEWS -  ACCORDION CONTENT
	==================================================
*/

#accordion_jt.odel .accordion h4.ui-state-default a {
  font-size: 1rem;
}

#accordion_jt.odel .accordion h4 {
  font-weight: normal;
  color: var(--heading-color);
  margin: 5px 0
}

#accordion_jt.odel .accordion h4.ui-accordion-header.ui-state-active a,
#accordion_jt.odel .accordion h4.ui-state-default a {
  background: none;
  padding-left: 30px;
  padding-right: 0;
}

#accordion_jt.odel .accordion h4.ui-accordion-header.ui-state-active a::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 21px;
  height: 21px;
  content: "\f068";
  font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', FontAwesome;
  background-color: var(--color-primary);
  color: #fff;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  font-size: 0.85rem;
  transition: all 0.3s linear 0s;
}

#accordion_jt.odel .accordion h4.ui-state-default a::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 21px;
  height: 21px;
  content: "\2b";
  font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', FontAwesome;
  background-color: var(--color-secondary);
  color: #fff;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  font-size: 0.8rem;
  transition: all 0.3s linear 0s;
}


/*==================================================
		COLOREDMODULES
	==================================================
*/
.t4-coloredmodule {
  position: relative;
}

.t4-coloredmodule::before {
  background-color: var(--color-secondary);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 1;
  z-index: 0;
}

.t4-coloredmodule::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url(../images/coloredmodule-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  opacity: 0.03;
  z-index: 1
}

.coloredmodule {
  position: relative;
  z-index: 5;
}

.coloredmodule .module {
  padding-top: 100px;
}

.t4-coloredmodule .mdule-title,
.t4-coloredmodule {

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a,
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    color: #fff;
  }
}

.coloredmodimg {
  margin-top: -100px;
  animation: pulse 3s ease-in-out infinite;
}

#t4-coloredmodule-2 {
  color: #fff !important;
  background-color: var(--color-secondary);
}

#t4-coloredmodule-2 p,
#t4-coloredmodule-2 div,
#t4-coloredmodule-2 h3,
#t4-coloredmodule-2 .module-title,
#t4-coloredmodule-3 .module-title {
  color: #fff !important;
}

.t4-coloredmodule-2::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0;
  z-index: 1;
  display: block;
  transition: all 0.3s linear 0s;
  background: url(../images/coloredmodule2-bg.jpg) no-repeat;
  background-attachment: fixed;
  background-size: cover
}

.t4-coloredmodule-2::after {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: "";
  background: none;
  background-color: var(--color-secondary);
  z-index: 3;
  opacity: 0.80
}

.t4-coloredmodule-2 .container {
  background-color: transparent;
}

.t4-coloredmodule-2 .module-title {
  color: #fff;
}

.t4-coloredmodule-2 .t4-module,
.t4-coloredmodule-2 .moduletable {
  min-height: 600px;
  z-index: 4;
  padding-top: 1.5rem
}

.t4-coloredmodule-2 .module-title::after {
  display: none
}

.t4-coloredmodule-2 .acym_form.catelae input.cell {
  background-color: var(--color-white);
  border: 0;
}

.t4-coloredmodule-2 table.acym_form.odel {
  display: flex;
  background-color: var(--color-white);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  padding: 8px
}

.t4-coloredmodule-2 .acym_module_form .onefield {
  margin: 0
}

.t4-coloredmodule-2 .acym_module_form input.btn {
  border-radius: 0px;
}

.t4-coloredmodule-2 .acym_form.catelae input.cell::placeholder {
  color: var(--body-text-color);
  opacity: 1
}

.t4-coloredmodule-2 .acym_module_form input.cell {
  border-radius: 0px;
  max-width: 100%;
  border: 0;
  background: rgba(0, 0, 0, 0.1);
  text-indent: 5px;
}

.t4-coloredmodule-2 .acym_module_form tbody,
.t4-coloredmodule-2 .acym_module_form tr,
.t4-coloredmodule-2 .acym_module_form td,
.t4-coloredmodule-2 .acym_module_form th {
  border-width: 0;
  width: 100%;
}

.t4-coloredmodule-3 {
  padding: 30px 0;
  background-color: var(--color-secondary);
  color: #fff !important;
}

#t4-coloredmodule-3 p,
#t4-coloredmodule-3 div,
#t4-coloredmodule-3 h3,
#t4-coloredmodule-3 .module-title,
#t4-coloredmodule-3 .module-title {
  color: #fff;
}

.t4-coloredmodule-3 .container {
  background-color: transparent;
  z-index: 1
}

.t4-coloredmodule-3::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  display: block;
  background: url(../images/faster_delivery.jpg) no-repeat left;
  transition: all 0.3s linear 0s;
  opacity: 1;
  background-size: cover;
  background-attachment: fixed
}

.t4-coloredmodule-3::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  display: block;
  background: var(--color-secondary);
  ;
  transition: all 0.3s linear 0s;
  opacity: 0.8;
  background-size: cover;
}

.prayer-times.odel {
  padding-top: 0;
  border-bottom: 1px solid #fff;
}

.prayer-times.odel ul {
  display: flex;
  gap: 15px 20px;
  flex-wrap: wrap;
}

.prayer-times.odel ul li {
  font-size: 22px;
  border-bottom: 0;
  color: var(--color-dark)
}

.prayer-times.odel .country-city {
  color: #fff;
  margin-bottom: 15px
}

.prayer-times.odel h2 {
  margin-top: 0;
  margin-bottom: 5px
}

/*
	==================================================
		BOTTOMSPOT-1
	==================================================
*/
#t4-bottomspot-1::after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 250px;
  height: 250px;
  content: "";
  background: url(../images/bottomspot-1-img.png) no-repeat bottom right;
  -webkit-animation: fadeInUp 1s ease-out 1s both;
  animation: fadeInUp 1s ease-out 1s both;
}

#t4-bottomspot-1::before {
  position: absolute;
  top: 0;
  left: 0px;
  width: 250px;
  height: 250px;
  content: "";
  background: url(../images/bottomspot-1-img.png) no-repeat top left;
  opacity: 1;
  -webkit-animation: fadeInDown 1s ease-out 1s both;
  animation: fadeInDown 1s ease-out 1s both;
}

.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;
  line-height: 1;
  display: block;
  margin-bottom: 4px;
}

.download-btn a {
  color: #fff;
}

body.layout-boxed .jt-cs.odel .owl-carousel .nav-button.owl-prev,
body.layout-boxed-solidcolor-bg .jt-cs.odel .owl-carousel .nav-button.owl-prev {
  left: -15px;
}

body.layout-boxed .jt-cs.odel .owl-carousel .nav-button.owl-next,
body.layout-boxed-solidcolor-bg .jt-cs.odel .owl-carousel .nav-button.owl-next {
  right: -15px;
}

body.layout-boxed .middlespot-1-module,
.layout-boxed-no-component .middlespot-1-module {
  max-width: 95%;
  margin: 0px auto;
}

.jt-cs.odel.ourservices 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.odel.ourservices .jt-inner {}

.jt-cs.odel.ourservices .jt-inner:hover {}

.jt-cs.odel.ourservices .jt-inner:hover span.services-icon {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}

.com-content-article span.services-icon {
  display: none;
}

.btn-close,
.alert .close,
.contact .contact-miscinfo .close,
.com_config #page-site h1 .close,
.com_config #page-site .h1 .close,
body.modal-open .modal .modal-header .close,
.btn-close,
.alert .close,
.contact .contact-miscinfo .close,
.com_config #page-site h1 .close,
.com_config #page-site .h1 .close,
body.modal-open .modal .modal-header .close {
  color: var(--body-text-color) !important;
  mask: var(--t4-btn-close-bg);
  background: var(--body-text-color);
  font-size: 1rem
}

.modal-header .btn-close {
  padding: 0px;
  position: absolute;
  top: 10px;
  right: 10px;
}

/*
	==================================================
		BOOKING FORM - CHRONOFORMS
	==================================================
*/
#chronoform-booking-form .odel .nui.checkbox>label::before {
  border-radius: 0px;
  width: 100%;
  height: 50px;
  position: absolute;
  z-index: -1;
  transition: all 0.3s linear 0s;
  border-color: var(--border-color);
  background-color: var(--color-secondary);
}

#chronoform-booking-form .odel .nui.checkbox>label {
  width: 90px;
  z-index: 9;
  transition: all 0.3s linear 0s;
  justify-content: center;
  color: var(--color-white);
  font-size: 1.2rem;
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
}

#chronoform-booking-form .odel .nui.checkbox>label:hover,
#chronoform-booking-form .odel .nui.checkbox>label:hover::before,
#chronoform-booking-form .odel .nui.checkbox.checked>label,
#chronoform-booking-form .odel .nui.checkbox.checked>label::before {
  background-color: var(--color-primary) !important;
  color: var(--color-white)
}

#chronoform-booking-form.nui.form .fields.equal>.field {
  margin-bottom: 0.5rem;
}

#chronoform-booking-form.nui.form .radiofields {
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}

#chronoform-booking-form input,
#chronoform-booking-form textarea {
  border: 1px solid var(--border-color);
  border-radius: 0px;
  background: none;
  border-radius: 10px;
}

#chronoform-booking-form .inputfields.name,
#chronoform-booking-form .inputfields.phone {
  margin-right: 1rem
}

#chronoform-booking-form.nui.form .field input[type]:focus-visible,
#chronoform-booking-form.nui.form .field textarea:focus-visible {
  border-color: var(--color-primary) !important;
  outline: 1px solid var(--color-primary);
}

a[href*="www.chronoengine.com"] {
  display: none;
}

#chronoform-booking-form .nui.button {
  position: relative;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 0px;
  transition: all 0.3s linear 0s;
  background-color: var(--color-primary) !important;
  color: var(--color-white);
  font-weight: 400;
  margin-top: 20px;
  border-radius: 30px;
}

#chronoform-booking-form .nui.button::before {}

#chronoform-booking-form label {
  color: var(--body-text-color);
  font-weight: 400;
  display: none;
}

#QuotaForm.modal {}

#QuotaForm.modal .modal-dialog {
  max-width: max-content;
  width: auto;
  height: max-content
}

#QuotaForm.modal .modal-body {
  height: max-content;
  min-height: max-content
}

#QuotaForm.modal .modal-header {
  padding: 10px 0;
  position: relative;
  align-items: center;
  border-bottom: 0;
  margin-bottom: 20px
}

#QuotaForm.modal .modal-header h3 {
  font-size: var(--h3-font-size);
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0, 0px);
}

.modal-footer {
  border-top: 0;
}

#chronoform-application-form.nui.form .field .input.iconed.right>input,
#chronoform-application-form.nui.form .field textarea {
  border-radius: 0px;
  border: 0;
}

.nui.form .field .input.iconed>svg.icon {
  color: var(--body-text-color) !important;
}

@keyframes jtFadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px)
  }

  100% {
    opacity: 1;
    transform: translateY(0)
  }
}

#QuotaForm .modal-dialog {
  -webkit-animation: jtFadeInUp .4s ease-out 0s both;
  animation: jtFadeInUp .4s ease-out 0s both;
  transition: none;
}

#QuotaForm .modal-content {
  height: 100%;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid var(--border-color);
  -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);
}





/*
	==================================================
		EVENTS - ICAGENDA 
	==================================================
*/
.ic-list-odel .ic-box-date {
  border-radius: 5px;
}

.ic-list-odel .ic-title-header h2 {
  font-size: 28px;
}

.ic-list-odel .ic-list-event:nth-child(2n+1),
.ic-list-odel .ic-list-event {
  padding: 1rem;
  margin-bottom: 2rem;
  margin-top: 2rem;
  border-radius: 5px;
}

.ic-list-odel .ic-title-cat-btn {
  background-color: var(--color-secondary) !important;
  color: #fff;
  padding: 7px !important;
  border-radius: 5px;
}

.ic-list-odel .ic-btn {
  border-radius: 5px;
}

.ic-list-odel .ic-btn-info {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: var(--color-primary);
  background-image: none;
  background-repeat: no-repeat;
  filter: none;
  border-color: var(--color-primary-dark);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: var(--color-primary);
  padding: 3px 9px
}

.ic-list-odel .ic-btn-small {
  padding: 3px 9px;
  font-size: 13px;
  line-height: inherit;
}


.odel .iceventlist-title.ic-block {
  line-height: 1.5 !important;
  margin-bottom: 10px;
  font-size: var(--h6-font-size);
  font-family: var(--heading-font-family);
  font-weight: 500;
  color: var(--heading-color);
}

.odel .iceventlist-desc {
  font-size: 1rem
}

.odel .ic-date-img-box {
  overflow: hidden;
  border-radius: 5px;
}

.odel .ic-date-img-box::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  transition: all 0.3s linear 0s;
}

.odel .ic-event-div.wrap:hover .ic-date-img-box::after {
  transition: all 0.3s linear 0s;
  opacity: 1
}

.odel .ic-event-div.wrap:hover img {
  transition: all 0.2s linear 0s;
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.icrounded_eventlist.odel img {
  transition: all 0.2s linear 0s;
  border-radius: 5px;
}

.odel .ic-date-div {
  background: rgba(0, 0, 0, 0.3);
  padding-top: 10px;
  padding-bottom: 10px;
}

.odel .ic-title-text-desc {}

.odel .ic-title-text-desc i {
  font-style: normal !important
}

.icrounded_eventlist.odel .ic-inline-block {
  display: inline;
  margin: auto 0px;
}

.icrounded_eventlist.odel:nth-child(2n+1),
.icrounded_eventlist.odel {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-radius: 0px;
}

.icrounded_eventlist.odel a:link,
.icrounded_eventlist.odel a:visited {
  color: var(--body-text-color);
  text-decoration: none;
}

.icrounded_eventlist.odel:nth-child(2n+1),
.icrounded_eventlist.odel {
  background: none
}

.icrounded_eventlist.odel:nth-child(2n+1) .ic-event-div.wrap,
.icrounded_eventlist.odel .ic-event-div.wrap {
  background: rgba(255, 255, 255, 0.1);
  margin: 0px;
  padding: 10px;
  -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: 5px;
}

.icrounded_eventlist.odel:hover .ic-event-div-inner {
  background-color: var(--color-secondary);
  color: var(--color-white);
  transition: all 0.2s linear 0s;
  border-radius: 5px;
}

.odel .ic-event-div-inner {
  background-color: var(--color-light);
  padding-top: 1px;
  transition: all 0.2s linear 0s;
}

.icrounded_eventlist.odel:hover .iceventlist-title.ic-block {
  color: var(--color-primary);
  transition: all 0.3s linear 0s;
}

.icrounded_eventlist.odel .ic-day {
  line-height: 1 !important;
  font-size: 24px;
  font-weight: bold;
}

.icrounded_eventlist.odel .ic-month {
  line-height: 1 !important;
  font-size: 18px;
  font-weight: normal;
}

.slick-prev,
.slick-next {
  border-radius: 5px;
}

.slick-dots li button,
.slick-dots li button::before,
.slick-dots li {
  margin: 0px 3px;
  height: 7px;
  width: 32px;
  border: 0;
  border-radius: 0%;
  opacity: 1;
  margin: 0 3px
}

.slick-dots li button::before {
  margin: 0px 3px;
  height: 7px;
  width: 32px;
  border: 0;
  border-radius: 0%;
  background-color: var(--color-gray-light);
  color: var(--body-text-color);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  border-radius: 3px;
  content: '';
}

.slick-dots li.slick-active button::before {
  opacity: 1;
  background: var(--color-primary);
}

.odel .ic-event-header,
.odel .ic-info {
  background: none;
  border: 0;
}

.odel .ic-image img {
  border: 0;
  border-radius: 0px;
}

.odel .ic-info .ic-details {
  text-align: left;
  padding: 5px 15px 5px 20px;
}

.odel .iceventlist-city,
.odel .ic-datetime-div {
  font-size: 14px;
}

.iccalendar table td .icevent a .ic-bright,
.iccalendar table td .icevent a .ic-dark {
  position: relative;
  overflow: hidden
}

.iccalendar table td .icevent a .ic-bright::after,
.iccalendar table td .icevent a .ic-dark::after {
  position: absolute;
  top: -50%;
  right: -50%;
  height: 100%;
  width: 100%;
  content: "";
  background-color: var(--color-dark);
  color: #fff;
  transform: rotate(-135deg);
}

.iccalendar table td .icevent a .ic-bright::before,
.iccalendar table td .icevent a .ic-dark::before {
  position: absolute;
  top: -6px;
  right: 1px;
  height: 5px;
  width: 5px;
  content: "+";
  color: #fff;
  z-index: 6
}



.odel-calendar .iccalendar table td div.style_Today {
  background-color: var(--color-tertiary);
  padding: 10px 10px;
  border: 1px solid var(--color-tertiary-light);
  position: relative;
  z-index: 1;
  text-shadow: 0px 0px 10px #777;
  box-shadow: none;
  color: #FFFFFF;
  padding: 3px 5px !important
}

.odel-calendar .iccalendar table td div.style_Today::after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0%;
  top: 0;
  background: var(--color-tertiary);
  background: linear-gradient(45deg, var(--color-tertiary) 23%, var(--color-tertiary-light) 47%, var(--color-tertiary) 100%);
  z-index: -1;
}

.odel-calendar .iccalendar div.style_Day {
  padding: 3px 5px !important;
  color: var(--color-light);
}

.odel-calendar .iccalendar div.no-event.style_Today {
  padding: 3px 5px !important
}

.odel-calendar .iccalendar table td {
  border: 1px solid var(--color-black);
}

.odel-calendar .iccalendar div.icevent {
  background-color: var(--color-secondary) !important;
}

.odel-calendar .iccalendar table td .icevent a:hover,
.odel-calendar .iccalendar table td .icevent a:focus {
  background: var(--color-primary);
}

.author-block .author-socials {
  gap: 10px
}

.author-block .author-socials a {
  font-size: 20px;
  color: var(--color-secondary);
}

.author-block .author-avatar a,
.author-block .author-avatar span {
  border: 5px solid var(--color-primary);
  ;
}

/******JT TESTIMONIAL - TEAM AND TESTIMONIALS********/
.no-js .owl2-carousel22,
.owl2-carousel22.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;
}

.odel.testimonial .testimonial_block-text {
  text-align: justify;
}

.t4-bottomspot-2 {}

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

.t4-bottomspot-2::after,
.t4-bottom-a::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.9
}

.t4-coloredmodule .container {
  background: none
}

.t4-bottom-a {}

.t4-bottom-a::after {
  background-color: rgba(0, 0, 0, 0.9)
}

.t4-bottom-a .module-title {
  color: #fff;
  padding-top: 30px;
}

.t4-bottom-a .module-title::after {
  display: none;
}

.odel .jt-pretext {
  margin-bottom: 20px;
  text-align: center;
}

.odel .owl2-carousel22.nav-bottom-right .owl2-nav,
.odel .owl2-carousel22.nav-outside-top .owl2-nav {}

body.layout-boxed-solidcolor-bg #odel-team .owl2-nav .owl2-prev,
body.layout-boxed #odel-team .owl2-nav .owl2-prev {
  left: -15px;
}

body.layout-boxed-solidcolor-bg #odel-team .owl2-nav .owl2-next,
body.layout-boxed #odel-team .owl2-nav .owl2-next {
  right: -15px;
}

#odel-team .testimonial_block:hover .testimonial_block-name h5,
#odel-team .testimonial_block:hover .testimonial_block-position h6,
#odel-team .testimonial_block:hover .testimonial_block-name h3 {
  color: #FFF;
}


.odel .owl2-dots .owl2-dot span {
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  display: inline-block;
  margin: 0px 3px;
  height: 7px;
  width: 32px;
  border: 0;
  border-radius: 3px;
}

.odel .owl2-dots .owl2-dot {
  height: 7px;
  width: 32px;
  border: 0;
  border-radius: 0%;
  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;
  background: none;
}

.odel .owl2-dots {
  counter-reset: dots;
}

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

.odel .owl2-dots .owl2-dot.active {
  background-color: transparent;
}

.odel .owl2-nav .owl2-prev,
.odel .owl2-nav .owl2-next {
  background-image: none;
  border: 0;
}

.odel .owl2-dots::before,
.odel .owl2-dots::after {}

.odel .owl2-dots::before {}

.odel .owl2-dots::after {}

.odel .testimonial_block-text::after {
  display: none;
}

.odel .testimonial_block::after {}

.odel .owl2-nav .owl2-prev,
.odel .owl2-nav .owl2-next {
  background-image: none;
}

.odel .testimonial_block {
  justify-content: flex-start;
  position: relative;
  z-index: 1;
}

.odel .name-pos-info-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px
}

.odel.testimonial {}

.sub-title {
  position: relative;
  padding-left: 40px;
  display: inline-block
}

.sub-title::before,
.sub-title::after {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  height: 2px;
  width: 20px;
  background: var(--color-primary);
}

.sub-title::before {
  width: 30px;
  top: auto;
  bottom: 7px;
}


.odel.testimonial .jt-pretext {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}

#odel-testimonial-main {
  flex: 3
}

.odel.testimonial .image-data-wrap {
  display: flex;
  gap: 15px;
  margin-top: 25px;
}

.odel.testimonial .jt-social-icons {
  display: flex;
  gap: 10px;
}

.odel.testimonial .data-wrap {
  flex-direction: column;
  display: flex;
  gap: 5px
}

.t4-bottom-a .odel .jt_testimonial-block-slide {
  background: var(--color-secondary);
}

.t4-bottom-a .odel .testimonial_block-name,
.odel .testimonial_block-email {
  color: var(--color-white);
  font-family: var(--body-font-family);
}

.t4-bottom-a .odel .testimonial_block-data {
  color: var(--color-graydark);
}

.t4-bottom-a .odel .jt_testimonial-block-slide .fa-star,
.t4-bottom-a .odel .jt_testimonial-block-slide .fa-star-half-o {
  color: var(--color-white);
  text-shadow: 1px 1px var(--color-dark), 1px 1px var(--color-dark), .1em .1em .1em rgba(0, 0, 0, .2);
}

/*REFLECTIONS JT TESTIMONIAL*/
.odel.reflections .jt_testimonial-block-slide {
  background: none;
}

.reflections-image figure {
  margin: 0;
}

.reflections-image {
  position: relative;
  text-align: center;
}

.reflections-image img {
  border-radius: 70px;
}

.reflections-image .reflections-image-2 {
  left: 0;
  bottom: 80px;
  position: absolute;
  border: 8px solid var(--color-white);
  border-radius: 100%;
  z-index: 1;
  width: 165px;
  height: 165px;
  overflow: hidden;
}

.reflections-image .reflections-image-2 img,
.reflections-image .reflections-image-3 img {
  border-radius: 100%;
}

.reflections-image .reflections-image-3 {
  right: 0;
  top: 80px;
  position: absolute;
  border: 8px solid var(--color-white);
  border-radius: 100%;
  z-index: 1;
  width: 165px;
  height: 165px;
  overflow: hidden;
}


/*TEAM JT TESTIMONIAL*/
.odel.team .jt-pretext {}

#odel-team .testimonial_block {}

#odel-team .testimonial_block::before {}

#odel-team .owl2-dots .owl2-dot {}

.jt_testimonial-outer.odel .jt_testimonial-block-slide .fa-star,
.jt_testimonial-block-slide .fa-star-half-o {
  color: var(--color-primary);
  text-shadow: 1px 1px var(--color-dark), 1px 1px var(--color-gray), .1em .1em .1em rgba(0, 0, 0, .2);
}

.odel.team .testimonial_block-data {}

.odel.team.slide:hover .testimonial_block-data {
  bottom: 0;
  transition: all 0.4s ease 0s;
}

.odel.team .testimonial_block::after {
  display: none;
}

.odel.team img {
  transition: 0.5s;
}

.odel.team .slide:hover img {
  transform: scale(1.1);
  transition: 0.5s;
}

.odel.team .slide:hover .testimonial_block {}

.odel.team .slide:hover .jt-social-icons a,
.odel.team .slide:hover .testimonial_block-name {
  transition: 0.5s;
}

.odel.team .testimonial_block-data .jt-social-icons {
  justify-content: flex-start;
  gap: 10px;
  transition: all 0.3s linear 0s;
  margin-top: 10px
}

.odel.team .slide:hover .jt-social-icons {
  opacity: 1;
  transition: all 0.3s linear 0s;
}

.odel.team .testimonial_block-data .jt-social-icons a {
  color: var(--color-secondary);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.odel.team .testimonial_block-data .jt-social-icons a:hover i {
  transform: rotateY(360deg);
  transition: .8s;
  color: var(--color-primary);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out
}

.jt_testimonial-outer.odel.slide {
  padding: 10px
}

.odel .owl2-nav .owl2-prev,
.odel .owl2-nav .owl2-next,
.jt-cs.odel .owl-carousel .nav-button.owl-prev,
.jt-cs.odel .owl-carousel .nav-button.owl-next {
  top: 50%;
  font-size: 11px;
  font-weight: 300;
  width: 34px;
  height: 34px;
  border-radius: 5px;
  margin: 0;
  background-color: var(--color-primary);
  display: grid;
  place-items: center;
  border: 0;
}

.odel .owl2-nav .owl2-prev {
  margin-left: -5px
}

.odel .owl2-nav .owl2-prev:hover,
.odel .owl2-nav .owl2-next:hover {
  color: var(--color-white);
  border: 0;
  background-color: var(--color-primary);
  width: 34px;
  height: 34px;
}

.odel .jt_testimonial-block-slide {
  border-radius: 10px;
  -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);
  margin-bottom: 20px
}

.odel .testimonial_block-position {
  color: var(--color-secondary);
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
}

.odel .testimonial_block-name {
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  color: var(--heading-color);
}

.odel .testimonial_block-email {
  color: var(--heading-color);
  font-family: var(--body-font-family);
}

.odel .jt_testimonial-block-slide .fa-star,
.jt_testimonial-block-slide .fa-star-half-o {
  color: var(--color-primary);
  text-shadow: 1px 1px var(--color-primary-dark), 1px 1px var(--color-secondary-dark), .1em .1em .1em rgba(0, 0, 0, .2);
}

.odel .testimonial_block-data .jt-social-icons {
  gap: 10px
}

.odel.people .testimonial_block::after {
  content: "\f10e";
  font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', FontAwesome;
  font-size: 22px;
  margin: 0;
  position: absolute;
  left: -25px;
  top: 25px;
  right: auto;
  bottom: auto;
  z-index: 2;
  opacity: 1;
  border-radius: 100%;
  background-color: var(--color-primary);
  color: var(--color-dark);
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  transform: rotate(-180deg)
}


.odel.team-2 .jt_testimonial-block-slide:hover .dashedborder {
  transition: all 0.3s linear 0s;
  border: 1px dashed var(--color-white)
}

.odel.team-2 .jt_testimonial-block-slide:hover .testimonial_block-data {}

.odel.team-2 .testimonial_block-text,
.odel .testimonial_block-text {
  color: var(--body-text-color)
}


.odel.team-1 .jt-social-icons {
  position: absolute;
  top: 15px;
  right: 15px;
  transform: translateY(-100%);
  transition: all 0.3s linear 0s;
  opacity: 0;
  z-index: 2;
}

.odel.team-1 .jt_testimonial-block-slide:hover .jt-social-icons {
  transform: translateY(0%);
  transition: all 0.3s linear 0s;
  opacity: 1
}

.odel.team-1 .jt-social-icons a {
  width: 42px;
  height: 38px;
  background-color: rgba(0, 0, 0, 0.5);
  display: grid;
  place-items: center;
  margin-bottom: 8px;
  transition: all 0.3s linear 0s;
}

.odel.team-1 .jt-social-icons a:hover {
  background-color: var(--color-primary);
  color: #FFFFFF;
  transition: all 0.3s linear 0s;
}

.odel.team-1 .testimonial_block-image {
  position: relative;
  overflow: hidden;
}

.odel.team-1 .testimonial_block {
  overflow: hidden;
}

.odel.team-1 .name-pos-wrap {
  position: absolute;
  bottom: 15px;
  width: 100%;
  text-align: center;
  color: #fff !important;
  z-index: 2;
}

.odel.team-1 .testimonial_block-name {
  color: #fff !important;
  font-weight: bold !important;
}

.odel.team-1 .testimonial_block-position {
  font-family: var(--heading-font-family);
  font-size: 1.2rem
}

.odel.team-1 .testimonial_block-image::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s linear 0s;
  z-index: 1
}

.odel.team-1 .jt_testimonial-block-slide:hover .testimonial_block-image::before {
  opacity: 1;
  transition: all 0.3s linear 0s;
}

.odel.team-1 .jt_testimonial-block-slide:hover .testimonial_block-image img {
  transform: scale(1.1, 1.1);
  transition: all 0.3s linear 0s;
}

.odel.team-1 .testimonial_block-image img {
  transition: all 0.3s linear 0s;
}

.odel.team-1 .testimonial_block::after {
  display: none;
}

.star-rating::before {
  color: var(--color-warning);
}

.summary-content>.price,
.product-about>.price {
  color: var(--color-primary);
}

.summary-content>.price del,
.product-about>.price del {
  color: var(--body-text-color);
}

.product_meta>span {
  color: var(--heading-color);
}

.as-social a {}

.summary-content .as-social a,
.product-about .as-social a {
  background-color: var(--border-color);
  color: var(--body-text-color)
}

.summary-content .as-social a:hover,
.product-about .as-social a:hover {
  background-color: var(--color-primary);
  color: var(--color-white)
}

/************************************/
.jt-columnar-list h1,
.jt-columnar-list h2,
.jt-columnar-list h3,
.jt-columnar-list h4,
.jt-columnar-list h5,
.jt-columnar-list h6 {}

.jt-columnar-list .jtcl-date.small {
  color: var(--color-graydark);
}

/*
	==================================================
		Our Customer Feedbacks
	==================================================
*/
.odel.customer .testimonial_block-image {
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
  margin-bottom: 15px
}

.odel.customer .image-title-con {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.odel.customer .testimonial_block-data {
  height: 100%;
  margin-top: 125px;
  background-color: var(--containerbg-color);
  padding: 15px 30px;
  text-align: center;
  border-radius: 0.25rem;
  position: relative;
}

.odel.customer .testimonial_block-data::after {
  background-color: var(--color-primary);
  color: var(--color-white);
  opacity: 1;
  height: 80px;
  width: 80px;
  border-radius: 100%;
  display: grid;
  place-items: center;
  top: -40px;
  left: -40px;
  right: auto;
  bottom: auto;
  content: "\f10e";
  font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', FontAwesome;
  font-size: 32px;
  margin: auto;
  position: absolute;
  z-index: 2;
}

.odel.customer .jt_testimonial-block-slide {
  background: none;
}

.odel.customer .testimonial_block::after {
  display: none
}


/***********#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;
}

/*
	==================================================
		POLITICAL NEWS - MANSETHABER JT2
	==================================================
*/
.odel h4 {
  font-size: var(--h4-font-size) !important;
}

.odel.political figure.mjt2-image {
  position: relative;
}

.odel.political .mjt2-category {
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--color-primary);
  color: #fff;
  font-size: 11px;
  padding: 5px;
}

.odel .jt2-mansethaber-pagination a.toc span {
  background: none !important;
  position: relative;
  margin: 0;
  padding: 5px 0 5px 20px;
  font-weight: 400;
  line-height: 1.3
}

.odel .jt2-mansethaber-pagination a.toc span::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  content: "\f111";
  font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', FontAwesome;
  font-size: 6px;
  font-weight: bold;
}

.odel .jt2-mansethaber-pagination .mjt-links {
  border-bottom: 0;
}

.odel .showmore {
  margin-top: 10px;
}

/*******************************/
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 .odel .jt_testimonial-block-slide {
  background: none;
}

.theme-cyan .t4-content {
  background-image: none
}

.registration meter {
  min-width: 240px;
  height: 12px
}

/*
	==================================================
		VIDEO - YENDIF VIEDO SHARE
	==================================================
*/
.yendif-video-share.videos.odel {
  padding: 10px 0;
}

.yendif-video-share.videos.odel .thumbnails .col-md-3,
.yendif-video-share.videos.odel .thumbnails .col-sm-3 {}

.yendif-video-share.videos.odel ul.thumbnails,
.related-odel ul,
.yendif-video-share.categories.odel ul {
  padding: 0;
}

.yendif-video-share.videos.odel .thumbnails li,
.related-odel li,
.yendif-video-share.categories.odel li,
.yendif-video-share.my-videos.odel li {
  list-style: none;
  margin-left: 0;
}

.yendif-video-share.videos.odel .thumbnail,
.yendif-video-share.categories.odel .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.odel [class*=' col-'] {
  padding-left: 10px;
  padding-right: 10px;
}

.yendif-video-share.videos.odel ul {
  margin: 0;
}

.yendif-thumbnail .yendif-play-icon.odel {
  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.odel a:hover {
  text-decoration: none;
}

.jt-carousel-yendif-outer.odel .tns-outer {
  position: relative;
}

.yendif-video-share.mod-yendifvideoshare-videos.odel {
  position: relative;
  padding-bottom: 3rem
}

.yendif-video-share.mod-yendifvideoshare-videos.odel .more-btn,
.jt-carousel-yendif-outer.odel .more-btn {
  position: absolute;
  right: 0px;
  top: -50px;
}

.jt-carousel-yendif-outer.odel .yendif-video-share-title a {
  font-family: var(--heading-font-family);
  color: var(--heading-color);
}

.yendif-video-share-title,
.yendif-video-share-title a,
.yendif-video-share-title h3 {
  margin: 0px 0;
  line-height: 1.2;
  font-size: 24px
}

.yendif-video-share-playlist-item .yendif-video-share-title {
  margin: 0px 0;
  line-height: 1;
  font-size: 20px
}

.yendif-video-share.odel h4,
.yendif-video-share-related.odel h4 {}

.jt-carousel-yendif-outer.odel .jt-pretext {
  text-align: center;
}

.jt-carousel-yendif-outer.odel .cat-view {}

.odel .yendif-video-share-views-count {
  float: left;
  margin-right: 10px;
  width: 50%;
}

.yendif-video-share-description,
.yendif-video-share-description p,
.yt-core-attributed-string--link-inherit-color,
.yendif-video-share-description span {
  color: var(--body-text-color) !important;
}

.odel .yt-core-attributed-string--link-inherit-color {
  color: var(--body-text-color) !important;
}

.jt-carousel-yendif-outer.odel.howitworks a.yendif-video-share-responsive-item {
  min-height: 82px;
  min-width: 82px
}

.jt-carousel-yendif-outer.odel .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.odel .tns-nav button {
  width: 12px;
  height: 12px;
  margin: 0px 3px;
  border: 0;
  border-radius: 100%;
  position: relative;
  background-color: transparent;
}

.jt-carousel-yendif-outer.odel .tns-nav button.tns-nav-active {
  background-color: transparent;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  border-radius: 100%;
}

.jt-carousel-yendif-outer.odel .tns-nav button::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  content: "";
  border-radius: 100%;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  display: inline-block;
  background-color: var(--color-gray-light);
}

.jt-carousel-yendif-outer.odel .tns-nav button.tns-nav-active::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  content: "";
  border-radius: 100%;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
  display: inline-block;
  overflow: hidden;
  background-color: var(--color-primary);
}


.jt-carousel-yendif-outer.odel .tns-nav,
.jt-carousel-yendif-outer.odel .tns-controls,
.jt-carousel-yendif-outer.odel .playButton {
  margin: 0;
}

.jt-carousel-yendif-outer.odel .tns-controls {
  opacity: 0;
  position: absolute;
  top: 40%;
  z-index: 1;
  width: 100%;
  transform: translateY(-100%);
  transition: all 0.3s linear 0s;
}

.jt-carousel-yendif-outer.odel .tns-outer:hover .tns-controls {
  opacity: 1;
  transition: all 0.3s linear 0s;
}

.jt-carousel-yendif-outer.odel .tns-nav {
  padding-bottom: 20px;
  padding-right: 10px;
  display: flex;
  justify-content: center !important;
  z-index: 1;
  position: relative;
}

.jt-carousel-yendif-outer.odel .tns-controls [data-controls="prev"],
.jt-carousel-yendif-outer.odel .tns-controls [data-controls="next"] {
  display: grid;
  place-items: center;
  margin: 0;
  border-radius: 0px;
  opacity: 1;
  background-color: var(--color-primary);
  transition: all 0.3s linear 0s;
  border-radius: 0px;
  color: #fff;
  width: 34px;
  height: 34px;
  font-size: 11px;
  padding: 0;
}

.jt-carousel-yendif-outer.odel .tns-controls [data-controls="prev"] {
  position: absolute;
  left: 0px;
}

.jt-carousel-yendif-outer.odel .tns-controls [data-controls="next"] {
  position: absolute;
  right: 0px;
}

.jt-carousel-yendif-outer.odel .tns-controls [data-controls="prev"]:hover,
.jt-carousel-yendif-outer.odel .tns-controls [data-controls="next"]:hover {
  color: var(--color-dark);
  transition: all 0.3s linear 0s;
}

.jt-carousel-yendif-outer.odel .tns-controls [data-controls="prev"]::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "\f053";
  font-family: FontAwesome;
  display: grid;
  place-items: center;
  font-size: 16px
}

.jt-carousel-yendif-outer.odel .tns-controls [data-controls="next"]::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "\f054";
  font-family: FontAwesome;
  display: grid;
  place-items: center;
  font-size: 16px
}

.jt-carousel-yendif-outer.odel .title-excerpt-rating {
  position: relative;
  border-radius: 0px;
}

.jt-carousel-yendif-outer.odel .title-cat-desc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}

.jt-carousel-yendif-outer.odel .playicon {
  font-size: 36px;
  width: 53px;
}

.jt-carousel-yendif-outer.odel .yendif-video-share-grid-item:hover .yendif-video-share-title a {
  color: var(--color-primary)
}

  {
  color: var(--color-primary)transition:all 0.3s linear 0s;
}

.jt-carousel-yendif-outer.odel .yendif-video-share-grid-item {
  position: relative;
  cursor: pointer;
}

.jt-carousel-yendif-outer.odel .category-views.d-flex {
  gap: 10px 10px;
}

.jt-carousel-yendif-outer.odel .more-button {
  float: right;
  padding-right: 20px
}

.jt-carousel-yendif-outer.odel .mod-yendifvideoshare-videos {
  background-color: var(--containerbg-color);
}

.jt-carousel-yendif-outer.odel .tns-nav {
  margin-top: 10px
}

.jt-carousel-yendif-outer.odel .title-text-wrap {
  width: calc(100% - 30px);
  margin: 0px auto;
  padding-bottom: 15px;
  padding-top: 15px;
}


.yendif-video-share.odel .btn-primary {
  margin-left: 10px;
}

.yendif-video-share.videos.odel .more_btn {
  position: relative;
  font-size: 12px;
  font-weight: bold;
}

.yendif-video-share.videos.odel .more_btn-inner {
  position: absolute;
  right: -11px;
  top: -56px;
  line-height: 1;
  padding: 2px 5px;
}

.yendif-video-share.category.odel ul.thumbnails {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.yendif-video-share.category.odel ul.thumbnails li {
  list-style: none;
}

.yendif-video-share.category.odel .thumbnail,
.related-odel .thumbnail,
.yendif-video-share.my-videos.odel .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.odel .radio.inline+.radio.inline,
.yendif-video-share.odel .checkbox.inline+.checkbox.inline {
  margin-left: 10px;
}

.yendif-video-share.odel .radio.inline,
.yendif-video-share.odel .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.odel .form-search input,
.yendif-video-share.odel .form-inline input,
.yendif-video-share.odel .form-horizontal input,
.yendif-video-share.odel .form-search textarea,
.yendif-video-share.odel .form-inline textarea,
.yendif-video-share.odel .form-horizontal textarea,
.yendif-video-share.odel .form-search select,
.yendif-video-share.odel .form-inline select,
.yendif-video-share.odel .form-horizontal select,
.yendif-video-share.odel .form-search .help-inline,
.yendif-video-share.odel .form-inline .help-inline,
.yendif-video-share.odel .form-horizontal .help-inline,
.yendif-video-share.odel .form-search .uneditable-input,
.yendif-video-share.odel .form-inline .uneditable-input,
.yendif-video-share.odel .form-horizontal .uneditable-input,
.yendif-video-share.odel .form-search .input-prepend,
.yendif-video-share.odel .form-inline .input-prepend,
.yendif-video-share.odel .form-horizontal .input-prepend,
.yendif-video-share.odel .form-search .input-append,
.yendif-video-share.odel .form-inline .input-append,
.yendif-video-share.odel .form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  vertical-align: middle;
}

.yendif-video-share.video.odel .input-append input,
.yendif-video-share.video.odel .input-append select,
.yendif-video-share.video.odel .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.odel .breadcrumb {
  margin-top: 15px
}

.vjs-playlist.white.odel {
  border-radius: 0px 3px 3px 0px;
}

.yendif-video-share.videos.odel .thumbnail .yendif-image.odel {
  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.odel .thumbnail:hover .yendif-image.odel {
  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.odel .thumbnail .yendif-image.odel::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.odel .thumbnail:hover .yendif-image.odel::before {
  opacity: 1;
}

a.yendif-thumbnail.odel {
  overflow: hidden;
}

.yendif-video-share.category.odel .yendif-thumbnail .yendif-image,
.related-odel .yendif-thumbnail .yendif-image {
  transition: all ease-in-out 0.5s;
}

.yendif-video-share.category.odel .yendif-thumbnail:hover .yendif-image,
.related-odel .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.odel a.yendif-thumbnail,
.related-odel a.yendif-thumbnail {
  overflow: hidden;
}

.yendif-video-share.videos.odel .thumbnail .caption {
  padding: 10px 15px 15px 15px;
}

.yendif-video-share.category.odel .yendif-thumbnail .yendif-image::before,
.related-odel .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.odel .yendif-thumbnail:hover .yendif-image::before,
.yendif-image::before,
.related-odel .yendif-thumbnail:hover .yendif-image::before {
  opacity: 1;
}

.yendif-video-share.category.odel .yendif-thumbnail .yendif-play-icon,
.related-odel .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.png) !important;
}

.yendif-video-share.video.odel .yendif-video-share-ratings .yendif-video-share-ratings-stars,
.yendif-video-share.video.odel .yendif-video-share-ratings .yendif-video-share-ratings-star a:hover,
.yendif-video-share.video.odel .yendif-video-share-ratings .yendif-video-share-ratings-stars .yendif-video-share-ratings-current {
  background-image: url(../images/star.html);
}

.yendif-video-share.videos.odel .yendif-video-share-ratings-small .yendif-video-share-ratings-stars,
.yendif-video-share.videos.odel .yendif-video-share-ratings-small .yendif-video-share-ratings-current,
.yendif-video-share.videos.odel .yendif-video-share-ratings-small .yendif-video-share-ratings-star a:hover,
.yendif-video-share.videos.odel .yendif-video-share-ratings-small .yendif-video-share-ratings-stars,
.yendif-video-share.videos.odel .yendif-video-share-ratings-small .yendif-video-share-ratings-current,
.yendif-video-share.videos.odel .yendif-video-share-ratings-small .yendif-video-share-ratings-star a:hover {
  background-image: url(../images/star_small.png);
}

.yendif-video-share.video.odel .yendif-video-share-ratings-small .yendif-video-share-ratings-stars,
.yendif-video-share.video.odel .yendif-video-share-ratings-small .yendif-video-share-ratings-current,
.yendif-video-share.video.odel .yendif-video-share-ratings-small .yendif-video-share-ratings-star a:hover {
  background-image: url(../images/star_small.png);
}

.yendif-video-share.odel .yendif-video-share-svg-icon-play,
.jt-carousel-yendif-outer.odel .yendif-video-share svg.yendif-video-share-svg-icon-play {
  fill: var(--color-secondary);
  opacity: 0.7;
}

.yendif-video-share.odel .yendif-video-share-grid-item:hover .yendif-video-share-svg-icon-play,
.yendif-video-share.odel .yendif-video-share-grid-item:hover .yendif-video-share-svg-icon-play-whitebg {
  opacity: 1;
  transition: all 0.2s linear 0s;
}

.yendif-video-share.odel .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.odel .yendif-play-icon {}

.yendif-video-share.odel .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.odel .yendif-video-share-search-form {
  margin-bottom: 20px;
}

.odel .card {
  padding: 10px 10px 10px 10px;
  margin-bottom: 30px;
  border: 0;
  background: var(--containerbg-color);
  border-radius: 10px;
}

.yendif-video-share.videos.odel.videos .card-body,
.yendif-video-share.video.odel .yendif-video-share-related.odel .card-body,
.yendif-video-share-categories.odel .card-body,
.yendif-video-share.category.odel .card-body,
.yendif-video-share.mod-yendifvideoshare-videos.odel .card-body,
.jt-carousel-yendif-outer.odel .yendif-title-text {
  padding: 10px 15px 20px 15px;
}

.yendif-video-share.videos.odel .yendif-video-share-ratings,
.yendif-video-share.videos.odel .yendif-video-share-ratings-small {
  margin: 7px 0 7px 0;
  padding: 3PX 0;
}

.yendif-video-share.category.odel .card-body {
  margin-bottom: 30px
}

.yendif-video-share.video.odel .yendif-video-share-meta-views,
.yendif-video-share.video.odel .yendif-video-share-ratings,
.yendif-video-share.video.odel .yendif-video-share-ratings-small,
.yendif-video-share.video.odel .yendif-video-share-meta-date {
  margin: 7px 0 7px 0;
}

.yendif-video-share.video.odel p.lead {
  margin: 20px 0 15px 0;
}

.yendif-video-share.video.odel div.yendifplayer {
  margin-bottom: 15px
}

.yendif-video-share.video.odel .yendif-video-share-related.odel .yendif-video-share-grid-item {
  margin-bottom: 30px
}

.yendif-video-share.video.odel .yendif-video-share-related.odel .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.odel.titleonpic .play-btn {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
}

.jt-carousel-yendif-outer.odel.titleonpic .yendif-video-share-svg-icon-play-whitebg,
.jt-carousel-yendif-outer.odel.titleonpic .yendif-video-share-svg-icon-play {
  position: absolute;
  z-index: 5;
  cursor: pointer;
}

.jt-carousel-yendif-outer.odel.titleonpic h4 {
  margin: 2px 0;
}

.jt-carousel-yendif-outer.odel.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,
.yendif-video-share:hover a,
.yendif-video-share:hover,
.yendif-video-share:hover .yendif-video-share-title,
.yendif-video-share:hover .yendif-video-share-title a {}


.yendif-video-share.odel .yendif-video-share-image,
.jt-carousel-yendif-outer.odel .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;
  border-radius: 5px;
}

.yendif-video-share.odel .yendif-video-share-image::before,
.jt-carousel-yendif-outer.odel .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;
  background-color: rgba(0, 0, 0, 0.6)
}

.yendif-video-share.odel .yendif-video-share-grid-item:hover .yendif-video-share-image,
.jt-carousel-yendif-outer.odel .yendif-video-share:hover .yendif-video-share-image {
  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.odel .yendif-video-share-grid-item:hover .yendif-video-share-image::before,
.jt-carousel-yendif-outer.odel .yendif-video-share-grid-item:hover .yendif-video-share-image::before {
  opacity: 1;
  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.odel .yendif-video-share-likes-dislikes,
.yendif-video-share.video.odel .yendif-video-share-meta-category {
  margin: 7px 0;
}

.yendif-video-share.odel .yendif-video-share-meta {
  margin-bottom: 10px;
  display: flex;
  gap: 15px;
}

.yendif-video-share.mod-yendifvideoshare-playlist.odel .yendif-video-share-playlist-items {
  background-color: var(--color-secondary-light);
}

.odel .yendif-video-share-category {
  text-align: left;
  color: var(--color-primary)
}

.odel .yendif-video-share .yendif-video-share-svg-icon-play,
.yendif-video-share.odel .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: var(--color-white);
  opacity: 0.7;
  content: "";
  position: absolute;
  left: 0px;
  top: 1px;
  width: 51px;
  height: 51px;
  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;
}

.yendif-video-share-playlist-item.active,
.yendif-video-share-playlist-item:hover {
  background-color: var(--color-secondary);
}

.yendif-video-share-playlist-item,
.yendif-video-share-playlist {
  background-color: var(--color-secondary);
  border-bottom: 1px solid var(--color-secondary-light);
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 10px
}

.yendif-video-share.odel .pagination li {
  margin-left: 3px;
  margin-right: 3px;
  border-radius: 0px;
}

.odel .more_btn {
  float: right;
  margin-right: 15px
}

.page-item .page-link {
  border-radius: 0px;
  background-color: var(--color-secondary-light);
  border-color: var(--color-secondary);
}

.active.page-item .page-link {
  background-color: var(--color-primary);
  border-color: var(--color-secondary);
}

#exampleModal .modal-dialog {
  max-width: calc(60% - 15px);
  width: auto;
  height: 65vh;
  max-height: 65vh;
}

#exampleModal .modal-content {
  height: 100%;
  padding: 15px;
}

.fade {
  transition: opacity .15s linear;
}

.modal-content {
  background-color: var(--containerbg-color);
  padding: 20px 30px;
  -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: 10px;
}

#exampleModal .modal-header {
  border-bottom: 0;
}

#exampleModal .modal-footer {
  border-top: 0;
}

body.modal-open .modal .modal-header h3,
body.modal-open .modal .modal-header .h3 {
  color: var(--heading-color);
}

.theme-armchair {

  .modal-content,
  .odel .card {
    background-color: var(--containerbg-color);
  }

}

.theme-light-1 {

  .modal-content,
  .odel .card {
    background-color: var(--containerbg-color);
  }

  .acym_form.odel input.cell::placeholder {
    color: var(--color-secondary);
  }
}

@media only screen and (min-width:767px) {
  #t4-coloredmodule-2 .mod-yendifvideoshare-videos.odel {
    max-width: 650px;
    margin: 0 auto
  }
}

#t4-coloredmodule-2 .mod-yendifvideoshare-videos.odel .card {
  background: rgba(0, 0, 0, 0.6);
  padding: 10px;
  margin-bottom: 30px;
  border: 0;
  box-shadow: none;
  border-radius: 0px !important;
}

#t4-coloredmodule-2 .mod-yendifvideoshare-videos.odel .card-body {
  display: none
}

/*********yendif player module**********/
.mod-yendifvideoshare-player-inner.odel {
  z-index: 2;
  position: relative;
}

.mod-yendifvideoshare-player-inner.odel .yendifplayer {}

.yendifplayer-description-odel {
  margin: 0px auto;
  width: 540px;
  color: #fff;
}

.yendif-video-share-responsive-item .yendif-video-share-image,
a.yendif-video-share-responsive-item {
  border-radius: 5px;
}

.videoarticle .yendif-video-share-responsive-item {
  padding-bottom: 41% !important;
}

.mod-yendifvideoshare-playlist.odel .yendif-video-share-responsive-item {
  min-height: 75px;
}

.odel .yendif-video-share-playlist-item .text-muted {
  color: #fff !important;
  margin-top: 3px !important;
  margin-bottom: 3px !important
}

.odel .yendif-video-share-category.text-muted,
.odel .yendif-video-share-category.text-muted a {
  color: var(--color-primary) !important;
}

.mod-yendifvideoshare-player.odel .yendif-player-wrapper {
  margin: 0 auto
}

.mod-yendifvideoshare-playlist.odel .yendif-video-share-title,
.mod-yendifvideoshare-playlist.odel .yendif-video-share-title a {
  margin: 0px 0;
  line-height: 1;
}

/*
	====================================================
		JT PLAYLIST 
	====================================================
*/
.playlist-wrap.odel.style2 {
  background-color: transparent;
  border-radius: 0px;
}

.playlist-wrap.odel.style2 .PlayList {
  background: var(--containerbg-color);
  border-radius: 0px;
}

.playlist-wrap.odel.style2 .jt-playlist-container {
  margin-top: 0px;
}

.playlist-wrap.odel.style2 .jt-playlist-container li {
  color: var(--body-text-color);
  padding-bottom: 5px;
  padding-top: 5px;
  padding-right: 0
}

.playlist-wrap.odel.style2 .jt-playlist-container li.active {
  background: var(--color-tertiary);
  border-radius: 0px;
  border: 0;
  color: var(--color-white);
}

.playlist-wrap.odel.style2 #audio-info,
.playlist-wrap.odel.style2 .duration,
.playlist-wrap.odel.style2 .description-text {
  background: none;
  color: var(--body-text-color);
  border-radius: 0px;
}

.playlist-wrap.odel.style2 #audio-info {
  background: var(--color-tertiary);
}

.playlist-wrap.odel.style2 #audio-info {
  margin-bottom: 20px;
}

.playlist-wrap.odel.style2 .buttons button {
  background: var(--color-primary);
  border: 0;
  border-radius: 100%;
  padding: 10px;
  width: 42px;
  height: 42px;
  color: #fff;
  padding: 0;
  font-size: 12px;
  display: grid;
  place-items: center;
}

.playlist-wrap.odel.style2 .buttons {
  margin: 10px 0 10px 0;
  justify-content: center;
}

.playlist-wrap.odel.style2 .jt-playlist-container ul {
  padding-top: 15px;
}

.playlist-wrap.odel.style2 input[type="range"]::-moz-range-thumb,
.playlist-wrap.odel.style2 input[type="range"]::-webkit-slider-thumb {
  background: var(--color-primary);
}

.playlist-wrap.odel.style2 .jt-playlist-container li i {
  color: var(--color-primary);
  font-size: 20px;
}

.playlist-wrap.odel.style2 .progress {
  background: var(--color-primary);
}

.playlist-wrap.odel.style2 .progress-bar {
  background: var(--border-color);
}

.playlist-wrap.odel.style2 input[type="range"]::-moz-range-track {
  background: var(--border-color);
  border-radius: 0px;
}

.playlist-wrap.odel.style2 .jt-playlist-container li {
  border-bottom: 1px solid var(--border-color);
  color: var(--body-text-color);
}

.playlist-wrap.odel.style2 input[type="range"]::-moz-range-progress,
.playlist-wrap.odel.style2 .jt-progress-bar-filled {
  background-color: var(--color-primary);
}

/*
	====================================================
		MIDDLESPOT-1  MIDDLESPOT-2
	====================================================
*/
.t4-middlespot-1 {}

.t4-middlespot-1 .container {
  background-color: transparent;
}

.t4-middlespot-1 {}

.middlespot-1 {
  position: relative;
  z-index: 1;
}

.middlespot-1-module {
  padding: 35px 20px;
}

.middlespot-1 img.small-image {}

.middlespot-1 img {}

.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;
  font-size: 14px;
  font-weight: 500;
}

.about-counter1 .counter-text {
  font-size: 22px;
  margin-bottom: 0;
  margin-top: 0;
}

.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 .container {
  background-color: transparent;
  z-index: 1
}

.t4-middlespot-2,
.t4-debug,
.t4-suprafooter,
.t4-bottomspot-3-4,
.t4-bottomspot-2,
.t4-bottomspot-1,
.t4-middlespot-1,
.t4-middlespot-3,
.t4-middlespot-4,
.t4-subslider-0,
.t4-subslider-1,
.t4-subslider-2,
.t4-topbar-2,
.t4-coloredmodule,
.t4-navhelper {}

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

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

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

.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);
  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: 'Font Awesome 6 Free', 'Font Awesome 5 Free', 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;
  -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;
  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.odel .sp-simpleportfolio-item {
  padding: 10px 10px 30px 10px;
  margin-bottom: 1rem;
}

.sp-simpleportfolio.odel .sp-simpleportfolio-padding {
  padding: 10px;
}

.sp-simpleportfolio.odel .sp-simpleportfolio-filter>ul>li>a {
  padding: 6px 12px;
  background-color: var(--color-secondary-light);
  color: var(--color-white);
}

.sp-simpleportfolio.odel .sp-simpleportfolio-filter>ul>li.active>a {
  background-color: var(--color-primary)
}

.featherdark .featherdark-content,
.featherdark {
  z-index: 999 !important
}

.sp-simpleportfolio.odel .sp-simpleportfolio-padding,
.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info:hover,
.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info {
  background: none;
}

.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info {
  font-size: 1rem;
  line-height: 1rem;
  padding: 15px 15px 20px 15px;
}

.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {
  padding-top: 10px;
  line-height: 1;
}

.sp-description.odel {
  clear: both;
  line-height: 1.42;
  text-align: justify
}

.sp-simpleportfolio-created.odel-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.odel .sp-simpleportfolio-info h3 a,
.sp-simpleportfolio .sp-simpleportfolio-item.odel .sp-simpleportfolio-info h3 {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
}

.sp-simpleportfolio-client.odel.col-sm-6,
.sp-simpleportfolio-client.odel.col-md-6 {
  padding-left: 0;
  padding-right: 10px;
}

.sp-simpleportfolio-client.odel,
.sp-simpleportfolio-created.odel {
  margin-bottom: 15px;
}

.sp-simpleportfolio-client.odel h4,
.sp-simpleportfolio-created.odel h4 {
  font-size: 13px;
}

.sp-simpleportfolio-client.odel h4 span,
.sp-simpleportfolio-created.odel h4 span {
  font-weight: bold;
}

.sp-simpleportfolio-info.odel:hover h4 {
  color: #fff;
}

.sp-simpleportfolio .sp-simpleportfolio-item.odel .sp-simpleportfolio-link {
  text-align: right;
  margin-top: 30px;
}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
  border-radius: 5px;
}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a.btn-view,
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a.btn-view:hover {
  background: var(--color-secondary);
  border: 1px solid var(--color-secondary);
}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a.btn-zoom,
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a.btn-zoom:hover {
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
}

.filters.btn-toolbar .btn {
  height: 38px;
}

span[itemprop="keywords"] {
  margin-right: 5px;
}

.sp-simpleportfolio .sp-simpleportfolio-description.odel {
  width: 100%;
  margin-bottom: 15px;
}

.sp-simpleportfolio-meta.odel {
  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.odel>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.odel .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
  border-radius: 5px;
}

.sp-simpleportfolio.odel .sp-simpleportfolio-meta h4 {
  font-weight: 400;
}

.sp-simpleportfolio.odel .sp-simpleportfolio-image[class*=' col-'] {
  padding-left: 0;
}

.sp-simpleportfolio.odel .sp-simpleportfolio-columns-3 .sp-simpleportfolio-item {}

.sp-simpleportfolio.odel.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.odel.specialwork .sp-simpleportfolio-item .sp-vertical-middle>div .sp-simpleportfolio-title a {
  font-size: 14px !important;
}

.tns-outer .playButton {
  display: none;
}

.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper {
  border-radius: 0px 0px;
}

.featherlight {
  z-index: 100;
}

.featherlight .featherlight-content,
.featherlight .featherlight-image {
  border-radius: 5px;
}

.featherlight .featherlight-close-icon {
  right: 5px;
  top: 5px;
}

.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-btns a.btn-zoom,
.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-btns a.btn-view {
  border-radius: 5px
}

.sp-simpleportfolio.odel.layout-gallery-nospace img,
.sp-simpleportfolio.odel.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.odel .sp-simpleportfolio-img {}

.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info {
  color: var(--color-primary);
}

.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h4 {}

.sp-simpleportfolio-items .grunge-bg {
  background-color: var(--containerbg-color);
  border-radius: 10px;
}

/**************/
#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;
  padding-top: 1px;
  padding-bottom: 1px;
}

.sidebar-l .odel .vjt1-title h5,
.sidebar-r .odel .vjt1-title h5 {
  margin: 0;
  font-size: 18px
}

.scroller.odel .vscr-image {
  border-radius: 5px;
}

/*
	=======================================
		FOOTER
	=======================================
*/

.t4-footnav {
  z-index: 1;
  position: relative;
  background: url(../images/squire_pipes.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
}

.t4-footnav::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-dark);
  opacity: 0.9;
}

.t4-footnav .container {
  background-color: transparent;
  position: relative;
  z-index: 2
}

.t4-footnav .module-title {
  color: var(--footer-heading-color);
  padding-bottom: 0px;
}

.t4-footnav .t4-module .module-inner {}

.t4-footnav .module-title span {}

.t4-footnav a {
  color: var(--footer-link-color)
}

.t4-footnav a:hover {
  color: var(--footer-link-hover-color) !important
}

.t4-footnav .module-title::before {}

.t4-footnav .module i {
  margin-right: 10px
}

.t4-footnav .module ul.social-icons i {
  margin-right: 0px
}

.t4-footnav ul.social-icons {
  display: flex;
  list-style: none;
  margin-top: 0px;
  padding-left: 0px;
  gap: 0px;
}

.t4-footnav ul.social-icons li a {
  height: 40px;
  width: 40px;
  line-height: 38px;
  text-align: center;
  font-size: 13px;
  margin-right: 10px;
}

.t4-footnav ul.social-icons li a::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  transition: .5s;
  z-index: 2;
}

.t4-footnav ul.social-icons li a:hover::before {
  top: 0
}

.t4-footnav a.footer-contact {
  color: var(--color-black)
}

.t4-footer .t4-module.module {
  background: none;
}

.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 .module-title span.titlespan {
  position: relative;
}

.t4-footnav .module-title span.first-word-odel::after {}

.t4-footnav .jtcs_item_wrapper.jt-cs.odel .jt-title,
.t4-footnav .jtcs_item_wrapper.jt-cs.odel a.jt-title {
  color: var(--footer-link-color);
}

.t4-footnav .jtcs_item_wrapper.jt-cs.odel .jt-title:hover,
.t4-footnav .jtcs_item_wrapper.jt-cs.odel a.jt-title:hover {
  color: var(--color-primary);
}

.t4-footnav .jt-cs.odel .jt-introtext {
  margin: 0px 0;
}

.t4-footnav .jt-cs.odel .slide {
  background: none;
  background-color: transparent;
}

ul.social-icons,
ul.contact_info,
.topbar ul.menu {
  justify-content: flex-start;
}

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 li a {
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  color: var(--color-primary);
  width: 45px;
  height: 45px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  font-size: 18px;
  padding: 0;
}

ul.social-icons li a:hover i {
  transform: rotateY(360deg);
  transition: .8s;
}

ul.social-icons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-left: 0;
  margin: 0;
}

ul.social-icons li {
  list-style: none;
  padding: 0 0px 0 0px;
  line-height: 0
}

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;
  color: #FFF;
  font-size: 16px;
}



.t4-footer .acym_form.odel input.cell {
  background-color: var(--color-white);
  border: 0;
}

.t4-footer .acym-odel {
  display: flex;
  background-color: var(--color-white);
  border-radius: 50px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  border: 1px solid var(--footer-border-color);
  padding-right: 10px
}

.t4-footer .acym_module_form .onefield {
  margin: 0
}

.t4-footer .acym_module_form input.btn {
  border-radius: 50px;
  padding: 10px 10px;
}

.t4-footer .acym_form.odel {
  width: 100%;
}

.t4-footer .acym_form.odel input.cell::placeholder {
  color: var(--body-text-color);
  opacity: 1
}

.t4-footer .acym_form.odel input.cell {
  border-radius: 50px;
  padding: 5px 10px;
  max-width: 100%;
  height: 60px
}

.t4-footer .container {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: transparent;
  font-size: 0.9rem
}

.t4-footer p {
  margin-bottom: 0
}

.t4-footer {
  background-color: var(--color-dark);
  font-size: 1rem;
  border-top: 1px solid var(--footer-border-color);
}

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 .module-title {
  font-weight: 500;
  color: var(--footer-heading-color);
}

.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: 0.9rem;
  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 .nav>li.current>a {
  color: var(--color-primary)
}

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


.t4-footnav .jt-cs.odel .slide {
  border-bottom: 0;
}

.t4-footnav ul.nav.navbar-nav {
  width: 100%;
}

.t4-footnav .dropdown-menu {
  background-color: var(--footer-border-color);
  padding: 1rem
}

.t4-footnav .t4-module .navbar .dropdown-item {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 1.2rem
}

.t4-footnav .t4-module .navbar .nav>li {
  color: var(--footer-link-color);
  transition: all 0.25s;
  display: block;
  width: 100%;
}

.t4-footnav .t4-module .navbar .nav>li a.nav-link {
  padding: 4px 0px 4px 1.3rem
}

.t4-footnav .t4-module .navbar .nav>li a::before {
  content: "\f105";
  display: inline-block;
  font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', FontAwesome;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  left: 2px;
  font-size: 15px;
}

.t4-footnav .t4-module .navbar .nav>li a.nav-link:hover {
  color: var(--primary);
  letter-spacing: 1px;
}

.t4-footnav .t4-module .nav>li.active>a,
.t4-footnav .t4-card .nav>li.active>a,
.t4-footnav .moduletable .nav>li.active>a,
.t4-footnav .module_menu .nav>li.active>a {
  font-weight: normal;
}

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


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

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

#t4-footnav .module-title span {
  background-color: transparent;
}

.about-image i {
  margin-right: 7px
}

.t4-footer .t4-module .navbar .dropdown-menu {
  --t4-dropdown-bg: var(--footer-bg-color);
  --t4-dropdown-border-width: 0;
  --t4-dropdown-link-hover-bg: none;
  --t4-dropdown-link-active-bg: none;
  --t4-dropdown-font-size: var(--t4-nav-link-font-size);
  min-width: fit-content;
}

.dropdown-menu {
  border-radius: 0px;
  border: 0;
}

.rotator-odel {
  width: 729px;
  margin-bottom: 0 !important;
}

.t4-header p {
  margin: 0;
}

.footerblock-l::after {
  background-color: var(--footer-border-color);
}

.suprafooter-wrap {}

.acym_module.odel .acym_form input.cell::placeholder,
.acym_module.odel .acym_form input.cell {
  color: var(--footer-border-color);
}

.social-icons li a:hover i {
  transition: all 0.2s linear 0s;
}

.social-icons li a::before {
  background-color: var(--color-primary)
}

.t4-footnav .t4-module .module-title span {
  font-weight: var(--heading-font-weight);
}

.t4-footer.copyright .nav>li>span,
.t4-footer.copyright .nav>li a {
  color: var(--footer-link-color)
}

.t4-footer.copyright .nav>li>a:hover,
.t4-footer.copyright .nav>li.active a {
  color: var(--footer-link-color)
}

.t4-footer .nav>li>.separator {
  color: var(--footer-link-color);
  cursor: pointer;
}

.t4-footer .nav>li>.separator:hover {
  color: var(--footer-link-hover-color);
}

.secondary-bg h1,
.secondary-bg .h1,
.secondary-bg h2,
.secondary-bg .h2,
.secondary-bg h3,
.secondary-bg .h3,
.secondary-bg h4,
.secondary-bg .h4,
.secondary-bg h5,
.secondary-bg .h5,
.secondary-bg h6,
.secondary-bg .h6,
.secondary-bg h1 a,
.secondary-bg .h1 a,
.secondary-bg h2 a,
.secondary-bg .h2 a,
.secondary-bg h3 a,
.secondary-bg .h3 a,
.secondary-bg h4 a,
.secondary-bg .h4 a,
.secondary-bg h5 a,
.secondary-bg .h5 a,
.secondary-bg h6 a,
.secondary-bg .h6 a {
  color: var(--color-white);
}

.secondary-bg .container-bg h1,
.secondary-bg .container-bg .h1,
.secondary-bg .container-bg h2,
.secondary-bg .container-bg .h2,
.secondary-bg .container-bg h3,
.secondary-bg .container-bg .h3,
.secondary-bg .container-bg h4,
.secondary-bg .container-bg .h4,
.secondary-bg .container-bg h5,
.secondary-bg .container-bg .h5,
.secondary-bg .container-bg h6,
.secondary-bg .container-bg .h6,
.secondary-bg .container-bg h1 a,
.secondary-bg .container-bg .h1 a,
.secondary-bg .container-bg h2 a,
.secondary-bg .container-bg .h2 a,
.secondary-bg .container-bg h3 a,
.secondary-bg .container-bg .h3 a,
.secondary-bg .container-bg h4 a,
.secondary-bg .container-bg .h4 a,
.secondary-bg .container-bg h5 a,
.secondary-bg .container-bg .h5 a,
.secondary-bg .container-bg h6 a,
.secondary-bg .container-bg .h6 a {
  color: var(--heading-color);
}

h4.footer-logo::before {
  background: var(--color-primary);
}

.t4-footerblock .module-title span::after {
  background: var(--color-primary);
}

.t4-footer .as-social a {
  color: var(--footer-text-color);
  border: 1px solid var(--color-primary);
  background-color: var(--color-primary);
}

.t4-footer .as-social a:hover {
  border: 1px solid var(--color-primary);
  background-color: var(--color-primary-dark);
  color: var(--color-white);
}

.as-social a {
  background-color: var(--color-white);
  color: var(--color-primary);
}

.t4-footer ul.nav li:hover::before {
  color: var(--color-primary);
}

.info-box_icon {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.t4-footerblock .module-title,
.t4-footerblock h1,
.t4-footerblock h2,
.t4-footerblock h3,
.t4-footerblock h4,
.t4-footerblock h5,
.t4-footerblock h6 {
  color: var(--color-white);
}

.t4-footer .dropdown-menu {
  background-color: var(--footer-bg-color);
}

.t4-footer .module-title {
  font-size: var(--h2-font-size);
}

#t4-footnav .jt-cs.odel .jt-author-date,
#t4-footnav .jt-cs.odel .jt-author-date a {
  color: var(--color-white)
}

.t4-copyright {
  background-color: var(--color-dark);
}

.t4-copyright .container {
  background-color: transparent;
}

.t4-copyright ul li a:link,
.t4-copyright ul li a:visited,
.t4-copyright {
  color: var(--color-white);
}

.t4-copyright ul li a:hover,
.t4-copyright ul li.active a {
  color: var(--color-primary);
}

.t4-copyright ul li {}

#odel-flickr img {
  width: 89px;
  height: 79px;
}

#fancybox-wrap {
  width: auto !important;
}

.footer-right .gallery-flickr.odel ul li a {
  float: left;
  margin: 0 5px 10px 5px;
  padding: 0;
  background: none;
  border: 0;
}

.gallery-flickr.odel ul {
  margin: 0;
  padding: 10px 0 0 0px;
}

.t4-footnav .border-bottom {
  border-bottom: var(--t4-border-width) var(--t4-border-style) var(--footer-border-color) !important;
}

/***************NEWSLETTER***********/
.acym_module_form {
  width: 86%
}

.t4-footerblock .acym_introtext {
  float: left;
}

.acym_module.odel table.acym_form {
  margin-top: 15px;
  margin-bottom: 15px;
  float: right;
}

.acym_module.odel table.acym_form td.onefield {
  margin-bottom: 15px;
  padding-right: 10px;
}

.acym_module.odel .acym_form input.cell {
  text-indent: 10px;
  cursor: text;
  max-width: 100%;
}

.acym_module.odel .acym_form input.cell::placeholder {
  content: "Enter Email Address"
}

.acym_module.odel .acym_form label span {
  margin-right: 15px
}

.acym_module.odel table.acym_form td {
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 15px
}

.footnav-wrap {}

.t4-footnav .acym_module_form input.cell {
  background: #fff;
  cursor: text;
  text-indent: 5px;
  border: 0;
  padding: 4px 10px;
  max-width: 95%;
  margin: 10px 0px 10px 0;
  color: var(--color-secondary);
}

.acym_module_form input.btn {
  border-radius: 5px;
  padding: 4px 10px;
  line-height: inherit;
}

.acym_module_form input.btn:hover {
  background-color: var(--color-primary)
}

table.acym_form.odel {
  margin-top: 20px;
  width: 100%;
  margin-bottom: 15px;
}

.acym_form.odel input.cell::placeholder {
  color: var(--color-secondary-light);
  opacity: 1
}

.odel td.acysubbuttons {
  padding-left: 0;
  min-width: 110px;
}

.acym_module_form .onefield {
  margin: 0;
}

.footnav-4 .t4-module:first-child {
  margin-bottom: 1rem;
}

.acym-odel {
  align-items: end;
}

.acym_form.odel {
  flex: 3
}

.acym-odel .acysubbuttons {
  flex: 1
}

.acym_introtext {
  margin-bottom: 1rem
}

table.acym_form.odel {
  border-radius: 8px;
}

.acym_module_form input.cell {
  border-radius: 5px;
  max-width: 100%;
  border: 0;
  background: rgba(0, 0, 0, 0.1);
  text-indent: 5px;
}

@media only screen and (min-width:767px) {
  .acym_module.odel .acym_form input.cell {
    min-width: 310px;
  }
}

.suprafooter-wrap {
  padding-bottom: 20px
}

.t4-suprafooter {
  background-color: var(--footer-bg-color);
  border-top: 10px solid var(--border-color);
}

.t4-suprafooter .container {
  background-color: transparent;
  border-bottom: 1px solid var(--footer-border-color);
  padding-bottom: 10px
}

.t4-suprafooter .acym_introtext {
  float: left;
  width: 58%;
}

.t4-suprafooter .acym_form.odel {
  float: left;
  width: 42%;
  background: var(--containerbg-color);
  margin: 0;
}

.t4-suprafooter table.acym_form.odel td {
  padding: 10px
}

.t4-suprafooter .acym_introtext h1 {
  margin-top: 0
}

.t4-suprafooter .acym_module_form input.btn {
  margin-left: 10px;
  padding: 10px 0px !important;
  font-size: 0.9rem;
  font-weight: bold;
}

/**********************/
#t4-breadcrumbs {
  background-image: url(../images/breadcrumbs-bg.jpg);
  background-position: top center;
  background-size: cover;
  position: relative;
  background-repeat: no-repeat;
  min-height: 300px;
  padding-top: 150px;
  margin-top: -155px
}

#t4-breadcrumbs .container {
  background-color: transparent;
}

.t4-section.t4-breadcrumbs {
  border-top: 0;
}

.breadcrumbs-wrap-odel {
  min-height: 300px;
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.breadcrumbs-wrap-odel h1 {
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
}

.breadcrumbs-wrap-odel .breadcrumb-item.active {
  color: #FFFFFF
}

#t4-breadcrumbs::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0.9
}

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

.breadcrumbs-wrap-odel .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  display: inline-block;
  color: #fff;
}

.breadcrumbs-wrap-odel h1.breadcrumb-item {
  font-weight: 400;
  line-height: 1.18;
  margin: -0.2em 0 -0.22em 0;
}

ol.mod-breadcrumbs.odel.breadcrumb.py-2 {
  padding-left: 0 !important;
  padding-top: 0.8rem !important;
}

#t4-breadcrumbs h3 {
  margin: 0
}

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

/*

	=======================================
		COUNTERS
	=======================================
*/

.counters {
  width: 100%;
  padding: 0px;
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  padding: 0px 0;
  position: relative;
}

.counters::after {}

.counters .counter-style i {
  font-size: 45px;
  display: block;
  margin-bottom: 0px;
  transition: all 0.2s linear 0s;
  transition: all 0.7s linear 0s;
  color: var(--color-primary);
}

.counter-style:hover i {
  transform: translateY(-10px);
  transition: all 0.7s linear 0s;
}

.counters h4 {
  margin: 10px 0px 0 0;
  font-size: 30px
}

.counter-style {
  display: flex;
  /*gap: 15px;*/
  flex-direction: column;
  padding: 10px 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: 44px;
  line-height: 1;
  font-family: var(--heading-font-family);
  font-weight: bold;
}

.counter-timer {
  text-align: left;
}

.counter-style::after {
  display: none;
}

.counter-style:hover::after {}

.counter-style:hover i {
  transform: translateY(-10px);
  transition: all 0.7s linear 0s;
}

.counter-style:hover h3,
.counter-style:hover h4,
.counter-style:hover h5,
.counter-style:hover h6 {
  transition: all 0.2s linear 0s;
}

.counter-style::after {
  background-color: var(--color-primary);
}

#t4-coloredmodule .counters .timer,
#t4-coloredmodule-2 .counters .timer,
#t4-coloredmodule .counters,
#t4-coloredmodule-2 .counters,
#t4-coloredmodule .counters h4,
#t4-coloredmodule-2 .counters h4 {
  color: rgba(255, 255, 255, 0.90);
}

#t4-coloredmodule .counter-style:hover i,
#t4-coloredmodule .counter-style:hover,
#t4-coloredmodule-2 .counter-style:hover i,
#t4-coloredmodule-2 .counter-style:hover {
  color: #fff;
}

/*
	=========================================
	PRICING TABLE -  CUSTOM MODULE
	=========================================
*/
.pricing-table-1.row {
  margin-left: 100px;
  margin-right: 100px;
  padding-top: 50px;
}

.pricing-table-1 .plan {
  padding: 50px;
  border-radius: 5px;
  transition: all 0.3s linear 0s;
}

.pricing-table-1 .plan:hover {
  transform: translateY(-10px);
  transition: all 0.3s linear 0s;
}

.text-white {
  color: #FFF;
}

.pricing-table-1 .plan-title {
  color: #fff;
  position: relative;
  margin: 0;
  font-size: 24px;
  line-height: 26px;
}

.pricing-table-1 .plan-price {
  font-weight: 500;
  font-size: 60px;
  margin: 10px 0;
  display: inline-block;
  text-align: center
}

.pricing-table-1 .plan-features li {
  padding: 15px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.pricing-table-1 .plan-features {
  list-style: outside none none;
  padding: 0 0 20px;
  margin: 0;
  list-style: outside none none;
  font-size: 14px;
}

.pricing-table-1 a.btn {
  border-radius: 4px;
}

.pricing-table-1 .plan-features i {
  margin-right: 8px;
  color: rgba(255, 255, 255, 0.5);
}

.pricing-table-1 .featured {
  padding-bottom: 40px;
}

.pricing-table-1 .plan-select {
  padding: 20px;
  text-align: center;
}

.pricing-table-1 .bg-secondary {
  margin-top: -50px;
}

.pricing-table-1 .plan.bg-white {
  color: var(--body-text-color) !important
}

.pricing-table-1 .plan.bg-white .plan-title {
  color: var(--heading-color) !important;
  font-size: 24px;
}

/*
	=========================================
		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,
.glow-wrap: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: 7px;
  padding-right: 2px;
  margin-top: -5px;
  margin-bottom: 26px;
  border-radius: 0px;
  background-color: var(--color-tertiary)
}

.ui-progress1 {
  position: relative;
  display: block;
  overflow: visible !important;
  height: 7px;
  border-radius: 0px;
}

.ui-progress1 span.ui-label {
  bottom: 7px;
  height: 24px;
  font-weight: 300;
  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;
}

.ui-progress1 span.ui-label {
  background-color: transparent;
}

.ui-progress1 {
  background-color: var(--color-primary);
}

.ui-progress1 span.ui-label {}

.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 {
  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.1;
  margin-top: 0
}

.sidebar-r .jt-cs h1,
.sidebar-r .jt-cs h2,
.sidebar-r .jt-cs h3,
.sidebar-r .jt-cs h4,
.sidebar-r .jt-cs h5,
.sidebar-r .jt-cs h6,
.sidebar-l .jt-cs h1,
.sidebar-l .jt-cs h2,
.sidebar-l .jt-cs h3,
.sidebar-l .jt-cs h4,
.sidebar-l.jt-cs h5,
.sidebar-l .jt-cs h6 {
  margin-top: 0;
  margin-bottom: 0
}

/*LEFT THICKBORDER*/
.thickborder {
  position: relative;
  padding-left: 30px
}

.thickborder::before {
  position: absolute;
  top: 0;
  left: 0px;
  width: 13px;
  height: 100%;
  content: "";
  background-color: var(--color-primary);
  display: block !important;
}

/***********JT CONTENT SLIDER SIDEBAR**************/
.jt-cs.odel.sidebar h6,
.jt-cs.odel.sidebar h6 a {
  font-size: 1rem
}

.jt-cs.odel.sidebar .jt-imagecover {
  overflow: hidden;
}

.jt-cs.odel.sidebar .jt-introtext,
.jt-cs.odel.sidebar .jt-author-date,
.jt-cs.odel.sidebar h6,
.jt-cs.odel.sidebar h6 a {
  margin: 0px 0;
}

.jt-cs.odel.sidebar .owl-carousel .owl-nav .owl-next,
.jt-cs.odel.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.odel.sidebar .owl-nav .fa,
.jt-cs.odel.sidebar .owl-nav .far,
.jt-cs.odel.sidebar .owl-nav .fas {
  font-size: 12px;
  transition: all 0.3s linear 0s;
}

.jt-cs.odel.sidebar .owl-carousel .owl-nav .owl-next {
  right: 0px;
  left: auto;
}

.jt-cs.odel.sidebar .owl-carousel .owl-nav .owl-prev {
  right: 28px;
  left: auto;
}

.jt-cs.odel.sidebar .owl-carousel .owl-nav {
  position: absolute;
  transition: all 0.3s linear 0s;
  transform: translateY(-22px);
}

.jt-cs.odel.sidebar a.jt-readmore,
.jt-cs.odel.sidebar p.jt-readmore {
  float: left;
  margin: 0
}

.sidebar-l {
  padding-top: 30px;

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a,
  .jt-cs.odel a.jt-title,
  .jt-cs.odel .jt-title,
  .jtcs_item_wrapper.jt-cs.odel .jt-title,
  .jtcs_item_wrapper.jt-cs.odel a.jt-title {
    margin: 0;
    line-height: 1;
  }

  .module-title {
    position: relative;
    margin-bottom: 15px;
    text-transform: none;
    font-size: 32px
  }

  .module-title::after {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background-color: rgba(0, 0, 0, 0.2);
  }

  .jt-cs.odel .owl-carousel .owl-nav button.owl-next,
  .jt-cs.odel .owl-carousel .owl-nav button.owl-prev,
  .jt-carousel-yendif-outer.odel .tns-controls [data-controls="prev"],
  .jt-carousel-yendif-outer.odel .tns-controls [data-controls="next"] {
    color: var(--color-primary);
  }

  .module-title.ribbon::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0%;
    top: 0;
    background: var(--color-tertiary);
    background: linear-gradient(45deg, var(--color-tertiary) 23%, var(--color-tertiary-light) 47%, var(--color-tertiary) 100%);
  }

  .odel .card {}

  .icrounded_eventlist.odel .ic-day {
    font-size: 18px;
  }

  .odel .ic-date-div {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.sidebar-r {
  padding-top: 30px;

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a,
  .jt-cs.odel a.jt-title,
  .jt-cs.odel .jt-title,
  .jtcs_item_wrapper.jt-cs.odel .jt-title,
  .jtcs_item_wrapper.jt-cs.odel a.jt-title {
    margin: 0;
    line-height: 1;
  }

  .module-title {
    position: relative;
    margin-bottom: 15px;
    text-transform: none;
    font-size: 32px
  }

  .module-title::after {}

  .jt-cs.odel .owl-carousel .owl-nav button.owl-next,
  .jt-cs.odel .owl-carousel .owl-nav button.owl-prev,
  .jt-carousel-yendif-outer.odel .tns-controls [data-controls="prev"],
  .jt-carousel-yendif-outer.odel .tns-controls [data-controls="next"] {
    color: var(--color-primary);
  }

  .module-title.ribbon::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0%;
    top: 0;
    background: var(--color-tertiary);
    background: linear-gradient(45deg, var(--color-tertiary) 23%, var(--color-tertiary-light) 47%, var(--color-tertiary) 100%);
  }

  .odel .card {}

  .icrounded_eventlist.odel .ic-day {
    font-size: 18px;
  }

  .odel .ic-date-div {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

/*************************/
.scroller-odel h4 {
  margin: 0;
  line-height: 1;
}


/*========================== Color Preset =========================*/
.layoutstyle-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
  justify-content: flex-start;
}

.odel .imagebg.ui-slideouttab-handle {
  height: 34px !important;
  z-index: 999
}

.presetArea {
  z-index: 9999;
  background: #FFF;
  border: 0;
  border-left: 0;
  border-right: 0;
}

.presetArea h3 {
  background: #FFF;
  margin-top: 0;
}

.odel .ui-slideouttab-handle i {
  font-size: 28px;
  background-color: transparent;
  animation: spin 10s linear infinite;
}

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

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

.odel .ui-slideouttab-handle i {
  font-size: 28px;
  background-color: transparent;
  animation: spin 10s linear infinite;
  color: #fff;
}

.accentColor a.color1 {
  background: #020d26;
}

.accentColor a.color1::after {
  border-left-color: #ff5e14;
}

.accentColor a.color2 {
  background: #020618;
}

.accentColor a.color2::after {
  border-left-color: #fb0b3f;
}

.accentColor a.color3 {
  background: #0e1e36
}

.accentColor a.color3::after {
  border-left-color: #ef0548;
}

.accentColor a.color4 {
  background: #223a66
}

.accentColor a.color4::after {
  border-left-color: #e12454;
}

.accentColor a.color5 {
  background: #607d8b;
}

.accentColor a.color5::after {
  border-left-color: #4caf50;
}

.accentColor a.color6 {
  background: #38332d;
}

.accentColor a.color6::after {
  border-left-color: #f06023;
}

.accentColor a.color7 {
  background: #222222;
}

.accentColor a.color7::after {
  border-left-color: #3498db;
}

.accentColor a.color8 {
  background: #0b2c3d;
}

.accentColor a.color8::after {
  border-left-color: #fe346e;
}

.accentColor a.color9 {
  background: #333333;
}

.accentColor a.color9::after {
  border-left-color: #ff0000;
}

.accentColor a.color10 {
  background: #854f21;
}

.accentColor a.color10::after {
  border-left-color: #c19977;
}

.accentColor a.color11 {
  background: #854f21;
}

.accentColor a.color11::after {
  border-left-color: #c19977;
}

.accentColor a.color12 {
  background: #ffdab9;
}

.accentColor a.color12::after {
  border-left-color: #008080;
}

.accentColor a.color13 {
  background: #19232C;
}

.accentColor a.color13::after {
  border-left-color: #E4D804;
}

.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.dark-1 {
  background: #171d23;
}

.accentColor a.dark-1:after {
  border-bottom: 0 solid transparent;
  border-left: 41px solid #f24d34;
  border-top: 40px solid transparent;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}

.colorChem a.dark-2 {
  background: #1f2024;
}

.accentColor a.dark-2:after {
  border-bottom: 0 solid transparent;
  border-left: 41px solid #ec2223;
  border-top: 40px solid transparent;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}

.colorChem a.dark-3 {
  background: #031626;
}

.accentColor a.dark-3:after {
  border-bottom: 0 solid transparent;
  border-left: 41px solid #3f6e9a;
  border-top: 40px solid transparent;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}

.colorChem a.dark-4 {
  background: #020618;
}

.accentColor a.dark-4:after {
  border-bottom: 0 solid transparent;
  border-left: 41px solid #fb0b3f;
  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;
  height: 40px;
  line-height: 8px;
  text-align: center;
  text-indent: 10px;
  letter-spacing: 0.7px;
  width: 100%;
  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: 10px;
  color: #171e36;
  text-align: left;
  padding-left: 37px;
  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,
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-odel .ui-slideouttab-handle {
  padding-left: 15px;
  padding-right: 15px;
}

.jPanel.odel .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 {
  max-height: inherit
}

.t4-offcanvas .t4-off-canvas-body .t4-module {
  width: 100%;
}

.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .dropdown-menu {
  background-color: transparent;
}

/*
	==================================================
		ARTICLE DETAILS IMAGE TABS
	==================================================
*/
.image-tabs,
#odelTabContent {
  display: flex;
}

#odelTabContent {
  flex-direction: column;
  border: 0
}

#odelTabContent.nav-tabs li {
  width: 107px;
  height: 106px;
  margin-bottom: 24px
}

#odelTabContent.nav-tabs li a {
  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;
  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: 'Font Awesome 6 Free', 'Font Awesome 5 Free', 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 {}

.as-social a {
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  text-align: center;
  margin-right: 5px;
}


.header-shape1 {
  width: 100%;
  max-width: 100%;
  height: 124px;
  position: absolute;
  top: 0;
  left: 0%;
  border-radius: 0px;
  z-index: -1
}


.jt-cs.odel.browsemenu-fastfood .jt-pretext {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
  position: relative;
}

.jt-cs.odel.browsemenu-fastfood .jt-pretext .pretext_title {
  padding-right: 24px;
  position: relative;
  z-index: 1;
}

.jt-cs.odel.browsemenu-fastfood .jt-pretext p.pretext {
  padding-left: 30px;
}

.jt-cs.odel.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.odel.browsemenu-fastfood .jt-pretext h1,
.jt-cs.odel.browsemenu-fastfood .jt-pretext h2,
.jt-cs.odel.browsemenu-fastfood .jt-pretext h3,
.jt-cs.odel.browsemenu-fastfood .jt-pretext h4,
.jt-cs.odel.browsemenu-fastfood.jt-pretext h5,
.jt-cs.odel.browsemenu-fastfood .jt-pretext h6 {
  margin: 0;
}

.jt-cs.browsemenu-fastfood .owl-carousel .owl-nav {
  position: absolute;
  right: 0;
  top: 0;
}

.jt-cs.odel.browsemenu-fastfood .owl-carousel .owl-next,
.jt-cs.odel.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.odel.browsemenu-fastfood .owl-carousel .nav-button.owl-next {
  right: -66px;
}

.jt-cs.odel.browsemenu-fastfood h4 {
  margin: 0;
}

.jt-cs.odel.browsemenu-fastfood h4 a.jt-title {
  font-size: 20px;
  margin: 0;
}

.jt-cs.odel.browsemenu-fastfood .jt-introtext {
  margin: 5px 0;
}

.jt-cs.odel.browsemenu-fastfood .title-intro-wrap {
  position: relative;
  padding: 33px 26px 33px 25px
}

.jt-cs.odel.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);
  overflow: hidden;
}

.jt-cs.odel.browsemenu-fastfood p.jt-readmore {
  margin: 0px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.jt-cs.odel.browsemenu-fastfood p.jt-readmore .fa {
  font-weight: 400;
  color: #fff;
  position: absolute;
  right: 10px;
  bottom: 15px;
  font-size: 16px;
}

.jt-cs.odel.browsemenu-fastfood p.jt-readmore a.btn {
  position: relative;
  width: 72px;
  height: 72px;
  padding: 0;
  overflow: hidden;
}

.jt-cs.odel.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 {}

.t4-middlespot-3 .container {
  background-color: transparent;
}

.t4-middlespot-4 {
  background: url(../images/squire_pipes.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: var(--color-white);
}

.t4-middlespot-4::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0%;
  right: 0;
  z-index: 1;
  opacity: 1;
  height: 100%;
  width: 100%;
  background: var(--color-secondary);
  opacity: 0.8
}

.t4-middlespot-4 .container {
  background-color: transparent;
}

.t4-middlespot-4 {
  color: var(--color-white);

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    color: var(--color-white);
  }
}

.jt-cs.odel.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.odel.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/bottomspot-4-bg.html);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}

.t4-bottomspot-4::before {}

.t4-bottomspot-4 .container {}

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

.tns-inner .carousel-image::before {
  display: none;
}

.t4-baseline {
  padding-left: 1rem;
  padding-right: 1rem;
}

#odel-gallery .carousel-image:hover .hovericons a.icon-url,
#odel-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 #odel-gallery .carousel-image::before {
  display: none;
}

.tns-inner #odel-gallery .hovericons a {
  height: 56px;
  line-height: 56px;
  width: 56px;
}

.tns-inner #odel-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;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}


.board-wrap {
  padding: 40px;
  position: relative;
  z-index: 5;
}

.menu-board {
  padding: 40px;
  margin-bottom: 40px
}

.menu-board_title {
  color: #fff;
  font-size: 30px;
  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;
  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 {}

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

.odel .plain-style #contact-form textarea {
  min-height: 5rem;
}

.odel .contact-miscinfo {
  background: none;
  border: 0;
  padding-left: 0;
}

.odel .contact-miscinfo H3 {
  display: none
}

.contact.odel {
  background: url(../images/contact-bg.png) no-repeat bottom right;
}

.contact.odel legend {
  font-size: 0.8rem;
}


/*
	==================================================
		QUICKFORM MODULE 
	==================================================
*/
.qf3form.quickform_odel {
  background: none;
  color: #fff !important;
  max-width: 450px;
}

.qf3form.quickform_odel input.odel-input,
.qf3form.quickform_odel textarea.odel-input {
  width: 100%;
  border-radius: 0px;
  background: none;
  color: #fff !important;
  box-shadow: none;
  transition: all 0.3s linear 0s;
}

.qf3form.quickform_odel input.odel-input:focus,
.qf3form.quickform_odel textarea.odel-input:focus {
  transition: all 0.3s linear 0s;
  outline: none
}

.qf3form.quickform_odel h4 {
  text-align: center;
  margin-bottom: 20px
}

.qf3form.quickform_odel input.odel-submit {
  border-radius: 0px;
  color: #fff;
  background: #1c1c1c;
  border: 1px solid #0e1217;
  width: 100%;
  transition: all 0.3s linear 0s;
}

.qf3form.quickform_odel input.odel-submit:hover {
  background: #000;
  border: 1px solid #0e1217;
  transition: all 0.3s linear 0s;
}

.qf3form.quickform_odel .qf3 {
  padding: 0 0 0.4em 0;
}

.qf3form.quickform_odel .qfcapt {
  display: none;
}

.qf3form.example2 .odel .qf3txt input,
.qf3form.example2 textarea,
.qf3form.example2 .odel input.btn {
  padding: 15px;
  border: 0;
}

.qf3form.odel .qf3txt input,
.qf3form.odel select,
.qf3form.odel textarea {
  background-color: var(--color-secondary);
  border: 1px solid var(--body-text-color);
  color: var(--color-white) !important;
}

.qf3form.example2 .odel .qf3txt input,
.qf3form.example2 textarea,
.qf3form.example2 select {
  background-color: var(--color-white);
  padding: 10px;
  border: 0;
}

.qf3form.example2 .odel input.btn {
  background-color: var(--color-secondary);
  color: var(--color-white)
}

.contact-us .qf3form.example2 {
  padding: 0px 0px;
  background-color: transparent;
}

.qf3form.example2 {
  background: none;
}

.qf3form.example2 .odel .qf3 {}

.qf3form.example2 textarea {
  min-height: 185px
}

.qf3form.example2 .odel input.btn {
  width: auto;
  margin-top: 15px;
  border-radius: 0.25rem;
  margin-top: 30px
}

.qf3form.example2 .odel input.btn:hover {
  background-color: var(--color-primary)
}

.qf3form.example2 .qfcapt {
  display: none;
}

.qf3form.example2 select {
  padding: 15px;
  border: 0;
  color: var(--body-text-color);
}

.contact-qf3-odel [class*='col-'] {
  /* padding-left:0;padding-right:0*/
}

.qf3form.example2 .odel .qftextarea.req {}

.qf3form.example2.qfmodalform {
  background: var(--color-light) !important;
  padding: 2rem 0.5rem;
  border-radius: 0.25rem !important;
}

.qf3form.example2.qfmodalform .qfclose {
  color: var(--body-text-color);
  font-size: 30px;
  top: 5px;
  right: 0;
}

.contact-right {
  padding-top: 30px
}

.odel .contact-form input,
.odel .contact-form textarea {
  filter: none;
}

input {
  filter: none;
}

input:autofill {
  background: none;
}



/*
	==================================================
		CATEGORIES MODULE - SIDEBAR
	==================================================
*/
ul.mod-articlescategories.categories-module.mod-list.odel li {
  padding: 6px 0;
  list-style: none;
  margin: 0;
  border-bottom: 1px solid var(--border-color);
}

ul.mod-articlescategories.categories-module.mod-list.odel li a {
  padding-left: 25px;
}

ul.mod-articlescategories.categories-module.mod-list.odel li a::before {
  position: absolute;
  left: 0px;
  top: auto;
  content: "\f07c";
  font-family: 'Font Awesome 5 Free';
  font-size: 14px;
  margin-top: 2px;
  color: var(--color-primary)
}

ul.mod-articlescategories.categories-module.mod-list.odel .numitems {
  float: right;
}

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



.row masonary-active {
  flex-wrap: wrap;
}



/*
	==================================================
		DARK THEMES
	==================================================
*/
.theme-dark1 .blog-items,
.theme-dark1 .com-content-article,
.theme-dark1 .com-users-registration,
.theme-dark1 .contact.odel,
.theme-dark1 .sp-simpleportfolio.odel,
.theme-dark2 .blog-items,
.theme-dark2 .com-content-article,
.theme-dark2 .com-users-registration,
.theme-dark2 .contact.odel,
.theme-dark2 .sp-simpleportfolio.odel,
.theme-dark3 .blog-items,
.theme-dark3 .com-content-article,
.theme-dark3 .com-users-registration,
.theme-dark3 .contact.odel,
.theme-dark3 .sp-simpleportfolio.odel,
.theme-dark4 .blog-items,
.theme-dark4 .com-content-article,
.theme-dark4 .com-users-registration,
.theme-dark4 .contact.odel,
.theme-dark4 .sp-simpleportfolio.odel {
  box-shadow: none;
}

.theme-dark1 .t4-megamenu .dropdown-menu li>a,
.theme-dark1 .t4-megamenu .dropdown-menu li>.nav-link,
.theme-dark1 .t4-megamenu .dropdown-menu li .dropdown-item,
.theme-dark1 .t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .nav-item .dropdown-menu .nav-item,
.theme-dark2 .t4-megamenu .dropdown-menu li>a,
.theme-dark2 .t4-megamenu .dropdown-menu li>.nav-link,
.theme-dark2 .t4-megamenu .dropdown-menu li .dropdown-item,
.theme-dark2 .t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .nav-item .dropdown-menu .nav-item,
.theme-dark3 .t4-megamenu .dropdown-menu li>a,
.theme-dark3 .t4-megamenu .dropdown-menu li>.nav-link,
.theme-dark3 .t4-megamenu .dropdown-menu li .dropdown-item,
.theme-dark3 .t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .nav-item .dropdown-menu .nav-item,
.theme-dark4 .t4-megamenu .dropdown-menu li>a,
.theme-dark4 .t4-megamenu .dropdown-menu li>.nav-link,
.theme-dark4 .t4-megamenu .dropdown-menu li .dropdown-item,
.theme-dark4 .t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .nav-item .dropdown-menu .nav-item {
  color: var(--mainnav-link-color);
}

.theme-dark1 .module-title::before,
.theme-dark2 .module-title::before,
.theme-dark3 .module-title::before,
.theme-dark4 .module-title::before {
  color: var(--body-text-color);
}

.theme-dark1 .module-title::after,
.theme-dark2 .module-title::after,
.theme-dark3 .module-title::after,
.theme-dark4 .module-title::after {}

.theme-dark1 .yendif-video-share.videos.odel .card,
.theme-dark2 .yendif-video-share.videos.odel .card,
.theme-dark3 .yendif-video-share.videos.odel .card,
.theme-dark4 .yendif-video-share.videos.odel .card,
.theme-dark1 .yendif-video-share.categories.odel .card,
.theme-dark2 .yendif-video-share.categories.odel .card,
.theme-dark3 .yendif-video-share.categories.odel .card,
.theme-dark4 .yendif-video-share.categories.odel .card {
  background-color: var(--color-secondary-light);
  border-radius: 5px;
}

.theme-dark1 .text-muted,
.theme-dark2 .text-muted,
.theme-dark3 .text-muted,
.theme-dark4 .text-muted {
  color: var(--body-text-color) !important;
}

.theme-dark1 #jtl .odel .content-odel,
.theme-dark1 #jtl .odel .register-odel,
.theme-dark2 #jtl .odel .content-odel,
.theme-dark2 #jtl .odel .register-odel,
.theme-dark3 #jtl .odel .content-odel,
.theme-dark3 #jtl .odel .register-odel,
.theme-dark4 #jtl .odel .content-odel,
.theme-dark4 #jtl .odel .register-odel,
.theme-dark1 input.form-control,
.theme-dark1 textarea.form-control,
.theme-dark1 select,
.theme-dark1 .form-control,
.theme-dark1 .form-select,
.theme-dark1 textarea,
.theme-dark1 input,
.theme-dark2 input.form-control,
.theme-dark2 textarea.form-control,
.theme-dark2 select,
.theme-dark2 .form-control,
.theme-dark2 .form-select,
.theme-dark2 textarea,
.theme-dark2 input,
.theme-dark3 input.form-control,
.theme-dark3 textarea.form-control,
.theme-dark3 select,
.theme-dark3 .form-control,
.theme-dark3 .form-select,
.theme-dark3 textarea,
.theme-dark3 input,
.theme-dark4 input.form-control,
.theme-dark4 textarea.form-control,
.theme-dark4 select,
.theme-dark4 .form-control,
.theme-dark4 .form-select,
.theme-dark4 textarea,
.theme-dark4 input,
.theme-dark1 .content-odel,
.theme-dark2 .content-odel,
.theme-dark3 .content-odel,
.theme-dark4 .content-odel,
.theme-dark1 #jtl .registerlink,
.theme-dark2 #jtl .registerlink,
.theme-dark3 #jtl .registerlink,
.theme-dark3 #jtl .registerlink,
.theme-dark4 #jtl .registerlink,
.theme-dark1 #jtl .odel .register-odel,
.theme-dark2 #jtl .odel .register-odel,
.theme-dark1 #jtl .odel .register-odel {
  background-color: var(--color-secondary-light);
  border: 1px solid var(--border-color)
}

.theme-dark1 .yendif-video-share .title-excerpt-rating,
.theme-dark2 .yendif-video-share .title-excerpt-rating,
.theme-dark3 .yendif-video-share .title-excerpt-rating,
.theme-dark4 .yendif-video-share .title-excerpt-rating {
  background-color: var(--containerbg-color)
}

.theme-dark1 .jt-cs.odel.ourservices .jt-title,
.theme-dark1 .jt-cs.odel.ourservices a.jt-title,
.theme-dark1 .jt-cs.odel.ourservices p.readmore a,
.theme-dark1 .jt-cs.odel.solution p.readmore a,
.theme-dark2 .jt-cs.odel.ourservices .jt-title,
.theme-dark2 .jt-cs.odel.ourservices a.jt-title,
.theme-dark2 .jt-cs.odel.ourservices p.readmore a,
.theme-dark2 .jt-cs.odel.solution p.readmore a,
.theme-dark3 .jt-cs.odel.ourservices .jt-title,
.theme-dark3 .jt-cs.odel.ourservices a.jt-title,
.theme-dark3 .jt-cs.odel.ourservices p.readmore a,
.theme-dark3 .jt-cs.odel.solution p.readmore a,
.theme-dark4 .jt-cs.odel.ourservices .jt-title,
.theme-dark4 .jt-cs.odel.ourservices a.jt-title,
.theme-dark4 .jt-cs.odel.ourservices p.readmore a,
.theme-dark4 .jt-cs.odel.solution p.readmore a {
  color: var(--color-white);
}

.theme-dark1 .bg-white,
.theme-dark1 h4.pricingtable-title,
.theme-dark1 .site-button.white,
.theme-dark2 .bg-white,
.theme-dark2 h4.pricingtable-title,
.theme-dark2 .site-button.white,
.theme-dark3 .bg-white,
.theme-dark3 h4.pricingtable-title,
.theme-dark3 .site-button.white,
.theme-dark4 .bg-white,
.theme-dark4 h4.pricingtable-title,
.theme-dark4 .site-button.white {
  color: var(--color-black)
}

.theme-dark1 .jt-cs.odel.objective .pretext_title,
.theme-dark1 .jt-cs.odel.objective .pretext_title,
.theme-dark2 .jt-cs.odel.objective .pretext_title,
.theme-dark3 .jt-cs.odel.objective .pretext_title,
.theme-dark4 .jt-cs.odel.objective .pretext_title {
  border-right: 1px solid var(--border-color);
}

.theme-dark1 .jt-cs.odel .hover-icons a,
.theme-dark2 .jt-cs.odel .hover-icons a,
.theme-dark3 .jt-cs.odel .hover-icons a,
.theme-dark4 .jt-cs.odel .hover-icons a {
  color: var(--color-primary)
}

.theme-dark1 .jt-cs.odel.ourservices p.jt-readmore a:hover,
.theme-dark1 .jt-cs.odel.solution .slide p.jt-readmore a:hover,
.theme-dark2 .jt-cs.odel.ourservices p.jt-readmore a:hover,
.theme-dark2 .jt-cs.odel.solution .slide p.jt-readmore a:hover,
.theme-dark3 .jt-cs.odel.ourservices p.jt-readmore a:hover,
.theme-dark3 .jt-cs.odel.solution .slide p.jt-readmore a:hover,
.theme-dark4 .jt-cs.odel.ourservices p.jt-readmore a:hover,
.theme-dark4 .jt-cs.odel.solution .slide p.jt-readmore a:hover {
  color: var(--color-primary);
}

/*******************************/
.theme-dark-1 {

  #jtl .registerlink {
    border-top: 1px solid var(--border-color);
  }

  #jtl input {
    border: 1px solid var(--border-color);
    background-color: #fff;
  }

  .cat-intro-title {
    padding: 0px 10px 15px 10px;
  }

  .t4-topbar {
    background: var(--color-dark);
  }

  .odel.team-2 .testimonial_block-data,
  .jt_testimonial-block-slide {
    background-color: var(--color-secondary-light);
  }

  .jt-cs.odel.ourservices .slide {
    background-color: var(--color-secondary-light);
  }

  #preloader {
    background-color: var(--color-secondary);
  }

  .qf3form.example2 .odel .qf3txt input,
  .qf3form.example2 textarea,
  .qf3form.example2 select,
  .t4-footer .acym-odel,
  .t4-footer .acym_form.odel input.cell,
  .t4-offcanvas {
    background-color: var(--color-secondary-light);
  }

  .odel.patient .owl2-item.center .testimonial_block-text,
  .odel.patient .owl2-item.center .testimonial_block-name,
  .odel.patient .owl2-item.center .testimonial_block-email,
  .odel.patient .owl2-item.center .testimonial_block-position,
  .odel.patient .owl2-item.center .testimonial_block-data .jt-social-icons a,
  .odel.patient .owl2-item.center .testimonial_block-website a {
    color: var(--body-textcolor) !important;
  }

  .odel.patient .owl2-stage-outer::after,
  .odel.patient .owl2-stage-outer::before {
    display: none
  }

  .odel.team-2 .testimonial_block-text,
  .odel .jt_testimonial-block-slide .fa-star,
  .jt_testimonial-block-slide .fa-star-half-o,
  .t4-footnav a.footer-contact {
    color: var(--body-text-color)
  }

  .jt-cs.odel.specialty a.jt-title {
    color: var(--heading-color);
  }

  .contact.odel {
    background: none;
  }

  .jt-cs.odel .owl-dots span,
  .odel .owl2-dots .owl2-dot span {
    opacity: 0.5
  }

  .service-item .service-icon,
  .jtcs_item_wrapper.jt-cs.odel.solution .jt-title,
  .odel .testimonial_block-name {
    color: var(--body-text-color);
  }

  .odel.team-2 .jt-social-icons a,
  .odel .owl2-nav .owl2-prev,
  .odel .owl2-nav .owl2-next,
  .jt-cs.odel .owl-carousel .nav-button.owl-prev,
  .jt-cs.odel .owl-carousel .nav-button.owl-next {
    background-color: var(--color-light);
  }

  .t4-coloredmodule::before {
    opacity: 0.85;
  }

  ul.pagination li.page-item,
  ul.pagination li.page-item a,
  ul.pagination li.page-item span {
    background: none;
    background-color: transparent;
    border: 0;
  }

  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info {
    background-color: var(--color-secondary-light);
    border-radius: 0px 0px 5px 5px;
  }

  #t4-header,
  .not-at-top #t4-header.t4-sticky {
    background-color: var(--color-secondary) !important;
  }

  .coloredmodule {
    color: var(--color-white) !important
  }

  .prayer-times.odel ul li {
    color: var(--color-white) !important
  }

  .jt-cs.odel .slide {
    background-color: var(--color-secondary-light)
  }

  .sidebar-r .jt-cs.odel .slide,
  .sidebar-l .jt-cs.odel .slide,
  .t4-subslider-0 .jt-cs.odel .slide {
    background-color: transparent
  }

  .jtcs_item_wrapper.jt-cs.odel .jt-author-date {
    color: var(--body-text-color);
  }

  .jt-cs.odel.activities .slide:hover {
    background-color: var(--color-primary) !important;
  }

  .jtcs_item_wrapper.jt-cs.odel.blog .slide:hover .jt-author-date,
  .jtcs_item_wrapper.jt-cs.odel.blog .slide:hover .jt-title,
  .jtcs_item_wrapper.jt-cs.odel.blog .slide:hover .jt-introtext,
  .odel .yendif-video-share-category {
    color: var(--body-text-color);
  }

  #t4-footnav .jt-cs .slide {
    background: none !important;
  }

  .not-at-top .header-block.t4-sticky {
    background-color: var(--color-secondary);
  }

  .btn.btn-primary {
    color: var(--color-white);
  }

  .mainbody-block {
    background: none;
  }

  .t4-offcanvas {
    background: var(--containerbg-color);
  }

  #chronoform-booking-form .odel .nui.checkbox>label,
  #chronoform-booking-form .inputfields input,
  .t4-footnav .acym_module_form input.cell,
  .acym_form.odel input.cell::placeholder {
    color: var(--color-secondary);
  }

  #chronoform-booking-form .odel .nui.checkbox>label:hover,
  #chronoform-booking-form .odel .nui.checkbox>label:active,
  #chronoform-booking-form .odel .nui.checkbox>label:focus {
    color: var(--color-white);
  }

  .header-r-bottom {
    background-color: var(--color-secondary);
  }

  .yendif-video-share.videos.odel .card,
  .yendif-video-share.category.odel .card,
  .yendif-video-share.mod-yendifvideoshare-videos.odel .card,
  .mod-yendifvideoshare-player.odel .card,
  .yendif-video-share-categories.odel .card {
    background-color: var(--color-secondary-light);
    border-radius: 5px;
  }

  .t4-header-r {
    background-color: var(--color-primary);
  }

  .ic-detail-desc {
    background: var(--containerbg-color);
    color: var(--color-white);
  }

  .header-r-upper,
  .jttabs-wrapper.odel .nav-tabs .nav-link,
  .odel.supporter .jt_testimonial-block-slide,
  .icrounded_eventlist.odel:nth-child(2n+1) .ic-event-div.wrap,
  .icrounded_eventlist.odel .ic-event-div.wrap {
    background-color: var(--color-secondary-light);
  }

  .jttabs-wrapper.odel .nav-tabs .nav-link.active::after {
    border-color: transparent transparent transparent var(--color-secondary-light);
  }

  .odel.team .testimonial_block-data .jt-social-icons a {
    color: var(--color-white);
  }

  .t4-topbar {
    background-color: var(--color-secondary-light);
  }

  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info {
    color: var(--color-white);
  }

  .pagenavigation .pagination a {
    background-color: var(--color-secondary-light);
  }

  .t4-subslider-0 {
    background-color: var(--color-secondary);
  }

  .t4-subslider-0,
  .t4-subslider-0 div,
  .t4-subslider-0 p,
  .jt-cs.odel.featuredproducts .jt-title .first-word-odel {
    color: var(--color-white);
  }
}

/******/
.theme-dark-2 {

  #jtl .registerlink {
    border-top: 1px solid var(--border-color);
  }

  #jtl input {
    border: 1px solid var(--border-color);
    background-color: #fff;
  }

  .cat-intro-title {
    padding: 0px 10px 15px 10px;
  }

  .t4-topbar {
    background: var(--color-dark);
  }

  .odel.team-2 .testimonial_block-data,
  .jt_testimonial-block-slide {
    background-color: var(--color-secondary-light);
  }

  .jt-cs.odel.ourservices .slide {
    background-color: var(--color-secondary-light);
  }

  #preloader {
    background-color: var(--color-secondary);
  }

  .qf3form.example2 .odel .qf3txt input,
  .qf3form.example2 textarea,
  .qf3form.example2 select,
  .t4-footer .acym-odel,
  .t4-footer .acym_form.odel input.cell,
  .t4-offcanvas {
    background-color: var(--color-secondary-light);
  }

  .odel.patient .owl2-item.center .testimonial_block-text,
  .odel.patient .owl2-item.center .testimonial_block-name,
  .odel.patient .owl2-item.center .testimonial_block-email,
  .odel.patient .owl2-item.center .testimonial_block-position,
  .odel.patient .owl2-item.center .testimonial_block-data .jt-social-icons a,
  .odel.patient .owl2-item.center .testimonial_block-website a {
    color: var(--body-textcolor) !important;
  }

  .odel.patient .owl2-stage-outer::after,
  .odel.patient .owl2-stage-outer::before {
    display: none
  }

  .odel.team-2 .testimonial_block-text,
  .odel .jt_testimonial-block-slide .fa-star,
  .jt_testimonial-block-slide .fa-star-half-o,
  .t4-footnav a.footer-contact {
    color: var(--body-text-color)
  }

  .jt-cs.odel.specialty a.jt-title {
    color: var(--heading-color);
  }

  .contact.odel {
    background: none;
  }

  .jt-cs.odel .owl-dots span,
  .odel .owl2-dots .owl2-dot span {
    opacity: 0.5
  }

  .service-item .service-icon,
  .jtcs_item_wrapper.jt-cs.odel.solution .jt-title,
  .odel .testimonial_block-name {
    color: var(--body-text-color);
  }

  .odel.team-2 .jt-social-icons a,
  .odel .owl2-nav .owl2-prev,
  .odel .owl2-nav .owl2-next,
  .jt-cs.odel .owl-carousel .nav-button.owl-prev,
  .jt-cs.odel .owl-carousel .nav-button.owl-next {
    background-color: var(--color-light);
  }

  .t4-coloredmodule::before {
    opacity: 0.85;
  }

  ul.pagination li.page-item,
  ul.pagination li.page-item a,
  ul.pagination li.page-item span {
    background: none;
    background-color: transparent;
    border: 0;
  }

  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info {
    background-color: var(--color-secondary-light);
    border-radius: 0px 0px 5px 5px;
  }

  #t4-header,
  .not-at-top #t4-header.t4-sticky {
    background-color: var(--color-secondary) !important;
  }

  .coloredmodule {
    color: var(--color-white) !important
  }

  .prayer-times.odel ul li {
    color: var(--color-white) !important
  }

  .jt-cs.odel .slide {
    background-color: var(--color-secondary-light)
  }

  .sidebar-r .jt-cs.odel .slide,
  .sidebar-l .jt-cs.odel .slide,
  .t4-subslider-0 .jt-cs.odel .slide {
    background-color: transparent
  }

  .jtcs_item_wrapper.jt-cs.odel .jt-author-date {
    color: var(--body-text-color);
  }

  .jt-cs.odel.activities .slide:hover {
    background-color: var(--color-primary) !important;
  }

  .jtcs_item_wrapper.jt-cs.odel.blog .slide:hover .jt-author-date,
  .jtcs_item_wrapper.jt-cs.odel.blog .slide:hover .jt-title,
  .jtcs_item_wrapper.jt-cs.odel.blog .slide:hover .jt-introtext,
  .odel .yendif-video-share-category {
    color: var(--body-text-color);
  }

  #t4-footnav .jt-cs .slide {
    background: none !important;
  }

  .not-at-top .header-block.t4-sticky {
    background-color: var(--color-secondary);
  }

  .btn.btn-primary {
    color: var(--color-white);
  }

  .mainbody-block {
    background: none;
  }

  .t4-offcanvas {
    background: var(--containerbg-color);
  }

  #chronoform-booking-form .odel .nui.checkbox>label,
  #chronoform-booking-form .inputfields input,
  .t4-footnav .acym_module_form input.cell,
  .acym_form.odel input.cell::placeholder {
    color: var(--color-secondary);
  }

  #chronoform-booking-form .odel .nui.checkbox>label:hover,
  #chronoform-booking-form .odel .nui.checkbox>label:active,
  #chronoform-booking-form .odel .nui.checkbox>label:focus {
    color: var(--color-white);
  }

  .header-r-bottom {
    background-color: var(--color-secondary);
  }

  .yendif-video-share.videos.odel .card,
  .yendif-video-share.category.odel .card,
  .yendif-video-share.mod-yendifvideoshare-videos.odel .card,
  .mod-yendifvideoshare-player.odel .card,
  .yendif-video-share-categories.odel .card {
    background-color: var(--color-secondary-light);
    border-radius: 5px;
  }

  .t4-header-r {
    background-color: var(--color-primary);
  }

  .ic-detail-desc {
    background: var(--containerbg-color);
    color: var(--color-white);
  }

  .header-r-upper,
  .jttabs-wrapper.odel .nav-tabs .nav-link,
  .odel.supporter .jt_testimonial-block-slide,
  .icrounded_eventlist.odel:nth-child(2n+1) .ic-event-div.wrap,
  .icrounded_eventlist.odel .ic-event-div.wrap {
    background-color: var(--color-secondary-light);
  }

  .jttabs-wrapper.odel .nav-tabs .nav-link.active::after {
    border-color: transparent transparent transparent var(--color-secondary-light);
  }

  .odel.team .testimonial_block-data .jt-social-icons a {
    color: var(--color-white);
  }

  .t4-topbar {
    background-color: var(--color-secondary-light);
  }

  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info {
    color: var(--color-white);
  }

  .pagenavigation .pagination a {
    background-color: var(--color-secondary-light);
  }

  .t4-subslider-0 {
    background-color: var(--color-secondary);
  }

  .t4-subslider-0,
  .t4-subslider-0 div,
  .t4-subslider-0 p,
  .jt-cs.odel.featuredproducts .jt-title .first-word-odel {
    color: var(--color-white);
  }
}

/******/
.theme-dark-3 {

  #jtl .registerlink {
    border-top: 1px solid var(--border-color);
  }

  #jtl input {
    border: 1px solid var(--border-color);
    background-color: #fff;
  }

  .cat-intro-title {
    padding: 0px 10px 15px 10px;
  }

  .t4-topbar {
    background: var(--color-dark);
  }

  .odel.team-2 .testimonial_block-data,
  .jt_testimonial-block-slide {
    background-color: var(--color-secondary-light);
  }

  .jt-cs.odel.ourservices .slide {
    background-color: var(--color-secondary-light);
  }

  #preloader {
    background-color: var(--color-secondary);
  }

  .qf3form.example2 .odel .qf3txt input,
  .qf3form.example2 textarea,
  .qf3form.example2 select,
  .t4-footer .acym-odel,
  .t4-footer .acym_form.odel input.cell,
  .t4-offcanvas {
    background-color: var(--color-secondary-light);
  }

  .odel.patient .owl2-item.center .testimonial_block-text,
  .odel.patient .owl2-item.center .testimonial_block-name,
  .odel.patient .owl2-item.center .testimonial_block-email,
  .odel.patient .owl2-item.center .testimonial_block-position,
  .odel.patient .owl2-item.center .testimonial_block-data .jt-social-icons a,
  .odel.patient .owl2-item.center .testimonial_block-website a {
    color: var(--body-textcolor) !important;
  }

  .odel.patient .owl2-stage-outer::after,
  .odel.patient .owl2-stage-outer::before {
    display: none
  }

  .odel.team-2 .testimonial_block-text,
  .odel .jt_testimonial-block-slide .fa-star,
  .jt_testimonial-block-slide .fa-star-half-o,
  .t4-footnav a.footer-contact {
    color: var(--body-text-color)
  }

  .jt-cs.odel.specialty a.jt-title {
    color: var(--heading-color);
  }

  .contact.odel {
    background: none;
  }

  .jt-cs.odel .owl-dots span,
  .odel .owl2-dots .owl2-dot span {
    opacity: 0.5
  }

  .service-item .service-icon,
  .jtcs_item_wrapper.jt-cs.odel.solution .jt-title,
  .odel .testimonial_block-name {
    color: var(--body-text-color);
  }

  .odel.team-2 .jt-social-icons a,
  .odel .owl2-nav .owl2-prev,
  .odel .owl2-nav .owl2-next,
  .jt-cs.odel .owl-carousel .nav-button.owl-prev,
  .jt-cs.odel .owl-carousel .nav-button.owl-next {
    background-color: var(--color-light);
  }

  .t4-coloredmodule::before {
    opacity: 0.85;
  }

  ul.pagination li.page-item,
  ul.pagination li.page-item a,
  ul.pagination li.page-item span {
    background: none;
    background-color: transparent;
    border: 0;
  }

  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info {
    background-color: var(--color-secondary-light);
    border-radius: 0px 0px 5px 5px;
  }

  #t4-header,
  .not-at-top #t4-header.t4-sticky {
    background-color: var(--color-secondary) !important;
  }

  .coloredmodule {
    color: var(--color-white) !important
  }

  .prayer-times.odel ul li {
    color: var(--color-white) !important
  }

  .jt-cs.odel .slide {
    background-color: var(--color-secondary-light)
  }

  .sidebar-r .jt-cs.odel .slide,
  .sidebar-l .jt-cs.odel .slide,
  .t4-subslider-0 .jt-cs.odel .slide {
    background-color: transparent
  }

  .jtcs_item_wrapper.jt-cs.odel .jt-author-date {
    color: var(--body-text-color);
  }

  .jt-cs.odel.activities .slide:hover {
    background-color: var(--color-primary) !important;
  }

  .jtcs_item_wrapper.jt-cs.odel.blog .slide:hover .jt-author-date,
  .jtcs_item_wrapper.jt-cs.odel.blog .slide:hover .jt-title,
  .jtcs_item_wrapper.jt-cs.odel.blog .slide:hover .jt-introtext,
  .odel .yendif-video-share-category {
    color: var(--body-text-color);
  }

  #t4-footnav .jt-cs .slide {
    background: none !important;
  }

  .not-at-top .header-block.t4-sticky {
    background-color: var(--color-secondary);
  }

  .btn.btn-primary {
    color: var(--color-white);
  }

  .mainbody-block {
    background: none;
  }

  .t4-offcanvas {
    background: var(--containerbg-color);
  }

  #chronoform-booking-form .odel .nui.checkbox>label,
  #chronoform-booking-form .inputfields input,
  .t4-footnav .acym_module_form input.cell,
  .acym_form.odel input.cell::placeholder {
    color: var(--color-secondary);
  }

  #chronoform-booking-form .odel .nui.checkbox>label:hover,
  #chronoform-booking-form .odel .nui.checkbox>label:active,
  #chronoform-booking-form .odel .nui.checkbox>label:focus {
    color: var(--color-white);
  }

  .header-r-bottom {
    background-color: var(--color-secondary);
  }

  .yendif-video-share.videos.odel .card,
  .yendif-video-share.category.odel .card,
  .yendif-video-share.mod-yendifvideoshare-videos.odel .card,
  .mod-yendifvideoshare-player.odel .card,
  .yendif-video-share-categories.odel .card {
    background-color: var(--color-secondary-light);
    border-radius: 5px;
  }

  .t4-header-r {
    background-color: var(--color-primary);
  }

  .ic-detail-desc {
    background: var(--containerbg-color);
    color: var(--color-white);
  }

  .header-r-upper,
  .jttabs-wrapper.odel .nav-tabs .nav-link,
  .odel.supporter .jt_testimonial-block-slide,
  .icrounded_eventlist.odel:nth-child(2n+1) .ic-event-div.wrap,
  .icrounded_eventlist.odel .ic-event-div.wrap {
    background-color: var(--color-secondary-light);
  }

  .jttabs-wrapper.odel .nav-tabs .nav-link.active::after {
    border-color: transparent transparent transparent var(--color-secondary-light);
  }

  .odel.team .testimonial_block-data .jt-social-icons a {
    color: var(--color-white);
  }

  .t4-topbar {
    background-color: var(--color-secondary-light);
  }

  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info {
    color: var(--color-white);
  }

  .pagenavigation .pagination a {
    background-color: var(--color-secondary-light);
  }

  .t4-subslider-0 {
    background-color: var(--color-secondary);
  }

  .t4-subslider-0,
  .t4-subslider-0 div,
  .t4-subslider-0 p,
  .jt-cs.odel.featuredproducts .jt-title .first-word-odel {
    color: var(--color-white);
  }
}

/******/
.theme-dark-4 {

  #jtl .registerlink {
    border-top: 1px solid var(--border-color);
  }

  #jtl input {
    border: 1px solid var(--border-color);
    background-color: #fff;
  }

  .cat-intro-title {
    padding: 0px 10px 15px 10px;
  }

  .t4-topbar {
    background: var(--color-dark);
  }

  .odel.team-2 .testimonial_block-data,
  .jt_testimonial-block-slide {
    background-color: var(--color-secondary-light);
  }

  .jt-cs.odel.ourservices .slide {
    background-color: var(--color-secondary-light);
  }

  #preloader {
    background-color: var(--color-secondary);
  }

  .qf3form.example2 .odel .qf3txt input,
  .qf3form.example2 textarea,
  .qf3form.example2 select,
  .t4-footer .acym-odel,
  .t4-footer .acym_form.odel input.cell,
  .t4-offcanvas {
    background-color: var(--color-secondary-light);
  }

  .odel.patient .owl2-item.center .testimonial_block-text,
  .odel.patient .owl2-item.center .testimonial_block-name,
  .odel.patient .owl2-item.center .testimonial_block-email,
  .odel.patient .owl2-item.center .testimonial_block-position,
  .odel.patient .owl2-item.center .testimonial_block-data .jt-social-icons a,
  .odel.patient .owl2-item.center .testimonial_block-website a {
    color: var(--body-textcolor) !important;
  }

  .odel.patient .owl2-stage-outer::after,
  .odel.patient .owl2-stage-outer::before {
    display: none
  }

  .odel.team-2 .testimonial_block-text,
  .odel .jt_testimonial-block-slide .fa-star,
  .jt_testimonial-block-slide .fa-star-half-o,
  .t4-footnav a.footer-contact {
    color: var(--body-text-color)
  }

  .jt-cs.odel.specialty a.jt-title {
    color: var(--heading-color);
  }

  .contact.odel {
    background: none;
  }

  .jt-cs.odel .owl-dots span,
  .odel .owl2-dots .owl2-dot span {
    opacity: 0.5
  }

  .service-item .service-icon,
  .jtcs_item_wrapper.jt-cs.odel.solution .jt-title,
  .odel .testimonial_block-name {
    color: var(--body-text-color);
  }

  .odel.team-2 .jt-social-icons a,
  .odel .owl2-nav .owl2-prev,
  .odel .owl2-nav .owl2-next,
  .jt-cs.odel .owl-carousel .nav-button.owl-prev,
  .jt-cs.odel .owl-carousel .nav-button.owl-next {
    background-color: var(--color-light);
  }

  .t4-coloredmodule::before {
    opacity: 0.85;
  }

  ul.pagination li.page-item,
  ul.pagination li.page-item a,
  ul.pagination li.page-item span {
    background: none;
    background-color: transparent;
    border: 0;
  }

  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info {
    background-color: var(--color-secondary-light);
    border-radius: 0px 0px 5px 5px;
  }

  #t4-header,
  .not-at-top #t4-header.t4-sticky {
    background-color: var(--color-secondary) !important;
  }

  .coloredmodule {
    color: var(--color-white) !important
  }

  .prayer-times.odel ul li {
    color: var(--color-white) !important
  }

  .jt-cs.odel .slide {
    background-color: var(--color-secondary-light)
  }

  .sidebar-r .jt-cs.odel .slide,
  .sidebar-l .jt-cs.odel .slide,
  .t4-subslider-0 .jt-cs.odel .slide {
    background-color: transparent
  }

  .jtcs_item_wrapper.jt-cs.odel .jt-author-date {
    color: var(--body-text-color);
  }

  .jt-cs.odel.activities .slide:hover {
    background-color: var(--color-primary) !important;
  }

  .jtcs_item_wrapper.jt-cs.odel.blog .slide:hover .jt-author-date,
  .jtcs_item_wrapper.jt-cs.odel.blog .slide:hover .jt-title,
  .jtcs_item_wrapper.jt-cs.odel.blog .slide:hover .jt-introtext,
  .odel .yendif-video-share-category {
    color: var(--body-text-color);
  }

  #t4-footnav .jt-cs .slide {
    background: none !important;
  }

  .not-at-top .header-block.t4-sticky {
    background-color: var(--color-secondary);
  }

  .btn.btn-primary {
    color: var(--color-white);
  }

  .mainbody-block {
    background: none;
  }

  .t4-offcanvas {
    background: var(--containerbg-color);
  }

  #chronoform-booking-form .odel .nui.checkbox>label,
  #chronoform-booking-form .inputfields input,
  .t4-footnav .acym_module_form input.cell,
  .acym_form.odel input.cell::placeholder {
    color: var(--color-secondary);
  }

  #chronoform-booking-form .odel .nui.checkbox>label:hover,
  #chronoform-booking-form .odel .nui.checkbox>label:active,
  #chronoform-booking-form .odel .nui.checkbox>label:focus {
    color: var(--color-white);
  }

  .header-r-bottom {
    background-color: var(--color-secondary);
  }

  .yendif-video-share.videos.odel .card,
  .yendif-video-share.category.odel .card,
  .yendif-video-share.mod-yendifvideoshare-videos.odel .card,
  .mod-yendifvideoshare-player.odel .card,
  .yendif-video-share-categories.odel .card {
    background-color: var(--color-secondary-light);
    border-radius: 5px;
  }

  .t4-header-r {
    background-color: var(--color-primary);
  }

  .ic-detail-desc {
    background: var(--containerbg-color);
    color: var(--color-white);
  }

  .header-r-upper,
  .jttabs-wrapper.odel .nav-tabs .nav-link,
  .odel.supporter .jt_testimonial-block-slide,
  .icrounded_eventlist.odel:nth-child(2n+1) .ic-event-div.wrap,
  .icrounded_eventlist.odel .ic-event-div.wrap {
    background-color: var(--color-secondary-light);
  }

  .jttabs-wrapper.odel .nav-tabs .nav-link.active::after {
    border-color: transparent transparent transparent var(--color-secondary-light);
  }

  .odel.team .testimonial_block-data .jt-social-icons a {
    color: var(--color-white);
  }

  .t4-topbar {
    background-color: var(--color-secondary-light);
  }

  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info {
    color: var(--color-white);
  }

  .pagenavigation .pagination a {
    background-color: var(--color-secondary-light);
  }

  .t4-subslider-0 {
    background-color: var(--color-secondary);
  }

  .t4-subslider-0,
  .t4-subslider-0 div,
  .t4-subslider-0 p,
  .jt-cs.odel.featuredproducts .jt-title .first-word-odel {
    color: var(--color-white);
  }
}

/************************************************************************************************************/
.t4-footnav .module-title {
  text-transform: none;
  font-size: 32px
}

.t4-footnav .cat-intro-title,
.sidebar-r .cat-intro-title,
.sidebar-l .cat-intro-title {
  padding: 0;
}

.t4-footnav .t4-module .module-title span {
  border: 0;
  padding-bottom: 15px;
}

.story-timeline,
.story-timeline .row {
  position: relative;
}

.story-timeline .row::after {
  position: absolute;
  content: "\f004";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 30px;
  color: var(--color-secondary);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*
	=======================================
		MENU TABS
	=======================================
*/
.product-wrapper.d-flex {
  gap: 0 90px
}

.product-list-item.d-flex:hover .product-list-image img {
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  transition: all 0.3s linear 0s;
}

.product-list-item.d-flex:hover .product-item-title h4 {
  color: var(--color-primary);
  transition: all 0.3s linear 0s;
}

.product-list-item.d-flex {
  gap: 10px 30px;
  border-bottom: 1px dashed var(--border-color);
  margin-bottom: 15px;
  padding-bottom: 10px;

  img {
    border-radius: 100%;
    transition: all 0.3s linear 0s;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    margin-bottom: 0;
    transition: all 0.3s linear 0s;
  }

  .product-item-title h4 {
    position: relative;
    background: var(--containerbg-color);
    z-index: 3
  }

  .product-item-title h4::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 50%;
    height: 1px;
    content: "";
    border-bottom: 1px dashed var(--border-color);
    z-index: 1;
  }

  .product-item-price {
    color: var(--color-primary);
    font-weight: 500
  }

  figure {
    margin: 0 0 0rem;
    border-radius: 100%;
    border: 3px solid rgba(0, 0, 0, 0.20);
    overflow: hidden;
  }
}

.odel .tab-content .product-left-image img {
  border-radius: 10px;
}

.jttabs-wrapper.odel .tabscontainer {
  display: flex;
}

.jttabs-wrapper.odel .left-col-tab {
  flex: 2;
  padding-right: 20px
}

.jttabs-wrapper.odel .tab-content {
  padding-top: 60px;
  border: 0;
  overflow: hidden;
}

.jttabs-wrapper.odel ul#JtTabContent {
  display: flex;
  flex-direction: column;
  border: 0;
}

.jttabs-wrapper.odel .jt-pretext {
  text-align: center;
}

.jttabs-wrapper.odel .nav-tabs {
  justify-content: center;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 30px
}

.jttabs-wrapper.odel .nav-tabs li {
  margin-right: 30px
}

.jttabs-wrapper.odel .nav-tabs .nav-link {
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  text-align: left;
  background-color: var(--border-color);
  margin-bottom: 20px;
  padding: 12px 19px;
  position: relative;
  transition: all 0.3s linear 0s;
  line-height: 1;
}

.jttabs-wrapper.odel .nav-tabs .nav-link:hover {
  transition: all 0.3s linear 0s;
  color: var(--color-white);
}

.jttabs-wrapper.odel .nav-tabs .nav-link.active {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.jttabs-wrapper.odel .nav-tabs .nav-link.active h5,
.jttabs-wrapper.odel .nav-tabs .nav-link.active h5 a {
  color: var(--color-primary);
}

.jttabs-wrapper.odel .fade:not(.show) {
  transform: translateY(50px);
  transition: all 0.3s linear 0s;
}

.jttabs-wrapper.odel .fade.show {
  transform: translateY(0%);
  transition: all 0.3s linear 0s;
}

.jttabs-wrapper.odel h2 {
  display: none
}

.jttabs-wrapper.odel .nav-tabs .nav-link::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--color-primary);
  ;
  clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%);
  border-radius: 0px;
  z-index: -1;
  transition: 0.5s;
  border-radius: 5px;
}

.jttabs-wrapper.odel .nav-tabs .nav-link:hover::before {
  clip-path: polygon(25% -70%, 75% -70%, 120% 50%, 75% 170%, 25% 170%, -20% 50%);
}

/*
	=======================================
		LIGHT THEMES
	=======================================
*/
.theme-light-1 {
  .t4-middlespot-4 {
    color: var(--color-white);

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
      color: var(--color-white);
    }
  }

  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h4,
  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h4 a,
  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h3,
  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h3 a {
    color: var(--color-white);
  }

}

.theme-light-2 {
  .t4-middlespot-4 {
    color: var(--color-white);

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
      color: var(--color-white);
    }
  }

  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h4,
  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h4 a,
  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h3,
  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h3 a {
    color: var(--color-white);
  }

}

.theme-light-3 {
  .t4-middlespot-4 {
    color: var(--color-white);

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
      color: var(--color-white);
    }
  }

  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h4,
  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h4 a,
  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h3,
  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h3 a {
    color: var(--color-white);
  }
}

.theme-light-4 {
  .t4-middlespot-4 {
    color: var(--color-white);

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
      color: var(--color-white);
    }
  }

  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h4,
  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h4 a,
  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h3,
  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h3 a {
    color: var(--color-white);
  }
}

#chronoform-rsvp-form {
  border-width: 4px !important;
  border-color: var(--color-secondary) !important;
  border-style: double !important;
  padding: 30px;

  .inputfields input,
  textarea {
    background-color: var(--color-light);
    border: 0;
    border-radius: 0px;
  }

  .inputfields.name,
  .inputfields.phone {
    margin-right: 15px;
  }

  .inputfields {
    margin: 5px 0
  }

  .inputfields label {
    font-weight: 400 !important
  }

  .rsvp-text {
    border-color: var(--color-secondary);
  }

  .attendance {
    justify-content: space-evenly;
  }

  .chronocredits {
    display: none;
  }

  .button-container button {
    background-color: var(--color-primary);
    color: #fff;
    border-radius: 0px;
    padding: 1rem 3rem
  }
}

.theme-brownie,
.theme-newshour,
.theme-onair,
.theme-redsound,
.theme-writer,
.theme-odelo,
.theme-robotic,
.theme-dark2,
.theme-dark3,
.theme-dark4 {

  .sidebar-l a:hover,
  .sidebar-r a:hover {
    color: var(--color-primary) !important;
  }
}

.theme-redsound {
  .acym_module_form input.cell {
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.12);
  }

  .acym_module_form input.cell::placeholder {
    color: var(--footer-text-color);
  }
}

/*MIDDLESPOT-1*/
.middlespot-1-module.row,
#t4-middlespot-3 .container {
  color: var(--body-text-color)
}

.why-chooseus.right h4 {
  border-bottom: 2px solid var(--color-primary);
}

.small-image {
  border: 3px solid var(--color-primary)
}

.card,
body.contentpane .well {
  --t4-card-border-radius: 0;
}

.navbar-toggler {
  background-color: var(--color-secondary);
  color: var(--color-white);
}

.navbar-toggler:hover {
  color: var(--color-white);
  background-color: var(--color-secondary);
  opacity: 0.8
}

body.theme-pizzaburger-dark .navbar-toggler:hover,
body.theme-restaurant-dark .navbar-toggler:hover {
  background-color: var(--color-secondary-light);
}

.feature-box-wrap {
  border-bottom: 1px solid var(--body-text-color);
  margin-bottom: 33px;
}

.preloader {
  background-color: var(--color-secondary);
}

.article-aside {
  border-bottom: 1px solid var(--border-color);
  position: relative;
  margin-bottom: 30px
}

.article-aside::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-color: var(--border-color);
}

.article-aside [class^="icon-"],
.article-aside [class*=" icon-"] {
  color: var(--color-primary);
}

.jt-cs.odel.blog .jtcs-author-date span {
  border-right: 1px solid var(--border-color)
}

.item-page .page-header h2,
.item-page .page-header .h2 {
  font-size: var(--h2-font-size);
}

.tags-outer-odel {
  border-top: 1px solid var(--border-color);
}

ul.tags li a.btn,
.tagspopular ul>li>a,
.tagssimilar ul>li>a {
  border: 1px solid var(--border-color);
  font-family: var(--heading-font-family);
  color: var(--body-text-color);
}

ul.tags li a.btn:hover,
.tagspopular ul>li>a:hover,
.tagssimilar ul>li>a:hover {
  border: 1px solid var(--color-primary);
  font-family: var(--heading-font-family);
  color: var(--color-white);
  background-color: var(--color-primary);
}

div.fastsocialshare_container a {
  color: var(--heading-color);
}

.fastsocialshare-subcontainer {
  border: 1px solid var(--border-color);
}

.tags-label-odel,
div.fastsocialshare-text {
  color: var(--heading-color);
  font-family: var(--heading-font-family);
}

#jtl a,
#jtl.odel a {
  color: var(--body-text-color);
}

#jtl a:hover,
#jtl.odel a:hover {
  color: var(--body-link-hover-color);
}

.header-block #jtl-content-register-odel,
.header-block #jt-login-dropdown-odel,
.menu-wrap {
  background-color: var(--containerbg-color);
}


/******************/
.t4-footnav .container,
.t4-footnav .t4-masthead .t4-masthead-detail,
.t4-masthead .t4-footnav .t4-masthead-detail {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/************************/

.yendif-video-share.odel .yendif-video-share-grid-item:hover .yendif-play-icon::before {
  transform: scale(1);
  box-shadow: 0 0 10px var(--color-primary);
}

.jt-carousel-yendif-outer.odel .yendif-video-share svg.yendif-video-share-svg-icon-play {}

.play-btn-animation.primary::after {
  background-color: var(--color-primary);
}

.jt-carousel-yendif-outer.odel .tns-controls button {}

.jt-carousel-yendif-outer.odel .tns-controls [data-controls="prev"]:hover,
.jt-carousel-yendif-outer.odel .tns-controls [data-controls="next"]:hover {}

.jt-carousel-yendif-outer.odel .playicon {
  fill: var(--color-primary);
}

.yendif-video-share-title h4:hover,
.yendif-video-share-title h4 a:hover {
  color: var(--color-primary);
}

.jt-carousel-yendif-outer.odel .tns-nav button {}

.jt-carousel-yendif-outer.odel .tns-horizontal.tns-subpixel>.tns-item {
  text-align: left
}


#t4-main-top-2 {
  background-color: var(--color-graydark);
}

ol.mod-breadcrumbs.odel.breadcrumb.py-2 {
  font-family: var(--heading-font-family);
}

/*COLOREDMODULE*/
#discount_counter li {
  background-color: var(--color-white);
  font-family: var(--heading-font-family);
  color: var(--heading-color);
}

#discount_counter li span {
  color: var(--body-text-color);
}

.discount_style2 .small-text1,
.discount_style2 .small-text2 {
  color: var(--heading-color);
  font-family: var(--heading-font-family);
}

.discount_style2 .percentage {
  color: var(--color-primary)
}

body.theme-restaurant-dark #discount_counter li,
body.theme-pizzaburger-dark #discount_counter li {
  color: var(--color-secondary);
}

/*BOTTOMSPOT-1*/
.download-btn {
  background-color: var(--color-primary);
  color: var(--color-white);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.bg-theme2 {
  background-color: var(--color-warning);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

.download-btn:hover,
.download-btn.bg-theme2:hover {
  background-color: var(--heading-color);
  color: var(--color-white);
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}

/*BOTTOMSPOT-3*/
.t4-bottomspot-3 {}

#odel-customer h6 {
  color: var(--body-text-color);
}

.t4-footerbase {
  background-color: var(--containerbg-color);
}

.as-product.list-view {
  border: 1px solid var(--color-graydark);
}

.board-list_title::after {
  border-bottom: 2px dashed var(--heading-color);
}

/*PORTFOLIO*/
.sp-simpleportfolio.odel .sp-simpleportfolio-filter>ul>li.active>a,
.sp-simpleportfolio.odel .sp-simpleportfolio-filter>ul>li>a:hover {
  color: var(--color-white);
  background-color: var(--color-primary);
  border-color: var(--color-primary)
}

.sp-simpleportfolio.odel .sp-simpleportfolio-filter>ul>li>a {
  color: var(--color-white);
}

.sp-simpleportfolio.odel .sp-simpleportfolio-meta>div {
  border-bottom: 1px solid var(--border-color);
}

.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h3>a {}

.sp-simpleportfolio.odel .sp-simpleportfolio-item:hover .sp-simpleportfolio-info h3>a {}

.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-btns a.btn-zoom,
.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-btns a.btn-zoom:hover {
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
}

.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-btns a.btn-view,
.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-btns a.btn-view:hover {
  background: var(--color-secondary);
  border: 1px solid var(--color-secondary);
}

.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info:hover h3>a,
.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info:hover {
  color: var(--color-primary);
}

.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-btns a.btn-zoom:hover {
  border: 1px solid var(--color-primary);
}

.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-btns a.btn-view:hover {
  border: 1px solid var(--color-secondary);
}

.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h3,
.sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h3 a {
  font-size: var(--h4-font-size);
  color: var(--heading-color)
}

.sp-simpleportfolio.odel .sp-simpleportfolio-item:hover .sp-simpleportfolio-info {}

.sp-simpleportfolio.odel .sp-simpleportfolio-img {
  border-radius: 5px;
}



blockquote,
.wp-block-quote,
blockquote cite,
.wp-block-quote cite {
  ;
  color: var(--heading-color);
  background-color: var(--color-light);
}

blockquote cite::before,
.wp-block-quote cite::before {
  background-color: var(--color-primary);
}

.contact-info a:hover {
  color: var(--color-primary) !important;
}

.contact-info {
  border-bottom: 1px solid var(--color-light)
}

.t4-bottomspot-4.secondary-bg {
  color: var(--body-text-color);
}


.accordion-card .accordion-button:not(.collapsed) {
  color: var(--color-white);
  background-color: var(--color-primary);
}

.accordion-card .accordion-button::after {
  background-color: var(--color-white);
  color: var(--color-primary);
}

.accordion-card .accordion-body {
  border: 1px solid var(--border-color);
}

.accordion-card .accordion-button {
  color: var(--heading-color);
  font-family: var(--heading-font);
  background-color: var(--border-color);
}

.footerbase .qf3form.odel .qf3txt input,
.footerbase .qf3form.odel select,
.footerbase .qf3form.odel textarea {
  background-color: var(--border-color);
  border: 1px solid var(--border-color);
  color: var(--body-text-color) !important;
}

.footerbase .qf3form.odel.desk {
  background-color: var(--containerbg-color);
  padding: 50px;
  box-shadow: 0px 6px 50px rgba(1, 15, 28, 0.05);
  border-radius: 5px;
}

.tns-inner #odel-gallery .hovericons a:hover {
  color: var(--color-white);
  background-color: var(--color-warning);
}

.tns-inner #odel-gallery .hovericons a {
  color: var(--color-white)
}

#odel-gallery .carousel-desc {
  color: var(--border-color);
}

body.theme-pizzaburger-dark .odel .owl2-dots .owl2-dot span,
body.theme-pizzaburger-dark .odel .owl2-dots .owl2-dot::before,
body.theme-restaurant-dark .odel .owl2-dots .owl2-dot span,
body.theme-restaurant-dark .odel .owl2-dots .owl2-dot::before,
.theme-dark1 .owl-dots span,
.theme-dark1 .owl2-dots .owl2-dot span,
.theme-dark2 .owl-dots span,
.theme-dark2 .owl2-dots .owl2-dot span,
.theme-dark3 .owl-dots span,
.theme-dark3 .owl2-dots .owl2-dot span,
.theme-dark4 .owl-dots span,
.theme-dark4 .owl2-dots .owl2-dot span,
.theme-dark1 .owl2-dots .owl2-dot::before,
.theme-dark2 .owl2-dots .owl2-dot::before,
.theme-dark3 .owl2-dots .owl2-dot::before,
.theme-dark4 .owl2-dots .owl2-dot::before {
  color: var(--color-secondary) !important;
}

.jt-cs.odel .owl-carousel .owl-nav button.owl-next,
.jt-cs.odel .owl-carousel .owl-nav button.owl-prev,
.jt-carousel-yendif-outer.odel .tns-controls [data-controls="prev"],
.jt-carousel-yendif-outer.odel .tns-controls [data-controls="next"] {
  color: var(--color-white);
}

.jt-cs.odel .owl-nav .fa,
.jt-cs.odel .owl-nav .far,
.jt-cs.odel .owl-nav .fas {}

.jt-cs.odel.scroller .owl-nav .fa,
.jt-cs.odel.scroller .owl-nav .far,
.jt-cs.odel.scroller .owl-nav .fas {
  color: var(--color-white);
}

.jt-cs.odel.scroller .owl-carousel .owl-nav button.owl-next,
.jt-cs.odel.scroller .owl-carousel .owl-nav button.owl-prev {
  background-color: var(--border-color);
}

#t4-breadcrumbs::before {}

.categories-module.odel li a {
  color: var(--body-text-color);
}

.container-mid {
  --t4-gutter-x: 1rem;
  --t4-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--t4-gutter-x) * .5);
  padding-left: calc(var(--t4-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
}

.jttabs-wrapper.odel.popularfoods.pizzaburger .nav-tabs .nav-link.active,
.jttabs-wrapper.odel.popularfoods.pizzaburger .nav-tabs .nav-link.active i {
  color: var(--color-white)
}

.vertical-scroller.odel H6 {
  margin: 0
}

.vertical-scroller.odel .show_all {
  margin-top: 15px
}

.logo-mobile {
  display: none
}

.sj-social-media-counts.odel .sc-wrap .twitter-like-button .sc-icon-twitter {
  background: url('../images/twitter.html') no-repeat center center transparent;
}


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

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

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

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

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

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

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

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

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

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

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.t4-bottomspot-1 .container,
.t4-bottomspot-2 .container,
.t4-bottomspot-3-4 .container,
.t4-bottomspot-5 .container,
#t4-subslider-1 .container,
#t4-subslider-2 .container,
.t4-topbar-2 .container,
.t4-debug .container {
  background-color: transparent;
}

/*
	==================================================
		RTL - CSS 
	==================================================
*/
[dir="rtl"] {
  .icrounded_eventlist.odel.timeline .title-desc {
    padding-left: 10px;
    padding-right: 20px;
  }

  .icrounded_eventlist.odel .ic-block {
    margin-left: 0px;
  }

  .icrounded_eventlist.odel.timeline .ic-block.border-start {
    margin-right: 0px;
  }

  .tns-outer {
    direction: ltr !important;
  }

  .t4-suprafooter .acym_introtext,
  .t4-suprafooter .acym_form.odel {
    float: right;
  }

  .t4-megamenu .dropdown-menu li>a::before,
  .t4-megamenu .dropdown-menu li>.separator::before {
    left: auto;
    right: 10px;
  }

  .t4-megamenu .dropdown-menu li>a:hover::before,
  .t4-megamenu .dropdown-menu li>.separator:hover::before {
    padding-right: 10px;
  }

  .t4-navbar .dropdown-item:hover,
  .t4-megamenu .dropdown-menu li>a:hover,
  .t4-megamenu .dropdown-menu li .dropdown-item:hover {
    padding-right: 2.5rem;
    padding-left: 0;
  }

  .t4-megamenu .dropdown-menu-inner .item-caret {
    position: absolute;
    left: 5px;
    right: auto;
  }

  .yendif-video-share-playlist-videos.right {
    top: 0;
    right: auto;
    left: 0;
  }

  .yendif-video-share-playlist-videos.left {
    top: 0;
    right: auto;
    left: auto;
  }

  .sp-simpleportfolio .sp-simpleportfolio-filter>ul {
    display: flex;
  }

  .sp-simpleportfolio.odel .sp-simpleportfolio-image[class*=" col-"] {
    padding-left: 15px;
    padding-right: 0;
  }

  .t4-navbar .dropdown-menu.level1::after {
    animation: left-to-right 1s;
    -moz-animation: left-to-right 1s;
    -webkit-animation: left-to-right 1s;
    -o-animation: left-to-right 1s;
    right: 30px;
    left: auto;
  }

  .topbar-l i {
    margin-right: 0px;
    margin-left: 10px
  }

  .tns-visually-hidden {
    display: none !important;
  }
}


@media (max-width:991.98px) {
  .theme-lightcolor1 .navbar-collapse {
    background-color: var(--color-secondary);
    border: 0;
  }

  .navbar-collapse {
    border: 0 !important;
  }
}

/*
	==================================================
		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-r-wrap {
    display: none !important;
  }

  #QuotaForm.modal {
    margin: 0 auto;
    transform: none;
    width: 100%;
    max-width: 100%;
    left: 0;
  }

  #QuotaForm .modal-dialog {
    max-width: calc(80% - 15px);
    width: auto;
    height: 65vh;
    max-height: 65vh;
    margin: 0 auto
  }

  .modal-content {
    padding: 15px 30px;
  }
}

@media screen and (max-width:1200px) {
  .t4-offcanvas-toggle {
    display: none;
  }

  .t4-bottomspot-1 .container,
  .t4-bottomspot-2 .container,
  .t4-bottomspot-3 .container,
  .t4-bottomspot-5 .container {
    background-color: transparent;
  }

  .mainnav .container-lg {
    padding-left: 0px;
  }

  .jt-cs.odel.mainslider.right .title-intro-cat {
    height: 45%;
    padding: 3px 10px 10px 10px;

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
      font-size: 1rem;
      margin: 0
    }

    .jt-introtext {
      display: none;
    }
  }

  .jtcs_item_wrapper.odel.mainslider .jt-introtext {
    font-size: 1rem;
    line-height: 1;
  }

  .coloredmodule-2 {
    padding-bottom: 15px
  }

  .coloredmodule-2::after {
    height: 100%;
  }

  .topbar-r[class*=" col-"] {
    text-align: left;
  }
}

@media screen and (max-width:990px) {
  .t4-subslider-0 .t4-module:first-child {
    margin-top: 2rem;
  }

  .aboutus-right::before,
  .t4-navbar .dropdown-menu.level1.show::before,
  .t4-navbar .level0 .nav-item:hover span::before,
  .t4-navbar .level0 .nav-item.active span::before,
  .header-r-upper,
  .nav-r,
  .coloredmodule-2::before {
    display: none !important;
  }

  .header-right-wrap2.collapse-static,
  .t4-header-r {
    position: relative;
  }

  .navbar-toggler {
    width: 40px;
    height: 40px;
    padding: 0;
    font-size: 20px;
    border: none;
    display: inline-block;
    margin: 0;
    top: 30px;
    right: 15px;
    z-index: 9;
    position: absolute;
  }

  .nav-breakpoint-lg .t4-megamenu {
    max-height: 65vh;
    background-color: var(--containerbg-color);
  }

  .layout-oldnewspaper .navbar-toggler {
    top: 0px;
    right: 0;
    z-index: 9;
  }

  .not-at-top .logo-mobile {
    display: inline-block;
    padding-top: 15px;
    padding-left: 15px
  }

  .bottom-header {
    height: 35px
  }

  .t4-megamenu.animate.slide .dropdown.show.animating>.dropdown-menu {
    border-radius: 0px;
  }

  .layout-oldnewspaper .logo-image {
    margin-right: 80px
  }

  .layout-oldnewspaper .navbar-toggler {
    transform: translateY(-20px)
  }

  .layout-oldnewspaper.not-at-top .navbar-toggler {
    top: 15px;
    right: 0px;
    transform: translateY(0px)
  }

  body.site-oldnewspaper .t4-megamenu {
    margin-top: 40px
  }

  body.site-oldnewspaper.not-at-top .t4-megamenu {
    margin-top: 0px
  }

  body.site-default .t4-megamenu {}

  body.site-default.not-at-top .t4-megamenu {
    margin-top: 0px
  }

  .t4-header-r {
    display: none;
  }

  .header-block .container-xxl {
    padding-top: 15px;
    padding-bottom: 15px
  }

  .logo-wrap {
    padding-bottom: 10px;
  }

  .header-top {
    min-height: 50px;
    padding-left: 1rem;
    max-height: 50px;
  }

  .header-block.header-block-2 .container-xxl {}

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

  .t4-sticky {}

  .header-block.fastfood #t4-megamenu-mainmenu {
    border-radius: 40px;
  }

  .not-at-top #t4-header .t4-sticky {
    position: fixed !important;
    top: 0 !important;
    width: 100%;
    border-radius: 0px;
    min-height: 70px
  }

  .t4-header .navbar-outer {
    min-height: 55px;
    background-repeat: no-repeat;
    background-position: 60px center
  }

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

  .t4-megamenu {
    background-color: var(--color-white);
    max-height: 70vh;
    border: 0;
    outline: 0;
  }

  .header-block .container-lg {
    padding-left: 0;
    padding-right: 0;
  }

  body.theme-dark1,
  body.theme-dark2,
  body.theme-dark3,
  body.theme-dark4 {
    .t4-megamenu {
      background-color: var(--color-secondary);
    }
  }

  .t4-megamenu ul.nav {
    overflow-x: hidden;
  }

  .t4-slider {
    margin-top: 0px;
  }

  .t4-megamenu .mega-caption {
    bottom: auto;
  }

  .nav-breakpoint-lg .collapse-static {}

  .jt-playlist.odel .playlist-wrap.style1 .jt-playlist-container {
    flex-direction: column;
  }

  .jt-playlist.odel .playlist-wrap.style1 .jt-playlist-left,
  .jt-playlist.odel .playlist-wrap.style1 .jt-playlist-right {
    flex-direction: column;
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }

  .jttabs-wrapper.layout-default.odel ul.nav-tabs {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .breadcrumbs-wrap-odel h1.breadcrumb-item {
    font-size: 18px;
    line-height: 1;
  }

  #t4-megamenu-mainmenu {}

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

  .yendif-col-4 {
    width: 50% !important;
  }

  .t4-nav-height-sm .t4-megamenu .navbar-nav>li>a,
  .t4-nav-height-sm .t4-megamenu .navbar-nav>li>.nav-link {
    border-right: 0;
  }

  .t4-megamenu .navbar-nav>li>a,
  .t4-megamenu .navbar-nav>li>.nav-link {}

  .t4-megamenu .navbar-nav>li.show>a,
  .t4-megamenu .navbar-nav>li.show>.nav-link {
    color: var(--color-primary);
  }

  .t4-megamenu .navbar-nav>li.active.show>a,
  .t4-megamenu .navbar-nav>li.active.show>a.nav-link {}

  .jt-cs.odel.mainslider .jt-imagecover {
    float: none !important;
    margin-bottom: 30px;
    margin-right: 0 !important;
  }

  .not-at-top .t4-sticky .collapse-static {}

  .t4-megamenu .level0 li.nav-item {
    border-bottom: 1px solid var(--border-color);
  }

  .t4-megamenu .dropdown-menu li .dropdown-item,
  .dropdown-menu-inner li.nav-item,
  .t4-megamenu .level1 li.nav-item {
    border-bottom: 0;
  }

  .t4-navbar .dropdown-menu .dropdown-menu-inner,
  .t4-megamenu.animate.slide .dropdown>.dropdown-menu>div {
    border-top: 0;
  }

  .t4-navbar .dropdown-menu.level1::after {
    display: none;
  }

  .t4-megamenu .dropdown-menu-inner::after,
  .t4-megamenu .dropdown-menu-inner::before {
    display: none;
  }

  .t4-megamenu .dropdown-menu-inner {
    border: 0;
    outline: none;
  }

  .mainnav.border-bottom {
    border-bottom: 0 !important;
    min-height: 40px
  }

  .mainnav.border-top {
    border-top: 0 !important;
  }

  .mainnav .navbar-nav li:first-child a.nav-link {
    padding-left: 15px;
  }

  .t4-nav-height-sm .t4-megamenu .navbar-nav>li>a,
  .t4-nav-height-sm .t4-megamenu .navbar-nav>li>.nav-link {
    padding: 10px 15px 10px 15px;
  }

  .prayer-times.odel ul,
  .icrounded_eventlist.odel.timeline .ic-event-div {
    flex-direction: column;
    gap: 30px 0
  }

  .about-odel h1,
  .about-odel .h1 {
    font-size: var(--h4-font-size) !important;
  }

  .border-start {
    border-left: 0 !important;
  }

  .t4-megamenu .navbar-nav>li>a,
  .t4-megamenu .navbar-nav>li>.nav-link {
    min-height: 47px;
  }

  .odel .testimonial_block {
    flex-direction: column !important;
  }

  .theme-light1 .t4-megamenu .navbar-nav>li>a,
  .theme-light1 .t4-megamenu .navbar-nav>li>.nav-link,
  .theme-light1 .t4-megamenu .nav>.dropdown>.nav-link .item-caret,
  .theme-light2 .t4-megamenu .navbar-nav>li>a,
  .theme-light2 .t4-megamenu .navbar-nav>li>.nav-link,
  .theme-light2 .t4-megamenu .nav>.dropdown>.nav-link .item-caret,
  .theme-light3 .t4-megamenu .navbar-nav>li>a,
  .theme-light3 .t4-megamenu .navbar-nav>li>.nav-link,
  .theme-light3 .t4-megamenu .nav>.dropdown>.nav-link .item-caret,
  .theme-light4 .t4-megamenu .navbar-nav>li>a,
  .theme-light4 .t4-megamenu .navbar-nav>li>.nav-link,
  .theme-light4 .t4-megamenu .nav>.dropdown>.nav-link .item-caret {
    color: var(--body-text-color) !important;
  }

  #exampleModal .modal-dialog {
    width: calc(100% - 15px);
    max-width: 100vw;
    height: 65vh;
    max-height: 65vh;
  }

  .modal-content {
    padding: 10px;
  }

  .jt-cs.odel .positioncenter.owl-carousel .owl-nav button.owl-prev {
    left: 0px;
  }

  .jt-cs.odel .positioncenter.owl-carousel .owl-nav button.owl-next {
    right: 0px;
  }

  .t4-header .header-block,
  .upper-header {
    min-height: 90px;
  }

  .not-at-top #t4-header.t4-sticky,
  .top-away #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: 99;
    width: 100%;
    top: 0 !important;
    left: 0;
    padding-bottom: 0;
    padding-top: 0
  }

  .t4-content {
    padding-bottom: 0px;
  }

  .ic-list-odel .ic-title-header h2 {
    font-size: 18px;
  }

  .t4-header,
  .navbar-brand {
    min-height: 90px;
  }

  .header-r-bottom {
    background-color: transparent;
  }

  .t4-sticky .collapse-static {
    width: 100%;
  }

  .jt-pretext {
    flex-direction: column;
  }

  .t4-coloredmodule-2 .t4-module,
  .t4-coloredmodule-2 .moduletable {
    width: 100%;
  }

  #chronoform-booking-form .inputfields.name,
  #chronoform-booking-form .inputfields.phone {
    margin-right: 0rem;
  }

  .jt-cs.odel .jt-pretext {
    text-align: left;
  }

  .odel.supporter {
    flex-direction: column;
  }

  .odel.supporter .jt-pretext,
  .odel.supporter .jt-testimonial-wrap {
    width: 100%;
  }

  .yendif-video-share-title h3,
  .yendif-video-share-title h3 a {
    font-size: 24px
  }

  .logo-image {
    min-width: 250px;
  }

  .t4-nav-height-sm .t4-megamenu .navbar-nav>li>a,
  .t4-nav-height-sm .t4-megamenu .navbar-nav>li>.nav-link {
    height: 50px;
    min-height: 50px;
    line-height: 1;
    width: 100%;
  }

  .jttabs-wrapper.odel .tabscontainer {
    flex-direction: column;
  }

  .coloredmodule-2 {
    padding-bottom: 30px
  }

  .coloredmodule-2::after {
    width: 100%;
    height: 100%;
  }

  .donation-text .text-white.bicolor .first-word-odel {
    color: #FFFFFF
  }

  .jtcs-outer.d-flex {
    flex-direction: column;
    row-gap: 30px
  }

  .product-wrapper.d-flex {
    flex-direction: column;
    gap: 30px 0;
  }

  .topbar-r {
    justify-content: flex-start;
  }

  .top-social.d-flex {
    margin-top: 10px
  }

  .reflections-text {
    margin-bottom: 50px
  }

  .learn-more .btn i {
    padding-left: 10px;
    padding-right: 10px;
  }

  .learn-more .btn i {
    display: none
  }

  .t4-header .container,
  .jttabs-wrapper.odel .tab-content {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
  }

  .nav-align-left .t4-megamenu .navbar-nav>li>a,
  .nav-align-left .t4-megamenu .navbar-nav>li>span {
    margin-right: 0;
  }

  .logo-div {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .t4-navbar .level0 .nav-item span {
    width: 100%;
  }
}

@media screen and (max-width:767px) {
  .t4-topbar .t4-row {}

  .topbar-l {
    font-size: 12px
  }

  .topbar-l[class*=' col-'] {
    padding-left: 0px;
    padding-right: 0
  }

  .t4-topbar-2 .navbar {
    justify-content: flex-start;
  }

  .topbar.odel,
  .odel.owl2-carousel22.nav-bottom-right .owl2-nav,
  .odel.owl2-carousel22.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,
  .t4-bottomspot-1::before,
  .t4-maintop-2::before,
  .t4-maintop-2::after,
  .t4-bottomspot-1::after,
  .t4-bottomspot-1::before,
  .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.odel .radio-name::after,
  .odel .owl2-carousel22.nav-outside-top .owl2-nav,
  .t4-navbar .dropdown-menu.level1.show::before,
  .t4-navbar .level0 .nav-item:hover span::before,
  .t4-navbar .level0 .nav-item.active span::before,
  .header-shape1,
  .odel .owl2-carousel22.nav-bottom-right .owl2-nav,
  .odel .owl2-carousel22.nav-outside-top .owl2-nav,
  .header-r-module,
  .jt-play-button::before,
  .jt-play-button::after,
  .jt-radio-player.odel #jt-controls,
  .reflections-image {
    /*display: none !important;*/
  }

  .reflections-image img {
    border-radius: 30px;
  }
  
  .reflections-image .reflections-image-2 {
    left: 0;
    bottom: 80px;
    position: absolute;
    border: 8px solid var(--color-white);
    border-radius: 100%;
    z-index: 1;
    width: 85px;
    height: 85px;
    overflow: hidden;
  }
  
  .reflections-image .reflections-image-2 img,
  .reflections-image .reflections-image-3 img {
    border-radius: 100%;
  }
  
  .reflections-image .reflections-image-3 {
    right: 0;
    top: 80px;
    position: absolute;
    border: 8px solid var(--color-white);
    border-radius: 100%;
    z-index: 1;
    width: 85px;
    height: 85px;
    overflow: hidden;
  }
  
 



  .header-block .container-lg {
    padding-left: 0;
    padding-right: 0;
  }

  .t4-megamenu .navbar-nav>li>a:hover,
  .t4-megamenu .navbar-nav>li>a:focus,
  .t4-megamenu .navbar-nav>li>a:active,
  .t4-megamenu .navbar-nav>li>.nav-link:hover,
  .t4-megamenu .navbar-nav>li>.nav-link:focus,
  .t4-megamenu.navbar-nav>li>.nav-link:active {
    color: var(--mainnav-link-active-color);
  }

  .header-block .container-xxl {}

  .jt-cs.odel.featuredproducts {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px 0
  }

  .about-img-cover {
    margin-top: 20px
  }

  .coloredmodimg {
    margin-top: 0px;
  }

  #odel-team .testimonial_block {
    justify-content: center;
    display: flex;
  }

  .mod-yendifvideoshare-player-inner.odel .yendifplayer,
  .yendifplayer-description-odel {
    max-width: 100%;
  }

  .owl2-dots,
  .owl2-nav.disabled+.owl2-dots {
    position: relative;
  }

  .jt-cs.odel .owl-carousel .nav-button.owl-prev,
  #odel-team .owl2-nav .owl2-prev {
    left: -15px;
  }

  .jt-cs.odel .owl-carousel .nav-button.owl-next,
  #odel-team .owl2-nav .owl2-next {
    right: -15px;
  }

  .jt-carousel-yendif-outer.odel .tns-nav button,
  .jt-cs.odel .owl-carousel .owl-dot span,
  #odel .owl2-dot,
  .jt-cs.odel .owl-carousel .owl-dot.active span,
  #odel-team .owl2-dots .owl2-dot,
  #odel-team .owl2-dots .owl2-dot.active {}

  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h3,
  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info .h3,
  .sp-simpleportfolio.odel .sp-simpleportfolio-item .sp-simpleportfolio-info h3 a,
  .sp-simpleportfolio.odel .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;
  }

  .t4-header-r>* {
    margin-left: 0;
  }

  .sp-simpleportfolio.odel .sp-simpleportfolio-tags {
    font-size: 0.95rem;
  }

  .jt-cs .jt-author-date {
    font-size: 70%;
  }

  body.layout-boxed .t4-content {
    padding: 0px;
  }

  .sp-simpleportfolio.odel .sp-simpleportfolio-items {
    margin: 0px;
  }

  .counter-style,
  .odel .contentdiv {
    margin-bottom: 30px;
  }

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

  .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.odel .sp-simpleportfolio-filter>ul>li>a {
    margin-bottom: 10px;
    margin-right: 10px;
  }

  .jtcs_item_wrapper h3 a.jt-title,
  .jtcs_item_wrapper .h3 a.jt-title,
  h3.module-title,
  .module-title.h3 {
    font-size: var(--h4-font-size)
  }

  .header-right-wrap2 {
    padding-left: 0.5rem;
  }

  .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.odel {
    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.odel.popularshows .jt-imagecover {
    margin-right: 0 !important;
    margin-bottom: 20px;
    float: none !important
  }

  .jt-cs.odel.popularshows .jt-introtext {
    margin-bottom: 20px;
    display: block;
  }

  .jt-cs.odel.popularshows .jt-author-date {
    width: 100%;
  }

  .jt-cs.odel.popularshows .jt-bottomline {
    flex-wrap: wrap;
    gap: 15px 0px;
  }

  .jt-radio-player.odel .audio-buttons {
    margin-top: 10px;
  }

  .jt-radio-player.odel .radio-name h3 {
    font-size: 14px;
  }

  .t4-copyright .navbar {
    padding-left: 0;
    padding-right: 0;
  }

  .t4-copyright ul {
    justify-content: flex-start;
  }

  .yendif-video-share.videos.odel [class*=" col-"],
  .sp-simpleportfolio .sp-simpleportfolio-item {
    padding-left: 0px;
    padding-right: 0px;
  }

  .yendif-video-share-categories.odel .row>*,
  .mod-yendifvideoshare-videos.odel .row>* {
    padding-left: 0px;
    padding-right: 0px;
  }

  .sp-simpleportfolio.odel {
    padding: 0px;
  }

  h1,
  h2,
  h3,
  .moduletable>h3,
  .moduletable>.h3,
  .registration fieldset legend {}

  .subslider-0-module [class*=' col-'] {
    margin-bottom: 40px
  }

  .why-chooseus.right ul,
  .jt-cs.odel.objective .pretext,
  .request-quota-odel.right ul,
  .about-us-left ul {
    padding-left: 0
  }

  .about-us-right[class*=" col-"] {
    padding-right: 0px;
    padding-left: 0px;
  }

  li.why-chooseus-text,
  .request-quota-odel.right li,
  .middlespot-1-module li,
  .about-us ul li {
    display: flex;
    align-items: center;
  }

  .jt-cs.odel.objective .jt-pretext,
  .odel.testimonial {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .jt-cs.odel.objective .pretext_title {
    border-right: 0;
    padding-right: 0;
  }

  .pricingtable-row .row {
    padding: 20px 20px;
  }

  .sp-simpleportfolio .sp-simpleportfolio-filter>ul {
    padding: 0px
  }

  .header-wrap.border-radius {
    border-radius: 0px;
  }

  .t4-bottomspot-4 .container,
  .t4-subslider-0 .container {}

  .subslider-text {
    border-right: 0;
  }

  .subslider-title {
    font-size: 20px;
  }

  .mainnav .container-lg.collapse-static {
    padding-left: 0;
    padding-right: 0;
  }

  div.content-odel,
  div.register-odel {
    left: 50%;
    transform: translateX(-50%);
  }

  .jt-cs.odel.mainslider .jt-imagecover {
    margin-right: 0px !important;
  }

  .t4-footer .navbar-nav {
    justify-content: flex-start;
    width: 100%;
    gap: 0 10px
  }

  .about-us-image1[class*=" col-"],
  .maintop-1-2-wrap [class*=" col-"] {
    padding-right: 0px;
    padding-left: 0;
  }

  .jt-ic.odel .slide {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .submain-1-2-wrap [class*=' col-'],
  .submain-4-5-wrap [class*=' col-'],
  .bottom-b[class*=' col-'],
  .bottom-c[class*=' col-'] {
    padding-left: 0;
    padding-right: 0;
  }

  .jtic_item_wrapper.jt-ic.odel {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #tns1>.tns-item {
    box-sizing: content-box;
  }

  .t4-topmodule .top-a[class*=" col-"],
  .t4-topmodule .top-b[class*=" col-"] {
    padding-right: 0px;
    padding-left: 0;
    margin-bottom: 10px;
  }

  .contact.odel [class*=' col-'] {
    padding-left: 0px !important;
    padding-right: 0px !important
  }

  .yendif-col {
    width: 100% !important;
  }

  .container-fluid {
    padding-right: calc(var(--t4-gutter-x) * 0.5);
    padding-left: calc(var(--t4-gutter-x) * 0.5);
  }

  .appointment [class*=' col-'] {
    padding-left: 0px;
    padding-right: 0
  }

  .appointment .p-5 {
    padding: 1rem !important;
  }

  .header-wrap {
    padding-left: 0px;
    padding-right: 0;
    flex-direction: column;
  }

  .why-choose-us {
    padding-left: 5px;
    padding-right: 5px
  }

  .why-choose-us .ms-4 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem
  }

  .why-choose-us .col-6 {
    padding-left: 0px;
    padding-right: 0px
  }

  .breadcrumbs-wrap-odel .breadcrumb-item.active {
    font-size: 1rem
  }

  .t4-navhelper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .contact.odel {
    background: none;
  }

  .t4-main-body {
    margin-top: 2rem
  }

  .odel.linksbottom .jt5_headline-pagination {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }

  .mainbody-block .left.item-image img,
  .pull-left.item-image,
  .item-image.pull-left {
    margin-right: 0px;
  }

  .mainnav {
    margin-left: 0px;
    margin-right: 0px;
  }

  .icrounded_eventlist.odel .ic-date-img-box img {
    margin: 0 !important
  }

  .t4-suprafooter .acym_introtext,
  .t4-suprafooter .acym_form.odel {
    width: 100%;
  }

  .odel .owl2-dots {
    bottom: -20px !important;
    transform: none;
    max-width: 70%;
    margin: 0 auto;
    left: auto
  }

  body.layout-default .jt-radio-player.odel {
    padding-left: 0 !important
  }

  body.layout-default .jt-radio-player.odel .fixedversion-inner {
    width: 100%;
    gap: 10px;
    padding-left: 10px;
    padding-right: 10px
  }

  body.layout-default .jt-radio-player.odel .volume-control {
    flex: 4
  }

  body.layout-default .jt-radio-player.odel .play-pause-buttons {
    flex: 4;
    display: flex;
    gap: 15px;
  }

  body.layout-default .jt-radio-player.odel .jt-controls {
    flex: 4
  }

  body.layout-default .jt-radio-player.odel .fixedversion-inner .jt-play-button {
    border: 5px solid var(--color-black);
    outline: 3px solid var(--color-secondary-light);
    margin-top: 0
  }

  body.layout-default .jt-radio-player.odel .fixedversion-inner #bouncing-bars {
    width: 46px;
    height: 50px;
    margin-top: 10px;
  }

  .topbar-r,
  .t4-topbar-2 {
    justify-content: flex-start !important;
  }

  .coloredmodule .btn {
    margin-bottom: 15px;
  }

  .overlay-primary.top {
    left: 0px;
  }

  .overlay-primary {
    right: 0px;
  }

  ul.social-icons li a:first-child {}

  .product-list-item .product-list-image {
    flex: 3;
  }

  .product-list-item .product-item-body {
    flex: 6;
  }

  .product-list-item .product-item-price {
    flex: 1;
  }

  .odel.reflections .nav-outside-top .owl2-nav {
    right: 0px !important;
    top: 0 !important;
  }
}

@media only screen and (max-width:600px) {
  .odel .testimonial_block-image {
    max-width: 100%;
    height: auto !important
  }

  .odel-schedule .showimg-text {
    flex-direction: column;
    justify-content: center;
    align-items: center
  }

  .yendif-col-xs-2 {
    width: 100% !important;
  }

  .t4-header .navbar-inset,
  .not-at-top #back-to-top {}

  h1,
  .h1,
  h1.module-title {
    font-size: 30px;
    line-height: 1.5
  }

  .odel-schedule .show-outer {
    flex-direction: column;
    gap: 20px
  }

  body.layout-default .jt-radio-player.odel .fixedversion-inner .jt-play-button {
    width: 60px;
    height: 60px;
    font-size: 20px;
    display: grid;
    place-items: center;
  }

  body.layout-default .jt-radio-player.odel .jt-pause-button {
    font-size: 18px;
  }

  body.layout-playertop .t4-content-inner {
    margin-top: 175px;
  }

  .jt-cs.odel.government .jt-pretext i {
    margin-left: 0 !important
  }
}

@media only screen and (max-width:550px) {
  .header-top-3 {
    display: none;
  }

  .row {
    margin-left: 0;
    margin-right: 0;
  }

  .yendif-video-share.odel.mod-yendifvideoshare-player {
    padding: 10px
  }

  .testimonial_block-data {
    margin-top: 20px;
  }

  .sp-simpleportfolio.odel .sp-simpleportfolio-items .sp-simpleportfolio-item {
    width: 100%;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-bottom: 5px;
  }

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

  .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: 3px;
    font-size: 0.75rem;
  }

  .breadcrumb .divider {
    padding-right: 0.1rem;
  }

  .subslider-0[class*=" col-"] {
    padding-left: 15px;
    padding-right: 15px;
  }

  .subslider-1[class*=" col-"] {
    padding-right: 15px;
    padding-left: 15px;
  }

  .jt-cs.odel.mainslider.right .title-intro-cat {
    height: 30%;
    padding: 10px 10px 10px 10px;

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
      font-size: 1rem;
      margin: 0
    }

    .jt-introtext {
      display: none;
    }
  }
}

@media only screen and (max-width:450px) {

  .jt-playlist.odel .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) {
  .topbar {
    padding: 15px 15px;
    font-size: 85%
  }

  .topbar-l,
  .t4-topbar .container {
    padding-right: 0px;
    padding-left: 0
  }

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

  .subslider-0-module [class*=' col-'] {
    margin-bottom: 40px
  }

  .positioncenter.owl-carousel .owl-nav {
    display: none;
  }

  .jt-cs.odel.objective .pretext_title {
    border-right: 0;
    padding-right: 0;
  }

  .jt-cs.odel.objective .pretext {
    padding-left: 0
  }

  div.content-odel,
  div.register-odel {
    left: 50%;
    transform: translateX(0%);
  }

  .jt-cs.odel .jt-imagecover::before {
    display: none !important;
  }

  .odel .yendif-video-share-playlist-videos {
    width: 45% !important;
  }

  .odel .yendif-video-share-playlist-player {
    width: 55% !important;
  }

  .odel .yendif-video-share-playlist-item,
  .odel .yendif-video-share-playlist-item .text-muted {
    font-size: 0.8rem
  }

  .jt-cs.odel.worldnews .jt-imagecover {
    margin-bottom: 15px;
  }

  .product-list-item .product-list-image {
    flex: 1;
  }

  .product-list-item .product-item-body {
    flex: 4;
  }

  .product-list-item .product-item-price {
    flex: 1;
  }
}

@media only screen and (max-width:1400px) 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
  }

  .odel .positioncenter.owl-carousel .owl-nav {
    z-index: 5 !important;
  }

  .jt-cs.odel .owl-carousel .owl-nav .owl-next {
    right: 0px;
  }

  .jt-cs.odel .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%;
    width: 100%;
  }

  div.content-odel,
  div.register-odel {}

  .header-links li:not(:last-child) {
    margin: 0 10px 0 0;
    font-size: 14px
  }

  .header-info .icon {
    font-size: 18px;
  }

  .header-links ul {
    padding-left: 15px;
  }

  .header-l {
    display: none
  }

  .t4-nav-height-sm .t4-megamenu .navbar-nav>li>a,
  .t4-nav-height-sm .t4-megamenu .navbar-nav>li>.nav-link {
    padding: 10px 10px;
  }

  .odel.supporter {
    flex-direction: column;
  }

  .odel.supporter .jt-pretext,
  .odel.supporter .jt-testimonial-wrap {
    width: 100%;
  }

  .t4-footnav ul.social-icons li a {
    height: 30px;
    width: 30px;
    line-height: 28px;
    text-align: center;
    font-size: 13px;
    margin-right: 5px;
    padding: 0
  }

  .t4-footnav .module-title {
    font-size: var(--h4-font-size)
  }
}