html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, fieldset, form, label, input, button, select, textarea, img, table, th, td, article, aside, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ padding:0; margin:0; border: 0 none; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,"Microsoft YaHei"; font-weight:400}
article, aside, footer, header, menu, nav, section { display: block}
html{ font-size:100%}
body { font-size:1em; line-height:1.5; background-color:#fff; width:100%; position:relative; color:#333; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; min-height: 1000px;}
*{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
@-webkit-viewport{ width:device-width }
@-moz-viewport{ width:device-width }
@-ms-viewport{ width:device-width }
@-o-viewport{ width:device-width }
@viewport { width: device-width }
:-moz-placeholder,::-moz-placeholder { color:#aaa; text-overflow:ellipsis}
::-ms-input-placeholder { color:#aaa; text-overflow:ellipsis}
::-webkit-input-placeholder { color:#aaa; text-overflow:ellipsis}
a{ color:#333; text-decoration:none; cursor:pointer; outline:none}
a:hover{color:#7db82a}
strong{ font-weight:500}
.clear{ clear:both}
.clear:after{ content:""; clear:both; display:block; height:0}
.hidden{ display:none!important}
.disb{ display:block!important}
.t_center{ text-align:center}
.t_right{ text-align:right}
.fright{float:right}
.fleft{float:left}
p, dl, ol{ margin:0 0 16px 0}
form .red{ clear:both; position:relative; top:-0.625em; margin-bottom:0.375em; font-size:14px}
form{ position:relative;}
button::-moz-focus-inner{ border:0; padding:0; margin:0}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset; border-bottom:1px solid rgba(0,0,0,0.54)}
button, input, select, textarea, img, .button{ font-size:1em; vertical-align:middle; outline:none}
.button:hover{ opacity: 0.9; }
.input_wrapper,.textarea_wrapper{ height:3em; margin-bottom:16px; position:relative; border-bottom:1px solid rgba(0,0,0,0.54); z-index:1}
.textarea_wrapper{ height: auto}
input, textarea{ border:none; background-color:transparent; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-appearance:none; -moz-appearance:none; margin:0}
select{ border:#888 1px solid; border-radius: 5px; padding: 10px 0 10px 10px; background-color:transparent; background: url(../images/common.png?201908271841) no-repeat right -350px; background-size: 20px 650px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; -webkit-appearance:none; -moz-appearance:none;}
textarea{ padding:0; line-height:3em; height:12em; resize:none; width:100%}
input[type="text"]{ padding:0.5em 0; line-height:2em; width:100%} 
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer}
.placeholder{ color:#ccc; font-size:1em; line-height:2; position:absolute; z-index:-1; pointer-events:none; left:0; top:0.5em; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

.form-row{ margin-bottom: 1.5em; }
.form-row input.form-input{   appearance: none;    background: #fff;    border: #888 1px solid; border-radius: 5px;  padding: .5em; width: 100%; line-height: 1.5em;}
.form-row input.form-input:focus{ background: #fafcee; }
.form-row .form-label{ color: #666; }
.form-actions{margin: 0 auto 1.5em;    max-width: 75rem;    width: 100%;    display: block;    text-align: center;}
.form-actions:after, .form-actions:before {    content: " ";    display: table;}
.form-row input[name="captcha"]{ max-width: 150px; }

.form-error {    background: #FEF1EC;    border: 1px solid #CD0A0A;    color: #CD0A0A;    padding: 3px;    border-radius: 5px;    margin-bottom: 15px;}
.form-success {    background: #edf6e1;    border: 1px solid #7db82a;    color: #7db82a;    padding: 3px;    border-radius: 5px;    margin-bottom: 15px;}
.form-error a,
.form-success a{ color: #7db82a }


.container{ margin: 0 auto; max-width: 1200px; position: relative;}

.header{  border-bottom: #eaeaea 1px solid; }
.header_top{ background: #323537; color: #fff; min-height: 40px;}
.language_box{ color: #fff; font-size: 0.85em; float: left; margin-left: 2px;  background: url(../images/language_icon.svg) no-repeat 0 11px; background-size: 16px 57px; padding-left: 13px; }
.language_box .selected{ position: relative; display: inline-block; padding-right: 14px; cursor: pointer; min-height: 40px; line-height: 40px; padding-left: 10px;}
.language_box .selected:before, .language_box .selected:after{ content:""; display:block; position:absolute; width:7px; height:1px; background-color:#fff; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 0px; top:50%; margin-top:-2px}
.language_box .selected:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:-2px; right: -4px;}
.language_box .lang_switcher{ display: none; position: absolute; top: 35px; left: 0px; z-index: 3; background: #fafcee; color: #333; border-radius: 5px; padding: 10px 25px; box-shadow: 0 0 1px rgba(0,0,0,0.5); min-width: 120px;}
.language_box .lang_switcher ul li{  list-style: none;  border-bottom: #eaeaea 1px solid}
.language_box .lang_switcher ul li:last-child{ border: 0 }
.language_box .lang_switcher ul li:hover a{color:#7db82a}
.language_box .lang_switcher ul li a{ display: block; padding: 10px 25px; margin: 0 -25px; }
.language_box .lang_switcher ul li a.active{ position: relative; }
.language_box .lang_switcher ul li a.active:before, .language_box .lang_switcher ul li a.active:after{ content:""; display:block; position:absolute; width:5px; height:2px; background-color:#7db82a; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 31px; top:54%; margin-top:-2px}
.language_box .lang_switcher ul li a.active:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:-3px; right: 24px; width: 10px;}

.flag{ display: none; width: 24px; height: 16px; vertical-align: middle; margin-right: 10px; background: url(../images/common.png?201908271841) no-repeat 0 0; }
.icon-flag-en_CN{ background-position: 0 -24px; }
.icon-flag-zh_CN{ background-position: 0 -24px; }
.icon-flag-ko_KR{ background-position: 0 -48px; }
.icon-flag-ru_RU{ background-position: 0 -72px; }

.langauge_footer{ float: right; font-size: 14px; padding-bottom: 20px; }
#logo img{ width: 188px; }
#logo{ position:absolute; top: -38px; left: 0 }


.header_right{ float: right; padding: 7px 0 0; font-size: 0.85em; position: relative;}
.button{ border: #fff 1px solid; border-radius: 5px; background: #fff; padding: 6px 15px; }
.button_login{ background: none; color: #fff; margin-right: 5px;}
.header_right .button_register{ color: #333 !important; }
.header_right .button_login{ margin-left: 10px; }
.header_right > a{ color: #fff; display: inline-block; padding: 3px 4px; }
.header_right > a.nav_mobile{ display: none; }
.button_invitefriends{ background: none; color: #fff; margin-right: 5px;}
.button_help{ background: none; color: #fff; margin-right: 5px;}
.header_right .button_username{ color: #333; padding-right: 20px; position: relative; padding-left: 10px; }
.header_right .button_username:before, .header_right .button_username:after{ content:""; display:block; position:absolute; width:7px; height:1px; background-color:#333; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 8px; top:50%; margin-top:-2px}
.header_right .button_username:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:-2px; right: 4px;}
.header_right .nav_more{ padding-right: 20px; position: relative; }
.header_right .nav_more:before, .header_right .nav_more:after{ content:""; display:block; position:absolute; width:7px; height:1px; background-color:#fff; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 8px; top:50%; margin-top:-1px}
.header_right .nav_more:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:-1px; right: 4px;}
.header_right > a.header_icon_favorites,
.header_right > a.header_icon_messages,
.header_right > a.header_icon_bonus,
.header_right > a.header_icon_cards,
.header_right > a.header_icon_visited,
.header_right > a.header_icon_me{background:url(../images/headerlink_icon.png) no-repeat 0 2px; background-size: 20px 280px; padding-left: 23px; margin-right: 10px;}
.header_right > a.header_icon_favorites{ background-position: 0 -215px; }
.header_right > a.header_icon_messages{ background-position: 0 -175px; }
.header_right > a.header_icon_bonus{ background-position: 0 -71px; }
.header_right > a.header_icon_cards{ background-position: 0 -103px; }
.header_right > a.header_icon_visited{ background-position: 0 -33px; }
.header_right > a.header_icon_me{ background-position: 0 2px; }
.header_right > a.header_icon_bonus_code{ margin-right: 10px; }
span.vip_icon{ display:inline-block; width: 43px; height: 26px; vertical-align: middle; background:url(../images/vip_icon.png) no-repeat 0 0; background-size: 43px 50px;}
span.vip_icon.expired{ background-position: 0 -28px; }


.login-over{ display: none; position: absolute; top: 31px; right: 1px; z-index: 103;background: #fff; color: #333; border-radius: 5px; padding: 10px 20px; box-shadow: 0 0 1px rgba(0,0,0,0.5);}
.login-over ul{ list-style: none; }
.login-over ul li{ border-bottom: #eaeaea 1px solid}
.login-over ul li:last-child{ border: 0 }
.login-over ul li a{ display: block; padding: 10px 20px; margin:0 -20px;}
.login-over ul li a:hover{ color: #7db82a; }

.header_center{ padding: 18px 0;}
.header_center .main_menu{ display: block; vertical-align: middle; padding: 0; margin:0 40% 0 188px; text-align: center;}
.header_center .main_menu li{ list-style: none; display: inline-block; padding: 0 40px 0 0;}
.header_center .main_menu li:last-child{ padding-right: 0 !important; }
.header_center .main_menu li a{ font-size: 18px; padding-bottom: 5px;}
.header_center .main_menu li a:hover,
.header_center .main_menu li a.selected{ color: #7db82a; border-bottom:#7db82a 2px solid;}
.header_center .main_menu li.new:after{ content: "new"; background: #f6463c; font-size: 10px; color: #fff; margin-left: 3px; border-radius: 5px; display: inline-block; padding:0 3px; -webkit-transform: scale(0.9); }

.header_bottom{ border-top: #eaeaea 1px solid; height: 40px; background: #fff }
.extraheaderlinks ul{ text-align: justify; height: 40px; }
.extraheaderlinks ul:before{content:"";display:block;width:100%;}
.extraheaderlinks ul:after{content:"";display:inline-block;width:100%;}
.extraheaderlinks ul li{ list-style: none; display: inline-block;}
.extraheaderlinks ul li a{ color: #666; font-size: 14px; line-height: 40px; }
.extraheaderlinks ul li a:hover{ color: #7db82a }
.header a.highlightlink,
.header a.highlightlink:hover{ display: inline-block; color: #ff6000; font-weight: bold; }

.extraheaderlinks .moreehl {  position: absolute;   right: 0;  top: 8px; width: 30px; height: 24px;   z-index: 1;  padding-right: 22px; display: none; cursor: pointer;}
.extraheaderlinks .moreehl:before, .extraheaderlinks .moreehl:after{ content:""; display:block; position:absolute; width:7px; height:1px; background-color:#7db82a; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 12px; top:50%; margin-top:0px}
.extraheaderlinks .moreehl:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:0px; right: 8px;}
.expand .extraheaderlinks .moreehl:before{ right: 8px; }
.expand .extraheaderlinks .moreehl:after{ right: 12px; }

.addthis_inline_share_toolbox_5wga{position: absolute; display: none; padding: 7px 0px 0px 4px; width:180px; right:28px; bottom: -5px; border: #eaeaea 1px solid;border-radius: 5px;background: #fff; box-shadow: 1px 1px 5px rgba(153,153,153,.3)}

.search-form { float: right; border: #eaeaea 1px solid; border-radius: 5px; width: 40%; min-height: 36px; margin-top: -3px; position: absolute; top: -2px; right: 0;}
.search {  position: relative; height: 36px;}
.search .dropdown {  position: absolute;  height: 36px;  left: -1px;  top: 0px;  overflow: hidden;  z-index: 1; border-radius: 5px 0 0 5px;}
.search .dropdown .caret:before, .search .dropdown .caret:after{ content:""; display:block; position:absolute; width:7px; height:1px; background-color:#333; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 12px; top:50%; margin-top:0px}
.search .dropdown .caret:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:0px; right: 8px;}
.search .dropdown-hover,
.search .dropdown:hover {  overflow: visible}
.search .dropdown-menu {  position: static;  display: block; border-radius: 8px 0 0 0; border: 0;  border-left: 1px solid #ddd;  box-shadow: none;  min-width: 0;  text-align: center;  padding: 0;  margin: 0}
.search .dropdown-menu:hover{border-bottom: 1px solid #ddd;}
.search .dropdown-item { list-style: none;  padding: 0 22px 0 8px;  line-height: 36px;  cursor: pointer;  font-size: 14px;  background-color: #fafcee;  border-right: 1px solid #ddd;  text-align: left}
.search .dropdown-item.selected {  border-bottom: 1px solid #ddd;  border-left-color: transparent}
.search .dropdown-item:hover {  background: #fafcee}
.search .input-box,.search .input-focus { width: 100%;  background-color: transparent;  border: 0;  font-size: 14px;   float: left;  outline: 0;  padding: 8px 30px 8px 10px;  height: 36px;  color: #8c8c8c}
.search .input-box::-ms-clear,.search .input-focus::-ms-clear {  display: none}
.search .input-focus {  color: #252525}
.search .twitter-typeahead{ width: 100%; }
.tt-menu {  box-shadow: 2px 3px 3px 0 rgba(0,0,0,.15);  border-radius: 0 0 4px 4px;  border-color: #ddd; width: 100%; background: #fff; border: #eaeaea 1px solid; padding:5px 10px -10px; text-align: left; position: absolute;     top: 100%;    left: 0px;   z-index: 100;}
.tt-menu ul{ padding: 5px 0; }
.tt-menu li.ui-menu-item{ list-style: none; padding: 4px 10px; margin: 0 1px; }
.tt-menu li.ui-menu-item:hover{ background: #fafcee }
.tt-menu .result {  width: auto;  color: #404040;  float: left; font-size: 12px; line-height: 150%; }
.tt-menu .result b {  color: #404040}
.tt-menu .result strong{ font-weight: bold; }
.tt-menu .cashback {  width: auto;  color: #ff6000;  float: right;  text-align: right;  font-weight: 700; font-size: 12px; line-height: 150%;}
.tt-menu .tt-suggestion.link .result {  color: #3E751A}
.tt-menu .tt-suggestion.link .result.blogs {  width: auto}
.tt-menu .tt-suggestion.link.tt-cursor,.tt-menu .tt-suggestion.link:hover {  font-weight: 400}
.tt-menu .tt-suggestion a{ line-height: 2em;    font-size: 14px; }
.tt-menu .tt-suggestion a:after,.tt-menu .tt-suggestion a:before {  content: "";  display: table}
.tt-menu .tt-suggestion a:after {  clear: both}
.tt-menu .tt-url{ border-top: #111 1px solid; padding-top: 5px; }
#search-form-image { cursor: pointer;  width: 44px;  height: 32px;  border: 0;  border-radius: 0 5px 5px 0; position: absolute;  right: 2px;  top: 2px; background: #6FA91D url(../images/common.png?201908271841) no-repeat 14px -125px;}
.search .tt-menu {  box-shadow: none;  border-radius: 0 0 4px 4px;  border:0; cursor: pointer; }
.search .tt-menu ul{  box-shadow: 2px 3px 3px 0 rgba(0,0,0,.15);  border-radius: 0 0 4px 4px;  border-color: #ddd; width: 100%; background: #fff; border: #eaeaea 1px solid;}


.cashbacktool{ margin-left:20px; float:left; font-size: 0.85em;}
.cashbacktool a{ color:#fff; line-height:40px; margin-right: 12px;}
.message_tips{ height:16px; line-height:16px; background:#f6463c; color:#fff; border-radius:13%; font-size:12px; display:inline-block; text-align:center; letter-spacing:-1px; padding: 0 4px;}
.button_username .message_tips{ position:absolute; top:0; right:0; margin-right:-16px; margin-top:-7px}
.alert_icon,
.tips_icon{ height:24px; width: 24px; line-height:24px; background:url(../images/alert_icon.png) no-repeat 0 0; background-size: 20px 20px;  display:inline-block; vertical-align: middle; margin-left: 3px;}
.tips_icon{background:url(../images/tips_icon.png) no-repeat 0 0; background-size:16px 16px; width: 16px; height: 19px; }


.ui-helper-hidden-accessible {	border: 0;	clip: rect(0 0 0 0);	height: 1px;	margin: -1px;	overflow: hidden;	padding: 0;	position: absolute;	width: 1px;}

footer{ background-color:#32323b; padding:75px 0 28px 0; position: relative; min-height: 320px;}
footer:before{ content: "";  height: 320px; background: url(../images/footer_img.jpg) no-repeat center 0; width: 100%; position: absolute; top: 0; left: 0; }
footer ul{ float:left; width:25%; padding:0 30px 20px}
footer ul li{ font-size:14px; color:rgba(255,255,255,0.78); line-height:1.8; list-style: none; padding-bottom: 15px;}
footer ul li:nth-child(1){font-size: 16px; font-weight: 700; padding-bottom: 25px; display: inline-block; }
footer ul li a{ font-size:14px}
footer ul li a, footer ul li a:hover, .copyright a, .copyright a:hover{ color:#b8b8bb;}
.copyright{  padding:28px 30px 0 30px; margin-top:8px; clear:both; font-size:14px; color:rgba(255,255,255,0.78)}
.copyright address{ display:inline; font-style:normal; color: #b8b8bb;}
footer .pipe{color:#fff; margin: 0 10px; font-size: 14px;}
.copyright_footer{ font-size: 12px; }


/*bonus*/
.bonus_alert{ position: relative; }
.bonus_alert:after{content: ""; display: inline-block; height: 8px; width: 8px; background:#f6463c; border-radius: 10px; position: absolute; right: -5px;  top: 3px;}	
.header_top .header_right.show a.bonus_alert:after{ position: static; vertical-align: text-top;}
.login-over .bonus_alert:after{ right: -12px; top: -2px; }
.cs_alert{ position: relative; margin-right: 27px !important; }
.cs_alert:after{content: ""; display: inline-block; height: 16px; width: 16px;  background:url(../images/alert_icon.png) no-repeat 0 0; background-size: 16px 16px;  position: absolute; right: -16px;  top: 4px;}	


/*language*/
/*
body.ru #search .input-box, body.ru #search .input-focus{ padding-left: 110px; }
body.de #search .input-box, #search .input-focus{ padding-left: 110px; }
body.chs #search .input-box, #search .input-focus{ padding-left: 75px; }
body.ja #search .input-box, body.ja #search .input-focus{ padding-left: 80px; }*/

/*responsive*/
.navbar-toggle{ display: none; cursor: pointer; float: left; position: absolute; top: 17px; width: 30px; height: 23px; background:none; border: 0; border-top: #2f3234 3px solid; border-bottom: #2f3234 3px solid; outline: none;}
.navbar-toggle:before{ content: ""; width: 100%; height: 3px; background: #2f3234; position: absolute; top: 7px; left: 0;}
.header_center .main_menu li.nav_m,
.header_r_m{ display: none; }
.suspend{ display: none; position: fixed; z-index: 2998; right: 16px; bottom: 20px; width: 30px; height: 30px; padding:6px 5px; border-radius: 5px;  border:#9e9e9e 1px solid; background: rgba(255,255,255,0.9); }
.suspend span{ display: block; border-top: #2a2c2e 2px solid; border-bottom: #2a2c2e 2px solid; height: 16px; position: relative;}
.suspend span:before{ content: ""; position: absolute; top: 5px; background: #2a2c2e;  width: 100%; display: block; height: 2px; }

/*subscribe bar*/
.subscribebar{ position: fixed; background: #F0F5EA; padding: 30px 0; width: 100%; bottom: 0; z-index: 9999;  }
.subscribebar .container{ position: relative; padding-left: 470px; padding-right: 280px; }
.subscribebar .closebtn{ position: absolute; top: -55px; right: 60px; width: 30px; height: 30px;  background: #F0F5EA; border-radius: 30px 30px 0 0; cursor: pointer; }
.subscribebar .closebtn:before, .subscribebar .closebtn:after{ content:""; display:block; position:absolute; width:11px; height:1px; background-color:#666; -webkit-transform:rotate(45deg); transform:rotate(45deg); right:9px; top:50%; margin-top:-1px}
.subscribebar .closebtn:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:-1px; }
.subscribeimg{ position: absolute; bottom: -30px; left: 80px; width: 390px; height: 210px; background: url(../images/subscribeimg_pc.png); background-size: cover; }
.subscribetxt{ display: inline-block; }
.subscribetxt p{ color: #666; margin-bottom: 0 }
.subscribetxt p.subtitle{ font-size: 22px; color: #333; margin-bottom: 5px; font-weight: bold; line-height: normal; }
.subscribebtn{ position: absolute; top: 50%; right: 90px; margin-top: -25px; }
.subscribebar .button_subscribe{display: inline-block; background: #ff6000; border: #ff6000 1px solid;  color: #fff; font-size: 18px; text-align: center;  min-width: 180px; padding: 10px 15px;}
.subscribebar .button_subscribe.button_subscribed{background: #ffe9dc; border: #ff6000 1px solid;  color: #ff6000;}

/*ccpa bar*/
.ccpabar{ position: fixed; background: #F0F5EA; padding: 20px 0; width: 100%; bottom: 0; z-index: 9999;  }
.ccpatxt{ display: inline-block; }
.ccpabar p{ color: #666; margin-bottom: 10px; line-height: normal; }
.ccpabar p.subtitle{ font-size: 18px; color: #333; margin-bottom: 5px; font-weight: bold; line-height: normal; }
.ccpabar p a{ color: #7db82a; }
.ccpabtn{ text-align: center; }
.ccpabtn .button_ccpa{display: inline-block; background: #ff6000; border: #ff6000 1px solid;  color: #fff; font-size: 18px; text-align: center;  min-width: 180px; padding: 10px 15px;}

/*shop*/
body.en header .search-form{ width: 30%; }
body.en header .header_center .main_menu{ margin-right: 30%; }

/*ana header*/
.header_ana{ border: 0; }
.header_ana #logo{ top: -52px; }


/*msg topbar*/
.msgtopbar{ position: relative; background: #fcfb00; padding: 13px 0; color: #333; text-align: center; font-size: 18px;}
.msgtopbar a.close{ position: absolute; top: 0; right: 0px; width:18px; height: 18px; background: #FFAB78; border-radius: 24px; display: none;}
.msgtopbar a.close span{ position: relative; padding-right: 19px; }
.msgtopbar a.close span:before,.msgtopbar a.close span:after{ content:""; display:block; position:absolute; width:8px; height:1px; background-color:#fff; -webkit-transform:rotate(45deg); transform:rotate(45deg); right: 6px; top:50%; margin-top:-3px; z-index: 3;}
.msgtopbar a.close span:after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.msgtopbar .msgtopbar_alert_icon{ display: inline-block; width: 28px; height: 28px; margin-right: 20px; vertical-align: middle; background: url(../images/msgtopbar_icon.png) no-repeat; background-size: contain; }
.msgtopbar .button_msg{ margin-left: 10px;   border: 0;  color: #f33c3c; font-size: 18px; text-decoration: underline; min-height: 24px; line-height: 24px; text-align: center; border-radius: 5px; padding: 3px 5px; word-break: keep-all; display: inline-block;}


@media (max-width:1280px){
	.container{ padding: 0 10px; }	
	.language_box .lang_switcher{ left: 0; }	
	.header_center .main_menu li{ padding-right: 30px; }
	body.ru .header_center .main_menu li a{  font-size: 14px; }
	.header_right{ padding-top: 8px; }
	.header_right > a,
	.login-over ul li a,
	.cashbacktool a,
	.language_box .selected,
	.language_box .lang_switcher ul li a{ font-size: 0.9em; }
	.cashbacktool{ margin-left: 10px; }
	.cashbacktool a{ font-size: 0.9em }
	.header_right > a{ padding: 3px 3px 3px 25px; }
	.header_right > a.button{ padding: 3px; }
	.header_right > a.header_icon_bonus_code{  padding-left: 0; }
	#logo{left: 10px;} 	
	.search-form { right: 10px}


}

@media (max-width:1023px){	
	body{ min-height: 0 }
	.header_center .container{ text-align: center; padding: 0 20px; }
	.header span.vip_icon{ display: none; }
 	.header_center .main_menu{ display: none; margin: 0;  padding-left: 20px; }
 	.header_center .main_menu li.new::after{float: left;    margin-top: -34px;    margin-left: 73px;}	
 	.header_top{ position: absolute; min-height: 0; height: 0; top: 22px; left: 70px; background: none; z-index: 9999; width: calc(100% - 70px);}
 	.header_top .header_right{ top: 82px; right: 0px; min-width:260px; background: #fafcee; padding: 0;     max-width: 300px;   float: none;   position: fixed;display: none;height: 100%;   overflow-y: auto; padding-bottom: 82px;}
 	.header_top .header_right a{    font-size: 16px;    display: block;    padding: 12px 20px; color: #333; border-bottom: #eaeaea 1px solid; border-left: #eaeaea 1px solid; min-width: 260px;}
 	.header_top .header_right a.nav_mobile{ display: block; }
 	.header_top .header_right a.nav_more,
 	.header_top .header_right a.nav_pc{ display: none; }
 	.header_top .header_right.show{ display: block; box-shadow: -10px 10px 10px rgba(0,0,0,0.3)}
 	.header_top .header_right.show .login-over{ display: block !important; background: #fafcee;}
 	.login-over{ display: block; position: static; box-shadow: none; padding: 0 20px }
 	.login-over ul li{ border-bottom: 0 }
 	.language_box{ background-position: 0 -30px; }
 	.language_box .selected{  color: #333; }
 	.language_box .selected:before, .language_box .selected:after{ display: none; }
 	.language_box .selected i:before{ content: "";border-left: #eaeaea 1px solid; display: inline-block; height: 18px; position: absolute; left: -10px; } 	
 	.language_box .lang_switcher{ width: 240px; left: 10px; }
 	.language_box .lang_switcher.lang_fix{ display: none !important; }
 	.language_box .lang_switcher ul li{ position: relative; }
	.language_box .selected,
	.language_box .lang_switcher ul li a{ font-size: 1em; } 	
 	.language_box .selected .flag{ position: absolute; left: 0; top: 0; }
 	.header_center{ padding: 13px 0; min-height: 74px; }
	#logo{ position: static; } 	
 	#logo img{  height: 55px; width: auto;}
 	.search-form{ display: none; }
 	.search-form.show{ display: block; box-shadow: 0px 10px 10px rgba(0,0,0,0.3)}
 	.search-form{ width: 100% !important; float: none; position: absolute; top: 69px; left: 0; background:#fff; padding: 10px 20px; border: 0; border-radius: 0; z-index: 9999; margin-top: 0 }
 	.search{border: #eaeaea 1px solid; height: 38px;}
	footer:before{ background-size: 100% 100%; height: 72px; }

	.tt-menu .result,
	.tt-menu .cashback { width: auto; height: auto; }

	.navbar-toggle{ display: block; }
	.header_center .main_menu.show{ display: block; box-shadow: 10px 10px 10px rgba(0,0,0,0.3);}
	.header_center .main_menu{ position: fixed; z-index: 9999; left: -20px; top: 82px; min-width: 300px; max-width: 360px; background:#fafcee; height: 100%;  overflow-y: auto;  padding-bottom: 82px; }
	.header_center .main_menu li{ display: block; text-align: left; padding-right: 0; border-bottom: #eaeaea 1px solid; border-right: #eaeaea 1px solid; background:#fafcee; }
	.header_center .main_menu li a{ font-size: 16px; display: block;  padding: 12px 20px;}
	.header_center .main_menu li a:hover,
	.header_center .main_menu li a.selected{ border-bottom: 0; }
	.header_center .main_menu li.nav_m{ display: block; }
	.header_center .main_menu li.register a{ color:#ff6000 }
	body.ru .header_center .main_menu{ padding-left: 20px }
	body.ja .header_center .main_menu li,
	body.ru .header_center .main_menu li{padding-right: 0px;}

	.header_r_m{display: block; position: absolute; right: 20px; top: 15px; z-index: 5}
	.header_r_m a{ vertical-align: middle; display: inline-block; width: 24px;height: 24px; text-indent: -9999px; background: url(../images/common.png?201908271841) no-repeat 0 -561px; background-size: 24px 780px; }
	.header_r_m a.button_account{ background-position: 0 -595px; margin-left: 15px; position: relative; }
 	.header_r_m a.button_account:before{ content: "";border-left: #eaeaea 1px solid; display: inline-block; height: 18px; position: absolute; left: -10px;  top: 4px;} 	
 	.header_r_m a.button_account_login{ background-position: 0 -753px; }
 	.header_r_m a.message_alert:after{content: ""; display: inline-block; height: 8px; width: 8px; background:#f6463c; border-radius: 10px; position: absolute; right: 3px;  top: -2px;}	
 	.header_r_m a.button_account_login.isvip{ background-position: 0 0;  }

	footer{ text-align: center; min-height: 0; padding-top: 30px; }
	footer ul{ float: none; width: auto; padding: 0;  display: inline-block; }
	footer ul li:nth-child(1){ display: none; }
	footer ul li{ display: inline-block; padding-bottom: 10px; }
	footer ul li a:after{ content: "|"; display: inline-block; margin: 0 5px; font-size: 10px; }
	footer ul.support li:last-child a:after{ display: none; }
	.copyright{ padding-top: 0; }

	.langauge_footer{ float: none; padding-bottom: 15px }
	.at-resp-share-element.at-mobile .at-share-btn{ margin-right: 2px !important; }

	.cashbacktool{ display: none; }

	/*new homepage*/
	.navbar-toggle{ border-bottom: 0 }
	.navbar-toggle:before{ content: ""; width: 80%; height: 3px; background: #2f3234; position: absolute; top: 7px; left: 0;}
	.navbar-toggle:after{ content: ""; width: 60%; height: 3px; background: #2f3234; position: absolute; top: 17px; left: 0; }
	.header{box-shadow:0px 1px 2px rgba(0,0,0,0.1)}

	.suspend{ display: block; }
	.account_menu{ display: none; position: fixed; top: 82px; right: 0; background: #fafcee; min-width: 260px; z-index: 9999;  height: 100%;   overflow-y: auto; padding-bottom: 82px;}
	.account_menu.show{ display: block; box-shadow: -10px 10px 10px rgba(0,0,0,0.3)}
	.scrolldisable{ overflow: hidden; height: 100%;}
	.mask{ position: fixed; top: 82px; right: 0px; bottom: 0px; left: 0px; z-index: 2999; background-color: rgb(0, 0, 0); opacity: 0.75; width: 100%; height: 100%;}

	.header_bottom{ position: relative;  }
    .extraheaderlinks{ margin: 0;  overflow-x: scroll;}
    .extraheaderlinks::-webkit-scrollbar {    display: none;}
    .extraheaderlinks:after{content: "";width: 40px;height: 40px; border-radius:0 5px 5px 0; position: absolute; right: 0px;top: 0px;display:block; background-image:-moz-linear-gradient(left , rgba(255, 255, 255, 0) 0px,rgba(255, 255, 255,1) 80%);background-image:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255, 255, 255,1) 80%);background-image:-o-linear-gradient(left , rgba(255, 255, 255, 0) 0px,  rgba(255, 255, 255, 1) 80%);}    
    .extraheaderlinks ul{ text-align: left; height: auto; margin-right: 30px; width: 1024px; }
    .extraheaderlinks ul:after{ display: none; }
    .extraheaderlinks li {	float: left; list-style: none; text-align: center;}
    .extraheaderlinks a {	display: block; text-align: center; padding: 0 8px; }
    body.chs .extraheaderlinks a,
    body.cht .extraheaderlinks a{ padding:0 25px; }


    .header_bottom.expand{height: auto;}
    .header_bottom.expand .extraheaderlinks ul{ width: auto; }
    .header_bottom.expand .extraheaderlinks li {	float: left; list-style: none; width: 25%;}

	.subscribebar .container{  padding-left: 360px; padding-right: 0 }
 	.subscribeimg{ width: 320px; height: 174px; left: 20px;}
 	.subscribebtn{ position: static; margin-top: 10px; }

 	.cs_alert:after{ position: static; vertical-align: text-top; margin-left: 5px; }


}

@media (max-width:768px){
	.language_box{ background:none; margin-left: -22px }
	.language_box .lang_switcher{ left: -23px; }
 	.header_top .language_box .selected{ text-indent: -9999px; line-height: 0 }
	.header_top .language_box .selected .flag{ display: inline-block;	    color: #333;    background: none;    line-height: normal;    text-indent: 0;    font-style: normal;}

	footer ul{ display: block; }
	footer ul li:last-child a:after{ display: none; }
	footer .pipe{ margin: 0 5px; }	

    .extraheaderlinks .moreehl{ display: block; }	
    .header_bottom.expand .extraheaderlinks li {	width: 33%; }
    body.chs .extraheaderlinks a,
    body.cht .extraheaderlinks a{ padding:0 15px; }    
    body.chs .header_bottom.expand .extraheaderlinks a,
    body.cht .header_bottom.expand .extraheaderlinks a{ padding:0 8px; }

	.subscribebar .container{  padding-left: 0px; padding-right: 0; text-align: center; }
 	.subscribeimg{ width: 50px; height: 33px; left: 10px; top: -40px; background:url(../images/subscribeimg_mobile.png); background-size: cover; }
 	.subscribebar .closebtn{ right: 10px; }

}

@media (max-width:560px){ 
	.header_bottom.expand .extraheaderlinks li{ width: auto; }
}

@media (max-width:480px){ 
}