@charset "utf-8";
/* CSS Document */

/* ADDED JR 160328 */
#jssor_1 { padding:0 1px; margin:0 -1px 0 0; }
.stack_grids_cyclone .img,
.sliderLink { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; display:block; }
.img {cursor:pointer;}
#calculator {}
#calculator h2 { margin: 10px 0; clear:both; }
#calculator h4, #calculator p, #calculator label { margin-right: 10px; clear:both; max-width:100%; }
#calculator legend { display: inline-block; width: auto; padding: 0 15px; border:0; }
#calculator input, #calculator select { padding:0 5px; margin:0 2px 5px 0; border:1px solid #999; height:auto; min-height:26px; }
#calculator textarea { width:100%; min-height:80px; }
#calculator th, #calculator td { vertical-align:top; padding:0 1em 5px 0 !important; }
#calculator p:empty, #calculator label:empty { display:none; }
#calculator input.readonly, #calculator input[readonly] { border-color:#E1E1E1; background:#E1E1E1; font-weight:bold; font-size:1.2em; }
/* /ADDED JR 160328 */

#topNav button.btn-mobile { margin-right: 25px;}

#header li.search i.fa {margin: 31px 38px 38px 38px;}

#header li.search {display:none}

h1 { line-height: 1.1em; padding-bottom: 10px;}
h2 { line-height: 1.2em; margin: 20px 0 10px;}
h5 { margin-bottom:.5em; }
h1 a, h2 a, h3 a, h4 a {
  text-decoration:underline;
}
.nav {z-index: 5000;position: relative;}

.logoDiv {text-align:center; margin-left: 60px; }
.bullDiv {position: absolute;  left: 4%;    width :13%;   z-index: 500; }

.bullDiv img {width: 35px;margin: 15px 0 0 20px;     }
.logoDiv img { width:190px ; z-index:500; }

.col-md-10, .col-sm-12 { padding-right:0 }

.right-bar { background:#000; }



.headerDiv { margin-top:-50px }
.searchDiv{ display:none; }

.pdf {padding: 16px 5px 5px 7px; float:right; }

/* HOME TEXT */
.row.padding-30 h1 { font-size:1.7em; margin:0 0 .4em; }
.hmFnd,  .hmOr, .hmPrd { float:left; margin-top: 10px !important }

.hmFnd h5,  .hmOr h5, .hmPrd h5 { margin: 0; padding-top: 10px; }

.hmFnd {text-align:center; margin-top: 25px;width: 100%;  }
.hmOr {text-align:center; margin-top: 25px; width: 100%;  }
.hmPrd {text-align:center; margin-top: 25px; width: 100%;  }

.hmFnd h4, .hmPrd h4 { text-decoration:underline }

.hmOr div {border-radius:100%; width:50px; height:50px; background:#fff200; 
	padding: 10px 15px; margin: auto;      font-size: 1.2em;
	font-family: 'Patrick Hand', cursive; color:#000; }

.pad-adj {padding:0 }

.prod-intro h1 { text-transform:uppercase; }
.prod-intro .yInner { min-height:230px; }
.prod-img { overflow:hidden; min-height:230px; }
.prod-img img { width:100% }

.right-bar {background: #000 !important; padding-bottom: 30px; }
.right-bar .logo {width: 100%; padding:28px 10px ;  }

#footer ul.footer-links>li { margin:0 -20px; width:100%; }

.side-nav {  width: 100%;}

div.side-nav .side-nav-head {margin: 0 0 0px 0;}

div.side-nav .side-nav-head h4 {color:#666; text-align: center; display:block;}
div.side-nav ul>li>a {color: #666;}

.contact-form {padding: 20px 20px;}
.input-group .form-control:first-child {border-radius:20px; width: 210px; background: #fff url('../assets/images/search.png') no-repeat;
	webkit-box-shadow: inset 2px 2px 3px 1px #999;
    -moz-box-shadow: inset2px 2px 3px 1px #999;
    box-shadow: inset 2px 2px 3px 1px #999; background-position: 8px 7px; padding-left: 30px; }


.pad-t-30 {padding: 0 0 0 0 }

div.side-nav .side-nav-head button {left: 0;}

.side-nav ul li {
display: block;
    z-index: 5000000;
    position: relative;

	padding: 10px 7px;
    line-height: 20px;
	font-family: 'Patrick Hand', cursive;
}
div.side-nav ul {overflow: hidden;     z-index: 500; position: relative;}

div.side-nav ul>li:hover>a, div.side-nav ul>li.active>a {color: #fff200 !important;}

div.side-nav ul.list-group-bordered>li>a {font-size: 18px; }

ul.footer-links { width: auto;margin: auto; text-align:center; }
.footer-links li { text-align:center; display:inline-block; float:none; }
.footer-links li a { color:#FFF; }

.bodyTxt { padding: 5px 0 30px; }

.left-bar li { font-size: 0.7em; width: 100%;    }
.left-bar li a { color: #fff200}

.sq1Clm { width:20%; float:left }

.sq2Clm { width:40%; float:left }

.yellow{background-color:#fff200; margin-top:-1px;}

.landingH1 {padding: 20px 0 0 0;}
.inner-content p{ font-size:17px;color:#000;padding-right: 10px; margin-bottom: 12px; line-height: 1.2em;     font-weight: 300;  	}
.inner-content .pull-right img { margin-left:20px; }

.yellow h1{  font-size:25px;margin-bottom:0px;color:#000;padding:20px 0 0 10px; letter-spacing:-1px; line-height: .9;	}

.yellow p{margin-bottom:20px;color:#000;padding: 10px 50px 20px 25px; }

.product-all-list .yellow { min-height:177px; padding-top:10px; }
.product-all-list .yellow h1, .product-all-list .yellow p { padding-right:5px; padding-left:20px; margin-left:0 !important; }
.product-all-list .yellow p { font-size: 1.2em; line-height: 1.1; }

.inner-content h5{ font-size:18px;margin-bottom:2px;color:#000;padding-top:25px;}
.inner-content h4{ font-size:22px;margin-bottom:15px;color:#000;}

.yInner {background-color:#fff200; padding:0 10px 25px 20px; }



.yInner h1 {padding-top:90px; margin:0; font-size:33px; line-height: .9; color:#000; padding-left:10px; letter-spacing: -1px;}
.inner-description h5  { color:#000; padding: 0 15px 0 0; font-weight: 300;font-size: 15px;line-height: 1.2em;  margin: 25px 0 15px; }
.yInner p { color:#000; padding: 0 10px 10px; font-weight: 300;font-size: 15px;line-height: 1.2em;    }

.yInner .pdf + h1 { padding-top:40px; }

.inner-content p span, .inner-content p { color:#000; padding-right: 20px;  }


.yellow p  { color:#000; padding: 10px; font-weight: 300;font-size: 15px;line-height: 1.2em; margin-top: -1px;}
.inner-content, .yInner { margin: 0 0px 0 -20px;  padding: 0 20px; }
.inner-content { padding-bottom: 30px !important; }



.prod-img { margin: 0 0 0 -40px; }

.leftMgn { margin-left:-20px; color:red ;}


.left-side-bar, .right-side-bar{
  background-color: #000;

}



@media only screen and (min-width: 568px) {

.bullDiv img {width: 40px;   }

/*.main-container{
  display: block;
}*/



} /* ------ END (min-width: 568px) --------- */


@media only screen and (min-width: 769px) {

  /*.main-container{
    display: block;
  }*/

.container {width: 100%;}
.hmFnd {text-align:right; margin:0px 0 0 0px;  }
	
.hmOr {text-align:center; margin:-5px 0 0 0px;  }
.hmPrd {text-align:left ; margin:0px 0 0 0px;  }
.hmFnd, .hmPrd {  width: 42.66666667%;  }
.hmOr {  width: 13.66666667%;  }
	
.effects .img {width: 100% !important;}

.logoDiv {margin-left: 40px; }
.bullDiv img {width: 40px;     }

.yellow h1{ font-size:30px; }


#footer ul.footer-links>li { margin:25px 5px 0px 5px; width:auto;     font-size: 11px;}

.bodyTxt { margin: 4%; }

.side-nav { width: 100%; }

.inner-content, .yInner { margin:0; padding: 0 20px;  }
.prod-img { margin: 0 0 0 -20px; }
.pdf { float:none; }

.bg-black {background:#000 !important;  }

.landing{
	min-height:100px !important; width: 100%;height: 100%;
}

	
.col-md-5th.yellow h1 { margin-left:10px }	
	
	
} /* ------ END (min-width: 768px) --------- */



@media only screen and (min-width: 992px) {

  .main-container{
    display: flex;
  }

  .left-side-bar, .right-side-bar{
    flex: 1; /* additionally, equal width */

  }

.container {width: 100%;}
/*
.BG { background: url('../assets/images/bg5.png') repeat-y; background-size: contain; margin-right:1px }
*/
.right-bar { height: auto;}

.logoDiv {margin-left: 0px; }
.bullDiv img {width: 65px;  margin: 35px 0 0 20px;   }

.prod-img { margin: 0 ; }

.logoDiv img { width:320px ;  }

div.side-nav .side-nav-head h4 {display:none}
div.side-nav ul>li>a {color: #fff200;}

div.side-nav ul>li:hover>a, div.side-nav ul>li.active>a {color: #fff !important;}

div.side-nav ul.list-group-bordered>li>a {font-size: 25px; line-height:26px; padding:5px; }

.searchDiv{ position: absolute; top: 55px;right: 5px; z-index: 500; display:block; }


	
#header li.search {display:inline-block}
#header li.search i.fa { margin: 37px 38px 38px 38px;	}

.pad-adj {padding-left:15px; }

.yellow{min-height:80px; margin-top:0px;}
.yellow h1{ font-size:33px;margin-bottom:0px;color:#000;/*position: absolute;*/bottom: 15px;padding-left:10px;}

.yInner h1 {font-size:50px; color:#000;}
.inner-description h5  { font-size: 20px }

.yellow p{/* position: absolute;*/bottom: 10px;color:#000;padding: 10px 50px 10px 10px;  font-size: 20px;}

.right-bar {background: none; padding-left: 0;}

.yellow{min-height:177px	}

.landingH1 { padding: 0;   }

.bodyTxt { margin: 15px 0% 0 0 }
.pad-t-30 {padding: 30px 0 0 0 }
.headerDiv { margin-top:0px }

.left-bar li {font-size: 0.8em;}
.bg-black {background:#000 !important; }
.yellow h1{  font-size: 3vw; }
.inner-content  { margin:0;   padding: 0 0px;  }
.yInner { margin:0;   padding: 0 10px 10px 20px;  }
.yInner p { font-size: 20px;  }
.landing{
	min-height:216px !important; width: 100%;height: 100%;
}
	.landing-item{height:216px !important;}
} /* ------ END (min-width: 992px) --------- */


@media only screen and (min-width: 1200px) {

/*#footer{height:160px !important;}*/
/*#header{height:180px !important;}*/
#wrapper{max-width: 1280px; margin:auto;}
.landing{min-height:216px !important;}
.yellow h1{ font-size:40px; font-size: 2.2vw; }
.col-md-5th.yellow h1 { margin-left:5px }
.landingH1 { padding: 0;  font-size: 1.4em; line-height: 1em; }

} /* ------ END (min-width: 1200px) --------- */


@media only screen and (min-width: 1400px) {

.container { max-width:1280px }
/*#footer{height:160px !important;}*/
/*#header{height:180px !important;}*/
#wrapper{width: 1280px; margin:auto;}
.landing{min-height:216px !important; width: 100%;height: 100%;}
#header li.search i.fa {margin: 37px 38px;}
.landingH1 {   font-size: 1.3em; line-height: 1em; }
	.col-md-5th.yellow h1 { margin-left:10px }




} /* ------ END (min-width: 1400px) --------- */


@media only screen and (min-width: 1600px) {

.landingH1 {   font-size: 0.95em; line-height: 1em; }
/*#footer{height:160px !important;}*/

.landing{min-height:216px !important;}

	#wrapper{width: 1280px; margin:auto;}
} /* ------ END (min-width: 1600px) --------- */





/* Landing Page Grid /*


/* 9x3 */
div [data-gs-width="9"][data-gs-height="3"] h1 { color:#000 ;}
div [data-gs-width="9"][data-gs-height="3"] p { color:#000;}
div [data-gs-width="9"][data-gs-height="3"].yellow .landing { height: auto !important; position:absolute; bottom:0; left:0; min-height:0 !important; padding:0 10px 10px 20px; }

/* 9x6 */
div [data-gs-width="9"][data-gs-height="6"] h1 { color:#000 ;}
div [data-gs-width="9"][data-gs-height="6"] p { color:#000 ;}
div [data-gs-width="9"][data-gs-height="6"].yellow .landing { height: auto !important; position:absolute; bottom:0; left:0; min-height:0 !important; padding:0 10px 10px 20px; }

/* 6x6 */
div [data-gs-width="6"][data-gs-height="6"] h1 { color:#000 ;}
div [data-gs-width="6"][data-gs-height="6"] p { color:#000 ;}
div [data-gs-width="6"][data-gs-height="6"].yellow .landing { height: auto !important; position:absolute; bottom:0; left:0; min-height:0 !important; padding:0 10px 10px 20px; }

/* 8x4 */
div [data-gs-width="8"][data-gs-height="4"] h1 { color:#000 ;}
div [data-gs-width="8"][data-gs-height="4"] p { color:#000 ;}
div [data-gs-width="8"][data-gs-height="4"].yellow .landing { height: auto !important; position:absolute; bottom:0; left:0; min-height:0 !important; padding:0 10px 10px 20px; }


/* 6x3 */
div [data-gs-width="6"][data-gs-height="3"] h1 { color:#000 ;}
div [data-gs-width="6"][data-gs-height="3"] p { color:#000 ;}
div [data-gs-width="6"][data-gs-height="3"].yellow .landing { height: auto !important; position:absolute; bottom:0; left:0; min-height:0 !important; padding:0 10px 10px 20px; }

/* 12x3 */
div [data-gs-width="12"][data-gs-height="3"] h1 { color:#000 ;}
div [data-gs-width="12"][data-gs-height="3"] p { color:#000 ;}
div [data-gs-width="12"][data-gs-height="3"].yellow .landing { height: auto !important; position:absolute; bottom:0; left:0; min-height:0 !important; padding:0 10px 10px 20px; }


@media only screen and (max-width: 991px) {
	div [data-gs-width="9"][data-gs-height="3"].yellow .landing { left:0;}
	div [data-gs-width="9"][data-gs-height="6"].yellow .landing { left:0;}
	div [data-gs-width="6"][data-gs-height="6"].yellow .landing { left:0;}
	div [data-gs-width="8"][data-gs-height="4"].yellow .landing { left:0;}
	div [data-gs-width="6"][data-gs-height="3"].yellow .landing { left:0;}
	div [data-gs-width="12"][data-gs-height="3"].yellow .landing { left:0;}

	div [data-gs-width="9"][data-gs-height="3"].yellow .landing p { float:left; width:100%; padding-left:10px;}
	div [data-gs-width="9"][data-gs-height="6"].yellow .landing p { float:left; width:100%; padding-left:10px;}
	div [data-gs-width="6"][data-gs-height="6"].yellow .landing p { float:left; width:100%; padding-left:10px;}
	div [data-gs-width="8"][data-gs-height="4"].yellow .landing p { float:left; width:100%; padding-left:10px;}
	div [data-gs-width="6"][data-gs-height="3"].yellow .landing p { float:left; width:100%; padding-left:10px;}
	div [data-gs-width="12"][data-gs-height="3"].yellow .landing p { float:left; width:100%; padding-left:10px;}

	div [data-gs-width="9"][data-gs-height="3"].yellow .landing h1 { float:left; width:100%; padding-left:10px;}
	div [data-gs-width="9"][data-gs-height="6"].yellow .landing h1 { float:left; width:100%; padding-left:10px;}
	div [data-gs-width="6"][data-gs-height="6"].yellow .landing h1 { float:left; width:100%; padding-left:10px;}
	div [data-gs-width="8"][data-gs-height="4"].yellow .landing h1 { float:left; width:100%; padding-left:10px;}
	div [data-gs-width="6"][data-gs-height="3"].yellow .landing h1 { float:left; width:100%; padding-left:10px;}
	div [data-gs-width="12"][data-gs-height="3"].yellow .landing h1 { float:left; width:100%; padding-left:10px;}

}

/*.stack_grids_cyclone .hover > .overlay-item a.expand {
    align-items: center;
    bottom: 0 !important;
    display: flex !important;
    float: none !important;
    height: 100%;
    justify-content: center;
    margin: 0 !important;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100% !important;
}*/
/*
.pad-adj .grid-stack-item[data-gs-height="6"] { height:400px !important;}
.pad-adj .grid-stack-item[data-gs-y="6"] { top:400px !important;}
.pad-adj .grid-stack-item[data-gs-height="3"] { height:200px !important;}
.pad-adj .grid-stack-item[data-gs-y="3"] { top:200px !important;}
.pad-adj .grid-stack-item[data-gs-height="4"] { height:270px !important;}
.pad-adj .grid-stack-item[data-gs-y="4"] { top:270px !important;}
.pad-adj .grid-stack-item[data-gs-y="8"] { top: 540px !important; }
*/
@media only screen and (max-width: 769px) {
	.pad-adj .grid-stack-item[data-gs-y="6"], .pad-adj .grid-stack-item[data-gs-y="3"], .pad-adj .grid-stack-item[data-gs-y="4"], .pad-adj .grid-stack-item[data-gs-y="8"] { top:0 !important; }
	.pad-adj .grid-stack-item { margin-bottom:0 !important; }
	.pad-adj { min-height:0 !important; margin-bottom: 10px; }
}