@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@gray-darker: #444444;
@gray-dark: #696969;
@gray: #999999;
@gray-light: #cccccc;
@gray-lighter: #ececec;
@gray-lightest: lighten(@gray-lighter, 4%);
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*font-family: 'Open Sans', sans-serif;*/
html{
    height: 100%;
}
body{
    height: 100%;
}
html{overflow-x:hidden;}
*{margin:0; padding:0; box-sizing:border-box;}
body {background:#000; color:#a9a7a7; /* 838383;*/ font:400 15px 'Open Sans', sans-serif; line-height:24px; padding:0; margin:0; -webkit-text-size-adjust: none;}
img { max-width:100%;}
select:focus, textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="submit"]:focus { /* outline:none; -webkit-appearance:none; */}
a {text-decoration:none; color:#fff;}
a:hover { color:#9c9d9f;}
ul { list-style:none;}
h1 { color:#3b3b3b; display:table; font:700 26px 'Open Sans', sans-serif; margin:0 auto 20px auto; position:relative; text-transform:uppercase; text-align:center;}
h2 {display:table; font:900 26px 'Open Sans', sans-serif; margin:0; position:relative; color:#fff; text-transform:uppercase; text-align:left; padding-bottom: 10px; line-height:18px;}
h3{color:#727272; font:24px 'Open Sans', sans-serif;text-align:left; text-transform:inherit; line-height:34px; margin-bottom:15px; padding:0;}
h4{ color:#727272; font:17px 'Open Sans', sans-serif; text-align:left; text-transform:inherit; line-height:34px; margin-bottom:0; padding:0;}
h5 { color:#727272; font:15px 'Open Sans', sans-serif; text-align:left; text-transform:inherit; line-height:22px; margin-bottom:0; padding:0;}
h6 { color:#4d4d4d; font:14px 'Open Sans'; text-transform:capitalize; line-height:28px; margin:15px 0;}
/*hr { border-bottom:#fb4600 solid 2px; margin-bottom:40px; border-top:none;}*/
hr { margin-bottom: 25px; border-top:none;}
p {margin-bottom:20px; line-height:24px; text-align:left; }
.right {float:right;}
.left {float:left; margin-right:10px;}
.text-center {text-align:center; margin-bottom:60px;}
.text-right {text-align:right;}
.text-left {text-align:left;}
.text-justify {text-align:justify;}
.spacer5  { height:5px; font:normal 0px/0px arial; clear:both}
.spacer10 {height:10px; font:normal 0px/0px arial; clear:both}
.spacer15 {height:15px; font:normal 0px/0px arial; clear:both}
.spacer20 {height:20px; font:normal 0px/0px arial; clear:both}
.spacer30 {height:30px; font:normal 0px/0px arial; clear:both}
.spacer40 {height:40px; font:normal 0px/0px arial; clear:both}
.spacer50 {height:50px; font:normal 0px/0px arial; clear:both}
.spacer60 {height:60px; font:normal 0px/0px arial; clear:both}
.spacer70 {height:70px; font:normal 0px/0px arial; clear:both}
.spacer90 {height:90px; font:normal 0px/0px arial; clear:both}
.clear{clear:both}

.alignleft, img.alignleft {display:inline; float:left; margin-right:20px; margin-top:18px; padding:0; }
.alignright, img.alignright { display: inline; float: right; margin-top:0; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }

/*------------------------------------------- HEADER STYLES -------------------------------------------*/
#main { width:100%; margin:auto; height:100%; position:relative; -webkit-overflow-scrolling: touch;}
section { width:100%; padding: 70px 0; padding-bottom: 50px;}
#gry { background:url(images/gry-bg.png) repeat;}
#dark-gry { background:url(images/dark-gry-bg.png) repeat; }
#light-gry { background:url(images/light-gry-bg.jpg) repeat; padding-bottom: 30px;}
.gry-border { width:100%; height:11px; display:block; background:url(images/gry-border.jpg) repeat-x; margin-top:-18px;}
.gry-black-border { width:100%; height:23px; display:block; background:url(images/gry-black-border.jpg) repeat-x;}
.black-gry-border { width:100%; height:28px; display:block; background:url(images/black-gry-border.jpg) repeat-x;}
.black-white-border { width:100%; height:22px; display:block; background:url(images/black-white-border.jpg) repeat-x;}
.white-black-border { width:100%; height:28px; display:block; background:url(images/white-black-border.jpg) repeat-x;}

.container { width:1140px; margin:auto; position:relative; padding:0;}
.row {margin-right:-20px; margin-left:-20px;}
.row::after { clear:both;}	

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13  {float:left; position:relative; min-height:1px; padding:0 20px;}
.col-13 {width:25%;}
.col-12 {width:100%;}
.col-11 {width:91.66666667%;}
.col-10 {width:83.33333333%;}
.col-9 {width:75%;}
.col-8 {width:66.66666667%;}
.col-7 {width:58.33333333%;}
.col-6 {width:50%;}
.col-5 {width:41.66666667%;}
.col-4 {width:33.33333333%;}
.col-3 {width:25%;}
.col-2 {width:16.66666667%;}
.col-1 {width:8.33333333%;}
.fullarea{width:100%;}

header {background-color: #0F0F0F; /*#1C1C1C;*/ position:relative; top:0; left:0; width:100%; z-index:999999; height:115px;}
header .logo { width:auto; float:left; position:absolute; left:0; top:0;}
header .right { width:auto; float:right;}
.nav { width:auto; position:relative; float:right;}
.nav li { display:inline-block; float:left;}
.nav li i{ padding: 5px 10px 0 0;}
.nav li .fa-sort-desc{position:relative; top:-24px; left:20px; font-size:14px; color: #666;}
.nav li a { color:#d5d5d5; font:600 15px 'Open Sans', sans-serif; padding:5px 20px; margin-right:4px; display:block; text-transform:uppercase; line-height:34px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease;  -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;}

						
.nav li:hover a { background:#fff; color:#000; height: 45px;  }
.nav li a.current { background:#fff; color:#000; height: 45px;  }
.nav li a:hover.current { background:#fff; color:#666666; height: 45px;  }

.nav li ul{display:none; position:relative; top:55px;}
.nav li:hover ul{ width:180px; z-index:10; display:block; background:#fff; position:absolute; margin:0;     -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease; -webkit-font-smoothing:antialiased; top: 45px;}
.nav li:hover ul li{text-align:left; display:block;  border-bottom:#f3f2f2 solid 1px; clear:both; width:100%;}
.nav li:hover ul li a{ color:#000; font-size:14px; height: 38px; margin: 0px; padding: 0px; text-align:left; padding-top: 3px; padding-left: 25px;  }
.nav li:hover ul li a:hover {color:#000; background-color:#e6e6e6;}
.nav li:hover ul li:last-child { border-bottom:none;}
.menuarea{clear:both;}
.product-search { position:absolute; right:0; bottom:-51px; display:none;}
.topphone{text-align:right; float:right; color:#d5d5d5; font-weight:700; font-size:16px; padding:0 22px 0 0; margin:20px 0 10px 0; background:}
.topphone i{ color:#000; background-color:#d5d5d5; font-size:15px; border-radius:100%; padding:4px 5px; margin:0 5px 0 0;}
.isStuck {background: #0F0F0F; /* #1C1C1C; */ z-index: 999;height:64px;}
.isStuck .logo {padding-top: 0;height: 97px; background:url(images/logo-small.png) no-repeat left top;}
.isStuck .logo img { width:50%; visibility:hidden;}
.isStuck .topphone { display:none;}
.isStuck .nav { margin-top:10px;}
.isStuck .nav li .fa-sort-desc { top:-24px;}


#slider-wrapper { width:100%; clear:both;}
.slider{width:auto; min-height:300px;}
.caption-wrapper { width:1140px; position:absolute; left:0; right:0; bottom:0; margin:auto; display:table;}
.caption { width:50%; position: absolute; bottom:20px; left:0; }
.caption h6 { font:900 28px 'Open Sans', sans-serif; text-transform:uppercase; color:#e5e5e5; margin:0; text-shadow: 2px 2px 3px rgba(65, 67, 72, 1); text-align:left; padding-left:5px; position:relative; top:6px;}
.caption h1 { color:#e5e5e5; text-align:left; display:block; text-transform:uppercase; font:700 95px 'Open Sans', sans-serif; line-height:85px; text-shadow: 2px 2px 3px rgba(65, 67, 72, 1); margin:auto;}

/*------------------------------------------- SLIDER STYLE END -------------------------------------------*/
.services { width:100%; padding:0; position:relative; top:0; margin-bottom:0;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.services{top:1px; margin-bottom:-12px; padding-bottom: 30px;}
}	

.services h3 { color:#fff; font:900 26px 'Open Sans', sans-serif; margin-bottom:5px; text-transform:uppercase; }
.services h3 span { font-weight:300;}
.services .box {width:100%; display:table; transition: all 0.5s ease;}
.services .box p { margin-bottom:0; overflow:hidden;}
.services .box .thumb{ width:148px; height:148px; border-radius:100%; float:left; margin-right:20px;}
/*------------------------------------------- SERVICES STYLE END -------------------------------------------*/

.products { width:100%;}
.products .box { width:100%; margin-top:20px; display: block; cursor:pointer;}
.products .box .thumb { width:100%; height:auto; margin-bottom:8px; overflow:hidden;}
.products .box .thumb img { max-width:100%; height:auto; -webkit-transition: all 0.5s ease; /* Safari and Chrome */
  	-moz-transition: all 0.5s ease; /* Firefox */
  	-o-transition: all 0.5s ease; /* IE 9 */
  	-ms-transition: all 0.5s ease; /* Opera */
  	transition: all 0.5s ease;
        max-width: 100%;}
		  
.products .box .thumb img:hover{ -webkit-transform:scale(1.12); /* Safari and Chrome */
    -moz-transform:scale(1.12); /* Firefox */
    -ms-transform:scale(1.12); /* IE 9 */
    -o-transform:scale(1.12); /* Opera */
     transform:scale(1.12);}		  
.products .box:hover a h4{color:#6c6d6f !important; transition: all 0.3s linear;}
.products h4{ color:#838383; font:400 18px 'Open Sans', sans-serif; text-transform:uppercase; overflow:hidden; line-height:16px;}

.nomargin{margin:0px !important;}
.prodbox{width:100%; margin:0 0 40px 0;}
.datebox{ float:left; text-align:center; vertical-align:middle; background-color:#e6e6e6; padding:5px 10px; color:#464646; width:51px; line-height:21px; margin:0 10px 0 0;}
.prodnamebox{padding:4px 0; overflow:hidden;}
.prodnamebox strong{text-transform:uppercase; color:#2f2f2f; font-size:18px;}
.news li:hover .datebox{background-color:#6c6d6f; color:#FFF;}
.news li:hover .datebox .prodnamebox a{color:#6c6d6f;}

.prodbox:hover{} 
.prodbox:hover .datebox{background-color: #2f2f2f ; /*#6c6d6f;*/ color:#FFF;} 
.prodbox:hover .prodnamebox a strong, .prodbox:hover .prodnamebox a{ color: #404040;} /*#6c6d6f !important;}*/

/*------------------------------------------- SERVICES STYLE END -------------------------------------------*/

.new-products { width:100%;}
.new-products h2 { color:#1f1f1f;}
.new-products p { color:#1a1a1a;}
.new-products p a{color:#000000; border-bottom:1px solid #7f7f7f; text-decoration:none;}
.new-products p a:hover{color:#484848;}
.news { width:100%;}
.news li {width:33.333333%; float:left;}
.news li a{color:#484848; line-height:22px; font-size:16px; transition: all 0.1s easeIn;}
.news li a:hover{color:#404040;} /*6c6d6f*/
.news li a:hover strong{color: #404040;}

/*------------------------------------------- NEWS STYLE END -------------------------------------------*/

.footer-wrapper { width:100%; height:auto; background:url(images/dark-gry-bg.png) repeat; padding-top:70px;}
.footer-links { width:auto;}
.footer-links h5 { color:#e8e9eb; font:700 15px 'Open Sans', sans-serif; text-transform:uppercase; text-align:left; padding-bottom:10px;}
.ftright h5{text-align:right !important;}
.ftright li{text-align:right !important;}
.footer-links ul { margin:0; padding:0;}
.footer-links li {margin:0; line-height:36px;}
.footer-links li a { color:#a6a7a9; font:400 14px 'Open Sans', sans-serif; padding:0 0 0 15px; text-decoration:none; text-transform: capitalize; background:url(images/foot-arrow.png) left 6px no-repeat;}
.footer-links li:hover a { color:#9a9b9d; text-decoration:none;}
.copyright{ width:100%; background:rgba(0,0,0,0); padding:40px 0 20px; text-align:center; color:#a6a7a9; line-height:28px;}
.copyright .col-13 {
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: -25px;
    width: 100%;
}
.copyright u{color:#FFF;}
.copyright h3{ text-align:center; font-weight:700; color:#b5b7b6; margin-bottom:-22px;}

.caption-style-1{
	list-style-type: none;
	margin: 0px 0 0 25px;
	padding: 0px;
	
}

.caption-style-1 li{
	float: left;
	padding: 0px 0px 20px 0px;
	position: relative;
	overflow: hidden;
	height: auto;
	width:20%;
}

.caption-style-1 li h4, .caption-style-4 li h4{padding-top:17px;}

.caption-style-1 li:hover .caption{
	opacity: 1;

}


.caption-style-1 img{
	margin: 0px;
	padding: 0px;
	float: left;
	z-index: 4;
}


.caption-style-1 .caption{
	cursor: pointer;
	position: absolute;
	opacity: 0;
	-webkit-transition:all 0.45s ease-in-out;
	-moz-transition:all 0.45s ease-in-out;
	-o-transition:all 0.45s ease-in-out;
	-ms-transition:all 0.45s ease-in-out;
	transition:all 0.45s ease-in-out;

}
.caption-style-1 .blur{
	background-color: rgba(0,0,0,0.65);
	height: 166px;
	width: 187px;
	z-index: 5;
	position: absolute;
	top:13px;
}

.caption-style-1 .caption-text h1{
	text-transform: uppercase;
	font-size: 14px;
}
.caption-style-1 .caption-text{
	z-index: 10;
	color: #fff;
	position: absolute;
	width: 187px;
	height: 166px;
	text-align: center;
	vertical-align:middle;
	padding-top:85px;
}
.caption-style-4{
	list-style-type: none;
	margin: 0px 0 0 25px;
	padding: 0px;
	overflow:hidden;
	
}

.caption-style-4 li{
	float: left;
	padding: 0px 0px 20px 0px;
	position: relative;
	height: auto;
	width:20%;
}

.caption-style-4 li:hover .caption{
	opacity: 1;
}

.caption-style-4 li:hover img{
	opacity: 1;
	transform: scale(1.12,1.12);
	-webkit-transform:scale(1.12,1.12);
	-moz-transform:scale(1.12,1.12);
	-ms-transform:scale(1.12,1.12);
	-o-transform:scale(1.12,1.12);
	width:187px; height:160px;
}

.i1{width:187px; height:160px; overflow:hidden;}
.i2{display:block;}


.caption-style-4 img{
	margin: 0px;
	padding: 0px;
	float: left;
	z-index: 4;
}


.caption-style-4 .caption{
	cursor: pointer;
	position: absolute;
	opacity: 0;
	-webkit-transition:all 0.45s ease-in-out;
	-moz-transition:all 0.45s ease-in-out;
	-o-transition:all 0.45s ease-in-out;
	-ms-transition:all 0.45s ease-in-out;
	transition:all 0.45s ease-in-out;
}

.caption-style-4 img{
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
.caption-style-4 .blur{
	background-color: rgba(0,0,0,0.65);
	height: 166px;
	width: 187px;
	z-index: 5;
	position: absolute;
	top:13px;
}

.nopadding .blur{top:19px; height:160px;}

.caption-style-4 .caption-text h1{
	text-transform: uppercase;
	font-size: 24px;
}
.caption-style-4 .caption-text{
	z-index: 10;
	color: #fff;
	position: absolute;
	width: 187px;
	height: 166px;
	text-align: center;
	vertical-align:middle;
	padding-top:85px;
}
.caption-style-4 .caption-text a{ color:#ffffff; font-size:15px; font-weight:bold;}	
.nopadding{padding:0px !important;}
img.adj:hover{

	-webkit-filter: brightness(135%);

}
.mobsearch{display:none;}
.moblogo{display:none;}
	
/* ---------- Zoom container ---------- */
.image-zoom-container {
	list-style: none;
}
.zoom-container {
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin: 0 10% 0 0;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border:2px solid #A4A4A4;
}
.zoom-container img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption h3 {
	display: block;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.95em;
	font-weight:700;
	text-transform: uppercase;
	color: #f5f5f5;
	margin: 39% 0 0 0;
	padding: 0;
	line-height:16px;
}
.zoom-container:hover img {
	-webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
     transform:scale(1.15);
	-webkit-filter: brightness(135%);
}


.zoom-container:hover .zoom-caption {
	background: none;
}



/* --------------------------------------------------------- */

.zoom-container1 {
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin: 0 10% 0 0;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border:2px solid #A4A4A4;
}
.zoom-container1 img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container1 .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container1 .zoom-caption h3 {
	display: block;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.95em;
	font-weight:700;
	text-transform: uppercase;
	color: #f5f5f5;
	margin: 39% 0 0 0;
	padding: 0;
	line-height:16px;
}


.zoom-container1:hover .zoom-caption {
	background: none;
}







.bxzm{ display:block; width: 100%; overflow:hidden;}
.bxtitle{ text-align:center; vertical-align:middle;}

@media screen and (min-width:980px) and (max-width:1206px) {
.caption h6 {font-size:23px !important;}
.caption h1 {font-size:68px !important; line-height:68px;}
.camera_prev{right:63px !important; position:relative; top:245px !important;}
.camera_next{right:15px !important; position:relative; top:245px !important;}
}


@media (max-width: 1199px) {
	.container {
		width: auto;
		padding: 0 10px;
	}
}

@media (max-width: 767px) {
	.bxmain {
		width: 50%;
	}
}

@media (max-width: 480px) {
	.bxmain {
		width: 100%;
	}
}

/* New Slider */
#camera_wrap_4 {
	position:relative;
	top:-18px;
}
.camera_bar {
	z-index: 2;
}
.camera_thumbs {
	margin-top: -100px;
	position: relative;
	z-index: 1;
}
.camera_thumbs_cont {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.camera_overlayer {
	opacity: .1;
}
/* New Slider */

@media screen and (max-width:1139px) and (min-width:1023px) {
.section-top, .feature-section, .section-benefit, .section-top-abt {padding-left:20px !important; padding-right:20px !important;}

.section-advt {padding-left:20px !important; padding-right:20px !important;}
.benefit-list {width:auto;}
.advtg-list {width:auto;}

.feature-boxes { height: 180px;}
}

/*-- Landing Page Style --*/
.section-top {display:block; width:100%; padding:110px 0 40px 0; background:url(images/gry-bg.png) repeat 0 0;}	 /* sectiontop-bg.png */
.section-top-abt {display:block; width:100%; padding:110px 0 40px 0; background:url(images/gry-bg.png) repeat 0 0;}	/* sectiontop-bg.png */
.section-top-left {color:#d2d2d2;}
.section-top  h1 {color:#e6e6e6; font-weight:900; font-size:52px; text-align:left; display:inline-block; margin:0 0 20px 0;}
.section-top-abt  h1 {color:#e6e6e6; font-weight:900; font-size:52px; text-align:left; display:inline-block; margin:0 0 20px 0;}
.dash-search {text-align:center; clear:both;}
.section-top-right{display:block; text-align:left; float:left; margin:6px 25px 15px 0;}
.section-top-left-img{display:block; text-align:left; float:right; margin:6px 25px 15px 0;}
.section-top-left-abt{display:block; text-align:left; float:left; margin:6px 25px 15px 0; width:60%;}

.feature-section, .section-benefit, .section-advt {display:block; width:100%; padding: 75px 0 15px; 
background:url(images/feature-bg.jpg) repeat 0 0 #fff; }

.feature-section h2, .section-benefit h2, .section-advt h2 {margin-bottom: 25px; font-size:35px;}
.feature-boxes h3 {font:900 22px 'Open Sans', sans-serif; margin:0; color:#e8e8ea; text-transform:inherit; }
.line-border { width:100%; height:16px; display:block; background:url(images/line-border.jpg) repeat-x;}

.feature-boxes {margin-bottom:60px; }
.feature-thumb {float:left; width:155px; height:145px; margin:0 30px 0 0; /*border:solid 3px #4a4b4d;*/}
.feature-thumb img {width:100%; height:auto; min-height:145px; border:solid 3px #4a4b4d;}
.feature-content {display:table; color:#e8e8ea;}
.line-border2 { width:100%; height:15px; display:block; background:url(images/line-border2.jpg) repeat-x;}
.line-border4 { width:100%; height:17px; display:block; background:url(images/line-border4.png) repeat-x;}

.section-benefit {background:url(images/gry-bg.jpg) repeat 0 0; padding-bottom:15px;}


.benefit-list {display:inline-block; background:url(images/benefit-icon.png) no-repeat 0 0; padding:0 0 0 105px; min-height:71px; margin-bottom:40px; color:#b3b3b3; font-style:italic; font-size:18px; text-transform:uppercase; line-height:28px; font-weight:700; width:80%;}

.advtg-list {display:inline-block; background:url(images/aboutadvt.png) no-repeat 0 0; padding:0 0 0 45px; min-height:65px; color:#e8e8e7; font-style:italic; font-size: 20px; text-transform:uppercase; line-height:28px; font-weight:700; width:80%;}

.advt-list {
display: inline-block;
    background: url(images/aboutadvt.png) no-repeat  0;
    padding: 0 0 0 38px;
    margin-bottom: 8px;
    color: #b3b3b3;
    font-size: 20px;
  
    line-height: 40px;
    font-weight: 600;
}

.advt-list1 .row
{
    display: table;
    margin: 0 auto;
	/*padding-left:10%;*/
	width: 100%;
}	
/*	

display:inline-block; background:url(images/aboutadvt.png) no-repeat 0 0; padding:0 0 0 40px; min-height:71px; margin-bottom:40px; color:#b3b3b3; font-size:14px; text-transform:uppercase; line-height:18px; font-weight:700; width:80%;}*/


.line-border3 { width:100%; height:16px; display:block; background:url(images/line-border3.jpg) repeat-x;}
.camera_target_content{width:1140px; margin:0 auto;}

.bxmain{width:18.5%; height:auto; display:block; float:left; margin: 0 1.2% 1.9% 0;}
.nbxzoom{clear:both;}
.nbxtitle{text-align:center; display:block; clear:both; margin-bottom:-7px;}
.nbxtitle h3{text-align:center; font-size: 0.95em;  color:#f5f5f5; margin:0 auto;  font-family: "Open Sans",sans-serif;}
.nbxtitle1 h3{text-align:center; font-size: 0.95em; font-weight:normal; color:#f5f5f5; margin:0 auto; font-family: "Open Sans",sans-serif; margin-left: -20px; line-height: 18px;}
.nbxtitle h3 a{text-align:center; font-size: 1.2em;  color:#D8D8D8; margin:0 auto;  font-family: "Open Sans",sans-serif; cursor:pointer; margin-right:10%;}
.nbxtitle h3 a:hover{ color: #c0c0c0; }


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

@media screen and (max-width:813px) and (min-width:20.000em) { 
#menuToggle {
display:block;
z-index:12;  padding:0; background:url(images/toggle-bg.png) no-repeat right center; font:normal 12px "Open Sans"; text-align:left; height:26px; margin:0; text-decoration:none; position:absolute; right:15px; top: 15px;  width:33px; border-bottom:0 !important; color:#fff; float:right;
/*
  display: block;
  position: relative;
  top: 50px;
  right: 50px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;*/
}

#menuToggle input {
  display: block;
  width: 33px;
  height: 28px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  color:#999999;
}

/*
 * Just a quick hamburger
 */

#menuToggle span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #cdcdcd;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),  background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),  opacity 0.55s ease;
}

#menuToggle span:first-child { transform-origin: 0% 0%; }

#menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; }

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */

#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #fff;
}

/*
 * But let's hide the middle one.
 */

#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */

#menuToggle input:checked ~ span:nth-last-child(2) {
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */

#menu {
  position: relative;
  width: 200px;
  margin-top: 11px;
  margin-left: -150px;
  margin-right: 0px;
  margin-bottom:0px;
/*  margin: -100px 0 0 -50px;*/
  padding: 10px;
  padding-left:0px;
  background: #1e1e1e;
  list-style-type: none;
  transform-origin: 0% 0%;
  transform: translate(100%,0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
  height: 800px;
  overflow-y: scroll;
  z-index: 1;
}


#menu li a{
  padding: 10px 0;
  border-bottom:#333333 solid 1px;
  padding-left: 30px;
}

/*
 * And let's fade it in from the left
 */

#menuToggle input:checked ~ ul {
  transform: scale(1.0, 1.0);
  opacity: 1;
}

#menu li a {color:#fff; font-size: 16px; line-height: 14px; margin:0; display:block;}
/*#menu li a:hover {color:#1e1e1e; display:block; width:100%; float:none; background-color:#fff;}*/
#menu li li a{padding:5px 50px !important; line-height:24px !important; font-size:16px;}


}



.ribbon{
  z-index:999;
  position:absolute;
  padding:0;
  margin:0;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  transform-origin:0 100%;
  box-shadow:0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12);
  background-color: #C63739; /* 990000;*/
  color: #fff;
  height:30px;
  width:165px;
  top:-30px;
  transform:rotateZ(45deg);
  padding-left:20px;
  padding-right:30px;
  line-height:30px;
  right:-58.57864376269px;
  -webkit-transform:rotateZ(45deg);
  -moz-transform:rotateZ(45deg);
  -o-transform:rotateZ(45deg);
}




.cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.cards__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 2.5rem;
  padding-bottom: 2.5rem;
  width: 100%;
}

@media (min-width: 30rem) {
  .cards__item {
    width: 50%;
  
   padding-right: 1rem;
   padding-bottom: 1rem;
	}
}

@media (min-width: 56rem) {
  .cards__item {
    width: 25%;
	  padding-right: 2.5rem;
  padding-bottom: 2.5rem;

  }
}

@media  (max-width: 29.938em)
{
	.cards__item
	{
		padding-left: 1rem;
		   padding-right: 1rem;
   padding-bottom: 1rem;

	}
}


.card {
  background-color: #ccc;
  width: 100%;
  box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  position:relative;
  padding: 0.5rem;
}

.card__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.65rem;
  padding-bottom: 0px;
}
.card__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
   position: relative;
  
}

.card:hover .card__image {

	-webkit-filter: brightness(115%);
}


.card__image::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
@media (min-width: 40rem) {
  .card__image::before {
    padding-top: 66.6%;
  }
}

.card__title {
  color: #333;
  font-size: 1rem;
  font-weight: 600;
  /*letter-spacing: 1px;*/
  text-align:center;
}
.card__text {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 0.875rem;
  line-height: 1.35;
  margin-bottom: 0.20rem;
  color:#666666;
  text-align:center;
  margin-right:0px;
}


.pager {float: center;height: 30px; position: relative; font-size:20px; text-align:center; margin-top:10px; width: 100%; }



/* JQPAGINATE */


.jPaginate{
    height:34px;
    position:relative;
    color:#a5a5a5;
    font-size:small;   
	width:100%;
}
.jPaginate a{
    line-height:15px;
    cursor:pointer;
    padding:2px 5px;
    margin: 0.10rem;
    float:left;

  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use padding and font-size to change buttons size */
  padding: .6em .8em;
  font-size: 1.25rem;
	 border: 1px solid #e6e6e6;
    border-radius: 0.25em;	
}
.jPag-control-back{
	position:absolute;
	left:0px;
}
.jPag-control-front{
	position:absolute;
	top:0px;
}
.jPaginate span{
    cursor:pointer;
}
ul.jPag-pages{
    float:left;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px;
}
ul.jPag-pages li{
    display:inline;
    float:left;
    padding:0px;
    margin: 0px;
}
ul.jPag-pages li a{
    float:left;
    /* padding:2px 5px; */
}
span.jPag-current{
    cursor:default;
    font-weight:normal;
    line-height:15px;
    padding:2px 5px;
   margin: 0.10rem;
    float:left;
	 display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use padding and font-size to change buttons size */
  padding: .6em .8em;
	 border: 1px solid #e6e6e6;
    border-radius: 0.25em;	
	font-size: 1.25rem;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
    height:22px;
    margin:2px;
    float:left;
    line-height:18px;
}

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
    margin:2px 0px 2px 2px;
    font-size:12px;
    font-weight:bold;
        width:10px;

}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
    margin:2px 2px 2px 0px;
    font-size:12px;
    font-weight:bold;
    width:10px;
}
span.jPag-sprevious,
span.jPag-sprevious-img{
    margin:2px 0px 2px 2px;
    font-size:18px;
    width:15px;
    text-align:right;
}
span.jPag-snext,
span.jPag-snext-img{
    margin:2px 2px 2px 0px;
    font-size:18px;
    width:15px;
     text-align:right;
}
ul.jPag-pages li span.jPag-previous-img{
    background:transparent url(images/previous.png) no-repeat center right;
            }
ul.jPag-pages li span.jPag-next-img{
    background:transparent url(images/next.png) no-repeat center left;
            }
span.jPag-sprevious-img{
    background:transparent url(images/sprevious.png) no-repeat center right;
            }
span.jPag-snext-img{
    background:transparent url(images/snext.png) no-repeat center left;
            }



span.jPag-sprevious, span.jPag-snext{
    line-height:15px;
    cursor:pointer;
    padding:2px 5px;
    margin: 0.10rem;
    float:left;

  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use padding and font-size to change buttons size */
  padding: .6em .8em;
  font-size: 1.25rem;
	 border: 1px solid #e6e6e6;
    border-radius: 0.25em;	
	    width: 100px;
		height:auto;
		display:none;
}


span.jPag-sprevious:hover, span.jPag-snext:hover{
	background-color: #f2f2f2;
}

.jPag-first
{
	display:none;
	visibility:hidden;
}

.jPag-last
{
	display:none;
	visibility:hidden;
}

li.dropdown ul {
display : none;
}


.button
{
border:none;

text-align: center;
text-decoration:none;
display: inline-block;

border-radius: 8px;
margin: 35px 10px;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
cursor:pointer;
 padding: 11px 22px 11px 24px;
  font-size: 19px;
}

.button4
{
	background-color:transparent;
	color:#FFFFFF;
	border: 2px solid #ffffff;
}

.button4:hover
{
	background-color:#FFFFFF;
	color: #333;
	border: 2px solid #ffffff;
}


.button5
{
	background-color: #333;
	color:#FFFFFF;
	border: 2px solid #ffffff;
}

.button5:hover
{
	background-color:#FFFFFF;
	color: #333;
	border: 2px solid #ffffff;
}

a:hover h2
{
	color:#d9d9d9;
}

.new-products a:hover h2
{
	color:#404040;
}

a.footera
{
	color: #a6a7a9;
}

a:hover.footera
{
	color: #ffffff;
}



.buttonnews {
    border: none;
    padding: 9px 13px 9px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    border-radius: 0px;
    margin: 35px 10px;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    cursor: pointer;
}


.buttonnp {
    border: none;
    padding: 11px 17px 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    border-radius: 0px;
    margin: 35px 10px;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
    cursor: pointer;
}

.button4np {
    background-color: #333;
    color: white;
    border: 0px solid white;
}

.button4np:hover
{
	background-color:#FFFFFF;
	color: #333;
	border: 0px solid #ffffff;
}



#tbpad
{
	max-width: 800px;
	margin-left:auto;
	margin-right:auto;
}

#tbpad td
{
padding: 10px;
text-align:left;
border: 2px solid #666666;
}

#tbpad th
{
padding: 10px;
text-align:left;
border: 2px solid #666666;
background-color: #666666;
color: #ffffff;
font-weight:bold;
}




.sectionp {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

p a
{
	text-decoration: underline;
}

#tbpad td a 
{
	text-decoration: underline;
}