@font-face {
    font-family: 'EDSense';
    src: url('../fonts/EDSense.eot') format('embedded-opentype'), 
        url('../fonts/EDSense.woff') format('woff'), 
        url('../fonts/EDSense.ttf') format('truetype'), 
        url('../fonts/EDSense.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EDSense-Bold';
    src: url('../fonts/EDSense-Bold.eot') format('embedded-opentype'), 
        url('../fonts/EDSense-Bold.woff') format('woff'), 
        url('../fonts/EDSense-Bold.ttf') format('truetype'), 
        url('../fonts/EDSense-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cloud-Light';
    src: url('../fonts/Cloud-Light.eot') format('embedded-opentype'), 
        url('../fonts/Cloud-Light.woff') format('woff'), 
        url('../fonts/Cloud-Light.ttf') format('truetype'), 
        url('../fonts/Cloud-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cloud-Bold';
    src: url('../fonts/Cloud-Bold.eot') format('embedded-opentype'), 
        url('../fonts/Cloud-Bold.woff') format('woff'), 
        url('../fonts/Cloud-Bold.ttf') format('truetype'), 
        url('../fonts/Cloud-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    color: #3a3a3a;
    font-family: Arial, Tahoma, sans-serif;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /*  margin: 0 auto -100px;  the bottom margin is the negative value of the footer's height */
}
* {
    margin: 0;
}
img {
    border: 0;
}
.container-iframe {
    width: 100%;
  }
.responsive-iframe {
    min-width: 100%;
    min-height: 800px;
  }
.navbar-brand{
    padding: 0 15px;
}
#SamridTour {width: 120px;}
#panel_preview{
    padding-top: 120px;

}
.navbar{
    height: 100px;
    margin: 0;
    background-color: #00acc9;
}
.navbar-nav{
    font-family: Cloud-Light;
    font-size: 1.25em;
    font-weight: bold;
    padding-top: 45px;
}
.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 10px;
    line-height: 20px;
    color: #FFF;
}
.navbar-nav>li>a:hover,.navbar-nav>li>a:focus,.navbar-nav>li>a:active{
    background-color: #FFF;
    color: #00869d;
    border-radius: 10px;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #FFF;
    border-color: #337ab7;
    border-radius: 10px;
    color: #00869d;
}
.dropdown-menu>li>a{
    font-family: Cloud-Light;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 20px;
    color: #00869d;
    padding: 7px 20px;
}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:active{
    background-color: #aad6dd;
    border-color: #337ab7;
    color: #00869d;
}
.navbar-left{
    padding-top: 10px;
    font-family: Cloud-Light;
    color: #FFF;
    font-weight: bold;
}
.icon_radius{
    margin: 5px;
}
.icon_left{
    padding-left: 20px;
}
.footer{
    background-color: #bdd9de;
    font-family: Cloud-Light;
    color: #00869d;
    font-weight: bold;
    font-size: 1em;
    padding-top: 15px;
    padding-bottom: 15px;
}
.samrid_icon{
    display: block;
    margin: 0 auto;
}
.samrid_icon_text{
    text-align: center;
}
.LMstudio{
    padding-top: 10px;
    height: 35px;
}
.powered{
    float: right;  
}
#box{
    font-size: 0.8em;
}
.contact_tel>a:link,.contact_tel>a:hover,.contact_tel>a:active,.contact_tel>a:focus,.contact_tel>a:visited{
    color: #FFF;
    text-decoration: none;
}
.h1,h2,h3,h4,h5{
    font-family: Cloud-Bold;
}
.hot_trip{
    color: #f32836;
}
.promotion{
    color: #f28b00;
}
.guarantee{
    color: #00869d;
}
.hot_trip_detail{
    padding-bottom: 30px;

}
.gallery_panel{
    background-color: #d1ffbb;
    text-align: center;
}
.img_max_height{
    height: 150px;
    padding-bottom: 10px;
}
.img_max_height_2{
    height: 250px;
    padding-bottom: 10px;
}
.gallery_view{
    padding-top: 10px;
}
.display_img{
    padding-top: 10px;
}
.gallery{
    color: #49a400;
}
.fanpage{
    background-color: #337ab7;
    min-height: 200px;
    color: #FFF;
    text-align: center;
    padding-top: 20px;
}
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout-promotion {
    border-left-color: #f28b00;
}
.bs-callout-green{
    border-left-color: #49a400;
    background-color: #d1ffbb;
    color: darkgreen;
}
.bs-callout-pink{
    border-left-color: #eb005e;
    background-color: #FFF;
}
.promotion_panel{
    background-color: #fdfbe2;
    padding: 10px;
    border-radius: 10px;
}
.car_rent{
    color: #eb005e;
}
.car_rent_panel{
    background-color: rgba(255, 0, 114, 0.1);
    padding: 10px;
    border-radius: 10px;
}
.car{
    max-height: 200px;
}
.car-page{
    max-height: 300px;
}
.car-rent{
    max-height: 300px;
}
.map{
    padding-top: 100px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}
.first_img{
    padding-top: 100px;
}
.img_package{
    padding: 15px;
}

/*@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max){*/
@media (max-width:1225px){
    .navbar-toggle .icon-bar {
        background-color: #FFF;
    }
    .container>.navbar-header {
        margin-right: -15px;
        margin-left: -15px;
        background-color: #00acc9;
        height: 100px;
    }
    .navbar-fixed-top .navbar-collapse {
    max-height: 100% ;
}
    .navbar-toggle {
        border: 1px #ffffff solid;
        margin-top: 40px;
    }
    .navbar-collapse {
        background-color: #00acc9;
    }
    .navbar-collapse.navbar-nav{
        padding-top: 20px;
        height: 100px;
    }
    .navbar-nav {
        padding-top: 15px;
        padding-bottom: 10px;
    }
    .icon_left{
        padding-bottom: 15px;
    }
    .contact_tel{
        border-top: 1px #eee solid;
        padding-top: 15px;
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
       
    }
    .footer{
        padding-bottom: 20px;
    }
    .map{
    padding: 15px;
}

}
.page_map{
    font-style: italic;
    color: #666;
}
.red{
    color: #FF0000;
    font-weight: bold;
}
.thumbnail-map{
    font-style: italic;
    color: #666;
}
.thumbnail {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
    transition: 0.3s;
    min-width: 40%;
    border-radius: 5px;
  }
 
  .thumbnail-description {
    min-height: 40px;
  }
 
  .thumbnail:hover {
    cursor: pointer;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 1);
  }
  .text_brown{
    color: #8b5218;
  }
  .caption{
	  cursor: pointer;
  }