body, p {
  color: #101010;
  font-family: 'open sans', sans-serif;
}

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

.action-btn .btn-primary {
  font-family: 'open sans', sans-serif;
}

.breadcrumb {
  font-family: 'open sans', sans-serif;
}

ul.navbar-nav > li > a, .dropdown-menu li a {
  font-family: 'open sans', sans-serif;
}

.bg-picture {
  background-color: #ececec !important;
}

.slider-text {
  padding-right: 25%;
}

ul.navbar-nav > li > a, .dropdown-menu li a {
    font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.no-wrap {
    white-space: nowrap;
}

.team-name {
  font-size: 16px;
}

.dropdown-menu li a {
	color: #fff;
}

.lawyer .banner-desc {   
  text-shadow: 1px 1px 10px #fff;
}

.title-description {
  color: #101010;
}

.logo:after {
  border-top: 200px solid #96dbf9;
}

.btn-primary, .logo:before, .top-bg:before, .top-bg, .logo, .features-row, .slider-text .slide-head:after, #main-slide .carousel-control i {
	background: #004376;
}

.logo, .logo:before, .top-bg:before, .top-bg {
  background: #96dbf9;
}

.top-bg:after {
	border-top: 175px solid #96dbf9;
}

.consult {
    background-color: #004376;
}

.slider-text .slide-title span, .slider-text .slide-head {
    color: #004376;
}

.title-description {
    max-width: 900px;
}

.newsletter-form input {
    color: #fff;
}

.form-control:focus {
    color: #fff;
    border-bottom: 1px solid #80bdff;
}

.title-classic:after {
    width: 100%;
}

.clients .title-classic {
    line-height: 1.15em;
}

.action-title {
    text-shadow: 2px 2px 2px #414242;
}

.quote-area {
    background: url(../images/form-bg.jpg) no-repeat;
}

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

#main-slide .carousel-control span span {
    background: #0052a5;
    color: #fff;
    line-height: 56px;
    width: 56px;
    height: 56px;
    border-radius: 4px;
    font-size: 36px;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#main-slide .carousel-control span span {
    background: #004376;
}

.footer .angle-bg {
  background: #004376;
}

.quote_form {
  background: #004376;
}

.clients .title-classic {
    margin-top: 70px;
}

.action-subtitle {
  text-transform: unset !important;
}

ul.top-info li .info-box .info-box-content {
  padding-left: 5px;
}

/* form starting stylings ------------------------------- */
.login .group        { 
  position:relative; 
  margin-bottom:45px; 
}
.login input         {
  font-size:18px;
  padding:10px 10px 10px 5px;
  display:block;
  width:300px;
  border:none;
  border-bottom:1px solid #757575;
}
.login input:focus     { outline:none; }

/* LABEL ======================================= */
.login label          {
  color:#999; 
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
.login input:focus ~ label, input:valid ~ label    {
  top:-20px;
  font-size:14px;
  color:#5264AE;
}

/* BOTTOM BARS ================================= */
.login .bar  { position:relative; display:block; width:300px; }
.login .bar:before, .bar:after   {
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#5264AE; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.login .bar:before {
  left:50%;
}
.login .bar:after {
  right:50%; 
}

/* active state */
.login input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.login .highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
.login input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

#contact-form .form-control {
  color: #101010 !important;
}

.contact-page-info .contact-info-box i {    
    background: #004376;
}

.admin-mod {
  position: fixed;
  bottom: 20px;
  right: 40px;
  z-index: 10000;
  box-shadow: 2px 2px 2px #000;
}

.slider-text .slide-head:after {
    width:0px;
    height:0px;
    background: none;
}



/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
  from { background:#5264AE; }
  to  { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
  from { background:#5264AE; }
  to  { width:0; background:transparent; }
}
@keyframes inputHighlighter {
  from { background:#5264AE; }
  to  { width:0; background:transparent; }
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background: none !important;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

/*Change text in autofill textbox*/
input:-webkit-autofill {
    -webkit-text-fill-color: black !important;
}

input[type!='submit'] {
  color: #000 !important;
}

.sidebar .quote_form .form-control {
    color: #2d2d2d;
}

.quote_form, .editForm .form-control {
    color: #2d2d2d !important;
}

.team-hover:before {
  border-bottom: 25px solid #0e4274;
}

.team-hover {
  background: #0e4274;
}

.team-hover {
  bottom: -65px;
  height: 140px;
}

.team-desg {
  font-size: 12px;
}

.modal-body h5 {
  font-size: 20px;
}

ul.top-info li {
    margin-left: 12px;
}

.login .group input {
  color: #1e1a24 !important;
}

@media (max-width: 992px) {
	.slider-img img {
	    width: 90%;
	}
}

@media (max-width: 768px) {
  .footer .angle-bg {
      background: #1c1c24;
  }

  .banner-area {
    min-height: 240px;
  }

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

  .xs-mb-15 {
    margin-bottom: 15px !important;
  }

  .slider-text {
    padding-right: 50%;
  }

  #main-slide .carousel-control .fa-angle-left, #main-slide .carousel-control .fa-angle-right {
    top: 40%;
  }

  #main-slide .carousel-control i {    
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    font-size: 24px;    
  }
}

@media (min-width: 1500px) {
  .footer .angle-bg {
    right: 80px;
  }

  .slider-text h2, .slider-text h3, .slider-text p {
    margin-left:165px;
  }
}