.line,
.patti h1 {
text-align: center
}
body {
font-family: 'Roboto Slab', serif
}
a:hover { text-decoration:none;}
.top-header {
padding: 7px 0;
background: #ba2705;
clear: both
}
.line p {
margin:20px 0px;
}
.top-para {
width: 100%
}
.top-para p {
font-size: 13px;
color: #FFF;
margin: 0
}
.top-info {
margin: 0;
float: right;
}
.top-info ul { margin:5px 0px; display:inline-block;}
.top-info li {
float: left;
font-size: 18px;
padding: 0 10px;
color: #FFF;
/*border-right: 1px solid #FFF;*/
line-height:30px;
}
.top-info li:last-child {
border-right: none
}
.top-info li img {
margin: 5px 10px;
position: relative;
top: -1px;
padding:15px;
border:1px solid #eee;
}
.logo h3,
.menu ul,
.menu-inner ul {
margin: 0
}
.top-info li a {
color: #333;
font-weight:700;
}
#main-header {
width: 100%;
float: left;
box-shadow: -1px 1px 3px 0 #989898;
position: relative;
z-index: 999;
padding:10px 0px 0px;
}
.modal {
	z-index: 999999;
}
.modal-header {
    padding: 15px 15px 0px;
    border-bottom: none;
}
.modal-content {
	background: url("../images/form-bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}
.form-control {
	background: rgba(255,255,255,0.8);
	border: 1px solid rgba(255,255,255,0.8);
}
input::placeholder, textarea::placeholder { color: #000 !important;}
.close, .close:hover { color: #FFF; opacity: 1; }
/*.logo {

position: absolute;
top: 25px;
left: 0px;
}
.logo h3 {
font-family: 'Playfair Display', serif;
font-size: 21px;
font-weight: 700
}*/
.menu {
border-top: 1px solid #eee;
margin: 5px 0px 0px;
}
.menu ul {
float: right;
padding: 10px 0;
}
.menu-inner {
width: 100%;
float: left
}
.menu-inner ul li {
float: left;
text-transform: capitalize;
width: 31%;
font-size: 12px;
line-height: 28px;
margin-right: 2%;
margin-bottom: 5px
}
.line,
.patti,
.welcome {
width: 100%
}
.menu-inner ul li a {
color: #656565;
width: 100%;
font-weight: 400;
display: inline-table;
border-bottom: 1px solid #c7c7c7
}
.menu-inner ul li a:hover {
color: #7a9a00;
text-decoration: none;
border-bottom: 1px solid #7a9a00
}
.patti {
padding: 20px 0;
float: left;
/*background: #f4f5f9*/
}
.patti h1, .patti h2 {
margin: 0px 0px 10px;
font-size: 20px;
line-height: 30px;
font-weight: 700;
letter-spacing:1px;
color: #ba2705;
}
.products>h3,
.welcome-inner h2 {
font-weight: 700;
font-family: 'Playfair Display', serif
}
.line {
margin-bottom: 15px
}
.welcome {
padding: 45px 0;
float: left
}
.welcome-inner h1 {
margin:0px 0px 10px;
line-height:25px;
font-size:18px;
text-align:justify;
font-weight:700;
}
.welcome-inner h2 {
color: #ba2705;
margin: 0 0 20px;
font-size: 30px
}
.welcome-inner h3 i {
font-size: 25px;
margin-right: 5px
}
.welcome-inner p {
line-height: 25px;
font-size: 14px
}
.welcome-inner ul {
margin: 0 0 15px
}
.welcome-inner ul li {
font-size: 13px;
position: relative;
padding: 2px 0 0 21px;
text-align: justify;
line-height: 24px
}
.welcome-inner ul li:before {
position: absolute;
content: '';
width: 11px;
height: 11px;
left: 1px;
background-color: #444349;
top: 9px
}
.welcome-inner ul li:after {
border: 2px solid #f7f9f8;
content: "";
height: 9px;
left: 2px;
position: absolute;
top: 10px;
width: 9px
}
.product-inner img,
.products {
width: 100%
}
.welcome-inner a {
background: #ba2705;
color: #fff;
padding: 5px 12px;
display: inline-block;
font-size: 12px;
margin-top:10px;
}
.welcome-inner a:hover {
text-decoration: none
}
.products {
padding: 45px 0;
float: left;
background: center #f4f5f9
}
.products>h3 {
color: #ba2705;
margin: 0 0 10px;
text-align: center;
font-size: 26px
}
.product-inner {
background: #fff;
box-shadow: 2px 3px 4px -1px #c5c6c9
}
.product-inner>h3 {
font-weight: 400;
text-align: center;
margin: 0!important;
font-size: 12px;
text-transform: uppercase;
background: #ba2705;
padding: 10px
}
.product-inner>h3>a {
color: #FFF
}
.product-inner>p {
margin: 0;
font-size: 13px;
line-height: 20px;
padding: 10px 10px;
min-height: 140px;
}
ul.prd-list li,
ul.quick-links li {
line-height: 25px
}
.product-inner ul {
display: flex;
flex-wrap: wrap;
margin: 0 -4px -4px 0;
list-style: none;
padding: 0
}
ul.contact-info li,
ul.prd-list li a,
ul.quick-links li a {
width: 100%;
display: inline-block
}
.product-inner ul li {
flex: 1 0 25%;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea
}
.product-inner ul li:empty {
height: 0;
border: none
}
.inner-box {
width: 100%;
float: left;
padding: 10px
}
.inner-box>img {
width: 100%
}
.inner-box>h3 {
text-align: center;
margin: 0;
padding: 10px 0;
color: #fff;
font-size: 14px
}
.clients {
padding: 40px 0;
float: left;
width: 100%
}
.clients h3 {
font-family: 'Playfair Display', serif;
font-weight: 700;
color: #ba2705;
margin: 0 0 10px;
text-align: center;
font-size: 26px
}
.clients h4, .products h4 {
margin:0px 0px 10px;
font-size:14px;
text-align:center;
line-height:25px;
font-weight:400;
}
.clients-inner {
padding: 15px 0
}
.footer {
padding: 35px 0 0;
float: left;
width: 100%;
background: #901d02;
color: #fff
}
.footer h4 {
margin: 0 0 15px;
font-size: 18px;
font-weight: 300;
font-weight: 700;
padding-bottom: 8px;
border-bottom: 1px solid #731802
}
.or,
ul.contact-info li i {
border: 1px solid #fff;
text-align: center
}
ul.quick-links {
margin: 0
}
ul.quick-links li a {
color: #fff;
font-size: 13px;
font-weight: 300
}
ul.quick-links li a i {
margin-right: 5px;
font-size: 10px
}
ul.quick-links li a:hover {
color: #FFF;
text-decoration: none
}
ul.prd-list {
margin: 0
}
ul.prd-list li a {
color: #fff;
font-size: 13px;
text-transform: capitalize;
font-weight: 300
}
.or,
.uses h1 {
text-transform: capitalize;
}
ul.prd-list li a i {
margin-right: 5px;
font-size: 12px
}
ul.prd-list li a:hover {
color: #FFF;
text-decoration: none
}
ul.contact-info {
margin: 0
}
ul.contact-info li {
color: #fff;
line-height: 25px;
font-size: 13px;
font-weight: 300;
margin-bottom: 5px
}
ul.contact-info li span {
width: 85%;
float: left
}
ul.contact-info li i {
width: 35px;
height: 35px;
float: left;
margin-right: 15px;
line-height: 34px;
font-size: 15px;
font-weight: 300
}
.footer-bottom {
padding: 20px;
background: #791700;
float: left;
width: 100%;
margin-top: 25px
}
.footer-bottom p {
margin: 0;
text-align: center;
font-size: 13px;
color: #FFF
}
.footer-bottom p a {
color: #FFF
}
.why-us {
background-color: #ba2705;
display: table;
width: 100%
}
.why-us-icon {
float: left;
width: 13%
}
.why-us-icon img {
width: 100%
}
.why-us-text {
float: left;
width: 87%
}
.why-us-text p {
color: #fff;
padding-left: 20px;
margin: 0
}
.side {
border-right: 1px solid #fff
}
.why-us-inner {
padding: 30px 115px;
display: table;
width: 100%
}
.or {
width: 44px;
height: 44px;
background: #ba2705;
color: #fff;
font-size: 15px;
position: absolute;
top: 32%;
right: 0;
left: 0;
font-weight: 700;
margin: 0 auto;
padding: 10px 0 0
}
.side-menu ul li a,
.uses {
background: #f0f0f0;
width: 100%
}
.side-menu ul,
.uses h1 {
margin: 0
}
.relat {
position: relative
}
.uses {
padding: 25px 0 18px;
float: left
}
.uses h1 {
font-size: 21px
}
.breadcrumb>li {
text-transform: capitalize
}
.product-detail {
padding: 50px 0;
width: 100%;
float: left
}
.side-menu {
width: 100%;
float: left
}
.side-menu ul li a {
display: inline-block;
padding: 6px 10px;
font-weight: 400;
color: #ba2705;
font-size: 13px;
text-transform:capitalize;
margin-bottom: 1px;
letter-spacing: 1px;
transition: all .6s ease 0s
}
.side-menu ul li a:hover {
background: #ba2705!important;
color: #fff;
transition: all .6s ease 0s;
text-decoration: none
}
a.activate {
background: #ba2705!important;
color: #fff!important
}
.detail-inner {
width: 100%;
float: left
}
.detail-inner h3 {
margin: 0 0 15px;
text-transform:uppercase;
font-size: 20px;
color: #ba2705;
padding-bottom: 7px;
border-bottom: 1px solid #ba2705;
font-weight:700;
}
.detail-inner h1 {
	margin:0px 0px 20px;
	font-size:20px;
	line-height:30px;
	font-weight:700;
}
.detail-inner h2 {
	margin:0px;
	font-size:18px;
	line-height:30px;
	font-weight:700;
}
.about p,
.detail-inner p {
text-align: justify;
font-size: 14px;
line-height: 24px
}
.about h5, .detail-inner1 h4 {
font-weight: 600;
margin: 20px 0 10px;
text-transform: uppercase;
color: #ba2705
}
.detail-inner1 ul li {
	line-height:23px;
	margin-bottom:5px;
	font-size:14px;
	list-style:circle;
	margin-left:15px;
}
.detail-box {
width: 100%;
float: left;
border-bottom: 2px solid #ba2705;
padding-bottom: 15px;
margin-top: 15px
}
.slider{
position: relative;
overflow: hidden;
}
.image img,
.image-box {
border: 2px solid #f0f0f0
}
.image-box {
width: 25%;
float: left
}
/* Box Inquiry */

.query-box{
display:block;
/*border: 2px solid #ba2705;*/
padding: 20px;
/*background: #fff;*/
}
.query-box h4{
text-align: center;
text-transform: uppercase;
margin: 0;
padding-bottom: 15px;
color: #fffc00;
}
.query-box h5 {
	margin: 0px 0px 10px;
	color: #FFF;
	text-align: center;
}
.query-box h5 span { font-size: 20px; color: #f00; }
.query-box p { font-size: 12px; margin-bottom: 20px; text-align: center; color: #FFF;}
.query-box form{
width:85%;
margin:0 auto;
}
.box-button{
width: 100%;
background: #ba2705;
color: #fff;
border: none;
padding: 5px;
}
/* Box Inquiry */
.image-box img {
width: 100%
}
.content-box {
width: 75%;
float: left;
padding-left: 20px
}
.content-box h4 {
font-size: 15px;
margin: 0 0 10px;
color: #ba2705;
font-weight: 700;
text-transform: uppercase
}
.content-box a{
background: #ba2705;
color: #fff;
text-transform: uppercase;
padding: 5px 15px;
font-size: 12px;
display: inline-block;
margin-top: 7px;
letter-spacing: 0px;
}
.content-box a:hover{
text-decoration:none;
}
.about ul,
.content-box ul {
margin: 0 0 0 20px
}
h6{
font-size: 15px !important;
}
.about ul li,
.content-box ul li {
line-height: 22px;
font-size: 14px;
margin-bottom: 6px;
list-style: disc;
}
.image img {
padding: 10px
}
.contact_form h4,
.contact_info h4 {
display: inline-block;
line-height: 25px;
text-transform: uppercase;
margin: 0 0 20px;
font-size: 19px;
font-weight: 700;
}
/*.contact_info h5 {
margin: 0 0 1px;
font-weight: 600;
font-size: 15px;
color: #ba2705
}*/
.contact_info_inner {
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
	padding:10px 0px;
}
.contact_info_inner img {
	float:left;
	width:45px;
}
.contact_info_data { padding-left:60px;}
.contact_info_data h5 {
margin: 0 0 1px;
font-weight: 600;
font-size: 15px;
color: #ba2705;
}
.clients img,
.mB20 {
margin-bottom: 20px
}
.mB40 { margin-bottom:40px;}
/*.contact_info p {
font-size: 14px;
line-height: 23px;
}*/
.contact_form label {
font-size: 13px;
font-weight: 600
}
.contact_form input,
.contact_form textarea {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border:1px solid #ddd;
}
.pL0 {
padding-left: 0
}
.pR0 {
padding-right: 0
}
.pD0 { padding:0px;}
.button {
background: #ba2705;
color: #FFF;
padding: 5px 10px;
border: 1px solid #ba2705
}
.button:hover {
background: 0 0;
color: #333
}
.clients img {
border: 1px solid #ddd
}
#contactForm, .col-md-12{
margin: 0;
padding: 0;
}

.safety_grid {
border:1px solid #ddd;
padding:5px;
margin:5px;
}
.safety_inner {
padding:10px 20px;
}
.safety_inner h4 {
margin: 0px 0px 15px;
font-size: 16px;
text-transform: capitalize;
font-weight: 700;
border-bottom: 1px solid #901d02;
line-height: 22px;
color: #901d02;
}
.safety_inner p {
line-height:22px;
font-size:13px;
}
.safety_inner a {
display:inline-block;
color:#901d02;
margin-top:10px;
}

.popular { padding:40px 0px; background:#f5f5f5;}
.popular_search h3, .home_popular_search h3 {
margin:0px 0px 20px;
text-align:center;
color:#901d02;
}
.home_popular_search ul li {
line-height: 25px;
list-style: circle;
margin-left: 15px;
}
.popular_search ul li {
line-height: 25px;
list-style: circle;
margin-left: 15px;
width: 18.86%;
float: left;
} 
.popular_search ul li a {
color:#333;
text-transform:capitalize;
font-size:12px;
}
.home_popular_search ul li a {
color:#333;
text-transform:capitalize;
}

/* BREAD BANNER */
.safety_net_bread {
background:url('../images/bread-banner/safety-nets.jpg');
background-size:100% 100%;
background-repeat:no-repeat;
padding:60px 0px;
position:relative;
}
.construction_net_bread {
background:url('../images/bread-banner/construction.jpg');
background-size:cover;
background-repeat:no-repeat;
padding:60px 0px;
position:relative;
}
.garware_net_bread {
background:url('../images/bread-banner/garware-safety-nets.jpg');
background-size:100% 100%;
background-repeat:no-repeat;
padding:60px 0px;
position:relative;
}
.monafilament_net_bread {
background:url('../images/bread-banner/hdpe-monofilament-nets.jpg');
background-size:100% 100%;
background-repeat:no-repeat;
padding:60px 0px;
position:relative;
}
.agro_net_bread {
background:url('../images/bread-banner/agro-shade-nets.jpg');
background-size:100% 100%;
background-repeat:no-repeat;
padding:60px 0px;
position:relative;
}
.fishing_net_bread {
background:url('../images/bread-banner/hdpe-fishing-net.jpg');
background-size:100% 100%;
background-repeat:no-repeat;
padding:60px 0px;
position:relative;
}
.bird_netting_bread {
background:url('../images/bread-banner/bird-netting.jpg');
background-size:100% 100%;
background-repeat:no-repeat;
padding:60px 0px;
position:relative;
}
.bird_spikes_bread {
background:url('../images/bread-banner/bird-spikes.jpg');
background-size:100% 100%;
background-repeat:no-repeat;
padding:60px 0px;
position:relative;
}
.rope_ladder_bread {
background:url('../images/bread-banner/rope-ladder.jpg');
background-size:100% 100%;
background-repeat:no-repeat;
padding:60px 0px;
position:relative;
}
.personal_bread {
background:url('../images/bread-banner/personal-safety-equipments.jpg');
background-size:100% 100%;
background-repeat:no-repeat;
padding:60px 0px;
position:relative;
}
.speed_bread {
background:url('../images/bread-banner/speed-bumps-&-speed-breakers.jpg');
background-size:100% 100%;
background-repeat:no-repeat;
padding:80px 0px;
position:relative;
}
.rubber_wall_bread {
background:url('../images/bread-banner/rubber-wall-gaurd.jpg');
background-size:100% 100%;
background-repeat:no-repeat;
padding:60px 0px;
position:relative;
}
.rubber_car_bread {
background:url('../images/bread-banner/rubber-car-stop.jpg');
background-size:100% 100%;
background-repeat:no-repeat;
padding:60px 0px;
position:relative;
}
.parking_bread {
background:url('../images/bread-banner/parking-mirrors-convex.jpg');
background-size:100% 100%;
background-repeat:no-repeat;
padding:60px 0px;
position:relative;
}
.road_bread {
background:url('../images/bread-banner/road-stud-reflectors.jpg');
background-size:100% 100%;
background-repeat:no-repeat;
padding:60px 0px;
position:relative;
}
.queue_bread {
background:url('../images/bread-banner/queue-barriers.jpg');
background-size:100% 100%;
background-repeat:no-repeat;
padding:60px 0px;
position:relative;
}
.other_bread {
background:url('../images/bread-banner/realtek-safety-products.jpg');
background-size:100% 100%;
background-repeat:no-repeat;
padding:60px 0px;
position:relative;
}
.braided_bread {
background:url('../images/bread-banner/braided-safety-nets.jpg');
background-size:100% 100%;
background-repeat:no-repeat;
padding:60px 0px;
position:relative;
}

.safety_net_bread:before, .braided_bread:before, .other_bread:before, .queue_bread:before, .road_bread:before, .parking_bread:before, .rubber_car_bread:before, .rubber_wall_bread:before, .speed_bread:before, .fishing_net_bread:before, .rope_ladder_bread:before, .bird_spikes_bread:before, .bird_netting_bread:before, .personal_bread:before, .agro_net_bread:before, .monafilament_net_bread:before, .construction_net_bread:before, .queue_bread:before, .garware_net_bread:before{
content:'';
position:absolute;
width:100%;
height:100%;
left:0px;
top:0px;
background:rgba(0,0,0,0.4);
}
/*.safety_net_bread h1, .braided_bread h1, .other_bread h1, .queue_bread h1, .road_bread h1, .parking_bread h1, .rubber_car_bread h1, .rubber_wall_bread h1, .speed_bread h1, .fishing_net_bread h1, .rope_ladder_bread h1, .bird_spikes_bread h1, .bird_netting_bread h1, .personal_bread h1, .agro_net_bread h1, .monafilament_net_bread h1, .construction_net_bread h1, .queue_bread h1, .garware_net_bread h1 {
color:#FFF;
margin:0px 0px 30px;
font-size:18px;
text-transform:uppercase;
border-bottom:1px solid #FFF;
display:inline-block;
line-height:30px;
}*/
.breadcrumb li, .breadcrumb li a { color:#333 !important;}
.bread_right {
background:rgba(0,0,0,0.4);
padding:20px;
}
.bread_right h1 {
color:#FFF;
border-bottom:1px solid #FFF;
display:inline-block;
line-height:30px;
margin:0px 0px 20px;
font-size:26px;
}
.bread_right h4 {
margin:0px 0px 20px;
color:#FFF;
font-size:15px;
line-height:25px;
}
.bread_right a {
border:1px solid #FFF;
padding:5px 15px;
color:#FFF;
background:#901d02;
display:inline-block;
}
.bread_right a:hover { text-decoration:none;}
.bread_right a i { margin:0px 5px;}
.bread_right a span {
font-size:12px;
}
.contact_head h3 {
margin:0px 0px 20px;
color:#901d02;
}
.get_call_now {
padding:20px 0px;
background:#901d02;
color:#FFF;
cursor:pointer;
}
.get_call_now h1 {
margin:0px;
line-height: 45px;
font-weight:700;
}
.get_call_now a {
display: inline-block;
padding: 10px;
background: #711500;
color: #fff;
width: 200px;
text-align: center;
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
}
.home_enquiry {
	position:relative;
}
.home_box {
	position:fixed;
	right:0px;
	z-index:999;
	bottom:50px;
}
.home_box a {
	background:#ba2705;
	padding:10px;
	display:inline-block;
	border-radius:5px;
	color:#FFF;
	box-shadow:0px 5px 6px rgba(0,0,0,0.15);
}
.home_box a p {
	font-size:12px;
	margin:5px 0px 0px;
	text-transform:uppercase;
}

.enquiry {
	display:inline-block;
	margin-top:20px;
	width:100%;
	border:1px solid #ddd;
	padding:15px 8px 8px;
}
.enquiry h4 {
	margin:0px 0px 20px;
	border-bottom:1px solid #ba2705;
	text-transform:uppercase;
	line-height:25px;
	color:#ba2705;
	font-size:16px;
}

@media only screen and (max-width: 768px) {
.side-menu {
	display: none
}
.menu ul {
	width: 100%!important
}
.contact_info{
	margin-top: 40px;
}
.product-detail {
	padding:18px;
}
.product-inner>p {
	min-height: 0;
}
}
@media only screen and (max-width: 480px) {
.logo {
	position:static;
}
.image-box {
	width: 100%;
	margin-bottom: 20px;
}
.content-box {width: 100%;padding: 0 15px;}
.content-box h4 {font-size: 14px;line-height: 25px;}
.patti h1 {font-size: 16px;line-height: 25px}
.patti h2 {font-size: 13px;line-height: 25px}
.menu ul {width: 100%!important}
.contact_info{margin-top: 40px;}
.product-detail {padding:18px;}
.product-inner>p {min-height: 0;}
}
.whatsapp-se {
    right: 57px;
    bottom: 135px;
    width: 11px;
    z-index: 999;
    position: fixed;
}