.header-container {
	width: 100%;
	height: 700px;
	height: 40vw;
	border-left: none;
	border-right: none;
	position:relative;
	padding: 20px;
	margin-bottom: 50px;
	margin-top: -80px;
}


.video-overlay {
    position:absolute;
    top: 30%;
    left: 10%;
    color: #FFFFFF;
}

.video-overlay h1 {
    font-size:2.4em;
}
.video-overlay p {
    font-size:1.6em;
}

.video-container {
	position: absolute;
	top: 0%;
	left: 0%;
	height: 100%;
	width: 100%;
	overflow: hidden;
	
}

video {
	position: absolute;
	z-position: -1;
	opacity: 1.0;
	width: 100%;
}

#map-outer, #map-outer0 {
	height: 100%;
}
#map-outer #address, #map-outer0 #address0 {
	width: 40%;
}
#map-outer #map-container, #map-outer0 #map-container1 {
	width: 60%;
}

@media screen and (max-width: 993px) {
#map-outer #address, #map-outer0 #address0 {
	width: 100%;
}
#map-outer #map-container, #map-outer0 #map-container1 {
	width: 100%;
}
}

@media screen and (max-width: 1200px) {
.header-container {
  margin-top: -60px;
}
}

@media screen and (max-width: 1000px) {
.header-container {
  margin-top: -50px;
}
}

@media screen and (max-width: 900px) {
.header-container {
  margin-top: 0px;
}
}

@media screen and (max-width: 800px) {
.header-container {
  margin-top: 20px;
}
}

@media screen and (max-width: 600px) {
.header-container {
  margin-top: 40px;
}
}


/* Carousel base class */
.carousel-custom {
  width: 460px;
  height: 260px;
  margin-top: 100px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-custom-caption {
  z-index: 10;
  text-align: left;
}

/* Declare heights because of positioning of img element */
.carousel-custom .item {
  width: 460px;
  height: 260px;
  background-color: #777;
}
.carousel-inner-custom > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}

@media (min-width: 992px) and (max-width: 1199px) {
.carousel-custom {
  width: 400px;
  height: 220px;
  margin-top: 100px;
}
.carousel-custom .item {
  width: 400px;
  height: 220px;
  background-color: #777;
}
}

@media (max-width: 991px) {
.carousel-custom {
  width: 85vw;
  height: 47vw;
  margin-top: 100px;
}
.carousel-custom .item {
  width: 85vw;
  height: 47vw;
  background-color: #777;
}
}


.header-container-custom {
	height: 300px;
	/* height: 40vw; */
	/*margin-top: 20px; */
}

.custom12 {
	margin-top: 200px;
	/*height: 400px;*/
}

.custom22 {
	margin-top: 30px;
}

.custom32 {
	margin-top: 30px;
}

.navbutton {
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 20px;
	width: 80%;
	max-width: 100px;
}

.featurette-divider {
	margin: 40px 0;
}

.navbar-collapse {
       max-height: 100% !important; 
}

/* Carousel base class realestate */
.carousel-realestate {
  height: 40vw;
  margin-top: 50px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-custom-realestate {
  z-index: 10;
  text-align: left;
}

/* Declare heights because of positioning of img element */
.carousel-realestate .item {
  height: 40vw;
  background-color: #777;
}
.carousel-inner-realestate > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}

/* Carousel base class crowdfunding */
.carousel-crowdfunding {
  height: 40vw;
  margin-top: 50px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-custom-crowdfunding {
  z-index: 10;
  text-align: left;
}

/* Declare heights because of positioning of img element */
.carousel-crowdfunding .item {
  height: 40vw;
  background-color: #777;
}
.carousel-inner-crowdfunding > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}

/* Carousel base class medicure */
.carousel-medicure {
  height: 40vw;
  margin-top: 50px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-custom-medicure {
  z-index: 10;
  text-align: left;
}

/* Declare heights because of positioning of img element */
.carousel-medicure .item {
  height: 40vw;
  background-color: #777;
}
.carousel-inner-medicure > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}

/* Carousel base class fob */
.carousel-fob {
  height: 40vw;
  margin-top: 50px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-custom-fob {
  z-index: 10;
  text-align: left;
}

/* Declare heights because of positioning of img element */
.carousel-fob .item {
  height: 40vw;
  background-color: #777;
}
.carousel-inner-fob > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}

p,li {
  font-size: 16px;
  line-height: 1.42857143;	
}

.fa {
	color: #FF3300;
}

/* Change navbar callapse poit from 768 to 830 */
@media (max-width: 830px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}

@media (max-width: 829px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}