html,
body {
height: 100%;
}
body {
/* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
@font-face {
font-style: normal;
}
.img-portfolio {
margin-bottom: 30px;
}
.marding0 {margin-top:0px;}
.img-hover:hover {
opacity: 0.8;
}
/* Home Page Carousel */
.box {
width: 50%;
margin: 0 auto;
background: rgba(255,255,255,0.2);
padding: 35px;
border: 2px solid #fff;
border-radius: 20px/50px;
background-clip: padding-box;
text-align: center;
}
#popup1 {z-index:99;}
.button {
font-size: 1em;
padding: 10px;
border: 2px solid #06D85F;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease-out;
}
.button:hover {
background: #06D85F;
}
.img-responsive {z-index:-99;}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.phantrang{ width: 100%;
text-align: center;
margin-bottom: 7px;}
.phantrang span{ background: #085ba3;
padding: 5px 10px;
color: #fff;}
.phantrang a{ background: #337ab7;
padding: 5px 10px;
color: #fff;}
.tieude {
width: 200px;
font-size: 14px;
font-weight: 700;
margin: 0 auto;
height: 35px;
line-height: 35px;
text-align: center;
background-color: #1275b4;
color: #FFFFFF;
text-transform: uppercase;
}
.item2 img {float:left; margin-right:15px; width:30%;}
.popup {
margin: 70px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 50%;
position: relative;
transition: all 5s ease-in-out; z-index:9999;
}
.popup h2 {
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
.popup .close:hover {
color: #06D85F;
}
.popup .content {
max-height: 30%;
overflow: auto;
}
.tin-tuc {float:none; clear:both; margin-bottom:10px; }
.imgTintuc {width:100%;}
@media screen and (max-width: 700px){
.box{
width: 70%;
}
.popup{
width: 70%;
}
}
.masonry {
margin: 1.5em 0;
padding: 0;
-moz-column-gap: 1.5em;
-webkit-column-gap: 1.5em;
column-gap: 1.5em;
font-size: .85em;
}
.masonry1 {
margin: 1.5em 0;
padding: 0;
-moz-column-gap: 1.5em;
-webkit-column-gap: 1.5em;
column-gap: 1.5em;
font-size: .85em;
}
.item {
display: inline-block;
background: #fff;
padding: 1em;
margin: 0 0 1.5em;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.item img{ width:100%;}
.item1 {
display: inline-block;
background: #fff;
padding: 5px;
margin: 0 0 10px;
width: 95%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.item1 img{ width:100%;}
figure {
background: #3f1f0f;
padding: 0;
margin: 0;
}
figure img {
opacity: 1;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out; display: block;
}
figure:hover img {
opacity: .5;
}
.sd-right-col ul, .sd-right-col ol {
list-style: none;
margin: 0;
padding: 0;
}
.sd-recent-widget-thumb {
float: left;
height: 65px;
margin-right: 20px;
width: 100px;
}
.sd-right-col img, .sd-right-col select {
max-width: 100%;
}
.sd-recent-posts-content {
overflow: hidden;
}
.sd-recent-posts-content h4 {
font-size: 16px;
padding-bottom: 0;
}
.sd-recent-date {
font-size: 12px;
}
.marginright15 {margin-right:15px;}
.margintop15{margin-top:15px;}
.margintop0{margin-top:0px;}
.marginright0{margin-right:0px;}
.paddingleft0{padding-left:0px;}
.paddingright0{padding-right:0px;}
.paddingtop0{padding-top:0px;}
.paddingbottom0{padding-bottom:0px;}
.formdattiec {float: left;
width: 48%;
margin-right: 10px;}
header.carousel {
height: 100%;
}
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
height: 100%;
}
header.carousel .fill {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
/* 404 Page Styles */
.error-404 {
font-size: 100px;
}
/* Pricing Page Styles */
.price {
font-size: 50px;
}
.price sup {
top: -20px;
left: 2px;
font-size: 20px;
}
.period {
display: block;
font-style: italic;
}
/* Footer Styles */
footer {
margin-top:2px;
}
/* Responsive Styles */
.khungtimkiem {background-color:#1870b8;}
.tour-block-header {
background: #F8F8F8;
margin-bottom: 0;
padding: 10px 20px;
border: 0;
font-size: 18px;
font-weight: 700;
color: red;
padding: 1px 0;
margin-bottom: 10px;
margin-right: 15px;
text-transform: uppercase;
}
.nen {background-color:#401f0c}
.nenfooter {background-color:#1870b8; padding:5px 0; color:#f0f0f0; font-size:15px;}
.nau {color:#fff; font-size:20px; text-transform:uppercase}
.nenfooter a {color:#f0f0f0}
.nenfooter a:hover {color:#eaff00}
.nenfooter ul { padding-left: 4px; list-style:none;}
.floatleft {float:left;}
.floatright {float:right;}
.font28 {font-size:28px;}
.wrapperheader {
width: 100%;
background-color: #1870b8;
}
.mang-xh {
width: 60px;
float: right; font-size:19px; color:#fbfe13;
}
.mang-xh a:hover {color:#FFFF00;}
.google-maps {
position: relative;
padding-bottom: 63%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.colorwhite {color:#FFFFFF;}
.topmenu {
margin-top: 4px;
}
.topmenu ul {
position: relative;
list-style: none; margin-bottom:0px; padding-left:0;
}
.topmenu ul >li:first-child {
padding-left: 0px;
}
.topmenu ul >li {
float: left;
padding: 0 13px;
position: relative;
border-right: 1px solid #dbdbdb;
}
.topmenu ul >li >a {
display: block;
color: #fff;
text-decoration: none;
cursor: pointer;
font-size: 13px;
}
.topmenu ul >li >a:hover {
color:#3a1b07;
}
.nopadright {
border-right:none; padding-right:0px;
}
.nopadleft {
padding-left:0px;
}
.hotlineright {
float: right;
text-align:right;
margin-top: 2px;
color: #fbfe13;
}
.dangkynhanbantin {
float: left; padding-left:0px;
text-align:left;
margin-top: 7px;
font-size: 15px;
color: #fbfe13;
}
.flipkart-navbar-input {
padding: 2px 16px;
border-radius: 2px 0 0 2px;
border: 0 none;
outline: 0 none;
font-size: 15px;
}
.flipkart-navbar-button {
background-color: #ffe11b;
border: 1px solid #ffe11b;
border-radius: 0 2px 2px 0;
color: #565656;
padding: 7px 0;
height: 31px;
cursor: pointer;
}
.cart-button {
background-color: #2469d9;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23), inset 1px 1px 0 0 hsla(0, 0%, 100%, .2);
padding: 10px 0;
text-align: center;
height: 41px;
border-radius: 2px;
font-weight: 500;
width: 120px;
display: inline-block;
color: #FFFFFF;
text-decoration: none;
color: inherit;
border: none;
outline: none;
}
.cart-button:hover{
text-decoration: none;
color: #fff;
cursor: pointer;
}
.cart-svg {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 8px;
}
.martop20 {margin-top:20px;}
/***********/
.tr_mobile
{
display:none!important;
}
.tr_pc
{
display:block!important;
float: right;
}
#fh5co-primary-menu >li >a{
color: #1870b8;
padding: 2.4em 0.7em !important;
font-weight: normal;
border-left: none;
border-top: none;
border-top: none;
text-decoration: none;
zoom: 1;
font-size: 15px;
border-bottom: none !important;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
/*hover*/
#fh5co-primary-menu >li >a:hover{
background: #e6e6e6 !important;
color: #000 !important;
}
#fh5co-primary-menu >li.current >a {
background: #e6e6e6 !important;
color: #000 !important;
}
#fh5co-primary-menu .fh5co-sub-menu {
padding: 10px 7px 10px;
background: #fff; z-index:9999;
left: 0;
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
#fh5co-primary-menu .fh5co-sub-menu > li > .fh5co-sub-menu {
left: 100%;
}
#fh5co-primary-menu .fh5co-sub-menu a {
letter-spacing: 0;
padding: 0 15px;
font-size: 17px;
line-height: 30px;
color: #575757 !important;
text-transform: none;
background: none;
}
#fh5co-primary-menu .fh5co-sub-menu a:hover {
color: #ed1c24 !important;
background: none !important;
}
#fh5co-menu-wrap {
position: relative;
display: block;
float: right;
}
.fh5co-sub-menu1 {list-style: none;
margin-left: 0;
padding-left: 0; color:#c7c7c7;}
.fh5co-sub-menu1 a{ color:#c7c7c7;}
.fh5co-sub-menu1 a:hover{ color:#FFFFFF; text-decoration:none}
/* Superfish Override Menu */
.sf-menu {
margin: 0 !important;
}
.sf-menu {
float: right;
}
.sf-menu ul {
box-shadow: none;
border: transparent;
min-width: 14em;
*width: 14em;
}
.sf-menu a {
color: rgba(0, 0, 0, 0.8);
padding: 2.4em 1em !important;
font-weight: normal;
border-left: none;
border-top: none;
border-top: none;
text-decoration: none;
zoom: 1;
font-size: 16px;
border-bottom: none !important;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1px;
}
.sf-menu a:hover, .sf-menu a:focus, .sf-menu a.active {
background: #e6e6e6 !important;
color: #000 !important;
}
.sf-menu li,
.sf-menu ul li,
.sf-menu ul ul li,
.sf-menu li:hover,
.sf-menu li.sfHover {
background: transparent;
}
.sf-menu ul li a,
.sf-menu ul ul li a {
text-transform: none;
padding: 0.25em 1em !important;
letter-spacing: 1px;
}
.sf-menu li:hover a,
.sf-menu li.sfHover a,
.sf-menu ul li:hover a,
.sf-menu ul li.sfHover a,
.sf-menu li.active a {
color: #000;
}
.sf-menu ul li:hover,
.sf-menu ul li.sfHover {
background: transparent;
}
.sf-menu ul li {
background: transparent;
}
.sf-arrows .sf-with-ul {
padding-right: 2.5em;
*padding-right: 1em;
}
.sf-arrows .sf-with-ul:after {
border: none!important;
@include icomoon();
position: absolute;
float: right;
margin-right: 0px;
// top: 15px;
top: 50%;
margin-top: -7px;
content: "\e922";
color: rgba($brand-black,.4);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: #ccc;
}
.sf-arrows ul .sf-with-ul:after {
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #ccc;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: #ccc;
}
.fh5co-tours > div {
display: block;
color: #000;
position: relative;
bottom: 0;
overflow: hidden;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s; border:1px solid #f1f1f1; background-color:#f1f1f1
}
.fh5co-tours > div img {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.fh5co-tours > div .desc {
position: relative;
bottom: 0;
left: 0;
right: 0; min-height:256px;
padding: 10px;
z-index: 12; font-size: 14px;
}
.fh5co-tours > div .desc h3 {
color: #ed1c24;
margin: 0;
font-size: 17px; text-align:left;
font-weight: 400;
margin-bottom: 5px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; height: 54px;
overflow: hidden;
}
.fh5co-tours > div .desc span {
display: block;
color: #2e2e2e;
margin-bottom: 5px;
}
.fh5co-tours > div .desc .price {
font-size: 20px;
font-weight: bold;
color: #ed1c24;
}
.fh5co-tours > div .desc .btn {
opacity: 1;
border: 2px solid #fff !important;
color: #fff !important;
letter-spacing: 1px !important;
font-weight: 400 !important;
}
.fh5co-tours > div .desc .btn:hover, .fh5co-tours > div .desc .btn:focus, .fh5co-tours > div .desc .btn:active {
border: 2px solid #ed1c24 !important;
background: #ed1c24 !important;
color: #fff !important;
}
.fh5co-tours > div:hover {
-webkit-box-shadow: 0px 18px 11px -10px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 18px 11px -10px rgba(0, 0, 0, 0.75);
box-shadow: 0px 18px 31px -10px rgba(0, 0, 0, 0.75);
}
.logomobile { display:none!important;}
@media screen and (max-width: 500px) {
.navbar-brand img {width:100% !important}
}
@media screen and (max-width: 1000px) {
.noidung img {width:100% !important}
.tr_pc, .logomaytinh
{
display:none!important;
}
.logomobile { display:block!important; text-align: center;
}
.logomobile img{ }
}
@media screen and (max-width: 400px) {
.logomobile {float:none; margin-left: 0px;
padding-left: 0px; }
}
@media screen and (max-width: 768px) {
.fh5co-tours > div:hover:after {
opacity: 0;
visibility: hidden;
}
}
.fh5co-tours > div:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
@media screen and (max-width: 768px) {
.fh5co-tours > div:hover img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
#fh5co-destination {
width: 100%;
padding: 0;
margin: 0;
}
#fh5co-destination-list {
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
position: relative;
float: left;
padding: 0 !important;
margin: 0 !important;
width: 100%;
}
#fh5co-destination-list li {
display: table;
padding: 0;
margin: 0;
list-style: none;
min-height: 220px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
float: left;
clear: left;
position: relative;
}
@media screen and (max-width: 480px) {
#fh5co-destination-list li {
margin-left: 0;
}
}
#fh5co-destination-list li .title-bg {
min-height: 220px;
padding: 2em;
position: relative;
width: 100%;
display: table-cell;
vertical-align: middle;
background: #ae0e14;
z-index: 12;
}
#fh5co-destination-list li .title-bg h2 {
color: #fff;
margin-bottom: 20px;
font-size: 40px;
}
#fh5co-destination-list li .title-bg span {
text-transform: uppercase;
letter-spacing: 2px;
}
#fh5co-destination-list li .title-bg span a {
color: #fff;
font-size: 13px;
font-weight: 400;
border: 1px solid #fff;
padding: 5px 7px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
@media screen and (max-width: 768px) {
#fh5co-destination-list li .title-bg h2 {
font-size: 24px;
}
}
#fh5co-destination-list li:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 8;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
#fh5co-destination-list li > a {
min-height: 220px;
padding: 2em;
position: relative;
width: 100%;
display: table-cell;
vertical-align: middle;
z-index: 12;
}
#fh5co-destination-list li > a:after {
position: absolute;
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
content: "";
border: 2px solid rgba(255, 255, 255, 0.8);
opacity: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
#fh5co-destination-list li > a .case-studies-summary {
width: auto;
}
@media screen and (max-width: 768px) {
#fh5co-destination-list li > a .case-studies-summary {
bottom: 1em;
left: 1em;
right: 1em;
}
}
#fh5co-destination-list li > a .case-studies-summary span {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 13px;
color: rgba(255, 255, 255, 0.7);
}
#fh5co-destination-list li > a .case-studies-summary h2 {
color: #fff;
margin-bottom: 0;
font-size: 24px;
font-weight: 400;
-webkit-transition: 0.1s;
-o-transition: 0.1s;
transition: 0.1s;
}
@media screen and (max-width: 768px) {
#fh5co-destination-list li > a .case-studies-summary h2 {
font-size: 24px;
}
}
#fh5co-destination-list li:hover:after {
-webkit-box-shadow: inset 0px 0px 91px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: inset 0px 0px 91px 0px rgba(0, 0, 0, 0.75);
-ms-box-shadow: inset 0px 0px 91px 0px rgba(0, 0, 0, 0.75);
-o-box-shadow: inset 0px 0px 91px 0px rgba(0, 0, 0, 0.75);
box-shadow: inset 0px 0px 91px 0px rgba(0, 0, 0, 0.75);
background: rgba(0, 0, 0, 0.3);
}
#fh5co-destination-list li:hover > a:after {
opacity: 1;
}
#fh5co-destination-list li:hover > a .case-studies-summary h2 {
margin-top: -5px;
}
#fh5co-destination-list li.two-third {
width: 65.6%;
}
@media screen and (max-width: 768px) {
#fh5co-destination-list li.two-third {
width: 49%;
}
}
@media screen and (max-width: 480px) {
#fh5co-destination-list li.two-third {
width: 100%;
}
}
#fh5co-destination-list li.one-third {
width: 32.3%;
}
@media screen and (max-width: 768px) {
#fh5co-destination-list li.one-third {
width: 49%;
}
}
@media screen and (max-width: 480px) {
#fh5co-destination-list li.one-third {
width: 100%;
}
}
#fh5co-destination-list li.one-forth {
width: 25%;
}
@media screen and (max-width: 768px) {
#fh5co-destination-list li.one-forth {
width: 49%;
}
}
@media screen and (max-width: 480px) {
#fh5co-destination-list li.one-forth {
width: 100%;
}
}
#fh5co-destination-list li.one-half {
width: 50%;
}
@media screen and (max-width: 480px) {
#fh5co-destination-list li.one-half {
width: 100%;
}
}
.fh5co-blog .blog-text {
margin-bottom: 30px;
position: relative;
background: #fff;
width: 100%;
padding: 10px;
float: right;
-webkit-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
-moz-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
}
.fh5co-blog .blog-text span {
display: inline-block;
margin-bottom: 20px;
}
.fh5co-blog .blog-text span.posted_by {
font-style: italic;
color: rgba(0, 0, 0, 0.3);
font-size: 18px;
}
.fh5co-blog .blog-text span.comment {
float: right;
}
.fh5co-blog .blog-text span.comment a {
color: rgba(0, 0, 0, 0.3);
}
.fh5co-blog .blog-text span.comment a i {
color: #ed1c24;
padding-left: 7px;
}
.fh5co-blog .blog-text h3 {
font-size: 16px;
margin-bottom: 20px;
font-weight: 400;
line-height: 1.5;
}
.fh5co-blog .blog-text h3 a {
color: rgba(0, 0, 0, 0.6);
}
.desctour {
position: relative;
bottom: 0;
left: 0;
right: 0;
padding: 10px; padding-left:5px;
z-index: 12; font-size: 15px;
}
.desctour h3 {
color: #ed1c24;
margin: 0;
font-size: 18px;
font-weight: 400;
margin-bottom: 5px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; min-height:40px
}
.desctour span {
display: block;
color: #2e2e2e;
margin-bottom: 5px;
}
.desctour .price {
font-size: 20px;
font-weight: bold;
color: #ed1c24;
}
.desctour .btn {
opacity: 1;
border: 2px solid #fff !important;
color: #fff !important;
letter-spacing: 1px !important;
font-weight: 400 !important;
}
.desctour .btn:hover, .desctour .btn:focus, .desctour .btn:active {
border: 2px solid #ed1c24 !important;
background: #ed1c24 !important;
color: #fff !important;
}
.img-responsive {max-width: 100%;
height: auto;}
.menu_active, .grid{display:none;}
.d_mneu_mobile
{
width: 55px;
margin-top: 15px;
float: left;
position: relative;
height:45px;
overflow:hidden;
}
.slide-show {width:100%;}
.slide-show img{max-width:100%; }
#mask {
position: absolute;
left: 0;
top: 0;
z-index: 9000;
background-color: #000;
display: none;
}
#boxes .window {
position: absolute;
left: 0;
top: 0;
display: none;
z-index: 9999;
text-align: center;
}
#boxes #dialog {
width: 50%;
height: auto;
}
#boxes #dialog img{width:100%;}
#popupfoot {
width: 50px; height:50px; position: absolute;
top: 00px;
right: 0px;
}
@media screen and (max-width: 1207px) {
.glossymenu >li >a {
padding: 10px 14px;
}}
@media screen and (max-width: 1024px) {
.tr_mobile
{
display:none!important;
}
.tr_pc
{
display:block!important;
}
}
@media screen and (max-width: 1000px) {
.topmenu{
display:none!important;
}
.tr_mobile
{
display:block!important;
}
.tr_pc
{
display:none!important;
}
}
.hinhquangcao img{ width:100%; margin-bottom:10px;}
ul.twocol {
margin-left: 10px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
column-gap: 30px;
-moz-column-gap: 30px;
}
.motar{ line-height: 21px;
text-align: left;}
.table_loaiphong{
color: #0090ce;
}
.table_loaiphong button{background: #0090D0;color: #fff;border: none;padding: 3px 10px;border-radius: 5px;height: 31px;margin: 5px 0px;transition: all 0.5s;outline: none;}
.table_loaiphong button:hover{background: #FF7800;}
.title_loaiphong{background: #efefef;font-weight: bold;color: #0090ce;text-align: left;border-bottom: 2px solid rgba(179, 172, 172, 0.48);font-size: 15px;}
.table_loaiphong{ border:1px solid #ccc}
.list_tiennghi{
float: left;
width: 100%;
margin-bottom: 5px;
}
.list_tiennghi li{
float: left;
width: 33%; list-style:none;
background: url(../images/img_check.png) 5px 4px no-repeat;
padding-left: 26px;
}
.list_tiennghi li span{
font-weight: bold;
color: #808080;
}
.list_tiennghi li img{}
.title_hotel_detail{
float: left;
width: 100%;
border-bottom: 1px solid #ccc;
padding-bottom: 7px;
margin-bottom: 11px;
margin-top: 10px;
}
.title_hotel_detail span{
font-weight: bold;
font-size: 24px;
color: #075084;
}
.list_btn{float: left;width: 100%;text-align: right;}
.list_btn li{
display: inline-block;
}
.list_btn a{
background: #757575;
padding: 7px 15px;
border-radius: 3px;
font-size: 18px;
color: #ffffff;
text-transform: uppercase;
}
.list_btn li:nth-child(2) a{ background:#ff7800}
.csstour h4 {margin-top:0px;}
.csstour a:hover{color:#FF0000}
.fh5co-khachsan > div {
display: block;
color: #000;
position: relative;
bottom: 0;
overflow: hidden;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s; border:1px solid #f1f1f1; background-color:#f1f1f1
}
.fh5co-khachsan > div img {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.fh5co-khachsan > div .desc {
position: relative;
bottom: 0;
left: 0;
right: 0;
padding: 4px;
z-index: 12; font-size: 14px;
}
.fh5co-khachsan > div .desc h3 {
color: #ed1c24;
margin: 0;
font-size: 17px; text-align:left;
font-weight: 400;
margin-bottom: 5px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
overflow: hidden;
}
.fh5co-khachsan > div .desc span {
display: block;
color: #2e2e2e;
margin-bottom: 5px;
}
.fh5co-khachsan > div .desc .price {
font-size: 16px;
font-weight: bold;
color: #ed1c24;
}
.fh5co-khachsan > div .desc .btn {
opacity: 1;
border: 2px solid #fff !important;
color: #fff !important;
letter-spacing: 1px !important;
font-weight: 400 !important;
}
.fh5co-khachsan > div .desc .btn:hover, .fh5co-khachsan > div .desc .btn:focus, .fh5co-khachsan > div .desc .btn:active {
border: 2px solid #ed1c24 !important;
background: #ed1c24 !important;
color: #fff !important;
}
.fh5co-khachsan > div:hover {
-webkit-box-shadow: 0px 18px 11px -10px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 18px 11px -10px rgba(0, 0, 0, 0.75);
box-shadow: 0px 18px 31px -10px rgba(0, 0, 0, 0.75);
}
@media screen and (max-width: 768px) {
.fh5co-khachsan > div:hover:after {
opacity: 0;
visibility: hidden;
}
}
.fh5co-khachsan > div:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
@media screen and (max-width: 768px) {
.fh5co-khachsan > div:hover img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
.preview-pic img{width:100%;}
.logomaytinh {float:left;}
.package-details-content .title {
margin: 10px 0 20px;
}
.package-details-choose {
margin-top: 0px;
}
/* why choose */
.package-details-choose ul {
list-style: none;
padding: 0;
margin: 0 -15px;
}
.package-details-choose ul i {
color: #8dc63f;
margin-right: 20px;
}
.package-details-choose ul li {
width: 50%;
float: left;
padding: 0 15px;
}
.package-details-choose ul li span {
border-bottom: 1px solid #eaeaea;
padding: 0;
display: block;
}
@media (max-width:991px){
.package-details-choose ul li{
width: 50% !important;
}
}
@media (max-width:480px){
.package-details-choose ul li{
width: 100% !important;
}
}