/*
Theme Name: Travel
Theme URI: https://e-web.vn
Author: https://e-web.vn
Author URI: https://e-web.vn
Description: Website về du lịch
Version: 16/11/2016
Text Domain: ew
Domain Path: /languages/
Tags:
*/

@charset "utf-8";
@import url('css/reset.css');
@import url('css/wp-core.css');
/*
Import Fonts
---------------------------------------------------------------------------------------------------- */
@font-face {
    font-family: 'VNF-Futura-Regular';
    src: url(fonts/VNF-Futura-Regular.ttf);
}
@font-face {
    font-family: 'Lato-Regular';
    src: url(fonts/Lato-Regular.ttf);
}
@font-face {
    font-family: 'UVF-FuturaLT';
    src: url(fonts/UVF-FuturaLT.ttf);
}
@font-face{
	font-family: 'FontAwesome';
	src:url('font-awesome/fonts/fontawesome-webfont.eot');
	src:url('font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		url('font-awesome/fonts/fontawesome-webfont.woff') format('woff'),
		url('font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'),
		url('font-awesome/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
	font-weight:normal;
	font-style:normal
}

[class^="icon-"]:before,[class*=" icon-"]:before{
	font-family:FontAwesome;
	font-weight:normal;
	font-style:normal;
	display:inline-block;
	text-decoration:inherit
}

/*
Defaults
---------------------------------------------------------------------------------------------------- */

	/* = Transition
	--------------------------------------------- */
	h1, h2, h3, h4, h5, h6, a, span, p, button, input, label, i,img, .overlay,#menu-primary li
	{-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

	/* = Typographical Elements
	--------------------------------------------- */
	html {
		margin: 0 auto;
		font-size: 62.5%; /* 10px browser default */
		-webkit-font-smoothing: antialiased
	}
	body {
		font-size:16px;
		line-height:24px;
		font-family: 'VNF-Futura-Regular', sans-serif;
	}

	::-moz-selection {
		/* background-color: #338FFF;
		color: #fff; */
	}

	::selection {
		/* background-color: #338FFF;
		color: #fff */
	}
	a, button{outline: none}
	a,a:hover,a:focus {text-decoration: none}
	a:hover{color: initial}
	a:focus {outline-offset: inherit}
	/*a{ color:#999 }*/
	/*a:hover { color: #FB7220 }*/
	/*a img{ border:none}*/
	blockquote{border-left: 5px solid #c2c2c2;padding-left: 15px;margin: 10px 0}
	ol,ul {margin: 0;padding: 0}
	ul li{list-style: none}
	pre {background: #333;color: #ccc;overflow: scroll;padding: 0 20px;padding: 0 2rem;white-space: pre}
	embed,iframe,img,object,video {max-width: 100%}
	img {height: auto; width: auto /* IE8 */}
	fieldset{ border: 1px solid #d9d9d9;padding: 5px 5px 10px}
	legend{padding-left: 10px; padding-right: 10px; width: auto; font-size: 16px; font-weight: 700;}

	/* = Headings
	--------------------------------------------- */
 	/*h1, h2, h3, h4, h5, h6{font-family: 'UVF-FuturaLT', sans-serif;}*/
	h1{  font-size:48px }
	h2{  font-size:30px }
	h3{  font-size:24px }
	h4{  font-size:18px }
	h5{  font-size:16px }
	h6{  font-size:16px }

	/* = Forms
	--------------------------------------------- */
	input{ padding: 0 10px;background-color: #fff;line-height: 40px; color: #6f6f6f; width: 100%;border: 1px solid #E3E3E3}
	input:hover{border-color: #c3c3c3}
	button[type="submit"], input[type="submit"]{border: none; color: #fff; font-size: 16px; width: auto; line-height: 42px; background-color: #002D51 }
	input:focus,textarea:focus, select:focus {outline: none!important}
	select{border: 1px solid #E3E3E3; height: 40px; padding: 0 5px}
	select:-moz-focusring{color: transparent!important;text-shadow: 0 0 0 rgba(255, 255, 255, 0.5)}
	option {background-color: white}
	::-webkit-input-placeholder {color:#999; opacity: .7}
	::-moz-placeholder {color:#999; opacity: .7}
	::-ms-placeholder {color:#999; opacity: .7}
	::placeholder {color:#999; opacity: .7}
	textarea{padding: 10px 15px; width: 100%; border: 1px solid #E3E3E3; height: 120px}

	/* = Button
	--------------------------------------------- */
	.btn-orange{padding: 0 10px; background-color: #FB7220}
	.btn-green{padding: 0 10px; background-color: #002D51}

	/* = Shortcode
	--------------------------------------------- */
	/*#accordion .panel:first-child{margin-top: 0}
	#accordion .panel{ border: none;background: none;box-shadow: none;border-bottom: 1px solid #EAEAEA;padding-bottom: 19px; border-radius: 0; margin-top: 19px}
	#accordion .panel .panel-heading{ border: none; color: #fff; padding: 0; background-color: transparent}
	#accordion .panel .panel-heading .panel-title{line-height: 32px;color: #14171c; text-transform: uppercase; font-style: italic}
	#accordion .panel .panel-heading .panel-title:hover,#accordion .panel .panel-heading.bg-heading .panel-title{color: #FB7220!important}
	#accordion .panel .panel-heading .panel-title a{padding-left: 20px}
	#accordion .panel .panel-collapse{color: #999}
	#accordion .panel .panel-collapse .panel-body{ border: none; padding: 24px 0 0 0}
	#accordion .panel .panel-heading .panel-title .pt{width: 32px; height: 32px; border: 1px solid #FB7220}
	#accordion .panel .panel-heading .panel-title .pt-tru{background: url(images/tru.png) no-repeat center center}
	#accordion .panel .panel-heading .panel-title .pt-cong{background: url(images/cong.png) no-repeat center center}*/

	/* = Tables
	--------------------------------------------- */
	table {border-collapse: collapse;border-spacing: 0;line-height: 2;margin-bottom: 20px;width: 100%}
	tbody {border-bottom: 1px solid #ddd}
	th,td {text-align: left}
	th {font-weight: bold;text-transform: uppercase}
	td {border-top: 1px solid #ddd;padding: 6px 0}

	/* = Other
	--------------------------------------------- */
	.site-title{visibility: hidden; position: absolute}
	.clear { float:none; clear:both; margin:0px; padding:0px;height: 0;display: block}
	.overlay{position: absolute;top: 0;bottom: 0;left: 0;right: 0}
	.flw{float: left;width: 100%}
	.no-padding{padding: 0!important}
	.thumbnail{ margin: 0; padding: 0;border-radius: 0;border: none}
	.no-margin{margin: 0!important}
	.vnf-fu{font-family: 'VNF-Futura-Regular', sans-serif}
	/*.uvf-fu{font-family: 'UVF-FuturaLT', sans-serif}*/
	.lato{font-family: 'Lato-Regular', sans-serif}
	.grey{color: #333}
	.orange{color: #FB7220!important}
	.green{color: #002D51!important}
	.bg-green{background-color: #002D51}
	.padding-tb-10{padding: 10px 0}
	.padding-tb-10{padding: 10px 0}
	.padding-tb-30{padding: 30px 0}
	.bold{font-weight: 700}
	.relative{position: relative}
	.font14{font-size: 14px}
	.font18{font-size: 18px}
	.font20{font-size: 20px}
	
	.owl-theme .owl-nav{margin-top: 0}
	.owl-theme .owl-dots{position: absolute; bottom: 0; left: 0; right: 0}
	.owl-theme .owl-dots .owl-dot span{background: #E5E5E5}
	.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background: #FB7220}
	.owl-theme .owl-nav [class*=owl-]{background-color: #B2B2B2;padding: 0;width: 40px;height: 40px;text-align: center;line-height: 40px;border-radius: 0;font-size: 18px; position: absolute; top: 50%; margin: -20px 0 0}
	.owl-theme .owl-nav [class*=owl-]:hover{background-color: #000; color: #FB7220}
	.owl-theme .owl-nav .owl-prev{left: 0; margin-left: -70px}
	.owl-theme .owl-nav .owl-next{right: 0; margin-right: -70px}

/*
Structure and Layout
-------------------------------------------------------------- */

	#wrapper { clear:both; margin:0px; padding:0px}
	.site-main{margin-bottom: 30px}
	.site-content{margin-top: 30px}
	section.section .section-title h2{margin-bottom: 25px}
	section.section .section-title h2,section.section .section-title h2 a{color: #333; font-size: 24px}
	section.section .section-title span.fa{display: none;font-size: 18px; position: absolute; right: 12px; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}

	/* = Header
	-------------------------------------------------------------- */
	#header .info-top{background-color: #F6F8F9}
	#header .info-top li{float: left; padding: 0 5px}
	#header .info-top li, #header .info-top li a{color: #6f6f6f}
	#header .info-top li:first-child{padding-left: 0}
	#header .info-top li:last-child{padding-right: 0}
	#header .info-top li i{color: #002D51}
	#header .info-top li i.fa-envelope-o, #header .info-top li i.fa-map-marker, #header .info-top li i.fa-skype{font-size: 18px}
	#header .info-top li i.fa-skype{color: #34AED6}
	#header .info-top li .phone-head{font-size: 15px; font-weight: 700}
	
	/*
	Navigation
	-------------------------------------------------------------- */
	@-webkit-keyframes fontbulger {
	    0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s linear, opacity 0.2s linear;-webkit-transition: -webkit-transform 0s linear, opacity 0.2s linear}
	    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s linear, opacity 0.2s linear;-webkit-transition: -webkit-transform 0s linear, opacity 0.2s linear}
	}
	@-moz-keyframes fontbulger {
	    0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
	    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
	}
	@-o-keyframes fontbulger {
	    0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
	    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
	}
	@keyframes fontbulger {
	    0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
	    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
	}
	.scrolled{animation: fontbulger 0.5s;-webkit-animation: fontbulger 0.5s}
	.menu-fixed {z-index: 999999!important;position: fixed;top: 0;left: 0;right: 0}
	#menu-primary li{float: left;position: relative; padding: 0 10px; border-right: 1px solid rgba(255, 255, 255, 0.15)}
	#menu-primary li:last-child{border-right: none}
	#menu-primary li a{line-height: 50px;color: #fff; text-transform: uppercase; font-size: 15px; display: block}
	#menu-primary li.current-menu-item{background-color: #FB7220;border-right: none}
	#menu-primary li.current-menu-item, #menu-primary li:hover{background-color: #FB7220;border-right-color: transparent;}
	/*Sub Menu*/
	#menu-primary ul li:hover > .sub-menu{display: block;visibility: visible;z-index: 9999;opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0.3s ease, opacity 0.2s ease .1s;-webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s}
	#menu-primary ul li .sub-menu{ background: rgba(255, 127, 0, 0.8);min-width:240px;opacity: 0;padding:0;position:absolute;-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0.5s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease}
	#menu-primary>ul>li>.sub-menu{margin-left: -10px}
	#menu-primary ul li .sub-menu li {border-right: none;text-align: left; padding: 0 15px; margin:0;width: 100%;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s}
	#menu-primary ul li .sub-menu li:hover{background:#FB7220}
	#menu-primary ul li .sub-menu li a{text-transform: none; font-size: 16px; line-height: 40px}
	#menu-primary ul li .sub-menu ul {left:240px;margin-top: -40px}
	/*Mobile Menu*/
	.toggle-mobile-menu {display: none; width: 50px; font-size: 30px; line-height: 50px; text-align: center; float: left; margin-top: 0; color: #FB7220 }
	body.menu-open .mobile-menu {z-index: 9999; visibility: visible; overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s; -moz-transition: -moz-transform .4s ease, visibility 0s ease .5s, z-index 0s ease 0s; -o-transition: -o-transform .4s ease, visibility 0s ease .5s, z-index 0s ease 0s; transition: transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s; }
	.mobile-menu {background: rgba(51, 51, 51, 0.97); top: 0; bottom: 0; left: 0; height: 100%; overflow: hidden; position: fixed; visibility: hidden; z-index: -1; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s; -moz-transition: -moz-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s; -o-transition: -o-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s; transition: transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s; }
	.mobile-menu ul {width: 320px; text-align: initial; list-style: none; }
	.mobile-menu ul > li:last-child {border-bottom: none; }
	.mobile-menu ul li {border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative; }
	.mobile-menu ul li.menu-item-has-children::after {content: '\f078'; position: absolute; top: 0; right: 20px; font: 1em/46px 'FontAwesome'; pointer-events: none; -webkit-transition: -webkit-transform .5s ease-in-out; -moz-transition: -moz-transform .5s ease-in-out; -o-transition: -o-transform .5s ease-in-out; transition: transform .5s ease-in-out; color: #fff}
	.mobile-menu ul li.menu-item-has-children.active::after {-webkit-transform: rotate(540deg); -moz-transform: rotate(540deg); -ms-transform: rotate(540deg); -o-transform: rotate(540deg); transform: rotate(540deg); }
	.mobile-menu ul li a {padding: 1em; display: block; color: #fff; line-height: 20px; border-left: 2px solid transparent; }
	.mobile-menu ul li:hover > a, .mobile-menu ul li.active > a, .mobile-menu ul li.current-menu-item > a {border-color: ##0766aa; }
	.mobile-menu ul li.menu-item-has-children > a {display: inline-block; }
	.mobile-menu .sub-menu a {padding-left: 20px; }
	.mobile-menu .sub-menu a::before {content: '-'; display: inline-block; font-family: 'FontAwesome'; color: #999; margin: 0 5px 0 0; }
	.mobile-menu .sub-menu .sub-menu a::before {content: '--'; } 
	.mobile-menu .close-menu {text-align: center; display: block; color: ##0766aa; font-size: 28px; line-height: 50px; }
	/*Form search Head*/
	.wrapper-menu #searchform{padding: 9px 20px 0 0; border-right: 1px solid rgba(255, 255, 255, 0.15)}
	.wrapper-menu .text-search{line-height: 30px; width: 170px; float: left}
	.wrapper-menu .buttom-search{line-height: 32px; padding: 0 15px; background: #FB7220 url(images/icon-search.png) no-repeat center center;}

	/* = Primary
	-------------------------------------------------------------- */

		/*Slider*/
		#main-wrapper section#slider{position: relative}

		/*Section 1*/
		.section-commitment li{border-right: 1px solid #B7B7B7; padding: 0 0 0 68px; width: 20%; float: left;}
		.section-commitment li:last-child{border-right: none}
		.section-commitment li:nth-child(1){background: url(images/icon-1.png) no-repeat 5px center}
		.section-commitment li:nth-child(2){background: url(images/icon-2.png) no-repeat 5px center}
		.section-commitment li:nth-child(3){background: url(images/icon-3.png) no-repeat 5px center}
		.section-commitment li:nth-child(4){background: url(images/icon-4.png) no-repeat 5px center}
		.section-commitment li:nth-child(5){background: url(images/icon-5.png) no-repeat 5px center}
		.section-commitment .title-commitment{display: block; font-weight: 700}

		/*Section 2*/
		.products-list .col-md-4:nth-child(3n+1){clear: both}
		.section-boat{background-color: #EDF0F2}
		.product-item {margin-bottom: 20px;background-color: #fff;border: 1px solid rgba(0,0,0,.11); /* stroke */ background-color: #fff; -moz-box-shadow: 0 0 3px rgba(0,0,0,.07); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.07); box-shadow: 0 0 3px rgba(0,0,0,.07); }
		.product-item .thumb-item{position: relative;}
		.product-item .price-relative{position: absolute;top: 0; right: 0; background-color: rgba(255, 127, 0, 0.8); margin-right: -5px; margin-top: 15px; padding: 13px; color: #fff; font-size: 16px;}
		.product-item .price-relative .number-price{font-size: 21px}
		.product-item .price-relative .unit{display: block}
		.info-pro-item{padding: 10px}
		.info-pro-item .product-title a{font-size: 18px}
		.rating {unicode-bidi: bidi-override; direction: rtl;}
		.rating > span {display: inline-block; position: relative; width: .7em; font-size: 20px}
		/*.rating > span:hover:before, .rating > span:hover ~ span:before, .rating span.active:before{content: "\2605"; position: absolute; color: #FFCD00}*/
		.rating span.active:before{content: "\2605"; position: absolute; color: #FFCD00}
		.book-product{line-height: 30px; border: 1px solid #A2A2A0; float: right; color: #fff}
		.book-product:hover{color: #fff}
		.hotline-product{display: block; font-style: italic; margin-top: 3px}
		.hotline-product a{ color: #002d51}
		.product-item .attr{font-size: 16px; margin: 5px 0}
		.excerpt-product li:before{content:'\f058'; font-family: 'FontAwesome'; color: #144AA8; float: left; margin-right: 5px}
		.info-pro-item .ribbon{background-color: #FFFF99; padding: 5px 10px 5px 0px;margin: 8px 0 18px;font-size: 13px; color: #002d51;}
		.info-pro-item .ribbon:before{content: ''; float: left; width: 30px; height: 22px; background: url(images/icon-sale.png) no-repeat 5px center}
		.more-product{margin-top: 10px}
		.more-product a{line-height: 38px; display: inline-block; padding: 0 10px; color: #fff; border: 1px solid #959595; border-radius: 3px}

		/*Section 3*/
		.section-tour{background-color: #F6F8F9}
		.section-tour .attr label, .section-hotel .attr label, .tax-category-tour .attr label, .tax-category-hotel .attr label{float: left;}
		.section-tour .attr .rating, .section-hotel .attr .rating, .tax-category-tour .attr .rating, .tax-category-hotel .attr .rating{float: left; margin-left: 10px}

		/*Section 4*/
		.section-hotel{background-color: #fff}

		/*Section 5*/
		.section-destinations{background-color: #F6F8F9}
		.destinations-list .grid{display: table; height: 100%}
		.destinations-list .grid .col {display: table-cell; text-align: center; vertical-align: middle; }
		.destinations-list .grid .col a {display: block; margin: 0 0 10px 10px; background: #ccc; line-height: 0; position: relative; text-decoration: none; overflow: hidden; }
		.destinations-list .grid .col:first-child a {margin-left: 0; }
		.destinations-list .caption {-webkit-transition: all 500ms ease .3s; -khtml-transition: all 500ms ease .3s; -moz-transition: all 500ms ease .3s; -ms-transition: all 500ms ease .3s; -o-transition: all 500ms ease .3s; transition: all 500ms ease .3s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; opacity: 1; visibility: visible; background-color: rgba(0, 0, 0, 0.4); color: #fff; }
		.destinations-list .grid .col a:hover .caption {visibility: hidden; opacity: 0; }
		.destinations-list .caption .box-center i {font-size: 30px; }
		.destinations-list .caption .box-center span {margin-top: 5px; font-size: 24px; line-height: 30px; display: block; }
		.destinations-list .caption .box-center {width: 100%; padding-left: 10px; padding-right: 10px; }
		.destinations-list .exp-dest {position: absolute; bottom: 10px; left: 0; right: 0; color: #333; width: 80%; z-index: 100; background-color: rgba(255, 255, 255, 0.6); line-height: 16px; margin: 0 auto; border-radius: 10px; padding: 10px; transform: translateY(100px); -webkit-transform: translateY(100px); transition: all .35s ease-out .1s; opacity: 0; visibility: : hidden; }
		.destinations-list .exp-dest:before {content:'\f0d8'; font-family: 'FontAwesome';position: absolute; top: 0; margin-top: -13px; color: rgba(255, 255, 255, 0.6); font-size: 2em;}
		.destinations-list .grid .col a:hover .exp-dest {visibility: visible; opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); }
		.destinations-list .item-1{width: 182px; height: 184px; overflow: hidden}
		.destinations-list .item-2{width: 182px; height: 277px; overflow: hidden}
		.destinations-list .item-3{width: 275px; height: 276px; overflow: hidden}
		.destinations-list .item-4{width: 275px; height: 186px; overflow: hidden}
		.destinations-list .item-5{width: 275px; height: 183px; overflow: hidden}
		.destinations-list .item-6{width: 275px; height: 279px; overflow: hidden}
		.destinations-list .item-7{width: 183px; height: 275px; overflow: hidden}
		.destinations-list .item-8{width: 183px; height: 186px; overflow: hidden}
		.destinations-list .item-9{width: 185px; height: 184px; overflow: hidden}
		.destinations-list .item-10{width: 185px; height: 281px; overflow: hidden}
		.destinations-list [class*='item-'] img{max-width: inherit;}
		.box-center {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }


		/*Section 6*/
		.section-wcu{background: url(images/bg-wcu.png) no-repeat center center; background-size: cover; outline: 20px solid rgba(255, 255, 255, 0.32); outline-offset: -20px; position: relative; margin-bottom: 60px}
		.section-wcu:before{content: ''; position: absolute; top: 30px; left: 30px; right: 30px; bottom: 30px; border: 5px solid rgba(255, 255, 255, 0.32)}
		.section-title-custom h2{font-size: 24px; display: inline-block; margin: 0 auto; position: relative; color: #fff; margin-bottom: 50px; margin-top: 90px; left: 0; right: 0;}
		.section-title-custom span{display: block; font-size: 48px; font-weight: 700}
		.section-title-custom span:before, .section-title-custom span:after{content: ''; width: 88%; height: 9px; display: block; position: absolute; z-index: 9999999; border: 1px solid #fff; border-top: none; left: 0; right: 0; margin: 0 auto;}
		.section-title-custom span:before{border-top: 1px solid #fff; border-bottom: none; height: 40px; margin-top: -43px;}
		.criteria{margin-bottom: 30px}
		.item-criteria{margin-bottom: 20px}
		.criteria img{float: left;margin-right: 15px}
		.criteria .title-criteria{color: #fff; font-weight: 700}
		.criteria .exp-criteria{display: block;color: #fff}
		.testimonial-item{background-color: rgba(255, 255, 255, 0.9); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-box-shadow: 6px 8px 20px rgba(0,0,0,.2); -webkit-box-shadow: 6px 8px 20px rgba(0,0,0,.2); box-shadow: 6px 8px 20px rgba(0,0,0,.2); margin-bottom: 30px; padding: 35px 70px; position: relative}
		.testimonials .col-sm-6:nth-last-child(1) .testimonial-item, .testimonials .col-sm-6:nth-last-child(2) .testimonial-item{margin-bottom: 0}
		.testimonial-item:before, .testimonial-item:after{font-family: 'FontAwesome'; position: absolute; font-size: 30px}
		.testimonial-item:before{content:'\f10d';left: 0; top: 0; margin-top: 30px; margin-left: 30px;}
		.testimonial-item:after{content:'\f10e'; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px;}
		.testimonials{margin: 0 0 -45px}
		.testimonials .col-sm-6:nth-child(2n+1){clear: both}
		.testimonials .col-sm-6:nth-child(odd) .testimonial-item:before, .testimonials .col-sm-6:nth-child(odd) .testimonial-item:after{color: #FB7220}
		.testimonials .col-sm-6:nth-child(even) .testimonial-item:before, .testimonials .col-sm-6:nth-child(even) .testimonial-item:after{color: #002D51}
		.testimonials .col-sm-6:nth-child(even) .title-test{color: #FB7220!important}
		.testimonial-item:nth-child(even):before, .testimonial-item:nth-child(even):after{color: #002D51}
		.testimonial-item .title-test{font-weight: 700}

		/*Section 7*/
		.section-news .wrapper-news{ border: 1px solid #A2A2A0; padding: 50px 30px 30px}
		.section.section-news .section-title h2{font-size: 36px}
		.list-posts .col-md-3, #handbook .col-sm-4{margin-bottom: 20px}
		.list-posts .col-md-3:nth-child(4n+1){clear: both}
		#handbook .col-sm-4:nth-child(3n+1){clear: both}
		.list-posts article.post-item .thumb, #handbook article.post-item .thumb{ margin-bottom: 10px;border: 1px solid #D3D6D7}
		.list-posts article.post-item .thumb a, #handbook article.post-item .thumb a{display: block; line-height: 0}
		.list-posts article.post-item .thumb p, #handbook article.post-item .thumb p{display: none}
		/*.section-news .post-title{font-size: 16px}*/

		/*Section 8*/
		.section-tags{background-color: #F6F8F9}
		.title-tags{float: left; line-height: 35px; margin-right: 30px; font-size: 12px; color: #707070; text-transform: uppercase}
		.tag-fix{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 33px; border: 1px solid #959595; float: left; margin: 0 15px 10px 0; padding: 0 10px; font-size: 12px; color: #707070}

	/* = Archive
	-------------------------------------------------------------- */
	.product-item-2{padding: 15px}
	.product-item-2 .info-pro-item{padding: 0}
	.sub-category ul{margin-top: 5px}
	.sub-category ul li{ display: inline-block;}
	.sub-category ul li a{line-height: 1; display: inline-block; border-right: 2px solid #002D51; padding: 0 8px;}
	.sub-category ul li:last-child a{border-right: none;}
	.sub-category ul li:first-child:before{content: '\f054'; font-family: 'FontAwesome'; font-size: 16px}

	/* = Breadcrumbs
	-------------------------------------------------------------- */
	#breadcrumbs{ border: 1px solid #E3E3E3; background-color: #F8F8F8; padding: 15px; margin-bottom: 20px; min-height: 82px}
	.page-template-tpl-page-full #breadcrumbs{min-height: inherit}
	#breadcrumbs, #breadcrumbs a{ color: #002D51; text-transform: uppercase; font-size: 16px}
	#breadcrumbs .breadcrumb_last{ color: #FB7220}

	/* = Detail Post
	-------------------------------------------------------------- */
	.post-content{margin-bottom: 40px; padding: 15px; border: 1px solid #E3E3E3}
	.post-content ul, .post-content ol{padding: 0 0 10px 20px}
	.post-content li{list-style-type: inherit; list-style-position: inside}
	.post-content p{margin-bottom: 10px}
	h1.product_title{font-size: 16px; color: #002D51;}
	.post-content .info-product{background-color: #F8F8F8; float: left; width: 100%; padding: 15px 10px 0; margin-bottom: 20px}
	.post-content .info-product .info-left{max-width: 80%}
	.post-content .rating{margin: 5px 0}
	#gallery-1{width: 100%; margin-bottom: 30px}
	/* Visual Composer */
	.block-heading{color: #002D51; font-size: 16px; text-transform: uppercase; border-bottom: 1px solid #CFCFCF; font-weight: 700; padding-bottom: 5px; margin-bottom: 15px; display: block}
	.icon-li li{list-style-type: none}
	.icon-li li:before{content:'\f058'; font-family: 'FontAwesome'; float: left; margin-right: 5px; color: #FB7220}
	.block-now{background-color: #FB7220!important; line-height: 34px!important;  text-transform: uppercase; color: #fff; text-align: center!important; font-size: 16px; font-weight: 700; border: 1px solid #A2A2A0!important; width: auto; margin: 0 auto; display: inline-block; padding: 0 30px; margin-bottom: 10px}
	.block-now:hover, .block-now:focus{color: #fff}
	.vc_tta-panel-title{font-size: 16px}
	/* Related Post */
	.related-post{margin-bottom: 40px}
	/* Review */
	.list_review .item-review{border-bottom: 1px solid #E3E3E3; margin-bottom: 15px; padding-bottom: 5px}
	.list_review .item-review:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0}
	.content-review p{ background-position: 0 5px; background-repeat: no-repeat; padding-left: 15px}
	.comments_good{background-image: url(images/positive.gif)}
	.comments_bad{background-image: url(images/negative.gif)}

	.menu-anchor {margin: 20px 0; border: 1px solid #AFAFAF; border-left: none; border-right: none}
	.menu-anchor ul{padding: 0}
	.menu-anchor li{list-style-type: none; display: inline-block}
	.menu-anchor li:before{content:'•'; color: #FB7220}
	.menu-anchor li:first-child:before{content:''}
	.menu-anchor li a{line-height: 50px; padding: 0 10px}

	#percircle-total{font-size: 164px; margin: 32px 0 0}
	#percircle-total p{font-size: 16px; position: absolute; left: 0; right: 0; top: 17%; text-align: center; z-index: 1}
	#percircle-total p:nth-child(3){top: inherit; bottom: 17%}
	#percircle-total span:nth-child(4){display: none}
	.title-ct{margin-bottom: 10px; display: block}
	.rate3 p{margin-bottom: 5px; border-bottom: 1px dotted #999; padding-bottom: 5px}
	.rate3 p:last-child{margin-bottom: 0; border-bottom: none; padding-bottom: 0}
	.total_rates{ padding: 15px; margin-bottom: 30px; background-color: #F8F8F8;}
	.per_bar_cover {background-color: #C3C1C2; height: 5px; width: 100%; border-radius: 15px; margin-bottom: 3px}
	.breakdown{margin-bottom: 5px}
	.breakdown:last-child{margin-bottom: 0}
	.per_bar {background-color: #002D51; border: 0 none; float: left; height: 100%; width: 50%; border-radius: 15px}

	.rect-auto, .percircle.gt50 .slice {clip: rect(auto, auto, auto, auto); }
	.pie, .percircle .bar, .gt50 .fill {position: absolute; border: 0.08em solid #FB7220; width: 0.84em; height: 0.84em; clip: rect(0, 0.5em, 1em, 0); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	.bar {-moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
	.pie-fill, .gt50 .bar:after, .gt50 .fill {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
	.percircle {position: relative; font-size: 50px; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; margin: 0 0.1em 0.3em 0; background-color: #cccccc; }
	.percircle *, .percircle *:before, .percircle *:after {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
	.percircle.animate > span, .percircle.animate:after {-webkit-transition: -webkit-transform 0.2s ease-in-out; -moz-transition: -moz-transform 0.2s ease-in-out; -ms-transition: -ms-transform 0.2s ease-in-out; -o-transition: -o-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } 
	.percircle.animate .bar {-webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-transform 0.6s ease-in-out; -ms-transition: -ms-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; } 
	.percircle.center {float: none; margin: 0 auto; }
	.percircle > span {position: absolute; z-index: 1; width: 100%; top: 50%; height: 1em; margin-top: -0.5em; font-size: 0.3em; color: #cccccc; display: block; text-align: center; white-space: nowrap; }
	.percircle > span{font-weight: 700; color: #002D51; line-height: 1em}
	.percircle:after {position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #f5f5f5; width: 0.84em; height: 0.84em; }
	.percircle .slice {position: absolute; width: 1em; height: 1em; clip: rect(0, 1em, 1em, 0.5em); }


	/* = Sidebar
	-------------------------------------------------------------- */
	#sidebar .widget .profile{position: inherit; float: left; width: 100%; font-size: 23px; color: #fff; box-shadow: none; line-height: 82px; margin-bottom: 0; background: rgba(0,45,81,1);
	background: -moz-linear-gradient(left, rgba(0,45,81,1) 0%, rgba(86,105,116,1) 31%, rgba(178,128,75,1) 55%, rgba(255,144,26,1) 78%, rgba(255,128,0,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,45,81,1)), color-stop(31%, rgba(86,105,116,1)), color-stop(55%, rgba(178,128,75,1)), color-stop(78%, rgba(255,144,26,1)), color-stop(100%, rgba(255,128,0,1)));
	background: -webkit-linear-gradient(left, rgba(0,45,81,1) 0%, rgba(86,105,116,1) 31%, rgba(178,128,75,1) 55%, rgba(255,144,26,1) 78%, rgba(255,128,0,1) 100%);
	background: -o-linear-gradient(left, rgba(0,45,81,1) 0%, rgba(86,105,116,1) 31%, rgba(178,128,75,1) 55%, rgba(255,144,26,1) 78%, rgba(255,128,0,1) 100%);
	background: -ms-linear-gradient(left, rgba(0,45,81,1) 0%, rgba(86,105,116,1) 31%, rgba(178,128,75,1) 55%, rgba(255,144,26,1) 78%, rgba(255,128,0,1) 100%);
	background: linear-gradient(to right, rgba(0,45,81,1) 0%, rgba(86,105,116,1) 31%, rgba(178,128,75,1) 55%, rgba(255,144,26,1) 78%, rgba(255,128,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d51', endColorstr='#ff8000', GradientType=1 );}
	#sidebar .widget{margin-bottom: 20px;border: 1px solid #E3E3E3}

	/* = Category
	-------------------------------------------------------------- */
	

	/* = Contact
	-------------------------------------------------------------- */


	/* = Widget
	-------------------------------------------------------------- */
	#sidebar .widget-title, #sidebar .widget-title a{font-size: 16px; color: #002D51}
	#sidebar .widget-title{padding: 10px 15px; background-color: #F8F8F8; border-bottom: 1px solid #E3E3E3}
	#sidebar .widget-title i{color: #FB7220; border: 1px solid #FB7220; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; margin-right: 10px; font-size: 18px;}
	#sidebar .textwidget, .widget-product-cate ul{padding: 20px; float: left;width: 100%}
	.no-padding .textwidget{padding: 0!important}
	.widget-product-cate ul li{margin-bottom: 20px}
	.widget-product-cate ul li:last-child{margin-bottom: 0}
	.widget-product-cate .post-thumbnail{float: left; margin-right: 10px; border: 6px solid #fff; border-radius: 50%; overflow: hidden; -moz-box-shadow: 0 0 7px 0 rgba(0,0,0,.11); -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,.11); box-shadow: 0 0 7px 0 rgba(0,0,0,.11);}
	.widget-product-cate .post-thumbnail a{display: block; line-height: 0}
	.widget-product-cate .product-title, .widget-product-cate .number-price{font-size: 16px; display: block; margin-bottom: 5px}
	.widget-product-cate .book-product{float: left;}
	.widget-product-cate .more-term{display: block; margin-bottom: 20px}

	.widget.ew_info_tour .widget-title{ background-color: #FB7220; color: #fff}
	.widget.ew_info_tour .content-widget{border: 1px solid #002D51; border-top: none; padding: 10px 20px 20px}
	.widget.ew_info_tour .content-widget p,#sidebar .textwidget p{font-size: 16px; margin-bottom: 5px}
	.widget.ew_info_tour .content-widget fieldset{margin: 10px 0}
	.widget.ew_info_tour .content-widget .book{ color: #fff; line-height: 35px; padding: 0 15px; display: inline-block;}

	.relative input[type="submit"]{ position: absolute; right: 0; top: 0}
	.relative .ajax-loader{ position: absolute;  margin: 12px 0 0 2px!important}

	#footer .widget ul.menu li{margin-bottom: 5px}
	#footer .widget ul.menu li:before{ content: '\f05d'; font-family: 'FontAwesome'; float: left; margin-right: 5px}
	#footer .widget p{margin-bottom: 10px}	

	/* = Footer
	-------------------------------------------------------------- */
	#footer{padding: 25px 0 ; color: #999; background-color: #EDF0F2}
	#footer *{color: #333}
	#footer .title-widget-ft{margin-bottom: 10px; line-height: 30px; color: #002d51; font-weight: 700; text-transform: uppercase}
	.mc4wp-form {position: relative}
	.mc4wp-form [type="email"]{border: 1px solid #909191}
	.mc4wp-form [type="submit"]{position: absolute; top: 0; right: 0; line-height: 42px; background-color: #092A48; color: #fff!important}
	.scrollTo{ width: 50px;height: 50px;display: block;text-align: center;line-height: 50px;position: absolute;left: 50%;margin-left: -25px;margin-bottom: -27px;bottom: 0;z-index: 1; cursor: pointer}
	.scrollTo{background: #FB7220; position: fixed; bottom: 0; margin-bottom: 38px; opacity: 0; visibility: hidden; }
	.scrollTo i{color: #fff}
	.scrollTo.show{opacity: .5; visibility: visible }
	.scrollTo.show:hover{opacity: 1 }
	.copyright{padding: 10px 0; background-color: #002D51;color: #fff; position: relative}
	.copyright p, .copyright a{color: #fff}
	.profile{background-color: #FB7220; -moz-box-shadow: 11px 11px 7px rgba(0,0,0,.35), 0 0 3px rgba(0,0,0,.11); -webkit-box-shadow: 11px 11px 7px rgba(0,0,0,.35), 0 0 3px rgba(0,0,0,.11); box-shadow: 11px 11px 7px rgba(0,0,0,.35), 0 0 3px rgba(0,0,0,.11); line-height: 85px; padding: 0 25px; font-size: 30px;position: absolute; right: 0; bottom: 0; margin-bottom: -10px}

	/* = Plugin
	-------------------------------------------------------------- */
	.wp-pagenavi {text-align: center;display: block;float: right;margin: 0 0 20px}
	.wp-pagenavi span.pages {padding: 0 10px}
	.wp-pagenavi span.current, .wp-pagenavi a:hover {background: #fff;border: 1px solid #002D51;color: #000}
	.wp-pagenavi span, .wp-pagenavi a {float: left;line-height: 38px; margin: 0 0 0 10px;font-weight: 700;padding: 0 15px}
	.wp-pagenavi span.pages, .wp-pagenavi a {color: #fff;background: #002D51;border: 1px solid #002D51}

	span.wpcf7-not-valid-tip{display: none}
	.wpcf7-not-valid{border: 1px solid red}
	.wpcf7-validation-errors, div.wpcf7-mail-sent-ok{display: none!important}

	.socials .at-icon-wrapper{background-color: transparent!important}
	.socials .at-icon{fill: #002D51}

	#module-book table:nth-child(5){margin-bottom: 0}
	#module-book input, #module-book select{line-height: 30px}
	#module-book select{height: 30px}
	#module-book form{margin-top: 15px; padding-left: 15px}
	#module-book tbody{border-bottom: none}
	#module-book td, #module-book tr{border-top: none}
	#module-book td:first-child{ width: 120px; text-align: right; padding-right: 10px}
	#module-book td .wpcf7-form-control-wrap{width: 72%; display: inline-block;}
	#module-book td .wpcf7-form-control-wrap.sex{width: 12%}
	#module-book td .wpcf7-form-control-wrap.your-name{width: 60%}
	#module-book td .wpcf7-form-control-wrap.your_title input{ color: #FB7220; text-transform: uppercase; border: none; font-weight: 700}
	#module-book input[type="submit"]{margin-bottom: 0}

	.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{margin-bottom: 15px!important}

/*
Media Queries
-------------------------------------------------------------- */
@media screen and (max-width: 1280px) {
	
}
/*col-md*/
@media screen and (max-width: 1199px) {
	#header .info-top li{width: 50%; padding: 0}
	#menu-primary{display: none}
	.wrapper-menu #searchform{padding: 10px 0 10px 0; border-right: none;}
	.toggle-mobile-menu {display: block}
	.section-commitment li{ padding: 60px 10px 0; text-align: center; background-position: top center!important; border-right: none}
	.destinations-list .exp-dest{display: none}
}
@media screen and (max-width: 1024px) {
	
}
/*col-sm*/
@media screen and (max-width: 991px) {
	#logo, .banner-head{ text-align: center}
	.products-list .col-md-4:nth-child(3n+1), .list-posts .col-md-3:nth-child(4n+1){clear: inherit}
	.products-list .col-md-4:nth-child(2n+1), .list-posts .col-md-3:nth-child(3n+1){clear: both}
}
@media screen and (max-width: 800px) {}
/*col-xs*/
@media screen and (max-width: 767px) {
	#header .info-top, .section-commitment{display: none}
	.section-commitment li{width: 33.333333333%}
	.list-posts article.post-item .thumb, #handbook article.post-item .thumb{text-align: center}
	.list-posts .col-md-3:nth-child(2n+1){clear: both}
	.list-posts .col-md-3:nth-child(3n+1){clear: inherit}
	#handbook .col-sm-4:nth-child(3n+1){clear: inherit}
	#handbook .col-sm-4:nth-child(2n+1){clear: both}
	.list-posts .thumb{text-align: center}
	.profile{display: none}
	.destinations-list .caption .box-center span{font-size: 18px}
	.archive .product-item .thumb-item{margin-bottom: 10px}
	.rate1, .rate2{margin-bottom: 10px}
	#percircle-total{margin: 0 auto; float: none}
	#module-book form{padding-left: 0}
	#module-book td:first-child{width: 0}
	#module-book td .wpcf7-form-control-wrap.sex{width: 25%}
	#module-book td .wpcf7-form-control-wrap.your-name{width: 75%}
	#module-book td .wpcf7-form-control-wrap{width: 100%}
	#module-book table:nth-child(5) tr:last-child td{text-align: center; width: 100%; padding: 0}
	.post-content .info-product .info-left{max-width: 100%; width: 100%}
	.post-content .info-product .info-right{float: left!important; text-align: left;}
	.post-content .info-product .info-right .book-product{float: left}
}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 568px) {}
@media screen and (max-width: 480px) {
	.destinations-list .grid .col:first-child {display: none}
	#module-book td, #module-book tr{float: left; width: 100%}
	#module-book td:first-child{width: auto}
}
@media screen and (max-width: 414px) {}
@media screen and (max-width: 320px) {
	.ew-xs{width: 100%!important}
	.info-customer{margin: 0 auto;text-align: center}
	.info-customer .percircle{margin: 0 auto;float: none;margin-bottom: 5px}
	.block-now{padding: 0 15px}
}