/*
Theme Name:  Alfie The Flat Bootstrap Wordpress Theme
Theme URI:   http://themeforest.net/user/UBL
Description: Alfie The Flat Bootstrap Wordpress Theme
Version:     1.0.5
Author:      UBL Designs
Author URI:  http://themeforest.net/user/UBL
License: envato marketplace licence
  License URI: http://wiki.envato.com/support/legal-terms/licensing-terms/
Tags: 		 sticky-post, theme-options, translation-ready,one-column,featured-images,full-width-template, post-formats
Custom Style by: DevJc
*/
/*==========================================
*	VARIABLES
==========================================*/
/*==========================================
*	TYPOGRAPHY.
==========================================*/
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

hr {
  margin-bottom: 10px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  color: #ffffff !important;
  margin-top: 0px;
  margin-bottom: 10px;
  text-rendering: optimizeLegibility; }

h3 {
  font-size: 22px;
  line-height: 1.4; }

h4 {
  line-height: 1.4; }

h5 {
  font-size: 16.5px; }

p {
  line-height: 1.6;
  color: #ffffff;
  text-rendering: optimizeLegibility; }

a, a:visited {
  color: #ffffff;
  text-rendering: optimizeLegibility; }

a:hover, a:visited:hover {
  color: #31dad0; }

a.inverse-link, a:visited.inverse-link {
  color: #ffffff;
  text-decoration: none; }
  a.inverse-link :hover, a:visited.inverse-link :hover {
    color: #31dad0; }

.single-height {
  line-height: 1.3;
  margin-left: 45px;
  margin-bottom: 5px; }

h3.single-height {
  margin-top: -5px; }

h4.single-height {
  margin-top: -10px; }

.title {
  margin-bottom: 0px; }

.big-header {
  font-size: 25px;
  font-weight: 600;
  max-width: 510px;
  text-align: right;
  text-transform: uppercase; }

.light-header {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500; }

.text-inline {
  display: inline-block;
  margin-left: 30px;
  line-height: 1.5; }

.text-green {
  color: #31dad0;
  margin-bottom: 0px; }

.styled li {
  list-style: circle; }

/*==========================================
*	CONTAINERS AND WRAPPERS
==========================================*/
body {
  overflow-x: hidden;
  background: #8EBFE7;
  font-size: 16px;
  color: #ffffff;
  height: 100%; }

.header {
  background-color: #ffffff;
  padding-top: 2px;
  padding-bottom: 10px; }

.rev_slider_wrapper {
  background-color: #ffffff !important; }

section#loans {
  padding-top: 70px;
  padding-bottom: 60px; }
  section#loans hr {
    margin-top: 20px; }

section#banner {
  background-color: #31BEDA !important;
  margin: 0px;
  text-transform: uppercase; }
  section#banner h2 {
    font-size: 24px; }

section#mortgage {
  padding-top: 20px;
  padding-bottom: 50px;
  color: #ffffff; }
  section#mortgage hr {
    margin-top: 60px; }

section#broker {
  padding: 0px;
  background: url(img/home/mortgage.jpeg) no-repeat 100% 69%;
  min-height: 350px; }

section#address {
  background-color: #3F8EFC !important; }
  section#address h4 {
    color: #ffffff !important;
    margin-bottom: 0px;
    text-transform: uppercase; }
  section#address p {
    color: #ffffff;
    font-weight: 700; }

.page-header {
  margin-bottom: 40px; }

.page-section {
  background-color: #8EBFE7;
  padding-top: 30px; }

.equal-padding {
  padding-bottom: 30px; }

.padded-container {
  padding-top: 150px; }

.inverse-background {
  background-color: #ADD7F6; }

.screen {
  padding-top: 60px;
  background: rgba(8, 8, 8, 0.5);
  min-height: 290px; }

/*==========================================
*	NAVIGATION MENU
==========================================*/
.header {
  border-bottom: 5px solid #8EBFE7; }
  .header .logo > a > img {
    max-height: 85px;
    width: auto; }
  .header .nav-pills li > a {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 600; }
  .header .nav-pills .active > a, .header .nav-pills .active > a:hover, .header .nav-pills .active > a:focus {
    color: #8EBFE7;
    background-color: transparent; }

#custom-sidebar {
  margin-top: 7px;
  margin-bottom: 30px; }
  #custom-sidebar .menu-item {
    margin-bottom: 10px; }
  #custom-sidebar a:hover {
    color: #58483f; }

/*==========================================
*	IMAGES
==========================================*/
.img-100 {
  width: 100%;
  height: 245px;
  margin: 0px !important;
  margin-bottom: 10px !important; }

.img-circle {
  border-radius: 100%; }

.team-member {
  height: 230px;
  width: auto;
  margin-top: 20px; }

/*==========================================
*	ICONS
==========================================*/
i {
  color: #ffffff; }

.icon-text {
  display: inline-block;
  font-family: 'Open Sans',sans-serif;
  font-size: 17.5px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-left: 10px;
  width: auto; }

.icon-bg {
  font-size: 15px;
  color: #ffffff;
  background: #4eadfb;
  width: 21px;
  height: 21px;
  padding-top: 7px;
  padding-left: 7px;
  border-radius: 50%;
  margin-top: -9px; }

.title-icon {
  margin-right: 28px;
  font-size: 30px;
  position: absolute; }

.btn {
  margin-bottom: 8px; }

.boxed-link {
  display: block;
  font-size: 21px;
  font-weight: 700;
  color: #ffffff !important;
  text-align: center;
  background: #13b7ef;
  border: solid;
  padding: 20px;
  line-height: 1.4;
  min-height: 58px;
  margin-top: 25px;
  margin-bottom: 15px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s; }
  .boxed-link a {
    color: #ffffff; }

.boxed-link:hover {
  border-radius: 30px;
  background: #31dad0;
  color: #ffffff; }

.boxed-padded {
  padding-top: 30px;
  padding-bottom: 10px; }

.btn-primary {
  color: #ffffff !important;
  background-color: #4eadfb;
  border-radius: 5px;
  padding: 10px 18px;
  letter-spacing: 3px;
  font-size: 10.5px;
  box-shadow: 0 -3px #4eadfb inset;
  -moz-box-shadow: 0 -3px #4eadfb inset;
  -webkit-box-shadow: 0 -3px #4eadfb inset;
  -o-box-shadow: 0 -3px #4eadfb inset;
  font-weight: 400;
  font-family: 'Open Sans',sans-serif;
  text-transform: uppercase; }

.btn-primary:hover, .btn-primary:focus, .btn-primary:hover:active {
  background-color: #31dad0;
  box-shadow: 0 -3px #4AAAA5 inset;
  -moz-box-shadow: 0 -3px #4AAAA5 inset;
  -webkit-box-shadow: 0 -3px #4AAAA5 inset;
  -o-box-shadow: 0 -3px #4AAAA5 inset; }

#call-to-action {
  background: #4eadfb;
  padding: 20px;
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px; }
  #call-to-action h3, #call-to-action p {
    color: #ffffff;
    max-width: 640px; }
  #call-to-action .btn {
    background: #3F8EFC;
    position: absolute;
    top: 40px;
    right: 30px; }
  #call-to-action .btn:hover {
    background: #31dad0; }

.btn {
  border-radius: 0px !important; }

/*==========================================
*	IMAGE WITH TEXT
==========================================*/
.gallery {
  position: relative;
  padding: 0;
  text-align: center;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }
  .gallery img {
    width: 100%;
    height: 240px !important; }
  .gallery .gallery-image {
    cursor: pointer;
    position: relative;
    display: block; }
  .gallery .gallery-text {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 75px;
    background: rgba(51, 51, 51, 0.69); }
  .gallery h3 {
    font-size: 20px;
    color: #ffffff;
    padding: 10px 35px;
    line-height: 1.4;
    display: inline-table;
    vertical-align: middle;
    text-transform: uppercase;
    margin: 0px; }

.gallery:hover {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05); }

/*==========================================
*	FOOTER
==========================================*/
footer {
  padding-top: 35px;
  padding-bottom: 20px; }
  footer .footersocial {
    font-size: 26px;
    padding: 0;
    margin: 0px; }
  footer .copyright {
    padding: 0px;
    text-align: right; }
  footer p {
    margin-bottom: 0px;
    color: #ffffff; }
  footer i {
    color: #ffffff; }

.wpcf7-form textarea, .wpcf7-form input[type="text"], .wpcf7-form input[type="password"], .wpcf7-form input[type="datetime"], .wpcf7-form input[type="datetime-local"], .wpcf7-form input[type="date"], .wpcf7-form input[type="month"], .wpcf7-form input[type="time"], .wpcf7-form input[type="week"], .wpcf7-form input[type="number"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="search"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="color"], .wpcf7-form .uneditable-input {
  width: 95%; }
.wpcf7-form input[type="submit"] {
  width: 97%;
  padding: 10px;
  margin-top: 20px;
  color: #ffffff !important;
  background-color: #4eadfb;
  border-radius: 5px;
  padding: 10px 18px;
  letter-spacing: 3px;
  font-size: 10.5px;
  box-shadow: 0 -3px #4eadfb inset;
  -moz-box-shadow: 0 -3px #4eadfb inset;
  -webkit-box-shadow: 0 -3px #4eadfb inset;
  -o-box-shadow: 0 -3px #4eadfb inset;
  font-weight: 400;
  font-family: 'Open Sans',sans-serif;
  text-transform: uppercase; }

/*==========================================
*	RESPONSIVE LAYOUT
==========================================*/
/* Large Screen, Tablets(Medium screen Laptops) */
/* Medium Screens, Tablets(Small Screen Laptops) */
/* Medium Screens, Tablets(Landscape Tablet and Ipad, Small Laptops) */
/* Small Screen, Tablets(Portrait Tablet and Ipad) */
/* Small Screens, Tablets(Portrait Tablet and Ipad) */
@media only screen and (max-width: 768px) {
  .nav-pills li > a {
    margin: 10px 0px 0px 0px; } }
/* Extra Small Screens, Phones(Portrait Iphone6) */
@media only screen and (max-width: 480px) {
  .nav-pills li > a {
    margin: 10px 0px 0px 0px; }

  .btn-navbar {
    top: 31px;
    font-size: 12px;
    width: 40px;
    height: 40px; }

  .page-section {
    padding-top: 25px; }

  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }

  h1 {
    font-size: 27px; }

  h2 {
    font-size: 24px; }

  h3 {
    font-size: 21px; }

  ul, ol {
    margin: 0 0 10px 15px; }

  .rev_slider_wrapper {
    height: 210px !important; }
    .rev_slider_wrapper .tp-bgimg {
      background-size: 100% 100% !important;
      background-position: center !important; }

  section#loans {
    padding-top: 30px;
    padding-bottom: 0px; }
    section#loans .gallery img {
      height: 200px !important; }
    section#loans .gallery .gallery-text {
      line-height: 60px; }
    section#loans .gallery h3 {
      font-size: 16px;
      padding: 0px; }

  section#mortgage {
    padding-top: 30px;
    padding-bottom: 0px; }
    section#mortgage .big-header {
      margin-top: 0px;
      font-size: 25px;
      text-align: center;
      line-height: 1.2;
      margin-bottom: 25px; }
    section#mortgage .text-inline {
      font-size: 16.5px; }

  #broker .screen {
    padding-top: 60px; }
    #broker .screen .btn {
      margin-bottom: 50px; }
    #broker .screen .span4:last-child.btn {
      margin-bottom: 0px; }

  #address .equal-padding {
    margin-top: 20px;
    padding-bottom: 10px; }
  #address p {
    margin-bottom: 10px; }

  #call-to-action {
    margin-top: 0px; }
    #call-to-action .btn {
      display: none; }

  footer {
    padding-top: 25px;
    padding-bottom: 20px; }
    footer .footersocial a, footer .footersocial a:visited {
      font-size: 21px;
      text-align: left; }
    footer .copyright {
      text-align: left; } }
/* Extra Small Screens, Phones(Portrait Iphone5) */
@media only screen and (max-width: 320px) {
  .nav-pills li > a {
    margin: 10px 0px 0px 0px; }

  .page-section {
    padding-top: 20px; }

  h1, h2, h3, h4, h5, h6 {
    line-height: 1.3; }

  h1 {
    font-size: 22px; }

  h2 {
    font-size: 19px; }

  h3 {
    font-size: 16px; }

  ul, ol {
    margin: 0 0 10px 15px; }

  .single-height {
    line-height: 1.3; }

  .big-header {
    margin-top: 0px;
    font-size: 23px; }

  .text-inline {
    font-size: 11px; }

  #call-to-action .btn {
    position: absolute;
    top: -51px;
    left: 0;
    right: 0; }

  .footersocial a, .footersocial a:visited {
    font-size: 21px; }

  .title-icon {
    margin-top: 1px;
    margin-right: 16px;
    font-size: 23px; } }

/*# sourceMappingURL=style.css.map */