.row-package {
width: 1350px;
max-width: 100%;
margin: auto;
} .add-to-cart-button .button.is-outline {
background-color: #810f1f !important;
color: #fff !important;
display: inline-flex;
align-items: center;
border-radius: 6px;
}
.add-to-cart-button .button.is-outline:hover {
background-color: transparent !important;
color: #810f1f !important;
}
.confirm-page .content-right .cms-logo {
display: none;
}
.confirm-page .content-right .cms-title {
display: block;
}
.pay-page .content-box .content-box:not(:nth-child(2)) {
padding-left: 0 !important;
}
.pay-page .content-box .content-box:nth-child(2) {
padding: 0 0 30px 0 !important;
}
.content-box .content-box:nth-child(2) {
padding: 0 !important;
}
.ship-page .content-box .content-box:nth-child(1) {
padding: 0 !important;
margin-bottom: 10px;
}
.ship-page .content-box .content-box h4 {
border-bottom: 1px solid #ddd;
}
.ship-page .content-box .content-box:nth-child(1) p {
margin-bottom: 0 !important;
}
.ship-page .content-box .content-box:nth-child(3) {
padding-left: 0 !important;
}
.cms-page .howto-menu li:nth-child(1) a .fa,
.cms-page .pay-menu li:nth-child(2) a .fa,
.cms-page .ship-menu li:nth-child(3) a .fa,
.cms-page .confirm-menu li:nth-child(4) a .fa {
color: #81001f;
}
.cms-logo .fa {
background: #810f1f;
color: #fff;
font-size: 2.5rem;
height: 65px;
line-height: 1.7;
width: 65px;
text-align: center;
}
.cms-title h1 {
font-family: 'Noto Sans Thai';
font-size: 18px;
}
.cms-content .cms-title {
display: inline-block;
width: 100%;
padding-left: 0;
}
.cms-content .content-right .cms-title .cms-logo {
margin: -14px 7px 15px 0;
}
.cms-page .left-menu span {
font-size: 16px;
margin: 0 9px;
}
.cms-page .left-menu a h4 {
display: none;
}
.footer-links span {
color: #5c5e5f;
}
.footer-links .open span:first-child {
font-size: 1.1rem;
font-weight: 600;
} .quotation .wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.quotation .tab {
cursor: pointer;
padding: 10px 20px;
margin: 0px 2px;
background: #000;
display: inline-block;
color: #fff;
border-radius: 3px 3px 0px 0px;
}
.quotation .panels {
background: #fffffff6;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
min-height: 200px;
width: 100%;
max-width: 600px;
border-radius: 3px;
overflow: hidden;
padding: 20px;
}
.quotation .panel {
display: none;
animation: fadein .8s;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.quotation .panel-title {
font-size: 1.5em;
font-weight: bold
}
.quotation .radio {
display: none;
}
.quotation #one:checked~.panels #one-panel,
.quotation #two:checked~.panels #two-panel,
.quotation #three:checked~.panels #three-panel {
display: block;
}
.quotation #one:checked~.tabs #one-tab,
.quotation #two:checked~.tabs #two-tab,
.quotation #three:checked~.tabs #three-tab {
background: #fffffff6;
color: #000;
border-top: 3px solid #000;
}
.quotation h2 {
text-align: center;
}
.quotation input.wpcf7-submit {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
background-color: #4bb9ed;
border-radius: 22px;
}
.quotation input.wpcf7-submit:hover {
background-color: #000;
}
.quotation label span {
color: red;
}
.home-service .testimonial-text {
font-style: normal !important;
}
.home-service .icon-box-img {
background-color: #3d68bb;
padding: 25px;
}
.home-service .enterprise .icon-box-img {
background-color: #45b9c4;
}
.home-service .domain .icon-box-img {
background-color: #2dd1b5;
}
.home-service .icon-box-img img {
border-radius: 0 !important;
}
.home-manual i.eg-icon-search:before,
.manual-page i.eg-icon-search:before {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-search.svg) no-repeat 0 0/28px auto;
opacity: 1;
content: '';
width: 28px;
height: 28px;
}
.home-manual>.col>.col-inner {
padding: 0 !important;
}
.home-manual .esg-entry-media-wrapper,
.manual-page .esg-entry-media-wrapper {
border-radius: 22px;
}
.home-manual .esg-media-cover-wrapper:hover .esg-entry-media {
opacity: 0.5;
}
.esg-pagination .esg-navigationbutton.esg-filterbutton.esg-pagination-button:hover {
background-color: #3b65b5;
opacity: 1;
}
.esg-pagination .esg-navigationbutton.esg-filterbutton.esg-pagination-button {
box-shadow: none !important;
border: none;
background-color: #3b65b5;
width: 10px;
height: 10px;
padding: 0;
opacity: 0.3;
color: #fff !important;
margin: 0 4px;
display: inline-block !important;
}
.esg-pagination .esg-navigationbutton.esg-filterbutton.esg-pagination-button.selected {
background-color: #3b65b5;
opacity: 1;
display: inline-block !important;
}
.home-brands .esg-singlefilters:not(article[class*="esg-navbutton-solo-"]) {
position: absolute;
width: 100%;
top: 100%;
transform: translate(0, 35%);
}
.esg-container .esg-filters.esg-navbutton-solo-right {
right: -20px;
transform: translateY(-50%);
}
.esg-container .esg-filters.esg-navbutton-solo-left {
left: -20px;
transform: translateY(-50%);
}
article[class*="esg-navbutton-solo-"] .esg-navigationbutton {
background: transparent !important;
border: none !important;
box-shadow: none !important;
display: inline-block !important;
padding: 0;
margin: 0;
}
article[class*="esg-navbutton-solo-"] .esg-navigationbutton:hover {
opacity: 0.5;
}
.esg-navbutton-solo-left i:before {
content: '';
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-arrow-left-blue.svg) no-repeat 0 0/20px auto;
width: 20px;
height: 20px;
}
.esg-navbutton-solo-right i:before {
content: '';
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-arrow-right-blue.svg) no-repeat 0 0/20px auto;
width: 20px;
height: 20px;
}
.home-brands .esg-grid .mainul li.eg-washington-wrapper .esg-media-cover-wrapper {
margin: auto;
padding: 0 20px;
}
.home-brands .myportfolio-container {
margin: 30px 0 50px;
min-height: unset !important;
}
.home-why .box-image {
text-align: center;
}
.home-why .box-image img {
width: 60px;
min-height: 65px;
}
.home-why .save .box-image img,
.home-why .account .box-image img {
width: 45px;
}
.home-why .anti .box-image img {
width: 50px;
}
.home-why .software .box-image img {
width: 65px;
}
.home-why h4 {
color: #3d68bb;
font-weight: 600 !important;
font-size: 1.1rem;
}
.home-why p {
color: #4c4c4c;
font-size: 1rem;
}
.home-about .content .col-inner {
background-color: #fff;
padding: 30px;
}
.home-about .content h4 {
color: #3d68bb;
font-weight: 600 !important;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif !important;
}
.home-about .content p {
color: #686868;
line-height: 1.4;
margin: 0;
}
.home-why .title p {
margin: 0;
color: #686868;
font-size: 1.3rem;
}
.home-why .title span {
color: #3d68bb;
font-weight: 600 !important;
}
.home-why .title {
font-family: 'Roboto', 'Noto Sans Thai' !important;
}
.home-why .title h1 {
font-size: 1.8rem;
}
.home-service {
margin-bottom: 20px;
}
.home-why {
margin-bottom: 20px;
} .business-form {
background-color: #f8f8f8;
padding: 5px 20px;
border-radius: 10px;
border: 2px solid #eee;
}
.business-form .wpforms-form .wpforms-field-address .wpforms-field-sublabel {
display: none;
}
.email-detail h2 {
font-size: 2rem;
margin: 20px 0 10px 0;
color: #000;
}
.email-dt-box h2 img {
width: 50px;
margin: -29px 10px 0 0;
}
.why-email.buy {
padding: 50px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.why-email h2 {
font-size: 2rem;
text-align: center;
color: #000;
}
.com-mail-pack {
display: flex;
flex-flow: column;
}
.mail-pack:nth-child(1) h3 {
color: #01C6DA;
}
.sell-bt-mini {
float: left;
width: 100%;
margin-top: 8px;
}
.sell-bt-mini a {
font-family: "Noto Sant Thai", sans-serif;
font-size: 1.2rem;
padding: 4px 18px;
border-radius: 100px;
background-color: #01C6DA;
color: #fff;
line-height: 1.6;
}
.mail-pack h3 {
font-size: 1.5rem;
margin: 0 0 5px 0;
color: #d6303a;
}
.mail-pack-in {
border-radius: 8px;
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/ox-5gb.svg) no-repeat 0 12px #fff;
background-size: 100px;
margin-bottom: 15px;
width: 100%;
padding: 15px 15px 15px 120px;
}
.mail-pack:nth-child(2) .sell-bt-mini a {
background-color: #d6303a;
}
.why-email {
margin: 100px 0;
}
.why-email h2 span {
color: #d6303a;
}
.mail-why {
display: flex;
flex-flow: column;
text-align: center;
background-color: #f8f8f8;
border-radius: 10px;
border-bottom: 4px solid #ddd;
}
.mail-box {
padding: 30px 0;
border-bottom: 1px solid #ddd;
}
.mail-box img {
width: 160px;
}
.mail-why h3 {
margin: 0;
font-size: 1.2rem;
} .google-ws .page-title {
color: #000;
padding-top: 60px;
}
.google-ws .page-title h1 {
color: #000;
font-size: 2rem;
margin-bottom: 0;
font-weight: 900 !important;
}
.google-pack {
background-color: #fff;
border-radius: 20px;
box-shadow: 0 1px 6px rgb(0 0 0 / 10%);
font-size: 0.9rem;
margin-bottom: 60px;
}
.google-pack .package {
padding: 40px;
border-bottom: 1px solid #d6dfe6;
position: relative;
}
.package-label {
position: absolute;
left: 300px;
top: 0px;
font-family: 'Noto Sans Thai', 'Sarabun';
font-size: 1.1rem;
background-color: #FE4C26;
color: #fff;
padding: 0px 12px;
border-radius: 0 0 8px 8px;
box-shadow: 0 2px 2px rgb(0 0 0 / 20%);
}
.google-pack .package .p-set {
border-bottom: 1px solid #d6dfe6;
}
.google-pack .package h2 {
text-transform: uppercase;
font-size: 2rem;
font-weight: 700 !important;
color: #000;
margin-bottom: 0;
}
.google-pack .price {
margin: 50px 0;
color: #000;
font-size: 1.1rem;
}
.google-pack .price .big {
font-size: 3.5rem;
font-weight: 700 !important;
color: #000;
}
.google-pack .price .acc-num {
color: #666;
font-size: 0.86rem;
}
.google-pack .buynow {
background-color: #52c02b;
font-size: 1rem !important;
color: #fff;
margin-right: 0;
border-radius: 50px !important;
}
.google-pack .h-detail {
font-family: "Noto Sans Thai", sans-serif !important;
color: #000;
text-align: left;
font-size: 1.2rem;
margin: 15px 0;
}
.google-pack .h-detail span {
font-weight: 700 !important;
font-size: 1.2em;
}
.google-pack .detail ul {
list-style: none;
}
.google-pack .detail li {
padding: 0 0 20px 55px;
text-align: left;
}
.google-pack .set1 .detail li:nth-child(1) {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/google-drive.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .detail span {
font-weight: 700 !important;
}
.google-pack .set2 .detail li:nth-child(1) {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/gmail-100.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set2 .detail li:nth-child(2) {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/google-calendar.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set2 .detail li:nth-child(3) {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/google-chat.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set2 .detail li:nth-child(4) {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/google-meet.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set3 .detail li:nth-child(1) {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/google-docs.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set3 .detail li:nth-child(2) {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/google-sheets.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set3 .detail li:nth-child(3) {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/google-slides.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set3 .detail li:nth-child(4) {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/google-forms.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set3 .detail li:nth-child(5) {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/google-sites.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set3 .detail li:nth-child(6) {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/google-keep.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set4 .detail li:nth-child(1) {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/google-admin.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set4 .detail li:nth-child(2) {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/google-g-icon.svg) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set4 .detail li:nth-child(3) {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/google-search.png) 0 5px no-repeat;
background-size: 40px;
}
.google-pack .set4 .detail li:nth-child(4) {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/google-vault.svg) 0 5px no-repeat;
background-size: 40px;
}
.home-reason .icon-box h5 {
color: #1b4b87;
font-weight: 500 !IMPORTANT;
font-size: 1.2rem;
}
.home-reason .icon-box p {
color: #696969;
line-height: 1.4;
font-size: 1rem;
} .buynow {
margin: 0 25px;
display: flex;
min-height: 30px;
align-items: center;
justify-content: center;
line-height: 1;
border-radius: 50px;
}
.standard .buynow {
background-color: #3d68bb;
}
.enterprise .buynow {
background-color: #45b9c4;
}
.domain .buynow {
background-color: #2dd1b5;
}
.home-service .buynow a {
color: #fff;
line-height: 1.6;
padding: 5px 0;
width: 100%;
text-align: center;
}
.home-service .buynow {
align-self: flex-end;
width: 100%;
max-width: 200px;
margin: 0 auto;
}
.home-service .buynow:hover {
background-color: #000;
} .main-header h2.main-title {
text-align: center;
}
.main-header h2.main-title:after {
content: '';
display: block;
width: 80px;
height: 4px;
background: #3d68bb;
border-radius: 12px;
margin: 8px auto 0;
} .domain-pack.four-column.pricing-table {
padding-top: 30px;
border: 0;
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 10px;
}
.domain-pack .sub-pbox {
background-color: #f4f4f4;
border-radius: 5px;
}
.domain-pack .pbox-head {
height: unset;
padding: 10px;
display: inline-flex;
width: 100%;
background: linear-gradient(90deg, rgba(15, 51, 95, 1) 0%, rgba(29, 71, 128, 1) 35%, rgba(42, 95, 162, 1) 100%);
border-radius: 5px 5px 0 0;
}
.domain-pack h3 {
color: #ffffff;
text-align: left;
font-size: 24px;
padding: 0;
line-height: 1.4;
display: inline-block;
float: left;
margin: 0;
}
.domain-pack .pbox-head a {
display: flex;
float: right;
background-color: #1e4c84;
border: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
padding: 10px;
line-height: 1;
border-radius: 5px;
width: 90px;
justify-content: center;
white-space: nowrap;
}
.domain-pack .pbox-body ul li {
list-style-type: none;
padding: 5px 0;
margin: 5px 20px 0 20px;
border-bottom: dashed 1px;
color: #000000;
}
.pbox-body ul li span {
float: right;
}
.sub-q-form ul.un-style {
margin-top: 20px;
} .main-header {
margin-bottom: 40px;
}
.sub-q-form {
margin-bottom: 30px;
}
.confirm-payment h3::after {
content: '';
display: block;
width: 80px;
height: 4px;
background: #3960af;
border-radius: 12px;
margin: 8px auto 0;
}
.wpforms-container form input,
.wpforms-container form select,
.wpforms-container form textarea {
border-radius: 22px !important;
background-color: #f5f5f5;
border: 1px solid #c5c5c5 !important;
}
.sub-q-form.form-right {
background-color: #f8f8f8;
border: 2px solid #eee;
padding: 20px 20px 40px 20px;
border-radius: 10px;
} .map iframe {
width: 100%;
border-radius: 12px;
}
.cms-page.contact-page form textarea {
margin-bottom: 8px;
}
.box-content .data p {
color: #3960af;
}
.box-contact .box-content .data h4,
.box-contact .box-content .data p {
margin: 0 0 0 30px;
}
.box-contact .box-content ul img {
width: 50px;
}
.box-contact .box-content ul li {
display: flex;
margin: 0 0 30px 40px;
}
.box-contact .box-content ul {
list-style: none;
}
.box-contact .box-bg .box-content ul {
margin-bottom: 0;
}
.contact-page .box-bg {
background-color: #f5f5f5;
border-radius: 12px;
height: 100%;
}
.form-contact .form-contact-us .submit-form input:hover {
background-color: #000;
}
.cms-page form .wpcf7-spinner {
display: none;
}
.form-contact .form-contact-us .submit-form input {
background-color: #4bb9ed;
border-radius: 22px !important;
padding: 0 50px 0 50px;
border: none !important;
font-family: 'Noto Sans Thai', sans-serif;
}
.form-contact-us .submit-form {
text-align: center;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.form-contact .form-bg {
border: solid 1px #3960af;
border-radius: 12px;
padding-bottom: 0;
}
.contact-page .box-text h4,
.contact-page .box-text p {
margin: 0 0 0 10px;
color: #fff;
}
.contact-page .box-text {
padding: 0;
}
.contact-page .form-title,
.contact-page .box-title {
background-color: #3960af;
display: inline-flex;
color: #fff;
padding: 10px 30px;
border-radius: 0 0 12px 12px;
margin: 0 0 30px 15px;
}
.about-content section>p {
margin: 0;
font-size: 0.9rem;
}
.s-title h4 {
font-size: 1.2rem;
color: #fff;
}
.about-page .s-title img {
margin-right: 20px;
}
.about-page .s-title {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.about-page section {
background-color: #4bb9ed;
color: #fff;
padding: 30px;
font-size: 1.4rem;
border-radius: 0 0 22px 22px;
}
.about-page .img-top label img {
width: 40px;
border-radius: 0;
}
.about-page label {
background-color: #4bb9ed;
border-radius: 12px 12px 0 0;
padding: 0 30px !important;
position: absolute;
left: 0;
bottom: 0;
margin: 0 0 0 40px;
}
.about-page .img-top img {
width: 100%;
border-radius: 12px 12px 0 0;
}
.about-page .img-top {
position: relative;
}
.data-table-definition-list tbody th,
.data-table-definition-list tbody td {
display: block;
padding: 10px 0;
}
.data-table-definition-list thead {
display: none;
}
.list-cookie {
padding: 15px;
}
.policy-page .w-100 {
background-color: #f9f9f9;
border-radius: 12px;
padding: 15px 30px;
}
.note-bottom .content {
display: flex;
align-items: flex-start;
padding: 0 15px 30px 15px;
}
.note-bottom .content .box-text {
padding: 0 0 0 15px;
}
.confirm-page .note-bottom {
background-color: #f5f5f5;
border-radius: 12px;
margin-top: 15px;
padding: 30px 30px 0 30px;
}
#seed-confirm-form {
margin-bottom: 0;
border: none;
}
.cms-page input[type=file] {
border: none !important;
background: unset !important;
}
.cms-page form input,
.cms-page form select,
.cms-page form textarea {
border-radius: 22px;
background-color: #f5f5f5;
border: 1px solid #c5c5c5 !important;
}
.form-confirm .form-title {
padding: 2px 15px;
background: #4bb9ed;
width: fit-content;
color: #fff;
border-radius: 0 0 12px 12px;
margin: 0 0 30px 15px;
}
.cms-page .form-confirm {
border: solid 2px #4bb9ed;
border-radius: 12px;
padding-bottom: 0;
}
.shipping-page .cms-content>div:not(.cms-title) img {
margin: 25px auto;
}
.notify-note {
color: #fff;
background-color: #4bb9ed;
border-radius: 22px;
padding: 5px 10px;
}
.c-by li:before {
content: "\2022";
color: #4bb9ed;
font-weight: bold;
font-size: 1.8rem;
margin-right: 10px;
line-height: 1;
position: relative;
top: 4px;
}
.c-by ul {
display: flex;
justify-content: center;
flex-direction: column;
align-items: flex-start;
list-style: none;
margin: 0 20px;
}
.c-by li {
margin: 0 15px;
}
.shipping-page .cms-content>div:not(.cms-title) {
background: #f9f9f9;
border-radius: 12px;
padding: 0 15px 15px 15px;
margin-bottom: 15px;
text-align: center;
}
.shipping-page .cms-content>div:not(.cms-title) h4 {
padding: 2px 30px;
background: #4bb9ed;
width: fit-content;
color: #fff;
border-radius: 0 0 12px 12px;
margin: 0 0 30px 5px;
}
.cms-page .cms-content a:hover {
color: #000;
}
.cms-page .cms-content a {
color: #3960af;
}
.order-step-box .order-condition {
background-color: #4bb9ed;
color: #fff;
padding: 10px;
border-radius: 50px;
text-align: center;
}
.payment-page li img.dropdown {
transform: rotate(-90deg);
margin: 10px;
width: 25px;
}
.order-step-box ul img {
width: 30px;
margin: 0;
}
.payment-page .order-step-box ul li {
margin: 0;
}
.order-step-box ul {
list-style: none;
align-items: center;
justify-content: center;
}
.payment-page .order-step-box {
border: 2px solid #4bb9ed;
border-radius: 12px;
padding: 15px 15px 0 15px;
font-size: 14px;
}
ul.bank-detail li {
list-style: none;
font-size: 13px;
line-height: 1.4;
color: #1f1f1f;
margin: 0;
}
.bank-data .bank-detail {
width: 100%;
background-color: #f9f9f9;
border-radius: 0 12px 12px 0;
padding: 0 5px;
display: flex;
flex-direction: column;
justify-content: center;
height: 70px;
margin: 0;
}
.bank img {
width: 70px;
border-radius: 12px 0 0 12px;
}
.bank-data {
display: flex;
}
.cms-menu li {
display: inline-block;
margin: 0 !important;
}
.howto-page .how-col p {
min-height: 42px;
}
.how-col .how-text {
padding: 15px 0;
margin-bottom: 10px;
}
.cms-menu ul {
display: flex;
justify-content: center;
margin: 0;
list-style: none;
}
.how-step h4 {
color: #333;
margin: 0 0 10px 15px;
font-weight: 400;
font-size: 1.2rem;
}
.how-step h1 {
width: auto;
margin: 0;
font-size: 3.5rem;
color: #4bb9ed;
font-family: 'Noto Sans Thai', sans-serif;
font-weight: 600 !important;
}
.how-col {
padding: 0;
display: inline-block;
width: 100%;
}
.how-step {
display: flex;
align-items: center;
}
.how-img img {
width: 130px;
}
.cms-menu li span {
display: none;
}
.cms-menu li img {
display: inline-block;
filter: brightness(0.5);
width: 35px;
padding: 5px;
margin: 0 5px;
}
.howto-menu li.how-to-order img,
.payment-menu li.payment img,
.ship-menu li.shipping img,
.confirm-menu li.confirm-payment img,
.policy-menu li.privacy-policy img,
.return-menu li.return-policy img {
background-color: #4bb9ed;
filter: brightness(1);
border-radius: 6px;
}
.cms-logo img {
margin-right: 20px;
filter: brightness(0);
}
.cms-title .cms-logo {
display: flex;
align-items: center;
margin-bottom: 15px;
font-size: 1.2rem;
color: #000;
} .header-content ul li {
list-style-type: none;
float: left;
margin: 0;
height: 32px;
line-height: 2.4;
padding: 0 12px;
background-color: #85c2df;
font-family: 'Noto Sans Thai', sans-serif;
font-size: 13px;
}
.header-content ul li:nth-child(2) {
background-color: #ff6f61
}
.header-content ul li:hover,
.header-content ul li:nth-child(2):hover {
background-color: #868d93;
}
.header-content ul li img {
width: 22px;
margin-right: 12px;
}
.header-content ul li:nth-child(2) img {
width: 25px;
}
.header-content ul li a {
color: #fff;
}
.home .page-wrapper {
padding-top: 0;
}
.home .col {
padding-bottom: 0px;
}
.home-banner .col {
padding-bottom: 15px;
}
.home-banner .banner-1,
.home-banner .banner-3 {
padding-right: 8px !important;
}
.home-banner .banner-2,
.home-banner .banner-4 {
padding-left: 8px !important;
}
.home-block {
margin-bottom: 15px;
} .home-products.new-products {
margin-bottom: 0;
}
.home-products .p-left img:hover {
opacity: 0.8;
cursor: pointer;
}
.home-products .p-left a:hover {
color: #4bb9ed;
}
.home-products .p-left a {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
color: #7b7b7b;
border-bottom: 5px solid #4bb9ed;
padding-bottom: 3px;
margin-bottom: 20px;
display: inline-block;
}
.home-products .p-left span {
display: block;
margin-bottom: 25px;
font-size: 1.1rem;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.home-products {
margin: 30px 0;
}
.home-products h1 {
margin: 0;
line-height: 1;
font-size: 1.7rem;
}
.video {
margin-bottom: 30px;
}
.video p {
font-weight: 300;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-size: 1.6rem;
color: #333333;
margin-bottom: 25px !important;
}
.video .col:not(:first-child) {
margin-bottom: 15px;
}
.mk-text {
font-weight: 300;
color: #343434;
font-size: 1.7rem;
}
span.woocommerce-Price-currencySymbol {
display: none;
}
.grid-tools a.quick-view {
background-color: #4bb9ed;
}
.grid-tools a.quick-view:hover {
background-color: #363636;
}
.price-wrapper .price del {
order: 2;
margin-top: 10px;
}
.product-footer .tabs li a::before,
.product-footer .tabs li:hover a::before {
background-color: #4bb9ed;
}
del span.amount {
font-size: 1rem;
color: #898989 !important;
font-weight: 400 !important;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
opacity: 1 !important;
text-decoration: line-through;
}
ins span.amount {
font-size: 1.2rem;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
color: red !important;
font-weight: 400;
}
del {
text-decoration: unset !important;
}
.product-title img {
width: 45px;
margin-right: 10px;
}
.product-title h4 {
display: inline-block;
width: auto;
margin: 0 15px 0 0;
font-size: 1.5rem;
font-weight: 200;
border-right: 1px solid #e0e2e1;
padding-right: 15px;
line-height: 1.2;
}
.product-title span {
font-size: 14px;
}
.box-text.box-text-products .product-title a {
font-size: 1rem;
text-align: center;
flex-grow: 1;
color: #111111;
font-weight: 400;
overflow: hidden;
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 15px;
}
.product-title a:hover {
color: #4bb9ed !important;
}
.home-products .minimal-light .esg-navigationbutton {
border: none;
}
.home-products .minimal-light .esg-navigationbutton:hover {
box-shadow: none;
opacity: .7;
}
.home-products .minimal-light .esg-navigationbutton * {
display: inline-block;
}
.home-products .p-left img {
width: 100%;
}
.home-products .eg-icon-left-open:before,
.home-products .eg-icon-right-open::before {
content: '';
width: 16px;
height: 30px;
display: inline-block;
margin: 0;
}
.home-products .eg-icon-left-open:before {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/nav-prev.svg) 0 0 /16px auto;
}
.home-products .eg-icon-right-open::before {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/nav-next.svg) 0 0 /16px auto;
}
.home-products .esg-filters.esg-navbutton-solo-left,
.home-products .esg-filters.esg-navbutton-solo-right {
top: 34%;
}
.home-products .esg-pagination {
top: -12px;
}
.home-products .filter-all-products a {
font-family: 'Noto Sans Thai', sans-serif !important;
}
.home-products .box-text {
display: flex;
flex-direction: column;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.home-products .price-wrapper {
order: 3;
display: none;
}
.home-products .p-left {
margin-bottom: 20px;
}
.home-products button.flickity-button svg {
display: none;
}
.home-products .box-excerpt {
font-size: 0.8rem;
color: #525252;
font-weight: 400;
font-family: 'Roboto', 'sarabun', sans-serif;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-align: center;
overflow: hidden;
}
.product .box-image {
border: 1px solid #ebebeb;
}
.product .badge-container {
display: none;
} .home-banner img:hover {
opacity: 0.8;
}
.esg-grid .mainul li.eg-washington-wrapper {
background: unset !important;
}
.home-two-banner {
width: 100%;
-js-display: flex;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.home-two-banner .col {
padding: 0;
}
.home-two-banner .col:first-child {
margin-bottom: 15px;
} .home-youtube {
background-color: #111;
padding: 15px;
}
.home-youtube .section-content .col:first-child {
margin-bottom: 15px;
}
.youtube-title {
display: inline-block;
width: 100%;
margin-bottom: 5px;
}
.youtube-title img {
float: left;
margin: 0 15px 0 0;
width: 80px;
}
.youtube-title h4 {
margin: 7px 0;
color: #fff;
}
.youtube-title a {
display: inline-block;
color: #fff;
float: right;
width: auto;
margin: 4px 0;
} .home-categories h3 {
color: #505253;
text-transform: uppercase;
font-weight: 600 !important;
margin: 30px 0;
text-align: center;
font-family: 'Roboto' !important;
font-size: 1.6rem;
line-height: 1;
}
.home-categories .box-text .header-title {
padding: 0 35px;
color: #000;
box-shadow: none !important;
font-weight: 300 !important;
}
.home-categories .box-overlay.dark .box-text,
.home-categories .box-shade.dark .box-text {
text-shadow: none;
}
.home-categories .box-text p {
font-size: .8rem;
color: #85c2df;
}
.home-categories .image-cover .overlay {
opacity: 0;
}
.home-categories .image-cover:hover .overlay {
opacity: 1;
}
.home-categories .box-text {
padding-bottom: 30px;
}
.home-categories .row-small>.flickity-viewport>.flickity-slider>.col {
padding: 0 15px;
}
.home-block .minimal-light .esg-pagination .esg-navigationbutton {
padding: 0;
border: none;
box-shadow: none;
background-color: #cdcecf;
border-radius: 15px;
width: 12px;
height: 12px;
line-height: 1;
text-indent: -99999px;
}
.home-block .minimal-light .esg-pagination .esg-navigationbutton:hover,
.home-block .minimal-light .esg-pagination .esg-filterbutton:hover,
.home-block .minimal-light .esg-sortbutton:hover,
.home-block .minimal-light .esg-sortbutton-order:hover,
.home-block .minimal-light .esg-cartbutton a:hover,
.minimal-light .esg-filterbutton.selected { }
.home-service .clean-service,
.home-service .quotation {
padding-left: 0;
}
.home-service>.col {
margin-bottom: 15px;
}
.row .col-inner .row.home-service {
margin: 15px -15px;
box-shadow: rgb(33 35 38 / 10%) 0px 10px 10px -10px;
}
.home-service .icon-box {
align-items: center;
}
.home-service .col-inner {
align-items: center;
background-color: #fafafa;
border-radius: 22px;
padding: 30px 20px;
}
.home-service .enterprise ul,
.home-service .domain .content {
background-color: #fafafa;
border-radius: 22px;
margin: 0;
}
.home-service .enterprise ul {
padding: 30px 0 5px 0;
}
.home-service .enterprise ul li:first-child ul {
margin: 0;
padding: 0 0 15px 0;
}
.home-service .domain .content {
padding-bottom: 8px;
width: 100%;
}
.home-service .domain .icon-box {
margin: 0 0 30px;
}
.home-service p {
margin: 0;
line-height: 1.4;
color: #4d4d4d;
font-family: 'Roboto', 'Sarabun', sans-serif;
font-size: 1rem;
}
.home-service a {
color: #4d4d4d;
font-family: 'Noto Sans Thai', sans-serif;
font-weight: 500;
font-size: 1rem;
}
.home-service .testimonial-meta.pt-half {
display: none;
}
.home-service h3 {
margin: 0;
font-size: 1.2rem;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif !important;
}
.home-service h1 {
margin: 0;
font-size: 2.3rem;
font-weight: 700 !important;
font-family: 'Roboto', sans-serif !important;
}
.home-service .icon-box span {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-size: 1rem;
color: #686868;
}
.home-service .fee span {
color: #454545;
font-size: 0.8rem;
}
.home-service ul:not(.fee) li {
line-height: 1.7;
white-space: nowrap;
}
.home-service ul,
.home-service li {
list-style: none;
}
.home-service li img {
width: 16px;
margin-right: 15px;
}
.home-service .icon-box .icon-box-text {
padding-left: 10px !important;
}
.fee h4 {
margin: 0;
line-height: 1;
color: #454545;
font-weight: 600 !important;
}
ul.fee {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.domain .content ul:not(.fee) li ul {
margin-left: 0;
margin-bottom: 82px;
}
.fee li {
border-radius: 100px;
background-color: #fff;
box-shadow: 0 1px 4px rgb(0 0 0 / 10%);
text-align: center;
width: 60px;
height: 60px;
line-height: 1;
margin: 0 10px 20px 0 !important;
display: flex;
flex-direction: column;
justify-content: center;
white-space: nowrap;
}
.home-service .standard ul {
padding-top: 30px;
} .home-blog.home-block {
margin-bottom: 0;
}
.home-blog .col-youtube .youtube-block {
background-color: #000;
padding: 15px;
} .about-more h4 {
font-size: 1.3rem;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-weight: 500;
}
.f-product ul li:first-child h4,
.f-bottom .f-contact li:first-child h4,
.f-bottom .f-other li:first-child h4 {
font-size: 1.1rem;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
font-weight: 400;
}
.f-bottom .f-about,
.f-bottom .f-contact {
padding: 0;
}
.footer-links {
background-color: #f9f9f9;
}
.f-bottom .f-other {
display: flex;
flex-wrap: wrap;
padding: 0;
}
.f-other a {
font-size: 0.9rem;
}
.f-bottom .f-other ul {
padding: 0;
margin-bottom: 20px;
}
.f-bottom .f-other li {
margin: 0;
}
.about-more a {
color: #515151;
}
.f-hotline h4,
.f-hotline a,
.f-hotline p {
font-weight: 600 !important;
color: #ea5d1e;
margin: 0;
font-size: 1rem;
font-family: 'Roboto' !important;
}
.f-contact img {
width: 32px;
margin-right: 15px;
}
.f-bottom .f-contact p {
margin: 0;
}
.f-bottom .f-contact li {
margin: 0 0 15px 0;
display: flex;
align-items: center;
font-size: 0.9rem;
line-height: 1.3;
}
.about-more>div {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.f-bottom>.col {
padding-bottom: 0;
}
.about-more {
margin-bottom: 20px;
}
.about-more .line1>div:not(.qr-img),
.about-more .line2>div:not(.qr-img) {
width: 45%;
}
.about-more p {
font-size: 1.3rem;
line-height: 1.2;
margin: 0;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
color: #515151;
}
.text-content {
margin-left: 5px;
}
.about-more span {
font-size: 0.9rem;
color: #515151;
}
.about-tax span>span {
font-weight: 400;
}
.about-tax span {
font-size: 0.88rem;
color: #040607;
font-weight: 600;
}
.about-tax {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.about-tax img {
width: 40px;
margin-right: 8px;
}
.f-about .about-address a:hover {
background-color: #000;
}
.f-about .about-address a {
background-color: #4bb9ed;
color: #fff;
font-family: 'Noto Sans Thai', sans-serif;
border-radius: 6px;
padding: 7px 12px;
display: inline-block;
line-height: 1;
font-size: 1rem;
margin: 10px 0 30px;
}
.f-about .about-address p:last-child {
margin: 0;
}
.f-about .about-address p:nth-child(3) {
width: 82%;
margin: 0;
}
.f-about .about-address {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.f-about .about-address img {
width: 45px;
margin-right: 15px;
}
.f-about .about-title h4 {
line-height: 1.3;
}
.f-about .short {
color: #5c5e5f;
font-weight: 400;
margin-bottom: 20px;
}
.footer-links .f-product a:hover {
color: #4bb9ed;
}
.footer-links .f-product a {
font-size: 0.9rem;
color: #5c5e5f;
}
.footer-links .f-product li {
margin: 0;
}
.f-product .col-inner {
display: flex;
justify-content: space-between;
}
.f-text .text-content p {
font-weight: 500;
}
.f-text .text-content p.ps {
margin: 0;
}
.footer-links .f-text .or {
color: #ea5d1e;
}
.footer-links .f-text span {
color: #50bcf0;
}
.footer-links .f-text h4 {
font-weight: 400;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
}
.footer-bottom .middle-icon .icon-box-img {
margin-bottom: 15px !important;
}
.footer-bottom p {
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
color: #fff;
font-size: 1.1rem;
font-weight: 300;
}
.footer-bottom .icon-box-img {
margin-bottom: 10px !important;
}
main#main { min-height: 500px;
}
.footer-widgets .row {
padding: 0 15px;
}
.footer-widgets.footer-1 {
padding: 15px 0;
border: none;
}
.footer-widgets.footer-2 {
border-top: 1px solid #fbfbfb;
margin-top: 5px;
}
.footer-widgets.footer-1 .widget {
margin-bottom: 0;
}
.footer-widgets .widget-title,
.footer-widgets .is-divider.small {
display: none;
}
.footer-content.footer-links {
padding: 15px;
margin-top: 2px;
background: #fcfcfc;
}
.box-newsletter h2 {
margin: 0;
font-size: 1.65rem;
color: #6a6b6d;
font-weight: 200 !important;
}
ul.sc-footer {
display: inline-block;
margin: 25px 0 0;
}
.sc-footer li {
display: inline-block;
float: left;
padding: 0;
text-align: center;
width: 33.33%;
}
.sc-footer img {
width: 28px;
display: inline-block;
margin-bottom: 5px;
}
.sc-footer a span {
display: inline-block;
width: 100%;
text-transform: uppercase;
font-size: 12px;
font-family: "Roboto", sans-serif;
font-weight: 600 !important;
letter-spacing: 1px;
}
.box-follow h4 {
margin: 0;
}
.box-newsletter p {
font-size: 13px !important;
margin: 0;
color: #6a6a6a;
}
.box-follow p {
font-size: 13px !important;
margin: 0;
color: #afafaf;
}
.newsletter.newsletter-subscription {
max-width: 260px;
margin-top: 25px;
}
.newsletter-subscription .newsletter-email {
padding: 0;
margin: 0;
box-shadow: none;
border: none !important;
background: transparent;
font-size: 12px !important;
}
input.newsletter-email::-webkit-input-placeholder {
color: #cacacb;
}
input.newsletter-email::-moz-placeholder {
color: #cacacb;
}
input.newsletter-email:-moz-placeholder {
color: #cacacb;
}
td.newsletter-td-submit {
line-height: 1 !important;
}
td.newsletter-td-submit:hover {
border-bottom: 6px solid #85c2df;
}
.newsletter-subscription table,
.newsletter-subscription form {
margin-bottom: 0;
}
.newsletter-subscription td {
padding: 0;
}
.newsletter-subscription .newsletter-submit {
margin: 0;
background-color: transparent !important;
box-shadow: none !important;
border: none;
font-family: 'Noto Sans Thai';
color: #686a6c;
font-size: 16px !important;
padding: 0;
line-height: 1;
width: 100%;
height: 35px !important;
border-bottom: 6px solid #686a6c;
}
.newsletter-subscription .newsletter-submit:hover {
background-color: transparent !important;
color: #85c2df !important;
}
.footer-links .f-box {
margin-bottom: 15px;
}
.footer-links ul.f-content {
list-style-type: none;
}
.address-text p {
margin: 0 !important;
display: inline-block;
width: 70%;
line-height: 1.4 !important;
font-size: 12.5px !important;
}
.f-content img {
width: 28px;
margin-right: 20px;
float: left;
}
.f-box.box-contact .f-content li {
margin-bottom: 15px;
line-height: 2.2;
}
.f-box .f-content li {
margin-bottom: 6px;
font-size: 13px;
}
.footer-links .f-box h4 {
font-weight: 400 !important;
color: #6a6b6d;
font-size: 18px;
}
.f-tel a {
font-size: 16px;
line-height: 1;
font-weight: 600;
}
.absolute-footer.dark.medium-text-center {
color: #fff;
padding: 5px 0;
background-color: #385fac;
display: none;
}
.pricing img {
width: 45px;
}
.pc:nth-child(1) .pc-head-1 h4 {
border-color: rgba(0, 0, 0, 0.1);
}
.pc:nth-child(2) .pc-head-1 h4,
.pc:nth-child(3) .pc-head-1 h4 {
color: #fff;
}
.pc-head-1 h4 {
line-height: 1.2;
color: #000;
margin: 0;
padding: 10px;
font-size: 1.2rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
font-family: 'Roboto', 'Noto Sans Thai', sans-serif !important;
}
.pc-detail li {
margin-bottom: 0;
}
.pricing {
display: flex;
flex-flow: column;
margin-bottom: 50px;
}
.pricing .pc {
margin-bottom: 15px;
}
.pc:nth-child(1) .pc-head-1 {
color: #333;
}
.pricing .pc-img {
margin: 20px 0 10px;
}
.pc .pc-head-1 {
background-color: #d5d6da;
color: #fff;
text-align: center;
font-size: 1.2em;
padding-bottom: 10px;
}
.pc:nth-child(2) .pc-head-1 {
background-color: #3852A7;
}
.pc:nth-child(2) h2,
.pc:nth-child(3) h2 {
color: #fff
}
.pc h2 {
margin: 0;
font-weight: bold;
font-size: 3.2rem;
color: #000;
}
.pc:nth-child(3) .pc-head-1 {
background-color: #090F28;
}
.pricing .pc-detail {
background-color: #F0F1F6;
padding: 15px;
}
.pc .pc-detail ul {
margin: 0;
}
.pc-buy {
background-color: #090F28;
text-align: center;
font-family: "Noto Sans Thai";
color: #fff;
font-size: 1.1rem;
border-radius: 0 0 8px 8px;
padding: 5px;
display: block;
}
.pc-buy:hover {
background-color: #3960af;
color: #fff;
}
.about-us {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/about-us-bg.jpg) no-repeat 0 0 #f8f9fb;
padding: 30px;
background-size: contain;
padding-top: 280px;
}
.page-id-155 #main {
margin-bottom: 0;
}
.page-id-155 #content .container {
max-width: 100%;
padding: 0;
margin-bottom: 0;
}
.about-us-text,
.about-us-text h1,
.about-us-text h3 {
color: #000;
}
.wpforms-container .wpforms-form .wpforms-submit-container button.wpforms-submit {
background: #3960af;
color: #fff;
padding: 0 15px;
border: none;
border-radius: 50px !important;
width: 150px;
font-size: 16px !important;
}
.form-contact .wpforms-form {
border: none;
padding: 0;
}
.wpforms-container .wpforms-form .wpforms-submit-container button.wpforms-submit:hover {
background: #000;
border: none;
}
.q-form i {
font-size: 1.2rem;
width: 20px;
}
ul.un-style li {
list-style: none;
margin: 0 0 10px!important;
font-size: 0.9rem;
}
.sub-q-form .wpforms-form {
padding: 0;
border: none;
max-width: unset;
}
.pc-head-1 p {
font-size: 1.2rem;
margin: 0;
}
.home-brands .esg-grid .mainul li.eg-washington-wrapper:hover {
filter: grayscale(1);
cursor: pointer;
} .content-left .content-box {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 15px 0 20px;
margin-bottom: 0;
}
.about-page .content-box {
float: left;
padding: 0;
}
.about-page .content-box img {
margin-bottom: 15px;
}
.contact-page .content-box img {
float: left;
height: 35px;
margin-right: 15px;
}
.contact-page .content-box h4 {
line-height: 1.2;
margin: 0;
font-weight: 400;
font-size: 16px;
}
.cms-content.contact-page .content-left .content-box span:nth-child(4) {
display: inline-block;
margin-left: 50px;
}
.cms-content.contact-page .content-box span {
display: inline-block;
width: 80%;
}
.cms-content.contact-page span,
.cms-content.contact-page a {
font-family: 'Roboto', sans-serif;
}
.cms-content .content-right {
border: 1px solid #ddd;
background: #f5f5f5;
margin-top: 20px;
padding: 10px 15px;
}
.cms-content .tri-ang {
border-left: 3px solid transparent;
border-right: 3px solid #2182b1;
border-top: 3px solid transparent;
left: -6px;
position: absolute;
top: 0;
z-index: 0;
}
.cms-logo span img {
background: #85c2df;
height: 60px;
display: inline-block;
padding: 10px;
}
.content-box h4 span {
margin-right: 10px;
}
.content-box li {
margin: 0;
font-size: 14px;
}
.cms-content .cms-title h2 {
margin: 0;
line-height: 1;
font-size: 1.3rem;
}
.cms-content .wpcf7-submit {
background: #000;
border-radius: 6px;
font-weight: 400 !important;
}
.cms-content .wpcf7-submit:hover {
background: #000;
}
.cms-content span.mark {
color: red;
margin-right: 5px;
}
.cms-content .content-box a {
font-weight: 600;
}
.howto-page .how-img {
padding: 0;
text-align: center;
}
.payment-page .content-box {
padding: 0 0 15px;
}
.k-bank {
border-left: 3px solid #00A149;
margin-bottom: 15px;
padding-left: 15px;
}
.scb-bank {
border-left: 3px solid #592272;
margin-bottom: 15px;
padding-left: 15px;
}
.content-box .bank {
padding: 0;
}
.confirm-three-box .text-center {
border: 2px solid #ddd;
box-shadow: none !important;
}
#seed-confirm-form input.btn.btn-primary {
background: #365daa;
border: none !important;
border-radius: 22px !important;
display: block;
margin: 0 0 0 auto;
font-size: 16px !important;
width: 150px;
}
#seed-confirm-form input.btn.btn-primary:hover {
background: #000;
}
.confirm-payment #seed-confirm-form {
border: 1px solid #ddd;
padding: 30px;
}
.cms-page .cms-logo h3 {
color: #000;
}
.social-icons a.button i {
top: 2px !important;
}
.confirm-page .wpcf7 {
display: inline-block;
width: 100%;
}
.product-template-default th,
.product-template-default td,
.product-section {
border: none !important;
}
.product-info p.stock {
color: red;
} .mail-host-in h3 {
color: #45b9c4;
font-size: 1.5rem;
margin: 0 0 5px 0;
}
.mail-host-pack {
display: flex;
height: max-content;
margin: 0 0 20px;
}
.mail-host-pack .icon-img {
background-color: #45b9c4;
height: 100%;
border-radius: 100%;
padding: 20px;
margin: 0 20px 0 0;
}
.mailhost-form {
background-color: #f8f8f8;
padding: 5px 20px;
border-radius: 10px;
border: 2px solid #eee;
}
.mailhost-form .wpforms-form .wpforms-field-address .wpforms-field-sublabel {
display: none;
}
h5.post-title.is-large {
font-size: 1.3rem;
color: #000;
}
.text-business-email .capacity {
display: inline-flex;
text-align: center;
margin: 0 auto;
align-items: center;
} .package-business-email li {
list-style-type: none;
margin-left: 0 !important;
}
.business-email .img-bg img {
width: 150px;
}
.business-email .email-text {
position: relative;
top: 100px;
display: inline-block;
}
.business-email {
margin: 20px 0 50px 0;
}
.business-email .email-text {
background-color: #fff;
box-shadow: 1px 2px 15px 0px rgba(0,0,0,0.62);
-webkit-box-shadow: 1px 2px 15px 0px rgba(0,0,0,0.40);
-moz-box-shadow: 1px 2px 15px 0px rgba(0,0,0,0.62);
border-radius: 40px;
}
.business-email .email-text {
width: 300px;
}
.capacity img {
width: 25px;
margin-right: 10px
}
.capacity h4 {
margin-bottom: 0;
}
.email-text h4 {
margin-bottom: 0;
padding: 5px;
}
.button.primary.button-business-email {
margin-top: 20px;
width: 160px;
border-radius: 25px !important; 
background-color: #3D68BB;
}
.business-email-equipment {
text-align: center;
}
.equipment li {
list-style-type: none;
}
.title-business-email {
border: 1px solid #dfdfdf;
border-radius: 50px;
width: 300px;
padding: 12px;
height: 80px;
margin: 40px auto;
line-height: 1.5;
color: #484848;
}
.equipment img {
width: 120px;
}
.iconset li {
text-align: center;
margin-left: 0 !important;
}
.iconset ul {
list-style-type: none;
}
.row.row-bg {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/banner-2m.jpg);
}
.row.row-email-domain {
margin-left: 0 !important;
margin-right: 0 !important;
}
.row.row-bg{
margin-left: 0 !important;
margin-right: 0 !important;
}
.row.row-text-email{
margin-left: 0 !important;
margin-right: 0 !important;
}
.row-text-email {
position: absolute;
bottom: 230px;
}
.row-text-email h2 {
color: #476B96;
font-size: 1.8rem;
}
.row-text-email h4 {
color: #575757;
}
.email-text span {
color: #3D68BB;
font-weight: 600;
}
.package-business-email {
background-color: #fff;
border-radius: 40px;
height: 240px;
}
.row-bg {
padding-top: 40px;
}
.text-business-email h2 {
margin-top: 15px;
}
img.b-mail {
width: 90px;
}
.text-business-email h5 {
color: #FF7511;
margin-top: 10px;
}
.iconset img {
width: 90px;
margin: 35px 0;
}
.iconset h4 {
color: #5F5F5F;
font-size: 1.1rem;
}
.iconset p {
color: #9C9C9C;
}
.button.primary.b-email {
background-color: #3D68BB;
padding: 0 50px;
border-radius: 50px !important;
margin-top: 20px;
}
.button.primary.b-email:hover {
filter: brightness(0.9);
}
.page-id-2 .esg-navigationbutton {
display: none !important;
}
.package-col .description {
text-align: left;
}
.gb h1 {
font-size: 4.0rem;
line-height: 2.5;
color: #fff;
margin-bottom: 0;
font-weight: 700 !important;
}
.gb {
width: 160px;
height: 160px;
display: inline-block;
border-radius: 100px;
}
.gb span {
font-size: 1.5rem;
font-weight: 400 !important;
}
.title-details h2 {
font-size: 1.3rem;
margin-top: 15px;
}
.gb.col-gb1 {
background-color: #3d68bb;
}
.gb.col-gb2 {
background-color: #45b9c4;
}
.gb.col-gb3 {
background-color: #2dd1b5;
}
.gb.col-gb4 {
background-color: #2dd1b5;
}
.gb.col-gb5 {
background-color: #45b9c4;
}
.gb.col-gb6 {
background-color: #3d68bb;
}
.col-1 .description ::marker {
color: #3d68bb;
}
.col-2 .description ::marker {
color: #45b9c4;
}
.col-3 .description ::marker {
color: #2dd1b5;
}
.col-4 .description ::marker {
color: #2dd1b5;
}
.col-5 .description ::marker {
color: #45b9c4;
}
.col-6 .description ::marker {
color: #3d68bb;
}
.col.package-col .col-inner {
background-color: #fafafa;
border-radius: 15px;
margin-bottom: 30px;
padding: 30px;
}
.col.package-col .button {
padding: 5px 25px;
border-radius: 50px !important;
}
.col.package-col .button:hover {
filter: brightness(0.8);
}
i.icon-shopping-cart {
font-size: 1.5rem;
}
.col.package-col.col-1 .button {
background-color: #3d68bb;
}
.col.package-col.col-2 .button {
background-color: #45b9c4;
}
.col.package-col.col-3 .button {
background-color: #2dd1b5;
}
.col.package-col.col-4 .button {
background-color: #2dd1b5;
}
.col.package-col.col-5 .button {
background-color: #45b9c4;
}
.col.package-col.col-6 .button {
background-color: #3d68bb;
}
.title-details h1 {
font-size: 2.0rem;
font-weight: 700 !important;
}
.package-col.col-1 .title-details h1 {
color: #3d68bb;
}
.package-col.col-2 .title-details h1 {
color: #45b9c4;
}
.package-col.col-3 .title-details h1 {
color: #2dd1b5;
}
.package-col.col-4 .title-details h1 {
color: #2dd1b5;
}
.package-col.col-5 .title-details h1 {
color: #45b9c4;
}
.package-col.col-6 .title-details h1 {
color: #3d68bb;
}
.title-pack-home h1 {
margin: 50px 0;
font-weight: 700 !important;
font-size: 3.0rem;
}
.home-about {
margin-top: 50px;
}
.package-col .button span {
font-size: 1.1rem;
line-height: 2;
}
.home-about img {
border-radius: 20px 20px 0 0;
}
.home-about .content .col-inner {
border-radius: 0 0x 20px 20px;
}
@media (min-width: 360px) {
.home-brands .esg-grid .mainul li.eg-washington-wrapper .esg-media-cover-wrapper {
width: 180px;
margin: auto;
padding: 0;
}
.fee li {
width: 140px;
height: 70px;
margin: 5px !important;
}
.home-service .fee span {
color: #454545;
font-size: 0.8rem;
}
}
@media (min-width: 425px) { .domain-pack.four-column.pricing-table {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 480px) {
.home-service .standard .col-inner {
padding: 30px;
}
.fee li {
padding: 0 5px;
width: 85px;
height: 85px;
margin: 0 15px 20px 0 !important;
}
}
@media (min-width: 550px){
.home-about img {
border-radius: 20px 0 0 20px;
}
.home-about .content .col-inner {
border-radius: 0 20px 20px 0;
}
.border {
text-align: center;
position: relative;
}
span.border2 {
display: inline-flex;
width: 1px;
height: 240px;
background: #ffffff73;
justify-content: center;
}
.row-bg .medium-2 {
max-width: 5.0%;
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 5.0%;
}
} 
@media (min-width: 768px) {
ul.fee {
display: flex;
flex-wrap: nowrap;
}
.fee li:last-child {
margin: 0 !important;
}
span.border3 {
left: 365px;
position: absolute;
}
span.border1 {
right: 365px;
position: absolute;
}
.row-bg .medium-2 {
max-width: 6%;
-ms-flex-preferred-size: 6%;
flex-basis: 6%;
}
span.border1, span.border2, span.border3 {
display: inline-flex;
width: 1px;
height: 240px;
background: #ffffff73;
justify-content: center;
}
.border {
text-align: center;
position: relative;
}
.row-text-email {
position: absolute;
bottom: 0;
}
.row.row-bg {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/banner-2.jpg);
}
.iconset li {
text-align: center;
margin-left: 0 !important;
width: 320px;
}
.iconset ul {
display: flex;
justify-content: center;
align-items: center;
}
.title-business-email {
border: 1px solid #dfdfdf;
border-radius: 50px;
width: 430px;
padding: 12px;
height: 80px;
margin: 40px auto;
line-height: 3;
color: #484848;
}
.equipment ul {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.business-email .email-text {
width: 500px;
}
.q-form .sub-q-form.form-right {
width: 100%;
}
.q-form .sub-q-form:first-child {
margin: auto;
}
.q-form {
display: flex;
flex-direction: column;
}
.form-contact .wpforms-container .wpforms-form .wpforms-field:nth-child(2n) {
padding-left: 15px;
}
.form-contact .wpforms-container .wpforms-form .wpforms-field:nth-child(2n-1) {
padding-right: 15px;
}
.form-contact .wpforms-container .wpforms-form .wpforms-field.wpforms-field-textarea {
width: 100%;
padding: 10px 0;
}
.form-contact .wpforms-container .wpforms-form .wpforms-field {
width: 50%;
display: inline-block;
}
.form-contact form {
max-width: 600px;
margin: auto;
}
.about-us {
padding: 0;
background-size: cover;
min-height: 600px;
}
.about-us-text {
width: 45%;
float: left;
padding: 30px;
background: rgba(255, 255, 255, 0.6);
}
.pricing .pc {
padding: 5px;
width: 50%;
}
.pricing {
flex-flow: row wrap;
}
.esg-bottom .eg-handbook-grid-element-5 {
padding: 20px 10px;
}
.footer-links {
padding-top: 50px !important;
}
.home-manual {
margin-bottom: 30px;
}
.home-service,
.home-why {
margin-top: 50px !important;
margin-bottom: 30px !important;
}
.home-about .content .col-inner {
padding: 10px 30px;
height: 100%;
}
.home-about .img {
padding-right: 0;
border-radius: 20px 20px 0 0;
}
.home-about .content {
padding-left: 0;
}
.col.domain {
padding-left: 10px;
}
.col.enterprise {
padding-right: 10px;
}
.home-service>.col {
margin-bottom: 30px;
}
.fee li {
width: 100%;
height: 85px;
margin: 0 15px 0 0 !important;
}
.home-service .icon-box,
.home-service ul {
width: 50%;
}
.home-service .domain ul {
width: 100%;
justify-content: center;
}
.domain .content ul:not(.fee) li ul {
margin-bottom: 0;
}
.home-service .col-inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.home-service .standard ul {
padding-top: 0;
}
.home-service .icon-box .icon-box-text {
padding-left: 25px !important;
}
.buynow {
width: 15%;
margin: 0 10px;
}
.home-service ul:not(.fee) li>ul li {
margin: 0;
} .email-detail {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/business-email.jpg) no-repeat 0 50% #f8f8f8;
background-size: 100%;
}
.email-dt-box {
padding: 30px;
width: 400px;
background-color: rgba(255, 255, 255, 0.8);
height: 500px;
}
.email-detail .email-dt-box:nth-child(2) {
display: none;
}
.com-mail-pack {
flex-flow: row wrap;
justify-content: center;
}
.com-mail-pack > div {
width: 50%;
}
.mail-why {
flex-flow: row wrap;
}
.mail-box {
width: 50%;
}
.mail-box:nth-child(odd) {
border-right: 1px solid #ddd;
} .google-ws .page-title h1 {
font-size: 2.5rem;
}
.home-reason .col:first-child .text p {
font-size: 1.6rem;
} .domain-pack.four-column.pricing-table {
grid-template-columns: repeat(3, 1fr);
grid-gap: 0;
}
.domain-pack .sub-pbox {
margin: 0 8px 15px;
} .home-brands .esg-singlefilters:not(article[class*="esg-navbutton-solo-"]) {
transform: translate(0, 55%);
} .form-contact form {
max-width: 600px;
margin: auto;
}
.about-page section {
padding: 30px 40px;
}
.data-table-definition-list tbody th,
.data-table-definition-list tbody td {
display: table-cell;
}
.data-table-definition-list thead {
display: table-header-group;
}
.cms-menu li:hover {
background: #4bb9ed;
}
.how-col .how-text {
border: medium none;
padding-top: 0;
display: inline-block;
padding: 0 0 15px 15px;
}
.howto-page .how-img {
float: left;
text-align: left;
}
.cms-page .cms-menu {
padding: 0 15px 0 0;
}
.cms-page .cms-content {
display: inline-block;
width: 100%;
}
.cms-menu li img,
.cms-menu li.contact-us img {
width: 30px;
margin: 10px;
padding: 0;
filter: brightness(10);
}
.cms-menu li:last-child {
border-radius: 0 0 12px 12px;
}
.cms-page .left-menu {
float: left;
padding: 0;
}
.cms-menu li {
display: block;
background-color: #000;
padding: 10px 0;
font-family: 'Roboto', 'Noto Sans Thai', sans-serif;
margin: 0 10px 0 0 !important;
}
.cms-menu li span {
display: block;
}
.cms-menu li a {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #fff;
}
.cms-menu ul {
background-color: #4bb9ed;
border-radius: 12px;
display: block;
}
.cms-menu li:first-child {
border-radius: 12px 12px 0 0;
}
.howto-menu li.how-to-order,
.payment-menu li.payment,
.ship-menu li.shipping,
.confirm-menu li.confirm-payment,
.policy-menu li.privacy-policy {
background: #4bb9ed;
} .home-products .p-left {
padding-right: 0;
}
.line1:after {
content: '';
margin: 0 20px;
border-right: 1px solid #999999;
height: 50px;
}
.about-more>div {
width: auto;
}
.about-more {
display: flex;
flex-wrap: wrap;
}
.about-more .line1>div:not(.qr-img),
.about-more .line2>div:not(.qr-img) {
width: auto;
margin-right: 30px;
}
.about-tax img {
margin-right: 15px;
}
.about-tax span {
font-size: 1rem;
}
.f-about .about-address {
margin-bottom: 30px;
}
.f-about .about-address a {
margin: 0 0 0 30px;
}
.f-about .about-address p:nth-child(3) {
width: auto;
} .content-box .bank {
float: left;
}
.cms-content .content-left,
.cms-content .content-right {
float: left;
}
.confirm-page>.content-box {
float: left;
}
.cms-page .howto-menu li:nth-child(1) a h4,
.cms-page .pay-menu li:nth-child(2) a h4,
.cms-page .ship-menu li:nth-child(3) a h4,
.cms-page .confirm-menu li:nth-child(4) a h4 {
color: #fff;
}
.cms-page .howto-menu li:nth-child(1) a .fa,
.cms-page .pay-menu li:nth-child(2) a .fa,
.cms-page .ship-menu li:nth-child(3) a .fa,
.cms-page .confirm-menu li:nth-child(4) a .fa {
color: #fff;
background: #81001f;
}
.cms-page .left-menu .fa {
background: #d8d8d8;
height: 38px;
width: 38px;
font-size: 1.3rem;
text-align: center;
display: inline-block;
margin: 0;
line-height: 1.8;
}
.cms-page .left-menu a h4 {
color: #333533;
display: inline;
font-size: 0.9rem;
font-weight: 400;
font-family: 'Roboto', 'Noto Sans Thai';
line-height: 1.3;
margin-left: 5px;
top: -2px;
position: relative;
} .home-two-banner .col:first-child {
margin-bottom: 0;
padding: 0 8px 0 0;
}
.home-two-banner .col:last-child {
padding: 0 0 0 8px;
} .youtube-content {
width: 100%;
-js-display: flex;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.youtube-title h4 {
margin: 4px 0;
width: auto;
display: inline-block;
}
.youtube-title a {
display: inline-block;
width: auto;
float: right;
}
.home-youtube .section-content .col:first-child {
margin-bottom: 0;
} .home-products .esg-pagination {
position: absolute;
right: 90px;
top: -44px;
height: 12px;
}
.home-products .esg-filters.esg-navbutton-solo-left,
.home-products .esg-filters.esg-navbutton-solo-right {
top: 30%;
}
.product-title img {
width: 50px;
margin-right: 12px;
}
.product-title h4 {
font-size: 1.7rem;
}
.product-title {
margin: 0 0 15px;
}
.home-recommend .medium-3 {
max-width: 52%;
-ms-flex-preferred-size: 52%;
flex-basis: 52%;
padding: 0 0 0 15px;
}
.home-recommend .medium-9 {
max-width: 48%;
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
padding: 0 15px 0 30px;
}
.home-recommend .esg-entry-media-wrapper {
padding: 0 25px;
}
.home-products.home-recommend .esg-pagination {
right: 0;
top: -20px;
} .blog-title {
margin: 0 0 15px;
}
.home-blog .col-blog {
max-width: 55%;
-ms-flex-preferred-size: 55%;
flex-basis: 55%;
}
.home-blog .col-youtube {
max-width: 45%;
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
padding-left: 0;
}
.home-blog .esg-pagination {
position: absolute;
right: 100px;
top: -44px;
height: 12px;
} .footer-links .f-box h4 {
margin-bottom: 15px;
}
.footer-links .box-follow h4 {
margin-bottom: 0;
}
.newsletter.newsletter-subscription {
margin-top: 45px;
}
.footer-links ul.f-content {
margin: 0;
}
.footer-links .f-box {
margin-bottom: 0;
} .how-img:after {
border-color: transparent transparent transparent #D8D8D8;
border-width: 10px 0 10px 10px;
left: unset;
top: 50%;
margin: 0;
right: -15px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.cms-content .content-left {
padding: 0 30px 0 0;
}
.about-page .content-box:nth-child(2) {
padding: 30px 0 0 30px;
}
.payment-page .content-box:nth-child(1) {
padding: 0 15px 0 0;
}
.payment-page .content-box:nth-child(2) {
padding: 0 0 0 15px;
} .blog-wrapper .box-vertical .box-image {
width: 100% !important;
display: inline-block;
height: auto;
position: initial;
}
.blog-wrapper .box-vertical {
display: inline-block;
width: 100%;
}
.blog-wrapper .box-vertical .box-text {
padding: 15px 0;
}
.blog-wrapper .box-vertical .image-cover {
position: initial;
}
.blog-wrapper .box-vertical .image-cover {
padding: 0 !important;
}
.blog-wrapper .image-cover img {
position: relative;
}
}
@media (min-width: 850px) {
.row-bg .large-6 {
max-width: 40%;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}
.home-why .col:not(:first-child) {
flex-basis: 50%;
max-width: 50%;
}
.form-contact .wpforms-container .wpforms-form .wpforms-field.wpforms-field-textarea textarea {
min-height: 60px;
height: 185px;
}
.pricing .pc {
width: 33.3333333333%;
}
.home-about .content,
.home-about .img {
padding: 0;
}
.home-about .row {
justify-content: center;
}
.home-about .content .col-inner {
padding: 15px;
}
.home-service .icon-box .icon-box-text {
padding-left: 15px !important;
}
.home-brands .myportfolio-container {
padding: 0 30px;
} .wpforms-submit-container {
text-align: right;
}
}
@media (min-width: 992px) {
.equipment li {
list-style-type: none;
margin: 40px 60px;
}
span.border1, span.border2, span.border3 {
display: inline-flex;
width: 1px;
height: 330px;
background: #ffffff73;
justify-content: center;
}
span.border1 {
right: 485px;
position: absolute;
}
span.border3 {
left: 485px;
position: absolute;
}
.business-email-1, .business-email-2 {
padding-top: 35px; 
}
.text-business-email h2 {
margin-top: 30px;
}
.package-business-email {
background-color: #fff;
border-radius: 40px;
height: 320px;
}
.row-text-email {
position: absolute;
bottom: 50px;
left: 75px;
}
.title-business-email {
width: 800px;
height: 70px;
margin: 40px auto;
line-height: 2.4;
} .menu-item:not(:nth-child(1)).active {
background-color: rgba(0, 0, 0, 0.2);
border-radius: 25px;
}
.pricing .pc {
padding: 10px;
}
.esg-bottom .eg-handbook-grid-element-5 {
padding: 20px 5px;
}
.home-about .content p {
font-size: 0.95rem;
}
.home-about .content h4 {
font-size: 1.3rem;
} .header-nav.nav li.menu-item a {
height: auto;
color: #fff;
border-radius: 20px;
line-height: 1;
}
.sub-menu li.menu-item:hover {
background-color: #f4f4f4;
}
.header-nav.nav .sub-menu li.menu-item a:hover {
border-radius: 0;
background-color: transparent;
color: #3d68bb !important;
}
.header-nav.nav li.menu-item a:hover {
color: #fff !important;
background-color: rgba(0, 0, 0, 0.2);
}
.header-nav.nav li.menu-item-169 a {
background-color: rgba(0, 0, 0, 0.2);
}
.stuck .header-main .nav>li>a {
line-height: 1 !important;
}
.header-nav.nav li.menu-item-282 a {
margin-right: 20px;
} .google-ws .page-title {
padding: 60px 0;
}
.google-pack {
display: flex;
}
.google-pack .package {
width: calc(100%/3);
border-bottom: none;
border-right: 1px solid #d6dfe6;
} .domain-pack.four-column.pricing-table {
grid-template-columns: repeat(4, 1fr);
}
.domain-pack .pbox-head {
padding: 12px 15px;
height: 65px;
}
.domain-pack h3 {
font-size: 30px;
line-height: 1.2;
} .pc:first-child .pc-detail ul {
padding-bottom: 26px;
} .q-form {
flex-direction: row;
}
.q-form .sub-q-form {
width: 50% !important;
}
.q-form .sub-q-form:first-child {
margin: 0;
padding-right: 30px;
}
.sub-q-form {
margin-bottom: 0;
} .form-contact form {
max-width: 350px;
}
.list-cookie {
padding: 30px;
}
.c-by ul {
flex-direction: row;
}
.payment-page li img.dropdown {
margin: 20px;
}
.payment-page .order-step img {
width: auto;
}
.payment-page .order-step-box {
padding: 30px 30px 10px 30px;
} .home-products .p-left span {
margin-bottom: 57px;
}
.home-products .p-left {
padding-right: 15px;
}
.home-service a {
font-size: 1.1rem;
}
.row .col-inner .row.home-service {
margin: 30px -15px;
}
.home-service .clean-service,
.home-service .quotation {
padding-left: 15px;
}
.f-bottom .f-other ul {
margin-bottom: 0;
}
.f-bottom .f-contact {
padding-left: 15px;
}
.f-bottom .f-other {
flex-wrap: nowrap;
}
.f-bottom .f-payment {
margin-top: 10px;
}
.f-bottom .f-quotation {
max-width: 21%;
}
.f-bottom .f-price {
max-width: 18.333333%;
}
.f-bottom .f-service {
max-width: 20.333333%;
}
.f-top {
margin-bottom: 10px;
}
.f-bottom>.col>.col-inner {
display: flex;
flex-wrap: wrap;
}
.f-bottom .f-about {
padding: 0;
} .marketing {
margin-bottom: 30px !important;
}
.home-banner .banner-1,
.home-banner .banner-3 {
padding-right: 15px !important;
}
.home-banner .banner-2,
.home-banner .banner-4 {
padding-left: 15px !important;
}
.home-two-banner img:hover {
opacity: .7;
}
.home-banner .col {
padding-bottom: 30px !important;
} .video .col:not(:first-child) {
margin-bottom: 30px !important;
}
.home-products .esg-filters.esg-navbutton-solo-left,
.home-products .esg-filters.esg-navbutton-solo-right {
top: 22%;
}
.home-recommend .esg-entry-media-wrapper {
padding: 0;
}
.home-recommend .medium-3 {
max-width: 35%;
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
}
.home-recommend .medium-9 {
max-width: 65%;
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
}
.home-recommend .minimal-light .esg-filters {
position: absolute;
top: -25px;
right: 90px;
width: 100%;
}
.home-recommend .minimal-light .esg-filters.esg-navbutton-solo-left,
.home-recommend .minimal-light .esg-filters.esg-navbutton-solo-right {
width: auto;
top: 19%;
}
.home-recommend .minimal-light .esg-filters.esg-navbutton-solo-left {
left: 0;
right: unset;
}
.home-recommend .minimal-light .esg-filters.esg-navbutton-solo-right {
right: 0;
} #home-blog .esg-entry-media:hover {
opacity: .8;
}
#home-blog .eg-hayes-container {
background: rgba(0, 148, 78, 0.1);
}
.home-blog .col-youtube {
padding-left: 15px;
}
.home-blog .eg-home-blog-content {
margin-top: 15px;
} .home-categories .row-small>.flickity-viewport>.flickity-slider>.col {
padding: 0 5px;
}
.home-block.home-categories {
margin-bottom: 30px;
} .cms-content.howto-page {
display: flex;
flex-flow: row wrap;
} .footer-content.footer-links .row {
padding: 0 15px;
}
.footer-primary.pull-right {
padding: 3px 0;
float: none;
text-align: center;
} .post-item .col-inner:hover .post-title {
color: #85c2df;
}
}
@media (min-width: 1200px) {
span.border1 {
right: 580px;
position: absolute;
}
span.border3 {
left: 580px;
position: absolute;
}
img.b-mail {
width: 100px;
}
.row-text-email {
position: absolute;
bottom: 75px;
left: 190px;
}
.home-service .domain .icon-box {
margin: 0;
}
.esg-container .esg-filters.esg-navbutton-solo-right {
right: -40px;
}
.esg-container .esg-filters.esg-navbutton-solo-left {
left: -40px;
}
.home-why .title h1 {
margin-bottom: 50px;
}
.home-why .col:not(:first-child) {
max-width: 25%;
}
.form-contact .wpforms-container .wpforms-form .wpforms-field.wpforms-field-textarea textarea {
height: 162px;
}
.about-us-text {
width: 420px;
}
.pricing {
margin: 0 auto;
}
.esg-bottom .eg-handbook-grid-element-5 {
padding: 20px 25px;
}
section.home-about {
padding: 50px 0 !important;
}
.home-about .content .col-inner {
padding: 35px 50px;
}
.home-brands .myportfolio-container {
padding: 0 60px;
margin: 30px 0 50px;
}
.col.enterprise {
padding-right: 15px;
}
.col.standard {
padding-right: 10px;
}
.home-service .icon-box,
.home-service ul {
width: 100%;
}
.home-service .col-inner {
display: block;
height: 100%;
}
.home-service>.col {
max-width: 33.3333333333%;
}
.home-products .p-left span {
margin-bottom: 46px;
} .mail-pack:nth-child(2) .mail-pack-in {
width: 350px;
float: left;
background-position: 12px 50%;
padding-left: 120px;
}
.fee li {
width: 22%;
height: 70px;
font-size: 0.8rem;
}
.mail-box {
width: 25%;
}
.mail-box img {
width: 110px;
}
.buynow {
width: 40%;
margin: 0 auto;
}
.home-service .enterprise #price-two {
width: 65%;
margin: 0 auto;
}
.home-service .icon-box .icon-box-text {
padding-left: 0 !important;
}
.home-service .enterprise ul {
padding: 60px 0 52px 0;
}
.home-service .domain ul.fee {
padding-top: 45px;
margin-bottom: 45px;
}
.home-service .enterprise ul li:first-child ul {
margin: 0;
padding: 0 0 58px 0;
}
.home-service .domain .content {
padding-bottom: 55px;
} .google-pack {
max-width: 1200px;
margin: 0 auto 60px;
}
.google-pack .package {
padding: 60px;
}
.home-reason .col {
padding: 0 40px;
} .home-service .standard ul {
padding: 60px 0 52px 0;
margin: 0;
} .form-contact form {
max-width: 450px;
}
.confirm-page .note-bottom {
margin-top: 30px;
}
.notify-note {
margin: 0 80px 10px 80px;
}
.order-step-box p.order-explain {
width: 80%;
margin: 30px auto;
}
ul.bank-detail li {
font-size: 14px;
line-height: 1.6;
}
.bank-data .bank-detail {
height: 110px;
}
.bank img {
width: auto;
} .home-products .row-small>.flickity-viewport>.flickity-slider>.col,
.row-small>.col {
padding: 0 15px 19.6px;
}
.f-bottom .f-contact {
padding: 0 0 0 15px;
} .home-block {
margin-bottom: 30px;
} .marketing {
margin-bottom: 50px !important;
}
.home-two-banner .col:first-child {
padding: 0 15px 0 0;
}
.home-two-banner .col:last-child {
padding: 0 0 0 15px;
} .home-products .esg-filters.esg-navbutton-solo-left,
.home-products .esg-filters.esg-navbutton-solo-right {
top: 24%;
}
.home-recommend .minimal-light .esg-filters.esg-navbutton-solo-left,
.home-recommend .minimal-light .esg-filters.esg-navbutton-solo-right {
top: 23%;
} .home-categories h3 {
margin: 70px 0 60px;
}
.home-block.home-categories {
margin-bottom: 50px;
}
.home-categories .row-small>.flickity-viewport>.flickity-slider>.col {
padding: 0 18px;
} .home-news-and-promotion .home-title {
margin: 45px 0 25px;
} .footer-content.footer-links {
padding: 20px 15px 35px;
}
}
@media (min-width: 1440px) {
.row-bg .medium-2 {
max-width: 3%;
-ms-flex-preferred-size: 6%;
flex-basis: 3%;
}
.row-bg .large-5 {
max-width: 30.666667%;
-ms-flex-preferred-size: 30.6666666667%;
flex-basis: 30.666667%;
}
span.border1 {
right: 490px;
position: absolute;
}
span.border3 {
left: 490px;
position: absolute;
}
.row-text-email {
position: absolute;
bottom: 180px;
}
.home-service .domain .icon-box {
padding: 0 40px;
}
.home-why {
padding: 0 65px;
}
.home-manual h4.title {
margin-bottom: 50px;
}
.home-brands .myportfolio-container {
margin: 50px 0 100px;
}
.home-manual {
margin-bottom: 60px;
}
.home-service,
.home-why {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
section.home-about {
padding: 80px 0 !important;
}
.home-about .content .col-inner {
padding: 60px 65px;
}
.home-about .content p {
font-size: 1rem;
}
.home-service .icon-box-img {
padding: 35px;
}
.home-service .icon-box-img {
width: 130px !important;
}
.home-service .icon-box span {
font-size: 1.1rem;
}
.home-service h1 {
font-size: 2.8rem;
}
.home-service h3 {
font-size: 1.2rem;
}
.fee li {
width: 85px;
height: 85px;
margin: 0 15px 0 0 !important
}
.home-service .standard .col-inner,
.home-service .enterprise .col-inner {
padding: 30px 60px;
} .home-service .enterprise #price-two {
width: auto;
}
.home-service .enterprise ul li:first-child ul {
padding-bottom: 67px;
}
.home-service .domain .content {
padding-bottom: 45px;
}
.buynow {
margin: 0 auto;
width: 150px;
} .form-contact form {
max-width: 520px;
}
.payment-page .order-step-box {
padding: 50px 50px 30px 50px;
} .text-content p {
font-size: 0.92rem;
}
.f-bottom .f-price {
max-width: 37.7%;
flex-basis: 37.7%;
-ms-flex-preferred-size: 37.7%;
}
.f-bottom .f-service {
max-width: 62.3%;
flex-basis: 62.3%;
-ms-flex-preferred-size: 62.3%;
}
.f-bottom .f-other {
padding-left: 88px;
flex-wrap: wrap;
max-width: 38%;
}
.f-bottom .f-quotation {
max-width: 100%;
flex-basis: 100%;
-ms-flex-preferred-size: 100%;
}
.f-bottom .f-contact {
max-width: 22.666667%;
}
.f-bottom .f-about {
max-width: 39.333333%;
}
.f-top .f-product ul.products {
margin-right: 110px;
}
.f-product .col-inner {
justify-content: flex-end;
} .home-products .esg-filters.esg-navbutton-solo-left,
.home-products .esg-filters.esg-navbutton-solo-right {
top: 30%;
}
.home-recommend .medium-3 {
max-width: 31%;
-ms-flex-preferred-size: 31%;
flex-basis: 31%;
}
.home-recommend .medium-9 {
max-width: 69%;
-ms-flex-preferred-size: 69%;
flex-basis: 69%;
}
.home-recommend .product-title {
margin: 0 0 20px;
}
.home-recommend .eg-products-slide-content {
padding: 10px 0 0 0 !important;
}
home-products.home-recommend .esg-pagination {
top: -24px;
}
.home-recommend .minimal-light .esg-filters.esg-navbutton-solo-left,
.home-recommend .minimal-light .esg-filters.esg-navbutton-solo-right {
top: 27%;
} .home-blog .col-blog {
max-width: 60.5%;
-ms-flex-preferred-size: 60.5%;
flex-basis: 60.5%;
}
.home-blog .col-youtube {
max-width: 39.5%;
-ms-flex-preferred-size: 39.5%;
flex-basis: 39.5%;
} .f-box.box-newsletter,
.f-box.box-follow,
.f-box.box-contact {
max-width: 25%;
}
.f-box.box-about,
.f-box.box-service {
max-width: 12.5%;
}
}
@media (min-width: 1920px){
span.border1 {
right: 650px;
position: absolute;  
}
span.border3 {
left: 650px;
position: absolute;
}
}body {
font-family: 'Sarabun', sans-serif !important;
}
p {
font-size: 14px;
}
.button, button, input, textarea, select, fieldset, label {
font-weight: 400 !important;
font-size: 14px !important;
}
.dark .button.is-form:hover, .button:hover,
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
background-color: #6b6b6b;
}
.button, button {
font-family: 'Noto Sans Thai', sans-serif;
border-radius: 6px !important;
}
.button.disabled, button.disabled,
.button[disabled], button[disabled] {
opacity: 1 !important;
}
.is-form, button.is-form,
input[type="submit"].is-form,
input[type="reset"].is-form,
input[type="button"].is-form {
border: 1px solid #ebebeb !important;
}
.dark .button.is-form:hover,
.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
box-shadow: none !important;
text-shadow: none !important;
}
.button.is-outline{
background-color: transparent !important;
border: 1px solid #2f559c !important;
color: #2f559c !important;
}
.button.is-outline:hover{
background-color: #4bb9ed  !important;
color: #fff !important;
}
a#top-link:hover {
background-color: #363636 !important;
border-color: #363636 !important;
}
button.button{
background-color: #fff !important;
border-color: #4bb9ed !important;
color: #4bb9ed !important;
border-radius: 6px !important;
}
button.button:hover{
background-color: #4bb9ed !important;
border-color: #4bb9ed !important;
color: #fff !important;
}
.divider {
background: transparent !important;
}
input[type="email"],
input[type="search"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="text"],
textarea,
.select2-container .select2-selection{
box-shadow: none !important;
border: 1px solid #ebebeb !important;
}
.is-outline:hover,
.primary.is-outline:hover {
border-color: #4bb9ed !important;
}
.medium-text-center {
font-size: 13px !important;
}
button i, .button i {
top: 0 !important;
}  #logo img {
height: 30px;
}
.header-bottom {
margin-bottom: 30px;
}
#logo a {
margin: 0 auto;
color: #fff;
}
.logo-center .logo img {
width: 80px;
} .page-title .page-title-inner {
padding-top: 0;
}
.checkout-page-title .breadcrumbs .divider {
top: -6px;
}
.page-title .breadcrumbs {
text-align: left;
font-weight: 400;
font-size: 14px;
}
.page-title .breadcrumbs a {
color: #999 !important;
display: inline-block;
font-weight: 300;
font-family: 'Sarabun';
}
.page-title .breadcrumbs a:hover {
color: #85c2df !important;
}
.alert-color {
text-align: center;
}
ul.message-wrapper li {
margin: 0;
}
.page-title ul.next-prev-thumbs{
display: none;
} .header-nav.nav .menu-item a  {
font-size: 16px;
color: #fff;
font-family: 'Roboto','Noto Sans Thai',sans-serif;
font-weight: 400 !important;
}
.stuck .header-main .nav > li > a.nav-top-link {
line-height: 1;
}
.top-divider.full-width {
display: none;
}
.header-bottom .flex-center {
width: 100%; 
}
.header-wrapper.stuck .header-bottom .flex-center {
border-bottom: none;
}
.header-nav.nav .menu-item .sub-menu a {
color: #000;
font-size: 16px;
}
.header-nav.nav .menu-item .sub-menu .current-menu-item a {
color: #3960af;
}
.nav-sidebar.nav-vertical > li.account-item.menu-item:hover {
background-color: #81001f;
}
.header-nav.nav > li > a:hover,
.header-nav.nav > li.active > a,
.header-nav.nav > li.current > a,
.header-nav.nav > li > a.active,
.header-nav.nav > li > a.current,
.header-nav .nav-dropdown li.active > a,
.header-nav .nav-column li.active > a,
.header-nav .nav-dropdown > li > a:hover,
.header-nav .nav-column li > a:hover{
color: #4bb9ed;
}
.header-bottom .header-nav.nav .menu-item.menu-item-home.current-menu-item a {
color: #fff;
}
.header-bottom .header-bottom-nav.nav > .menu-item a.nav-top-link:hover {
color: #363636;
} .header-nav .sub-menu.nav-dropdown-default {
padding: 10px;
border: none;
box-shadow: 0 0 6px rgba(0,0,0,0.1);
}
.header-nav.nav .account-item li a {
padding: 10px 0;
font-weight: 400;
font-size: 14px;
}
.header-nav.nav li.header-divider {
padding: 0;
margin: 0;
border-left: 1px solid #d8d7d7;
}
.nav-dropdown li.html.widget_shopping_cart {
min-width: 280px;
padding: 0;
} .header-search-form .search-form-categories{
display: none;
}
.header-search-form-wrapper .searchform .button.icon {
border-radius: 50% !important;
}
.header-search-form-wrapper .searchform .button.icon:hover {
background-color: #000 !important;
}
.header-search-form-wrapper .searchform .button.icon {
width: 35px !important;
height: 30px !important;
display: inline-block;
padding: 0;
background-color: #898989 !important;
border-radius: 0 !important;
min-width: 35px;
min-height: 28px;
border: 1px solid #636363 !important;
margin-bottom: 5px !important;
}
.header-search-form-wrapper .searchform .button.icon i{
font-size: 13px;
top: -3px !important;
}
.searchform .button.icon {
background-color: #85c2df;
border: none;
}
.searchform input.search-field{
background-color: transparent;
border: none !important;
box-shadow: none;
font-size: 13px !important;
height: 30px;
}
.searchform-wrapper form{
background-color: #fff;
border-radius: 15px;
border: 1px solid #E1E1E1;
}
input.search-field::-webkit-input-placeholder { 
color: #c8ced1;
}
input.search-field::-moz-placeholder { 
color: #c8ced1;
}
input.search-field:-moz-placeholder { 
color: #c8ced1;
} .header-nav.nav .cart-item li a {
font-weight: 400;
font-size: 14px;
}
.header-nav.nav .cart-item a.remove {
padding-left: 1px;
}
.woocommerce-mini-cart__buttons a.button.wc-forward {
color: #4bb9ed;
background-color: transparent !important;
border: 1px solid #4bb9ed;
}
.woocommerce-mini-cart__buttons a.button.wc-forward:hover {
background-color: #4bb9ed !important;
color: #fff;
box-shadow: none;
}
ul.product_list_widget li a.remove {
line-height: 18px !important;
padding-left: 1px;
}
.header-cart-link .image-icon img {
width: 25px;
min-width: unset;
vertical-align: bottom;
}
.account-item.menu-item{
background-color: #81001f;
border: none;
}
.off-canvas .sidebar-menu .nav-vertical > li.account-item.menu-item > a{
color: #fff;
}
.header-nav.nav .cart-item li.mini_cart_item a {
font-weight: 500;
font-size: 15px;
}
.header-nav.nav .cart-item li.mini_cart_item .quantity {
font-family: 'Open Sans';
}
.widget_shopping_cart ul.product_list_widget li {
padding: 10px 0 0 70px;
}
.widget_shopping_cart span.amount {
font-weight: 400;
}
.widget_shopping_cart .total span.amount {
font-weight: bold;
font-size: 20px;
}
.header-wrapper .nav [data-icon-label]:after {
top: 2px;
right: 0;
background: transparent !important;
box-shadow: none;
opacity: 1;
color: #868686;
font-size: 14px;
position: relative;
padding: 0;
font-family: "Roboto", sans-serif !important;
}
.header-wrapper.stuck .nav [data-icon-label]::after {
top: 3px;
}
.success-color, .success.is-link, .success.is-outline {
font-size: 14px;
}
.widget_shopping_cart_content .wcppec-cart-widget-spb{
display: none;
} .home-reason .col:first-child .text p {
margin: 0;
font-family: 'Noto Sans Thai',sans-serif;
color: #696969;
line-height: 0.8;
font-size: 1.4rem;
}
.home-reason .col:first-child .text h2 {
color: #1b4b87;
font-weight: 600 !important;
font-size: 2.2rem;
} .footer-links .social a {
height: 30px;
}
section.footer-links {
padding-bottom: 10px !important;
}
.copy-right p {
margin: 30px 0 0 0;
text-align: center;
color: #fff;
}
.footer-links .col4 {
margin-top: 30px;
}
.footer-links li:first-child {
line-height: 1;
}
.footer-links li,
.footer-links ul {
margin: 0 !important;
list-style: none;
line-height: 1.8;
}
.footer-links h4 {
color: #fff;
font-weight: 600 !important;
margin-bottom: 15px;
}
.footer-links a {
color: #fff;
}
.footer-links a:hover {
color: #fff;
text-decoration: underline;
}
.footer-links .social {
display: flex;
justify-content: space-evenly;
margin: 30px 0;
}
.footer-links .col1 {
text-align: center;
}
a.fb:hover:before {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-fb-blue.svg) no-repeat center center / 30px auto;
}
a.line:hover:before {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-line-green.svg) no-repeat center center / 30px auto;
}
a.ig:hover:before {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-ig-color.svg) no-repeat center center / 30px auto;
}
a.yt:hover:before {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-youtube-red.svg) no-repeat center center / 30px auto;
}
a.mail:hover:before {
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-mail-blue.svg) no-repeat center center / 30px auto;
}
a.fb:before {
content: '';
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-fb-white.svg) no-repeat center center / 30px auto;
width: 30px;
height: 30px;
display: inline-block;
}
a.line:before {
content: '';
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-line-white.svg) no-repeat center center / 30px auto;
width: 30px;
height: 30px;
display: inline-block;
}
a.ig:before {
content: '';
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-ig-white.svg) no-repeat center center / 30px auto;
width: 30px;
height: 30px;
display: inline-block;
}
a.yt:before {
content: '';
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-youtube-white.svg) no-repeat center center / 30px auto;
width: 30px;
height: 30px;
display: inline-block;
}
a.mail:before {
content: '';
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-mail-white.svg) no-repeat center center / 30px auto;
width: 30px;
height: 30px;
display: inline-block;
}
div[id^="gb-widget-"] {
bottom: 75px !important;
}
.cli-bar-btn_container .cli-plugin-button {
border-radius: 22px;
} .header-main .mobile-nav.nav > .nav-icon a {
color: #fff;
}
.header-main .mobile-nav.nav li a {
color: #000;
padding: 0;
}
.off-canvas .mobile-sidebar .sidebar-menu {
padding: 0;
}
.off-canvas .sidebar-menu .nav-vertical > li > a {
padding: 6px 0;
color: #262626;
font-size: 15px;
font-weight: 400;
font-family: 'Roboto','Noto Sans Thai',sans-serif;
}
.off-canvas .sidebar-menu .nav-vertical li li > a {
font-size: 14px;
font-weight: 400;
padding: 6px 0 6px 25px;
font-family: 'Sarabun';
color: #fff !important;
}
.nav.nav-sidebar .active > .children {
padding-bottom: 10px;
}
.nav-sidebar li.header-social-icons,
.nav-sidebar li.header-newsletter-item {
display: none;
} .dashboard-links a {
font-family: 'Noto Sans Thai';
}
#my-account-nav.nav li a {
font-weight: 400;
}
.woocommerce-Addresses a{
text-decoration: underline;
} .product-small.box:hover .box-image img {
filter: brightness(0.8);
}
.product-category-image{
margin: 15px auto;
}
.row.category-page-row {
padding-top: 15px;
}
.term-collection .box-badge .box-text {
background-color: rgba(255,255,255,0.6);
padding: 5px 10px;
bottom: 0;
}
.term-collection .box-badge .box-text h5{
font-family: 'Roboto';
font-weight: 500;
}
span.amount {
font-size: 1.2rem;
font-family: 'Roboto','Noto Sans Thai',sans-serif;
color: #343434 !important;
font-weight: 500 !important;
}
.category-page-row .title-wrapper .product-title{
font-size: 18px;
font-weight: 400;
font-family: 'Noto Sans Thai';
overflow: hidden;
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.shop-container .products .box-image {
border: 1px solid #efefef;
}
.wishlist-icon{
display: none;
}
.shop-container .box-text.box-text-products{
display: flex;
padding: 10px 0 5px;
flex-flow: column;
}
.shop-container .box-text.box-text-products .desc-wrapper {
overflow: hidden;
}
.shop-container .name.product-title a{
font-size: 17px ;
line-height: 22px ;
text-align: left;
margin-bottom: 10px;
font-family: 'Noto Sans Thai', sans-serif !important;
text-align: center;
}
.box-text-products .price-wrapper {
text-align: center;
}
.shop-container .price-wrapper{
order: 1;
margin-top: 10px;
}
.shop-container .box-text p {
color: #333333 !important;
font-family: "Roboto" !important;
font-size: 13px;
font-family: 'Roboto','Noto Sans Thai',sans-serif !important;
font-size: 1rem;
}
.shop-container .box-text p.box-excerpt {
font-size: 0.9rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-align: center;
overflow: hidden;
min-height: 70px;
} aside span.widget-title {
font-weight: 400;
font-family: 'Noto Sans Thai';
}
.widget_price_filter .price_slider_amount .button:hover {
background-color: #85c2df;
box-shadow: none;
}
.home-products .p-right > .col-inner:before {
content: '';
border-top: 1px solid #ebebeb;
position: absolute;
bottom: 15px;
display: inline-block;
width: 100%;
padding: 0 10px;
}
.home-products .slider-nav-outside .flickity-page-dots {
width: 150px;
bottom: 8px;
z-index: 9;
background-color: #fff;
margin: auto;
}
.home-products .flickity-prev-next-button.previous {
content: '';
display: inline-block;
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-left.svg) center center /30px auto no-repeat;
width: 30px !important;
left: 0 !important;
bottom: 0;
opacity: 1;
top: unset;
margin-left: 10px;
}
.home-products .flickity-prev-next-button.next {
content: '';
display: inline-block;
margin: 0;
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-right.svg) center center /30px auto no-repeat;
width: 30px !important;
right: 0 !important;
left: unset !important;
bottom: 0;
opacity: 1;
top: unset;
margin-right: 10px;
}
.home-slide.slider-wrapper .flickity-prev-next-button.previous {
content: '';
display: inline-block;
margin: 0;
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-arrow-left-white.svg) center center /30px auto no-repeat;
width: 30px;
left: 15px;
opacity: 1;
}
.home-slide.slider-wrapper .flickity-prev-next-button.next {
content: '';
display: inline-block;
margin: 0;
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-arrow-right-white.svg) center center /30px auto no-repeat;
width: 30px;
right: 15px;
opacity: 1;
} .shop-container .product-main {
padding: 40px 0 0 0;
}
article#esg-grid-2-2-wrap {
display: none !important;
}
.woocommerce-product-gallery__image {
border: 1px solid #ddd;
}
.product-main .product-summary .breadcrumbs {
font-size: 13px;
}
.product-main .product-summary .product-title {
font-size: 22px;
margin: 20px 0;
color: #000;
}
.product-summary .is-divider.small {
display: none;
}
.product-short-description {
margin: 25px 0;
}
.product-main .product-summary  del span.amount  {
font-size: 18px;
}
.product-main .product-summary  span.amount {
font-size: 22px;
color: #686a6c;
}
.product-main .product-summary .woocommerce-Price-currencySymbol {
font-size: 22px;
}
.product-main form.cart {
margin: 30px 0 10px;
max-width: 300px;
}
.product-footer .nav.product-tabs li a {
font-weight: 400;
font-size: 16px;
border-color: #ececec;
}
.product-footer .nav-tabs > li.active > a {
border-top-color: #4bb9ed;
}
.product-footer .nav-tabs + .tab-panels {
border: 1px solid #ececec; 
}
.product-footer .has-border {
border: 1px solid #ececec;
} 
.slider-nav-reveal .flickity-button.flickity-prev-next-button:hover,
.slider-nav-reveal .flickity-button.flickity-prev-next-button {
box-shadow: none;;
}
.product-summary .cart button{
border: none;
padding: 3px 25px;
font-size: 16px;
font-weight: 400 !important;
margin: 0;
height: 44px;
line-height: 2.8;
background-color: #4bb9ed !important;
color: #fff !important;
border-radius: 6px;
}
.product-summary .cart button:hover{
background-color: #363636 !important;
}
.page-id-49 .col-inner p:first-child {
font-size: 1.3rem;
font-family: 'Roboto','Noto Sans Thai',sans-serif;
}
.contact-page .content-title {
padding-top: 20px;
}
.product-info.product-summary .quantity {
margin: 0 15px 0 0;
width: auto;
height: 44px;
}
.cart .quantity .input-text.qty.text {
height: 44px;
}
.quantity input {
box-shadow: none !important;
border: 1px solid #ececec !important;
}
.product-summary .product_meta > span {
padding: 15px 0;
}
.product-gallery .product-thumbnails .col{
padding: 0 13px !important;
}
.product-gallery .product-thumbnails a:hover,
.product-gallery .product-thumbnails .is-nav-selected a {
border-color: #eeefef;
}
.product-small .badge,
.product-gallery .badge{
width: 42px;
height: 42px;
}
.product-small .badge-inner,
.product-gallery .badge-inner{
line-height: 2;
font-size: 12px;
}
.product-main .product-summary .wcppec-checkout-buttons {
display: none;
}
.product-summary .variations select{
box-shadow: none;
}
.product-summary .button.facebook:not(.is-outline),
.product-summary .button.twitter:not(.is-outline),
.product-summary .button.email:not(.is-outline),
.product-summary .button.pinterest:not(.is-outline),
.product-summary .button.google-plus:not(.is-outline){
color: #999 !important;
}
.product-summary .button.facebook:hover {
color: #3a589d !important;
}
.product-summary .button.twitter:hover {
color: #2478ba !important;
}
.product-summary .button.email:hover {
color: #111 !important;
}
.product-summary .button.pinterest:hover {
color: #cb2320 !important;
}
.product-summary .button.google-plus:hover {
color: #dd4e31 !important;
} .product-summary .yith-wcwl-add-to-wishlist {
margin: 15px 0;
}
.product-summary a.add_to_wishlist:before,
.product-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse span.feedback:before,
.product-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse span.feedback:before{ background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon-wishlist.svg) center/ 24px auto;
width: 24px;
height: 24px;
display: inline-block;
margin-right: 8px;
vertical-align: top;
}
a.add_to_wishlist{
display: inline-block;
}
.yith-wcwl-add-to-wishlist{
display: inline-block;
margin: 0 0 15px;
}
.yith-wcwl-add-to-wishlist a{
color: #85c2df;
font-family: 'Noto Sans Thai';
font-size: 15px;
font-weight: 300;
}
.yith-wcwl-add-to-wishlist a:hover,
.yith-wcwl-add-to-wishlist a.add_to_wishlist{
color: #4e4e4e;
}
.yith-wcwl-add-to-wishlist a.add_to_wishlist:hover{
color: #4bb9ed;
}
span.icon-heart {
display: none;
}
.my-account .woocommerce-message a {
color: #fff;
} .product-footer .woocommerce-tabs.tabbed-content {
border-top: none;
}
.related-products-wrapper .row-small > .flickity-viewport > .flickity-slider > .col{
padding: 0 15px; 
}
.related-products-wrapper {
margin-bottom: 15px;
}
.related-products-wrapper h3 {
display: inline-block;
width: auto;
border-top: 3px solid #4bb9ed;
padding: 10px 0;
margin: -1px 0 15px;
}
.related-products-wrapper .slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
margin-top: -150px;
} .shop_table th {
font-family: 'Noto Sans Thai';
font-weight: 400;
}
.shop_table .order-total span.amount {
font-size: 18px;
}
.product-remove a.remove,
.product-remove a.icon-remove {
font-size: 15px !important;
line-height: 15px !important;
padding-left: 1px;
}
a.remove:hover,
a.icon-circle:hover {
color: #7d7d7d !important;
}
.cart-wrapper thead {
color: #69696b;
}
.cart-collaterals .cart_totals thead th{
color: #69696b;
font-family: 'Noto Sans Thai';
font-size: 20px;
font-weight: 400;
padding-top: 0;
letter-spacing: 0;
} .page-checkout.page-wrapper {
padding-top: 0;
}
.page-checkout form.checkout h3 {
font-size: 20px;
font-weight: 500;
}
.page-checkout ul li {
list-style-type: none;
font-size: 14px !important;
margin: 0 !important;
}
.woocommerce-customer-details .addresses .woocommerce-column{
width: 50%;
}
.woocommerce .cart_totals .button {
border: none;
box-shadow: none;
padding: 5px 0;
}
.woocommerce a.checkout-button:hover,
.woocommerce button#place_order:hover{
background: #4bb9ed !important;
}
.page-checkout .woocommerce-customer-details address {
font-style: normal;
}
button#place_order{
float: right;
width: 100%;
margin: 0 0 15px;
}
.woocommerce form .form-row .required {
color: red;
font-weight: 700;
border: 0;
}
.page-checkout #ship-to-different-address,
.page-checkout .form-row.create-account{
font-family: unset;
font-size: 16px;
}
.message-container {
color: #686a6c;
}
.woocommerce-info .medium-text-center {
font-size: 14px !important;
}
.woocommerce-info a{
color: #fff;
}
.page-id-16 .woocommerce-info a {
color: #fff;
}
.dashboard-links a:hover {
background-color: #4bb9ed !important;
}
.page-id-16 .woocommerce-info a:hover {
background-color: #000;
}
.woocommerce-form-coupon.checkout_coupon{
border-width: 0;
background-color: #eeefef;
}
.woocommerce-form-coupon .coupon{
max-width: 300px;
} .page-404{
padding: 50px 0;
}
.page-title.normal-title {
border: none;
} .is-divider {
background-color: #4bb9ed !important;
}
.post-sidebar.col{
border: none !important;
}
.post-sidebar .widget > ul > li > a {
font-size: 13px;
color: #777;
}
.post-sidebar .widget > ul > li > a:hover {
color: #85c2df;
}
.post-sidebar .widget.widget_recent_entries > ul > li > a:before {
content: "\f044";
font-family: FontAwesome;
padding: 0 8px 0 0;
font-size: 14px;
}
.post-sidebar .widget.widget_categories > ul > li > a:before {
content: "\f07c";
font-family: FontAwesome;
padding: 0 8px 0 0;
font-size: 14px;
}
.badge .badge-inner {
background-color: #999;
}
.badge-inner.secondary.on-sale {
background: #CD121B;
}
.post-sidebar .widget-area .widget + .widget{
border-top: 1px solid #ebebeb;
padding-top: 15px;
}
.post-sidebar .widget .is-divider {
display: none;
}
.post-sidebar .widget > ul > li + li {
border-top: none;
}
.post-sidebar aside span.widget-title {
margin-bottom: 15px;
display: inline-block;
width: 100%;
font-size: 16px; 
font-weight: 400;
color: #69696b;
}
.header-search-form-wrapper {
border-bottom: 1px solid #cccccc;
}
.hotline {
display: flex;
align-items: flex-end;
}
.hotline img {
width: 50px;
}
.hotline h4 {
margin: 0;
font-size: 0.9rem;
color: #f36936;
}
.header-nav.nav .hotline-content a:hover {
color: #4bb9ed;
}
.header-nav.nav .hotline-content a {
font-family: 'Noto Sans Thai',sans-serif;
font-size: 0.9rem;
color: #504f4f;
}
.hotline-content {
line-height: 1.2;
}
.cart-icon.image-icon {
content: '';
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-cart.svg) no-repeat;
width: 30px;
height: 30px;
display: inline-block;
margin: 0 0 10px 0;
}
.cart-icon.image-icon > strong {
border: none !important;
background-color: #1b8fc7;
width: 16px;
height: 16px;
line-height: 0.8;
color: #fff;
border-radius: 22px;
font-size: 0.8rem;
padding: 3px;
position: relative;
right: -4px;
top: -5px;
font-family: 'Noto Sans Thai',sans-serif;
font-weight: 500;
} a.back-to-top.button {
width: 40px;
height: 40px;
line-height: 2.7;
text-align: center;
border: none;
background-color: #2f559c !important;
bottom: 17%;
right: 25px;
}
a.back-to-top.button .icon-angle-up::before {
content: "\f106";
color: #fff !important;
font-size: 25px !important;
}
.page-id-66 .row {
max-width: 100% !important;
}
.page-id-66 .large-12.col {
padding: 0;
}
@media (max-width: 425px){
ul.f-links.about-us {
margin-bottom: 0;
}
.footer-bottom p {
font-size: 1rem !important;
}
.footer-links .footer-social,
.footer-links .footer-about,
.footer-links .footer-connect {
max-width: 100% !important;
-ms-flex-preferred-size: 100% !important; 
flex-basis: 100% !important;
} 
.footer-connect li {
margin-left: 0 !important;
}
.f-links.about-us {
margin: 0 25px 40px 0;
}
.social-button a:not(:last-child) img {
margin-right: 10px;
}
.f-links.footer {
display: flex;
justify-content: center;
}
.home-banner .banner-1,
.home-banner .banner-3 {
padding: 0 15px 15px 15px !important;
}
.home-banner .banner-2,
.home-banner .banner-4 {
padding: 0 15px 15px 15px !important;
}
article#esg-grid-2-2-wrap {
display: block !important;
}
article#esg-grid-1-1-wrap {
display: none !important;
}
}
@media (max-width: 991px){
.social-button a:not(:last-child) img {
margin-right: 10px;
}
.footer-social {
padding-top: 30px !important;
}
.product-footer .woocommerce-tabs.tabbed-content {
padding: 30px 0 !important;
}
.product-footer .woocommerce-tabs {
padding: 0 !important;
}
.footer-links .footer-about,
.footer-links .footer-connect {
max-width: 50% ;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.footer-links .footer-social {
max-width: 100%;
-ms-flex-preferred-size: 100%; 
flex-basis: 100%;
} 
.cart-item.has-icon,
.header-search {
margin: 0 !important;
}
.header-search a:after {
display: none !important;
}
.header-search-form-wrapper .searchform .button.icon {
margin-right: 10px;
}
}
@media (min-width: 768px){	
.footer-links .col2,
.footer-links .col3,
.footer-links .col4 {
display: flex;
justify-content: center;
}
.copy-right p {
margin: 50px 0 0 0;
}
.footer-links .social {
justify-content: space-evenly;
max-width: 500px;
margin: 30px auto;
}
.footer-links .col4 {
margin-top: 0;
}
.home-products .flickity-prev-next-button.next {
margin-right: 4px;
}
.home-products .flickity-prev-next-button.previous {
margin-left: 4px;
} .logo-center .logo img {
width: 100%;
} .blog-wrapper .small-columns-1 > .col, 
.blog-wrapper .large-columns-2 > .col{
max-width: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
} .product-summary div.paypal-button {
float: left;
width: 33% !important;
} .home-reason .col:first-child .text h2 {
font-size: 2.5rem;
}
}
@media (min-width: 850px) {
.footer-links .col2,
.footer-links .col3,
.footer-links .col4 {
display: block;
}
.footer-links .social {
justify-content: center;
margin: 73px 0 0 0;
column-gap: 35px;
}
.footer-links .row.copy-right .col {
width: 100%;
max-width: 100% !important;
}
.footer-links .row > .col:nth-child(2),
.footer-links .row > .col:nth-child(4){
padding: 0;
}
.footer-links .row > .col:nth-child(1) {
max-width: 44.5%;
padding: 0 25px 0 15px;
}
.footer-links .row > .col {
max-width: 18.5%;
}
div#logo {
width: 190px;
}
.header-nav.nav li {
margin: 0;
}
.header-nav.nav li#menu-item-766 {
background-color: rgb(0 0 0 / 30%);
border-radius: 22px;
}
.header-nav.nav li a{
padding: 10px 7px;
margin: 0;
}
}
@media (min-width: 992px){
.footer-links .row > .col:nth-child(1) {
padding: 0 40px 0 15px;
}
.header-nav.nav li a{
padding: 10px 12px;
}
.shop-container .product-main {
padding: 40px 0;
}
.cart-icon.image-icon > strong {
right: -12px;
}
.cart-icon.image-icon {
width: 50px;
height: 50px;
margin: 0 0 0 15px;
}
.header-nav.nav li.account-item {
margin-left: 25px;
}
.header-nav.nav .account-item a {
display: flex;
flex-direction: column-reverse;
font-size: 0.8rem;
color: #898989;
font-weight: 600;
font-family: 'sarabun',sans-serif;
}
.searchform-wrapper form {
border-radius: 0 !important;
border: none !important;
}
.footer-about,
.footer-connect {
max-width: 33.33333% !important;
-ms-flex-preferred-size: 33.33333% !important;
flex-basis: 33.33333% !important;
}
.footer-social {
max-width: 33.33333% !important;
-ms-flex-preferred-size: 33.33333% !important;
flex-basis: 33.33333% !important;
}
.f-links.footer li{
margin-left: 0 !important;
}
.f-links.about-us {
margin-right: 30px;
}
.container-width,
.full-width .ubermenu-nav,
.container,
.row {
max-width: 990px !important;
}
#logo a {
margin: 0; 
max-width: 300px;
}
.header-wrapper.stuck {
background: #fff;
}
.header-nav.nav li a {
font-size: 18px;
}
.header-nav.nav li a.header-cart-link.is-small {
padding: 0;
} .header-nav.nav .menu-item a {
font-size: 18px;
}
.header-nav.nav li .icon-angle-down{
display: none;
}
.header-nav .nav-dropdown-default .nav-column li > a,
.header-nav .nav-dropdown.nav-dropdown-default > li > a {
margin: 0;
border-bottom: none;
}
.header-nav .nav-dropdown-has-arrow li.has-dropdown::before {
border-bottom-color: transparent;
}
.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow li.has-dropdown:before {
display: none;
}
.header-nav.nav.header-bottom-nav .nav-dropdown.nav-dropdown-default  li {
padding: 0 15px;
}
.header-nav.nav.header-bottom-nav .nav-dropdown.nav-dropdown-default  li a{
font-family: "Noto Sans Thai", sans-serif;
padding: 10px 10px;
width: 100%;
font-size: 16px; 
}
.header-nav.nav.header-bottom-nav .nav-dropdown.nav-dropdown-default li:hover {
background-color: #f8f8f8;
}
.header-nav.nav.header-bottom-nav .nav-dropdown.nav-dropdown-default li:hover a{
color: #4bb9ed;
}
.header-nav li.menu-item.current-dropdown .nav-dropdown.nav-dropdown-default {
left: auto;
}
div#logo {
width: 155px;
} .account-item .icon-user:before{
content: '';
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-user.svg) no-repeat;
width: 15px;
height: 15px;
display: inline-block;
margin: 0 8px;
}
.account-item .nav-top-not-logged-in:after{
content: '';
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-login.svg) no-repeat;
width: 15px;
height: 15px;
display: inline-block;
margin: 0 8px 5px;
}
.nav > li.account-item > a{
padding: 0;
display: inline-block;
}
.nav > li.account-item > a > i {
font-size: 1rem;
}
.nav-divided > li + li > a::after {
border: none !important;
}
.nav-small .nav > li > a,
.nav.nav-small > li > a {
padding: 0 !important;
} nav.nav-small > li.cart-item > a {
padding: 0; 
}
.header-cart-link span.header-cart-icon{
margin: 0 0 0 10px;
}
.header-wrapper .nav [data-icon-label]::after {
top: 0;
}
.header-cart-link .image-icon img {
position: relative;
vertical-align: initial;
top: 4px;
width: 22px;
}	
.header-nav .cart-item .nav-dropdown-default {
padding: 15px;
} .header-nav.nav .header-search-form.search-form {
padding: 0;
margin-left: 30px;
}
.header-search-form-wrapper .searchform-wrapper form {
width: 210px;
}
.header-search-form-wrapper .searchform .button.icon {
font-size: 13px;
}
.header-search-form-wrapper .searchform .button.icon:hover {
background-color: #868d93;
} .woocommerce-tabs .nav > li {
margin: 0 12px;
}
.product-main .product-summary .product-title {
margin: 0 0 25px;
}
.product-main .product-info {
padding: 0 0 0 50px;
} .row-divided.woocommerce .cart-collaterals  {
border-left: none !important;
padding-right: 0;
} .post-sidebar.col {
padding-left: 0 !important;
}
} 
@media (min-width: 1200px){
.footer-links .row > .col {
max-width: 19.83%;
}
.footer-links .col2,
.footer-links .col3,
.footer-links .col4 {
display: flex;
}
.footer-links .row > .col:nth-child(1) {
max-width: 40.5%;
padding: 0 80px 0 15px;
}
div#logo {
width: 300px;
}
.header-nav.nav .header-search-form.search-form {
margin-left: 50px;
}
.header-search-form-wrapper .searchform-wrapper form {
width: 320px;
}
#logo {
margin-right: 0;
}
.f-links.footer li{
margin-left: 1.3em !important;
}
.social-button a:not(:last-child) img {
margin-right: 10px;
}
.f-links.about-us {
margin-right: 10px;
}
.container-width,
.full-width .ubermenu-nav,
.container,
.row {
max-width: 1140px !important;
} .yith-wcwl-add-to-wishlist {
margin: 10px 0 25px;
}
}
@media (min-width: 1440px) {
.footer-links .row > .col:nth-child(1) {
max-width: 35.5%;
}
.header-nav.nav li a{
padding: 10px 25px;
}
.social-button a:not(:last-child) img {
margin-right: 23px;
}
.f-links.about-us {
margin-right: 50px;
}
.container-width,
.full-width .ubermenu-nav,
.container,
.row{
max-width: 1410px !important;
} .header-nav .nav-dropdown li {
padding: 0 10px;
} .related-products-wrapper .slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
margin-top: -90px;
}
} .html_topbar_left p {
font-family: 'Roboto','Noto Sans Thai',sans-serif;
font-size: 1.1rem;
}
.home-slide .flickity-page-dots .dot {
width: 25px;
height: 4px;
border-radius: 22px;
border: none;
background: #fff;
}
.slider-wrapper button path {
display: none;
}
.slider-wrapper .slider .flickity-button:hover {
opacity: 0.5;
}
.icon-search:before,
.cart-icon strong:after{
display: none !important;
}
.header-search a:after {
content: '';
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-search.svg) no-repeat;
width: 22px;
height: 22px;
display: inline-block;
margin: 0 8px;
}
.tabs.product-tabs.nav {
justify-content: flex-start !important;
}
i.icon-angle-down {
color: #fff !important;
}
button.ux-search-submit,
button.ux-search-submit:hover{
background-color: unset !important;
}
.header-search-form-wrapper .button.icon i:before {
content: '' !important;
background: url(//thaismartmail.com/wp-content/themes/thaismartmail/images/icon/icon-search.svg) no-repeat 0 0 /18px;
width: 18px !important;
height: 18px !important;
display: inline-block !important;
position: relative;
}
.live-search-results .autocomplete-suggestion{
flex-direction: column;
align-items: flex-start;
}
.mini_cart_item a:hover {
color: #4bb9ed !IMPORTANT;
}
.wc-proceed-to-checkout a {
background-color: #fff !important;
color: #4bb9ed;
border: 1px solid #4bb9ed !important;
}
#payment button#place_order {
background-color: #4bb9ed !important;
color: #fff !important;
}
#payment button#place_order:hover {
background-color: #000 !important;
}
.footer-about ul,
li.address-footer,
.home main#main {
margin-bottom: 0;
}
.mobile-sidebar li:not(.menu-item) {
display: none;
}
.marketing .text {
margin-bottom: 30px;
}
.footer-connect {
padding: 15px 0 0 0!important;
}
.footer-social,
.footer-about{
padding-bottom: 0 !important;
}
.about-us-content,
.about-us-content b{
font-family: 'Roboto','Sarabun',sans-serif;
font-size: 1rem !important;
}
.cms-page-title {
font-size: 1.3rem;
font-family: 'Roboto','Noto Sans Thai',sans-serif;
color: #000;
text-align: center;
}
.cms-page-content, .cms-page-content p {
font-size: .9rem !important;
font-family: 'Roboto','Sarabun',sans-serif;
color: #363636;
}