h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif; }

body {
  font-family: "Raleway", sans-serif;background-color: #333333; }
  

.header {
  background-color: #333333;
  position: static;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transition: top 500ms ease;
	-moz-transition: top 500ms ease;
	-o-transition: top 500ms ease;
	transition: top 500ms ease;

	/* enable hardware acceleration to fix laggy transitions */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	z-index:9999999;}
  .header .mainLogo {
    float: left;
    max-width: 385px;
    margin-top: 15px; }
  .header .headerRight {
    float: right;
    max-width: 755px;
    margin-top: 5px; }
    .header .headerRight .navbar-default {
      background-color: transparent;
      border-color: transparent;
      float: right;
      clear: both;
      width: 100%;
      margin-bottom: 0;
      margin-top: -5px;
      min-height: auto; }
      .header .headerRight .navbar-default .navbar-collapse {
        padding-right: 0; }
      .header .headerRight .navbar-default ul li {
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 300;
        color: #fff;
        border-right: 0px solid #242424;
        padding: 4px 15px 0;
        -webkit-transition: all 0.5s linear;
        transition: all 0.5s linear; }
        .header .headerRight .navbar-default ul li:last-child {
          border-right: none; }
          .header .headerRight .navbar-default ul li:last-child a {
            padding-right: 0; }
        .header .headerRight .navbar-default ul li a {
          color: #fff;
          padding: 0 0 10px;
          -webkit-transition: all 0.5s linear;
          transition: all 0.5s linear; }
          .header .headerRight .navbar-default ul li a:hover {
            color: #52caef; }
        .header .headerRight .navbar-default ul li.active a {
          background-color: transparent;
          border-bottom: 5px solid #52caef;
          color: #52caef; }
          .header .headerRight .navbar-default ul li.active a:hover {
            color: #52caef; }
    .header .headerRight .headerSocialIcon {
      float: right;
      display: block;
      clear: both; }
      .header .headerRight .headerSocialIcon ul li {
        margin: 0 5px;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        background-image: url(../images/socialIcons.png);
        width: 30px;
        height: 30px;
        padding: 0; }
        .header .headerRight .headerSocialIcon ul li:first-child {
          background-position: 0 0; }
        .header .headerRight .headerSocialIcon ul li:nth-child(2) {
          background-position: -36px 0; }
        .header .headerRight .headerSocialIcon ul li:nth-child(3) {
          background-position: -72px 0; }
        .header .headerRight .headerSocialIcon ul li:nth-child(4) {
          background-position: -108px 0; }
        .header .headerRight .headerSocialIcon ul li:nth-child(5) {
          background-position: -144px 0; }
        .header .headerRight .headerSocialIcon ul li:nth-child(6) {
          background-position: -180px 0; }
        .header .headerRight .headerSocialIcon ul li a {
          display: block;
          text-indent: -99999px; }
        .header .headerRight .headerSocialIcon ul li:hover:first-child {
          background-position: 0 -28px; }
        .header .headerRight .headerSocialIcon ul li:hover:nth-child(2) {
          background-position: -36px -28px; }
        .header .headerRight .headerSocialIcon ul li:hover:nth-child(3) {
          background-position: -72px -28px; }
        .header .headerRight .headerSocialIcon ul li:hover:nth-child(4) {
          background-position: -108px -28px; }
        .header .headerRight .headerSocialIcon ul li:hover:nth-child(5) {
          background-position: -144px -28px; }
        .header .headerRight .headerSocialIcon ul li:hover:nth-child(6) {
          background-position: -180px -28px; }
    .header .headerRight .headerContactInfo {
      float: right;
      width: 100%;
      clear: both; }
      .header .headerRight .headerContactInfo h3 {
        font-size: 18px;
        color: #fff;
        font-weight: 500;
        margin-top: 0;
        font-family: "Roboto", sans-serif;
        text-align: right; }
        .header .headerRight .headerContactInfo h3 span {
          color: #52caef; }

.banner .headerformSection .container .row .col-sm-4 {float:right;padding-top: 50px;}
.bannerrepair .headerformSection .container .row .col-sm-4 {float:right;padding-top: 50px;}
.bannerhub .headerformSection .container .row .col-sm-4 {float:right;padding-top: 50px;}
.bannercontact .headerformSection .container .row .col-sm-4 {float:right;padding-top: 50px;}

.headerformSection {padding-bottom: 20px;} 
   .headerformSection .userForm {
    background-image: url(../images/formBackground.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    padding: 0 35px 32px;
    background-size: cover; }
	
	.headerformSection .userForm .formIconTop {
      width: 150px;
      height: 152px;
      display: block;
      margin: -40px auto 0;
      position: relative; }
      .headerformSection .userForm .formIconTop img {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
    .headerformSection .userForm .formContentPart {
      margin-top: -15px; }
      .headerformSection .userForm .formContentPart h3 {
        margin-top: 0;
        font-size: 18px;
        text-align: center;
        font-weight: 700; }
      .headerformSection .userForm .formContentPart .col-sm-6,
      .headerformSection .userForm .formContentPart .col-sm-12 {
        padding: 0 5px; }
      .headerformSection .userForm .formContentPart .form-group .form-control {
        box-shadow: inset 0px 0px 8px #B0B0B0;
        border: 1px solid #a8a7a7;
        text-align: center;
        border-radius: 5px; }
      .headerformSection .userForm .formContentPart .checkbox {
        text-align: center;
        margin-top: 0; }
      .headerformSection .userForm .formContentPart .homeFormSubmitButton {
        text-align: center;
        margin: 0 auto;
        background-color: #333333;
        border-radius: 5px;
        text-align: center;
        border: none;
        color: #fff;
        font-size: 14px;
        font-weight: "Roboto", sans-serif;
         width: 100px;
        height: 35px;
        display: block;}
	.headerformSection .userForm .formContentPart .homeFormSubmitButton:hover {
       background-color:#52CAEF;}

.content-page {background-color: #52caef;
  padding-bottom: 20px;}

.formSection {
  background-color: #52caef;
  padding-bottom: 20px; }
  .formSection .userForm {
    background-image: url(../images/formBackground.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    padding: 0 35px 32px;
    background-size: cover; }
    .formSection .userForm .formIconTop {
      width: 150px;
      height: 152px;
      display: block;
      margin: -40px auto 0;
      position: relative; }
      .formSection .userForm .formIconTop img {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
    .formSection .userForm .formContentPart {
      margin-top: -15px; }
      .formSection .userForm .formContentPart h3 {
        margin-top: 0;
        font-size: 18px;
        text-align: center;
        font-weight: 700; }
      .formSection .userForm .formContentPart .col-sm-6,
      .formSection .userForm .formContentPart .col-sm-12 {
        padding: 0 5px; }
      .formSection .userForm .formContentPart .form-group .form-control {		 
        box-shadow: inset 0px 0px 8px #B0B0B0;
        border: 1px solid #a8a7a7;
        text-align: center;
        border-radius: 5px; }
      .formSection .userForm .formContentPart .checkbox {
        text-align: center;
        margin-top: 0; }
     .formSection .userForm .formContentPart .homeFormSubmitButton {
        text-align: center;
        margin: 0 auto;
        background-color: #333333;
        border-radius: 5px;
        text-align: center;
        border: none;
        color: #fff;
        font-size: 14px;
        font-weight: "Roboto", sans-serif;
         width: 100px;
        height: 35px;
        display: block; }
		.formSection .userForm .formContentPart .homeFormSubmitButton:hover{       
        background-color: #52CAEF; color: #000;
        }

.bx-controls-direction {
  opacity: 0;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear; }

.homeSlider:hover .bx-controls-direction {
  opacity: 1; }

.portalButton {
  padding: 40px 0;background-color: #fff; }
  .portalButton ul {
    text-align: center; }
    .portalButton ul li {
      border-radius: 15px;
      border: 6px solid #52caef;
      text-align: center;
      padding: 10px 25px;
      margin: 0 10px;
      -webkit-transition: all 0.5s linear;
      transition: all 0.5s linear; }
      .portalButton ul li a {
        color: #333333;
        font-size: 24px;
        text-decoration: none;
        display: block;
        -webkit-transition: all 0.5s linear;
        transition: all 0.5s linear; }
      .portalButton ul li:hover {
        background-color: #52caef; }
        .portalButton ul li:hover a {
          color: #fff; }

.footer {
  background-color: #333333;
  padding: 25px 0 0; }
  .footer .footerLeft {
    float: left;
    margin-top: 20px; }
  .footer .footerRight {
    float: right; }
    .footer .footerRight ul {
      margin-bottom: 0; }
      .footer .footerRight ul li {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 300;
        color: #fff;
        border-right: 0px solid #242424;
        padding: 15px 15px 0;
        -webkit-transition: all 0.5s linear;
        transition: all 0.5s linear; }
        .footer .footerRight ul li:last-child {
          border-right: none; }
          .footer .footerRight ul li:last-child a {
            padding-right: 0; }
        .footer .footerRight ul li a {
          color: #fff;
          display: block;
          padding-bottom: 16px;
          -webkit-transition: all 0.5s linear;
          transition: all 0.5s linear;
          text-decoration: none; }
          .footer .footerRight ul li a:hover {
            color: #52caef; }
        .footer .footerRight ul li.active a {
          background-color: transparent;
          border-bottom: 5px solid #52caef;
          color: #52caef; }
          .footer .footerRight ul li.active a:hover {
            color: #52caef; }

@media (max-width: 1199px) {
  .formSection .userForm {
    padding: 0 20px 32px; }
    .formSection .userForm .formContentPart .row {
      width: 100%;
      margin: 0 auto; }
      .formSection .userForm .formContentPart .row .checkbox {
        min-height: 40px; }
  .header .mainLogo {
    max-width: 360px; } }

@media (max-width: 991px) {
  .formSection .userForm .formIconTop {
    margin-top: 0; }
  .formSection .col-sm-4 {
    width: 100%;
    max-width: 405px;
    float: none;
    margin: 0 auto; }
  .header .container {
    width: 88%; }
  .header .headerRight {
    max-width: 464px; }
  .header .mainLogo {
    max-width: 283px; }
  .header .headerRight .navbar-default ul li {
    padding: 10px 10px 0;
    font-size: 14px; } }

@media (max-width: 880px) {
  .header .container {
    width: 100%; } }

@media (max-width: 777px) {
  .header .mainLogo {
    max-width: 270px; } }

@media (max-width: 767px) {
  .formSection .col-sm-4 {
    max-width: 472px; }
  .footer .footerLeft {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px; }
  .footer .footerRight {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 0px; }
  .header .mainLogo {
    float: none;
    margin: 0 auto;
    max-width: none;
    text-align: center; }
    .header .mainLogo img {
      margin: 0 auto; }
  .header .headerRight {
    max-width: none; }
  .header .headerRight {
    display: inline-block;
    float: none;
    max-width: none;
    width: 100%; }
    .header .headerRight .headerSocialIcon {
      float: none;
      text-align: center; }
    .header .headerRight .headerContactInfo {
      float: none;
      text-align: center; }
      .header .headerRight .headerContactInfo h3 {
        text-align: center; }
    .header .headerRight .navbar-default ul {
      margin: 0; }
      .header .headerRight .navbar-default ul li {
        text-align: center;
        border: none; } 		
		
		}
		
		
.banner {
	background:url(../images/aboutuspic.jpg) no-repeat; 
	 background-position: center; 
	height:539px;
	background-color: #ffffff;
	
	}
.bannerrepair {
	background:url(../images/creditrepair.jpg) no-repeat; 
	 background-position: center; 
	 height:539px;
	  background-size: 100% 100%;
	}
.bannerhub {
	background:url(../images/credithub.jpg) no-repeat; 
	 background-position: center; 
	 height:539px;
	  background-size: 100% 100%;
	}
.bannercontact {
	background:url(../images/contact.jpg) no-repeat; 
	 background-position: center; 
	 height:539px;
	  background-size: 100% 100%;
	}
.content-page p {font-size:16px;}

.scrollActive .header {
	position: fixed;
	    background-color: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 480px) {
	.content-page p {padding-left:10px !important;}	
	h1, .h1, h2, .h2, h3, .h3 {text-align:center;}
	.bannercontact {height:130px;}
	.content-page {padding-top: 550px;}
	.headerformSection {padding-top: 130px;}
	.bannerrepair {height:130px;}
	.bannerhub {height:130px;}
	.banner {height:130px;}
}
 
.container-content {background-color:#f6f6f6;width:100%;padding:15px}