body {
	font-family: 'Open Sans', sans-serif;
background-color: #D2D7D7;
/*background: url("../images/sunset.png") no-repeat right bottom;*/
background-size: cover; 
}

.jumbotron{
	background: url("../images/dcimg1.jpg") no-repeat right top;

	height: 100%;
	min-height: 857px;
	padding-top: 75px;
        padding-bottom: 50px;

}
.double-size-font {
    /* font-size: 200% !important;
    font-weight: 100; */
}

.jumbotron.h1 {
	font-size: 500%;
	text-align: left;
}
.jumbotron.slogan {
	font-family: 'Roboto', sans-serif;
	font-size: 250%;
	font-weight: 300;
        
	margin-top: 10px;
}
.intro {
    text-color: #ffffff;
    margin-top:5px;
    margin-bottom:5px;
    padding: 20px;    
}



.cluster1 {           
          outline: 2px solid #F8B434;
          background-color: #F8F8F5;
}
.cluster2 {
          outline: 2px solid #F8B434;
          background-color: #F8F8F5;
}
.cluster3 {
          outline: 2px solid #F8B434;
          background-color: #F8F8F5;
}


.navbar-default {
	background-color: #ffffff;
	/* border-color: #F8B434; */
        border-bottom: 1px solid rgb(248,180,52);
        
	

}
.navbar-default .navbar-brand {
	color: #F8B434;
}

.navbar-inner {
	min-height: 0px;
}
.navbar-brand,
.navbar-nav li a {
	line-height: 60px;
	height: 60px;
	padding-top: 0;
	margin-top: 5px;
    	margin-bottom: 6px;
        font-size: 16px;
	
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #000000;
}
.navbar-default .navbar-text {
  color: #F8B434;
}
.navbar-default .navbar-nav > li > a {
  color: #F8B434;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000000;
  background-color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #F8B434;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #000000;
  background-color: #D2D7D7;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #D2D7D7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #000000;
  background-color: #D2D7D7;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #000000;
  background-color: #D2D7D7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #000000;
  background-color: #ffffff;
}
.navbar-default .navbar-toggle {
	border-color: #F8B434;
	margin-top: 18px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #D2D7D7;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #D2D7D7;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #F8B434;
}
.navbar-default .navbar-link {
  color: #66a6d8;
}
.navbar-default .navbar-link:hover {
  color: #000000;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #F8B434;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #000000;
    background-color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #000000;
    background-color: #ffffff;
  }
}




/* triangle div */
.tritron {
  
  height: 156px;
  width: 100%;
  position: absolute;
  bottom: 0;
  overflow: hidden;
  border-top: 1px solid rgb(248,180,52);
}
.tritron:before {
  position: absolute;
  top: -50px;
  left: calc(50% - 35px);
  content: "";
  height: 50px;
  width: 50px;
  background: transparent; 
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 0 5000px rgba(255,255,255, 0.6);
  border: 1px solid rgb(248,180,52);
}




.success_message{ display: none;
}

           


/* Footer */
.footer {
         height: 50px;
	 padding-top: 15px;
	 margin-top: 15px;
    	 margin-bottom: 5px;
         font-size: 16px;
         border-top: 1px solid rgb(248,180,52);
}