@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

/*Body
*********************************/
body {  font-family: "Jost", sans-serif;font-size:16px;font-weight:400;color:#54566C;background:#fff}

/*Heading
*********************************/
h1, h2, h3, h4, h5, h6{font-weight:500;color: #101829 ;line-height:1.2em;margin:10px 0 10px 0;letter-spacing:0.5px;}
h1 {font-size: 42px;letter-spacing:1px}
h2 {font-size: 34px;}
h3 {font-size: 28px;}
h4 {font-size:24px;}
h5 {font-size:20px;}
h6 {font-size:18px;}
.section-header h2{font-size:54px;margin:0 0 30px 0;padding:0;letter-spacing:1px;}
.section-header .col-12 { position: relative;}
.section-header .pre-header {font-size:20px;color:#0071bd;background: #fff; display: inline-block; margin:5px 0;padding:0 20px 10px 0px;}
.section-header .pre-header:before { content: ""; position: absolute; width: calc(100% - 24px); border-top: 1px solid #ddd; top: 18px; z-index: -1; right: 0}

h1.Title{font-size: 38px;}
.PreHeading{font-weight:400;color:#0071bd;letter-spacing:1px}
h1.PreHeading{font-size: 18px;font-weight:400;color:#0071bd;letter-spacing:1px;margin:0 0 10px}
h4.pre-header{font-size:18px;font-weight:500;letter-spacing:2px;color:#0071bd;}
.section-body h1{font-size:36px;margin:0 0 20px}
.ArticleDetails p{font-size:16px}
.Body p, .Body li{font-size:20px;line-height:1.4em;}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0071bd;
    --bs-btn-border-color: #0071bd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #088be3;
    --bs-btn-hover-border-color: #088be3;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0071bd;
    --bs-btn-active-border-color: #0071bd;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #555;
    --bs-btn-disabled-border-color: #555;
    padding:6px 20px;
    text-transform:unset;
    font-size:16px;
    letter-spacing:1px;
}

i{padding:0 10px 0 0;color:#0071bd}
table{font-size:20px}
.Table{border:solid 1px #ccc;background:#fff}



/************************************************
By Jorge (New design)
*************************************************/
textarea.form-control{min-height:8rem}
p{letter-spacing:0.5px;margin:0 0 20px;line-height:1.4em}
strong { color: #131b2a ; font-weight:500}
a:link,a:visited,a:active { color:#131b2a ;text-decoration:underline;transition:0.2s}
a:hover { color: #088be3;text-decoration:underline}
.Body a{color:#131b2a ;text-decoration:underline}
.Body a:hover{color:#088be3}
.ImageCover { overflow: hidden;border-radius:0px}
span.image{ transition: all 0.2s }
span.image:hover {transform: scale(1.1);}
.readmore{margin:0 0 20px;display:block}
a.readmore{color: #ff3b1b;font-weight:700}
a.readmore:hover{color: #111;}
.form-select{font-size:16px;border-radius:0}
.form-control{font-size:16px;border-radius:0}
.slideshow nav span.nav-prev{left:0}
.slideshow figure{border:solid 0px #ab8347 !important;}
.grid-gallery .slideshow li img{width:100% !important;height:600px !important}
.slideshow figure{background:transparent !important}
.slideshow li {max-width:800px !important;height: 600px !important;}
.slideshow nav span {color: #ab8347 !important;padding: 2% !important;font-weight:300}


/*Readmore
********************************/
a.readmore{position:relative;border:solid 1px #a7a9ac;color:#111;font-weight:600;font-size:14px;text-transform:uppercase;text-align:center;width:fit-content;height:40px;line-height:40px;border-radius:30px;text-decoration:none;padding:0 40px 0px 20px;letter-spacing:1px}
a.readmore:hover{background:#ff3b1b;border:solid 1px #ff3b1b;color:#fff !important;padding:0 50px 0px 20px;}
a.readmore:after { content: ""; position: absolute; width: 7px; height: 7px; border-top: 1px solid #ff3b1b; border-right: 1px solid #df2027; transform: rotate(45deg); margin: auto; top: 0; bottom: 0; right: 15px }
a.readmore:before { content: ""; position: absolute; width: 15px; height: 1px; border-top: 1px solid #ff3b1b; margin: auto; top: 0; bottom: 0; right: 15px }
a.readmore:hover:after {border-top: 1px solid #fff; border-right: 1px solid #fff;}
a.readmore:hover:before{border-top: 1px solid #fff; border-right: 1px solid #fff;}

/**************************************
header
***************************************/
header{background:#000000;box-shadow:0 10px 20px rgba(0,0,0,0);}
.home-page header{box-shadow:0 10px 20px rgba(0,0,0,0);}

/*Logo
***************************/
.Logo h2 {margin:0;padding:23px 0 0;font-size:24px;}
.Logo p{margin:0}
.Logo h2 a {color:#111;text-decoration:none}
.Logo h2 a:hover{color:#ff3c1b;}
.Logo img{height:80px;margin:5px 0;transition:0.3s}
.Logo img:hover{scale:1.1;}


/*Menu
***************************/
#section-section-26795{padding:0}
.navbar{background:transparent;margin:15px 0 0;}
a.nav-link{font-size:16px;color:#fff !important;font-weight:500;letter-spacing:0.5px;text-decoration:none !important;padding:8px 15px !important}
a.nav-link:hover{color:#0071bd !important}
a.nav-link.active{color:#0071bd !important}
.navbar-nav .nav-link.active{font-weight:600;color:#0071bd}
.navbar-expand-lg .navbar-nav .dropdown-menu{top:40px;border-radius:0}
.dropdown-menu{background:#fff;padding:10px 10px;}
a.dropdown-item{font-family: "Marcellus", serif;font-size:15px;color:#0e1625 !important;padding:5px 10px;text-decoration:none !important;letter-spacing:1px}
a.dropdown-item:hover{color:#0e1625 !important;background:#f5f5ff;text-decoration:none;border-radius:0px}
.dropdown-item.active, .dropdown-item:active {background-color:#0071bd;}


/**************************************
Homepage
***************************************/
#article-109511 strong{color:#fff;font-size:26px}

/*Video
******************************/
#article-109494 p{color:#fff}
#article-109494 a{color:#fff;display:block;width:fit-content;background:#88c720;padding:12px 30px;text-decoration:none;border-radius:5px;margin:30px auto 0;letter-spacing:1px}
#article-109494 a:hover{color:#fff;display:block;width:fit-content;background:#71b204;padding:12px 30px;text-decoration:none;}

#myVideo {
  width: 100%;
  object-fit: cover;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

#main-section-26972{background: #24064E;background: linear-gradient(90deg, rgba(36, 6, 78, 1) 0%, rgba(1, 74, 140, 1) 100%);}
#main-section-26972 h2{color:#fff}
#main-section-26972 p{color:#fff;}

#main-section-26955{background: #24064E;background: linear-gradient(90deg, rgba(36, 6, 78, 1) 0%, rgba(1, 74, 140, 1) 100%);}

/*Direct Fast Start Bonus
******************************/
#main-section-26966{background: #24064E;background: linear-gradient(90deg, rgba(36, 6, 78, 1) 0%, rgba(1, 74, 140, 1) 100%);}
.blue {background: #24064E;background: linear-gradient(90deg, rgba(36, 6, 78, 1) 0%, rgba(1, 74, 140, 1) 100%);box-shadow:0 10px 50px rgba(0,0,0,0.4);border-ra}
.blue h2{font-size:4rem;color:#fff}
.blue p{color:#fff;margin:0}
.blue .col-xl-6{border:solid 1px #255887}
#main-section-26966 h2.title{color:#fff;margin:0}
#main-section-26966 h2{color:#fff;margin:30px 0}

/*Check Matching Bonus
******************************/
#main-section-26969{background: #24064E;background: linear-gradient(90deg, rgba(36, 6, 78, 1) 0%, rgba(1, 74, 140, 1) 100%)}
#main-section-26969 h2, #main-section-26969 h3{color:#fff}

/*Trade Platform
******************************/
#main-section-26968{background:#f5f5ff}
#article-109508 h2 {background: #24064E;background: linear-gradient(90deg, rgba(36, 6, 78, 1) 0%, rgba(1, 74, 140, 1) 100%);color:#fff;padding:20px 20px;border-radius:10px;margin:0;}
#article-109508 h3 {background: #24064E;background: linear-gradient(90deg, rgba(36, 6, 78, 1) 0%, rgba(1, 74, 140, 1) 100%);color:#fff;padding:70px 20px;border-radius:50%;margin:6rem 0 0;height:200px;width:200px}
#article-109508 .col-xl-4:nth-child(2) h3{margin:9rem 0 0}
#article-109508 .col-xl-4:nth-child(3) h3{margin:6rem 0 0}
#article-109508 .col-xl-4:nth-child(4) h3{margin:12rem 0 0}

/*Team Builder Bonus
******************************/
.blue-2 {background: #24064E;background: linear-gradient(90deg, rgba(36, 6, 78, 1) 0%, rgba(1, 74, 140, 1) 100%);padding:50px;border-radius:30px}
.blue-2 h2, .blue-2 h3{color:#fff;margin:0 0 20px}
.blue-2 th{color:#fff}
.blue-2 tr{border-bottom:solid 1px #255887}
.blue-2 td{color:#fff}
.blue-2 p{color:#fff;margin:0}
.blue-2 li{color:#fff}
.blue-2 .table-striped>tbody>tr:nth-of-type(odd)>* {color:#fff}
#article-109507 .col-xl-4 p{margin:0}

/*Welcome
******************************/
#section-26409 h2{margin:0 0 20px}
#section-26409 h4{margin:10px 0 10px;color:#ff3c1b;letter-spacing:2px}




/**************************************
About us page
***************************************/
#article-108829 h1{font-size:6vw;font-weight:500;line-height:1em}


/**************************************
Contact us page
***************************************/
.contact-us ul { padding: 0; list-style: none;}
.contact-us li {font-size:18px;padding:0 0 10px;line-height:1.4em}
.contact-us i{font-size:18px;color:#088be3;margin:0 10px 0 0;vertical-align:middle;width:1.25rem;text-align:center}
.container-fluid.map iframe{height:33vw}
#contactForm{background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);padding:50px;border-radius:10px}
textarea.form-control{margin:0 0 20px;min-height:12vh}
#contactForm .form-group{margin:0 0 15px}
#contactForm label{font-weight:500;font-size:16px;color:#131b2a}

/**************************************
Contact us page
***************************************/
#main-section-26397 .section-header h2{color:#fff;z-index:999;position:relative;margin:0;padding:15px 30px;border-bottom:none;border:solid 2px #fff;width:fit-content;margin:auto;text-transform:uppercase;letter-spacing:4px}
#main-section-26397 .section-header h4{font-size:22px;z-index:999;position:relative;margin:20px auto;text-align:center;background:transparent}
#main-section-26397 .section-header{background-image: url(/Content/Archive/579/view-pattaya-landmark-thailand-747513.jpg);background-repeat: no-repeat;background-position:top center;background-size:cover;padding:10% 0;position:relative;overflow:hidden;text-align:center}
#main-section-26397 .section-header .pre-header:before {border-top: 0px solid #ddd}
#main-section-26397 .section-header:before {content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(180deg, #0e0e0e, rgba(4, 9, 40, 0.6) 0%);
}

.map iframe { height:33vw}
.map p{margin:0}


/*Slide
******************************/
.carousel-caption {position: absolute;bottom:35%;width:fit-content;margin:auto;padding:30px 30px;background: rgb(247,245,238,0.8);}
.carousel-caption h2{font-size:2vw !important;font-weight:500;color:#111;letter-spacing:2px;text-shadow:0px 0px 0px rgba(0,0,0,0.75);margin:0 0 10px;}
.carousel-caption p{font-size:24px;color:#111;letter-spacing:1px;text-shadow:0px 0px 0px rgba(0,0,0,0.75);margin:0 0 10px}
#main-section-26815 .carousel-item:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity: .6;background: linear-gradient(180deg,#000000,rgba(0,0,0,0.4)0%)}
.carousel-indicators{display:none}

/**************************************
Welcome
***************************************/
#main-section-26256{background:#f1f5ff}


/**************************************
Footer
***************************************/
footer{background:#000000;color:#adb7be}
footer h2{font-size:20px;color:#adb7be;margin:0 0 10px 0}
footer h3{font-size:18px;color:#adb7be;margin:0 0 10px 0}
footer strong{font-size:16px;}
footer i{font-size:40px;color:#fff;padding:0 0 0 40px}
footer strong{color:#adb7be}
footer a{color:#adb7be !important}
footer a:hover{color:#0071bd !important}
.Copyright p{margin:0;font-size:14px;}
.Copyright a{color:#fff}
.Copyright a:hover{color:#0071bd}

#footer-section-26954{border-top:solid 1px #283246}

/*Follow us
****************************/
.follow-us p{margin:0 0 10px 0}
.follow-us img{height:150px;margin:0 0 20px 0}
.follow-us ul{padding: 0; list-style: none;margin:0}
.follow-us li { font-size:0px;margin:0 10px 0 0; padding:0;display:inline-block;text-align:center;line-height:20px; position:relative;}
.follow-us i{font-size:20px;color:#adb7be;margin:0;display:inline-block;vertical-align:top;border:solid 1px #494c53;width:50px;height:50px;line-height:50px;transition:0.1s;border-radius:50px;padding:0}
.follow-us i:hover{transform: scale(1.1);color:#fff}
.follow-us .fa-google-plus-g:hover:before{color:#db4a39}
.follow-us .fa-square-facebook:hover:before{color:#0d51d6}
.follow-us .fa-linkedin:hover:before{color:#0a66c2}
.follow-us .fa-line:before{color:#49c30a}


/*****************************************
Mobile Site
******************************************/
@media screen and (max-width: 991px) {

h2 {font-size: 24px} 
h3 {font-size: 22px} 
.Body p, .Body li {font-size:18px}
.section-header h2 {font-size:40px;margin:20px 0}
    
/*Homepage
********************************/
#main-section-26966 h2{color:#fff;margin:0 0 20px 0}
.blue p {margin: 0 0 0px}
.blue h2 {font-size:3.5rem}
#article-109508 h3 {
    color: #fff;
    padding: 70px 30px;
    margin: 0;
    height: 200px;
    width: 200px;
}
    
/*******************************
Header Mobile
********************************/
.Logo img {height:50px;margin:5px 0px 5px 0}
    
/*******************************
Menu Mobile
********************************/
#section-section-26944{padding:0;margin:0}
.menu-list-wrapper .navbar-toggler {right: 10px;border: solid 2px #ccc}
.menu-list-wrapper .navbar-toggler span i {background: #fff}
.navbar-light .navbar-nav .nav-link {font-size:20px;}
a.nav-link{color:#131b2a !important;padding:10px 10px}
a.nav-link:hover{color:#0071bd  !important}
.navbar-expand-lg {margin: 0;padding: 0;width: 100%}
.menu-list-wrapper .navbar-collapse ul {padding:5px 10px;}
.menu-list-wrapper .navbar-collapse ul li a {white-space: wrap;padding-left: 10px;}
.menu-list-wrapper .navbar-collapse li {word-break: break-word;}
a.dropdown-item{font-size:18px;color:#131b2a !important;padding:7px 15px;text-decoration:none;word-break: break-word;}
.dropdown-menu{background:#fff;padding:10px 10px;}
#nav-item-14870 {background: url(/Content/Archive/780/tel-688771.png) no-repeat center right 10px;padding: 0 30px 0 0;background-size: 15px;margin:0}

/*Sub menu
***********************/
.menu-list-wrapper .navbar-collapse ul { position: absolute; z-index:9999;right: 0px; top: 0px;height: 100vh; transform:translateX(100%); -webkit-transform:translateX(100%) }
.navbar-nav{background:#f5f5ff}
.menu-list-wrapper .navbar-collapse {position: absolute; right: 0px; top: 0px; height: 100vh;overflow: hidden; background: rgba(255,255,255,0.0)}
.menu-list-wrapper .navbar-collapse.collapsing { height: 100vh !important; width: 100vw }
.menu-list-wrapper .navbar-collapse.show {width: 100%;background: rgba(255,255,255,0.95)}

/*Follow us
****************************/
.follow-us li { font-size:0px;margin:0 10px 0 0; padding:0;display:inline-block;text-align:center;line-height:20px; position:relative;}



/*******************************
Contact us Mobile
********************************/
#contactForm {padding:30px;}
#article-108921 iframe{height:50vh}

    
}