@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body {
    position:static;
    font-family:Open Sans,sans-serif;
    font-size:14px;
    line-height:1.5;
    color:#000;
    background-color:#fff;
}
img {
	max-width: 100%;
	height: auto;
}

a:hover {
	outline: none;
	text-decoration: none;
}
a:focus {
	outline: none;
	outline-offset: 0;
}
#slidecaption {
    position:absolute;
    height: 80px;
    top: 300px;
    bottom:0;
    right: 0;
    overflow: hidden;
    text-indent: 10px;
    text-align:left;
    color: #FFFFFF;
    font: 400 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 0 0;
    line-height: 30px;
}
.logo-text{
    display: block;
    font-size: 42px;
    color: #b71c1c;
}

.list-unstyled a{
    color: black;
    text-decoration: none;
}
.list-unstyled a:hover{
    color: #b71c1c;
}

.news-item{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}
.news-time{
    background: #e5e5e5;
    padding: 3px;
    font-size: 11px;
    font-style: normal;
}
.news-item img{
	max-width:130px;
	height:90px;	
}

.form-search .input-group-addon{
    background-color: #2b5797;
    border-color: #2b5797;;
    color: white;
}
.how-it-works .cap{
    font-size: 18px;
}


.reposive-container-ship{
    width: 100%;
    overflow: auto;
}
.container-ship{
    border: 2px solid #8c8c8c;
    padding: 15px;
    text-align: center;
    border-radius: 0 60px 60px 0;
    min-width: 600px;
}
.seat{
    width: 5%;
    padding: 0;
    overflow: hidden;
}

.container-animation{
    position: relative;
}
.animation-ship {
    position: absolute;
    -webkit-animation-name: ship; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 8s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-direction: reverse; /* Safari 4.0 - 8.0 */
    animation-name: ship;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-direction: reverse;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes ship {
    0%   {transform: rotate(0); left:200px; top:0px;}
    25%  {left:160px; top:0px;}
    50%  {left:160px; bottom:10px;}
    75%  {left:0px; top:0px;}
    100% {left:0px; top:0px;}
}
/* Standard syntax */
@keyframes ship {
    0%   {transform: rotateY(0deg); left:0px; top:0px;}
    25%  {transform: rotateY(0deg); left:160px; top:0px;}
    50%  {transform: rotateY(180deg); left:160px; top:0px;}
    75%  {transform: rotateY(180deg); left:0px; top:-5px;}
    100% {transform: rotateY(0deg); left:0px; top:0px;}
}
.animation-water {
    position: absolute;
    -webkit-animation-name: water; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-direction: reverse; /* Safari 4.0 - 8.0 */
    animation-name: water;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-direction: reverse;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes water {
    0%   {transform: rotateX(0deg);}
    25%  {transform: rotateX(30deg);}
    50%  {transform: rotateX(0deg);}
    75%  {transform: rotateX(30deg);}
    100% {transform: rotateX(0);}
}
/* Standard syntax */
@keyframes water {
    0%   {transform: rotateX(0deg);transform: rotateY(0deg);}
    25%  {transform: rotateX(30deg);transform: rotateY(30deg);}
    50%  {transform: rotateX(0deg);transform: rotateY(0deg);}
    75%  {transform: rotateX(30deg);transform: rotateY(30deg);}
    100% {transform: rotateX(0);transform: rotateY(0);}
}

.banner-aside{
    background: url("../images/aside.jpg");
    height: 395px;
    border-radius: 4px;

    -webkit-animation-name: bg; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 50s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-direction: reverse; /* Safari 4.0 - 8.0 */
    animation-name: bg;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-direction: reverse;
}
.banner-aside p {
    text-align: right;
    font-weight: 700;
    font-size: 40px;
    color: #fff;
    padding-top: 30px;
    padding-right: 10px;
    text-shadow: 2px 2px 10px #cc6961;
    opacity: 0.7;
}



/* Safari 4.0 - 8.0 */
@-webkit-keyframes bg {
    0%   {background-position-x: 0;}
    100% {background-position-x: 1292px;}
}
@keyframes bg {
    0%   {background-position-x: 0;}
    100% {background-position-x: 1292px;}
}

.radioCircleInput{visibility: hidden;}
.radioCircle { width: 16px;  height: 16px;  background: #ddd;  border-radius: 100%;  position: relative;  -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.5);  -moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.5);  box-shadow: 0px 0px 1px rgba(0,0,0,0.5);  }
.radioCircle label { display: block;  width: 14px;  height: 14px;  border-radius: 100px;  -webkit-transition: all .5s ease;  -moz-transition: all .5s ease;  -o-transition: all .5s ease;  -ms-transition: all .5s ease;  transition: all .5s ease;  cursor: pointer;  position: absolute;  top: 1px;  left: 1px;  z-index: 1;  background: #fff;  -webkit-box-shadow:inset 0px 0px 1px rgba(0,0,0,0.5);  -moz-box-shadow:inset 0px 0px 1px rgba(0,0,0,0.5);  box-shadow:inset 0px 0px 1px rgba(0,0,0,0.5);  }
.radioCircle input[type=radio]:checked + label { background: #2b5797;  }
.radioCircle span{position: absolute; top: -25%; left: 140%; width: 100px;  }


h1, h2, h3{
    /*color: #337ab7;*/
    color: #2b5797;
}
section{
    padding-top: 80px;
    padding-bottom: 80px;
}
.section-home{
    padding: 20px 0;
}
.section-about{
    padding: 10px 0 30px 0;
}
.no-radius{
    border-radius: 0;
}
.main-header{
    background-color: #004BA6;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}
.top-info{
    line-height: 1;
}
.top-info-icon {
    padding-right: 5px;
}
.social{
    border-radius: 100%;
    padding-left: 7px;
    padding-top: 4px;
    height: 30px;
    width: 30px;
    font-size: 14px;
}
.navbar-header .navbar-toggle{
    border-color: #2b5797;
	margin-right:0;
}
.navbar-header .navbar-toggle .icon-bar{
    background-color: #2b5797;
}
.main-menu{
	width:100%;
    background-color: white;
}
.navbar-collapse{
    padding-left: 0;
    padding-right: 0;
}
.navbar-nav>li>a{
    text-transform: uppercase;
    color: black;
    font-size: 18px;
    padding-top: 55px;
    padding-bottom: 55px;
    border-bottom: solid 2px transparent;
    /*border-left: 1px solid #ccc;*/
}
.navbar-nav>li.active > a {
    color: #cd2122;
}
.navbar-nav>li>a:hover{
    background-color: #004D40;
    color: #fff;
    border-bottom: solid 2px #FF9800;
}
.navbar-nav>li:last-child>a{
    /*border-right: 1px solid #ccc;*/
}

.list-unstyled a{
    color: black;
    text-decoration: none;
}
.list-unstyled a:hover{
    color: #b71c1c;
}

.banner{
    /*background: url('../images/ban1.jpg'); */
    /*background-size: cover;*/
    position: relative;
}


.content-wrapper{
    background: #FFF url(../images/bg.jpg) top no-repeat;
    background-size: 100%;
}
.content{
    padding-bottom: 15px;
    padding-top: 0;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 2px 12px rgba(0,0,0,.175);
    color: #333;
}
.content h1{
	font-size:25px;
}
.breadcrumb{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
     margin-bottom: 10px;
    background: #fff;
    border-bottom: 1px dotted #ccc;
}
.list-chuyen button.active{
    border: 1px solid yellow !important;
    color: yellow;
}
.not-seat{
    color: white !important;
    border: transparent !important;
    background: white !important;
    cursor: default !important;
    pointer-events:none !important;
}
.time{
    color: #b71c1c;
}
.tien-danger{
    color: red;
}
.tien-success{
    color: #4cae4c;
}

.breadcrumb-step{
    border-radius: 10px;
	height:40px;
	font-size:12px;
	/*font-weight:bold;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;*/
}
.breadcrumb-step .bg-success{
    background: #4cae4c;
    color: white;
}
.step{
    padding-top: 5px;
    padding-bottom: 5px;
	height:45px;
}
.step:first-child{
    border-top-left-radius: 4px;
}
.step:last-child{
    border-top-right-radius: 4px;
}

.pttt .nav-tabs>li>a{
    color: black;
}

.pttt .nav-tabs>li>a:before{
    content: "\2610  ";
}
.pttt .nav-tabs>li.active>a:before{
    color: #4cae4c;
    content: "\2611  ";
}
.pttt .nav-tabs>li.active>a, .pttt .nav-tabs>li.active>a:focus, .pttt .nav-tabs>li.active>a:hover{
    border: none;
    font-weight: bold;
    background-color: #eeeeee;
}
.pttt .tab-content>.active{
    border: 1px solid #e7e7e7;

    padding: 10px;
}
#footer{
	background:#004BA6;
	padding:20px 0 0 0;
	color:#FFF;
}
.text_color_yellow{
	color:#FF0;
}
.text_color{
	color:#FFF;
}
.text_viethoa{
	text-transform:uppercase;
	font-size:25px;
}
#footer h3{
	color:#FFF;
	margin-bottom:30px;
}
#footer ul li{
	line-height:25px;
}
#footer ul li a{
	color:#FFF
}
#footer ul li a:hover{
	color:#FF0;
}

.font_size_16{
	font-size:16px;
}

.font_size_18{
	font-size:18px;
	margin-bottom: 20px;
	margin-top: 0;
}

.lst-normal{
	line-height:25px;
}

.box_news_typical {
    border-bottom: 1px dotted #ccc;
    color: #000;
    float: left;
    height: auto;
    margin: 0;
    padding: 10px 0;
    text-align: justify;
    width: 100%;
}
.box_news_typical_title h4 {
	font-size:16px;
}

.box_img_news_typical {
    border: 1px solid #ccc;
    float: left;
    height: 140px;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: center;
    width: 220px;
}
.box_img_news_typical a._img {
    display: block;
    height: 130px;
    margin: 5px;
    position: relative;
    width: 210px;
}
.box_img_news_typical a._img img {
    border: medium none;
    bottom: 0;
    height: 130px;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
    width: 210px;
}
._link {
    color: #253894;
    font-style: normal;
    font-weight: bold;
	font: 700 14px arial;
    line-height: 20px;
}
._link:hover {
    color: #cc0000;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}

.booking_chuyen{
	margin:5px 0;
	line-height:25px;
	width:20%;
	float:left;

}
.booking_chuyen_title{
	overflow:hidden; 
	text-overflow: ellipsis; 
	white-space:nowrap;
}
.font_size_16{
	font-size:16px;
	font-weight:bold;
	padding:10px 0 5px 0;
	clear:both;	 
}
.clear{
	clear:both;
	margin-top:10px;
}
.clear_3px{
	clear:both;
	margin-top:3px;
}

.col_left{
	width:50%;
	float:left
}
.col_right{
	width:50%;
	float:left
}

.system{
	padding:5px;
}
.system ul{
	width:100%;
}

.system ul li{
	list-style:none;
	padding:5px;
	border-bottom:1px solid #DFDFDF;
}

.system ul li a.active{
	color:#F00;
}

.hosocanhan{
	width:100%;
	border:1px solid #CCC;
	padding:5px;
}
.hosocanhan_info{
	background:#FFC033;
	padding:10px;
	text-transform:uppercase;
	color:#4F4F4F;
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #666;
}

.smallfont {
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
}
.title {
	padding:5px 10px;
	background-color:#337ab7;
	font-family: Tahoma;
	font-size:11px;
	color:#FFFFFF;
	font-weight: bold;
}
.info_chuyen{
	width:100%;
}
.fontsize10{
	font-size:12px;
}
/*SẢN PHẨM*/
.product-us{
	background:#F3F3F3;
	padding:50px 0;
}
.single-featured-properties, .column-property-img {
    width: 100%;
    display: inline-block;
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 5px;
    box-shadow: #ddd 0 10px 40px 1px;
}
.properties-image {
    overflow: hidden;
    position: relative;
}
.properties-image a::before, .column-property-img a::before {
    /* background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; */
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translateY(100%);
    transition: all 0.3s ease 0s;
    width: 100%;
}
.properties-image img {
    width: 100%;
    height: 260px;
}
.properties-content {
    background: #fff none repeat scroll 0 0;
    overflow: hidden;
    /* padding: 5px; */
}
.properties-content > h3 {
    height: 45px;
    padding: 5px 10px;
    text-align: center;
    margin: 0;
    overflow: hidden;
    line-height: 30px;
}
.properties-content h3 a {
    font-size: 14px;
    text-transform: uppercase;
    color: #1D1D1D;
    font-weight: 800;
    text-align: center;
}
.properties-content h3:hover a {
    color: #eb3337;
}
.properties-price {
    padding: 5px;
    height: 60px;
    line-height: 20px;
    text-align: center;
}
.price-code {
    width: 100%;
    padding: 5px;
}
.price-goc {
    width: 50%;
    font-size: 12px;
    color: #000000;
    float: left;
    text-align: left;
    overflow: hidden;
}
.price-ban {
    width: 50%;
    color: #EB1C24;
    font-weight: bold;
    font-size: 15px;
    float: left;
    text-align: right;
    overflow: hidden;
}
.price-book {
    line-height: 35px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    background: #b51f24;
    padding: 5px;
}
.price-book a {
    color: #FDFDFD;
}
.price-book:hover {
    background: #004B90;
}
.mua-hang {
    background-color: #e77035;
    border: none;
    padding: 10px 30px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 15px;
}
.form-control {
    display: block;
    width: 100%;
    font-size: 15px;
    height: 40px;
    margin: 10px 0;
    line-height: 2;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 40, 100, 0.12);
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.padding-5 {
    padding: 0 5px;
}
.support-detail .fa{
	color:#2b5797;
	font-size:20px;
}
/*end SẢN PHẨM*/