/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
   /* padding-top: 50px;*/ /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
.row {width:100%;}
.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
h1 {text-align:center; font-size:40px;}

.col-md-6 h2 {padding:2% 0;}
h3 {font-size:18px; color:#FFFFFF; text-align:left; padding:10px;}
h2, h3, h4, h5, h6 {margin:0; padding:0;}
.sub p {text-align:justify;}
/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    padding: 20px 10%;
	background:#141414;
	text-align:center;
	border-top:10px #fb423d solid;
	float:left;
	text-align:left;
}
footer a {text-decoration:none; color:#333;}
footer a:hover {color:#ff7900;text-decoration:none;}
footer h2 {color:#FFFFFF; font-size:24px; text-align:left; text-transform:uppercase; padding:5px 0;}
.footimg {float:left; padding:10px;}
/* Responsive Styles */



.top-head {width:100%; height:auto; padding:.5% 5%; background:#3a393a; color:#ff7900; float:left;}
.top-head img {float:right; }
.index-box {width:100%; padding:0 10% ; text-align:center;}

.panel img {width:100%;}
.panel h4 {font-size:22px; text-align:center; text-transform:uppercase; }
.btn-more {color:#ed7823; background:url(../images/arrow-more.jpg) no-repeat right; padding:0 20px 0 0;}
.navbar {border-bottom:8px #d6d6d6 solid; min-height:130px;}
.nav a {color:#3e3c3c; margin-top:15px; margin-right:2px;}
.nav a:hover {color:#58609e; border-radius:6px;}
.nav a.selected {color:#58609e; border-radius:6px; background:#eeeeee;}

.logo {width:35%; height:auto; float:left; position:absolute; left:0; top:10px; padding:0 0 0 5%;}

.logo img {width:80%;}
header.carousel {height:60%;}
.sub {padding:3% 0;}
.controls {float:left; width:100%; padding:1% 0;}
.controls label {width:35%; float:left; font-weight:normal;}
 .form-control {width:65%; float:right;}
  .form-submit {width:65%; float:right;}
.contactbox {float:right;}
.social {float:right; width:60%; padding:10px 0 0 0;}

.social img {float:right;}
.voilet-box {margin:0; padding:10px;background:#535ea1; color:#FFFFFF; float:left;}
.red-box {margin:0; padding:10px;background:#fb423d; color:#FFFFFF;float:left;}

.voilet-box img, .red-box img {float:left; padding:0 0 40px 0;}
.readmore {border:1px #FFFFFF solid; padding:7px; width:100px; float:right;}
.readmore a {color:#FFFFFF;}
.readmore img {float:right; padding:5px 0!important;margin:0;}
.half-box {padding:3% 5% 0 5%;}
.imgleft { float:left; padding:0 10px 70px 0;}
.imgright { float:right; padding:0 0 70px 10px;}
.half-box h2 {font-size:23px; text-align:left; padding:0; margin:0; color:#000000;}
.half-box h3 {font-size:23px; text-align:right; padding:0; margin:0;color:#000000;}
.half-box p {color:#524e4e;}
.about {float:left;}
.about h1 {text-align:left!important;}
.about p {text-align:justify!important;}
.about h3 {color:#000000; padding-bottom:5px;}
.about ul, .about ol {padding:0  ; margin:0 0 10px 0; text-align:left;}
.about ul li, .about ol li {padding:3px 5px ; margin:0 0 0 20px;}
.projects {width:100%; padding:10px 0; float:left; text-align:left;}
.banner {width:100%;}
@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }
.logo {width:50%; padding-top:20px;}
    header.carousel .carousel {
        height: 70%;
    }
	.navbar-toggle {background:#000000 url(../images/menubg.jpg) no-repeat center; float:right;  margin-right:0; padding-right:0; margin-top:20px; }
	.contactbox {float:right; width:100%;}
	.navbar-collapse {position:absolute; z-index:10000;background-color:#d6d6d6; right:0; margin-top:30px; width:100%;}
	.social {display:none;}
}
@media(max-width:600px) {
.navbar-header { width:100%;}
.navbar-header img {width:90%;}
.navbar-toggle {background:#000000 url(../images/menubg.jpg) no-repeat center; float:right;  margin-right:0; padding-right:0; margin-top:20px; }
.logo {width:90%; padding-top:20px;}
.controls label {width:100%; float:left;}
 .form-control {width:100%; float:right;}
   .form-submit {width:100%; float:right; padding:1% 0;}
h2{padding:1% 0;}
.navbar-collapse {position:absolute; z-index:10000;background-color:#d6d6d6; right:0; margin-top:30px; width:100%; }
.voilet-box img, .red-box img {float:left; padding:2%; width:94%;}
.readmore img {float:right; padding:5px 0!important;margin:0; width:8px;}
.imgleft, .imgright {width:50%; padding:0 25%;}
}