@font-face { font-family: 'LucidaGrande'; src: url('../fonts/LucidaGrande.eot?#iefix') format('embedded-opentype'), url('../fonts/LucidaGrande.woff') format('woff'), url('../fonts/LucidaGrande.ttf')  format('truetype'), url('../fonts/LucidaGrande.svg#LucidaGrande') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'LucidaGrande'; src: url('../fonts/LucidaGrande-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/LucidaGrande-Bold.woff') format('woff'), url('../fonts/LucidaGrande-Bold.ttf')  format('truetype'),	url('../fonts/LucidaGrande-Bold.svg#LucidaGrande-Bold') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Thaisans'; src: url('../fonts/ThaiSansNeue-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/ThaiSansNeue-SemiBold.woff') format('woff'), url('../fonts/ThaiSansNeue-SemiBold.ttf')  format('truetype'),	url('../fonts/ThaiSansNeue-SemiBold.svg#ThaiSansNeue-SemiBold') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Calibri'; src:  url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'), url('../fonts/Calibri.woff') format('woff'), url('../fonts/Calibri.ttf')  format('truetype'), url('../fonts/Calibri.svg#Calibri') format('svg'); font-weight: normal; font-style: normal; }

a { color: #008b92; text-decoration: none; }
a:active{outline: none;}
a:focus{outline: none; background-color: transparent !important;}

body { font-size: 14px;}
body#en, body#en h1, body#en h2, body#en h3, body#en h4{ font-family: LucidaGrande;}
body#en p,body#en span, body#en a {font-family: Calibri; }
body#th, body#th h1, body#th h2, body#th h3, body#th h4 { font-family: Thaisans;}
body#th p,body#th a { font-family: 'Kanit';}

.solutions-main, .services-main, .coverage-main { position: relative; top: -54px; }


.language-switch { margin: 0; padding: 0 0 0 10px; display: inline-block; }
.language-switch .active-language > span { font-weight: bold; }
.language-switch a:hover { text-decoration: none; color: #6ce1e2; }
.language-switch a > span { border-right: 1px solid #4a8786; padding-right: 10px; }
.language-switch a:last-child > span { padding-left: 5px; border: none; }

.container { width: 1024px; }
.main-menu { background: #e2e3e3; border-bottom: 4px solid #6ce1e2;; }
.main-menu.stick {position: fixed;width: 100%;top:0;z-index: 5;}
.menu-position {display: none;position: relative;height: 53px;}
.menu-position.stick {display: block;}

.main-menu .main-nav { text-align: left; padding: 5px 0; }
.main-menu .main-nav ul { margin: 0;  display: inline-block; }
.main-menu .main-nav ul li { display: inline-block; position: relative; list-style: none; padding: 0px; }
/*.main-menu .main-nav ul li:last-child { padding: 0px 0px 0px 0px; }*/
.main-menu .main-nav ul li a { color: #4a8786; text-transform: uppercase; font-size: 14px; padding: 10px 30px; }
.main-menu .main-nav ul li a:hover { text-decoration: none; background-color: transparent; color: #6ce1e2; }
.main-menu .main-nav ul li a.nav-selected.nav-path-selected { /*color: #6ce1e2;*/ font-weight: bold; }

#site-header { background: #FFFFFF; border-top: 5px solid #1a5755;  width: 100%; position: relative; }
#site-header .site-logo { display: block; margin: 0 auto; }
.site-logo img { margin: 10px 0; }
.top-contact { margin: 50px auto; text-align: right; }
.top-contact p { display: inline;  }
.top-contact i { padding-right: 10px; color: #1a5755; }
.top-contact a { color: #1a5755; margin: 0 auto; padding: 0 15px 0 0;  font-size: 1.2em;/*font-size: 18px;*/ }
.top-contact a:hover { text-decoration: none; color: #6ce1e2; }

section#home-slide { text-align: center; background-size: cover; color: #dcf3f2; padding-top: 210px; padding-bottom: 210px; }
#home-slide h2 { margin: 0; font-size: 50px; margin-bottom: 16px; border-bottom: 1px solid #6ce1e2; display: inline-block; font-weight: bold; padding-bottom: 10px;  }
body#th #home-slide h2 {font-size: 70px;line-height: 70px;}
.page-template-home .slide p { display: inline-block; width: 83%; font-size: 1.8em;/*font-size: 25px;*/ line-height: 33px;  }

/* about */
section.about { padding: 50px; }
.page-template-home .about-feadture img { padding-right: 50px; }
.page-template-home .about-content { padding-left: 40px; padding-top: 29px; }
.about-content h3 { color: #216c6a; font-size: 1.8em;/*font-size: 25px;*/ font-weight: bold; margin-top: 25px; }
body#th .about-content h3 {font-size: 40px;}
.about-content p {  font-size: 1.2em;/*font-size: 18px;*/ }
.about-content a:hover { text-decoration: none; /*font-size: 18px;*/ }

/* our-solution */
.our-solution-wrapper { background: #f4f1f1;}
.our-solution-content { padding: 70px 0 70px; }
.our-solution-content .our-solution-wireless, .our-solution-content .our-solution-network, .our-solution-content .our-solution-mobile { padding: 0 43px; }

.page-template-home .our-solution-title h2 { font-size: 40px; text-align: center; color: #1a5755; font-weight: bold; text-transform: uppercase;  padding: 25px;  margin: 20px; }
body#th .page-template-home .our-solution-title h2 {font-size: 65px;margin-top: 0;}
.wireless { margin-bottom: 20px; background: url('../images/wifi.svg') no-repeat; background-size: 90%; width: 100px; height: 100px; margin-left: calc(100% - 67%); }
.network { margin-bottom: 20px; background: url('../images/network-connection.svg') no-repeat; background-size: 85%; width: 100px; height: 100px; margin-left: calc(100% - 67%); }
.mobile { margin-bottom: 20px; background: url('../images/mobileme-logo-of-black-cloud.svg') no-repeat; background-size: 95%; width: 100px; height: 100px; margin-left: calc(100% - 69%); }
.our-solution-wireless h2, .our-solution-network h2, .our-solution-mobile h2 {  font-size: 1.8em; margin: 0; text-align: center; font-weight: bold; color: #1a5755;}
body#th .our-solution-wireless h2, 
body#th .our-solution-network h2, 
body#th .our-solution-mobile h2 {font-size: 35px;}
.our-solution-wireless p, .our-solution-network p, .our-solution-mobile p { margin-top: 15px; font-size: 1.2em;/*font-size: 18px;*/ font-weight: 100; font-style: normal;  text-align: center; }
/*.our-solution-wireless i, .our-solution-network i, .our-solution-mobile i { text-align: center; font-size: 100px; position: relative; color: #008b92; margin-left: calc(100% - 70%); }*/

/* our-service */
.our-service-wrapper { background: #f4f1f1;}
.page-template-home .our-service-content { padding: 50px 0;}
.page-template-home .our-service-col-1 p { border-bottom: 1px solid #D9D9D9; padding-bottom: 8px; color: #008b92; font-size: 1.2em; }
.page-template-home .our-service-col-1 p:last-child { border-bottom: 0; }
.page-template-home .our-service-col-2 p { border-bottom: 1px solid #D9D9D9; padding-bottom: 8px; color: #008b92; font-size: 1.2em; }
.page-template-home .our-service-col-2 p:last-child { border-bottom: 0; }
.page-template-home .our-service-title h2 { font-size: 40px; text-align: center; color: #1a5755; font-weight: bold; text-transform: uppercase;  padding: 25px 0 0 0;}
body#th .page-template-home .our-service-title h2{font-size: 65px;margin-top: 0;}
.page-template-home .our-service-description p { color: #6d6d6d;  padding: 0 0 40px 0; font-size: 20px; }

/* converage */
.page-template-home .converage-title h2 { margin-bottom: 20px; font-size: 40px; text-align: center; color: #1a5755; font-weight: bold; text-transform: uppercase;  padding: 25px;}
body#th .page-template-home .converage-title h2 {font-size: 65px;margin-top: 0;}
.converage-wrapper { background: #f4f1f1;}
.converage-content { padding: 50px 0;}
.converage-col-1 { padding-top: 30px; color: #333333; font-size: 1.2em; padding-left: 64px; padding-right: 50px; line-height: 25px; }
.converage-col-2 { color: #487776;  }
.converage-col-1 h2, .converage-col-2 h2 {  font-weight: bold; color: #1a5755; font-size: 30px; margin-top: 35px; }
body#th .converage-col-1 h2,body#th  .converage-col-2 h2 {    font-size: 46px;margin-top: 0;}
/* financial */
.financial-concept { background: #f4f1f1; margin-top: 50px; margin-bottom: 50px; }
.financial-concept p { text-align: center; padding: 25px 0; margin: 0; color: #1a5755; font-size: 17px; }
.financial-wrapper { background: #f4f1f1;}
.financial-tilte h2 { font-size: 40px; text-align: center; font-weight: bold; padding: 25px 0 0; color: #1a5755; margin-top: 20px; }
body#th .financial-tilte h2 {margin-top: 0; font-size:65px;}
.financial-description p { text-align: center;  font-size: 20px;/*font-size: 18px;*/ }
.financial-link { margin-bottom: 40px; }
.financial-link a { text-align: center; color: #008b92;  font-weight: bold; font-size: 32px; text-transform: uppercase; }
.financial-link a:hover, .financial-link a:focus, .financial-link a:active { text-decoration: none; color: #6ce1e2; }
.financial-link p > a >i:last-child { font-size: 1em;/*font-size: 25px;*/ }
.financial-link i:first-child { position: absolute; margin-top: 5px; margin-left: -36px; }
.financial-link i:last-child { position: absolute; margin-top: 9px; margin-left: 10px; }


/* contact */
.contact-link-boder { border: 2px solid #FFFFFF; display: block; }
.contact-wrapper a { text-align: center; padding: 3px 15px; margin: 45px 385px; color: #FFFFFF; font-size: 38px; text-decoration: none;  text-transform: uppercase; }
.contact-wrapper a:hover{background: white !important;color: black;}
.news-content p {  font-size: 1.2em;/*font-size: 18px;*/ }

.contact-form-content .radio {display: inline-block;    margin: 0 20px 10px 0;}
.contact-form-content form .fields > input {margin: 0px 0 10px;}
/* news */
.news-wrapper { padding: 25px; }
.news-header-ico { text-align: right; padding-right: 25px; }
.news-header-ico h2 {  font-weight: bold; }
.news-header-ico h2 > i { padding-right: 15px; }
.news-header-ico:after { content: ''; display: block; border-right: 1px solid #333333; height: 33px; position: absolute; right: 0; top: 23px;}
.news-content { padding-left: 30px; }
.news-content h3 {  font-weight: bold; margin-bottom: 5px; }

.footer-content { background: #1a5755; }
.footer-content .footer-colum { color: #FFFFFF; padding-top: 35px; padding-bottom: 35px; }
.footer-content .footer-colum .col-contact p > a { color: #FFFFFF; }
.footer-content .footer-colum .col-contact p > a:hover { color: #6ce1e2; text-decoration: none; }
.footer-content .footer-colum .col-contact p:nth-child(2) { margin-bottom: 0; }
.footer-content .footer-colum .col-contact p:nth-child(3) { margin-bottom: 0; }
.footer-content .footer-colum .col-contact p:nth-child(4) { margin-bottom: 0; }
.footer-content .footer-colum .col-contact p:nth-child(5) { margin-bottom: 0; }
.footer-dev { background: #008b92; padding: 10px; }
.footer-dev .coppyright .coppyright-privacy { color: #FFFFFF; }
.footer-dev .coppyright .coppyright-content { color: #FFFFFF; font-size: 13px; }
.footer-dev .coppyright .coppyright-privacy a { color: #ffffff; font-size: 1.1em; text-decoration: none; }
footer#site-footer .nav a {color: white;padding: 5px;text-transform: uppercase;}
footer#site-footer .nav a:hover {color: #008b92;}
body#th footer .col-about,body#th footer .col-contact,body#th footer .col-menu{font-size: 16px;}
body#th footer .col-about h4,body#th footer .col-contact h4 {font-size: 30px;margin: 0 0 7px;}
/***** about page ******/
/*.page-template-about .header-about { background: url('../images/AboutUs-header.jpg') no-repeat; background-size: cover; }*/
.header-about { width: 100%; background-size: contain; }
.page-template-about .about-title h1 { color: #FFFFFF; padding: 90px 0; font-size: 60px; text-transform: uppercase; }
body#th .page-template-about .about-title h1{ font-size: 90px; margin-top: 0; }

.page-template-about .about-concept { background: #f4f1f1; margin-top: 50px; margin-bottom: 50px; }
.page-template-about .about-concept p { text-align: center; padding: 25px 0; margin: 0; color: #1a5755; font-size: 17px; }
.page-template-about .about-content { margin-bottom: 50px; }
.page-template-about .about-content p { font-size: 17px; color: #487776; }

/***** contact page ******/
.page-template-contact .contact-title h1 { color: #FFFFFF; padding: 100px 0; font-size: 60px; text-transform: uppercase; }
body#th .page-template-contact .contact-title h1 {font-size: 90px; margin-top: 0;}

.page-template-contact .contact-concept { background: #f4f1f1; margin-top: 50px; margin-bottom: 50px; }
.page-template-contact .contact-concept p { text-align: center; padding: 25px 0; margin: 0; color: #1a5755;  font-size: 1.2em;/*font-size: 18px;*/ }

.page-template-contact .contact-content { margin-bottom: 50px; }
.page-template-contact .contact-content p { color: #487776; }
.page-template-contact .contact-content .contact-info p { color: #487776; font-size: 1.2em;/*font-size: 18px;*/  }
.page-template-contact .contact-content .title-info { background: #f4f1f1; }
.page-template-contact .contact-content .title-info h4 {  text-transform: uppercase; color: #1a5755; font-size: 1.1em; }
.page-template-contact .contact-content .contact-form-content { padding-bottom: 30px; padding-top: 10px; }
.page-template-contact div.ccm-block-type-form div.form-group label.control-label {  font-weight: normal; display: block; color: #1a5755; font-size: 17px; }
.page-template-contact input[type="text"],
.page-template-contact input[type="email"],
.page-template-contact input[type="tel"],
.page-template-contact input[type="search"],
.page-template-contact input[type="url"],
.page-template-contact input[type="password"],
.page-template-contact .ui-autocomplete-input,
.page-template-contact textarea,
.page-template-contact .uneditable-input { display: inline-block; padding: 4px; font-size: 14px; line-height: 18px; color: #555555; border: 1px solid #ccc; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0; }
.page-template-contact .contact-content-right {  margin-bottom: 50px; padding-left: 60px; }
.btn-biz-contact { float: right; border-radius: 0; border: 2px solid #487776; background: transparent; color: #487776; }
input.btn.btn-biz-contact { font-size: 20px; text-transform: uppercase; margin-top: 15px; }

/***** FINANCIAL STATEMENT page ******/
.page-template-financial .financial-title h1 { color: #FFFFFF; padding: 100px 0; font-size: 60px; text-transform: uppercase; }
body#th .page-template-financial .financial-title h1 {padding: 94px 0;font-size: 90px;margin-top: 0;}
.page-template-financial .file-icon-wrapper { text-align: center; padding-bottom: 10px;}
.page-template-financial .file-icon-wrapper i { color: #4c8382; font-size: 70px;margin-top: 30px;margin-bottom: 10px;}
.page-template-financial .file-icon-wrapper p.file-name { font-weight: bold;margin: auto; color: #4c8382; }
.page-template-financial .file-icon-wrapper p.file-size { font-weight: bold;margin: auto; color: #4c8382; }
.page-template-financial .downloadform {padding: 0px 80px 60px;}
.page-template-financial .downloadform .col-xs-4 { padding: 0 25px;margin-top: 30px; }
.page-template-financial .downloadform form {border: 1px solid #4c8382;border-radius: 8px;}
.page-template-financial .downloadform form input[type=email] {    text-align: center;border-radius: 0;border-left: none;border-right: none;border-color: #83a2a2;  padding: 23px 0;     outline: none;box-shadow: none; }
.page-template-financial .downloadform .form-actions{text-align: center;}
.page-template-financial .downloadform .btn-primary {color: #83a2a2;background-color: transparent;text-transform: uppercase;font-weight: bold;    border: none;    font-size: 19px;padding: 12px;box-shadow: none;}
.page-template-financial .downloadform .btn-primary:focus, .btn-primary.focus,.downloadform .btn-primary:hover
{color: #ffffff;background-color: #83a2a2;border-color: #83a2a2;width: 100%;border-top-right-radius: 0;border-top-left-radius: 0;border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;outline: none;
background: rgba(169,201,201,1);
background: -moz-linear-gradient(top, rgba(169,201,201,1) 0%, rgba(169,201,201,1) 19%, rgba(119,151,151,1) 91%, rgba(119,151,151,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(169,201,201,1)), color-stop(19%, rgba(169,201,201,1)), color-stop(91%, rgba(119,151,151,1)), color-stop(100%, rgba(119,151,151,1)));
background: -webkit-linear-gradient(top, rgba(169,201,201,1) 0%, rgba(169,201,201,1) 19%, rgba(119,151,151,1) 91%, rgba(119,151,151,1) 100%);
background: -o-linear-gradient(top, rgba(169,201,201,1) 0%, rgba(169,201,201,1) 19%, rgba(119,151,151,1) 91%, rgba(119,151,151,1) 100%);
background: -ms-linear-gradient(top, rgba(169,201,201,1) 0%, rgba(169,201,201,1) 19%, rgba(119,151,151,1) 91%, rgba(119,151,151,1) 100%);
background: linear-gradient(to bottom, rgba(169,201,201,1) 0%, rgba(169,201,201,1) 19%, rgba(119,151,151,1) 91%, rgba(119,151,151,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9c9c9', endColorstr='#779797', GradientType=0 );}


/***** Press page ******/
section.press-content { padding: 20px 0 105px; }
.page-template-press .press-title h1 { color: #FFFFFF; padding: 100px 0; font-size: 60px; text-transform: uppercase; }
body#th .page-template-press .press-title h1 {font-size: 90px;margin-top: 0;}
.page-template-press .press-concept { background: #f4f1f1; margin-top: 50px; }
/*.page-template-press .press-concept h2 { text-align: left; padding: 0px 0px 5px 150px; color: #1a5755;  font-size: 40px; }*/
.page-template-press .press-concept h2 { text-align: left; padding: 25px 0px 25px 130px; color: #1a5755; font-size: 40px; margin: 0; }
.page-template-press .press-content .press-col1-content { padding: 0; }
.page-template-press .press-content .press-col1-content h3{ font-weight: bold;  text-align: right; font-size: 17px; }
body#th .page-template-press .press-content .press-col1-content h3 {font-size: 30px;}
.page-template-press .press-content .press-col2-content { padding: 0; }
.page-template-press .press-content .press-col2-content h3 { font-weight: normal;  padding-left: 50px; font-size: 17px; }
.page-template-press .press-content .press-col2-content h3 a {    font-family: LucidaGrande !important; }
body#th .page-template-press .press-content .press-col2-content h3 {font-size: 30px;}
.center { display: flex; flex-direction: row; justify-content: center; }
.partner { margin: 24px; }