/* CSS Document */
body{ line-height:24px; font-family:'Raleway', san-serif; margin:0px!important}
.span30{ padding:30px 0}
.p0{ padding-left:0px; padding-right:0px; }
.top-menu{ background:#1f273a; color:#fff; padding:5px; font-size:0.88em;}
.top-menu li{ padding:0 10px }
.top-menu li a{ color:#fff}
.logo{ padding:10px 0}
.fa1{ width:40px; height:40px; background:url(../images/social-icons.png) 2px 0px; }
.fa2{ width:40px; height:40px; background:url(../images/social-icons.png) 155px 0px; }
.fa3{ width:40px; height:40px; background:url(../images/social-icons.png) 80px 0px; }

.navi-menu { margin-top:15px;}
.navbar{ margin-bottom:10px;}
.navi-menu li{ padding:10px 0px; }
.navi-menu li.active{background:#e4012f!important ; }
.navi-menu li.active a, .navi-menu li.focus a { color:#fff;  border:none!important;  }
.navi-menu li a{ color:#000; line-height:12px;  padding:5px 15px; font-weight:600; font-size:1.2em; border-right:1px solid #ccc }
.navi-menu li.last{ border:none;}
.navi-menu .sub-menu {   
    position: absolute;
    top: 90px;
	list-style:none;    
    font-size: 12px;
    line-height: 34px;
    margin-top: 10px;
    padding: 20px 0 20px;
    background: #1e283a;
    z-index: 2;
    text-transform: uppercase;}
	.navi-menu > li.active > a:hover, .navi-menu > li.active > a:focus {
    
    background-color: #e4012f !important ;
}
#map-canvas{ border:5px solid #ccc; box-shadow:1px 10px 10px #333}
dt,dd{display:inline!important; padding:5px; line-height:30px;}
.contact-page .fa{ color:#e4012f}
.navbar-header{ background:#e4012f}

.dropdown-menu li a{ border-right:none}
.dropdown:hover .dropdown-menu{ display:block; transition:fade-in 1s}
	.navi-menu .sub-menu a { color:#fff!important   }
	.sf-with-ul:hover .sub-menu{ display:block }
.banner-heading{ background:#353334; color:#fff; text-align:center;}
.banner-heading h2{ font-size:1.6em; }
.banner-heading p{ color:#999; font-size:0.89em;}
.red{ color:#fe0000;}
.logo{ border-bottom:1px solid #eee}
.main-content h1{ font-size:2em; font-weight:600; padding-bottom:20px;}
.main-content p{ color:#999}
.btn-default2{ background:#fe0000; color:#fff; margin-top:10px;}
.number{ color:#e4012f; padding:7px; border:1px solid #e4012f; width:50px; text-align:center; line-height:30px; height:50px}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.navbar-toggle .icon-bar{ color:#fff; background:#fff}
.media-left {
    padding-right: 10px;
}
.pt20{ padding-top:20px;}
.pro-sec{ background:#555555; padding:10px 15px; }
.pro-sec h3{ color:#000;}
.pro-sec p{ color:#fff; font-size:0.9em;}
.p-name{ width:100%; height:100%; color:#fff; background-color:rgba(228, 1, 47, 0.8); text-align:center; line-height:190px;  bottom:0; position:absolute; padding:5px; display:none; font-size:1.3em;}
.product-range:hover .p-name{ display:block;}
.industry img{ display:table-cell; }
.industry h1{ padding-bottom:25px;}
.industry{ text-align:center;} 
.industry li{ height:auto; width:15%; text-align:center;}
.industry span.ind{ padding-top:20px; font-size:1em; font-weight:600; text-align:center;}
.contact-details{ background:url(../images/contct-back.jpg) fixed center center;  padding:25px; color:#fff;}
.contact-details h2{ text-align:center; font-weight:800; text-transform:uppercase }
.btn-white{ border:2px solid #fff; background:transparent!important; padding:10px 20px; margin-top:20px;}
.contact-details h3{ text-align:right; font-weight:800; text-transform:uppercase }
.contact{ font-size:1.2em; font-family:Arial, Helvetica, sans-serif;}
 table.borderless td,table.borderless th{
     border: none !important;
}
.camera-content {
    background: rgba(225, 226, 228, 0.68);
    width: 600px;
	 margin:auto;
    text-transform: uppercase;
    text-align: center;
    color: #1e283a;
    padding-top: 52px;
    padding-bottom: 79px;
	position:absolute;
	left: 30%;
    bottom: 60px!important;
	z-index:1111;
	 transition: all 1.2s ease 0s;
}
.camera-content h2{ font-size:2.5em; font-weight:800; line-height:30px;}
.camera-content p{ font-size:2.5em; font-weight:600; line-height:24px;}
.footer{ background:#fff; color:#333; border-top:1px solid #eee}
.footer li{ padding:0px!important;  margin:-3px;}

/*enquiry*/
.enquiry{ box-shadow:2px 10px 30px #ccc; padding:30px 20px}
.enquiry h2{ padding-bottom:20px}
.box1{ border:2px solid #fe0000; padding:15px; text-align:center; vertical-align:middle; margin-top:20px; height:250px;}
.prod-name{ color:#333; font-size:2.2em; font-weight:800; font-family:Arial, Helvetica, sans-serif}
.p-pic{ border:2px solid #eee; height:220px}
.prod h4{margin:10px 0; text-align:center}
@media(min-width:320px){
.industry li{ width:150px;}
.box1{ height:350px}
}
 /* Style the list */
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 14px;
}

/* Change background color of links on hover */
ul.tab li a:hover {background-color: #ddd;}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {background-color: #ccc;}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}