header{width:100%;padding:20px 0 0;background:linear-gradient(65deg,#5913b4,#9a2de3 88.46%,rgba(169,51,238,.65) 99.99%,#be3bff)}header .mobile-navigation{display:none}header .navbar{max-width:1240px;margin:0 auto;padding:0 20px;position:relative}header .navbar .header__top{width:100%;display:grid;grid-template-columns:min-content 1fr max-content}header .navbar .header__top .logo{width:auto}header .navbar .header__top .menu-icon-wrapper{display:none}header .navbar .header__top .left__menu{display:grid;grid-template-columns:max-content max-content 1fr;grid-gap:30px;align-items:center;justify-items:end}header .navbar .header__top .left__menu button{position:relative;border-radius:10px;width:219px;height:50px;background:#27ae60;border-width:0;overflow:hidden;z-index:2}header .navbar .header__top .left__menu button:after{display:block;content:"";position:relative;top:-500px;left:-20px;width:120%;height:2000px;background:linear-gradient(145deg,#219653,#27ae60 25%,#de005e 50%,#27ae60 75%,#219653);-webkit-background-clip:border-box;animation:bgnew 35s ease-out infinite alternate;z-index:5}header .navbar .header__top .left__menu button div{cursor:pointer;position:relative;display:grid;grid-template-columns:min-content 1fr;width:100%;height:100%;place-items:center;text-decoration:none;padding-left:5px;font-family:Rubik,sans-serif;font-weight:500;font-size:20px;line-height:100%;color:#fff;z-index:200}header .navbar .header__top .left__menu .lang__menu{display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-items:center;line-height:3;grid-gap:10px;font-family:Ubuntu,sans-serif;font-weight:500;font-size:20px;text-align:center;color:#fff}header .navbar .header__top .left__menu .lang__menu .image-circle{cursor:pointer}header .navbar .header__top .left__menu .authentication{display:grid;grid-template-columns:max-content 1fr;place-items:center;grid-gap:10px}header .navbar .header__top .left__menu .authentication .circle{width:50px;height:50px;border-radius:50%;border:2px solid #fff;display:grid;justify-items:center;align-items:center}header .navbar .header__top .left__menu .authentication .login-menu{display:grid;grid-template-columns:1fr max-content max-content}header .navbar .header__top .left__menu .authentication .login-menu span{text-align:center;margin-right:5px;margin-left:5px}header .navbar .header__top .left__menu .authentication .login-menu a,header .navbar .header__top .left__menu .authentication .login-menu span{text-decoration:none;font-family:Ubuntu,sans-serif;font-weight:500;font-size:20px;color:#fff}header .navbar .header__top .left__menu .authentication .panel-notify{position:relative;width:25px;padding-right:10px}header .navbar .header__top .left__menu .authentication .panel-notify i{font-size:22px;color:#fff;cursor:pointer;display:block}header .navbar .header__top .left__menu .authentication .panel-notify .notify-amount{position:absolute;top:-12px;right:1px;font-family:Open Sans,sans-serif;font-weight:700;font-size:17px;color:red;pointer-events:none}header .navbar .header__top .left__menu .authentication .panel-notify .notify-amount::selection{background-color:transparent}header .navbar .header__top .left__menu .authentication .panel-notify .notify-menu{display:block;position:absolute;right:8px;top:48px;box-shadow:1px 1px 4px 0 rgba(0,0,0,.25);background:#fff;z-index:200;width:300px;max-height:400px;white-space:nowrap;overflow-y:auto;overflow-x:hidden;scrollbar-color:var(--Main-color) #639;scrollbar-width:thin;border-radius:8px}header .navbar .header__top .left__menu .authentication .panel-notify .notify-menu .notifications-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid #e9edf0}header .navbar .header__top .left__menu .authentication .panel-notify .notify-menu .notifications-header h3{margin:0;font-size:16px;font-weight:600;color:#333}header .navbar .header__top .left__menu .authentication .panel-notify .notify-menu .notifications-header .mark-all-read-btn{background:none;border:none;color:#85ce36;font-size:12px;cursor:pointer;padding:5px}header .navbar .header__top .left__menu .authentication .panel-notify .notify-menu .notifications-header .mark-all-read-btn:hover{text-decoration:underline}header .navbar .header__top .left__menu .authentication .panel-notify .notify-menu .notifications-list{max-height:350px;overflow-y:auto;overflow-x:hidden}header .navbar .header__top .left__menu .authentication .panel-notify .notify-menu .notifications-empty,header .navbar .header__top .left__menu .authentication .panel-notify .notify-menu .notifications-loading{padding:20px;text-align:center;color:#7e8e9f;font-size:14px}header .navbar .header__top .left__menu .authentication .wrap-menu{position:relative;cursor:pointer}header .navbar .header__top .left__menu .authentication .wrap-menu img{border-radius:50%}header .navbar .header__top .left__menu .authentication .panel-menu{z-index:10;position:absolute;left:0;top:65px;width:160px}header .navbar .header__top .left__menu .authentication .panel-menu a{text-decoration:none}header .navbar .header__top .left__menu .authentication .panel-menu div{display:grid;grid-template-columns:max-content 1fr;padding:10px 15px;align-items:center;transition:all .2s ease-in-out;cursor:pointer;border-radius:20px 0 20px 0;background:#fff;box-shadow:1px 1px 4px 0 rgba(0,0,0,.25)}header .navbar .header__top .left__menu .authentication .panel-menu div:hover{background:#dcdcdc;transition:all .3s ease-in-out}header .navbar .header__top .left__menu .authentication .panel-menu div p{margin:0;font-family:Open Sans,sans-serif;font-weight:700;font-size:15px;color:#7e8e9f}header .navbar .header__top .left__menu .authentication .panel-menu div i{margin-right:10px;color:#85ce36;font-size:20px}header .navbar .header__bottom{position:relative;top:1px;overflow:hidden}header .navbar .header__bottom .navigation{text-align:center}header .navbar .header__bottom .navigation ul{padding:0;margin-bottom:0}header .navbar .header__bottom .navigation ul .active-color{background:#f4f6f7}header .navbar .header__bottom .navigation ul li{display:inline-block;margin-right:21px;border-radius:10px 10px 0 0;box-shadow:1px -2px 4px 0 rgba(0,0,0,.25);background:#d9dce0;font-family:Ubuntu,sans-serif;font-weight:500;font-size:18px;text-align:center;color:#666c75;text-transform:capitalize;list-style-type:none;vertical-align:bottom;transition:all .3s ease}header .navbar .header__bottom .navigation ul li:hover{transform:translateY(.15em);transition:all .1s ease;background:#e7e7e7}header .navbar .header__bottom .navigation ul li a{display:inline-flex;grid-template-columns:max-content min-content;align-items:center;height:100%;margin:0;text-decoration:none;color:#666c75;grid-gap:10px;padding:17px 71px 12px 20px}header .navbar .header__bottom .navigation ul li a img{display:block;margin:0;width:auto;height:25px;line-height:2.5}@keyframes bgnew{0%{top:-400px}50%{top:-1800px}to{top:-400px}}@media only screen and (max-width:1320px){header .navbar .header__bottom .navigation ul li a{padding:17px 20px 12px}}@media only screen and (max-width:1020px){header .navbar .header__bottom .navigation ul li{font-size:12px}header .navbar .header__bottom .navigation ul li a{padding:10px}header .navbar .header__bottom .navigation ul li a img{width:20px;height:20px}header .navbar .header__top .logo img{width:150px}header .navbar .header__top .left__menu .authentication div a{font-size:16px}header .navbar .header__top .left__menu .authentication .circle{width:35px;height:35px}header .navbar .header__top .left__menu .authentication .circle img{width:20px}header .navbar .header__top .left__menu .lang__menu{grid-template-columns:1fr 1fr;font-size:16px}header .navbar .header__top .left__menu .lang__menu .image-circle img{width:auto;height:22px}header .navbar .header__top .left__menu button{width:180px;height:40px}header .navbar .header__top .left__menu button a{font-size:16px}header .navbar .header__top .left__menu button a img{width:20px}}@media only screen and (max-width:700px){header{padding:20px 0}header .navbar .header__top{grid-template-columns:min-content 1fr max-content;place-items:center}header .navbar .header__top .logo img{width:111px;height:70px}header .navbar .header__top .menu-icon-wrapper{display:block;position:relative;width:36px;height:4px;background:#fff;border-radius:10px;margin-right:25px;z-index:20}header .navbar .header__top .menu-icon-wrapper:after{top:-10px}header .navbar .header__top .menu-icon-wrapper:after,header .navbar .header__top .menu-icon-wrapper:before{position:absolute;left:0;content:"";width:36px;height:4px;background:#fff;border-radius:10px;transition:transform .2s ease-in,top .2s linear .2s}header .navbar .header__top .menu-icon-wrapper:before{top:10px}header .navbar .header__top .menu-icon-active{background-color:transparent}header .navbar .header__top .menu-icon-active:before{transform:rotate(45deg);top:0;transition:top .2s linear,transform .2s ease-in .2s}header .navbar .header__top .menu-icon-active:after{transform:rotate(-45deg);top:0;transition:top .2s linear,transform .2s ease-in .2s}header .navbar .header__bottom,header .navbar .header__top .left__menu{display:none}header .mobile-navigation{display:grid;grid-template-rows:min-content min-content 1fr;height:100vh;padding:20px;background:linear-gradient(65deg,#5913b4,#5913b4 .01%,#5913b4 99.99%);box-shadow:12px 4px 17px 0 rgba(0,0,0,.25);position:fixed;z-index:11;width:82%;top:0;transition:all .4s ease-in-out;transform:translateX(-110%)}header .mobile-navigation nav .line-separator{width:100%;height:1px;background-color:#3f0e7f}header .mobile-navigation nav ul{padding:0;margin:20px 0 0}header .mobile-navigation nav ul li{text-decoration:none;list-style-type:none;text-transform:capitalize;padding-bottom:25px}header .mobile-navigation nav ul li a{font-family:var(--Main-front-font);font-weight:500;font-size:15px;color:#fff;text-decoration:none}header .mobile-navigation nav button{position:relative;border-radius:10px;width:219px;height:50px;background:#27ae60;border-width:0;overflow:hidden;z-index:2}header .mobile-navigation nav button:after{display:block;content:"";position:relative;top:-500px;left:-20px;width:120%;height:2000px;background:linear-gradient(145deg,#219653,#27ae60 25%,#de005e 50%,#27ae60 75%,#219653);-webkit-background-clip:border-box;animation:bgnew 35s ease-out infinite alternate;z-index:5}header .mobile-navigation nav button a{position:relative;display:grid;grid-template-columns:min-content 1fr;width:100%;height:100%;place-items:center;text-decoration:none;padding-left:5px;font-family:Rubik,sans-serif;font-weight:500;font-size:20px;line-height:100%;color:#fff;z-index:200}header .mobile-navigation nav .language-menu{display:grid;grid-template-columns:1fr 2fr;margin-top:34px}header .mobile-navigation nav .language-menu span{display:grid;align-items:center;font-family:var(--Main-front-font);font-weight:400;font-size:16px;color:#d9c8ef}header .mobile-navigation nav .language-menu .wrap-language{display:grid;grid-template-columns:max-content max-content;grid-gap:12px}header .mobile-navigation nav .language-menu .wrap-language div{display:grid;align-items:center;justify-items:center;width:66px;height:40px;border-radius:10px;border:1px solid #fff;font-family:Rubik,sans-serif;font-weight:500;font-size:20px;line-height:100%;color:#fff;transition:all .2s ease-in-out}header .mobile-navigation nav .language-menu .wrap-language .active-language{background:#fff;color:#9a2de3;transition:all .4s ease-in-out}header .mobile-navigation nav .social-menu{display:grid;grid-template-columns:max-content 2fr;margin-top:15px}header .mobile-navigation nav .social-menu span{display:grid;align-items:center;font-family:var(--Main-front-font);font-weight:400;font-size:16px;color:#d9c8ef;margin-right:15px}header .mobile-navigation nav .social-menu .wrap-social{display:grid;grid-template-columns:max-content max-content max-content;justify-items:center;grid-gap:12px}header .mobile-navigation nav .social-menu .wrap-social .telegram img{position:absolute;top:7px;left:8px}header .mobile-navigation nav .social-menu .wrap-social a{width:40px;height:40px;border-radius:50%;background:transparent;border:2px solid #fff;margin-right:5px;display:grid;place-items:center;font-size:30px;position:relative;overflow:hidden;transition:all .3s ease-in-out .1s;z-index:8}header .mobile-navigation nav .social-menu .wrap-social a:before{content:"";position:absolute;top:100%;left:0;width:120%;height:120%;background:#fff;transition:.5s;z-index:10}header .mobile-navigation nav .social-menu .wrap-social a:hover{border:2px solid transparent}header .mobile-navigation nav .social-menu .wrap-social a:hover:before{top:0}header .mobile-navigation nav .social-menu .wrap-social a:hover img{transform:rotateY(1turn)}header .mobile-navigation nav .social-menu .wrap-social a img{width:22px;z-index:11;transition:.5s}header .mobile-navigation nav .copyright{display:grid;justify-items:center;font-family:Open Sans,sans-serif;font-weight:400;font-size:16px;color:#d9c8ef;margin-top:20px}header .mobile-navigation .mobile-authentication{display:grid;grid-template-columns:min-content min-content max-content;align-items:center;margin-bottom:20px}header .mobile-navigation .mobile-authentication .authentication-circle{width:82px;height:82px;border-radius:50%;display:grid;justify-items:center;align-items:center}header .mobile-navigation .mobile-authentication .authentication-circle img{width:100%;height:auto}header .mobile-navigation .mobile-authentication ul{padding-left:20px;margin:0;align-self:center;display:grid;align-items:center;grid-gap:10px}header .mobile-navigation .mobile-authentication ul li{text-decoration:none;list-style-type:none}header .mobile-navigation .mobile-authentication ul li a{font-family:var(--Main-front-font);font-weight:500;font-size:15px;color:#fff;text-decoration:none}header .mobile-navigation .mobile-authentication .authentication-name{font-family:var(--Main-front-font);font-weight:500;font-size:20px;color:#fff;text-decoration:none;padding-left:15px;padding-right:25px}header .mobile-navigation .mobile-authentication .panel-notify{position:relative;width:50px;height:50px;border-radius:50% 50%;background-color:hsla(0,0%,100%,.47);display:grid;place-items:center}header .mobile-navigation .mobile-authentication .panel-notify i{font-size:22px;color:#fff;cursor:pointer;display:block}header .mobile-navigation .mobile-authentication .panel-notify .notify-amount{position:absolute;top:2px;right:11px;font-family:Open Sans,sans-serif;font-weight:700;font-size:14px;color:red;pointer-events:none}header .mobile-navigation .mobile-authentication .panel-notify .notify-amount::selection{background-color:transparent}header .mobile-navigation .mobile-authentication .panel-notify .notify-menu{display:block;position:absolute;right:-35px;top:88px;box-shadow:1px 1px 4px 0 rgba(0,0,0,.25);background:#fff;z-index:200;height:200px;white-space:nowrap;overflow-y:scroll;overflow-x:hidden;scrollbar-color:var(--Main-color) #639;scrollbar-width:thin}header .mobile-navigation .mobile-authentication .panel-notify .notify-menu .notification-message span{cursor:pointer}header .mobile-navigation .mobile-authentication .panel-notify .notify-menu .notification-message p{cursor:pointer!important}header .mobile-navigation .mobile-authentication .panel-menu{z-index:10;position:absolute;left:19px;top:124px}header .mobile-navigation .mobile-authentication .panel-menu a{text-decoration:none}header .mobile-navigation .mobile-authentication .panel-menu div{display:grid;grid-template-columns:max-content 1fr;padding:10px 15px;align-items:center;transition:all .2s ease-in-out;cursor:pointer;border-radius:20px 0 20px 0;background:#fff;box-shadow:1px 1px 4px 0 rgba(0,0,0,.25)}header .mobile-navigation .mobile-authentication .panel-menu div:hover{background:#dcdcdc;transition:all .3s ease-in-out}header .mobile-navigation .mobile-authentication .panel-menu div p{margin:0;font-family:Open Sans,sans-serif;font-weight:700;font-size:15px;color:#7e8e9f}header .mobile-navigation .mobile-authentication .panel-menu div i{margin-right:10px;color:#85ce36;font-size:20px}header .mobile-navigation .line-separator{width:100%;height:1px;background-color:#3f0e7f}header .mobile-show{transform:translateX(0)}}