/* Copyright (c) NewLogics LLC, All Rights Reserved. */

html,body {margin:0; padding:0; height:100%}
body {color:#333; font-size:14px; line-height:20px; min-width:320px;
  background:#fff; font-family:"Open Sans", Tahoma, sans-serif}
a,a:hover,a:focus {color:inherit; cursor:pointer; outline:none !important}

.hide_text {color:rgba(0,0,0,0)}
.shadow {box-shadow:1px 4px 7px #999}
.bg-parallax {background:transparent !important}


/* page layout */
#body-wrapper {position:relative; margin:0; height:auto !important;
  height:100%; min-height:100%; background:transparent}
#page-wrapper {position:absolute; top:0; width:100%; height:auto !important;
  height:100%; min-height:100%; padding-bottom:170px}
#header-wrapper {padding-top:80px; color:#fff;  border-bottom:1px solid #fff;
  background:#192d60 url(../images/bg.jpg) left -500px no-repeat}
#content-wrapper {padding-bottom:40px; border-top:1px solid #192d60}
#footer-wrapper {position:absolute; width:100%; height:170px; overflow:hidden;
  bottom:0; background:#192d60 url(../images/bg.jpg) top center no-repeat}

#body-wrapper .navbar {margin-bottom:0; padding-top:14px; padding-bottom:10px;
  background:rgba(255,255,255,0.97); box-shadow:0 1px 4px #666; min-width:320px}
#body-wrapper .navbar-brand {padding-top:9px}
#body-wrapper .navbar-brand>img {width:260px}
#body-wrapper .navbar-nav li>a:hover,
  #body-wrapper .navbar-nav li>a:focus {color:#2f55b6}
#body-wrapper .navbar .dropdown-menu {padding:0; color:#192d60; min-width:220px}
#body-wrapper .navbar .dropdown-menu li>a {
  padding:10px 20px; border-bottom:1px solid #f0f0f0}
#body-wrapper .navbar .dropdown-menu li.viewall>a {
  color:#1889c1; text-align:center; font-size:12px}
#body-wrapper .navbar .dropdown-menu li.viewall>a:hover {
  background:none; text-decoration:underline}

#footer-wrapper .slogan {padding:35px 0 30px; color:#1889c1; font-size:20px;
  font-weight:300; font-style:italic; border-bottom:1px solid #333;
  background:#eee url(../images/waves.png) top repeat-x;}
#footer-wrapper .slogan b {font-weight:400}
#footer-wrapper .copyright {height:150px; padding:15px 0; font-size:12px;
  color:#f0f0f0; border-top:1px solid #ccc; background:rgba(10,19,41,0.8)}


/* components */
.row-spacer {padding-top:0}
.row-pad {padding-top:30px}
.page-pad {padding-top:50px}

.page-title {padding:20px 0 30px; font-style:italic; text-transform:uppercase;
  font-weight:400; text-shadow: 0px 2px 10px rgba(0,0,0,0.9)}

.sidemenu-border {border-left:1px solid #f0f0f0}

.pretty-title {color:#1889c1; font-size:28px; font-weight:400; line-height:34px;
  font-style:italic; padding-bottom:30px; text-align:center}

.scrollup {position:fixed; bottom:80px; right:30px; width:40px; height:40px;
  background:rgba(0,0,0,0.2); font-size:20px; color:#fff; padding-top:9px;
  padding-left:10px; border-radius:20px; opacity:0.5; z-index:999; display:none}

.banner-container {position:relative; padding:0; margin:0px;
  width:100% !important; max-height:550px !important; overflow:hidden}
.banner-container .banner {position:relative; padding:0; margin:0px;
  width:100% !important; max-height:550px !important; overflow:hidden}

.stripe-bar-1 {background:url(../images/bg.jpg) top center no-repeat fixed}
.stripe-bar-1 .stripe-inner {background-color:rgba(255,255,255,0.86)}
.stripe-pad {padding-top:60px; padding-bottom:70px}

.address-panel {color:#666}
.address-panel .title {font-size:22px; font-style:italic; margin-bottom:20px}
.address-panel strong {color:#333}
.address-panel a {color:#1889c1}

.address-map .title {font-size:18px; font-style:italic; margin-bottom:10px}
.address-map iframe {width:100%; height:350px}

.form-panel {padding:0 20px}
.form-panel .title {font-size:18px; font-style:italic; margin-bottom:20px}
.form-panel label {color:#555}
.form-panel label>i {color:#f00}

.contact-panel {color:#666; font-size:12px}
.contact-panel .title {font-size:22px; font-style:italic; margin-bottom:20px}
.contact-panel strong {color:#333}
.contact-panel a {color:#1889c1}

.sidebar-links {color:#666; font-size:13px}
.sidebar-links a {color:#1889c1}
.sidebar-links .title {font-size:18px; font-style:italic; font-weight:300;
  margin-top:10px; margin-bottom:10px}
.sidebar-links .title strong {font-weight:400}
.sidebar-links .list-group-item {border:none; padding:8px 0}

.info-thumbnail .title {background:#eee; color:#555; font-size:14px;
  font-weight:600; padding:12px 15px 8px; padding-left:70px}
.info-thumbnail .title img {position:absolute; height:50px;
  margin-left:-60px; margin-top:-7px}
.info-thumbnail p {margin-top:5px}

.need-details {margin-top:30px}
.need-details .title {color:#ff8c1a; font-size:24px}
.need-details .text a {color:#ff8c1a}

.text-title {font-size:30px; font-weight:600; margin:30px 0 20px;
  text-transform:uppercase; color:#ff751a}
.text-content {font-size:20px; line-height:34px}


.big-title {font-size:26px; font-weight:600; margin:10px 0 20px;
  text-transform:uppercase; color:#444}

.intro-text {font-size:16px; line-height:24px; color:#666; text-align:justify}
.intro-links {font-size:16px; font-weight:bold; font-style:italic;
  text-align:center}
.intro-links a {color:#1889c1}



@media(max-width:991px) {
  #body-wrapper .navbar-brand {padding-top:12px}
  #body-wrapper .navbar-brand>img {width:220px}
  #body-wrapper .navbar-nav li>a {padding-left:10px; padding-right:10px}

  .address-map iframe {width:100%; height:300px}
}

@media(max-width:767px) {
  #header-wrapper {padding-top:65px}

  #body-wrapper .navbar {padding-top:5px; padding-bottom:5px}
  #body-wrapper .navbar-brand {padding-top:15px}
  #body-wrapper .navbar-brand>img {width:200px}
  #body-wrapper .navbar-nav li>a {padding-left:20px; padding-right:20px}

  #footer-wrapper .slogan {padding:20px 0 15px;
    font-size:16px; text-align:center; line-height:28px}

  .row-spacer {padding-top:20px}
  .page-pad {padding-top:20px}

  .stripe-pad {padding-top:40px; padding-bottom:50px}

  .pretty-title {font-size:20px; padding-bottom:20px; line-height:25px}

  .text-title {font-size:26px}
  .text-content {font-size:18px; line-height:28px}
}

@media(min-width:768px) {
  .info-thumbnail p {height:80px; overflow:auto}
}

@media(min-width:1680px) {
  #header-wrapper, #footer-wrapper {background-size:100% auto}
}

@media print {
  body {color:#000; font-size:18px; line-height:24px !important}
  #header-wrapper {padding-top:0}
  #footer-wrapper {display:none !important}
  .navbar, .breadcrumb, .scrollup {display:none !important}
}