@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.otf');
    src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; }

/*===================================================================*/
#header{box-shadow: 0 0 8px rgba(0, 0, 0, 0.31); position: relative; z-index: 10;}
.logo a{display: inline-block; padding: 2px 0;}
.icon-top{padding: 23px 30px 17px; border-left: 1px solid #d4dee5; border-right: 1px solid #d4dee5; display: inline-block;}
.block-menu .icon-line{display: block; width: 32px; height: 20px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat 0 0; cursor: pointer;}
.block-user .icon-user{display: block; width: 20px; height: 20px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat -42px 0; cursor: pointer;}
/*==========================================================================*/
#footer{background: #70AFEE url(../images/front/bg-footer.png) repeat-x; font: 400 13px/20px 'Roboto', sans-serif;}
#footer h2{font: 400 16px/24px 'Montserrat-SemiBold', sans-serif; color: #1e63a5; text-transform: uppercase; margin-bottom: 15px;}
.footer-top{background: url(../images/front/bg-footer-top.png) no-repeat center bottom; padding: 45px 0;}
.footer-top .col-md-3{margin-bottom: 20px;}
.footer-top ul.list-search{overflow: hidden;margin: 0 -3px;}
.footer-top ul.list-search li{float: left; box-sizing:border-box; padding: 0 3px; margin-bottom: 6px;}
.footer-top ul.list-search li a{display: inline-block; color: #3e678e; padding: 5px; border: 1px solid #86afd5; transition: all .3s ease;}
.footer-top ul.list-search li.active a,
.footer-top ul.list-search li a:hover{background: #0083ff; color: #fff; border-color: #0083ff;}

ul.list_{}
ul.list_ li{margin-bottom: 5px;}
ul.list_ li a{color: #3e678e;}
ul.list_ li a:hover{color: #0083ff;}
ul.list_ li a:before{content: ''; width: 9px; height: 9px; display: inline-block; background: url(../images/front/sprite.png) no-repeat -191px -9px; margin-right: 10px;}
ul.list_ li a:hover:before{background: url(../images/front/sprite.png) no-repeat -191px 0px;}
.footer-top p{margin-bottom: 5px;}
.footer-top p span{display: block; margin-bottom: 5px; color: #3e678e;}

.footer-top ul.social{overflow: hidden; margin: 0 -10px;}
.footer-top ul.social li{float: left; padding: 0 10px;}
.footer-top ul.social li a{display: block; text-indent: -9999px; height: 13px; background: url(../images/front/sprite.png) no-repeat;}
.footer-top ul.social li a.icon-f{background-position: -87px -27px; width: 8px;}
.footer-top ul.social li a.icon-t{background-position: -113px -27px; width: 12px;}
.footer-top ul.social li a.icon-g{background-position: -145px -27px; width: 11px;}
.footer-top ul.social li a.icon-f:hover{background-position: -87px -40px;}
.footer-top ul.social li a.icon-t:hover{background-position: -113px -40px;}
.footer-top ul.social li a.icon-g:hover{background-position: -145px -40px;}

.footer-content{background: #4087cd; padding: 20px 0; color: #c0e0ff; overflow: hidden;}
.footer-content a{color: #c0e0ff;}

.footer-bot{background: url(../images/front/bg-footer-bot.png) repeat; padding: 45px 0 40px;}
.footer-bot h2{text-align: center;}
.footer-bot ul{overflow: hidden; margin: 0 -10px;}
.footer-bot li{width: 25%; float: left; padding: 0 10px;}
/*==========================================================================*/

.block-ct-top{overflow: hidden; position: relative;}
.rslides {position: relative; overflow: hidden; width: 100%; }
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child {position: relative; display: block; float: left; }
.rslides img {display: block; height: auto; float: left; width: 100%;}

.block-search{position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 20; background: url(../images/front/bg-slider.png) repeat; }
.table_{width: 100%; height: 100%; display: table;}
.table_cell{width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.block-search h1{font: 400 24px/normal 'Montserrat-SemiBold', sans-serif; color: #fff; text-transform: uppercase; text-align: center; margin-bottom: 5px;}
.block-search p{font: 500 18px/20px 'Roboto', sans-serif; color: #fff; text-align: center;}
.block-form{width: 700px; margin: auto; border: 15px solid rgba(255,255,255,0.40); border-radius: 4px; margin-top: 25px;}
.form-content{background: #fff; padding: 20px 30px 5px;}
.form-content ul li{margin-bottom: 20px;}
.form-content h3{font: 400 15px/20px 'Roboto', sans-serif; color: #333; text-transform: uppercase; margin-bottom: 15px;}
.form-content h3 span{color: #ff9000;}
.form-content li span{font: 400 13px/20px 'Roboto', sans-serif; color: #444; display: block; width: 125px; float: left; margin-top: 8px;}
.form-content li .right_{overflow: hidden; position: relative;}
.form-content li .icon-date:after{content: ''; display: block; width: 16px; height: 16px; background: url(../images/front/sprite.png) no-repeat -66px 0; position: absolute; top: 50%; right: 10px; margin-top: -8px;}
.form-content .form-control{height: 36px; border: 1px solid #e1e1e1; font: 400 13px/20px 'Roboto', sans-serif; color: #888;}
.form-content .form-control:focus{border-color: #ff9000;}
.form-content li label{width: 100%; position: relative; cursor: pointer;}
.form-content li label:after {content:''; right: 15px; top:50%; margin-top: -4px; position:absolute; pointer-events:none; width: 6px; height: 8px; background: url(../images/front/sprite.png) no-repeat -87px 0px; }
.form-content li select {-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}
.form-content button{border: none; display: block; width: 180px; border-radius: 20px; background: #0287f8; padding: 7px 0; text-align: center; margin: auto; font: 400 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase;}

.form-content button,
.register .block-mail button,
a.but-room,
.block-gift a.regis{-webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;overflow: hidden;}
.register .block-mail button:before,
a.but-room:before,
.block-gift a.regis:before,
.form-content button:before{content: ""; display: block; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #ff9000; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.register .block-mail button:hover:before,
a.but-room:hover:before,
.block-gift a.regis:hover:before,
.form-content button:hover:before{-webkit-transform: scaleX(1); transform: scaleX(1);}

.detail-ct ul.list-items p a:hover,
.footer-content a:hover,
ul.list-items h3 a:hover{color: #FE9B44;}



.datepicker{margin-top: -237px;}
.table-condensed > thead > tr > th{font: 500 14px/20px 'Roboto', sans-serif; color: #000; padding: 2px;}
.table-condensed > tbody > tr > td{font: 400 13px/20px 'Roboto', sans-serif; color: #333; padding: 2px;}


.block-gift{background-color: #0287f8; background-image: linear-gradient(to right, #0287f8 0%, #0287f8 64.66666667%, #005efa 64.66666667% ); padding: 18px 0; margin-bottom: 45px;}
.block-gift .gift{width: 100%; position: relative;}
.block-gift .gift:after{content: ''; width: 30px; height: 30px; display: block; background: url(../images/front/sprite.png) no-repeat -50px -27px; position: absolute; right: -30px; top: 50%; margin-top: -15px;}
.block-gift .gift:before{content: ''; display: inline-block; width: 41px; height: 47px; background: url(../images/front/sprite.png) no-repeat 0 -27px; margin-right: 20px; float: left;}
.block-gift p{font: 400 14px/20px 'Roboto', sans-serif; color: #fff; overflow: hidden; padding-top: 4px;}
.block-gift p strong{font-size: 16px; font-weight: 400; text-transform: uppercase; display: block;}

.block-gift a.regis{font: 500 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; padding: 5px 0; text-align: center; margin: 9px auto 0; width: 145px; border-radius: 20px; background: #0287f8; display: block;}


.block-tab:before,
.block-destination:before{content: ''; height: 2px; width: 100%; background-color: #d4dee5; background-image: linear-gradient(to right, #ff9000 0%, #ff9000 20%, #d4dee5 20% ); display: block; position: absolute; top: 13px; left: 0;z-index: -1;}
.block-destination{margin-bottom: 25px; position: relative;}
.block-destination h2:before{content: ''; display: inline-block; width: 10px; height: 2px; background: #fff; position: absolute; top: 13px; left: -10px;}
.block-destination h2{font: 400 18px/normal 'Montserrat-SemiBold', sans-serif; color: #222; text-transform: uppercase; margin-bottom: 20px; display: inline-block; background: #fff; padding-right: 5px; position: relative;}
.block-destination ul li.col-md-4{margin-bottom: 25px;}
ul.list-items{overflow: hidden;}
ul.list-items a.img{overflow: hidden; height: 240px; display: block;}
ul.list-items a.img img{ -webkit-transition: all 2s ease; transition: all 2s ease; width: 100%; height: 100%;}
ul.list-items a.img:hover img {-webkit-transform:scale(1.2);transform:scale(1.2);}
ul.list-items .txt-info{padding: 15px; border-left: 1px solid #d4dee5; border-right: 1px solid #d4dee5;}
ul.list-items .txt-info .clear{width: 100%; overflow: hidden; margin-bottom: 10px;}
ul.list-items h3 a{font: 400 14px/20px 'Roboto', sans-serif; color: #4285f4; }
ul.list-items .clear span{font: 400 14px/20px 'Roboto', sans-serif; color: #555; }
ul.list-items .clear span:before{content: '';display: inline-block; width: 11px; height: 16px; background: url(../images/front/sprite.png) no-repeat -100px 0; vertical-align: sub; margin-right: 10px;}
ul.list-items p{font: 400 13px/18px 'Roboto', sans-serif; color: #888;}
ul.list-items p span{display: block; margin-bottom: 5px;}
ul.list-items p span:last-child{margin-bottom: 0}
ul.list-items .info-bot{border: 1px solid #d4dee5; overflow: hidden;}
ul.list-items .info-bot span{font: 400 13px/18px 'Roboto', sans-serif; color: #9c9c9c; display: inline-block; padding: 11px 0 11px 15px;}
ul.list-items .info-bot span:before{content: ''; width: 19px; height: 16px; background: url(../images/front/sprite.png) no-repeat -120px 0; margin-right: 10px; display: inline-block; vertical-align: sub;}
ul.list-items .info-bot a{display: inline-block; padding: 12px 20px; border-left: 1px solid #d4dee5;}
ul.list-items .info-bot a i{display: block; width: 9px; height: 16px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat -147px 0; transition: background .3s ease;}
ul.list-items .info-bot a:hover i{ background: url(../images/front/sprite.png) no-repeat -158px 0;}

ul.list-items li:hover .info-bot a,
ul.list-items li:hover .txt-info,
ul.list-items li:hover .info-bot{transition: border-color 1s; border-color: #FF6D00;}

.block-banner{margin-bottom: 25px;}
.block-banner .detail{position: relative;}
.block-banner .txt-bn{position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; text-transform: uppercase; color: #fff;}
.block-banner a:before{content: '';display: block; width: 96%; height: 86%; position: absolute; left: 2%; top: 7%; border-left: 1px solid rgba(255,255,255,0.30); border-right: 1px solid rgba(255,255,255,0.30); z-index: 20;}
.block-banner a:after{display: block;content: ''; width: 96%; height: 86%; position: absolute; left: 2%; top: 7%; border-top: 1px solid rgba(255,255,255,0.30); border-bottom: 1px solid rgba(255,255,255,0.30); z-index: 20;}
.block-banner a:hover:after,
.block-banner a:hover:before{border-color: rgba(253,183,20,0.30);}
.block-banner li{max-height: 150px; overflow: hidden; margin-bottom: 20px;}
.block-banner li img{width: 100%; height: 100%;}
.block-banner h4{font: 400 20px/24px 'Montserrat-SemiBold', sans-serif; padding-left: 60px;}
.block-banner p{font: 400 14px/20px 'Roboto', sans-serif; padding-left: 60px;}

.block-tab:before{top: 18px;}
.block-tab{position: relative;}
.block-tab .container{position: relative;}
.block-list{position: relative; margin-bottom: 30px;}
ul.list-tab{overflow: hidden; margin: 0 -5px; background: #fff; width: 480px;}
ul.list-tab li{float: left; padding: 0 5px;}
ul.list-tab li a{font: 400 15px/24px 'Montserrat-SemiBold', sans-serif; color: #666; text-transform: uppercase; padding: 5px 15px; border: 1px solid #d4dee5; display: block;}
ul.list-tab li a.active:hover,
ul.list-tab li a.active{background: #ff9000; border-color: #ff9000; color: #fff;}
ul.list-tab li a:hover{color: #ff9000;border-color: #ff9000;}

.detail-ct{margin-bottom: 10px;}
.detail-ct h2{font: 400 18px/normal 'Montserrat-SemiBold', sans-serif; color: #222; text-transform: uppercase; display: inline-block; background: #fff; padding: 0 5px; position: absolute; right: 10px; top: 5px;}
.detail-ct ul.list-items .txt-info{padding: 10px 0; border: none;}
.detail-ct ul.list-items li.col-md-3{margin-bottom: 30px;}
.incentives{display: inline-block; font: 500 13px/20px 'Roboto', sans-serif; color: #fff; padding: 5px 10px; border-radius: 0 0 4px 4px; position: absolute; left: 25px; top: 0; background: #ff9000; z-index: 10;}
.incentives:before{content: ''; display: inline-block; width: 16px; height: 16px; background: url(../images/front/sprite.png) no-repeat -172px 0; vertical-align: sub; margin-right: 5px;}
.detail-ct ul.list-items a.img{height: 170px;}
.detail-ct ul.list-items h3{text-transform: uppercase;}
.detail-ct ul.list-items p{margin-bottom: 5px;}
.detail-ct ul.list-items p a{color: #555;}
.detail-ct .price-status{overflow: hidden; font: 400 14px/20px 'Roboto', sans-serif; color: #888;}
.detail-ct .price-status .pull-left{color: #ff4716;}
.detail-ct ul.list-items .info-bot{border-left: none; border-right: none; margin-bottom: 10px;}
.detail-ct ul.list-items p.rate{display: inline-block; padding: 11px 0; margin: 0;}
.detail-ct ul.list-items p.rate .blue-cl{color: #4285f4; font-style: inherit;}
.detail-ct ul.list-items p.rate .gray-cl{color: #555; font-style: inherit;}
a.but-room{font: 400 13px/20px 'Roboto', sans-serif; color: #fff; background: #4285f4; border-radius: 20px; display: block; width: 100%; padding: 5px 0; text-align: center; text-transform: uppercase;}


.register{background: url(../images/front/bg-register.png) no-repeat; padding: 17px 0;}
.register p{font: 500 14px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; padding: 9px 0;}
.register .block-mail{}
.register .block-mail input{height: 36px; border: 1px solid #8bc5ff; background: #c0e0ff; font: italic 300 13px/20px 'Roboto', sans-serif; color: #3e678e; width: 280px; display: inline-block;}
.register .block-mail button{display: inline-block; width: 145px; padding: 8px 0; text-align: center; border-radius: 20px; background: #0287f8; font: 500 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; border: none; margin-left: 20px;}


a.tab-responsive{display: none;}

a.back-top{background: url(../images/front/icon-top.png) no-repeat; width: 36px; height: 36px; text-indent: -9999px; position: fixed; bottom: 20px; right: 15px; display: none;}
/*==========================================================================*/

@-moz-document url-prefix() { 
	
}

@media (max-width: 1190px){
	.block-search{position: relative; padding: 20px 0;}
	.block-gift .gift:after{display: none;}
	.block-tab ul.list-items .info-bot a {display: block; border-top: 1px solid #d4dee5; width: 100%; border-left: none;}
	.block-tab ul.list-items .info-bot a i{margin: auto;}
	.register{background-size: cover;}
	.register .pull-right,
	.register .pull-left{width: 100%; text-align: center;}
}
@media (max-width: 990px){
	.footer-top .col-md-3{min-height: 200px;}
	.footer-bot li{width: 33.33%;}
	.block-tab ul.list-items .info-bot a{width: auto; display: inline-block; border-top: none; border-left: 1px solid #d4dee5;}
	.detail-ct ul.list-items .txt-info p{height: 40px; overflow: hidden;}
}
@media (max-width: 750px){
	.footer-top .col-md-3{min-height: inherit;}
	.block-form{width: auto;}
	.block-gift{background: #005efa;}
}
@media (max-width: 680px){
	.footer-content p{width: 100%; text-align: center;}
	.block-tab ul.list-items .info-bot a{padding: 12px 15px;}
	.block-list a.tab-responsive{display: block; width: 166px; background: #fff; font: 400 15px/24px 'Montserrat-SemiBold', sans-serif; color: #666; text-transform: uppercase; padding: 5px 15px; border: 1px solid #d4dee5; position: relative;}
	.block-list a.tab-responsive:after{content: ''; display: block; width: 36px; background: url(../images/front/icon-rp.png) no-repeat; height: 36px;    position: absolute; top: -1px; right: -35px;}
	.block-list ul.list-tab{display: none; width: 200px; margin: 0; position: absolute; left: 0; top: 36px; background: #fff; z-index: 20;}
	.block-list ul.list-tab li{float: none; padding: 0;}
	.block-list ul.list-tab li a{display: block; font: 500 14px/20px 'Roboto', sans-serif; border-top: none; border-top: none; text-transform: capitalize;}
	.block-banner li{width: 100%;}
}
@media (max-width: 630px){
	.logo a{width: 200px;}
	.icon-top{padding: 15px;}
	.footer-bot li{width: 50%;}
	.form-content{padding: 15px 10px 5px; border-radius: 5px;}
	.block-form{border: none;}
	ul.list-items .txt-info .clear .pull-left,
	ul.list-items .txt-info .clear .pull-right{width: 100%; text-align: center;}
	.block-gift .col-md-8,
	.block-gift .col-md-4{width: 100%;}
	ul.list-items .info-bot span{height: 30px; overflow: hidden; width: 185px;}
}
@media (max-width: 500px){
	.form-content ul li,
	.detail-ct ul.list-items li.col-md-3,
	.block-destination ul li.col-md-4,
	.footer-top .col-md-3{width: 100%;}
	ul.list-items .txt-info .clear .pull-left, ul.list-items .txt-info .clear .pull-right{width: auto;}
	ul.list-items .info-bot span{width: auto; height: auto; overflow: initial;}
	.block-search h1{font-size: 18px;}
	.block-search p{font-size: 15px;}
	.form-content h3{text-align: center;}
	.detail-ct ul.list-items .txt-info p{height: auto;}
	.block-banner li p,
	.block-banner li h4{padding: 0; text-align: center;}
}
@media (max-width: 420px){
	.footer-bot li{width: 100%;}
	.block-list a.tab-responsive{width: 130px; font-size: 13px;}
	.detail-ct h2{font-size: 14px; top: 8px;}
}
@media (max-width: 350px){
	.logo a{width: 150px; margin-top: 7px;}
}