body {font-family: 'Roboto', sans-serif; background:#FFF; margin:0px; padding:0px; font-size:14px; color:#333; font-weight:normal;}
.main-div { margin:0px; padding:0px; width:100%; float:left;}
h1, h2, h3 { font-family: 'Roboto Condensed', sans-serif;}
h4, h5, h6 { font-weight:normal;}
.header-section { float:left; width:100%; margin:0px; padding:15px 0px; }
.logo { height:auto;}
.phone-number { width:70%; text-align:right; float:right; margin:0px; padding:0px;}
.phone-number h3 { font-size:18px;}
.phone-number strong {color:#e3000f;}
.span { color:#005ca9;}
.navigation { background:none; border-top:solid 4px #e3000f; border-bottom:0px; height:auto; background:#FFF;}
.nav-sec { margin-top:0px; text-transform:uppercase;}
.navigation .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active { background:none; border-bottom:solid 2px #F00; padding-bottom:4px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background:none; color:#e3000f;}
.banner-section { float:left; width:100%; margin:0px; padding:0px; margin-top:50px;}
.banner-topbg{ background:url(../images/overlay-pattern.png) !important;  background-color: rgba(14,25,35,0.3); position: absolute; z-index:0; width:100%; height:100%; left:0px; top:0px;}
.banner-text {float: left; width: 54%; height: 100%; text-align:left; display: table; text-shadow: none; }
.contentpos {display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.carousel-caption .banner-text { text-shadow:none;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img { width:100%; height:100%;}
.banner-text h3{ color:#FFF; width:30%; padding:10px; margin:auto;} /*background:#0095da;*/
.banner-text h2{ font-size:30px; text-transform:uppercase; line-height:35px;}
.shadow-text { text-shadow:none !important;}
.banner-text h5{ margin-bottom:25px; line-height:22px;}
.banner-button { background:#e3000f; border:0px; padding:15px 35px; color:#FFF; margin-bottom:25px;}
.inner-text { float:left; width:100%; top:0px; position:relative;}

.fullsection { float:left; width:100%; margin:0px; padding:0px;}
.webdetails { float:left; width:100%; margin:0px; padding:15px; position:relative; z-index:99; margin-top:-40px;}
.mobile-icon:before { content:"\f10b"; font-family:'FontAwesome'; font-style:normal; font-size:36px;}
.map-icon:before { content:"\f041"; font-family:'FontAwesome'; font-style:normal; font-size:36px;}
.detail-text { margin:0px; padding:30px 15px; float:right; width:100%; background:#e6e7e8; text-align:center;}
.detail-head { float:left; width:100%; margin:0px; padding:15px 0px; text-align:center; background:#ea3f3a;}
.detail-head a { text-decoration:none; color:#FFF; text-transform:uppercase; font-size:20px;}


.abt-fullsection { float:left; width:100%; margin:0px; padding:50px 0px; background: url(../images/abt-bg.jpg)center center fixed; height:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.abt-section { float:left; width:100%; margin:0px; padding:0px; color:#FFF;}
.abt-section h1 { text-transform:uppercase; font-weight:600;}
.abt-img img { float:left; width:100%;}
.knowmore { background:#FFF; padding:15px 35px; border:0px; margin-top:20px; color:#e3000f;}
.abt-img { float:left; width:100%; text-align:right;}
.rock-drillsection { float:left; width:100%; margin:0px; padding:0px; padding:50px 0px;}
.rock-drill { float:left; width:100%; margin:0px; padding:0px;}
.rock-drill h3{margin-top:0px; padding:0px; font-size:30px; font-weight:600;}
.rock-drill span{color:#e3000f;}
.rock-drill ul { margin-top:20px; padding:0px; list-style:none;}
.rock-drill ul li { margin-bottom:20px; padding:0px; font-size:16px;}
.rock-drill ul li:before {content:"\f013"; font-family:'FontAwesome'; font-size:18px; margin-right:15px; color:#e3000f;}
.rock-img { background:#e3000f; padding:10px; float:left; width:100%;}
.rock-img img {float:left; width:100%;}

.vision-process { float:left; width:100%; background:url(../images/vision-bg.jpg) center center fixed; height:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding:30px 0px;}
.vision-left-section { float:left; width:100%; margin:0px; padding:0px; color:#FFF;}
.vision-left-section h3 { border-bottom:solid 1px #FFF; font-size:30px; color:#f7b504;}
.vision-left-section ul { margin:0px; padding:0px; list-style:none;}
.vision-left-section ul li { margin:0px; padding:0px; margin-top:15px; font-size:16px;}
.vision-left-section ul li .fa-circle-o { margin-right:15px;}
.vision-right-section { float:left; width:100%; margin:0px; padding:0px; color:#FFF;}
.vision-right-section h3 { border-bottom:solid 1px #FFF; font-size:30px; color:#f7b504; text-transform:uppercase;}
.vision-right-section h3 span {color:#FFF;}
.gallery{ display: inline-block; margin-top: 20px;}
.gallery-section { float:left; width:100%; margin:0px; padding:0px; text-align:center;}
.gallery-section h2 {font-size:30px; text-transform:uppercase; font-weight:600; border-bottom:solid 1px #333;}
.gallery-section h2 span {color:#e3000f;}
.knowmore-gallery { text-align:center; float:left; width:100%; margin-bottom:30px;}
.gallery-more { background:#e3000f; border:0px; padding:15px 35px; color:#FFF; margin-bottom:25px;}
.photo-gallery { float:left; width:100%; margin:0px; padding:0px; margin-top:20px;}

.footer-section { float:left; width:100%; margin-top:50px; padding:0px; background:url(../images/footer-bg.jpg)center center fixed; height:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.footer-bg { float:left; width:100%; background-color: rgba(19,13,23,0.9)}
.footer-leftsection { float:left; width:100%; margin:0px; padding:0px; margin-top:15px; color:#FFF;}
.footer-quick { float:left; width:100%; margin-top:30px; padding:0px; text-align:center;}
.footer-quick h2 {font-size:30px; text-transform:uppercase; font-weight:600; color:#FFF;}
.footer-quick ul { margin:0px; padding:0px; list-style:none; margin-top:15px;}
.footer-quick ul li { margin:0px 15px; padding:0px; display:inline;}
.footer-quick ul li a {color:#FFF; text-decoration:none; text-transform:uppercase; font-size:16px;}
.footer-social { float:left; width:100%; margin-top:30px; padding:0px; text-align:center;}
.footer-social h2 {font-size:30px; text-transform:uppercase; font-weight:600; color:#FFF;}
.footer-social ul { margin:0px; padding:0px; list-style:none; margin-top:15px;}
.footer-social ul li { margin:0px 5px; padding:0px; display:inline;}
.footer-social ul li a {color:#FFF; text-decoration:none; text-transform:uppercase; font-size:16px;}
.powered { float:left; width:100%; margin-top:30px; padding:0px; text-align:center; font-size:16px; color:#FFF; text-transform:uppercase;}
.powered span{ color:#e3000f;}
.copy-right {float:left; width:100%; margin-top:30px; padding:15px 0px; text-align:center; color:#FFF; background:#000;}

.inner-banner { float:left; width:100%; margin:0px; padding:0px; height:100%;  background-size: cover; text-align:center; height:auto;}
.inner-banner h1 { font-weight:600; color:#333; text-transform:uppercase;}
.bread-crumb { background:none;}
.bread-crumb li a { background:none; color:#FFF;}
.bread-crumb>.active {color:#000;}
.bread-crumb li a:hover{ text-decoration:none;}
.bread-crumb>li+li:before { color:#FFF;}
.title-abt { float:left; width:100%; margin:0px; padding:0px; text-align:center; background:#dddddd;}
.title-abt h3{ font-weight:600; text-transform:uppercase;}
.title-abt h3 span{ color:#e3000f;}
.about-section { float:left; width:100%; margin-top:5px; padding:0px;}
.about-section h2 { font-weight:600; text-transform:uppercase; font-size:30px; color:#333;}
.about-section h2 span { color:#e3000f;}
.about-section h4 { font-weight:600; margin-top:15px;}
.about-rightup { float:left; width:100%; margin-top:30px; padding:0px 0px;}
.about-rightup img { float:left; width:100%;}
.about-section ul { margin:0px; padding:0px; list-style:none;}
.about-section ul li { margin-top:10px; padding:0px;}
.about-section ul li:before {content:"\f013"; font-family:'FontAwesome'; font-size:18px; margin-right:15px; color:#e3000f;}
.about-full { margin-bottom:30px;}
.gap-bottom { margin-bottom:30px;}
.product-section { float:left; width:100%; margin-top:30px; padding:0px;}
.product-section ul { margin:0px; padding:0px; list-style:none; margin-bottom:15px;}
.product-section ul li { margin-top:10px; padding:0px;}
.product-section ul li:before {content:"\f013"; font-family:'FontAwesome'; font-size:18px; margin-right:15px; color:#e3000f;}
.table-section { float:left; width:100%; margin:0px; padding:0px;}
.table-section h3{ font-weight:600; text-transform:uppercase; text-align:center; font-size:36px; color:#e3000f; margin-top:30px;}
.table-align tr th{ text-align:center !important; }
.address { float:left; width:100%; margin:0px; padding:0px;}
.address h2 { font-size:20px; font-weight:600; text-transform:uppercase; margin-top:20px; padding:0px; color:#e3000f;}
.address h4 { font-size:17px; font-weight:600; padding:0px; border-bottom:solid 1px #999; padding-bottom:5px;}
.address h3 { font-size:20px; font-weight:600; padding:0px; color:#e3000f; margin-bottom:0px; margin-top:10px;}
.address h5 { line-height:24px; margin-top:0px;}
.inline-input { border-radius:0px; padding:20px 15px; margin-right:15px;}
.form-topgap { margin-top:20px;}
.form-section h2 { font-size:20px; font-weight:600; text-transform:uppercase; margin-top:20px; padding:0px; color:#e3000f;}
.form-control.inline-input {box-shadow:0px;}
.submit-msg {border:solid 1px #005ca9; background:none; border-radius:0px; padding:15px 35px; text-transform:uppercase; color:#005ca9;}
.submit-msg:hover { background-color:#005ca9; color:#FFF;}
.contact-map { float:left; width:100%; margin:0px; padding:0px;}
.fancybox-buttons {float: left; margin: 10px;}

/*Testmonial section start*/
#carousel-testimonials .carousel-indicators {
    bottom: inherit;
    top: 20rem;
}
#carousel-testimonials .carousel-indicators li{ 
    border :2px solid #7c8a8d; 
    width:16px; 
    height:16px;
    margin:0px;
    } 
#carousel-testimonials .carousel-indicators .active {
    width: 16px;
    height: 16px;
    margin: 0;
    background-color: #ac1c20;
    border :2px solid #ac1c20;
}
#carousel-testimonials .caption{
    margin-top:20px;
}
#carousel-testimonials .caption blockquote{
    font-size:36px;
    color:#282828;
    
}
#carousel-testimonials .caption small cite{
    color:#f7b504;
    font-size:20px;
	float:right;
}
#carousel-testimonials .caption #stars-existing{
    display:inline-block;
    font-size:28px;
}
#carousel-testimonials .caption #stars-existing .glyphicon-star-empty{
    color:#ac1c20;
}

#carousel-testimonials .caption #stars-existing .glyphicon-star{
    color:#ac1c20;
}

/*Testmonial section end*/

@media only screen and (max-width: 1024px){
	.inner-text { text-align:left; top:36px;}
.inner-text h1{ margin:0px;}
.banner-text {top:20px; width:70%;}
.banner-text h2 { font-size:26px; line-height:35px;}
}
	
@media only screen and (min-width: 901px) and (max-width: 1023px){
.banner-text {top:20px; width:70%;}
.banner-text h2 { font-size:22px; line-height:30px;}
}


@media only screen and (min-width: 800px) and (max-width: 900px){
.banner-text {top:20px; width:80%;}
.banner-text h2 { font-size:16px; line-height:20px;}
.banner-button { background:#e3000f; border:0px; padding:8px 35px; color:#FFF; margin-bottom:25px;}
}

@media only screen and (min-width: 768px) and (max-width: 799px){
.inner-text { text-align:left; top:56px;}
.inner-text h1{ margin:0px;}
.banner-text {top:0px; width:80%;}
.banner-text h2 { font-size:16px; line-height:20px;}
.banner-button { display:none;}
}

@media only screen and (min-width: 640px) and (max-width: 767px){
		.knowmore { margin-bottom:15px;}
		.rock-drill h3 { margin-top:15px;}
		.gallery-section { margin-top:70px;}
		.detail-head { margin-bottom:15px;}
		.detail-text {margin-top:15px;}
		.lightbox-section img { margin-bottom:15px; width:45%;}
		.inner-banner h1 { margin:0px;}
		.inner-text {top:58px;}
		.form-control.inline-input { margin-bottom:30px;}
		.banner-text {top:0px; width:80%;}
.banner-text h2 { font-size:16px; line-height:20px;}
.banner-button { display:none;}
}

@media only screen and (min-width: 568px) and (max-width: 639px){
	.knowmore { margin-bottom:15px;}
	.detail-head { margin-bottom:15px;}
		.detail-text {margin-top:15px;}
		.rock-drill h3 { margin-top:15px;}
		.lightbox-section img { margin-bottom:15px;}
		.form-control.inline-input { margin-bottom:30px;}
		.inner-text { text-align:left; top:65px;}
.inner-text h1{ margin:0px;}
.banner-text {top:0px; width:80%;}
.banner-text h2 { display:none;}
.banner-button { display:none;}
}

@media only screen and (min-width: 480px) and (max-width: 567px){
.knowmore { margin-bottom:15px;}
.detail-head { margin-bottom:15px;}
.detail-text {margin-top:15px;}
.rock-drill h3 { margin-top:15px;}
.lightbox-section img { margin-bottom:15px;}
.form-control.inline-input { margin-bottom:30px;}
.inner-text { text-align:left; top:68px;}
.inner-text h1{ margin:0px; font-size:20px; margin-left:15px;}
.banner-text { display:none;}
}

@media only screen and (min-width: 360px) and (max-width: 479px){
	.detail-head { margin-bottom:15px;}
	.detail-text {margin-top:15px;}
	.knowmore { margin-bottom:15px;}
	.rock-drill h3 { margin-top:15px;}
	.lightbox-section img { margin-bottom:15px; width:92%;}
	.lightbox-section a { padding-left:0px;}
	.lightbox-section img { margin-bottom:15px;}
	.form-control.inline-input { margin-bottom:30px;}
	.banner-text { display:none;}

}

@media only screen and (min-width: 320px) and (max-width: 359px){
.mrg-bottom { margin-bottom:15px;}
.detail-text {margin-top:15px;}
.knowmore { margin-bottom:15px;}
.rock-drill h3 { margin-top:15px;}
.lightbox-section img { margin-bottom:15px;}
.title-abt { padding-top:10px;}
.form-control.inline-input { margin-bottom:40px;}
.logo { width:52%;}
.banner-text { display:none;}
}



