/*
Theme Name: HoangHaiLongHotelTheme
Theme URI: http://www.citypassguide.com
Author: City Pass Guide team
Author URI: http://www.citypassguide.com/
Description: a WordPress theme for Hotels / Motels
Template: wp_philoxenia5-v1.2.1
Version: 1.0
License: GNU General Public License
*/

@import url("homeimage2.css");
.page #gallery-1 .gallery-item,.page #gallery-2 .gallery-item,.page #gallery-4 .gallery-item  {

  width: 25%;
}
#page .hero-content h2{
    margin-top:385px;
}

.footer .three{
    width:340px;
}
.footer .three .textwidget {
    min-width: 440px;
}
#page > #header-wrap {
  border-bottom: 4px solid #000000;
}

html.vi #page .hero-content h2 {
    font-family: "Droid Serif";
}
html.vi #booking input[type="submit"]{
    font-family: "Droid Serif";
}

#page .hero-content{
    margin-top:-50px;
}
#main-wrap-outer.mobile{
    margin-top:0px
}
#page .wrap-outer-page{
    margin-top:0px !important;
}
#page #hero{
    height:485px;
    position:relative;
    margin-top:-100px;
}
nav .collapse{
    display:none;
}
.center{
    margin:0 auto;
}
.three_quarters{
    width:75%;
}
.wpcf7-form-control.wpcf7-submit {
  margin-top: 14px;
}
html.vi .widget-title{
    font:23px "Droid Serif",sans-serif
}
.newsletter input[type="email"] {
  background: none repeat scroll 0 0 #8F8063;
  color: #333230;
}
.newsletter input[type="email"] {
  border: medium none;
  font-style: italic;
  height: 23px;
  padding: 5px 10px;
  width: 210px;
}
.no-banner .hero-content h2{
    margin-top:103px !important;
}
#hero.no-banner{
    height:200px !important;
}
#qtrans_select_mqtranslate-chooser {
    left: 150px;
    position: absolute;
    top: 18px;
}
.footer {
    padding: 20px;
}
/*floatbanner-promotion*/
.float-banner-cover{
    position:absolute;
	z-index:1000;
	left:1%;
	top:530px; 
}
.float-banner{
	/*width:128px;*/
    max-width:300px;
}
.TA_logoWidget {
    padding-top: 3px;
}
.home-cols .TA_logoWidget img{
    width:32px;
    height:32px;
}
@media(max-width:1839px){
	.float-banner-cover{
		display:none; 
	}
}
.fancybox-wrap.fancybox-default.fancybox-opened{
	z-index:9999;
	background:lightgrey;
	border-radius:5px;
}
.fancybox-wrap.fancybox-default.fancybox-opened img{
	margin:0 auto;	
}
html.vi .slide-badge h2 {
    font: 26px 'Arial',sans-serif;    
}
.slide-badge h2{
    font-size:30px;
}
/*floatbanner-promotion*/
select 
{
    -webkit-appearance: none;
}
@media(max-width:768px){
    .col{
        width:100%;
    }
    .home-cols h3{
        text-align:center;
    }
    .home-cols img{
        width:95%;
        height:auto;
    }
    .social_network_icon{
        width:32px;
        height:32px;
    }
    .home-cols .TA_logoWidget img{
        width:32px;
        height:32px;
    }
    #page{
        padding-left:5px;
        padding-right:5px;
    }
    #content{
        width:100%;
    }
    #sidebar{
        width:100%;
    }
    form .half{
        width:100%;
    }
    form .half input {
        width:90%;
    }
    form .half select{
        width:93%;
    }
    .wrap{
        width:100%;
    }
    .full #content, #content{
        width:100% !important;
    }
    .page #gallery-1 .gallery-item,.page #gallery-2 .gallery-item,.page #gallery-4 .gallery-item {

      width: 90%;
      margin:2.5%;
    }
    #page #booking{
        height:auto;
        background:none;
        margin:0 auto;
        width:85%;
        min-width:320px;
    }
    #page #booking form{
        left:0px;
        padding:5px;
        border:1px solid #F1D399;
        text-align:center;
    }
    #page #booking p{
        float:none;
    }
    nav ul#nav{
        display:none;
        height:0px;
        transition: height 1.3s ease-in-out;
        -webkit-transition: height 1.3s ease-in-out;
        -moz-transition: height 1.3s ease-in-out;
        -o-transition: height 1.3s ease-in-out;
        -ms-transition: height 1.3s ease-in-out;
        
    }
    nav ul#nav li{
        float:none;
        width:100%;
    }
    nav .collapse{
        float:right;
        display:block;
    }
    nav.active ul#nav{
        transition: height 1.3s ease-in-out;
        -webkit-transition: height 1.3s ease-in-out;
        -moz-transition: height 1.3s ease-in-out;
        -o-transition: height 1.3s ease-in-out;
        -ms-transition: height 1.3s ease-in-out;
        height:auto;
        display:block;
        margin-top:20px;
        background-color:black;
        width:100%;
    }
    
    
    /*Fix for alignment on mobile*/
    .wrap{
        margin-left: 7px;
    }
    .wrap .newsletter{
        margin-left: -7px;
    }
    .hn form{
        padding-left: 0px;
    }
    #credits {
        text-align: center;
    }
    .mobile #main-wrap-inner {
        padding-top: 50px;
    }    
    #page #booking form {
        border: 0 none;
    }
    #room-gallery,#room-amenities,#room-photos{
        width:100%;
    }
    
    #room-amenities {
        padding-left:15px;
        float: left;
    }
    .jcarousel-skin-tango .jcarousel-container-horizontal {
        width: 72%;
    }
    .jcarousel-skin-tango .jcarousel-clip-horizontal {
        width: 95%;
    }
    #room-photos>a>img {
        width:98%;
        height:auto;
    }
    #room-amenities li {
        padding: 6px 0 3px 20px;
    }
}
footer {
	position: relative;
}
#subscribe{
	/*position: absolute;
	right:0;
	top: 0;*/
	display: block;
	clear: both;
}
#subscribe .daily-email {
    border-color: -moz-use-text-color #c9c0b6 -moz-use-text-color #949494;
    border-left: 1px solid #949494;
    border-right: 1px solid #c9c0b6;
    border-style: none solid;
    border-width: 0 1px;
    color: #343434;
    float: right;
    font-style: italic;
    font-weight: 300;
    height: 16px;
    padding: 8px;
    width: 285px;
}
#subscribe .button-send {
    float: right;
    position: relative;
    width: 100px;
	cursor: pointer;
}
#subscribe .glyphicon-envelope {
    color: #fff;
    font-size: 20px;
    left: 6px;
    position: absolute;
    top: 6px;
	
	display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}
.glyphicon-envelope:before {
	content: "\2709";
}
#subscribe .btnSend {
    background: none repeat scroll 0 0 #98632d;
    border: 0 none;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.44);
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 10px;
    text-transform: uppercase;
    width: 100%;
}