/*
Theme Name: Jay Jalaram Exturions - New
Theme URI: https://www.jayjalaramext.ocm
Description: Theme created solely for www.jayjalaramext.com
Author: Swastik Solutions
Version: 2.0
*/



		img { max-width: 100%; height: auto; }
* {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		-ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */ 
	}
	table {
		border-collapse: collapse;
		border-spacing: 0; }
		:focus { outline:0; }
.ie7 input[type="checkbox"]{vertical-align:baseline;}
/*Invalid Input */
input:invalid,textarea:invalid{-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;border-radius:1px 1px 1px 1px;box-shadow:0 0 5px red;}
::-moz-selection{background:none repeat scroll 0 0 #FF5E99;color:#FFF;text-shadow:none;}
button{overflow:visible;width:auto;}
a,a:active,a:visited, .breadcrumb{color:#FF8A00;text-decoration:none;}
ol, ul {
		list-style: none; padding:0; }
/*.tk-myriad-pro{font-family:myriad-pro-1,myriad-pro-2,sans-serif;}
.tk-kulturista-web{font-family:kulturista-web-1,kulturista-web-2,serif;} */


/* #Basic Styles
================================================== */

	body {
	background-color:#fff;
	background-repeat:repeat-x;
	background-image:url(https://www.jayjalaramext.com/wp-content/themes/jayjalaramext/images/background.gif);
	font: 14px/22px 'Lato', Trebuchet MS, Helvetica, Arial, sans-serif;
	color: #65707b;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
margin: 0;
 }
 
/* WRAPPER */
#full-width, #homesliderlayer { padding:0; clear:both; margin-top:-6px;}
#full-width img, #homesliderlayer img { margin:0; max-width:100%; }
 
/* HEADER  */ 
.slogan1 {
	font-size:14px;
	font-weight:600;
	color:#FF8A00;
	line-height:18px;
	text-align:center;
	position: relative;
	top: -7px;
padding:0;
}
.iso{background-image:url("https://www.jayjalaramext.com/wp-content/uploads/tuv-logo-new.png"); background-position:center top;background-repeat:no-repeat;color:#7F7F7F !important;float:right;font:12px 'Lato', sans-serif !important;margin:10px 50px 0 0;padding-top:40px;}

/* NAVIGATION BAR  */

#nav-wrap {
	float:right;
	margin:43px 20px 45px 0 !important;
}
nav li a{color:#7F7F7F !important;font:14px Verdana,Arial,Helvetica,sans-serif;margin:0 3px;padding:8px 15px;text-decoration:none;transition: all 500ms ease 0s;transition: all 400ms ease 0s;transition: all 500ms ease 0s;}
li {float:left;}
#nav ul li a:hover{-moz-box-shadow:none;-webkit-box-shadow:none;background-color:#FF8A00;border-radius:0 0 0 0;box-shadow:none;color:#FFF !important;min-width:119px;overflow-x:hidden !important;transition: all 500ms ease 0s;}

/* menu icon */
#menu-icon { display: none; /* hide menu icon initially */}

/* nav dropdown */
#nav ul { background: none repeat scroll 0 0 rgb(255, 8255, 255) ; padding: 8px 0 5px;  position: absolute; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); border: solid 1px #d2d2d2; border-top-color: #ffcc00; display:none; /* hide dropdown */	width: 204px; z-index:999999999; }
.nav-ul-cover {margin:14px 0 0 0;display:block;}
#nav ul li { float: none; border-bottom:1px dotted #efefef; display:block;	margin: 0; padding:0;	}
#nav ul li a, #nav li.current ul li a, #nav ul li:hover > a {color:#95a0a9; width:auto; display:block; text-align:left; height:100%; padding: 12px 16px; border-radius:0; font-size:14px; border:0 none; text-transform:capitalize; margin:0 !important;  }
#nav ul li a:hover, #nav li.current ul li a:hover { background:#FF8A00; color:#FFF; }
#nav li:hover .nav-ul-cover > ul { display: block; visibility:visible; /* show dropdown on hover */}
#nav ul li ul { margin:-38px 0 0 190px; background: #fff ; width:170px; }

/* nav dropdown for(ie7) */

*+html #nav li { position:relative; display:block; }
*+html #nav ul {  left:0; clear:both; position:absolute; }
*+html #nav a {  height:50px; padding-top:21px; }
*+html #nav a:after { content:""; display:none;}
*+html .container { z-index:2; }
*+html #header { z-index:3; position:relative;  }
*+html #nav ul li ul { position:absolute; left:0; margin-top:-31px; display:none; visibility:hidden; }
*+html #nav ul li:hover > ul { display:block; visibility:visible; }

/*layerslider */

			.l1-s1 {
	color: white;
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.90);
	opacity: 0.9;
	filter: alpha(opacity=90);
	text-align: center;
	font-size: 27px;
	padding: 16px 30px;
			}
			.l1-s2 {
	color: white;
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.95);
	opacity: 0.95;
	filter: alpha(opacity=95);
	text-align: center;
	font-size: 21px !important;
	padding: 15px 32px !important;
			}
			
			.l2-s1 {
			font-size:28px !important;
				color: white;
				background: rgb(50, 3, 80);
				opacity: .90;
				filter: alpha(opacity=90); 
				white-space: nowrap;
				text-align:center;
				background:none repeat scroll 0 0 rgba(50, 3, 80, 0.9);
				padding:16px 30px !important;
				box-shadow: 0px 4px 10px -5px black;
			}
.l2-s2 {
	font-size:24px;
	color: #000000;
	background: #FFFFFF;
	opacity: .70;
	filter: alpha(opacity=70);
	white-space: nowrap;
	text-align:center;
	background:none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
	padding:13px 30px;
			}
			.l2-s3 {
	color: white;
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.95);
	opacity: 0.95;
	filter: alpha(opacity=95);
	text-align: center;
	font-size: 21px !important;
	padding: 10px 32px !important;
	box-shadow: 0px 4px 10px -5px black !important;
			}
			
			.l3-s1 {box-shadow: 0px 4px 10px -5px black !important;}
			

			.homevideo {float:left; position:relative; margin:0 10% 40px; width:80%;}
			.homevideo a { float:left; margin:0 1px 1px 0; opacity: 1; filter: alpha(opacity=100);  -webkit-transition: opacity 0.51s ease; -moz-transition: opacity 0.51s ease; -ms-transition: opacity 0.51s ease; -o-transition: opacity 0.51s ease; transition: opacity 0.51s ease;}
.homevideo a img { margin:0 5%;box-shadow:0 1px 4px rgba(0, 0, 0, 0.5);  }
.homevideo a:hover { opacity: 0.7; filter: alpha(opacity=70);}


.IconSmallInvertArrowE {
    background: url("https://www.jayjalaramext.com/wp-content/themes/jayjalaramext/images/IconSmallInvert.png") no-repeat scroll 0 0 transparent;
    height: 11px;
    width: 6px;
}
.left-bottom {position:absolute; top:0;left:0;}
p strong {
    font-size: 13px;
}
strong {
    font-weight: bold;
}

			@media screen and (max-width: 1024px) {
			
			.ls-layer h1, .ls-layer h3 { left:0; margin-left:100px;}
			
			}
article h1, .bold-h2{color: #FF8A00;text-shadow: 1px 1px 1px #CCCCCC;font:bold 26px/22px 'Lato',sans-serif !important;height:20px;padding-bottom:10px;width:100%;margin-bottom:15px;border-bottom:1px solid #FF8A00;}
.page-content {margin-top:60px !important;}
.bold-h2 {margin-top:50px;}
.article-content {
    float: left;
    margin-left: 30px;
    position: relative;
    width: 650px;
}
.index article h3 {margin-top: 65px !important;
    padding-bottom: 10px;}
.index article h5 {width:100%; text-align:center;margin:5px 0 20px 0;}
.index article .three.columns:hover > h5 {text-decoration:underline;}
.index article img, .company-video, .shadow-image {box-shadow:2px 2px 4px rgba(0, 0, 0, 0.4);margin:4px 10px;padding:2px;float:left;}
.index article img:hover, .company-video:hover {box-shadow:2px 2px 7px rgba(0, 0, 0, 0.7);}
.index article h3, aside h3, .bold-h3 {
    border-bottom: 1px solid #FF8A00 !important;
    color: #FF8A00;
    font: bold 20px/18px 'Lato',sans-serif !important;
    margin-bottom: 18px !important;
    text-shadow: 1px 1px 1px #ddd;
    width: 100%;
	padding-bottom:6px !important;
clear:both;
}
.sub-h3 {border-bottom: 1px solid #FF8A00 !important;
    clear: both;
    color: #FF8A00;
    float: left;
    font: bold 18px/16px 'Lato',sans-serif !important;
    margin-bottom: 10px !important;
    padding-bottom: 5px !important;
    text-shadow: 1px 1px 1px #DDDDDD;}
article ul {
    clear: both;
    float: left;
    margin-bottom: 12px;
}

article ul li {
    clear: both;
    font: 14px/22px 'Lato',sans-serif !important;
    list-style-position: inside;
    list-style-type: none;
    margin-left: 20px;
}
.news li, article ul li {
    list-style-image: url("https://www.jayjalaramext.com/wp-content/uploads/bulletarrow.gif");
list-style-position:outside;
}

.index article h3, article h2, .extrusion-rods-heading {
    border-bottom: 1px solid #606060;
    clear: both;
    float: left;
    font-size: 13px;
    font-weight: bold !important;
    margin: 10px 0 5px;
    padding: 2px 0;
	margin-top:10px;
}
aside nav {
    border-left: 3px solid #FF8A00;
    margin: 0 !important;
	float:left;
	width:70%;
}
.product-image {margin-right:30px !important;}
aside li {clear:both; width:100%}
.block {
	float:left;
	margin-bottom:50px;
	clear:both;
	width:100%;
}
.iso-certificate {margin-left:10px;}
.mrai-certificate {margin-left:20px;}
aside li a{background-color:#EEF0E6;border:1px solid #E6E9DA;display:block;font-size:13px;text-decoration:none;width:160px;margin:3px 0 3px 0;padding:10px 15px; width:100%;transition: all 300ms ease 0s;}
aside li a:hover {background-color:#FF8A00;padding-left:20px; color:#FFFFFF !important; transition: all 300ms ease 0s; margin: 3px 0 3px 0 !important; border:1px solid #FF8A00;}
aside nav ul{float:left;text-decoration:none;margin:5px 0; width:100%;}
section p, #breadcrumbs, .clear-br {
    clear: both;
    font: 14px/22px 'Lato',sans-serif !important;
    margin-bottom: 15px;
    text-align: justify;
}
.orange a, .orange {
    color: #FF8A00;
}
.offday {
    text-decoration: underline;
}
.company-video {width:90%; margin:0 auto;}
/* footer */
#footer {
	width:100%;
	padding:10px 0 0 0;
	background:#3d3f42;
	border-top:5px solid #0093d0;
	box-shadow: 0px 2px 19px rgba(0,0,0,0.3) inset;
}
.footer-in { margin: 0 auto; padding-bottom:30px; font-size:13px; color:#ccc;  }
.footer-in h4 { color:#eceff1 !important; border-bottom:1px solid #414548 !important; padding-bottom:2px; margin:0; }
.footer-in .copyright-txt { font-size:13px; }
.footer-in p, .footer-in .contactdetails, .footer-in .contactdetails span, .footer-in p strong, .footer-in p span, .footer-in .contactdetails strong { line-height:19px; color:#a0aaae !important;  }
.footer-in .contactdetails {margin:0 0 21px; font-size:13px;}
.contact2 div { line-height:21px; }
.footer-in a { text-decoration:none; }
.article-content .fancybox.four.columns.product-image {
    margin: 15px 10px 0;
    padding: 0;
}
.social-icons a  { border:0; float:left; margin:1px 7px 0 12px; opacity: 0.5; text-decoration:none; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease;   }
.social-icons a:hover  { opacity: 1; }
.social-icons.members { clear:both; text-align:center; margin-bottom:10px;}
.social-icons.members a { text-align:center; float:none;}    

.footer-in a img { float:left; margin:3px 4px 0 1px;}
.footer-in .socailfollow a { width:16px; height:18px; padding:10px; float:left; box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.6); margin:7px 5px 0; display:block; border-radius:4px; background-color:#3d3f42; -webkit-transition: background 0.31s ease; -moz-transition: background 0.31s ease; -ms-transition: background 0.31s ease; -o-transition: background 0.31s ease; transition: background 0.31s ease;    }
.footer-in .socailfollow a.youtube { width:33px; }
.footer-in .socailfollow a.facebook:hover { background:#3b5996;}
.footer-in .socailfollow a.twitter:hover { background:#00acee;}
.footer-in .socailfollow a.vimeo:hover { background:#0dadd6;}
.footer-in .socailfollow a.dribble:hover { background:#d53e68;}
.footer-in .socailfollow a.youtube:hover { background:#cb322c;}
.footer-in .socailfollow a.pinterest:hover { background:#cb2027;}
.footer-in .socailfollow img { opacity:0.79;}


.footer-in a:link, .footer-in a:visited { color:#91bad4 }
.footer-in a:hover { color:#ff9900 }

.footer-in a.terms  { color:#578f1a }
.footer-in p.twitt-txt { padding:12px; padding-top:26px; background:#323537 url(https://www.jayjalaramext.com/wp-content/themes/jayjalaramext/images/latest-tweet.png) no-repeat top right; border-radius:5px; color:#a7adb1; font-family:'Lato', Helvetica, Arial; font-size:13px}
.footer-in p.twitt-txt a {color:#7dcff5; text-decoration:none; padding-bottom:2px; }
.footer-in p.twitt-txt a:hover { color:#cb2027; }
.footer-in .twitt-txt em { color:#797979; font-size:12px;}
.flickr-feed { padding-left:20px; margin-bottom:14px;}
.flickr-feed a { float:left; margin:0 1px 1px 0; opacity: 0.5; filter: alpha(opacity=50);  -webkit-transition: opacity 0.31s ease; -moz-transition: opacity 0.31s ease; -ms-transition: opacity 0.31s ease; -o-transition: opacity 0.31s ease; transition: opacity 0.31s ease;}
.flickr-feed a img { margin:0; width:60px; height:60px; box-shadow: 0px 2px 6px -2px rgba(0,0,0,0.7);  }
.flickr-feed a:hover { opacity: 1; filter: alpha(opacity=100);}

.footbot { background:#282a2b; width:94%; max-width:1400px; margin:0 auto; position:relative; height:38px; border-top:1px solid #464646; padding-top:12px; box-shadow: 0px 2px 6px rgba(0,0,0,0.3) inset; text-align:right; border-top-right-radius:2px; border-top-left-radius:1px; }
.alexawidget {
    display: none;
}
.footbot img { position:relative; margin:6px 40px 0 0; opacity:0.93;}
.footer-navi {
	float:left;
	font-size:12px;
	color:#6D7378;
	padding:3px 0 0 26px;
	text-transform:capitalize;
}
.footer-navi a, .poweredby a {
	color:#777E84;
	margin:0 4px;
}
.footer-navi a:hover, .poweredby a:hover { color:#ccc;}

.poweredby {
	float:right;
	font-size:12px;
	color:#6D7378;
	padding:3px 26px 0 0;
	text-transform:capitalize;
}
.external-links { color: #65707b !important;}
h4.subtitle { border-bottom: 1px solid #e8edee; font-family:'Lato', Helvetica, Arial; font-weight:400; text-transform:uppercase; padding-left:2px; margin:35px 0 21px 0; line-height:2; font-size:13px; color:#7d8891; clear:both;}
/* old footer */
/*#footer {
    background-color: #F7F8F7;
    border-top: 1px solid #E7E7E7;
    height: auto;
    margin-top: 50px;
    width: 100%;
}
#footer .container {
    padding: 20px 0 5px 0;
}
#footer .subtitle {font-size:15px; font-weight:500; line-height:20px;}
.footer-in .copyright-txt {
    font-size: 12px;
}
#footer a:hover {text-decoration:underline;}*/
.header {margin:0 auto; display:block;clear:both; }
.calculator table {border:0}
/* #Base 960 Grid
================================================== */

.container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
p {margin:0 0 21px; font-size:13px;}
#homesliderlayer {box-shadow:0 1px 10px -5px #4A4A4A;}
article {margin-bottom:50px;}
#contactbanner {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    clear: both;
    display: block;
    height: 222px;
    margin: 0 auto 50px;
    width: 948px;
}

/* enquiry form */

#feedbackform {
    margin-left: 30px;
    margin-top: 25px;
}
.paramargin {
    clear: both;
    display: block;
    float: left;
    margin: 10px 0;
    width: 100%;
}
.frm {
    float: left;
    padding: 5px 0;
    width: 150px;
}

.forminput {
    background-color: #F5F5F5;
    border: 1px solid #999999;
    clear: none;
    color: #777777;
    float: left;
    font-size: 14px;
    margin-right: 3px;
    padding: 5px 3px;
}
textarea:focus,input:focus{border:1px solid #FF8A00;}
.formbutton{cursor:pointer;
  background: url("https://www.jayjalaramext.com/wp-content/themes/jayjalaramext/images/submit-btn.png") no-repeat 0 0;
  outline: none;
  border: none;
  -moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */
  width: 160px;
  height: 40px;
  float: left;
  margin-left: 150px;
  clear:both;}
.formbutton:hover {
  background-position: 0 -40px;
}
.formbutton:active {
  background-position: 0 -80px;
}

body, select, input, textarea {
    color: #65707b;
}
button, input, select, textarea {
    margin: 0;
}
textarea {
    background-color: #F5F5F5;
    border: 1px solid #999999;
    clear: none;
    color: #777777;
    float: left;
    font-size: 14px;
    line-height: 17px;
    margin-right: 3px;
    overflow: auto;
    padding: 3px;
    width: 269px;
}
.error {
    color: #FF0000;
}
.tableheading {
	text-decoration:underline;
	background-attachment: scroll;
	background-color: #ECEEE3;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}
.tablealternate {
    background: none repeat scroll 0 0 #EEF0E6;
}
table, tr, td {
	border:1px solid #a9a8a8;
	font-size:13px;
	font-family:sans-serif, Arial, Helvetica;
	vertical-align: middle;
}
.tablepadding {
    padding: 5px 10px 5px 15px;
}
.ten.columns table {
    width: 100%;
}

/* Scroll to top */
#scroll-top a {
	width:32px;
	height:31px;
	border-radius:4px;
	position:fixed;
	bottom:48px;
	right:40px;
	display:none;
	opacity: 0.84;
	filter: alpha(opacity=84);
	background-color: #FF8A00;
	background-image: url(https://www.jayjalaramext.com/wp-content/themes/jayjalaramext/images/scroll-top.png);
	background-repeat: no-repeat;
	background-position: 50% 48%;
}
#scroll-top a:hover { background-color:#94a5ac; cursor:pointer;}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('https://www.jayjalaramext.com/images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('https://www.jayjalaramext.com/images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('https://www.jayjalaramext.com/images/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('https://www.jayjalaramext.com/images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('https://www.jayjalaramext.com/images/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('https://www.jayjalaramext.com/images/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* LayerSlider Styles */



.ls-container {
	visibility: hidden;
	position: relative;
}

.ls-inner {
	position: relative;
	background-position: center center;
}

.ls-inner,
.ls-layer {
	width: 100%;
	height: 100%;
}

.ls-layer {
	position: absolute;
	display: none;
	background-position: center center;
	overflow: hidden;
}

.ls-layer * {
	margin: 0px;
}

.ls-active,
.ls-animating {
	display: block !important;
}

.ls-layer > * {
	position: absolute;
	left: 0px;
	top: 0px;
}

.ls-layer .ls-bg {
	left: 50%;
	top: 50%;
}

.ls-yourlogo {
	position: absolute;
	z-index: 99;
}



/* Navigation */

.ls-bottom-nav-wrapper {
	height: 0px;
}

.ls-bottom-nav-wrapper,
.ls-below-thumbnails {
	z-index: 2;
	height: 0px;
	position: relative;
	text-align: center;
	margin: 0px auto;
}

.ls-below-thumbnails {
	display: none;
	z-index: 6;
}

.ls-bottom-nav-wrapper a,
.ls-nav-prev,
.ls-nav-next {
	outline: none;
}

.ls-bottom-slidebuttons {
	position: relative;
	z-index: 1000;
}

.ls-bottom-slidebuttons,
.ls-nav-start,
.ls-nav-stop,
.ls-nav-sides {
	position: relative;	
}



/* Embedded videos */

.ls-vpcontainer {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.ls-videopreview {
	width : 100%;
	height : 100%;
	position : absolute;
	left : 0px;
	top : 0px;
	cursor : pointer;
}

.ls-playvideo {
	position: absolute;
	left: 50%;
	top: 50%;
	cursor: pointer;
}



/* Thumbnails */

.ls-tn {
	display: none !important;
}

.ls-thumbnail-hover {
	display: none;
	position: absolute;
	left: 0px;
}

.ls-thumbnail-hover-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}

.ls-thumbnail-hover-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.ls-thumbnail-hover-img {
	position: absolute;
	overflow: hidden;
}

.ls-thumbnail-hover img {
	max-width: none !important;
	position: absolute;
	display: inline-block;
	left: 50%;
	top: 0px;
}

.ls-thumbnail-hover span {
	left: 50%;
	top: 100%;
	width: 0px;
	height: 0px;
	display: block;
	position: absolute;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: transparent !important;
}

.ls-thumbnail-wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 4;
}

.ls-thumbnail {
	position: relative;
	margin: 0 auto;
}

.ls-thumbnail-inner,
.ls-thumbnail-slide-container {
	width: 100%;	
}

.ls-thumbnail-slide-container {
	overflow: hidden !important;
	position: relative;
}

.ls-thumbnail-slide {
	text-align: center;
	white-space: nowrap;
	float: left;
	position: relative;
}

.ls-thumbnail-slide a {
	overflow: hidden;
	display: inline-block;
	width: 0px;
	height: 0px;
	position: relative;
}

.ls-thumbnail-slide img {
	max-width: none !important;
	max-height: 100% !important;
	height: 100%;
}

.ls-shadow {
	display: none;
	position: absolute;
	z-index: 1;
	top: 100%;
	width: 100%;
	left: 0px;
}

.ls-shadow img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}



/* WP plugin fullWidth */

.ls-wp-fullwidth-container {
	width: 100%;
	position: relative;
}

.ls-wp-fullwidth-helper {
	position: absolute;
}



/* Trying to remove all the default global styles of WordPress :) */

.ls-container img {
	max-width: none !important;
}

.ls-container img,
.entry-content .ls-container img,
.comment-content .ls-container img,
.widget .ls-container img {
	border-radius: 0px;
	box-shadow: none;
}

.entry-content .ls-container *,
.comment-content .ls-container *,
.widget .ls-container * {
	line-height: normal;
	padding: 0px;
	outline: none;
	border: 0px;
}

.entry-content .ls-yourlogo,
.entry-content .ls-inner *,
.comment-content .ls-inner *,
.widget .ls-inner * {
	margin: 0px;
}

.entry-content .ls-tn,
.comment-content .ls-tn,
.widget .ls-tn {
	display: none;
}
/* #Media Queries
================================================== */

/* All NON-Mobile Sizes (devices and browser) */
@media only screen and (min-width:768px) {
#nav > li > a:hover{-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.3);background-color:#FF8A00 !important;border-radius:5px 5px 5px 5px;box-shadow:0 0 3px rgba(0, 0, 0, 0.3);color:#FFF !important;text-decoration:none;transition: all 500ms ease 0s;}
.telephone a {display:none;}
}
/*  All #Mobile Screens
================================================== */

@media only screen and (max-width: 767px) {
.telephone a {display:block;}
#telephone {display:none;}
}
/* #Base 960 Grid
================================================== */

#homesliderlayer { position: relative; width: 920px; margin: 0 auto !important; padding: 0; }
    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 21px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 250px; padding-left:30px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 260px; padding-left:40px;}
    .container .two-thirds.column               { width: 620px; }
	.container .one-half.column                 { width: 450px; } 

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }
	


/* #Additional - Large Screens beyond 1280px
================================================== */
    /* Note: Design for a width of 1280px */
    @media only screen and (min-width: 1281px) {
	#homesliderlayer { position: relative; width: 1150px; margin: 0 auto !important; padding: 0; }
        .container                                  { width: 1280px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }
        .container .one.column,
        .container .one.columns                     { width: 60px; }
        .container .two.columns                     { width: 140px; }
        .container .three.columns                   { width: 220px; }
        .container .four.columns                    { width: 340px; padding-left:40px; }
        .container .five.columns                    { width: 380px; }
        .container .six.columns                     { width: 460px; }
        .container .seven.columns                   { width: 540px; }
        .container .eight.columns                   { width: 620px; }
        .container .nine.columns                    { width: 700px; }
        .container .ten.columns                     { width: 780px; }
        .container .eleven.columns                  { width: 860px; }
        .container .twelve.columns                  { width: 940px; }
        .container .thirteen.columns                { width: 1020px; }
        .container .fourteen.columns                { width: 1100px; }
        .container .fifteen.columns                 { width: 1180px; }
        .container .sixteen.columns                 { width: 1260px; }
        .container .one-third.column                { width: 366px; }
        .container .two-thirds.column               { width: 822px; }
        /* Offsets */
        .container .offset-by-one                   { padding-left: 80px; }
        .container .offset-by-two                   { padding-left: 160px; }
        .container .offset-by-three                 { padding-left: 240px; }
        .container .offset-by-four                  { padding-left: 320px; }
        .container .offset-by-five                  { padding-left: 400px; }
        .container .offset-by-six                   { padding-left: 480px; }
        .container .offset-by-seven                 { padding-left: 560px; }
        .container .offset-by-eight                 { padding-left: 640px; }
        .container .offset-by-nine                  { padding-left: 720px; }
        .container .offset-by-ten                   { padding-left: 800px; }
        .container .offset-by-eleven                { padding-left: 880px; }
        .container .offset-by-twelve                { padding-left: 960px; }
        .container .offset-by-thirteen              { padding-left: 1040px; }
        .container .offset-by-fourteen              { padding-left: 1120px; }
        .container .offset-by-fifteen               { padding-left: 1200px; }
    }
	

	
/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
	#homesliderlayer { position: relative; width: 750px; margin: 0 auto !important; padding: 0; }
	.container .eight.columns.logo {width: 510px !important;}
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px; margin-bottom:21px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }
		.container .one-half.column                 { width: 354px; } 

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }

	
/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	.container { width: 90%; padding:0 5%; }
	.container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
		.container .one-half.column,
        .container .two-thirds.column  { width: 100%; }
	.container .column, .container .columns {margin-left:0; margin-right:0;}
	.iso {display:none;}
.slogan1 {margin-bottom:10px !important}
/* nav-wrap */
	#nav-wrap {	position: relative; height:30px; text-align:center; margin:0 0 45px 0 !important; float:left; width:100%; }
#nav a:after {margin:2px 0 0; padding-left:10px;}
#nav ul li a, #nav li.current ul li a, #nav ul li:hover > a {padding:11px 4px 3px 10px !important}
/* menu icon */
	#menu-icon { color: #54606b; margin:0 auto; width: 128px; font-size:16px; font-weight:400; font-family: 'Lato';	height: 30px; border-radius:2px;	background: #eaeff3 url(https://www.jayjalaramext.com/wp-content/themes/jayjalaramext/images/menu-icon.png) no-repeat 10px center;	padding: 8px 10px 0 42px;	cursor: pointer;	border: solid 1px #bac7d1; clear:both; box-shadow: 0 0 3px #fdfdfd inset, 0 2px 2px -2px rgba(0,0,0,0.2); text-align:left;	display: block; /* how menu icon */	}
	#menu-icon:hover {	background-color: #badfec; }
	#menu-icon.active {	background-color: #a5acb2; }
	.mn-clk { font-size:12px; color:#8c98a2}
/* main nav */
	#nav { clear: both; margin:0 auto; left:11px; position: absolute; width: 90%; z-index: 10000; padding:2px 12px 14px 6px;	background: #fefefe; border: solid 1px #d2d2d2;	display: none; /* visibility will be toggled with jquery */	}
	#nav li { clear: both; background: #fefefe; float: none; border:0 none; margin: 5px 0 5px 10px; padding: 4px 0 8px 0; border-bottom:1px dotted #d2d2d2; }
	#nav a, #nav ul a { width:auto;	background: #fefefe; display:block; text-align:left; border:0 none; padding:0; margin:0; line-height:1.2; }
	#nav a { height: 20px; display:block; padding:2px 3px; }
/*	#nav li:hover > a { background: #fefefe; color:#95a0a9; }*/
	#nav a:after { display:none; visibility:hidden; }
	/*#nav a:hover, #nav ul a:hover, #nav li:hover > a:hover {	background:#fafcfd; color:#3f4a53; border:0 none; }*/
	#nav a:after { font-family:'Lato', Arial;  color:#bbbec1;  content: attr(data-description); font-size: 12px; display: block; line-height: 1.6;	margin: 8px 0 0; text-transform:none; font-weight:300; }
	#nav li.current a {  background: #fefefe; color:#3f4a53;}
	
	/* dropdown */
	#nav ul { width: auto; margin:0; box-shadow: none; position: static; padding:8px 7px; display: block;	border: none; background: #fefefe url(../images/ul-top1.png) no-repeat;  }
	#nav ul li ul { margin:0; display: block; background: #fefefe url(../images/ul-top1.png) no-repeat; width: auto; }
	#nav ul li a, #nav li a, #nav li.current ul li a { background: #fefefe; }
	.logo { text-align:center;}
	.pin-box { width:256px; }
	.service-steps  { margin:0; }
	.tline-box .blog-date-sp  { width:80%;}
	.tline-box .blog-com-sp { width:0; display:none;}
	.nav-tabs > li { width:100%; display:block }
	.tab-content .columns, .tab-content .column { margin:0 10px; max-width:90%; }
	.date-sp-wrap { margin:0; float:right; margin-bottom:7px;}
	.v-shadow-r, .v-shadow-l {  min-height:inherit; background:none; }
	.pad-r10, .pad-r20,	.pad-r30, .pad-r40,	.pad-l10, .pad-l20,	.pad-l30, .pad-l40 { padding:0; }
#homesliderlayer {width:100%;}
.index article img, .company-video, .shadow-image {float:none;}
.product-image {text-align:center; margin-right:0 !important;}
.index article h5 {clear:both;}
.container .four.columns {padding-left:0;}
.iso-certificate, .company-video-link {
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
}
.footer-navi, .poweredby {text-align:center; float:none; display:block;}
.footbot {height:auto;}
.container .offset-by-one                   { padding-left: 0px;  }
.company-video {
    width: 70%;
}
.brass-rods-sidebar-block {display:none;}
#feedbackform {margin-left:0;}
#contactbanner {width:100%; height:auto;}
#contactbanner > img {
    width: 100%;
}
		}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) { 
	article h1, .bold-h2 {font-size:18px !important;}
	}
/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear, .clr {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
	.clr { visibility:visible; overflow:visible;}
	.columns img, column img {
	max-width:100%;
}
	.promobox .columns { max-width:100%; }

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}