/*
Theme Name: VTrip
Theme URI: http://vn.ctrip.com/
Author: Lisa Team
Author URI: http://lisa.com.vn/
Description: Ã„ÂÃ¡ÂºÂ¡i LÄ‚Â½ BÄ‚Â¡n VÄ‚Â© MÄ‚Â¡y Bay VTrip
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Ã„ÂÃ¡ÂºÂ¡i LÄ‚Â½ BÄ‚Â¡n VÄ‚Â© MÄ‚Â¡y Bay http://vn.ctrip.com/g, ChuyÄ‚Âªn vÄ‚Â© quÃ¡Â»â€˜c tÃ¡ÂºÂ¿ & quÃ¡Â»â€˜c nÃ¡Â»â„¢i, Giao vÄ‚Â© tÃ¡ÂºÂ­n nÃ†Â¡i - cam kÃ¡ÂºÂ¿t giÄ‚Â¡ rÃ¡ÂºÂ», VÄ‚Â© MÄ‚Â¡y Bay TÃ¡ÂºÂ¥t CÃ¡ÂºÂ£ CÄ‚Â¡c HÄ‚Â£ng
Tel: 400-619-9999
Address: 
Text Domain: VTrip
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
html {display:table; width:100%;}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear2: both;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
/*  background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem; */
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}


/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	text-transform: uppercase;
	color: #636363;
}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}

/* Form fields, general styles first */
button,
input,
select,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}
button,
input {
	line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
	cursor: default;
}
.menu-toggle:hover,
.menu-toggle:focus,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border-color: transparent;
}
.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 0;
    box-shadow: none;
    border: 1px solid #eaeaea;
    padding: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.wp-caption {
    max-width: 100%;
    padding: 0;
    margin: 15px 0;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* Navigation */
.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}
#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous,
.previous-image {
	float: left;
	width: 50%;
}
.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
}
.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 0;
	margin: 3.428571429rem 0;
}

/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.author-info {
	border-top: 1px solid #ededed;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	overflow: hidden;
}
.author-description p {
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
	margin-top: 0;
}


/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */

body.custom-font-enabled { }

/*.site-content #content { float:left; width:72%; padding:15px; margin-top:20px; background:#fff; margin-bottom: 20px;}*/
#divQuickSearchFlight {width:305px;height: 100%; padding-top: 0 !important;}
.stick {
	position:fixed;
	top:0px;
}


#flight-seo .tab-content{padding:15px 0 !important;}
#flight-seo .tab-content #tab-home, #flight-seo .tab-content #tab-profile, #flight-seo .tab-content #tab-messages, #flight-seo .tab-content #tab-settings{float:left; width:25%;}



/* --------------------------------------- */
.footer_box {
  clear: both;
  zoom: 1;
  display:block;
}
.footer_box a:hover,
.footer_box a:active {}
.footer_box p { line-height:1.8em; margin:0; padding:0; }
.seo_box {text-align: left;padding: 20px 0 0;background-color: #2a4b77;zoom: 1;color: rgba(255,255,255,.8);margin-top: 10px;}
.seo_list {
  position: relative;
  max-width: 1170px;
  padding: 0 0 18px 4px;
  margin: 0 auto;
  -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -ms-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
}
.seo_list .tit {
    margin: 0;  font-weight: bold;
  font-size: 13px;
    margin: 10px 0;
}
.seo_list p + .tit {
  padding-top: 15px;
}
.seo_box a {
  color: #666; /*text-decoration: none;*/
}

/* --------------------------------------- */
.foot_link {background-color:#E5E5E5;}
.foot_link {
	overflow: hidden;
	padding: 10px 0px;
	background-color: #18355c;
	zoom: 1;
	text-align: center;
	color: rgba(255,255,255,.5);
}
.foot_link a{color:#666;}
.foot_link .foot_inner{display:inline-block; *display:inline; *zoom:1;text-align: left;}
.foot_link dl {
    margin: 0; padding: 0;
    clear:both;overflow:hidden; padding-bottom:5px;
	-webkit-transition:all 400ms ease-out;
	-moz-transition:all 400ms ease-out;
	-ms-transition:all 400ms ease-out;
	-o-transition:all 400ms ease-out;
	transition:all 400ms ease-out;
}
.foot_link dt {display:inline;padding-right:5px;font-weight:bold;}
.foot_link dd {display:inline;}


.copyright { overflow:hidden;padding:15px 0 35px;text-align:center; color:#666;}
.copyright p { margin:0; padding:0; }
.copyright .language_list { padding-top:5px;}
.copyright .language_list a {color:#4b4b4b;}
.copyright .language_list .icon {margin:0 15px 0 5px; width: 19px;}
.ico_cn, .ico_en, .ico_jp, .ico_kr, .ico_fr, .ico_de, .ico_es, .ico_ru, .ico_vn, .ico_hk, .ico_tw, .ico_mac, .ico_sg, .ico_my, .ico_th, .ico_uk, .ico_sgd, .ico_idr, .ico_myr, .ico_thb {width: 19px;height: 13px;}
.ico_tw, .ico_mac, .ico_sg, .ico_my, .ico_th, .ico_uk {background:url(images/icon_flag.png) no-repeat 0 0;}
.ico_cn {background-position:0 -64px;}
.ico_en {background-position:-32px -64px;}
.ico_jp {background-position:-64px -64px;}
.ico_kr {background-position:-96px -64px;}
.ico_fr {background-position:0 -80px;}
.ico_de {background-position:-32px -80px;}
.ico_es {background-position:-64px -80px;}
.ico_ru {background-position:-96px -80px;}
.ico_vn {background-position:0 -96px;}
.ico_hk {background-position:-32px -96px;}
.ico_mac {background-position:-20px 0;}
.ico_sg {background-position:-40px 0;}
.ico_my {background-position:-60px 0;}
.ico_th {background-position:-80px 0;}
.ico_us {background-position:-100px 0;}
.ico_uk {background-position:-120px 0;}
.ico_myr {background-position:0 -870px;}
.ico_idr {background-position:-30px -870px;}
.ico_sgd {background-position:-60px -870px;}
.ico_thb {background-position:-90px -870px;}

/* spread_app */
.spread_app{ text-align: center; display:inline-block; *display: inline; *zoom:1; margin-bottom: 20px; color:#666;}
.spread_app h3{font-weight:normal; margin-bottom: 20px;  line-height:1px; border-left:147px solid #ececec; border-right:147px solid #ececec; position: relative; padding-left: 20px; padding-right: 20px;}
.spread_app a{color:#666;}
.spread_app p a {display: inline-block; *display: inline; *zoom:1; padding:10px 15px;  border:1px solid #dedede; border-radius:6px; -webkit-transition:all 400ms ease-out; margin-right: 10px; vertical-align: middle;}
.spread_app p a:hover{
	-webkit-box-shadow: inset 0 2px 3px #bdcedf;
	-moz-box-shadow: inset 0 2px 3px #bdcedf;
	box-shadow: inset 0 2px 3px #bdcedf;
	border-color: #91a7c3;
}
.spread_app p a i{background:url(images/spread_app.jpg) no-repeat; display: inline-block; *display: inline; *zoom:1;}
.spread_app p .ios i{width: 138px; height:40px;}
.spread_app p .android i{width: 145px; height:40px; background-position: 0 -40px;}
.spread_app .dimensional{width: 86px; height:86px; background:url(images/app_dimensional.png) no-repeat; display: inline-block; *display:inline; *zoom:1; vertical-align: middle;}
.flytrip-cc-dd > div img {
    margin-top: 0;
}
.alignleft {
    margin-right: 15px;
    margin-bottom: 15px;
}
.alignright{
    margin-left: 15px;
    margin-bottom: 15px;
}
a.HOT span {
    position: absolute;
    top: 5px;
    right: 2px;
    width: 24px;
    height: 15px;
    background: url(images/hot.gif);
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 0;
}
a.HOT {
    font-weight: bold;
    position: relative;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #00AEEF !important;
}
/*hinh thuc thanh toan*/
.modal-ticketing, .md-payments {
		list-style: none;
		margin: 0;
		display: table;
		width: 100%;
	}
	.modal-ticketing li {
		display:table;
		width: 49.5%;
		margin-bottom:10px;
		height:75px;
		background:#FBFBFB;
		float: left;
	}
	.modal-ticketing li:nth-of-type(2n){
		float:right;
	}
	.modal-ticketing li >span {
		display:block;
		float:left;

		width:30px;
		text-align:center;
		height:75px;
		line-height:75px;
		color:#fff;
		font-size:24px;
	}
	.modal-ticketing li:nth-of-type(1) >span {
		background:#ed0000;
	}
	.modal-ticketing li:nth-of-type(2) >span {
		background:#00c9f4;
	}
	.modal-ticketing li:nth-of-type(3) >span {
		background:#c900f4;
	}
	.modal-ticketing li:nth-of-type(4) >span {
		background:#f4b800;
	}
	.modal-ticketing li .modal-ticketing-cnt {
		margin-left: 40px;
		padding-top:17px;
	}
	.modal-ticketing li:nth-of-type(2) .modal-ticketing-cnt {
		padding-top:10px;
	}
	.modal-ticketing li .modal-ticketing-cnt h6, .md-payments h6 {
		font-size:16px;
		font-weight:bold;
		margin:0 0 12px 0;
	}
	.modal-ticketing li .modal-ticketing-cnt p, .md-payments p {
		margin:0;
	}
	.modal-ticketing li .modal-ticketing-cnt img {
		border:none;
		margin:0;
		padding:0;
		margin-right:10px;
	}
	.modal-ticketing li .support-online {
		height:20px;
		line-height:20px;
	}
	.modal-ticketing li .support-online strong {
		display:block;
		float:left;
		width: 110px;
		font-weight: normal;
	}
	.modal-ticketing li .support-online .skype {
		height:20px;
	}
	.md-payments li {
		display:table;
		width:100%;
		margin-bottom:20px;
		background:#fff;
		border-bottom:1px dashed #ccc;
	}
	.md-payments figure {
		margin:0;
		float:left;
		width:60px;
	}
	.md-payments .modal-ticketing-cnt {
		margin-left:75px;
		padding-bottom:10px;
		font-size: 14px;
	}
	.md-payments figure img {
		width:60px;
	}
	.md-payments .modal-ticketing-cnt {
		padding-top:10px;
	}
	.md-payments img {
		margin:0;
		padding:0;
		border:none;
	}

.tbl-artical {
		width:100%;
		border-collapse:collapse; 
		line-height:25px;
	}
	.tbl-artical td, .tbl-artical th {
		border:#fff solid 1px; 
		padding:5px 10px; 
		vertical-align:middle;
		text-align:center;
		color:#333;
		font-size:14px;
	}
	.tbl-artical tr:nth-of-type(2n-1) td {
		background:#a5d5e2;
	}
	.tbl-artical tr:nth-of-type(2n) td {
		background:#d2eaf1;
	}
	.tbl-artical th, .tbl-artical tr >td:nth-of-type(1) {
		background: #4bacc6;
		color: #fff;
		font-size: 14px;
		text-transform: none;
	}
	.tbl-artical tr >td:nth-of-type(1), .tbl-artical tr >th:nth-of-type(1) {
		text-align:left;
	}
.tbl-artical-df {
		width:100%;
		border-collapse:collapse; 
		line-height:25px;
margin:15px 0;
	}
	.tbl-artical-df td, .tbl-artical-df th {
		border:#ddd solid 1px;
		padding:5px 10px; 
		vertical-align:middle;
	}
	.tbl-artical-df th {
		background: #4bacc6;
		color: #fff;
		font-weight:bold;
		border:1px solid #4bacc6;
		border-right:1px solid #ddd;
font-size: 14px;
text-align:center;
	}
	.tbl-artical-df th:last-child {
		border-right:1px solid #4bacc6;
	}
ul.ul-list-style, ol.ul-list-style {
	margin:0 0 0 20px;
	padding:0;
	list-style:circle;
}
ul.ul-list-style li, ol.ul-list-style li {
	padding:3px 0;
}
ul.ul-list-style-check, ol.ul-list-style-check {
	margin:0 0 0 20px;
	padding:0;
}
ul.ul-list-style-check li, ol.ul-list-style-check li {
	padding:3px 0;
}
.discount_box {
	margin-left: -5px;
}
.pub_hotel_list li figure img {
    margin-top: 0;
    margin-bottom: 0;
}
.form-search {
    float: left;
    margin-left: 45px;
    border: 1px solid #dbe0ea;
    z-index: 999;
    height: 36px;
    line-height: 36px;
    width: 285px;
    position: relative;
    padding-right: 35px;
}
label.screen-reader-text {
    display: none;
}
.form-search input[type=text] {
    border: none;
    height: 30px;
    width: 100%;
    padding: 0 10px;
}
#searchsubmit {
    position: absolute;
    top: -1px;
    right: -1px;
    border: none;
    height: 36px;
    width: 36px;
    font-size: 0;
    text-transform: none;
    background: #244a7d url(images/icon-search.png) no-repeat center center;
    color: #fff;
    border-radius: 0;
}
.form-search input[type=text]:focus{
outline:none;
}
.flytrip-cc-dd >div:nth-of-type(5), .flytrip-cc-dd >div:nth-of-type(6) {
	margin-bottom:0;
}
.discount_box {
    margin-bottom: 0 !important;
}
.entry-content {
    /* max-width: 1170px; */
    margin: 0 auto;
	font-size: 14px;
    line-height: 20px;
}
article {
	min-height: calc(100% - 305px);
}
h1.archive-title {
    max-width: 1170px;
    margin: 15px auto;
    font-size: 14px;
}
.archive-header {
    max-width: 1170px;
    margin: 15px auto;
}
