a:hover {text-decoration: none;}
.mr-6 { margin-right: 6rem }
.radius { border-radius: 8px 0 8px 0 !important; overflow: hidden}

header {height: 55px;background-color:#fff;width: 100%;font-family: irsans;transition: 0.3s;z-index: 1000;top: 28px ; box-shadow: rgba(0,0,0,0.1) 1px 0 3px 4px}
.top-header {background:#385E9D ;  padding: 10px 0;}
.top-header a { color: #f1f1f1 ; font-family: irsans ; font-weight: bold; font-size: 12px;margin-right: 6px ; padding-right: 6px ; border-right: 1px solid #737171  ; line-height: 1; transition: 0.3s;}
.top-header a:nth-child(1) {color: #ffb81c;}
.top-header a:first-child { border: none;}
.top-header a:hover { color: #ffb81c;}
.back-top-header { background: #f1f1f1 ; height: 50px; display: block !important}


.alert-cookie { background: #25282a ; z-index: 9999 ; bottom: -120px; right: 0 ; width: 100%; font-family: irsans ; color: #fff; font-size: 15px; transition: 0.5s; text-align: justify; direction: rtl;}
.btn-ok { color: #252525 !important ; background: #ffb81c ; border: 1px solid #ffb81c ; font-weight: bold; min-width: 100px ;border-radius: 20px 0 20px 0 ;font-size: 15px; transition: 0.3s ; white-space: nowrap;}
.btn-nok { color: #ffb81c !important ; border: 1px solid #ffb81c;border-radius:  0 20px 0 20px  ; transition: 0.3s;font-size: 15px; white-space: nowrap; min-width: 100px}
.btn-ok:hover ,.btn-nok:hover { transform: translate(0,-5px);}



.wel-box div {  color: #333; padding: 0.5rem; border-radius: 10px;box-shadow:0 0 5px 0 rgba(0,0,0,0.2) ; z-index: 997; background: #fff}
.wel-box { top: 5px;  width: 150px;visibility: hidden ; opacity: 0; transition: 0.3s; padding-top: 52px}
.wel-box div::before {width: 17px;height: 17px;position: absolute;content: ' ';background: #fff;top: 44px;border-radius: 3px;right: 62px;transform: rotate(45deg);}
.wel-box a { color: #333 !important;  margin: 5px 0; transition: 0.3s;}
.wel-box a:hover { color: #ffb81c !important;}

.menu , .lanuages , .search  { color: #385e9d; font-size: 18px; display: flex;}

.login {display: flex ; font-size: 14px;}
.login a { color: #385e9d; }
.logo a { text-align: right; width: auto !important}
.logo img { width: auto; height: auto !important; max-height: 30px;height: 30px !important }


.sub-menu { font-family:irsans ;  transition: 0.3s;white-space: nowrap; }
.sub-menu ul li { height: 100%; padding: 0.5rem 0; position: relative;transition: 0.3s;}
.sub-menu ul li a { color: #385e9d; font-size: 13px; font-family: irsans-bold ; padding: 0 6px ; border-left: 1px solid rgba(18,18,18,0.2); transition: 0.3s;}
.sub-menu ul li:hover a { color: #ffb81c; }
.sub-menu ul li:last-child a { border: none;}

.back-sub-menu { background-color: #e3e3e3; width: 100% ; height: 0px; transition: 0.5s; ; position: fixed  ; top: 54px; z-index: 999}
.sub-menu ul li div { display: flex ; z-index: 1000; justify-content: center; position: absolute; top: 43px ; align-items: flex-start ; visibility: hidden ; opacity: 0 ; transition: 0.2s ; padding: 7px 0 0 0 }
.sub-menu ul li:hover div { visibility: visible ; opacity: 1;transition: 0s }
.sub-menu ul li div ul{ list-style: none; padding: 0 ; margin: 0 10px;}
.sub-menu ul li div ul li { border:  none;white-space: nowrap  ; text-align: right; padding: 3px 0;}
.sub-menu ul li div ul li a { border:  none !important; color: #333 !important; transition: 0.3s;}
.sub-menu ul li div ul li:hover a { color: #ffb81c !important; }
.none-scroll { transition: 0.3s;}

.search-area { background: #385e9d ; top: 0 ; right: 160px; width: calc(100% - 225px); visibility: hidden ; opacity: 0; transition: 0.8s; z-index: 99}
.search-area input { outline: none ; border: none ; height: 65%; width: 0; transition: 0.8s ; color: #333 !important; background: #fff !important}
.search-area button { outline: none ; border: none ; background: transparent; font-size: 18px; color: #fff}
header input::placeholder , header input:-ms-input-placeholder  , header input::-ms-input-placeholder{ color: #385e9d !important}
header input[placeholder], header [placeholder], header [placeholder]{ color: #385e9d !important}

.menu-area { height: 100vh; font-family: irsans; background-color: #404040; top: 0; right: 0; z-index: 101; visibility: hidden ; opacity: 0; transition: 0.3s; padding-top: 80px; overflow-y: scroll;}
.menu-area ul{ list-style: none ; padding: 0; margin: 0 ; text-align: right !important;}
.menu-area ul li {border-right: 1px solid #737171; padding: 2px 15px 2px 0;}
.menu-area ul li:first-child{ border: none;}
.menu-area ul li:first-child a { color: #88817f;}
.menu-area ul li a { font-size: 14px ; color: #fff; font-weight: 400; transition: 0.3s;}
.menu-area ul li a:hover { color: #ffb81c;}
.biz {color: #fff}

.btn-menu {  text-align: center; display: block; padding: 0.75rem ; margin:  0.12rem 0; color: #fff; border-radius: 3px; background-color: #434343; border :1px solid #444 ; transition: 0.3s;}
.btn-menu:hover { color: #ffb81c;}

.float-menu { background: #fff ; right: -240px ; top: 82px ; height: calc(100vh - 50px); width: 240px; font-family: irsans; transition: 0.3s; overflow-y: scroll;overflow-x: visible; z-index: 999}
.float-menu ul li a { color: #333 ; padding: 0.5rem 0.75rem; margin-bottom: 0.25rem; transition: 0.3s; font-size: 13px;}
.float-menu ul li:hover a { background: #ffb81c; color: #333;}
.float-menu ul li.title { color: #ffb81c; font-weight: bold;padding: 0.5rem 0.75rem; margin-top: 1rem; cursor: default; border-top: 1px solid #eee; font-size: 14px;}
.float-menu ul li ul{ padding-right: 2.5rem !important}
.float-menu ul li ul li a { background: transparent  !important; color: #333 !important; display: flex ; align-items: center; padding: 3px 0;}
.float-menu ul li ul li a:hover { background: transparent  !important; color: #ffb81c !important;}
.float-menu ul li ul li a::before { content: '\f053' ; font-family: "Font Awesome 5 Pro" ; margin-left: 7px; ; font-size: 12px;}

.float-menu .sites { padding: 0 5px !important}
.float-menu .sites li { padding: 3px}
.float-menu .sites li a  { background: #efefef; border-radius: 8px 0 8px 0 }
.float-menu-ul-hidden {   overflow: hidden; transition: 0.3s;height: 325px }


.button-fload-menu-visible {color: #ffb81c ; padding: 0.5rem 0.75rem 0.5rem 0; margin-bottom: 0.25rem; transition: 0.3s; font-size: 13px; cursor: pointer; }

.float-menu .desktop { top: 0 ; left: 0; position: absolute;}
.float-menu-holder { background: rgba(0, 0, 0, 0.15); width: 100%; height: 100%; position: fixed; top: 0; right: 0;z-index: 998; visibility: hidden; opacity: 0; transition: 0.3s}
.float-menu-cookie { background: rgba(0, 0, 0, 0.15); width: 100%; height: 100%; position: fixed; top: 0; right: 0;z-index: 998; visibility: hidden; opacity: 0; transition: 0.3s}

.simplebar-content { overflow-x: unset}

/* footer */

.fna-rubika { background: url("/assets/images/rubika.svg") no-repeat; width: 32px; height: 32px; color: #fff}

footer { font-family: irsans; box-shadow: rgba(0,0,0,.1) -1px 0 7px 0;}
footer .social a { color: #fff ; margin: 0 3px ; font-size: 30px  ; width: 35px ; height: 35px; transition: 0.3s;}
footer .social a:hover { color: #ffb81c}

footer .menu-list li { padding: 0 0 0 12px ; margin: 0 12px 0 0; border-left: 1px solid #ffb81c;}
footer .menu-list li:last-child { border: none;}
footer .menu-list li a { color: #fff; transition: 0.3s;} 
footer .menu-list li a:hover { color: #ffb81c;}


footer h5 { font-size: 15px ; line-height: 0.35; font-weight: 500; cursor: default;}
footer h5 span { font-size: 26px; font-weight: bold ;}


.license , .license a { color: #fff  !important; font-size: 12px;}
.name-site {color: #385e9d !important;background: #fff;line-height: 2;padding: 0 13px;border-radius: 8px 0 8px 0;font-family: 'irsans-bold';font-size: 14px !important;}
@media (min-width: 1300px) {
    .container {
        max-width: 1336px !important;
    }
}
@media (max-width: 1200px) {
    .search-area {  right: 73px; width: calc(100% - 136px)}
}
@media (max-width: 992px) {
.search-area { width: calc(100% - 90px); right: 0}
header { top: 0 !important;}
.float-menu {  top: 55px  !important}
    .alert-cookie  { font-size: 12px !important}
    .alert-cookie .btn-ok , .alert-cookie .btn-nok { font-size: 12px !important}
}
@media (max-width: 768px) {
}
@media (max-width: 576px) {
	footer h5 { font-size: 12px }
footer h5 span { font-size: 18px; font-weight: bold ;}
    .float-menu { width: 100vw ; right:-100vw }
}

@media (max-width: 1360px) and (min-width: 1285px) {
  .container { padding-right: 20px !important;padding-left: 20px !important}
}


.btn-worldcup {
    background: #6c0927;
    border-radius: 6px 0 6px 0;
    transition: 0.3s;
    animation: color-change 1s infinite;
}

@keyframes color-change {
    0% {
        color: #fff;
    }
    50% {
        color: #ffcd00
    }
    100% {
        color: #fff
    }
}

/*header  {top: 82px }
.back-sub-menu {top: 105px }
.float-menu { top: 135px;  height: calc(100vh - 135px)}
*/