#content-page { padding-top: 100px; }

html { margin: 0; }

body { position: relative; -webkit-font-smoothing: antialiased; font-family: 'Lato', sans-serif !important; padding-top: 0px; line-height: 20px; }

  body h1, body h2, body h3, body h4, body h5, body h6, body .h1, body .h2, body .h3, body .h4, body .h5, body .h6 { font-family: 'Lato', sans-serif !important; font-weight: bold; color: inherit; text-rendering: optimizelegibility; }

  body h1, body h2, body h3 { line-height: 40px; }

  body h2 { font-size: 31.5px; }

a:hover { text-decoration: none; }

input[type="text"],
input[type="password"],
input[type="submit"],
textarea { font-family: 'Lato', Helvetica; }

body.pull_top { padding-top: 0px !important; }

header { background: rgba(0, 0, 0, 0.6) !important; }

/* Navbar
-------------------------------------------------- */
.navbar-brand-mobile { padding: 10px; width: 150px; display: none; }

@media (max-width: 980px) {
  .navbar-brand { display: none; }
  .navbar-brand-mobile { display: inline; }
}

.navbar { padding: 0px 0px 3px 0px; }

  .navbar.navbar-inverse { background: rgba(0, 0, 0, 0.8); border-bottom: 2px solid #161c27; }

    .navbar.navbar-inverse.navbar-static-top { background-color: #252528; }

      .navbar.navbar-inverse.navbar-static-top .container { margin-top: 0; margin-bottom: 0; }

    .navbar.navbar-inverse .nav > li > a { font-size: 13px; font-weight: bold; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); opacity: .6; filter: alpha(opacity=60); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; padding: 10px 15px 10px; text-decoration: none; }

      .navbar.navbar-inverse .nav > li > a:hover, .navbar.navbar-inverse .nav > li > a:active { color: #fff; opacity: 1; filter: alpha(opacity=100); }

    .navbar.navbar-inverse .nav > li.active > a { color: #fff; opacity: 1; filter: alpha(opacity=100); background-color: transparent; }

  .navbar.sticky { background: rgba(0, 0, 0, 0.8); border-bottom: 1px solid #252525; }

    .navbar.sticky .container { margin-top: 0px !important; margin-bottom: 0px !important; }

  .navbar .container { margin-top: 10px; margin-bottom: 0px; -webkit-transition: margin .2s ease-in-out; -moz-transition: margin .2s ease-in-out; transition: margin .2s ease-in-out; }

    .navbar .container .navbar-header { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); font-size: 20px; margin-left: -15px; padding: 0px 40px 30px; }


.navbar-brand { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); font-size: 20px; margin-left: -160px; padding: 20px 15px 30px 0px; max-width: 30%; }


.logo-footer { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); font-size: 20px; padding: 50px 30px 30px 20px; max-width: 100%; }

.navbar .container .collapse .nav .dropdown .caret { margin-bottom: 4px; }

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background: #5c6770; border-radius: 6px; }


.navbar .container .collapse .nav .dropdown .dropdown-menu { background: #5c6770; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-top: 2px; }

  .navbar .container .collapse .nav .dropdown .dropdown-menu > li > a { color: #fff; }

    .navbar .container .collapse .nav .dropdown .dropdown-menu > li > a:hover { background: #76be43; }

.section_header { width: 100%; margin-bottom: 20px; }

  .section_header h3 { color: #76be43; font-weight: 300; font-style: italic; font-size: 27px; border-bottom: 1px solid #76be43; padding-bottom: 0px; padding-top: 35px; display: inline-block; margin: 0; }

/* Footer  #646464
-------------------------------------------------- */
#footer { min-height: 160px; margin-top: 20px; background-color: #252528; color: #fff; padding-top: 15px; /* testimonials */ /* contact */ /* credits */ /* inner footer */ }

  #footer .footer_header { color: #c4c4c4; font-style: italic; font-weight: 300; font-size: 25px; margin-bottom: 20px; margin-left: 15px; }

  #footer .recent_posts { margin-left: 0px; }

    #footer .recent_posts .post { margin-bottom: 70px; width: 93%; }

      #footer .recent_posts .post img { float: left; margin-right: 20px; }

      #footer .recent_posts .post .date { font-weight: bold; font-style: italic; }

      #footer .recent_posts .post .title { display: block; color: #b5b5b6; font-size: 14px; }

  #footer .testimonials .wrapper { margin: 0 auto; width: 82%; }

  #footer .testimonials .footer_header { margin-left: 30px; }

  #footer .testimonials .quote { color: #bfbfc0; }

    #footer .testimonials .quote span { font-size: 32px; font-style: italic; position: relative; top: 5px; font-family: Georgia !important; float: left; margin-right: 8px; }

  #footer .testimonials .author { margin-top: 40px; }

    #footer .testimonials .author img { float: left; margin-right: 15px; position: relative; top: -6px; }

  #footer .testimonials .name { font-size: 13px; font-weight: bold; }

  #footer .testimonials .info { font-style: italic; color: #ccc; }

  #footer .contact { text-align: right; }

    #footer .contact .footer_header { text-align: left; margin-left: 35px; }

    #footer .contact input[type="text"], #footer .contact textarea { border: none; background-color: #1f1f21; color: #868687; padding: 8px 20px; border-radius: 3px; font-size: 14px; font-family: Lato !important; width: 95%; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; margin-bottom: 10px; }

      #footer .contact input[type="text"]:focus, #footer .contact textarea:focus { border: none; box-shadow: none; background-color: #000; }

      #footer .contact input[type="text"]:moz-placeholder, #footer .contact textarea:moz-placeholder { color: #868687; }

      #footer .contact input[type="text"]::-webkit-input-placeholder, #footer .contact textarea::-webkit-input-placeholder { color: #868687; }

      #footer .contact input[type="text"]:-ms-input-placeholder, #footer .contact textarea:-ms-input-placeholder { color: #868687; }

    #footer .contact input[type="submit"] { background-color: #3e3e40; border: none; color: #fff; border-radius: 4px; padding: 5px 20px; font-size: 14px; font-weight: bold; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; }

      #footer .contact input[type="submit"]:hover { background-color: #2190DB; }

  #footer .credits { border-top: 1px solid #343437; padding: 10px 0px 60px 0px; }

    #footer .credits .social { margin-top: 30px; text-align: center; }

      #footer .credits .social a { margin: 10px; }

        #footer .credits .social a span { display: inline-block; width: 33px; height: 33px; }

          #footer .credits .social a span.ico1, #footer .credits .social a span.icoh { background-position: 0px 0px; }

          #footer .credits .social a span.ico2, #footer .credits .social a span.ico2h { background-position: -37px 0px; }

          #footer .credits .social a span.ico3, #footer .credits .social a span.ico3h { background-position: -75px 0px; }

          #footer .credits .social a span.ico4, #footer .credits .social a span.ico4h { background-position: -112px -1px; }

          #footer .credits .social a span.ico5, #footer .credits .social a span.ico5h { background-position: -151px 0px; }

          #footer .credits .social a span.ico6, #footer .credits .social a span.ico6h { background-position: -188px -1px; }

          #footer .credits .social a span.ico7, #footer .credits .social a span.ico7h { background-position: -226px 0px; }

        #footer .credits .social a:hover span.socialicons { display: none; }

        #footer .credits .social a:hover span.socialicons_h { display: inline-block !important; }

      #footer .credits .social span.socialicons_h { display: none; }

  #footer .copyright, #footer .copyright a { color: #a6a6a7; font-style: italic; text-align: left; margin-top: 10px; padding-top: 50px; margin-left: 30px; }

  #footer .credits .socialicons { background: url("../../img/socialicons.png") no-repeat; width: 265px; height: 36px; }

  #footer .credits .socialicons_h { background: url("../../img/socialicons_h.png") no-repeat; width: 265px; height: 36px; }

  #footer .info { margin-bottom: 10px; margin-left: 0; }

    #footer .info .residence { margin-left: 0; }

    #footer .info ul { margin: 0; padding: 0; }

      #footer .info ul li { list-style: none; font-size: 16px; color: #777E83; line-height: 23px; }

      #footer .info ul a { color: #777E83; -webkit-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; transition: color .2s; }

        #footer .info ul a:hover { color: #A9B4BB; }

    #footer .info .touch { float: right; }

      #footer .info .touch ul li { display: inline-block; margin-left: 22px; }

/* Global
-------------------------------------------------- */
.page_header { background-color: #000; color: #fff; font-size: 23px; display: inline-block; padding: 0px 18px; }

.social_icon { background: url("../../img/social_icons.png") no-repeat; width: 110px; height: 18px; }

.contact_social { background: url("../../img/contact_social.png") no-repeat; width: 180px; height: 34px; }

/* Responsive
-------------------------------------------------- */
@media (max-width: 991px) {
  body { padding-top: 0 !important; }

  .navbar.navbar-inverse { background: #252528; }
}

}


@media (min-width: 768px) and (max-width: 991px) {
  .navbar { margin-bottom: 0; }

    .navbar.transparent.navbar-fixed-top { margin-bottom: -70px; position: relative; top: 999; }

    .navbar.home.navbar-fixed-top { margin-bottom: -70px; position: relative; top: auto; }
}

@media (max-width: 767px) {
  .navbar.navbar-inverse .container .navbar-header { margin-left: -15px; }


  @media (min-width:992px) {
    .navbar-brand { position: relative; left: 10px; max-width: 10%; }

    .navbar .navbar-nav .open .dropdown-menu > li > a { line-height: 25px; font-weight: bold; padding: 5px 15px 5px 35px; }

    #footer .container { padding: 0px 20px; }

    #footer .footer_header { margin-left: 0; }

      #footer .footer_header h3 { margin-left: 0; }

    #footer .testimonials { overflow: hidden; margin-bottom: 40px; }

      #footer .testimonials .footer_header { margin-left: 0; }

      #footer .testimonials .wrapper { float: left; width: 100%; }

    #footer .contact { margin: 0; }

      #footer .contact .footer_header { margin-left: 0; }

      #footer .contact input[type="text"], #footer .contact textarea { float: left; width: 100%; }

    #footer .info .touch { float: none; }

      #footer .info .touch ul { margin: 15px 0 15px; }

        #footer .info .touch ul li { margin: 0 30px 0 0; }

    #footer .credits { margin-top: 20px; }
  }