.sitetop{background:#498CCB;}
.sitetop > .container{height:100%;display:flex;justify-content:space-between;align-items:center;}

.sitetop-left{display:flex;align-items:center;}
.sitetop-left p{font-size:15px;color:#fff;line-height:40px;margin-right:15px;}
.sitetop-left p a{color:#fff;}

.sitetop-right{display:flex;align-items:center;position:relative;z-index:30;}

.sitetop .share{font-size:0;}
.sitetop .share a{display:inline-block;}
.sitetop .share a+a{margin-left:12px;}
.sitetop .share a i{font-size:16px;color:#fff;}

.header-lang{position:relative;z-index:30;margin-right:30px;}
.header-lang .box{height:30px;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;}
.header-lang .box img{aspect-ratio: 3/2;height:16px;width: 24px;}
.header-lang .box em{margin:0 7px;line-height:18px;font-size:15px;color:#fff;text-transform:uppercase;}
.header-lang .box i{width:15px;line-height:18px;font-size:14px;text-align:center;color:#fff;}
.header-lang .lang-box{width:200px;padding:15px;position:absolute;right:0;top:42px;z-index:200;background:#fff;transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);opacity:0;visibility:hidden;transition:all .4s ease 0s;box-shadow:0 0 10px rgba(63,62,62,0.2);}
.header-lang .lang-box::before{content:'';position:absolute;right:37px;top:-8px;overflow:hidden;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;display:block;}
.header-lang ul{max-height:160px;overflow-y:scroll;padding:5px 10px;border:1px solid #e5e5e5;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.header-lang ul li{line-height:20px;padding:5px 0;border-bottom:1px solid #f5f5f5;width:50%;}
.header-lang ul li:last-child{border:none;}
.header-lang ul li a{color:#333;font-size:14px;display:block;}
.header-lang ul li a:hover{color:var(--active-color);}
.header-lang ul li img{aspect-ratio: 3/2;vertical-align:middle;margin-right:7px;}
.header-lang:hover .lang-box{opacity:1;visibility:visible;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
                     
                     
.mob-menu{background:#F5F5F5;position:fixed;top:0;left:0;bottom:0;overflow-x:hidden;box-sizing:content-box;width:70%;max-width:350px;-webkit-overflow-scrolling:touch;z-index:105!important;transition:all .4s cubic-bezier(0.7,0,0.2,1);box-shadow:0 0 40px rgba(82,85,90,0.1);transform:translateX(-100%)}
.mob-menu .tit{height:50px;background:#485157;display:flex;justify-content:space-between;align-items:center;}
.mob-menu .tit h6{color:#fff;padding:0 0 0 15px;font-size:16px;font-weight:bold;}
.mob-menu .tit span{cursor:pointer;width:40px;height:40px;line-height:40px;text-align:center;display:block;}
.mob-menu .tit span i{color:#fff;font-size:16px;}
.mob-menu > ul{}
.mob-menu > ul > li{line-height:50px;font-size:15px;border-top:2px solid #e5e5e5;position:relative;}
.mob-menu > ul > li > a{padding:0 0 0 15px;}
.mob-menu > ul > li > i {position:absolute;color:#333;font-size:14px;top:10px;right:5px;z-index:1;width:30px;line-height:30px;text-align:center;cursor:pointer;}
.mob-menu > ul > li.active{}
.mob-menu ul li a{color:#333;display: block;}
.mob-menu ul li a:hover{text-decoration: none;}
.mob-menu ul li ul{display:none;padding-bottom:10px;padding-left:15px;}
.mob-menu ul li ul li{line-height:22px;position:relative;}
.mob-menu ul li ul li i {position:absolute;color:#333;font-size:12px;top:1px;right:5px;z-index:1;width:30px;line-height:30px;text-align:center;cursor:pointer;}
.mob-menu ul li ul li a{padding:5px 0 5px 10px;margin-right:30px;}

.mob-menu.menu-on{transform:translateX(0)}                         
                         
                         
/*---header---*/

.header{background:#fff;height:110px;box-shadow:0 3px 7px rgba(0,0,0,0.06);position:relative;}

.header > .container{height:100%;display:flex;justify-content:space-between;align-items:center;}

.header .logo img{height:53px;}

.header-right{display:flex;align-items:center;}

.nav > ul{display:flex;align-items:center;margin-bottom:0}
.nav > ul > li{position:relative;}
.nav > ul > li:nth-child(4){position:static;}
.nav > ul > li+li{margin-left:40px;}
.nav > ul > li > a{display:block;font-size:18px;font-weight:500;color:#212121;height:110px;line-height:110px;text-align:center;}

.nav > ul > li ul{position:absolute;width:220px;height:auto;left:-40px;top:98px;z-index:30;padding:10px 7px;border-radius:6px;background:#fff;opacity:0;visibility:hidden;transition:all .4s ease 0s;transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);box-shadow:rgba(0,0,0,0.14) 0 0 9px 0px;}
.nav > ul > li > ul::before{content:'';position:absolute;left:65px;margin:0;top:-8px;overflow:hidden;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;}
.nav > ul > li > ul li{border-bottom:1px solid #EDEDED;position:relative;}
.nav > ul > li > ul li:last-child{border:none;}
.nav > ul > li > ul li > a{display:block;border-radius:4px;padding:9px 10px;color:#333;font-size:16px;line-height:21px;text-transform:capitalize;}
.nav > ul > li > ul > li > a{padding-right:20px;}
.nav > ul > li > ul li > a i{position:absolute;right:10px;top:10px;font-size:11px;}
.nav > ul > li > ul li > a:hover{background:var(--active-color);color:#fff;}

.nav > ul > li > ul li ul{left:230px;top:0;}

.nav > ul > li:hover > a,.nav > ul > li.active > a{color:var(--active-color);}
.nav > ul > li:hover > a > i{transform:rotate(180deg);-webkit-transform: rotate(180deg);}

.nav ul li:hover > ul{opacity:1;visibility:visible;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}


.header-right .quote{margin-left:40px;padding:13px 25px;display:inline-block;background:#498CCB;font-size:16px;color:#fff;border-radius:35px;font-weight:500;text-align:center;}
.header-right .quote:hover{opacity:0.7;}

.search{margin:0 0 0 50px;}
.search span{cursor:pointer;text-align:center;}
.search span i{color:#111;font-size:25px;display:inline-block;}


.header-right .mo-header-menu{margin-left:5px;width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer;display:none;}
.header-right .mo-header-menu i{color:#333;font-size:24px;}


.search-box{display:none;position:absolute;z-index:9999;width:100%;left:0;right:0;top:110px;background:rgba(0,0,0,0.6);padding:33px 0;}
.search-box .close{position:absolute;right:30px;top:calc(50% - 11px);line-height:22px;height:22px;}
.search-box .close i{font-size:21px;color:#fff;}
.search-box .serchbox{width:700px;margin:0 auto;position:relative;}
.search-box .serchbox .submit_text{background:#fff;width:100%;height:47px;line-height:47px;float:left;color:#111;padding:0 90px 0 15px;font-size:15px;}
.search-box .serchbox .submit_btn{position:absolute;right:0;top:0;width:70px;height:47px;line-height:47px;background:var(--active-color);text-align:center;display:block;cursor:pointer;}
.search-box .serchbox .submit_btn i{font-size:25px;color:#fff;}

.header-fix{position:fixed;left:0;top:0;width:100%;z-index:200;box-shadow:0 0 10px rgba(176,176,176,0.75);}

                      
/*---------*/

.right_sideber_menu_inner{background:#fff;position:fixed;right:0;width:400px;top:0;height:100%;z-index:999;overflow:auto;padding:80px 40px 0;display:block;transition:0.5s all;box-shadow:0 0 30px rgb(0 0 0 / 7%);-webkit-transform:translateX(100%);transform:translateX(100%);color:#333;font-size:15px;}
.tx-s-open {-webkit-transform:translateX(0);transform:translateX(0);}

.right_sideber_content h2 {font-size:24px;margin-bottom:20px;position:relative;color:#222429;font-weight:600;}
.right_sideber_content h2::after{content:"";background:#000;height:2px;width:26%;margin:15px auto 0 0;display:block;}
.right_sideber_content h2~h2{margin-top:30px;}

.right_sideber_content .widget .footer_s_inner{display:flex;}
.right_sideber_content .widget .footer_s_inner{margin:15px 0 0;}
.right_sideber_content .widget .footer_s_inner .footer-sociala-icon{margin-right:12px;}
.right_sideber_content .widget .footer_s_inner .footer-sociala-icon i{font-size:20px;}

.right_sideber_content .widget ul li{padding-left:20px;padding-bottom:10px;position:relative;}
.right_sideber_content .widget ul li:not(:last-child) {border-bottom:1px solid rgba(0,0,0,0.12);}
.right_sideber_content .widget ul li:before {content:"\e62e";font-family: "qico";font-size:18px;left:0;position:absolute;}
.right_sideber_content .widget ul li+li{margin-top:10px;}
.right_sideber_content .widget a {color:#17161a;}

.right_side_icon{position:absolute;right:30px;top:50px;cursor:pointer;}
.right_side_icon i {font-size:22px;font-weight:700;color:#000;}

/*----------*/

@media screen and (max-width:1441px){ 
.nav > ul > li + li{margin-left:30px;}
.header-right .quote{margin-left:30px;}
.search{margin:0 0 0 40px;}
}

@media screen and (max-width:1280px){                         
.header{height:100px;} 
.nav > ul > li > a{height:100px;line-height:100px;}
.search-box{top:100px;padding:30px 0;}
.header-right .quote{padding:12px 20px;font-size:15px;}  
}
                    
                    
@media screen and (max-width:1171px){                     
.sitetop-left p:nth-child(1){display:none;}   
.nav > ul > li + li{margin-left:20px;}  
.nav > ul > li > a{font-size:17px;}
.header-right .quote{margin-left:20px;}
.search{margin:0 0 0 20px;}
}                
                    
@media screen and (max-width:992px){                     
.nav,.search-box .close{display:none;}                    
.header-right .mo-header-menu{display:block;}    
.search-box{padding:30px 40px;}  
.search-box .serchbox{width:100%;}
}                    
  
@media screen and (max-width:768px){  
.header{height:80px;}
.header-lang{margin-right:20px;}      
.search-box{top:80px;padding:25px 20px;}
.header .logo img{height:45px;}
  
}
 
@media screen and (max-width:576px){  
.header-lang{margin-right:0;}
.sitetop .share{display:none;} 
.header .logo img{height:40px;}
  
}                 
                           
@media screen and (max-width:480px){                             
.sitetop-left p:nth-child(2){display:none;}
.header{height:70px;}
.header-right .quote{display:none;}
.header .logo img{height:37px;}
.search-box{top:70px;padding:15px 15px;}
.search-box .serchbox .submit_text{height:40px;line-height:40px;padding:0 90px 0 10px;}
.search-box .serchbox .submit_btn{width:60px;height:40px;line-height:40px;}
  
}