@charset "UTF-8";
/* CSS Document */
/*!-------------File Upload----------------------------*/
#fileupload .container-nav {
	background-color: #434a63;
	}
#fileupload .dropdown-menu {
	background-color: rgba(0,0,0,0.8);
	}

/*!-------------File Upload Ends----------------------------*/

#body {
	margin: 0 0;
	padding: 0 0; 
	font-family: "aktiv-grotesk-std", sans-serif;
	}
#tagline {
	width: 870px;
	margin: 0 auto;
	margin-top: 5%;
	}
#carousel1 {
	margin-top: -90px;
	postion: absolute;
	z-index: -1;
	}
#aboutus {
	width: 870px;
	margin: 0 auto;
	padding-top: 25px;
	padding-right: 70px;
	padding-bottom: 40px;
	}
#aboutus-content {
	width: 807px;
	padding-top: 20px;
	padding-bottom: 25px;
	}
.backtotop {
	width: 90px;
	font-size: 14px;
	float: right;
	clear: both;
	}
.backtotop a {
	text-decoration: none;
	color: #84bd00;
	}
.backtotop a:visited {
	color: #84BD00;
	}
.backtotop a:hover {
	text-decoration: underline;
	color: #9ea2a2;
	}
#PQH {
	width: 870px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 40px;
	padding-right: 70px;
	}
#PQH-logo{
	margin-top: 15px;
	float: right;
	}
#CWL {
	width: 870px;
	margin: 0 auto;
	padding-top: 25px;
	padding-right: 70px;
	padding-bottom: 40px;
	}
#CWL-logo {
	margin-top: 18px;
	float: right;
	}
#contact {
	width: 870px;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 25px;
	clear: both;
	}
#contact-left {
	width: 435px;
	margin-top: 15px;
	}
#contact-info {
	margin-left: -40px;
	margin-bottom: 15px;
	}
#contact-right {
	width: 500px;
	margin-left: 453px;
	margin-top: -410px;
	}
#contact-left a {
	text-decoration: none;
	color: #9ea2a2;
	}
#contact-left a:hover {
	text-decoration: underline;
	color: #84BD00;
	}
#contact-left ul {
	list-style-type: none;
	color: #9ea2a2;
	line-height: 24px;
	}
iframe {
	height: 300px;
	}
#textarea {
	height: 110px;
	}
#footer {
	width: 870px;
	height: 40px;
	margin: 0 auto;
	padding-top: 10px;
	background-color: #141b4d;
	color: #FFFFFF;
	font-size: 12px;
	clear: both;
	}
#footer-copyright {
	width: 350px;
	float: left;
	}
#footer-links {
	width: 262px;
	float: right;
	}
#footer-links ul {
	text-decoration: none;
	}
#footer-links li {
	display: inline;
	border-right: solid 1px white;
	}
#footer-links li:first-child {
	padding-right: 8px;
	}
#footer-links li:last-child {
	border-right: none;
	padding-left: 5px;
	padding-right: 0px;
	}
#footer-links a {
	text-decoration: none;
	color: #ffffff
	}
#footer-links a:hover {
	text-decoration: underline;
	}
#footer-links a:visited {
	text-decoration: none;
	}
.container-nav{
	width: 100%;
	background-color: rgba(0,0,0,0.3);
	}
.container-light {
	width: 100%;
	background-color: #f2f2f2;
	clear: both;
	}
.container-dark {
	width: 100%;
	background-color: #eeeeee;
	clear: both;
	}
.container-blue{
	width: 100%;
	background-color: #141b4d;
	}
.container-white {
	width: 100%;
	background-color: #fff;
	clear: both;
	}
.container-tagline {
	width: 100%;
	position: absolute;
	z-index: 1;
	}
.section-title {
	width: 100%;
	border-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-color: #84bd00;
	}
h1 { 
	color: #fff;
	letter-spacing: 1px;
	font-size: 52px;
	line-height: 1.3em;
	font-weight: 300;
	}
h2 {  
	color: #84bd00;
	font-size: 32px;
	line-height: 32px;
	border-bottom: thin;
	border-bottom-color: #84bd00;
	}
h3 {
	color: #9ea2a2;
	font-size: 20px;
	line-height: 24px;
	}
p {
	font-weight: 300;
	color: #9ea2a2;
	font-size: 18px;
	}
p2 {
	font-weight: 300;
	color: #9ea2a2;
	font-size: 25px;
	}
.clr {
	clear: both;
	}
	
.behave {
	width:50%;
	}
.behave a {
	text-decoration: none;
	color: #84bd00;
	}
.behave a:hover {
	text-decoration: underline;
	color: #9ea2a2;
	}

/*!-------------Bootstrap Edits----------------------------*/
label {
	font-weight: 500;
	}
.navbar-default {
  background-color: rgba(0, 0, 0, 0);
  padding-bottom: 10px;
  border-color:  rgba(0, 0, 0, 0);
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  padding-top: 23px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ccc;
  background-color: rgba(0,0,0,0.3);
}
.dropdown-menu {
	background-color: rgba(0,0,0,0.5);
	}
.dropdown-menu > li > a{
	color: #fff;
	}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #ccc;
	}	
.container {
	margin: 0 auto;
	padding-right: 15px;
	padding-left: 130px;
}
.container-nav{
	width: 100%;
	height: 60px;
	background-color: #434a63;
	border-color: rgba(0, 0, 0, .5);
}
.form-group {
	margin-bottom: 15px;
	color: #9ea2a2;
	font-weight: 300;
}
.btn-default {
 	color: #eee;
 	background-color: #84bd00;
 	border-color: #ccc;
}
.btn-default : hover {
	background-color:#F2F2F2;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: none;
	width: 86%
  }
/*!-------------Media Quiere 1024 Begins---------------------*/
@media (max-width: 1200px) {
#tagline {
	magin-top: 40px;
	}
h1 {
	font-size: 35px;
	line-height: 37px;
	}
.container {
	width: 100%;
	padding: 0 3%;
	}
	}
@media (max-width : 1024px) {
#tagline {
	width: 85%;
	margin: 0 auto;
	margin-top: 35px;
	}
h1 { 
	letter-spacing: 1px;
	font-size: 34px;
	line-height: 36px;
	}
#contact-right {
	width: 56%;
	}
	}
@media (max-width: 875px) {
#aboutus {
	width: 100%;
}
#aboutus-content {
	width: 100%;
	}
#PQH {
	width: 100%;
	}
#CWL {
	width: 100%;
}
#contact {
	width: 100%;
	}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: none;
	width: 75%
  }
#footer {
	width: 100%;
	padding-left: 25px;
	padding-right: 25px;
	}
h1 {
	font-size: 28px;
	line-height: 30px;
	}	
	}
/*!-------------Media Quiere 813 Begins---------------------*/
@media (max-width : 813px ){
#tagline {
	width: 80%;
	margin: 0 auto;
	margin-top: 70px;
	z-index: 1;
	}
#aboutus {
	width: 100%;
	padding-top: 20px;
	padding-left: 3%;
	padding-right: 3%;
	}
#aboutus-content {
	width: 100%;
	}
#PQH {
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;
	padding-left: 3%;
	padding-right: 3%;
	background-color: #eee;
	}
.behave {
	width: 100%;
	margin-top: 18%;
	float: none;
	}
#PQH-logo{
	margin-right: 0px;
	padding-bottom: 20px;
	float: left;
	}
#CWL {
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;
	padding-left: 3%;
	padding-right: 3%;
	background-color: #f2f2f2;
	}
#CWL-logo {
	margin-right: 0px;
	padding-bottom: 20px;
	float: left;
	}
#contact {
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;
	padding: 1px 3%;
	}
#contact-left {
	width: 60%;
	margin-top: 15px;
	margin-left: 0%;
	}
#contact-info {
	margin-bottom: 15px;
	font-weight: 300;
	font-size: 18px;
	color: #666;
	}
#contact-right {
	width: 60%;
	margin-left: 0;
	margin-top: 25px;
	padding-bottom: 20px;
	}
.section-title {
	width: 100%;
	border-bottom: 2px;
	border-bottom-style: solid;
	border-bottom-color: #84bd00;
	}
.navbar-brand {
	padding-top: 10px;
	padding-left: 0px;
	}
.navbar-collapse {
	background-color: rgba(0,0,0,0.85);
	margin-top: 8px;
	width: 40%;
	float: right;
	}
.navbar-nav {
	float: left;
	}
.container-nav {
	background-color: #434a63;
	}
#carousel1 {
	margin-top: 0px;
	}
#footer-links {
	 visibility: hidden;
	 }	
.navbar-collapse {
	border-top: 0px;
	width: 180px;
	z-index: 55;
	}
.navbar-toggle {
	margin-top: 10px;
	margin-bottom: 7px;
	margin-right: 0px;
	}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ccc;
  }
 .navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
  z-index: 2;
  position: relative;
  font-size: 18px;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	width: 100%;
  }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #444;
}
.btn-default {
 	color: #eee;
 	background-color: #84bd00;
 	border-color: #ccc;
	width: 150px;
}

}
@media (max-width: 768px) {
#contact-right {
	width: 100%;	
	}
#contact-left {
	width: 100%;
}
.navbar-nav .open .dropdown-menu {
	font-size: 16px;
	}
}
@media (max-width: 715px) {
#tagline {
	width: 80%;
	}
h1 {
	letter-spacing: 1px;
	font-size: 26px;
	line-height: 28px;
	}
	}
@media (max-width: 653px) {
#tagline {
	margin-top: 55px;
}
h1 {
	line-height: 26px;
	}
}
@media (max-width: 570px) {
#tagline {
	margin-top: 30px;
	}
.carousel-indicators {
	visibility: hidden;
	}
	}
@media (max-width: 517px) {
.behave {
	padding-top: 1%;
	}
}
/*!-------------Media Quiere 480 Begins---------------------*/
@media (max-width: 480px) {
#tagline {
	margin-top: 40px;
	}
h1 {
	font-size: 22px;
	line-height: 24px;
	}
h2 {
	font-size: 22px;
	line-height: 22px;
	}
h3 {
	color: #666;
	font-size: 19px;
	line-height: 21px;
	}
.backtotop {
	font-size: 16px;
	}
p {
	color: #666;
	font-size: 18px;
	}
p2 {
	color: #666;
	font-size: 18px;
	}
iframe {
	width: 200%;
	height: 300px;
	}
label {
	font-size: 18px;
	font-weight: 500;
	color: #666;
	}
#contact-left ul {
	color: #666;
	}
#contact-left a {
	color: #84bd00;
	}
}
@media (max-width: 400px) {
#tagline {
	margin-top: -10px;
	}
	}
@media (max-width: 379px) {
.behave {
	padding-top: 3%;
	}
	}
@media (max-width: 320px) {
#tagline {
	margin-top: -10px;
	}	
	}