/** 
 * Holiday Template
 * http://www.templatemo.com/tm-475-holiday
 *
 * COLOR CODES
 * Yellow	#FCDD44
 *
 */

/* CSS Resets */
.iconhome:before {
    content: "\f015";
    padding-right: 6px;
    color: #FE980F;
    font-size: 16px;
}

.iconmuitentoi:before {
    content: "\f101";
    color: #f00;
    padding-right: 5px;
}
.icondow:before {
    content: "\f073";
    padding-right: 5px;
    font-size: 12px;
    color: #f00;
}
.iconhanhtrinh:before {
    content: "\f0da";
    padding-right: 6px;
    color: #FE980F;
    font-size: 16px;
}
.iconkhoihanh:before {
    content: "\f041";
    padding-right: 6px;
    color: #FE980F;
    font-size: 16px;
}
.icongia:before {
    content: "\f02b";
    padding-right: 6px;
    color: #FE980F;
    font-size: 16px;
}
.iconxem:before {
    content: "\f06e";
    padding-right: 6px;
    color: #FE980F;
    font-size: 16px;
}
.iconbando:before {
    content: "\f0ac";
    padding-right: 10px;
    color: #f00;
}
.iconfax:before {
    content: "\f1ac";
    color: #f00;
    padding-right: 5px;
}
.icondiadiem:before {
    content: "\f041";
  
    padding-right: 10px;
}

.iconhotlien:before {
    content: "\f095";
    padding-right: 10px;
}
.icontruycap:before {
    content: "\f012";
    color: #f00;
    padding-right: 10px;
}
.icononline:before {
    content: "\f007";
    color: #f00;
    padding-right: 10px;
}
.iconmail:before {
    content: "\f003";
    color: #f00;
    padding-right: 8px;
}
.iconmuachung:before {
    content: "\f007";
    padding-right: 6px;
}
.iconthoigian:before {
    content: "\f017";
    padding-right: 6px;
}
.icondanhmuc:before {
    content: "\f07c";
    padding-right: 5px;
    color: #063;
}
.iconchuong:before {
    content: "\f0f3";
    padding-right: 6px;
}
.iconbnhxe:before {
    content: "\f085";
    padding-right: 6px;
        margin-left: 7px;
        color: #ff0;
}
.iconxemtiep:before {
    content: "\f0a4";
    padding-right: 6px;
    font-size: 14px;
}
.iconnguoiduyet:before {
    content: "\f007";
    padding-right: 6px;
    color: #ccc;
}
.fonthotlinedt {
 font-size: 2.4em;
    color: #ff0;
    padding: 0px;
    -moz-box-shadow: 10px 10px 5px #000;
    margin-bottom: 17px;
    width: 100%;
    text-align: center;
  
}
h5 {
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 2px;
    margin-top: 2px;
}

.rowbg {
    margin: auto;
    width: 100%;
}


.titletctl {
    border: 0px solid #fff;
    padding: 30px;
}
.textmotatc {
  font-size: 1em;
    color: #fff;
    text-align: left;
    font-family: arial;
    font-weight: normal;
    line-height: 21px;
    text-align: justify;
}
.bgdiachi{
    background: #ed3237; 
    width: 92%; 
    border: 0px solid #fff;
}

.hinhiconsp {
    padding: 3px;
    width: 8%;
    padding-right: 13px;
}
.fonttendiachicty{
font-size: 1.1em;
    width: 62%;
    text-align: right;
    color: #f00;
    float: left;
    margin-top: -3px;
}
.fonthotline{
    font-size: 1.2em;
    width: 75%;
    text-align: right;
    color: #f00;
    margin-top: 11px;
    line-height: 12px;
}
.fonthotlineks{
    font-size: 1.2em;
    width: 75%;
    text-align: right;
    color: #f00;
    margin-top: 11px;
    line-height: 12px;
}
.fontmail{
    font-size: 1.1em;
    width: 100%;
    text-align: right;
    color: #f00;
    margin-top: 11px;
    line-height: 12px;
}
.tieudehotline {
    font-size: 30px;
    color: #fff;
    padding: 30px;
    text-align: center;
}

.bghinhnoibat {
    background: #f1f1f1;
    margin-top: 136px;
    width: 100%;
    display: block;
    margin-bottom: 15px;
}
.bghinhnoibatxoab {
    background: #f1f1f1;
    margin-top: 150px;
    width: 100%;
    display: block;
    margin-bottom: 15px;
}
.hinhsidetc{
    margin-top: 156px;
}
.bgtopnd{
    margin-top: 0px;
}


/* muc thiet ke */
.bgthietke {
    width: 100%;
    max-width: 575px;
    margin-bottom: 0px;
    border: 1px solid #ccc;
        margin: auto;
    float: left;
}

.bgthietke:hover {
    width: 100%;
    max-width: 575px;
    margin-bottom: 0px;
    border: 1px solid #063;
    margin: auto;
    float: left;
}
.imgthietke{
    display: block;
    max-width: 100%;
    height: 430px;
    width: 100%;
    padding: 10px;
    float: left;
}
.imgthietke:hover{
    display: block;
    max-width: 100%;
    height: 430px;
    width: 100%;
    padding:20px;
    float: left;
}

.bgtieudetk {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 0.7em;
    text-transform: uppercase;
}

.bgthicong{
        width: 545px;
    max-width: 100%;
    height: auto;
}
.tieudethicong{
    font-size: 1.2em;
    line-height: 19px;
    text-align: center;
    height: auto;
    margin-bottom: 5px;
    margin-top: 20px;
}
.motathicong{
    text-align: justify;
    overflow: hidden;
    height: 86px;
}
.bghinhthicong{
  height: auto;
  width: 100%;
  border: 1px solid #f1f1f1;  
}
.imghinhthicong {
     height: auto;
    width: 100%;
    padding: 7px;
    border: 0px solid #f1f1f1;
    padding-top: 2px;
    margin-top: 7px;
}

.imghinhthicong:hover {
    height: auto;
    width: 100%;
    padding: 7px;
    border: 0px solid #063;
    padding: 5px;
    margin-top: 7px;
    
}
/* muc thiet ke  */

.fonttieudefooter{
     padding-left: 0px;
    color: #f00;
    text-align: left;
    font-weight: bold;
    font-size: 1.3em;
}
.hinhdv{
 padding: 5px;   
}
.hinhdv:hover{
 padding: 10px;   
}
.hinhbatc {
 margin-left: 0px;
    margin-top: -64px;
    max-width: 34px;
    height: 30px;
    text-align: center;
}

.hinhtintuc{
    width: 100%;
    height: 270px;
    padding: 5px;
}
.hinhtintuc:hover{
    width: 100%;
    height: 270px;
    padding: 10px;
}
/* CSS tieu de dich vu */

.gbfontspct {
    border-right: 1px solid #ccc;
    height: 70px;
    padding-top: 20px;
    text-align: center;
}
.gbfontspcttren {
    color: #ff0;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.gbfontxsspct {
    border-right: 0px solid #ccc;
    height: 70px;
    padding-top: 20px;
    text-align: center;
}

.tm-about-box-splq {
    height: 100%;
    /* padding: 6px; */
    text-align: center;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    width: 94%;
    max-height: 427px;
    margin-left: 8px;
   
    height: 383px;
}
.tm-about-box-splq:hover {
    height: 100%;
    /* padding: 6px; */
    text-align: center;
    border: 1px solid #063;
    margin-bottom: 30px;
    width: 94%;
    max-height: 427px;
    margin-left: 8px;

    height: 383px;
}
/* CSS tieu de dich vu */

.hinhqcgiua{
width: 100%; 
height: auto;
 padding: 10px;
 }
 
 .hinhqcgiua:hover{
width: 100%; 
height: auto;
 padding: 4px;
 border: 1px solid #ccc;
 }

/* CSS noi dung */
.iconhoc:before {
    content: "\f021";
    padding-right: 6px;
    margin-left: 10px;
}
.fontieudetcweb {
    color: #063;
    /* font-weight: 600; */
    font-size: 1.2em;
    font-family: arial;
}

.hinhleftsp {
    height: 340px;
    width: 94%;
    margin-left: 8px;
    margin-right: 8px;
}


.contact-social .tm-social-icon:last-child { margin-right: 0; }

 
.margin-bottom-20 {
    margin-bottom: 20px;
    font-weight: bold;
    height: auto;
}
.gray-text {
    color: #333;
}
a, p {
    font-family: "Arial", Helvetica, Roboto, Arial, sans-serif;
}
.tm-tours-box-1-link-left, .tm-tours-box-1-link-right {
    color: white;
    height: 60px;
}

@media screen and (max-width: 1199px) {
	.tm-banner-title { font-size: 50px; }
	.tm-banner-subtitle { font-size: 30px; }
	.tm-home-section-1 { top: -20px; }
	.tm-home-box-1 {
		width: 300px;
		height: 388px;
	}
	.hotel-search-form .form-group { margin-bottom: 18px; }
	.tm-home-box-2-description { padding-bottom: 15px; }
	.tm-home-box-3 {
		margin-left: auto;
		margin-right: auto;
	}

	.tm-contact-box-1 {	padding: 30px; }
	.contact-image { max-width: 450px; }
	.contact-text {	max-width: 400px; }
	.flexslider.flexslider-about .slides img { width: 450px;	}	
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
	.tm-home-box-2-description { width: 94px; }
	.tm-home-box-2-icon {
		padding: 18px;
		width: 55px;
		height: 55px;
	}
	.tm-home-box-3-description { padding-bottom: 47px; }
}

@media screen and (max-width: 991px) {
	.tm-home-box-1 {
		margin-bottom: 50px;
		width: 346px;
		height: 436px;
	}
	.hinhsidetc{
    margin-top: 60px;
}
.bghinhnoibat {
    background: #f1f1f1;
    margin-top: 36px;
    width: 100%;
    display: block;
    margin-bottom: 15px;
}
}

@media screen and (max-width: 767px) {
	
	/* http://www.impressivewebs.com/animate-display-block-none/
	 * Comment by Jon Christensen
	 */
	.tm-nav.show {
		opacity: 1;
		height: auto;
		transition: opacity 1s, height 0;
	}
    .bgtopnd{
    margin-top: 150px;
}
.titletctl {
    border: 0px solid #fff;
    padding: 10px;
}
    .fontieudetcweb{
color: #063;
     font-weight: 500; 
    font-size: 1em;
    font-family: arial;
    } 
    .bgdiachi{
    background: #ed3237; 
    width: 98%; 
    border: 0px solid #fff;
}
.fonttencty {
    font-size: 1.5em;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0px;
    margin-top: 0px;
    float: left;
    padding-top: 3px;
}
.hinhsidetc{
    margin-top: 60px;
}
.fonthotline {
    font-size: 1em;
    width: 100%;
    text-align: left;
    color: #ff0;
    padding-left: 0px;
}
.fonttendiachicty {
    font-size: 1em;
    width: 100%;
    text-align: left;
    color: #fff;
    padding-left: 0px;
}
    .bghinhnoibat {
    background: #fff;
    margin-top: 36px;
    width: 100%;
}
.bghinhnoibatxoab {
    background: #f1f1f1;
    margin-top: 36px;
    width: 100%;
    display: block;
    margin-bottom: 15px;
}
.fonttieudefooter{
     padding-left: 0px;
    color: #f00;
    text-align: left;
    font-weight: bold;
    font-size: 1.3em;
}
}

@media screen and (max-width: 600px) {
	.col-xxs-12 { width: 100%; }
    
    .section-trangchu-top { margin-top: 50px;	}
	.section-margin-top { margin-top: 50px;	}
	.tm-banner-title {
    	font-size: 30px;
	}
.titletctl {
    border: 0px solid #fff;
    padding: 10px;
}
    .bgtopnd{
    margin-top: 150px;
}
    .bghinhnoibat {
    background: #fff;
    margin-top: 54px;
    width: 100%;

}
.bghinhnoibatxoab {
    background: #f1f1f1;
    margin-top: 36px;
    width: 100%;
    display: block;
    margin-bottom: 15px;
}
    .bgdiachi{
    background: #ed3237; 
    width: 98%; 
    border: 0px solid #fff;
}
.hinhsidetc{
    margin-top: 60px;
}
.fonthotline {
    font-size: 1.1em;
    width: 100%;
    text-align: left;
    color: #ff0;
    padding-left: 0px;
}
.fonttendiachicty {
    font-size: 1.1em;
    width: 100%;
    text-align: left;
    color: #fff;
    padding-left: 0px;
}

    .logo{
    padding-top: 4px; 
    width: 58%;
}
.hinhsidetc {
    height: auto;
    width: 100%;
    margin-top: 50px;
}
  .hinhbatc {
 margin-left: 0px;
    margin-top: -84px;
    max-width: 34px;
 
    text-align: center;
} 
.fonttieudefooter{
     padding-left: 0px;
    color: #f00;
    text-align: left;
    font-weight: bold;
    font-size: 1.3em;
}
     
}

@media screen and (max-width: 420px) {
	.tm-banner-title { font-size: 20px;	}
	.tm-banner-subtitle { font-size: 12px; }
	.tm-banner-link { padding: 5px 10px; }
	.tm-tours-box-1-info-left,
	.tm-tours-box-1-info-right {
		float: none;
		width: 100%;
	}
    h1,h2,h3 {
	margin: 0;
	padding: 0;
}
.titletctl {
    border: 0px solid #fff;
    padding: 10px;
}
.fonttieudefooter{
     padding-left: 0px;
    color: #f00;
    text-align: left;
    font-weight: bold;
    font-size: 1.3em;
}
    .bghinhnoibat {
    background: #fff;
    margin-top: 36px;
    width: 100%;
  
}
.bghinhnoibatxoab {
    background: #f1f1f1;
    margin-top: 36px;
    width: 100%;
    display: block;
    margin-bottom: 15px;
}
    .bgdiachi{
    background: #ed3237; 
    width: 98%; 
    border: 0px solid #fff;
}
.hinhsidetc{
    margin-top: 60px;
}
.fonthotline {
    font-size: 1em;
    width: 100%;
    text-align: left;
    color: #ff0;
    padding-left: 0px;
}
.fonttendiachicty {
    font-size: 1em;
    width: 100%;
    text-align: left;
    color: #fff;
    padding-left: 0px;
}

.hinhsidetc {
    height: auto;
    width: 100%;
    margin-top: 50px;
}

.logo{
    padding-top: 4px; 
    width: 58%;
}
h1,h2,h3,h4,h5 { font-family: Raleway, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;  font-size: 12px; margin-bottom: 7px;
    line-height: 1.3; font-weight: 600; }
    
a,p { font-family: Raleway, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;  font-size: 12px;  line-height: 1.3;  }   
a:hover,
a:focus {
	text-decoration: none;
    color: #f00;
}
    .rowbg {
    margin: auto;
    width: 90%;
}
   .hinhbatc {
 margin-left: 0px;
    margin-top: -84px;
    max-width: 34px;
    padding: te;
    text-align: center;
}
}

@media screen and (max-width: 400px) {
	.tm-section-title {	font-size: 20px; }
    
    .rowbg {
    margin: auto;
    width: 90%;
}
    .bghinhnoibat {
    background: #fff;
    margin-top: 36px;
    width: 100%;
  
}
.titletctl {
    border: 0px solid #fff;
    padding: 10px;
}
.hinhsidetc{
    margin-top: 60px;
}
.bghinhnoibatxoab {
    background: #f1f1f1;
    margin-top: 36px;
    width: 100%;
    display: block;
    margin-bottom: 15px;
}
.fonttieudefooter{
     padding-left: 0px;
    color: #f00;
    text-align: left;
    font-weight: bold;
    font-size: 1.3em;
}
    .bgdiachi{
    background: #ed3237; 
    width: 98%; 
    border: 0px solid #fff;
}

.fonthotline {
    font-size: 1em;
    width: 100%;
    text-align: left;
    color: #ff0;
    padding-left: 0px;
}
.fonttendiachicty {
    font-size:1em;
    width: 100%;
    text-align: left;
    color: #fff;
    padding-left: 0px;
}


.logo{
    padding-top: 4px; 
    width: 58%;
}
    .bgtopnd{
    margin-top: 150px;
}
.bghinhnoibat {
    background: #e1e8ef;
    margin-top: 186px;
    width: 100%;
  
}
.bgtopmenu{
 background: #ccc;
    height: 38px;
    width: 100%;
    position: !important;

    margin-top: -40px;
    
    }
.hinhsidetc {
    height: auto;
    width: 100%;
    margin-top: 50px;
}
.hinhbatc {
 margin-left: 0px;
    margin-top: -84px;
    max-width: 34px;
    padding: te;
    text-align: center;
}

}