:root {
  --main-1: #7898c1;
  --main-2: #d0cdc8;
  --main-3: #756b65;
  --main-4: #0b2f72;
  --main-5: #f7f2e6;
    --uk-position-margin-offset: 0px;
        --uk-position-translate-x: -50%;
    --uk-position-translate-y: -50%;

    --color-text: #000;
    --color-deep-blue: #010080;
    --color-yellow: #F6E04F;
    --color-green: #00D128;
    --color-grey: #98999E;
    --color-deep-blue2: #000046;


}	
body {
  font-family: Verdana, sans-serif !important;
}

.topico {color: #fff;font-size: 0.9rem; }
.topico div { position:relative; }
.topico div:after {content: ' '; border-left: 1px solid #fff; position: absolute; height: 20px; right: -20px; }
.topico div:last-of-type::after { content: ""; border-left: none;}
.socico a {color: var(--main-4);background: #fff;padding: 4px;max-width: 24px; transition: background 1s ease;}
.socico a:hover {color: #fff;background: var(--main-4);}
.logo { max-width:80px; }
.uk-navbar-nav>li.uk-active>a { color:var(--main-4); }
.uk-button-primary { background:var(--main-4);}
.uk-button-primary:hover {background-color: var(--main-1);color: var(--main-4);}
.uk-slideshow-items1 h1 {color: var(--main-5);    text-shadow: 2px 2px black;}
.uk-slideshow-items1 p {color: var(--main-5);    text-shadow: 2px 2px black;}
#bookform, #showform { background:var(--main-2);     width: unset;  border-radius: 5px;}
.counter p { font-size: 34px; font-weight: bold; color: var(--main-5); margin-bottom: 0; }
#bookform form, #showform form { padding-top:15px; padding-bottom:15px;    }
.uk-background-main-2 { background:var(--main-1);     color: var(--main-4);}
h1, .uk-h1 { color:var(--main-4); text-transform: uppercase;}
.uk-card-default { background-color:transparent; box-shadow: none;}
.selectstar svg polygon { fill:#ffba00; }
.topmenu span {color: var(--main-5);}
.topmenu {background: var(--main-1);}
.uk-button-secondary { background-color:var(--main-1);color:var(--main-5); }
.uk-navbar-nav>li>a {
color:var(--main-5);
}
#service .uk-h4, #service .uk-card { color: var(--main-1) !important;    }

#service .uk-card-body { font-size: 13px;text-align: center; }

.toproute { background: var(--main-2);color: var(--main-3);}
.toproute .uk-column-1-2 a {color: var(--main-3);}
.toproute .uk-h3 {color: var(--main-4); text-transform: uppercase;}
.cssselectcityfrom, .cssselectcityto { cursor:pointer; }
.uk-button-green {
    
    margin-top: 10px;
    background-color: #3cb620 !important;
    background-color: var(--main-4) !important;
    color: #fff;
}

.socico a.langs {    background: unset;
    color: #999;
    font-size: 12px;}

    .socico a.langactive {     background: rgba(255, 255, 255, 0.4);
    color: #fff;}
.uk-label {     background: var(--main-1) !important; }
.rech {    position: absolute;
    transform: rotate(90deg);left: -22px;margin-top: 4px;background: var(--main-2);border-radius: 100%;cursor: pointer;}

@media (max-width: 959px) {
 
.rech {
 top: -40px;
    margin-left: auto;
    margin-right: auto;
    left: calc(50% - 12px);
}


#bookform {
    position: relative !important;
    top: 220px;
}
}