@charset "utf-8";
@import url("animate.min.css");
/* Preloader */
#preloader {position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:99;}
#status {width:200px;height:200px;position:absolute;left:50%;top:50%;background-image:url(../images/loading.svg);background-repeat:no-repeat;background-position:center;margin:-100px 0 0 -100px;background-size:200px;}

@font-face {
    font-family: 'Open Sans Regular';
    src: url('../fonts/open-sans/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/open-sans/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans italic';
    src: url('../fonts/open-sans/opensans-italic-webfont.woff2') format('woff2'),
         url('../fonts/open-sans/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Play Regular';
    src: url('../fonts/play/play-regular-webfont.woff2') format('woff2'),
         url('../fonts/play/play-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Play Bold';
    src: url('../fonts/play/play-bold-webfont.woff2') format('woff2'),
         url('../fonts/play/play-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello/fontello.eot');
  src: url('../fonts/fontello/fontello.eot#iefix') format('embedded-opentype'),
       url('../fonts/fontello/fontello.woff2') format('woff2'),
       url('../fonts/fontello/fontello.woff') format('woff'),
       url('../fonts/fontello/fontello.ttf') format('truetype'),
       url('../fonts/fontello/fontello.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello",'FontAwesome';
  font-style: normal;
  font-weight: normal;
  
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-deployment:before { content: '\e800'; } /* '' */
.icon-nuclear-power-plant:before { content: '\e801'; } /* '' */
.icon-manufacturing:before { content: '\e802'; } /* '' */
.icon-factory-1:before { content: '\e803'; } /* '' */
.icon-car-production:before { content: '\e804'; } /* '' */
 /********************/
@keyframes fadein{from{opacity:0;top:-114px}to{opacity:1;top:0}}
@-moz-keyframes fadein{from{opacity:0;top:-114px}to{opacity:1;top:0}}
@-webkit-keyframes fadein{from{opacity:0;top:-114px}to{opacity:1;top:0}}
@-o-keyframes fadein{from{opacity:0;top:-114px}to{opacity:1;top:0}}
/* Ripple Out animation */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.t3-wrapper{background:none}
#background-shadow .margincorrect {margin-right: -15px;	margin-left: -15px;}
#background-shadow {box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.19);-webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.19);-moz-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.19);position: relative;z-index: 1;}
a:link, a:visited, a strong{text-decoration: none;transition: all 0.2s  linear 0s;}
a:hover{transition: all 0.2s linear 0s; outline:none;}
a:focus{outline:none;}
#t3-content .item-page img {max-width: 100%;}
.btn,.btn-primary,.btn-secondary,button{border-radius:3px;transition: all 0.2s  linear 0s;border-radius:3px;}
.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,.pull-pull-right.item-image{margin-left:30px;margin-top:10px;}
.pull-pull-left.item-image{float: left;}
.pull-pull-right.item-image{float: right;}
h3.border-centered,h3.border-centered span {z-index:1;position: relative; padding-bottom:30px;}
h3.border-centered span {z-index:1;position: relative; padding-bottom:30px;}
h3.border-centered span::after{ content:""; position:absolute;width:40%; height:100%; bottom:0; left:30%;}
.module-title,.module-title span{border: 0;text-transform: none;}
.logo-text .site-name-industrxt4,.logo-text .site-name-industrxt4 a{font-family: 'Body Grotesque Trial Bold'; font-weight:normal; font-size:36px;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox{border-radius:0px;box-shadow:none;transition: all 0.2s  linear 0s; max-width:100%;}
.border-centered {line-height:1.2;text-align:center;}
.border-centered span::after{border-bottom:4px solid var(--color-primary)}
.module-title.big-centered{text-align:center}
.readmore .btn-default{ color:#fff;}
#t3-content .item-page img {max-width: 100%;}
.divider-vertical {border-top:0;}
.box-shadow{-webkit-box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);-moz-box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);}
.mod-preview {z-index:9;position: relative;}
.module_menu .nav > li > a, .module_menu .nav > li > .separator,.module_menu .nav > li > span {border-radius:0px;padding:10px 5px 10px 15px;display: block; margin-top:0;}
.module_menu .nav > li > a:hover, .module_menu .nav > li > .separator:hover, .module_menu .nav > li > span:hover{padding:10px 5px 10px 20px;}
.module_menu .nav > li{ margin-top:0;position: relative;}
.module_menu .nav > li.active > a, .module_menu .nav > li.active > .separator,.module_menu .nav > li.active > span { background:none;}
.module_menu .nav > li::before {transition: all 0.2s  linear 0s; line-height:100%;content: "\f105";position: absolute;top: 0;left: 0;width: auto;height: 100%;display:flex;flex-direction:row;align-items: center;justify-content: center;	font-family: FontAwesome;}
.search-icon{ position:relative;}
.search-icon::after {position: absolute;right:10px; top:0px;width:auto;height: 100%;font-family: FontAwesome;content: "\f002";display:flex;flex-direction:row;align-items: center;justify-content: center;	
}
.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .nav-item{position: relative;}
.topbar .mod-finder .btn.btn-primary{ vertical-align: top; margin-left: 10px!important;border-radius: 3px!important;}
blockquote::before {content: '\f10d';font-family: FontAwesome;font-size: 35px;position: absolute;left: 20px;top: 20px;font-style: normal;}
blockquote {padding: 16px 20px 16px 80px;font-size: 18px;font-style: italic;margin: 40px 0;line-height: 30px;position: relative;clear: both;}
.content-icons-outer{line-height: 0;}
ul.content-icons.pull-right {margin-bottom:0;}
.content-icons.pull-right li {display:inline-block; list-style:none;}
.content-icons.pull-right li.print-icon{margin-right:10px;}
.tags{ margin-bottom:10px;}
.tags .label-info {background-color:transparent;border-radius:0px;  margin-right:4px; font-weight:normal; letter-spacing:0.3px; line-height:1; padding-top:5px;}
.article-aside {line-height:0;}
.article-info {line-height: 0; }
.article-info dd{line-height:1;}
.t3-sidebar .nav-pills > li > a,.nav-pills > li > a,.nav li > a{border-radius:0px;}
.off-canvas-toggle{ width:45px;}
body.boxed .off-canvas-toggle,body.boxed .off-canvas-toggle:focus {position: fixed!important;}
.home-2 .btn-primary.off-canvas-toggle{ height:41px; line-height:41px;}
.home-2 .off-canvas-toggle span.bar-first {top: 14px;}
.home-2 .off-canvas-toggle span.bar-mid {top: 20px;}
.home-2 .off-canvas-toggle span.bar-last {top:26px;}
.home-2 .off-canvas-open .off-canvas-toggle span.bar-first {top:18px;}
.home-2 .off-canvas-open .off-canvas-toggle span.bar-last {top: 18px;}
.t3-sidebar .search label,.topbar .mod-finder label{ display:none;}
.module-title{line-height:1;padding-bottom:0px;position:relative;border:0}
.module-title,h3{position:relative;overflow:hidden;}
.module-title,.module-title span{ text-transform:none}
.module-title span{position:relative;z-index:1;padding-bottom:15px}
.module-title span.first-word-industrxt4{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);}
.last-word-industrxt4{color:var(--color-tertiary);}
.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;}
.createdby [itemprop="name"],.category-name [itemprop="genre"] {color:var(--color-primary);font-weight:600;}
@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);}
/*
	=======================================
		PROGRESSBAR - SCROLLING 
	=======================================
*/
.scroll-progress-bar {position: fixed;z-index: 9999;height: 5px;top: 0;left:0;}
/*
	=======================================
		TOPBAR 
	=======================================
*/
.topbar {min-height:54px;position: relative; font-size:13px;}
.topbar .container{ background:none;}
.topbar-left-inner,.topbar-right-inner{padding:15px 0;}
.topbar [class*=' col-']{ padding-left:0; padding-right:0;}
.topbar-left-inner [class*=' col-']{ padding-left:0;}
.topbar-right [class*=' col-']{ padding-right:0;}

.topbar ul.menu li,.topbar li{display:inline;float:left; margin:0;}
.topbar ul.menu li a,.topbar li a {font-weight:300;  border-radius:0px; padding:10px 30px 10px 0px}
.topbar p { margin-bottom:0}
.topbar i{ margin-right:10px;}
.topbar ul.menu li a:hover,.topbar li a:hover ,.topbar a:hover{background:none;transition: all 0.2s  linear 0s;}
.topbar ul.menu li.active a,.topbar li.active a { background:none}
.topbar ul.dropdown-menu{ border-radius:0px;}
.social-top p{text-align:right;}

.topbar .mod-finder{ float:right;}
.topbar .mod-finder input{border-radius:3px; padding:5px; height:24px; font-size:11px; min-width:180px;transition: all 0.3s linear 0s; display:inline-block;border-radius:0px!important;border: 0;}
.topbar .mod-finder input:focus {min-width:215px;transition: all 0.3s linear 0s;}
.topbar .btn {padding:3px 8px;font-size: 11px;border-radius:3px;line-height: 1.42857143;}

/*
	=======================================
		TOPBAR-2
	=======================================
*/
.wrap.topbar-2{ min-height:38px; background-color:var(--color-primary); color:var(--color-white);}
.topbar-2 .navbar{padding:0;justify-content: flex-end;}
.topbar-2 ul.navbar-nav{flex-direction: row;}
.topbar-2 ul.navbar-nav li{margin:0px;}
.topbar-2 ul.dropdown-menu li{ float:none;}
.topbar-2 ul.navbar-nav li a,.topbar-2 li a,.topbar-2 ul.navbar-nav li > .separator, .topbar-2 ul.navbar-nav li > span { border-radius:0px; padding:10px 15px 10px 15px;  cursor:pointer}
.topbar-2 p { margin:9px 0;}
.topbar-2 i{ margin-right:10px;}
.topbar-2 ul.navbar-nav li a:hover,.topbar-2 li a:hover ,.topbar-2 a:hover,.topbar-2 .nav  li,.topbar-2 .nav  li a,.topbar-2 .nav  li:hover,.topbar-2 .nav  li a:hover{transition: all 0.3s  linear 0s;}
.topbar-2 ul.navbar-nav li.active a,.topbar-2 li.active a { background:none}
.topbar-2 ul.dropdown-menu{ border-radius:0px; padding:0px; margin-top:0; border:0;min-width:160px}
.topbar-2 ul.dropdown-menu li a{padding:10px;}
.menu-top-inner,.topbar-2-right-inner{ float:right;}
.t4-col.menu-top{ padding-right:0px;}

.topbar-2 ul.dropdown-menu li a {padding:9px 15px 9px 15px;  border-radius:0px;box-shadow:none;}
.topbar-2 ul.dropdown-menu li a:hover {padding:9px 15px 9px 20px;}
.topbar2-right  .btn.dropdown-toggle {padding:10px 5px 10px 15px;box-shadow:none;border-radius:0px; }
div.mod-languages.industrxt4 .btn-group {justify-content: flex-end;}
div.mod-languages.industrxt4 li {margin-left: 0;margin-right: 0; }
div.mod-languages.industrxt4 ul.lang-inline li { display:block;}
div.mod-languages.industrxt4 img { margin-right:5px;}
.t4-col.topbar2-right{ padding-left:0;}
.wrap.topbar-2 .row{justify-content: space-between;}
.topbar-2,.topbar-2 a,.topbar-2 ul.navbar-nav li a,.topbar-2 li a,.topbar-2 ul.navbar-nav li > .separator, .topbar-2 ul.navbar-nav li > span,.topbar-2 i,.topbar-2 button{color:var(--color-white);transition: all 0.3s linear 0s; outline:none;}
.topbar-2 ul.navbar-nav li a{border-right:1px solid var(--color-primary-light);}
.topbar-2 ul.navbar-nav li a:hover,.topbar-2 li a:hover,.topbar-2 ul.navbar-nav li > .separator:hover, .topbar-2 ul.navbar-nav li > span:hover,.topbar-2 .nav  li:hover,.topbar-2 .nav  li a:hover,.topbar-2 .btn-group .dropdown-toggle:hover,.btn-group .dropdown-toggle:focus{color:var(--color-white);transition: all 0.3s linear 0s; outline:none;background-color:var(--color-primary-light);}
.topbar-2 .btn-group .dropdown-toggle:hover,.topbar-2 .btn-group .dropdown-toggle:focus,.topbar-2 .btn-group .dropdown-toggle:active{border-color:transparent;}

.topbar-2 ul.dropdown-menu li a {color:var(--dropdown-link-color);}
.topbar-2 ul.dropdown-menu li a:hover {background-color:transparent;color:var(--dropdown-link-hover-color);}
.topbar-2 .btn-group .dropdown-toggle:focus{color:var(--color-white);border-color: transparent;}
.topbar-2 .nav .open a,.topbar-2 .nav .open a:hover{ border-color:var(--border-color);}
.topbar-2 .nav .caret {border-top-color: var(--color-white);border-bottom-color: var(--color-white);}

/*
/*
	=======================================
		NAVBAR
	=======================================
*/
/******Megamenu no animation styling*******/

#t3-mainnav .container{ background:none; width:auto !important}
#t3-mainnav ul{ padding-left:0;}

#t3-mainnav li,#t3-mainnav li span{ list-style:none;display:block; font-size:16px;}
#t3-mainnav.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav li > .separator,.navbar-default .navbar-nav li > span{padding:35px 15px; }
#t3-mainnav .dropdown-menu span,#t3-mainnav .dropdown li a,#t3-mainnav .dropdown-menu > li > a{display:block; padding:10px 15px; font-size:80%; text-transform:none}
#t3-mainnav .dropdown-menu span:hover,#t3-mainnav .dropdown li a:hover,#t3-mainnav .dropdown-menu > li > a:hover{ padding-left:20px}
#t3-mainnav .mega-dropdown-menu {min-width:205px; width:auto;padding:0; border:0;}
#t3-mainnav .dropdown-menu{ border:0; padding:0; margin-top:0px; background-color:transparent;}

.t3-mainnav .t3-navbar-collapse .nav .caret {position: absolute;right: 15px;}
.navbar-nav > li > .dropdown-menu,.dropdown-submenu > .dropdown-menu {border-radius: 0;}
#t3-mainnav.navbar {float:right; border:0;}
.t3-megamenu .mega > .dropdown-menu .mega-col-nav{padding-left:0; padding-right:0;}
.t3-megamenu .mega-inner {padding:0px 0;}

.nav .open a,.nav .open a:hover{ background-color:transparent}
.navbar-default .navbar-nav li > a, .navbar-default .navbar-nav li > .separator, .navbar-default .navbar-nav li > span {cursor: pointer;}

.t3-megamenu .dropdown.mega > .mega-dropdown-menu::before{content:"";position: absolute;left: 0;top:10px;height:2px;width:0%;opacity:0; z-index:999;transition: all 0.8s ease-in-out 0s;-webkit-transition: all 0.8s ease-in-out 0s;}
.t3-megamenu .dropdown.mega.open > .mega-dropdown-menu::before{width:100%;opacity:1;transition: all 0.8s ease-in-out 0s;-webkit-transition: all 0.8s ease-in-out 0s; }



.t3-megamenu .dropdown-menu .mega-nav{margin-top:10px;}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav li > .separator, .navbar-default .navbar-nav li > span{ transition: all 0.2s  linear 0s;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav li > .separator:hover, .navbar-default .navbar-nav li > span:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav li > .separator:focus, .navbar-default .navbar-nav li > span:focus{transition: all 0.2s  linear 0s;}

#t3-mainnav .dropdown li a ,#t3-mainnav .dropdown li span,#t3-mainnav .dropdown li.separator,.t3-mainnav .t3-navbar-collapse .dropdown-menu > li > a,.t3-mainnav .t3-navbar-collapse .dropdown-menu > li span,.t3-mainnav .t3-navbar-collapse .navbar-nav > li > a, .t3-mainnav .t3-navbar-collapse .navbar-nav > li span{color:var(--dropdown-link-color);}

#t3-mainnav .dropdown li a:hover, #t3-mainnav .dropdown li span:hover, #t3-mainnav .dropdown li.separator:hover, .t3-mainnav .t3-navbar-collapse .dropdown-menu > li > a:hover, .t3-mainnav .t3-navbar-collapse .dropdown-menu > li span:hover, .t3-mainnav .t3-navbar-collapse .navbar-nav > li > a:hover, .t3-mainnav .t3-navbar-collapse .navbar-nav > li span:hover{color:var(--dropdown-link-hover-color);}

.t3-megamenu .dropdown.mega > .mega-dropdown-menu::before { border:1px solid var(--color-primary);background-color: var(--color-primary);}

.scroll-progress-bar {background-color:var(--color-primary);}
.t3-megamenu .dropdown.mega > .mega-dropdown-menu::after {border-bottom: 5px solid var(--color-primary);}

.t4-nav-height-sm .t4-megamenu .navbar-nav > li > a,.t4-nav-height-sm .t4-megamenu .navbar-nav > li > .nav-link{min-height:76px;}
.t4-navbar{display:flex;justify-content:flex-end;flex-grow:4;}
.t4-header .navbar-outer{display:flex;}
.t4-header .navbar-inset{display:flex;flex-grow:1;justify-content:flex-end;}
.t4-header .nav-login .industrxt4{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{box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.2);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:20px;}
.t4-megamenu .dropdown-menu li >  a:hover::before,.t4-megamenu .dropdown-menu li >  .separator:hover::before{padding-left:0px; left: 5px;}

.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[itemprop="name"]::before{width:2px;height:10px;opacity:0;position:absolute;top:-5px;left:50%;transform:translateX(-2px) translateY(-100%);transition:all 0.3s ease-in-out 0s;content:"";font-family:FontAwesome, "Font Awesome 6 Free"; background-color:var(--mainnav-link-hover-color)!important;}

.t4-navbar .level0 .nav-item span[itemprop="name"]:hover::before,.t4-navbar .level0 .nav-item.active span[itemprop="name"]::before{opacity:1;transform:translateX(-100%) translateY(0%);transition:all 0.3s ease-in-out 0s;}

.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,.nav-align-left .t4-megamenu .navbar-nav > li > a{ margin-right:0;padding-left:15px;padding-right:15px;}
.t4-megamenu .navbar-nav > li a, .t4-megamenu .navbar-nav.level0 > li.dropdown.parent .nav-link{padding:35px 15px;}
.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;}
.mainnav .container-lg{padding-left:0px;padding-right:0px}

.mainnav #triggerButton.btn.active,.mainnav #triggerButton.btn:focus{background:none;background-color:transparent;}
.btn.t4-offcanvas-toggle{padding:5px!important;border-radius:0px;height:100%;display:grid;place-items:center;background-color:transparent;position: fixed;top:0px;right: 10px;height: 44px;}
.btn.t4-offcanvas-toggle:hover i{transform:none}
.btn.t4-offcanvas-toggle:active,.btn.t4-offcanvas-toggle:focus{background-color:transparent;border:0}
.t4-offcanvas-toggle > span.c-button__text {background-color:var(--color-secondary);display:grid;place-items:center;color:var(--color-white);}
.t4-offcanvas-toggle i{font-size:20px;color:var(--color-white);transition:all 0.3s linear 0s;}

.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:transparent;}
.t4-navbar .dropdown-menu .dropdown-menu-inner ul{background-color:var(--containerbg-color);margin-top: 10px;}
.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;border-bottom: 1px solid var(--border-color);padding:8px 15px;font-size: 0.9rem;}
.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, "Font Awesome 6 Free";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:91px;}
.t4-megamenu .dropdown-menu li >  a{position:relative;}
.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-megamenu.animate.slide .dropdown.show.animating > .dropdown-menu{border-radius:0px;margin-top:0px}

.t4-navbar .dropdown-menu.level1::before {position:absolute;content:"";top:10px;left:0px;height:2px;width:0%;transition:all 0.3s ease-in-out 0s;background:var(--color-primary);}
.t4-navbar .dropdown-menu.level1.show::before {transition:all 0.3s ease-in-out 0s;opacity:1;animation:animwidth 0.5s linear;width:100%}
.t4-navbar .level0 .nav-item .dropdown-item span{line-height:24px;}

.t4-navbar .dropdown-menu.level1::after {transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent; content:"";position: absolute;left: 30px;top:5px;opacity:0; border-bottom: 5px solid var(--color-primary);}
.t4-navbar .dropdown-menu.level1.show::after {transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;opacity:1}

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

.t4-megamenu .dropdown-toggle .item-caret{border-top:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid transparent;}
.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{border-bottom:0;}
.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 .navbar-nav > li > a:hover  i.icon-n-earphone{color:var(--mainnav-link-hover-color);}

.navbar-collapse {border-top: 0;}
.py-6{padding-top: 4rem;padding-bottom: 4rem;}
@media only screen and (min-width:1400px){.t4-header .container{padding-right: 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}}
#t4-header{-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); min-height:91px;justify-content: space-between;}
.not-at-top #t4-header.t4-sticky{animation:fadein 0.5s;-moz-animation:fadein 0.5s;-webkit-animation:fadein 0.5s;-o-animation:fadein 0.5s;	border: 0;border-left: 0;border-right: 0;margin-bottom: 0;border-radius: 0;left: 0;right: 0;top: 0;z-index: 999; min-height:77px; }

.logo-image img{ max-width:100%;}
.logo-image{min-height:91px;}
.logo-image {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;background-color:var(--containerbg-color);}
.t4-header-r{display:flex;align-items:center;padding-left:10px;padding-right:10px;justify-content:flex-start;}
.t4-header-m{z-index:9;width:100%;}
/*
	=======================================
		SMART SLIDER - MAIN SLIDER
	=======================================
*/
.slider a.btn.btn-primary{ color:#FFFFFF;}
.slider .slider-text {background-color:rgba(255,255,255,0.7); padding:10px 25px 20px 25px; font-size:22px;}
.slider .slider-text p{font-size:22px; color:#000; line-height:36px;}
.slider .slider-text h2{font-size:32px}
.slider_bg{ overflow:hidden;}
/*
	=======================================
		MODULE WITH ICONS - SUBSLIDER
	=======================================
*/
.iconservices-col,.iconservices-col p{ text-align:center;}
.services-subslider span.hvr-ripple-out{ position:relative;text-align:center; width:100px; height:100px;border-radius:100%; display:block;margin: 0 auto;box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);}

.services-subslider span.hvr-ripple-out::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
.iconservices-col:hover span.hvr-ripple-out::before,.iconservices-col:focus  span.hvr-ripple-out::before,.iconservices-col:active span.hvr-ripple-out::before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;border: solid 6px;border-radius: 100% !important;}
.iconservices i{ font-family:'fontello'; font-size:32px; }
.services-subslider i{ font-family:'fontello'; font-size:30px;line-height:100px;}
.services-subslider h4{ margin:25px 0;}

/*
	==========================================
	OUR FEATURED PROJECTS - JT CONTENT SLIDER
	==========================================
*/
/* fadein2 */
@keyframes fadein2 {
    from {
        opacity:0;
		top:-30%; 
    }
    to {
        opacity:0.7;
		top:0%;
    }
}
@-moz-keyframes fadein2 { /* Firefox */
     from {
        opacity:0;
		top:-30%; 
    }
    to {
        opacity:0.7;
		top:0%;
    }
}
@-webkit-keyframes fadein2 { /* Safari and Chrome */
    from {
        opacity:0;
		top:-30%; 
    }
    to {
        opacity:0.7;
		top:0%;
    }
}
@-o-keyframes fadein2 { /* Opera */
    from {
        opacity:0;
		top:-30%; 
    }
    to {
        opacity:0.7;
		top:0%;
    }
}

/* fadein3 */
@keyframes fadein3 {
    from {
        opacity:0;
		bottom:-30%; 
    }
    to {
        opacity:0.7;
		bottom:0%;
    }
}
@-moz-keyframes fadein3 { /* Firefox */
     from {
        opacity:0;
		bottom:-30%; 
    }
    to {
        opacity:0.7;
		bottom:0%;
    }
}
@-webkit-keyframes fadein3 { /* Safari and Chrome */
    from {
        opacity:0;
		bottom:-30%; 
    }
    to {
        opacity:0.7;
		bottom:0%;
    }
}
@-o-keyframes fadein3 { /* Opera */
    from {
        opacity:0;
		bottom:-30%; 
    }
    to {
        opacity:0.7;
		bottom:0%;
    }
}

.bg-light{background-color:var(--color-light)!important;}
.bg-primary{background-color:var(--color-primary)!important;color: var(--color-white);}
.bg-tertiary{background-color:var(--color-tertiary)!important;}
.bg-tertiary .container{background-color:transparent;}
.text-tertiary{color:var(--color-tertiary)!important;}
.bg-gray-light{background-color:var(--color-gray-light)!important;}
.bg-light .container{background-color:transparent;}
.bg-secondary{background-color:var(--color-secondary)!important;}
.bg-secondary-light{background-color:var(--color-secondary-light)!important;}
.bg-primary-dark{background-color:var(--color-primary-dark);}
.bg-secondary{background-color:var(--color-secondary);color:var(--color-white)}
.bg-container{background-color: var(--containerbg-color);}
.btn.btn-secondary,.btn:active.btn-secondary{background-color:var(--color-secondary);border:1px solid var(--color-secondary);position:relative;z-index:1;}
.t4-module:first-child {margin-top:2rem;}

.jt-cs.industrxt4 .owl-carousel .owl-stage-outer{ padding-bottom:15px;}
.jt-cs.industrxt4 .bt_handles li a {display: block !important;width: 10px;height: 10px;padding-top: 10px;background-image: none !important;background-position: 0 0;float: left;padding: 10px 0 0 0 !important;overflow: hidden;border-radius: 100%;opacity: 0.80 !important;}
.jt-cs.industrxt4 .slide { padding-left:15px; padding-right:15px;}
.jt-cs.industrxt4 .slide img {outline: none;border:0;max-width:100%; margin-top:0; margin-bottom:0;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}
.jt-cs.industrxt4 .slide .jt-title {font-weight:400;text-transform: none;line-height: 150%; font-size:18px; margin-bottom:20px;  }
.jt-cs.industrxt4 .jt-inner-bg{-webkit-box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);-moz-box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);}
.jt-cs.industrxt4 .slide .jt-category {font-weight:400;display:inline-block;width: 100%;margin-bottom: 10px;}
.jt-cs.industrxt4 p.readmore{ margin-top:20px;}
.jt-cs.industrxt4 p.readmore a.btn{border-radius:3px;}
.jt-cs.industrxt4 p.readmore .btn{background-color:var(--color-primary);color:var(--color-white);transition:all 0.3s ease-in-out 0s;box-shadow:none;}
.jt-cs.industrxt4 .jt-row-separate {border-bottom:0;	margin: 15px 0px;}
.jt-pretext,.jt-pretext p{ font-size:16px; text-align:center; margin-bottom:40px}
.jt-cs.industrxt4 .jt-extra{ margin-bottom:5px;}
.jt-cs.industrxt4 .jt-author{ margin-right:15px;}
.jt-cs.industrxt4 .modal {display: inline;position: relative;}
.jt-cs.industrxt4.latestnews .jt-imagewrap .fa, .jt-cs.industrxt4.jt-projects .jt-imagewrap .fa ,.jt-cs.industrxt4.blog .jt-imagewrap .fa {font-size: 20px;color: #fff;}

.jt-cs.industrxt4.jt-projects .icon-lightbox.industrxt4{ position: absolute; bottom:20%; right:15%; width:25%; text-align:center;opacity: 0; z-index:10;transition: all 0.7s  ease-out 0s;}
.jt-cs.industrxt4.jt-projects .icon-url.industrxt4{ position: absolute; top:20%; left:15%; width:25%; text-align:center;opacity: 0; z-index:11;transition: all 0.7s  ease-out 0s;}

.jt-cs.industrxt4.jt-projects .jt-imagewrap:hover .icon-lightbox.industrxt4{opacity:0.9;transition: all 0.7s  ease-out 0s;bottom:40%; right:25%;}
.jt-cs.industrxt4.jt-projects .jt-imagewrap:hover .icon-url.industrxt4{opacity:0.9;transition: all 0.7s  ease-out 0s;top:40%; left:25%; }

.jt-cs.industrxt4 .jt-imagewrap {overflow: hidden;position: relative;z-index: 7;transition: all 0.7s ease-out 0s;}
.jt-cs.industrxt4.jt-projects .jt-inner-overlay {position: absolute;width: 100%;height: 100%;z-index: 8;opacity: 0;top:0;left:0;}
.jt-cs.industrxt4.jt-projects .jt-inner-overlay-2{position: absolute;height: 100%;width:100%;z-index: 8;opacity: 0;bottom:0;right:0;}
.jt-cs.industrxt4.jt-projects  a.icon-url.industrxt4,.jt-cs.industrxt4.jt-projects a.icon-lightbox.industrxt4 { border-radius:100%; width:44px; height:44px;font-size:20px;display: grid;place-items: center;}
.industrxt4.jt-projects .positioncenter.owl-carousel .owl-nav {width:100%;position: absolute;top:100%;bottom: 0;transform: translateY(35px);}

.slide.industrxt4 .jt-imagewrap:hover .jt-inner-overlay{opacity:0.7;animation: fadein2 0.7s;-moz-animation: fadein2 0.7s; /* Firefox */-webkit-animation: fadein2 0.7s; /* Safari and Chrome */-o-animation: fadein2 0.7s; /* Opera */}
.slide.industrxt4 .jt-imagewrap:hover .jt-inner-overlay-2{opacity:0.7;animation: fadein3 0.7s;-moz-animation: fadein3 0.7s; /* Firefox */-webkit-animation: fadein3 0.7s; /* Safari and Chrome */-o-animation: fadein3 0.7s; /* Opera */}

.jt-cs.industrxt4 .jt-imagewrap:hover img {transform: scale(1.3);-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-o-transform: scale(1.3);-ms-transform: scale(1.3);-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;-ms-transition: all 0.7s ease-out;-o-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}


.jt-cs.jt-subslider .jt-row {padding-bottom:30px;}
.jt-cs.jt-subslider .jt-imagewrap[class*=" col-"] {padding-left: 0;padding-right: 0;overflow: hidden;}
.jt-cs.jt-subslider .jt-title-wrap{ padding:30px 30px}
.jt-cs.jt-subslider div.readmore{ text-align:right; padding-top:15px;}
.jt-cs.jt-subslider a.readmore-text i{ margin-left:20px; font-size:12px; padding:8px 8px 6px 8px; line-height:1; font-weight:normal;}
.jt-cs.jt-subslider div.readmore .jt-date{ float:left; text-transform:uppercase; font-size:15px; font-weight:600;}

.wrap.coloredmodule-1{ position: relative; min-height:600px;z-index: 5;}
.t4-coloredmodule-1::before{background-color:var(--color-secondary);position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";background-image:url(../images/bg-world-map.png); background-repeat:no-repeat; background-position:center center;z-index: 0;}
.t4-coloredmodule-1::after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity:0.5;background-color:var(--color-black);z-index: 1;}
.jt-projects .jt-pretext,.jt-projects .jt-pretext p{ font-size:16px; text-align:center; margin-bottom:40px; width:90%; margin:0 auto 30px auto}
.coloredmodule-1 h3.border-centered {z-index:1;position: relative;}
.t4-coloredmodule{position: relative;}
.coloredmodule-1 h3.border-centered {color:var(--color-white);}
.home-1,.home-3,.home-5{background-color:var(--color-gray-light)}
.colormodule-2-text h1 {color:var(--color-white);}
.coloredmodule-2 .module-title {color:var(--color-white);}
.colormodule-2-text p.colormodule-2-phone{font-size:38px;}

.wrap.coloredmodule-3{background-color:var(--color-gray-light)}
.coloredmodule-3-overlay::after{background:var(--color-secondary);}
.coloredmodule-3-bg::before,.ztTestimonial.industrxt4 ol.carousel-indicators li.active {background-color:var(--color-primary);}
.coloredmodule-3,.coloredmodule-3 h3.module-title {color:var(--color-white)}

.jt-projects .jt-inner-bg{ background:#fff}
.jt-intro-title-container{padding:25px 25px; float:left;}
.jt-arrows.coloredmodule-1 {position: relative;margin-top:60px;}

.jt-arrows-inner{ width:150px;}
.jt-cs.jt-projects a.prev { margin-right:20px;}
.jt-carousel-outer.industrxt4 .playButton,.jt-carousel-outer.industrxt4 .tns-inner .carousel-image::before{display: none;}
/*
	=============================================
		OUR STORY - RUNNING A SUCCESSFUL BUSINESS
	=============================================
*/
.ourstory-text ul{ padding-top:20px; padding-left:0;}
.ourstory-text a.btn{margin-top:20px;}
.ourstory-text li{ list-style:none; padding-left:15px;}
.ourstory-text .fa{ margin-right:4px; }
/*
	=============================================
		What Our Customers Say -JT TESTIMONIAL
	=============================================
*/

.jt-testimonial-wrap.ourclient .testimonial_block-name{ font-weight:bold; font-size:1em}
.testimonial_block-text {color: var(--body-text-color);}
.jt-testimonial-wrap.ourclient .testimonial_block-text .fa.fa-quote-left{ margin-right:10px;}
.jt-testimonial-wrap.ourclient .testimonial_block-text .fa.fa-quote-right{ margin-left:10px;}
.jt-testimonial-wrap.ourclient .testimonial_block-image{margin-right:15px;}

.jt-testimonial-wrap.industrxt4 .jt_testimonial-block-slide{background: none;}
.wrap.coloredmodule-1 .jt-testimonial-wrap.ourclient .jt-pretext{color:#FFF; position:relative;text-align: center;font-size: 16px;width: 90%;margin: 0 auto 40px auto;}
.wrap.coloredmodule-1 .jt-testimonial-wrap.ourclient .jt_testimonial-block-slide {background:none;}
.jt-testimonial-wrap.ourclient .testimonial_block-text::after { display:none;}
.jt-testimonial-wrap.ourclient .testimonial_block-text {margin-bottom:15px;}
.subslider  .jt-testimonial-wrap.ourclient .jt-pretext{text-align: center;position:relative;;font-size: 16px;width: 90%;margin: 0 auto 40px auto;}


.jt-testimonial-wrap.industrxt4.meet-team h4{font-size: 18px;}
.jt-testimonial-wrap.industrxt4.meet-team .testimonial_block {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border-bottom: 3px solid transparent;-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);
}
.jt-testimonial-wrap.industrxt4.meet-team .testimonial_block-data {padding:0px 18px 0;display: block;}

.jt-testimonial-wrap.industrxt4.meet-team .testimonial_block:hover {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);}
.jt-testimonial-wrap.industrxt4.meet-team  .testimonial_block-text {margin: 14px 0;padding: 14px 0;}
.jt-testimonial-wrap.industrxt4.meet-team .jt-pretext,.jt-testimonial-wrap.industrxt4.happycustomer .jt-pretext{ text-align:center;font-size: 16px; width:90%; margin:0 auto 40px auto;position: relative;}
.nav-light .owl2-nav .owl2-prev, .nav-light .owl2-nav .owl2-next, .nav-light.nav-bottom-right .owl2-nav .owl2-prev, .nav-light.nav-bottom-right .owl2-nav .owl2-next, .nav-light.nav-outside-top .owl2-nav .owl2-prev, .nav-light.nav-outside-top .owl2-nav .owl2-next,.nav-light .owl2-nav .owl2-prev:hover, .nav-light .owl2-nav .owl2-next:hover, .nav-light.nav-bottom-right .owl2-nav .owl2-prev:hover, .nav-light.nav-bottom-right .owl2-nav .owl2-next:hover, .nav-light.nav-outside-top .owl2-nav .owl2-prev:hover, .nav-light.nav-outside-top .owl2-nav .owl2-next:hover{background-color:var(--color-primary);}
/*
	===========================================
		LATEST NEWS FROM US - BT CONTENT SLIDER
	===========================================
*/
.jt-cs.industrxt4 .hover-icons i{color:#FFFFFF}
.jt-cs.industrxt4.latestnews .jt-icon.icon-url,.jt-cs.industrxt4.blog .jt-icon.icon-url{
	-webkit-transform: translate(-50%, -500%);
	-moz-transform: translate(-50%, -500%);
	-o-transform: translate(-50%, -500%);
	-ms-transform: translate(-50%, -500%);
	transform: translate(-50%, -500%);
	left:0;
}
 .jt-cs.industrxt4.latestnews .jt-icon.icon-lightbox, .jt-cs.industrxt4.blog .jt-icon.icon-lightbox  {
 	-webkit-transform: translate(500%, 0%);
	-moz-transform: translate(500%, 0%);
	-o-transform: translate(500%, 0%);
	-ms-transform: translate(500%, 0%);
	transform: translate(500%, 0%);
	right:0;

}


.jt-cs.latestnews .jt-imagecover:hover .hover-icons a.icon-lightbox,.jt-cs.blog .jt-imagecover:hover .hover-icons a.icon-lightbox{
	opacity: 1;
	-webkit-transition: opacity 0.7s, -webkit-transform 0.7s;
	-moz-transition: opacity 0.7s, -moz-transform 0.7s;
	-o-transition: opacity 0.7s, -o-transform 0.7s;
	-ms-transition: opacity 0.7s, -ms-transform 0.7s;
	transition: opacity 0.7s, transform 0.7s;
	-webkit-transform:  translate(0%, 0%);
	-moz-transform: translate(0%, 0%);
	-o-transform: translate(0%, 0%);
	-ms-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
	text-align: center;
}
.jt-cs.latestnews .jt-imagecover:hover .hover-icons a.icon-url,.jt-cs.blog .jt-imagecover:hover .hover-icons a.icon-url{
	opacity: 1;
	text-align: center;
	-webkit-transition: opacity 0.7s, -webkit-transform 0.7s;
	-moz-transition: opacity 0.7s, -moz-transform 0.7s;
	-o-transition: opacity 0.7s, -o-transform 0.7s;
	-ms-transition: opacity 0.7s, -ms-transform 0.7s;
	transition: opacity 0.7s, transform 0.7s;
	-webkit-transform:  translate(0%, 0%);
	-moz-transform: translate(0%, 0%);
	-o-transform: translate(0%, 0%);
	-ms-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
}
.jt-cs.industrxt4.latestnews .hover-icons {left:50%;position: absolute;top: 50%;transform: translate(-50%, -50%);background: transparent;z-index: 7;opacity: 0.7; min-width:100px; margin-top:0; width:auto;}
.jt-cs.industrxt4.latestnews .jt-icon,.jt-cs.industrxt4.blog .jt-icon  {display:inline-block; margin:0px 1px}
.jt-cs.industrxt4.latestnews .jt-imagewrap::after,.jt-cs.industrxt4.blog .jt-imagewrap::after{position: absolute;width: 100%;height: 100%;content: "";z-index: 4;opacity: 0;transition: all 0.2s linear 0s;top: 0;left: 0;}
.jt-cs.industrxt4.latestnews .jt-imagewrap:hover::after,.jt-cs.industrxt4.blog .jt-imagewrap:hover::after{opacity:0.5;}

.jt-cs.industrxt4.latestnews .jt-extra{ padding-top:15px; margin-top:15px; font-size:11px; text-transform:uppercase;}
.jt-cs.industrxt4.latestnews .jt-extra .jt-category {font-weight: 400;display: inline-block;width: auto;margin-left: 10px;}
.jt-cs.industrxt4 .jt-extra i, .jt-cs.industrxt4 .jt-extra .fa {padding:0px;font-size:14px;border-radius:0%; margin-right:5px;}
.jt-cs.industrxt4 .jt-author,.jt-cs.industrxt4 .jt-date {margin-right:10px;}
.jt-cs.industrxt4.latestnews .jt-date, .jt-cs.industrxt4.latestnews .jt-author,.jt-cs.industrxt4.latestnews  .jt-category  {font-size:11px; }

/*
	=========================================
		 about us page text - image
	=========================================
*/
ul.ourstory-text{ padding-top:0px; padding-left:20px;}
.m-b-30 {
	margin-bottom: 30px;
}
.img-aboutimage{position:relative;height:100%;margin-bottom: 110px;}
.aboutimage-1{
	position: relative;
	margin-right: 180px;
	z-index: 1;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
}

.aboutimage-2{position:absolute;right: 0px; bottom:0px;max-width:370px;box-shadow: 0px 0px 30px rgba(0,0,0,0.5);}
.since-year-outer{position:relative}
.since-year{
	position: absolute;
	left:0px;
	top: 0px;
	z-index: 1;
}
.since-year span{
	font-size: 40px;
	font-weight: 300;
	font-family: 'Play Regular', sans-serif;
	display: block;
	line-height: 40px;
	position: relative;
}
.since-year strong{
	font-size: 70px;
	font-weight: 500;
	font-family: 'Open Sans Bold', sans-serif;
	display: block;
	line-height: 40px;
}

@media only screen and (max-width:991px){
.aboutimage-1{
	margin-right: 0px;
	max-width: 420px;
}
.aboutimage-1 img{
	width:100%;
}

.aboutimage-2 {
    left: auto;
	right:0px;
}
}

@media only screen and (max-width:767px){
.aboutimage-1{
    max-width: 100%;
    width: 50%;
}
.aboutimage-1 img{
	width:100%;
}

.aboutimage-2 {
	width: 54%;
	top: 0px;
	max-width: 100%;
	bottom:0px;
}

}

/*
	=========================================
		COLOREDMODULE-2 - BT CONTENT SLIDER
	=========================================
*/
.wrap.coloredmodule-2 {	position: relative;z-index:1;background-size:auto;float: left;width: 100%;}
.t4-coloredmodule-2::before {background-image: url("../images/coloredmodule-2-bg.png");background-position: center center;background-repeat: no-repeat;width:100%;bottom: 0;content: "";left: 0;position: absolute;z-index:2;right: 0;top: 0;background-color:var(--color-primary);z-index: 0;}
.coloredmodule-2-overlay::after {opacity: 1;bottom: 0;content: "";right: 0;position: absolute;z-index:3;right: 0;top: 0;}
.container.coloredmodule-2{ position:relative;z-index:4;}
.colormodule-2-text{ color:#fff;}
.colormodule-2-text p{ padding-top:10px; font-size:16px}
.colormodule-2-text h3,.colormodule-2-phone{line-height:1.2;}
.colormodule-2-text a.btn{ font-size:18px; line-height:1;padding: 10px 12px 7px 12px; margin-top:20px; }

/*
	=========================================
		OUR TOP SERVICES - BT CONTENT SLIDER
	=========================================
*/
.jt-cs.industrxt4.jt-middlespot .jt-inner-bg{ padding:20px;}
.jt-cs.industrxt4.jt-middlespot .jt-intro-title-container {padding:25px 0 0 0;}
.jt-middlespot td.middlespot{border:0;padding:6px 12px 4px 12px;vertical-align: middle;}
.jt-middlespot td.middlespot-icon { border:0;padding: 6px 12px 2px 12px;vertical-align: middle; color:#fff}
.jt-middlespot td.middlespot-icon .fa{ color:#fff; font-size:20px;}

/*
	=========================================
		COLOREDMODULE-3 - ZT TESTIMONIAL
	=========================================
*/
.coloredmodule-3 {position: relative;z-index:6;}
.coloredmodule-3-bg {position: absolute;z-index:1;width:100%; height:88%;}
.coloredmodule-3-overlay{opacity:1;background-image: url("../images/coloredmodule-3-bg.png");background-position: left bottom;background-repeat: no-repeat; position:absolute; width:100%; height:88%; z-index:1}

.coloredmodule-3-bg::before {position: absolute;z-index:3;width:50%; height:100%; right:0; bottom:0; content:""; top:86px;}
.coloredmodule-3-bg::after{content:"";opacity:0.08;background-image: url("../images/coloredmodule-3-bg2.jpg");background-position: left bottom;background-size:cover;background-repeat: no-repeat; position:absolute; width:50%; height:100%; z-index:4; right:0; bottom:0; top:86px;}
.colored_spot2{ padding-top:72px; padding-left:70px;}

.coloredmodule-3-overlay::after{position: absolute;z-index:3;height:100%; left:0; bottom:0; content:""; width:100%;opacity:0.92}

/*
	=========================================
		BOTTOMSPOT - OUR CLIENTS
	=========================================
*/
.home .wrap.bottomspot{ padding-top:80px;max-width:100%; overflow:hidden;}
.unite-carousel-wrapper{ max-width:100%!important}
/*
	=========================================
		BOTTOMSPOT-2 - GET A FREE QUOTA
	=========================================
*/
.bottomspot-2 .module{background:url(../images/free-quota-bg.jpg) no-repeat left top;padding-left: 55%;min-height:530px;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.08);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.08);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.08);padding-right: 30px;margin-bottom: 30px;}
.bottomspot-2 .module .module-title{padding-top:1rem;}
.chronocredits{display: none;}

.contact3 .submain-3 .t4-module{-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.08);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.08);box-shadow:0px 0px 15px 0px rgba(0,0,0,0.08);padding:20px 20px 20px 20px;}
#chronoform-contact-form input{ height:29px; width:100%!important; text-transform:uppercase;border: 1px solid var(--border-color);border-radius: 0px;font-size: 0.8rem;}
#chronoform-contact-form textarea{border: 1px solid var(--border-color);border-radius: 0px!important;font-size: 0.8rem;min-height: 190px;}
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;}
#chronoform-contact-form .errormark{display:none;}
#chronoform-contact-form .nui.button.btn.btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff !important;transition:all 0.3s  linear 0s;transition: all 0.3s linear 0s;line-height: 1;position: relative;font-family: var(--body-font-family);color: var(--color-white);	overflow: hidden;display: inline-flex;	align-items: center;}
/*
	=========================================
		BOTTOMSPOT-3 - NEWSLETTER
	=========================================
*/
.bottomspot-3 .acym_introtext h5,.bottomspot-3 .acymailing_introtext h5{display:inline-block;  color:#fff!important;  font-size:18px; font-weight:600; margin-bottom:0px; margin-top:5px;padding-bottom: 5px;position: relative;}
.bottomspot-3 .acym_introtext h5:before,.bottomspot-3 .acymailing_introtext h5:before{position:absolute;content:"";left:0px;right:0px;bottom:0px;border-bottom:1px solid #fff;width:100%;}
.bottomspot-3  .acyfield_email.acy_requiredField{ margin:0;float:left;}
.bottomspot-3  p.onefield.fieldacyemail { margin:0;}
.wrap.bottomspot-3 {border-top: 5px solid var(--border-color);background-color:var(--color-primary)}
div.acymailing_module-industrxt4 div.acymailing_introtext.industrxt4,.bottomspot-3 .acymailing_introtext{color:#fff!important; padding:0px!important;}
.bottomspot-3 .acym_introtext .fa,.bottomspot-3 .acymailing_introtext .fa{font-size:60px; margin-right:20px;}
.t4-col.bottomspot-3{ padding:15px 0;}
.bottomspot-3 .acym_introtext{ width:50%; float:left;}
.bottomspot-3 .acym_form.industrxt4{ width:50%; float:left;}
.bottomspot-3 p.acysubbuttons{ display:inline-block;}
.acyfield_text{display:inline-block;}
.bottomspot-3 .acym_module_form input {max-width:100%;cursor: inherit;}
.wrap.bottomspot-3 .subbutton{ margin-left:30px; transition: all 0.2s  linear 0s;}
.bottomspot-3 .acym_module_form .wrap-acym-industrxt4 input#acym__user__edit__email{ background:none; cursor:default!important;}

.acymailing_module.industrxt4 div.acymailing_form.industrxt4 { margin-top:10px!important}
.acym_module td, .acym_module tr td {border-top:0; padding-top:10px}
table.acymailing_form.industrxt4 {margin: 0;border: 0px !important;}
/*
	=======================================
		FOOTER - COPYRIGHT 
	=======================================
*/
#t4-footnav{
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:var(--color-primary);}
.module-title span.first-word-industrxt4{color: var(--color-white);}
}
.t4-footnav .t4-module .module-title .first-word-industrxt4 {color:var(--color-white);border-bottom:1px solid var(--color-primary);padding-bottom:11px}
.t4-footnav .t4-module .module-title  {color:var(--color-primary);border-bottom:1px solid var(--footer-border-color);}
.t4-footnav{background-image:url(../images/footer-bg-image.png);background-repeat:  no-repeat;background-position:  top center;}
.t4-footnav,.t3-copyright{ border-top:0;}
.t4-footnav .footerlogo_social_icon  .fa,.t4-footnav .footerlogo_social_icon  .fas,.t4-footnav .footerlogo_social_icon  .fa-brands,.t4-footnav .footerlogo_social_icon  .fa-solid,.t4-footnav .footerlogo_social_icon  .fa-regular{ width:37px; height:37px; font-size:20px;line-height:37px; padding:0 10px; text-align:center;transition: all 0.3s linear 0s;margin-right:5px;}
ul.footerlogo_social_icon li{ display:inline; float:left; margin-right:5px;}
.t4-footnav .t4-module ul.footerlogo_social_icon{ margin-top:30px}
.t4-footnav .t4-module .jt-cs.industrxt4 .slide .jt-title { margin-bottom:0;line-height: 1;}
.t4-footnav .t4-module .jt-cs.industrxt4 .readmore a.btn{ background:none;border:none; padding:0px;}
.t4-footnav .t4-module .jt-cs.industrxt4 p.readmore{ margin:0;display: inline-block;}
.t4-footnav .t4-module .jt-cs.industrxt4 .jt-row {padding:15px 0;}
.t4-footnav .t4-module .jt-cs.industrxt4 .slide {margin-bottom: 0px;margin-top: 0px;padding: 15px 0;}
.t4-footnav .t4-module ul li{ margin:15px 0; border-bottom:0;}
.t4-footnav .module_menu .nav > li > a,.t4-footnav .module_menu .nav > li > .separator,.t4-footnav .module_menu .nav > li > span {	border-bottom:0;}
.t4-footnav img {outline: none;border:0;}
.t4-footnav a{color:var(--footer-link-color)}
.t4-footnav a:hover{color:var(--footer-link-hover-color)!important}

.t4-copyright{background-color: var(--color-dark);color:var(--footer-text-color);}
.t4-copyright p{ margin-bottom:0}
.t4-copyright ul.nav li,.t4-copyright li{margin:0;}
.t4-copyright ul.nav li a{border-radius:0px; padding:0px 30px 0px 0px;transition: all 0.3s linear 0s;}
.t4-copyright p,.top-login { margin:0px;}
.t4-copyright i{ margin-right:10px;}
.t4-copyright ul.nav li a:hover,.t4-copyright li a:hover ,.t4-copyright a:hover{background:none;background-color:transparent;transition: all 0.2s  linear 0s;}
.t4-copyright ul.nav li.active a,.t4-copyright li.active a { background:none}
.t4-copyright ul.dropdown-menu{ border-radius:0px; padding-left:10px; margin-top:0; margin-left:-10px;}
.t4-copyright ul.dropdown-menu li a{padding:10px;}
.t4-copyright .nav  li,.t4-copyright .nav  li a,.t4-copyright .nav  li:hover,.t4-copyright .nav  li a:hover{background:none!important;background-color:transparent!important;}
.t4-copyright .row{align-items: center;}
.t4-copyright .navbar{justify-content: flex-end;}
.t4-copyright ul.nav {flex-direction: row;transition: all 0.3s linear 0s;}
.t4-footnav .module_menu .nav > li > a, .t4-footnav .module_menu .nav > li > .separator, .t4-footnav .module_menu .nav > li > span {color:var(--footer-text-color);}
.t4-footnav .module_menu .nav > li > a:hover, .t4-footnav .module_menu .nav > li > .separator:hover, .t4-footnav .module_menu .nav > li > span:hover {color:var(--color-white);}
.jt-cs.industrxt4 .owl-carousel .owl-nav .owl-prev .fa, .jt-cs.industrxt4 .owl-carousel .owl-nav .owl-next .fa {color:var(--color-primary)}

.t4-footnav .footerlogo_social_icon  .fa,.t4-footnav .footerlogo_social_icon  .fas,.t4-footnav .footerlogo_social_icon  .fa-brands,.t4-footnav .footerlogo_social_icon  .fa-solid,.t4-footnav .footerlogo_social_icon  .fa-regular{background:rgba(255, 255, 255, 0.1);color:var(--footer-text-color) }
.t4-footnav .footerlogo_social_icon  .fa:hover,.t4-footnav .footerlogo_social_icon  .fas:hover,.t4-footnav .footerlogo_social_icon  .fa-brands:hover,.t4-footnav .footerlogo_social_icon  .fa-solid:hover,.t4-footnav .footerlogo_social_icon  .fa-regular:hover{color:var(--color-primary);transition: all 0.3s linear 0s; }
.t4-footnav .t4-module .module-title .first-word-industrxt4 {color:var(--color-white);border-bottom:1px solid var(--color-primary);padding-bottom:11px}

.t4-footnav .t4-module .jt-cs.industrxt4 .slide .jt-title,.t4-footnav .t4-module .jt-cs.bt-subslider div.readmore .bt-date {color:var(--color-primary);}
.t4-footnav .t4-module .jt-cs.industrxt4 .bt-row-separate {border-bottom: 0;margin:0;}
.t4-copyright ul.nav li a:hover, .t4-copyright li a:hover,.t4-copyright li span:hover, .t4-copyright li.separator:hover{color:var(--color-primary);transition: all 0.3s linear 0s;}
.t4-copyright ul.nav li a, .t4-copyright li a, .t4-copyright li span, .t4-copyright li.separator {color:var(--footer-text-color);}

.acymailing_module_form.industrxt4{ margin:0;}
.acymailing_module_form.industrxt4 .acymailing_introtext.industrxt4 {padding-bottom:15px!important;}
.acymailing_module_form.industrxt4 td.acysubbuttons input.btn-primary{border-radius:0px 3px 3px 0px;margin-left: -2px;padding-left:15px;padding-right:15px;}
.acymailing_module_form.industrxt4 input{border-radius:0px;border: 0;padding:4px 12px;height: 35px;max-width: 100%;cursor: text;}
#back-to-top {
	display: block;
	font-size: 48px;
	line-height: 22px;
	color: #ffffff;
	border: 2px solid var(--color-primary);
	background-color:var(--color-primary);
	height: 40px;
	width: 40px;
	padding: 0;
	text-align: center;
	filter: alpha(opacity=80);
	opacity: 0.8;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
/*
	=========================================
		COLOREDMODULE-4 - about us
	=========================================
*/

.about-us-title{ margin-top:0}
.wrap.coloredmodule-4{ background-image:url(../images/coloredmodule-4-bg-pic.jpg); background-repeat:no-repeat;background-position:center center; background-size:cover; position:relative; }
.wrap.coloredmodule-4::before{position:absolute; top:0; left:0; right:0; bottom:0; content:""; opacity:0.9;background-color: var(--color-dark);}


/*
	=======================================
		COUNTERS
	=======================================
*/

.counters {float: left;width: 100%;padding: 0px;text-align: center;font-size: 50px;font-weight: 500; padding:60px 0;color:#fff}
.counters i {font-size: 62px;display: block;margin-bottom: 10px;color:#fff}
.counters h4 {display: block;font-size:19px;font-weight: 400;margin: 0px auto 0 auto;padding: 5px 0px 20px 0px; }

.counter-style {padding: 50px 20px;border: 1px solid rgba(255,255,255,.2);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; margin:0 10px;border-radius:3px;}

.counters .timer {font-size: 60px;line-height: 60px;font-weight: 600;letter-spacing: 3px;margin-bottom: 10px;}
.counter-style::after {content: "";height: 0;width: 100%;position: absolute;top: 0;right: 0;z-index: -1;transform-origin: top;-moz-transform-origin: top;-ms-transform-origin: top;-webkit-transform-origin: top;-o-transform-origin: top;transition: all .8s;-moz-transition: all .8s;-webkit-transition: all .8s;-ms-transition: all .8s;-o-transition: all .8s;}
.counter-style:hover::after {height: 100%;top: auto;bottom: 0;transform-origin: bottom;-moz-transform-origin: bottom;-ms-transform-origin: bottom;-webkit-transform-origin: bottom;-o-transform-origin: bottom;
}

/*
	=========================================
	MEET TEAM ABOUT US PAGE - ZT TESTIMONIAL
	=========================================
*/
.zt-module-testimonial-description.industrxt4.team,.zt-module-testimonial-description.industrxt4.customer{ text-align:center;font-size: 16px;}
/*
	=========================================
	PRICING TABLE -  CUSTOM MODULE
	=========================================
*/
.pricingtable-row .row{padding:40px 150px;}
.pricingtable-wrapper.style {box-shadow: 0 0 30px 0 rgba(0,0,0,.1);padding: 30px;}
.no-padding {padding-left: 0;padding-right: 0;}
.pricingtable-inner {text-align: center;}
h4.pricingtable-title {font-size: 22px;line-height: 28px;margin-bottom: 15px; text-align:center;}
.pricingtable-wrapper.style .pricingtable-bx {font-weight: 500;border-radius: 10px;display: inline-block;font-size:16px;margin-top: 20px;padding: 15px 25px;margin-bottom: 20px;}
.pricingtable-wrapper.style .pricingtable-bx span {font-size: 22px;}
.pricingtable-wrapper.style.active {margin: -30px -10px 0;padding: 60px 30px;position: relative;z-index: 1;}
.pricingtable-wrapper.style p {line-height: 28px;margin-bottom: 24px;}
.site-button.white {display: inline-block;padding: 12px 60px;background-color: #fff;border-radius: 100px;-webkit-border-radius: 100px;margin: 0 5px 10px 0;}
.pricingtable-inner .btn-primary{display: inline-block;padding: 12px 60px;border-radius: 100px;-webkit-border-radius: 100px;margin: 0 5px 10px 0;}

/*
	=========================================
	HAPPY CUSTOMERS - JT TESTIMONIAL
	=========================================
*/
.jt-testimonial-wrap.industrxt4.happycustomer .testimonial_block-image img {outline:1px solid rgba(0,0,0,.5);}
.jt-testimonial-wrap.industrxt4.happycustomer  .testimonial_block-image{margin-right:15px;}
.jt-testimonial-wrap.industrxt4.happycustomer .img-circle {border-radius: 50%;}
.jt-testimonial-wrap.industrxt4.happycustomer .testimonial_block-text {padding:25px;position: relative;margin:0px 0px 50px 0px;min-height: 10px;border-radius: 6px 6px 6px 0;-webkit-box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);-moz-box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-o-transition: all .8s;-webkit-transition: all .8s;border: 1px solid var(--border-color);background-color:var(--border-color);}
.jt-testimonial-wrap.industrxt4.happycustomer .testimonial_block-text::after {display: none;}
.jt-testimonial-wrap.industrxt4.happycustomer .testimonial_block-text::before {content: "";position: absolute;width: 0;height: 0;bottom: -31px;left:24px;margin-right: 10px;border-style: solid;border-color: transparent;border-bottom: 0;border-width: 30px 0 0 30px;border-top-color:var(--border-color);}
.jt-testimonial-wrap.industrxt4.happycustomer .tw-fb a {display: block;float: left;padding: 12px !important;font-size: 18px;text-align: center;}
.jt-testimonial-wrap.industrxt4.happycustomer .row.info {padding-left:40px;}
.jt-testimonial-wrap.industrxt4.happycustomer .zt-testimonial,.jt-testimonial-wrap.industrxt4.happycustomer .zt-testimonial:hover {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border-bottom:0; background-color:transparent}
.jt-testimonial-wrap.industrxt4.happycustomer .name{ font-weight:500;}
.jt-testimonial-wrap.industrxt4.happycustomer .testimonial_block {justify-content: flex-start; padding-left:40px;}
.jt-testimonial-wrap.industrxt4 .owl2-dots .owl2-dot{background-color:var(--border-color);}
.jt-testimonial-wrap.industrxt4 .owl2-dots .owl2-dot.active {background-color:var(--color-primary);}

/*
	===========================================
	Our Professional Services -  CUSTOM MODULE
	===========================================
*/
.services-box-wrapper.box-shadow{ padding:30px;}
.services-box-wrapper .fa,.services-box-wrapper i{ font-size:80px;}
.services-count-2 span.services-count-number {position: absolute;right:35px;top: 20px;font-size: 120px;font-weight: 700;color: rgba(177, 177, 177, 0.7);opacity: 0.3;line-height: 120px; font-family:Poppins Medium}
.services-box-wrapper  h4 {font-size: 20px;line-height: 26px;margin-bottom: 15px;margin-top:20px;font-weight: 400;text-transform: none;}
.services-box-wrapper a.btn{ margin-top:20px;}

/*
	===========================================
	Our Best Plans -  CUSTOM MODULE
	===========================================
*/

.pricing-table-1 .plan{ padding:20px;margin-bottom: 20px;}
.text-white {color: #FFF;}
.pricing-table-1 .plan-title { color:#fff;position: relative;margin: 0; font-size: 20px;line-height: 26px;}
.pricing-table-1 .plan-price {font-weight: 500;font-size: 38px;margin: 10px 0;display: inline-block;}
.pricing-table-1 .plan-features li {padding: 8px 0px;}
.pricing-table-1 .plan-features {list-style: outside none none;padding: 0 0 20px;margin: 0;list-style: outside none none;font-size: 14px;}

.pricing-table-1 .plan-features i {margin-right: 8px;color: rgba(255, 255, 255, 0.5);}
.pricing-table-1 .featured {margin-top: -10px; padding-bottom:40px;}
.pricing-table-1 .plan-select {border-top: 1px solid rgba(0, 0, 0, 0.2);padding: 20px;text-align: center;}
/*
	===========================================
	CONTACT PAGE - 
	===========================================
*/
.contact-right .dl-horizontal dt {width: auto;}
.contact-right .dl-horizontal dd {margin-left: 0px;margin-bottom: 20px;}
.contact.industrxt4 i,.contact.industrxt4 .fa{ font-size:26px;line-height:1; margin-right:5px; vertical-align:middle}
.contact.industrxt4 .contact-text{padding-left: 30px;}
.contact.industrxt4 .info-title{ font-weight:500}
.contact-form.industrxt4 .well {box-shadow: none; background-color:transparent}
.contact.industrxt4 .msc-info{border-style:solid; padding:20px}
.contact.industrxt4 .form-horizontal .control-group .control-label {text-align: left; width:110px}
.contact.industrxt4 .form-horizontal .control-group .controls{ margin-left:110px;}
.contact.industrxt4 label#jform_spacer-lbl{ font-size:12px}
.contact.industrxt4 label{ font-weight:normal;}
.contact-form.industrxt4 #jform_contact_message {width: auto;height:155px;}
.contact-form.industrxt4 input{ height:29px;}
.contact-industrxt4-h3{ display:none;}
.contact-miscinfo.industrxt4 .dl-horizontal dd {margin-left: 0px;margin-bottom: 20px;}
.contact-form.industrxt4 #contact-form legend{ margin-bottom:0;}
.form-horizontal .control-group .control-label {position: relative;}
.form-control-feedback {position: absolute;top: -15px;right: -200%;z-index: 2;display: block;width: 200%;height: 34px;line-height: 1;text-align: left;font-size: 12px;pointer-events: none;}
.contact .contact-miscinfo{background: none;border: none;}
/*
	===========================================
	    BREADCRUMBS - 
	===========================================
*/
.t4-breadcrumbs.wrap{ padding:78px 0;width: 100%; position:relative; }
.t4-breadcrumbs.wrap::after{ position:absolute; top:0; left:0; bottom:0; right:0; content:"";opacity:0.75; background-color: var(--color-dark);z-index: 0;}
.t4-col.breadcrumbs{position:relative; z-index:2;}
.breadcrumb{background-color:transparent; color:#fff;}
.t3-breadcrumbs h1 {color: #fff;float: left;font-size: 32px;font-weight:600;margin: 0; text-transform:uppercase }
.t3-breadcrumbs [class*="col-"]{padding-left:0!important;}
.t3-breadcrumbs .breadcrumb > li,.t3-breadcrumbs .breadcrumb > li + li {margin: 7px 0 0;text-align: left;}
.t3-breadcrumbs .breadcrumb > li.active{color:#fff!important;}
.t3-breadcrumbs .breadcrumb{ float:right;}
.t3-breadcrumbs .breadcrumb a:hover{ color:#fff;}
.container.breadcrumbs-wrap-industrxt4{display: flex;justify-content: space-between;align-items: center;}
.mod-breadcrumbs.industrxt4.breadcrumb .breadcrumb-item + .breadcrumb-item::before { font-size:16px;font-weight: 500;font-family:FontAwesome, "Font Awesome 6 Free";content: "\f105";margin-left: 5px;margin-right: 5px;display: inline-block;}
.mod-breadcrumbs.industrxt4.breadcrumb{justify-content: flex-end;gap: 0px 15px;}
.t4-section.t4-breadcrumbs {border-top:0;}

/*
	==================================================
		VIDEO - YENDIF VIEDO SHARE
	==================================================
*/ 
.yendif-video-share.videos.industrxt4{ padding:10px 0;}
.yendif-video-share.videos.industrxt4 ul.thumbnails,.related-industrxt4 ul,.yendif-video-share.categories.industrxt4 ul{ padding:0;}
.yendif-video-share.videos.industrxt4 .thumbnails li,.related-industrxt4 li,.yendif-video-share.categories.industrxt4 li,.yendif-video-share.my-videos.industrxt4 li{ list-style:none; margin-left:0;}
.yendif-video-share.videos.industrxt4 .thumbnail ,.yendif-video-share.categories.industrxt4 .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.industrxt4 [class*=' col-']{ padding-left:10px; padding-right:10px;}
.yendif-video-share.videos.industrxt4 ul{ margin:0;}

.yendif-thumbnail .yendif-play-icon.industrxt4 {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.industrxt4 a:hover { text-decoration:none;}
.yendif-video-share.industrxt4 .btn-primary{ text-transform:uppercase;}
.yendif-video-share.videos.industrxt4 .more_btn{ position:relative; font-size:12px; font-weight:bold;}
.yendif-video-share.videos.industrxt4 .more_btn-inner{ position:absolute; right:-11px; top:-56px;line-height: 1;padding:2px 5px;}
.yendif-video-share.category.industrxt4 ul.thumbnails{ padding:0; display:flex;flex-wrap:wrap;}
.yendif-video-share.category.industrxt4 ul.thumbnails li{ list-style:none;}
.yendif-video-share.category.industrxt4  .thumbnail,.related-industrxt4 .thumbnail,.yendif-video-share.my-videos.industrxt4 .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.industrxt4 .radio.inline + .radio.inline, .yendif-video-share.industrxt4 .checkbox.inline + .checkbox.inline {margin-left: 10px;}
.yendif-video-share.industrxt4 .radio.inline, .yendif-video-share.industrxt4 .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.industrxt4 .form-search input, .yendif-video-share.industrxt4 .form-inline input, .yendif-video-share.industrxt4 .form-horizontal input, .yendif-video-share.industrxt4 .form-search textarea, .yendif-video-share.industrxt4 .form-inline textarea, .yendif-video-share.industrxt4 .form-horizontal textarea, .yendif-video-share.industrxt4 .form-search select, .yendif-video-share.industrxt4 .form-inline select, .yendif-video-share.industrxt4 .form-horizontal select, .yendif-video-share.industrxt4 .form-search .help-inline, .yendif-video-share.industrxt4 .form-inline .help-inline, .yendif-video-share.industrxt4 .form-horizontal .help-inline, .yendif-video-share.industrxt4 .form-search .uneditable-input, .yendif-video-share.industrxt4 .form-inline .uneditable-input, .yendif-video-share.industrxt4 .form-horizontal .uneditable-input, .yendif-video-share.industrxt4 .form-search .input-prepend, .yendif-video-share.industrxt4 .form-inline .input-prepend, .yendif-video-share.industrxt4 .form-horizontal .input-prepend, .yendif-video-share.industrxt4 .form-search .input-append, .yendif-video-share.industrxt4 .form-inline .input-append, .yendif-video-share.industrxt4 .form-horizontal .input-append {display: inline-block;margin-bottom: 0;vertical-align: middle;}
.yendif-video-share.video.industrxt4 .input-append input, .yendif-video-share.video.industrxt4 .input-append select, .yendif-video-share.video.industrxt4 .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.industrxt4 .breadcrumb{margin-top:15px}

.vjs-playlist.white.industrxt4 { border-radius:0px 3px 3px 0px;}
.yendif-video-share.videos.industrxt4 .thumbnail .yendif-image.industrxt4 {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.industrxt4 .thumbnail:hover .yendif-image.industrxt4  {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.industrxt4 .thumbnail .yendif-image.industrxt4::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.industrxt4 .thumbnail:hover .yendif-image.industrxt4::before{	opacity: 1;}
a.yendif-thumbnail.industrxt4{overflow:hidden;}
.yendif-video-share.category.industrxt4 .yendif-thumbnail .yendif-image,.related-industrxt4 .yendif-thumbnail .yendif-image {transition: all ease-in-out 0.5s;}
.yendif-video-share.category.industrxt4 .yendif-thumbnail:hover .yendif-image,.related-industrxt4 .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.industrxt4 a.yendif-thumbnail,.related-industrxt4 a.yendif-thumbnail  {overflow:hidden;}
.yendif-video-share.videos.industrxt4 .thumbnail .caption {padding:10px 15px 15px 15px;}

.yendif-video-share.category.industrxt4 .yendif-thumbnail .yendif-image::before,.related-industrxt4 .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.industrxt4 .yendif-thumbnail:hover .yendif-image::before,.yendif-image::before,.related-industrxt4 .yendif-thumbnail:hover .yendif-image::before {opacity: 1;}
.yendif-video-share.category.industrxt4 .yendif-thumbnail .yendif-play-icon,.related-industrxt4 .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.industrxt4 .yendif-video-share-ratings .yendif-video-share-ratings-stars,.yendif-video-share.video.industrxt4 .yendif-video-share-ratings .yendif-video-share-ratings-star a:hover,.yendif-video-share.video.industrxt4 .yendif-video-share-ratings .yendif-video-share-ratings-stars .yendif-video-share-ratings-current {background-image: url( ../images/star.png );}

.yendif-video-share.videos.industrxt4 .yendif-video-share-ratings-small .yendif-video-share-ratings-stars,.yendif-video-share.videos.industrxt4  .yendif-video-share-ratings-small .yendif-video-share-ratings-current, .yendif-video-share.videos.industrxt4 .yendif-video-share-ratings-small .yendif-video-share-ratings-star a:hover,.yendif-video-share.videos.industrxt4 .yendif-video-share-ratings-small .yendif-video-share-ratings-stars,.yendif-video-share.videos.industrxt4 .yendif-video-share-ratings-small .yendif-video-share-ratings-current, .yendif-video-share.videos.industrxt4 .yendif-video-share-ratings-small .yendif-video-share-ratings-star a:hover {background-image: url( ../images/star_small.png );}

.yendif-video-share.video.industrxt4 .yendif-video-share-ratings-small .yendif-video-share-ratings-stars,.yendif-video-share.video.industrxt4 .yendif-video-share-ratings-small .yendif-video-share-ratings-current, .yendif-video-share.video.industrxt4 .yendif-video-share-ratings-small .yendif-video-share-ratings-star a:hover{background-image: url( ../images/star_small.png );}

.yendif-video-share.industrxt4  .yendif-video-share-svg-icon-play {width:56px; height:56px;top: 50%;left: 50%;margin-top: -28px;margin-left: -28px; padding:4px;border-radius:100%;opacity: 0.80;transition: all 0.2s linear 0s;}
.yendif-video-share.industrxt4 .card:hover .yendif-video-share-svg-icon-play{opacity:1;transition: all 0.2s linear 0s;}

.yendif-video-share.video.industrxt4 .yendif-video-share-search-form{ margin-bottom:20px;}
.yendif-video-share.videos.industrxt4.videos .card{ padding:5px 5px 15px 5px; margin-bottom:30px}
.yendif-video-share.videos.industrxt4.videos .card-body,.yendif-video-share.video.industrxt4 .yendif-video-share-related.industrxt4 .card-body,.yendif-video-share-categories.industrxt4 .card-body,.yendif-video-share.category.industrxt4 .card-body,.yendif-video-share.mod-yendifvideoshare-videos.industrxt4 .card-body{ padding:10px 10px 20px 10px;}
.yendif-video-share.videos.industrxt4 .yendif-video-share-ratings,.yendif-video-share.videos.industrxt4 .yendif-video-share-ratings-small{margin: 7px 0 7px 0;padding:3PX 0;}
.yendif-video-share.category.industrxt4 .card-body{margin-bottom:30px}

.yendif-video-share.video.industrxt4 .yendif-video-share-meta-views,.yendif-video-share.video.industrxt4 .yendif-video-share-ratings,.yendif-video-share.video.industrxt4 .yendif-video-share-ratings-small,.yendif-video-share.video.industrxt4 .yendif-video-share-meta-date {margin: 7px 0 7px 0;}
.yendif-video-share.video.industrxt4 p.lead{ margin:20px 0 15px 0;}

.yendif-video-share.video.industrxt4 div.yendifplayer{margin-bottom:15px}
.yendif-video-share.video.industrxt4 .yendif-video-share-related.industrxt4 .yendif-video-share-grid-item{margin-bottom:30px}
.yendif-video-share.video.industrxt4 .yendif-video-share-related.industrxt4 .card{-webkit-box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);-moz-box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.08);}
.yendif-video-share.mod-yendifvideoshare-playlist.industrxt4 .yendif-video-share-playlist-videos{ padding:10px 0 10px 10px}

.yendif-video-share.mod-yendifvideoshare-playlist.industrxt4 .yendif-video-share-playlist-videos .flex-grow-1 { padding:10px}
.mb-2{ margin-bottom:20px;}
.mb-3{ margin-bottom:30px;}

.t3-sidebar .yendif-video-share.mod-yendifvideoshare-search.industrxt4 div.input-group{ display:flex;}
.t3-sidebar .yendif-video-share.mod-yendifvideoshare-search.industrxt4 input.form-control{margin-right:10px }

/*
	=========================================
		BLOG - JT CONTENT SLIDER
	=========================================
*/
.jt-cs.industrxt4  .owl-carousel .owl-nav .owl-next, .jt-cs.industrxt4 .owl-carousel .owl-nav .owl-prev{ display:inline-block;bottom:0px; height:35px; width:35px;opacity:1; margin-top:-35PX;}
.industrxt4 .jt-arrows.industrxt4{ position:relative;margin-top:40px}
.jt-cs.industrxt4 .bt_handles_num {position:relative!important; z-index:1; text-align: center;}
.jt-cs.industrxt4 .bt_handles_num li{float:none; display:inline-block; margin:0 5px!important;}
.jt-cs.industrxt4 .owl-dots span,.jt-cs.industrxt4 .owl-dots .active span{ font-size:14px; line-height:33px; height:35px; width:35px; float:none;border-radius:0px; position:relative;}
.industrxt4 .bt_handles_num li a:hover{ color:#fff!important}
.jt-cs.industrxt4 .owl-carousel .owl-nav .owl-prev{left:25%; z-index:2;opacity:1;text-indent:0; background:none!important;}
.jt-cs.industrxt4  .owl-carousel .owl-nav .owl-next{right:25%; z-index:2;opacity:1; text-indent:0;background:none!important;}
.jt-cs.industrxt4.blog .jt-intro-title-container {padding:20px 0px;float:none;}
.jt-cs.industrxt4 .jtcs_item_category{ display:block;}

.jt-cs.industrxt4  .owl-carousel .owl-nav{position: absolute;bottom: 0; width:100%;}
.jt-cs.industrxt4  .owl-carousel .owl-nav .owl-next, .jt-cs.industrxt4 .owl-carousel .owl-nav .owl-prev{opacity:1; font-size:1rem;border-radius:0px;}
.jt-cs.industrxt4 .owl-carousel .owl-nav .owl-prev .fa, .jt-cs.industrxt4 .owl-carousel .owl-nav .owl-next .fa {font-size: 14px;line-height:35px;}
.jt-cs.industrxt4 .jtcs-author_date{ display:flex;justify-content:flex-start; gap:10px;margin-bottom: 5px;}
.jt-cs.industrxt4 .owl-dots {counter-reset: dots;}
.jt-cs.industrxt4 .owl-dot span:before {counter-increment:dots;content: counter(dots);color: #fff;z-index: 1;}
.industrxt4.blog .positioncenter.owl-carousel .owl-nav {width:100%;position: absolute;top:100%;bottom: 0;transform: translateY(35px);}
/*
	====================================================
		PORTFOLIO - SP SIMPLE PORTFOLIO MODULE 
	====================================================
*/


.featherlight .featherlight-content,.featherlight{ z-index:999!important}
.sp-simpleportfolio .sp-simpleportfolio-item.industrxt4 .sp-simpleportfolio-info{ position:relative;padding:50px 20px 30px 20px;}
.sp-description.industrxt4{ clear:both; line-height:1.42; text-align:justify}
.sp-simpleportfolio-created.industrxt4-overimage{ font-size:19px; font-family:ralewaybold;  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.industrxt4 .sp-simpleportfolio-info h3 a,.sp-simpleportfolio .sp-simpleportfolio-item.industrxt4 .sp-simpleportfolio-info h3{ font-weight:bold; font-size:20px; margin-bottom:10px;}
.sp-simpleportfolio-client.industrxt4.col-sm-6,.sp-simpleportfolio-client.industrxt4.col-md-6{ padding-left:0; padding-right:10px;}
.sp-simpleportfolio-client.industrxt4, .sp-simpleportfolio-created.industrxt4{ margin-bottom:15px;}
.sp-simpleportfolio-client.industrxt4 h4, .sp-simpleportfolio-created.industrxt4 h4{ font-size:13px;}
.sp-simpleportfolio-client.industrxt4 h4 span, .sp-simpleportfolio-created.industrxt4 h4 span{ font-weight:bold;}
.sp-simpleportfolio-info.industrxt4:hover h4{ color:#fff;}
.sp-simpleportfolio .sp-simpleportfolio-item.industrxt4 .sp-simpleportfolio-link{ text-align:right; margin-top:30px;}
.sp-simpleportfolio .sp-simpleportfolio-item.industrxt4 .sp-simpleportfolio-btns a{border-radius:3px;}
.filters.btn-toolbar .btn{height:38px;}
span[itemprop="keywords"] { margin-right:5px;}
.sp-simpleportfolio .sp-simpleportfolio-description.industrxt4{ width:100%; margin-bottom:15px;}
.sp-simpleportfolio-meta.industrxt4{ 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 {border-radius:3px;color:#fff}
.sp-simpleportfolio .sp-simpleportfolio-meta.industrxt4 > div { margin-bottom:10px; padding-bottom:10px}
.sp-simpleportfolio-link a.btn{ margin-top:15px; margin-bottom:15px;}

.sp-simpleportfolio.industrxt4 .sp-simpleportfolio-item .sp-simpleportfolio-btns a {border-radius:3px;}
.sp-simpleportfolio .sp-simpleportfolio-meta h4 {font-weight: 400;}
.sp-simpleportfolio .sp-simpleportfolio-image[class*=' col-']{ padding-left:0;}
.sp-simpleportfolio.industrxt4 .sp-simpleportfolio-columns-3 .sp-simpleportfolio-item {width: 33.3334%;}
/*
	====================================================
		LOGIN - REGISTRATION
	====================================================
*/
.registration{-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.08);-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.08);box-shadow:0px 0px 15px 0px rgba(0,0,0,0.08); padding:15px; }
.registration .form-horizontal .control-group .control-label{ text-align:left}
.registration label {font-weight:400;}
.registration .form-actions,.reset .form-validate p, .remind .form-validate p {border-radius:0px;}
#login-form li {list-style: none;margin-bottom: 7px;}
#login-form ul.unstyled {padding-left: 0;}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {border-top-left-radius: 0;border-bottom-left-radius: 0;}

/****** modal fix**/
.joomla-modal.modal.fade.show{ opacity:1}
body.modal-open .modal-backdrop.show {z-index: -1;}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, 15%);
-ms-transform: translate(0, 15%);
-o-transform: translate(0, 15%);
transform: translate(0, 15%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.media-toolbar {
-webkit-border-start: 1px solid var(--template-bg-dark-7);
background-color: #fff;
border-bottom: 1px solid var(--template-bg-dark-7);
border-inline-start: 1px solid var(--template-bg-dark-7);
border-radius: 0 .25rem 0 0;
-webkit-box-shadow: 0 -1px 0 0 var(--template-bg-dark-7);
box-shadow: 0 -1px 0 0 var(--template-bg-dark-7);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
position: sticky;
top: 67px;
z-index: 10;
}
.media-breadcrumb ol > li > a,.media-disk-name {cursor: pointer; font-size:2em;}
.subhead {
background: #fff;
color: #495057;
left: 0;
min-height: 43px;
padding: 1rem .25rem;
position: sticky;
right: 0;
top: 0;
width: auto;
z-index: 1000;
}
.media-browser-select::after {
content: "\f00c";
font-family: FontAwesome;
font-size: 1.3rem;
font-weight: 900;
height: 1.69rem;
left: 0;
line-height: 1.69rem;
opacity: 0;
position: absolute;
text-align: center;
top: 0;
-webkit-transform: scale(.5);
transform: scale(.5);
-webkit-transition: all .3s cubic-bezier(.4,0,.2,1);
-o-transition: all .3s cubic-bezier(.4,0,.2,1);
transition: all .3s cubic-bezier(.4,0,.2,1);
width: 1.69rem;
}
.item-name {font-size:1.1em;}
.component.window .btn-toolbar {-webkit-box-pack:start;-ms-flex-pack:start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start;}
joomla-field-media .field-media-preview{ margin-bottom:20PX;}
.component.window .btn{ margin:0 5px 30px 5px;}
#jform_images_image_fulltext,#jform_images_image_intro{ margin-right:5px;}
.mb-2{ margin:15px 0;}
.com_content.layout-edit .edit.item-page .input-group .btn{ padding:6px 12px; font-size:15px;}
@media screen and (min-width: 768px){
body.modal-open .modal-dialog {max-width: none;width:60vw;margin: 30px auto; }
.jviewport-height60 {height:50vh;}
}
.is-flipped .choices__list--dropdown {z-index: 999;}

.edit-link{ float:right;}
.icon-edit::before {
content: "\f044";
font-family:FontAwesome, "Font Awesome 6 Free";
font-weight:600;
font-size:16px;
color:rgba(0,0,0,0.7);
}
[role="tooltip"]:not(.show)[id^="editarticle-"], [role="tooltip"]:not(.show)[id^="editcontact-"] {
	-webkit-margin-start: -10em;
	margin-inline-start: -10em;
	right: auto;
}
[role="tooltip"]:not(.show) {
	background: #fff;
	border: 1px solid #6d757e;
	border-radius: .25rem;
	-webkit-box-shadow: 0 0 .5rem rgba(0,0,0,.8);
	box-shadow: 0 0 .5rem rgba(0,0,0,.8);
	color: #000;
	display: none;
	margin: .5em;
	max-width: 100%;
	padding: 1.5em;
	right: 5em;
	text-align: start;
	z-index: 1070;
}
[role="tooltip"]:not(.show)[id^="editarticle-"], [role="tooltip"]:not(.show)[id^="editcontact-"] {
	-webkit-margin-start: -10em;
	margin-inline-start: -10em;
	right: auto;
}
.edit-link:focus + [role="tooltip"], .edit-link:hover [role="tooltip"] {
	display: block;
	position: absolute;
}
.uk-modal .uk-open .uk-modal-dialog {overflow-y: scroll;}
.wf-media-wrapper .modal .modal-body {
	min-height: 100% !important;
	overflow: scroll;

}

/*========================== Color Preset =========================*/
.presetArea{z-index: 9999;padding: 15px 13px 15px 20px;}

.switch:focus{
    color: #FFF;
}
.presetArea h2{
    color: #fff!important;
    font-size: 30px!important;
    font-weight: 700!important;
    line-height: 23px!important;
    margin: 0;
    text-align: left;
    text-transform: uppercase;
}
.presetArea h2 span{
    font-weight: 100;
    display: inline-block;
    width: 100%;
}
.accentColor{
    width: 100%;
    position: relative;
    margin-top:0px;
}
.psTitle{
    font-size:15px!important;
    color:#FFF!important;
    margin:0px;
    text-align: left;
    margin-bottom: 20px;
	font-weight:700;
	letter-spacing:0.8px;
}
.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, 1);
}

.accentColor a.color1{background:#152332;}
.accentColor a.color1:after{border-left-color:#FF5E14;}

.accentColor a.color2{background:#333333;}
.accentColor a.color2:after{border-left-color: #00ADB5;}

.accentColor a.color3{background: #00173C}
.accentColor a.color3:after{border-left-color: #EE0D08;}

.accentColor a.color4{background: #283149 }
.accentColor a.color4:after{border-left-color:#00818A;}

.accentColor a.color5{background:#111111;}
.accentColor a.color5:after{border-left-color:#29A19C;}

.accentColor a.color6{background:#1E2227;}
.accentColor a.color6:after{border-left-color: #FC5A0A;}

.accentColor a.color7{background:#182641 ;}
.accentColor a.color7:after{border-left-color: #F3525A;}

.accentColor a.color8{background:#2C003E;}
.accentColor a.color8:after{border-left-color: #FE346E;}

.accentColor a.color9{background:#111111;}
.accentColor a.color9:after{border-left-color: #990100;}

.accentColor a.color10{background:#051829;}
.accentColor a.color10:after{border-left-color: #FDC900;}

.accentColor a.color11{background:#252525;}
.accentColor a.color12{background:#2B2B2B;}

.accentColor a:focus,.colorChem a:focus,.layoutstyle a:focus{ outline:none;}
.accentColor a:after{
    border-bottom: 0 solid transparent;
    border-left: 30px solid #E74C3C;
    border-top: 30px solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}

.colorChem a.dark1{
    background:#313131;}
.accentColor a.dark1:after{
    border-bottom: 0 solid transparent;
    border-left:41px solid #CA3E47;
    border-top: 40px solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}
.colorChem a.dark2{
    background:#222A33;}
.accentColor a.dark2: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.dark3{
    background:#1F2024;}
.accentColor a.dark3: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.dark4{
    background:#000000;}
.accentColor a.dark4:after{
    border-bottom: 0 solid transparent;
    border-left: 41px solid #D72323;
    border-top: 40px solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}
.colorChem a.dark5{
    background:#3A4750;}
.accentColor a.dark5:after{
    border-bottom: 0 solid transparent;
    border-left: 41px solid #00adb5;
    border-top: 40px solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}

.colorChem a.dark6{
    background:#263859;}
.accentColor a.dark6:after{
    border-bottom: 0 solid transparent;
    border-left: 41px solid #ff6768;
    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: 25px;
}
.colorChem a{
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    height: 40px;
    line-height: 8px;
    text-align: center;
	text-indent:10px;
	letter-spacing:0.7px;
    text-transform: uppercase;
    width: 90px;
    padding-top: 16px;
    margin-right:3px;
	margin-bottom:13px;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}





.colorChem a:hover, .colorChem a.active{
background: rgba(0, 0, 0, 0.8);
    color: #FFF;
}
.colorChem a:last-child{
    margin-right: 0px;
}
.layoutstyle{
    width: 100%;
    margin-top: 30px;
    position: relative;
}
.layoutstyle a{
    display: inline-block;
    width: 90px;
    height: 30px;
    font-size: 10px;
    line-height: 8px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    text-align: left;
    padding-left: 40px;
    padding-top: 11px;
    position: relative;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
.layoutstyle a.wide{
    background: url(../images/wide.png) no-repeat left center;
}
.layoutstyle a.Box{
    background: url(../images/boxed.png) no-repeat left center;
}
.layoutstyle a.patterned{
    background: url(../images/pattern.png) 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;
}
table.dark-colors td{ padding-right:15px; border-top:0;}

@keyframes spin{
  0%{
    transform:rotate(0);
}
  100%{
    transform:rotate(360deg);
}
}
.industrxt4 .ui-slideouttab-handle i {font-size: 28px;background-color: transparent;animation: spin 10s linear infinite;color: #fff; margin:0!important}

.btn-primary.off-canvas-toggle,.btn-primary.off-canvas-toggle:active:hover, .btn-primary.off-canvas-toggle.active:hover, .open > .dropdown-toggle.btn-primary.off-canvas-toggle:hover, .btn-primary.off-canvas-toggle:active:focus, .btn-primary.off-canvas-toggle.active:focus, .open > .dropdown-toggle.btn-primary.off-canvas-toggle:focus, .btn-primary.off-canvas-toggle:active.focus, .btn-primary.off-canvas-toggle.active.focus, .open > .dropdown-toggle.btn-primary.off-canvas-toggle.focus {background-color:transparent;border-radius: 0px;}
.readmore .btn-default:hover{color:var(--color-white); background:darken(var(--color-primary),8%);}

body.boxed .btn-primary.off-canvas-toggle,body.boxed .btn-primary.off-canvas-toggle:active:hover, body.boxed .btn-primary.off-canvas-toggle.active:hover,body.boxed .open > .dropdown-toggle.btn-primary.off-canvas-toggle:hover,body.boxed  .btn-primary.off-canvas-toggle:active:focus,body.boxed  .btn-primary.off-canvas-toggle.active:focus,body.boxed  .open > .dropdown-toggle.btn-primary.off-canvas-toggle:focus, .btn-primary.off-canvas-toggle:active.focus, .btn-primary.off-canvas-toggle.active.focus, .open > .dropdown-toggle.btn-primary.off-canvas-toggle.focus {background-color:var(--color-primary);border-radius: 0px;width: 50px;}

.text-secondary{color:var(--color-secondary)}

.btn, .btn-primary, button ,.btn,button,.n2-ss-button-container a.btn-primary{background-color:var(--color-primary);transition: all 0.2s linear 0s;}

.btn-primary ,.n2-ss-button-container a.btn-primary{border-color: var(--color-primary)!important;}
.n2-ss-button-container a.btn-primary{background:var(--color-primary)!important;transition: all 0.2s linear 0s;}
.logo-text ,.logo-text a{color:var(--color-white)}
.module_menu .nav > li > a, .module_menu .nav > li > .separator,.module_menu .nav > li > span ,.module_menu .dropdown-menu > a{color:var(--body-text-color)}
.module_menu .nav > li > a:hover, .module_menu .nav > li > .separator:hover,.module_menu .nav > li > span:hover,.module_menu .nav > li.active > a, .module_menu .nav > li.active > .separator,.module_menu .nav > li.active > span,.module_menu .dropdown-menu > .active > a {background-color:transparent;border-bottom:1px solid var(--border-color);}
.module_menu .nav > li > a, .module_menu .nav > li > .separator,.module_menu .nav > li > span{border-bottom: 1px solid var(--border-color);}




select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible,
input[type="text"]:focus,
input[type="text"]:focus-visible,
input[type="password"]:focus,
input[type="password"]:focus-visible,
input[type="datetime"]:focus,
input[type="datetime"]:focus-visible,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:focus-visible,
input[type="date"]:focus,
input[type="date"]:focus-visible,
input[type="month"]:focus,
input[type="month"]:focus-visible,
input[type="time"]:focus,
input[type="time"]:focus-visible,
input[type="week"]:focus,
input[type="week"]:focus-visible,
input[type="number"]:focus,
input[type="number"]:focus-visible,
input[type="email"]:focus,
input[type="email"]:focus-visible,
input[type="url"]:focus,
input[type="url"]:focus-visible,
input[type="search"]:focus,
input[type="search"]:focus-visible,
input[type="tel"]:focus,
input[type="tel"]:focus-visible,
input[type="color"]:focus,
input[type="color"]:focus-visible,
.inputbox:focus,
.inputbox:focus-visible,
.t4-footnav .chronoforms input:focus,
.t4-footnav .chronoforms input:focus-visible,
.t4-footnav .chronoforms textarea:focus,
.t4-footnav .chronoforms textarea:focus-visible,
.chzn-container-active.chzn-with-drop .chzn-single {
  box-shadow: 0 0px 0px var(--color-primary), 0 0 8px var(--color-primary);
  border-color: var(--border-color);
  transition: all 0.2s linear 0s;outline: none;
}

::selection {background: var(--color-primary);color:var(--color-white);}
::-moz-selection { background: var(--color-primary); color:var(--color-white);}
.first-word-industrxt4{color: var(--color-primary);}
h3.border-centered {line-height:1.2;text-align:center;font-size:var(--h3-font-size);color:var(--heading-color)}
h3.border-centered span::after{border-bottom:4px solid var(--color-primary)}


.wrap.topbar{background-color:var(--color-secondary);border-bottom:1px solid darken(var(--color-secondary),10%);}
.topbar i{transition: all 0.2s linear 0s; outline:none;}
.topbar ul.menu li a,.topbar li a,.topbar,.topbar p,.topbar a,.bottomright ul.menu li a,.bottomright li a,.topbar .social-top i{color:var(--color-white);transition: all 0.2s linear 0s; outline:none;}
.topbar ul.menu li a:hover,.topbar li a:hover ,.topbar a:hover,.bottomright ul.menu li a:hover,.bottomright li a:hover,.topbar i:hover{transition: all 0.2s linear 0s; outline:none; color:var(--color-primary);}
.search-icon::after {color:var(--body-text-color)}



.services-subslider i{color:var(--color-primary);}
.wrap.subslider_bg{background-color:var(--color-gray-light)}
.iconservices-col:hover span.hvr-ripple-out{color:var(--color-white);background-color: var(--color-primary)!important;border-color: var(--color-primary);}
.iconservices-col:hover  span.hvr-ripple-out i {color:var(--color-white);}
.services-subslider h4,.services-subslider h4 a{color:var(--heading-color)}
.services-subslider h4:hover,.services-subslider h4 a:hover{color:var(--body-link-hover-color)}

.jt-cs.industrxt4 .jt-inner-bg{background-color:var(--containerbg-color)}
.jt-cs.industrxt4 .slide .jt-category,.jt-cs.bt-subslider div.readmore a{color:var(--color-primary);}
.jt-cs.bt-subslider div.readmore:hover ,.jt-cs.bt-subslider div.readmore a:hover{color:var(--color-secondary);}
.jt-cs.bt-subslider div.readmore i,.jt-cs.bt-subslider div.readmore .fa{ color:var(--color-white);background-color:var(--color-primary);transition: all 0.2s  linear 0s;}
.jt-cs.bt-subslider div.readmore i:hover,.jt-cs.bt-subslider div.readmore .fa:hover{ color:var(--color-white);background-color:var(--color-secondary);transition: all 0.2s  linear 0s;}
.jt-cs.industrxt4 .owl-carousel .owl-nav button.owl-next,.jt-cs.industrxt4 .owl-carousel .owl-nav button.owl-prev,.jt-cs.industrxt4 .owl-carousel button.owl-dot {color:var(--color-secondary);}
.jt-cs.industrxt4 .owl-dots .active span {background:var(--color-secondary);}
.jt-cs.industrxt4 .owl-dots span {border: 2px solid var(--color-secondary);}

.industrxt4 .bt_handles li.current a {background-color:var(--color-primary)!important;}
.jt-cs.industrxt4 .bt_handles li a {background-image: none !important;background-color:var(--color-secondary);}


.jt-cs.industrxt4 .hover-icons a.icon-url.industrxt4{background-color:var(--color-primary);}
.jt-cs.industrxt4 .hover-icons a.icon-lightbox.industrxt4 {background-color:var(--color-secondary);}

.jt-cs.industrxt4.jt-projects  a.icon-url.industrxt4{background-color:var(--color-primary);}
.jt-cs.industrxt4.jt-projects a.icon-lightbox.industrxt4 {background-color:var(--color-secondary);}

.jt-cs.industrxt4.jt-projects .jt-inner-overlay {background-image: -webkit-linear-gradient(-45deg, var(--color-secondary)  50%, transparent 50%);}
.jt-cs.industrxt4.jt-projects .jt-inner-overlay-2{background-image: -webkit-linear-gradient(-45deg, transparent 50%, var(--color-primary) 50%);}

.jt-cs.industrxt4.latestnews .jtcs-author_date{color:var(--color-primary);}


.wrap.coloredmodule-1 .jt-testimonial-wrap.ourclient .testimonial_block-text,.wrap.coloredmodule-1.jt-testimonial-wrap.ourclient .testimonial_block-name,.wrap.coloredmodule-1 .jt-testimonial-wrap.ourclient .testimonial_block-data ,.wrap.coloredmodule-1 .jt-testimonial-wrap.ourclient .testimonial_block-position{color:var(--color-white);}
.wrap.coloredmodule-1 .jt-testimonial-wrap.ourclient .testimonial_block-text .fa,.wrap.coloredmodule-1 .jt-testimonial-wrap.ourclient .testimonial_block-text i{color:var(--color-primary);}

.jt-testimonial-wrap.industrxt4.meet-team .testimonial_block:hover {border-bottom: 3px solid var(--color-primary);}
.jt-testimonial-wrap.industrxt4.meet-team  .testimonial_block-text {border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);}

.jt-cs.jt-projects a.prev:hover {background:var(--color-secondary) url(../images/re-left.png) no-repeat !important;}
.jt-cs.jt-projects a.next:hover {background:var(--color-secondary) url(../images/re-right.png) no-repeat !important;}

.jt-cs.industrxt4.latestnews .jt-imagewrap::after,.jt-cs.industrxt4.blog .jt-imagewrap::after{background:var(--color-black);}
.jt-cs.industrxt4.latestnews .jt-extra i, .jt-cs.industrxt4.latestnews .jt-extra .fa ,.jt-cs.industrxt4.latestnews .jt-extra .bt-date,.jt-cs.industrxt4.latestnews .jt-author a{color:var(--body-link-color);}
.jt-cs.industrxt4.latestnews .jt-extra{border-top:1px solid var(--border-color)}
.jt-cs.industrxt4 .bt-author,.jt-cs.industrxt4 .bt-author a, .jt-cs.industrxt4 .bt-date{color:var(--body-text-color)}

.jt-cs.industrxt4 .owl-dots span{background-color:var(--color-secondary);}
.jt-cs.industrxt4 .owl-dots .active span {background:var(--color-primary)!important;border: 2px solid var(--color-primary);}
.jt-cs.industrxt4 .owl-carousel .owl-nav .owl-prev,.jt-cs.industrxt4  .owl-carousel .owl-nav .owl-next{border:1px solid var(--color-primary)}

.aboutimage-1{border: 10px solid var(--color-primary);}
.since-year strong{color:var(--color-primary);}
.since-year span{color:var(--color-secondary);}
.aboutimage-2{border: 10px solid var(--color-secondary);}
.counters h4{color:var(--color-white)}
.services-subslider span.hvr-ripple-out{ background:var(--color-white);}
.ourstory-text .fa{color: var(--color-primary);}
.zt-module-testimonial.industrxt4 .zt-testimonial {background-color:var(--color-white);}
legend {border-bottom: 1px solid var(--border-color);color:var(--heading-color)}



input.btnqf3{background-color:var(--color-primary)!important;color:var(--color-white)!important;}
.bfFormDiv .bfQuickMode .bfSubmitButton:hover{transition: all 0.2s  linear 0s;background-color:var(--body-link-hover-color)}
.bottomspot-2-module .bfFormDiv{background:var(--color-white);}


.wrap.bottomspot-3 .subbutton{background-color:var(--color-secondary);border:1px solid var(--color-secondary)!important}
.wrap.bottomspot-3 .subbutton:hover{background-color:darken(var(--color-secondary),5%);border:1px solid darken(var(--color-secondary),5%);transition: all 0.2s  linear 0s;}
.bottomspot-3 .acym_module_form .wrap-acym-wtcorp input#acym__user__edit__email{color:var(--color-white)!important;border:1px solid rgba(255,255,255, 0.55)}
.wrap-acym-wtcorp input#acym__user__edit__email .inputbox{color:var(--color-white)!important;}
.bottomspot-3 .acym_introtext span,.bottomspot-3 .acym_introtext{color:var(--color-white);}



#slider-module-wrapper .btn-primary{color:var(--color-white)!important;font-size:var(--h4-font-size)!important; padding:6px 15px!important;font-family: 'Play Regular'!important;line-height:1.4!important;float:right;}


.counter-style::after {background-color:var(--color-primary);}
.zt-module-testimonial.industrxt4.team .zt-information ul.zt-member-social-links li a {color: var(--color-secondary);}
.zt-module-testimonial.industrxt4.team .zt-testimonial:hover {border-bottom: 3px solid var(--color-primary);}

.contact-form.industrxt4 .well{border-color:var(--border-color);}
.contact.industrxt4 .msc-info{border:1px solid var(--border-color)}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox,.contact.industrxt4 textarea{border-color:var(--border-color); color:var(--color-secondary);box-shadow:none;border-radius:0px;}
.gm-style .gm-style-iw-c {color:var(--color-secondary)}

.yendif-video-share.videos.industrxt4 .more_btn-inner, a.more-link {background:var(--containerbg-color);color:var(--color-secondary);}
.yendif-video-share.videos.industrxt4 .more_btn-inner:hover, a.more-link:hover {color:var(--color-primary);}
.yendif-video-share.videos.industrxt4 .more_btn-inner .fa{color:var(--color-secondary)!important;transition: all 0.2s  linear 0s;}
.yendif-video-share.videos.industrxt4 .thumbnail,.yendif-video-share.category.industrxt4  .thumbnail,.related-industrxt4 .thumbnail,.yendif-video-share.categories.industrxt4 .thumbnail,.yendif-video-share.my-videos.industrxt4 .thumbnail {background-color: var(--containerbg-color);}
.yendif-video-share.industrxt4 a,.yendif-video-share.industrxt4 h4 {color: var(--heading-color);}
.yendif-video-share.industrxt4 a:hover,.yendif-video-share.industrxt4 h4:hover {color: var(--color-primary);}
.yendif-video-share.industrxt4 h4 {font-size:var(--h4-font-size)}
.yendif-video-share.industrxt4 .btn-primary {background:var(--color-primary);transition: all 0.2s linear 0s;border-color: var(--color-primary); color:var(--color-primary);}
.yendif-video-share.industrxt4 .btn-primary a:hover, .yendif-video-share.industrxt4 .btn-primary:hover{ color:var(--color-primary); background:var(--body-link-hover-color);border:1px solid darken(var(--color-primary),8%);}
.yendif-video-share.industrxt4  .yendif-video-share-svg-icon-play {fill:var(--color-primary); border:1px solid var(--color-primary);}
.yendif-video-share.mod-yendifvideoshare-playlist.industrxt4 .yendif-video-share-playlist,.yendif-video-share.mod-yendifvideoshare-playlist.industrxt4  .yendif-video-share-playlist-item,.yendif-video-share.mod-yendifvideoshare-playlist.industrxt4  .yendif-video-share-playlist-item.active
{background-color:var(--color-secondary);}
.yendif-video-share.industrxt4 .btn-success {text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background:var(--color-primary);transition: all 0.2s linear 0s;border-color: var(--color-primary); color:var(--color-primary);}


.sp-simpleportfolio.industrxt4 .sp-simpleportfolio-filter > ul > li.active > a {background:var(--color-primary);}
.sp-simpleportfolio.industrxt4 .sp-simpleportfolio-filter > ul > li > a{background:var(--color-secondary); }
.sp-simpleportfolio.industrxt4 .sp-simpleportfolio-meta > div {border-bottom: 1px solid var(--border-color);}

div.itemComments {background:var(--color-gray-light);border: 1px solid var(--border-color);}
div.itemCommentsForm form input#submitCommentButton{background:var(--color-primary);transition: all 0.2s linear 0s;}
div.itemCommentsForm form input#submitCommentButton:hover{background:darken(var(--color-primary),15%);transition: all 0.2s linear 0s;}
div.toolbar-ratingsblock-cont {background:var(--color-gray-light);}
div.itemCategory a,div.catItemCategory a,div.k2Pagination ul li.active a {background:var(--color-primary);transition: all 0.2s linear 0s;}
div.itemCategory a:hover,div.catItemCategory a:hover {background:darken(var(--color-primary),15%);transition: all 0.2s linear 0s;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{border-color:var(--border-color);}
div.itemCommentsForm p.itemCommentsFormNotes {border-top: 2px solid var(--border-color);}
div.catItemReadMore a {color:var(--color-primary);}

.k2AccountPage div.k2AccountPageUpdate button{background:var(--color-primary);color:var(--color-white);border:1px solid darken(var(--color-primary),5%);}

.registration .form-actions {background-color: var(--color-tertiary);}
.navbar-toggle {background-color:var(--color-primary);}
.navbar-toggle .fa {color:var(--color-white);}


@media (max-width:767px) {
h3.border-centered {font-size:var(--h3-font-size);}

#t3-mainnav .dropdown-menu span:hover, #t3-mainnav .dropdown li a:hover, #t3-mainnav .dropdown-menu > li > a:hover{color:var(--color-primary);}


}
/*
	==================================================
		DARK THEMES
	==================================================
*/ 
.theme-dark-1,
.theme-dark-2,
.theme-dark-3,
.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);}
  .industrxt4.team-2  .testimonial_block-data,.jt_testimonial-block-slide{background-color:var(--color-secondary-light);}
  
  .jt-cs.industrxt4.ourservices .slide{
    background-color:var(--color-secondary-light);
}
#preloader{background-color:var(--color-secondary);}
.qf3form.example2  .industrxt4 .qf3txt input,.qf3form.example2 textarea,.qf3form.example2 select,.t4-footer .acym-industrxt4,.t4-footer .acym_form.industrxt4 input.cell,.t4-offcanvas{background-color:var(--color-secondary-light);}
.industrxt4.patient .owl2-item.center .testimonial_block-text,.industrxt4.patient .owl2-item.center .testimonial_block-name,.industrxt4.patient .owl2-item.center .testimonial_block-email,.industrxt4.patient .owl2-item.center .testimonial_block-position,.industrxt4.patient .owl2-item.center .testimonial_block-data .jt-social-icons a,.industrxt4.patient .owl2-item.center .testimonial_block-website a{color:var(--body-textcolor) !important;}
.industrxt4.patient .owl2-stage-outer::after,.industrxt4.patient .owl2-stage-outer::before{display:none}
.industrxt4.team-2 .testimonial_block-text,.industrxt4 .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.industrxt4.specialty a.jt-title{color:var(--heading-color);}
.contact.industrxt4{background:none;}
.service-item .service-icon,.jtcs_item_wrapper.jt-cs.industrxt4.solution .jt-title,.industrxt4 .testimonial_block-name{color:var(--body-text-color);}
.industrxt4.team-2 .jt-social-icons a,.industrxt4 .owl2-nav .owl2-prev,.industrxt4 .owl2-nav .owl2-next,.jt-cs.industrxt4 .owl-carousel .nav-button.owl-prev,.jt-cs.industrxt4 .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.industrxt4 .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;border-bottom: 0;}
.coloredmodule{color:var(--color-white)!important}
.prayer-times.industrxt4 ul li{color:var(--color-white)!important}
.sidebar-r .jt-cs.industrxt4 .slide,.sidebar-l .jt-cs.industrxt4 .slide,.t4-subslider-0 .jt-cs.industrxt4 .slide{background-color:transparent}
.jtcs_item_wrapper.jt-cs.industrxt4 .jt-author-date{color:var(--body-text-color);}
.jt-cs.industrxt4.activities .slide:hover{background-color:var(--color-primary)!important;}
.jtcs_item_wrapper.jt-cs.industrxt4.blog .slide:hover .jt-author-date,.jtcs_item_wrapper.jt-cs.industrxt4.blog .slide:hover .jt-title,.jtcs_item_wrapper.jt-cs.industrxt4.blog .slide:hover .jt-introtext,.industrxt4 .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 .industrxt4 .nui.checkbox > label,#chronoform-booking-form .inputfields input,.t4-footnav .acym_module_form input.cell,.acym_form.industrxt4 input.cell::placeholder{color:var(--body-text-color);}
#chronoform-booking-form .industrxt4 .nui.checkbox > label:hover,#chronoform-booking-form .industrxt4 .nui.checkbox > label:active,#chronoform-booking-form .industrxt4 .nui.checkbox > label:focus{color:var(--color-white);}
.header-r-bottom{background-color:var(--color-secondary);}
.yendif-video-share.videos.industrxt4 .card,.yendif-video-share.category.industrxt4 .card,.yendif-video-share.mod-yendifvideoshare-videos.industrxt4 .card,.mod-yendifvideoshare-player.industrxt4 .card,.yendif-video-share-categories.industrxt4 .card{background-color:var(--color-secondary-light);border-radius:5px;}

.ic-detail-desc{background:var(--containerbg-color);color:var(--color-white);}
.header-r-upper,.jttabs-wrapper.industrxt4 .nav-tabs .nav-link,.industrxt4.supporter .jt_testimonial-block-slide,.icrounded_eventlist.industrxt4:nth-child(2n+1) .ic-event-div.wrap, .icrounded_eventlist.industrxt4 .ic-event-div.wrap{background-color:var(--color-secondary-light);}
.jttabs-wrapper.industrxt4 .nav-tabs .nav-link.active::after{border-color:transparent transparent transparent var(--color-secondary-light);}
.industrxt4.team .testimonial_block-data .jt-social-icons a{color:var(--color-white);}
.t4-topbar{background-color:var(--color-secondary);}
.sp-simpleportfolio.industrxt4 .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.industrxt4.featuredproducts .jt-title .first-word-industrxt4{color:var(--color-white);}
.accordion .animate-title,.accordion-item{background-color:var(--color-secondary-light);color:var(--body-text-color);}
.t4-header-r .btn:hover, .t4-header-r .btn.active, .t4-header-r .btn.focus{background:var(--color-secondary-light);border-color:var(--color-secondary-light);}
.t4-header-m {
color:var(--body-text-color);
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:var(--body-text-color);}
.top-info {color:var(--body-text-color);}
}
.jt-cs.industrxt4.newsfromus {
   .title-date-readmore .jt-readmore {
    color:var(--color-white);
    margin-top:10px;
  }
}
.jt-cs.industrxt4.textonimage-2 .title-caption-intro {background:var(--color-secondary-light) url(../images/corner-shape-2-dark.png) no-repeat bottom right;}
.t4-middlespot-2::after,#t4-subslider-2,.t4-subslider-0 {background-image:url(../images/subslider-0-bg-dark.png); background-repeat:repeat}
.industrxt4 .ic-datetime-div, .industrxt4 .iceventlist-venue, .industrxt4 .iceventlist-city {color:var(--body-text-color);}
.can-make-industrxt4.left .image-2 img,.can-make-industrxt4.left .image-1 img{border:10px solid var(--color-secondary-light);}
.jt-search-wrap.industrxt4 .mod-jtsearch input[type="text"], .jt-search-wrap.industrxt4 .mod-jtsearch .awesomplete input[type="text"],.jt-search-wrap.industrxt4 .btn.close-btn,.jt-search-wrap.industrxt4 .mod-jtsearch .awesomplete::before,.jt-search-wrap.industrxt4 .mod-jtsearch input::placeholder, .jt-search-wrap.industrxt4 .mod-jtsearch .awesomplete input::placeholder,.jt-search-wrap.industrxt4 .search-btn {color: var(--body-text-colorcolor);}
.jt-search-wrap.industrxt4 .mod-jtsearch input[type="text"], .jt-search-wrap.industrxt4 .mod-jtsearch .awesomplete input[type="text"]{border-bottom:1px solid rgba(255,255,255,0.15);}
.t4-footnav::after {background:var(--color-dark);opacity: 0.85;}
.services-subslider span.hvr-ripple-out{background-color:var(--color-tertiary) ;border-color:var(--color-tertiary) ;}
.iconservices-col:hover span.hvr-ripple-out{color:var(--color-tertiary) ;}
.jt-cs.industrxt4 .jt-inner-bg{background-color:var(--color-secondary-light)}
.services-box-wrapper {background-color:var(--color-secondary-light)!important;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox, .contact.industrxt4 textarea{background-color:var(--color-secondary-light);border-color:var(--border-color); color:var(--body-text-color);box-shadow:none;border-radius:0px;}
.registration fieldset legend,.registration fieldset::before{background: none;}
.alert-info, .contact .contact-miscinfo{color:var(--body-text-color);}
#chronoform-contact-form input::placeholder,#chronoform-contact-form textarea::placeholder{color:var(--body-text-color);opacity: 0.5;}
.jt-cs.industrxt4 .owl-dots span {background-color: var(--color-secondary-light);border: 2px solid var(--color-secondary-light);} 
.jt-cs.industrxt4 .owl-dots .active span{border: 2px solid var(--color-primary);}
.text-muted{color: var(--body-text-color)!important;}


}
/***********************************************************************/
/*
	=======================================
		MOBILE
	=======================================
*/
@media screen and (max-width:1200px){
.jt-testimonial-wrap.industrxt4.happycustomer .testimonial_block-image img { margin-bottom:15px;}

}
@media screen and (max-width:990px){
.btn.t4-offcanvas-toggle,.t4-navbar .level0 .nav-item span[itemprop="name"]::before,.t4-navbar .dropdown-menu.level1::after,.t4-navbar .dropdown-menu.level1.show::before{display: none;}
.not-at-top #t4-header.t4-sticky{position:fixed !important;top:0!important;width:100%;border-radius:0px;min-height:70px}
.topbar-2 .navbar {justify-content: flex-start;}
.logo-image {min-width:177px;}
.t4-header-r {justify-content: flex-end;min-width:35px;padding-right: 0;}
.t4-megamenu .navbar-nav > li a, .t4-megamenu .navbar-nav.level0 > li.dropdown.parent .nav-link {padding:7px 15px;min-height:25px;border-bottom: 1px solid var(--border-color);width: 100%;}
.nav-breakpoint-lg .t4-megamenu{padding: 0;}
.t4-header .container{max-width: 100%;}
.t4-navbar .level0 .nav-item span {width: 100%;}
.pricingtable-row .row {padding: 40px 0px;
}
}
@media screen and (max-width:767px){
#t3-mainnav.navbar-default .navbar-nav li > a,#t3-mainnav.navbar-default .navbar-nav li > .separator,#t3-mainnav.navbar-default .navbar-nav li > span{ padding:10px 15px; display:block;}
.off-canvas-toggle{display:none;}
.col-xs-12.col-sm-7.mainnav-con{ padding-left:0; padding-right:0;}
#t3-mainnav.navbar{ border:0;min-height: 0px;}
.navbar-toggle {border-radius:0px;}
.navbar-header {position: absolute;top:-59px; right:0px;}
.colored_spot2 {padding-top:20px;padding-left:15px;}
.bottomspot-2-module .bfFormDiv {margin-top: 0px;max-width: 570px;width:auto;float: left;}
.bfQuickMode .bfPageIntro h3,.bottomspot-2-module h3 { font-size:30px;}
.bottomspot-2-module {background: none;padding-bottom:15px;}
.bottomspot-2-module .bfQuickMode textarea,.bottomspot-2-module textarea,.bfQuickMode textarea,.bfQuickMode .bfLabelLeft textarea{ max-width:100%;}
.bottomspot-3 .acym_introtext ,.bottomspot-3 .acymailing_introtext{width: 100%;float:left; margin-bottom:10px!important}
table.acym_form{ float:left;}
.t4-breadcrumbs.wrap {padding:40px 0;}
.pricingtable-row .row {padding:40px 60px;}
.pricing-table-1 .plan ,.iconservices-col{margin-bottom: 30px;}
.t4-copyright ul.nav li a, .t4-copyright li a, .t4-copyright li span, .t4-copyright li.separator {padding: 0px 15px 0px 0px;}
.t4-copyright ul.nav {float: left; margin-top:15px}
.contact.industrxt4 .form-horizontal .control-group .controls {margin-left: 0;}
.contact-form.industrxt4 #jform_contact_emailmsg {width: 100% !important;}
.contact-form.industrxt4 #jform_contact_message {width: auto;}
.affix .t3-header {padding-bottom: 0px;}
.unite-carousel-wrapper{ max-width:100%!important}
.sp-simpleportfolio.industrxt4 .sp-simpleportfolio-columns-3 .sp-simpleportfolio-item {width:100%;}
div.itemToolbar ul {text-align: left;}
div.itemHeader span.itemAuthor,div.itemCategory {margin-bottom:10px;}
#t3-mainnav.navbar {float: none;}
.col-xs-12.mainnav-con{ padding-left:0; padding-right:0}
.col-xs-12.ourstory-text,.col-xs-12.colormodule-2-text,.services-box-wrapper,.counter-style {margin-bottom:30px;}
.colormodule-2-text h1,.colormodule-2-text p.colormodule-2-phone { font-size:24px;}
.topbar {min-height: 0;}
.bfFormDiv{width:100%;}
.navbar-collapse{box-shadow:none}
.qf3form.example2.desk{width:100%}
}
@media screen and (max-width:650px){
.jt-intro-title-container {padding: 25px 15px;}
.t3-sidebar input[type="search"]{ max-width:70%; display:inline-block;}
}
@media screen and (max-width:540px){


}
@media screen and (max-width:480px){
.navbar-header{top:-69px;}
.logo-image{text-align: left;}
.social-top p{text-align:left;}
.logo-image img {max-width:85%;}
.topbar .mod-finder {float: none;}
.topbar-left-inner{ margin-bottom:20px;}
.menu-top.col-md-10 {padding-left: 0px;}
.topbar-2 ul.navbar-nav li a, .topbar-2 li a, .topbar-2 ul.navbar-nav li > .separator, .topbar-2 ul.navbar-nav li > span {padding: 10px 10px 10px 10px;}
.menu-top-inner, .topbar-2-right-inner {float: left;}
.menu-top-inner ul{ margin-left:-10px;}

.slider .slider-text{ height:auto!important;}
.slider  .slider-text p{font-size:14px!important; line-height:1.3!important;}
.slider a.btn.btn-primary{ margin-top:5px}
.slider .slider-text h2{ font-size:18px!important; margin:0 0 7px 0;}
.testimonial_block {flex-wrap: wrap;gap:15px}
}
@media screen and (max-width:360px){
.t3-copyright,.wrap.topbar-2 { font-size:90%}
.wrap.topbar { font-size:80%}
.logo-image,#t3-header {min-height:71px;}
.topbar2-right  .btn.dropdown-toggle {padding: 9px 5px 9px 0px;}
.wrap.bottomspot-3 .subbutton {margin-left: 15px;}
}
@media screen and (max-width:320px){
.bottomspot-3 .acyfield_email.acy_requiredField{width:60%!important}
.wrap.bottomspot-3 .subbutton {margin-left:10px;}
.pricingtable-row .row {padding:30px 40px;}
}
@media screen and (min-width: 481px) and (max-width:899px){
.slider .slider-text{ height:auto!important;}
.slider  .slider-text p{font-size:16px!important; line-height:1.3!important;}
.slider a.btn.btn-primary{ margin-top:10px}
.slider .slider-text h2{ font-size:22px!important; margin:0 0 7px 0;}
}
@media screen and (min-width: 768px) and (max-width:990px){
.logo { padding-left:0;}
#t3-mainnav.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav li > a, .navbar-default .navbar-nav li > .separator, .navbar-default .navbar-nav li > span { padding:35px 12px;}
.t4-breadcrumbs.wrap {	padding: 40px 0;}
.counters .timer {font-size: 50px;}

}
@media screen and (min-width: 768px) and (max-width:1200px){
.zt-module-testimonial.industrxt4-team .team-block[class*=' col-'],.zt-module-testimonial.industrxt4-team .team-block .col-sm-6{ padding-left:0; padding-right:0}
.zt-module-testimonial.industrxt4-team .col-sm-6.zt-info-colon { padding-left:7px; padding-top:3px; padding-right:7px; font-size:14px;}
.colored_spot2 {padding-left:20px;}
.ztTestimonial.industrxt4-team .name {line-height: 100%;font-size:16px;margin-bottom:5px;}
.ztTestimonial.industrxt4-team p.content-testimonial { max-width:85%;padding-bottom: 10px;margin: 0px 0px 0px 0px;}
.ztTestimonial.industrxt4-team .name {display: inline-block;}
}
@media screen and (min-width: 991px) and (max-width:1200px){
.jt-cs.jt-subslider .jt-title-wrap {padding: 10px 15px;}
.jt-cs.industrxt4 .slide .jt-title {line-height: 100%;font-size:16px;margin-bottom:10px;}
.jt-cs.jt-subslider div.readmore {padding-top:7px;}
.colormodule-2-text a.btn{ margin-bottom:20px;}
}

/* =========================================================
   Roaming-Oz mobile header
   Centre logo and keep the existing black T4 MENU button
   The button is reused by custom JS to open the stock Joomla menu
   ========================================================= */
@media (max-width: 991.98px) {

  #t4-header .t4-section-inner.container {
    max-width: 100%;
    width: 100%;
  }

  #t4-header .header-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center;
    gap: 0;
    padding: 10px 0 8px;
  }

  #t4-header .navbar-brand.logo-image.logo-control {
    order: 1;
    display: block !important;
    width: 100%;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center;
  }

  #t4-header .navbar-brand.logo-image.logo-control a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }

  /* Stop desktop/mobile logo duplication on mobile */
  #t4-header .navbar-brand.logo-image.logo-control img.logo-img {
    display: none !important;
  }

  #t4-header .navbar-brand.logo-image.logo-control img.logo-img-sm {
    display: block !important;
    max-width: min(88vw, 460px);
    height: auto;
    margin: 0 auto;
  }

  #t4-header .t4-navbar {
    order: 2;
    display: block !important;
    width: 100%;
    min-height: 70px;
    margin: 8px auto 0 !important;
    padding: 0 !important;
    position: relative !important;
    text-align: center;
  }

  /* Hide the unused T4 off-canvas trigger only */
  #t4-header .t4-offcanvas-toggle,
  #t4-header #triggerButton {
    display: none !important;
  }

  /* Keep and style the real Bootstrap/T4 menu button */
  #t4-header button.navbar-toggler[data-bs-target="#t4-megamenu-mainmenu"] {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;

    float: none !important;
    margin: 0 !important;

    min-width: 92px;
    min-height: 40px;
    padding: 8px 15px !important;
    border: 2px solid #f47a10 !important;
    border-radius: 6px !important;
    background: #111 !important;
    color: #fff !important;
    line-height: 1;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    z-index: 20;
  }

  #t4-header button.navbar-toggler[data-bs-target="#t4-megamenu-mainmenu"]::after {
    content: "MENU";
    display: inline-block;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.05em;
    vertical-align: middle;
  }

  #t4-header button.navbar-toggler[data-bs-target="#t4-megamenu-mainmenu"] .toggle-bars {
    margin: 0;
  }
}

/* Roaming-Oz: desktop logo size and spacing */
@media (min-width: 992px) {
  #t4-header img.logo-img[src*="roaming-oz-adventures-logo-250x250.png"] {
    width: 125px !important;
    height: 125px !important;
    max-width: 125px !important;
    max-height: 125px !important;
    object-fit: contain;
  }

  #t4-header .navbar-brand.logo-image.logo-control {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

/* Roaming-Oz: desktop menu tighter and vertically centred */
@media (min-width: 992px) {

  #t4-header .t4-megamenu .navbar-nav > li > a,
  #t4-header .t4-megamenu .navbar-nav > li > .nav-link,
  #t4-header .t4-navbar .navbar-nav > li > a,
  #t4-header .t4-navbar .navbar-nav > li > .nav-link {
    min-height: 70px !important;
    height: 70px !important;
    padding: 0 12px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }
}

/* Roaming-Oz: allow longer desktop menu items to wrap neatly */
@media (min-width: 992px) {

  #t4-header .t4-megamenu .navbar-nav > li > a span.menu-item-title,
  #t4-header .t4-megamenu .navbar-nav > li > .nav-link span.menu-item-title {
    display: block !important;
    max-width: 135px;
    text-align: center !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }
}

/* Roaming-Oz: hide empty T4 off-canvas hamburger on desktop */
@media (min-width: 992px) {
  #t4-header .t4-offcanvas-toggle,
  #t4-header #triggerButton,
  .btn.t4-offcanvas-toggle {
    display: none !important;
  }
}

/* Roaming-Oz: pull 4 Panel Promo Strip up over hero */
body.item-101 #t4-home-1.t4-section.py-6 {
  padding-top: 0 !important;
  padding-bottom: 35px !important;
}

/* Remove T4's extra module spacing in this section only */
body.item-101 #t4-home-1 .t4-module,
body.item-101 #t4-home-1 .t4-module:first-child,
body.item-101 #t4-home-1 .module-inner,
body.item-101 #t4-home-1 .module-ct {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Actual card overlap */
body.item-101 #t4-home-1 .roamoz-promo-strip {
  margin-top: -55px !important;
  margin-bottom: 35px !important;
  position: relative !important;
  z-index: 30 !important;
}

/* Actual card overlap - transform fallback */
body.item-101 #t4-home-1 .roamoz-promo-strip {
  margin-top: 0 !important;
  margin-bottom: -20px !important;
  transform: translateY(-55px);
  position: relative !important;
  z-index: 30 !important;
}

/* Roaming-Oz: slightly taller desktop hero */
@media (min-width: 992px) {
  #t4-slider .roz-hero {
    --roz-hero-height-desktop: 340px !important;
  }
}

/* Roaming-Oz: make 4 Panel Promo Strip sit cleanly in grey section */
body.item-101 #t4-home-1 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

body.item-101 #t4-home-1 .t4-module,
body.item-101 #t4-home-1 .t4-module:first-child,
body.item-101 #t4-home-1 .module-inner,
body.item-101 #t4-home-1 .module-ct {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.item-101 #t4-home-1 .roamoz-promo-strip {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  transform: none !important;
}

body.item-101 #t4-home-1 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

/* Roaming-Oz: tighten homepage promo strip / breadcrumbs wrapper */
body.item-101 #t4-home-1,
body.item-101 #t4-home-1.py-6,
body.item-101 #t4-home-1.home-1,
body.item-101 #t4-breadcrumbs,
body.item-101 .breadcrumbs-wrap,
body.item-101 .breadcrumb-wrap {
  min-height: 0 !important;
  height: auto !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

/* Roaming-Oz: disable sticky header overlay */
#t4-header.t4-sticky,
.not-at-top #t4-header.t4-sticky {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  animation: none !important;
  transform: none !important;
}

@media (min-width: 768px) {
  .t4-main-body {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

.roamoz-section-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  color: #111820;
  font-size: 20px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: 0.015em;
  text-transform: uppercase;
}

.roamoz-section-heading__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  color: #f47a10;
}

.roamoz-section-heading__icon svg {
  display: block;
  width: 26px;
  height: 26px;
  max-width: 26px;
  max-height: 26px;
}

/* Remove missing breadcrumb background image */
.t4-section.t4-breadcrumb,
.t4-section.t4-breadcrumb .t4-section-inner,
.t4-breadcrumb,
.breadcrumb-wrapper,
.breadcrumb {
  background-image: none !important;
}

/* Force breadcrumb area to use a plain background instead of breadcrumb-bg.jpg */
.t4-breadcrumb {
  background: #f5f5f5 !important;
  background-image: none !important;
}
/* Remove padding only from the T4 bottomspot section */
#t4-bottomspot.t4-section,
#t4-bottomspot.py-6 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Also remove padding from the inner container if T4 applies spacing there */
#t4-bottomspot > .t4-section-inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}



/* =========================================================
   Roaming-Oz main menu + dropdown styling
   Clean top orange line, no vertical I, tighter submenu
   ========================================================= */


/* =========================================================
   Top-level main menu effect
   ========================================================= */

/* Top-level menu links */
#t4-header .t4-megamenu .navbar-nav > li > a,
#t4-header .navbar-nav > li > a {
  position: relative !important;
  border: 0 !important;
}

/* Orange top line, hidden by default */
#t4-header .t4-megamenu .navbar-nav > li > a::before,
#t4-header .navbar-nav > li > a::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -16px !important;
  height: 2px !important;
  width: 100% !important;
  background: #f47a10 !important;
  opacity: 0 !important;
  border: 0 !important;
  pointer-events: none !important;
}

/* Remove the old vertical "I" marker and span markers */
#t4-header .t4-megamenu .navbar-nav > li > a > span::before,
#t4-header .t4-megamenu .navbar-nav > li > a > span::after,
#t4-header .navbar-nav > li > a > span::before,
#t4-header .navbar-nav > li > a > span::after {
  content: none !important;
  display: none !important;
}

/* Show orange top line on hover/current/open */
#t4-header .t4-megamenu .navbar-nav > li:hover > a::before,
#t4-header .t4-megamenu .navbar-nav > li.active > a::before,
#t4-header .t4-megamenu .navbar-nav > li.current > a::before,
#t4-header .t4-megamenu .navbar-nav > li.open > a::before,
#t4-header .t4-megamenu .navbar-nav > li.show > a::before,
#t4-header .navbar-nav > li:hover > a::before,
#t4-header .navbar-nav > li.active > a::before,
#t4-header .navbar-nav > li.current > a::before,
#t4-header .navbar-nav > li.open > a::before,
#t4-header .navbar-nav > li.show > a::before {
  opacity: 1 !important;
}


/* =========================================================
   Home item fix
   Hide fake dropdown arrow/panel on Home
   ========================================================= */

#t4-header .t4-megamenu .navbar-nav > li:first-child > a::after,
#t4-header .navbar-nav > li:first-child > a::after,
#t4-header .t4-megamenu .navbar-nav > li:first-child > a .caret,
#t4-header .navbar-nav > li:first-child > a .caret,
#t4-header .t4-megamenu .navbar-nav > li:first-child > a .dropdown-toggle,
#t4-header .navbar-nav > li:first-child > a .dropdown-toggle,
#t4-header .t4-megamenu .navbar-nav > li:first-child > a .dropdown-toggle::after,
#t4-header .navbar-nav > li:first-child > a .dropdown-toggle::after {
  content: none !important;
  display: none !important;
}

/* Hide any fake dropdown attached to Home */
#t4-header .t4-megamenu .navbar-nav > li:first-child > .dropdown-menu,
#t4-header .navbar-nav > li:first-child > .dropdown-menu,
#t4-header .t4-megamenu .navbar-nav > li:first-child > .mega-dropdown-menu,
#t4-header .navbar-nav > li:first-child > .mega-dropdown-menu {
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* =========================================================
   Dropdown panel
   True content-width submenu
   ========================================================= */

#t4-header .dropdown-menu,
#t4-header .t4-megamenu .dropdown-menu,
#t4-header .t4-megamenu .mega-dropdown-menu {
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  overflow: visible !important;
  border-top: 2px solid #f47a10 !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16) !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}

/* Remove duplicate dropdown triangles */
#t4-header .dropdown-menu::before,
#t4-header .dropdown-menu::after,
#t4-header .t4-megamenu .dropdown-menu::before,
#t4-header .t4-megamenu .dropdown-menu::after,
#t4-header .t4-megamenu .mega-dropdown-menu::before,
#t4-header .t4-megamenu .mega-dropdown-menu::after {
  content: none !important;
  display: none !important;
}

/* Add one centred orange triangle above real submenus */
#t4-header .t4-megamenu .navbar-nav > li:hover > .dropdown-menu::before,
#t4-header .t4-megamenu .navbar-nav > li.show > .dropdown-menu::before,
#t4-header .t4-megamenu .navbar-nav > li.open > .dropdown-menu::before,
#t4-header .navbar-nav > li:hover > .dropdown-menu::before,
#t4-header .navbar-nav > li.show > .dropdown-menu::before,
#t4-header .navbar-nav > li.open > .dropdown-menu::before,
#t4-header .t4-megamenu .navbar-nav > li:hover > .mega-dropdown-menu::before,
#t4-header .t4-megamenu .navbar-nav > li.show > .mega-dropdown-menu::before,
#t4-header .t4-megamenu .navbar-nav > li.open > .mega-dropdown-menu::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: -8px !important;
  left: 25% !important;
  transform: none !important; 
  width: 0 !important;
  height: 0 !important;
  border-left: 7px solid transparent !important;
  border-right: 7px solid transparent !important;
  border-bottom: 7px solid #f47a10 !important;
  background: transparent !important;
  opacity: 1 !important;
}

/* Prevent top-line/triangle effects inside dropdown items */
#t4-header .dropdown-menu li::before,
#t4-header .dropdown-menu li::after,
#t4-header .dropdown-menu a::before,
#t4-header .dropdown-menu a::after,
#t4-header .dropdown-menu span::before,
#t4-header .dropdown-menu span::after,
#t4-header .t4-megamenu .mega-dropdown-menu li::before,
#t4-header .t4-megamenu .mega-dropdown-menu li::after,
#t4-header .t4-megamenu .mega-dropdown-menu a::before,
#t4-header .t4-megamenu .mega-dropdown-menu a::after,
#t4-header .t4-megamenu .mega-dropdown-menu span::before,
#t4-header .t4-megamenu .mega-dropdown-menu span::after {
  content: none !important;
  display: none !important;
}


/* =========================================================
   Dropdown rows and text styling
   ========================================================= */

/* Dropdown rows */
#t4-header .dropdown-menu li,
#t4-header .t4-megamenu .mega-dropdown-menu li {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  border-bottom: 1px solid #eeeeee !important;
}

/* Dropdown links */
#t4-header .dropdown-menu li > a,
#t4-header .dropdown-menu .dropdown-item,
#t4-header .t4-megamenu .mega-dropdown-menu li > a,
#t4-header .t4-megamenu .mega-dropdown-menu .dropdown-item {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  color: #111820 !important;
  padding: 16px 24px !important;
  font-family: inherit !important;
  border-bottom: 0 !important;
  background: #ffffff !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

/* Dropdown hover/current state */
#t4-header .dropdown-menu li > a:hover,
#t4-header .dropdown-menu .dropdown-item:hover,
#t4-header .dropdown-menu li.active > a,
#t4-header .dropdown-menu .active > .dropdown-item,
#t4-header .t4-megamenu .mega-dropdown-menu li > a:hover,
#t4-header .t4-megamenu .mega-dropdown-menu li.active > a {
  color: #f47a10 !important;
  background: #f7f7f7 !important;
}

/* Remove final divider */
#t4-header .dropdown-menu li:last-child,
#t4-header .t4-megamenu .mega-dropdown-menu li:last-child {
  border-bottom: 0 !important;
}


/* =========================================================
   Empty dropdown protection
   ========================================================= */

#t4-header .dropdown-menu:empty,
#t4-header .mega-dropdown-menu:empty {
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* =========================================================
   T4 header container width fix
   Prevent desktop menu wrapping too early at laptop widths
   ========================================================= */

@media (min-width: 1200px) {

  /* T4/Bootstrap is capping this container at 1140px.
     Make only the header container full width. */
  #t4-header .t4-section-inner.container {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Keep a small, controlled edge gutter */
  #t4-header .t4-section-inner.container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* Remove wasted row gutter space inside the header */
  #t4-header .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Reduce column padding inside the header only */
  #t4-header [class*="col-"] {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}

/* =========================================================
   T4 header container width fix
   Wider than Bootstrap 1140px, but not full-bleed
   ========================================================= */

@media (min-width: 1200px) {

  /* Give the header more room than the default 1140px,
     but keep it visually contained */
  #t4-header .t4-section-inner.container {
    max-width: 1320px !important;
    width: calc(100% - 32px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Keep a small controlled inner gutter */
  #t4-header .t4-section-inner.container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Remove wasted row gutter space inside the header */
  #t4-header .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Reduce column padding inside the header only */
  #t4-header [class*="col-"] {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

/* =========================================================
   1280px tight menu spacing fix
   Reduce horizontal space between top-level menu items
   ========================================================= */

@media (min-width: 1200px) and (max-width: 1320px) {

  /* Reduce the gap between main menu items */
  #t4-header .t4-megamenu .navbar-nav,
  #t4-header .navbar-nav {
    gap: 0 !important;
    column-gap: 0 !important;
  }

  /* Pull top-level menu item padding in tighter */
  #t4-header .t4-megamenu .navbar-nav > li > a,
  #t4-header .navbar-nav > li > a {
    padding-left: 2px !important;
    padding-right: 2px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    white-space: nowrap !important;
  }

  /* If T4 applies spacing to the LI instead of the A */
  #t4-header .t4-megamenu .navbar-nav > li,
  #t4-header .navbar-nav > li {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  /* Keep the menu text from wrapping */
  #t4-header .menu-item-title,
  #t4-header span.menu-item-title,
  #t4-header .nav-link span {
    white-space: nowrap !important;
  }
}

/* =========================================================
   1280px tight menu fix - stronger
   Targets flex spacing, not just link padding
   ========================================================= */

@media (min-width: 1200px) and (max-width: 1320px) {

  /* Make the header container use every available pixel */
  #t4-header .t4-section-inner.container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Stop header columns/areas from spreading too much */
  #t4-header .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #t4-header [class*="col-"] {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  /* This is the likely missing bit: remove flex distribution spacing */
  #t4-header .navbar,
  #t4-header .navbar-collapse,
  #t4-header .t4-navbar,
  #t4-header .t4-megamenu,
  #t4-header .t4-megamenu .navbar-nav,
  #t4-header .navbar-nav {
    justify-content: flex-start !important;
    gap: 0 !important;
    column-gap: 0 !important;
  }

  /* Reduce spacing on LI elements */
  #t4-header .t4-megamenu .navbar-nav > li,
  #t4-header .navbar-nav > li,
  #t4-header .nav-item {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  /* Reduce spacing on links */
  #t4-header .t4-megamenu .navbar-nav > li > a,
  #t4-header .navbar-nav > li > a,
  #t4-header .nav-link {
    font-size: 18px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    white-space: nowrap !important;
  }

  /* Reduce spacing around dropdown arrows */
  #t4-header .caret,
  #t4-header .dropdown-toggle::after {
    margin-left: 3px !important;
  }

  /* Keep menu text on one line */
  #t4-header .menu-item-title,
  #t4-header span.menu-item-title,
  #t4-header .nav-link span {
    white-space: nowrap !important;
  }
}

/* =========================================================
   Hero heading readability fix
   Loosen condensed heading font
   ========================================================= */

.roamoz-hero h1,
.roamoz-hero .hero-title,
.roamoz-hero__title {
  font-weight: 800 !important;
  letter-spacing: 0.015em !important;
  line-height: 1.08 !important;
  word-spacing: 0.08em !important;
}

/* Large / normal desktop */
@media (min-width: 1281px) {
  .roamoz-hero h1,
  .roamoz-hero .hero-title,
  .roamoz-hero__title {
    font-size: clamp(54px, 4.8vw, 82px) !important;
    line-height: 1.08 !important;
    word-spacing: 0.09em !important;
  }
}

/* Laptop / tighter desktop */
@media (max-width: 1280px) {
  .roamoz-hero h1,
  .roamoz-hero .hero-title,
  .roamoz-hero__title {
    font-size: clamp(42px, 5vw, 62px) !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    word-spacing: 0.1em !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .roamoz-hero h1,
  .roamoz-hero .hero-title,
  .roamoz-hero__title {
    font-size: clamp(34px, 9vw, 48px) !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    word-spacing: 0.08em !important;
  }
}

/* =========================================================
   Roaming-Oz mobile menu replacement - final clean version
   Uses the existing black T4 MENU button as the trigger.
   The old T4 mobile menu panel is hidden; the stock Joomla
   menu module with class "ro-mobile-menu" opens instead.
   ========================================================= */
@media (max-width: 991.98px) {

  /* Keep the existing black T4 MENU button visible */
  button[data-bs-target="#t4-megamenu-mainmenu"],
  a[data-bs-target="#t4-megamenu-mainmenu"],
  button[data-target="#t4-megamenu-mainmenu"],
  a[data-target="#t4-megamenu-mainmenu"],
  .navbar-toggler,
  .t4-navbar-toggler {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Hide only the broken T4 mobile menu panel, not the button */
  #t4-header #t4-megamenu-mainmenu,
  #t4-megamenu-mainmenu {
    display: none !important;
  }

  /* Replacement Joomla menu: closed by default */
  .ro-mobile-menu,
  .moduletable.ro-mobile-menu,
  .moduletable .ro-mobile-menu {
    display: none !important;
    width: calc(100% - 24px);
    max-width: 470px;
    margin: -2px auto 18px auto;
    padding: 0 !important;
    clear: both;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.12);
    border-top: 4px solid #ff5a00;
    border-radius: 0;
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
    overflow: hidden;
    max-height: calc(100vh - 210px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Replacement Joomla menu: open only after the MENU button click */
  .ro-mobile-menu.is-open,
  .moduletable.ro-mobile-menu.is-open,
  .moduletable .ro-mobile-menu.is-open,
  [class*="ro-mobile-menu"].is-open {
    display: block !important;
  }

  /* Hide any module title inside the replacement mobile menu */
  .ro-mobile-menu .module-title,
  .ro-mobile-menu h3,
  .moduletable.ro-mobile-menu .module-title,
  .moduletable.ro-mobile-menu h3,
  .moduletable .ro-mobile-menu .module-title,
  .moduletable .ro-mobile-menu h3 {
    display: none !important;
  }

  /* Reset list structure */
  .ro-mobile-menu ul,
  .ro-mobile-menu li,
  .moduletable.ro-mobile-menu ul,
  .moduletable.ro-mobile-menu li,
  .moduletable .ro-mobile-menu ul,
  .moduletable .ro-mobile-menu li {
    display: block !important;
    position: static !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    transform: none !important;
    box-shadow: none !important;
  }

  /* Kill template-generated list arrows so only our submenu arrow remains */
  .ro-mobile-menu li::before,
  .moduletable.ro-mobile-menu li::before,
  .moduletable .ro-mobile-menu li::before {
    display: none !important;
    content: none !important;
  }

  /* Stop nested spans creating extra spacing or extra underline effects */
  .ro-mobile-menu a > span,
  .ro-mobile-menu .nav-link > span,
  .ro-mobile-menu .dropdown-item > span,
  .moduletable.ro-mobile-menu a > span,
  .moduletable.ro-mobile-menu .nav-link > span,
  .moduletable.ro-mobile-menu .dropdown-item > span,
  .moduletable .ro-mobile-menu a > span,
  .moduletable .ro-mobile-menu .nav-link > span,
  .moduletable .ro-mobile-menu .dropdown-item > span {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  /* Reset Bootstrap/T4 dropdown behaviour inside the replacement menu */
  .ro-mobile-menu .dropdown-menu,
  .ro-mobile-menu .dropdown-menu.show,
  .ro-mobile-menu .mega-dropdown-menu,
  .ro-mobile-menu .nav-child,
  .ro-mobile-menu .mod-menu__sub,
  .moduletable.ro-mobile-menu .dropdown-menu,
  .moduletable.ro-mobile-menu .dropdown-menu.show,
  .moduletable.ro-mobile-menu .mega-dropdown-menu,
  .moduletable.ro-mobile-menu .nav-child,
  .moduletable.ro-mobile-menu .mod-menu__sub,
  .moduletable .ro-mobile-menu .dropdown-menu,
  .moduletable .ro-mobile-menu .dropdown-menu.show,
  .moduletable .ro-mobile-menu .mega-dropdown-menu,
  .moduletable .ro-mobile-menu .nav-child,
  .moduletable .ro-mobile-menu .mod-menu__sub {
    display: block !important;
    position: static !important;
    inset: auto !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #f7f7f7 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  /* Base rows */
  .ro-mobile-menu a,
  .ro-mobile-menu .nav-link,
  .ro-mobile-menu .dropdown-item,
  .ro-mobile-menu .separator,
  .moduletable.ro-mobile-menu a,
  .moduletable.ro-mobile-menu .nav-link,
  .moduletable.ro-mobile-menu .dropdown-item,
  .moduletable.ro-mobile-menu .separator,
  .moduletable .ro-mobile-menu a,
  .moduletable .ro-mobile-menu .nav-link,
  .moduletable .ro-mobile-menu .dropdown-item,
  .moduletable .ro-mobile-menu .separator {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 16px !important;
    color: #111111 !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.10) !important;
    text-decoration: none !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    text-align: left !important;
    white-space: normal !important;
    box-shadow: none !important;
  }

  /* Top-level rows */
  .ro-mobile-menu > ul > li > a,
  .ro-mobile-menu > ul > li > .nav-link,
  .ro-mobile-menu > ul > li > .separator,
  .moduletable.ro-mobile-menu > ul > li > a,
  .moduletable.ro-mobile-menu > ul > li > .nav-link,
  .moduletable.ro-mobile-menu > ul > li > .separator,
  .moduletable .ro-mobile-menu > ul > li > a,
  .moduletable .ro-mobile-menu > ul > li > .nav-link,
  .moduletable .ro-mobile-menu > ul > li > .separator {
    font-family: "Play Bold", Arial, sans-serif;
    font-size: 17px !important;
    font-weight: 700 !important;
    background: #ffffff !important;
  }

  /* Hover/tap feedback */
  .ro-mobile-menu a:hover,
  .ro-mobile-menu a:focus,
  .ro-mobile-menu .nav-link:hover,
  .ro-mobile-menu .nav-link:focus,
  .ro-mobile-menu .dropdown-item:hover,
  .ro-mobile-menu .dropdown-item:focus,
  .moduletable.ro-mobile-menu a:hover,
  .moduletable.ro-mobile-menu a:focus,
  .moduletable.ro-mobile-menu .nav-link:hover,
  .moduletable.ro-mobile-menu .nav-link:focus,
  .moduletable.ro-mobile-menu .dropdown-item:hover,
  .moduletable.ro-mobile-menu .dropdown-item:focus,
  .moduletable .ro-mobile-menu a:hover,
  .moduletable .ro-mobile-menu a:focus,
  .moduletable .ro-mobile-menu .nav-link:hover,
  .moduletable .ro-mobile-menu .nav-link:focus,
  .moduletable .ro-mobile-menu .dropdown-item:hover,
  .moduletable .ro-mobile-menu .dropdown-item:focus {
    background: #f4f4f4 !important;
    color: #ff5a00 !important;
  }

  /* Current/active item */
  .ro-mobile-menu .current > a,
  .ro-mobile-menu .active > a,
  .ro-mobile-menu li.current > .nav-link,
  .ro-mobile-menu li.active > .nav-link,
  .moduletable.ro-mobile-menu .current > a,
  .moduletable.ro-mobile-menu .active > a,
  .moduletable.ro-mobile-menu li.current > .nav-link,
  .moduletable.ro-mobile-menu li.active > .nav-link,
  .moduletable .ro-mobile-menu .current > a,
  .moduletable .ro-mobile-menu .active > a,
  .moduletable .ro-mobile-menu li.current > .nav-link,
  .moduletable .ro-mobile-menu li.active > .nav-link {
    color: #ff5a00 !important;
    font-weight: 800 !important;
    background: #fff5ef !important;
  }

  /* Second-level clickable rows: arrow and text move together */
  .ro-mobile-menu ul ul li > a,
  .ro-mobile-menu ul ul li > .nav-link,
  .ro-mobile-menu ul ul li > .dropdown-item,
  .moduletable.ro-mobile-menu ul ul li > a,
  .moduletable.ro-mobile-menu ul ul li > .nav-link,
  .moduletable.ro-mobile-menu ul ul li > .dropdown-item,
  .moduletable .ro-mobile-menu ul ul li > a,
  .moduletable .ro-mobile-menu ul ul li > .nav-link,
  .moduletable .ro-mobile-menu ul ul li > .dropdown-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 16px 10px 25px !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    background: #f7f7f7 !important;
    text-align: left !important;
  }

  .ro-mobile-menu ul ul li > a::before,
  .ro-mobile-menu ul ul li > .nav-link::before,
  .ro-mobile-menu ul ul li > .dropdown-item::before,
  .moduletable.ro-mobile-menu ul ul li > a::before,
  .moduletable.ro-mobile-menu ul ul li > .nav-link::before,
  .moduletable.ro-mobile-menu ul ul li > .dropdown-item::before,
  .moduletable .ro-mobile-menu ul ul li > a::before,
  .moduletable .ro-mobile-menu ul ul li > .nav-link::before,
  .moduletable .ro-mobile-menu ul ul li > .dropdown-item::before {
    content: "›" !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
    color: #ff5a00 !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    flex: 0 0 auto !important;
  }

  /* Third-level clickable rows */
  .ro-mobile-menu ul ul ul li > a,
  .ro-mobile-menu ul ul ul li > .nav-link,
  .ro-mobile-menu ul ul ul li > .dropdown-item,
  .moduletable.ro-mobile-menu ul ul ul li > a,
  .moduletable.ro-mobile-menu ul ul ul li > .nav-link,
  .moduletable.ro-mobile-menu ul ul ul li > .dropdown-item,
  .moduletable .ro-mobile-menu ul ul ul li > a,
  .moduletable .ro-mobile-menu ul ul ul li > .nav-link,
  .moduletable .ro-mobile-menu ul ul ul li > .dropdown-item {
    padding-left: 35px !important;
    font-size: 17px !important;
    background: #efefef !important;
  }

  /* Non-clickable submenu headers/separators: no arrow */
  .ro-mobile-menu ul ul li > .separator,
  .ro-mobile-menu ul ul li > span:not(.item-caret),
  .moduletable.ro-mobile-menu ul ul li > .separator,
  .moduletable.ro-mobile-menu ul ul li > span:not(.item-caret),
  .moduletable .ro-mobile-menu ul ul li > .separator,
  .moduletable .ro-mobile-menu ul ul li > span:not(.item-caret) {
    display: block !important;
    padding: 10px 16px 10px 25px !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    background: #f7f7f7 !important;
    text-align: left !important;
  }

  .ro-mobile-menu ul ul ul li > .separator,
  .ro-mobile-menu ul ul ul li > span:not(.item-caret),
  .moduletable.ro-mobile-menu ul ul ul li > .separator,
  .moduletable.ro-mobile-menu ul ul ul li > span:not(.item-caret),
  .moduletable .ro-mobile-menu ul ul ul li > .separator,
  .moduletable .ro-mobile-menu ul ul ul li > span:not(.item-caret) {
    padding-left: 35px !important;
    font-size: 17px !important;
    background: #efefef !important;
  }

  /* Hide dropdown carets because all submenu levels are already open */
  .ro-mobile-menu .dropdown-toggle::after,
  .ro-mobile-menu .caret,
  .ro-mobile-menu .item-caret,
  .moduletable.ro-mobile-menu .dropdown-toggle::after,
  .moduletable.ro-mobile-menu .caret,
  .moduletable.ro-mobile-menu .item-caret,
  .moduletable .ro-mobile-menu .dropdown-toggle::after,
  .moduletable .ro-mobile-menu .caret,
  .moduletable .ro-mobile-menu .item-caret {
    display: none !important;
  }

  /* Clean final border */
  .ro-mobile-menu li:last-child > a,
  .ro-mobile-menu li:last-child > .nav-link,
  .ro-mobile-menu li:last-child > .dropdown-item,
  .ro-mobile-menu li:last-child > .separator,
  .moduletable.ro-mobile-menu li:last-child > a,
  .moduletable.ro-mobile-menu li:last-child > .nav-link,
  .moduletable.ro-mobile-menu li:last-child > .dropdown-item,
  .moduletable.ro-mobile-menu li:last-child > .separator,
  .moduletable .ro-mobile-menu li:last-child > a,
  .moduletable .ro-mobile-menu li:last-child > .nav-link,
  .moduletable .ro-mobile-menu li:last-child > .dropdown-item,
  .moduletable .ro-mobile-menu li:last-child > .separator {
    border-bottom: 0 !important;
  }
}



/* Roaming-Oz mobile menu: submenu separator/header rows */
@media (max-width: 991.98px) {

  /* Separator rows such as "Waterfalls By Location" */
  .ro-mobile-menu ul ul li > .separator,
  .ro-mobile-menu ul ul li > span.separator,
  .ro-mobile-menu ul ul li > a.separator,
  .moduletable.ro-mobile-menu ul ul li > .separator,
  .moduletable.ro-mobile-menu ul ul li > span.separator,
  .moduletable.ro-mobile-menu ul ul li > a.separator,
  .moduletable .ro-mobile-menu ul ul li > .separator,
  .moduletable .ro-mobile-menu ul ul li > span.separator,
  .moduletable .ro-mobile-menu ul ul li > a.separator {
    display: block !important;
    padding: 9px 18px !important;
    background: #e9e9e9 !important;
    color: #333333 !important;
    border-bottom: 1px solid rgba(0,0,0,0.12) !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    text-align: left !important;
    cursor: default !important;
  }

  /* No arrow on separator rows */
  .ro-mobile-menu ul ul li > .separator::before,
  .ro-mobile-menu ul ul li > span.separator::before,
  .ro-mobile-menu ul ul li > a.separator::before,
  .moduletable.ro-mobile-menu ul ul li > .separator::before,
  .moduletable.ro-mobile-menu ul ul li > span.separator::before,
  .moduletable.ro-mobile-menu ul ul li > a.separator::before,
  .moduletable .ro-mobile-menu ul ul li > .separator::before,
  .moduletable .ro-mobile-menu ul ul li > span.separator::before,
  .moduletable .ro-mobile-menu ul ul li > a.separator::before {
    display: none !important;
    content: none !important;
  }

  /* No hover effect on separator rows */
  .ro-mobile-menu ul ul li > .separator:hover,
  .ro-mobile-menu ul ul li > span.separator:hover,
  .ro-mobile-menu ul ul li > a.separator:hover,
  .moduletable.ro-mobile-menu ul ul li > .separator:hover,
  .moduletable.ro-mobile-menu ul ul li > span.separator:hover,
  .moduletable.ro-mobile-menu ul ul li > a.separator:hover,
  .moduletable .ro-mobile-menu ul ul li > .separator:hover,
  .moduletable .ro-mobile-menu ul ul li > span.separator:hover,
  .moduletable .ro-mobile-menu ul ul li > a.separator:hover {
    background: #e9e9e9 !important;
    color: #333333 !important;
  }
}


/* Roaming-Oz mobile menu: pull menu up to header line */
@media (max-width: 991.98px) {
  .ro-mobile-menu,
  .ro-mobile-menu.t4-module,
  .t4-module.ro-mobile-menu,
  .moduletable.ro-mobile-menu,
  .moduletable .ro-mobile-menu,
  .ro-mobile-menu:first-child,
  .t4-module.ro-mobile-menu:first-child {
    margin-top: -1px !important;
    margin-bottom: 18px !important;
  }
}


/* Roaming-Oz mobile menu: matching orange bottom line */
@media (max-width: 991.98px) {
  .ro-mobile-menu,
  .ro-mobile-menu.t4-module,
  .t4-module.ro-mobile-menu,
  .moduletable.ro-mobile-menu,
  .moduletable .ro-mobile-menu {
    border-bottom: 4px solid #ff5a00 !important;
  }
}

/* Article H4 headings only */
.com-content-article__body h4,
.item-page h4 {
    font-size: 20px !important;
    font-weight: 600 !important;
}


/* Keep the topbar search and autocomplete above the header/menu */
#t4-topbar,
#t4-topbar .container,
#t4-topbar .container-fluid,
#t4-topbar .row,
#t4-topbar .topbar-left,
#t4-topbar .t4-module,
.ro-top-search,
.ro-top-search .mod-finder,
.ro-top-search .awesomplete {
    overflow: visible !important;
}

/* Ensure the entire topbar sits above the sections below it */
#t4-topbar {
    position: relative;
    z-index: 10000;
}

/* Smart Search autocomplete dropdown */
.ro-top-search .awesomplete {
    position: relative;
    z-index: 10001;
}

.ro-top-search .awesomplete > ul {
    position: absolute !important;
    top: calc(100% + 3px) !important;
    left: 0;
    right: 0;
    z-index: 10002 !important;

    max-height: min(420px, 60vh);
    overflow-y: auto !important;
    box-sizing: border-box;
}

/* Smart Search autocomplete dropdown */
.ro-top-search .awesomplete > ul {
    background: #f4f4f4 !important;
    border-color: #d5d5d5 !important;
}

/* Individual suggestions */
.ro-top-search .awesomplete > ul > li {
    background: transparent !important;
    color: #172536 !important;
}

/* Replace the default bright green/yellow matched-text highlight */
.ro-top-search .awesomplete > ul > li mark {
    background: #ffd4b3 !important;
    color: inherit !important;
    padding: 1px 3px;
    border-radius: 2px;
}

/* Hover and keyboard-selected suggestion */
.ro-top-search .awesomplete > ul > li:hover,
.ro-top-search .awesomplete > ul > li[aria-selected="true"] {
    background: #ffe7d5 !important;
}

/* Keep highlighted letters slightly stronger on the selected row */
.ro-top-search .awesomplete > ul > li:hover mark,
.ro-top-search .awesomplete > ul > li[aria-selected="true"] mark {
    background: #ffbd89 !important;
}

/* Darker light-grey topbar */
.wrap.topbar {
    background: #f1f2f3 !important;
}

/* Autocomplete panel */
.wrap.topbar .awesomplete > ul {
    background: #f1f2f3 !important;
    border-color: #c4c4c4 !important;
}

/* More clearly orange matched text */
.wrap.topbar .awesomplete > ul > li mark,
.wrap.topbar .awesomplete mark {
    background: #ffb66f !important;
    color: #172536 !important;
}

/* Hovered or keyboard-selected result */
.wrap.topbar .awesomplete > ul > li:hover,
.wrap.topbar .awesomplete > ul > li[aria-selected="true"] {
    background: #ffd9b5 !important;
}

/* Stronger orange while selected */
.wrap.topbar .awesomplete > ul > li:hover mark,
.wrap.topbar .awesomplete > ul > li[aria-selected="true"] mark {
    background: #ff963b !important;
}


/* =========================================================
   Roaming-Oz Smart Search results
   ========================================================= */

/* Remove Joomla's default list indentation */
body.com-finder .result__list,
body.com-finder .search-results,
.com-finder .result__list,
.com-finder .search-results {
    list-style: none;
    padding-left: 0;
}

/* Individual result */
body.com-finder .result__item,
.com-finder .result__item {
    margin: 0 0 24px;
    padding: 0 0 24px;
    border-bottom: 1px solid #d7d7d7;
}

/* Result title */
body.com-finder .result__title,
.com-finder .result__title {
    margin: 0 0 8px;
    padding: 0;
    font-size: 1.25rem;
    line-height: 1.35;
}

/* Clickable title */
body.com-finder .result__title-link,
.com-finder .result__title-link {
    color: #ff5a00;
    text-decoration: none;
}

body.com-finder .result__title-link:hover,
body.com-finder .result__title-link:focus,
.com-finder .result__title-link:hover,
.com-finder .result__title-link:focus {
    color: #172536;
    text-decoration: underline;
}

/* Date, word count and reading time */
body.com-finder .result__meta,
.com-finder .result__meta,
.result__meta {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    list-style: none !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
}

/* Remove theme-generated bullets */
body.com-finder .result__meta::before,
body.com-finder .result__meta-item::before,
.com-finder .result__meta::before,
.com-finder .result__meta-item::before,
.result__meta::before,
.result__meta-item::before {
    display: none !important;
    content: none !important;
}

body.com-finder .result__meta-item,
.com-finder .result__meta-item,
.result__meta-item {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    width: auto !important;
    margin: 0 !important;
    padding: 5px 9px !important;
    list-style: none !important;
    background: #e1e1e1;
    color: #172536;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    font-size: 0.84rem;
    font-weight: 600;
    line-height: 1.2;
}

body.com-finder .result__meta-item [class^="icon-"],
body.com-finder .result__meta-item [class*=" icon-"],
.com-finder .result__meta-item [class^="icon-"],
.com-finder .result__meta-item [class*=" icon-"],
.result__meta-item [class^="icon-"],
.result__meta-item [class*=" icon-"] {
    color: #ff5a00;
    font-size: 0.85rem;
}

/* Result description */
body.com-finder .result__description,
.com-finder .result__description {
    margin: 0;
    line-height: 1.65;
}

/* Search-term highlight */
body.com-finder mark,
.com-finder mark {
    background: #ffc17f;
    color: inherit;
    padding: 1px 3px;
}

/* =========================================================
   Smart Search pagination
   Match Roaming-Oz article-grid colours
   ========================================================= */

body.com-finder .pagination,
.com-finder .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin: 30px 0 12px;
    padding: 0;
}

/* Remove Bootstrap's joined-button behaviour */
body.com-finder .pagination .page-item,
.com-finder .pagination .page-item {
    margin: 0 !important;
}

body.com-finder .pagination .page-item + .page-item .page-link,
.com-finder .pagination .page-item + .page-item .page-link {
    margin-left: 0 !important;
}

/* Standard pagination button */
body.com-finder .pagination .page-link,
.com-finder .pagination .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 7px 12px;
    background: #ffffff !important;
    color: #172536 !important;
    border: 1px solid #cfcfcf !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    font-weight: 600;
    line-height: 1;
    text-decoration: none !important;
    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        color 0.15s ease;
}

/* Hover and keyboard focus */
body.com-finder .pagination .page-link:hover,
body.com-finder .pagination .page-link:focus,
.com-finder .pagination .page-link:hover,
.com-finder .pagination .page-link:focus {
    background: #fff0e6 !important;
    color: #ff5a00 !important;
    border-color: #ff5a00 !important;
    box-shadow: none !important;
    outline: none;
}

/* Current page — replace Bootstrap blue with Roaming-Oz orange */
body.com-finder .pagination .page-item.active .page-link,
body.com-finder .pagination .active > .page-link,
.com-finder .pagination .page-item.active .page-link,
.com-finder .pagination .active > .page-link {
    background: #ff5a00 !important;
    color: #ffffff !important;
    border-color: #ff5a00 !important;
}

/* Disabled first/previous/next/last buttons */
body.com-finder .pagination .page-item.disabled .page-link,
body.com-finder .pagination .disabled > .page-link,
.com-finder .pagination .page-item.disabled .page-link,
.com-finder .pagination .disabled > .page-link {
    background: #f2f2f2 !important;
    color: #999999 !important;
    border-color: #dddddd !important;
    cursor: default;
    opacity: 1;
}

/* Results 1–20 of 21 counter */
body.com-finder .pagination-counter,
body.com-finder .counter,
.com-finder .pagination-counter,
.com-finder .counter {
    margin-top: 10px;
    text-align: center;
    color: #5d6570;
    font-size: 0.95rem;
}

/* Mobile adjustments */
@media (max-width: 575.98px) {
    body.com-finder .result__meta,
    .com-finder .result__meta,
    .result__meta {
        gap: 5px;
    }

    body.com-finder .result__meta-item,
    .com-finder .result__meta-item,
    .result__meta-item {
        padding: 5px 7px !important;
        font-size: 0.79rem;
    }

    body.com-finder .pagination .page-link,
    .com-finder .pagination .page-link {
        min-width: 38px;
        height: 38px;
        padding: 6px 9px;
    }
}

.hikashop_modern_images .hikashop_product_main_image img {
	max-width: 300px !important;
	height: auto;
	width: 100%;
	object-fit: contain;
}



/* =========================================================
   T4 DESKTOP MENU — PREVENT HIDDEN DROPDOWNS STEALING CLICKS
   ========================================================= */

@media (min-width: 992px) {

	/* Hidden dropdown panels must not receive mouse clicks */
	.t4-megamenu .dropdown-menu {
		pointer-events: none !important;
	}

	/* Restore interaction only while the dropdown is genuinely open */
	.t4-megamenu .dropdown.show > .dropdown-menu,
	.t4-megamenu .dropdown-menu.show,
	.t4-megamenu .dropdown:hover > .dropdown-menu,
	.t4-megamenu .dropdown:focus-within > .dropdown-menu {
		pointer-events: auto !important;
	}
}

/* =========================================================
   Roaming-Oz condensed error page
   ========================================================= */

#outline.roa-error-shell {
	display: flex;
	align-items: center;
	justify-content: center;

	box-sizing: border-box;
	width: min(92%, 820px);
	min-height: 100vh;
	min-height: 100svh;

	margin: 0 auto;
	padding: 30px 0;
}

.errorboxoutline.arcmed.roa-error-card {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;

	color: #ffffff;
	background: rgba(45, 45, 45, 0.38);

	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 12px;

	box-shadow:
		0 18px 50px rgba(0, 0, 0, 0.25),
		0 2px 10px rgba(0, 0, 0, 0.20);

	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}

.roa-error-card #errorboxbody {
	box-sizing: border-box;
	margin: 0;
	padding: 32px 38px 38px;

	color: #ffffff;
	text-align: center;
}


/* Force all standard error-page copy to white */

.roa-error-card,
.roa-error-card h1,
.roa-error-card h2,
.roa-error-card h3,
.roa-error-card p,
.roa-error-card span,
.roa-error-card li,
.roa-error-card dt,
.roa-error-card dd {
	color: #ffffff;
}


/* Large white HTTP error code */

.roa-error-code {
	display: block;
	width: 100%;

	margin: 0 0 18px;
	padding: 0;

	border: 0;
	border-radius: 0;

	color: #ffffff !important;
	background: transparent !important;

	font-family: Oswald, sans-serif;
	font-size: clamp(150px, 20vw, 230px);
	font-weight: 600;
	line-height: 0.82;
	letter-spacing: 2px;
	text-align: center;

	text-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
}

h1.roa-error-title {
	margin: 0;
	padding: 0;

	color: #ffffff !important;

	font-family: Oswald, sans-serif;
	font-size: clamp(32px, 5vw, 48px);
	font-weight: 600;
	line-height: 1.08;
	letter-spacing: 0;
	text-align: center;
	text-transform: none;
	transform: none;
}

.roa-error-message {
	max-width: 590px;
	margin: 17px auto 0;

	color: #ffffff !important;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.55;
	text-align: center;
}


/* =========================================================
   Navigation buttons
   ========================================================= */

.roa-error-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px;

	width: 100%;
	margin: 26px auto 0;

	text-align: center;
}

.roa-error-actions .as-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	box-sizing: border-box;
	margin: 0;
	padding: 12px 22px;

	color: #ffffff !important;
	text-align: center;
}

.roa-error-actions .as-btn.secondary {
	border: 1px solid rgba(255, 255, 255, 0.75);
	background: rgba(0, 0, 0, 0.30);
}

.roa-error-actions .as-btn.secondary:hover,
.roa-error-actions .as-btn.secondary:focus {
	border-color: #f74f22;
	color: #ffffff !important;
	background: #001339;
}


/* =========================================================
   Administrator technical-details link
   ========================================================= */

.roa-error-admin-tools {
	margin-top: 21px;
	padding-top: 15px;

	border-top: 1px solid rgba(255, 255, 255, 0.24);

	text-align: center;
}

.roa-error-admin-tools a {
	color: rgba(255, 255, 255, 0.88) !important;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	text-decoration: none;
}

.roa-error-admin-tools a:hover,
.roa-error-admin-tools a:focus {
	color: #ffffff !important;
	text-decoration: underline;
}

.roa-error-admin-tools i {
	margin-right: 6px;
}


/* =========================================================
   Technical error details
   ========================================================= */

body.showing-error-details #outline.roa-error-shell {
	align-items: flex-start;
	width: min(94%, 1050px);
	padding-top: 30px;
	padding-bottom: 30px;
}

.roa-error-technical {
	margin-top: 24px;
	padding: 22px;

	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 8px;

	color: #ffffff;
	background: rgba(0, 0, 0, 0.58);

	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
}

.roa-error-technical h2 {
	margin: 0 0 8px;

	color: #ffffff !important;

	font-family: Oswald, sans-serif;
	font-size: 27px;
	font-weight: 600;
	text-align: left;
}

.roa-error-technical h3 {
	margin: 24px 0 10px;

	color: #ffffff !important;

	font-family: Oswald, sans-serif;
	font-size: 22px;
	font-weight: 600;
}

.roa-error-technical-warning {
	margin: 0 0 18px;
	padding: 10px 13px;

	border-left: 4px solid #f74f22;
	border-radius: 3px;

	color: #ffffff !important;
	background: rgba(247, 79, 34, 0.18);

	font-size: 14px;
	line-height: 1.5;
}

.roa-error-data {
	display: grid;
	gap: 1px;

	margin: 0;
	overflow: hidden;

	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 5px;

	background: rgba(255, 255, 255, 0.14);
}

.roa-error-data > div {
	display: grid;
	grid-template-columns: minmax(145px, 22%) minmax(0, 1fr);
	gap: 15px;

	padding: 10px 12px;

	background: rgba(0, 0, 0, 0.52);
}

.roa-error-data dt {
	color: #ffb39f !important;
	font-weight: 700;
}

.roa-error-data dd {
	min-width: 0;
	margin: 0;

	color: #ffffff !important;

	overflow-wrap: anywhere;
	word-break: break-word;
}

.roa-error-trace {
	margin-top: 15px;
	overflow: hidden;

	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 5px;

	background: rgba(0, 0, 0, 0.50);
}

.roa-error-trace summary {
	padding: 12px 14px;
	cursor: pointer;

	color: #ffffff;
	background: rgba(255, 255, 255, 0.08);

	font-weight: 700;
}

.roa-error-trace pre {
	box-sizing: border-box;
	max-width: 100%;
	max-height: 500px;

	margin: 0;
	padding: 15px;
	overflow: auto;

	color: #f3f3f3;
	background: rgba(0, 0, 0, 0.72);

	font-family: Consolas, Monaco, "Courier New", monospace;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.55;

	white-space: pre-wrap;
	overflow-wrap: anywhere;
}


/* =========================================================
   Mobile error page
   ========================================================= */

@media screen and (max-width: 767px) {
	#outline.roa-error-shell {
		align-items: center;

		width: calc(100% - 24px);
		min-height: 100vh;
		min-height: 100svh;

		padding: 14px 0;
	}

	.roa-error-card #errorboxbody {
		padding: 24px 18px 28px;
	}

	.roa-error-code {
		margin-bottom: 14px;
		font-size: clamp(105px, 35vw, 155px);
		line-height: 0.85;
	}

	h1.roa-error-title {
		font-size: 32px;
	}

	.roa-error-message {
		font-size: 15px;
		line-height: 1.45;
	}

	.roa-error-actions {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 10px;
	}

	.roa-error-actions .as-btn {
		width: min(100%, 300px);
		margin: 0 auto;
	}

	.roa-error-technical {
		padding: 14px;
	}

	.roa-error-data > div {
		display: block;
	}

	.roa-error-data dt {
		margin-bottom: 5px;
	}
}


/*
 * Prevent vertical centring from cutting off content on
 * short laptop windows or landscape mobile screens.
 */
@media screen and (max-height: 650px) {
	#outline.roa-error-shell {
		align-items: flex-start;
	}
}

.side-by-side-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 2rem;
}

/* Centre image on mobile */
.side-by-side-img-wrap {
  flex: 0 0 200px;
  max-width: 200px;
  margin: 0 auto; 
}

.side-by-side-card h3 {
  margin-top: 0 !important;
  font-weight: 700 !important; /* Forces bold styling */
}

.side-by-side-img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

/* Desktop layout */
@media (min-width: 576px) {
  .side-by-side-card {
    flex-direction: row;
    align-items: flex-start;
  }
  
  .side-by-side-img-wrap {
    margin: 0; /* Aligns back to left on desktop */
  }
}

/* =========================================================
   Roaming-Oz: selected two-line desktop menu items
   ========================================================= */

@media (min-width: 992px) {

  /* 4WD Treks Close / to Sydney */
  #t4-header a.menu-4wd span.menu-item-title {
    max-width: 120px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.15 !important;
  }

  /* Hiking / Adventures */
  #t4-header a.menu-hiking span.menu-item-title {
    max-width: 90px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.15 !important;
  }

  /* My / Account */
  #t4-header a.menu-account span.menu-item-title {
    max-width: 72px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.15 !important;
  }
  #t4-header a.menu-biglap span.menu-item-title {
    max-width: 82px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.15 !important;
  }
}

/* =========================================================
   Roaming-Oz: tighten desktop main menu spacing
   ========================================================= */

@media (min-width: 992px) {

  #t4-header .t4-megamenu .navbar-nav > li > a,
  #t4-header .t4-megamenu .navbar-nav > li > .nav-link {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

}