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

/* Project Name: National Company [Created by WEBLINKINDIA.NET on September 15, 2015 : Laliteshwar Suman] | BOOTSTRAP */

@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,500,700');

.robotoslabl{font-family: 'Roboto', sans-serif; font-weight:300;}
.robotoslabr{font-family: 'Roboto', sans-serif; font-weight:400;}
.robotoslabm{font-family: 'Roboto', sans-serif; font-weight:500;}
.robotoslabb{font-family: 'Roboto', sans-serif; font-weight:700;}


/* default classes */
body{ background:url(../images/body-bg.jpg);}
.container-fluid, .container{ padding:0;}
.row{ margin:0;}
.rel{ position:relative;}
.abs{ position:absolute;}
a{ transition:all ease-in-out 0.3s;}


/* header */
.header{ padding:20px 0;}

/* logo */
.logo{ float:left; margin-right:30px; position:relative; left:0;}

/* top2 */
.top-2{ padding:0 0 20px 0; border-bottom:1px solid #f4a302; display:inline-block; width:83%;}
.top-2 .logo2{ float:left;}

/* short links */
.top-2 .right-links{ float:right;}
.top-2 .right-links ul.links{ margin:0px; padding:0px;}
.top-2 .right-links ul.links li{ font-size:13px; color:#565656; font-weight:400; float:left; list-style:none; font-family:Roboto, sans-serif;}
.top-2 .right-links ul.links li a{ color:#565656; text-transform:capitalize; display:block; padding:0 10px 0 0;}
.top-2 .right-links ul.links li a.last{ padding-right:0;}
.top-2 .right-links ul.links li a:hover{ color:#000; text-decoration:none;}

/* language converter */
.top-2 .right-links .lng-cvrt{ margin-top:10px;}
.top-2 .right-links .lng-cvrt select{ font-family:Roboto, sans-serif; font-size:12px; font-weight:300; background:rgba(255,255,255, 0.8); padding:5px; width:100%; border-radius:5px; outline:none;}

/* nav */
.navbar{ margin-bottom:0;}
.main-nav{ margin-top:10px;}
ul.nav li{ list-style:none; font-family:Roboto, sans-serif; font-size:15px; color:#272727; font-weight:400;}
ul.nav li a{ color:#272727; text-transform:uppercase; padding:13px 12px;}
ul.nav li:last-child a{ color:#ea4301;}

.dropdown-menu>li>a{ color:#272727 !important; padding:10px !important; border-bottom:1px solid #eee;}
.caret{transform:rotate(270deg); transition:all ease-in-out 0.3s;}
li:hover span.caret{transform:rotate(360deg);}

/* banner */
.banner{ width:100%; text-align:center;}
.banner img{ max-width:100%;}

/* welcome */
.welcome{ margin:20px auto;}
.welcome h1{font-family:Roboto, sans-serif; font-weight:400; font-size:40px; color:#000;}
.welcome p{font-family:Roboto, sans-serif; font-size:15px; color:#424242; line-height:25px;}

/* carousel */
.row-fluid{ width:100%;}
.carousel-wrap{ width:75% !important;}
.carousel{overflow:hidden; margin-bottom:60px; margin-top:20px;}
.item-wrap{ width:164px; height:164px; border:5px solid #f9a000; border-radius:50%; background-color:#fff; margin:auto; transition:all ease-in-out 0.3s; overflow:hidden;}
.item-wrap figure{width:164px; height:164px; text-align:center; display:table-cell; vertical-align:middle;}
.item-wrap figure img{ max-width:100%;}

.item-wrap .name{width:164px; height:164px; text-align:center; vertical-align:middle; background-color:#f9a000; display:block; font-family:Roboto, sans-serif; font-size:15px; color:#fff; text-transform:capitalize; position:absolute; left:-300px; top:0; transition:all ease-in-out 0.6s; border:0;}
.item-wrap:hover .name{ left:-5px; top:-5px;}
.item-wrap .name a{ position:relative; top:45%; left:0%; color:#fff;}

/* controls */
.controls-class{ margin:40px 0 20px 0; position:relative;}
.carousel-control{ width:auto; position:static;}
.carousel-control.left, .carousel-control.right{ display:inline-block; background-image:none; opacity:1;}
.carousel-control.left{ position:absolute; left:10px; top:30%; z-index:1;}
.carousel-control.right{ position:absolute; right:10px; top:30%;}


/* products section */
.pro-bg{ background:url(../images/prod-bg.jpg) no-repeat center center; background-size:cover; padding:20px 0;}
.pro-bg h2{ font-family:Roboto, sans-serif; font-size:40px; font-weight:400; color:#fff; text-transform:capitalize; margin-bottom:40px;}
.pro-bg h2 span{ display:block; font-size:15px; margin-top:15px;}

/* pro items */
.pro-item-wrap{ padding:10px; background:#fff; text-align:center; transition:all ease-in-out 0.3s; opacity:0.7; margin-bottom:25px; overflow:hidden;}
.pro-item-wrap .image{ height:290px; margin:auto; text-align:center; overflow:hidden;}
.pro-item-wrap .image figure{width:279px; height:290px; display:table-cell; vertical-align:middle; text-align:center;}
.pro-item-wrap .image figure img{ max-width:100%; transition:all ease-in-out 0.3s;}
.pro-item-wrap:hover .image figure img{transform:scale(1.1);}
.pro-item-wrap:hover{ opacity:1;}

.pro-item-wrap a.pro-name{ font-family:Roboto, sans-serif; font-weight:400; display:block; position:absolute; bottom:20px; background-color:#ea4301; font-size:15px; color:#fff; padding:15px 0px; opacity:1; border-radius:10px; transition:all ease-in-out 0.3s; width:93%;}
.pro-item-wrap a.pro-name:hover{ text-decoration:none; background-color:#ea9703; color:#333;}


/* footer */
.short-quik-links{ padding:20px 0;}
.col-wrap{ border-right:1px solid #b0afaf; height:50px;}

ul.social-links{ margin:0px; padding:0px; float:right;}
ul.social-links li{ list-style:none; display:inline-block; text-align:center; margin:0 3px;}
ul.social-links li .fa-facebook, .fa-twitter, .fa-linkedin, .fa-google-plus, .fa-youtube{ color:#606060; font-size:1.6em; transition:all ease-in-out 0.5s; border:1px solid #ea9703; padding:10px; width:40px; height:40px; border-radius:50%;}
ul.social-links li .fa-facebook:hover, .fa-twitter:hover, .fa-linkedin:hover, .fa-google-plus:hover, .fa-youtube:hover{transform:rotatey(360deg) scale(1.1); color:#ea9703;}

.details{font-family:Roboto, sans-serif;}
.details .fa-phone{ font-size:3em; display:inline-block; margin-right:10px;}
.details .fa-mobile{ font-size:3em; display:inline-block; margin-right:10px;}
.details .fa-fax{ font-size:3em; display:inline-block; margin-right:10px;}
.details p{ display:inline-block; font-size:15px; margin-bottom:0;}


/* foot links */
.foot-links{ background-color:#ea9703;}
.foot-links .link-warpper{ padding:20px 0;}

.quick-links{ float:left; width:40%;}
.quick-links h3{font-family:Roboto, sans-serif; font-size:20px; font-weight:400; text-transform:uppercase; color:#fff; margin-bottom:20px;}
.quick-links a{font-family:Roboto, sans-serif; font-size:15px; font-weight:300; text-transform:capitalize; color:#fff; display:block; float:left; width:50%;}

/* copyright */
.copyright{font-family:Roboto, sans-serif; font-size:13px; color:#fff; font-weight:300; background-color:#000; padding:20px; text-align:center; border-radius:15px 15px 0 0; margin-top:20px;}

/* inner page css */
/* breadcrumb */
.breadcrumb-bg {background-color: #f5f5f5;}

.breadcrumb{margin-bottom:0; padding:10px 15px; font-family:Roboto, sans-serif; font-size:15px; font-weight:400; text-transform:uppercase; color:##8dbf41;}
.breadcrumb>li>a{ color:#333;}
.breadcrumb>.active{ color:#f9a000;}

/* content area */
.inner-abouts{font-family:Roboto, sans-serif;background-color:#fff;}
.inner-abouts h3{font-family:Roboto, sans-serif; font-size:24px; font-weight:400; color:#222222; text-transform:uppercase; border-bottom:1px solid #eee; padding-bottom:10px;}

.inner-abouts p{font-family:Roboto, sans-serif; font-size:15px; font-weight:300; line-height:24px; color:#424242; text-align:justify;}
.inner-abouts a{ color:#8dbf41; transition:all ease-in-out 0.3s;}
.inner-abouts a:hover{ color:#303a44; text-decoration:none;}

.cms_area {
    padding-bottom: 20px;
    min-height: 300px;
    overflow-x: auto;
}

.cms_area ul, .cms_area ol{font-family:Roboto, sans-serif; font-size:15px; margin:20px 0px 20px 0px; color:#424242; font-weight:300;}
.cms-img{ padding:5px; border:1px solid #eee; margin:5px 20px 5px 0;}


/* contact us */
.contact-bx { padding:10px 5px;}
.contact-bx{padding:10px 10px; margin-top:10px;border:1px solid #ddd;}
.cont_lft{ padding:20px;margin-bottom:10px; background:#fff; box-shadow:0px 1px 5px #ccc;}
.cont_lft  h2{ border-bottom:1px solid #f1f1f1; padding-bottom:6px;color:#ea9703; line-height:20px; text-transform:uppercase; font-weight:400 !important; font-size:18px; margin:0;}

.cont_rgt{ background:#f1f1f1; border:1px solid #ccc; padding:10px 0px}
.cont_rgt .form-group{ margin-bottom:5px;}
.cont_rgt .form-group input[type=text]{ background:#fff; border-radius:0px; border:1px solid #ccc; box-shadow:none}

.cont_lft ul{list-style: none;margin: 0;padding:0px;}
.cont_lft li{list-style:none; font-size:14px; margin-top:7px; font-weight:500;}
.star{ color:#f00;}

.cont_lft .ft-contct{width:100%;color:#000; font-size:12px; margin-top:15px; display:block; font-weight:400;border:1px dashed #ccc; min-height:75px; padding:5px; background-color:#f9f9f9;}
.bdr-rt{border-right:2px solid #e5e5e5;}
.cont_lft  .ft-contct span{ display:block;float:left; width:63px; height:63px; overflow:hidden; margin-right:5px;}
.cont_lft  .ft-contct b{font-weight:700; font-size:16px; display:block; padding-top:10px; text-transform:uppercase;}
.cont_lft  .ft-contct a{color:#000;}.cont_lft .ft-contct a:hover{ text-decoration:underline;}

.contact_form_cont{padding:20px 10px 20px 10px;}
.contact_form{width:100%;}
.contact_form input[type=text], .contact_form textarea, .contact_form select{width:100%; padding:5px; background:#fff; border:1px solid #ccc; font-size:13px;}
.contact_form input[type=text]:focus{ color:#666; box-shadow:0px 0px 5px #666;}

a.btn1{ color:#fff;} a:visited.btn1  { color:#fff;}
.btn1{ background:#ea9703; padding:6px 15px; color:#fff; font-size:14px; text-transform:uppercase; display:inline-block;}
.btn1:hover{ color:#fff; background:#333}



/* thank you */
.thanku{ text-align:center; line-height:18px;}
.thanku img{margin:0 auto;}
.thanku b{ display:block; line-height:18px;margin-bottom:10px;}
.thanku span{ display:block;margin-bottom:20px; }
.error img{ width:90%; margin:0 auto;}



/* category */

.cate_cont{width:259px; height:290px; position:relative; margin:12px auto; overflow:hidden; border:1px solid #f9f9f9; box-shadow:0px 0px 1px #000;}.cate_cont:hover{ box-shadow:0px 0px 15px #000; border:1px solid #000;}
.cate_cont .cate-img{width:259px; height:290px; overflow:hidden;}
.cate_cont .cate-img figure{width:259px; height:290px; display:table-cell; vertical-align:middle; text-align:center;}
.cate_cont .cate-img figure img{ max-width:100%; transition:all linear .3s }
.cate_cont .cate-img:hover figure img{transform:scale(1.2)}
.cate_cont .cate_ttl{ position:absolute; bottom:0px; width:100%; z-index:9999; text-align:left;}
.cate_cont .cate_ttl a{ background:rgba(0,0,0,0.6); padding:4px 10px; line-height:26px; display:block; color:#fff; text-transform:uppercase; font-size:16px; text-align:center;}
.cate_cont:hover .cate_ttl a{ background:#ea4301; text-decoration:underline;}


.cate_cont .cate_ttl_list{ position:absolute; bottom:0px; width:100%; z-index:9999; text-align:left; background:rgba(234,151,3,0.8); padding:10px 10px 0 10px; height:80px;}
.cate_cont .cate_ttl_list a{line-height:18px; display:block; color:#333; text-transform:uppercase; font-size:16px; font-weight:700; margin-bottom:5px;}
.cate_cont .cate_ttl_list p{ line-height:18px;}




/* Product- Detail */
.dtl-area{ margin-bottom:20px; font-family:'Open Sans',Arial, Helvetica, sans-serif;}
.dtl-lft-area{ width:100%; background:#f8f8f8; margin:10px auto; border:6px solid #f8f8f8; overflow:hidden; }
.dtl-rgt-area{ width:100%; background:#fff; margin:10px auto; padding:0px 6px;}
.dtl_images{margin:0 0 0 0px; position:relative;width:524px; height:545px; overflow:hidden;}
.dtl_images figure{width:524px; height:545px; overflow:hidden; display:table-cell; vertical-align:middle; text-align:center; }
.dtl_images img{display:block; margin:0px auto;}
.thm_img{ width:98%; margin:10px auto 10px auto;display:block;height:81px; overflow:hidden; text-align:center; position:relative; padding:0px 30px;}
.thm_scroll{ width:100% !important; overflow:hidden;}

.dtl-des_cont{width:100%; height:420px; overflow:auto;}
.dtl-des-hed{display:inline-block; padding:7px 0px; font-size:20px; color:#000; margin-top:20px; border-radius:5px 5px 0px 0px; text-transform:uppercase;}
.dtl-des{ background:#f8f8f8; padding:15px 10px ; border:1px solid #ccc; margin-top:0px;}
.price{ font-size:20px; font-weight:500; color:#666; margin-top:10px;} .price span{ font-size:20px; color:#1b5daf}
.pro-code{ font-size:14px; font-weight:400; color:#666; margin-top:10px;} .pro-code span{ font-size:15px; color:#333; padding-right:10px; font-weight:300;}
.dtl-rgt-area .links a{ color:#e46b34; font-size:16px; text-decoration:underline;}

.dtl-rgt-area .ot-stock span{ margin-top:10px; color:#fff; text-transform:uppercase; font-size:13px; background:#646264; display:inline-block; padding:3px 10px; margin-right:10px;}
.dtl-rgt-area .ot-stock a{color:#288ac8; text-decoration:underline; font-size:14px;}
.dtl-rgt-area .qty p{ font-size:24px; font-weight:bold; display:block;}

.select-option{ margin-left:10px; padding:5px;}


.scrol_L{ position: absolute; left:0px; top:30px; z-index:999; background:#fff; padding:3px 6px;}
.scrol_R{ position: absolute; right:0px; top:30px;z-index:9;background:#fff; padding:3px 6px;}

/* detail page */
.mobile-view{ display:none;}

a.refer{ font-weight:700; color:#fff; background-color:#ea9703; padding:10px 15px; margin-top:15px; font-size:16px !important; display:inline-block; text-align:left !important;}
a.refer:hover{ color:#fff; background-color:#333;}

a.enq-pop{ font-weight:700; color:#fff; background-color:#ea9703; padding:10px 15px; margin-top:15px; font-size:16px !important; display:inline-block;}
a.enq-pop:hover{ color:#fff !important;}

a.enq-pop1{ font-weight:700; color:#fff; background-color:#ea9703; padding:10px 15px; margin-top:15px; font-size:16px !important; display:inline-block;}
a.enq-pop1:hover{ color:#fff !important;}


.loader{ margin:40px 0;}

a.refer .fa-print{ font-size:1.2em; color:#333; transition:all ease-in-out 0.3s;}
a.refer:hover .fa-print{ color:#ea9703;}

a.refer .fa-file-o{ font-size:1.2em; color:#fff; transition:all ease-in-out 0.3s;}
a.refer:hover .fa-file-o{ color:#ea4d10 !important;}


.pop_ups{ padding:15px; background:#f1f1f1; border:1px solid #ccc; box-shadow:0px 0px 10px #666; box-shadow:0px 0px 10px #ccc inset;font-family:Roboto, sans-serif;}
.pop_ups h1{ font-size:20px;}
.pop_ups .form-group{ margin-bottom:7px;}.pop_ups .form-group label{ font-weight:400}
.pop_ups input.form-control{ padding:10px;}

/* sitemap */
.stmp_cont-img{width:38%; padding:20px 0px; float:right;margin:10px 0px; text-align:right;}
.stmp_cont{padding:10px 20px; width:99%; float:left; background:#fff; box-shadow:10px 2px 10px #ccc inset; margin:10px 0px; border:1px solid #ccc; min-height:350px;}
.sitemap{ }
.sitemap a{display:block; font:400 14px/20px 'Open Sans', Arial, Helvetica, sans-serif; color:#000; padding:5px 10px; margin:5px .5%; border:1px solid #ddd; transition:all linear .3s; -webkit-transition:all linear .3s; -moz-transition:all linear .3s; -ms-transition:all linear .3s; width:32%; float:left;}
.sitemap a:hover{color:#fff; top:5px; background:#0158a0;}


/* 30.09.2015 [Laliteshwar Suman] */

/* catalogue download */
.download-catalogue{ position:absolute; top:0px; right:30%}
.download-catalogue ul.nav li{ background-color:#eeeeee;}
.download-catalogue ul.nav li a{ color:#000;}

.dn{ display:none;}



ul.myulx{ margin:0px; padding:0px;}
ul.myulx li{ list-style:none; float: left; margin-right:5px;}