@charset "utf-8";
/*
Theme Name: Ultimarket WP
*/
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/FontAwesome.otf');
  src: url('fonts/fontawesome-webfont.eot') format('embedded-opentype'),
  url('fonts/fontawesome-webfont.woff') format('woff'),
  url('fonts/fontawesome-webfont.woff2') format('woff2'),
  url('fonts/fontawesome-webfont.svg') format('svg'),
  url('fonts/fontawesome-webfont.eot') format('eot'),
  url('fontawesome-webfont.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeue"; /*HelveticaNeue Regular*/
  src: url("fonts/helveticaneue.eot");
  src: url("fonts/helveticaneue.eot?#iefix") format("embedded-opentype"), url("fonts/helveticaneue.woff") format("woff"), url("fonts/helveticaneue.ttf") format("truetype"),
    url("fonts/helveticaneue.svg#helveticaneue") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica Neue Italic";
  src: url("fonts/HelveticaNeue-Italic.eot");
  src: url("fonts/HelveticaNeue-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeue-Italic.woff2") format("woff2"),
    url("fonts/HelveticaNeue-Italic.woff") format("woff"), url("fonts/HelveticaNeue-Italic.ttf") format("truetype"),
    url("fonts/HelveticaNeue-Italic.svg#HelveticaNeue-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue Bold";
  src: url("fonts/HelveticaNeue-Bold.eot");
  src: url("fonts/HelveticaNeue-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeue-Bold.woff2") format("woff2"),
    url("fonts/HelveticaNeue-Bold.woff") format("woff"), url("fonts/HelveticaNeue-Bold.ttf") format("truetype"),
    url("fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue BoldItalic";
  src: url("fonts/HelveticaNeue-BoldItalic.eot");
  src: url("fonts/HelveticaNeue-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeue-BoldItalic.woff2") format("woff2"),
    url("fonts/HelveticaNeue-BoldItalic.woff") format("woff"), url("fonts/HelveticaNeue-BoldItalic.ttf") format("truetype"),
    url("fonts/HelveticaNeue-BoldItalic.svg#HelveticaNeue-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue Medium";
  src: url("fonts/HelveticaNeue-Medium.eot");
  src: url("fonts/HelveticaNeue-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeue-Medium.woff2") format("woff2"),
    url("fonts/HelveticaNeue-Medium.woff") format("woff"), url("fonts/HelveticaNeue-Medium.ttf") format("truetype"),
    url("fonts/HelveticaNeue-Medium.svg#HelveticaNeue-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue MediumItalic";
  src: url("fonts/HelveticaNeue-MediumItalic.eot");
  src: url("fonts/HelveticaNeue-MediumItalic.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeue-MediumItalic.woff2") format("woff2"),
    url("fonts/HelveticaNeue-MediumItalic.woff") format("woff"), url("fonts/HelveticaNeue-MediumItalic.ttf") format("truetype"),
    url("fonts/HelveticaNeue-MediumItalic.svg#HelveticaNeue-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* 2023/05/04 add AtHauss fonts*/

@font-face {
  font-family: "AtHauss-Retina";
  src: url("fonts/AtHauss-Retina.otf"),
		url("fonts/AtHauss-Retina.woff2"),
		url("fonts/AtHauss-Retina.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AtHauss-Black";
  src: url("fonts/AtHauss-Black.otf"),
	  url("fonts/AtHauss-Black.woff2"),
	  url("fonts/AtHauss-Black.woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AtHauss-RetinaItalic";
  src: url("fonts/AtHauss-RetinaItalic.otf"),
	  url("fonts/AtHauss-RetinaItalic.woff2"),
	  url("fonts/AtHauss-RetinaItalic.woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AtHauss-Semibold";
  src: url("fonts/AtHauss-Semibold.otf"),
	  url("fonts/AtHauss-Semibold.woff2"),
	  url("fonts/AtHauss-Semibold.woff");
  font-weight: normal;
  font-style: normal;
}
 
@font-face {
  font-family: "AtHauss-Medium";
  src: url("fonts/AtHauss-Medium.otf"),
  url("fonts/AtHauss-Medium.woff2"),
  url("fonts/AtHauss-Medium.woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AtHauss-Thin";
  src: url("fonts/AtHauss-Thin.otf"),
	  url("fonts/AtHauss-Thin.woff2"),
	  url("fonts/AtHauss-Thin.woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AtHaussMono-Regular";
  src: url("fonts/AtHaussMono-Regular.otf "),
  url("fonts/AtHaussMono-Regular.woff2 "),
  url("fonts/AtHaussMono-Regular.woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "At Hauss Mono";
  src: url("fonts/At_Hauss_Mono.otf ");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Baskervville-Italic';
  src:url('/wp-content/themes/ultimarkets_wp/fonts/Baskervville-Italic.woff') format('woff'),
  url('/wp-content/themes/ultimarkets_wp/fonts/Baskervville-Italic.woff2') format('woff2'),
  url('/wp-content/themes/ultimarkets_wp/fonts/Baskervville-Italic.svg') format('svg'),
  url('/wp-content/themes/ultimarkets_wp/fonts/Baskervville-Italic.eot') format('eot'),
  url('/wp-content/themes/ultimarkets_wp/fonts/Baskervville-Italic.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}

*,
*:before,
*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {background: #D9D9D9;-webkit-text-size-adjust: 100%;height: 100%;}
body {background: #f3f4f0;font-size: 13px;color: #ecede9;font-family: "AtHauss-Retina","HelveticaNeue", Arial, Helvetica, sans-serif;}
a {color: #ffffff;text-decoration: none;outline-style: none;}
a:hover {color: #ffffff;text-decoration: none;}
p {line-height: 1.5;margin: 0px 0px 25px;}
li {list-style: none outside none;}
strong,
b {font-weight: normal;font-family: "Helvetica Neue Bold";}
em,
i {font-style: normal;font-family: "Helvetica Neue Italic";}
strong em,
em strong {font-style: normal;font-family: "Helvetica Neue BoldItalic";}
h1,
h2,
h3,
h4,
h5,
h6 {font-weight: normal;margin-bottom: 30px;line-height: 1.2;font-family: "AtHauss-Retina";color: #11140F;}
h1 {font-size: 54px;}
h2 {font-size: 32px;}
h3 {font-size: 24px;}
h4 {font-size: 19px;}
h5 {font-size: 18px;}
h6 {font-size: 17px;}
img {max-width: 100%;height: auto;vertical-align: middle;}
hr {clear: both;margin: 40px 0;border: 0;border-bottom: 0;padding: 0px;width: 100%;background: #e1e0da;height: 1px;}
pre {white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;height: 0;font-size: 0;width: 100%;}
.alignleft {display: inline;float: left;margin: 0 30px 20px 0;}
.alignright {display: inline;float: right;margin: 0 0 20px 30px;}
.aligncenter {clear: both;display: block;margin: 0 auto 20px;}
.alignnone {clear: both;display: block;margin: 0 auto 20px;}
.tableBox {display: table;table-layout: fixed;width: 100%;height: 100%;}
.table_cellBox {display: table-cell;vertical-align: middle;}
.inner {max-width: 1320px;padding-left: 20px;padding-right: 20px;margin: 0 auto;}
.opacity_button{transition: 0.3s;}
.opacity_button:hover{opacity: 0.8;transition: 0.3s;}
.green_button{
background: url(/wp-content/themes/ultimarkets_wp/images/black_icon.svg) calc(100% - 25px) 50% no-repeat;
font-size: 24px;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
background-color: #D2FC61;
border-radius: 8px;
border: #D2FC61;
padding-left: 32px;
height: 68px;
color: #11140F;
transition: 0.3s
}
.green_button:hover{
background: url(/wp-content/themes/ultimarkets_wp/images/black_icon.svg) calc(100% - 15px) 50% no-repeat;
transition: 0.3s;
background-color: #D2FC61;
color: #000;
opacity: 0.8;
}
.black_button_green{
background: url(/wp-content/themes/ultimarkets_wp/images/green_icon.svg) calc(100% - 31px) 50% no-repeat;
font-size: 24px;
display: flex;
justify-content: space-between;
align-items: center;
max-width: 245.5px;
width: 100%;
background-color: #000;
border-radius: 8px;
border: 2px solid #000;
padding-left: 32px;
height: 68px;
color:#D2FC61 ;
transition: 0.3s;
}
.black_button_green:hover{
background: url(/wp-content/themes/ultimarkets_wp/images/green_icon.svg) calc(100% - 15px) 50% no-repeat;
background-color: #000;
color:#D2FC61 ;
transition: 0.3s;
opacity: 0.8;
}

.black_button_white{
background: url(/wp-content/themes/ultimarkets_wp/images/white_arrow_border.svg) calc(100% - 31px) 50% no-repeat;
font-size: 24px;
display: flex;
justify-content: space-between;
align-items: center;
max-width: 245.5px;
width: 100%;
background-color: #000;
border-radius: 8px;
border: 2px solid #000;
padding-left: 32px;
height: 68px;
color: #F3F4F0;
transition: 0.3s;
}
.black_button_white:hover{
background: url(/wp-content/themes/ultimarkets_wp/images/white_arrow_border.svg) calc(100% - 15px) 50% no-repeat;
background-color: #000;
transition: 0.3s;
opacity: 0.8;
}

.colorless_button{
transition: 0.3s;
font-size: 24px;
border-radius: 8px;
border: 2px solid #11140F;
padding: 24px 37px 26px 37px;
margin-right: 24px;
color: #11140F;
line-height: 0.625;
background: url(/wp-content/themes/ultimarkets_wp/images/black_icon.svg) calc(100% - 18px) 50% no-repeat;
display: flex;
justify-content: space-between;
align-items: center;
width: 245px;
}
.colorless_button:hover{
background: url(/wp-content/themes/ultimarkets_wp/images/black_icon.svg) calc(100% - 8px) 50% no-repeat;
transition: 0.3s;
opacity: 0.8;
color: #000;
}

@media (max-width:580px) {
  .colorless_button{margin-bottom: 24px;max-width: 342px;background: url('/wp-content/themes/ultimarkets_wp/images/black_icon.svg') calc(100% - 20px) 50% no-repeat;margin-right: 0px;width: 342px;}
  .colorless_button:hover{background: url('/wp-content/themes/ultimarkets_wp/images/black_icon.svg') calc(100% - 8px) 50% no-repeat;}
  .black_button_green{margin-left: 0px;width: 342px;max-width:342px;background: url(/wp-content/themes/ultimarkets_wp/images/green_icon.svg) calc(100% - 20px) 50% no-repeat;background-color: #000;}
  .black_button_green:hover{background: url(/wp-content/themes/ultimarkets_wp/images/green_icon.svg) calc(100% - 8px) 50% no-repeat;background-color: #000;}
}
.prohibit_cn_ip,
.id_ip,
.trade_win_ip_hide,
.mid_ip_hide,
.my_ip_hide{display: none !important;height: 0;visibility: hidden;}


.id_ip_show,
.prohibit_cn_ip_show{display: flex !important;height: auto;visibility: visible;}


input,
button,
textarea {outline-style: none;}
#wrapper {width: 100%;overflow: hidden;}
.clearfix:after {
content: "."; /*Add a paragraph*/
display: block; /*Let the generated elements be displayed as block level elements, occupying the remaining space*/
height: 0; /*Avoid the generated content damaging the original layout height*/
clear: both; /*Clear Float*/
visibility: hidden; /*Make the generated content invisible*/
}
.clearfix {
zoom: 1; /*IE6，7 compatible*/
}