/*
|--------------------------------------------------------------------------
| CONTENT
|--------------------------------------------------------------------------*/
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 150px;
  font-family: 'Open Sans', 'Source Sans Pro', sans-serif;
  font-style: normal;
   font-weight: 400;

}
.mceContentBody{
  -webkit-font-smoothing: antialiased;
  background: #fff;
  font-size: 14px !important;
  font-family: 'Open Sans', 'Source Sans Pro', sans-serif;
  font-style: normal !important;
  font-weight: 400 !important;
}
.container {
  width: auto;
  max-width: 1200px;
  padding: 0 15px;
}
.padding5{padding:5px !important;}
.padding10{padding:10px !important;}
.margintop10{margin-top:10px !important;}
.margintop20{margin-top:20px !important;}

.marginbottom10{margin-bottom:10px !important;}
.marginbottom20{margin-bottom:20px !important;}

.marginleft10{margin-left:10px !important;}
.marginleft20{margin-left:20px !important;}

.marginright10{margin-right:10px !important;}
.marginright20{margin-right:20px !important;}

.marginleft-0{margin-left:0px !important;}
.margin-left-right-0{margin-right:0px !important; margin-left:0px !important;}
.marginright-0{margin-right:0px !important;}
.margin-0{margin:0px 0px !important;}
.panel-shadowed {
  position: relative;
  border-radius: 0px;
  border: 1px solid rgb(216, 216, 216);
  border-radius: 3px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  padding:10px;
}
.bg-gray{background-color: #f5f5f5;
  border: 1px solid #e3e3e3;}
/*news panel */
.panel-news-heading h4{ font-size:16px !important; font-family: 'Source Sans Pro'}
/****************************
 * PAGE HEADER Global CSS
 ****************************/
.header {
  background: #8ba8af;
  padding: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #E3E3E3;
}

.header h1 {
  color: #fff;
  font-size: 26px;
  padding: 0px;
  margin: 0px;
}
.header h1 a{
  color: #000;
}
.header h1 a:hover{
  color: #7f7f7f;
}
/****************************
 * Navigation Global CSS
 ****************************/
#navbar #navbarul{
margin-top:15px}
#mainnav {
    box-shadow: 0 2px 5px rgba(0,0,0, 0.25);
    top: 0;
    width: 100%;
    margin-bottom: 0px;
    font-size: 16px;
}

.navbar-brand {
    line-height: 80px;
    height: 80px;  /*height of Navnbar*/
    padding-top: 0;
}

.navbar-brand img{
    max-height: 75px; /*max height of logo*/

}
.nav>li>a {
padding: 10px 10px;
}
.nav>li>a.social {
 padding: 5px 5px;


}

.nav>li>a.social:hover, a.socialFooter:hover {
  background: #000;
  color: #FFF600 !important;
}

.a-list{width:100%}
.album-list {text-align:right; overflow:hidden; white-space: normal}
/* SIDE COLUM NAVIGATION */
/* make sidebar nav vertical */
.navbar-nav {
  margin: 0px 0px
}
@media (min-width: 768px) {

  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;

  }
  .sidebar-nav .navbar li a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}


/****************************
 * Footer Global CSS
 ****************************/
#footer {

-webkit-box-shadow: 0px -1px 2px 1px rgba(0,0,0,0.25);
-moz-box-shadow: 0px -1px 2px 1px rgba(0,0,0,0.25);
box-shadow: 0px -1px 2px 1px rgba(0,0,0,0.25);
line-height: 1.2;
font-size: 12px;
padding:5px 0px;
 height:150px;
overflow: hidden;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #000;

  background-color: #f8f8f8;
}

.footer a {
color: #000;

}
.footer a.text-muted {
  color: #777 !important;

}
/**************
socia Networking Icons
/**************/
a.socialFooter {
padding: 5px 5px;
}
/**************
 *Google maps
 *************/
#gmap_pagination{
    -moz-box-shadow: 0px 2px 4px #999;
    -webkit-box-shadow: 0px 2px 4px #999;
    box-shadow: 0px 2px 4px #999;
    background:#f2f2f2;
    margin: 30px 10px 0px 10px;
}
.gmap_pagination .display {
    padding: 0px 15px;
    text-align: center;
    min-width: 150px;
    height: 35px;
    line-height: 35px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    font-size: 15px;
    float: left;
}
.gmap_pagination .back-btn:after {content:'\25C0'}
.gmap_pagination .back-btn {
    padding:10px;
    border-right: 1px solid #ccc;
    cursor:pointer;
    float: left;
    }
.gmap_pagination .fwd-btn:after {content:'\25B6'}
.gmap_pagination .fwd-btn {
    padding:10px;
    border-left: 1px solid #ccc;
    cursor:pointer;
    float: left;
}

.map-holder{height:600px; margin:0px 0px}
/**************
/*used in _checkIfMobile function
/*hide top social icons
/**************/
@media only screen and (max-width: 760px) {
  #isMobile { display: none; }
  #topSocial { display: none; }
}
/**************
 *Required Fields
 *************/
.required_field{color: #ff0000;}
/**************
 *language icons
 *************/
img.noactive{width:16px}
img.active{border:1px solid #ccc;}

/*Galleria & Property*/
.galleria h3, .galleria h4{margin-top:0px; font-size: 125%}
.sold{
  position:absolute;
  background: #FF0000;
  top: 10px;
  left:20%;
  width:60%; 
  color:#fff;
  font-weight: 
  bold; opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}

.Gallery img, .Gallery .ImageHolder {max-height: 120px; min-height: 120px}
/*Frontpage*/
.frontpage .img-responsive {
    margin: 0 auto;
}

/*hacks*/
.ui-dialog {z-index: 10000;}
.pagination {margin: 0px 0px 0px 15px;}

/* vertical alignment styles */

.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}
.input-group .form-control {
   
    z-index: 1;

}
/*
    Skins
    -----
*/
/********************
 * Skin Blue
 *--------
*********************/
.skin-blue .navbar-default {
  background-color: #013c78;
   
  border-color: #045898;
}
.skin-blue #mainnav{
  background-image: url('blue-header-bg.jpg');
  background-position:left top;
  background-repeat: repeat-x;
  }
.skin-blue .navbar-default .navbar-brand {
  color: #ffffff;
}
.skin-blue .navbar-default .navbar-brand:hover, .skin-blue .navbar-default .navbar-brand:focus {
  color: #FFF600;
}
.skin-blue .navbar-default .navbar-text {
  color: #ffffff;
}
.skin-blue .navbar-default .navbar-list > li {
  border-bottom: 1px solid #435A9E;
}

.skin-blue .navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.skin-blue .navbar-default .navbar-nav > li > a:hover, .skin-blue .navbar-default .navbar-nav > li > a:focus {
  color: #FFF600;
   background-color:  #045898;
}
.skin-blue .navbar-default .navbar-nav > .active > a, .skin-blue .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #FFF600;
  background-color:   #022C7A;
}
.skin-blue .navbar-default .navbar-nav > .open > a, .skin-blue .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #FFF600;
  background-color:   #022C7A;
}
.skin-blue .navbar-default .navbar-toggle {
  border-color: #045898;
}
.skin-blue .navbar-default .navbar-toggle:hover, .skin-blue .navbar-default .navbar-toggle:focus {
  background-color:  #045898;
}
.skin-blue .navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.skin-blue .navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #045898;
}
.skin-blue .navbar-default .navbar-link {
  color: #ffffff;
}
.skin-blue .navbar-default .navbar-link:hover {
  color: #FFF600;
}

@media (max-width: 767px) {
  .skin-blue .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .skin-blue .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .skin-blue  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #FFF600;
  }
  .skin-blue .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .skin-blue .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .skin-blue .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #022C7A;
  }
}
  .skin-blue .dropdown-menu>.active>a, .skin-blue .dropdown-menu>.active>a:focus, .skin-blue .dropdown-menu>.active>a:hover {
background-color: #022C7A;
}

/*Header*/
.skin-blue .header{
   /*background-image: url('blue-header-bg.jpg');
  border-bottom: 1px solid #022C7A;*/
    background: #fff;
  border-bottom: 1px solid #c0c0c0;
}

.skin-blue .header h1,  .skin-blue .header h1 a{
  color: #555;
}
.skin-blue .header h1 a:hover{
  color: #333;
}

/*footer*/
.skin-blue .footer {
    color: #fff;
    background-color: #045898;
     background-image: url('blue-footer-bg.jpg');
     background-position:left bottom;
  background-repeat: repeat-x;
}
.skin-blue .footer a {
color: #fff;
}

/*buttons*/
.skin-blue .btn-custom {
  background-color: #3a5fb6;
  border-color: #3a5fb6;
}
.skin-blue .btn-custom:hover,
.skin-blue .btn-custom:focus,
.skin-blue .btn-custom:active,
.skin-blue .btn-custom.active {
  background-color: #3455a3;
  border-color: #2e4b8f;
}
.skin-blue .btn-custom.disabled:hover,
.skin-blue .btn-custom.disabled:focus,
.skin-blue .btn-custom.disabled:active,
.skin-blue .btn-custom.disabled.active,
.skin-blue .btn-custom[disabled]:hover,
.skin-blue .btn-custom[disabled]:focus,
.skin-blue .btn-custom[disabled]:active,
.skin-blue .btn-custom[disabled].active,
fieldset[disabled] .skin-blue .btn-custom:hover,
fieldset[disabled] .skin-blue .btn-custom:focus,
fieldset[disabled] .skin-blue .btn-custom:active,
fieldset[disabled] .skin-blue .btn-custom.active {
  background-color: #3a5fb6;
  border-color: #3a5fb6;
}
.skin-blue   a.btn-custom {
  color: #fff;
}


/********************
 * Skin ORANGE
 *--------
*********************/
.skin-orange .navbar-default {
  background-color: #dd4814;
  border-color: #b42c17;
}
.skin-orange .navbar-default .navbar-brand {
  color: #ffffff;
}
.skin-orange .navbar-default .navbar-brand:hover, .skin-orange .navbar-default .navbar-brand:focus {
  color: #FFF600;
}
.skin-orange .navbar-default .navbar-text {
  color: #ffffff;
}
.skin-orange .navbar-default .navbar-list > li {
  border-bottom: 1px solid #BF6254;
}
.skin-orange .navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.skin-orange .navbar-default .navbar-nav > li > a:hover, .skin-orange .navbar-default .navbar-nav > li > a:focus {
  color: #FFF600;
   background-color: #b42c17;
}
.skin-orange .navbar-default .navbar-nav > .active > a, .skin-orange .navbar-default .navbar-nav > .active > a:hover, .skin-orange .navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #b42c17;
}
.skin-orange .navbar-default .navbar-nav > .open > a, .skin-orange .navbar-default .navbar-nav > .open > a:hover, .skin-orange .navbar-default .navbar-nav > .open > a:focus {
  color: #FFF600;
  background-color: #b42c17;
}
.skin-orange .navbar-default .navbar-toggle {
  border-color: #b42c17;
}
.skin-orange .navbar-default .navbar-toggle:hover, .skin-orange .navbar-default .navbar-toggle:focus {
  background-color: #b42c17;
}
.skin-orange .navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.skin-orange .navbar-default .navbar-collapse,
.skin-orange .navbar-default .navbar-form {
border-color: #bf3e11;
}
.skin-orange .navbar-default .navbar-link {
  color: #ffffff;
}
.skin-orange .navbar-default .navbar-link:hover {
  color: #FFF600;
}

@media (max-width: 767px) {
  .skin-orange .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .skin-orange .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .skin-orange .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #FFF600;
  }
  .skin-orange .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .skin-orange .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .skin-orange .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #b42c17;
  }
}
  .skin-orange .dropdown-menu>.active>a,   .skin-orange .dropdown-menu>.active>a:focus, skin-orange .dropdown-menu>.active>a:hover {
    background-color: #b42c17;
}

/*Header*/
.skin-orange .header{
  background: #FC970A;
  border-bottom: 1px solid #c0c0c0;
}

.skin-orange .header h1,  .skin-orange .header h1 a{
  color: #fff;
}
.skin-orange .header h1 a:hover{
  color: #333;
}

/*footer*/
.skin-orange .footer {
  color: #fff;
  background-color: #b42c17;
}

.skin-orange .footer a {
color: #fff;
}

/*buttons*/
.skin-orange .btn-custom {
  background-color: #dd4814;
  border-color: #dd4814;
}
.skin-orange .btn-custom:hover,
.skin-orange .btn-custom:focus,
.skin-orange .btn-custom:active,
.skin-orange .btn-custom.active {
  background-color: #c64012;
  border-color: #ae3910;
}
.skin-orange .btn-custom.disabled:hover,
.skin-orange .btn-custom.disabled:focus,
.skin-orange .btn-custom.disabled:active,
.skin-orange .btn-custom.disabled.active,
.skin-orange .btn-custom[disabled]:hover,
.skin-orange .btn-custom[disabled]:focus,
.skin-orange .btn-custom[disabled]:active,
.skin-orange .btn-custom[disabled].active,
fieldset[disabled] .skin-orange .btn-custom:hover,
fieldset[disabled] .skin-orange .btn-custom:focus,
fieldset[disabled] .skin-orange .btn-custom:active,
fieldset[disabled] .skin-orange .btn-custom.active {
  background-color: #dd4814;
  border-color: #dd4814;
}
.skin-orange   a.btn-custom {
  color: #fff;
}


/********************
 * Skin RED
 *--------
*********************/
.skin-red .navbar-default {
  background-color: #A51712;
  border-color: #7F3633;
}
.skin-red .navbar-default .navbar-brand {
  color: #ffffff;
}
.skin-red .navbar-default .navbar-brand:hover, .skin-red .navbar-default .navbar-brand:focus {
  color: #FFF600;
}
.skin-red .navbar-default .navbar-text {
  color: #ffffff;
}
.skin-red .navbar-default .navbar-list > li {
  border-bottom: 1px solid #BF6254;
}
.skin-red .navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.skin-red .navbar-default .navbar-nav > li > a:hover, .skin-red .navbar-default .navbar-nav > li > a:focus {
  color: #FFF600;
   background: #7F3633;
}
.skin-red .navbar-default .navbar-nav > .active > a, .skin-red .navbar-default .navbar-nav > .active > a:hover, .skin-red .navbar-default .navbar-nav > .active > a:focus {
  color: #FFF600;
  background-color: #7F3633;
}
.skin-red .navbar-default .navbar-nav > .open > a, .skin-red .navbar-default .navbar-nav > .open > a:hover,  .skin-red .navbar-default .navbar-nav > .open > a:focus {
  color: #FFF600;
  background-color: #7F3633;
}
.skin-red .navbar-default .navbar-toggle {
  border-color: #7F3633;
}
.skin-red .navbar-default .navbar-toggle:hover, .skin-red .navbar-default .navbar-toggle:focus {
  background-color: #7F3633;
}
.skin-red .navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.skin-red .navbar-default .navbar-collapse,
 .skin-red .navbar-default .navbar-form {
  border-color: #A84037;
}
.skin-red .navbar-default .navbar-link {
  color: #ffffff;
}
.skin-red .navbar-default .navbar-link:hover {
  color: #FFF600;
}

@media (max-width: 767px) {
  .skin-red .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .skin-red .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .skin-red  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #FFF600;
  }
  .skin-red .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .skin-red .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .skin-red .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #A84037;
  }
}
  .skin-red .dropdown-menu>.active>a,   .skin-red .dropdown-menu>.active>a:focus,  .skin-red .dropdown-menu>.active>a:hover {
 background-color: #A84037;
}

/*Header*/
.skin-red .header{
  background: #F7E1E1;
  border-bottom: 1px solid #c0c0c0;
}

.skin-red .header h1,  .skin-red .header h1 a{
  color: #7F3633;
}
.skin-red .header h1 a:hover{
  color: #333;
}

/*footer*/
.skin-red .footer {
    color: #fff;
    background-color: #7F3633;
}
.skin-red .footer a {
color: #fff;

}
/*buttons*/
.skin-red .btn-custom {
  background-color: #A51712;
  border-color: #A51712;
}
.skin-red .btn-custom:hover,
.skin-red .btn-custom:focus,
.skin-red .btn-custom:active,
.skin-red .btn-custom.active {
  background-color: #8e140f;
  border-color: #77110d;
}
.skin-red .btn-custom.disabled:hover,
.skin-red .btn-custom.disabled:focus,
.skin-red .btn-custom.disabled:active,
.skin-red .btn-custom.disabled.active,
.skin-red .btn-custom[disabled]:hover,
.skin-red .btn-custom[disabled]:focus,
.skin-red .btn-custom[disabled]:active,
.skin-red .btn-custom[disabled].active,
fieldset[disabled] .skin-red .btn-custom:hover,
fieldset[disabled] .skin-red .btn-custom:focus,
fieldset[disabled] .skin-red .btn-custom:active,
fieldset[disabled] .skin-red .btn-custom.active {
  background-color: #A51712;
  border-color: #A51712;
}
.skin-red   a.btn-custom {
  color: #fff;
}


/********************
 * Skin green
 *--------
*********************/
.skin-green .navbar-default {
  background-color: #2b6101;
  border-color: #204402;
}
.skin-green .navbar-default .navbar-brand {
  color: #ffffff;
}
.skin-green .navbar-default .navbar-brand:hover, .skin-green .navbar-default .navbar-brand:focus {
  color: #FFF600;
}
.skin-green .navbar-default .navbar-text {
  color: #ffffff;
}

.skin-green .navbar-default .navbar-list > li {
  border-bottom: 1px solid #426623;
}
.skin-green .navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.skin-green .navbar-default .navbar-nav > li > a:hover, .skin-green .navbar-default .navbar-nav > li > a:focus {
  color: #FFF600;
  background: #204402;
}
.skin-green .navbar-default .navbar-nav > .active > a, .skin-green .navbar-default .navbar-nav > .active > a:hover, .skin-green .navbar-default .navbar-nav > .active > a:focus {
  color: #FFF600;
  background-color: #204402;
}
.skin-green .navbar-default .navbar-nav > .open > a, .skin-green .navbar-default .navbar-nav > .open > a:hover, .skin-green .navbar-default .navbar-nav > .open > a:focus {
  color: #FFF600;
  background-color: #204402;
}
.skin-green .navbar-default .navbar-toggle {
  border-color: #204402;
}
.skin-green .navbar-default .navbar-toggle:hover, .skin-green .navbar-default .navbar-toggle:focus {
  background-color: #204402;
}
.skin-green .navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.skin-green .navbar-default .navbar-collapse,
.skin-green .navbar-default .navbar-form {
  border-color: #2b6101;
}
.skin-green .navbar-default .navbar-link {
  color: #ffffff;
}
.skin-green .navbar-default .navbar-link:hover {
  color: #FFF600;
}

@media (max-width: 767px) {
  .skin-green .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .skin-green .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .skin-green  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #FFF600;
  }
  .skin-green .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .skin-green .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .skin-green .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #2b6101;
  }
}
  .skin-green .dropdown-menu>.active>a,   .skin-green .dropdown-menu>.active>a:focus,.skin-green .dropdown-menu>.active>a:hover {
 background-color: #2b6101;
}

/*Header*/
.skin-green .header{
  background: #E3E3E3;
  border-bottom: 1px solid #c0c0c0;
}

.skin-green .header h1,  .skin-green .header h1 a{
  color: #204402;
}
.skin-green .header h1 a:hover{
  color: #333;
}

/*footer*/
.skin-green .footer {
    color: #fff;
    background-color: #204402;
}
.skin-green .footer a {
color: #fff;

}
/*buttons*/
.skin-green .btn-custom {
  background-color: #2b6101;
  border-color: #2b6101;
}
.skin-green .btn-custom:hover,
.skin-green .btn-custom:focus,
.skin-green .btn-custom:active,
.skin-green .btn-custom.active {
  background-color: #204801;
  border-color: #152f00;
}
.skin-green .btn-custom.disabled:hover,
.skin-green .btn-custom.disabled:focus,
.skin-green .btn-custom.disabled:active,
.skin-green .btn-custom.disabled.active,
.skin-green .btn-custom[disabled]:hover,
.skin-green .btn-custom[disabled]:focus,
.skin-green .btn-custom[disabled]:active,
.skin-green .btn-custom[disabled].active,
fieldset[disabled] .skin-green .btn-custom:hover,
fieldset[disabled] .skin-green .btn-custom:focus,
fieldset[disabled] .skin-green .btn-custom:active,
fieldset[disabled] .skin-green .btn-custom.active {
  background-color: #2b6101;
  border-color: #2b6101;
}
.skin-green   a.btn-custom {
  color: #fff;
}

/********************
 * Skin yellow
 *--------
*********************/
.skin-yellow .navbar-default {
  background-color: #ffb901;
  border-color: #EDAB04;
}
.skin-yellow .navbar-default .navbar-brand {
  color: #000;
}
.skin-yellow .navbar-default .navbar-brand:hover, .skin-yellow .navbar-default .navbar-brand:focus {
  color: #666;
}
.skin-yellow .navbar-default .navbar-text {
  color: #000;
}

.skin-yellow .navbar-default .navbar-list > li {
  border-bottom: 1px solid #EDAB04;
}
.skin-yellow .navbar-default .navbar-nav > li > a {
  color: #000;
}
.skin-yellow .navbar-default .navbar-nav > li > a:hover, .skin-yellow .navbar-default .navbar-nav > li > a:focus {
  color: #666;
  background: #EDAB04;
}
.skin-yellow .navbar-default .navbar-nav > .active > a, .skin-yellow .navbar-default .navbar-nav > .active > a:hover, .skin-yellow .navbar-default .navbar-nav > .active > a:focus {
  color: #666;
  background-color: #EDAB04;
}
.skin-yellow .navbar-default .navbar-nav > .open > a, .skin-yellow .navbar-default .navbar-nav > .open > a:hover, .skin-yellow .navbar-default .navbar-nav > .open > a:focus {
  color: #666;
  background-color: #EDAB04;
}
.skin-yellow .navbar-default .navbar-toggle {
  border-color: #EDAB04;
}
.skin-yellow .navbar-default .navbar-toggle:hover, .skin-yellow .navbar-default .navbar-toggle:focus {
  background-color: #EDAB04;
}
.skin-yellow .navbar-default .navbar-toggle .icon-bar {
  background-color: #000;
}
.skin-yellow .navbar-default .navbar-collapse,
.skin-yellow .navbar-default .navbar-form {
  border-color: #ffb901;
}
.skin-yellow .navbar-default .navbar-link {
  color: #000;
}
.skin-yellow .navbar-default .navbar-link:hover {
  color: #FFF600;
}

@media (max-width: 767px) {
  .skin-yellow .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000;
  }
  .skin-yellow .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .skin-yellow  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #FFF600;
  }
  .skin-yellow .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .skin-yellow .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .skin-yellow .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #000;
    background-color: #ffb901;
  }
}
  .skin-yellow .dropdown-menu>.active>a,   .skin-yellow .dropdown-menu>.active>a:focus,.skin-yellow .dropdown-menu>.active>a:hover {
 background-color: #ffb901;
}

/*Header*/
.skin-yellow .header{
  background: #E3E3E3;
  border-bottom: 1px solid #c0c0c0;
}

.skin-yellow .header h1,  .skin-yellow .header h1 a{
  color: #333;
}
.skin-yellow .header h1 a:hover{
  color: #EDAB04;
}

/*footer*/
.skin-yellow .footer {
    color: #000;
    background-color: #ff9501;
}
.skin-yellow .footer a {
color: #000;

}
/*buttons*/
.skin-yellow .btn-custom {
  background-color: #ffb901;
  border-color: #ffb901;
}
.skin-yellow .btn-custom:hover,
.skin-yellow .btn-custom:focus,
.skin-yellow .btn-custom:active,
.skin-yellow .btn-custom.active {
  background-color: #ff9501;
  border-color: #ff9501;
}
.skin-yellow .btn-custom.disabled:hover,
.skin-yellow .btn-custom.disabled:focus,
.skin-yellow .btn-custom.disabled:active,
.skin-yellow .btn-custom.disabled.active,
.skin-yellow .btn-custom[disabled]:hover,
.skin-yellow .btn-custom[disabled]:focus,
.skin-yellow .btn-custom[disabled]:active,
.skin-yellow .btn-custom[disabled].active,
fieldset[disabled] .skin-yellow .btn-custom:hover,
fieldset[disabled] .skin-yellow .btn-custom:focus,
fieldset[disabled] .skin-yellow .btn-custom:active,
fieldset[disabled] .skin-yellow .btn-custom.active {
  background-color: #ffb901;
  border-color: #ffb901;
}
.skin-yellow   a.btn-custom {
  color: #000;
}

/********************
 * Skin yellowdark
 *--------
*********************/
.skin-yellowdark .navbar-default {
  background-color: #fd8e01;
  border-color: #EDAB04;
}
.skin-yellowdark .navbar-default .navbar-brand {
  color: #000;
}
.skin-yellowdark .navbar-default .navbar-brand:hover, .skin-yellowdark .navbar-default .navbar-brand:focus {
  color: #FFF;
}
.skin-yellowdark .navbar-default .navbar-text {
  color: #000;
}

.skin-yellowdark .navbar-default .navbar-list > li {
  border-bottom: 1px solid #EDAB04;
}
.skin-yellowdark .navbar-default .navbar-nav > li > a {
  color: #000;
}
.skin-yellowdark .navbar-default .navbar-nav > li > a:hover, .skin-yellowdark .navbar-default .navbar-nav > li > a:focus {
  color: #FFF;
  background: #EDAB04;
}
.skin-yellowdark .navbar-default .navbar-nav > .active > a, .skin-yellowdark .navbar-default .navbar-nav > .active > a:hover, .skin-yellowdark .navbar-default .navbar-nav > .active > a:focus {
  color: #0F0E0E;
  background-color: #EDAB04;
}
.skin-yellowdark .navbar-default .navbar-nav > .open > a, .skin-yellowdark .navbar-default .navbar-nav > .open > a:hover, .skin-yellowdark .navbar-default .navbar-nav > .open > a:focus {
  color: #FFF;
  background-color: #EDAB04;
}
.skin-yellowdark .navbar-default .navbar-toggle {
  border-color: #EDAB04;
}
.skin-yellowdark .navbar-default .navbar-toggle:hover, .skin-yellowdark .navbar-default .navbar-toggle:focus {
  background-color: #EDAB04;
}
.skin-yellowdark .navbar-default .navbar-toggle .icon-bar {
  background-color: #000;
}
.skin-yellowdark .navbar-default .navbar-collapse,
.skin-yellowdark .navbar-default .navbar-form {
  border-color: #fd8e01;
}
.skin-yellowdark .navbar-default .navbar-link {
  color: #000;
}
.skin-yellowdark .navbar-default .navbar-link:hover {
  color: #FFF;
}

@media (max-width: 767px) {
  .skin-yellowdark .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000;
  }
  .skin-yellowdark .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .skin-yellowdark  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #FFF;
  }
  .skin-yellowdark .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .skin-yellowdark .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .skin-yellowdark .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #0F0E0E;
    background-color: #fd8e01;
  }
}
  .skin-yellowdark .dropdown-menu>.active>a,   .skin-yellowdark .dropdown-menu>.active>a:focus,.skin-yellowdark .dropdown-menu>.active>a:hover {
 background-color: #fd8e01;
}

/*Header*/
.skin-yellowdark .header{
  background: #E3E3E3;
  border-bottom: 1px solid #c0c0c0;
}

.skin-yellowdark .header h1,  .skin-yellowdark .header h1 a{
  color: #000;
}
.skin-yellowdark .header h1 a:hover{
  color: #333;
}

/*footer*/
.skin-yellowdark .footer {
    color: #000;
    background-color: #fd8e01;/*ff9501;*/
}
.skin-yellowdark .footer a {
color: #000;

}
/*buttons*/
.skin-yellowdark .btn-custom {
  background-color: #fd8e01;
  border-color: #fd8e01;
}
.skin-yellowdark .btn-custom:hover,
.skin-yellowdark .btn-custom:focus,
.skin-yellowdark .btn-custom:active,
.skin-yellowdark .btn-custom.active {
  background-color: #ff9501;
  border-color: #ff9501;
}
.skin-yellowdark .btn-custom.disabled:hover,
.skin-yellowdark .btn-custom.disabled:focus,
.skin-yellowdark .btn-custom.disabled:active,
.skin-yellowdark .btn-custom.disabled.active,
.skin-yellowdark .btn-custom[disabled]:hover,
.skin-yellowdark .btn-custom[disabled]:focus,
.skin-yellowdark .btn-custom[disabled]:active,
.skin-yellowdark .btn-custom[disabled].active,
fieldset[disabled] .skin-yellowdark .btn-custom:hover,
fieldset[disabled] .skin-yellowdark .btn-custom:focus,
fieldset[disabled] .skin-yellowdark .btn-custom:active,
fieldset[disabled] .skin-yellowdark .btn-custom.active {
  background-color: #fd8e01;
  border-color: #fd8e01;
}
.skin-yellowdark   a.btn-custom {
  color: #000;
}





/********************
 * Skin dark
 *--------
*********************/
.skin-dark .navbar-default {
  background-color: #333;
  border-color: #181818;
}
.skin-dark .navbar-default .navbar-brand {
  color: #ffffff;
}
.skin-dark .navbar-default .navbar-brand:hover, .skin-dark .navbar-default .navbar-brand:focus {
  color: #FFF600;
}
.skin-dark .navbar-default .navbar-text {
  color: #ffffff;
}
.skin-dark .navbar-default .navbar-list > li {
  border-bottom: 1px solid #514e4e;
}

.skin-dark .navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.skin-dark .navbar-default .navbar-nav > li > a:hover, .skin-dark .navbar-default .navbar-nav > li > a:focus {
  color: #FFF600;
   background-color:  #181818;
}
.skin-dark .navbar-default .navbar-nav > .active > a, .skin-dark .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #FFF600;
  background-color:  #181818;
}
.skin-dark .navbar-default .navbar-nav > .open > a, .skin-dark .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #FFF600;
  background-color:  #181818;
}
.skin-dark .navbar-default .navbar-toggle {
  border-color: #181818;
}
.skin-dark .navbar-default .navbar-toggle:hover, .skin-dark .navbar-default .navbar-toggle:focus {
  background-color:  #181818;
}
.skin-dark .navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.skin-dark .navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #181818;
}
.skin-dark .navbar-default .navbar-link {
  color: #ffffff;
}
.skin-dark .navbar-default .navbar-link:hover {
  color: #FFF600;
}

@media (max-width: 767px) {
  .skin-dark .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .skin-dark .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .skin-dark  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #FFF600;
  }
  .skin-dark .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .skin-dark .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .skin-dark .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #000;
  }
}
.skin-dark .dropdown-menu>.active>a, .skin-dark .dropdown-menu>.active>a:focus, .skin-dark .dropdown-menu>.active>a:hover {
 background-color:  #181818;
}
/*Header*/
.skin-dark .header{
  background: #E3E3E3;
  border-bottom: 1px solid #c0c0c0;
}

.skin-dark .header h1,  .skin-dark .header h1 a{
  color: #000;
}
.skin-dark .header h1 a:hover{
  color: #333;
}

/*footer*/
.skin-dark .footer {
    color: #fff;
    background-color:  #181818;
}
.skin-dark .footer a {
color: #fff;

}
/*button*/
.skin-dark .btn-custom {
  background-color: #333;
  border-color: #333;
}
.skin-dark .btn-custom:hover,
.skin-dark .btn-custom:focus,
.skin-dark .btn-custom:active,
.skin-dark .btn-custom.active {
  background-color: #262626;
  border-color: #1a1a1a;
}
.skin-dark .btn-custom.disabled:hover,
.skin-dark .btn-custom.disabled:focus,
.skin-dark .btn-custom.disabled:active,
.skin-dark .btn-custom.disabled.active,
.skin-dark .btn-custom[disabled]:hover,
.skin-dark .btn-custom[disabled]:focus,
.skin-dark .btn-custom[disabled]:active,
.skin-dark .btn-custom[disabled].active,
fieldset[disabled] .skin-dark .btn-custom:hover,
fieldset[disabled] .skin-dark .btn-custom:focus,
fieldset[disabled] .skin-dark .btn-custom:active,
fieldset[disabled] .skin-dark .btn-custom.active {
  background-color: #333;
  border-color: #333;
}
.skin-dark  a.btn-custom {
  color: #fff;
}

/********************
 * .skin-blackwhite
 *--------
*********************/
.skin-blackwhite .navbar-default {
  background-image: url('blackwhite-header-bg.png');
  background-repeat: repeat-x;
  background-color: #fff;
  border-color: #464646;
}
.skin-blackwhite .navbar-default .navbar-brand {
  color: #555;
}
.skin-blackwhite .navbar-default .navbar-brand:hover, .skin-blackwhite .navbar-default .navbar-brand:focus {
  color: #222;
}
.skin-blackwhite .navbar-default .navbar-text {
  color: #555;
}
.skin-blackwhite .navbar-default .navbar-list > li {
  border-bottom: 1px solid #898585;
}
.skin-blackwhite .navbar-default .navbar-nav > li > a {
  color: #555;
}
.skin-blackwhite .navbar-default .navbar-nav > li > a:hover, .skin-blackwhite .navbar-default .navbar-nav > li > a:focus {
  color: #222;

}
.skin-blackwhite .sidebar-nav  .navbar-default .navbar-nav > li > a:hover, .skin-blackwhite .navbar-default .navbar-nav > li > a:focus {
  color: #222;
   background-color:  #fff;
}
.skin-blackwhite .navbar-default .navbar-nav > .active > a, .skin-blackwhite .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #000;
  font-weight: bold;
  background-color:  inherit;

}
.skin-blackwhite .navbar-default .navbar-nav > .open > a, .skin-blackwhite .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #222;
   background-color:  inherit;
}
.skin-blackwhite .navbar-default .navbar-toggle {
  border-color: #464646;
}
.skin-blackwhite .navbar-default .navbar-toggle:hover, .skin-blackwhite .navbar-default .navbar-toggle:focus {
   background-color:  inherit;
}
.skin-blackwhite .navbar-default .navbar-toggle .icon-bar {
  background-color: #222;
}
.skin-blackwhite .navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #464646;
}
.skin-blackwhite .navbar-default .navbar-link {
  color: #555;
}
.skin-blackwhite .navbar-default .navbar-link:hover {
  color: #222;
}

@media (max-width: 767px) {
  .skin-blackwhite .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #555;
  }
  .skin-blackwhite .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .skin-blackwhite  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #222;
  }
  .skin-blackwhite .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .skin-blackwhite .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .skin-blackwhite .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #222;
    background-color: #eee;
  }
}
.skin-blackwhite .dropdown-menu>.active>a, .skin-blackwhite .dropdown-menu>.active>a:focus, .skin-blackwhite .dropdown-menu>.active>a:hover {
 color: #000;
  font-weight: bold;
   background-color: #eee;
}
/*Header*/
.skin-blackwhite .header{
  background: #555;
  border-bottom: 1px solid #c0c0c0;
}

.skin-blackwhite .header h1,  .skin-blackwhite .header h1 a{
  color: #fff;
}
.skin-blackwhite .header h1 a:hover{
  color: #eee;
}

/*footer*/
.skin-blackwhite .footer {
    color: #fff;
    background-color:  #232323;
}
.skin-blackwhite .footer a {
color: #fff;
}
/*button*/
.skin-blackwhite .btn-custom {
  background-color: #333;
  border-color: #333;
}
.skin-blackwhite .btn-custom:hover,
.skin-blackwhite .btn-custom:focus,
.skin-blackwhite .btn-custom:active,
.skin-blackwhite .btn-custom.active {
  background-color: #262626;
  border-color: #1a1a1a;
}
.skin-blackwhite .btn-custom.disabled:hover,
.skin-blackwhite .btn-custom.disabled:focus,
.skin-blackwhite .btn-custom.disabled:active,
.skin-blackwhite .btn-custom.disabled.active,
.skin-blackwhite .btn-custom[disabled]:hover,
.skin-blackwhite .btn-custom[disabled]:focus,
.skin-blackwhite .btn-custom[disabled]:active,
.skin-blackwhite .btn-custom[disabled].active,
fieldset[disabled] .skin-blackwhite .btn-custom:hover,
fieldset[disabled] .skin-blackwhite .btn-custom:focus,
fieldset[disabled] .skin-blackwhite .btn-custom:active,
fieldset[disabled] .skin-blackwhite .btn-custom.active {
  background-color: #333;
  border-color: #333;
}
.skin-blackwhite  a.btn-custom {
  color: #fff;
}