body {
  margin:0;
  padding:0
}
input[type="text"]:disabled {
  background: #ccc;
}
.logo {
  float:left;
  width:100%;
  text-align:left;
  padding:15px 0 5px 0;
  background:#fff
}
.logo img {
  float:left;
  max-width:250px;
  width:100%
}
a.splite_call {
  right: -60px;
  top: 40%;
  height: auto;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  border-radius: 5px 5px 0 0;
  color: #F1F1F1;
  font-family: "Prompt",sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 32px;
  background: #184060;
  position: fixed;
  padding: 5px 10px;
  z-index: 9;
}
a.splite_call:hover {
    text-decoration:none;
}
.row {
  margin:0;
  padding:0
}
.nasir {
  float:left;
  width:100%
}
.nasir img {
  float:left;
  width:100%;
  min-height:520px
}
.ali {
  padding:0
}
.al {
  background:#00587a;
}
.formy {
  float:left;
  width:100%
}
.forl {
  padding:0;
  border-top:solid 0 #fff
}
.formy h3 {
  text-align:center;
  font-size:1.2em;
  color:#fff;
  padding:22px 20px 10px 20px;
  font-weight:700;
  background:#194060;
  margin:0;
  margin-bottom:0;
  line-height:22px;
  text-transform:uppercase
}
.formy p.top-text {
  text-align:center;
  font-size:15px;
  color:#fff;
  padding:0 20px 22px 20px;
  background:#194060;
  margin:0;
  margin-bottom:0;
  line-height:20px;
}
.formy h3 span {
  font-size:1.5em;
  color:#fff
}
.forms {
  float:left;
  width:100%;
  height:auto;
  background:#00587a;
  padding:15px 5px
}
.forms .form-control {
  height:35px
}
.forms .col-md-12 {
  margin-bottom:10px
}
.forms .btn-primary {
  background:#194060;
  width:100%;
  border:none;
  font-size:1.2em;
  font-weight:700;
  color:#fff;
  margin-top:0px;
  padding:10px 0;
  height:50px
}
.forms .btn-primary:hover {
  background:#3e3e3e;
  color:#fff
}
.forms p {
  font-size:12px;
  color:#eee;
  line-height:20px;
  margin-top:0
}
.ab-text {
  float:left;
  width:100%;
  padding:10px 0 20px 0
}
.ab-text h2 {
  font-size:24px;
  color:#194060;
  font-weight:700
}
.ab-text h2 span {
  color:#343434;
  font-weight:400
}
.ab-texzt {
  font-size:14px;
  color:#343434;
  line-height:20px
}
.wn {
  float:right;
  width:auto
}
.wn img {
  max-width:180px;
  margin-top:5px
}
.form-group input::placeholder {
  color:#555!important
}
.ss-text {
  float:left;
  width:100%;
  padding:10px 0 0 0
}
.ss-text h2 {
  font-size:24px;
  color:#194060;
  font-weight:700;
  text-transform:uppercase
}
.ss-text h2 span {
  color:#343434;
  font-weight:400
}
.sbox {
  float:left;
  width:100%;
  height:auto;
  margin:0 0 30px 0
}
.ss-box {
  float:left;
  width:23%;
  border-right:solid 1px #999;
  height:auto;
  padding-right:2%;
  margin-right:2%;
  margin-top:20px;
  margin-bottom:20px;
  min-height: 140px;
  text-align:center;
}
.ss-box h2 {
  float:left;
  width:100%;
  font-size:20px;
  font-weight:700;
  color:#565656;
  text-transform:uppercase;
  margin-bottom:0;
  margin:10px 0;
}
.ss-box span {
  float:left;
  width:100%;
  font-size:14px;
  font-weight:700;
  color:#565656;
}
.ss-box p {
  float:left;
  width:100%;
  font-size:12px;
  font-weight:700;
  color:#565656;
  line-height:18px;
  margin-bottom:0
}
.ss-box:last-child {
  border-right:none
}
.bgl {
  background:#f4f4f4;
  min-height:700px;
}
.bgd {
  background:#e8e8e8;
  min-height:700px;
}
.bgd2 {
  background:#e8e8e8;
  min-height:420px;
}
.bg3 {
  background:#f4f4f4;
  min-height:420px;
}
.dd-text {
  float:left;
  width:100%;
  padding:0
}
.dd-text h2 {
  font-size:24px;
  color:#194060;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:30px
}
.dd-text h2 span {
  color:#343434;
  font-weight:400
}
.wf {
  float:left;
  width:100%;
  text-align:center
}
.wf img {
  width:100%;
  max-width:80px;
  max-height:80px
}
.wft {
  float:left;
  width:100%;
  font-size:15px
}
.wft li {
  float:left;
  width:100%;
  font-size:15px;
  line-height:20px;
  margin-bottom:5px;
  list-style-image:url(../img/libg.jpg)
}
.wft ul {
  margin-left:-40px
}
.wl {
  float:left;
  width:100%;
  text-align:center
}
.wl img {
  max-width:100%
}
.im1 {
  max-height:200px;
  margin-top:65%
}
.im2 {
  margin-top:74%
}
.im3 {
  margin-top:10%
}
.tess {
  margin:0 auto;
  width:100%
}
.tes-box {
  float:left;
  width:100%;
  height:auto;
  font-size:12px;
  color:#565656;
  margin:10px 0 40px 0
}
.tes-box strong {
  width:100%;
  float:left
}
.tes-box img {
  float:left;
  max-width:60px;
  max-height:60px;
  margin:-16px 10px 0 0
}
.tes-box h5 {
  font-weight:700;
  font-size:14px;
  margin:0
}
.tes-box p {
  float:left;
  width:100%
}
.fobg {
  background:#3a393e;
  color:#fff;
  font-size:12px
}
.ili {
  background:#f4f4f4;
  float:left;
  width:100%
}
.fobl {
  text-align:left;
  padding:10px 0
}
.fobr {
  text-align:left;
  padding:10px 0
}
img.dekstop { display:block; }
img.mobile { display:none; }
.thailand-immersion  {
  min-height:500px;
  position:relative;
  width:100%;
  padding:60px 0;
  background:url('../images/thai-immersion.jpg') no-repeat scroll 0 0;
  background-attachment: fixed;
}
.text-white { color:#fff; }
.m-0 { margin:0; }
ul.thai-immersion-points { margin:15px 0 0 0; padding:0; width:100%; list-style:none; }
ul.thai-immersion-points li { margin:0 0 25px 0; padding:0; width:100%; color:#fff; font-size:18px; list-style-type: square; }
.footer-call { margin:35px 0; padding:0; width:100%; }
.footer-call-action {
  background: linear-gradient(150deg, #00597b 15%, #05d5ff 70%, #a6ffcb 94%);
  border-radius: 6px;
  padding: 30px 45px;
  -webkit-box-shadow: 0 10px 60px -12px rgba(39,79,117,0.25);
  box-shadow: 0 10px 60px -12px rgba(39,79,117,0.25);
  margin-top: -75px;
}
.footer-call-action h2 { font-size:24px; color:#fff; line-height: 35px; margin:0; }
.footer-call-action h2 span { font-size:27px; }
a.theme-btn {
  background: #3ecf8e;
  color: #fff;
  text-shadow: 0 1px 3px rgba(36,180,126,0.4);
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
  height: 35px;
  line-height: 37px;
  padding: 0 14px;
  -webkit-box-shadow: 0 4px 6px rgba(50,50,93,0.11),0 1px 3px rgba(0,0,0,0.08);
  box-shadow: 0 4px 6px rgba(50,50,93,0.11),0 1px 3px rgba(0,0,0,0.08);
  border-radius: 4px;
  font-size: 15px;
  font-family: "Prompt", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  color: #fff;
  text-shadow: 0 1px 3px #fff;
  text-decoration: none;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  margin-top: 15px;
}
a.theme-btn:hover {
  color: #fff;
  background: #52d49a;
  color: #1a4161;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-box-shadow: 0 7px 14px rgba(50,50,93,0.1),0 3px 6px rgba(0,0,0,0.08);
  box-shadow: 0 7px 14px rgba(50,50,93,0.1),0 3px 6px rgba(0,0,0,0.08);
}
a.theme-btn1 {
  color: #fff;
  text-shadow: 0 1px 3px rgba(36,180,126,0.4);
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
  height: 35px;
  line-height: 37px;
  padding: 0 14px;
  -webkit-box-shadow: 0 4px 6px rgba(50,50,93,0.11),0 1px 3px rgba(0,0,0,0.08);
  box-shadow: 0 4px 6px rgba(50,50,93,0.11),0 1px 3px rgba(0,0,0,0.08);
  background: #fff;
  border-radius: 4px;
  font-size: 15px;
  font-family: "Prompt", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  color: #1a4161;
  text-shadow: 0 1px 3px #fff;
  text-decoration: none;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
a.theme-btn1:hover {
  color: #1a4161;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-box-shadow: 0 7px 14px rgba(50,50,93,0.1),0 3px 6px rgba(0,0,0,0.08);
  box-shadow: 0 7px 14px rgba(50,50,93,0.1),0 3px 6px rgba(0,0,0,0.08);
}

.courses{
display:flex;
justify-content:center;
flex-wrap:wrap;
}

.course-card{
background:#fff;
border-radius:8px;
overflow:hidden;
box-shadow:0 5px 15px rgba(0,0,0,0.3);
position:relative;
margin:15px 0;
}

.course-card img{
width:100%;
display:block;
}

.left-box{
position:absolute;
top:0;
left:0;
height:100%;
width:75px;
display:flex;
flex-direction:column;
color:#fff;
text-align:center;
}

.blue{
background:#0d5c75;
}

.green{
background:#2fbf9b;
}

.info{
padding:10px 5px;
border-bottom:1px solid rgba(255,255,255,0.3);
}

.info h2{
margin:0;
font-size:20px;
}

.info span{
font-size:11px;
}

.course-text{
padding:15px;
margin-left:0;
position: relative;
background: #fff;
min-height: 85px;
}

.course-text p{
font-size:11px;
color:#777;
letter-spacing:1px;
margin-bottom:5px;
}

.course-text h3{
font-size:15px;
margin:0;
color:#222;
}
.mb-3 { margin-bottom:15px; }
.mb-5 { margin-bottom:35px; }
.know_more  {
  font-size: 17px;
  background: #00597b;
  padding: 10px 25px;
  border-radius: 5px;
  margin: 0 10px;
  color:#fff;
  border:1px solid #00597b;
}
.know_more:hover { color:#00597b; background: #fff; text-decoration:none; }
.recruiters { background:#f4f4f4; padding:30px 0; margin:30px 0; }
.recruiters-list{
    list-style:none;
    margin:10px 0;
    padding:0;
    float:left;
    width:100%;
}
.recruiters-list li {
    width: 11.11%;
    text-align: center;
    margin:0;
    float:left;
}
.recruiters-list li img {
    width: auto;
    height: auto;
    object-fit: contain;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.mt-4 { margin-top:20px; }



/* Tablet */
@media (max-width:991px){
.recruiters-list li{
    width:25%;
}
}
@media only screen and (max-width: 600px) {
    img.dekstop { display:none; }
    img.mobile { display:block; }
    .recruiters-list li { width:50%; }
    .bgd2 { min-height: auto; }
    .bg3 { min-height: auto; }
    h2.dekstop-heading { display:none; }
}
@media(max-width:1000px) and (min-width:700px) {
  .ss-box {
    float:left;
    width:100%;
    border-bottom:solid 1px #999;
    height:auto;
    padding-right:0;
    margin-right:0;
    border-right:none
  }
  .wft strong {
    margin-top:15px;
    float:left
  }
  .bgl {
    background:#f4f4f4;
    min-height:0;
    float:left;
    padding:20px 15px;
    margin:0 0
  }
  .bgd {
    background:#e8e8e8;
    min-height:0;
    float:left;
    padding:20px 15px;
    margin:0 0
  }
  .im1 {
    max-height:200px;
    margin-top:5%
  }
  .im2 {
    margin-top:5%
  }
  .im3 {
    margin-top:5%
  }
  .wf {
    text-align:left
  }
  .wft ul {
    margin-left:-20px
  }
  .logo img {
    float:none
  }
  .logo {
    text-align:center
  }
  .wn {
    float:none;
    margin-bottom:10px
  }
  .forl {
    border-top:solid 0 #fff
  }
  .nasir img {
    float:left;
    width:100%;
    min-height:100%
  }
}
@media(max-width:700px) and (min-width:500px) {
  .ss-box {
    float:left;
    width:100%;
    border-bottom:solid 1px #999;
    height:auto;
    padding-right:0;
    margin-right:0;
    border-right:none
  }
  .wft strong {
    margin-top:15px;
    float:left
  }
  .bgl {
    background:#f4f4f4;
    min-height:0;
    float:left;
    padding:20px 15px;
    margin:0 0
  }
  .bgd {
    background:#e8e8e8;
    min-height:0;
    float:left;
    padding:20px 15px;
    margin:0 0
  }
  .im1 {
    max-height:200px;
    margin-top:5%
  }
  .im2 {
    margin-top:5%
  }
  .im3 {
    margin-top:5%
  }
  .wf {
    text-align:left
  }
  .wft ul {
    margin-left:-20px
  }
  .logo img {
    float:none
  }
  .logo {
    text-align:center
  }
  .wn {
    float:none;
    margin-bottom:10px
  }
  .forl {
    border-top:solid 0 #fff
  }
  .nasir img {
    float:left;
    width:100%;
    min-height:100%
  }
}
@media(max-width:500px) and (min-width:50px) {
  .ss-box {
    float:left;
    width:100%;
    border-bottom:solid 1px #999;
    height:auto;
    padding-right:0;
    margin-right:0;
    border-right:none
  }
  .wft strong {
    margin-top:15px;
    float:left
  }
  .bgl {
    background:#f4f4f4;
    min-height:0;
    float:left;
    padding:20px 15px;
    margin:0 0
  }
  .bgd {
    background:#e8e8e8;
    min-height:0;
    float:left;
    padding:20px 15px;
    margin:0 0
  }
  .im1 {
    max-height:200px;
    margin-top:5%
  }
  .im2 {
    margin-top:5%
  }
  .im3 {
    margin-top:5%
  }
  .wf {
    text-align:left
  }
  .wft ul {
    margin-left:-20px
  }
  .logo img {
    float:none
  }
  .logo {
    text-align:center
  }
  .wn {
    float:none;
    margin-bottom:10px
  }
  .forl {
    border-top:solid 0 #fff
  }
  .nasir img {
    float:left;
    width:100%;
    min-height:100%
  }
}


.carousel-control.left { background:none; width:20px; top:40%; }
.carousel-control.right { background:none; width:20px; top:40%; }