@font-face {
    font-family: 'GodsWordr';
    src: url('../fonts/GodsWordr.otf');
    src: url('../fonts/GodsWordr.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; }

/*===================================================================*/
h3{font: 400 18px/20px 'GodsWordr', sans-serif; color: #0091ea; text-transform: uppercase; margin-bottom: 15px;}
h3:before{content: ''; display: inline-block; width: 20px; height: 20px; background: url(../images/front/sprite.png) no-repeat -67px -1px; margin-right: 10px;}


#header{background: #0091ea; position: absolute; top: 55px;left: 0;width: 100%;z-index: 20;}
.logo{width: 155px; position: relative; float: left;}
.logo a{width: 155px; height: 155px; position: absolute; top: -45px;left: 0;}

.block-menu{float: right;}
.block-menu ul{margin: 0 -15px;}
.block-menu ul li{float: left;  padding: 22px 15px 18px; position: relative; z-index: 100;}
.block-menu ul li a{font: 500 13px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase; display: block;}
.block-menu ul li ul{margin:0; width: 230px; position: absolute; background: #1488d0; opacity: 0; visibility: hidden; transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; z-index: 99; left: 0; top: 0px; border-radius: 0 0 4px 4px;}
.block-menu ul li:hover > ul{display: block; opacity: 1; visibility: visible; top: 60px;}
.block-menu ul li ul li{float: none; padding: 8px 15px; border-bottom: 1px solid #2b95d6;}
#wrapper .block-menu ul ul li a{color: #fff; text-transform: capitalize;}
.block-menu ul li ul li:last-child{border-radius: 0 0 4px 4px;}
a.menu-mobile{display: none; width: 32px; height: 19px; overflow: hidden; padding: 5px 0; position: absolute; top: 24px; right: 15px; background: url(../images/front/line.png) no-repeat; text-indent: -9999px;}
i.mb-ic{display: none;}

.block-puttour{background: #fff; border-radius: 4px 4px 0 0; padding: 25px 20px; margin-top: -63px; position: relative; z-index: 10;}
.block-puttour h3:before{display: none;}
.block-puttour ul{margin: 0 -10px;}
.block-puttour ul li{width: 20%; float: left; box-sizing:border-box; padding: 0 10px; margin-bottom: 20px;}
.block-puttour ul li .form-control{border: 1px solid #e1e1e1; border-radius: 0; box-shadow: 0 0 0 transparent; height: 34px; font: 400 14px/20px 'Roboto', sans-serif; color: #777;}
.block-puttour ul li button{ width: 100%;}
.btn_sub{font: 400 14px/20px 'Roboto', sans-serif; border:none; background: #f22a23; padding: 7px 0 5px; text-align: center; text-transform: uppercase; color: #fff; border-radius: 4px; border-bottom: 2px solid #c10600;}
.btn_sub:hover{background: #c10600;  border-bottom: 2px solid #f22a23;}
#date_out,
#date_in{background: url(../images/front/date.png) no-repeat 95% center ;}

.block-puttour:before{position: absolute; left: -26px;top: 0; width: 40px; height: 190px; content: '';background: url(../images/front/before.png) no-repeat;}
.block-puttour:after{position: absolute; right: -40px;top: 0; width: 40px; height: 190px; content: '';background: url(../images/front/after.png) no-repeat;}

.list_news{margin-bottom: 20px;}
.list_news li{margin-bottom: 15px;}
.list_news a.img{display: block; width: 100%; height: 145px; overflow: hidden;}
.list_news a.img img{width: 100%; height: 100%;}
.list_news h4{overflow: hidden; height: 20px; margin: 10px 0 5px;}
.list_news h4 a{font: 500 15px/20px 'Roboto', sans-serif; color: #3a3a3a;}
.list_news span{display: block; font: 400 14px/20px 'Roboto', sans-serif; color: #555;margin-bottom: 5px;}
.block-news p i,
.list_news span .date{font-style: inherit; color: #0091ea;}
.list_news span .price{font-style: inherit; color: #ff0800;}

.block-content{margin-bottom: 30px;}
.block-intro .txt{width: 52%; float: left;}
.block-intro .txt p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 15px;}
.block-intro .txt p a{color: #333;}

.block-intro .img{width: 45%; float: right;}


.block-news{padding: 15px; border: 1px solid #e0e0e0;margin-bottom: 30px;}
.block-news h3{padding-bottom: 8px; border-bottom: 1px solid #0091ea; display: inline-block; margin-bottom: 15px;font-size: 16px;}
.block-news h3:before{display: none;}
.block-news img{display: block; margin: 0 auto 10px;}
.block-news p{font: 400 13px/20px 'Roboto', sans-serif; color: #555; margin-bottom: 10px;}
.block-news a.read-more{width: 105px; display: block; margin: auto; color: #fff; font-size: 13px;}

#footer{padding: 35px 0 30px; background: url(../images/front/bg_footer.png) no-repeat; color: #fff; background-size: cover;}
#footer h2{font: 400 20px/normal 'GodsWordr', sans-serif; text-transform: uppercase; margin-bottom: 10px;}
#footer p{font: 400 13px/20px 'Roboto', sans-serif; color: #e1eaf5;}
#footer p span{display: block;margin-bottom: 5px;}
#footer h4{font: 400 17px/20px 'GodsWordr', sans-serif; color: #fff; text-transform: uppercase; margin-bottom: 15px;}


.slider{overflow: hidden; position: relative;}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.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%; border: 0; }
a.rslides_nav{display: block; width: 32px;height: 32px; background: url(../images/front/sprite.png) no-repeat; text-indent: -9999px; position: absolute; top: 50%; margin-top: -25px;z-index: 10;}
a.rslides_nav.prev{background-position: 0 -33px; left: 5%;}
a.rslides_nav.next{background-position: -32px 0; right: 5%;}
a.rslides_nav.prev:hover{background-position: 0 0;}
a.rslides_nav.next:hover{background-position: -32px -33px;}

.datepicker{margin-top: -250px;}
.datepicker-days table tr th{font: 500 13px/20px 'Roboto', sans-serif; color: #333; padding: 3px;}
.datepicker-days table tr td{font: 400 13px/20px 'Roboto', sans-serif; color: #555; padding: 3px;}

.block-intro .txt p a:hover,
.list_news h4 a:hover{color: #f22a23;}
.block-puttour ul li .form-control:focus{border-color: #f22a23;}
.block-menu ul li.active a,
#wrapper .block-menu ul ul li a:hover,
.block-menu ul li:hover a{color: #F9F124;}


.tm-map{margin: 20px 0 0;}
.tm-support{display: none; position: fixed; top: 50%; right: -170px; z-index: 1000; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; }
.tm-support h4{font: 400 15px/20px 'GodsWordr', sans-serif; color: #fff; text-transform: uppercase; background: #0091ea; padding: 10px 15px 7px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; top: 74px; right: 95px; width: 185px; cursor: pointer; border-radius: 4px 4px 0 0;}
.if-support{background: #fff; min-height: 185px; width: 170px; padding: 15px 5px; box-shadow: 0 0 5px rgba(0, 0, 0, .5)}
.if-support p{overflow: hidden; padding-bottom: 6px; margin-bottom: 10px; border-bottom: 1px dashed #b9b0b0;}
.if-support p span:first-child{width: 65px;}
.if-support p span{width: calc(100% - 65px); float: left; font: 400 14px/20px 'Open Sans', sans-serif; color: #000;}
.if-support p span a{color: #f22a23; display: block;}
.if-support ul{padding: 0 5px;}
.if-support ul li{margin-top: 5px;}
.if-support ul li a{display: block; font: 400 14px/20px 'Open Sans', sans-serif; color: #000;}
.if-support ul li a i{display: inline-block; width: 30px; height: 30px; margin-right: 10px; vertical-align: middle;}
.if-support ul li a i.tm-f{background: url('../images/front/facebook.png') no-repeat;}
.if-support ul li a i.tm-s{background: url('../images/front/skype.png') no-repeat;}
.if-support ul li a i.tm-z{background: url('../images/front/zalo.png') no-repeat; height: 28px;}

/*==========================================================================*/

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

@media (max-width: 1190px){
    .block-menu ul{margin: 0 -8px;}
    .block-menu ul li{padding: 22px 8px 18px;}
    .block-menu ul li a{font-size: 12px;}
    .block-intro .img{margin-top: 20px;}
}
@media (max-width: 990px){
    #header{position: relative; top: auto;left: auto; z-index: inherit; height: 65px;}
    .logo{width: 200px;}
    .logo a{position: inherit; top: auto; left: auto; text-indent: -9999px; display: block; width: 200px; height: 64px; background: url(../images/front/logo_mobile.png) no-repeat;}
    .block-intro .img,
    .block-puttour:before,
    .block-puttour:after{display: none; margin: 0;}
    .block-puttour{margin-top: 0;padding: 25px 0;}
    .block-puttour ul li{width: 33.33%;}
    .block-intro .txt,
    .block-puttour ul li:last-child{width: 100%;}
    .tm-support{display: block;}

    a.menu-mobile{display: block;}
    .block-menu ul.menu{opacity: 0; visibility: hidden; width: 250px; position: absolute; top: 65px; right: 15px; background: #fff; z-index: 1001; padding: 10px 0; box-shadow: 0 2px 3px rgba(0, 0, 0, .2); border-radius: 0 0 4px 4px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .block-menu.active ul.menu{opacity: 1; visibility: visible;}
    .block-menu ul.menu li{float: none; padding: 0; position: relative; border-bottom: 1px solid #f7f7f7;}
    .block-menu ul.menu li i.mb-ic{display: block; width: 40px; height: 40px; background: url(../images/front/ic-down.png) no-repeat center; position: absolute; top: 0; right: 0; border-left: 1px solid #f7f7f7; z-index: 10;}
    .block-menu ul.menu li i.mb-ic.active{-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); border-right: 1px solid #f7f7f7; }
    .block-menu ul.menu li a{display: block; color: #333; padding: 10px 40px 10px 15px;}
    .block-menu ul.menu li:last-child{border: none;}
    .block-menu ul.menu li:hover a, #wrapper .block-menu ul ul li a:hover, .block-menu ul li:hover a, .block-menu ul.menu li.active a{color: #0091ea;}
    .block-menu ul.menu li ul.tm-sub{display: none; border-top: 1px solid #f7f7f7; position: relative; top: auto; left: auto; visibility: visible; opacity: 1; width: 100%; background: #fafafa;}
    .block-menu ul.menu li ul.tm-sub.active{display: block;}
    #wrapper .block-menu ul ul li a{color: #333; padding: 7px 15px 7px 25px;}
}
@media (max-width: 750px){
    .block-video{display: none;}
    .list_news,
    .block-content{margin-bottom: 0;}
    .tm-map{margin: 20px 0 30px;}
    
}
@media (max-width: 680px){}
@media (max-width: 630px){}
@media (max-width: 500px){
    .block-puttour ul li{width: 50%;}
    #footer h2{font-size: 15px; line-height: 20px;}
    #footer p{font-size: 12px;}
}
@media (max-width: 420px){
    .list_news li{width: 100%;}
    h3{font-size: 16px;}
}