body{
    overflow-x:hidden;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-top:60px;
}
.text-muted{
    color:#777;
}
.text-primary{
    color:#1F1D58;
}
p{
    font-size:14px;
    line-height:1.75;
}
p.large{
    font-size:16px;
}
a,a:hover,a:focus,a:active,a.active{
    outline:0;
}
a{
    color:#1F1D58;
}
a:hover,a:focus,a:active,a.active{
    color:#57568c;
}
h1,h2,h3,h4,h5,h6{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:uppercase;
    font-weight:700;
}
.img-centered{
    margin:0 auto;
}
.bg-light-gray{
    background-color:#f7f7f7;
}
.bg-darkest-gray{
    background-color:#000;
}
.btn-primary{
    color:#fff;
    background-color:#1F1D58;
    border-color:#1F1D58;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:uppercase;
    font-weight:700;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{
    color:#fff;
    background-color:#57568c;
    border-color:#4a498a;
}
.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{
    background-image:none;
}
.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,
.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,
.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{
    background-color:#1F1D58;
    border-color:#1F1D58;
}
.btn-primary .badge{
    color:#1F1D58;
    background-color:#fff;
}
.btn-xl{
    color:#fff;
    background-color:#1F1D58;
    border-color:#1F1D58;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:uppercase;
    font-weight:700;
    border-radius:3px;
    font-size:18px;
    padding:20px 40px;
}
.btn-xl:hover,.btn-xl:focus,.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl{
    color:#fff;
    background-color:#57568c;
    border-color:#4a498a;
}
.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl{
    background-image:none;
}
.btn-xl.disabled,.btn-xl[disabled],fieldset[disabled] .btn-xl,.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,fieldset[disabled] .btn-xl:hover,.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,fieldset[disabled] .btn-xl:focus,.btn-xl.disabled:active,
.btn-xl[disabled]:active,fieldset[disabled] .btn-xl:active,.btn-xl.disabled.active,
.btn-xl[disabled].active,fieldset[disabled] .btn-xl.active{
    background-color:#1F1D58;
    border-color:#1F1D58;
}
.btn-xl .badge{
    color:#1F1D58;
    background-color:#fff;
}
.navbar-default{
    background-color:#fff;
    border-bottom: solid thick #1F1D58;
}
.navbar-default .navbar-brand{
    color:#1F1D58;
    font-family:"Helvetica Neue",Helvetica,Arial,cursive;
}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,.navbar-default .navbar-brand.active{
    color:#57568c;
}
.navbar-default .navbar-collapse{
    border-color:rgba(255,255,255,.02);
}
.navbar-default .navbar-toggle{
    background-color:#1F1D58;
    border-color:#1F1D58;
}
.navbar-default .navbar-toggle .icon-bar{
         background-color:#fff;
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{
    background-color:#1F1D58;
}
.navbar-default .nav li a{
         font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
         text-transform:uppercase;
         font-weight:400;
         color:#000;
}
.navbar-default .nav li a:hover,.navbar-default .nav li a:focus{
    color:#1F1D58;
    outline:0;
}
.navbar-default .navbar-nav>.active>a{
    border-radius:0;
    color:#fff;
    background-color:#1F1D58;
}
.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{
    color:#fff;
    background-color:#57568c;
}
@media (min-width:768px){
    .navbar-default{
        -webkit-transition:padding .3s;
        -moz-transition:padding .3s;
        transition:padding .3s;
        border-bottom: solid thick #1F1D58;
    }
    .navbar-default .navbar-brand{
        font-size:2em;
        -webkit-transition:all .3s;
        -moz-transition:all .3s;
        transition:all .3s;
    }
    .navbar-default .navbar-nav>.active>a{
        border-radius:3px;
    }
    .navbar-default.navbar-shrink{
        background-color:#000;
        padding:10px 0;
    }
    .navbar-default.navbar-shrink .navbar-brand{
        font-size:1.5em;
    }
}
header {
  /*background-image: url('../img/header-bg.jpg');*/
  background-repeat: none;
  background-attachment: scroll;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  text-align: center;
  color: white;
}
header .intro-text{
    padding-top:100px;
    padding-bottom:50px;
}
header .intro-text .intro-lead-in{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style:italic;
    font-size:22px;
    line-height:22px;
    margin-bottom:25px;
}
header .intro-text .intro-heading{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:uppercase;
    font-weight:700;
    font-size:50px;
    line-height:50px;
    margin-bottom:25px;
}
@media (min-width:768px){
    header .intro-text{
        padding-top:300px;
        padding-bottom:200px;
    }
    header .intro-text .intro-lead-in{
        font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
        font-style:italic;
        font-size:40px;
        margin-bottom:25px;
    }
    header .intro-text .intro-heading{
        font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
        text-transform:uppercase;
        font-weight:700;
        font-size:75px;
        line-height:75px;
        margin-bottom:50px;
    }
}
section{
    padding:100px 0;
}
section h2.section-heading{
    font-size:40px;
    margin-top:0;
    margin-bottom:15px;
}
section h3.section-subheading{
    font-size:16px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform:none;
    font-style:italic;
    font-weight:400;
    margin-bottom:75px;
}
@media (min-width:768px){
    section{
        padding:150px 0;
    }
}
.service-heading{
    margin:15px 0;
    text-transform:none;
}
#portfolio .portfolio-item{
    margin:0 0 15px;
    right:0;
}
#portfolio .portfolio-item .portfolio-link{
    display:block;
    position:relative;
    max-width:400px;
    margin:0 auto;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover{
    background:rgba(254,209,54,.9);
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    transition:all ease .5s;
    -webkit-transition:all ease .5s;
    -moz-transition:all ease .5s;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover{
    opacity:1;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{
    position:absolute;
    width:100%;
    height:20px;
    font-size:20px;
    text-align:center;
    top:50%;
    margin-top:-12px;
    color:#fff;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{
    margin-top:-12px;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{
    margin:0;
}
#portfolio .portfolio-item .portfolio-caption{
    max-width:400px;
    margin:0 auto;
    background-color:#fff;
    text-align:center;
    padding:25px;
}
#portfolio .portfolio-item .portfolio-caption h4{text-transform:none;margin:0}#portfolio .portfolio-item .portfolio-caption p{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:16px;margin:0}#portfolio *{z-index:2}@media (min-width:767px){#portfolio .portfolio-item{margin:0 0 30px}}.timeline{list-style:none;padding:0;position:relative}.timeline:before{top:0;bottom:0;position:absolute;content:"";width:2px;background-color:#f1f1f1;left:40px;margin-left:-1.5px}.timeline>li{margin-bottom:50px;position:relative;min-height:50px}.timeline>li:before,.timeline>li:after{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li .timeline-panel{width:100%;float:right;padding:0 20px 0 100px;position:relative;text-align:left}.timeline>li .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.timeline>li .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.timeline>li .timeline-image{left:0;margin-left:0;width:80px;height:80px;position:absolute;z-index:100;background-color:#1F1D58;color:#fff;border-radius:100%;border:7px solid #f1f1f1;text-align:center}.timeline>li .timeline-image h4{font-size:10px;margin-top:12px;line-height:14px}.timeline>li.timeline-inverted>.timeline-panel{float:right;text-align:left;padding:0 20px 0 100px}.timeline>li.timeline-inverted>.timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.timeline>li.timeline-inverted>.timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.timeline>li:last-child{margin-bottom:0}.timeline .timeline-heading h4{margin-top:0;color:inherit}.timeline .timeline-heading h4.subheading{text-transform:none}.timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}@media (min-width:768px){.timeline:before{left:50%}.timeline>li{margin-bottom:100px;min-height:100px}.timeline>li .timeline-panel{width:41%;float:left;padding:0 20px 20px 30px;text-align:right}.timeline>li .timeline-image{width:100px;height:100px;left:50%;margin-left:-50px}.timeline>li .timeline-image h4{font-size:13px;margin-top:16px;line-height:18px}.timeline>li.timeline-inverted>.timeline-panel{float:right;text-align:left;padding:0 30px 20px 20px}}@media (min-width:992px){.timeline>li{min-height:150px}.timeline>li .timeline-panel{padding:0 20px 20px}.timeline>li .timeline-image{width:150px;height:150px;margin-left:-75px}.timeline>li .timeline-image h4{font-size:18px;margin-top:30px;line-height:26px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}}@media (min-width:1200px){.timeline>li{min-height:170px}.timeline>li .timeline-panel{padding:0 20px 20px 100px}.timeline>li .timeline-image{width:170px;height:170px;margin-left:-85px}.timeline>li .timeline-image h4{margin-top:40px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px}}.team-member{text-align:center;margin-bottom:50px}.team-member img{margin:0 auto;border:7px solid #fff}.team-member h4{margin-top:25px;margin-bottom:0;text-transform:none}.team-member p{margin-top:0}aside.clients img{margin:50px auto}section#contact .section-heading{color:#fff}section#contact .form-group{margin-bottom:25px}section#contact .form-group input,section#contact .form-group textarea{padding:20px}section#contact .form-group input.form-control{height:auto}section#contact .form-group textarea.form-control{height:236px}section#contact .form-control:focus{border-color:#1F1D58;box-shadow:none}section#contact ::-webkit-input-placeholder{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#bbb}section#contact :-moz-placeholder{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#bbb}section#contact ::-moz-placeholder{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#bbb}section#contact :-ms-input-placeholder{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#bbb}section#contact .text-danger{color:#e74c3c}footer{padding:25px 0}footer span.copyright{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;text-transform:none}footer ul.quicklinks{margin-bottom:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;text-transform:none}ul.social-buttons{margin-bottom:0}ul.social-buttons li a{display:block;background-color:#000;height:40px;width:40px;border-radius:100%;font-size:20px;color:#fff;outline:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;line-height:40px}ul.social-buttons li a:hover,ul.social-buttons li a:focus,ul.social-buttons li a:active{background-color:#1F1D58}.btn:focus,.btn:active,.btn.active,.btn:active:focus{outline:0}.portfolio-modal .modal-content{border-radius:0;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none;border:0;min-height:100%;padding:100px 0;text-align:center}.portfolio-modal .modal-content h2{margin-bottom:15px;font-size:3em}.portfolio-modal .modal-content p{margin-bottom:30px}.portfolio-modal .modal-content p.item-intro{margin:20px 0 30px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:16px}.portfolio-modal .modal-content ul.list-inline{margin-bottom:30px;margin-top:0}.portfolio-modal .modal-content img{margin-bottom:30px}.portfolio-modal .close-modal{position:absolute;width:75px;height:75px;background-color:transparent;top:25px;right:25px;cursor:pointer}.portfolio-modal .close-modal:hover{opacity:.3}.portfolio-modal .close-modal .lr{height:75px;width:1px;margin-left:35px;background-color:#000;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);z-index:1051}.portfolio-modal .close-modal .lr .rl{height:75px;width:1px;background-color:#000;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);z-index:1052}.portfolio-modal .modal-backdrop{opacity:0;display:none}::-moz-selection{text-shadow:none;background:#fed136}::selection{text-shadow:none;background:#fed136}img::selection{background:0 0}img::-moz-selection{background:0 0}body{webkit-tap-highlight-color:#1F1D58}.navbar{min-height:60px}.navbar-nav{margin-top:5px}.navbar-brand{padding:18px}.jumbotron{padding-top:10px}.navbar-toggle{margin-top:12px}

.navbar-brand .site-logo img{
    height:40px;margin-top:-8px;
}
#active,.active{
    color:#1F1D58 !important;
}
.div-copyright{
    text-align:left;
}
.div-social{
    text-align:right;
}
.div-social-mobile{
    text-align:center;
}
.social-buttons li{
    text-align:center;
}
.navbar-default .navbar-brand img{
    margin-top: -13px !important;
}
.navbar-nav > li > .dropdown-menu li a{
    color:#333;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000 !important;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #1F1D58 !important;
}
.dropdown-menu {
    background-color: #fff !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #1F1D58 !important;
    color: #fff !important;
}
#lang-menu{
    font-size: 16px !important;
}
.error{
    color:red;
}
.success{
    color:green;
}

.panel-primary {
    border-color: #000;
}
.panel-primary > .panel-heading {
    background-color: #000;
    border-color: #000;
    color: #fff;
}
/* css ส่วนสำหรับการแบ่งหน้าข้อมูลสำหรับการพิมพ์ */
@media all
{
    .page-break { display:none; }
    .page-break-no{ display:none; }
}
@media print
{
    body {-webkit-print-color-adjust: exact;} /* กำหนดให้สีในหน้าเว็บสามารถพิมพ์ได้อย่างถูกต้อง */
    .page-break { display:block;height:1px; page-break-before:always; }
    .page-break-no{ display:block;height:1px; page-break-after:avoid; } 
}
.dot-line-txt {
    height: 24px;
    border-bottom: #000 1px dotted;
}
footer ul li{display:inline;}
footer ul li a{margin:6px;}