@charset "utf-8";

body{
	margin: 0 0 0 0;
}
.nav>li>a{
    color:#fff !important;
}
.menus{
    font-family: 'Battambang', !important;
    font-size:17px !important;
	text-decoration:none;
    background-color:#d26b03 !important;	
    color:#fff !important;
    transition: all 0.9s ease; 
    -webkit-transition: all 0.9s ease-out;
    -moz-transition: all 0.9s ease-out;
    -ms-transition: all 0.9s ease-out;
    -o-transition: all 0.9s ease-out;
    transition: all 0.9s ease-out;    
 }
.menus:hover{
 font-family: 'Battambang', !important;
    font-size:17px !important;
	text-decoration:none;
    background-color:#a25304 !important;
	color:#ff0000 !important;
    transition: all 0.5s ease;   
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.new_title{
    font-family: 'Battambang', !important;
    font-size:19px !important;
	text-decoration:none;
    color:#fff !important;
    word-break: break-all;
    word-wrap: break-word;
    transition: all 0.9s ease; 
    -webkit-transition: all 0.9s ease-out;
    -moz-transition: all 0.9s ease-out;
    -ms-transition: all 0.9s ease-out;
    -o-transition: all 0.9s ease-out;
    transition: all 0.9s ease-out;    
 }
.new_title:hover{
 font-family: 'Battambang', !important;
    font-size:19px !important;
	text-decoration:none;
 	color:#ff0000 !important;
    word-break: break-all;
    word-wrap: break-word;
    transition: all 0.5s ease;   
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.wrapIt {
       display: block;
        line-height: 2;
        word-break: break-all;
        word-wrap: break-word;
        }

.link{
    font-family: 'Khmer OS Siemreap', !important;
    font-size:16px;
    color:#0954a7 !important;
    transition: all 0.9s ease; 
    -webkit-transition: all 0.9s ease-out;
    -moz-transition: all 0.9s ease-out;
    -ms-transition: all 0.9s ease-out;
    -o-transition: all 0.9s ease-out;
    transition: all 0.9s ease-out;    
 }
.link:hover{
    font-family: 'Khmer OS Siemreap', !important;
    font-size:16px;
    color:#f8b20b !important;
    transition: all 0.9s ease; 
    -webkit-transition: all 0.9s ease-out;
    -moz-transition: all 0.9s ease-out;
    -ms-transition: all 0.9s ease-out;
    -o-transition: all 0.9s ease-out;
    transition: all 0.9s ease-out;
    text-decoration: none;    
 }
.sub_menu{
font-family: 'Varela Round', sans-serif, !important;
    font-size:12px;
	text-decoration:none;
    background-color:#d26b03 !important;	
    color:#fff !important;  
    transition: all 0.5s ease;   
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; 
 }
.sub_menu:hover {
        font-family: 'Varela Round', sans-serif, !important;
        font-size: 12px;
        text-decoration: none;
        background-color: #a25304 !important;
        color: #ff0000 !important;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }
.Category{
font-family: 'Droid Serif', serif, !important;
    font-size:16px;
	text-decoration:none;	
    color:#0954a7 !important;
    letter-spacing:0px;
    display: block;
    line-height: 2;
    transition: all 0.9s ease; 
    -webkit-transition: all 0.9s ease-out;
    -moz-transition: all 0.9s ease-out;
    -ms-transition: all 0.9s ease-out;
    -o-transition: all 0.9s ease-out;
    transition: all 0.9s ease-out;    
      word-break: break-all;
  word-wrap: break-word;
 }
.Category:hover{
 font-family: 'Droid Serif', serif, !important;
    font-size:16px;
	text-decoration:none;
	color:#41ac2c !important;
    letter-spacing:0px;
    display: block;
    line-height: 2;
    transition: all 0.5s ease;   
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
      word-break: break-all;
  word-wrap: break-word;
}

.Footer{
    font-family: 'Battambang', !important;
    font-size:15px;
	text-decoration:none;	
    color:#000;
  margin: 0 0 0px;
  word-break: break-all;
  word-wrap: break-word;
   }

.Font_Simple{
 font-family:'Battambang', serif, !important;
 color:#616363;
 font-weight:normal;
 font-size:14px;
 text-decoration:none;
 letter-spacing:0px;
 display: block;
  line-height: 2;
  word-break: break-all;
  word-wrap: break-word;
 }
@media (max-width: 768px) {
.photo{
    height:280px !important;
}
 }
@media (min-width: 768px) {
.photo{
    height:280px !important;
}
 }

@media (min-width: 480px) {
.photo{
    height:220px !important;
}
}
@media (max-width: 320px) {
.photo{
    height:100px !important;
}
}

.photo_alter{
     filter: grayscale(10%);
    -webkit-filter: grayscale(10%);
    -moz-filter: grayscale(10%);
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;  
    vertical-align: middle;
}
.photo_alter:hover {
    filter: grayscale(10%);
    -webkit-filter: grayscale(10%);
    -moz-filter: grayscale(10%);
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    vertical-align: middle;
    -webkit-transform: scale();
    transform: scale(1.1);
    -webkit-transition: 2s;
    transition: 1s;
   
}

.truncate-multi-line {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Change to desired number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.detech-widht-image img {
  width: 100%;
  /*height: 100%;*/
  /*object-fit: cover;*/
  display: block;
  margin-right: 5px;
}

a:hover{
    text-decoration: none;
}