﻿@charset "utf-8";

body{
	margin: 0 0 0 0;
}
.nav>li>a{
    color:#fff !important;
}
.menu{
font-family: 'Varela Round', sans-serif, !important;
    font-size:14px;
	text-decoration:none;
    background-color:#0954a7 !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;    
 }
.menu:hover{
 font-family: 'Varela Round', sans-serif, !important;
    font-size:14px;
	text-decoration:none;
    background-color:#3c99df !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;
}
.sub_menu{
font-family: 'Varela Round', sans-serif, !important;
    font-size:12px;
	text-decoration:none;
    background-color:#0954a7 !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: #3c99df !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;
}

.Head-Title{
    font-family: 'Droid Serif', serif, !important;
    font-size:15px;
    font-weight:700;
	text-decoration:none;	
    color:#fff;
  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:13px;
 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 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;  
    vertical-align: middle;
}
.photo_alter:hover {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    vertical-align: middle;
   
}
#wrapIt {
        -ms-word-break: break-all;
        word-break: break-all;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
        }
