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;}


.shonirsmallimg{max-width:200px; max-height:200px;}
#shonirmainimg{max-width:414px; max-height:414px;}
#shonirviewimg img{border:2px solid #c60404; max-width:100px; max-height:100px;}
.shonirview:active img{border:2px solid #c60404 !important;}



/*top css start*/
.top_bg{ background: #262626;}
.top_menu{float: left; width: 100%; padding: 10px 0px;}
.top_menu ul{ list-style: none; margin: 0px; padding: 0px;}
.top_menu ul li{ float: left;}
.top_menu ul li div{ margin-top: -1px; padding: 0px 0px;}
.top_menu ul li a{text-decoration: none; padding: 2px 14px; color: #ffffff; font-size: 17px; }
.top_menu ul li:nth-child(6){padding:0px 5px 0px 15px;}
.icone_color{color: #cb1113; font-size: 18px;}

.top_text_form{border-color: #ffffff;}
.search_button{ background: #ffffff; border-color: #ffffff; color: #9a9a9a; border-left:1px solid #9a9a9a;}
.top_search_form{ float: left; width: 100%;margin-top: 4px;}
.social_link_top{ float: left; width: 100%; margin-top: 30px;}
.social_link_top ul{float:right; list-style:none; margin:0px; padding:0px;}
.social_link_top ul li{ float: left; margin-right: 35px;margin-top: 5px;}
.social_link_top ul li a{ text-decoration: none;}

.img_size{min-height: 280px;max-height: 280px;}

.thamb{background-image: url('../images/thamb.png');
	height: 36px;
	width: 37px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;}
.fl{background-image: url('../images/fl.png');
	height: 36px;
	width: 37px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;}
.alibaba{background-image: url('../images/alibaba.png');
	height: 36px;
	width: 37px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;}
.pinit{background-image: url('../images/pinit.png');
	height: 36px;
	width: 37px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;}
.instr{background-image: url('../images/instr.png');
	height: 36px;
	width: 37px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;}
.daly{background-image: url('../images/daly.png');
	height: 36px;
	width: 37px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;}
.youtube{background-image: url('../images/youtube.png');
	height: 36px;
	width: 37px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;}
.lin{background-image: url('../images/in.png');
	height: 36px;
	width: 37px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;}
.google{background-image: url('../images/google.png');
	height: 36px;
	width: 37px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;}
.twitter{background-image: url('../images/twitter.png');
	height: 36px;
	width: 37px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;}
.facebook{background-image: url('../images/facebook.png');
	height: 36px;
	width: 37px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;}

.ftwitter {
    background-position: -0px 0px 0px;
}
.ftwitter:hover {
    background-position: -0px -41px ;
}



.socal{ margin:0px; padding: 0px;margin-top: 21px;}
.socal ul{ list-style: none; margin: 0px; padding: 0px; float:right;}
.socal ul li{ float: left;  padding: 10px;}
.socal ul li div{margin-top: 3px;}
.socal ul li a{ list-style: none; }


.menu{ float:left; width:100%;padding: 0px 0px; }
.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:17.5px; color:#ffffff; padding:12px 15px; font-family: Oswald-Regular;}
.menu ul li a:hover{color:#ffffff; background:#ec1c24; }
.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:16px; 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 #ffffff; float: right;}
.navbar-toggle .icon-bar{ border-bottom:1px solid #ffffff;}

.banner{ padding: 0px 0px;;}
.catagory_area{padding: 35px 15px;}
.cat_space{ margin: 10px 0px;}
.cat_active{float: left; width: 100%; border-radius: 10px; clear: both;}
.cat_img{ float: left; width: 100%;}
.cat_img img{ width: 100%; height: auto;border-radius: 10px;}
.link_area{ float: left; width: 100%; margin-top: -50px;text-align: center;}
.link_area a { color:#fff; text-decoration: none; font-size: 20px; padding: 11px 0px; display: block;background-color: rgba(0, 0, 0, 0.3);border-radius: 10px;font-family: OpenSans-Semibold;}
:hover.cat_active .link_area a{ background-color: rgba(221, 15, 17, 0.8); border-radius: 0px 0px 10px 10px;}


.welcome_bg{ background: url('../images/welcome_bg.jpg') no-repeat; padding: 25px 15px; background-size: 100%;}
.welcome_space_area{ padding: 40px 0px;}
.welcome_heading{ float: left; width: 100%;font-family: Roboto-Condensed; font-size: 30px; color: #313131;background: url('../images/heading_line.jpg') no-repeat left bottom; padding: 8px 0px;}
.welcome_text{ float: left; width: 100%;font-family: Roboto-Light; color: #787878; font-size: 14px; margin-top: 15px;}
.welcome_link{float: left; width: 100%; margin-top: 10px;}
.welcome_button{ background: url('../images/view_more.jpg') no-repeat; display: block; width: 142px; height: 45px;}

.feucher_area{ padding: 35px 15px;}
.pro_area{float: left; width: 100%; border: 1px solid #ffffff; margin-top: 10px;}
:hover.pro_area{border: 1px solid #ec1c24;}
.pro_name{ float: left; width: 100%; background: #e9e9e9; text-align: center; padding: 15px 0px;}
.pro_name a{ text-decoration: none; margin: 0px; padding: 0px;font-family: Roboto-Condensed; font-size: 16px; color: #000000;}
:hover.pro_area .pro_name{ background: #ec1c24;}
:hover.pro_area .pro_name a{color: #ffffff;}


.brand_area{ background: #202020; padding: 20px 15px;}
.add2_space{ margin: 10px 0px;}


.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: #000;}
.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;}


.futter_bg{ background: url('../images/futter_bg.jpg');}
.space_3a{ padding: 25px 15px;}
.futter_hading{ float: left; width: 100%;font-family: Roboto-Bold; font-size: 22px; color: #ffffff; background: url('../images/heading_line.jpg') no-repeat left bottom; padding: 5px 0px; margin-bottom: 10px;}
.futter_menu{ float: left; width: 100%; }
.futter_menu1{ float: left; width: 80%; }
.futter_menu1 p{ color: #ffffff;font-family: Roboto-Condensed;}
.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: Roboto-Condensed; outline-style: 14px; padding: 8px 0px; display: block;}
.futter_menu ul li a:hover{color: #dd0f11; text-decoration: none;}
.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;}

.space_cont{ padding: 10px 0px; border-top: 2px solid #474646;}
.pages_bg{ padding: 25px 0px;}
.products_heading_page{ float: left; width: 100%; color:#ffffff; padding:10px; text-transform: uppercase; font-size:18px; font-weight:600; background: #222222; font-family: Roboto-Condensed;}

.products_heading_page a{ text-decoration: none; color: #ffffff;}
.products_heading_page a:hover{ color: #EC1C24;}


.pages_style{ float: left; width: 100%; padding: 15px 0px; color: #606060;font-family: Roboto-Light; font-size: 14px;}
.space_top_page{ margin-top: 15px;}
.gradient{ font-family: Roboto-Condensed; color:#ffffff; padding:5px; font-size:26px; text-align: center; background: #ec1c24; border-bottom:4px solid #000000;}
.products_heading_page12{ float: left; width: 100%; color:#ffffff; padding:10px; text-transform: uppercase; font-size:18px; font-weight:600; background: #222222;font-family: Roboto-Condensed; margin-bottom: 8px;}

.media-heading{color: #EC1C24;}

.shonirrightline a{color: #EC1C24;text-decoration: none; }
.shonirrightline a:hover{color: #EC1C24;text-decoration: none; }







.shonircopytxt { color:#ffffff; font-family: Roboto-Condensed; font-size: 14px; }
.shonircopytxt1 { color:#ffffff; text-align:right;font-family: Roboto-Condensed;}
a.shonircopylnk { text-decoration:none; color:#ffffff;}
a.shonircopylnk:hover{ color:#dd0f11; text-decoration:underline;}
a.shonirnamelnk { text-decoration:underline; color:#ffffff;}
a.shonirnamelnk:hover { color:#dd0f11;}


/*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 15px;font-family: Oswald-Regular;; font-size: 14px;}
.list-group1-item a:hover{color:#ec1c25; text-decoration: none;  text-decoration: none; }
.list-group1-item a.active{color:#ec1c25;  text-decoration: none;}

a.list-group2-item { color: #fff;  padding: 5px;}
.list-group12-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-group2-item a{color:#ffffff; text-transform: uppercase; padding:0px;margin:0px; text-decoration: none; display: block;padding: 5px 26px;font-family: Oswald-Regular;; font-size: 14px;}
.list-group2-item a:hover{color:#ec1c25; text-decoration: none;  text-decoration: none; }
.list-group2-item a.active{color:#ec1c25;  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: Oswald-Regular;}
a.list-group-item {color:#FFF; padding:8px;}
a.list-group-item:focus, a.list-group-item:hover { background-color:#ec1c25; 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, #ec1c25 0px, #ec1c25 100%); background-repeat: repeat-x; border-color: #ec1c25; text-shadow: 0 0px 0 #FFF; color: #ffffff;font-weight: normal;}
a {  color: #FFF; 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: #ec1c24; border-color: #ec1c24; 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: #ec1c24; border-color: #ec1c24;color: #ffffff; cursor: default; z-index: 2;}



/*products css end*/

.detal_name{color: #333333; font-size:18px; font-family: Roboto-Bold; margin-top: 15px;}
.detal_art{color: #333333; font-family: Roboto-Bold;font-size: 16px;}
.detal_heading_text{color: #333333; font-family: Roboto-Condensed; font-size: 18px;}
.detal_heading_textto{ color: #606060;font-family: Roboto-Light;}
.sucses_button{ background: #333333; color: #ffffff; border-radius: 0px; text-decoration: none;font-family: OpenSans-Semibold;}
:hover.sucses_button{background: #ec1c24; color: #ffffff;}












@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%; background:#ffffff;}
.menu ul li{ float:left; width:100%; background:none;}
.menu ul li a{ float:left; width:100%; padding: 11px 10px; margin:0px; color:#000000;}
.menu ul li a:hover{ width:100%;color:#000000;}
.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);}

.top_menu ul li a{text-decoration: none; padding: 2px 6px; color: #ffffff;
    font-family: Roboto-Light; font-size: 12px;}
.top_menu ul li:nth-child(5){padding:0px 5px 0px 15px;}

}
/*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;}
.text-danger{color: #000000;}
/*products css end*/