/* --------------------------------------
   Layout
   -------------------------------------- */
.maincontainer {
	margin-top:52px;
	background:url('img/nda-bg.png');
	background-attachment:fixed;
	background-repeat:no-repeat;
}
#content.container {
	background: #FFF;
	padding:2%;
}
#callus.col-4 {
	background-color:#900;
	background-image:url(callus-bg.png);
	color:#FFF;
	border: solid 1px #666;
	text-align:center;
}
#callus.col-4 a{
	color:#FFF;
}
#carousel.col-8 img {
	width: 100%;
}
.well {
	margin-top:10px;
}
#socialbutton.col-sm-1 {
	padding: 5px;
}
#teamprofile.col-9 {
	text-align:justify;
	padding: 3%;
	top: 0px;
}
#profiles.row {
	padding-top: 0;
}
#builtby.col-sm-3 {
	float:right;
	text-align:right;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #000000;
    cursor: default;
    background-color: #CC0000;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-tabs>li {
    color: #CC0000;
    background-color: #000000;
}
/* --------------------------------------
   Typography
   -------------------------------------- */
a {
    color: #CC0000;
    font-weight: 900;
    text-decoration: none;
}

a :hover{
    color: #ffffff;
    font-weight: 900;
    text-decoration: none;
}

.unstyled ul{
    color: #ffffff;
}
.unstyled a:hover{
    color: #FFFFFF;
    text-decoration: none;
}
/* --------------------------------------
   Navbar
   -------------------------------------- */
 .navbar.navbar-fixed-top {
	background:#000; 
	
 }
 .navbar.navbar-fixed-top li > a:hover {
    color: red;
}
 .navbar-nav li > a {
   color: #FFF;  
 }
 .navbar-nav li > a:hover {
   color: red;  
 }
 .navbar.navbar-fixed-top a:hover {
     color:#FFF;
 }
.navbar-brand {
	width:200px;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding:0;
	padding-left:15px;
}
.navbar-brand img {
	max-width:200px;
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
	background-image:none;
	background-color:#000;
	color: red;
}
.nav li {
    color: #fff;
    background-color: #000;
}
.nav li > a:hover {
    color: red;
}
.dropdown-menu {
    background-color:#000;
}
/* --------------------------------------

	lightbox
   -------------------------------------- */
   
   #lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    margin-top: 3%;
    z-index:1032;
}


/* --------------------------------------
   Carousel
   -------------------------------------- */



/* --------------------------------------
   Global Styles
   -------------------------------------- */
.alert {
 margin-top: 20px;
 display: none;
}
.footercontainer {
 background:url(Web%20Source/img/footerbg.jpg);
 background-color:#000;
 background-repeat:repeat-x;
}
#footer.container {
 padding-top: 15px;
 color:#FFF;
}
button.btn.btn-success.pull-right {
 margin-top: 2%;
 
}
/* forms */
.rendered-form {
	font-size: 1em;
}
.rendered-form input, select, radio {
	font-size: 1em;
	padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
.rendered-form input[type=submit] {
	font-size: 1em;
	padding: 14px 20px;
    margin: 8px 0;
	
}
.fb-required {
	color: red;
}
label {
	font-size: 1em;
	font-weight: bolder;
}
textarea#message.form-control {
	font-size: 1.5em;
}
/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* Portrait & landscape phone */
@media (max-width: 480px) {
	
} 

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
.navbar-brand {
	width:auto;
	
	margin:auto;
}
.navbar-brand img {
	max-width:100%;
}
#callus.col-4 {
	width:100%;
	margin:auto;
	float: left;
	
}
#carousel.col-8 {
	width: 100%;
	margin-bottom: 2%;
}

#team.col-3 {
	width: 100%;
}
.modal-body {
 margin: auto;	
}
#socialbutton.col-sm-2 {
	float: left;
	width: 25%;
}
#socialbutton.col-sm-5 {
	float: left;
	width: 25%;
}
#builtby.col-sm-3 {
	margin: auto;
	padding-top: 8%;
	width: 100%;
	text-align:center;
	
}
}

/* Large desktop */
@media (min-width: 1200px) {

}

/* ============================================================
   CONTACT FORM — anti-spam support
   ============================================================ */

/* Honeypot wrapper.
   Positioned off-canvas rather than "display:none" because spam
   bots routinely skip any field hidden with display:none or
   visibility:hidden. A real visitor can neither see nor tab into
   these, so any value submitted in them came from a bot.
   Do not change this to display:none. */
.nda-hp {
	position: absolute !important;
	left: -9999px !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

/* "Best Way To Contact" radio row.
   Bootstrap 3 sets .radio input[type="radio"] to position:absolute
   with a fixed margin-top, which assumes body-sized text. The contact
   form carries class="h3", so at that font size the buttons floated
   above their labels. Put the inputs back into normal flow and centre
   each button/label pair with flexbox — that stays aligned at any
   font size, and wraps cleanly on a phone. */
.field-bestway .radio-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 4px;
}

.field-bestway .radio-group .radio {
	display: flex;
	align-items: center;
	margin: 4px 0;
	padding: 0;
	margin-right: 24px;
}

.field-bestway .radio-group .radio input[type="radio"] {
	position: static;   /* undo Bootstrap 3's absolute positioning */
	float: none;
	margin: 0 8px 0 0;
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
}

.field-bestway .radio-group .radio label {
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: 1.2;
	cursor: pointer;
}

/* ALTCHA proof-of-work widget — fit it to the Bootstrap 3 form */
.field-altcha {
	clear: both;
	margin-top: 12px;
	margin-bottom: 12px;
	font-size: medium;
}

altcha-widget {
	display: block;
	max-width: 320px;
	--altcha-max-width: 320px;
	--altcha-border-width: 1px;
	--altcha-border-radius: 4px;
	--altcha-color-border: #cccccc;
	--altcha-color-text: #333333;
	--altcha-color-base: #ffffff;
}

#form-client-error {
	clear: both;
	font-size: medium;
}