/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  /*padding-bottom: 40px;*/
  color: #5a5a5a;
  font-family: Kanit, serif;
}

/* PADDING AND MARGIN STYLES
-------------------------------------------------- */
.m-t-0{margin-top:0px !important}.p-t-0{padding-top:0px !important}.m-b-0{margin-bottom:0px !important}.p-b-0{padding-bottom:0px !important}.m-l-0{margin-left:0px !important}.p-l-0{padding-left:0px !important}.m-r-0{margin-right:0px !important}.p-r-0{padding-right:0px !important}.m-t-5{margin-top:5px !important}.p-t-5{padding-top:5px !important}.m-b-5{margin-bottom:5px !important}.p-b-5{padding-bottom:5px !important}.m-l-5{margin-left:5px !important}.p-l-5{padding-left:5px !important}.m-r-5{margin-right:5px !important}.p-r-5{padding-right:5px !important}.m-t-10{margin-top:10px !important}.p-t-10{padding-top:10px !important}.m-b-10{margin-bottom:10px !important}.p-b-10{padding-bottom:10px !important}.m-l-10{margin-left:10px !important}.p-l-10{padding-left:10px !important}.m-r-10{margin-right:10px !important}.p-r-10{padding-right:10px !important}.m-t-15{margin-top:15px !important}.p-t-15{padding-top:15px !important}.m-b-15{margin-bottom:15px !important}.p-b-15{padding-bottom:15px !important}.m-l-15{margin-left:15px !important}.p-l-15{padding-left:15px !important}.m-r-15{margin-right:15px !important}.p-r-15{padding-right:15px !important}.m-t-20{margin-top:20px !important}.p-t-20{padding-top:20px !important}.m-b-20{margin-bottom:20px !important}.p-b-20{padding-bottom:20px !important}.m-l-20{margin-left:20px !important}.p-l-20{padding-left:20px !important}.m-r-20{margin-right:20px !important}.p-r-20{padding-right:20px !important}.m-t-25{margin-top:25px !important}.p-t-25{padding-top:25px !important}.m-b-25{margin-bottom:25px !important}.p-b-25{padding-bottom:25px !important}.m-l-25{margin-left:25px !important}.p-l-25{padding-left:25px !important}.m-r-25{margin-right:25px !important}.p-r-25{padding-right:25px !important}.m-t-30{margin-top:30px !important}.p-t-30{padding-top:30px !important}.m-b-30{margin-bottom:30px !important}.p-b-30{padding-bottom:30px !important}.m-l-30{margin-left:30px !important}.p-l-30{padding-left:30px !important}.m-r-30{margin-right:30px !important}.p-r-30{padding-right:30px !important}.m-t-35{margin-top:35px !important}.p-t-35{padding-top:35px !important}.m-b-35{margin-bottom:35px !important}.p-b-35{padding-bottom:35px !important}.m-l-35{margin-left:35px !important}.p-l-35{padding-left:35px !important}.m-r-35{margin-right:35px !important}.p-r-35{padding-right:35px !important}.m-t-40{margin-top:40px !important}.p-t-40{padding-top:40px !important}.m-b-40{margin-bottom:40px !important}.p-b-40{padding-bottom:40px !important}.m-l-40{margin-left:40px !important}.p-l-40{padding-left:40px !important}.m-r-40{margin-right:40px !important}.p-r-40{padding-right:40px !important}.m-t-45{margin-top:45px !important}.p-t-45{padding-top:45px !important}.m-b-45{margin-bottom:45px !important}.p-b-45{padding-bottom:45px !important}.m-l-45{margin-left:45px !important}.p-l-45{padding-left:45px !important}.m-r-45{margin-right:45px !important}.p-r-45{padding-right:45px !important}.m-t-50{margin-top:50px !important}.p-t-50{padding-top:50px !important}.m-b-50{margin-bottom:50px !important}.p-b-50{padding-bottom:50px !important}.m-l-50{margin-left:50px !important}.p-l-50{padding-left:50px !important}.m-r-50{margin-right:50px !important}.p-r-50{padding-right:50px !important}.m-t-55{margin-top:55px !important}.p-t-55{padding-top:55px !important}.m-b-55{margin-bottom:55px !important}.p-b-55{padding-bottom:55px !important}.m-l-55{margin-left:55px !important}.p-l-55{padding-left:55px !important}.m-r-55{margin-right:55px !important}.p-r-55{padding-right:55px !important}.m-t-60{margin-top:60px !important}.p-t-60{padding-top:60px !important}.m-b-60{margin-bottom:60px !important}.p-b-60{padding-bottom:60px !important}.m-l-60{margin-left:60px !important}.p-l-60{padding-left:60px !important}.m-r-60{margin-right:60px !important}.p-r-60{padding-right:60px !important}.m-t-65{margin-top:65px !important}.p-t-65{padding-top:65px !important}.m-b-65{margin-bottom:65px !important}.p-b-65{padding-bottom:65px !important}.m-l-65{margin-left:65px !important}.p-l-65{padding-left:65px !important}.m-r-65{margin-right:65px !important}.p-r-65{padding-right:65px !important}.m-t-70{margin-top:70px !important}.p-t-70{padding-top:70px !important}.m-b-70{margin-bottom:70px !important}.p-b-70{padding-bottom:70px !important}.m-l-70{margin-left:70px !important}.p-l-70{padding-left:70px !important}.m-r-70{margin-right:70px !important}.p-r-70{padding-right:70px !important}.m-t-75{margin-top:75px !important}.p-t-75{padding-top:75px !important}.m-b-75{margin-bottom:75px !important}.p-b-75{padding-bottom:75px !important}.m-l-75{margin-left:75px !important}.p-l-75{padding-left:75px !important}.m-r-75{margin-right:75px !important}.p-r-75{padding-right:75px !important}.m-t-80{margin-top:80px !important}.p-t-80{padding-top:80px !important}.m-b-80{margin-bottom:80px !important}.p-b-80{padding-bottom:80px !important}.m-l-80{margin-left:80px !important}.p-l-80{padding-left:80px !important}.m-r-80{margin-right:80px !important}.p-r-80{padding-right:80px !important}.m-t-100{margin-top:100px !important}.p-t-100{padding-top:100px !important}.m-b-100{margin-bottom:100px !important}.p-b-100{padding-bottom:100px !important}.m-l-100{margin-left:100px !important}.p-l-100{padding-left:100px !important}.m-r-100{margin-right:100px !important}.p-r-100{padding-right:100px !important}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 520px;
  /*margin-bottom: 60px;*/
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 520px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 520px;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}


/* User defined Styles
-------------------------------------------------*/
.btn-rounded {
  border-radius: 25px;
}

.btn-red, .btn-red:focus {
  background: #bf2146;
  border-color: #bf2146;
  color: white;
}

.btn-red:hover {
  background: #9b2e5d;
  border-color: #9b2e5d;
  color: white;
}

.btn-blue, .btn-blue:focus {
  background: #354b7e;
  border-color: #354b7e;
  color: white;
}

.btn-blue:hover {
  background: #4b5898;
  border-color: #4b5898;
  color: white;
}

.text-bold {
  font-weight: 600;
}

.text-italic {
  font-style: italic;
}

.text-red {
  color: #bf2146;
}
.text-blue {
  color: #354b7e;
}

.fa.fa-naver-line {
  background: url(../images/icon-line-white.png);
  height: 16px;
  width: 16px;
  background-size: contain;
  background-repeat: no-repeat;
}

/* HOMEPAGE STYLES
------------------------------------------------ */
.header-logo {
  /*height: 60px;*/
  height: 70px;
  margin-left: -10px;
}

.navbar-static-top {
  background: none;
  border: none;
}

.navbar-static-top .navbar-nav > li > a {
  color: white;
}

.navbar-static-top .navbar-nav > li {
  font-size: 16px;
}

.navbar-static-top .navbar-nav>.active>a,
.navbar-static-top .navbar-nav>.active>a:focus,
.navbar-static-top .navbar-nav>.active>a:hover,
.navbar-static-top .navbar-nav>li>a:hover,
.navbar-static-top .navbar-nav>.open>a,
.navbar-static-top .navbar-nav>.open>a:focus,
.navbar-static-top .navbar-nav>.open>a:hover {
  background: none;
  border-bottom: 2px solid white;
}

#navbar {
  background: #393e4ef2;
  margin-top: 34px;
  border-radius: 8px;
  max-width: none;
}
.navbar-header .navbar-toggle {
  margin-top: 20px;
}

.carousel-caption {
  /*left: 0;*/
  /*right: 0;*/
  /*bottom: 0;*/


  left: 0;
  right: 0;
  padding-top: 130px;
  position: relative;
}

.carousel-caption h1 {
  font-size: 42px;
}

.carousel-caption .container {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1140px;
}

.header-text {
  z-index: 5;
}

.header-photo {
  height: 406px;
  position: absolute;
  bottom: 0;
  margin-bottom: -20px;
  display: none;
}

#header-slider {
  border-radius: 20px;
  border: 10px solid #00000026;
}

.carousel-caption p.header-text-sup {
  font-size: 18px;
  margin-bottom: -15px;
}

.carousel-caption h1 {
  font-weight: 500;
}

.carousel-caption p.header-text-content {
  font-size: 16px;
}

.carousel-caption .header-text h1 {
  font-size: 29px;
}
.carousel-caption .header-text-sup {
  font-size: 16px;
}
.carousel-caption p.header-text-content {
  font-size: 14px;
}
.carousel-caption p.header-action-buttons {
  margin-top: 20px;
  /*margin-bottom: 20px;*/
}
.carousel-caption .btn {
  font-size: 14px;
  padding: 8px 12px;
}

.slider-text {
  overflow: hidden;
  font-size: 16px;
}

@media (min-width: 768px) {
  .navbar-nav>li>a {
    padding: 15px 5px 5px 5px;
    margin: 0 8px;
  }
  
  #navbar {
    float: right;
  }

  #navbar {
    background: none;
    margin-top: 0;
    border-radius: initial;
  }

  .header-photo {
    display: inline-table;
  }

  .carousel-caption {
    padding-top: 155px;
  }

  .carousel-caption .container {
    padding-left: 45px;
    padding-right: 45px;
  }

  /*.carousel-caption .header-text h1 {*/
    /*font-size: 42px;*/
  /*}*/

  /*.carousel-caption .header-text-sup {*/
    /*font-size: 18px;*/
  /*}*/

  /*.carousel-caption p.header-text-content {*/
    /*font-size: 16px;*/
  /*}*/

  /*.carousel-caption p.header-action-buttons {*/
    /*margin-top: 40px;*/
    /*margin-bottom: 30px;*/
  /*}*/

  /*.carousel-caption .btn {*/
    /*font-size: 18px;*/
    /*padding: 10px 16px;*/
  /*}*/
}

@media (min-width: 768px) and (max-width: 1199px) {
  .navbar-static-top .navbar-nav > li {
    font-size: 15px;
  }
}

@media (min-width: 574px) {
  /*.header-photo {*/
    /*display: inline-table;*/
  /*}*/

  .carousel-caption .header-text h1 {
    font-size: 42px;
  }

  .carousel-caption .header-text-sup {
    font-size: 18px;
  }

  .carousel-caption p.header-text-content {
    font-size: 16px;
  }

  .carousel-caption p.header-action-buttons {
    margin-top: 40px;
    margin-bottom: 30px;
  }

  .carousel-caption .btn {
    font-size: 18px;
    padding: 10px 16px;
  }
}

.our-services {
  background: url(../images/world_map_bg.png);
  min-height: 300px;
  position: relative;
  overflow: hidden;
}

.our-services h2 {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.3;
}

.our-services > .container {
  padding: 40px;
  max-width: 1050px;
}

.our-services .services-list ul li {
  /*font-size: 20px;*/
  /*font-weight: 500;*/
  /*padding: 10px 0;*/
  font-size: 20px;
  font-weight: 500;
  background: white;
  border-radius: 25px;
  padding: 9px 20px;
  list-style: none;
  margin-bottom: 15px;
  display: inline-block;
  z-index: 10;
}

.our-services .our-services-photo {
  width: 350px;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.manager-quotes {
  background: url(../images/world_map_bg.png);
  min-height: 300px;
  position: relative;
  overflow: hidden;
}

.manager-quotes h1 {
  font-weight: 600;
}

.manager-quotes > .container {
  /*padding: 40px;*/
  max-width: 1050px;
  padding: 40px 30px;
}

.manager-quotes .manager-photo {
  padding: 10px 0px;
}

.manager-quotes .manager-quote {
  font-size: 14px;
  /*font-weight: 500;*/
  margin-top: 15px;
  margin-bottom: 5px;
  color: #354b7e;
}
.manager-quotes .manager-quote:before, .manager-quotes .manager-quote:after {
  font-family: FontAwesome;
  font-size: 22px;
  color: #b34b4d;
}
.manager-quotes .manager-quote:before {
  content: "\f10d";
}
.manager-quotes .manager-quote:after {
  content: "\f10e";
}
.manager-quotes .manager-info {
  text-align: center;
  font-size: 16px;
  margin-bottom: 30px;
}
.manager-quotes .manager-info .manager-name {
  font-weight: 500;
}
.manager-quotes .manager-info .manager-title {
  font-size: 14px;
}
@media (min-width: 768px) {
  .manager-quotes .manager-quote {
    min-height: 90px;
  }
  .manager-quotes .manager-photo {
    padding: 10px 20px;
  }
  .manager-quotes .manager-quote {
    font-size: 18px;
  }
  .manager-quotes .manager-info {
    font-size: 18px;
  }
  .manager-quotes .manager-info .manager-title {
    font-size: 16px;
  }
}

.stats-data {
  background: #373f79;
}

.stat-block {
  color: white;
  padding: 45px;
  min-height: 240px;
}

.stat-block a {
  display: block;
  color: white;
  text-decoration: none;
}

.stat-block.alternate {
  background: #303668;
}

.stat-block .stat-icon {
  font-size: 60px;
}

.stat-block .stat-icon.stat-icon-sm {
  font-size: 30px;
}

.stat-block .stat-value {
  font-size: 45px;
  font-weight: 600;
}

.stat-block .stat-text {
  font-size: 22px;
  font-weight: 300;
  margin-top: 25px;
}

.company-profile {
  background: url(../images/workspace_bg.jpg);
  min-height: 300px;
  background-size: cover;
  color: white;
}
.company-profile .container {
  padding: 35px 25px;
  max-width: 1050px;
}

.company-profile p {
  font-size: 16px;
}

.portfolio {
  background: #f1f1f1;
}

.portfolio .container {
  padding: 35px 40px;
  max-width: 1100px;
}

.portfolio .slider .slider-item {
  margin: 15px;
}

.portfolio .slick-prev:before,
.portfolio .slick-next:before {
  color: #bf2146;
  font-size: 32px;
}

.testimonials {
  background: url(../images/testimonials_bg.jpg);
  min-height: 300px;
  background-size: cover;
  color: white;
}

.testimonials .container {
  padding: 35px;
  max-width: 1050px;
}

.testimonials .testimonial-logos {
  background: white;
  padding: 30px;
  border-radius: 25px;
  border: 10px solid #77385cc7;
}

.testimonials .testimonial-logos img {
  margin-bottom: 20px;
  height: 60px;
}

.need-help {
  background: url(../images/need_help_bg.jpg);
  min-height: 300px;
  background-size: cover;
  color: white;
}

.need-help .container {
  padding: 35px;
}

.need-help a {
  color: #e4e4e4;
}

.need-help .contact-address {
  font-size: 16px;
}

.need-help .contact-form input[type=text] {
  background: #ffffff30;
  color: white;
  border: none;
  min-width: 250px;
}

.need-help .contact-form input::placeholder {
  color: white;
}

.footer-sitemap {
  background: url(../images/world_map_bg.png);
  min-height: 300px;
  font-size: 16px;
  border-top: 1px solid #e4e4e4;
}

.footer-sitemap .container {
  padding: 30px;
  max-width: 850px;
}

.footer-sitemap h4 {
  color: #373f79;
}

.footer-sitemap a {
  color: grey;
}

.footer-sitemap .footer-images img {
  margin-bottom: 30px;
}

.footer {
  background: #e8e8e8;
}
.footer .container {
  padding: 20px 40px;
}

.back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  background: #bf2146c2;
}
.back-to-top .text-label {
  font-size: 12px;
}

/* STYLES FOR PAGE TEMPLATE
------------------------------------------------- */
.section.section-page .container,
.section.section-not-found .container
{
  padding: 30px 23px;
  font-size: 16px;
}
.section.section-page .container p {
  margin-bottom: 20px;
}

#header-page-title {
  height: 148px;
  overflow: hidden;
}

#header-page-title .carousel-caption {
  top: 70px;
  padding-top: 18px;
}

#header-page-title .carousel-caption .container {
  top: 0;
  padding: 15px;
}

#header-page-title .carousel-caption .header-text {
  /*background: #4a4a4a61;*/
  background: #bf282838;
  padding: 0px 20px;
}

#header-page-title .carousel-caption .header-text h1 {
  padding: 0;
  margin: 0;
  display: inline;
}

#header-page-title .carousel-caption .header-text p {
  display: inline;
  margin-left: 5px;
  font-size: 15px;
}

#header-page-title .carousel-caption .header-text p a {
  color: #a1a1a1;
}

#header-page-title .carousel-caption .header-photo {
  top: -50px;
}

@media (min-width: 768px) {
  #header-page-title {
    height: 191px;
  }

  #header-page-title .carousel-caption {
    top: 100px;
    padding-top: 12px;
  }

  .section.section-page .container,
  .section.section-not-found .container {
    padding: 30px 35px;
  }
  .footer-sitemap .container {
    padding: 40px;
  }
  .company-profile .container {
    padding: 35px 40px;
  }
}

@media (min-width: 574px) {
}

@media (min-width: 768px) and (max-width: 1199px) {
  #navbar {
    max-width: 450px;
  }
  #navbar .navbar-nav li a {
    border-bottom: 2px solid transparent;
  }
  #navbar .navbar-nav li a:hover {
    border-color: white;
  }
}