@import url('https://fonts.googleapis.com/css?family=Metrophobic');
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-font-smoothing:antialiased; outline:none; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; font-style: normal; font-family: 'Metrophobic', sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background:#fff; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* End of the Reset Style */
::-moz-selection { color: #ffffff; background: #eb5302; }
::selection { color: #ffffff; background: #eb5302; }
div#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #fff url(../imgs/loader.gif) no-repeat center center;
}
.toplink {  background:#2260ad; color:#fff; text-align:right; height:30px; line-height:30px; font-size:14px; }
#Carousel { position:relative; z-index:9; }
.carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }
.carousel-indicators li, .carousel-indicators .active { width:18px; height:18px; border-radius:50%; }

.accordion{margin-bottom:20px; margin-top:20px;}
.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.accordion-heading{border-bottom:0;}
.accordion-heading .accordion-toggle{display:block;padding:8px 15px;}
.accordion-toggle{cursor:pointer;}
.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5;}

.accordion-toggle { background:rgba(255,255,255,.7); font-size: 20px; color: #000; text-decoration:none; }
.accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f078";    
    float: right;
	font-size:14px; margin-top:5px;
}
.accordion-opened .accordion-toggle:after {    
    font-family: 'FontAwesome';
	content: "\f054";    
}

.accordion-toggle:hover { text-decoration:none; }
.item {
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-indicators { bottom:90px; }
.carousel-caption { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; padding:0; margin:0; right:inherit; bottom:inherit; }
.carousel-caption h3 { padding:10px; background:rgba(0,0,0,0.3); font-size:30px; color:#fff; display:table; margin:0 auto; text-shadow:none; font-weight:normal; }
.carousel-caption p { padding:10px; background:rgba(0,0,0,0.3); font-size:20px; color:#fff; margin:10px auto 0; display:table; text-shadow:none; font-weight:normal; }
header.container-fluid { background:#1f2464; line-height:40px; position:relative; z-index:99999; }
header.container-fluid a { color:#fff; font-size:13px; }

.navContainer { background:#fff; -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); position:relative; z-index:10; }
.navbar { padding-bottom:7px; padding-top:40px; background:#fff; -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); }
.navbar-nav { margin-top:18px; }
.navbar-nav>li>a { font-size:16px; color:#3e3e3e; transition:all ease 0.3s; }
.navbar-nav li a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .navbar-nav li.active a { background:#eae9e9; border-top:#2260ad 1px solid; transition:all ease 0.3s; }
.navbar-nav>li>.dropdown-menu { margin-top:20px; padding:0; }
.navbar-collapse { padding:0; }
.dropdown-menu>li>a { padding:12px 20px; }
.navbar-nav>li>a { padding:10px 20px; }
.navContainer { position:relative; }
.navContainer #logo { position:absolute; top:-30px; left:50%; transform: translate(-50%, 0); }
.navbar-toggle { background:#1f2464; margin-top: 25px; margin-right: 0; }
.navbar-toggle .icon-bar { background:#fff; }
.navbar .container { position:relative; }
.topContact { position:absolute; right:0; top:78px; background:#fff; padding:10px 10px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.topContact i { color:#2260ad; }
.topContact i:nth-child(2) { color:#c22224; }
.panel-title a { display:block; }

#about { background:url(../imgs/About-us.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#contact { background: url(../imgs/Contact-us.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#enquiry { background: url(../imgs/Enquiry.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#nylonSeries { background: url(../imgs/nylon-series.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#SSSeries { background: url(../imgs/SS-Series.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#UrinalPartitions { background: url(../imgs/Urinal-Partitions.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#Systems { background: url(../imgs/Systems.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#boxModal { background: url(../imgs/Box-Model.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#pdDoor { background: url(../imgs/PD-Door.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#pdDoor1 { background: url(../imgs/PD-Door1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.content { margin-top:150px; }
.leftBg, .rightBg { background:rgba(255,255,255,.8); border:1px solid #ccc; padding:20px; margin-bottom:90px; border-radius:8px; }
.leftBg h1, .rightBg h2 { font-size:25px; color:#2260ad; line-height:35px; }
.leftBg p { text-align:justify; line-height:22px; font-size:15px; margin-top:10px; }
.leftBg p b { font-weight:bold; }
.rightBg ul { margin-top:10px; }
.rightBg ul li { margin:1px 0 0 1px; font-size:15px; background:rgba(255,255,255,.3); transition:all ease 0.3s; }
.rightBg ul li:hover, .rightBg ul li.active { background:rgba(255,255,255,1); transition:all ease 0.3s; }
.rightBg ul li a { display:block; padding:13px 10px; color:#000; }
.rightBg ul li:hover a, .rightBg ul li.active a { text-decoration:none; color:#c22224; }

table { font-size:15px; margin-top:15px; }
table tr td { padding:10px; border:1px solid #aaa; }

.leftBg ul { margin-top:15px; font-size:15px; }
.leftBg ul li { margin:10px 10px 10px 25px; list-style:square; }

.leftBg h3 { font-size:20px; color:#000; margin-top:20px; }

footer { min-height:30px; line-height:30px;  background: rgba(255, 255, 255, 0.5); position:fixed; bottom:0; width:100%; } 
footer .container p, footer .container p a { font-size:14px; color:#3e3e3e; }