body {margin:0px; padding:0px; background-color: #172839;}
.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;}
.go_back{ display: block; position:fixed;bottom:50px;right:40px;margin:0;padding:0; z-index: 8;}
/*top css start*/
.top_bg{ background: #4fbfa4; padding: 5px 15px;}
.welcome_msg a{font-family: OpenSans-Regular; color: #ffffff; font-size: 14px;margin-top: 3px;}
.translter{ float: left; width: 60%;}
.whatsapp{ float: left; width: 40%; text-align: right; padding-right: 5px;}
.menu_and_logo_bg{background: #172839;}
.top_search_form{ float: left; width: 100%; margin-top: 15px;}
.top_text_form{ border-radius: 0px; background: #363739; color: #ffffff;font-family: OpenSans-Regular; border-color: #363739;}
.search_button{ background: #4fbfa4; border-radius: 0px; color: #ffffff;}
:hover.search_button{ color: #ffffff;}
.space_top_logo_and_form{ padding: 30px 0px;}

.row_border{ border-top: 2px solid #4fbfa4; }
.menu{ float:left; width:100%;}
.menu ul{ float:left; list-style:none; margin:0px; padding:0px;}
.menu ul li{ float:left;}
.menu ul li a{ float:left; text-decoration:none; font-size:15px; color:#ffffff; padding:17px 19px; font-family: OpenSans-Regular; text-transform: uppercase;}
.menu ul li a:hover{color:#ffffff; background: #4fbfa4; }
.menu ul li ul { margin:0px; padding:0px; list-style:none; width:300px;margin-left: 0px; background:#fff; position:absolute;  display:none;  padding: 10px 5px 10px 10px; border-radius: 0px; z-index: 400px; }
.menu ul li ul a:hover{ background:#f58220; width: 280px;}
.menu ul li:hover ul { display:block;}
.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;}

.social_icone{ float: left; width: 100%; margin: 6px 0px;}
.social_icone ul{ float: right; list-style: none; margin: 0px; padding: 0px;}
.social_icone ul li{ float: left; margin-left: 2px;}

/*top css end*/

/*banner css start*/
.banner{ padding: 0px 0px;}
/*banner css end*/

/*catagory css start*/
.catagory_area{ background-color: #172839; padding: 35px 15px;}
.text_heading{float: left; width: 100%; text-align: center;font-family: Raleway-Bold; font-size: 30px; color: #4fbfa4;}
.white_color{ color: #ffffff;}
.welcome_text{ float: left; width: 100%;font-family: OpenSans-Regular; font-size: 14px; color: #ffffff; text-align: center; margin-top: 15px;}
.cat_space{ margin: 20px 0px;}
.cat_active{float: left; width: 100%;-webkit-box-shadow: -9px 12px 16px 0px rgba(0,0,0,0.49);
    -moz-box-shadow: -9px 12px 16px 0px rgba(0,0,0,0.49);
    box-shadow: -9px 12px 16px 0px rgba(0,0,0,0.49);}
:hover.cat_active{-webkit-box-shadow: -9px 12px 0px 0px rgba(79,191,164,1);
    -moz-box-shadow: -9px 12px 0px 0px rgba(79,191,164,1);
    box-shadow: -9px 12px 0px 0px rgba(79,191,164,1);}
.cat_img{ float: left; width: 100%;}
.link_area{ float: left; width: 100%; margin-top: -260px;text-align: center; padding: 0px 30px;}
.link_area a { color:#fff; text-decoration: none; font-size: 26px; padding: 11px 0px; display: block;background-color:#172839;font-family: Raleway-Bold;}
:hover.cat_active .link_area a{ background-color:#4fbfa4;}
.feucher_area{ padding: 35px 15px; background-color: #172839;}


.pro_area{float: left; width: 100%; border: 2px solid #ffffff; margin-top: 10px;}
:hover.pro_area{border: 2px solid #4fbfa4;}
.pro_name{ float: left; width: 100%; background: #ffffff; text-align: center; padding: 8px 0px;}
.pro_name a{ text-decoration: none; margin: 0px; padding: 0px;font-family: Raleway-Regular; font-size: 14px; color: #4fbfa4;}
:hover.pro_area .pro_name a{color: #4fbfa4;}
.inqurt_button{ float: left; width: 100%; padding: 0px 20px; background: #ffffff; padding-bottom: 10px;}
.inqurt_button a{ background: #172839; text-align: center;font-family: Raleway-Regular; color: #ffffff; font-size: 14px; text-decoration: none; display: block; padding: 8px 0px;}
:hover.pro_area .inqurt_button a{background: #4fbfa4;}
.brand_area{ background: #172839; padding: 10px 15px;}
/*catagory css end*/

.map{ margin-top:15px; margin-bottom:15px;}



/*futter css start*/
.futter_bg{ background-color: #4fbfa4;}
.space_3a{ padding: 25px 15px;}
.futter_hading{ float: left; width: 100%; font-family: Raleway-Bold; font-size: 22px; color: #ffffff; background: url('../images/heading_line.jpg') no-repeat left bottom; padding: 5px 0px; margin-bottom: 6px;}
.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: Raleway-Medium; outline-style: 14px; padding: 4px 0px; display: block;}
.address{ float: left; width: 100%;font-family: Raleway-Regular; font-size: 14px; color: #ffffff;}
.contact_text{ float: left; width: 100%;font-family: Raleway-Regular; font-size: 14px; color: #ffffff; margin-top: 10px;}
.contact_text span{font-family: Raleway-Bold;}
.last_futter_bg{ background: #172839; padding: 15px 15px;}
.shonircopytxt { color:#ffffff; font-family: Raleway-Regular; font-size: 14px; }
.shonircopytxt1 { color:#ffffff; text-align:right;font-family: Raleway-Regular;}
a.shonircopylnk { text-decoration:none; color:#ffffff;}
a.shonircopylnk:hover{ color:#4fbfa4; text-decoration:underline;}
a.shonirnamelnk { text-decoration:underline; color:#4fbfa4; font-family: Raleway-Bold;}
a.shonirnamelnk:hover { color:#ffffff; text-decoration:underline;}
/*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: #4fbfa4;font-family: Raleway-Medium;}

.pages_bg{background-color: #172839; padding: 25px 0px;}
.products_heading_page{ float: left; width: 100%; color:#ffffff; padding:10px; text-transform: uppercase; font-size:18px; font-weight:600; background: #4fbfa4;font-family: Raleway-Medium;}
.products_heading_page_space{ float: left; width: 100%; color:#ffffff; padding:10px; text-transform: uppercase; font-size:18px; font-weight:600; background: #4fbfa4;font-family: Raleway-Medium;margin-bottom: 10px;}
.pages_style{ float: left; width: 100%;  padding: 25px 0px;  color: #ffffff;}
.button_style{ background: #000000; border: 0px; color: #ffffff;font-family: Raleway-Medium;}
:hover.button_style{ background: #4fbfa4; border: 0px; color: #ffffff;}

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

/*pages css start*/












.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:#2e2e2e;  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: OpenSans-Regular; font-size: 14px;}
.list-group1-item a:hover{color:#4fbfa4; text-decoration: none;  text-decoration: none; }
.list-group1-item a.active{color:#4fbfa4;  text-decoration: none;}
.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.list-group-item { background:#2e2e2e; border:0px; color:#FFF; border-radius:0px; font-size:16px; font-family: OpenSans-Regular;}
a.list-group-item {color:#FFF; padding:8px;}
a.list-group-item:focus, a.list-group-item:hover { background-color:#4fbfa4; 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, #4fbfa4 0px, #4fbfa4 100%); background-repeat: repeat-x; border-color: #4fbfa4; text-shadow: 0 0px 0 #FFF; color: #ffffff;font-weight: normal;}
a {  color: #4fbfa4; 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: #222222; border: 1px solid #222222;  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: #4fbfa4; border-color: #4fbfa4; 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: #4fbfa4; border-color: #4fbfa4;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: #ffffff;}

/*products css end*/