.wrapper-story { padding: 100px 215px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; }
@media (max-width: 1480px) { .wrapper-story { padding: 100px; } }
@media (max-width: 992px) { .wrapper-story { padding: 50px; } }
.wrapper-story .story-top { display: flex; justify-content: space-between; }
@media (max-width: 1480px) { .wrapper-story .story-top { justify-content: inherit; flex-direction: column-reverse; } }
.wrapper-story .story-top > div { width: 45%; }
@media (max-width: 1480px) { .wrapper-story .story-top > div { width: 100%; } }
@media (max-width: 1480px) { .wrapper-story .story-top > div.img { display: flex; justify-content: center; margin-bottom: 100px; } }
@media (max-width: 1080px) { .wrapper-story .story-top > div.img { display: none; } }
.wrapper-story .story-top p { font-family: 'sarabunregular'; font-size: 17px; color: #8D8D8D; letter-spacing: 0; line-height: 24px; margin-bottom: 35px; }
.wrapper-story .story-top p b { font-family: 'sarabun_semiboldregular'; font-size: 17px; color: #FC4C02; letter-spacing: 0; line-height: 24px; }
.wrapper-story .story-top p strong { font-family: 'prompt_mediumregular'; font-size: 20px; color: #003057; letter-spacing: 0; }
.wrapper-story .story-timeline { padding: 100px 0; }
.wrapper-story .story-timeline .timeline-logo { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; padding-bottom: 50px; }
.wrapper-story .story-timeline .timeline { display: flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -webkit-align-items: center; position: relative; background: #fff; flex-direction: column; margin-top: 50px; }
@media (max-width: 992px) { .wrapper-story .story-timeline .timeline { flex-direction: column; } }
.wrapper-story .story-timeline .timeline .line { position: absolute; width: 1px; height: calc(100% - 367px); background: #E1E1E1; }
.wrapper-story .story-timeline .timeline .list { width: 100%; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: flex-start; -webkit-align-items: flex-start; z-index: 1; min-height: 200px; margin: 40px 0; }
@media (max-width: 992px) { .wrapper-story .story-timeline .timeline .list { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; flex-direction: column; } }
.wrapper-story .story-timeline .timeline .list:first-child { flex-direction: column; display: flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -webkit-align-items: center; padding: 0; margin-top: -50px; }
.wrapper-story .story-timeline .timeline .list:first-child > div:nth-child(1) { width: unset; font-size: 20px; color: #FC4C02; margin-bottom: 20px; }
.wrapper-story .story-timeline .timeline .list:first-child > div:nth-child(3) { display: none; }
.wrapper-story .story-timeline .timeline .list > div:nth-child(1) { width: 100%; display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; align-items: center; -webkit-align-items: center; font-family: "promptbold", Helvetica, Arial, sans-serif; font-size: 30px; color: #003B71; letter-spacing: 3.6px; }
@media (max-width: 992px) { .wrapper-story .story-timeline .timeline .list > div:nth-child(1) { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: flex-start; -webkit-align-items: flex-start; background: #fff; } }
.wrapper-story .story-timeline .timeline .list > div:nth-child(2) { flex: 0 0 46px; max-width: 46px; width: 46px; height: 46px; background: #FC4C02; border-radius: 50%; margin: 0 40px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
@media (max-width: 992px) { .wrapper-story .story-timeline .timeline .list > div:nth-child(2) { margin: 0; display: none; } }
.wrapper-story .story-timeline .timeline .list > div:nth-child(2):before { content: ''; width: 11px; height: 11px; border-radius: 50%; background: #fff; }
.wrapper-story .story-timeline .timeline .list > div:nth-child(3) { width: 100%; display: flex; display: -webkit-flex; flex-direction: column; }
@media (max-width: 992px) { .wrapper-story .story-timeline .timeline .list > div:nth-child(3) { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; background: #fff; } }
.wrapper-story .story-timeline .timeline .list > div:nth-child(3) div { width: 300px; position: relative; display: flex; display: -webkit-flex; }
@media (max-width: 992px) { .wrapper-story .story-timeline .timeline .list > div:nth-child(3) div { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; background: #fff; } }
.wrapper-story .story-timeline .timeline .list > div:nth-child(3) div .sub-point { width: 46px; height: 46px; background: #fff; border: 1px solid #E1E1E1; border-radius: 50%; position: absolute; left: -86px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
@media (max-width: 992px) { .wrapper-story .story-timeline .timeline .list > div:nth-child(3) div .sub-point { position: unset; display: none; } }
.wrapper-story .story-timeline .timeline .list > div:nth-child(3) div .sub-point:before { content: ''; width: 11px; height: 11px; border-radius: 50%; background: #FC4C02; }
.wrapper-story .story-timeline .timeline .list > div:nth-child(3) div:nth-child(1n+2) { margin-top: 40px; }
.wrapper-story .story-timeline .timeline .list > div:nth-child(3) div img { margin: 20px 0; }
@media (max-width: 992px) { .wrapper-story .story-timeline .timeline .list > div:nth-child(3) div img { border: 1px solid #E1E1E1; padding: 10px; width: 250px; } }
.wrapper-story .story-bottom { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; margin-top: 80px; }
.wrapper-story .story-bottom .aa { width: 25%; }
.wrapper-story .story-bottom .bb { width: 75%; }
.wrapper-story .story-bottom .bb .pic { display: flex; margin-bottom: 15px; }
.wrapper-story .story-bottom .bb .pic > div { width: 20%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; flex-direction: column; }
.wrapper-story .story-bottom .bb .pic > div > span { font-family: "promptbold"; font-size: 15px; color: #003057; letter-spacing: 2px; text-align: center; margin: 40px 0 30px 0px; }

.sss-watkinson { background: #003057; padding: 87px 100px 55px 100px; }
@media (max-width: 1080px) { .sss-watkinson { padding: 87px 30px 55px 30px; } }
.sss-watkinson .title-top { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; margin-bottom: 100px; }
.sss-watkinson .title-top h2 { color: #ffffff; font-family: "prompt_semiboldregular"; font-size: 30px; color: #FFFFFF; letter-spacing: 2.4px; line-height: 56px; }
.sss-watkinson .wrap { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; margin-bottom: 75px; }
@media (max-width: 1080px) { .sss-watkinson .wrap { flex-direction: column; } }
.sss-watkinson .wrap .button-block-1 { text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.18); padding: 0px 80px; }
@media (max-width: 1480px) { .sss-watkinson .wrap .button-block-1 { padding: 0px 30px; } }
@media (max-width: 1080px) { .sss-watkinson .wrap .button-block-1 { border-right: none; } }
.sss-watkinson .wrap .button-block-1:last-child { border-right: none; }
.sss-watkinson .wrap .button-block-1 .card-text .title { font-family: "prompt_semiboldregular"; font-size: 18px; color: #FFFFFF; letter-spacing: 0; text-align: center; padding: 20px 0; }
.sss-watkinson .wrap .button-block-1 .card-text p { font-family: 'sarabunregular'; font-size: 17px; color: rgba(221, 221, 221, 0.64); letter-spacing: 0; text-align: center; line-height: 24px; }
.sss-watkinson .wrap .button-block-1 .card-text p b { font-family: "prompt_semiboldregular"; font-size: 17px; color: #FC4C02; letter-spacing: 0; text-align: center; }
.sss-watkinson .call { position: absolute; right: 0; background: #ffffff; border-top-left-radius: 25px; padding: 15px 45px 15px 25px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
.sss-watkinson .call span { color: #FC4C02; font-size: 23px; margin: 0px 20px; }
.sss-watkinson .call a { font-family: 'prompt_mediumregular'; font-size: 17px; color: #FC4C02; letter-spacing: 0; }

.vision { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; flex-direction: column; }
.vision img { display: none; }
.vision #main-slider-wrapper { padding: 130px 0; width: 65%; display: flex; justify-content: center; /* position: relative; */ align-items: center; }
.vision #main-slider-wrapper .ls-nav { position: absolute; width: 100%; z-index: 10; top: 0; margin-top: 80px; }
.vision #main-slider-wrapper .ls-nav a { background: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-family: "promptbold"; font-size: 14px; color: #FFFFFF; letter-spacing: 0.76px; text-align: center; text-transform: uppercase; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; }
.vision #main-slider-wrapper .ls-nav a:hover, .vision #main-slider-wrapper .ls-nav .current a { background: none; color: #ffffff; border-bottom: 1px solid white; }
.vision #main-slider-wrapper .ls-nav-left-arrow, .vision #main-slider-wrapper .ls-nav-right-arrow { width: 39px; height: 39px; }
@media (max-width: 768px) { .vision #main-slider-wrapper .ls-nav-left-arrow, .vision #main-slider-wrapper .ls-nav-right-arrow { display: none !important; } }
.vision #main-slider-wrapper .liquid-slider { background: none; }
.vision #main-slider-wrapper .liquid-slider h4 { font-family: "prompt_semiboldregular"; font-size: 30px; color: #FFFFFF; letter-spacing: 2.4px; text-align: center; margin: 50px 0; }
.vision #main-slider-wrapper .liquid-slider ol, .vision #main-slider-wrapper .liquid-slider ul { width: 80%; }
@media (max-width: 768px) { .vision #main-slider-wrapper .liquid-slider ol, .vision #main-slider-wrapper .liquid-slider ul { width: 100%; } }
.vision #main-slider-wrapper .liquid-slider ol li, .vision #main-slider-wrapper .liquid-slider ul li { font-family: 'sarabun_mediumregular'; font-size: 17px; color: #FFFFFF; letter-spacing: 0; line-height: 24px; text-align: left; margin-bottom: 20px; }
.vision #main-slider-wrapper .liquid-slider .panel-wrapper { color: #ffffff; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; flex-direction: column; }
@media (max-width: 768px) { .vision #main-slider-wrapper .liquid-slider .panel-wrapper { padding: 0; } }
.vision #main-slider-nav-ul { display: flex; justify-content: space-around; }
.vision #main-slider-nav-ul li { width: 100%; text-align: center; }
.vision #main-slider-nav-ul li a { width: 100%; }
 
/*# sourceMappingURL=our_story.css.map */