

#pagesize {
  margin: 40px 0 0;
  text-align: center;
  width: 100%;
}
#pagesize ul {
  font-size: 0
}

#pagesize ul li {
  display: inline-block;
  vertical-align: top
}

#pagesize ul li a {
  line-height: 16px;
  padding: 8px 13px;
  margin: 0 2px;
  display: inline-block;
  border: 1px solid #bebebe;
  background: #fff;
  font-size: 15px
}

#pagesize ul li a:hover {
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  box-shadow: 0 1px 0 0 #fff;
  color: #fff !important;
}

#pagesize ul li span {
  line-height: 16px;
  padding: 8px 13px;
  margin: 0 2px;
  display: inline-block;
  font-size: 14px
}

#pagesize ul li a.active {
  border: var(--color-primary) 1px solid;
  background: var(--color-primary);
  color: #fff
}

#pagesize ul li a.disabled {
  color: #fff;
  border: 1px solid #cecece;
  background: #cecece
}

@media screen and (max-width:768px) {
  #pagesize ul li a {
      padding: 6px 10px;
      font-size: 13px
  }

  #pagesize ul li span {
      padding: 6px 10px;
      font-size: 13px
  }
}



a {color:#454545;transition:0.5s;}
a:hover {text-decoration:none;color:rgb(57,151,213);}


/* ===== 1. Top Menu CSS ===== */
.em40_header_area_main.hdisplay_none {display:none;}
.dastra-header-top {padding:10px 0;background:rgb(57,151,213);}
.top-address p {margin-bottom:0;}
.top-address p span,.top-address p a {margin-right:20px;}
.top-address p span i,.top-address p a i {font-size:13px;color:#fff;margin-right:5px;}
.top-address p a {display:inline-block;text-decoration:none;transition:all 0.2s ease-in-out;}
.top-address {display:inline-block;}
.top-address p a i,.top-address p span i,.top-welcome p span i,.top-welcomet p span i {font-size:13px;margin-right:5px;}


/* TOP socia CSS */
.top-right-menu ul.social-icons {margin:0;padding:0;}
.top-right-menu ul.social-icons li {display:inline-block;margin-left:11px;position:relative;}
.top-right-menu ul.social-icons li a {display:inline-block;text-decoration:none;transition:all 0.2s ease-in-out;font-size:15px;}
.top-welcomet p span,.top-welcomet p a,.top-welcome p span,.top-welcome p a,.top-welcome p,.top-address p a,.top-right-menu ul.social-icons li a,.top-address p span {color:#fff;font-size:15px;font-weight:500;}
.top-welcome p a:hover {color:#17161a;}
.top-right-menu .social-icons li a:hover,.top-right-menu .social-icons li a i:hover {color:#17161a;}
.top-both-p0 .top-address p a,.top-both-p0 .top-address p span {margin-right:0px;margin-left:12px;}
.top-address li p {margin-right:20px;color:#fff;}
.top-right-menu {text-align:right;display:flex;justify-content:flex-end;align-items:center;}


/* ===== 2. Menu Area CSS ===== */

.dastra_nav_area{background:#fff;padding:20px 0;box-shadow:0 0 30px 0 rgb(0 0 0 / 10%);}



.trp_nav_area {position:fixed;left:0;right:0;top:0;z-index:9999;transition:0.5s;}
.logo-right,.logo-left {align-items:center;}
.mobile_menu_logo.text-center {padding:20px 0;}


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

/* logo sticky */
.dastra-main-menu .logo a{display: block;}
.dastra-main-menu .logo img{height:70px;}
.dastra-main-menu .logo img:last-child{display:none;}

/* MENU text CSS */
.dastra_menu ul {text-align:right;list-style:none;margin:0;}
.dastra_menu > ul > li {display:inline-block;position:relative;margin:0 15px;}
.dastra_menu > ul > li > a::after {content:"";position:absolute;bottom:-5px;left:0;right:0;background:#3996D4;height:2px;transform:scale(0,1);opacity:0;transition:all .15s ease-out;}
.dastra_menu > ul > li:hover > a::after,.dastra_menu > ul > li.active > a::after {opacity:1;transform:scale(1,1);}
.dastra_menu > ul > li > a {display:block;transition:0.5s;position:relative;font-size:18px;font-weight:600;color:#272727;font-family:Barlow,sans-serif;}
.dastra_menu ul .sub-menu li a:hover,.dastra_menu ul .sub-menu li.current-menu-item a,.dastra_menu > ul > li.current-menu-item > a,.dastra_menu > ul > li > a:hover,.dastra_nav_area.prefix .dastra_menu > ul > li.current-menu-item > a,.dastra_nav_area.prefix .dastra_menu > ul > li > a:hover,.hbg2 .dastra_menu > ul > li.current-menu-item > a,.hbg2 .dastra_menu > ul > li > a:hover,.heading_style_2 .dastra_menu > ul > li.current-menu-item > a,.heading_style_2 .dastra_menu > ul > li > a:hover,.heading_style_3 .dastra_menu > ul > li.current-menu-item > a,.heading_style_3 .dastra_menu > ul > li > a:hover,.heading_style_4 .dastra_menu > ul > li.current-menu-item > a,.heading_style_4 .dastra_menu > ul > li > a:hover {color:rgb(57,151,213);}
.dastra_menu > ul > li > a:before,.dastra_menu > ul > li.current > a:before {background:#ffb600 none repeat scroll 0% 0;bottom:-7px;content:"";height:2px;left:0;margin:auto;opacity:0;position:absolute;right:0;transition:all 0.5s ease 0s;width:15%;display:none;}
.dastra_menu ul li:last-child a {margin-right:15px !important;}
.dastra_menu > ul > li.current > a,.dastra_menu > ul > li:hover > a,.creative_header_menu > ul > li:hover > a {color:rgb(57,151,213);background-color:transparent;}
.dastra_menu > ul > li:hover > a:before,.dastra_menu > ul > li.current > a:before {opacity:1;}
.transprent-menu .dastra_nav_area {left:0;right:0;top:0;z-index:9999;background-color:transparent;padding:0;transition:0.5s;position:absolute;}




.search_popup_button,.tx_mmenu_together {align-items:center;display:flex;justify-content:flex-end;}
.tx_mmenu_together .donate-btn-header {padding:0;}
.prefix .main_menu_header_address_text h3,.prefix .main_menu_header_address_text h4 a,.prefix .main_menu_header_icon i {color:#fff;}

/* sub menu style */
.dastra_menu ul .sub-menu {position:absolute;left:0;top:130%;width:280px;text-align:left;background:#fff;margin:0;padding:15px 8px 8px 25px;z-index:9999;box-shadow:0 0 30px rgb(0 0 0 / 9%);transition:0.2s;opacity:0;visibility:hidden;}
.dastra_menu ul li:hover > .sub-menu {transition:0.5s;opacity:1;visibility:visible;top:135%;z-index:9999;}
.dastra_menu ul .sub-menu li {position:relative;transition:0.5s;}
.dastra_menu ul .sub-menu li a {display:block;margin:0;margin-bottom:6px;letter-spacing:normal;font-size:17px;font-weight:600;transition:0.5s;color:#272727;visibility:inherit !important;padding:4px 0px;font-family:Barlow,sans-serif;}
.dastra_menu ul .sub-menu li:hover > a,.dastra_menu ul .sub-menu .sub-menu li:hover > a,.dastra_menu ul .sub-menu .sub-menu .sub-menu li:hover > a,.dastra_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {color:rgb(57,151,213);}
.dastra_menu ul .sub-menu li:hover {}
.dastra_menu ul .sub-menu li:before {left:-18px;}
.dastra_menu ul .sub-menu li:hover:before {opacity:1;}
.dastra_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a,.dastra_menu ul .sub-menu .sub-menu .sub-menu li:hover > a,.dastra_menu ul .sub-menu .sub-menu li:hover > a,.dastra_menu ul .sub-menu li:hover:before,.dastra_menu ul .sub-menu li:hover > a {color:rgb(57,151,213);}

/* sub menu 2 */
.dastra_menu ul .sub-menu .sub-menu {left:100%;top:130%;opacity:0;visibility:hidden;}
.dastra_menu ul .sub-menu li:hover > .sub-menu {opacity:1;visibility:visible;top:0%;}

/* sub menu 3 */
.dastra_menu ul .sub-menu .sub-menu li {position:relative;}
.dastra_menu ul .sub-menu .sub-menu .sub-menu {right:100%;left:auto;top:130%;opacity:0;visibility:hidden;}
.dastra_menu ul .sub-menu .sub-menu li:hover > .sub-menu {opacity:1;visibility:visible;top:0%;}
/* sub menu 4 */
.dastra_menu ul .sub-menu .sub-menu .sub-menu li {position:relative;}
.dastra_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {opacity:1;visibility:visible;top:0%;}
/* has menu icon */
.dastra-main-menu .menu-item-has-children > a:after {margin-left:8px;content:"\e61e";font-family:qico !important;opacity:1;font-size:13px;opacity:0.5;font-weight:600;}
.dastra-main-menu .menu-item-has-children .menu-item-has-children > a:after {margin-left:8px;content:"\e61e";}


/* quearys area css */
.dastra_menu.main-search-menu > .em-header-quearys,.em-quearys-top.msin-menu-search {display:inline-block;}
.em-top-quearys-area {position:relative;}
.dastra_menu div.em-header-quearys {text-align:center;}
.em-quearys-inner {visibility:hidden;opacity:0;display:flex;align-items:center;position:fixed;top:0;left:-150%;width:100%;height:100%;background:rgba(0,0,0,0);z-index:10000;transition:all 0s 0s cubic-bezier(0.32,0,0,1),transform 0.3s 0.15s cubic-bezier(0.32,0,0,1),background 0.3s 0s cubic-bezier(0.32,0,0,1);transform:scale(1.1);visibility:hidden;opacity:0;left:-150%;background:rgba(0,0,0,0);}
.em-s-open {visibility:visible;opacity:1;left:0;background:#000000e6 !important;transform:scale(1);}
.em-quearys-form {width:100%;max-width:895px;margin:auto;padding:30px 0;}
.top-form-control {position:relative;display:flex;}
.top-form-control input {background:transparent;color:white;font-size:50px;font-weight:500;height:100px;padding:0 40px 0 15px;width:100%;border:none;transition:0.5s;border-bottom:3px solid #fff;}
.top-form-control input::placeholder {color:#fff;}
textarea,input {outline:none;}
.top-form-control button.top-quearys-style {position:absolute;right:6px;top:50%;background:transparent;font-size:45px;border:none;color:#fff;transform:translateY(-50%);}
.main-search-menu .em-header-quearys .em-quearys-menu i {cursor:pointer;background:transparent;color:#272727;padding:0;border-radius:5px;height:inherit;width:inherit;line-height:inherit;display:inline-block;margin-left:10px;font-size:26px;}

.mrt10 {margin-top:10px;}
.em-quearys-menu i {background:#edb509;border-radius:50px;display:inline-block;text-align:center;height:36px;width:36px;line-height:36px;font-size:20px;color:#fff;cursor:pointer;}
.main_menu_address_a {display:flex;align-items:center;position:relative;}
.main_menu_address_a::before {background:#fbfbfb40;}
.main_menu_address_a:before {content:"";position:absolute;width:1px;height:107px;left:0;}
.main_menu_header_icon {margin-left:25px;margin-right:10px;}
.main_menu_header_icon i {color:#edb509;font-size:30px;}
.main_menu_header_address_text h3,.main_menu_header_address_text h4 a {margin:0;font-weight:600;font-size:18px;}
.main_menu_header_address_text h3 {color:#edb509;}
.main_menu_header_address_text h4 {margin-bottom:0;color:#030925;}

/*=======================#2 dastra mobile menu css========================*/
.mobile-menu {display:none !important;}
@media (max-width:991px) {
  .mobile_menu_option{
  	display: flex;
    align-items: center;
  }
  .header-lang{
  	margin-right:60px;
  }
  .header-lang .box{
  	padding-left:30px !important;
  }
}
.mobile_logo_area {display:none !important;}
.mean-container a.meanmenu-reveal {display:none !important;}
.mean-container .mean-nav > ul {padding:0;margin:0;width:100%;list-style-type:none;display:block !important;}
.mean-container .mean-bar {background:#fff;padding:0;}
.mean-container .mean-nav ul li {border-top:0px solid #ddd;}
.mean-container .mean-nav ul li li a,.mean-container .mean-nav ul li a {color:#444;}
.mean-container .mean-nav ul li li a {border-top:1px solid #ddd;}
.mean-container .mean-nav ul li a:hover {color:var(--btn-bg);}
.mobile_p {position:fixed;right:0;width:300px;padding:80px 20px 0px;overflow-y:scroll;top:0;height:100%;z-index:9999;display:block;transition:0.5s all;box-shadow:0 0 30px rgb(0 0 0 / 7%);transform:translateX(100%);background:#ffffff;}
.tx-s-open {transform:translateX(0);}
.mobile_p .tuetion_theme_widget > div.widget_block {padding:0;}
.mobile_p .tuetion_theme_widget > div {padding:20px 0px 20px;box-shadow:none;}
.mobile_p {}
.mean-container .mean-nav ul li a {border:0;width:100%;border-top:1px solid #ddd;font-size:14px;padding:12px 5px;font-weight:500;display:block;}
.mean-container .mean-nav ul li a.mean-expand {width:auto;}
.mean-container .mean-nav ul li li a {}
.mobile_opicon {text-align:right;padding:4px 0;}
.mean-container .mean-nav > ul > li:first-child > a {border-top:0;}
.mobilemenu_con {display:flex;align-items:center;justify-content:space-between;}
.mobile_menu_o i {font-size:26px;}
.mobile_menu_content .mobile_menu_logo {margin-bottom:20px;}
.mobile_cicon {position:absolute;right:30px;top:50px;}
.mobile_overlay {top:0px;left:0px;right:0px;bottom:0px;opacity:0;z-index:999;width:100vw;height:100vh;visibility:hidden;position:fixed;background:rgba(0,0,0,0.8);transition:all 0.3s ease-out 0s;}
.mobile_overlay.mactive {opacity:1;visibility:visible;}

/* menu button */
a.dtbtn {border:none;display:block;font-size:16px;margin-left:20px;font-weight:600;border-radius:5px;padding:13px 25px;color:#fff;background:rgb(57,151,213);}
a.dtbtn:hover {background:#555;}

/* ======å›½æ——æ ·å¼ start ========= */
.header-lang {position:relative;z-index:200;}
.header-lang .box {height:34px;width:90px;cursor:pointer;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;padding-left:50px;}
.header-lang .box em {margin:0 7px;line-height:18px;font-size:13px;color:#000;text-transform:uppercase;}
.header-lang .box i {width:15px;line-height:18px;font-size:14px;text-align:center;color:#000;}
.header-lang .lang-box {width:200px;padding:15px;position:absolute;right:-70px;top:42px;z-index:200;background:#fff;transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);opacity:0;visibility:hidden;transition:all 0.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:12px;display:block;}
.header-lang ul li a:hover {color:var(--link-color-hover);}
.header-lang ul li img {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);}



.dastra_nav_area.prefix{background-color:rgba(0,0,0,0.7);position:fixed;left:0;right:0;top:0;z-index:9999;transition:0.5s;}
.dastra_nav_area.prefix .dastra_menu > ul > li > a {color:#fff;}
.dastra_nav_area.prefix .dastra_menu > ul > li.current > a {color:#edb509;}

.dastra_nav_area.prefix  .main-search-menu  .em-header-quearys  .em-quearys-menu  i {color:#fff;}

.dastra_nav_area.prefix .header-lang .box em,.dastra_nav_area.prefix .header-lang .box i{color:#fff;}

/*询盘*/
.cd-popup.is-visible{
	opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup{
	display: block;
	position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 1000;
}
.cd-popup .div_info{
	position: absolute;
	top: 120px;
	left: 50%;
    transform: translateX(-50%);
	float: none;	
	max-height: 80%;
	overflow: auto;
}
.cd-popup .div_info{
	width: 50%;
	padding: 55px;
	background: #fafafa;
	box-shadow: 2px 3px 10px rgba(0,0,0,0.1);
}
.cd-popup .div_info h3{
	padding-bottom: 20px;
	font-size: 28px;
	color: #333;
	line-height: 24px;
    letter-spacing: 1px;
}

.cd-popup .div_info input,.cd-popup .div_info textarea{
	display: block;
	width: 100%;
	height: 62px;
	margin:0 auto;
	margin-top: 20px;
	padding-left: 30px;
	font-size: 16px;
	border:none;
	background: #fafafa;
	border: 1px solid #eee;
	outline: none;
}
.cd-popup .div_info button{
	width: 100%;
	height: 66px;
	font-size: 15px;
	color: #fff;
	background: var(--color-primary);
	margin-top:36px;
	border:none;
	outline: none;
    letter-spacing: 1px;
    font-family: 'Montserrat-Bold';    
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.cd-popup .div_info button:hover{
	background: #2054b5;
	cursor: pointer;
}
.cd-popup .div_info textarea{
	height: 197px;
	padding: 20px 30px 20px 30px;
    line-height: 30px;
}
.cd-popup .cd-popup-close{
	position: absolute;
	right: 7%;
	top: 41px;
	font-size: 42px;
	color: #999;
}
.cd-popup .cd-popup-close:hover{
	text-decoration: none;
}
.cd-popup .crmFormVali-error {
    color: #a94442;
    font-size: 12px;
    line-height: 1;
    position: absolute;
    right: 20px;
    top: calc(50% - 6px);
}
.cd-popup .input-position{
	position: relative;
}







@media (min-width:1200px) and (max-width:1440px) {
.poket-header-top {padding:10px 15px;}
.dastra_nav_area,.trp_nav_area,.transprent-menu .dastra_nav_area {padding-right:30px;padding-left:30px;}
.dastra-header-top {padding-right:30px;padding-left:30px;}
.text-left .witr_swiper_content h1,.text-left .witr_swiper_content h2,.text-left .witr_swiper_content h3,.text-left .witr_swipers_title h4,.text-right .witr_swiper_content h1,.text-right .witr_swiper_content h2,.text-right .witr_swiper_content h3,.text-right .witr_swipers_title h4 {width:74%;}
.dastra_menu > ul > li > a {margin-left:7px;margin-right:7px;}
}

@media (min-width:992px) and (max-width:1199px) {
.dastra_menu > ul > li > a {margin:45px 6px;font-size:16px;}
.dastra-header-top {padding-right:15px;padding-left:15px;}
/* New Top Menu css */ 
.poket-header-top {padding-right:20px;padding-left:20px;}
.dastra_nav_area,.trp_nav_area,.transprent-menu .dastra_nav_area {padding-right:15px;padding-left:15px;}
.text-left .witr_swiper_content h1,.text-left .witr_swiper_content h2,.text-left .witr_swiper_content h3,.text-left .witr_swipers_title h4,.text-right .witr_swiper_content h1,.text-right .witr_swiper_content h2,.text-right .witr_swiper_content h3,.text-right .witr_swipers_title h4 {width:81%;}

/*========= New Top Menu css ========*/  
.cr_top_addess.top-address p {text-align:center !important;}
.theme_cr_logo {text-align:center;margin-bottom:30px;}
.d_lg_block {display:block;}
.creative_header_address {padding-left:0;}
.em_creative_header:before {display:none;}
}

@media (min-width:10px) and (max-width:991px) {
.mobile-menu {display:block !important;}
.mobile_logo_area {display:block !important;}
.dastra-main-menu {display:none !important;}
.dastra-header-top {padding-right:0 !important;padding-left:0 !important;display:none;}
.text-right .witr_swiper_content h1,.text-right .witr_swiper_content h2,.text-right .witr_swiper_content h3,.text-right .witr_swiper_content p,.text-left .witr_swiper_content h1,.text-left .witr_swiper_content h2,.text-left .witr_swiper_content h3,.text-left .witr_swiper_content p,.text-center .witr_swiper_content h1,.text-center .witr_swiper_content h2,.text-center .witr_swiper_content h3,.text-center .witr_swiper_content p {width:85% !important;margin-left:auto;margin-right:auto;text-align:center !important;}
}

@media (max-width:767px) {
.dastra-header-top {display:none;}
.dastra_nav_area.prefix,.hbg2 {display:none;}
}

@media (min-width:10px) and (max-width:991px) {
.menu_18.top-address p span {font-size:13px;}
}

@media (min-width:10px) and (max-width:570px) {
.dastra-header-top {display:none;}
  
  .mobile_menu_logo.text-center a img{
  height:40px !important;
  }
}

                 
                 @media screen and (max-width:992px){
                 .mobile_logo_area img{
                 height:30px !important;
                 }
                   .cd-popup .cd-popup-close{
                   	top: 8px;
                   }
                   .cd-popup .div_info{
    					width: 90%;
    					padding: 30px;
                   }
                 }
                                
                                
