@charset "utf-8";
/* CSS Document */
h1, h2, h3, h4{font-family: 'Oswald', sans-serif;text-transform:uppercase;letter-spacing:1px;}
body{font-family: 'Open Sans', sans-serif;}
a {color:#1c1d1d; text-decoration:none;}
a:hover{color:#1c1d1d; transition:all ease-in-out 0.5s;text-decoration:none;}
ul{ padding-left:15px;}
.margDiv{ padding-left:66px}
.navbar-toggle {border-color: #848484;}
.navbar-toggle .icon-bar {
    background: #000;}
.navbar-toggle {margin-top: 30px;}
.nav{ margin-top: 20px;}
.navbar {
    min-height: auto;
    margin-bottom: 0px;
    border: none;
	z-index:9999!important;
}
.navbar-brand {
    height: auto;
    padding: 5px 0px 0px 0px;}
.navbar-nav > li > a { font-size:16px; font-family: 'Oswald', sans-serif; font-weight:300; letter-spacing:1px; text-transform:uppercase}
.navbar-nav > li > .dropdown-menu {
    margin-top: 13px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	z-index:9999:
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    display: none;
    float: left;
    min-width: 180px !important;
    padding: 0px 0;
    margin: 2px 0 0;
    background-color: #fff;
    border: none;
    border: none;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	background:rgba(48, 49, 49, 0.9);
}
.dropdown-menu li { border-bottom:1px solid#fff}
.dropdown-menu li:last-child{ border-bottom:none;}
.dropdown-menu li a{ padding-top:5px; padding-bottom:10px;color:#fff;}
.dropdown-menu li a:hover{ color:#fff;}

.dropdown-submenu{ z-index:9999!important;}
.dropdown-submenu > a::after {
 border-color: transparent transparent transparent #f6f6f6;
 border-style: solid;
 border-width: 5px 0 5px 5px;
 content: " ";
 display: block;
 float: right;
 height: 0;
 margin-right: -10px;
 margin-top: 5px;
 width: 0;
 z-index:9999!important;
}
.dropdown-submenu:hover > .dropdown-menu {
	display: block;
}
.dropdown-submenu{ position:relative;}
.dropdown-submenu > .dropdown-menu {
	border-radius: 0 6px 6px;
	left: 100%;
	margin-left: -1px;
	margin-top: 8px;
	width:auto;
	}
.nav>li>a:focus, .nav>li>a:hover {
	text-decoration: none;
	background: none;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	background:#fff;
	color:#000;}

.collTop.col-md-3{padding-right:0px; padding-left:0px;}
.collUs {
    background: #333;
    padding: 5px 20px;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 2px;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
}
.collUs sub{font-size:13px;font-weight:400;text-transform:uppercase}
.collUs span {
    font-weight: 500;
    font-size: 14px;
	letter-spacing: 1px;
}


.bannerBg { background:url(../img/main-banner.jpg) no-repeat 0 0 #fff;}
.bannerBg  h1{ padding-top:70px;font-weight:700;font-size:30px;}
.bannerBg  h1 p{ font-size:20px; font-weight:100;}
.bannerBg .row{ margin-top:30px;}
.bannerBg .text-info{color:#fff}
.leftNav{ background:rgba(255, 255, 255, 0.9); position:relative; margin-left:20px; margin-right:30px; padding:30px 0px 30px 28px}
.leftNav:before{ content:""; position:absolute; top:-20px; left:-20px; height:20px; width:50%; z-index:9999; background:#333; }
.leftNav:after{ content:""; position:absolute; left:-20px; top:0px; height:50%; width:20px; z-index:9999; background:#333;}
.leftNav h2, .insidLeft h2{ font-size:24px; font-weight:700;}
.leftNav ul{ list-style:none; padding-left:0px; margin-top:20px}
.leftNav li{ background:url(../img/left-icon.png) no-repeat 0 9px; padding-left:30px; padding-bottom:15px; font-size:18px; font-family: 'Oswald', sans-serif; font-weight:100;text-transform:uppercase;letter-spacing:1px;}
	
.slidDiv{margin-right:10px;}
 .slidDiv:before{ content:""; position:absolute; top:-20px; right:5px; height:20px; width:50%; background:#ef3445; }
.slidDiv:after{ content:""; position:absolute; right:5px; top:0px; height:50%; width:20px; z-index:9; background:#ef3445;}



.carousel-control.left, .carousel-control.right{ background:none;}
.glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    margin-top: 0px;
    font-size: 12px;
	background:#333;
	padding-top:9px;
	text-shadow:0px;
	border-radius:4px;
}
.carousel-control {
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: none;
}
.aboutMain{background:#ef3445; padding:50px 0 70px; margin:60px 0px 30px;position:relative; color:#fff;}
.aboutMain:before{content:""; position:absolute; top:0%; left:0px; height:20px; width:30%; background:#333; z-index:9999;}
.aboutMain:after{content:""; position:absolute; bottom:0%; right:0px; height:20px; width:30%; background:#333; z-index:9999;}
.hedding.text-center{position:relative;}
.hedding{margin-bottom:50px;}
.hedding h1{ font-weight:700; font-size:32px; margin-bottom:0px;color:#333;}
.hedding h1 span{ color:#333;}
.borDiv{border-bottom:1px solid#fff;width:150px;margin:0px auto; height:1px; padding-top:25px;}
.borDiv:before{background:#fff; position:absolute; bottom:8%; left:30%; right:30%; height:1px; width:100px; z-index:9999; content:""; margin:0 auto; text-align:center}
.borDiv:after{background:#fff; position:absolute; bottom:-8%; left:30%; right:30%; height:1px; width:100px; z-index:9999; content:""; margin:0 auto; text-align:center}


.aboutMain h4{ margin:50px 0 30px;  font-size:18px;}
.aboutMain p{ margin:0 80px;}
.aboutMain .btn{ border:none;}
.aboutMain .btn-default{padding:9px 50px; margin-top:40px;}
/*
.aboutlist{ padding:0px 80px;}
.aboutlist a{font-size:20px; font-weight:600; color: #fff;}
*/

.advDiv{ border:1px solid#ccc; box-shadow:1px 0px 8px #ccc; padding:10px;}
.advDiv p{ font-size:12px !important;}
.advDiv h4{ font-size:15px !important; margin-top:20px;}
.advDiv a{ font-size:12px; color:#ef3445;}
.advDiv a:hover{ font-size:12px; color:#333 }

.hotProd .hedding h1 span{ color:#ef3445;}
.borDiv1{border-bottom:1px solid#000;width:150px;margin:0px auto; height:1px; padding-top:25px;}
.borDiv1:before{background:#000; position:absolute; bottom:8%; left:30%; right:30%; height:1px; width:100px; z-index:9999; content:""; margin:0 auto; text-align:center}
.borDiv1:after{background:#000; position:absolute; bottom:-8%; left:30%; right:30%; height:1px; width:100px; z-index:9999; content:""; margin:0 auto; text-align:center}
.prdText{ margin:-40px 15px 60px 15px;  padding:20px 0 0; box-shadow: 0px 0px 2px #b9b9b9; position:relative; background:#fff; border:1px solid#fff;}
.prdText h4{ font-size:17px; color: #ef3445;}
.prdText .btn{ border-radius:0px;border:none;}
.prdText p{ padding:10px 20px 20px;}
.prdText .btn{ border-radius:0px;border:none; padding-top:10px; padding-bottom:10px;}
.prdText .btn-info{background:#333;}
.prdText .btn-info:hover{background:#ef3445;}
.prdImg img {border: 1px solid #d6c8c8;}

.mainMarg {margin-top:50px;}

.whoMin{background:#efeeee; padding:50px 0 20px;position:relative;}
.whoMin:before{content:""; position:absolute; top:0%; left:0px; height:20px; width:30%; background:#ef3445; z-index:9999;}
.whoMin:after{content:""; position:absolute; bottom:0%; right:0px; height:20px; width:30%; background:#ef3445; z-index:9999;}
.whoMin .hedding h1 span{ color:#ef3445;}
.whoIs{ margin:15px 0 35px;}
.whoIs h4{ font-size:18px; font-weight:700;margin-bottom:30px;line-height:28px;margin-top:0;}
.whoRight{ margin:15px 0 65px;line-height:25px;}
.whoIcon{width:76px; height:76px; border-radius:50%; background:#fff; line-height:76px; text-align:center; margin-left:50px; margin-bottom:20px; text-align:center;}
.whoText h4{margin-bottom:10px; margin-top:0;}

.quickContact{ background:#e1e1e1; padding:0px 0;}
.quickContact .row{ margin-top:50px }
.quickContact h5{ margin-top:0px; font-size:22px; font-weight:100; }
.quickContact p{ margin-bottom:0px;}

footer{ background:#333; padding:50px 0 0;color:#fff;}
.bottomDiv h4{ margin-bottom:30px;}
.bottomDiv ul{ list-style:none; margin:0px; padding:0px;}
.bottomDiv li{font-size:15px; padding-bottom:8px;}
.bottomDiv li i{ padding-right:15px}
.bottomDiv li p{ padding-left:28px}
.bottomDiv li a{  color:#fff; text-decoration:none;}
.bottomDiv li a:hover{  color:#ef3445;text-decoration:none;}
.copyRight{background:#ef3445; margin-top:20px;}
.copyRight p{ margin-bottom:0px;padding-top:12px; font-size:12px;}
.copyRight i{background:#fff; color:#333; padding-left:10px; padding-right:10px; float:right;}


/* Inside Page CSS */

.insidebanner { background:url(../img/inside-bg.jpg) no-repeat 0 0 #fff; min-height:210px; height:100%; }
.insidebanner  h1{ padding-top:50px;font-weight:700;font-size:30px; color:#fff;}
.insidebanner  h1 p{ font-size:20px; font-weight:100;}
.inside-ct{ background:url(../img/inside-ct.jpg) no-repeat 0 0 #fff; min-height:210px; height:100%; }
.inside-ct h1{ padding-top:80px;font-weight:700;font-size:30px; color:#111111;}
.inside-ab{ background:url(../img/inside-ab1.jpg) no-repeat 0 0 #fff; min-height:210px; height:100%; }
.inside-ab h1 {
    padding-top: 80px;
    font-weight: 700;
    font-size: 30px;
    color: #fff;
}

.breadC{color:#fff;background:#333; margin-bottom:20px; padding:0px 0px 0px 100px}
.breadcrumb{
    padding: 8px 0px;
    margin-bottom: 0px;
    list-style: none;
    background:none !important;
    border-radius: 0px;
}
.breadcrumb a, span a{ color:#fff;}
.breadcrumb a:hover, span a:hover{ color:#000;}
.shadowDiv{box-shadow:0px 0 5px #e7e7e7; margin-bottom:50px;}
.prdDesign{padding:20px;}
.prdDesign:before{ content:""; position:absolute; top:-20px; right:5px; height:20px; width:20%; background:#ef3445; }
.prdDesign:after{ content:""; position:absolute; right:-6px; top:-20px; height:33%; width:20px; z-index:9999; background:#ef3445;}

.prdDesign h3{ font-size:20px; padding-bottom:10px; margin-top:50px; color:#333;}
.prdDesign h4{ font-size:15px;}
.prodImage{ margin-left:20px; margin-bottom:40px;}
.prodImage img {
    width: 100%;
    max-height: 230px;
    box-shadow: 0 0 1px #ccc;
    min-width: 300px;
}

.imgContact {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    max-width: 320px;
	position:relative;
	padding:10px 0px 10px 40px;
}

.imgContact p{
	margin-left:65px;
}
.imgContact .quote-btn {
    margin-bottom: -40px;
    font-size: 14px;
	background: #fff none repeat scroll 0 0;
	border:1px solid#333;
	left:17%;
	position:relative;
	padding:8px 43px;
	border-radius:0px;
	color:#2f2f2f;
	transition:all ease-in-out 0.5s;
}
.imgContact .quote-btn:hover{
	background: #ef3445 none repeat scroll 0 0;
	color:#fff;
	border:1px solid#d01e2e;
	transition:all ease-in-out 0.5s;
}

.insidLeft{
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    padding: 10px 0px 30px 0px;
}
.shadowLeft{box-shadow:0px 0 5px #e7e7e7; }
.insidLeft h2{padding-left:33px; margin-top:25px;}
.insidLeft:before{ content:""; position:absolute; top:-20px; left:-20px; height:20px; width:50%; z-index:9999; background:#ef3445; }
.insidLeft:after{ content:""; position:absolute; left:-20px; top:0px; height:50.5%; width:20px; z-index:9999; background:#ef3445;}

.accordionButton {font-size:16px;padding:10px 10px 10px 60px;  background:url(../img/left-icon.png) no-repeat 35px center; 	cursor:pointer; margin-bottom:0px; border-top:1px solid #e1e1e1;}
.accordionButton a{ color:#333;  outline:none !important  } 
.accordionContent li a:hover{ color:#333; }
.accordion-btn-active{ background:url(../img/ar-dwn.png) no-repeat 35px center; color:#fff;}
.accordion-btn-active a{ color: #333; outline:none !important  }
.accordionContent {	width: auto; margin-bottom:2px; }
.accordionContent li{font-weight:normal; font-size:14px; border-bottom:1px dashed #e1e1e1;list-style-type:none;}
.accordionContent li:last-child{ border-bottom:none !important }				  
.accordionContent li a{ color: #000; display:block;  outline:none !important;background:url(../img/ar5.png) no-repeat 20px center; padding:5px 0 5px 33px;}
.modal-header {
    background: #333 none repeat scroll 0 0;
    border-bottom: medium none;
    border-radius: 5px 5px 0 0;
    color: #fff;
    overflow: hidden;
}

.modal-content .btn-warning:hover {
    background: #333 none repeat scroll 0 0;
}
.modal-content .btn-warning {
    background: #000000 none repeat scroll 0 0; border:none;}
.modal-content {
    box-shadow:none;
	margin-bottom:30px;
}



@media only screen and (max-width: 1230px){
	.navbar-brand {
    padding: 15px 0px 15px 0px;}
	
}

@media only screen and (max-width: 990px){
.navbar-brand {padding: 15px 0px 15px 0px;}
.navbar-brand  img{max-width:300px; height:auto; width:100%;}
	.aboutMain p{ margin:0 0px;}
	.whoIcon {margin-left: 0px;}
	.quickContact .row{ margin-top:10px; margin-bottom:10px; }
	
}


@media only screen and (max-width: 767px){
	.navbar-brand {
    padding: 15px 0px 15px 0px;}
	.navbar-brand img{
    height: auto;
    max-width:236px;}
.navbar-toggle {margin-top: 15px; margin-right: 0px;}
.prodImage {margin-left: 0px;}
.prodImage.pull-right{ float:none;}
}

@media only screen and (max-width: 400px){
	.prodImage img {
    width: 100%;
    max-height: 230px;
    box-shadow: 0 0 1px #ccc;
    min-width: 200px;
}

.imgContact { padding: 10px 0px 10px 10px;}
.imgContact .quote-btn {padding: 8px 27px;}
}