@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px;}
.bg_top{ background:url(../images/bg_top.jpg) repeat center top; border-top:#de3f18 solid 5px;}
.logo img{ margin:5px auto; border:0;}
.star {animation: star 7s ease-out infinite;}
@keyframes star { 0% { opacity: 0;transform: scale(0.5) translateY(-0.20em); } 20% { opacity: 1; }}
.starwars-demo { left: 100%; position: absolute;top: 0%; }

.welcome_h{ font-family: 'Open Sans', sans-serif; text-align:center; color:#929292; font-size:14px; margin-top:4%;}
.live_chat{ margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; color:#929292; font-size:14px; margin-top:11%; text-align:center; }
.live_chat a{color:#929292; text-decoration:none;  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out; margin-right:20px; }
.live_chat a:hover{ color:#f60808; }
.search_con{ margin:10px 0 10px 0; padding:0px;}
.serac_btn{ background:#595858; color:#FFF; border:#595858 solid 1px;}
.serac_btn:hover{ background:#e5461f; color:#FFF; border:#e5461f solid 1px;}
.search_fle{ background:#232323; border:#595858 solid 1px; outline:none !important; color:#000;}

.menu_bg{ background:#f96f04;}

.cat {
    height: 190px;
    overflow: hidden;
    position: relative;
}

.cat-info {
    opacity: 0;
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    top: auto;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
}

.cat>a:hover .cat-info {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-190px);
    -moz-transform: translateY(-190px);
    transform: translateY(-190px);
}

.cat-head {
    text-align: center;
    /*background-color: #141517;*/
    /*background-color: #e0e0e2;*/

    background-color: #2c2c2d;
    color: #fff;
    margin: 0 -15px;
    padding: 25px 0;
}

.page-head{
    color: #383838;
}

.cat-name {
    margin: 0;
    background-color: rgba(13,13,14,.7);
    color: #ffa619;
    padding: 25px 0 25px 15px;
}

.cat-desc {
    background-color: rgba(13,13,14,.5);
    color: #fff;
    margin-bottom: 0;
    padding: 15px;
}

a.ih {
    text-decoration: none;
}

.short-about {
    text-align: center;
    background-color: #efeff0;
    padding: 20px 50px;
}

.box {
    background-color: #fff;
    padding: 20px;
}

.box h3 {
    margin-top: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

.box .inner {
    min-height: 182px;
}

.box .inner h4 {
    font-weight: bold;
}

.box .inner p {
    font-size: 13px;
}


.foobox {
    padding: 10px;
}

.foobox h3 {
    color: #fff;
    padding-left: 15px;
}

.footer a {
    color: #656565;
}

.footer a:hover {
    color: #ffa619;
}



.cinfo {
    padding-left: 15px;
}

.pro-cats{
    background-color: #222325;
    color: #fff;
    padding: 15px 0 15px 20px; margin-top:-2px;
}
.sidebar{
    background-color: #414347;
    margin-top: -10px;
    padding: 10px 20px;
}
.mcat{
    background-color: #222325;
    margin-top: 0;
    color: #a7abb1;
    padding: 5px;
/*    font-weight: bold;*/
}
.mcat .glyphicon{
    font-size: 18px;
    margin: 0 10px;
}
.mcat a{color:inherit;text-decoration: none;}
.mcat .accordion-toggle:before {
    font-family: 'Glyphicons Halflings';
    content: "\e082";
}
.mcat .accordion-toggle.collapsed:before {
    content: "\e081";
}
ul.subcat{
    list-style: none;
    padding-left: 0;
}
ul.subcat li{
    padding: 5px 0;
    border-bottom: 1px solid #4e5055;
    border-top: 1px solid #292b2d;
}
ul.subcat li:first-child{
    border-top: none;
}
ul.subcat li:last-child{
    border-bottom: none;
}
ul.subcat li>a{
    color: #a7abb1;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHElEQVQIW2P8DwSMQMAABGACJgDmwAVQZJD1AACacBQCpyxzFQAAAABJRU5ErkJggg==) 5px 7px no-repeat;
    padding-left: 30px;
}
ul.subcat li>a:hover{
    color: #ffa619;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAH0lEQVQIW2P8v0zyP2PUc0YGIAATMAEwBy6AIoOsBwBjQxLDD4H1WwAAAABJRU5ErkJggg==) 5px 7px no-repeat;
    text-decoration: none;
}



.pro_img{ margin:10px; padding:0px; background:#fff; border:#b0b0b0 solid 2px;  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;  float:left; text-align:center;}
.pro_img:hover{ background:#fff; border:#e03d1c solid 2px;}
.pro_img > .pro_image img{ margin:0px auto;}
.pro_img > .name_img{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9a9a9a; text-align:center !important; line-height:20px; padding:5px 0px;  float:left; width:100%;}
.pro_img:hover > .name_img{color:#000; }
.pro_img > .art_img{ background:#f96f04; color:#000; text-align:center; padding:11.5px 6px; margin-left:10px; margin-bottom:10px; width:42%; float:left; font-size:12px;}
.pro_img > .cart_img{ background:#dd3f18; color:#fff; text-align:center; padding:10px 20px; margin-right:10px; margin-bottom:10px; width:50%;  float:left;}
.pro_img a{ color:#fff;}
.pro_img:hover > .cart_img{background:#ff3200; color:#fff; }


.aboutus_text{margin:0px; padding:0px; font-family: 'open sans', sans-serif;}
.aboutus_text h2{     margin: -5px 0 5px 0;
    padding: 0px 0 7px 0;font-family: 'open sans', sans-serif; font-size: 30px; color:#000000; border-bottom:#d8dbdb  solid 1px;}
.aboutus_text span{color:#d82128;}
.aboutus_text p{font-family: 'open sans', sans-serif; font-size: 12px; color:#2e3233 !important; text-align:justify; line-height:22px; font-weight:400 !important;}
.aboutus_text a{color:#000;text-decoration:none; font-family: 'open sans', sans-serif; }
.aboutus_text a:hover{color:#d82128;text-decoration:underline;}
.aboutus_text label{font-family: 'open sans', sans-serif; font-size: 12px; color:#000000; text-align:justify; line-height:22px;}
.form-control{ background:#fff;}
.products_name span{ font-family:'open sans';}

.detail_img img{ margin:0px auto; border:#d6d6d6 solid 1px; padding:0px;}
.prod_large_name{ margin:0px; padding:0px 0 10px 0px; border-bottom:#d6d6d6 solid 1px; font-size:20px; color:#000;  font-family:'open sans'; text-align:justify;}

.prod_large_name span{ font-family:'open sans'; color:#D92129; font-size:18px;}

.prod_large_name p{ font-family: Arial, Helvetica, sans-serif; color:#000; font-size:12px; line-height:20px; text-align:justify;}
.thumbnail:hover{ opacity:0.9; border:#D92129 solid 1px;}
.left_ne{margin-right:10px; width:23%;}

/*Menu*/

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  font-family: 'Open Sans'; margin-top:0px; z-index:999;
  /*background: #cc0000;*/
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 20px 10px;
  font-size: 14px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #fff;
  text-transform: capitalize;
}
@media only screen and (max-width: 768px) {
	.logo img{ margin:0px auto;}
	#custom-search-input{ display:none !important;}
	
	#cssmenu > ul > li > a {
  padding: 10px 5px;}
  #cssmenu {
background: #de3f18;
}
#cssmenu > ul > li > a { color: #fff; padding-left:10px;}
#cssmenu > ul > li > a:hover{ color: #000; background:#FFF;}
	}
#cssmenu > ul > li:hover > a {
  color: #fff; background:#de3f18;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 28px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 25px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 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;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto; width:1000px; float:left;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0; 
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;  
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 100%;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  font-weight: 400;  float:left;
  background: #de3f18;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul li a {
    padding-left: 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {
    color: #dddddd;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #ffffff;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 17px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700; background:#f96f04;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #dddddd;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #de3f18;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
}
/*Menu End*/

/*Banner*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/*Banner End*/

@font-face {
    font-family: 'si';
    src: url('../fonts/socicon.eot');
    src: url('../fonts/socicon.eot?#iefix') format('embedded-opentype'),
         url('../fonts/socicon.woff') format('woff'),
         url('../fonts/socicon.ttf') format('truetype'),
         url('../fonts/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(../fonts/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    -webkit-border-radius: 96px;
    -moz-border-radius: 96px;
    border-radius: 96px;
    margin-right: 3px;
    color: #ffffff;
    background-color: none;
}

.soc-icon-last{
    margin:0 !important;
}

.soc-twitter {
    background-color: #4da7de;
}
.soc-twitter:before {
    content:'a';
}
.soc-facebook {
    background-color: #3e5b98;
}
.soc-facebook:before {
    content:'b';
}
.soc-google {
    background-color: #d93e2d;
}
.soc-google:before {
    content:'c';
}
.soc-pinterest {
    background-color: #c92619;
}
.soc-pinterest:before {
    content:'d';
}
.soc-linkedin {
    background-color: #3371b7;
}
.soc-linkedin:before {
    content:'j';
}
.soc-rss {
    background-color: #f26109;
}
.soc-rss:before {
    content:',';
}

.soc-twitter:hover {
    background-color: #3993ca;
}
.soc-facebook:hover {
    background-color: #2a4784;
}
.soc-google:hover {
    background-color: #c52a19;
}
.soc-pinterest:hover {
    background-color: #b51205;
}
.soc-linkedin:hover {
    background-color: #1f5da3;
}
.soc-rss:hover {
    background-color: #de4d00;
}



.catd_bg{ background:#f0f0f0; padding:20px 0px;}
.cat_im img{ margin:0px auto; border:#f0f0f0 solid 2px;  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out; }
.cat_im img:hover{ margin:0px auto; border:#de3f18 solid 2px;}


.welcom-bg { background:url(../images/welcom-bg.jpg)}
.signup-letter { font-family: 'Open Sans', sans-serif; text-align:center; color:#5c5c5c; font-size:30px; margin-top:-0.5%;}
.signup-news { font-family:'Open Sans', sans-serif; color:#5c5c5c; font-size:12px; width:61%; line-height:30px; float:left; outline:none;}
.serch_btn { background-color:#000; width:20%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; line-height:34px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; border:none; float:left;}
.serch_btn:hover{ background-color:#dd3f18; color:#FFF;}
.quick_links {font-family: 'Open Sans', sans-serif; color:#ffffff; font-size:25px; background:url(../images/saprater.jpg) left bottom no-repeat; margin-bottom:5px;  }

.footer_text { font-family: 'Open Sans Condensed', sans-serif; font-size:14px; color:#888888; text-align:left; line-height:30px; padding:0px; text-decoration:none; list-style:none;}
.footer_text a { color:#888888; list-style:none;}
.footer_text a:hover{ color:#de3f18;}


.marquee {
  height: 370px;
  width: 1170px;

  overflow: hidden;
  position: relative;
}

.marquee div {
  display: block;
  width: 200%;
  height: 30px;

  position: absolute;
  overflow: hidden;

  animation: marquee 5s linear infinite;
}

.marquee span {
  float: left;
  width: 50%;
}

@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}

@media only screen and (max-width: 400px) {
	.qasim { margin-left:10px;}}
	
.footer_news { font-family: 'Open Sans Condensed', sans-serif; font-size:14px; color:#888888; text-align:left; line-height:22px; padding:0px;;}

.copyright { font-family: 'Open Sans Condensed', sans-serif; font-size:14px; color:#fff; text-align:left; line-height:25px; padding:10px 35px 10px 5px;}
.copyright a { color:#000; text-align:left; line-height:25px; text-decoration:underline}
.copyright a:hover { color:#fff; }

.text-right { text-align:right;}