body {
    font-family: 'Raleway', sans-serif;
    background: #F7F7F8;
}

h1,h2,h3,h4,h5, h6 {
        font-family: 'Rubik', sans-serif;
}

h1 {
    font-weight: bold;
    color: #333;
    line-height: 1.2;
}

h2 {
    font-weight: bold;
    color: #514753;
    line-height: 1.2;}

h3 {color: #514753; font-weight: bold;}
h4 {color: #514753;font-weight: bold; margin-bottom: .8em;}
h5 {color: #514753; font-weight: bold; margin-bottom: .8em;}
h6 {color: #A62821; font-weight: normal; }

a {
    color: inherit ;
}

p a {
    font-weight: bold;
    font-family: 'Rubik', sans-serif;
    color: #A62821;
}

p a:hover {
    color: #514753;
}

td a {
    color: #A62821;
}

td a:hover {
    color: #514753;
}

p {color: #69606b; line-height: 1.8;}

li {line-height: 1.8;}

ol { color: #69606b; margin-bottom: 2em;}

.block li { color: #69606b;}


/*   Buttons   */

.button i {
    margin-right: .75em;
}

.button {
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    border-radius: 0;
    padding: 1.2em 2.5em 1.1em 2.5em;
    min-width: 150px;
    text-transform: uppercase;
    font-size: .9em !important;
    transition: .125s ease-in-out;
}

.button:hover {
    background: #2D1832;
}

.button.small {
    background: #EBF4FA;
    color: #2D1832;
    font-weight: normal;
    text-transform: none;
    font-size: .75em;
    padding: 0.4em 0.6em ;
    margin-bottom: 2em;
    min-width: 0;
    border-radius: 3px;
}

.button.small:hover {
    background: #CDE9FC;
}

.button.dark {
    background: #2D1832;
    color: white;
}

.button.dark:hover {
    background: #A62821;
}

.button.white {
    background: white;
    color: #A62821;
    border: 2px solid #A62821;
}

.button.white:hover {
    color: #2D1832;
    border: 2px solid #2D1832;
}

.button.white2 {
    background: white;
    color: #2D1832;
}

.textbutton {
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    color: #2D1832;
    margin-bottom: 1em;
}

.textbutton i {
    transition: .125s ease-in-out;
}
.textbutton:hover i {
    margin-left: .25em;
    transition: .125s ease-in-out;
}


/*   Menu   */

.top {
    padding: 1.2em 0 1.1em 0;
}

.dropdown.menu li:first-child a {
    padding-left: 0;
}

.is-dropdown-submenu li:first-child a {
    padding-left: 1em !important;
}


.top .menu a {
    font-family: 'Rubik', sans-serif;
    font-weight: normal;
    color: #2D1832;
    font-size: 15px;
    transition: all .15s ease;
    text-transform: uppercase;
}

.top .menu a:hover {
    color:#A62821;
}

.menu .active > a {
    background: none;
    color: inherit;
}

.top .menu li.active a {
    font-weight: bold;
}

.top .menu li.active .is-dropdown-submenu-item a {
    font-weight: normal;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-top-color: #2D1832;
    opacity: .3;
}


.logo {
    max-height: 70px;
}

.submenu {
    padding: 1em;
    border: none;
}

.submenu li {
}

.submenu a:hover {
    color: #A62821;
}

.is-dropdown-submenu {
    min-width: 300px;
}

@media only screen and (max-width: 600px)  {
    .submenu {padding: .5em 1em;}
    .submenu li { margin-bottom: .25em;}
}

.menuicon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    cursor: pointer;
    display: block;
    float: right;
    z-index: 20;
}

.menuicon span {
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: #A62821;
    display: block;
    position: absolute;
    transition: all .5s ease-in-out;}

.menuicon span:nth-child(1) {
    top: 0;
}

.menuicon span:nth-child(2) {
    top: 10px;
    transition: all .5s ease-in-out;
}

.menuicon span:nth-child(3) {
    top: 20px;
}

.open.menuicon span:nth-child(1) {
    top: 7px;
    transform: rotate(225deg);
    width: 30px;
}

.open.menuicon span:nth-child(2) {
    transform: rotate(500deg);
    opacity: 0;
}

.open.menuicon span:nth-child(3) {
    top: 7px;
    transform: rotate(-225deg);
    width: 30px;
}

.menu-overlay.open {
    height: 100%;
    bottom: 0;
}

.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    overflow: hidden;
    background: #fff;
    z-index: 12;
    transition: all .25s ease;
}


.menu-overlay a {
    font-family: 'Rubik', sans-serif;
    text-transform: uppercase;
    font-weight: normal;

}
.menu-overlay .contact {
    margin-top: 1em; margin-bottom: 1em;
}

.accordion-menu a {
    padding: 0.7rem 1rem 0.7rem 0rem;
}

.dark .contact-menu {
    color: white;
}

.contact-menu {
    list-style: none;
    margin-left: 0;
    color: #2D1832;
}

.contact-menu li {
    margin-bottom: .4em;
}

.contact-menu a {
    opacity: .7;
    transition: .1s ease-in-out;
}

.contact-menu a:hover {
    opacity: 1;
    color: #2D1832;
}

dark .contact-menu a:hover {
    opacity: 1;
    color: white;
}


.breadcrumbs {margin-bottom: -2em;}
.breadcrumbs p {
    margin-bottom: 0;
    font-size: .85em;
}

.navigation {
    background: #2D1832;
    padding: 3em;
}

.navigation-menu {
    list-style: none;
    margin-left: 0;
    color: white;
}

.navigation-menu li {margin-bottom: .6em; transition: .12s ease-in-out;}
.navigation-menu a {font-family: 'Rubik', sans-serif; font-weight: normal; transition: .12s ease-in-out; color: white;}
.navigation-menu li:hover  { margin-left: .25em;}


.navigation-menu a.is-active {
    font-weight: bold;
    color: white;
}

.navigation.block .current_page_item a {
    font-weight: bold;
}

.navigation.block {
    padding: 2em 2em 1em 2em;
}

/* -------
  FORMS
--------*/




/*   Cover   */

.cover {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    position: relative;
    min-width: 100%;
}

.cover .inner {
    position: relative;
    width: 100%;
    padding: 3em;
}

.cover .image {
    opacity: 1;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.cover .intro {
    margin-top: 6em;
    margin-bottom: 6em;
    padding: 2.5em 2em 1.5em 2em;;
    z-index: 2;
    background: white;
    color: #333;
}

.cover h1 { 
    font-size: 4em;
    color: white;
}

@media only screen and (max-width: 64em) {
    .cover h1 {font-size: 3em;}
}

@media only screen and (max-width: 600px) {
    .cover h1 {font-size: 2em;}
    .cover .intro {margin-top: 4em; margin-bottom: 0em;}
}

/* News */

.news-item {
    position: relative;
    width: 100%; 
    margin-bottom: 2em;
}

.news-item .image {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 250px;  
}

.news-item.small .image {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 120px ;  
}


.news-item .text {
    background: white;
    padding: 2em;
}




.news-item.small .text{
    background: white;
    padding: 1em;
}

.post-date {
    color: #4E5255;
    font-size: 0.8em;
    margin-bottom: .5em;
}

/*   Building blocks   */

hr {
    border-bottom: 1px solid #DBDBDB;
}

.block {
    padding: 4em;
    margin-bottom: 2.6em;
}

.block.white {background: white;}


.block.dark {background: #2D1832;}
.block.dark h2, .block.dark h3, .block.dark h4, .block.dark p, .block.dark p a {color: white;}

.block p {margin-bottom: 1.6em;}
.block h3, .row.white h2 {margin-bottom: .5em;}

.row { 
    margin-top: 2.6em;
    margin-bottom: 4em;
}

.row.white {
    background: white;
    padding-top: 4em;
    padding-bottom: 4em;
    margin-top: 4em;
}

@media screen and (max-width: 48em) {
    .block {padding: 1.5em}
    .news-item .text {padding: 1.5em}
}

.block img {
    border: none !important;
}

/* World map */

.country {
    margin-bottom: .5em;
}

.closer{
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.mapsvg-directory-item {
    padding-left: .5em;
}

.mapsvg-directory-item p {
    margin-bottom: 0;
}

.mapsvg-popover {
    box-shadow:  0 4px 15px 1px rgba(0, 0, 0, 0.05) !important;
}

.map-details {
    padding: 2em;
}


/* Tables */

table {color: #514753;}

thead {background: #EBF4FA; border: none;}
thead, tbody, tfoot {border: none;}

tbody tr:nth-child(even) {
    background: #EBF4FA;
}


/* Fields*/

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
    box-shadow: none;
}

/* Accordion */

.accordion {
    background: none;
    color: white;
    border: none;
}

.accordion-title {
    padding: .5em;
    border: none;
    font-size: 1em;
    color: #333;
}

.accordion-content {
    border: none;
}

:last-child:not(.is-active) > .accordion-title {
    border: none;
}

/* Sliders */

.nav-slider a {
    margin-right: 1em;
}

/* footer */

.footer {
    background: #2D1832;
    padding-top: 4em;
    padding-bottom: 4em;
}

.footer p, .footer h5, .footer h4 {
    color: white;
}

.footer-menu {
    list-style: none;
    margin-left: 0;
    color: white;
}

.footer-menu li {
    margin-bottom: .4em;
}

.footer-menu a {
    opacity: .7;
    transition: .1s ease-in-out;
}

.footer-menu a:hover {
    opacity: 1;
    color: white;
}

.bottom-footer {
    background: #222222;
    padding-top: 1.2em;
    padding-bottom: .2em;
}

.bottom-footer p {
        font-size: .8em;
        opacity: .7;
}

.bottom-footer p, .bottom-footer a  {
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
    color: white;
}

.bottom-footer a:hover {
    opacity: 1;
    color: white;
}

.country-info {
    display: none;
    z-index: 999;
}

.show {display: block;}