@font-face {
  font-family: 'prompt-regular';
  src: url('fonts/prompt-regular-webfont.woff2') format('woff2'),
  url('fonts/prompt-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* ---- FONTS K2D ----- */

@font-face {
	font-family: 'K2D-Regular';
	src: url('fonts/k2d/K2D-Regular.eot');
	src: local('☺'), url('fonts/k2d/K2D-Regular.woff') format('woff'), url('fonts/k2d/K2D-Regular.ttf') format('truetype'), url('fonts/k2d/K2D-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'K2D-Light';
	src: url('fonts/k2d/K2D-Light.eot');
	src: local('☺'), url('fonts/k2d/K2D-Light.woff') format('woff'), url('fonts/k2d/K2D-Light.ttf') format('truetype'), url('fonts/k2d/K2D-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'K2D-Bold';
	src: url('fonts/k2d/K2D-Bold.eot');
	src: local('☺'), url('fonts/k2d/K2D-Bold.woff') format('woff'), url('fonts/k2d/K2D-Bold.ttf') format('truetype'), url('fonts/k2d/K2D-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* ---- END FONTS K2D ----- */
#mainpage1{
    
}
body{
    font-family: 'K2D-Regular', sans-serif;
    font-size: 14px;
    color: #cccccc;

}

h3, h4{

    /*color:#d6335c;*/
    line-height: 1.5;
    transition: all 0.3s ease-in-out;
}

h4:hover{
  color: #ff44ab;
}

a{
    color: #222222;
    text-decoration: none;
}

a:hover, a.active{
  color: #E74E71 !important;
}

.btn-white{
  width: 25px !important;
  height: 25px !important;
  color: #E32169 !important;
  background-color: #fff !important;
  border: 1px solid #CED4DA !important;
}

.btn-b-w{
  width: 25px !important;
  height: 25px !important;
  color: #fff!important;
  background-color: #000 !important;
  border: 1px solid #CED4DA !important;
}

.btn-b-y{
  width: 25px !important;
  height: 25px !important;
  color: #fff64f!important;
  background-color: #000 !important;
  border: 1px solid #CED4DA !important;
}

.btn-secondary{
  color: #fff !important;
  border: 1px solid #d6335c !important;
  background-color: #FB4D7A !important;
}

.btn-secondary:hover{
  color: #fff !important;
  background-color: #ed3d69 !important;
}

.btn-secondary-line{
  color: #d6335c !important;
  border: 1px solid #d6335c !important;
}

.btn-secondary-line:hover{
  color: #fff !important;
  background-color: #ed3d69 !important;
}

.minheight{
  min-height: 160px;
}

.minheight460{
  min-height: 460px;
}

.posit-bottom{
  position: absolute;
  bottom: 0px;
}

.btn-font{
  width: 25px !important;
  height: 25px !important;
  background-color: #eaebed !important;
}

.nav-link:hover{
  color: #F45677 !important;
}

.dropdown-item{
	white-space: normal !important;
}
.dropdown-item:hover{
  color: #F45677 !important;
}

/* social-kit --------------------------------------------------------------- */
.skk-hover:hover{
  opacity: 0.8 !important;
}

.skk-fb{
  color: #fff !important;
  background-color: #4267B2 !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.20);
}

.skk-fb:hover{
  color: #fff !important;
  background-color: #4267B2 !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.20);
}

.skk-fb-noneshadow{
  color: #fff !important;
  background-color: #4267B2 !important;
}

.skk-fb-noneshadow:hover{
  color: #fff !important;
  background-color: #4267B2 !important;
}

.skk-fb-messenger-noneshadow{
  color: #fff !important;
  background-color: #0084FF !important;
}

.skk-fb-messenger-noneshadow:hover{
  color: #fff !important;
  background-color: #0084FF !important;
}

.skk-tw-noneshadow{
  color: #fff !important;
  background-color: #55ACEE !important;
}

.skk-tw-noneshadow:hover{
  color: #fff !important;
  background-color: #55ACEE !important;
}


.ssk-ln-noneshadow{
  color: #fff !important;
  background-color: #01C301 !important;
}

.ssk-ln-noneshadow:hover{
  color: #fff !important;
  background-color: #01C301 !important;
}


.skk-yt{
  color: #fff !important;
  background-color: #FF0000 !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.20);
}

.skk-yt:hover{
  color: #fff !important;
  background-color: #FF0000 !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.20);
}

.skk-yt-noneshadow{
  color: #fff !important;
  background-color: #FF0000 !important;
}

.skk-yt-noneshadow:hover{
  color: #fff !important;
  background-color: #FF0000 !important;
}

.skk-em{
  color: #fff !important;
  background-color: #bfbfbf !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.20);
}

.skk-em:hover{
  color: #fff !important;
  background-color: #bfbfbf !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.20);
}

.skk-em-noneshadow{
  color: #fff !important;
  background-color: #bfbfbf !important;
}

.skk-em-noneshadow:hover{
  color: #fff !important;
  background-color: #bfbfbf !important;
}
/* // social-kit ------------------------------------------------------------ */

/* dropdown submenu --------------------------------------------------------- */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    /*-webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;*/
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown-showleft{
    top: 0 !important;
    left: -92.5% !important;
    margin-top: -6px !important;
    margin-left: -1px !important;
    /*-webkit-border-radius: 6px 6px 6px 6px !important;
    -moz-border-radius: 6px 6px 6px !important;
    border-radius: 6px 6px 6px 6px !important;*/
}
/* // dropdown submenu ------------------------------------------------------ */


/* banner slide ------------------------------------------------------------- */
.owl-dots{
  display: none;
  margin-top: 0px !important;
  padding-top: 7px !important;
  background-color: #F8F9FA;
}
/* // banner slide ---------------------------------------------------------- */

/* banner slide ------------------------------------------------------------- */
.owl-nav{
  display: none;
}

#link-banner .owl-dots{
  background-color: #ffedf3 !important;
}
/* // banner slide ---------------------------------------------------------- */

.card-noborder{
  border: 0px !important;
}

.card-img-overlay:hover{
  border-radius: 3px;
  background: rgba(240, 79, 117, 0.6);
  transition-duration: 0.3s;
  bottom: 50px !important;
}

.shadow-card{
  box-shadow: 0 2px 20px rgba(0,0,0,0.1);
}

.card-body {
  border-radius: 3px 3px 0px 0px;
  border-bottom: 3px solid transparent;
}

.card-body:hover {
  transition: all 0.3s ease-in-out;
  background-color: #f7f7f7;
  border-bottom: 3px solid #e15987;
}

.card-nobg{
  background-color: #F6F7F8;
}

.card-nobg:hover{
  background-color: #FDFDFD;
}

.font-white{
  color: #fff !important;
  transition: all 0.3s ease-in-out;
}

.font-white:hover{
  color: #FEA782 !important;
}


/* BACKGROUND COLOR */

.bg-gray {
    background: #F7F8F9;
}
.bg-FFF {
    background: #FFF;
}
.bg-E00 {
    background: #E99A9A;
}

.bg-EEC {
    background: #EEC9BC;
}
.bg-FFE {
    background: #ffedf3;
}
.bg-E15 {
    background: #e15987;
}
.bg-F6F{
    background: #F6F7F8;
}
.bg-E74 {
    background: #E74E71;
}
.border-top {
    border-top: 1px solid #e15987;
}
.border-bottom {
    border-top: 1px solid #e15987;
}

/*------Other style -------*/
.b-search {
    padding: 10px 25px;
    border-bottom: 1px solid #CCC;
}
.label-tag{
    /*    background: #e15987;*/
    color: #e15987;
    font-style: italic;
    padding: 5px;
}
.color-FFF {
    color: #ffffff;
}
.color-E15{
    color: #e15987;
}
.b-shadow{
    box-shadow: 2px 1px 20px 1px #eee;
    margin-bottom: 20px;
}
.box-top-view{

    padding: 10px;
    border-bottom: 1px solid #CCCCCC;
}
.no {
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 500;
    color: #E99A9A;
    padding: 10px;
    width: 100px;
    height: 100px;
    margin: 10px;
    background: #EEEEEE;
    
}
.box-card {
    padding: 10px 5px 10px 15px;
    /*border: 1px solid #EEEEEE;*/
    box-shadow: 2px 2px 10px 1px #eee;
}

.text-muted {
    /* font-size: 14px;*/
    color: #6e6e73;
}
.color-FC7 ,a:link , a:visited , a:active {
   /* color: #FC7D19;*/
}

.h-40{
    height: 40px;
}

.h-100{
    height: 100px;
    /*padding-bottom: 20px;*/
    margin-bottom: 20px;
}

.space-sec{
    padding: 20px;
}
.bt-10{
    margin-bottom: 10px;
}
.bt-20{
    margin-bottom: 20px;
}
.title{
    padding: 20px;
    font-size: 16px;
}

.border-radius{
    
    border-radius: 5px;
    box-shadow: 2px 2px 10px 1px #CCCCCC;
}

.link-org-box{
    border: 1px solid #efeeee;
    padding: 10px;
    text-align: center;
    /*box-shadow: 0px 2px 20px 0px #EEEEEE;*/
    margin-bottom: 10px;
}
.link-title{
    
    text-align: center;
    padding: 10px;
    font-size: 16px;
}


.carousel-indicators .active {
    background: #FFFFFF;
    height: 10px;
    border: 3px #e15987;
    border-radius: 10px;
}

.breadcrumb{
    font-size: 14px;
}

/*-- Featured News */
.margin-h {
    margin-bottom: 20px;
}
.featured-box-col{
    box-shadow: 2px 2px 20px 1px #CCCCCC;
    margin-bottom: 20px;
}
.featured-title{
    font-size: 18px;
    padding: 10px;
    border-bottom: 1px solid #EEEEEE;
}
.featured-date{
    /*    font-family: 'Poppins', sans-serif;*/
    padding: 10px;
    color: #6e6e73;
    font-size: 12px;
}
.card-img{

    padding: 10px;
}
/*-- END Featured News */

/*--- Ghost Button */

.btn-news-pink{
    border: 1px solid #f5a1bc;
    background: #f5a1bc;
    font-size: 13px;
    text-align: center;
    border-radius: 50px;
    padding: 5px 15px 3px 15px;
    margin-top: 10px;
    color: #FFF;
}
.btn-news-pink:hover{
    border: 1px solid #f5a1bc;
    background: #FFF;
    color: #f5a1bc;
}

.btn-news-green{
    border: 1px solid #91c7c2;
    background: #91c7c2;
    font-size: 13px;
    text-align: center;
    border-radius: 50px;
    padding: 5px 15px 3px 15px;
    margin-top: 10px;
    color: #FFF;
}
.btn-news-green:hover{
    border: 1px solid #91c7c2;
    background: #FFF;
    color: #91c7c2;
}

@media (min-width: 300px) and (max-width: 576px) {
  .btn-news-green{
    margin-top: 20px;
  }
}

/*--- END Ghost Button -->

/*------ Footer --- */

.footer-text {
    color: #FFF;

}
.footer-link > ul > li{
    color: #31401c;
    list-style: none;
    display: inline; 

}

/*------ End Footer --- */


 @media (min-width: 768px) and (max-width: 991px) {
      #myCarousel .carousel-inner .item .item-item:last-child {
        display: none;
      }
   }
@media (max-width: 768px) {
     #mymyCarousel .carousel-inner {
      height: 320px;
    }
 }
.carousel-inner {
  overflow-y: hidden;
}
.carousel-inner .active.left { left: -25%; }
.carousel-inner .next        { left:  25%; }
.carousel-inner .prev    { left: -25%; }
.carousel-control        { width:  4%; }
.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}
.carousel-inner .item-item {
  padding:0!important;
}

/*********************** Demo - 16 *******************/

.title h5{
  color: #fff !important;
  font-size: 17px !important;
}
.title h4{
  color: #fff !important;
  transition: all 0.3s ease-in-out;
}
.tag a{
  color:#fff !important;
}
.btn {
  text-transform: uppercase;
}
.btn.btn-lg {
  padding: 6px 30px;
}
.thumbnail-title {
  font-size: 20px;
  margin-top: 5px;
}
.img-thumb-bg {
  padding: 0;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  background-position: center;
  background-color: transparent;
}
.img-thumb-bg p {
  color: #fff;
  margin-bottom: 0;
  line-height: 16px;
}
.img-thumb-bg .overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  transition: all 0.3s ease-in-out;
  background: rgba(0, 0, 0, 0.5);
  /*background: rgba(0, 0, 0, 0);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #000000 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #000000 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #000000 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, #000000 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #000000 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);*/
}
.img-thumb-bg .caption {
  bottom: -5px;
  font-size: 12px;
  position: absolute;
  padding: 0 20px 20px;
  transition: all 0.3s ease-in-out;
}
.img-thumb-bg .caption .tag a {
  color: #fff;
  padding: 0 5px;
  font-size: 12px;
  border-radius: 2px;
  display: inline-block;
  text-transform: uppercase;
  background-color: #35a3e8;
}
.img-thumb-bg .caption .title {
  margin-top: 5px;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
}
.img-thumb-bg .caption .title a {
  color: #fff;
}
.img-thumb-bg .caption .title a:hover {
  color: #2980B9;
}
.img-thumb-bg .caption .meta-data {
  color: #777;
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 15px;
}
.img-thumb-bg .caption .meta-data a {
  color: #777;
}
.img-thumb-bg .caption .meta-data a .fa {
  color: #2980B9;
}
.img-thumb-bg .caption .meta-data a:hover {
  color: #2980B9;
}
.img-thumb-bg .caption .content {
  display: none;
}
.img-thumb-bg:hover .overlay {
  background: rgba(0, 0, 0, 0.6);
}
.img-thumb-bg:hover .caption {
  bottom: 5px;
}
.img-thumb-bg:hover .caption .content {
  display: block;
}
.minheight341{
  min-height: 341.1px;
}



/*****************************************************/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  background-color: transparent !important;
}
.nav-linkk{
  border-radius: 0px !important;
  border-bottom: 1px solid #D4D5D6;
  transition: all 0.3s ease-in-out;
}
 .nav-linkk.active{
  border-bottom: 4px solid #E84E72;
}
.nav-linkk:hover{
  border-bottom: 4px solid #000000;
}

.margin-30{
  margin-bottom: 30px;
}


@media (min-width: 300px) and (max-width: 576px) {
  .lv-3{
  background-color: #fff7f9 !important;
  margin: 5px !important;
  }
}

@media (min-width: 300px) and (max-width: 767px) {
  footer{
    margin-bottom: 40px;
  }
}

@media (min-width: 100px) and (max-width: 575px) {
  .block-height{
    height: auto !important;
  }
}

@media (max-width: 417px) {
  .margin-20{
    margin-top: 20px;
  }
}


/*------------
enewsletter subscribe box 
--------------*/
.newsletter {
    padding: 60px 0;
/*    background: #f1eae8;
    background: url(img/bgnewsletter.jpg) center;*/

}

.newsletter .content {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2; 
}
.newsletter .content h2 {
    color: #243c4f;
    margin-bottom: 40px; 
}
.newsletter .content .form-control {
    height: 50px;
    border-color: #ffffff;
/*    border-radius:0;*/
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
.newsletter .content.form-control:focus {
    box-shadow: none;
    border: 2px solid #243c4f;
}
.newsletter .content .btn {
    min-height: 50px; 
    border-radius:0;
    background: #e15987;
    color: #fff;
    font-weight:600;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.bg-overlay {
    background: linear-gradient(rgba(0,0,0,.7), rgba(340,30,38,.1)), url("img/bgnewsletter.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;

}

/* กดหัวใจ */
.checked-heart {
    color: #ffcd22;
}



/*-- Banner social link  --- */
.bg--slide {
	background: #ed0076;
}
.bg--social{
	background: #843e61;
	margin: 0px 0px 0px 10px;
}
.col-social{
    width: 20%;
    color: #FFF;
    padding: 10px;
    font-size: 16px;
}
.col-social:hover{
    background: #0b4bbe;
    
}
.social-icon{
    width: 60px;
    height: 60px;
    border-radius: 50px;
    padding-right: 5px;

}

@media (min-width: 300px) and (max-width: 576px) {
  .col-social{
    width: 50%;
    }
}

@media (min-width: 300px) and (max-width: 767px) {
  .col-social{
    width: 50%;
    }
}

@media (min-width: 100px) and (max-width: 575px) {
  .col-social{
    width: 50%;
    }
}

@media (max-width: 417px) {
  .col-social{
    width: 50%;
    }
}

/* addthis */
.at-expanding-share-button[data-position=bottom-right] {
    bottom: 50px !important;
    right: 10px;