body {background-size: cover;}
.tong-left-fixed{
    width: 320px;
    position: fixed;
    height: 100%;
    min-height: 890px;
}
.tong-right-content{
    width: 70%;
  margin-left:340px;
}
/*right content*/
div#nextend-smart-slider-1{padding-top: 10px;}
.theme-ultimatum .nivoSlider {margin-bottom: 10px;}
/*#col-9-1 .inner-container {background-color: #FFF;}*/
div#col-9-1 div.widget.widget_ultimatumpcontent.inner-container, div.page-smartslider2.widget.widget_text.inner-container{background-color: #FFF;}
div#col-37-1, div#col-34-1, div#col-8-1, div#col-11-1, div#col-14-1, div#col-17-1, .tong-right-content {
    background-color: rgba(85, 3, 140, 0.5);
    -webkit-box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.75);
}
.post-header a:hover{color:#662B8C;text-decoration:none;}
/*head profile*/
.head-profile{max-height:300px;
  overflow:hidden;
  overflow:-moz-hidden-unscrollable;}
h1, h2, h3, h4, h5, h6 {
  margin: 0px;}
h1 {margin-bottom: 10px;}
/*front profile*/
div.fron-profile ul{list-style: outside none disc;}
/*#col-9-1 .inner-container {
    margin-bottom: 10px;
background-color: #FFF;}*/
/*left menu*/
img.aligncenter, .wp-caption.aligncenter {margin: 0px auto !important;}
div#col-8-1{background-color: rgba(85, 3, 140, 0.5);}
.vertical-menu a {border-bottom: 1px dotted #6B2A88;}
/*search*/
.tong-search{margin-top:15px;}
.tong-search input#s {height:20px;width:93.8%;padding-left: 10px;background-color: #fff;
border: #000;color: #DF9BF2;border-radius:0px;}
.tong-search button.btn {
  background: url('https://tanatbeautist.com/wp-content/uploads/2015/07/search.png') no-repeat scroll 0% 0% transparent;
    background-size: auto;
  margin-left: -28px;
  margin-top: 4px;
  color: rgba(255, 0, 0, 0);
  border: #000;
  background-size: 23px;
}
/*social*/
ul.cnss-social-icon {margin-top: -10px;}
ul.cnss-social-icon{text-align:center!important;}
/*address*/
.tong-address{width:260px;line-height:16px;color:#df9bf2;margin-top: 15px;}
.tong-address p {line-height: 16px;}
.one_third{margin-right: 2%;width: 20%;}
.two_third{width: 78%;}
/*hr*/
hr{margin:-5px 0px 3px 0px;height:0px;
border: 1px dotted #6B2A88;
border-left: none;
border-right: none;
border-top: none;}
/*copyright*/
div.tong-copyright p{margin: 0px -40px 5px 0px;color: #424242;}
/*post*/
div.post-meta{padding:0 20px 0 20px;}
div.entry-content{padding:20px 20px 0 20px;}
div.post-taxonomy{padding:0 20px 0 20px;}
/*read more*/
a.read-more{color:#C1B4E8;
    background-color:#250030;
    padding: 12px 25px 12px 25px;
    border-radius: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;transition: all 0.3s linear 0s;
}
a.read-more:hover{color:#fff;background-color:#662b8c;text-decoration:none;transition: all 0.3s linear 0s;}
/*submit button*/
.bootstrap-wrapper .btn, .tong-form-button, .btn-primary{
border-radius: 20px !important;
background-color: #250030;
padding: 12px 25px 12px 25px!important;
font-weight: bold !important;
color: #C1B4E8;
text-transform: uppercase;
font-size: 14px !important;
transition: all 0.3s linear 0s !important;
}
.btn, .tong-form-button, .btn-primary{text-shadow: none;border: none;}
.bootstrap-wrapper .btn:hover, .tong-form-button:hover, .btn-primary:hover {
    color: #FFF!important;
    background-color: #662B8C;
    text-decoration: none;
transition: all 0.3s linear 0s !important;
}
/*comment*/
div#respond, div#comments{
    background-color: rgba(255, 255, 255, 1);
    padding: 10px;
}
.btn-primary {background-image: none;}
/*pagenation*/
.pagination {margin:0px 0px 0px 20px;
}
.pagination ul > li > a, .pagination ul > li > span {
    border-radius: 20px !important;
    margin-right: 4px;
    background-color: #750045;
    border: none;
  color: #C1B4E8;
}
.pagination ul > .active > a, .pagination ul > .active > span {
    color: #C1B4E8;
    cursor: default;
    background-color: #FF19A0;
}
/*post title*/
.post-header {
    font-size: 28px;}
h2.entry-title{background-color: #FFF;text-align: left;}
h2.entry-title:after {
    content: "";
    background: none;
    display: none;}
/*super title&page title*/
h1.super-title, .post-header, .multi-post-title{background-color: #FFF;text-align: center;color: #750045;}
h1.super-title, .multi-post-title, h1.entry-title.post-header{padding-top: 24px;padding-bottom: 0px;}
h2.entry-title.post-header{padding-top:0px!important;padding-bottom:0px!important;}




h1.super-title:after, .post-header:after, .multi-post-title:after{
    content: "";
    /*background: url('https://tanatbeautist.com/wp-content/uploads/2016/01/title-element.png') no-repeat scroll center center transparent;*/
      background: url('https://www.tanatbeautist.com/wp-content/uploads/2022/02/element_code_32c9b0.png') no-repeat scroll center center transparent;
    margin-top: -5px;
    height: 40px;
    width: 100%;
    display: block;
}



/*menu icon*/
.sub-menu li a:after {
    content: "-";
    margin-top: -10px;
    display: block;
    text-align: right;
    font-size: 16px;
}
.menu-item-has-children a:after {
    content: "+";
    margin-top: -10px;
    display: block;
    text-align: right;
    font-size: 12px;
}
/*page bg*/
.tong-right-content div.widget_ultimatumwysiwyg.inner-container{background-color: #fff;}
/*image on page*/
.tong-full-width{width:100%}
/*comment*/
.comment-form-comment textarea{width:98%;}
/*featured video image*/
div.featured-image iframe{width:100%;height:294px;}
/*blog slide*/
.post-slides .item.skin-default {background: none repeat scroll 0% 0% #250030!important;}
#ps .skin-default h2 {color: #55038C!important;font-size: 14px !important;line-height: 20px !important;background-color:rgba(255, 255, 255, 0.5)!important;font-weight: bold !important;height: 39px;overflow: hidden;}
#ps .skin-default p {color: #E4C6FF!important;font-size: 12px!important;border: 1px dotted #E4C6FF !important;margin-top: 21px!important}
#ps .skin-default slide > div.slide-content {padding: 0px 0px !important;top: 75% ;margin-top: 63px;}
#ps .skin-default {min-height: 175px!important;}
#ps .skin-default:hover h2, #ps .skin-default:hover p {transform: translate3d(0px, -211px, 0px)!important;}
#ps .skin-default .image{bottom:0px!important;}
#ps .skin-default:hover .image {opacity: 0.15!important;}
/*yarpp*/
.yarpp-thumbnails-horizontal .yarpp-thumbnail{width:154px;}
.yarpp-related {width: 100%;}
/*form contact*/
.tong-form-input, .tong-form-input-area{border-radius:0px!important;border:1px solid #C29ECB!important;margin-bottom:0px!important;color: #B088D5!important;}
.tong-form-input{height:30px!important;}
.tong-form-input-area{height:120px!important;}
p.tong-form{color: #950040 !important;font-weight: bold;}
/*div.featured-image > a > img.img-responsive{height:290px}*/
div.featured-image iframe {height: 403px;}
/**/
.yarpp-related {float:left;}
.sfsi_Sicons.left .sf_addthis {margin:0px!important;}
/*responsive*/
@media (max-width: 768px) {
.tong-left-fixed {position: inherit;min-height: 100%;}
.tong-address {position: inherit;}
div.tong-copyright p{margin:0;}
/*.tong-search input#s{width: 95.3%!important;}*/
.slicknav_menu {background-color:#b050c8;padding:0px;max-width:300px;margin:0px auto;}
.slicknav_btn {width: 93.5%;padding-top:10px;padding-bottom:10px;margin:0px;}
.slicknav_nav .slicknav_arrow{}
.menu-item-has-children a:after {content:none;}
.slicknav_menu .slicknav_icon { float: right;}
.container_12, .container_12 .grid_12 {width:100%;}
ul.cnss-social-icon {margin-top: 10px;}
.tong-address {width: 100%;}
.one_third {width: 10%;min-width: 40px;}
form#searchform {max-width: 300px;margin: 0px auto !important;}
}
@media (min-width: 768px) and (max-width: 980px) {.tong-right-content {width: 56%;}div.tong-copyright p {margin: 0px}
}
/*submenu*/
.vertical-menu ul li .sub-menu li a {line-height:10px;padding-left:20px;}
/*page showcase*/
.widget.widget_fpw_widget{width: 31.9%;float: left;margin-left: 5px;margin-right: 5px;}
/*address-profile*/
.address-profile{line-height: 18px;margin-top:15px;}
ul.sub-menu.slicknav_hidden{display: block !important;}



/*****new css*********/
.slb_container {
    width: 75% !important;
}

.slb_details{list-style: inside !important;}
.slb_details p {
    margin: 0px 0px 10px!important;}

.head-profile {
    margin-top: 10px;
}
.vertical-menu a {
    padding: 8px;
}
.slb_data_content{padding-top: 15px !important;}
#slb_viewer_wrap .slb_theme_slb_baseline * {font-size: 14px;}
@media (max-width: 768px) {
.slb_data_content{padding-top: 5px !important;}
.slb_details{padding-left: 10px !important;padding-right: 10px !important;}

#slb_viewer_wrap .slb_theme_slb_default .slb_container {min-width: 100%!important;}
}
.slb_data_content ul, .slb_data_content ol{margin-left: 20px !important;}
.slb_details{padding-right: 10px !important;}
.slb_details a {
    color: #EA207C !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_container {
    min-width: 780px;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_details {
    margin-right: 2% !important;
}

span.slb_data_title span{    color: #55038C;
    font-size: 16px !important;
    font-weight: bold !important;
    /*border-bottom: 1px dotted #55038C !important;*/
    display: block !important;
    margin-bottom: -30px !important;
    /*border-bottom: 1px dotted #DEAEFF !important;*/
    padding-bottom: 10px !important;
}


#slb_viewer_wrap .slb_theme_slb_default .slb_details {
    padding-bottom: 40px !important;
}




.wp-caption {
    width: 100% !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_container {
    width: 60% !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_content {
    width: 65% !important;
    height: auto !important;
    float: left;
    margin-right: 2% !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title{
    font-size: 16px !important;
}

@media (max-width: 768px) {
#slb_viewer_wrap .slb_theme_slb_default .slb_container {
    width: auto !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_content {
    width: 100% !important;
    height: auto !important;
    float: none;
    margin-right: 0 !important;
}
}
#slb_viewer_wrap .slb_theme_slb_baseline .slb_container {
    padding: 0px;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_container {
    border-radius: 0px;
}
h1.super-title{margin-bottom: 0px;}



/*
.page-super-title{margin-bottom: 10px;}
.fimage-align-left {padding: 20px 0;}
h2.entry-title.post-header {padding-top: 20px !important;}

*/
.yuzo_related_post .relatedthumb {line-height: 20px;}


/*posts-carousel*/
.default-theme.wp-posts-carousel .wp-posts-carousel-title {
    display: block;
    height: 60px;
    overflow: hidden;
}
h3.wp-posts-carousel-title{line-height: 20px;}

/**home bg*/
.fron-profile.widget{background-color: white;}



/*new css***/
/*font thai*/
@font-face {
    font-family: 'sarabunregular';
    src: url('/wp-content/plugins/ultimatum-library/fonts/fontface/webfontkit-20220128-074955/sarabun-regular-webfont.woff2') format('woff2'),
         url('/wp-content/plugins/ultimatum-library/fonts/fontface/webfontkit-20220128-074955/sarabun-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
}

  @font-face {
    font-family: 'kanitregular';
    src: url('/wp-content/plugins/ultimatum-library/fonts/fontface/webfontkit-20220128-075750/kanit-regular-webfont.woff2') format('woff2'),
         url('/wp-content/plugins/ultimatum-library/fonts/fontface/webfontkit-20220128-075750/kanit-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
  
  
    /*unicode-range: U+0E00-U+0E7F;*/

  
/*body{font-family:"sarabunregular", sans-serif;}*/

/*body{font-family:"kanitregular", Geneva,Kalimati,sans-serif;}*/

body {
  /*font-family: kanitregular,Geneva,Kalimati,sans-serif;*/
  font-family: sarabunregular,Geneva,Kalimati,sans-serif;
  font-size: 14px;
line-height: 26px;
  
}
h1, h2, h3, h4, h5, h6 {
  font-family: kanitregular,Geneva,Kalimati,sans-serif;
  /*font-family: kanitlight,Geneva,Kalimati,sans-serif;font-weight: normal;font-size: 25px;*/
}
body {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  background-image: url(https://www.tanatbeautist.com/wp-content/uploads/2022/01/tanat_purple_bkg.jpg);
}

.ult-wrapper.wrapper {background-image: none !important;}
.vertical-menu a:link, .vertical-menu a:visited {font-family: sarabunregular,Geneva,Kalimati,sans-serif;}
.vertical-menu a:hover, .vertical-menu a:active, vertical-menu a:focus {background-color: #32c9b0;font-weight: inherit;}

/*li.current-menu-item{background-color: #6cc0a9;}*/

.vertical-menu ul li.current-menu-item > a {
  color: #fff;background-color: #32c9b0;
}
.vertical-menu ul li.current-menu-item > a {
  font-weight: inherit;
}
.vertical-menu a {font-size: 15px;}

/**/
h1.super-title, .post-header, .multi-post-title{font-size: 16px;
font-family: kanitregular,Geneva,Kalimati,sans-serif;
color: #7d58a6;}

h1, h2, h3, h4, h5, h6 {
  font-family: kanitregular,Geneva,Kalimati,sans-serif;
}