@font-face{font-family: "kh-banner"; src: url(../fonts/Preahvihear-Regular.ttf)}
@font-face{font-family: "en-banner"; src: url(../fonts/times.ttf)}
@font-face{font-family: "sub-banner"; src: url(../fonts/OpenSans-Bold_0.ttf)}
@font-face{font-family: "general-font"; src: url(../fonts/OpenSans-Regular_0.ttf)}
@font-face{font-family: "subtitle"; src: url(../fonts/Lato-Bold.ttf)}
body{
  
  font-family: 'general-font';
  background: #ffffff;

}
.wrap-header{width: 100%; min-height: 200px; display: block;}
.wrap-menu{width: 100%; display: block; background: none; padding: 35px 0 5px 0;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background: #019df0; color: #ffffff}

.main-wraper{background: none;}

.header{padding-bottom: 10px;
}
.cont-top{text-align: right; padding: 10px 0 0 0;}
.cont-top p{color: #8a8a8a;}
.socail-top{color: #1371ee; font-size: 25px;}
.slide-show{padding-left: 0; padding-right: 0;}
.logo{padding-left: 0; padding-right: 0}
.logo img{width: 90%; max-width: 140px}
.banner{text-align: right; color: #ffffff; margin-top: 10px; padding-left: 20px;}
.contet-top{text-align: center; color: #333333; margin-top: 30px; padding-right: 0}
.banner-khtext{font-family: 'kh-banner'}
.banner-entext{font-family: 'en-banner'; font-size: 30px;}
.banner h3{font-family: 'sub-banner'; font-size: 25px;}
.menu{margin-top: 0;}
.e-navbar{margin: 0; border: 0; border-radius: 0px 0px 0 0;
  background: none;
}
.main-content{}
.navbar-default .e-navbar-nav>li>a {color: #ffffff; text-transform: uppercase; font-size: 15px;}
.navbar-default .e-navbar-nav>li>a:hover{color: #ffffff; background: #0284c9}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background: #0284c9; color: #ffffff}
h3{font-size: 15px; font-family: 'subtitle';}
.border-menuleft{padding-right: 0px; padding-left: 0px;}
.e-nav>li>a{color: #000000; border-bottom: 1px solid #ffffff;
    padding: 10px 10px;
    font-size: 14px;
    margin: 2px 0 2px 0;
    background: #ffffff;
    border-radius: 6px;
    border: 1px solid #d1cece;
}
.e-nav>li>a.active{
  color: red;
  background: #f6f6f6;
}
.e-nav>li>a:hover{
  color: red;
  background: #f6f6f6;
}
.navbar-nav{text-align: center;float: right;}
.navbar-nav>li{float: none; display: inline-block;}

.wrap-content{margin-bottom: 20px; background: #ffffff;}
.wrap-content h3{margin-top: 0; font-family: 'sub-banner'; text-transform: uppercase; font-size: 20px; color: #1371ee;}
.wrap-package{padding: 0; margin-top: 0px;}
.e-thumbnail{border: 0; background: none;  padding: 0; margin-bottom: 0px}
.e-thumbnail h3{margin-top: 0px; color: #333333; text-align: left; line-height: 20px; font-size: 12px; font-family: 'sub-banner'; margin-bottom: 0;}
.box-img{width: 50%; background: rgba(255, 255, 255, 0.5); overflow: hidden; position: relative; float: left;}
.e-caption{width: 50%; float: left;}
.thumbnail .caption{padding: 0 0 0 10px;}
.e-row-thumbnail{margin: 0}
.e-col-thumbnail{padding-left: 15px; padding-right: 15px; margin-bottom: 30px;}

.gallery{padding-top: 0px;padding-bottom: 0px}
.gallery h3{padding-left: 18px; color:#be6301}
.gallery .gal_box{width: 230px; padding-left:4px;overflow: hidden;margin:3px auto;position: relative}
.gallery .gal_box img{width: auto;min-width: 100% !important;height: 100%;display: block}
.gallery .gal_box .hover_zoom{position: absolute;width:100%;height: inherit;z-index: 10;background:rgba(255,255,255,0.4) url('hover-box.png') center no-repeat;
          transform: scale(0);
          -moz-transform: scale(0);
          -webkit-transform: scale(0);
          -ms-transform: scale(0);    
          transition:all .30s ease-in-out; -webkit-transition:all .30s ease-in-out; -moz-transition:all .30s ease-in-out
}
.gallery .gal_box:hover .hover_zoom{transform: scale(1);-moz-transform: scale(1);
          -webkit-transform: scale(1);
          -ms-transform: scale(1); }

.title-footer h3{margin-top: 10px; color: #ffffff;}
.title-footer P{color:#ffffff; font-size: 13px}
.title-footer a{color:#ffffff; font-size: 13px; text-decoration: none;}

.facebook{width: 40px; color: #ffffff; height: 40px; text-align: center; line-height: 40px; font-size: 25px; background: #3a589b; float: left; margin-right: 5px; border-radius: 50%; margin-top: 8px;}
.facebook:hover{background: #6666ff;}
.twitter{width: 40px; height: 40px; color: #ffffff; line-height: 40px; font-size: 25px; text-align: center; background: #598dca; float: left; margin-right: 5px; border-radius: 50%; margin-top: 8px;}
.twitter:hover{background: #7aabe5;}
.google-plus{width: 40px; height: 40px; color: #ffffff; line-height: 40px; font-size: 25px; text-align: center; background: #e02f2f; float: left; margin-right: 5px; border-radius: 50%; margin-top: 8px;}
.google-plus:hover{background: #f17676;}

a.list-group-item {
    height:auto;
    min-height:220px;
}
a.list-group-item.active small {
    color:#fff;
}

.edit-popular{margin:0; padding: 3px 0; margin-bottom: 10px; color:#333333}
.edit-popular:hover{background: rgba(255, 255, 255, 0.5)}
.edit-edit-popular h6{margin: 0 0 5px 0; font-weight: bold}
.e-thub-popular{padding: 0}
.e-txt{padding: 0 0 0 5px}
.e-txt h6{margin: 0 0 5px 0; font-weight: bold}




.navbar{margin-bottom: 0}
.navbar-default{border:0;}
.navbar-default .nav-justified > li { padding-left: 3px; padding-right: 3px; display: table-cell !important; width: 1% !important;}
.navbar-default .nav-justified>li>a{background:#3e3e3e;color: #fff;border-radius:3px}
.navbar-default .nav-justified>li:nth-child(2)>a{background:#cd4a0a}
.navbar-default .nav-justified>li:nth-child(3)>a{background:#bdcd0a}
.navbar-default .nav-justified>li:nth-child(4)>a{background:#25b3b1}
.navbar-default .nav-justified>li:nth-child(5)>a{background:#2825b3}
.navbar-default .nav-justified>li:nth-child(6)>a{background:#ff025b}
.navbar-default .nav-justified>li:nth-child(7)>a{background:#ff5502}
.navbar-default .nav-justified>li:nth-child(8)>a{background:#90d30f}
.navbar-default .nav-justified>li:nth-child(9)>a{background:#cd4a0a}
.dropdown-menu .dropdown-menu{left:100%;top:0}
.dropdown-menu li{ position: relative;}
.dropdrown-indicator{position: absolute;right: 0;top:0;height: 100%;font-size:10px;width:25px;padding-top:15px;border-top-right-radius: 3px;border-bottom-right-radius: 3px}
.position-menu-top{position: relative; margin-left: 5px}
.dropdown-menu{margin-top:1px}

.navbar-default .nav-justified > li:hover>ul{display: block !important;}
.navbar-default .nav-justified > li>ul>li:hover>ul{display: block !important;}

/*.nav-justified> .dropdown-menu .dropdrown-indicator{padding-top:7px;padding-left: 5px}*/
.dropdown-menu .dropdrown-indicator{padding-top:7px;padding-left:20px;width: 30px}
.dropdown-menu .dropdrown-indicator:hover{background: #ccc}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color:#E5E5E5; border-color: #D8E544;}

.e-well{padding: 0; border: 0; background: none; box-shadow: none}
.e-a{background: none; border: 0}
.e-media{padding: 0}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{background: none}
.e-col8{padding: 0 0 0 20px}
.e-cont-book{background: #022583; border-radius: 5px; padding: 10px; color: #ffffff}
.e-cont-book h4{text-align: center;}
.e-cont-book p{text-align: center}
.e-cont-price{padding-right:0; text-align: center;}
label{font-weight: normal}
.navbar{min-height: 30px;}
.e-google-trans{float: right}
.price{width:80px; height:30px; position: absolute; background: rgba(255, 255, 255, 0.7); color: red; font-size: 18px; text-align: center; line-height: 28px}

a.list-group-item {
    height:auto;
    min-height:220px;
}
a.list-group-item.active small {
    color:#fff;
}
.stars {
    margin:20px auto 1px;    
}

.wrap-title-tour{width: 100%; height: 30px; float: left; border-bottom: 1px solid #cccccc; margin-bottom: 10px}


.caption1 {
    
    position: absolute;
    top:100%;
    left:0;
    text-align: center;
    font-size: 30px;
    overflow:hidden;
    background:rgba(255,255,255,0.7);
    background-image: url('icon/zoom_in.png');
    background-repeat: no-repeat;
    background-position: center;
    height:100%;
    width:100%;
    -webkit-transition: all 0.2s ease-in-out 0.2s;
    -ms-transition: all 0.2s ease-in-out 0.2s; 
    -o-transition: all 0.2s ease-in-out 0.2s; 
    -moz-transition: all 0.2s ease-in-out 0.2s;
    transition: all 0.2s ease-in-out 0.2s;
    color: #e9490b;
}
.caption1 a{text-decoration: none; color: #666666;}
.feature1:hover .caption1{
    top:0;
    text-decoration: none;
    
}

.e-thum-gall{border-radius: 0; border:1px solid #ccc; padding: 5px; position: relative; overflow: hidden;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
  background: none;
  border-bottom: 3px solid #000000;
  color: #000000;
}
.navbar-default .e-navbar-nav>li>a:hover{
  background: none;
  border-bottom: 3px solid #000000;
  color: #000000;
}

.e-pull-left{background: #ccc; padding: 0px  0px; border-radius: 0px 0px 0 0;
  background: none;
  line-height: 37px;

}
.e-pull-left h3{
  color: #1371ee;
  text-transform: uppercase;
  font-size: 20px;
  margin-top: 0;
}
.title-home{
  text-align: center;
}
.title-home h3{
  line-height: 18px;
  font-size: 20px;
  color: #1371ee;
}
.title-home h5{
  color: #737373; 
  font-weight: bold;
}


.e-pull-right{padding: 5px 0px 5px 10px; border-radius: 0px 0px 0 0; color: #666666; font-style: italic; font-weight: bold;}
.e-pull-right:hover{color: #999999}
.pageheader{margin-bottom: 0px;}
.e-menu-left{padding:0;}
.panel-default>.e-t-left{
  background: #00198c;
  color: #ffffff;
  height: 45px;
  border-radius: 6px 6px 0 0;
  text-align: center;
}

.e-p-left{border: 0; border-radius: 0px 0px 0 0;}
.e-title-left{box-shadow: none; border: none; background: none;}
.cont-detail{}
.cont-detail img{margin: 0; float: left;}
.cont-detail td {padding: 10px}
.navbar-nav>li>a{line-height: normal; padding-top: 7px; padding-bottom: 7px; font-size: 15px; font-weight: bold;}

.cont-ft{display: block; padding: 20px 0;}

.tour-blog{padding: 0 10px 0 0; margin-bottom: 20px;}
.acommodation-blog{padding: 0 0 0 10px; margin-bottom: 20px;}
.img-blog{width: 100%; display: block; border-radius: 6px; border:1px solid #d1cece; overflow: hidden; position: relative;}
.thumbnail .caption p{font-size: 12px; font-family: 'general-font'; text-align: justify;}
.box-price{width: 70px; height: 30px; padding: 5px; position: absolute; right: 0; bottom: 0; background: #fc0819; color: #ffffff; border-radius: 6px; text-align: center; font-weight: bold;}
.main-footer{width: 100%; display: block; background: #1f1f1f;}
.tour-blog-title{width: 100%; display: block;position: absolute; bottom: 0; background: rgba(0,0,0,0.7); text-align: center; padding: 10px; color: #ffffff; text-transform: uppercase; font-size: 15px; font-weight: bold;}
.wrap-social{width: 100%; background: #ffffff; text-align: center;}
.cont-social{display: inline-block;}
.navbar-nav>li>.dropdown-menu{
  border-radius: 0px;
}

.cont-gall-slide{padding: 0;}
.tab-pane table{width: 100%; overflow-x: scroll;}

.hover-bg {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-position: center;
    height: 100%;
    width: 100%;
    -webkit-transition: background-color 1s ease;
    -moz-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

.hover-bg:hover {
    background-color: rgba(255,255,255,0.4);
    -webkit-transition: background-color 0.7s ease;
    -moz-transition: background-color 0.7s ease;
    transition: background-color 0.7s ease;
}

.scrollToTop{
  width:48px; 
  height:80px;
  padding:10px; 
  text-align:center; 
  background: whiteSmoke;
  font-weight: bold;
  color: #444;
  text-decoration: none;
  position:fixed;
  bottom:75px;
  right:20px;
  display:none;
  background: url('icon/arrow16.png') no-repeat 0px 20px;
}
.scrollToTop:hover{
  text-decoration:none;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border: 1px solid #ddd;}
.cont-hotel{}
.icon-list ul li {
    list-style-image: url(icon/chick.png);
    background-repeat: no-repeat;
}

.cont-gallery{margin-bottom: 20px; padding-left: 15px; padding-right: 15px;}
.gall-padding{padding-left: 10px; padding-right: 10px;}
.error{color: red;}
.destination-img{width: 100%; display: block; float: left; position: relative;}
.morecontent span {
    display: none;
}
.morelink {
    display: block;
}
.read-m-l, .read-m-l:hover, .read-m-l:focus{font-weight: bold; color: #1371ee; text-decoration: none;}
.read-m-l:hover{font-weight: bold; color: #1371ee;}
.destin-title{width: calc(100% - 10px); padding: 8px; position: absolute; background: rgba(0,0,0,0.5)}
.destin-title h4{color: #25baec; font-weight: bold; margin: 0;}
.banner-desktop{display: inline-block;}
.banner-mobile{display: none;}
.mobile-menu{display: none;}
.socail-bottom{text-align: right;}
.mobile-package{display: none;}

@media (min-width: 1200px) {
   
    
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .e-col8{padding: 15px 0 0 0}
    .navbar-default .e-navbar-nav>li>a{font-size: 12px}
    .nav>li>a{}
    .e-google-trans{float: none}
    .banner{text-align: center;}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .e-cont-price{padding-left: 0; margin-top: 25px;}
    .e-col8{padding: 15px 0 0 0}
    .new-screen{margin: 0 auto; margin-bottom: 15px}
    .e-alinge{text-align: center}
    .e-google-trans{float: none}
    .banner{text-align: center; margin-top: 0;}
    .tour-blog{padding: 0; margin-bottom: 10px;}
    .acommodation-blog{padding: 0;}
    .banner h1{font-size: 15px;}
    .banner h3{font-size: 14px;}
    .contet-top{display: none;}
    .navbar-nav>li{display: block;}
    .dropdown-menu .dropdown-menu{right: 0; top: 100%; z-index: 9999}
    .logo{width: 20%; float: left;}
    .wrap-banner{width: 80%; float: left;}
    .banner-mobile{display: inline-block;}
    .desktop-menu{display: none;}
    .banner-desktop{display: none;}
    .mobile-menu{display: block;}
    .cont-top{font-size: 10px;}
    .socail-top{font-size: 15px;}
    .socail-bottom{text-align: left;}
    .socail-bottom p{display: inline-block;}
    .wrap-header{min-height: 140px;}
    .mobile-package{display: block;}
    .desktop-package{display: none;}
}
@media (max-width: 630px) {
   
}

@media (max-width: 400px) {
  .socail-top{display: none;}
}

@media (max-width:350px) {
  
}