﻿.joinr {
    padding-right: 0px;
}
.free-consulting {
    background-image: url(../images/phn2.jpg);
    background-size: cover;
    content: "";
    height: 500px;
    left: 0;
    top: 0;
    width: 100%;
    position: absolute;
}
.free-consulting .inner-content {
    height: 100%;
    left: 70px;
    position: absolute;
    transition: all 0.3s ease-out 0.5s;
    width: 67%;
}
.about-us {
    background-size: cover;
    padding-bottom: 166px;
    padding-top: 96px;
}
.about-us h2 {
    color: hsl(0, 0%, 100%);
    font-size: 35px;
    font-weight: bold;
    line-height: 38px;
    margin: 0;
    padding-bottom: 10px;
}
.about-us p {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 12px;
    padding-top: 5px;
}
.fluid-img img {
    height: 500px;
    max-width: none;
    width: 100%;
    right: 0;
}


/*--------------------------------------------------------------
# Cards styling
--------------------------------------------------------------*/
.card {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.card .header {
  margin: 15px;
  padding: 15px 0;
  border-radius: 3px;
  background-color: #fff;
}
.card .header-primary,
.card .content-primary {
  background: -webkit-linear-gradient(30deg, #ab47bc, #7b1fa2);
  background: linear-gradient(60deg, #01305e, #0668c7);
}
.card [class*="header-"],
.card [class*="content-"],
.card [class*="header-"] .card-title a,
.card [class*="header-"] .card-title,
.card [class*="header-"] .icon i,
.card [class*="content-"] .card-title a,
.card [class*="content-"] .card-title,
.card [class*="content-"] .icon i,
.card [class*="header-"] .author a:hover,
.card [class*="header-"] .author a:focus,
.card [class*="header-"] .author a:active,
.card [class*="content-"] .author a:hover,
.card [class*="content-"] .author a:focus,
.card [class*="content-"] .author a:active {
  color: #fff;
}

.card-contact .header {
  margin-top: -20px;
  padding: 17px 10px;
}

.panel-default > .panel-heading {
    color: #fff !important;
    background-color: #01305e !important;
    border-color: #000 !important;
}
.panel-title.collapsed:after {
    content: "\e114";
}
.panel-title:after {
    font-family: "Glyphicons Halflings";
    content: "\e080";
    float: right;
    margin-left: 15px;
}
th {
    background-color: #01305e;
    /*height: 50px;*/
    color: white;
    text-align: center !important;
    font-size: 14px;
}
.btn-darkblue {
    color: #fff !important;
    background: #01305e;
    padding: 12px;
}

.btn-darkblue:hover {
    border: 1px solid #f8c401;
    background:#f8c401;
    padding: 12px;
    color: #fff !important;
}
a:hover {
color:#fff;
}