@charset "utf-8";
@font-face {
    font-family: 'db_helvethaica_x65_med';
    src: url('../fonts/db_helvethaica_x_med_v3.2-webfont.eot');
    src: url('../fonts/db_helvethaica_x_med_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/db_helvethaica_x_med_v3.2-webfont.woff2') format('woff2'),
         url('../fonts/db_helvethaica_x_med_v3.2-webfont.woff') format('woff'),
         url('../fonts/db_helvethaica_x_med_v3.2-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'db_helvethaica_x55_regular';
    src: url('../fonts/db_helvethaica_x_v3.2-webfont.eot');
    src: url('../fonts/db_helvethaica_x_v3.2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/db_helvethaica_x_v3.2-webfont.woff2') format('woff2'),
         url('../fonts/db_helvethaica_x_v3.2-webfont.woff') format('woff'),
         url('../fonts/db_helvethaica_x_v3.2-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


*{font-weight: normal; border: 0; }
a{color: #d2d2c8; }
a{
      -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/*reset*/
a:hover,a:focus{ text-decoration: none; outline: none; color: #fff;}
/*touch touch*/
#galleryOverlay{width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;z-index:100000;background-color:#222;background-color:rgba(0,0,0,.8);overflow:hidden;display:none;-moz-transition:opacity 1s ease;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}
#galleryOverlay.visible{opacity:1}
#gallerySlider{height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;-moz-transition:left .4s ease;-webkit-transition:left .4s ease;transition:left .4s ease}
#gallerySlider .placeholder{background:url(../images/camera-loader.gif) center center no-repeat;height:100%;line-height:1px;text-align:center;width:100%;display:inline-block}
#gallerySlider .placeholder:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#gallerySlider .placeholder img{display:inline-block;max-height:100%;max-width:100%;vertical-align:middle}
#gallerySlider.rightSpring{-moz-animation:rightSpring .3s;-webkit-animation:rightSpring .3s}
#gallerySlider.leftSpring{-moz-animation:leftSpring .3s;-webkit-animation:leftSpring .3s}
@-moz-keyframes rightSpring{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
@-moz-keyframes leftSpring{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
@-webkit-keyframes rightSpring{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
@-webkit-keyframes leftSpring{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
#nextArrow,#prevArrow{border:none;text-decoration:none;background:url(../images/arrows.png) no-repeat;opacity:.5;cursor:pointer;position:absolute;width:43px;height:58px;top:50%;margin-top:-29px;-moz-transition:opacity .2s ease;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}
#nextArrow:hover,#prevArrow:hover{opacity:1}
#prevArrow{background-position:left top;left:40px}
#nextArrow{background-position:right top;right:40px}
.showgallery  img{max-width: 100%; width: 100%;}
.gallery{margin-bottom: 15px;}
.gallery a{padding: 5px!important; transition: all 0.2s ease 0s; display:block;}
/* Basic Styles 
-------------------------------------------------- */
.red{color: #f13534;}
body {
	overflow-x: hidden; 
	background: #ecece2;
    min-height: 100%;
    color: #575757;
    height: 100%;
   
}
.container{position: relative; width: 1199px; max-width: none !important;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.nopad{padding: 0;}
.navbar {border-radius: 0!important; margin-bottom: 0;}

/*header*/
.header{ background: #464646; min-height: 90px;}
.logo{float: left; margin: 25px 0 0 70px; position: relative; z-index: 2;}
.mainnav{float: right; margin-right: 70px;}
.mainnav li{float: left; font:18px 'db_helvethaica_x65_med'; color: #d2d2c8;}
.mainnav li a{color: inherit; display: inline-block;
padding:30px 15px 8px;}
.mainnav li:not(.downloadcat):hover a,.mainnav li.active a{background: #f13534; color: #fff;}
.downloadcat a{padding-right: 0!important; color: #d03939!important;}
.downloadcat i{margin-right: 5px;}

.wrapbanner{position: relative; margin-top: -32px; z-index: 1;}
.bgbanner{background: url(../images/bgwrapbanner.jpg) repeat-x bottom;}
.camera_effected{position: absolute; z-index: 99;}
/*------------------------------------home------------------------------------*/
.main {
    position: relative;
    width: 100%;
    display: block;
}
.containermain{background: #fff;
    padding: 20px 0;}
.productlist h2{background: #f13534; color: #fff; font:18px 'db_helvethaica_x65_med'; text-transform: uppercase;
padding: 5px 0 5px 20px; position: relative; font-weight: bold;}
.productlist h2 i{position: absolute; left: -4px; top: 6px;}
.productlist section{padding: 0 25px;}

.listproduct li {
    float: left;
    margin: 10px 0;
    padding: 0 5px;
    width: 33.33%;
}
.listproduct li a{display: inline-block;}
.listproduct li:hover a{
    opacity: 0.6;
}
.picdetail{background: #fff; padding: 20px;}
.picdetail .detail h3{ font-size: 35px; font-weight: bold; line-height: 30px; margin-top: 40px;}
.picdetail .detail{width: 395px;}
.picdetail .detail p{font-size: 30px; font-weight: normal;}

.picdetail{float: left;}
.detail{float: left; width: 172px;}
.detail h3{ color: #f13534; font:21px 'db_helvethaica_x65_med';   line-height: 20px;}
.detail p{font:18px 'db_helvethaica_x55_regular'; color: #464646; font-weight: bold;}
.fix-height {height:172px; overflow:hidden;}

/*------------------------------------footer------------------------------------*/
.footer{background: #464646; padding: 80px 0 40px;}
.colfooter{font:18px 'db_helvethaica_x65_med'; color: #d2d2c8; }
.colfooter i{margin-right: 10px; display: inline-block; float: left;}
.colfooter span{display: inline-block; line-height: 20px;}
.firstcolfoot{padding-left: 70px;}
.tcolfoot{padding-left: 70px;}

.main.footer{padding-top: 60px!important;}
a.fancybox-close,{ width: 20px; height: 17px; }
.contact{color: #bbbbad; font:18px 'db_helvethaica_x55_regular';}
.contact h3{margin-top: 0; color: #bbbbad; font:28px 'db_helvethaica_x65_med'; }

.googlemap{margin-top: 55px;}