/*
Theme Name: JNBL
Theme URI: https://jnbl.com.bd/
Template: astra
Author: JNBL
Author URI: https://jnbl.com.bd/about/
Description: JNBL is a theme customized for the use of Jenson & Nicholson (BD) Ltd. website.
Version: 2.4.3.1589825316
Updated: 2020-05-18 18:08:36

*/

/* Body Styling */


/* Header Certificate logo styling */
@media (max-width: 767px) {
	.head-cert .elementor-image-gallery .gallery-item {
		width: 16.666% !important;
		max-width: 90px !important;
	}
	.jn-header .elementor-row .elementor-column:last-child{
		background-color: rgba(0,0,0,0.05);
	}
	.head-cert .elementor-image-gallery{
		text-align: center;
	}
}
@media (min-width: 1024px) {
	.jn-header .elementor-container .elementor-row .elementor-element .elementor-column-wrap{
		padding-top: 0;
		padding-bottom: 0;
	}
}

/* Header Menu Styling */
.jn-main-menu{
	z-index: 999999;
}
.jn-main-menu .menu-item a.hfe-menu-item:hover, .jn-main-menu .sub-menu a.hfe-sub-menu-item:hover, .jn-main-menu .menu-item.current-menu-item a.hfe-menu-item, .jn-main-menu .menu-item a.hfe-menu-item.highlighted, .jn-main-menu .menu-item a.hfe-menu-item:focus {
    color: #ffffff;
}
.jn-main-menu .hfe-nav-menu .sub-menu{
	background-color: #242424 !important;
	padding-top: 10px;
	padding-bottom: 10px;
}
.jn-main-menu .hfe-nav-menu .sub-menu li.menu-item{
	border: none !important;
}
.jn-main-menu .menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item{
	color: rgba(255,255,255, 0.70);
}

@media (min-width: 1024px) {
	.jn-main-menu .menu-item a.hfe-sub-menu-item{
		padding-left: 25px !important;
	}
}

/* Header Menu Styling for mobile */
.jn-main-menu .sub-menu, .jn-main-menu  nav.hfe-dropdown, .jn-main-menu nav.hfe-dropdown-expandible, .jn-main-menu  nav.hfe-dropdown .menu-item a.hfe-menu-item, .jn-main-menu nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{
	background-color: #242424 !important;
}
.jn-main-menu .hfe-has-submenu-container.sub-menu-active a.hfe-menu-item, .jn-main-menu .hfe-has-submenu .sub-menu.sub-menu-open .menu-item a.hfe-sub-menu-item {
	background-color: #333333 !important;
}
.jn-main-menu .sub-menu li.menu-item:not(:last-child), .jn-main-menu nav.hfe-dropdown li.menu-item:not(:last-child), .jn-main-menu nav.hfe-dropdown-expandible li.menu-item:not(:last-child){
	border: none !important;
}
@media (max-width: 1023px) {
	.jn-main-menu .elementor-element .menu-item a.hfe-menu-item{
		padding-left: 2.5em !important;
		padding-right: 1.8em !important;
	}
	.jn-main-menu .elementor-element .menu-item a.hfe-sub-menu-item{
		padding-left: 3.5em !important;
	}
}

@media (min-width: 1024px){
	.jn-main-menu.elementor-reverse-tablet>.elementor-container>.elementor-row>:first-child {
		-webkit-box-ordinal-group: 10;
		-webkit-order: 9;
		-ms-flex-order: 9;
		order: 9;
	}
	.jn-main-menu.elementor-reverse-tablet>.elementor-container>.elementor-row>:first-child {
		-webkit-box-ordinal-group: 10;
		-webkit-order: 9;
		-ms-flex-order: 9;
		order: 9;
	}
	.jn-main-menu.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(2) {
		-webkit-box-ordinal-group: 11;
		-webkit-order: 10;
		-ms-flex-order: 10;
		order: 10;
		display: none;
	}
}
@media screen and (max-width: 1199px) and (min-width: 1025px) {
	.jn-header.elementor-section.elementor-section-boxed>.elementor-container, .jn-main-menu.elementor-section.elementor-section-boxed>.elementor-container{
		padding: 0 1.5em;
	}
}

/* Home page Hero Slider Styling */
.jn-hero-slide .jw-carousel__item .jw-carousel__item-inner{
	margin-top: -30px;
}
.elementor-jw-carousel .jw-carousel-wrap .jw-carousel .jw-slick-dots{
	z-index: 9;
}
.jn-hero-slide .slick-initialized .slick-slide {
    margin-left: -15px;
}
.jn-hero-slide .jw-carousel__item .jw-carousel__item-inner .jw-carousel__content{
	text-align: left;
	z-index: 999999;
    margin-top: -30%;
    padding-bottom: 30%;
    color: #ffffff;
    margin-left: 20%;
	max-width: 60%;
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
	.jn-hero-slide .jw-carousel .jw-slick-dots{
		margin-top: -12em !important;
	}
}

/* Home page Product Slider Styling */

.jn-product-slide .elementor-jw-carousel .next-arrow, .jn-product-slide .elementor-jw-carousel .prev-arrow{
	z-index: 90 !important;
	border-radius: 0;
}

/* Footer News ticker styling*/

.jn-news-ticker .elementor-widget-container{
	padding: 0.7em 0;
}
.jn-news-ticker .elementor-widget-container h5{
	color: #7a7a7a;
	display: inline;
	float: left;
}
.jn-news-ticker .elementor-widget-container ul{
	display: inline;
	float: left;
	list-style: none;
	margin: 0.1em 0 0 0.8em;
}
@media (max-width: 767px) {
	.jn-news-ticker .elementor-widget-container{
		padding: 0.7em 0;
		text-align: center;
	}
	.jn-news-ticker .elementor-widget-container h5{
		color: #7a7a7a;
		display: block;
		float: none;
	}
	.jn-news-ticker .elementor-widget-container ul{
		display: block;
		float: none;
		list-style: none;
		margin: 0 0 0 0em;
	}
	
}

/* Error page styling*/
.ast-separate-container .error-404, .ast-separate-container .no-results{
	background-color: transparent;
}

/* Footer Menu Styling*/
#menu-footer-menu{
	list-style: none;
	margin: 0;
	font-weight: 500;
}
#menu-footer-menu li{
	padding: 0.4em 0;
    line-height: 1.5;
}

/* Uniqueness modal window styling */
#modals-container .htmega-modal-area .htb-modal-footer{
	border: none;
	border-radius: 0;
}
#modals-container .htmega-modal-area .htb-modal-footer button{
	border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
}
	
#modals-container .htmega-modal-area .htb-modal-header{
	background: #191919;
	border-radius: 0;
	padding: 12px 20px;
}
#modals-container .htmega-modal-area .htb-modal-body{
	padding: 16px 20px;
}
#modals-container .htmega-modal-area .htb-modal-body p:first-child{
	margin: -18px -20px 20px;
}

#modals-container .htmega-modal-area .htb-modal-content{
	border-radius: 0;
}
#modals-container .htmega-modal-area .htb-modal-header h5{
	font-weight: 500;
	color: #ffffff;
}
#modals-container .htmega-modal-area .htb-modal-header .htb-close{
	color: rgba(255,255,255,0.7)
}
#modals-container .htmega-modal-area .htb-modal-header .htb-close:hover{
	color: rgba(255,255,255,1)
}

#modals-container .elementor-column-wrap .elementor-widget-htmega-modal-addons .htmega-modal-btn{
	display: none;
}
#modals-container{
	height: 0;
}
/*
.elementor-edit-mode #modals-container .elementor-column-wrap .elementor-widget-htmega-modal-addons .htmega-modal-btn{
	display: block;
}
.elementor-edit-mode #modals-container{
	height: auto;
}
*/
@media (min-width: 320px){
	.htb-modal-dialog {
		margin-top: 5%;
	}
}
@media (min-width: 320px){
	.htb-modal-backdrop.htb-show {
		opacity: .95 !important;
	}
}
/* Uniqueness feature section styling */


.component {
	position: relative;
	margin-bottom: 3em;
	height: 15em;
}


.cn-button {
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 11;
	margin-top: -2.25em;
	margin-left: -2.25em;
	padding-top: 0em;
	width: 4.5em;
	height: 4.5em;
	border: none;
	border-radius: 50%;
	color: #52be7f;
	text-align: center;
	font-weight: 700;
	font-size: 1.5em;
	text-transform: uppercase;
	background: #ffffff url(https://jnbl.com.bd/wp-content/uploads/JNBL-Paint-Cans.png) no-repeat;
    background-size: 85%;
    background-position: center;
	-webkit-transition: all .3s ease 0.3s;
	-moz-transition: all .3s ease 0.3s;
	transition: all .3s ease 0.3s;
	-webkit-transform: scale(0.0);
	-ms-transform: scale(0.0);
	-moz-transform: scale(0.0);
	transform: scale(0.0);
	-moz-box-shadow: 0 0 .5em rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 .5em rgba(0,0,0,.5);
	box-shadow: 0 0 .5em rgba(0,0,0,.5);
}

.csstransforms .opened-btn {
	opacity: 1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}


.csstransforms .cn-wrapper {
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 10;
	margin-top: -13em;
	margin-left: -13.5em;
	width: 27em;
	height: 27em;
	border-radius: 50%;
	background: transparent;
	opacity: 0;
	-webkit-transition: all .3s ease 0.3s;
	-moz-transition: all .3s ease 0.3s;
	transition: all .3s ease 0.3s;
	-webkit-transform: scale(0.1);
	-ms-transform: scale(0.1);
	-moz-transform: scale(0.1);
	transform: scale(0.1);
	pointer-events: none;
	overflow: hidden;
}



/*cover to prevent extra space of anchors from being clickable
.csstransforms .cn-wrapper:after{
  content:".";
  display:block;
  font-size:2em;
  width:6.2em;
  height:6.2em;
  position: absolute;
  left: 50%;
  margin-left: -3.1em;
  top:50%;
  margin-top: -3.1em;
  border-radius: 50%;
  z-index:10;
  color: transparent;
}
*/


.csstransforms .opened-nav {
	border-radius: 50%;
	opacity: 1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	pointer-events: auto;
}
.csstransforms .cn-wrapper ul {
	position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
}

.csstransforms .cn-wrapper li {
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	margin-top: -1.3em;
	margin-left: -10em;
	width: 10em;
	height: 10em;
	font-size: 1.5em;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: rotate(76deg) skew(60deg);
	-moz-transform: rotate(76deg) skew(60deg);
	-ms-transform: rotate(76deg) skew(60deg);
	transform: rotate(76deg) skew(60deg);
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	pointer-events: none;
}

.csstransforms .cn-wrapper li a {
	position: absolute;
	right: -7.25em;
	bottom: -7.25em;
	display: block;
	width: 14.5em;
	height: 14.5em;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 1.2em;
	line-height: 2;
	-webkit-transform: skew(-60deg) rotate(-75deg) scale(1);
	-moz-transform: skew(-60deg) rotate(-75deg) scale(1);
	-ms-transform: skew(-60deg) rotate(-75deg) scale(1);
	transform: skew(-60deg) rotate(-75deg) scale(1);
	pointer-events: auto;
	cursor: pointer;
}

.csstransforms .cn-wrapper li a span {
	position: relative;
	top: 1.8em;
	display: block;
	font-size: .35em;
	font-weight: 700;
	max-width: 70px;
    text-align: center;
    margin: auto;
    line-height: 1.4;
}


.csstransforms .cn-wrapper li a:focus {
    position: fixed; /* fix the displacement bug in webkit browsers when using tab key */
}

.csstransforms .opened-nav li {
	-webkit-transition: all .3s ease .3s;
	-moz-transition: all .3s ease .3s;
	transition: all .3s ease .3s;
}

.csstransforms .opened-nav li:nth-child(1) {
	-webkit-transform: rotate(-5deg) skew(60deg);
	-moz-transform: rotate(-5deg) skew(60deg);
	-ms-transform: rotate(-5deg) skew(60deg);
	transform: rotate(-5deg) skew(60deg);
}

.csstransforms .opened-nav li:nth-child(2) {
	-webkit-transform: rotate(27deg) skew(60deg);
	-moz-transform: rotate(27deg) skew(60deg);
	-ms-transform: rotate(27deg) skew(60deg);
	transform: rotate(27deg) skew(60deg);
}

.csstransforms .opened-nav  li:nth-child(3) {
	-webkit-transform: rotate(59deg) skew(60deg);
	-moz-transform: rotate(59deg) skew(60deg);
	-ms-transform: rotate(59deg) skew(60deg);
	transform: rotate(59deg) skew(60deg);
}

.csstransforms .opened-nav li:nth-child(4) {
	-webkit-transform: rotate(91deg) skew(60deg);
	-moz-transform: rotate(91deg) skew(60deg);
	-ms-transform: rotate(91deg) skew(60deg);
	transform: rotate(91deg) skew(60deg);
}

.csstransforms .opened-nav li:nth-child(5) {
	-webkit-transform: rotate(123deg) skew(60deg);
	-moz-transform: rotate(123deg) skew(60deg);
	-ms-transform: rotate(123deg) skew(60deg);
	transform: rotate(123deg) skew(60deg);
}

.csstransforms .opened-nav li:nth-child(6) {
	-webkit-transform: rotate(155deg) skew(60deg);
	-moz-transform: rotate(155deg) skew(60deg);
	-ms-transform: rotate(155deg) skew(60deg);
	transform: rotate(155deg) skew(60deg);
}

.csstransforms .opened-nav li:nth-child(1) a{
	background: #5e4f9b;
	background: -webkit-radial-gradient(transparent 15%, #5e4f9b 15%);
	background: -moz-radial-gradient(transparent 15%, #5e4f9b 15%);
	background: radial-gradient(transparent 15%, #5e4f9b 15%);
}

.csstransforms .opened-nav li:nth-child(2) a{
	background: #0a9492;
	background: -webkit-radial-gradient(transparent 15%, #0a9492 15%);
	background: -moz-radial-gradient(transparent 15%, #0a9492 15%);
	background: radial-gradient(transparent 15%, #0a9492 15%);
}

.csstransforms .opened-nav  li:nth-child(3) a{
	background: #42983e;
	background: -webkit-radial-gradient(transparent 15%, #42983e 15%);
	background: -moz-radial-gradient(transparent 15%, #42983e 15%);
	background: radial-gradient(transparent 15%, #42983e 15%);
}

.csstransforms .opened-nav li:nth-child(4) a{
	background: #f36420;
	background: -webkit-radial-gradient(transparent 15%, #f36420 15%);
	background: -moz-radial-gradient(transparent 15%, #f36420 15%);
	background: radial-gradient(transparent 15%, #f36420 15%);
}

.csstransforms .opened-nav li:nth-child(5) a{
	background: #ee1f25;
	background: -webkit-radial-gradient(transparent 15%, #ee1f25 15%);
	background: -moz-radial-gradient(transparent 15%, #ee1f25 15%);
	background: radial-gradient(transparent 15%, #ee1f25 15%);
}

.csstransforms .opened-nav li:nth-child(6) a{
	background: #a0208c;
	background: -webkit-radial-gradient(transparent 15%, #a0208c 15%);
	background: -moz-radial-gradient(transparent 15%, #a0208c 15%);
	background: radial-gradient(transparent 15%, #a0208c 15%);
}

.csstransforms .cn-wrapper li a:hover,
.csstransforms .cn-wrapper li a:active,
.csstransforms .cn-wrapper li a:focus {
	background: #001a66;
	background: -webkit-radial-gradient(transparent 15%, #001a66 15%);
	background: -moz-radial-gradient(transparent 15%, #001a66 15%);
	background: radial-gradient(transparent 15%, #001a66 15%);
}

.no-csstransforms .cn-wrapper {
	overflow: hidden;
	margin: 10em auto;
	padding: .5em;
	text-align: center;
}

.no-csstransforms .cn-wrapper ul {
	display: inline-block;
}

.no-csstransforms .cn-wrapper li {
	float: left;
	width: 5em;
	height: 5em;
	background-color: #fff;
	text-align: center;
	font-size: 1em;
	line-height: 5em;
}

.no-csstransforms .cn-wrapper li a {
	display: block;
	width: 100%;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.no-csstransforms .cn-wrapper li a:hover,
.no-csstransforms .cn-wrapper li a:active,
.no-csstransforms .cn-wrapper li a:focus {
	background-color: #f8f8f8;
}

.no-csstransforms .cn-wrapper li.active a{
	background-color: #6F325C;
	color: #fff;
}

.no-csstransforms .cn-button {
	display: none;
}

@media only screen and (max-width: 620px) {
	.no-csstransforms li {
		width: 4em;
		height: 4em;
		line-height: 4em;
	}
}

@media only screen and (max-width: 500px) {
	.no-ccstransforms .cn-wrapper {
		padding: .5em;
	}

	.no-csstransforms .cn-wrapper li {
		width: 4em;
		height: 4em;
		font-size: .9em;
		line-height: 4em;
	}
}

@media only screen and (max-width: 480px) {
	.csstransforms .cn-wrapper {
		font-size: .68em;
	}

	.cn-button {
		font-size: 1em;
	}
}

@media only screen and (max-width:420px) {
	.no-csstransforms .cn-wrapper li {
		width: 100%;
		height: 3em;
		line-height: 3em;
	}
}
/*  */
@media (min-width:1280px) {
	.component {
		margin-bottom: 8em;
		height: 35em;
	}
	.csstransforms .cn-wrapper li a span {
		font-size: .35em;
		top: 2.2em;
	}

	.csstransforms .opened-nav, .csstransforms .opened-btn {
		-webkit-transform: scale(2.2);
		-moz-transform: scale(2.2);
		-ms-transform: scale(2.2);
		transform: scale(2.2);
	}
}
@media (min-width:768px) and (max-width:1279px) {
	.component {
		margin-bottom: 8em;
		height: 30em;
	}
	.csstransforms .cn-wrapper li a span {
		font-size: .4em;
		top: 1em;
	}

	.csstransforms .opened-nav, .csstransforms .opened-btn {
		-webkit-transform: scale(1.8);
		-moz-transform: scale(1.8);
		-ms-transform: scale(1.8);
		transform: scale(1.8);
	}
}
@media (min-width:600px) and (max-width:767px) {
	.component {
		margin-bottom: 6em;
		height: 25em;
	}
	
	.csstransforms .cn-wrapper li a span {
		font-size: .4em;
		font-weight: 700;
		max-width: 70px;
		line-height: 1.4;
	}

	.csstransforms .opened-nav, .csstransforms .opened-btn {
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		transform: scale(1.4);
	}
}
@media (min-width:480px) and (max-width:599px) {
	.component {
		margin-bottom: 6em;
		height: 22em;
	}
	
	.csstransforms .cn-wrapper li a span {
		font-size: .40em;
		font-weight: 700;
		max-width: 70px;
		line-height: 1.4;
	}

	.csstransforms .opened-nav, .csstransforms .opened-btn {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
	}
}
@media (min-width:340px) and (max-width:479px) {
	.component {
		margin-bottom: 4em;
		height: 14em;
	}
	.csstransforms .cn-wrapper li a span {
		font-size: .48em;
		font-weight: 600;
		max-width: 40px;
		line-height: 1.4;
		top: 1em;
	}

	.csstransforms .opened-nav, .csstransforms .opened-btn {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@media (max-width:339px) {
	.component {
		margin-bottom: 4em;
		height: 12em;
	}
	.csstransforms .cn-wrapper li a span {
		font-size: .5em;
		font-weight: 600;
		max-width: 35px;
		line-height: 1.4;
		top: 0.8em;
	}

	.csstransforms .opened-nav, .csstransforms .opened-btn {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
}

/* Milestone timeline styling*/

@media (max-width:600px) {
	
	.htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse{
		-webkit-box-direction: initial;
		-webkit-box-orient: initial;
		-webkit-flex-direction: initial;
		-moz-flex-direction: initial;
		-ms-flex-direction: initial;
		flex-direction: initial;
	}
	.htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .vertical-time {
		text-align: right;
	}
	.htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .vertical-time .vertical-date {
		margin-right: 11px;
		margin-left: initial;
	}
	.htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .vertical-time .vertical-date::before {
		border-color: transparent transparent transparent #CCCCCC !important;
		left: 115%;
		right: auto;
		border-top: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 15px solid #f58854;
	}
	.htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .timeline-content {
		padding-left: 25px;
		padding-right: initial;
		text-align: initial;
	}
	.htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .vertical-time::before {
		right: -15px;
		left: initial;
	}
	

}
@media (min-width:440px) and (max-width:600px) {
	.htc-verctimeline-wrapper {
		margin-left: -6em;
	}
}
@media (max-width:440px){
	.htc-verctimeline-wrapper .ht-ver-timeline .vertical-time .vertical-date{
		transform: scale(0.8);
		margin-right: -0.5em;
	}
	.htc-verctimeline-wrapper {
		margin-left: -4em;
	}
	.htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .vertical-time .vertical-date {
		margin-right: -0.5em;
		margin-left: initial;
	}
}

/* Styling the contact form */

.nf-form-wrap .nf-form-layout .nf-form-content {
    padding: 0;
    max-width: 800px;
    margin: 0;
}
.nf-form-wrap .nf-form-content .label-above .nf-field-label{
	display: none;
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit]{
	background: #fff !important;
    color: #000!important;
    font-weight: 700;
    border: 2px solid black !important;
}

.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover{
	background: #000000 !important;
    color: #ffffff !important;
    transition: all .3s;
}

/*Styling the client list gallery*/
@media (max-width:440px) {
	.elementor-48 .elementor-element.elementor-element-26081e7 .gallery-item{
		padding: 0;
	}
}

/*Styling blog page content*/
article.type-post .entry-meta, .entry-meta * {
    line-height: 1.45;
    color: #999999;
    font-weight: 600;
}

/*Styling clients gallery*/
.clients-gallery .elementor-image-gallery .gallery-item .gallery-icon{
	background: #ffffff;
}

/*Styling HT home page hero slider */
.ht-hero-slider .htslider-slider .slick-dots{
	left: auto;
	bottom: 30px;
	right: 30px;
}

/*Styling product range info table */
.jn-product-range-info table, .jn-product-range-info th, .jn-product-range-info td{
	border: 1px solid #dddddd;
	border-collapse: collapse;
	text-align: center;
}
.jn-product-range-info th{
	background: #dddddd;
}
.jn-product-range-info .htb-modal-footer{
	display: none;
}
.jn-product-range-info .htb-modal-header{
	border: none;
}

/*Styling milestone timeline*/
.jn-ms-timeline .wpb-timeline-area::before{
	height: 90%;
}

.jn-ms-timeline .wpb-timeline-area .wpb-timeline-block .wpb-timeline-content{
	border: 1px solid #cccccc;
    padding: 10px 20px 20px;
	border-radius: 5px;
}
.jn-ms-timeline .wpb-timeline-area .wpb-timeline-block .wpb-timeline-content p{
	font-size: 1.2em;
	font-weight: 500;
	line-height: 1.2;
}
.jn-ms-timeline .wpb-timeline-area .wpb-timeline-block .wpb-timeline-content h3{
	color: #fff;
    font-size: 1.5em;
    padding: 5px 20px;
    border-radius: 3px 3px 0 0;
    margin: -10px -20px 10px;
}

.jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+1) .wpb-timeline-icon, .jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+1) .wpb-timeline-content::before, .jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+1) .wpb-timeline-content h3{
	background: #fb5a27;
}

.jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+2) .wpb-timeline-icon, .jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+2) .wpb-timeline-content::before, .jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+2) .wpb-timeline-content h3{
	background: #238dce;
}

.jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+3) .wpb-timeline-icon, .jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+3) .wpb-timeline-content::before, .jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+3) .wpb-timeline-content h3{
	background: #415871;
}

.jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+4) .wpb-timeline-icon, .jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+4) .wpb-timeline-content::before, .jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+4) .wpb-timeline-content h3{
	background: #42a72f;
}

.jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+5) .wpb-timeline-icon, .jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+5) .wpb-timeline-content::before, .jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+5) .wpb-timeline-content h3{
	background: #7557bd;
}

.jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+6) .wpb-timeline-icon, .jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+6) .wpb-timeline-content::before, .jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+6) .wpb-timeline-content h3{
	background: #00b1d6;
}

.jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+7) .wpb-timeline-icon, .jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+7) .wpb-timeline-content::before, .jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+7) .wpb-timeline-content h3{
	background: #9c27b0;
}

.jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+8) .wpb-timeline-icon, .jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+8) .wpb-timeline-content::before, .jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+8) .wpb-timeline-content h3{
	background: #785447;
}

.jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+9) .wpb-timeline-icon, .jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+9) .wpb-timeline-content::before, .jn-ms-timeline .wpb-timeline-area .wpb-timeline-block:nth-child(9n+9) .wpb-timeline-content h3{
	background: #f79326;
}


/*Home page hero slider styling*/

.jn-hero-slide .elementor-widget-image{
	margin-bottom: 0;
}
.jn-hero-slide-title .elementor-widget-container{
	display: inline-block;
    background: rgba(0,0,0,0.8);
    padding: 1em 2.5em;
	margin-left: 10px;
    margin-right: 10px;
	border: 3px solid #ffffff;
}
/*
.jn-hero-slider .slingle-slider.slick-slide:nth-child(2) .jn-hero-slide .jn-hero-slide-title .elementor-widget-container{
	background: rgba(236,76,0,0.8);
}
.jn-hero-slider .slingle-slider.slick-slide:nth-child(3) .jn-hero-slide .jn-hero-slide-title .elementor-widget-container{
	background: rgba(0,26,102,0.8);
}
.jn-hero-slider .slingle-slider.slick-slide:nth-child(4) .jn-hero-slide .jn-hero-slide-title .elementor-widget-container{
	background: rgba(5,107,0,0.8);
}
.jn-hero-slider .slingle-slider.slick-slide:nth-child(5) .jn-hero-slide .jn-hero-slide-title .elementor-widget-container{
	background: rgba(134,0,112,0.8);
}
*/
.jn-hero-slide-title{
	margin-right: auto;
	margin-left: auto;
	max-width: 1140px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: -14%;
}
@media (max-width: 1024px){
	.jn-hero-slide-title {
		padding: 0em 2em 0em 2em;
	}
	.jn-hero-slide-title .elementor-widget-container{
		padding: 0.8em 2.2em;
		border: 2px solid #ffffff;
	}
}
@media (max-width: 768px){
	.jn-hero-slide-title .elementor-widget-container{
		padding: 0.8em 1.8em;
		border: 1px solid #ffffff;
	}
}

@media (max-width: 479px){
	.jn-hero-slide-title .elementor-widget-container{
		padding: 0.4em 0.8em;
	}
	.jn-hero-slide-title{
		margin-top: -20%;
	}
}

.animated {
    -webkit-animation-fill-mode: initial;
    animation-fill-mode: initial;
}

.jn-hero-slider .jn-hero-slide .elementor-widget-image.animated.fadeOut{
	-webkit-animation-name: undefined !important;
    animation-name: undefined !important;
    animation-duration: 0s;
}
.jn-hero-slider .animated {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.fadeIn, .fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown {
    animation-duration: 1s;
}