body {margin:0px; padding:0px; background-color: #ffffff;}
.shonir{ border:1px solid #F51216;}
.padding_zero{  padding-left: 0px; padding-right: 0px;}
.padding_5{  padding-left: 5px; padding-right: 5px;}
.padding_10{  padding-left: 10px; padding-right: 10px;}
.padding_left_zero{padding-left: 0px;}
.padding_right_zero{ padding-right: 0px;}

/*top css start*/
.top_bg{ padding: 5px 15px; background: #1b315e; }
.welcome_msg{font-family: OpenSans-Regular; color: #ffffff; font-size: 14px;margin-top: 3px;}
.top_sacial{ float: left; width: 100%;}
.top_sacial ul{ float: right; list-style: none; margin: 0px; padding: 0px;}
.top_sacial ul li{ float: left; margin-left: 5px;} 

.logo_bg{background: #232426; padding: 10px 15px;}
.top_search_form{ float: left; width: 100%; margin-top: 15px;}
.top_text_form{ border-radius: 0px; background: #ffffff; color: #000000;font-family: OpenSans-Regular; border-color: #ffffff; font-size: 14px;}
.search_button{ background: #dc342f; border-radius: 0px; color: #ffffff;}
:hover.search_button{ color: #ffffff;}

.cat {
    position: relative;
  }
  
  .image {
    display: block;
    width: 100%;
    height: auto;
  }
  
  .overlay {
    float: left;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: rgba(250, 96, 54, 0.8);
    overflow: hidden;
    width: 100%;
    height:0;
    transition: .5s ease;
  }
  
  .cat:hover .overlay {
    bottom: 0;
    height: 100%;
  }
  
  .text {
    float: left;
    width: 100%;
    
    color: white;
    text-align: center;
    font-size: 30px;
    font-family:Kanit-Bold;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding: 5px 20px;
  }
  .text a{ float: left; width: 100%; text-decoration: none;text-align: center; color: #FFFFFF; font-size: 30px;font-family: Raleway-Bold;}
  .text a:hover{text-decoration: none; color: #FFFFFF;}


.menu{ float:left; width:100%;}
.menu ul{ float: right; list-style:none; margin:0px; padding:0px;}
.menu ul li{ float:left;}
.menu ul li:last-child{padding:0px 0px;}
.menu ul li a{padding:30px 15px; float:left; text-decoration:none; font-size:16px; color:#000000; font-family: OpenSans-Semibold; text-transform: uppercase;}
.menu ul li a:last-child{padding:42px 15px;}
.menu ul li a:hover{color:#ffffff; background: none; }
.menu ul li a:hover:last-child{background: #fa6036; }

.menu ul li ul { margin:0px; padding:0px; list-style:none; width:300px;margin-left: 0px; position:absolute;  display:none;  padding: 2px 2px 2px 2px; border-radius: 0px; z-index: 400px;background-color: rgba(250, 156, 34, 0.5);}
.menu ul li ul a:hover{ background:#f58220; width: 280px;}
.menu ul li:hover ul { display:block; margin-left: -255px;}
.menu ul ul li { width:100%; float:left;  }
.menu ul ul li:first-child{ margin-left: 0px;}
.menu ul li ul li a { float: left; width: 100%; display: block; float:left; text-decoration:none; font-size:14px; color:#404e53; font-family: Oswald-Regular; padding: 8px 10px 8px 10px; font-weight: normal;}
.menu ul li ul li a:hover{ background:#ec1c24; display: block; color: #ffffff;}
.navbar-toggle{ border:1px solid #8e8e8d; float: right;}
.navbar-toggle .icon-bar{ border-bottom:1px solid #8e8e8d;}



/*top css end*/
.menu_and_logo{ background-color: #ffffff; margin: 0px; padding: 0px 15px;}
/*banner css start*/
.banner{ padding: 0px 0px; }
/*banner css end*/

/*catagory css start*/
.catagory_area{padding: 35px 15px;}

.feaucher_bg{ background: #cbcbcb; padding: 15px}
.feaucher_heeading{ float: left; width: 100%;font-family: Kanit-Medium; font-size: 30px; color: #1b315e;}

.text_heading{float: left; width: 100%; font-family: Kanit-Light; font-size: 30px; color: #333333;}
.text_heading span{ float: left; width: 100%; color: #1b315e; font-size: 48px; line-height: 26px;font-family: Kanit-Medium;}
/*.white_color{ color: #ffffff;}*/
.welcome_bg{ background: #1665c1;padding: 35px 15px;}
.welcome_text{ float: left; width: 100%;font-family: Kanit-Light; font-size: 14px; color: #777777;  margin-top: 15px;}
.catagory_space{ margin: 15px 0px;}
.tittle_images_space{ margin-bottom: 10px;}
.wel_red{ float: left;width: 100%;}
.cat_space{ margin: 10px 0px;}
.cat_active{float: left; width: 100%;}
:hover.cat_active{}
.cat_img{ float: left; width: 100%;}
.cat_img img{ width: 100%;}
.link_area{ float: left; width: 100%; margin-top: -270px;text-align: center; }
.link_area a { color:#fff; text-decoration: none; font-size: 30px; padding: 5px 30px; display: block;background-color: rgba(0, 0, 0, 0.6);font-family: Montserrat-Bold;}
:hover.cat_active .link_area a{ background-color:#fa9c22; color: #ffffff}
.feucher_area{ padding: 35px 15px;}
.featured_heading{font-family: Montserrat-Bold; color: #000000; font-size: 26px; text-align: center;} 

.pro_area{float: left; width: 100%;  margin-top: 10px; background: #ffffff; border: 2px solid #ffffff;}
:hover.pro_area{border: 2px solid #fa6036;}
.pro_name{ float: left; width: 100%;  text-align: center; padding: 8px 0px;}
.pro_name a{ text-decoration: none; margin: 0px; padding: 0px;font-family: OpenSans-Bold; font-size: 14px; color: #000000;}
.pro_name a span{font-family: OpenSans-Semibold;}
:hover.pro_area .pro_name a{color: #000000;}
.inqurt_button{ float: left; width: 100%; padding: 0px 20px; padding-bottom: 15px;}
.inqurt_button a{ background: #2b2b2b; text-align: center;font-family: OpenSans-Semibold; color: #ffffff; font-size: 14px; text-decoration: none; display: block; padding: 8px 0px;}
:hover.pro_area .inqurt_button a{background: #fa6036; color: #ffffff;}
.brand_area{ background: #131313; padding: 10px 15px;}
/*catagory css end*/

/*futter css start*/
.futter_bg{ background:#1b315e;}
.space_3a{ padding: 25px 15px;}
.futter_hading{ float: left; width: 100%; font-family: OpenSans-Bold; font-size: 22px; color: #ffffff; padding: 5px 0px; margin-bottom: 6px;}
.futter_hading hr{ border-top: 2px solid #ffffff; width: 60%; float: left;margin-top: 7px;margin-bottom: 0px;}
.futter_menu{ float: left; width: 100%; }
.futter_menu ul{ list-style: none; margin: 0px; padding: 0px;}
.futter_menu ul li{ float: left; width: 100%; }
.futter_menu ul li a{ text-decoration: none; color: #ffffff;font-family: OpenSans-Regular; outline-style: 14px; padding: 4px 0px; display: block;}
.futter_menu ul li a:hover{color: #fa6036;}
.address{ float: left; width: 100%;font-family: OpenSans-Bold; font-size: 16px; color: #fa6036;}
.contact_text{ float: left; width: 100%;font-family: OpenSans-Regular; font-size: 14px; color: #ffffff; margin-top: 10px;}
.contact_text span{color: #fa6036;font-family: OpenSans-Bold; }
.last_futter_bg{ background-color: #274279; border-bottom: 15px solid #1b315e; padding: 8px; }
.shonircopytxt { color:#ffffff; font-family: OpenSans-Regular; font-size: 14px; padding: 10px 0px;}
.shonircopytxt1 { color:#ffffff; text-align:right;font-family: OpenSans-Regular;padding: 10px 0px;}
a.shonircopylnk { text-decoration:none; color:#fa6036;font-family: OpenSans-Bold;}
a.shonircopylnk:hover{ color:#fa6036; text-decoration:underline;}
a.shonirnamelnk { text-decoration:underline; color:#fa6036;font-family: OpenSans-Bold;}
a.shonirnamelnk:hover { color:#fa6036;}
/*futter css end*/


/*pages css start*/
.left_bg_area{ float:left; width:100%;font-family: Raleway-Medium; }
.gradient{ color:#ffffff; padding:10px; text-transform: uppercase; font-size:18px; font-weight:600; background: #fa6036;font-family: Roboto-Medium;}

.pages_bg{ padding: 25px 15px;}
.products_heading_page{ float: left; width: 100%; color:#ffffff; padding:10px; text-transform: uppercase; font-size:18px; font-weight:600; background: #fa6036;font-family: Roboto-Medium;}
.products_heading_page span{color:#ffffff;}


.products_heading_page_space{ float: left; width: 100%; color:#ffffff; padding:10px; text-transform: uppercase; font-size:18px; font-weight:600; background: #fa6036;font-family: Roboto-Medium;margin-bottom: 10px;}
.pages_style{ float: left; width: 100%;  padding: 15px 0px;  color: #000000;font-family: OpenSans-Regular;}
.button_style{ background: #1b315e; border: 0px; color: #ffffff;font-family: OpenSans-Semibold;}
:hover.button_style{ background: #fa6036; border: 0px; color: #ffffff;}

.detal_name{color: #000000; font-size:18px; font-family: Raleway-Bold;}
.detal_art{color: #000000; font-family: OpenSans-Regular;font-size: 12px;}
.detal_heading_text{color: #000000;  font-family: OpenSans-Bold; font-size: 18px;}
.detal_heading_textto{ color: #000000;font-family: OpenSans-Regular;}

/*pages css start*/






.newslateer_area{ background: #fa6036; padding: 25px 15px;}
.newslater_text{ float: left; width: 100%; text-align: right;font-family: Kanit-Regular; font-size: 30px; color: #ffffff;}

.newslater_form{ float: left; width: 60%;}
.newslater_text_form{ border-radius: 0px;}
.go_button{ border-radius: 0px; background: #1b315e; color: #ffffff;font-family: Raleway-Bold;}
.go_button:hover{color: #ffffff;}



.futter_menu p{ color: #ffffff;font-family: Roboto-Condensed;}
.newsleater_text_form{border-radius: 0px; background: #e0e0e0;}
.newslater_button{ background: #dd0f11; color: #ffffff; border-radius: 0px;}
:hover.newslater_button{ background: #dd0f11; color: #ffffff; border-radius: 0px;}







/*left css*/
a.list-group1-item { color: #fff;  padding: 5px;}
.list-group1-item { background:#000000;  border:0px; width: 100%; color:#FFF; border-radius:0px; font-size:14px; font-family:Arial, Helvetica, sans-serif;  list-style: none;}
.list-group1-item a{color:#ffffff; text-transform: uppercase; padding:0px;margin:0px; text-decoration: none; display: block;padding: 5px 26px;font-family: Kanit-Regular; font-size: 14px;}
.list-group1-item a:hover{color:#fa6036; text-decoration: none;  text-decoration: none; }
.list-group1-item a.active{color:#fa6036;  text-decoration: none;}
.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.list-group-item { background:#1b315e; border:0px; color:#FFF; border-radius:0px; font-size:16px; font-family: Kanit-Regular;}
a.list-group-item {color:#FFF; padding:10px 8px; margin-top: 2px;}
a.list-group-item:focus, a.list-group-item:hover { background-color:#fa6036; color:#ffffff; text-decoration: none;}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background-image: linear-gradient(to bottom, #fa6036 0px, #fa6036 100%); background-repeat: repeat-x; border-color: #fa6036; text-shadow: 0 0px 0 #FFF; color: #ffffff;font-weight: normal;}
a {  color: #fa6036; text-decoration: none;}
 a:hover {  color: #fa6036; text-decoration: none;}
ol, ul { margin-top: 0; }

/*left end*/


.pagination { border-radius: 4px; display: inline-block;  margin: 20px 0;  padding-left: 0;}
.pagination > li { display: inline;}
.pagination > li > a, .pagination > li > span { background-color: #000000; border: 1px solid #000000;  color: #fff;  float: left; line-height: 1.42857; margin-left: 0px;  padding: 6px 12px;  position: relative;  text-decoration: none;}
.pagination > li:first-child > a, .pagination > li:first-child > span { border-bottom-left-radius: 4px; border-top-left-radius: 4px; margin-left: 0;}
.pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { background-color: #fa6036; border-color: #fa6036; color: #ffffff;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #fa6036; border-color: #fa6036;color: #ffffff; cursor: default; z-index: 2;}



/*products css end*/




.get_in_tuch_area{ padding: 25px 15px;}
.heep_heading{ float: left; width: 100%;font-size: 36px; color: #333333;font-family: Roboto-Medium; margin-bottom: 15px;}
.map_icone{ float: left; width: 100%; background: url('../images/map.png') no-repeat left top; padding-left: 45px; font-size: 18px; color: #f20f17;font-family: Roboto-Medium;}
.map_icone span{float: left; width: 100%; font-family: Roboto-Light; font-size: 14px; color: #202020;}
.call_icone{ float: left; width: 100%; background: url('../images/cll.png') no-repeat left top; padding-left: 45px; font-size: 18px; color: #f20f17;font-family: Roboto-Medium; margin-top: 10px;}
.call_icone span{float: left; width: 100%; font-family: Roboto-Light; font-size: 14px; color: #202020;}
.fax_icone{ float: left; width: 100%; background: url('../images/fax.png') no-repeat left top; padding-left: 45px; font-size: 18px; color: #f20f17;font-family: Roboto-Medium; margin-top: 10px;}
.fax_icone span{float: left; width: 100%; font-family: Roboto-Light; font-size: 14px; color: #202020;}
.mail_icone{ float: left; width: 100%; background: url('../images/email.png') no-repeat left top; padding-left: 45px; font-size: 18px; color: #f20f17;font-family: Roboto-Medium; margin-top: 10px;}
.mail_icone span{float: left; width: 100%; font-family: Roboto-Light; font-size: 14px; color: #202020;}
.googlr_map{float: left; width: 90%; margin-top: 15px;}

.right_area{ float: left; width: 100%; background: url('../images/right_form_home.png') no-repeat; padding: 15px 0px;}
.form_text{ background: none; border: 1px solid #ffffff; color: #ffffff;}
.send_email{ border-radius: 0px; background: #ffffff;color: #f20f17; font-family: Roboto-Medium;}
.say_text{ font-family: Roboto-Medium; color: #ffffff; font-size: 40px;}
.say_text span{font-family: Roboto-Medium; float: left; width: 100%; font-size: 18px; text-decoration: underline; margin-bottom: 10px;}









@media only screen and (min-width:320px) and (max-width:800px){
.menu{ width:100%; padding-left: 5px; margin-left: 0px;}
.menu ul li:last-child{ border:none;}
.menu ul{ float:left; width:100%;}
.menu ul li{ float:left; width:100%; background:none;}
.menu ul li a{ float:left; width:100%; padding: 11px 10px; margin:0px; color:#404e53;}
.menu ul li a:hover{ width:100%;color:#ffffff;}
.menu ul li ul{ width:100% !important;}
.menu ul li ul li a:hover{ width:100% !important;}
.menu ul li ul li{ float:left; width:100% !important; background:none; border-bottom:1px solid #FFF;}
.menu ul li ul { margin:0px; padding:0px; list-style:none; width:300px; background:#fff; position:relative;  display:none;  }
.navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch;  border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1);}

}
/*menu css end*/


.nav-tabs > li a{border-color: #a1a3a6 #a1a3a6 transparent;background-color: #a1a3a6; color: #FFFCFC;}
.nav-tabs > li a:hover{background-color: #fe6501;border-color: #fe6501 #fe6501 transparent; color: #404e53;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fe6501;
    border-color: #fe6501 #fe6501 transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color:#404e53;
    cursor: default;
}
.btn-warning{ background: #000000; border:#000000; color: #ffffff; }
:hover.btn-warning{ background: #000000; border:#000000; color: #ffffff; }
.text-justify{color: #000000;}

/*products css end*/