/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
h1,h2,h3,h4,h5,h6{
color: #333 !important;	
	
}

.no-gutter{
padding:0px !important;
margin:0px !important;	
}


/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 2px solid #E8177E;
  color: #333;
}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  
  
.approved_contact{
color:#096 !important;		
}

.warning_contact{
color:#C00 !important;			
}






/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

/*Font styles */
a, a:hover, a:focus {
    color: #333 ;
    text-decoration: none;
}


/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #E3E3E3;
    border-right: 1px solid #eee;
  }
}

.navbar-toggle {
    background-color: #333;
}

.navbar-brand, .navbar-brand:hover{
color:#666 !important;	
}



/* Top navigation Styles*/
.navbar-inverse {
    background-color: #E3E3E3;
    border-color: #CCC !important;
	padding-top: 30px;
	
}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover  {
    color:#333 !important;
}

.navbar-inverse .navbar-nav > li > a:hover {
	background-color:#FFF;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #FFF;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #CCC;
	color:#333 !important;	
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
  margin-top:20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
  border-bottom:1px solid #D3D3D3;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #E8177E;
  background-color: #FFF;
}

.nav-sidebar > a:hover {
  color: #E8177E;
  background-color: #FFF;
}


#contact_sidenav{
background-color:#FFF;
padding-bottom:10px;	
	
}

.contact-response{
    display:none !important;
}

#contact_sidenav a{
font-size:12px;	
	
}

#navbar .nav li a:hover{
color:#E8177E !important;		
}

a:hover {
color:#E8177E !important;		
}

#navbar .nav .active a{
color:#E8177E !important;		
}


/* footer styles */
#footer{
border-top: 1px solid #CCC;	
margin-top:10px;
padding:20px;
color:#999;
	
}


/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}

@media (max-width: 768px) {
    .contact-response{
    display:block !important;
}
}

.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
body {
  padding-top: 0px;
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
body {
  padding-top: 0px;
}
	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
body {
  padding-top: 30px;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}