/* CUSTOMIZE THE FONT
-------------------------------------------------- */
/* LibreBaskerville-Bold */
/*@font-face {
    font-family: LibreBaskerville-Bold ;
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/LibreBaskerville-Bold.ttf") format("opentype");
}*/

/* LibreBaskerville-Italic */
/*@font-face {
    font-family: LibreBaskerville-Italic;
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/LibreBaskerville-Italic.ttf") format("opentype");
}*/

/* LibreBaskerville-Regular */
/*@font-face {
    font-family: LibreBaskerville-Regular;
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/LibreBaskerville-Regular.ttf") format("opentype");
}*/

/* PlayfairDisplay-Black */
@font-face {
    font-family: 'PlayfairDisplay-Black';
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/PlayfairDisplay-Black.ttf") format("opentype");
}
@font-face {
    font-family: 'PlayfairDisplay-BlackItalic';
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/PlayfairDisplay-BlackItalic.ttf") format("opentype");
}

/* PlayfairDisplay-Bold */
@font-face {
    font-family: 'PlayfairDisplay-Bold';
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/PlayfairDisplay-Bold.ttf") format("opentype");
}
@font-face {
    font-family: 'PlayfairDisplay-BoldItalic';
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/PlayfairDisplay-BoldItalic.ttf") format("opentype");
}

/* PlayfairDisplay-Italic */
@font-face {
    font-family: 'PlayfairDisplay-Italic';
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/PlayfairDisplay-Italic.ttf") format("opentype");
}

/* PlayfairDisplay-Regular */
@font-face {
    font-family: 'PlayfairDisplay-Regular';
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/PlayfairDisplay-Regular.ttf") format("opentype");
}


/* ============================================================ */


/* SourceSansPro-Black */
@font-face {
    font-family: 'SourceSansPro-Black';
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/SourceSansPro-Black.ttf") format("opentype");
}
@font-face {
    font-family: 'SourceSansPro-BlackItalic';
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/SourceSansPro-BlackItalic.ttf") format("opentype");
}

/* SourceSansPro-Bold */
@font-face {
    font-family: 'SourceSansPro-Bold';
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/SourceSansPro-Bold.ttf") format("opentype");
}
@font-face {
    font-family: 'SourceSansPro-BoldItalic';
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/SourceSansPro-BoldItalic.ttf") format("opentype");
}

/* SourceSansPro-ExtraLight */
@font-face {
    font-family: 'SourceSansPro-ExtraLight';
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/SourceSansPro-ExtraLight.ttf") format("opentype");
}
@font-face {
    font-family: 'SourceSansPro-ExtraLightItalic';
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/SourceSansPro-ExtraLightItalic.ttf") format("opentype");
}

/* SourceSansPro-Italic */
@font-face {
    font-family: 'SourceSansPro-Italic';
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/SourceSansPro-Italic.ttf") format("opentype");
}

/* SourceSansPro-Light */
@font-face {
    font-family: 'SourceSansPro-Light';
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/SourceSansPro-Light.ttf") format("opentype");
}
@font-face {
    font-family: 'SourceSansPro-LightItalic';
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/SourceSansPro-LightItalic.ttf") format("opentype");
}

/* SourceSansPro-Regular */
@font-face {
    font-family: 'SourceSansPro-Regular';
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/SourceSansPro-Regular.ttf") format("opentype");
}

/* SourceSansPro-SemiBold */
@font-face {
    font-family: 'SourceSansPro-SemiBold';
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/SourceSansPro-SemiBold.ttf") format("opentype");
}
@font-face {
    font-family: 'SourceSansPro-SemiBoldItalic';
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/SourceSansPro-SemiBoldItalic.ttf") format("opentype");
}


/* ============================================================ */


/* GothamNarrow-Light */
@font-face {
    font-family: 'GothamNarrow-Light';
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/GothamNarrow-Light.otf") format("opentype");
}
@font-face {
    font-family: 'GothamNarrow-Light';
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/GothamNarrow-LightItalic.otf") format("opentype");
}

/* GothamNarrow-Book */
@font-face {
    font-family: 'GothamNarrow-Book';
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/GothamNarrow-Book.otf") format("opentype");
}
@font-face {
    font-family: 'GothamNarrow-Book';
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/GothamNarrow-BookItalic.otf") format("opentype");
}

/* GothamNarrow-Medium */
@font-face {
    font-family: 'GothamNarrow-Medium';
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/GothamNarrow-Medium.otf") format("opentype");
}
@font-face {
    font-family: 'GothamNarrow-Medium';
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/GothamNarrow-MediumItalic.otf") format("opentype");
}

/* GothamNarrow-Bold */
@font-face {
    font-family: 'GothamNarrow-Bold';
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/GothamNarrow-Bold.otf") format("opentype");
}
@font-face {
    font-family: 'GothamNarrow-Bold';
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/GothamNarrow-BoldItalic.otf") format("opentype");
}


.jl99-mt10 { margin-top: 10px; }
.jl99-mt20 { margin-top: 20px; }
.jl99-mt30 { margin-top: 30px; }
.jl99-mt40 { margin-top: 40px; }
.jl99-mt50 { margin-top: 50px; }
.jl99-mt60 { margin-top: 60px; }
.jl99-mt70 { margin-top: 70px; }
.jl99-mt80 { margin-top: 80px; }
.jl99-mt90 { margin-top: 90px; }
.jl99-mt100 { margin-top: 100px; }

.jl99-mb10 { margin-bottom: 10px; }
.jl99-mb20 { margin-bottom: 20px; }
.jl99-mb30 { margin-bottom: 30px; }
.jl99-mb40 { margin-bottom: 40px; }
.jl99-mb50 { margin-bottom: 50px; }
.jl99-mb60 { margin-bottom: 60px; }
.jl99-mb70 { margin-bottom: 70px; }
.jl99-mb80 { margin-bottom: 80px; }
.jl99-mb90 { margin-bottom: 90px; }
.jl99-mb100 { margin-bottom: 100px; }


body {
	font-family: serif;
	/*display: block;*/
	background-color: #f4f4f4;
	font-size: 16px;
}

h5,p {
	font-size: 16px;
}


/* JL99 - LOADING */
.jl99-loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../img/JL9901.gif) center no-repeat #fbfbfb;
}


/* JL99 - NAV */
.jl99-navbar .off-canvas {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	font-family: serif;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
}

.jl99-navbar .off-canvas-background {
	background: #ffffff;
	opacity: 0;
	transition: opacity .25s;
}

.jl99-navbar .off-canvas-menu {
	position: absolute;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100%;
	padding: 65px 100px 0;
	background: #ffffff;
	/*opacity: .95;*/
	color: #2c2a2c;
	transform: translateX(100%);
	transition: transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@media (min-width: 351px) {
	.jl99-navbar .off-canvas-menu {
		width: 700px;
		overflow: overlay;
	}
}

@media (max-width: 560px) {
	.jl99-navbar .off-canvas-menu {
		overflow: auto;
	}
}

.jl99-navbar .off-canvas-menu ul {
	padding-left: 0;
	list-style: none;
}

.jl99-navbar .off-canvas-menu a {
	text-decoration: none;
	color: currentColor;
}

.jl99-offcanvas-bordertop {
    border-top: 1px solid #d1d1d1;
    margin: 60px 0;
}

.jl99-navbar .off-canvas-menu-top-level {
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
}

.jl99-navbar .off-canvas-menu-top-level>li {
	margin-bottom: 20px;
	transform: translateX(calc(100% + 2rem));
	opacity: 0;
	transition: transform .5s, opacity .5s;
	user-select: none;
}

.jl99-navbar .off-canvas-menu-top-level>li:hover {
	color: #bb192c;
	-webkit-transition: 350ms all ease;
	transition: 350ms all ease;
}

.jl99-navbar .off-canvas-menu-top-level>li>a,
.jl99-navbar .off-canvas-menu-top-level>li>span {
	text-transform: uppercase;
	cursor: pointer;
	letter-spacing: 1px;
}

.jl99-navbar .off-canvas-menu-top-level>li>span {
	-webkit-user-select: none;
	user-select: none;
}

.jl99-navbar .off-canvas-menu-top-level>li>span>i.fa.fa-angle-down { float: right; }

.jl99-navbar .off-canvas-menu-sub-level {
	margin-top: .5rem;
	margin-left: 20px;
	color: rgba(154, 202, 235, 0);
	overflow: hidden;
	height: 0;
	transition: height 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), color 0.25s 0.25s;
}

.jl99-navbar ul.off-canvas-menu-sub-level li a {
	font-size: 14px;
	color: #2c2a2c;
	font-family: serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.jl99-navbar ul.off-canvas-menu-sub-level li a:hover {
	color: #bb192c;
	font-family: serif;
	-webkit-transition: 350ms all ease;
	transition: 350ms all ease;
}

.jl99-navbar ul li a.active,
.jl99-navbar ul li.active {
	color: #bb192c;
	font-family: serif;
	font-weight: bold;
}

.jl99-navbar .off-canvas-menu-sub-level-simulate {
	position: absolute;
	overflow: auto;
	height: auto;
	visibility: hidden;
}

.jl99-navbar .off-canvas-menu-sub-level-open {
	overflow: hidden;
	color: #9acaeb;
}

.jl99-navbar .off-canvas-menu-sub-level>li {
	padding: .5rem 0;
	line-height: 1em;
}

.jl99-navbar .off-canvas-in {
	left: 0;
}

.jl99-navbar .off-canvas-in .off-canvas-background {
	width: 100%;
	height: 100%;
	opacity: .5;
}

.jl99-navbar .off-canvas-in .off-canvas-menu {
	transform: translateX(0);
}

.jl99-navbar .off-canvas-in .off-canvas-menu-top-level>li.in {
	transform: translateX(0);
	opacity: 1;
}

.jl99-navbar .hamburger {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 38px;
	height: 35px;
	cursor: pointer;
	transition: color 0s .25s;
	font-size: 16px;
	background: #000;
	padding: 8px;
}

.jl99-navbar .hamburger-bar {
	position: relative;
	transform: translateY(0.5em);
	background: #fff;
}
.hamburger-bar, .hamburger-bar::before, .hamburger-bar::after {
	width: 100%;
	height: 3px;
}

.jl99-navbar .hamburger-bar::before,
.jl99-navbar .hamburger-bar::after {
	content: '';
	position: absolute;
	left: 0;
	background: #fff;
	transition: transform 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	font-size: inherit;
}

.jl99-navbar .hamburger-bar::before {
	bottom: 0.5em;
}

.jl99-navbar .hamburger-bar::after {
	top: 0.5em;
}

.jl99-navbar .hamburger-open {
	color: #fff;
	transition-delay: 0s;
}

.jl99-navbar .hamburger-open .hamburger-bar {
	background: transparent;
}

.jl99-navbar .hamburger-open .hamburger-bar::before {
	transform: translateY(0.5em) rotate(45deg);
}

.jl99-navbar .hamburger-open .hamburger-bar::after {
	transform: translateY(-0.5em) rotate(-45deg);
}
/* JL99 - END NAV */

.jl99-navregisternow-border {
	border-top: 1px solid #d1d1d1;
	margin: 30px 0;
}
.jl99-navregisternow-border2 {
	border-bottom: 1px solid #d1d1d1;
	margin-top: 110px;
}

.jl99-registernowicon span {
	/*padding: 0 170px;*/
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-weight: 600;
	display: inline-block;
	z-index: 2;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 18px;
}

.jl99-registernowicon i {
	display: inline-block;
	/*text-align: center;*/
	border-left: 1px solid rgba(0,0,0,0.2);
	width: 80px;
	/*-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;*/
	font-weight: 600;
	line-height: inherit;
	z-index: 2;
	position: relative;
	float: right;

}

.jl99-navregisternow { margin-top: 60px; }

.jl99-navregisternow .button-4 {
	width: 100%;
	height: 50px;
	border: 2px solid #29282a;
	float: left;
	text-align: center;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	/* margin: 0 0 40px 50px; */
}

.jl99-navregisternow .button-4 a {
	font-size: 16px;
	color: #29282a;
	text-decoration: none;
	line-height: 50px;
	transition: all .5s ease;
	z-index: 2;
	position: relative;
}

.jl99-navregisternow .eff-4 {
	width: 100%;
	height: 50px;
	left: -500px;
	background: #29282a;
	position: absolute;
	transition: all .5s ease;
	z-index: 1;
}

.jl99-navregisternow .button-4:hover .eff-4 {
	left: 0;
}

.jl99-navregisternow .button-4:hover a {
	color: #fff;
}

.jl99-navcontact-info { margin-top: 20px; }

.jl99-navcontact-info address h5 {
	line-height: 25px;
	letter-spacing: 1px;
	font-size: 16px;
}

.jl99-navcontact-info address a:hover {
	color: #bb192c;
	-webkit-transition: 350ms all ease;
	transition: 350ms all ease;
}

.jl99-navcontact-email a>h5 {
	font-family: serif;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 20px;
}

.jl99-navcontact-email a>h5:hover {
	color: #bb192c;
	-webkit-transition: 350ms all ease;
	transition: 350ms all ease;
}


.jl99-navcontact-socialmedia .hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

.jl99-navcontact-socialmedia .ease-all{
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

/* Social Icons */
.jl99-navcontact-socialmedia .social {
	height: 10rem;
  	list-style-type: none;
  	margin: 0;
  	padding: 0;
  	text-align: center;
}


.jl99-navcontact-socialmedia .social li a {
	display: inline-block;
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 2rem;
	text-align: center;
	padding-top: 15px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-o-border-radius:30px;
	-ms-border-radius:30px;
	border-radius:30px;
	color: #bb192c;
}

.jl99-navcontact-socialmedia .social li a:hover {
	-webkit-box-shadow: inset 0 0 0 3px #222;
	-moz-box-shadow: inset 0 0 0 3px #222;
	-o-box-shadow: inset 0 0 0 3px #222;
	-ms-box-shadow: inset 0 0 0 3px #222;
	box-shadow: inset 0 0 0 3px #222;
	color: #222;
}

.jl99-navcontact-socialmedia ul.social { margin-top: 20px; }


/* JL99 - OUR COLLECTION */
.screen-popout.ourcollection-toggle { top: 62%!important; }

/* JL99 - VIDEO */
.jl99-loadvideo {
	margin-top: -100px;
}

.jl99-loadvideo video {
  	/*position: relative;*/
	top: 0;
	/*left: 50%;*/
	width: 100%;
	height: 100%;
  	/*-webkit-transform: translate(-50%, -50%);
	 -ms-transform: translate(-50%, -50%);
	 transform: translate(-50%, -50%);*/
	z-index: -999;
	overflow: hidden;
}


/* JL99 - ABOUT US */
.jl99-aboutus {
  	min-height: 400px;
  	background-attachment: fixed;
  	background-position: center;
  	background-repeat: no-repeat;
  	/*background-size: cover;*/
  	margin-top: -120px;
  	margin-bottom: 60px;
}

.jl99-aboutus .jl99-aboutus-content h5 {
    color: #fff;
    padding: 85px 190px 0 190px;
    line-height: 30px;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
    letter-spacing: 1px;
    font-size: 18px;
}

.jl99-aboutus-content {
	text-align: center;
}


/* JL99 - READ MORE BTN */
.jl99-readmorebtn  button,
.jl99-readmorebtn  button:hover,
.jl99-readmorebtn  button:active,
.jl99-readmorebtn  button:focus,
.jl99-readmorebtn  button:visited {
	background: transparent;
	border-color: transparent;
	margin: 0;
	padding: 0;
	outline: 0;
}

.jl99-readmorebtn span {
    cursor: pointer;
    clear: both;
    border-radius: 0;
    padding: 12px 36px;
    display: inline-block;
    margin-top: 25px;
    transition: all 0.8s,
 	color 0.3s 0.3s;
    cursor: pointer;
    background: #bc2a2a;
    color: #ffffff;
    font-size: 18px;
}

.jl99-readmorebtn span i.fa { margin-left: 10px; }

.jl99-readmorebtn span:hover { color:#fff;}

.jl99-readmorebtn .btn-specialbtn:hover { box-shadow: 300px 0 0 0 rgb(0, 0, 0) inset, -300px 0 0 0 rgb(0, 0, 0) inset;}


.jl99snip a span {
    cursor: pointer;
    clear: both;
    border-radius: 0;
    padding: 8px 20px;
    display: inline-block;
    margin-top: 25px;
    transition: all 0.8s,
 	color 0.3s 0.3s;
    cursor: pointer;
    background: #212121;
    color: #ffffff;
    font-size: 14px;
}

.jl99snip a span:hover { color:#fff;}

.jl99snip a span.btn-evnglly:hover { box-shadow: 300px 0 0 0 rgb(0, 0, 0) inset, -300px 0 0 0 rgb(0, 0, 0) inset;}
/* JL99 - END READ MORE BTN */


/* JL99 -  HOME SLIDER EFFECT*/
#jl99slidereffect {
	position: relative;
	margin: 0 auto;
	top: 0px;
	left: 0px;

	overflow: hidden;
	visibility: hidden;
}

#jl99slidereffect .jl99-ongoingcollection {
	cursor:default;
	position:relative;
	top:0px;
	left:0px;
	width:1920px;
	height:796px;
	overflow:hidden;
}

.jl99sldef-naviicons {
	display: block;
	position: absolute;
	cursor: pointer;
}
.jl99sldef-naviicons .circle {
	fill: none;
	stroke: #fff;
	stroke-width: 400;
	stroke-miterlimit: 10;
}
.jl99sldef-naviicons .polyline {
	fill: none;
	stroke: #fff;
	stroke-width: 400;
	stroke-miterlimit: 10;
}
.jl99sldef-naviicons:hover {
	opacity: .8;
}


.homecollectionbg {
    cursor: pointer;
    position: absolute;
    width: 34%;
    height: 85%;
    background: #ffffff;
    opacity: 0;
    padding: 10px;
    text-align: center;
    left: 33%;
}

.homecollectionbgpic .homecollectionbg-image,
.homecollectionbg, .homecollectionbgpic:hover .homecollectionbg,
.homecollectionbgpic:hover img {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5 ease;
}

.homecollectionbgpic:hover .homecollectionbg-toptobottom {
	opacity: 1;
}

.homecollectionbg-toptobottom {
	bottom: 50%;
}

.homecollectionbgpic:hover .homecollectionbg-toptobottom {
	bottom: 7%;
	-webkit-box-shadow:0 0 30px rgba(0,0,0,0.8);
	-moz-box-shadow:0 0 30px rgba(0,0,0,0.8);
	box-shadow:0 0 30px rgba(0,0,0,0.8);
}

.homecollectioncontent {
	padding: 100px 70px;
}

.homecollectioncontent img {
	margin: auto auto;
}

.jl99-viewallcollection {
    position: absolute;
    bottom: 0;
    right: 0;
}

.homecollectioncontent h2 {
	font-family: serif;
	font-weight: bold;
	margin-top: 40px;
}

.homecollectioncontent h5 {
	font-family: serif;
}

span.jl99collection-border {
    background-color: #bc2a2a;
    width: 80px;
    height: 4px;
    margin: 25px auto 25px;
    display: block;
}

.homecollectioncontent p {
    font-family: serif;
    line-height: 30px;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
    font-weight: 600;
}


/* JL99 -  HOME EVENT GALLERY*/
#jl99-background {
	background-color: #e9e9e9;
	padding: 100px 0;
}

.jl99-title {
	text-align: center;
	text-transform: uppercase;
	padding: 0 0 50px;
}

.jl99-title h1 {
	font-size: 48px;
	color: #262626;
}

.jl99-title span.jl99-highlight {
	background-color: #262626;
	color: #e9e9e9;
}

.jl99snip {
	background-color: #fff;
	color: #ffffff;
	display: inline-block;
	margin: 0 5px 5px 0;
	max-width: 371px;
	min-width: 230px;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 100%;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.jl99snip *, .jl99snip *:before, .jl99snip *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.45s ease;
	transition: all 0.45s ease;
}

.jl99snip img {
	backface-visibility: hidden;
	max-width: 100%;
	vertical-align: top;
}

.jl99snip:before, .jl99snip:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	background-color: #b81212;
	opacity: 0.5;
	-webkit-transition: all 0.45s ease;
	transition: all 0.45s ease;
}

.jl99snip:before {
	-webkit-transform: skew(30deg) translateX(-80%);
	transform: skew(30deg) translateX(-80%);
}

.jl99snip:after {
	-webkit-transform: skew(-30deg) translateX(-70%);
	transform: skew(-30deg) translateX(-70%);
}

.jl99snip figcaption {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
	bottom: 0;
	padding: 25px 20% 25px 20px;
}

.jl99snip figcaption:before, .jl99snip figcaption:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #b81212;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
	content: '';
	opacity: 0.5;
	z-index: -1;
}

.jl99snip figcaption:before {
	-webkit-transform: skew(30deg) translateX(-100%);
	transform: skew(30deg) translateX(-100%);
}

.jl99snip figcaption:after {
	-webkit-transform: skew(-30deg) translateX(-90%);
	transform: skew(-30deg) translateX(-90%);
}

.jl99snip h4, .jl99snip p {
	margin: 0;
	opacity: 0;
	letter-spacing: 1px;
}

.jl99snip h4 {
	font-family: serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 2em;
}

.jl99snip p {
	font-size: 14px;
	font-family: serif;
}

.jl99snip a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.jl99snip:hover h4, .jl99snip.hover h4, .jl99snip:hover p, .jl99snip.hover p {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 0.9;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.jl99snip:hover:before, .jl99snip.hover:before {
	-webkit-transform: skew(30deg) translateX(-20%);
	transform: skew(30deg) translateX(-20%);
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.jl99snip:hover:after, .jl99snip.hover:after {
	-webkit-transform: skew(-30deg) translateX(-10%);
	transform: skew(-30deg) translateX(-10%);
}

.jl99snip:hover figcaption:before, .jl99snip.hover figcaption:before {
	-webkit-transform: skew(30deg) translateX(-40%);
	transform: skew(30deg) translateX(-40%);
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.jl99snip:hover figcaption:after, .jl99snip.hover figcaption:after {
	-webkit-transform: skew(-30deg) translateX(-30%);
	transform: skew(-30deg) translateX(-30%);
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}


/* JL99 - CSR */
.csr-aboutus {
	padding: 120px 230px;
}

.csr-aboutus h4 {
	line-height: 32px;
	text-align: justify;
	-moz-text-align-last: left;
	text-align-last: left;
	padding: 0 20px;
}

.csr-aboutusevents .jl99-aboutuseventsbg {
	min-height: 530px;
	/*background-attachment: fixed;
	background-position: center;*/
	background-repeat: no-repeat;
	background-size: auto;
}

section.csr-aboutusevents {
	margin-bottom: 100px
}

.csr-aboutusevents-slider {
	padding: 80px 210px;
}


.csr-aboutusevents-slider .carousel-indicators {
	margin-bottom: -70px;
	width: 60%;
	left: 30%;
}

.csr-aboutusevents-slider .carousel-indicators li {
	background-color: #ffffff;
	border-color: #29282a;
	width: 13px;
	height: 13px;
	margin: 3px;
}

.csr-aboutusevents-slider .carousel-indicators .active {
	background-color: #29282a;
	border-color: #29282a;
	width: 13px;
	height: 13px;
	margin: 3px;
}

.csr-aboutusevents-slider h2 {
	font-family: serif;
	font-weight: bold;
}

.csr-aboutusevents-slider h4 {
	font-family: serif;
	font-weight: bold;
	padding: 15px 0;
}

.csr-aboutusevents-slider p {
	font-family: serif;
	line-height: 30px;
	text-align: justify;
	-moz-text-align-last: left;
	text-align-last: left;
}


/* JL99 - THE GROUP */
.star {
	height: 1000px;
	widows: 100%;
	background: #000000;
	overflow: hidden;
}

.star-align {
	position: absolute;
	width: 100%;
	margin-top: 50px;
}

.star-container {
}

.star-container .jl99-ourvision {
    height: 100%;
    margin: auto;
    padding: 90px 10px;
}

span.jl99thegroupline {
    border-right: 1px solid #ffffff;
    margin: auto;
    padding: 25px 0 80px 0;
    opacity: 0.5;
}

.star-container .jl99-ourvision h2 {
    width: 100%;
    text-align: right;
    padding-right: 0;
    text-transform: uppercase;
    font-size: 24px;
}

.star-container .jl99-ourvision h5 {
    font-family: serif;
    line-height: 25px;
    text-align: justify;
    -moz-text-align-last: left;
    text-align-last: left;
    letter-spacing: 1px;
    text-align: left;
    padding-left: 0;
    margin-top: 0px;
}

.light-squarebox1 {
	background-color: #bfbfbf;
	height: 260px;
	margin-top: 30px;
	opacity: 0.5;
}

.light-squarebox2 {
	background-color: #f2f2f2;
	height: 260px;
	margin-top: 30px;
	opacity: 0.5;
}

.light-squarebox3 {
	background-color: #eeedeb;
	height: 260px;
	margin-top: 30px;
	opacity: 0.5;
}

.light-squarebox4 {
	background-color: #7f7f7f;
	height: 260px;
	margin-top: 30px;
	opacity: 0.5;
}

.thegroup-logo a {
	background-color: #f9f9f9;
	height: 260px;
	margin-top: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.thegroup-logo a img { margin: auto auto; }

.red-square {
	background-color: #BC2A2A;
	color: white;
	height: 260px;
	margin-top: 30px;
	background-repeat: no-repeat;
}

.star-container .jl99-mission {
    height: 100%;
    margin: auto;
    padding: 90px 10px;
}

.star-container .jl99-mission h2 {
    width: 100%;
    text-align: right;
    padding-right: 0;
    text-transform: uppercase;
    font-size: 24px;
}

.star-container .jl99-mission h5 {
    font-family: serif;
    line-height: 25px;
    text-align: justify;
    -moz-text-align-last: left;
    text-align-last: left;
    letter-spacing: 1px;
    text-align: left;
    padding-left: 0;
    margin-top: -16px;
    font-size: 16px;
}

.thegroupstory {
	padding: 120px 200px;
}

.thegroupstory .thegroupstory-overview h2 {
	font-family: serif;
	font-weight: bold;
}

.thegroupstory .thegroupstory-overview h4 {
	font-family: serif;
	line-height: 30px;
	text-align: justify;
	-moz-text-align-last: left;
	text-align-last: left;
	padding: 0 20px;
}

.thegroup-aboutus {
	padding: 60px 200px;
}

.thegroup-aboutus .thegroup-aboutdecription h4 {
	font-family: serif;
	line-height: 30px;
	text-align: justify;
	-moz-text-align-last: left;
	text-align-last: left;
	padding: 0 20px 0 100px;
}

.star canvas {
	opacity: 1;
	height: 100%!important;
}


/* JL99 - OUR DIRECTORY */
section.ourdirectory-bg {
	background-color: #e9e9e9;
}

section .ourdirectory {
	padding: 100px 200px;
}

section.ourdirectory-bg .ourdirectory-form {
	padding: 20px 0 0 500px
}

section .ourdirectory-addremap h3 {
	font-family: serif;
	font-weight: bold;
	line-height: 35px;
}

section .ourdirectory-addremap address a {
	text-decoration: none;
	color: #000;
	line-height: 25px;
}

section .ourdirectory-addremap address a:hover,
section .ourdirectory-addremap p.contactmail a:hover,
section .ourdirectory-addremap p.contactgetwaze a:hover {
	color: #bb192c;
	-webkit-transition: 350ms all ease;
    transition: 350ms all ease;
}

section .ourdirectory-addremap p.contactmail a {
	font-family: serif;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

section .ourdirectory-addremap p.contactgetwaze a {
    font-family: serif;
    font-style: italic;
    text-decoration: underline;
    font-size: 10px;
    color: #000;
    margin: 30px 0 60px 0;
    display: block;
    font-weight: bold;
}


span.ourdirectoryline {
    width: 50px;
    margin: 25px 0;
    border: 1px solid #000;
    display: flex;
}

.gmap{
	width: 100%;
	height: 500px;
	margin-bottom: 20px;
}

.ourdirectory-form form input[type=text]{
	background: transparent;
	border-radius: 0px;
	border: 0px;
    border-bottom: 1px solid #6B6B6B;
    box-shadow: none;
}

.ourdirectory-form form input[type=email]{
	background: transparent;
	border-radius: 0px;
	border: 0px;
    border-bottom: 1px solid #6B6B6B;
    box-shadow: none;
}

.ourdirectory-form form input[type=file]{
	background: transparent;
	border-radius: 0px;
	border: 0px;
    border-bottom: 1px solid #6B6B6B;
    box-shadow: none;
}

.ourdirectory-form .submit-btn{
	border-radius: 0px;
	background-color: #282828;
	color: white;
}

.ourdirectory-form .submit-btn:hover{
	border-radius: 0px;
	background-color: #E12529;
	color: white;
}

.ourdirectory-form .form-control:focus {
  border-color: #6B6B6B;
  box-shadow: none;
  outline: none;
}

.ourdirectory-form .select-box {
	background: transparent;
	border-radius: 0px;
	border: 0px;
    border-bottom: 1px solid #6B6B6B;
    box-shadow: 0 0 0;
}

.popout-header {
    position: absolute;
    background: #f23434;
    padding: 9px 11px;
    cursor: pointer;
    right: 100%;
    height: 40px;
    width: 40px;
    color: #ffffff;
    font-size: 18px;
}

.popout-inner {
    height: 40px;
    width: 100%;
    padding: 10px 0px;
    background: #f23434;
}

.popout-inner i {
    float: right;
    color: #ffffff;
    font-size: 18px;
    padding: 2px 15px;
    cursor: pointer;
}

.popout-inner p {
    border-left: 2px solid #ffffff;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
}

.popout-inner a {
	text-decoration: none;
	color: #ffffff;
}

.screen-popout {
	position: fixed;
	top: 50%;
	width: 200px;
	background: #eee;
	box-shadow: 0px 5px 20px 0px #000000;
	z-index: 1000;
}

.screen-popout.top-right {
	right: 0;
	transform: translateX(100%);
	transform-origin: 100% 100%;
	transition: transform 0.2s ease;
}

.screen-popout.open.top-right {
	transform: translateX(0%);
}


/* JL99 - JOIN US */
section.joinus-bg {
	background: url(../img/ourjourney-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.joinus-content {
	padding: 120px 200px;
	font-family: serif;
	font-weight: bold;
}

.joinus-builddreamcareer h2 {
    text-align: left;
}

.joinus-builddreamcareer h2>span {
	font-family: serif;
}

.joinus-builddreamcareer h4 {
    color: #999999;
    font-family: serif;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 30px;
    margin-top: 15px;
}

.builddreamcareer-contentbg {
	min-height: 640px;
	/*background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;*/
	background-size: cover;
	color: #ffffff;
	padding: 80px 50px;
}

.builddreamcareer-fullcontent {
	padding: 30px;
	border: 3px solid #fff;
}

.builddreamcareer-fullcontent h5 {
    font-family: serif;
    font-weight: bold;
    line-height: 25px;
    letter-spacing: 1px;
    font-size: 16px;
}

.builddreamcareer-fullcontent ul li {
    font-family: serif;
    line-height: 30px;
}

.builddreamcareer-fullcontent ul li i.fa {
    font-size: 10px;
    display: flex;
    line-height: 30px;
}

.joinus-careerposition {
    margin-top: 120px;
    border-top: 1px solid #c6c6c6;
}

.joinus-careerposition-left {
    background-color: #f4f4f4;
    margin-top: 65px;
    box-shadow: 0px 5px 20px 0px #666666;
    padding: 30px 0 30px 20px;
    cursor: pointer;
    width: 80%;
    color: #7d7d7d;
}

.joinus-careerposition-left ul li {
    line-height: 40px;
}

.joinus-careerposition-left ul li i {
    line-height: 35px;
}

.joinus-careerposition-left ul li:hover,
.joinus-careerposition-left ul li:active,
.joinus-careerposition-left ul li:focus {
	color: #29282a;
	-webkit-transition: 350ms all ease;
	transition: 350ms all ease;
}

.joinus-careerposition-left ul .active{
	color: #bc2a2a;
}



.joinus-careerposition-right {
	margin-top: 65px;
	padding: 10px 0 30px 20px;
	line-height: 35px;
	font-family: serif;
	font-weight: bold;
	line-height: 30px;
	text-align: justify;
	-moz-text-align-last: left;
	text-align-last: left;
}

.joinus-careerposition-right p {
	font-family: serif;
	font-weight: bold;
}

.joinus-careerposition-borderline {
    border-left: 1px solid #c6c6c6;
}


/* JL99 - FOOTER SITEMAP */
#sitemap-bg {
	min-height: 100%;
	background: url(../img/ourjourney-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-bottom: 100px;
}

.fancybox-slide > * {
	background-color: transparent!important;
}

.sitemap-content {
	padding: 100px;
}

.sitemap-title .sitemap-contenttitle h4 {
	font-family: serif;
	font-weight: bold;
	line-height: 30px;
	text-align: justify;
	-moz-text-align-last: left;
	text-align-last: left;
	letter-spacing: 1px;
	font-size: 14px;
	margin-bottom: 15px;
}

.sitemap-title h1 i {
    border-radius: 30px;
    width: 60px;
    height: 60px;
    border: 1px solid #000;
    text-align: center;
    line-height: 65px;
}

.sitemap-title span.sitemap-bigfont {
	font-family: serif;
	font-weight: bold;
}


/* JL99 -  REGISTRATION */
form input[type=text]{
	background: transparent;
	border-radius: 0px;
	border: 0px;
    border-bottom: 1px solid #6B6B6B;
    box-shadow: none;
}

form input[type=email]{
	background: transparent;
	border-radius: 0px;
	border: 0px;
    border-bottom: 1px solid #6B6B6B;
    box-shadow: none;
}

input.disable-jl99 {
    color: #000!important;
    font-size: 16px;
}

.submit-btn{
	border-radius: 0px;
	background-color: #282828;
	color: white;
}

.submit-btn:hover{
	border-radius: 0px;
	background-color: #E12529;
	color: white;
}

.form-control:focus {
  	border-color: #6B6B6B;
  	box-shadow: none;
  	outline: none;
}

.select-box {
	background: transparent;
	border-radius: 0px;
	border: 0px;
    border-bottom: 1px solid #6B6B6B;
    box-shadow: 0 0 0;
}




/* JL99 - FOOTER CANVAS */
canvas {
	top: 0;
	left: 0;
	width: 100%!important;
	height: 570px!important;
	opacity: .25;

}

footer.jl99-footer .wrapper {
	width: 100%!important;
	height: 570px!important;
	position: absolute;
	background-color: #d7d7d7;
	background-image: url(../img/jl99-footer-building.jpg);
	background-position: bottom;
}

footer .footer-fullcontent {
	z-index: 9;
	position: relative;
}

footer.jl99-footer .footer-logo>a>img {
    margin: 60px auto;
}


footer.jl99-footer .footer-title h4 {
	font-family: serif;
	font-weight: bold;
	line-height: 30px;
}

footer.jl99-footer ul.footer-content li {
	margin-bottom: 10px;
}

footer.jl99-footer ul.footer-content li.jl99-footermail a {
	text-decoration: underline;
	font-family: serif;
	font-weight: bold;
}

footer.jl99-footer ul.footer-content li a {
    color: #262626;
    text-decoration: none;
    line-height: 30px;
    position: relative;
    cursor: pointer;
}

footer.jl99-footer ul.footer-content li a:hover {
	color: #bb192c;
	-webkit-transition: 350ms all ease;
	transition: 350ms all ease;
}

footer.jl99-footer .footer-content address {
    line-height: 25px;
    display: inline-flex;
    margin-bottom: 0;
}

footer.jl99-footer .footer-content .fa-li {
	width: 0;
}

footer.jl99-footer .footer-socialmedia a,
footer.jl99-footer .footer-socialmedia a:hover {
	text-decoration: none;
}

footer.jl99-footer .footer-socialmedia .socialbtns,
footer.jl99-footer .footer-socialmedia .socialbtns ul,
footer.jl99-footer .footer-socialmedia .socialbtns li {
	padding: 5px 2px 0 0;
}

footer.jl99-footer .footer-socialmedia .socialbtns li {
    list-style: none outside none;
    display: inline-block;
}

footer.jl99-footer .footer-socialmedia .socialbtns .fa {
    width: 70px;
    height: 38px;
    color: #FFF;
    background-color: #262626;
    padding-top: 16px;
    text-align: center;
    border: 2px solid #fff;
    transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
}

footer.jl99-footer .footer-socialmedia .socialbtns .fa:hover {
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
	transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	background-color: #000;
}


/* JL99 - FOOTER COPYRIGHT */
footer .jl99-copyright {
    background-color: #262626;
    color: #ffffff;
    height: 55px;
    top: 570px;
    position: absolute;
    width: 100%;
}

footer .jl99-copyright .jl99-copyrightcontent { margin-top: 12px; }

footer .jl99-copyright h5 {
	font-size: 14px;
	font-family: serif;
	font-weight: bold;
	letter-spacing: 1px;
}

footer .jl99-copyright p a {
    text-decoration: none;
    font-size: 10px;
    font-family: serif;
    font-weight: bold;
    letter-spacing: 1px;
    color: #ffffff;
    float: right;
    margin-top: 10px;
    -webkit-transition: 350ms all ease;
	transition: 350ms all ease;
}

footer .jl99-copyright p a:hover { color: #cccccc; }

.jl99-pagination{
	text-align: center;
}

.jl99-pagination ul li a{
	color: #333333;
	font-size: 20px;
	padding: 8px 15px;
}

.jl99-pagination ul li a:hover{
	color: #ff0000;
	text-decoration: none;

}

.jl99-pagination ul .disabled a{
	background-color: #AFAFAF;
}

.jl99-pagination ul .disabled a:hover{
	background-color: #AFAFAF;
}

.jl99-pagination ul .active a{
	background-color: #333;
}

.jl99-pagination ul .active a:hover{
	background-color: #333;
}


/* JL99 - START MOBILE VIEW */
@media only screen and (max-width: 1600px) {
	/* JL99 -  HOME SLIDER EFFECT*/
	#jl99slidereffect {
	    height: 660px!important;
	}

	#jl99slidereffect .jl99-ongoingcollection .img-responsive {
		max-width: 1600px;
		height: auto!important;
	}

	.jl99-viewallcollection {
	    position: absolute;
	    bottom: 17%;
	    right: 16.6%;
	}

	.homecollectioncontent h2 { font-size: 24px; }

	.homecollectionbg {
	    width: 40%;
	    height: 65%;
	    padding: 0;
	    left: 21.5%;
	    top: 8%;
	}

	.homecollectionbgpic:hover .homecollectionbg-toptobottom { bottom: 32%; }

	.homecollectioncontent { padding: 50px 40px; }

	span.jl99collection-border { margin: 20px auto 20px; }

	.csr-aboutusevents .jl99-aboutuseventsbg {
	    min-height: 530px;
	    background-repeat: no-repeat;
	    background-size: cover;
	}
}


@media only screen and (max-width: 1366px) {
	/* JL99 - NAV */
	.jl99-navbar .off-canvas { font-size: 14px; }

	.jl99-registernowicon span,
	.jl99-navregisternow .button-4 a { font-size: 14px; }

	.jl99-navbar ul.off-canvas-menu-sub-level li a { font-size: 12px; }


	/* JL99 - READ MORE BTN */
	.jl99-readmorebtn span { font-size: 14px; padding: 10px 28px; }


	/* JL99 - OUR COLLECTION */
	.screen-popout.ourcollection-toggle { top: 55%!important; }

	/* JL99 -  HOME SLIDER EFFECT*/
	#jl99slidereffect {
	    height: 566px!important;
	}

	#jl99slidereffect .jl99-ongoingcollection .img-responsive {
		max-width: 1366px;
		height: auto!important;
	}

	.jl99-viewallcollection {
	    position: absolute;
	    bottom: 28.9%;
	    right: 28.5%;
	}

	.homecollectioncontent h2 { font-size: 24px; }

	.homecollectionbg {
	    width: 34%;
		height: 65%;
	    padding: 0;
	    left: 20%;
	    top: auto;
	}

	.homecollectionbgpic:hover .homecollectionbg-toptobottom { bottom: 32%; }

	.homecollectioncontent { padding: 50px 40px; }

	span.jl99collection-border { margin: 20px auto 20px; }


	/* JL99 -  HOME EVENT GALLERY*/
	.jl99-title h1 { font-size: 36px; }


	/* JL99 - CSR */
	.csr-aboutus {
		padding: 80px 100px;
	}

	.csr-aboutusevents-slider {
	    padding: 80px 100px;
	}

	.csr-aboutusevents-slider {
	    padding: 120px 100px;
	}

	section.csr-aboutusevents {
	    margin-bottom: 0;
	}


	/* JL99 - THE GROUP */
	.thegroupstory {
	    padding: 120px 100px;
	}

	.thegroupstory .thegroupstory-overview h2 { font-size: 24px; }

	.thegroupstory .thegroupstory-overview h4 { font-size: 14px; }

	.thegroup-aboutus {
	    padding: 60px 100px;
	}

	.thegroup-aboutus .thegroup-aboutdecription h4 { font-size: 14px; }


	/* JL99 - OUR DIRECTORY */
	section .ourdirectory {
	    padding: 50px 100px;
	}


	/* JL99 - JOIN US */
	.joinus-content {
	    padding: 50px 20px;
	    font-family: serif;
	    font-weight: bold;
	}


	/* JL99 - FOOTER SITEMAP */
	.sitemap-title h1 { font-size: 30px; }

	.sitemap-title h1 i {
	    border-radius: 30px;
	    width: 45px;
	    height: 45px;
	    border: 1px solid #000;
	    text-align: center;
	    line-height: 48px;
	}
}


@media only screen and (max-width: 1280px) {
	/* JL99 -  HOME SLIDER EFFECT*/
	.homecollectionbg { left: 16%; }

	.homecollectionbgpic:hover .homecollectionbg-toptobottom { bottom: 36%; }

	.homecollectionbg {
	    width: 36%;
	    height: 60%;
	    padding: 0;
	    left: 16%;
	}

	.jl99-viewallcollection {
	    position: absolute;
	    bottom: 33%;
	    right: 33%;
	}

	.homecollectioncontent { padding: 25px 25px; }

	#jl99slidereffect { height: 530px!important; }

	#jl99slidereffect .jl99-ongoingcollection .img-responsive {
		max-width: 1280px;
		height: auto!important;
	}


	/* JL99 - CSR */
	.csr-aboutusevents-slider {
	    padding: 120px 30px;
	}

	.csr-aboutusevents-slider h2 { font-size: 24px; }


	/* JL99 - OUR DIRECTORY */
	section .ourdirectory {
	    padding: 50px 50px;
	}

	section .ourdirectory-addremap h3 {
	    font-size: 18px;
	}

	section.ourdirectory-bg .ourdirectory-form {
	    padding: 20px 0 0 300px;
	}
}


@media only screen and (max-width: 1170px) {
	/* JL99 - NAV */
	.jl99-offcanvas-bordertop { margin: 50px 0; }

	.jl99-navregisternow { margin-top: 50px; }


	/* JL99 - ABOUT US */
	.jl99-aboutus .jl99-aboutus-content h5 { padding: 100px 100px 0 100px; font-size: 16px; }

	.jl99-aboutus { min-height: 360px; }

	/* JL99 - OUR COLLECTION */
	.screen-popout.ourcollection-toggle { top: 50%!important; }


	/* JL99 -  HOME SLIDER EFFECT*/
	.homecollectionbg { left: 14%; }

	.jl99-viewallcollection {
	    position: absolute;
	    bottom: 33%;
	    right: 39%;
	}


	/* JL99 -  HOME EVENT GALLERY*/
	.jl99-title h1 { font-size: 30px; }

	.jl99snip { max-width: 305px; }

	.jl99snip h4 {
	    line-height: normal;
	    letter-spacing: 0;
	}

	.jl99snip p { font-size: 12px; }

	.jl99snip figcaption {
	    padding: 25px 10% 25px 20px;
	}


	/* JL99 - CSR */
	.csr-aboutus {
	    padding: 40px 50px;
	}

	.csr-aboutus h4 { font-size: 14px; }

	.csr-aboutusevents-slider h2 {
	    font-size: 18px;
	    line-height: 30px;
	}

	.csr-aboutusevents-slider h4 {
	    font-family: serif;
	    font-weight: bold;
	    padding: 5px 0;
	    font-size: 14px;
	}

	.csr-aboutusevents-slider p {
	    line-height: 25px;
	}

	.csr-aboutusevents-slider {
	    padding: 50px 30px;
	}


	/* JL99 - THE GROUP */
	.star-container .jl99-ourvision h2 { font-size: 18px; }

	.star-container .jl99-ourvision h5 { font-size: 14px; margin-top: -15px; }

	.thegroup-logo a img {
	    margin: auto auto;
	    width: 70%;
	}

	.star-container .jl99-mission h2 { font-size: 18px; }

	.star-container .jl99-mission h5 { font-size: 14px; margin-top: -15px; }

	.thegroupstory {
	    padding: 40px 50px;
	}

	.thegroup-aboutus {
	    padding: 40px 50px;
	}


	/* JL99 - JOIN US */
	.joinus-builddreamcareer h2 {
	    text-align: left;
	    font-size: 24px;
	}

	.joinus-builddreamcareer h4 { font-size: 14px; }

	.builddreamcareer-contentbg {
	    padding: 90px 20px;
	}

	.joinus-careerposition-left ul li { line-height: 30px; }

	.joinus-careerposition-left { padding: 20px 20px 20px 20px; }
}


@media only screen and (max-width: 1024px) {
	/* JL99 - ABOUT US */
	.jl99-aboutus { min-height: 320px; }

	.jl99-aboutus .jl99-aboutus-content h5 {
	    padding: 60px 100px 0 100px;
	}


	/* JL99 -  HOME SLIDER EFFECT*/
	.homecollectioncontent h2 { font-size: 18px; margin-top: 15px; }

	.homecollectioncontent p { line-height: 25px; font-size: 12px; }

	.jl99-viewallcollection {
	    position: absolute;
	    bottom: 46.7%;
	    right: 46.6%;
	}

	#jl99slidereffect { height: 424px!important; }

	#jl99slidereffect .jl99-ongoingcollection .img-responsive {
		max-width: 1024px;
		height: auto!important;
	}

	.homecollectionbgpic:hover .homecollectionbg-toptobottom { bottom: 48%; }

	.homecollectionbg { height: 50%; left: 9%; }


	/* JL99 - READ MORE BTN */
	.jl99-readmorebtn span { margin-top: 10px; }


	/* JL99 - THE GROUP */
	.thegroup-aboutus .thegroup-aboutdecription h4 {
		padding: 0 20px 0 20px;
	}


	/* JL99 - OUR DIRECTORY */
	section.ourdirectory-bg .ourdirectory-form {
	    padding: 20px 0 0 200px;
	}

	section .ourdirectory-addremap h3 { line-height: 30px; }
}


@media only screen and (max-width: 991px) {
	/* JL99 - ABOUT US */
	.jl99-aboutus { min-height: 275px; }

	.jl99-aboutus .jl99-aboutus-content h5 {
		padding: 30px 60px 0 60px;
		line-height: 30px;
	}


	/* JL99 -  HOME SLIDER EFFECT*/
	#jl99slidereffect { height: 800px!important; }

	.homecollectionbg {
		opacity: 100;
		top: 45%;
		left: 0;
		width: 51.6%;
	}

	.jl99sldef-naviicons { margin-top: -190px; }

	.homecollectioncontent { padding: 20px 40px; }

	.jl99-viewallcollection {
	    position: absolute;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    right: 0;
	}

	.jl99-readmorebtn.jl99-viewallcollection span {
	    margin-top: 0;
	}


	/* JL99 -  HOME EVENT GALLERY */
	.jl99snip { max-width: 350px; }


	/* JL99 -  FOOTER */
	footer.jl99-footer .footer-title h4 { font-size: 14px; line-height: 25px; }

	footer.jl99-footer ul.footer-content li { font-size: 12px; }

	footer.jl99-footer .footer-socialmedia .socialbtns .fa {
	    width: 60px;
	    height: 34px;
	    padding-top: 10px;
	    font-size: 14px;
	}


	/* JL99 - THE GROUP */
	.star-container .jl99-ourvision h5 { letter-spacing: 0; }
	.star-container .jl99-mission h5 { letter-spacing: 0; margin-top: -35px; }

}


@media only screen and (max-width: 768px) {
	/* JL99 - VIDEO */
	.jl99-loadvideo { margin-top: -60px; }

	/* JL99 - ABOUT US */
	.jl99-aboutus {
	    min-height: 275px;
	    margin-top: -60px;
	    margin-bottom: 40px;
	    background-attachment: fixed!important;
	    background-position: center!important;
	    background-repeat: no-repeat!important;
	    background-size: cover!important;
	}

	/* JL99 - OUR COLLECTION */
	.screen-popout.ourcollection-toggle { top: 48%!important; }


	/* JL99 -  HOME SLIDER EFFECT*/
	#jl99slidereffect .jl99-ongoingcollection .img-responsive {
		max-width: 768px;
		height: auto!important;
	}

	#jl99slidereffect { height: 760px!important; }

	.homecollectionbg {
		opacity: 100;
		top: 40%;
		left: 0;
		width: 40%;
	}

	.jl99sldef-naviicons { margin-top: -225px; }

	.jl99-viewallcollection {
	    position: absolute;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    right: 0;
	}


	/* JL99 - CSR */
	.csr-aboutus {
	    padding: 20px 10px;
	}

	.csr-aboutusevents-slider .carousel-indicators {
	    margin-bottom: -70px;
	    width: 100%;
	    left: 30%;
	}

	/* JL99 - THE GROUP */
	.thegroupstory,
	.thegroup-aboutus {
	    padding: 20px 10px;
	}

	.thegroup-aboutus .thegroup-aboutdecription h4 { line-height: 25px; }


	/* JL99 - OUR DIRECTORY */
	section .ourdirectory {
	    padding: 50px 20px;
	}

	section.ourdirectory-bg .ourdirectory-form {
	    padding: 20px 10px 0 10px;
	}

	section .ourdirectory-addremap p.contactmail a,
	section .ourdirectory-addremap address a,
	section .ourdirectory-addremap p { font-size: 12px; }


	/* JL99 - JOIN US */
	.builddreamcareer-contentbg {
	    padding: 10px 10px;
	}

	.builddreamcareer-fullcontent {
	    padding: 10px;
	    border: 2px solid #fff;
	}

	.joinus-careerposition { margin-top: 50px; }

	.joinus-careerposition-left {
	    padding: 10px 10px 10px 10px;
	    width: 95%;
	}

	/* JL99 - FOOTER SITEMAP */
	.sitemap-content {
	    padding: 25px;
	}

	.sitemap-title h1 { font-size: 24px; }
}


@media only screen and (max-width: 767px) {
	/* JL99 -  HOME SLIDER CAROUSEL */
	.jl99-slidercollection { display: none; }


	/* JL99 -  FOOTER */
	footer.jl99-footer .wrapper { height: auto!important; }

	footer .jl99-copyright {
	    background-color: #262626;
	    color: #ffffff;
	    height: 55px;
	    top: auto;
	    position: absolute;
	    width: 100%;
	}

	canvas {
	    top: 0;
	    left: 0;
	    width: 100%!important;
	    height: 862px!important;
	    opacity: .25;
	    background-color: #d7d7d7;
	}

	footer.jl99-footer .footer-logo>a>img { margin: 40px auto; }

	footer.jl99-footer .footer-socialmedia .socialbtns, footer.jl99-footer .footer-socialmedia .socialbtns ul, footer.jl99-footer .footer-socialmedia .socialbtns li {
	    padding: 0px 2px 0 0;
	}

	footer .jl99-copyright p a { margin-top: 0px; }

	.footer-mobilebottom { margin-bottom: 15px; }


	/* JL99 - CSR */
	.csr-aboutusevents-slider {
	    padding: 105px 30px;
	}


	/* JL99 - THE GROUP */
	.light-squarebox1,
	.light-squarebox2,
	.light-squarebox3,
	.light-squarebox4,
	span.jl99thegroupline { display: none; }

	.star-container .jl99-ourvision { padding: 70px 10px; }

	.star-container .jl99-ourvision h2 {
	    font-size: 24px;
	    text-align: left;
	    padding-left: 140px;
	}

	.star-container .jl99-ourvision h5 {
	    font-size: 14px;
	    margin-top: 0px;
	    width: 100%;
	    text-align: left;
	    padding-left: 140px;
	}

	.thegroup-logo a img {
	    margin: auto auto;
	    width: 40%;
	}

	.star-container .jl99-mission { padding: 70px 10px; }

	.star-container .jl99-mission h2 {
	    font-size: 24px;
	    text-align: left;
	    padding-left: 140px;
	}

	.star-container .jl99-mission h5 {
	    font-size: 14px;
	    margin-top: 0px;
	    width: 100%;
	    text-align: left;
	    padding-left: 140px;
	}

	.thegroupstory .thegroupstory-overview h2 { padding: 0 20px; }

	/* JL99 - OUR DIRECTORY */
	section .ourdirectory-addremap p.contactmail a,
	section .ourdirectory-addremap address a,
	section .ourdirectory-addremap p { font-size: 14px; }


	/* JL99 - JOIN US */
	.builddreamcareer-contentbg {
	    padding: 145px 10px;
	}

	.joinus-builddreamcareer h2 {
	    text-align: center;
	    font-size: 24px;
	    line-height: 30px;
	}
}


@media only screen and (max-width: 480px) {
	/* JL99 - VIDEO */
	.jl99-loadvideo { margin-top: 0px; }


	/* JL99 - NAV */
	.jl99-navbar .off-canvas-menu { width: 100%; padding: 50px 50px 0; }


	/* JL99 - ABOUT US */
	.jl99-aboutus {
	    min-height: auto;
	    margin-top: 0px;
	    margin-bottom: 20px;
	    background-attachment: unset!important;
	    background-size: cover!important;
	}

	.jl99-aboutus .jl99-aboutus-content h5 {
	    padding: 20px 30px 0 30px;
	    line-height: 22px;
	    font-size: 12px;
	}

	.jl99-aboutus-content {
	    text-align: center!important;
	}


	/* JL99 - READ MORE BTN */
	.jl99-readmorebtn span {
	    font-size: 12px;
	    padding: 8px 20px;
	    margin-bottom: 10px;
	}


	/* JL99 -  HOME SLIDER EFFECT*/
	#jl99slidereffect { /*height: 650px!important;*/ display: none; }

	#jl99slidereffect .jl99-ongoingcollection .img-responsive {
	    max-width: 480px;
	    height: auto!important;
	}

	/* JL99 -  HOME SLIDER CAROUSEL */
	.jl99-slidercollection { display: block; }

	/*.full-screen {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}*/


	.jl99-slidercollection .carousel-inner img {
	  	margin: auto auto;
	}

	.jl99-slidercollection .item {
	  	height: auto;
	}

	.jl99-slidercollection .carousel-caption {
		right: 0;
		bottom: auto;
		left: auto;
		top: 120px;
	}

	.jl99-slidercollection .jl99-caption {
	    text-align: center;
	    padding: 30px;
	}

	.jl99-slidercollection .jl99-caption h2 {
		font-size: 24px;
		font-family: serif;
		font-weight: bold;
	}

	.jl99-slidercollection .carousel-control.right,
	.jl99-slidercollection .carousel-control.left {
		background-image: none;
	}

	.jl99-slidercollection .carousel-control .glyphicon-chevron-left,
	.jl99-slidercollection .carousel-control .glyphicon-chevron-right,
	.jl99-slidercollection .carousel-control .icon-next,
	.jl99-slidercollection .carousel-control .icon-prev {
	    top: 15%;
	    margin-top: 0;
	}

	.homecollectionbg {
		top: 25%;
	    width: 25%;
	}

	/* JL99 -  HOME EVENT GALLERY */
	#jl99-background {
	    background-color: #e9e9e9;
	    padding: 50px 0;
	}

	.jl99-title h1 { font-size: 24px; }


	/* JL99 -  HOME SLIDER EFFECT*/
	.homecollectioncontent {
	    padding: 20px 60px;
	}

	canvas {
		display: none;
	}


	/* JL99 -  FOOTER */
	footer .jl99-copyright p a {
	    margin-top: 0px;
	    float: left;
	}

	footer.jl99-footer .wrapper {
		background-image: url(../img/footerbg-building.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}


	/* JL99 - CSR */
	.csr-aboutusevents-slider {
	    padding: 30px 30px;
	}

	.csr-aboutusevents .jl99-aboutuseventsbg {
	    min-height: 760px;
	    background-repeat: repeat;
	}

	section.csr-aboutusevents {
	    margin-bottom: 0;
	}


	/* JL99 - THE GROUP */
	.star-container .jl99-ourvision {
	    padding: 65px 10px;
	}

	.star-container .jl99-ourvision h2 {
	    font-size: 18px;
	}

	.star-container .jl99-ourvision h5 { font-size: 12px; }

	.star-container .jl99-mission {
	    padding: 40px 10px;
	}

	.star-container .jl99-mission h2 {
	    font-size: 18px;
	}

	.star-container .jl99-mission h5 { font-size: 12px; }
}


@media only screen and (max-width: 425px) {
	/* JL99 -  HOME SLIDER EFFECT*/
	.homecollectionbg {
	    top: 25%;
	    width: 22.5%;
	    height: 53%;
	}


	/* JL99 -  HOME EVENT GALLERY */
	.jl99snip h4 {
	    font-size: 12px;
	}


	/* JL99 -  HOME SLIDER EFFECT*/
	.homecollectioncontent p {
	    line-height: 18px;
	    font-size: 12px;
	}

	.jl99-slidercollection .jl99-caption {
	    text-align: center;
	    padding: 30px 46px;
	}

	.jl99-slidercollection .carousel-caption { top: 95px; }


	/* JL99 -  FOOTER */
	canvas { height: 928px!important; }


	/* JL99 - THE GROUP */
	.star-container .jl99-ourvision h2 { padding-left: 70px; }

	.star-container .jl99-ourvision h5 {
	    width: 100%;
	    padding-left: 70px;
	}

	.star-container .jl99-mission h2 { padding-left: 70px; }

	.star-container .jl99-mission h5 {
	    width: 100%;
	    padding-left: 70px;
	}

	.thegroup-logo a img { width: 55%; }
}


@media only screen and (max-width: 414px) {
	/* JL99 -  HOME SLIDER EFFECT*/
	.homecollectionbg {
	    top: 25%;
	    width: 20%;
	    height: 56%;
	}

	#jl99slidereffect { height: 680px!important; }

	canvas {
	    height: 888px!important;
	}
}


@media only screen and (max-width: 375px) {
	/* JL99 -  HOME SLIDER EFFECT*/
	.jl99-slidercollection .carousel-caption { top: 80px; }

	.jl99-slidercollection .jl99-readmorebtn span {
		font-size: 10px;
		padding: 6px 10px;
	}

	/* JL99 - OUR COLLECTION */
	.screen-popout.ourcollection-toggle { top: 55%!important; }
}


@media only screen and (max-width: 320px) {
	/* JL99 - ABOUT US */
	.jl99-aboutus .jl99-aboutus-content h5 {
	    padding: 20px 30px 0 30px;
	    line-height: 20px;
	    font-size: 12px;
	}

	/* JL99 - OUR COLLECTION */
	.screen-popout.ourcollection-toggle { top: 62%!important; }


	/* JL99 -  HOME SLIDER EFFECT*/
	.jl99sldef-naviicons { margin-top: -275px; }

	#jl99slidereffect .jl99-ongoingcollection .img-responsive {
	    max-width: 320px;
	    height: auto!important;
	}

	.homecollectionbg {
	    top: 17%;
	    width: 17%;
	    height: 70%;
	}

	.jl99-slidercollection .carousel-caption { top: 60px; }


	/* JL99 -  FOOTER */
	footer .jl99-copyright h5 { font-size: 10px; }


	/* JL99 - CSR */
	.csr-aboutusevents-slider {
	    padding: 25px 0px;
	}

	.csr-aboutusevents-slider h4 {
	    line-height: 25px;
	}

	.csr-aboutusevents-slider h2 {
	    font-size: 14px;
	    line-height: 30px;
	}

	.csr-aboutusevents .jl99-aboutuseventsbg {
	    min-height: 750px;
	    background-repeat: repeat;
	}

	section.csr-aboutusevents {
	    margin-bottom: 0;
	}


	/* JL99 - THE GROUP */
	.star-container .jl99-ourvision {
	    padding: 40px 10px;
	}

	.star-container .jl99-ourvision h2 {
	    padding-left: 10px;
	    font-size: 16px;
	}

	.star-container .jl99-ourvision h5 {
	    width: 100%;
	    padding-left: 10px;
	}

	.star-container .jl99-mission {
	    padding: 40px 10px;
	}

	.star-container .jl99-mission h2 {
	    padding-left: 10px;
	    font-size: 16px;
	}

	.star-container .jl99-mission h5 {
	    width: 100%;
	    padding-left: 10px;
	}


	/* JL99 - JOIN US */
	.builddreamcareer-contentbg {
	    padding: 10px 10px;
	}
}


/* JL99 - END MOBILE VIEW */