/*!
 * 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: 140px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

* {
    font-size: 17px;
    line-height: 1.25;
}

h1 {
     font-size: 24px;
     font-weight: 600;
     margin-top:5px; 
     margin-bottom: 30px;

   }



#imagepad {
   padding-top:20px;
   padding-bottom:20px;
}

#slide-image {
   padding-top:20px;
   padding-bottom:20px;
   display:block;
   border-radius:6px; 
   margin-left:auto; 
   margin-right:auto;
   max-width:100%;

}

.navbar-header { height: 140px; background-color: #fff; }

.img-roundedpadded {display:block; max-width:100%; height:auto; border-radius:6px; margin-top:20px; margin-bottom:20px;}

.img-roundedtoppad {display:block; max-width:100%; height:auto; border-radius:6px; margin-top:8px; margin-bottom:6px;}

.img-roundedcentered {display:block; max-width:100%; height:auto; border-radius:6px; margin-left:auto; margin-right:auto;}

.img-responsive {display:block; max-width:100%; height:auto; border-radius:6px; margin-left:auto; margin-right:auto; padding-bottom:25px;}

.img-responsive-two {display:block; max-width:100%; height:auto; border-radius:6px; margin-left:auto; margin-right:auto; padding-bottom:5px;}

.img-roundedleft {display:block; max-width:100%; height:auto; border-radius:6px;}

.img-logo {display:block; max-width:100%; height:auto; margin-left:auto; margin-right:auto; padding:0px;}


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

.navbar-toggler-right { background-color: #3b21a6; }
.navbar-inverse .navbar-toggler:hover,.navbar-inverse .navbar-toggler:focus{
  background-color:#fff;
}
.navbar-toggler-icon{
  color: #fff;
}

.navbar-inverse {background-color: #fff; border-color:#a62153;}

.navbar .nav > li > a {
  padding: 50px 18px 10px;
  font-size: 16px;
  font-weight: 700;
  color: #3b21a6;
}

a {
color: #3b21a6;
font-weight: 700;

}

a:hover {
color: #bf090c;  
}

#link-markup {
   text-decoration: underline;
   font-weight: 400;
   color: #000;
}

.dropdown-menu{
  background-color: #fff;
  padding: 15px;
  width: 230px;
  
}

#drop-nav-link {
  color: #3b21a6;
  font-weight: 600;
  text-decoration: none;
  line-height: 1.7;
}

#drop-nav-link:hover {
  color: #bf090c;
  font-weight: 600;
  text-decoration: none;
}

navbar-default .navbar-nav > li > a {
color: #3b21a6;

}

.navbar .nav > li a:hover {
  color: #bf090c;
/*end of stylebootstrap.info */


/* 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;
}

/* 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: 5px 15px;
  background-color: #c3c5c8;
  border-top: 1px solid #1C79A9;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
} 

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }
    .navbar-header { height: 100px; }

    header.carousel .carousel {
        height: 70%;
    }
}