@font-face {
font-family: 'Lao';
src: url('../fonts/PhetsarathOT/phetsarath_ot.eot');
src: url('../fonts/PhetsarathOT/phetsarath_ot.eot?#iefix') format('embedded-opentype'),
url('../fonts/PhetsarathOT/phetsarath_ot.woff2') format('woff2'),
url('../fonts/PhetsarathOT/phetsarath_ot.woff') format('woff'),
url('../fonts/PhetsarathOT/phetsarath_ot.ttf') format('truetype'),
url('../fonts/PhetsarathOT/phetsarath_ot.svg#phetsarath_ot') format('svg');
}
@font-face {
  font-family: 'roboto medium';
  src:url('../fonts/Fonts/Roboto-Medium_0.ttf') format('truetype');
}
@font-face {
  font-family: 'roboto light';
  src:url('../fonts/Fonts/Roboto-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'saysetth ot';
  src:url('../fonts/saysetthaOT/saysettha_ot.ttf') format('truetype');
}

.bmk-saysetthaOT{
  font-family: 'saysetth ot' !important;
  /* font-size: 14pt !important; */

}
.bmk-roboto-md{
  font-family: 'roboto medium' !important;
  /* font-size: 14pt !important; */

}
.icolors{
    color: #fff !important;
}
.icolor-subtitle{
    color: #662483 !important;
}
.isubcolors{
	color:  #aca8a8 !important;
    word-wrap: anywhere;

}

.bmk-roboto-light{
  font-family: 'roboto light' !important;
    font-size: 13pt !important ;
}
body#bIndex #navIndex a,body#bProduct #navProduct a,body#bCv #navcv a, body#bMain #navmain a{
 color: #fff;

}
.img-padding{
  padding-top: 1.25rem !important;
  padding-left: 2.25rem !important;
  padding-right: 2.25rem !important;
}
.bmk-font{
    font-family: Lao !important;
    font-size: 14px !important;
    word-wrap: anywhere;
  }

.bmk-over:hover{
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 5px 5px 4px rgba(0, 0, 0, .5);

}
#boxshadow {
    position: relative;
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    padding-bottom: 10px;
  /*  background: #DEDEDE;*/
}

.boxpost {
    position: relative;
    /*background: #ff776f;*/
    padding: 5px;
    height: 135px;
}
.boxpost-in {
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    background: #fff;
    padding: 5px;
    height: 100%;
}
.boxpost-l {
padding: 7px;
}

.boxpost:hover {background-color: #9ed6f5 !important;color:white !important}
.boxpost-in:hover {background-color: #DEDEDE !important;color:white !important}
.boxpost-in:hover p{}



	.affix {
      top: 0;
      width: 100%;
  }

  .affix + .container-fluid {
      padding-top: 70px;
  }
  .z-index{ z-index:100}
  .fcccc{
  text-align: center;
  font-size: small;
}
.fccl{

}
.service a{
  color: white;
  font-size: large;
}
.service a:hover{
      color: #337ab7;
    text-decoration: none;
  font-size: larger;
}
.larger {
    font-size: larger !important;
}
.larger>li>a{
     color: #F7F7F8 !important;
 }
.large {
    font-size: large !important;
}
 .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #337ab7;
}
 .ftext {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 23px;
    max-height: 80px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*.bmk-text:nth-child(even){background-color: rgba(246, 247, 249, 0.54) !important;}*/
.bmk-text:hover {background-color: #f5f5f5 !important}
select.ui-datepicker-month, .ui-datepicker-year {
    background: rebeccapurple;
}
.bmk-logo {

    margin: auto !important;
 }
 .bmk-search{ margin-top: -17px; }
.bmk-tabs{margin-top: -10px}

.circlesss{width:100px;height:100px;border-radius:50px;font-size:20px;color:#fff;line-height:100px;text-align:center;background:white}

.loaders {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid blue;
  border-right: 16px solid green;
  border-bottom: 16px solid red;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*

.container-img{
  position: relative;
  width: 50%;
  max-width: 300px;
}



.overlay {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;

  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 14px;
  padding: 5px;
  text-align: center;
}

.container-img:hover .overlay {
  opacity: 1;
}
*/

#gridcontainer {
  top: 150px;
  bottom: 100px;
  position: relative;
  overflow: hidden;
  width: 996px;
  margin: 0 auto;
  padding-bottom: 50px;
}
/*.fservicecolor>li>a{*/
    /*color: white;*/
/*}*/
/*.tbb>dev{*/
    /*padding-top: 0px;*/
    /*padding-bottom: 0px;*/
/*}*/


#sidebar {
   /*// position: static;*/
    /*margin-top:30px;*/
    /*margin-right: 0px;*/
    /*float: right;*/
    /*width:228px;*/
    /*align-items: center;*/
    position: fixed;
    right:0px;
    margin-left: 0px;
}

#sidebar {


    /*top:70px;*/
    /*width:228px;*/

}

.fullsizeimg>img,.fullsizeimg>div>img {
    width: 100% !important;
}
.fullsizeimg>div>img {
    width: 100% !important;
}
.fullsizeimg img {
    width: 100% !important;
}
.bmk-items{
    background-color:#9b9a9a;
    color:white;
}

.bmk-items:hover{
    background-color:#736f6b !important;

   font-size:13px;
}
/* a>button:hover{background: #fd5807 !important; */
}