:root {
--color-orang: #f09225;
--main-color-text: #000000;
--main-color-white: #FFFFFF;
--main-color-green:#009900;
--main-color-yellow: #FADB6F;
}

body {     max-width: 1920px;
    margin-left: auto;
    margin-right: auto; }

    
.uk-navbar-nav>li>a { color: #000;}
.uk-navbar-nav>li:hover>a { color: var(--color-orang); }
.uk-navbar-nav>li.uk-active>a { color: var(--color-orang); }
.lang-active { background: var(--color-orang) !important; color:#fff; }
.uk-navbar-nav>li>a { min-height: 25px; }
.uk-button-secondary {background: var(--color-orang); color:#000; font-weight:bold; }
.uk-offcanvas-bar .uk-button-secondary  {background: var(--color-orang); color:#000; font-weight:bold; }

.uk-position-center-right span {background:rgba(50,50,50,0.8);color:#efefef;} 
#services a { text-decoration:none; }
.uk-offcanvas-bar {  background: #fff; color:#000;}
.uk-offcanvas-bar a {  color: #000;}
.uk-offcanvas-bar .uk-icon-button { background:#c0c0c0; }

.uk-offcanvas-bar .uk-nav-default>li>a {

	color: #333 !important;
}


.uk-offcanvas-bar .uk-input {

	background-color: rgba(255,255,255,.1);
    color: rgba(0,0,0,.7);
    background-clip: padding-box;
    border-color: rgba(0,0,0,.2);
}
.uk-navbar-dropdown-nav li {
position: relative;
}

.uk-navbar-dropdown-nav li:hover::after {
   content: ' ';
    width: 7px;
    position: absolute;
    height: 7px;
    background: var(--color-orang);
    left: -15px;
    top: 11px;
    border-radius: 10px;
}
.uk-offcanvas-bar .uk-close {
    color: rgba(0,0,0,.5);
}

.uk-badge {
    background: var(--color-orang);
    color: #fff !important;
}
.uk-notification-message-danger { background: rgba(255,0,0,1); color: var(--main-color-white); padding: 20px; font-size:1em;   }
.uk-notification-message-success { background: var(--main-color-green); color: var(--main-color-white); padding: 20px; font-size:1em;   }
.uk-notification-message-danger h3, .uk-notification-message-success h3{ color: var(--main-color-white); }
.uk-notification-close { color: var(--main-color-white);  }
.ppagese {
    text-align: center;
    font-size: 1em !important;
    display: inline-block;
    margin: 3px;
}
.ppagese span {
    padding: 10px;
    text-align: left;
    border: 1px solid rgba(100,100,100,0.5);
    cursor: pointer;
    margin-top: 3px;
    background-color: #fff;
    display: block;
}

.ppagese span.ppageselect {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
}
#services .uk-card { transition: background-size 0.5s ease-in; background-size: 100%; }
#services .uk-card:hover { transition: background-size 0.5s ease-in; background-size: 110%; }

.uk-offcanvas-bar .uk-icon-button:active, .uk-offcanvas-bar .uk-icon-button:hover { background: #c0c0c0; text-decoration:none; }

.uk-zoom { transition: background-size 0.5s ease-in; background-size: 100%; }
.uk-zoom:hover { transition: background-size 0.5s ease-in; background-size: 110%; }
.uk-offcanvas-bar a:hover { color:#000; }
.uk-nav-sub li { position: relative; }

.uk-nav-sub li::after {
   content: ' ';
    width: 7px;
    position: absolute;
    height: 7px;
    background: var(--color-orang);
    left: -15px;
    top: 11px;
    border-radius: 10px;
}

.uk-table-divider tr:hover {   background-color: rgba(50,50,50,0.2) !important; }
footer .li-20 { display:none !important; }

.bgpage {    min-height: 800px !important;max-height: 800px !important; }
.pidname {    max-height: 67px; overflow: hidden;}

.uk-navbar-dropdown {    width: 500px !important;}
.cpages a {    padding: 5px 10px;
    display: inline-block;    margin: 6px;}

    .selectstar {
    cursor: pointer;
    color: #FC0;
}

.fa-star svg polygon {
    fill:#FC0;
}

.starcolor svg > polygon {
    fill: #FBE38B;
}
.starcolor svg > polygon {
    stroke: #FBE38B;
    stroke-width: 2;
}

@media screen and (max-width: 1500px) {
.bgpage {    min-height: 560px !important;max-height: 560px !important; background-size: cover;}
   
}
 

@media (min-width: 960px) {
.uk-container {
    padding-left: 5px;
    padding-right: 5px;
}
}

@media screen and (max-width: 900px) {
.uk-navbar-dropdown {    width: auto !important;}
.bgpage { min-height: 300px !important; max-height: 300px !important;}
.pidname {
    max-height:unset;
    overflow: unset;
}

}