/* *************************** 
  Site - Project Name
  ---------------------------
  StyleSheet Index
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
   ***************************/

/* *************************** 
   $1 Website Structure Styles
   ***************************/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@font-face {
	font-family: "Avenir-Medium"; /*Avenir Medium*/
	src: url("fonts/Avenir-Medium.woff2") format("woff2"),
		 url("fonts/Avenir-Medium.woff") format("woff"),
		 url("fonts/Avenir-Medium.ttf") format("truetype"),
		 url("fonts/Avenir-Medium.eot") format("embedded-opentype"),
		 url("fonts/Avenir-Medium.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
.clear { clear:both; height:0; font-size:0; }
.inner{ padding: 2px 40px 2px; width:100%;display:flex;justify-content: space-between;}
#header{background:url(https://webtrader.puprime.com/images/webtrader_header_bg.webp) no-repeat center center;background-size:cover;}
#header .logo{ width:100%; display:block; float:left;max-width:114px;}
#header .logo img{ display:block;width:100%; height:auto;}
#header .header_menu{margin:0px; list-style:none;font-family: "Avenir-Medium";display:flex;align-items: center;max-width:500px;width:100%;}
#header .header_menu li{padding: 0px 0px 10px;margin: 0px;height: 30px;line-height: 30px;margin-right:40px;width:100%;text-align: center;position: relative;}
#header .header_menu li.live_chat_link{margin:0;}
#header .header_menu li.mt5 p a{position:relative;}
#header .header_menu li.mt5 p a:after{content:'';width:9px;height:6px;top:43%;right:-16px;background: url(/images/select_down_white.webp) center center/100% no-repeat;position:absolute;}
#header .header_menu li.mt5.blue p a:after{background: url(/images/select_up.webp) center center/100% no-repeat;}
#header .header_menu li .mt5_list{display:none;background-color: #FFFFFF;border-radius:10px;padding:11px 34px;position:absolute;left:-10%;top:100%;}
#header .header_menu li .mt5_list li{white-space:nowrap;padding:11px 0;margin:0;line-height:1.46;height:auto;}
#header .header_menu li .mt5_list li a{font-weight:normal;color:#232020;}
#header .header_menu li a{display: block;font-size: 14px;color: #FFFFFF;position: relative;text-decoration: none;font-weight: 800;white-space: nowrap;}
#header .header_menu li a:hover{ color: #006BFF;}
/* #header ul li.home_link{padding: 0px 20px 10px;} */
#header .header_menu li.home_link img{padding-right: 8px;vertical-align: sub;}
#header .header_menu li.home_link a{display: inline-block;}
#header .header_menu_left{display:flex;align-items: center;}
#header .header_menu_left .img_box{display:flex;align-items: center;}
#header .header_menu_left .header_afa_img{margin-right:25px;}
#header .header_menu_left p{color:#FFFFFF;text-align:center;}
#header .header_menu_left p span{font-weight:bold;}
#header .logo{margin-right:43px;}
#header .qr_box{position:relative;color:#FFFFFF;font-size:14px;font-weight:800;cursor:pointer;}
#header .qr_box:hover img{opacity:1;}
#header .qr_box img{position:absolute;top:155%;left:-27px;opacity: 0;transition: opacity 0.5s ease-in-out;max-width:150px;}

.header_mobile{display:none;}
.header_mobile .inner{display:block;position:relative;}
.header_mobile .header_list_box{background-color:#EBF4FF;position:absolute;top:100%;width:100%;left:0;}
.header_top{display:flex;justify-content: space-between;align-items: center;width:100%;font-size:14px;font-family: "Avenir-Medium";font-weight:800;}
.header_top .trigger{width:24px;height:24px;}
.header_list{display:none;padding-left:74px;padding-right:20px;}
.header_list li{padding:14.5px 0;position:relative;}
.header_list li a{font-size:14px;font-family: "Avenir-Medium";font-weight:800;text-decoration: none;color:#232020;}
.header_list li:hover a{color:#006BFF;}
.header_list li.mt5_list p{display:flex;justify-content: space-between;align-items: center;}
.header_list li.mt5_list ul{display:none;padding-top:14.5px;}
.header_list li.mt5_list ul li{padding:13px 0;}
.header_list li.mt5_list ul li a{color:#232020;}
.header_list li.mt5_list ul li:hover a{color:#006BFF;}
.header_list li.home_list:before,.header_list li.mt4_list:before,.header_list li.mt5_list:before{position:absolute;content:'';width:24px;height:24px;left:-35px;top:11px;}
.header_list li.home_list:before{background: url(/images/home_mobile_icon.webp) center center/100% no-repeat;}
.header_list li.mt4_list:before{background: url(/images/mt4_mobile_icon.webp) center center/100% no-repeat;}
.header_list li.mt5_list:before{background: url(/images/mt5_mobile_icon.webp) center center/100% no-repeat;}
@media (max-width: 768px){
	.inner{ padding-left:20px; padding-right:20px;flex-wrap: wrap;justify-content: center;}
	#header .logo{ float:none;display: block;}
	#header .header_menu{ text-align:center; float:none;}
}
/* @media(max-width:768px){
   #header .inner_com{display:none;}
   #header .header_mobile{display:block;}
} */
@media(max-width:1180px){
   #header .inner{flex-direction:column;align-items: center;}
}

@media (max-width: 500px){
	#header .header_menu li.live_chat_link{margin: 0px 5px 0;}
	#header .header_menu li.home_link{padding: 0 0 10px;}
   #header .header_menu li .mt5_list{
      position: relative;
      left: 0;
      top: 0;
      z-index: 99;
   }
   #header .header_menu li{
      margin: 0;
   }
   #header .header_menu{
      flex-wrap: wrap;
   }
   #header .header_menu li.mt5 p a:after{
      right: 15px;
   }
   #header .header_menu_left,#header .header_menu_left .img_box{flex-direction:column;}
   #header .header_menu_left .header_afa_img{margin-bottom:10px;margin-right:0;}
   #header .logo{margin-right:0;}
   #header .qr_box img{top:75%;left: 50%;transform: translate(-50%, 10px);}
}