/*
Theme Name: WPDT WExPress
Theme URI: http://wexpress.wpdevthai.com
Author: Wisan
Author URI: https://wpdevthai.com
Description: -
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

html {
    position: relative;
    min-height: 100%;
}
body {
    background-color: #f4f4f4;
    color: #535353;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-top: 0;
    font-weight: 500;
    font-family: 'Mitr', sans-serif;
    color: #333333;
}
h1,
.h1 {
    font-size: 30px;
}
h2,
.h2 {
    font-size: 24px;
}
h3,
.h3 {
    font-size: 22px;
}
a,
a:visited,
.btn-link {
    color: #333333;
}
a:active,
a:hover,
a:focus,
.btn-link:hover {
    color: #111111;
    text-decoration: none;
}
p {
    margin: 0 0 1.2em;
}
pre {
    border-radius: 0;
}
ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 25px;
}
mark,
.mark {
    background-color: #fcf8e3;
    padding: .2em 0.5em;
}
/*=================================================
WP Alignment
=================================================*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
blockquote {
    border-left: none;
    background: #f7f7f7;
    font-size: 17px;
    font-weight: 400;
    padding: 25px 25px;
    margin: 0px;
    color: #888;
    font-weight: 300;
    margin-bottom: 1rem;
}
blockquote::before {
    content: "\f10d";
    font-family: FontAwesome;
    padding-left: 7px;
    font-size: 12px;
}
blockquote::after {
    content: "\f10e";
    font-family: FontAwesome;
    padding-right: 7px;
    font-size: 12px;
}
img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}
img[class*="wp-image-"] {
    margin-top: 0px;
    margin-bottom: 0px;
}
embed,
iframe,
object,
audio,
canvas,
progress,
video {
    max-width: 100%;
}
.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    max-width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 10px;
}
.wp-caption.aligncenter {
    margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
}
.wp-caption .wp-caption-text {
    text-align: center;
    margin-top: 10px;
}
.gallery {
    margin-bottom: 1.5em!important;
}
.gallery a img {
    border: none;
    height: auto;
    max-width: 100%;
    display: inline-block;
    border: none!important;
    width: 100%;
}
.gallery dd {
    margin: 0;
}
.gallery-caption {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    display: block;
    left: 0;
    line-height: 16px;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 60;
}
.gallery .gallery-item {
    box-sizing: border-box;
    display: inline-block;
    margin: 0 !important;
    position: relative;
}
.gallery .gallery-item .gallery-icon {
    display: block;
}
.gallery .gallery-item .gallery-icon a {
    display: inline-block;
    border-radius: 0px;
    margin-bottom: 10px;
    overflow: hidden;
}
.gallery-columns-2 .gallery-item {
    width: 50%;
}
.gallery-columns-3 .gallery-item {
    width: 33.3333%;
}
.gallery-columns-4 .gallery-item {
    width: 22%;
}
.gallery-columns-5 .gallery-item {
    width: 20%;
}
.gallery-columns-6 .gallery-item {
    width: 16.66666%;
}
.image-navigation {} .image-navigation .nav-previous {
    display: inline-block;
}
.image-navigation .nav-next {
    display: inline-block;
}
.single-attachment .main-content-inner {
    padding-top: 20px;
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}
.clear {
    clear: both;
}
.error404 .main-content {
    padding: 65px 0;
}
/*=================================================
Form Style 
=================================================*/

form {
    position: relative;
}
button {
    outline: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #333333 none repeat scroll 0 0;
    border: 1px solid #333333;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    margin-bottom: 0;
    padding: 0 25px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-family: "Prompt", sans-serif;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background: #333333 none repeat scroll 0 0;
    border-color: #333333;
    color: #fff;
}
button,
input,
textarea,
select {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}
.form-control {
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: none;
    height: 38px;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="url"],
input[type="radio"],
input[type="checkbox"],
textarea,
select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 !important;
    color: #333;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    outline: medium none;
    padding: 6px 10px;
    transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
    max-width: 100%;
    width: 100%;
}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
input[type="url"]:hover,
input[type="radio"]:hover,
input[type="checkbox"]:hover,
input[type="password"]:hover,
textarea:hover,
select:hover {
    border: 1px solid rgba(0, 0, 0, 0.2);
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
input[type="password"]:focus,
textarea:focus {
    border: 1px solid rgba(0, 0, 0, 0.7);
    color: #333;
}
input[type="radio"],
input[type="checkbox"] {
    width: auto;
}
input.input-lg,
.input-lg {
    padding-top: 14px;
    padding-bottom: 14px;
}
input.input-md,
.input-md {
    padding-top: 12px;
    padding-bottom: 12px;
}
input.input-sm,
.input-sm {
    padding-top: 10px;
    padding-bottom: 10px;
}
input.input-xs,
.input-xs {
    padding-top: 8px;
    padding-bottom: 8px;
}
textarea {

    width: 100%;
}
label {
    color: #333;
    font-size: 14px;
    margin-bottom: 0;
    padding-right: 3px;
    font-weight: 500;
    margin-top: 6px;
    font-family: "Prompt", sans-serif;
}
form legend {
    font-family: "Prompt", sans-serif;
}
.form-full {
    width: 100%;
}
.form-full-height {
    height: 100%;
}
.form-field-wrapper {
    margin-bottom: 20px;
    position: relative;
}
form .error {
    border-color: #e1534f;
}
form label.error {
    margin-bottom: 0px;
    margin-top: 3px;
    color: #e1534f;
    font-size: 12px;
    font-weight: 400;
}
.successContent,
.errorContent {
    margin-bottom: 20px;
    display: none;
    text-transform: none;
    letter-spacing: 1px;
}
/*=================================================
Navbar
=================================================*/

.navbar-default {
    margin-bottom: 0;
    background-color: #fff;
    border: none;
    border-radius: 0;
    padding: 0;
    border-top: #000000 solid 4px;
    border-bottom: none;
}
.navbar-default .navbar-header {
    float: none;
    padding: 20px 0px;
}
.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none;
    color: #111111;
}
.navbar-brand > img {
    display: block;
    max-height: 54px;
    width: auto;
}
.navbar-default .navbar-nav {
    margin: 0 -10px;
}
.navbar-default .navbar-nav > li > a {
    font-family: 'Mitr', sans-serif;
    color: #ffffff;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .current-menu-ancestor > a {
    color: #ffffff;
    background: #111111;
}
.navbar-nav > li:hover > .dropdown-menu {
    display: block;
}
.nav .open >a,
.nav .open >a:hover,
.nav .open >a:focus {
    background-color: #111111;
    border-color: transparent;
    color: #ffffff;
}
.dropdown-menu {
    padding: 0;
    min-width: 200px;
    border-radius: 0;
    border: none;
    background-color: #222222;
}
.dropdown-menu .dropdown-menu {
    left: 100%;
    top: 0;
    margin-top: 0;
}
.dropdown-menu > li:hover > .dropdown-menu {
    visibility: visible;
    display: block;
}
.dropdown-menu li {
    width: 100%;
    padding: 0!important;
    margin: 0!important;
}
.dropdown-menu li a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #eee!important;
    white-space: nowrap;
}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
    color: #ffffff!important;
    text-decoration: none;
    background-color: #000000!important;
}
.dropdown-menu ul {
    list-style: none;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #000000;
    color: #fff;
    outline: 0 none;
    text-decoration: none;
}
.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.navbar-nav>li.open >.dropdown-menu,
.navbar-nav>li:hover > .dropdown-menu {
    display: block;
}
.navbar-default .navbar {
    margin-bottom: 0;
}
.navbar-default .navbar-brand {
    float: left;
    padding: 0 0px;
    font-size: 32px;
    line-height: 60px;
    height: auto;
    color: inherit;
    margin-right: 20px;
}
.navbar-default .navbar-brand:hover {
    color: #000000;
}
.site-header-cart .navbar-nav>li>a {
    color: inherit;
}
.site-header-cart .navbar-nav>li:hover a {
    background-color: transparent;
    color: #000000;
}
.navbar-default .navbar-nav > li.text-muted > a {
    color: #c6c8ca;
}
.navbar-default .navbar-nav > li.text-primary > a {
    color: #b8daff;
}
.navbar-default .navbar-nav > li.text-success > a {
    color: #2abf64;
}
.navbar-default .navbar-nav > li.text-info > a {
    color: #6ec1e4;
}
.navbar-default .navbar-nav > li.text-warning > a {
    color: #fff3cd;
}
.navbar-default .navbar-nav > li.text-danger > a {
    color: #d9534f;
}
.navbar-default .navbar-nav > li.bg-primary > a {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.navbar-default .navbar-nav > li.bg-success > a {
    color: #ffffff;
    background-color: #2abf64;
    border-color: #2abf64;
}
.navbar-default .navbar-nav > li.bg-info > a {
    color: #ffffff;
    background-color: #6ec1e4;
    border-color: #6ec1e4;
}
.navbar-default .navbar-nav > li.bg-warning > a {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.navbar-default .navbar-nav > li.bg-danger > a {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
}
/*=================================================
Hentry
=================================================*/

.hentry {
    margin: 0 0 20px;
}
.hentry.post header,
.hentry.post .entry-content,
.hentry.post .footer-meta {} .hentry .page-title {
    font-size: 28px;
    line-height: 1.1em;
}
.hentry .page-title a {
    color: #333333;
}
.hentry .page-title a:hover {
    color: #111111;
}
.hentry .entry-meta {
    display: block;
    font-size: 12px;
    font-weight: normal;
    font-family: "Prompt", sans-serif;
    line-height: 14px;
    margin-bottom: 10px;
    color: #535353;
}
.hentry .entry-summary p {
    margin-bottom: 0;
}
.hentry .entry-format,
.hentry .entry-thumbnail {
    display: block;
    margin: 0 0 10px;
    border-radius: 0px;
    overflow: hidden;
}
.hentry .entry-format img,
.hentry .entry-thumbnail img {
    width: 100%;
}
.hentry .entry-attachment {
    display: inline-block;
    margin: auto;
    margin-bottom: 0;
    position: relative;
}
.hentry .entry-attachment .image-navigation {
    position: absolute;
    top: 50%;
    margin-top: -50px;
    z-index: 100;
    left: 0;
    right: 0;
}
.hentry .entry-attachment .image-navigation a {
    color: #fff;
    height: 100%;
    display: block;
    width: 100%;
}
.hentry .entry-attachment .image-navigation .nav-previous,
.hentry .entry-attachment .image-navigation .nav-next {
    width: 50px;
    height: 100px;
    text-align: center;
    color: #fff;
    line-height: 100px;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
}
.hentry .entry-attachment:hover .nav-previous,
.hentry .entry-attachment:hover .nav-next {
    opacity: 1;
}
.hentry pre {
    background-color: #333;
    border: 1px solid #333;
    border-radius: 0;
    color: #fff;
    display: block;
    font-size: 10px;
    line-height: 1.42857;
    margin: 20px 0;
    padding: 20px;
    word-break: break-all;
    word-wrap: break-word;
}
.hentry blockquote {
    background: #333333 none repeat scroll 0 0;
    color: #fff;
    font-size: 22px;
    line-height: 28px;
    font-style: oblique;
    font-weight: 500;
    margin: 20px 0;
    padding: 20px 30px;
    position: relative;
}
.hentry blockquote:after {
    content: "\f10d";
    font-family: FontAwesome;
    padding-left: 7px;
    font-size: 12px;
    left: 0;
    top: 0;
    position: absolute;
    padding: 10px;
}
.hentry blockquote:before {
    content: "\f10e";
    font-family: FontAwesome;
    padding-right: 7px;
    font-size: 12px;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px;
}
.hentry.format-quote .entry-meta {
    margin-bottom: 0;
}
.blog .hentry,
.archive .hentry.post,
.single .post-content-inner .hentry {
    margin: 0 0px 20px;
    padding-bottom: 20px;
    text-align: left;
    border-bottom: #f5f5f5 solid 1px;
}
.blog .hentry:last-child,
.archive .hentry:last-child {
    border-bottom: none;
}
.post-nav {
    margin: 0 0 0px;
}
.sticky {
    display: block;
}
.bypostauthor {
    display: block;
}
.single .main-content,
.archive .main-content {
    padding: 0;
}
.single .main-content-inner {} .home.woocommerce-page .main-content {
    padding: 20px 0 1px!important;
}
.single .hentry,
.page .main-content .hentry {
    margin-bottom: 0!important;
    border: none;
}
.single .post-content-inner .pager {} .page-template-contact-us .main-content {} .page-template-contact-us .site-footer {} .page .main-content-inner .entry-contact form {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #eee;
    border-radius: 0;
    display: inline-block;
    padding: 20px;
    width: 100%;
    text-align: left;
}
.page .main-content-inner .entry-contact form p {
    margin-bottom: 10px;
}
.page .main-content-inner .entry-contact input {} .page .main-content-inner .entry-contact form .wpcf7-submit {
    float: right;
}
.page .main-content-inner .contact-info {
    text-align: left;
}
.page-template-contact-us {} .page-template-contact-us .page-header {} .page-template-my-account .main-content {} .single .hentry header {
    border-bottom: solid #e9e9e9 1px!important;
    margin-bottom: 20px;
}
.single .hentry .entry-meta {
    display: block;
    font-size: 12px;
    font-weight: lighter;
    margin-bottom: 10px;
    clear: both;
}
.single .hentry .page-title {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 0;
    padding-bottom: 0;
}
.single .hentry .entry-content {
    margin-bottom: 0px;
}
.single .hentry .footer-meta {
    background: #f5f5f5 none repeat scroll 0 0;
    margin: 0 0;
    padding: 10px 20px;
    clear: both;
}
.single .hentry .footer-meta a:hover {
    color: #333;
}
.single footer.entry-meta {
    clear: both;
}
.related.products,
.upsells.products {
    max-width: 960px;
    margin: auto;
}
.related-posts {
    padding-top: 20px;
}
.related-posts .hentry {
    background: #fff!important;
    margin: 0!important;
    padding: 0 10px 10px!important;
    box-shadow: 0 0 0px 1px #f5f5f5;
    border: none!important;
}
.related-posts .hentry header {
    border-bottom: none!important;
}
.related-posts .hentry .entry-thumbnail {
    display: block;
    margin: 0 -10px 10px;
}
.related-posts .hentry .entry-thumbnail img {} .related-posts .hentry .entry-title {
    font-size: 16px;
    padding: 0;
    margin-bottom: 10px;
    height: 40px;
    line-height: 20px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.related-posts .hentry .entry-title a {} .related-posts .hentry .entry-meta {
    margin-bottom: 10px;
}
.related-posts .hentry .entry-meta .cat-links,
.related-posts .hentry .entry-meta .tags-links,
.related-posts .hentry .entry-meta .comments-link {
    display: none;
}
.related-posts .hentry .entry-summary {
    display: none;
}
.single-attachment .main-content {
    padding: 0!important;
}
.single-attachment .attachment.hentry {
    margin: 0 -10px;
}
.single-attachment .entry-header {
    padding: 20px;
    background: #fff;
    margin-bottom: 20px;
}
.single-attachment .entry-content {
    margin-bottom: 10px!important;
    padding: 20px;
    background: #fff;
    border: solid #e9e9e9 1px!important;
}
.single-attachment .entry-attachment {
    display: inline-block;
    margin-bottom: 0;
    position: relative;
    margin: auto;
    text-align: left;
}
.single-attachment .entry-sidebar {
    padding: 0 20px 0px 0;
}
#menu-product-categories {
    list-style: none;
    padding: 5px 10px;
    background: #fff;
    min-height: 400px;
    margin-bottom: 0;
}
#menu-product-categories li {} #menu-product-categories li a {
    display: block;
    line-height: 20px;
    border-bottom: #f1f1f1 solid 1px;
    padding: 6px 0;
}
/*=================================================
post-nav
=================================================*/

.post-nav .pager {
    margin-top: 0;
    padding-left: 0;
    display: inline-block;
    margin-bottom: 0;
}
.post-nav .pager li > a,
.post-nav .pager li > span {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 0;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin-left: -1px;
    margin-right: 10px;
    min-width: 50px;
    padding: 0 16px;
    text-align: center;
    width: auto;
}
.post-nav .pager li:hover > a,
.post-nav .pager li.active > span {
    background: #333333;
    color: #fff;
}
.pager li > a .text {
    display: none;
}
/*=================================================
sidebar
=================================================*/

.sidebar {
    text-align: left;
}
.page-sidebar {} .sidebar .sidebar-padder {
    padding: 0 0 0 0px;
}
.breadcrumbs {
    font-size: 12px;
    color: #999;
    padding: 5px 0;
    border-bottom: 1px solid #e9e9e9;
    background-color: #fafafa;
}
.sidebar-home {
    text-align: center;
}
.sidebar-home .widget {} .sidebar-home .widget-title {} #sidebar-footer {}
/*=================================================
Widget styles
=================================================*/

.widget {
    margin-bottom: 20px;
}
.widget-title {
    border: medium none;
    color: #333333;
    font-size: 18px;
    margin-bottom: 14px;
    position: relative;
}
.widget_nav_menu ul.sub-menu li,
.widget_pages ul.children li {
    padding-left: 0px;
}
.widget_search .search-form input[type="submit"] {
    display: none;
}
.widget_search label {
    display: block;
}
.search-form {
    padding: 10px 10px 0;
    max-width: 460px;
    width: 100%;
}
.search-form label {
    display: inline-block;
    padding: 0;
    margin: 0;
    float: left;
}
.search-form input[type="text"] {
    width: 100%;
    border-radius: 3px 0 0 3px!important;
    padding-top: 0;
    padding-bottom: 0;
}
.search-form .btn,
.search-form .btn:focus,
.search-form .btn:hover {
    padding: 0 14px;
    border-radius: 0 3px 3px 0!important;
    color: #fff;
}
.search-form {
    display: inline-block;
    position: relative;
}
.widget select {
    max-width: 100%;
}
.sidebar ul,
.sidebar ol {
    padding: 0;
    list-style: none;
}
.sidebar .search-form {
    padding: 0;
}
.widget_nav_menu {} .widget_nav_menu ul {} .widget_nav_menu ul li {} .widget_nav_menu ul li a {
    color: #535353;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    padding: 5px 0;
    line-height: 24px;
    display: block;
    font-weight: normal;
}
.widget_nav_menu ul li:hover > a,
.widget_nav_menu ul li.current-menu-item > a {
    color: #000000;
}
.widget_nav_menu ul > li:last-child > a {
    border-bottom: none;
}
.widget_nav_menu ul > li > a::before {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 0;
    padding-right: 10px;
    padding-left: 10px;
}
.widget_nav_menu ul > li:hover > a {
    background-color: transparent;
}
.widget_nav_menu .sub-menu > li > a {
    padding-left: 10px;
}
.widget_nav_menu .sub-menu > li:last-child > a {
    border-bottom: 1px solid #e7e7e7;
}
.widget_categories {} .widget_categories ul {} .widget_categories ul li {} .widget_categories ul li a {
    color: #535353;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    padding: 10px 0;
    line-height: 24px;
    display: block;
}
.widget_categories ul li:hover > a,
.widget_categories ul li.current-cat > a {
    color: #000000;
}
.widget_categories ul > li:last-child > a {
    border-bottom: none;
}
.widget_categories ul > li > a::before {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 0;
    padding-right: 10px;
    padding-left: 10px;
}
.widget_categories ul > li:hover > a {
    background-color: transparent;
}
.widget_categories .sub-menu > li > a {
    padding-left: 10px;
}
.widget_categories .sub-menu > li:last-child > a {
    border-bottom: 1px solid #e7e7e7;
}
.widget_pages {} .widget_pages ul {} .widget_pages ul li {} .widget_pages ul li a {
    color: #535353;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    padding: 5px 0;
    line-height: 24px;
    display: block;
}
.widget_pages ul li:hover > a,
.widget_pages ul li.current_page_item > a {
    color: #000000;
}
.widget_pages ul > li:last-child > a {
    border-bottom: none;
}
.widget_pages ul > li > a::before {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 0;
    padding-right: 10px;
    padding-left: 10px;
}
.widget_pages ul > li:hover > a {
    background-color: transparent;
}
.widget_pages .children > li > a {
    padding-left: 10px;
}
.widget_pages .children > li:last-child > a {
    border-bottom: 1px solid #e7e7e7;
}
.widget_recent_entries {} .widget_recent_entries ul {} .widget_recent_entries ul li {} .widget_recent_entries ul li a {
    color: #535353;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    padding: 10px 0 10px 30px;
    display: block;
    position: relative;
    line-height: 18px;
}
.widget_recent_entries ul li:hover > a,
.widget_recent_entries ul li.current-cat > a {
    color: #333333;
}
.widget_recent_entries ul > li:last-child > a {
    border-bottom: none;
}
.widget_recent_entries ul > li > a::before {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 0;
    padding-right: 20px;
    position: absolute;
    left: 10px;
}
.widget_recent_entries ul > li:hover > a {
    background-color: transparent;
}
.widget_recent_comments {} .widget_recent_comments ul {} .widget_recent_comments ul li {
    color: #535353;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    padding: 10px 0!important;
    display: block;
    font-weight: lighter;
}
.widget_archive {} .widget_archive ul {} .widget_archive ul li {} .widget_archive ul li a {
    color: #535353;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    padding: 10px 0;
    display: block;
    font-weight: lighter;
}
.widget_archive ul li:hover > a,
.widget_archive ul li.current-cat > a {
    color: #333333;
}
.widget_archive ul > li:last-child > a {
    border-bottom: none;
}
.widget_archive ul > li > a::before {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 0;
    padding-right: 20px;
}
.widget_archive ul > li:hover > a {
    background-color: transparent;
}
#owl-carousel-lastpost {
    margin: 0 -5px;
}
#owl-carousel-lastpost .item {
    padding: 0 5px;
}
.content-block-posts {} .content-block-posts .owl-carousel {} .content-block-posts .owl-carousel .item {} .content-block-posts .owl-carousel .item .hentry {
    box-shadow: 0 0 0px 1px #f5f5f5 inset;
    padding: 10px;
    background: #fff;
}
.content-block-posts .owl-carousel .item .hentry .entry-title {
    margin-bottom: 10px;
    height: 50px;
    line-height: 24px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 22px;
}
.content-block-posts .owl-carousel .item .hentry .entry-meta {
    display: none;
}
.content-block-posts .owl-carousel .item .hentry .entry-summary p {
    margin-bottom: 10px;
    height: 60px;
    line-height: 20px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.content-block-posts .owl-carousel .item .hentry .entry-summary .readmore {
    font-size: 0;
    display: none;
}
.content-block-posts .owl-carousel .item .hentry .entry-summary .readmore .fa {
    font-size: 14px;
}
.content-block-posts .owl-carousel .owl-nav {
    text-align: center;
    padding-top: 20px;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    display: inline-block;
    margin: auto;
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
    background-color: rgba(0, 0, 0, .2);
    padding: 5px 13px;
    margin: 1px!important;
}
.content-block-posts .owl-carousel .owl-nav .owl-prev {} .content-block-posts .owl-carousel .owl-nav .owl-next {} .content-block-posts .block-footer {
    padding: 10px 10px;
}
/*=================================================
Main Layout
=================================================*/

.site-description {
    font-size: 18px;
    font-family: 'Mitr', sans-serif;
    display: block;
    margin-bottom: 10px;
}
.main-content {
    position: relative;
    padding: 0px 0;
    overflow: hidden;
}
.main-inner {
    max-width: 1170px;
    margin: auto;
    padding-top: 52px;
}
.archive-inner {
    padding-top: 0;
}
.main-content-inner {
    background: #fff none repeat scroll 0 0;
    max-width: 984px;
    padding: 20px 10px;
    box-shadow: 0 0 0px 1px #f1f1f1;
    margin: 20px auto;
}
.home .main-content,
.woocommerce-page .main-content {
    padding: 0 0;
}
.blog .main-content {
    padding: 0;
}
.bg-light-gray {
    background-color: #fff;
}
.section-page {} .section-page * {
    color: inherit;
}
.section-page a:visited {
    color: inherit;
}
.section-header {
    margin-bottom: 0px;
}
.section-header-title {
    font-weight: 500;
    font-size: 38px;
    color: inherit;
    padding: 20px 0 0;
}
.section-header .lead,
.section-header-subtitle {
    font-weight: lighter;
    font-size: 1.4em;
    font-family: 'Mitr', sans-serif;
    margin-bottom: 20px;
}
.section-content {
    margin-bottom: 20px;
}
.site-footer {
    background: #111;
    bottom: 0;
    width: 100%;
    color: #fff;
}
.sidebar-footer {
    padding: 40px 0 20px;
}
.sidebar-footer .widget-title {
    color: #ffffff;
}
.sidebar-footer a {
    color: #ffffff;
}
.sidebar-footer .widget_nav_menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sidebar-footer .widget_nav_menu ul li a {
    color: #ffffff;
    border-bottom: none;
    position: relative;
    padding: 5px 0;
    display: block;
}
.sidebar-footer .widget_nav_menu ul li:focus a,
.sidebar-footer .widget_nav_menu ul li:hover a {
    background-color: transparent;
    color: #ffffff;
}
.site-footer-info {
background: #000;
    padding: 20px 0;
    color: #ccc;
}
.site-footer-info a {
    color: #fff!important;
}
.site-footer p {
    margin-bottom: 0;
}
.footer-address {
    font-family: 'Mitr', sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding: 0 0 0;
}
.footer-address .location {
    font-size: 32px;
    line-height: 40px;
    text-transform: uppercase;
}
.footer-address .address {
    padding: 0 0 14px;
}
.footer-address .phone {
    color: #4dc247;
    display: inline-block;
    font-size: 24px;
    padding: 0 0;
}
.footer-address .phone .fa {
    font-size: 0.8em;
}
.footer-address .phone .fa-mobile {
    font-size: 1.2em;
}
.site-footer .socials {
    margin-bottom: 20px;
}
.site-footer .socials li {
    padding: 2px;
}
.site-footer .socials li a {
    background: transparent;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    height: 34px;
    line-height: 33px;
    width: 34px;
    text-align: center;
    border: #fff solid 1px;
}
.site-footer .socials li a:hover {
    background-color: #fff;
    color: #333;
}
.site-footer .socials li a .fa {} .lineid {
    margin-bottom: 20px;
}
.lineid img {
    max-width: 150px;
    height: all;
    display: inline-block;
}
.site-footer-info {} .site-footer .site-by,
.site-footer .site-info {
    font-weight: 300;
    font-family: 'Mitr', sans-serif;
}
.site-footer .site-info {} .site-footer .site-by {
    text-align: right;
}
.section-main {
    background-size: cover!important;
}
/*=================================================
WPDT Page Header
=================================================*/

.page-header {
    margin: 0;
    border: none;
    padding-bottom: 0;
    padding-top: 0;
    border-bottom: #f1f1f1 solid 1px;
    margin-bottom: 20px;
}
.wpdt-page-header {
    font-size: 20px;
    padding: 40px 0 40px 0;
    position: relative;
    background-size: cover!important;
    background-color: #ffffff;
}
.wpdt-page-header .page-header {
    padding-top: 0;
}
.woocommerce-page .wpdt-page-header {} .wpdt-page-header .description {
    font-family: "Prompt", sans-serif;
    color: rgba(0, 0, 0, 0.3);
}
.wpdt-page-header .description p {
    margin-bottom: 0;
}
.wpdt-page-header.text-left {
    text-align: left;
}
.wpdt-page-header h1,
.wpdt-page-header .page-title {
    font-size: 34px;
    margin-top: 0;
    margin-bottom: 0px;
}
.wpdt-page-header .lead {
    line-height: 1.2;
    margin-bottom: 20px;
    font-size: 1em;
}
.wpdt-page-header .container {
    position: relative;
}
.single-gallery {
    margin-bottom: 20px;
}
.flexslider {
    margin-bottom: 0;
}
.flex-direction-nav a::before {
    font-size: 34px;
}
.si-share {
    padding: 20px 0;
}
/*=================================================
Product Page
=================================================*/

.products-page {
    margin: auto;
    max-width: 1024px;
}
.single .products-page {
    max-width: 1004px;
}
.products-page .page-title {
    font-size: 24px;
}
.single-product .product-excerpt {
    font-family: 'Mitr', sans-serif;
    font-weight: normal;
    font-size: 22px;
}
.products-page .page-description {
    margin: auto auto 52px;
    max-width: 1024px;
    text-align: center;
}
.single-product .main-content {
    margin: auto;
    padding: 0px!important;
    /* background: transparent;*/
}
.features-content .features {
    max-width: 1000px;
    margin: auto;
}
.features-content .features .feature {
    padding: 20px;
}
.features-content .features .feature-info {
    padding: 52px 20px;
}
.woocommerce table.my_account_orders .button:before {
    font-family: FontAwesome;
    display: inline-block;
}
.woocommerce table.my_account_orders .button.tracking:before {
    content: "\f0d1";
    margin-right: 5px;
}
/*=================================================
Page Template
=================================================*/

.page-template-default .page-header {} .page-template-front-page .main-content {
    padding: 0px!important;
    background: #fff none repeat scroll 0 0;
}
.page-template-fullwidth .main-content-inner {
    padding: 20px 10px;
    position: relative;
}
.page-template-fullwidth .main-content-inner {
    background: #fff none repeat scroll 0 0;
    padding: 20px 10px;
    position: relative;
}
.page-template-fullwidth .main-content-inner .entry-content {} .page-template-builder-page .main-content {
    padding: 0!important;
    background-color: #fff;
}
.page-template-content-sidebar .main-content-inner {
    padding: 20px 10px;
}
.woocommerce-page.woocommerce-account .main-content {
    padding: 0px 0 0px!important;
}
.page-template-no-body .main-content {
    background: #fff;
    padding: 0;
}
.page-template-default.attachment {} .page-template-default.attachment .main-content {
    background-color: #f5f5f5;
}
.page-template-default.attachment .entry-attachment {
    padding: 0 10px;
}
.page-template-default.attachment .entry-attachment .attachment {
    background-color: #fff;
}
p.demo_store {
    z-index: 99;
    background: #333333;
    position: fixed;
}
.admin-bar p.demo_store {
    top: 32px;
}
.admin-bar #searchModal{ top: 46px!important; }
.woocommerce-demo-store .navbar-default {
    margin-top: 52px;
}
.select2-container .select2-choice > .select2-chosen {
    text-align: left;
}
/*=================================================
Custom .archive
=================================================*/

.archive-teams,
.archive-services,
.archive-portfolios {
    margin: auto;
    max-width: 1024px;
}
.easyshop-home,
.section-products,
.wpdt-recent-products,
.wpdt-on-sale-products,
.wpdt-featured-products {
    margin: auto;
    max-width: 1180px;
    padding: 0 10px;
    text-align: center;
}
.products .product {
    position: relative;
    margin-bottom: 20px;
}
.products .product .thumbnail {
    border: medium none;
    border-radius: 0;
    display: block;
    margin-bottom: 0;
    padding: 0;
    position: relative;
}
.products .product .thumbnail .onsale {
    background-color: #4DC249;
    color: #fff;
    float: left;
    left: 0;
    padding: 10px;
    position: absolute;
    right: auto;
    opacity: 0.8;
}
.products .product .thumbnail .attachment-shop_catalog {
    width: 100%;
}
.products .product .info {
    border-bottom: 0 none;
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    width: 100%;
    display: none;
}
.products .product .info h3 {
    margin-bottom: 0;
}
.home .site-footer {
    border: none;
}

.widget_product_categories {} 

.product-categories {} 
.product-categories > li {} 
.product-categories > li > a {
    display: block;
    font-size: 14px;
    padding: 5px 0;
    font-weight: bold;
}
.product-categories > li:last-child > a {
    border: none;
}

.woocommerce div.product div.images.woocommerce-product-gallery {
    position: relative;
    margin-bottom: 0px;
    border-radius: 2px 0 0 2px;
    overflow: hidden;
}
.product-categories {
    margin-bottom: 0;
}
.product-categories li {
 border-top: #d3d9e7 solid 1px;
 width: 100%;
}
.product-categories li a {
   display: inline-block;
   padding: 6px 0;
}
.product-categories li.cat-parent .children li a {
    padding-left: 20px;
    position: relative;
}
.product-categories li.cat-parent .children li a:before {
    content: "-";
    position: absolute;
    left: 10px;
}

.product-categories li.cat-parent .children .children li a{
    padding-left: 40px;
}
.product-categories li.cat-parent .children .children li a:before{
    left: 20px;
}

/*=================================================
contact-form
=================================================*/

.contact-info {
    padding: 15px 20px;
}
.container-contact-details {
    padding: 88px 0 20px 0;
}
.container-contact-form {
    padding: 40px 0 50px 0;
}
#contact-form {
    padding-top: 4px;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form textarea {
    width: 100%;
    display: block;
    margin-bottom: 0;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border: 1px solid #ddd;
    height: 40px;
    padding: 10px;
    font-family: inherit;
    font-size: inherit;
    color: #787878;
    line-height: 20px;
}
#contact-form input[type="submit"] {
    padding: 10px 35px;
    height: 42px;
    line-height: 20px;
    text-transform: uppercase;
}
#contact-form textarea {
    margin-bottom: 22px;
    height: 193px;
    max-width: 100%;
}
#contact-form textarea:focus {
    outline: none;
}
/*=================================================
Section Comment
=================================================*/

.comment .children {
    margin-left: 1.5em;
}
.comments-area {
    text-align: left;
}
.comment-form {} .comment-form label {
    display: inline-block;
    width: 75px;
}
.comments-area .panel {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 13px;
    position: relative;
}
.comments-area .panel-heading {
    border: 0 none;
    border-top-left-radius: 0;
    padding: 5px 10px;
}
.comments-area .panel-heading .comment-meta {
    font-size: 11px;
    line-height: 18px;
}
.media-heading {
    margin-bottom: 0;
    margin-top: 0;
}
.comments-area .panel-body {
    padding: 10px 10px 0px;
}
.comments-area .panel-footer {
    background-color: #f5f5f5;
    border: medium none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
}
.comments-area .panel-footer .btn {
    border-radius: 0;
    line-height: 28px;
    padding: 0 10px;
}
.comments-area .alert-info {
    font-size: 12px;
    line-height: 1.2em;
}
/*=================================================
Custom Bootstrap
=================================================*/

.btn {
    line-height: 36px;
    border-radius: 3px;
    padding: 0 25px;
    font-family: "Kanit", sans-serif;
}
.btn-xs {
    line-height: 28px;
    height: 26px;
    padding: 0 10px;
}
.btn-sm {
    line-height: 48px;
    height: 50px;
    padding: 0 15px;
}
.btn-lg {
    line-height: 58px;
    height: 60px;
    padding: 0 40px;
}
.lead {
    font-size: 18px;
    font-family: "Kanit", sans-serif;
}
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {} .btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {} .btn:active,
.btn.active {} .btn-default,
.btn-default:visited {
    background-color: #555555;
    border-color: #555555;
    color: #fff;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
    background-color: #333333;
    border-color: #333333;
    color: #fff!important;
}
.btn-primary,
.btn-primary:visited,
.btn-primary:visited {
    background-color: #333333;
    border-color: #333333;
    color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #333333;
    border-color: #333333;
    color: #fff;
}
.btn-success {} .btn-success:hover,
.btn-success:focus {} .btn-success:active,
.btn-success.active {} .btn-info {} .btn-info:hover,
.btn-info:focus {} .btn-info:active,
.btn-info.active {} .btn-warning,
.btn-warning:visited {
    color: #fff;
}
.btn-warning:hover,
.btn-warning:focus {} .btn-warning:active,
.btn-warning.active {} .btn-danger {} .btn-danger:hover,
.btn-danger:focus {} .btn-danger:active,
.btn-danger.active {} .thumbnail,
.img-thumbnail {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    display: block;
    line-height: 1.42857;
    margin-bottom: 1em;
    padding: 0;
}
.alert {} .alert-success {} .alert-info {} .alert-warning {} .alert-danger {} .progress {} .progress-bar {} .progress-bar-success {} .progress-bar-info {} .progress-bar-warning {} .progress-bar-danger {} .list-group {} .list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {} .panel {} .panel-default > .panel-heading {} .panel-primary > .panel-heading {} .panel-success > .panel-heading {} .panel-info > .panel-heading {} .panel-warning > .panel-heading {} .panel-danger > .panel-heading {} .well {} .pager li > a,
.pager li > span {
    background-color: #fff;
    border: 0 none;
    border-radius: 0;
    display: inline-block;
    padding: 0;
}
.pager li:hover > a {
    background: transparent;
}
.form-control {
    border-radius: 0;
}
.alert {
    border-radius: 0;
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
.nopadding .thumbnail {
    display: block;
    margin: 0;
}
.nopadding .thumbnail img {
    display: inline-block;
}
.carousel,
.item,
.active {
    height: 100%;
}
.carousel-inner {
    height: 100%;
}
.thumbnail {
    display: block;
    margin-bottom: 1em;
}
.search-modal input[type="search"] {
    height: 42px;
    padding: 6px 50px 6px 12px;
    width: 84%;
}
.search-modal button[type="submit"] {
    border-radius: 0;
    position: relative;
    right: 0;
    top: 0;
    z-index: 99;
}
.search-modal .widget {
    margin-bottom: 0;
}
.modal-content {
    box-shadow: none;
    border-radius: 0;
}
.site-search {} .site-search .btn {
    border: medium none;
    border-radius: 0;
    line-height: 50px;
    padding: 0 20px;
    margin-right: -20px;
}
.top-container-bg {
    background-color: #fff;
    width: 100%;
    height: 39px;
    border-bottom: 1px solid #e9e9e9;
}
.home-firstscreen {
    margin: auto;
    position: relative;
    margin-top: -39px;
    margin-bottom: 10px;
}
.home-firstscreen .categories {
    min-height: 400px;
    background: #ccc;
}
.home-firstscreen .advertise-main {
    min-height: 400px;
    background: #fff;
}
.home-firstscreen .advertise-main .ui-banner-slider {
    min-height: 400px;
    background: #f1f1f1;
}
.home-firstscreen .advertise-main .top-deal {
    min-height: 400px;
    background: #fafafa;
}
.categories-main .categories-content-title {
    background-color: #f2f2f2;
    padding-left: 10px;
    line-height: 38px;
    height: 39px;
    color: #333;
    border-bottom: 1px solid #e9e9e9;
    font-size: 14px;
    font-weight: 700;
}
.channel-entrance {
    position: relative;
    padding-left: 20px;
    height: 39px;
    line-height: 39px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 700;
}
.channel-entrance a {
    float: left;
    margin-right: 20px;
    color: #333333;
}
.channel-entrance a.festivalLink {
    float: right;
}
.key-visual-main {
    height: 400px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.ui-banner-slider-slider {
    padding: 0;
    margin: 0;
    list-style: none;
}
.ui-banner-slider-slider li {
    padding: 0;
    margin: 0;
}
.ui-banner-slider-slider li img {
    max-width: none;
}
.navbar-collapse.collapse {
    background-color: #333333;
    color: #fff!important;
    padding: 0!important;
}
.elementor-widget-tabs .elementor-tab-desktop-title {
    position: relative;
    padding: 14px 20px;
    font-weight: 700;
    line-height: 1;
    border: solid transparent;
    letter-spacing: 0.1em;
}
.row-height {} .col-height {} .row-height > [class*="col-"] {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}
.row-height > [class*="col-"] .sidebar {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}
.row-height .sidebar {
    border-left: #f1f1f1 solid 1px;
    padding: 20px 0px 20px 20px;
    margin: -20px 0;
}
.form-wpdt-payment .submit {
    padding: 0px 15px;
}
#yith-quick-view-modal .yith-wcqv-wrapper {
    height: auto!important;
}
#yith-quick-view-modal.open .yith-wcqv-main {
    overflow-y: auto!important;
}
#yith-quick-view-modal #yith-quick-view-content {
    padding: 10px;
    float: left;
    width: 100%;
}
#yith-quick-view-modal #yith-quick-view-content div.images.woocommerce-product-gallery {
    padding: 0!important;
}
.wpdt-contact-info {} .wpdt-contact-info address {
    margin-bottom: 10px;
}
.wpdt-contact-info .fa {
    min-width: 20px;
}
#sb_instagram {
    padding: 0!important;
}