.top-bar {
    height: 46px;
}
.top-bar-section ul {
  list-style-type: none;
}
.top-bar-section ul li {
    background: #ffffff; }
.top-bar-section ul li > a {
    display: block;
    width: 100%;
    color: white;
    padding: 12px 0 12px 0;
    padding-left: 15px;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 0.875em;
    font-weight: normal;
    text-transform: none;  
}
.top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 3 0 3px;
    line-height: 3.25em;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
    padding: 0 3 0 3px;
    line-height: 3.25em;
    color: white;
    background: #96301a;
}
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
    padding: 0 3 0 3px;
    line-height: 3.25em;
    color: white;
    background: #632011;
}
.top-bar-section ul li > a.button {
    font-size: 1.25rem;
    padding-right: 15px;
    padding-left: 15px;
    background-color: #333333;
    border-color: #16174f;
    color: white;
}
.top-bar-section ul li > a.buttonleftnav {
  font-size: 1.1rem;
  background-color: #16174f;
  border-color: #16174f;
  color: white;
}
.top-bar-section ul li > a.buttonrightnav {
  font-size: 1.1rem;
  background-color: #96301a;
  border-color: #96301a;
  color: white;
}
 .ui-menu-item {
  background-color: rgba(255, 255, 255, 0.89);
 }
.ui-widget-header {
    border: 1px solid #256349;
    background: #96301a url("https://s3-us-west-2.amazonaws.com/general-purpose-images//ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}
.ui-state-default, 
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #cccccc;
    background: #f6f6f6 url("https://s3-us-west-2.amazonaws.com/general-purpose-images//ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #c77405;
 }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #fbcb09;
    background: #fdf5ce url('https://s3-us-west-2.amazonaws.com/general-purpose-images/ui-bg_glass_100_fdf5ce_1x400.png') 50% 50% repeat-x;
    font-weight: bold;
    color: #313131;
}
.ui-datepicker-today {
   color: #FFE45C;
 }   
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
   background: rgb(255, 228, 92);
}
.accordeon{
    width: 100%;
    margin: 0px auto;
    box-shadow: 
        0px 0px 0px 1px rgba(155,155,155,0.3), 
        0px 2px 2px rgba(0,0,0,0.1);
}
.accordeon label{
    font-family: Arial, sans-serif;
    padding: 5px 20px;
    position: relative;
    display: block;
    height: 30px;
    cursor: pointer;
    color: rgb(0,0,0);
    line-height: 20px;
    font-size: 12px;
    background: rgba(0,0,0,0.02);
    border: 1px solid rgba(0,0,0,0.09);
}
.accordeon label:hover{
    background: rgba(205, 236, 197, 0.69);
}
.accordeon input + label {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.accordeon input:checked + label,
.accordeon input:checked + label:hover{
    background: rgba(205, 236, 197, 0.44);
    color: #3d7489;
    box-shadow: 
        0px 0px 0px 1px rgba(155,155,155,0.3), 
        0px 2px 2px rgba(0,0,0,0.1);
}
.accordeon input{
    display: none;
}
.accordeon .article{
    background: rgb(255, 255, 255);
    overflow: hidden;
    height: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.accordeon .article p{
    font-style: italic;
    color: #777;
    line-height: 23px;
    font-size: 14px;
}
.accordeon input:checked ~ .article{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.accordeon input:checked ~ .article.ac-small{
    height: 355px;
    padding-left: 30px;
}
.accordeon input:checked ~ .article.ac-medium{
    height: 195px;
}
.accordeon input:checked ~ .article.ac-large{
    height: 245px;
}

.modal-font-normal {
    color: #000000;
    }
.card,.modal .overlay ~ * {
    position:relative;
    box-shadow:0;
    border-radius:.2em;
    border:1px solid #ccc;
    overflow:hidden;
    text-align:left;
    background:#fff;
    margin-bottom:.6em;
    padding:0;
    transition:all .3s ease
}
.hidden.card,.modal .overlay ~ .hidden,:checked+.card,.modal .overlay ~ :checked+*,.modal .overlay:checked+* {
    font-size:0;
    padding:0;
    margin:0;
    border:0
}
.card>*,.modal .overlay ~ *>* {
    max-width:100%;
    display:block
}
.card>*:last-child,.modal .overlay ~ *>*:last-child {
    margin-bottom:0
}
.card header,.modal .overlay ~ * header,.card section,.modal .overlay ~ * section,.card>p,.modal .overlay ~ *>p {
    padding:.6em .8em
}
.card section,.modal .overlay ~ * section {
    padding:.6em .8em 0
}
.card hr,.modal .overlay ~ * hr {
    border:none;
    height:1px;
    background-color:#eee
}
.card header,.modal .overlay ~ * header {
    font-weight:bold;
    position:relative;
    border-bottom:1px solid #eee
}
.card header h1,.modal .overlay ~ * header h1,.card header h2,.modal .overlay ~ * header h2,.card header h3,.modal .overlay ~ * header h3,.card header h4,.modal .overlay ~ * header h4,.card header h5,.modal .overlay ~ * header h5,.card header h6,.modal .overlay ~ * header h6 {
    padding:0;
    margin:0 2em 0 0;
    line-height:1;
    display:inline-block;
    vertical-align:text-bottom
}
.card header:last-child,.modal .overlay ~ * header:last-child {
    border-bottom:0
}
.card footer,.modal .overlay ~ * footer {
    padding:.8em
}
.card p,.modal .overlay ~ * p {
    margin:.3em 0
}
.card p:first-child,.modal .overlay ~ * p:first-child {
    margin-top:0
}
.card p:last-child,.modal .overlay ~ * p:last-child {
    margin-bottom:0
}
.card>p,.modal .overlay ~ *>p {
    margin:0;
    padding-right:2.5em
}
.card .close,.modal .overlay ~ * .close {
    position:absolute;
    top:.4em;
    right:.3em;
    font-size:1.2em;
    padding:0 .5em;
    cursor:pointer;
    width:auto
}
.card .close:hover,.modal .overlay ~ * .close:hover {
    color:#ff4136
}
.card h1+.close,.modal .overlay ~ * h1+.close {
    margin:.2em
}
.card h2+.close,.modal .overlay ~ * h2+.close {
    margin:.1em
}
.card .dangerous,.modal .overlay ~ * .dangerous {
    background:#ff4136;
    float:right
}
.modal {
    text-align:center
}
.modal>input {
    display:none
}
.modal>input ~ * {
    opacity:0;
    max-height:0;
    overflow:hidden
}
.modal .overlay {
    top:0;
    left:0;
    bottom:0;
    right:0;
    position:fixed;
    margin:0;
    border-radius:0;
    background:rgba(17,17,17,0.6);
    transition:all 0.3s;
    z-index:100000
}
.modal .overlay:before,.modal .overlay:after {
    display:none
}
.modal .overlay ~ * {
    border:0;
    position:fixed;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%) scale(0.2, 0.2);
    z-index:1000000;
    transition:all 0.3s
}
.modal>input:checked ~ * {
    display:block;
    opacity:1;
    max-height:10000px;
    transition:all 0.3s
}
.modal>input:checked ~ .overlay ~ * {
    max-height:90%;
    overflow:auto;
    -webkit-transform:translateX(-50%) translateY(-50%) scale(1, 1);
    transform:translateX(-50%) translateY(-50%) scale(1, 1)
}
@media (max-width: 60em) {
    .modal .overlay ~ * {
        min-width:90%
    }
}