/*******************Heading Tags ********************/

h1, h2, h3, h4, h5 {
    color: #00529B;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px; 
}
h4 {
    text-transform: uppercase;
}
h4 {
    text-transform: uppercase;
}

/************ Links ************************/

a.link-t1, a.link-t1:active, a.link-t1:visited {
    clear: both;
    font-size: 1em;
    color: #00529B;
    text-decoration: underline;
    font-weight: bold;
    text-transform: uppercase;
}
.uppercase {
    text-transform: uppercase;
}
a.link-t1:hover {
    clear: both;
    color: #3498db;
}
a.link-t2, a.link-t2:active, a.link-t2:visited {
    clear: both;
    font-size: 1em;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}
a.link-t2:hover {
    clear: both;
    text-decoration: none;
}
a.link-t3, a.link-t3:active, a.link-t3visited {
    clear: both;
    font-size: 1em;
    color: #8d8d8d;
    text-decoration: none;
    font-weight: normal;
}
a.link-t3:hover {
    clear: both;
    text-decoration: none;
}
.primary-header {
    border-radius: 0px;
    background-color: #e9e9e9;
    color: #000;
    min-height: 0.85em;
    border: 0px solid transparent;
    margin-bottom: 1.2em;
}
.primary-nav {
    font-size: 0.85em;
}
.text-upper {
    text-transform: uppercase;
}
.primary-nav>li.active {
    background-color: #fff;
}
.primary-nav>li>a {
    padding-top: 0.85em;
    ;
    padding-bottom: 0.85em;
    ;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
.primary-nav>li>a:hover {
    color: #3db5f3;
    background-color: transparent;
    text-decoration: none;
}
#secondary-nav {
    position: relative;
    font-size: 1em;
}
#secondary-nav .nav {
    /*position: absolute;*/
    bottom: 0;
    right: 0;
    margin-bottom: -10px;
}
.secondary-header {
    border-radius: 0px;
    background-color: #fff;
    color: #000;
    min-height: 0.85em;
    height: 5em;
    border: 0px solid transparent;
    margin-bottom: 1.2em;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 5px;
}
.secondary-nav>li>a {
    padding-top: 0.85em;
    ;
    padding-bottom: 0.85em;
    font-size: .85em;
    font-weight: bold;
    color: #000;
}
.secondary-nav>li>a:hover {
    color: #3db5f3;
    background-color: transparent;
}
nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: transparent;
    border-color: transparent;
}

/********** Global Helper ******************/

.margin-1em-top {
    clear: both;
    margin-top: 1em;
}
.pading-1em {
    clear: both;
    padding: 1em;
}
.pading-1em-btm {
    clear: both;
    padding-bottom: 1em;
}
.pading-2em {
    padding: 2em;
}
.pading-2em-btm {
    clear: both;
    padding-bottom: 2em;
}
.pading-2em-top {
    clear: both;
    padding-top: 2em;
}
.pading-3em {
    padding: 3em;
}
.pading-4em {
    padding: 4em;
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.nomargin {
     margin: 0 !important;
}
 
.with-border {
    border-top: 1px solid #ccc;
}

/********** Global Helper ******************/

.body--hb2-nav-desktop #jumbotron-hb2 {
    border-radius: 0px;
    padding: 1.5em 1.5em 1.5em 0;
    color: inherit;
    background-color: #746541;
}
.body--hb2-nav-desktop .shop-block {
    color: #fff;
}
.body--hb2-nav-mobile #jumbotron-hb2 {
    border-radius: 0px;
    padding: 0;
    color: inherit;
    background-color: #fff;
}
.body--hb2-nav-mobile #jumbotron-hb2 {
    border-radius: 0px;
    padding: 0;
    margin: 0px;
    color: inherit;
    background-color: #fff;
}
.body--hb2-nav-mobile #login-wgt {
    border: 1px #ccc solid;
}
.body--hb2-nav-mobile #mega-nav {
    position: relative;
    z-index: 1001;
    background-color: #fff;
}
.body--hb2-nav-mobile .secondary-header .navbar-header .navbar-toggle {
    margin-top: 3em;
}
.body--hb2-nav-mobile #mega-nav .nav {
    margin-top: 1em !important;
    padding: 0.5em;
}
.body--hb2-nav-desktop .dropdown-menu>li>a {
    color: #428bca;
}
.body--hb2-nav-desktop .dropdown ul.dropdown-menu {
    border-radius: 4px;
    box-shadow: none;
    margin-top: 10px;
    width: 100%;
}
.body--hb2-nav-desktop .dropdown ul.dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 16px;
    z-index: 10;
}
.body--hb2-nav-desktop .dropdown ul.dropdown-menu:after {
    content: "";
    border-bottom: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    right: 14px;
    z-index: 9;
}
.body--hb2-nav-mobile .shop-block {
    border-radius: 0px;
    padding: 1.5em;
    margin: 3em 0em;
    color: #fff;
    background-color: #746541;
}
.body--hb2-nav-desktop .footer-menu .navbar-default {
    background-color: transparent;
    ;
    border-bottom-color: transparent;
    ;
    border-left-color: transparent;
    ;
    border-right-color: transparent;
    ;
    border-top-color: transparent;
    ;
}
.body--hb2-nav-mobile .footer-menu .navbar-default .navbar-header {
    background-color: #8a8b8f;
    border: 1px solid #fff;
    color: #fff;
}
.body--hb2-nav-mobile .footer-menu .navbar-default .navbar-brand {
    color: #fff;
}
.body--hb2-nav-mobile .footer-menu .navbar-default .navbar-toggle {
    border: 0px solid #fff;
    color: #FFF;
}
.body--hb2-nav-desktop .footer-menu .navbar-default .nav> li> a {
    padding-left: 0px;
    color: #fff;
}
.body--hb2-nav-desktop .footer-menu .navbar-default .nav> li> a:hover {
    text-decoration: underline;
}
.body--hb2-nav-desktop .footer-menu .navbar-default .navbar-collapse {
    padding-left: 0px;
}
.jumbotron p {
    font-size: 1em;
}
.text-white {
    color: #fff;
}

.nav-brand{
 
    text-align: center;
    margin: auto;

}

/******LOGIN Widget****************/

#login-wgt {
    font-size: 1em;
    color: #666666;
    background-color: #fff;
    margin: 0px;
    padding: 0px;
}
#login-wgt> div {
    margin: 0px;
    padding: 1em;
    padding-bottom: 0px;
}
#login-wgt p.lead {
    font-size: 2em;
    color: #00529b;
}
#login-wgt label {
    font-weight: normal;
}
#login-wgt .form-group {
    margin-bottom: 1.8em;
}
#login-wgt .nopadding {
    margin-bottom: 0em;
}
#login-wgt .signin-left {
    background-color: #e9e9e9;
    border-left: 1px #ccc solid;
    padding-bottom: 2em;
}

/******LOGIN Widget****************/

.form-control {
    border-radius: 0px;
    box-shadow: none;
    transition: none;
}

/**************** hb2 buttons *****************/

button.btn, button.btn-default, a.btn-default {
    padding: 0.6em 1.4em;
    border-radius: 0px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
    text-decoration: none;
    font-weight: bold;
}
button.btn-info, a.btn-info,
button.btn-info:hover, a.btn-info:hover {
    background-color: #fff;
    border: 2px solid #00529b;
    color: #00529b;
}
 
button.btn-info:focus, a.btn-info:focus,
button.btn-info:active, a.btn-info:active,
button.btn-info:active:focus, a.btn-info.active:focus
.btn-info:focus, .btn-info.focus
 {
    background-color: #fff;
    border: 2px solid #3498db;
    color: #3498db;
    outline:0;
}
button.btn-default, a.btn-default,
button.btn-default:hover, a.btn-default:hover {
    background-color: #fff;
    border: 2px solid #666666;
    color: #666666;
}
 
button.btn-default:focus, a.btn-default:focus,
button.btn-default:active, a.btn-default:active,
button.btn-default:active:focus, a.btn-default.active:focus,
.btn-default:focus, .btn-default.focus
{
    background-color: #fff;
    border: 2px solid #3498db;
    color: #3498db;
}
button.btn-warning, a.btn-warning {
    background-color: #ea8118;
    border: 2px solid #ea8118;
    color: #ffffff;
}
button.btn-warning:hover, a.btn-warning:hover {
    background-color: #feb75c;
    border: 2px solid #feb75c;
    color: #fff;
}
#mega-nav {}
#mega-nav .nav {
    margin-top: 3em !important; //if the logo has a 70px height.
    margin-right: -0px;
}
#mega-nav .nav>li>a {
    padding-top: 0.85em;
    ;
    padding-bottom: 0.85em;
    font-size: 1em;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
}
#mega-nav .nav>li>a:hover {
    color: #3db5f3;
    background-color: transparent;
}

/**************** hb2 buttons *****************/


/************ hb2 Pannel **********************/

.panel {
    background-color: #FFF;
    border-radius: 0px;
    border-top: 1px solid #ddd;
    padding: .6em .6em;
    box-shadow: none;
}
.panel-body {
  padding: .1em;
}
.panel-footer {
    background-color: #fff;
    border-radius: 0px;
    border-top: 1px solid #ddd;
    padding: .8em;
}
.panel-icon {
    font-size: 4em;
    padding: 0.6em 0.2em 0em;
}
.panel-heading {
    font-size: 1.42em;
    background-color: #fff;
    border-radius: 0px;
    border-bottom: 0px solid #ddd;
    padding: .8em;
}
.panel-default> .panel-heading {
    background-color: #fff;
}

/************ hb2 Pannel **********************/


/************8Hb2 footer ************************/

.footer {
    background-color: #fff;
    color: #333;
    padding-top: 1em;
}
.footer-dark {
    background-color: #8a8b8f;
    color: #fff;
}
.footer-menu {
    padding: 0.6em 0.6em;
    margin-bottom: 0.5em;
    border-bottom: 0px solid #fff;
}
.footer-dark {
    padding-bottom: 0;
    padding-top: 0;
    border-bottom: 1px solid #fff;
}
.footer-menu-last {
    padding-top: 1em;
    padding-bottom: 2em;
    border-bottom: 0px solid #fff;
}
.footer-menu h4, .footer-menu-last h4 {
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    text-transform: none;
}
.footer-menu> ul> li> a {
    background-color: transparent;
    color: #fff;
    padding: 0.5em 0;
    text-decoration: none;
    cursor: pointer;
}
.footer .nav-pills> li> a, .footer-menu> li> a {
    border-radius: 0px;
    padding: .5em 0;
    background-color: transparent;
    color: #333;
}
.footer-dark .nav-pills> li> a {
    color: #fff;
    text-decoration: none;
}
.footer-dark .nav-pills> li> a:hover, .footer-dark .navebar-nav> li> a:hover {
    background-color: transparent;
    color: #fff;
    text-decoration: underline;
}

/************* Alert *******************/

.alert .glyphicon, .alert [class*='icon-']{
    display: table-cell;
}
.alert span {
      display: table-cell;
     vertical-align: top;
}
.alert-success, .alert-danger, .alert-info {
    color: #333333;
}
.alert [class*='icon-']{
  font-size: 2em;
  width: 2em;
}

.alert-success{
  background: #dff2dd;
  border-color: #dddddd;
}

.alert-success [class*='icon-']{
  color: #1da476;
}

.alert-danger{
  background: #f59394;
  border-color: #dddddd;
}

.alert-danger [class*='icon-']{
  color: #aa001f;
}


.alert-info {
  background-color: #e3eaf6;
  border-color: #dddddd;
 }

 .alert-info [class*='icon-']{
  color: #1d62a0;
}

.has-error .form-control {
    border: 1px solid #ddd;
   background: #f59394;
}

.progress-bar-medium {
  background-color: #ff8c31;
}

.control-group label {
    font-weight: normal;
}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.text-behind-line{
  position:relative;
  text-align: center
}
.text-behind-line:before {
  content: "";
  display: block;
  border-top: solid 2px #ccc;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  z-index: 0;
}
.text-behind-line span {
  background: #fff;
  padding: 0 10px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

 .body--hb2-nav-mobile .container{
        padding-left: 0px;
    padding-right: 0px;
 }

 .body--hb2-nav-mobile .panel{
    padding: 0px;
    border-color: #fff;
    border-top: 1px solid #ddd;
 }

   .body--hb2-nav-mobile .footer-menu {
    padding: 1em 1.1em;
}

.body--hb2-nav-desktop .footer-menu {
        padding: 1em 1.8em;
}

.body--hb2-nav-desktop .container {
   padding: 0px;
}

#nav-lang li a {
    background: transparent;
    text-decoration: none;
    padding: 0;
    width: 100px;
}