@font-face {
  font-family: Vestula;
  src: url("../fonts/vestula_regular-webfont.eot");
  src: url("../fonts/vestula_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/vestula_regular-webfont.woff") format("woff"), url("../fonts/vestula_regular-webfont.ttf") format("truetype"), url("../fonts/vestula_regular-webfont.svg#Vestula") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: VestulaSemibold;
  src: url("../fonts/vestula_semibold-webfont.eot");
  src: url("../fonts/vestula_semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/vestula_semibold-webfont.woff") format("woff"), url("../fonts/vestula_semibold-webfont.ttf") format("truetype"), url("../fonts/vestula_semibold-webfont.svg#VestulaSemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Fontello;
  src: url("../fonts/fontello.eot");
  src: url("../fonts/fontello.eot?#iefix") format("embedded-opentype"), url("../fonts/fontello.woff") format("woff"), url("../fonts/fontello.ttf") format("truetype"), url("../fonts/fontello.svg#Fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
}

/* apply a natural box layout model to all elements */ 
* { 
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}

html, body {
  font-family: georgia, serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
    background-color: #f5f5f5;
    color: #666;
    font-size: 100%;
    height: 100%;
    margin: 0;
}

a, a:hover, a:visited {
    color: #777;
    font: 100%/2em vestula;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.center {
    margin: 0 auto;
}

.left {
    float: left;
    margin-right: 10px;
}

.right {
    float: right;
}

.btn-ul {
    background-color: #001158;
    border: medium none;
    border-radius: 3px;
    color: #ffffff !important;
    display: inline-block;
    font: 1em VestulaSemibold !important;
    margin: 0.5em;
    padding: 0.5em 1.5em 0.5em;
}

.btn-ul:hover, .btn-ul:active, .btn-ul:focus {
    background-color: #8088ac !important;
    text-decoration: none;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
  
@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}


.modal-header {
    background-color: #001158;
    border-radius: 6px 6px 0 0;
    color: #ffffff;
}

.modal-title {
    font-family: VestulaSemibold;
    font-size: 1.625rem;
    line-height: 1.04762;
}

button.close, button.close:hover, button.close:active, button.close:focus {
    color: #ffffff;
}

button.close {
    opacity: 0.6;
}

button.close:hover, button.close:active, button.close:focus {
    opacity: 0.9;
}

.modal-dialog {
        margin-bottom: 76px;
}

.modal-footer {
        background-color: #e3e3e3;
        border-radius: 0 0 6px 6px;
}

.modal-content {
        background-color: transparent;
}

.modal-body {
        background-color: #ffffff;
}

article {
    margin-top: 20px;
    color: #666;
    font-family: georgia,serif;
    font-size: 100%;
    line-height: 1.375;
}

article .summary {
    color: #333;
    font-family: vestula,arial,sans-serif;
    font-size: 1.25rem;
    line-height: 1.375;
    margin-bottom: 1.375rem;
}

article h1, article h2, article h3, article h4, article h5, article h6 {
    color: #001158;
    font-family: vestula,arial,sans-serif;
    font-weight: bold;
    margin: 0;
}

article p, article ul, article ol, article dl, article table, article blockquote, article figure, article pre, article form, article fieldset, article address {
    margin: 0 0 1.375rem;
}

article h2 + h3 {
    margin-top: 0.6875rem;
}

article h3 + h4 {
    margin-top: 0.34375rem;
}

article a, article a:visited {
    font-family: georgia,serif;
    font-size: 100%;
    line-height: 1.375;
    color: #b27f2b;
    text-decoration: none;
}

article a:hover, article a:active, article a:focus {
    font-family: georgia,serif;
    font-size: 100%;
    line-height: 1.375;
    color: #b27f2b;
    text-decoration: underline;
}

article h1 {
    color: #333;
    font-size: 1.625rem;
    line-height: 1.04762;
    margin-bottom: 1.375rem;
}

article h2 {
    font-size: 1.25rem;
    line-height: 1.375;
}
article h3 {
    font-size: 1.125rem;
    line-height: 1.22222;
}
article h4 {
    font-size: 1rem;
    line-height: 1.375;
}
article h5 {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.375;
}
article h6 {
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.57143;
}