/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

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

.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: 200px;
    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 {
    margin: 50px 0;
}

/* Responsive Styles */

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

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

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

/* JLX Styles */

a {
  color: #c6399a;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #000;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #c6399a;
    outline: 0;
}


.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #c6399a;
  outline: 0;
}

.btn {
display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;                                                                                                                                                                                                                                                                                                                                                                                
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
	 color: #fff;
  background-color: #c6399a;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}


.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
   color: #fff;
  background-color: #000;
  border-color: #ccc;
 text-decoration: none;
}

.btn:active,
.btn.active {
 background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}


.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
    color: #c6399a;
  content: #c6399a;
}

.breadcrumb li a    {
    color: #c6399a;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #333;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #000000;
}



.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #000;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ccc;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {  
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #c6399a;
  border-color: #c6399a;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff; 
  cursor: default;
  background-color: #c6399a;
  border-color: #c6399a;
}


.header {
    background-color: #c6399a;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 5px;
}
/* NOT SURE YET WHAT TO DO WITH THESE    

.header2 {
    background-color: #c6399a;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 5px;
}

.header2{
background-color: #ffffff;
    color: #;
    text-align: center;
    font-size: 12px;
    padding: 5px;


.header1 {
  text-align: center;
   padding: 5px;
 
}


.page-header{
padding-bottom:9px;
margin: 40px 0 20px;
border-bottom:1px solid #eee;


}*/




.footer {
    background-color: #c6399a;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    padding: 15px;
}