@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll;}
body {margin:0; padding:0;background: url(../images/bg.jpg) top center fixed no-repeat;background-size: cover; font-family: 'arial', sans-serif; font-size:12px;font-weight:300;}
#hdd {width:100%;height:auto;background: rgb(0, 0, 0);background: rgba(0, 0, 0, .13);}
.container {width:100%;max-width:1000px;display: table;margin:auto;position:relative;}
.logo {max-width:180px;width:35%;height:145px;float:left;clear: right;display:block;}
.logo img {max-width: 100%; height: auto;}
.nav {width:65%;max-width:750px;height:145px;float:right;display:block; text-align: right;padding-top:30px;}
.suprt {display: inline-block;color:#fff;font-size:15px;margin-right:10px;}
.suprt img {display: inline-block; vertical-align: middle;}
.hm-content2 img{display: inline-block;margin-right:3px;}

/* Menu */
@media screen and (min-width: 850px) {
.menu-but {display: none;}
.items {display: block !important;width:100%;}
*,
*:after,
*::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.menu a {position: relative;display: inline-block;margin: 15px 3px;outline: none;color: #fff;
    text-decoration: none;text-transform: uppercase;letter-spacing: 1px;font-weight: 300;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);font-size: 1.35em;}
.menu a:hover, .menu a:focus {outline: none;}
.cl-effect-2 a {line-height: 35px;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;}
.cl-effect-2 a span {position: relative;display: inline-block;padding: 0 14px;text-align: center;
    background: #149d39;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;
    transform-origin: 50% 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;
    transform-style: preserve-3d;}
.csstransforms3d .cl-effect-2 a span::before {position: absolute;top: 100%;left: 0;width: 100%;
    height: 100%;background: #0d6725;content: attr(data-hover);-webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;transition: background 0.3s;-webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);transform: rotateX(-90deg);-webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;transform-origin: 50% 0;}
.cl-effect-2 a:hover span, .cl-effect-2 a:focus span {-webkit-transform: rotateX(90deg) translateY(-22px);-moz-transform: rotateX(90deg) translateY(-22px);transform: rotateX(90deg) translateY(-22px);}
.csstransforms3d .cl-effect-2 a:hover span::before, .csstransforms3d .cl-effect-2 a:focus span::before {background: #014e9e;}
    
    
}
/* menu end */

@media screen and (max-width: 850px) {
.logo, .nav {float: none !important;height:auto !important;padding-top:0 !important;margin:auto!important; text-align: center !important;width:100%;}

.menu-but {display: inline-block; width:44px; height:35px;background:url(../images/menu-but.png) no-repeat;position:absolute; right:10px; top:10px;}
.items {display: none;overflow: hidden;margin-top:3px;}

.items a:link, .items a:visited, .items a:active {display: block;width:100%;padding:8px;text-align: center;text-transform: uppercase;background:#b8287e;margin-bottom:1px; text-decoration: none;color:#fff;font-size: 1.35em;  }
.items a:hover {background:#5c0e3c;}
.suprt {margin-top:5px;margin-bottom:10px;}
.krish {display:none !important;}
.promo {display: none !important;}
.hm-content {float:none !important;width:100%;max-width: 100% !important;}
.img-right {float: none !important;display: block;margin:10px 0 10px 0 !important; width:100%;}
.img-product, .img-product2 {float:none !important;display: block;margin:10px 0 10px 0 !important; width:100% !important;}
    
#wowslider-container1 {float:none !important;
    width:100% !important;
    max-width:100% !important;
    margin-top:10px !important;
    margin-bottom:15px !important;
}
    
}


.stickyFooter {position: fixed;bottom: 0px;width: 100%;overflow: visible;z-index: 99;
     padding-top: 6px;padding-bottom: 6px;height: auto;background:#041e38;}
.main {width:100%;max-width: 1000px;margin:auto;margin-bottom:50px;margin-top:20px;display:table;}
.foot {width:100%;max-width:1000px;margin:auto;display: table;}
.about, .home, .service, .portfolio, .contact {display: none; width:100%;background:#eee;}
.home {display: block;}
.home {background-color:transparent;}

.about, .service, .portfolio, .contact {background:rgb(255, 255, 255); background:rgba(255, 255, 255, .03); color:#fff;padding:25px;font-size:14px;color:#b5b5b5;}
ul{margin:10px;}
/* Home style */
.krish {height:301px;overflow:hidden;display:inline-block; text-align: center;float:right;margin-top:30px;margin-right:50px;}
.krish span {width:245px;height:301px;display:inline-block;padding-top:301px;background-image:url(../images/led-krish.png); opacity: .2;}
.krish span:hover {background-position:0 301px; opacity: 1;}

.promo {width:472px;clear:both;height:82px;overflow:hidden;display:block;margin-bottom:25px;margin:auto;}
.promo span {width:472px;height:82px;display:inline-block;padding-top:82px;background-image:url(../images/promotion-glow.png); opacity: .2;}
.promo span:hover {background-position:0 82px; opacity: 1;}

h1 {font-family: 'Open Sans Condensed', sans-serif;font-size:30px;font-weight:normal;color:#00963f;padding-top:20px;}
h2 {font-family: 'Open Sans Condensed', sans-serif;font-size:24px;font-weight:normal;color:#05b1f0;padding-top:20px;}
.hm-content {width:100%;max-width:500px;height:auto;padding:20px;float:right;background: rgb(255, 255, 255);background: rgba(255, 255, 255, .03);font-size:14px;line-height: 20px;color:#b5b5b5;margin-bottom:10px;}
.img-right {float:right;margin-left:20px;}
.img-product {float:right;margin-left:50px;width:30%;}
.img-product2 {float:right;margin-left:30px;width:50%;}

.hm-content2 {clear:both;width:100%;height:auto;padding:20px;background: rgb(255, 255, 255);background: rgba(255, 255, 255, .03);font-size:14px;line-height: 20px;color:#b5b5b5;margin-top:10px;margin-bottom:10px;}

.fb {height:39px;overflow:hidden;display:inline-block; text-align: center;}
.fb a:link {width:39px;height:39px;display:inline-block;padding-top:39px;background-image:url(../images/fb.png);transition:background-position 0.2s;}
.fb a:hover {background-position:0 39px; transition:background-position 0.2s;}

.twit {height:39px;overflow:hidden;display:inline-block; text-align: center;}
.twit a:link {width:39px;height:39px;display:inline-block;padding-top:39px;background-image:url(../images/twitter.png);transition:background-position 0.2s;}
.twit a:hover {background-position:0 39px; transition:background-position 0.2s;}

.tube {height:39px;overflow:hidden;display:inline-block; text-align: center;}
.tube a:link {width:39px;height:39px;display:inline-block;padding-top:39px;background-image:url(../images/youtube.png);transition:background-position 0.2s;}
.tube a:hover {background-position:0 39px; transition:background-position 0.2s;}

.social  {width:50%;height:39px;display: block;float:right; text-align: right;}
.copy {width:50%;height:39px;padding-top:13px;font-size:11px;color:#eee;float:left;clear:right;}
.gallery a{display: inline-block;height:150px;margin:20px 10px 0 0;padding:5px;border:1px solid #838383;}
.gallery img:hover { opacity: .5; display: inline-block; background-image:url(../images/zoom.png);}

input[type="text"], input[type="email"] {width:100%;max-width: 400px;height:30px;padding:5px;background:#fff;border:1px solid #000;margin-bottom:10px;}
textarea{width:100%;max-width: 450px; height:150px;padding:5px;background:#fff;border:1px solid #000;margin-bottom:10px;}
.code {width:100px !important;}
.sbmt {width:100px;padding:5px;height:30px;text-align: center;background:#488930;color:#fff;cursor: pointer;}
.sbmt:hover {background:#014e9e;}
.contact a:link, .suprt a:link, .suprt a:visited, .contact a:visited, .suprt a:active, .contact a:active {text-decoration: none;color:#fff;}
.contact a:hover, .suprt a:hover {color:#24d88c}
.captcha {display:inline-block;vertical-align:text-bottom;}