.red_font {
	color:red;
}

.container-fluid {
  padding: 0;
}

.container>.navbar-header {
	margin-right: 0px;
	margin-left:0px;
}

h3{
	font-size: 30px;
	margin-top:10px;
}

h4{
	font-size:22px;
	margin-top:14px;
	margin-bottom:14px;
}

.bottom {
    position: absolute;
    bottom: 0;
    margin-right: 0;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 768px)
{
	
ul.nav.navbar-nav.no-side-padding:last-child{
	border-bottom:1px solid #E7E7E7;
}

	.row-eq-height {
    display:block;
	}
	.bottom {
    position: static;
    bottom: 0;
    margin-right: -15px;
	}
	
.sm-margin-bottom {
	margin-bottom:20px;
}
}
@media (min-width: 1200px)
{
	.container {
		width: 1000px;
	}
}
a.unlink {
  color: inherit;
}
a.unlink:hover {
  color: inherit;
  text-decoration: none;
}

.carousel.slide{

    overflow: hidden;
}
.carousel-inner{
   width: 1600px;
   left: 50%;
   margin-left: -800px;
}

.content-padding {
  padding-top: 10px;
  padding-bottom: 20px;
}
.content-padding hr:last-of-type{
  display: none;
}
.padding-top {
  padding-top: 15px;
}
.v-center {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.faq-btn {
  color:#666;
  text-decoration: none;
  white-space: normal;
  text-align:left;
}
.jumbotron {
  margin: 0;
  color: white;
}
.no-border-radius {
  border-radius: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.navbar {
  margin-bottom: 0 !important;
  border-bottom: none;
  border-top: none;
}
.navbar .navbar-nav {
  display: block;
  float: none;
  vertical-align: top;
  padding: 0 10%;
}

.navbar .navbar-collapse {
  text-align: center;
}
.nav {
  padding: 0%;
  font-size: 1.2em;
}
.nav li {
  width: 20%;
  white-space: nowrap;
  border-right: 1px solid #ddd;
}
.nav li:last-child {
  border-right: none;
}
.nav li.active{
  border-right: none;
}

.item{
	height:350px;
	background-size:cover;
	background-position: center center;
}

@media(max-width:900px)
	{
		.carousel.slide{
		min-width:0;
}
.carousel-inner{ width: 100%; overflow:hidden;
    left: 0;
    margin-left: 0;}
	}

@media(max-width:767px){
	.item{
	height:175px;
	background-size:cover;
	background-position: center center;
}
  .navbar {
    margin-bottom: 0 !important;
    border-bottom: none;
    border-top: none;
  }
  .navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }

  .navbar .navbar-collapse {
    text-align: left;
  }
  .nav {
    font-size: 1.2em;
  }
  .nav li {
    width: 100%;
    border-right: none;
    text-align: center;
  }
  .nav li:last-child {
    border-right: none;
  }
  .nav li.active{
    border-right: none;
  }
  .home-image-background{
    background-color: #333;
  }
  .home-image-background img{
    margin: 0 auto;
  }
  .custom-menu-button {
    border:none;
    margin-left: 15px;
  }
}
@media only screen and (min-width : 768px) {
  h3.center {
    text-align: center;
  }
}


/* Fade transition for carousel items */
/*
inspired from http://codepen.io/Rowno/pen/Afykb
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}