/*@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light');
*/
@font-face {
  font-family: 'Shadows Into Light';
  src:  url('../font/ShadowsIntoLight.eot');
  src:  url('../font/ShadowsIntoLight.eot') format('embedded-opentype'),
    url('../font/ShadowsIntoLight.ttf') format('truetype'),
    url('../font/ShadowsIntoLight.woff') format('woff'),
    url('../font/ShadowsIntoLight.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Oswald';
  src:  url('../font/Oswald-Regular.eot');
  src:  url('../font/Oswald-Regular.eot') format('embedded-opentype'),
    url('../font/Oswald-Regular.ttf') format('truetype'),
    url('../font/Oswald-Regular.woff') format('woff'),
    url('../font/Oswald-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* subject box icon */
@font-face {
  font-family: 'icomoon';
  src:  url('../font/icomoon.eot');
  src:  url('../font/icomoon.eot') format('embedded-opentype'),
    url('../font/icomoon.ttf') format('truetype'),
    url('../font/icomoon.woff') format('woff'),
    url('../font/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="ico-"], [class*=" ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ico-ic_demo_account:before {
  content: "\e918";
  color: #ffffff;
}
.ico-ic_fcebook:before {
  content: "\e919";
  color: #ffffff;
}
.ico-ic_get_a_call:before {
  content: "\e91a";
  color: #ffffff;
}
.ico-ic_google:before {
  content: "\e91b";
  color: #ffffff;
}
.ico-ic_ib_registration:before {
  content: "\e91c";
  color: #ffffff;
}
.ico-ic_live_account:before {
  content: "\e91d";
  color: #ffffff;
}
.ico-ic_trophy:before {
  content: "\e91e";
  color: #ffffff;
}
.list_icon_check li:before{
	content:"\e66c";
	font-family:'Pe-icon-7-stroke';
	display:inline-block;
	width:30px;
	font-size:25px;
	vertical-align:middle;
	color:forestgreen;
	position:absolute;
	left:0;
	}
.list_icon_check li{
	padding:8px 0px 8px 0px;
	font-size:18px;
	line-height:21px;
	padding-left:30px;
	position:relative;
	}
.ico-ic_twitter:before {
  content: "\e91f";
  color: #ffffff;
}
.ico-ic_24_hour_live_forex_news:before {
  content: "\e900";
}
.ico-ic_accounts_funding:before {
  content: "\e901";
}
.ico-ic_become_an_ib:before {
  content: "\e902";
}
.ico-ic_bonus_programs_for_ibs:before {
  content: "\e903";
}
.ico-ic_Bonus_Programs_for_Individual_Clients:before {
  content: "\e904";
}
.ico-ic_bonus_programs:before {
  content: "\e905";
}
.ico-ic_Call_Our_24_7_Hotline:before {
  content: "\e906";
}
.ico-ic_compare_our_trading_platforms:before {
  content: "\e907";
}
.ico-ic_download_mt4:before {
  content: "\e908";
}
.ico-ic_economic_calendar:before {
  content: "\e909";
}
.ico-ic_faq:before {
  content: "\e90a";
}
.ico-ic_forex_101:before {
  content: "\e90b";
}
.ico-ic_join_our_promotion:before {
  content: "\e90c";
}
.ico-ic_live_chat_support:before {
  content: "\e90d";
}
.ico-ic_market_analysis:before {
  content: "\e90e";
}
.ico-ic_mymultibank_account_panel:before {
  content: "\e90f";
}
.ico-ic_our_milestones:before {
  content: "\e910";
}
.ico-ic_our_products:before {
  content: "\e911";
}
.ico-ic_our_regulations:before {
  content: "\e912";
}
.ico-ic_partnership_programs:before {
  content: "\e913";
}
.ico-ic_scalping_policy:before {
  content: "\e914";
}
.ico-ic_security_of_funds:before {
  content: "\e915";
}
.ico-ic_trading_tools:before {
  content: "\e916";
}
.ico-ic_why_multibank:before {
  content: "\e917";
}


body.components {
  background-color: #F5F6FF !important;
  font-family: "Calibri", "SF Pro", Arial, sans-serif;
  padding: 0;
  margin: 0;
}
body.modal-open {
    overflow: visible!important;
}
html,body{min-height:100%}
/* - - - - - h1, h2, h3, content - - - - - */
.mex-h1, .mex-h2, .mex-h3 {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  color: #222222;
  text-transform: uppercase;
  font-weight: 400;
}

.mex-h1 {
  font-size: 56px;
  line-height: 1.1;
  margin-bottom: 10px
}

.mex-h2 {
  font-size: 40px;
  line-height: 48px;
}

.mex-h3 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
}

.mex-content {
  font-size: 20px;
  line-height: 1.4;
  color: #222222;
  font-weight: 400;
}

.page-top-banner .mex-content, .banner-with-bg .mex-content{
  font-size: 24px;
  line-height: 1.4;
  color: #222222;
  font-weight: 400;
}

.mex-content p {
  margin-bottom: 0;
}

.mex-bold,
.mex-font-bold {
  font-weight: 400;
}

.mex-font-lighter {
  font-weight: lighter;
}

.bg-F8F8F8 {
  background-color: #F8F8F8;
}

.text-666 {
  color: #666666;
}

.text-fff {
  color: #fff!important;
  /*text-shadow: 2px 2px 5px rgba(0,0,0,0.5);*/
}

.text-000 {
  color: #000;
}

.text-F63B3B {
  color: #F63B3B;
}

.text-1e32a3{
  color: #1e32a3 ;
}

.text-000033{
  color: #000033 ;
}

.text-222{
  color: #222222 !important;
}


.text-22A0C4 {
  color: #22A0C4;
}
.shadow-box{
  box-shadow: 1px 1px 5px rgba(0,0,0,0.2)
}
.shadow-box-smooth{
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px 3px;
}

.font-22{
  font-size: 22px !important;
}

.font-24{
  font-size: 24px !important;
}


.font-34{
  font-size: 34px !important;
  line-height: 36px !important;
}
.font-40{
  font-size: 40px !important;
}

.font-type-cap{
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.4!important;
}

.clear-float{
  float:none;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
.border-blue{border: 1px solid #1E32A3!important}
/* - - - - - buttons - - - - - */

.btn.btn-mex,
.btn.btn-mex-red,
.btn.btn-mex-blue,
.btn.btn-mex-green,
.btn.btn-mex-gray,
.btn.btn-mex-outline,
.btn-mex-black {
  margin: 0;
  padding: 13px 20px;
  min-width: 180px;
  font-size: 16px;
  font-weight: 600 !important;
  line-height: 16px;
  text-align: center;
  /*text-transform: none;*/
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  outline: none;
}

/*btn-sm*/
.btn.btn-mex.btn-sm,
.btn.btn-mex-red.btn-sm,
.btn.btn-mex-blue.btn-sm,
.btn.btn-mex-green.btn-sm,
.btn.btn-mex-gray.btn-sm,
.btn.btn-mex-outline.btn-sm,
.btn.btn-mex-black.btn-sm  {
  padding: 6px 15px;
  font-size: 14px;
  line-height: 14px;
  min-width: auto;
}



/*btn-mex*/
.btn.btn-mex {
  color: #FFFFFF;
  background-color: #08a63c;
  border-color: #08a63c
}

.btn.btn-mex:hover {
  border: 2px solid #24b955;
  background-color: #24b955
}

/*btn-mex-outline*/
.btn.btn-mex-outline {
  color: #1e32a3;
  border: 2px solid #1e32a3;
  background-color: transparent;
}

.btn.btn-mex-outline:hover {
  color: #FFFFFF;
  background-color: #1e32a3;
  border-color: #1e32a3;
}

/*btn-mex-red*/
.btn.btn-mex-red {
  color: #FFFFFF;
  border: 2px solid #D10A07;
  background-color: #D10A07;
}

.btn.btn-mex-red:hover {
  background: #A90907;
  border: 2px solid #A90907
}

/*btn-mex-blue*/
.btn.btn-mex-blue {
  background: #4367f6;
  color: #fff;
  border: 2px solid #4367f6;
}

.btn.btn-mex-blue:hover {
  background: #1e69ff;
  border: 2px solid #1e69ff;
}

/*btn-mex-green*/
.btn.btn-mex-green {
  background: #1dba2f;
  color: #fff;
  border: 2px solid #1dba2f;
}

.btn.btn-mex-green:hover {
  background: #00d60a;
  border: 2px solid #00d60a;
}

/*btn-mex-gray*/
.btn.btn-mex-gray {
  background: #333;
  color: #fff;
  border: 2px solid #333;
}

.btn.btn-mex-gray:hover {
  background: #000000;
  border: 2px solid #000000;
}


.btn{
  border-radius: 0!important;
}

.btn-mex-black{
  color: #FFFFFF;
  border: 2px solid #000032;
  background-color: #000032;
}
.btn.btn-mex-black:hover {
  background: #000000;
  border: 2px solid #000000;
}


/* - - - - - mex-table - - - - - */
.mex-table {
  color: #222222;
  font-size: 18px;
  border: 1px solid #E5E5E5;
  margin-bottom: 0;
}

.mex-table tbody {
  background-color: #ffffff;
}
.mex-table tbody tr:hover {
  background-color: #f1fbfc;
}
table.dataTable tr:nth-of-type(odd){
  background-color: #f1fbfc;
}
table.dataTable thead>tr>th{background-color: #1e32a3}

.table > tbody > tr > td{
  padding: 15px 5px
}
.table > thead > tr > th{
  font-size: 20px;
  white-space: nowrap;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
  padding:6px 5px!important;
  border-bottom:0;
}
.mex-table.table > thead > tr > th,
.mex-table.table > tbody > tr > td{
  padding-left: 5px !important;
  padding-right: 5px!important;
  position: relative;
}
.mex-table.table > tbody > tr > td p{
  margin: 0
}
.mex-table.table.table-easy > thead > tr > th,
.mex-table.table.table-easy > tbody > tr > td{
  padding-left: 20px !important;
  padding-right: 20px!important
}
.table-striped > tbody > tr:nth-of-type(odd){
  background: #f1fbfc;
}
.table-striped-blue > tbody > tr:nth-of-type(odd){
  background: #F5F5FF;
}
.table-striped tbody tr:hover{
  background: #f1fbfc;
}
.table-striped-blue tbody tr:hover{
  background: #F5F5FF;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{
  position: unset!important;
  display: inline-block!important;
  margin-left: 10px;
  margin-top: 0;
  font-size: 14px;
}
/* - - - - - 2018-10-18 chanson normal block - - - - - */
.flex-box{display: flex;}
.hover-img-zoom{overflow: hidden}
.hover-img-zoom img{transition: all 0.3s ease-out;}
.hover-img-zoom:hover img{transform: scale(1.05);opacity: 0.8}
.text-overflow-1{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.text-overflow-2{
  /*overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;*/
  overflow: hidden;
  overflow-y: auto;
  line-height: 26px;
  height: 52px;
}
.text-overflow-3{
  overflow: hidden;
  overflow-y: auto;
  line-height: 26px;
  height: 78px;
}
.shadow-box-animate{
  padding: 0;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px 3px;
  transform: translate3d(0px, 0px, 0px);
  transition: transform 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
}
.shadow-box-animate:hover {
  box-shadow: 0 0.875rem 1.75rem rgba(0, 0, 0, 0.1), 0 0.625rem 0.625rem rgba(0, 0, 0, 0.1);
  position: relative;
  transform: translate3d(0px, -5px, 0px);
  transition: all 0.3s ease-in-out;
}
.box-animate{
  transform: translate3d(0px, 0px, 0px);
  transition: transform 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
}
.box-animate:hover {
  transform: translate3d(0px, -5px, 0px);
  box-shadow: 0 0.875rem 1.75rem rgba(0, 0, 0, 0.1), 0 0.625rem 0.625rem rgba(0, 0, 0, 0.1);
}
.mex-block-card .card-content-box{
  padding:20px;
}

/* - - - - - block-focus - - - - - */
section.mex-block-focus {
  width: 100%;
  height: auto;
  padding-top: 80px;
  padding-bottom: 80px;
}

section.mex-block-focus > img {
  position: absolute;
  left: 0;
  top: 0;
}

section.mex-block-focus .mex-block--focus-inner {
  height:auto;
}

section.mex-block-focus .mex-h1,
section.mex-block-focus .mex-h2,
section.mex-block-focus .mex-h3 {
  margin-bottom: 20px;
  font-weight: normal;
}

section.mex-block-focus.mini {
  height: 400px;
}

section.mex-block-focus.mini .mex-block--focus-inner {
  top: 75px;
}

section.mex-block-focus.long-text .mex-block--focus-inner {
  top: 75px;
}

/* - - - - - mex-block-card-h - - - - - */
section.mex-block-card-h {
  padding: 0;
}

section.mex-block-card-h img {

}

section.mex-block-card-h .license-content {
  padding: 8%;
}

section.mex-block-card-h .mex-h1 {
  margin-bottom: 30px;
}

/* - - - - - mex-block-card-v - - - - - */
section.mex-block-card-v {
  padding: 0;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px 3px;
  transform: translate3d(0px, 0px, 0px);
  transition: transform 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
}

.mex-block-card-v.mex-half{
  padding-bottom: 200px;
  position: relative;
}

section.mex-block-card-v .card-img-box{
  width: 100%;
  height: auto;
  margin:0;
  padding: 0;
}



section.mex-block-card-v .card-content-box{
  width: 100%;
  height: auto;
  display: inline-block;
  position: absolute;
  bottom:0;
  left: 0;
}
section.mex-block-card-v .card-content {
  padding: 20px;
}

section.mex-block-card-v .card-img-bg{
  width: 100%;
  height: auto;
  display: inline-block;
  margin-bottom: -1px;
}


section.mex-block-card-v .mex-h2 {
  margin-bottom: 20px;
}

section.mex-block-card-v .card-content-box .mex-content {
  max-height: 48px;
  /*overflow: hidden;*/
  -webkit-transition: all 0.35s ease-in-out;  transition: all 0.35s ease-in-out;
}
section.mex-block-card-v .mex-content {
  margin-bottom: 30px;
}

/*section.mex-block-card-v:hover {
  box-shadow: 0 0.875rem 1.75rem rgba(0, 0, 0, 0.1), 0 0.625rem 0.625rem rgba(0, 0, 0, 0.1);
  position: relative;
  transform: translate3d(0px, -5px, 0px);
  transition: all 0.3s ease-in-out;
}*/

/*section.mex-block-card-v:hover .card-img-box{
  transform: scale(1.02);-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;
}
*/
/*section.mex-block-card-v:hover .card-content-box .mex-content{
  max-height:200px;
}
*/

/* - - - - - mex-block-card-v mex-third - - - - - */
section.mex-block-card-v.mex-third .card-content {
  padding: 20px;
}

section.mex-block-card-v.mex-third .card-img-box{
  max-height: 273px;
  overflow: hidden;
  background-color: #FFF;
  width: 100%;
  margin: 0;
  padding: 0;
}

section.mex-block-card-v.mex-third .mex-h2 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 30px;
}

section.mex-block-card-v.mex-third .mex-content {
  margin-bottom: 30px;
}

/* - - - - - mex-block-card-v mex-qtr - - - - - */

section.mex-block-card-v.mex-qtr .card-img-box{
  max-height: 205px;
  overflow: hidden;
  background-color: #FFF;
  width: 100%;
  margin: 0;
  padding: 0;
}

section.mex-block-card-v.mex-qtr .card-img {
  height: 200px;
}

section.mex-block-card-v.mex-qtr .card-content {
  padding: 20px 15px;
}

section.mex-block-card-v.mex-qtr .mex-h2 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 15px;
}

section.mex-block-card-v.mex-qtr .mex-content {
  margin-bottom: 0;
}

/* - - - - - mex-block-full - - - - - */
section.mex-block-full {
  overflow: hidden;
  padding: 0;
  width: 100%;
}

section.mex-block-full .flex-center{
  min-height: 400px;
  position: relative;
}
section.mex-block-full .mex-img-cover{
  width: 100%;
  height: auto;
  display: inline-block;
  position: absolute;
}

section.mex-block-full .both-content{
  padding-left: 30px;
  padding-right:30px;
  z-index: 99;
}

section.mex-side-full .both-content{

}
@media (max-width:1200px){
  section.mex-block-full .mex-img-cover{
    height: 100%;
  }
}
@media (max-width:991px){
  .mex-block-full .flex-center{
    display: inline-block;
    width: 100%;
    min-height: inherit;

    box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px 3px;
    transform: translate3d(0px, 0px, 0px);
    transition: transform 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
  }


  .mex-block-full .flex-center:hover {
    box-shadow: 0 0.875rem 1.75rem rgba(0, 0, 0, 0.1), 0 0.625rem 0.625rem rgba(0, 0, 0, 0.1);
    position: relative;
    transform: translate3d(0px, -5px, 0px);
    transition: all 0.3s ease-in-out;
  }

  section.mex-block-full .mex-img-cover{
    position: static;
  }
  section.mex-block-full .both-content{
    width: 100%;
    background: #FFF;
    color: #222222;
    padding: 15px;
    text-align: center;
  }
  section.mex-block-full .both-content .mex-h2{
    text-align: center;
  }
  section.mex-block-full .both-content>div{
    text-align: left;
    color: #222222 !important;
  }
  section.mex-block-full .both-content .text-fff{
    color: #222222 !important;
  }
}



/* - - - - - mex-company-news - - - - - */
section.mex-company-news {
  padding: 0;
}

.mex-new-content-box{
 margin-top: 15px!important;
-webkit-box-shadow: rgba(0, 0, 0, 0.1)0 8px 6px -6px ;
-moz-box-shadow:rgba(0, 0, 0, 0.1)0 8px 6px -6px ;
 box-shadow: rgba(0, 0, 0, 0.1)0 8px 6px -6px ;
}
section.mex-company-news .mex-new-content {
  padding-top: 15px;
  padding-bottom: 25px;
  border-top: 1px solid #cccccc;
  background-color:#fff;
  padding:25px;
}

.mex-new-content a{
    font-weight: 400;
}

section.mex-company-news .mex-new-date {
  width: 60px;
  float:left;
}

section.mex-company-news .mex-new-img {
  width: 150px;
  height: 100px;
  float:right;
}

/* - - - - - mex-video - - - - - */
section.mex-video {
  padding: 0;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 15px;
}
section.mex-video .mex-h2{
  border-bottom: 1px solid #cccccc;
  padding-bottom: 15px;
}

section.mex-video .mex-video-content {
  margin-top: 15px;
}
.html5_video_play{
  cursor: pointer;
}

/* - - - - - mex-education - - - - - */
section.mex-education {
  padding: 0;
  margin-top: 15px;
}

section.mex-education .mex-education-content {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #cccccc;
}


/* - - - - - mex-tabs - - - - - */
.mex-tabs {
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin-bottom: 40px;
}

.mex-tabs .tab-title {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;

  opacity: 0.85;
  position: relative;

  display: inline-block;
  cursor: pointer;
}

.mex-tabs .tab-title a {
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  padding: 5px 0;

  color: #000;
}

.mex-tabs .tab-title.active a,
.mex-tabs .tab-title a:focus {
  color: #1e32a3;
}

.mex-tabs .tab-title.active {
  opacity: 1;
  color: #1e32a3;
}

.mex-tabs .tab-title.active:after {
  opacity: 1;
}

.mex-tabs .tab-title:hover {
  opacity: 1;
  color: #1e32a3;
}

/* - - - - - mex-list-icon-check - - - - - */
.mex-list-icon-check {
  list-style: none;
}

.mex-list-icon-check li {
  padding: 5px 0 5px 32px;
  font-size: 20px;
  line-height: 1.3;
  position: relative;
}

.mex-list-icon-check li:before {
    font-family: 'FontAwesome';
    content: "\f00c";
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50px;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    vertical-align: middle;
    color: #fff;
    position: absolute;
    left: 0;
    top: 7px;
    background: #1e32a3;
    margin-right: 20px;
    text-shadow: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: lighter;
}

.mex-list-conditions {
  list-style: none;
  text-align: left;
  padding-left: 15px;
}

.mex-list-conditions li {
  text-indent: -15px;
  margin-bottom: 15px;
}

.mex-list-disc {
  padding-left: 25px;
}

.mex-list-disc li {
  margin-bottom: 15px;
}

.mex-list-disc li:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #333333;
  border-radius: 10px;

  position: relative;
  margin-left: -15px;
  margin-right: 10px;
  bottom: 3px;
}

.mex-list-disc li.active {
  color: #1e32a3;
}

.mex-list-disc li.active:before {
  background-color: #1e32a3;
}

/* - - - - - mex-from - - - - - */
.form-control {
    box-shadow: none;
}
.nice-select span.current{
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.submit-form{
  box-shadow:9px 6px 32px rgba(204,204,204,0.67);
  padding-left: 0;
  padding-right: 0
}
.mex-form-item label {
  color: #666666;
  width: 100%;
}

.mex-form-item input,
.mex-form-item .mex-form-select {
  margin-bottom: 15px;
}

.mex-form-item input {
  background: #ffffff;
  border: 1px solid #ccc;
  /*width: 100%;
  height: 40px;*/
  padding-left: 15px;
  font-weight: 500;
  border-radius: 0;
  font-size: 16px
}

.mex-form-item input:focus {
  outline: 0;
  border: 1px solid #1e32a3;
}

.mex-form-item .mex-form-select {
  width: 100%;
}

.mex-form-item.mex-form-verify-code {
  padding-right: 105px;
}

.mex-form-item.mex-form-item-file .btn,
.mex-form-item.mex-form-verify-code img {
  width: 90px;
  height: 40px;
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.mex-form-item.mex-form-item-file {
  padding-right: 100px;
}

.mex-form-item.mex-form-item-file input {
  border-right-width: 0;
}

.mex-form-item.mex-form-item-file input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.mex-form-item.mex-form-item-file .btn {
  padding-top: 10px;
  min-width: 100px;
  text-transform: none;
  font-size: 14px;
}

input.current, select.current {
  background: #e3e3e3;
  border: 1px solid #ccc;
}

label.error{
  margin-bottom:15px;
  color: red;
  font-weight: normal;
}

.nice-select.mex-form-select.current{
  border: 1px solid #ccc;
}
.bg-gray.contact-us .nice-select.mex-form-select.current{
  background: #ffffff
}

/* - - - - - mex-radio - - - - - */
.mex-radio input[type=radio] {
  margin-top: 6px;
}

.mex-radio input[type=radio]:checked + span {
  color: #1e32a3;
}

/* - - - - - mex-modal - - - - - */
.get-link-modal input[type="text"]{
    height: 50px;
    margin-bottom: 0;
}
.mex-modal .modal-header {
  text-align: center;
  border-width: 0;
  padding: 30px 15px;
}

.mex-modal .modal-header button.close {
  color: #666;
  font-size: 30px;
}

.mex-modal .modal-content {
  border-width: 0;
  border-radius: 0;
  box-shadow: 0 0 0;
}

.mex-modal .modal-body {
  padding: 0 30px 30px 30px;
}

.modal-dialog button.close{
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  outline: none;
}

/* - - - - - mex-box-shadow - - - - - */
 .mex-box-shadow{
   box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px 3px;
   transform: translate3d(0px, 0px, 0px);
   transition: transform 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
 }

.mex-box-shadow:hover {
  box-shadow: 0 0.875rem 1.75rem rgba(0, 0, 0, 0.1), 0 0.625rem 0.625rem rgba(0, 0, 0, 0.1);
  position: relative;
  transform: translate3d(0px, -5px, 0px);
  transition: all 0.3s ease-in-out;
}

/* - - - - - mex-time-line - - - - - */
.mex-time-line .mex-time-events {
  padding-left: 150px;
}

.mex-time-line .mex-time-date {
  position: absolute;
  left: 0;

  width: 150px;
  text-align: center;
  font-size: 56px;

  font-weight: 300;
}

.mex-time-line .mex-time-date .mex-h1 {
  color: #1e32a3;
}

.mex-time-line .mex-time-events.striped .mex-time-date .mex-h1 {
  color: #192049;
}

.mex-time-line .mex-time-date:after {
  content: ' ';
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #1e32a3;
  border-radius: 20px;
  background-color: white;
  position: absolute;
  top: 0;
  right: -21px;
}

.mex-time-line .mex-time-events.striped .mex-time-date:after {
  border-color: #192049;
}

.mex-time-line .mex-time-event {
  border-left: 1px solid #1e32a3;
  padding-left: 50px;
  padding-bottom: 40px;
}

.mex-time-line .mex-time-events.striped .mex-time-event {
  border-color: #192049;
}

.mex-time-line .mex-time-event .mex-h3 {
  color: #1e32a3;
}

.mex-time-line .mex-time-events.striped .mex-time-event .mex-h3 {
  color: #192049;
}

/* - - - - - mex-panel - - - - - */
.mex-panel .panel-heading {
  border-radius: 0;
  border: 1px solid #E5E5E5;
  color: #222222;
  font-weight: 600;
}

.mex-panel .panel-body {
  border: 1px solid #E5E5E5;
  border-top-width: 0;
}

/* - - - - - utils - - - - - */
.mex-clamp-1,
.mex-clamp-2,
.mex-clamp-3,
.mex-clamp-4,
.mex-clamp-5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 24px;
}

.mex-clamp-1 {
  -webkit-line-clamp: 1;
  min-height: 24px;
}

.mex-clamp-2 {
  -webkit-line-clamp: 2;
  min-height: 48px;
}

.mex-clamp-3 {
  -webkit-line-clamp: 3;

  min-height: 72px;
}

.mex-clamp-4 {
  -webkit-line-clamp: 4;
  min-height: 96px;
}

.mex-clamp-5 {
  -webkit-line-clamp: 5;
  min-height: 120px;
}

.mex-cursor-pointer {
  cursor: pointer;
}

.mex-img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mex-img-contain {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mex-scrollbar {
  overflow-y: auto;
}

.mex-scrollbar::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: transparent;
}

.mex-scrollbar.scrollbar-2x::-webkit-scrollbar {
  width: 2px;
}

.mex-scrollbar::-webkit-scrollbar-track {
  /*background-color: transparent;*/
  background-color: #cccccc;
}

.mex-scrollbar::-webkit-scrollbar-thumb {
  /*background-color: transparent;*/
  background-color: #666666;
  border-radius: 15px;
}

.mex-scrollbar:hover::-webkit-scrollbar-thumb {
  background-color: #666666;
}

.uppercase {
  text-transform: uppercase !important;
}

.pos-rlt {
  position: relative;
}

.pos-stc {
  position: static !important;
}

.pos-abt {
  position: absolute;
}

.pos-fix {
  position: fixed;
}

.top-30 {
  top: 30px;
}

.top-50 {
  top: 50px;
}

.top-80 {
  top: 80px;
}

.top-100 {
  top: 100px;
}

.top-120 {
  top: 120px;
}

.top-150 {
  top: 150px;
}



.mex-p-l-0 {
  padding-left: 0 !important;
}

.mex-p-5 {
  padding: 5px !important;
}

.mex-p-h-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.mex-p-v-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.mex-p-l-5 {
  padding-left: 5px !important;
}

.mex-p-r-5 {
  padding-right: 5px !important;
}

.mex-p-t-5 {
  padding-top: 5px !important;
}

.mex-p-b-5 {
  padding-bottom: 5px !important;
}

.mex-p-15 {
  padding: 15px !important;
}

.mex-p-h-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.mex-p-v-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.mex-p-l-15 {
  padding-left: 15px !important;
}

.mex-p-r-15 {
  padding-right: 15px !important;
}

.mex-p-t-15 {
  padding-top: 15px !important;
}

.mex-p-b-15 {
  padding-bottom: 15px !important;
}
.mex-p-l-25{
  padding-left: 25px !important;	
}

.mex-p-r-25{
 padding-right: 25px !important;	
}
.mex-p-30 {
  padding: 30px !important;
}

.mex-p-h-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.mex-p-v-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.mex-p-l-30 {
  padding-left: 30px !important;
}

.mex-p-r-30 {
  padding-right: 30px !important;
}

.mex-p-t-30 {
  padding-top: 30px !important;
}

.mex-p-b-30 {
  padding-bottom: 30px !important;
}

.mex-p-40 {
  padding: 40px !important;
}

.mex-p-h-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.mex-p-v-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.mex-p-l-40 {
  padding-left: 40px !important;
}

.mex-p-r-40 {
  padding-right: 40px !important;
}

.mex-p-t-40 {
  padding-top: 40px !important;
}

.mex-p-b-40 {
  padding-bottom: 40px !important;
}

.mex-p-56 {
  padding: 56px !important;
}

.mex-p-h-56 {
  padding-left: 56px !important;
  padding-right: 56px !important;
}

.mex-p-v-56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.mex-p-l-56 {
  padding-left: 56px !important;
}

.mex-p-r-56 {
  padding-right: 56px !important;
}

.mex-p-t-56 {
  padding-top: 56px !important;
}

.mex-p-b-56 {
  padding-bottom: 56px !important;
}


.mex-p-80 {
  padding: 80px !important;
}

.mex-p-h-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.mex-p-v-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.mex-p-l-80 {
  padding-left: 80px !important;
}

.mex-p-r-80 {
  padding-right: 80px !important;
}

.mex-p-t-80 {
  padding-top: 80px !important;
}

.mex-p-b-80 {
  padding-bottom: 80px !important;
}

.mex-p-100 {
  padding: 100px !important;
}

.mex-p-h-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.mex-p-v-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.mex-p-l-100 {
  padding-left: 100px !important;
}

.mex-p-r-100 {
  padding-right: 100px !important;
}

.mex-p-t-100 {
  padding-top: 100px !important;
}

.mex-p-b-100 {
  padding-bottom: 100px !important;
}

.mex-p-none {
  padding: 0 !important;
}

.mex-p-h-none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.mex-p-v-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.mex-p-l-none {
  padding-left: 0 !important;
}

.mex-p-r-none {
  padding-right: 0 !important;
}

.mex-p-t-none {
  padding-top: 0 !important;
}

.mex-p-b-none {
  padding-bottom: 0 !important;
}

.mex-m-t-120 {
  margin-top: 120px !important;
}

.mex-m-b-120 {
  margin-bottom: 120px !important;
}

.mex-m-b-200 {
  margin-bottom: 200px !important;
}

.mex-m-t-100 {
  margin-top: 100px !important;
}

.mex-m-r-100 {
  margin-right: 100px !important;
}

.mex-m-b-100 {
  margin-bottom: 100px !important;
}

.mex-m-l-100 {
  margin-left: 100px !important;
}

.mex-m-t-80 {
  margin-top: 80px !important;
}

.mex-m-r-80 {
  margin-right: 80px !important;
}

.mex-m-b-80 {
  margin-bottom: 80px !important;
}

.mex-m-l-80 {
  margin-left: 80px !important;
}

.mex-m-t-50 {
  margin-top: 50px !important;
}

.mex-m-r-50 {
  margin-right: 50px !important;
}

.mex-m-b-50 {
  margin-bottom: 50px !important;
}

.mex-m-l-50 {
  margin-left: 50px !important;
}

.mex-m-t-40 {
  margin-top: 40px !important;
}

.mex-m-r-40 {
  margin-right: 40px !important;
}

.mex-m-b-40 {
  margin-bottom: 40px !important;
}

.mex-m-l-40 {
  margin-left: 40px !important;
}

.mex-m-t-30 {
  margin-top: 30px !important;
}

.mex-m-r-30 {
  margin-right: 30px !important;
}

.mex-m-b-30 {
  margin-bottom: 30px !important;
}

.mex-m-l-30 {
  margin-left: 30px !important;
}


.mex-m-r-20 {
  margin-right: 20px !important;
}

.mex-m-t-20 {
  margin-top: 20px !important;
}

.mex-m-b-20 {
  margin-bottom: 20px !important;
}

.mex-m-l-20 {
  margin-left: 15px !important;
}

.mex-m-r-15 {
  margin-right: 15px !important;
}

.mex-m-t-15 {
  margin-top: 15px !important;
}

.mex-m-b-15 {
  margin-bottom: 15px !important;
}

.mex-m-l-15 {
  margin-left: 15px !important;
}

.mex-m-r-10 {
    margin-right: 10px !important;
}

.mex-m-t-10 {
    margin-top: 10px !important;
}

.mex-m-b-10 {
    margin-bottom: 10px !important;
}

.mex-m-l-10 {
    margin-left: 10px !important;
}


.mex-m-r-5 {
  margin-right: 5px !important;
}

.mex-m-t-5 {
  margin-top: 5px !important;
}

.mex-m-b-5 {
  margin-bottom: 5px !important;
}

.mex-m-l-5 {
  margin-left: 5px !important;
}

.mex-m-r-none {
  margin-right: 0 !important;
}

.mex-m-t-none {
  margin-top: 0 !important;
}

.mex-m-b-none {
  margin-bottom: 0 !important;
}

.mex-m-l-none {
  margin-left: 0 !important;
}

.b {
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.b-a {
  border: 1px solid #dee5e7;
}

.b-t {
  border-top: 1px solid #dee5e7;
}

.b-r {
  border-right: 1px solid #dee5e7;
}

.b-b {
  border-bottom: 1px solid #dee5e7;
}

.b-l {
  border-left: 1px solid #dee5e7;
}

.b-light {
  border-color: #edf1f2;
}

.b-dashed {
  border-style: dashed !important;
}

.b-l-2x {
  border-left-width: 2px;
}

.b-l-3x {
  border-left-width: 3px;
}

.b-l-4x {
  border-left-width: 4px;
}

.b-l-5x {
  border-left-width: 5px;
}

.b-2x {
  border-width: 2px;
}

.b-3x {
  border-width: 3px;
}

.b-4x {
  border-width: 4px;
}

.b-5x {
  border-width: 5px;
}

.r {
  border-radius: 2px 2px 2px 2px;
}

.r-2x {
  border-radius: 4px;
}

.r-3x {
  border-radius: 6px;
}

.r-l {
  border-radius: 2px 0 0 2px;
}

.r-r {
  border-radius: 0 2px 2px 0;
}

.r-t {
  border-radius: 2px 2px 0 0;
}

.r-b {
  border-radius: 0 0 2px 2px;
}

.r-none {
  border-radius: 0;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}




/*Download Platform*/


.platforms-black{
  background-image: url(../image/img_download_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position:top center;
}
.platforms-black ul.icon-nav,.platforms-black .tab-content{
  display: inline-block;
}
.platforms-black .icon-nav > li {
  display: inline-block;
  position: relative;
  text-align: center;
  margin: 0 5px;
}

.platforms-black .icon-nav > li > a {
  color: #fff;
  padding:0 20px;
  text-align: center;
  border: 1px solid #FFF;
  border-radius: 5px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
}

.platforms-black .icon-nav > li.active > a {
  color: #0071B5;
  background: #b9e5fa;
  border:0;
}

.platforms-black .icon-nav > li.active {
  border: 0;
}

.platforms-black .icon-nav > li > a:hover {
  color: #0071B5;
  background: #b9e5fa;
}

.platforms-black .icon-nav li img {
  margin-bottom:20px;
}

.platforms-black .platform-name {
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 15px;
  color: #fff;
}

.platforms-black .platform-box {
  width: auto;
  display: inline-block;
  float: left;
  margin-top: 15px;
  margin-right: 50px;
}
.platforms-black .platform-box:last-child{
  margin-right: 0
}
.platform-icon  a{
  margin-right: 20px
}
.platform-icon  a:last-child{
  margin-right: 0
}
.platform-icon img{
  width: 40px;
  height:40px;
  display: inline-block;
}


@media(max-width: 1200px){
/*  .platforms-black .platform-name{
    text-align: left;
  }
  .platforms-black .platform-box {
    width: 100%;
  }
*/
  section.bg-gray.contact-us .border-line{
    width: 50%
  }
  section.bg-gray.contact-us .border-line:nth-child(2){padding: 0 0 0 50px;}
  section.bg-gray.contact-us .border-line:nth-child(2):before{
    border: none;
  }  
  section.bg-gray.contact-us .col-md-3.col-lg-4.col-xs-12{
    width: 60%;
    margin-left: 20%;
    background: #fff;
    padding: 20px;
    margin-top: 40px;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
  }
}

@media(max-width: 767px){
  .platforms-black .icon-nav > li {
    width: 45%;
    margin-right: 0;
    padding-right: 10px;
    text-align: center;
    margin-bottom: 15px;
  }

  .platforms-black .icon-nav > li img{
    width: 36px;
    height: 36px;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
  }

  .platforms-black .icon-nav > li a{
    margin: 0 auto;
    display: block;
  }
  .platforms-black .tab-content .tab-pane > div{
      padding: 20px!important;
      display: inline-block;
      margin: 0 10px;
  }
  section.bg-gray.contact-us .border-line{
    width: 60%;
    margin-left: 20%;
    margin-bottom: 40px;
  }
  section.bg-gray.contact-us .border-line:nth-child(2){padding:inherit}
  section.bg-gray.contact-us .col-md-3.col-lg-4.col-xs-12{
    width: 60%;
    margin-left: 20%;
    background: #fff;
    padding: 20px;
    margin-top: 40px;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
  }
}
@media(max-width: 690px){
   section.bg-gray.contact-us .border-line{
    width: 100%;
    margin-left: inherit;
  } 
  section.bg-gray.contact-us .col-md-3.col-lg-4.col-xs-12{
    width: 100%;
    margin-left: inherit;
    margin-top: 0
  }
section.mex-company-news .mex-new-img {
  width: 100px;
  height: 100px;
  float:right;
}

}
@media(max-width: 380px){
  .platforms-black .icon-nav > li {width: 100%}
}
/* footer */
.contact-us a{color: #333}
.table-responsive{border: none;}
/*
.table-responsive{position: relative;}
.table-responsive:after{
  border: 1px solid #dddddd;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  pointer-events: unset;
}
*/

.table br{
  display: block;
}
/*Choose Where to go next*/

.choose-next-background{
  background-image: url("../image/multibank_pro_choose_where_to_go_next@2x.jpg");
  background-repeat: no-repeat;
  background-size:cover;
}
.choose-next-background.subject-box-bg-light{
  background-image: url(../image/fund_your_account_choose_where_to_go_next_bg.png);
}

.icon-next-list>ul{
  display: inline-block;
  justify-content: center;
  margin-bottom: 0;
  border-left: 1px solid #D7D7D7;
  border-top: 1px solid #D7D7D7;
}
.icon-next-list>ul>li{
  width: 16.666%;
  height: auto;
  border-right:1px solid #D7D7D7;
  border-bottom:1px solid #D7D7D7;
  text-align: center;
  float:left;
  transition: box-shadow 0.2s ease-in-out;  
}
.icon-next-list [class^="ico-"], .icon-next-list [class*=" ico-"]{
    font-size: 8rem;
    margin: 44px auto 20px auto;
    display: block;
    transition: all 0.2s
}

.icon-next-list>ul>li>a>svg{
  width: 50%;
  max-width: 90px;
  display: block;
  margin:44px auto 20px auto;
}
.icon-next-list>ul>li>a{
  font-size: 22px;
  color: #222222;
  width: 100%;
/*  height: 100%;*/
  display: block;
  font-weight: bold;
}
.icon-next-list .mex-content{
  font-weight: 600;
}

.icon-next-list>ul>li:hover {
  box-shadow: 0 0.875rem 1.75rem rgba(0, 0, 0, 0.1), 0 0.625rem 0.625rem rgba(0, 0, 0, 0.1);
  background: #FFF;
}

.icon-next-list>ul>li:hover .cls-1{
  fill:#F22D00;
}
.icon-next-list>ul>li svg{
  transition: all 0.2s ease-in-out;
}
.icon-next-list>ul>li:hover svg,.icon-next-list>ul>li:hover [class^="ico-"], .icon-next-list>ul>li:hover [class*=" ico-"]{
  transform: scale(1.15);
  color: #F22D00
}

.icon-next-list>ul>li:hover a .mex-content{
  color:#F22D00
}
@media(max-width: 414px){
  .icon-next-list>ul>li>a>svg{
    width: 35%;
    margin: 32px auto 20px auto;
  }
  .mymex_hidden .mymex_btn span{display: none;}
}
/*
.icon-next-list>ul>li>a:hover .mex-content{
  color:#1e32a3;
}
*/

/* 2018-10-18 chanson contact us */
.contact_section {
    position: relative;
    display: inline-block;
    background-color: #fff;
    max-width: 1024px;
    margin: 35px auto;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}
.text-left {
    text-align: left !important;
}
.text-justify {
    text-align: justify; !important;
}
.country_list li a {
    color: #222;
    display: block;
}
.country_list li img {
    margin-right: 8px;
}


/*Table*/
.table > tbody > tr > td,
.table > thead > tr > th{text-align: center;vertical-align: middle;}

.table-background{
  background-image: url("../image/multibank_pro_fx_spread_table@2x.png");
  background-repeat: no-repeat;
  background-size:cover;
  background-position:top center;
}
.sub-title{
  font-size: 26px;
  color: #2e2e2e;
}

.mex-table thead {
  color: white;
  background-color: #1e32a3;
}

/*
2018-10-17 chanson comment out

.table-content table tbody{
  display: block;
  max-height: 490px;
  overflow-y: scroll
}

.table-content table thead,.table-content tbody tr {
  display:table;
  width:100%;
  table-layout:fixed;
}

.table-content table thead {
  width: calc( 100% )
}
*/

/*
2018-10-17 chanson add auto scroll class
 */

.table-incomplete {
    max-height: 545px;
    overflow-y: auto;
}
.table-incomplete table{border:none}
.table-incomplete > table > thead > tr > th {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 10;
    background-color: #1e32a3;
}
.table-incomplete::-webkit-scrollbar {/*滚动条整体样式*/
  width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.table-incomplete::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 2px;
  background: #1e32a3;
}
.table-incomplete::-webkit-scrollbar-track {/*滚动条里面轨道*/
  border-radius: 2px;
  background: rgba(204, 204, 204, 0.2);
}


::-webkit-scrollbar{
  width: 4px;
  height: 2px;  
  display: block;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #1834a7;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: rgba(237, 237, 237, 0.1);
}

/*去掉默认边框*/
.table-content>table > thead > tr > th{
  border: none;
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  line-height: 1.2
}
@media (max-width: 767px){
  .table-content>table > thead > tr > th br {
      display: block;
  }
}

@media (max-width: 991px){
  .about-flag{padding-right: 25px!important;text-align: center!important;}
  .about-country {
    padding-left: 15px!important;
    text-align: center!important;
  }
}

/*book-background*/
.book-background{
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-image: url('../image/multibank_pro_platform_advantages@2x.png')
}
.book-content{
  padding:80px;
}
.book-content-outer{
  width: 100%;
/*  height: 480px;
  overflow:hidden;*/
}
.book-content-inner{
  width: 100%;
  height: 490px;
  display: flex;
  justify-content: space-between;
  overflow-x: hidden;
  overflow-y: auto;
}
.book-content-inner::-webkit-scrollbar{
  width: 2px;
  height: 2px;  
  display: block;
}
.book-content-inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #1834a7;
}
.book-content-inner::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: rgba(237, 237, 237, 0.6);
}
.book-content-ul{
  list-style: none;
}

.book-content-ul li{
  font-family: 'Segoe Print';
  padding-left: 16px;
  font-size: 26px;
  line-height: 50px;
  position: relative;
}
/*
advantage
 */
.avant-memo{
  background-image: url(../image/avant-memo-bg.jpg);
  background-position: top center;
  background-color: #3e4048;
}
.avant-memo-contianer{
  background: url(../image/avant-memo.png) top center no-repeat;
  background-size: contain;
  padding-top: 180px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 80px;
}
.avant-memo-contianer:after{
    display: inline-block;
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 50%;
    left: 0;
    right: 0;
    background-color: #e2e5e7;
    border-left: 2px solid #75777d;
    border-right: 1px solid #75777d;
}

/* book */

.avant-book{
  background-image: url(../image/avant-book-bg.jpg);
  background-position: top center;
  background-color: #c69567;
}
.avant-book-contianer{
    background: url(../image/avant-book.png) top center no-repeat;
    padding-top: 9vw!important;
    padding-bottom: 80px;
    background-size: 100% auto;
}
/*.avant-book .row{margin: 0 -200px 0 -200px;}*/
.avant-book .avant-book-contianer .container{padding: 0 120px 0 120px;position: relative;}
.avant-book .book-content-inner{
    height: 29vw!important;
    width: auto;
    max-height: 480px;
    position: relative;
    margin: 0 2vw;
    font-family: 'Shadows Into Light', cursive;
}
.avant-book .book-content-ul li{font-family: 'Shadows Into Light', cursive;}
.avant-memo .book-content-ul li{
  font-family: 'Shadows Into Light', cursive;
  margin-left: 30px;
  padding-left: 0;
}

.book-content-inner>div:nth-child(1) .book-content-ul{}
.book-content-ul{
  list-style: disc;
  margin-left: 15px;
}

/* ipad */
.avant-pad{
  background-image: url(../image/avant-pad-bg.jpg);
  background-position: top center;
  background-color: #c69567;
}
.avant-pad-contianer{
    background: url(../image/avant-pad.png) top center no-repeat;
    background-size: 100% auto;
    padding-top: 9vw!important;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 80px;
}
.avant-pad .row{margin: 0 -200px 0 -200px;}
.avant-pad .avant-pad-contianer .container{padding: 0 160px 0 160px;position: relative;}
.avant-pad .book-content-inner{
    height: 29vw!important;
    max-height: 440px;
    position: relative;
    background: #c7c7c6;
   /* padding: 0 50px;*/
}
/*.avant-pad-contianer:after{
    display: inline-block;
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 50%;
    left: 0;
    right: 0;
    background-color: #e2e5e7;
    border-left: 2px solid #75777d;
    border-right: 1px solid #75777d;

}*/
.avant-pad .book-content-inner span.li_left{
    color: #959595;
    font-size: 56px;
    font-style: italic;
    vertical-align: middle;
}

.avant-pad .avant-pad-contianer .container:after{
    display: inline-block;
    content: "";
    position: absolute;
    bottom: 0;
    height: 60px;
    left: 0;
    right: 0;
    background-image: linear-gradient(to top,#c8c8c6,#c8c8c600);
    margin: 0 160px;
    pointer-events: none;
}
.fixed-height-overflow-container{
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
    background: #e4e7e9;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    z-index: 1
}
@media (min-width: 1200px){
  .avant-pad-contianer{
    padding-top: 100px!important
  }
}
@media (min-width: 1920px){
  .avant-book-contianer{background-position-y: bottom;margin-bottom: -1px;}
  .avant-pad-contianer{background-position-y: top;}
}
@media screen and (max-width:  1199px){
  .avant-pad .avant-pad-contianer .container{padding: 0 8vw;}
  .avant-pad .avant-pad-contianer .container:after{margin: 0 8vw;}
}

@media screen and (max-width:  767px){
  .avant-pad .row{
    margin: unset;
  }
  ul.mex-list-conditions.new-product li{
    margin-bottom: 0!important;
  }

  .avant-memo-contianer{
    background: url(../image/avant-memo-s.png) top center no-repeat;
    background-size: cover;
    padding-top: 22vw!important;
    padding-bottom: 20px;
  }
  .avant-memo-contianer:after{display: none;}
  .avant-memo > .container > .row{margin:0;}
  .fixed-height-overflow-container{background: none}
  .avant-pad-contianer{
    background: url(../image/avant-pad-s.png) top center no-repeat;
    background-size: cover;
    padding-top: 16vw!important;
    padding-bottom: 20px;
  }
  .avant-pad .book-content-inner{height: 80vw!important;background: none;}
  .avant-pad .avant-pad-contianer .container{padding: 0 9vw;}
  .avant-pad .avant-pad-contianer .container:after{margin: 0 9vw}

  .avant-book .book-content-inner{height: 80vw!important;}  

  .about-our-advantages.avant-pad ul li .li_left{
    left: 0;
    line-height: 1;
    font-size: 36px
  }
  .about-our-advantages.avant-pad ul.mex-list-conditions.new-product li {
      padding-left: 0;
      margin-left: 0;
  }  
  .about-our-advantages.avant-pad .mex-list-conditions{padding-left: 0}
  .about-our-advantages ul li .li_right{top: 0;font-size: 18px; line-height: 1.4;}
  .about-our-advantages .book-content-inner .col-md-12{padding: 0}

  .book-content-ul li{font-size: 20px;line-height: 1.6;}
}

@media screen and (max-width:  992px){
  .avant-book-contianer{
    background: url(../image/avant-book-s.png) top center no-repeat;
    background-size: 100% auto;
    padding: 9vw;
    padding-top: 12vw!important;    
  }
  .avant-memo-contianer{padding-top: 12vw}
}
@media (max-width: 441px){
  .choose-next-background li{
    font-size: 18px!important;
    line-height: 1.6!important;
  }
}
/*index offices*/

.index-offices .swiper-container{ padding-left: 20px; padding-right: 20px;}
.index-offices .swiper-slide{
  width: 33.33%;
  background: none;
  padding-left: 40px;
  padding-right: 40px;
}

.index-offices section.mex-block-card-v{
  box-shadow: none;
}
@media (max-width: 1200px){
  .index-offices .swiper-slide{
    padding-left: 21px;
    padding-right: 21px;
  }
}
@media (max-width: 991px){
  .index-offices .swiper-slide{
    width: 50%;
  }
}

@media (max-width: 767px){
  .mex-block-h600{min-height: unset;}
  .en_footer {
      width: 90%;
  }
  .mex-m-t-100 {
    margin-top: 40px !important;
  }
  .mex-p-t-100 {
      padding-top: 40px !important;
  }
  .mex-m-b-100 {
      margin-bottom: 40px !important;
  }
  .mex-m-b-80 {
      margin-bottom: 40px !important;
  }
  .mex-m-t-80 {
      margin-top: 40px !important;
  } 
  .mex-p-b-40 {
      padding-bottom: 5px !important;
  } 
  .mex-m-t-50{
      margin-top: 30px !important;
  }
  .mex-m-t-30{
    margin-top: 15px !important;
  }
  .mex-m-t-40{
      margin-top: 20px !important;
  }  
  .mex-m-b-40{
      margin-bottom: 20px !important;
  }
  .mex-p-t-80{
    padding-top: 40px!important;
  }
  .index-offices .swiper-slide{
    width: 100%;
  }
  .page-top-banner .mex-content, .banner-with-bg .mex-content{font-size: 20px}  
  .mex-content p {font-size: 18px; }
  .mex-content {font-size: 18px; }
  .about_career_page .mex-list-disc{font-size: 18px}
  section.mex-block-focus{padding-top: 40px;padding-bottom: 40px;}
  .mex-table{font-size: 16px}
}

.index-offices .col-sm-offset-1{
  margin-left: 0;
  margin-right: 0 !important;
  padding: 0;

}

/*PLATFORMS*/
/*PLATFORMS*/
.platforms_content{
  background: #FFF;
  padding: 20px;
}
.platforms_content h4 img{
  width: 36px;
  height: 36px;
  display: inline-block;
  margin-bottom: 10px;
}
.platforms_content h4 span{
  display: block;
}
.platforms_img{
  padding-top: 0;
}

.index-platforms .col-md-6{
  margin-bottom: 15px;
}

.index-platforms-img{
  position: absolute;
  right: 4%;
  top:21%;
}

.index-platforms .btn{
  padding: 6px 10px !important;
}
.index-platforms .container {
  background: url(../image/home_platforms@2x.jpg) no-repeat right top;background-size: auto 100%;
}
@media (max-width:1200px) {
  .index-platforms  .container {
    background: none;
    padding-bottom: 0 !important;
  }
}

.field_row-6 .field_row{
  width: 44%;
  float: left;
  margin-bottom: 10px;
}

.field_row-6 form{
  display: inline-block;
}
.field_row-6 .input-row{
  width: 100%;
  clear: both;
}

.field_row-6 .field_row input[type="text"],.field_row-6 .field_row .mex-form-select{
  border:1px solid #CCCCCC;
  background: none;
  height: 40px;
  line-height: 40px;
  margin-bottom: 0;
  outline:none;
  width:100%
}

.field_row-6 .field_row:nth-child(2n+1){
  margin-right: 10%;
}



/* index-awards */

.index-awards .swiper-slide{
  width: 33.33%;
}

@media (max-width: 991px){
  .index-awards .swiper-slide{
    width: 50%;
  }
}

@media (max-width: 767px){
  .index-awards .swiper-slide{
    width: 100%;
  }
}

.index-awards .product_img{
  background: none;
}

.index-awards .product_content span{
  color:#FFF;
}





/* swiper-container-global-presence */

#swiper-container-global-presence{ width: 60%;min-height: 520px }
#swiper-container-global-presence .swiper-slide{
  width: 33.33%;
  background: none;
  margin-top: 50px;
}

#swiper-container-global-presence .card-img-box{
  max-height: inherit;
}
#swiper-container-global-presence .swiper-slide-next{
  width: 40%;
}

#swiper-container-global-presence section.mex-block-card-v{
  box-shadow: none;
}

.global-presence .swiper-button-next{
  right: 15%;
  top:500px;
  outline: none;
}
.global-presence .swiper-button-prev{
  left: 15%;
  top:500px;
  outline: none;
}
.home_page .global-presence .swiper-button-prev,.home_page .global-presence .swiper-button-next{
  top:60%;
}
@media (min-width: 1919px){
  #swiper-container-global-presence .width-40 .mex-img-cover{height: 13vw!important}
}

#swiper-container-global-presence .width-40 ,#swiper-container-global-presence .width-40 section{
  transform: scale(1.14);
}
#swiper-container-global-presence .width-40 section{
    box-shadow: 0 20px 30px rgba(0,0,0,0.3);
}

#swiper-container-awards .width-40 ,#swiper-container-awards .width-40 section{
  transform: scale(1.1);
  overflow: visible;
}
#swiper-container-awards .width-30,#swiper-container-awards .width-30 section{
  transform: scale(0.9);
}

#swiper-container-global-presence .width-30,#swiper-container-global-presence .width-30 section{
/*  transform:translate(4%,4%);
*/  z-index:-1;
margin-right:1px;
}

#swiper-container-global-presence section:before{
  content:'';
  background: rgba(0,0,0,0.2);
  position: absolute;
  top:0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9;
}
.width-30{opacity: 0.8}
#swiper-container-global-presence .width-40 section:before{
  display: none;
}

#swiper-container-global-presence .card-content{
  padding: 15px;
}


/*PARTNERSHIP card*/
.mex-card-cover{
  padding: 0;
  height: 360px;
}
.mex-card-cover .card-content{
  position: absolute;
  bottom: 0;
  padding-bottom: 15px;
  left: 0;
  background: none;
  width: 100%;
  padding-left: 15px;
  padding-top: 50px;
  padding-right: 15px;
  background-image: linear-gradient(to top,rgba(29, 53, 76, 0.9686274509803922),rgba(32, 32, 32, 0))
}

/*.col-lg-8 .mex-card-cover .card-content{
  max-width: 500px;  
}
*/
.mex-card-cover div{
  color:#FFF;
}

@media (max-width: 767px){
  .mex-card-cover{  
    height: auto;
  }
  .swiper-pagination-bullet{
    height: 10px;
    width: 10px
  }
  .swiper-button-next, .swiper-button-prev{
    width: 8vw!important;
    height: 8vw!important
  }
  #swiper-container-global-presence section:before{display: none;}
  #swiper-container-global-presence section.mex-block-card-v.mex-third .mex-content,#swiper-container-global-presence section.mex-block-card-v.mex-third .mex-content br{display: block;}
}

@media (max-width: 414px){
  .col-lg-8 .mex-card-cover .mex-img-cover{
    width: auto; 
  }
}






/*contact-us*/
.contact-us .border-line li{
  font-size: 20px;
  width: 100%;
  display: inline-block;
}

.contact-us .contact-country li{
  height:26px;
  display: inline-block;
  line-height: 26px;
  margin-bottom: 20px;
  color: #222222;
  font-size: 18px;
}
.contact-country .country-icon{
  width: 26px;
  height:26px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 2px;
}


.contact-us i{
  font-size: 20px;
  display: inline-block;
  margin-right: 5px;
}
.facebook{
  color: #3c5a97;
}
.twitter {
  color: #1da2f3;
}

.youtube {
  color: #ff0000;
}

.linkedin {
  color: #0274b3;
}

.contact-live-chat{
  width: 235px;
}


.contact-email svg{
  width: 23px;
  height: 23px;
  margin-right: 10px;
  fill: #1e32a3;
  margin-top: 6px;
  float: left;"
}


.contact-us .border-line{
  padding-right: 50px;
}
.contact-us .border-line:before{
  content:'';
  height: 400px;
  position: absolute;
  right: 25px;
  top:20px;
  border-right: 1px solid #777575;
}
::placeholder,::placeholder {
  font-family: "Calibri", "SF Pro", Arial, sans-serif;
  font-size: 16px;
  text-transform: none;
  font-weight:500;
  letter-spacing:0
}


@media (min-width:1200px){
  .contact-us .border-line{
    padding-right: 100px;
  }
  .contact-us .border-line:before {
    right: 50px;
  }
}


.contact-email{
  height: 30px;
  line-height: 30px;
}
.contact-email i{
  margin-top: 6px;
  float: left;
  margin-right: 10px;
}
.contact-email a{
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-weight: 300;
  float: left;
}

.contact-social-media img{
  display: inline-block;
  width:40px;
  height:40px;
}

.contact-social-media .home_contact_us_chat_now{
  width: 150px;
  height: auto;
}


/* - - - - - xs - - - - - */
@media (max-width: 767px) {
  /* utils */
  .mex-xs-p-none,
  .col-xs-p-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .mex-xs-p-l-none,
  .col-xs-p-l-none {
    padding-left: 0 !important;
  }

  .mex-xs-p-r-none,
  .col-xs-p-r-none {
    padding-right: 0 !important;
  }

 .mex-h1 {
    font-size: 36px;
    margin-bottom: 15px;
    line-height: 1.6;
  }

  section.mex-block-focus.long-text .mex-block--focus-inner {
    top: 25px;
  }

  /* mex-block-full */
  section.mex-block-full > .block-text {
    padding: 0 15px;
  }

  section.mex-block-full.mex-img-both > div {
    /*margin-bottom: 30px;*/
  }

  /* - - - - - mex-tabs - - - - - */

  .tablist{
    display: inline-block;
    width: 100%;
  }

  
  .mex-tabs {
    padding-bottom: 0;
  }

  .mex-tabs li {
    width: 100%;
    margin-bottom: 1px;
  }

  .mex-tabs .tab-title:after {
    display: none;
  }

  .mex-tabs .tab-title {
    padding: 0 0;
  }

  .mex-tabs .tab-title span {
    line-height: 16px;
  }

  /* - - - - - mex-list-icon-check - - - - - */
  .mex-list-icon-check li {
    padding: 2px 0 2px 24px;
    font-size: 18px;
    line-height: 1.6;
  }

  .mex-list-icon-check li:before {
    height: 20px;
    width: 20px;
    line-height: 20px;
    top: 6px;
  }

  /* - - - - - mex-time-line - - - - - */
  .mex-time-line .mex-time-events {
    padding-left: 100px;
  }

  .mex-time-line .mex-time-date {
    width: 100px;
  }

  .mex-time-line .mex-time-date .mex-h1 {
    font-size: 40px;
  }

  .mex-time-line .mex-time-event {
    padding-left: 40px;
    padding-bottom: 30px;
  }

  /*CHOOSE WHERE TO GO NEXT*/
  .icon-next-list>ul>li{
    width: 25%;
  }
  .icon-next-list>ul>li>a>img{
    width: 50%;
    height: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .icon-next-list .mex-content{
    font-size: 16px;
  }

  /*2018-10-17 chanson*/
  .page-top-banner .container{width: 90%}
}



/* - - - - - xs, sm - - - - - */
@media (max-width: 991px) {
  /* mex-block-full */
  section.mex-block-full {
    height: auto;
    padding-bottom: 18px;
  }
  section.mex-block-full>div{
    margin-bottom: 30px;
    padding: 0;
  }

  /*book*/
  .book-content-inner{
    display: inline-block;
  }
  .block-img.mex-m-r-100{
    margin-right: 0 !important;
    margin-left: 0!important;
  }
  .avant-pad .book-content-inner{padding: 0}

  .contact-us .border-line{
    padding-right: 0;
  }
  .contact-us .border-line:before{
    content:none;
  }
 .mex-h1 {
    font-size: 42px;
    margin-bottom: 15px;
    line-height: 1.6;
  }

}



/* - - - - - sm - - - - - */
@media (min-width: 768px) and (max-width: 991px) {
  /* utils */
  .mex-sm-p-none,
  .col-sm-p-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .mex-sm-p-l-none,
  .col-sm-p-l-none {
    padding-left: 0 !important;
  }

  .mex-sm-p-r-none,
  .col-sm-p-r-none {
    padding-right: 0 !important;
  }

  section.mex-block-card-v .card-content {
    padding: 20px;
  }

  section.mex-block-card-v .mex-h2 {
    margin-bottom: 20px;
  }

  section.mex-block-card-v .mex-content {
    margin-bottom: 30px;
  }

  /* mex-block-card-v mex-half */
  section.mex-block-card-v.mex-half .card-content {
    padding: 20px;
  }

  section.mex-block-card-v.mex-half .mex-h2 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 20px;
  }

  section.mex-block-card-v.mex-half .mex-content {
    margin-bottom: 20px;
  }

  section.mex-block-card-v.mex-third .card-content {
    padding: 30px 15px;
  }

  section.mex-block-card-v.mex-third .mex-h2 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 20px;
  }

  section.mex-block-card-v.mex-third .mex-content {
    margin-bottom: 20px;
  }

  section.mex-block-card-v.mex-third .btn-mex-outline {
    padding: 6px 15px;
    font-size: 14px;
    line-height: 14px;
    min-width: auto;
  }

}

@media (max-width: 992px) {
  /*CHOOSE WHERE TO GO NEXT*/
  .icon-next-list>ul>li{
    width: 33.3333%;
  }
}

@media (max-width: 600px) {
  /*CHOOSE WHERE TO GO NEXT*/
  .icon-next-list>ul>li{
    width: 50%;
  }
}

@media (max-width: 441px) {

  .mex-content{
    font-size:18px;
  }

  .mex-h1{
    font-size: 28px;
  }
  .mex-h2 {
    font-size: 22px;
    line-height: 1.6;
    font-weight: 400;
  }


  .btn.btn-mex, .btn.btn-mex-red, .btn.btn-mex-blue, .btn.btn-mex-green, .btn.btn-mex-gray, .btn.btn-mex-outline, .btn-mex-black{
    padding: 10px 15px;
    font-size: 14px;
    line-height: 14px;
    min-width: auto;
  }

  /*CHOOSE WHERE TO GO NEXT*/
  .icon-next-list>ul>li{
    width: 50%;
  }

  .icon-next-list .mex-clamp-2{
    min-height: 48px;
  }

  /* mex-block-card-v mex-half */
  section.mex-block-card-v.mex-half{
    padding-bottom: 180px;
  }

  section.mex-block-card-v .card-content{
    padding: 20px;
  }
  section.mex-block-card-v.mex-half .mex-h2 {
    margin-bottom: 10px;
  }
  section.mex-block-card-v .mex-content{
    margin-bottom: 15px;
  }

  .mex-clamp-1, .mex-clamp-2, .mex-clamp-3, .mex-clamp-4, .mex-clamp-5{
    min-height: auto;
    -webkit-line-clamp: initial;
  }

}

/* - - - - - md - - - - - */
@media (min-width: 992px) and (max-width: 1199px) {
  /* utils */
  .mex-md-p-none,
  .col-md-p-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .mex-md-p-l-none,
  .col-md-p-l-none {
    padding-left: 0 !important;
  }

  .mex-md-p-r-none,
  .col-md-p-r-none {
    padding-right: 0 !important;
  }

  /* mex-block-card-h */
  section.mex-block-card-h .btn {
    min-width: 170px;
  }

  section.mex-block-card-v.mex-third .card-content {
    padding: 25px;
  }

  section.mex-block-card-v.mex-third .mex-h2 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 20px;
  }

  section.mex-block-card-v.mex-third .mex-content {
    margin-bottom: 20px;
  }


}

/* - - - - - sm, md - - - - - */
@media (min-width: 768px) and  (max-width: 1199px) {
  /*CHOOSE WHERE TO GO NEXT*/
  .icon-next-list>ul>li{
    width: 25%;
  }
}

/* - - - - - lg - - - - - */
@media (min-width: 1200px) {
  /* utils */
  .mex-lg-p-none,
  .col-lg-p-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .mex-lg-p-l-none,
  .col-lg-p-l-none {
    padding-left: 0 !important;
  }

  .mex-lg-p-r-none,
  .col-lg-p-r-none {
    padding-right: 0 !important;
  }
}

.mex-block-h600 {
  min-height: 600px;
  width: 100%;
}
.flex-center{
  display: flex;
  align-items: center;
  -ms-align-items: center;
  justify-content: center;
}
.flex-center > img,.flex-center img.banner-bg {
  position: absolute;
  left: 0;
  top: 0;
}

.flex-center .container{
  z-index: 99;
}
.mex-content-h600 {
  font-size: 24px;
  line-height: 30px;
  margin-top: 27px;
  color: #222222;
  font-weight: normal;
}

.table-box{
  display: table;
}
.table-box > div{
  display: table-cell;
  vertical-align: middle;
  float: none;
}
@media all and (max-width: 767px) {
  .block-sm {display: block!important; }
}
@media all and (max-width: 990px) {
  .block-md {display: block!important; }
}
@media all and (max-width: 1200px) {
  .block-lg {display: block!important; }
  .text-overflow-3-xs{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 26px;
    height: 78px;
  }
}

/* 2018-10-20 chanson normal banner*/
.banner-with-bg img.banner-bg{width: 100%;height: auto;position: relative;z-index: 0}
.align-vertical{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1
}
.align-horizon{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1
}
.align-all{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50% , -50%);
  z-index: 1
}

.why-multibank-banner{
  margin-top: -18.5vw
}
@media (max-width: 992px){
  .why-multibank-banner{
    margin-top: -1vw
  }
  .banner-with-bg{min-height: 50vw;overflow: hidden;display: flex; align-items: center;padding: 8vw 0;}
  .banner-with-bg .align-all{position: unset;transform: unset;padding:5vw;}
  .banner-with-bg > img{
    min-height: 100%;
    min-width: 100%;
    height: 100%;
    width: auto!important;
    height: auto!important;
    max-width: unset;
    position: absolute!important;
  }
}
@media (max-width: 441px){
  .page-top-banner.why-multibank-banner{
    margin-top: -1vw
  }
}
@media (min-width: 1600px){
  .page-top-banner.why-multibank-banner{
    margin-top: -16vw
  }
}

.same-height-block{
  display: flex;
}
.full-height{height: 100%}
.full-width{width: 100%}
.no-border{border: none;}

@media (max-width: 992px){
  .MEX_Introducing_Brokers_page .same-height-block{
      display: block;
    }
}
/*nice-select*/
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border: solid 1px #CCC;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 16px;
  font-weight: normal;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding-left: 15px;
  padding-right: 30px;
  position: relative;
  z-index: 99;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.nice-select:hover {
  border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999; }
.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: '';
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px; }
.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg); }
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0); }
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none; }
.nice-select.disabled:after {
  border-color: #cccccc; }
.nice-select.wide {
  width: 100%; }
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important; }
.nice-select.right {
  float: right; }
.nice-select.right .list {
  left: auto;
  right: 0; }
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px; }
.nice-select.small:after {
  height: 4px;
  width: 4px; }
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px; }
.nice-select .list {
  background-color: #fff;
  box-shadow: 0 0 0 1px #CCC;
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
  width: 100%;
}
.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important; }
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6; }
.nice-select .option.selected {
  font-weight: bold; }
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block;
}
.nice-select.open{
  z-index: 99999
}

.nice-select .list {
  background-color: #fff;
  box-shadow: 0 0 0 1px #CCC;
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
  width: 100%;
  height:200px;
}

sup.sup-size {
    color: #ff0000;
    margin-left: 3px;
}

/*表格筛选*/
.shares-table-box{
  position: relative;
  padding-bottom:30px;
}
.dataTables_length,.dataTables_filter,.dataTables_info{
  display: none;
}

.dataTables_paginate a{
  color:#666666;
  border:none;
}

.dataTables_paginate .pagination li a{
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 32px;
  padding-top: 0;
  font-size: 18px
}

.shares-table-box .table-button{
  position: absolute;
  bottom: 10px;
  width: auto;
}

.dataTables_paginate .pagination > li:first-child > a, .dataTables_paginate .pagination > li:first-child > span{
  border-top-left-radius: 0;
  border-bottom-left-radius:0;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background: #1e32a3;
    color: #fff;
    border-color: #1e32a3;
}

.shares-table-box td input{
  vertical-align: middle;
  margin-bottom: 0;
  margin-right: 5px;
  margin-top:0px;
}

.shares-table-box td{
  vertical-align: middle !important;
}



table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{
  bottom: 20px !important;
}

@media (min-width: 768px) {
  .shares-form .shares-filter{
    width: auto;
    float: right;
  }
}
@media (max-width: 1244px) {
  .shares-form .col-xs-12{
    width: 100%;
  }
  .shares-table-box .col-sm-5{
    display:none
  }
  .shares-table-box .col-sm-7{
    width:100%
  }
  .shares-table-box .table-button-static{
    position:static !important;
  }
  .module.widget-handle{display: block;}
  .nav-bar, .nav-bar .module-group, .nav-bar .module {
      height: auto;
      overflow: hidden;
  }  
  .module.widget-handle{display: block!important;}
}
@media (max-width: 1410px) {
  .top_menu li:nth-child(1),.top_menu li:nth-child(3),.top_menu li:nth-child(4),.top_menu li:nth-child(5){display: none;}
}
@media (max-width: 767px) {

  .font-24{
    font-size: 16px !important;
  }
  .shares-form .shares-filter .nice-select,.shares-form .shares-filter label{
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
  }

  .shares-table-box .table-button-static{
    text-align:center;
  }
  .shares-table-box .table-button-static a{
    width: 80%;
    display: inline-block;
  }
  .nav-utility .responsive-right{float: none;padding: 10px;display: flex;}
  .nav-utility .responsive-right a{flex: 1}
  .nav-utility .responsive-right a:nth-child(4),.nav-utility .responsive-right a:nth-child(5){display: none;}
}
@media (max-width: 441px) {
  .nav-utility i{display: none}
}
@media (max-width: 992px){
  .nav-utility .responsive-left{
    display: none;
  }
  .hr-new,.shares-border-right{border: none!important;}
  .col-md-12.shares-form{clear: both;border: none;}
  .shares_page form.shares-search{position: relative;}
  .shares_page .shares-search button[type="submit"]{
    top: 0;
    margin: 0;
    right: 0;
    position: absolute;
  }
  .shares_page .col-md-8 .scroll-filter{margin-bottom: 20px}
}


/* index-awards */

.index-awards .swiper-slide{
  width: 33.33%;
}
@media (max-width: 991px){
  .index-awards .swiper-slide{
    width: 50%;
  }
}

@media (max-width: 767px){
  .index-awards .swiper-slide{
    width: 100%;
  }
}

.index-awards .product_img{
  background: none;
}
.index-awards .product_img img{
  width: auto;
  height: 220px;
  display: inline-block;
}
.index-awards .width-40 .product_img img{
  height: 260px;
}
.index-awards .product_content span{
  color:#FFF;
  display: block;
}
.index-awards .product_content .mex-h3{
   width: 90%;
  margin-left: 5%;
  text-align: center;
 }

.index-awards .product_content .mex-content{
  width: 80%;
  margin-left: 10%;
  text-align: center;
}

.index-awards .swiper-slide.width-40 .product_content{
    width: 400px;
}

/* homepage slider */
.home_page #swiper-container-1 .swiper-slide{overflow: hidden;}
#swiper-container-1 {
  min-height: 700px;
}
#swiper-container-1 img{
  min-height: 700px;
  width: auto;
}
@media (min-width: 1025px) and (max-width: 1439px){
  #swiper-container-1 img {
      max-width: 130%;
      margin-left: -15%;
  }
.about-page-awards #swiper-container-awards:before {
    content: "";
    display: inline-block;
    background: url(http://www.ctktz.com/skin/images/about_us/about/awards_top_bg@2x.png);
    width: 90%;
    height: 100%;
    position: absolute;
    left: 5%;
    background-size: 100% auto;
    opacity: 0.5
}
}

@media (max-width: 992px){
  #swiper-container-1{min-height: unset;}
  #swiper-container-1 img{max-width: 100%;min-height: unset;width: 100%}
}
/*swiper-slide*/
.swiper-container {
  width: 100%;
  height:auto;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.min2{
  display: none;
}
.about-page-awards.table-background{
  background: #070401;    
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../image/home_awards@2x.png)
}
.about-page-awards #swiper-container-awards:before {
    content: "";
    display: inline-block;
    background: url(http://www.ctktz.com/skin/images/about_us/about/awards_top_bg@2x.png);
    width: 90%;
    height: 100%;
    position: absolute;
    left: 5%;
    background-size: 100% auto; 
    opacity: 0.5
}
.about-page-awards .mex-img-cover{display: none!important;}
.about-page-awards .container{
    position: unset!important;
    height: unset!important;
    transform: unset!important;
    padding: 100px 0;
}
.about-page-awards .swiper-container{
  height: 39vw!important
}
.about-page-awards .swiper-container .swiper-slide.width-40 img{
  margin-top: 90px
}
.about-page-awards .swiper-button-prev{left: -50px}
.about-page-awards .swiper-button-next{right: -50px}

@media (min-width: 1920px){
  .about-page-awards .swiper-container{max-height:800px!important;margin: 0 auto!important;}
  .about-page-awards #swiper-container-awards:before{
    content: "";
    display: inline-block;
    background: url(../image/awards_wall.png) no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100% auto;
    background-position-y: 5vw;
  }  
}
@media (max-width: 992px){
  .about-page-awards .swiper-container{max-height: 600px!}
  .about-page-awards .swiper-container img{height: 20vw!important}
  .about-page-awards #swiper-container-awards:before{display: none!important;}
}
@media (max-width: 767px){
  .about-page-awards .swiper-container {height: 100vw!important;padding-top: 100px }
  .about-page-awards .swiper-container img{height: 40vw!important}
  .about-page-awards .container{padding-bottom: 0px}
  .about-page-awards .swiper-button-prev{left: 50px}
  .about-page-awards .swiper-button-next{right: 50px}  
  .about-news .about-milestones-content .card{border: 1px solid #ccc;}
  .text-overflow-1{white-space: normal;}
  .text-overflow-2,.text-overflow-3{
    height: auto;
    -webkit-line-clamp: unset;
  }
}
@media (min-width: 1920px){
  .about-page-awards #swiper-container-awards:before{
    content: "";
    display: inline-block;
    background: url(../image/awards_wall.png) no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100% auto;
    background-position-y: 5vw;
	}
}
.about-page-awards #swiper-container-awards:before {
    content: "";
    display: inline-block;
    background: url(../image/awards_wall.png) no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100% auto;
    background-position-y: 5vw;
}
.about-page-awards .swiper-container .width-40 span{
  display: block!important;
  width: 320px;
}
.about-page-awards .width-40 .mex-h3{font-size: 24px!important}
.swiper-button-next,.swiper-button-prev{
    width: 60px;
    height: 60px;
    background-size: contain;
    outline: none;
}
/*@media (min-width: 1800px) and (max-width: 1919px) {
  .about-page-awards .swiper-container{
    height: 34vw!important
  }
}
@media (min-width: 1600px) and (max-width: 1799px) {
  .about-page-awards .swiper-container{
    height: 31vw!important
  }
}
@media (min-width: 1460px) and (max-width: 1599px) {
  .about-page-awards .swiper-container{
    height: 27vw!important
  }
}
@media (min-width: 1200px) and (max-width: 1380px) {
  .about-page-awards .swiper-container{
    margin-top: -3vw!important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-page-awards .swiper-container{
    margin-top: -5vw!important;
  }
}*/
@media (max-width: 767px){
  #swiper-container-global-presence{width: 70%}
  #swiper-container-global-presence .card-content{height: auto!important;}
  .global-presence .swiper-button-next{right: 0}
  .global-presence .swiper-button-prev{left: 0}
  #swiper-container-global-presence .swiper-slide{margin-top: 0}
  .menu > li > ul.mega-menu-full{background: #efefef}
  .menu > li ul{background: none}
  .global-presence.regulations-bg .swiper-button-prev,
  .global-presence.regulations-bg .swiper-button-next{bottom: 30vh!important; top: unset; }
  .regulations-bg .swiper-pagination-clickable{display: flex!important; overflow-x: auto;}
}


/*!---------- 36. SPACING ----------*/
.mr0 {
  margin-right: 0;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb8 {
  margin-bottom: 8px;
}
.mb16 {
  margin-bottom: 16px;
}
.mb24 {
  margin-bottom: 24px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb32 {
  margin-bottom: 32px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb48 {
  margin-bottom: 48px;
}
.mb56 {
  margin-bottom: 56px;
}
.mb64 {
  margin-bottom: 64px;
}
.mb72 {
  margin-bottom: 72px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb88 {
  margin-bottom: 88px;
}
.mb96 {
  margin-bottom: 96px;
}
.mb104 {
  margin-bottom: 104px;
}
.mb112 {
  margin-bottom: 112px;
}
.mb120 {
  margin-bottom: 120px;
}
.mb160 {
  margin-bottom: 160px;
}
.mt0 {
  margin-top: 0 !important;
}
.mt8 {
  margin-top: 8px;
}
.mt16 {
  margin-top: 16px;
}
.mt24 {
  margin-top: 24px;
}
.mt32 {
  margin-top: 32px;
}
.mt40 {
  margin-top: 40px;
}
.mt48 {
  margin-top: 48px;
}
.mt56 {
  margin-top: 56px;
}
.mt64 {
  margin-top: 64px;
}
.mt72 {
  margin-top: 72px;
}
.mt80 {
  margin-top: 80px;
}
.mt88 {
  margin-top: 88px;
}
.mt96 {
  margin-top: 96px;
}
.mt104 {
  margin-top: 104px;
}
.mt112 {
  margin-top: 112px;
}
.mt120 {
  margin-top: 120px;
}
.mt160 {
  margin-top: 160px;
}

.row-offset-5{
  margin: 0 -5px
}
.padding-20{padding:20px;}
.p5{
  padding: 0 5px;
}

.p50{
  padding: 0 50px;
}

.p32 {
  padding: 0 32px;
}
.p24 {
  padding: 24px;
}
.p0 {
  padding: 0;
}
.pr0 {
  padding-right: 0;
}
.pt0 {
  padding-top: 0;
}
.pt8 {
  padding-top: 8px;
}
.pt16 {
  padding-top: 16px;
}
.pt24 {
  padding-top: 24px;
}
.pt32 {
  padding-top: 32px;
}
.pt40 {
  padding-top: 40px;
}
.pt48 {
  padding-top: 48px;
}
.pt64 {
  padding-top: 64px;
}
.pt72 {
  padding-top: 72px;
}
.pt80 {
  padding-top: 80px;
}
.pt88 {
  padding-top: 88px;
}
.pt96 {
  padding-top: 96px;
}
.pt104 {
  padding-top: 104px;
}
.pt112 {
  padding-top: 112px;
}
.pt120 {
  padding-top: 120px;
}
.pt160 {
  padding-top: 160px;
}
.pt180 {
  padding-top: 180px;
}
.pt240 {
  padding-top: 240px;
}
.pb0 {
  padding-bottom: 0;
}
.pb8 {
  padding-bottom: 8px;
}
.pb16 {
  padding-bottom: 16px;
}
.pb24 {
  padding-bottom: 24px;
}
.pb32 {
  padding-bottom: 32px;
}
.pb40 {
  padding-bottom: 40px;
}
.pb48 {
  padding-bottom: 48px;
}
.pb56 {
  padding-bottom: 56px;
}
.pb64 {
  padding-bottom: 64px;
}
.pb72 {
  padding-bottom: 72px;
}
.pb80 {
  padding-bottom: 80px;
}
.pb88 {
  padding-bottom: 88px;
}
.pb96 {
  padding-bottom: 96px;
}
.pb104 {
  padding-bottom: 104px;
}
.pb112 {
  padding-bottom: 112px;
}
.pb120 {
  padding-bottom: 120px;
}
.pb160 {
  padding-bottom: 160px;
}
.pb180 {
  padding-bottom: 180px;
}
.pb240 {
  padding-bottom: 240px;
}


@media all and (max-width: 767px) {
  .p16-xs {padding:16px; }
}


@media all and (max-width: 1200px) {
  .mb-md-0 {
    margin-bottom: 0;
  }
  .mb-md-8 {
    margin-bottom: 8px;
  }
  .mb-md-16 {
    margin-bottom: 16px;
  }
  .mb-md-24 {
    margin-bottom: 24px;
  }
  .mb-md-30 {
    margin-bottom: 30px;
  }
  .mb-md-40 {
    margin-bottom: 40px;
  }
  .mb-md-48 {
    margin-bottom: 48px;
  }
  .mb-md-64 {
    margin-bottom: 64px;
  }
  .mb-md-72 {
    margin-bottom: 72px;
  }
  .mb-md-80 {
    margin-bottom: 80px;
  }
  .mb-md-88 {
    margin-bottom: 88px;
  }
  .mb-md-96 {
    margin-bottom: 96px;
  }
  .mb-md-104 {
    margin-bottom: 104px;
  }
  .mb-md-112 {
    margin-bottom: 112px;
  }
  .mb-md-120 {
    margin-bottom: 120px;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-8 {
    margin-top: 8px;
  }
  .mt-md-16 {
    margin-top: 16px;
  }
  .mt-md-24 {
    margin-top: 24px;
  }
  .mt-md-32 {
    margin-top: 32px;
  }
  .mt-md-40 {
    margin-top: 40px;
  }
  .mt-md-48 {
    margin-top: 48px;
  }
  .mt-md-56 {
    margin-top: 56px;
  }
  .mt-md-64 {
    margin-top: 64px;
  }
  .mt-md-72 {
    margin-top: 72px;
  }
  .mt-md-80 {
    margin-top: 80px;
  }
  .mt-md-88 {
    margin-top: 88px;
  }
  .mt-md-96 {
    margin-top: 96px;
  }
  .mt-md-104 {
    margin-top: 104px;
  }
  .mt-md-112 {
    margin-top: 112px;
  }
  .mt-md-120 {
    margin-top: 120px;
  }
  .p0-sm {
    padding: 0;
  }
  .pt-md-0 {
    padding-top: 0;
  }
  .pt-md-8 {
    padding-top: 8px;
  }
  .pt-md-16 {
    padding-top: 16px;
  }
  .pt-md-24 {
    padding-top: 24px;
  }
  .pt-md-32 {
    padding-top: 32px;
  }
  .pt-md-40 {
    padding-top: 40px;
  }
  .pt-md-48 {
    padding-top: 48px;
  }
  .pt-md-64 {
    padding-top: 64px;
  }
  .pt-md-72 {
    padding-top: 72px;
  }
  .pt-md-80 {
    padding-top: 80px;
  }
  .pt-md-88 {
    padding-top: 88px;
  }
  .pt-md-96 {
    padding-top: 96px;
  }
  .pt-md-104 {
    padding-top: 104px;
  }
  .pt-md-112 {
    padding-top: 112px;
  }
  .pt-md-120 {
    padding-top: 120px;
  }
  .pt-md-160 {
    padding-top: 160px;
  }
  .pb-md-0 {
    padding-bottom: 0;
  }
  .pb-md-8 {
    padding-bottom: 8px;
  }
  .pb-md-16 {
    padding-bottom: 16px;
  }
  .pb-md-24 {
    padding-bottom: 24px;
  }
  .pb-md-32 {
    padding-bottom: 32px;
  }
  .pb-md-40 {
    padding-bottom: 40px;
  }
  .pb-md-48 {
    padding-bottom: 48px;
  }
  .pb-md-64 {
    padding-bottom: 64px;
  }
  .pb-md-72 {
    padding-bottom: 72px;
  }
  .pb-md-80 {
    padding-bottom: 80px;
  }
  .pb-md-88 {
    padding-bottom: 88px;
  }
  .pb-md-96 {
    padding-bottom: 96px;
  }
  .pb-md-104 {
    padding-bottom: 104px;
  }
  .pb-md-112 {
    padding-bottom: 112px;
  }
  .pb-md-120 {
    padding-bottom: 120px;
  }
}


@media all and (max-width: 990px) {
  .mb-s-0 {
    margin-bottom: 0;
  }
  .mb-s-8 {
    margin-bottom: 8px;
  }
  .mb-s-16 {
    margin-bottom: 16px;
  }
  .mb-s-24 {
    margin-bottom: 24px;
  }
  .mb-s-30 {
    margin-bottom: 30px;
  }  
  .mb-s-32 {
    margin-bottom: 32px;
  }
  .mb-s-40 {
    margin-bottom: 40px;
  }
  .mb-s-48 {
    margin-bottom: 48px;
  }
  .mb-s-64 {
    margin-bottom: 64px;
  }
  .mb-s-72 {
    margin-bottom: 72px;
  }
  .mb-s-80 {
    margin-bottom: 80px;
  }
  .mb-s-88 {
    margin-bottom: 88px;
  }
  .mb-s-96 {
    margin-bottom: 96px;
  }
  .mb-s-104 {
    margin-bottom: 104px;
  }
  .mb-s-112 {
    margin-bottom: 112px;
  }
  .mb-s-120 {
    margin-bottom: 120px;
  }
}
@media all and (max-width: 990px) {
  .mb-sm-0 {
    margin-bottom: 0;
  }
  .mb-sm-8 {
    margin-bottom: 8px;
  }
  .mb-sm-16 {
    margin-bottom: 16px;
  }
  .mb-sm-24 {
    margin-bottom: 24px;
  }
  .mb-sm-32 {
    margin-bottom: 32px;
  }
  .mb-sm-40 {
    margin-bottom: 40px;
  }
  .mb-sm-48 {
    margin-bottom: 48px;
  }
  .mb-sm-64 {
    margin-bottom: 64px;
  }
  .mb-sm-72 {
    margin-bottom: 72px;
  }
  .mb-sm-80 {
    margin-bottom: 80px;
  }
  .mb-sm-88 {
    margin-bottom: 88px;
  }
  .mb-sm-96 {
    margin-bottom: 96px;
  }
  .mb-sm-104 {
    margin-bottom: 104px;
  }
  .mb-sm-112 {
    margin-bottom: 112px;
  }
  .mb-sm-120 {
    margin-bottom: 120px;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-8 {
    margin-top: 8px;
  }
  .mt-sm-16 {
    margin-top: 16px;
  }
  .mt-sm-24 {
    margin-top: 24px;
  }
  .mt-sm-32 {
    margin-top: 32px;
  }
  .mt-sm-40 {
    margin-top: 40px;
  }
  .mt-sm-48 {
    margin-top: 48px;
  }
  .mt-sm-56 {
    margin-top: 56px;
  }
  .mt-sm-64 {
    margin-top: 64px;
  }
  .mt-sm-72 {
    margin-top: 72px;
  }
  .mt-sm-80 {
    margin-top: 80px;
  }
  .mt-sm-88 {
    margin-top: 88px;
  }
  .mt-sm-96 {
    margin-top: 96px;
  }
  .mt-sm-104 {
    margin-top: 104px;
  }
  .mt-sm-112 {
    margin-top: 112px;
  }
  .mt-sm-120 {
    margin-top: 120px;
  }
  .p0-sm {
    padding: 0;
  }
  .pt-sm-0 {
    padding-top: 0;
  }
  .pt-sm-8 {
    padding-top: 8px;
  }
  .pt-sm-16 {
    padding-top: 16px;
  }
  .pt-sm-24 {
    padding-top: 24px;
  }
  .pt-sm-32 {
    padding-top: 32px;
  }
  .pt-sm-40 {
    padding-top: 40px;
  }
  .pt-sm-48 {
    padding-top: 48px;
  }
  .pt-sm-64 {
    padding-top: 64px;
  }
  .pt-sm-72 {
    padding-top: 72px;
  }
  .pt-sm-80 {
    padding-top: 80px;
  }
  .pt-sm-88 {
    padding-top: 88px;
  }
  .pt-sm-96 {
    padding-top: 96px;
  }
  .pt-sm-104 {
    padding-top: 104px;
  }
  .pt-sm-112 {
    padding-top: 112px;
  }
  .pt-sm-120 {
    padding-top: 120px;
  }
  .pt-sm-160 {
    padding-top: 160px;
  }
  .pb-sm-0 {
    padding-bottom: 0;
  }
  .pb-sm-8 {
    padding-bottom: 8px;
  }
  .pb-sm-16 {
    padding-bottom: 16px;
  }
  .pb-sm-24 {
    padding-bottom: 24px;
  }
  .pb-sm-32 {
    padding-bottom: 32px;
  }
  .pb-sm-40 {
    padding-bottom: 40px;
  }
  .pb-sm-48 {
    padding-bottom: 48px;
  }
  .pb-sm-64 {
    padding-bottom: 64px;
  }
  .pb-sm-72 {
    padding-bottom: 72px;
  }
  .pb-sm-80 {
    padding-bottom: 80px;
  }
  .pb-sm-88 {
    padding-bottom: 88px;
  }
  .pb-sm-96 {
    padding-bottom: 96px;
  }
  .pb-sm-104 {
    padding-bottom: 104px;
  }
  .pb-sm-112 {
    padding-bottom: 112px;
  }
  .pb-sm-120 {
    padding-bottom: 120px;
  }
}
@media all and (max-width: 767px) {
  .mb-xs-0 {
    margin-bottom: 0;
  }
  .mb-xs-8 {
    margin-bottom: 8px;
  }
  .mb-xs-16 {
    margin-bottom: 16px;
  }
  .mb-xs-24 {
    margin-bottom: 24px;
  }
  .mb-xs-32 {
    margin-bottom: 32px;
  }
  .mb-xs-40 {
    margin-bottom: 40px;
  }
  .mb-xs-48 {
    margin-bottom: 48px;
  }
  .mb-xs-64 {
    margin-bottom: 64px;
  }
  .mb-xs-72 {
    margin-bottom: 72px;
  }
  .mb-xs-80 {
    margin-bottom: 80px;
  }
  .mb-xs-88 {
    margin-bottom: 88px;
  }
  .mb-xs-96 {
    margin-bottom: 96px;
  }
  .mb-xs-104 {
    margin-bottom: 104px;
  }
  .mb-xs-112 {
    margin-bottom: 112px;
  }
  .mb-xs-120 {
    margin-bottom: 120px;
  }
  .mt-xs-0 {
    margin-top: 0 !important;
  }
  .mt-xs-8 {
    margin-top: 8px;
  }
  .mt-xs-16 {
    margin-top: 16px;
  }
  .mt-xs-24 {
    margin-top: 24px;
  }
  .mt-xs-32 {
    margin-top: 32px;
  }
  .mt-xs-40 {
    margin-top: 40px;
  }
  .mt-xs-48 {
    margin-top: 48px;
  }
  .mt-xs-56 {
    margin-top: 56px;
  }
  .mt-xs-64 {
    margin-top: 64px;
  }
  .mt-xs-72 {
    margin-top: 72px;
  }
  .mt-xs-80 {
    margin-top: 80px;
  }
  .mt-xs-88 {
    margin-top: 88px;
  }
  .mt-xs-96 {
    margin-top: 96px;
  }
  .mt-xs-104 {
    margin-top: 104px;
  }
  .mt-xs-112 {
    margin-top: 112px;
  }
  .mt-xs-120 {
    margin-top: 120px;
  }


  .p0-xs {
    padding: 0!important;
  }
  .p5-xs{
    padding: 5px;
  }
  .pt-xs-0 {
    padding-top: 0;
  }
  .pt-xs-3 {
    padding-top: 3px;
  }

  .pt-xs-6 {
    padding-top: 6px;
  }

  .pt-xs-8 {
    padding-top: 8px;
  }
  .pt-xs-16 {
    padding-top: 16px;
  }
  .pt-xs-24 {
    padding-top: 24px;
  }
  .pt-xs-32 {
    padding-top: 32px;
  }
  .pt-xs-40 {
    padding-top: 40px;
  }
  .pt-xs-48 {
    padding-top: 48px;
  }
  .pt-xs-64 {
    padding-top: 64px;
  }
  .pt-xs-72 {
    padding-top: 72px;
  }
  .pt-xs-80 {
    padding-top: 80px;
  }
  .pt-xs-88 {
    padding-top: 88px;
  }
  .pt-xs-96 {
    padding-top: 96px;
  }
  .pt-xs-104 {
    padding-top: 104px;
  }
  .pt-xs-112 {
    padding-top: 112px;
  }
  .pt-xs-120 {
    padding-top: 120px;
  }
  .pt-xs-160 {
    padding-top: 160px;
  }
  .pt-xs-180 {
    padding-top: 180px;
  }
  .pt-xs-240 {
    padding-top: 240px !important;
  }
  .pb-xs-0 {
    padding-bottom: 0;
  }
  .pb-xs-8 {
    padding-bottom: 8px;
  }
  .pb-xs-16 {
    padding-bottom: 16px;
  }
  .pb-xs-24 {
    padding-bottom: 24px;
  }
  .pb-xs-32 {
    padding-bottom: 32px;
  }
  .pb-xs-40 {
    padding-bottom: 40px;
  }
  .pb-xs-48 {
    padding-bottom: 48px;
  }
  .pb-xs-64 {
    padding-bottom: 64px;
  }
  .pb-xs-72 {
    padding-bottom: 72px;
  }
  .pb-xs-80 {
    padding-bottom: 80px;
  }
  .pb-xs-88 {
    padding-bottom: 88px;
  }
  .pb-xs-96 {
    padding-bottom: 96px;
  }
  .pb-xs-104 {
    padding-bottom: 104px;
  }
  .pb-xs-112 {
    padding-bottom: 112px;
  }
  .pb-xs-120 {
    padding-bottom: 120px;
  }
  .pb-xs-180 {
    padding-bottom: 180px;
  }
  .pb-xs-240 {
    padding-bottom: 240px !important;
  }
}
.right{
  float:right !important;
}
@media (min-width: 768px){
	.ForIts{
		margin-top:45px;
		}
	}
.platFontOve{
	max-height:48px;
	overflow:hidden;
	}