@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Oswald:700|Roboto:400,500,700');


*{padding:0; margin:0;}
body{background:#fff; padding:0; margin:0; font-size:16px; font-family: 'Roboto', sans-serif;}

.top-header{background:#e10000; padding:7px 0;}
.top-header ul{list-style:none; margin:0; float:right;}
.top-header ul li{display:inline-block; padding:0 10px; border-right:solid 1px #ddd; color:#fff; font-size:15px;}
.top-header ul li i{font-size:20px; padding-right:5px;}
.top-header ul li:last-child{border:none; padding-right:0;}
.menu-bar{background:#fff; border-top:solid 4px #e10000; padding:15px 0; z-index:999; width:100%; border-bottom:solid 1px #ddd; }
.affix {
      top:0px;
  }
.menu-bar .navbar-default .navbar-brand{display:none;}
.menu-bar .navbar-default{background:none; border:none;}
.menu-bar .navbar{margin:12px 0 0; min-height:auto;}
.menu-bar .navbar-default .navbar-nav{float:right;}
.menu-bar .navbar-default .navbar-nav > li{padding:0 0 0 34px;}
.menu-bar .navbar-default .navbar-collapse{padding:0;}
.navbar-default .navbar-nav > li > a{color:#333; text-transform:uppercase; background:none; padding:8px 0; font-size:15px; font-weight:500; border-bottom:solid 3px #fff}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#e10000; text-transform:uppercase; background:none; border-bottom:solid 3px #e10000;}
.menu-bar .call-us{padding:0; text-align:right; line-height:66px;}
.menu-bar .call-us a{font-size:20px; color:#454545; text-decoration:none; display:block; font-weight:400;}
.menu-bar .call-us a span{font-weight:500; color:#333;}
.slider{border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; }
.slider .carousel-caption{text-align:left; left:0; right:0; padding-left:15px; bottom:60px;}
.slider .carousel-caption h1{font-size:38px; text-transform:uppercase; color:#fff; text-shadow:1px 1px #000; font-family: 'Oswald', sans-serif; font-weight:700; margin:0 0 20px}
.slider .carousel-caption p{font-size:24px; color:#fff; font-weight:400; text-shadow:1px 1px #000; margin:0 0 40px;}
.slider .carousel-caption a{font-size:20px; color:#fff; background:#e10000; border-radius:50px; width:250px; padding:15px 0; display:block; text-align:center; text-transform:uppercase; font-weight:700; margin-bottom:30px; text-decoration:none; border: solid 2px #e10000;}
.slider .carousel-caption a:hover{color:#e10000; background:#000;}
.slider .carousel-inner img{
	/*width:100%; */ 
	display: block;
    margin: 0 auto;	
	height:520px;}
.slider .carousel-inner {
		background-color: lightgrey;
}
.carousel-indicators li{border-radius:0; background:#ddd; height:4px; width:25px;}
.carousel-indicators .active{background:#e10000; height:4px; width:25px;}
#about{padding:80px 0;}
#about .about-content h2{font-size:36px; color:#e10000; display:block; font-weight:700; margin:0 0 15px; text-shadow:1px 1px #333;}
#about .about-content h2 span{color:#000; text-shadow:1px 1px #ddd;}
#about .about-content p{font-size:14px; color:#333; line-height:23px;}
#about .about-banner img{max-width:100%;}
.our-service{padding:70px 0 60px; text-align:center; border-top:solid 1px #eee;}
.our-service h2, .our-gallery h2{font-size:36px; color:#e10000; display:block; font-weight:700; margin:0; text-shadow:1px 1px #333;}
.our-service h2 strong{color:#000; text-shadow:1px 1px #ddd;}
.our-service span, .our-gallery span{font-size:15px; color:#333; display:block; margin:0; padding:15px 0 20px;}
.our-service .service-contant{padding:15px 0; }
.our-service h3{font-size:24px; color:#333; margin:15px 0;}
.our-service .service-contant p{font-size:16px; color:#333; margin:0;}

/*..... Gallery.....*/
.our-gallery{background:#eee; padding:40px 0 30px; text-align:center; }
.our-gallery h2{color:#000; text-shadow:1px 1px #ddd;}
.our-gallery .gallery-contant{border:solid 1px #ccc; border-radius:2px; overflow:hidden; margin:15px 0; background:#000;}
.gallery-contant {margin: 15px 0; overflow: hidden; position: relative; border:solid 1px #ddd; border-radius:3px;}
.gallery-contant img.thumb {-moz-transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1); transform: scale(1); -webkit-transition: all 700ms ease;-moz-transition: all 700ms ease;-ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease;}
.gallery-contant:hover img.thumb {opacity: 1; transition: all 0.35s; -moz-transform: scale(1.13); -webkit-transform: scale(1.13); -ms-transform: scale(1.13); transform: scale(1.13);}
.fg-overlay { position: absolute;top: 0;left: 0; bottom: 0;right: 0; transition: all.3s; width: 100%; height: 100%; padding: 30px; cursor: pointer;}
.gallery-contant:hover .fg-overlay { background-color: rgba(0, 0, 0, 0.7); opacity: 1; -moz-transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1); transform: scale(1);}
.fg-overlay h3 { font-size:18px; font-weight: 400; line-height: 22px; color: #fff; opacity: 0; margin-bottom: 5px; -moz-transform: scale(0.1); -ms-transform: scale(0.1); -webkit-transform: scale(0.1); transform: scale(0.1); transition: all .35s;}
.fg-overlay p { font-size: 14px; color: #fff; opacity: 0; -moz-transform: scale(0.5);-ms-transform: scale(0.5); -webkit-transform: scale(0.5);transform: scale(0.5); transition: all .35s;}
.gallery-contant:hover .fg-overlay h3, .gallery-contant:hover .fg-overlay p{ opacity:1; -moz-transform:scale(1);-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.fg-overlay:before {opacity: 0; border: 1px solid #f1f1f1; position: absolute; top:15px; left:15px;bottom:15px; right:15px; z-index: 10; content: ""; display: block; -moz-transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5);transform: scale(0.5); transition: all .35s;}
.gallery-contant:hover .fg-overlay:before {opacity: 1; -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

.our-work{background:#fff; border-bottom:solid 1px #ddd;}
.contact{padding:50px 0;}
.contact .contact-us h2{font-size:36px; font-weight:700; color:#e10000; text-shadow:1px 1px #333; margin:0; padding:0 0 35px;}
.contact .contact-us h2 span{color:#333; text-shadow:1px 1px #ddd;}
.contact .contact-us ul{list-style:none; margin:0;}
.contact .contact-us ul li{padding:0 0 20px; display:block; font-size:16px; font-weight:400;}
.contact .contact-us ul li img{padding-right:6px; float:left;}
.contact .contact-us ul.social-icon li{display:inline-block; padding:15px 0;}
.contact .contact-us ul.social-icon li a i{background:#7f7f7f; border-radius:50%; height:41px; width:41px; text-align:center; color:#fff; line-height:41px; font-size:20px; }
.contact .contact-us ul.social-icon li a i:hover{background:#e10000;}
.contact .contact-form input{width:100%; border-radius:5px; border:solid 1px #ddd; background:#f8f8f8; padding:12px 15px; margin-bottom:10px; height:40px;}
.contact .contact-form textarea{width:100%; margin-bottom:12px; padding:15px; border:solid 1px #ddd; background:#f8f8f8; color:#8f8f8f;}
.contact .contact-form button{font-size:24px; border-radius:5px; width:100%; padding:12px; text-align:center; color:#fff; background:#e10000; border:solid 2px #e10000; text-transform:uppercase; margin:0 auto;}
.contact .contact-form button:hover{border:solid 2px #333; color:#333; background:#fff;}
.footer{background:#4c4c4c; padding:20px 0; text-align:center;}
.footer p{font-size:14px; border-top:solid 1px #fff; padding:15px 0 0; margin:15px 0 0; color:#fff;}
.footer p span{color:#e10000;}

@media(min-width:300px) and (max-width:767px){
..top-header ul{float:none;}
.top-header ul li{border:none; padding:5px; text-align:center; display:block;}
.menu-bar{padding:8px 0 0;}
.menu-bar .container{padding:0;}
.menu-bar .logo{text-align:center;}
.menu-bar .logo img{width:75px;}
.menu-bar .menu{background:#000;}
.menu-bar .navbar-default .navbar-brand{display:block; color:#fff;}
.menu-bar .navbar-default .navbar-toggle{background:#fff;}
.menu-bar .navbar-default .navbar-nav{float:none; margin:0;}
.menu-bar .navbar-default .navbar-nav > li{padding:0; }
.menu-bar .navbar-default .navbar-nav > li:hover, .menu-bar .navbar-default .navbar-nav > li:focus{padding:0; background:none;}
.navbar-default .navbar-nav > li > a{color:#fff; padding:12px 15px; text-align:left; border:none;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background:#e10000; border:none; color:#fff; padding:12px 15px;}
.slider .carousel-inner img{height:210px; width:100%;}
.slider .carousel-caption{padding:0 15px; bottom:20px;}
br{display:none;}
.slider .carousel-caption h1{font-size:18px; margin:0 0 10px;}
.slider .carousel-caption p{font-size:12px; margin:0 0 20px;}
.slider .carousel-caption a{font-size:14px; width:140px; padding:8px; margin:0;}
.carousel-indicators{display:none;}
#about{padding:20px 0;}
#about .about-content h2, .our-service h2, .our-gallery h2, .contact .contact-us h2{font-size:30px;}
.our-service, .our-gallery{padding:30px 0 20px;}
.our-service .service-contant h3{font-size:22px; margin:10px;}
.our-service .service-contant p{font-size:14px;}
.our-service span br, .our-gallery span br{display:none;}
.fg-overlay h3 {font-size:16px;}
.fg-overlay p {font-size:13px;}

.contact{padding:30px 0;}
.contact .contact-us h2{padding-bottom:15px;}
.contact .contact-us ul li{font-size:14px; padding:0 0 20px;}
.contact .contact-us ul li img{float:left;}
.contact .contact-form button{width:100%;}
}

@media(min-width:768px) and (max-width:991px){
.menu-bar .logo img{width:75px;}
.menu-bar .navbar-default .navbar-nav > li{padding:0 0 0 20px;}
.navbar-default .navbar-nav > li > a{font-size:13px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{font-size:13px;}
.menu-bar .call-us a{font-size:14px;}
.menu-bar .navbar{margin:5px 0 0;}
.slider .carousel-inner img{height:300px;}
.slider .carousel-caption{bottom:40px;}
.slider .carousel-caption h1{font-size:28px; margin:0 0 10px;}
.slider .carousel-caption p{font-size:18px; margin:0 0 25px;}
.slider .carousel-caption a{font-size:16px; width:170px; margin:0; padding:8px 0;}
#about{padding:30px 0 10px;}
#about .about-content h2{font-size:30px; padding:5px 0;}
#about .about-content p{font-size:13px; padding-bottom:20px;}
#about .about-content .about-feature .about-service-text{padding-left:8px;}
#about .about-content .about-feature h3{font-size:15px; }
#about .about-content .about-feature p{font-size:13px;}
.our-service, .our-gallery{padding:30px 0;}
.our-service h2, .our-gallery h2 .testimonial h2, .testimonial h2 span{font-size:30px;}
.our-service span, .our-gallery span{font-size:13px; padding:10px 0 0;}
.our-service span br, .our-gallery span br{display:none;}
.contact{padding:30px 0;}
.contact .contact-us h2{font-size:30px; padding:0 0 25px;}
.contact .contact-us ul li{padding:0 0 25px;}
.contact .contact-us ul.social-icon li{padding:0;}
.contact .contact-form input, .contact .contact-form textarea{padding:8px 12px; margin:0 0 5px;}
.contact .contact-form button{font-size:22px; padding:10px;}
}

@media(min-width:992px) and (max-width:1199px){
.slider .carousel-inner img{height:350px;}
.slider .carousel-caption h1{font-size:28px;}
.slider .carousel-caption p{font-size:18px; margin:0 0 30px;}
.slider .carousel-caption a{margin:0;}
#about{padding:50px 0 30px;}
#about .about-content h2, .testimonial h2, .testimonial h2 span{font-size:30px;}
#about .about-content p{font-size:14px; padding:0 0 25px;}
#about .about-content .about-feature h3{font-size:20px;}
#about .about-content .about-feature p{font-size:14px;}
.our-service, .our-gallery{padding:60px 0;}
.our-service h2, .our-gallery h2{font-size:30px;}
.our-service span, .our-gallery span{font-size:14px; padding:10px 0 30px;}
.contact{padding:30px 0 ;}
.contact .contact-us h2{font-size:30px; padding:0 0 25px;}
.contact .contact-us ul li{padding:0 0 25px;}
.contact .contact-form input, .contact .contact-form textarea{padding:9px 12px; margin-bottom:6px;}
.contact .contact-form button{font-size:22px; padding:10px;}

}

.mb-1 {
	margin-bottom: .5em;
}
.mb-2 {
	margin-bottom: 1em;
}

h1 {
	font-size:72px;
	margin: 20px 0;
}
h2 {
	font-size:42px;
	margin: 20px 0;
}

h4 {
	line-height: 1.5;
}