*{ margin: 0; padding: 0;}

*{ margin: 0; padding: 0;}

li{list-style: none;}

a,a:hover  { text-decoration: none; transition: all 0.4s; -webkit-transition: all 0.4s; }

ul{ margin-bottom: 0;}

a:focus { outline: none; text-decoration: none;}

a:hover ,a.active{ color: #00718c !important}

p:last-child{ margin-bottom: 0}

p{ line-height: 20px;}

  

@font-face {

	font-family: "Arimo-Regular";

	src: url('../fonts/arimo-regular.eot'); /* IE9 Compat Modes */

    src: url("../fonts/Arimo-Regular.ttf"), /* Safari, Android, iOS */

       url('../fonts/arimo-regular.woff'), /* Modern Browsers */ 

       url('../fonts/arimo-regular.svg'); /* Legacy iOS */

}    
@font-face {

	font-family: "utm_alexander";

	src: url('../fonts/utm_alexander.eot'); /* IE9 Compat Modes */

    src: url("../fonts/utm_alexander.ttf"), /* Safari, Android, iOS */

       url('../fonts/utm_alexander.woff'), /* Modern Browsers */ 

       url('../fonts/utm_alexander.svg'); /* Legacy iOS */

}    



@font-face {

	font-family: "FontAwesome";

    src: url('../fonts/fontawesome-webfont.eot'); /* IE9 Compat Modes */

	src: url("../fonts/fontawesome-webfont.ttf"), /* Safari, Android, iOS */

       url('../fontawesome-webfont.woff'), /* Modern Browsers */

       url('../fonts/FontAwesome.otf')  , 

       url('../fonts/fontawesome-webfont.svg'); /* Legacy iOS */

} 



 

body{font-family: "Arimo-Regular";font-size: 13px; color: #666666;  }

.clr{ clear: both;}



/*---header===*/

header{ position: absolute;left: 0;right: 0;top: 0;z-index: 123345;}

.header-top  { background: rgba(0, 113, 140, 0.6) ; height: 43px; }

.header-top .address-top { color: #fff; padding-top: 11px; float: left;}

.address-top p{ float: left; margin-right: 30px; padding-left: 20px; background: url("../images/icon-with.png") no-repeat; background-position: 0 4px ; }

.address-top p.icon-mail {background-position: 0 -28px ;  }

.address-top p.icon-phone {background-position: 0 -62px ;  }

.address-top p:last-child{ margin-right: 0;}

.logo{padding-top: 3px; float: left;}

.logo2 img { float: right;}

.sale-off {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-color: #ff7505;
    padding: 10px;
    max-width: 56px;
    color: #fff;
    text-align: center;
}

.main-content {min-height: 500px; padding-top: 40px; padding-bottom: 40px;}

.hotline { font-size: 26px; color: #0d92b2; text-transform: uppercase; font-family: ""; text-align: center;font-family: "utm_alexander";display: block;
padding-top: 20px;}
.hotline p span { color: #ff3e2a; }
.hotline p {line-height: 30px;}


nav{  position: relative;  z-index: 1232; height: 86px; background: #fff;}

nav .container{position: relative;} 

.main-menu {float: right;padding-top: 23px;}

.main-menu > li{ float: left; position: relative; margin-right: 30px; padding-bottom: 21px; }   

.main-menu li:last-child{ margin-right: 0; }

.main-menu li ul {

    position: absolute;

    top: 63px;

    z-index: 12312;

    background: #2191B9;

    width: 225px;

    display: none;

    left: 0;

}

.main-menu li ul li { 

    float: none;

    margin-right: 0;

    border-bottom: 1px solid #24A0CB; 

} 

.main-menu li ul li a{ padding: 10px 15px; color: #7ADBFD; }

.main-menu li ul li:hover a{  color: #fff !important; }

.main-menu li ul li:first-child a{border-top: 4px solid rgba(255, 255, 255, 0.13);}

.main-menu li:hover ul { display: block;}

.main-menu li a {color: #444444;font-size: 13px;text-transform: uppercase;display: block;padding: 13px 0px  11px;}

.main-menu li a:hover,.main-menu li a.active{    color: #00718c !important }

.main-menu > li > a i{margin-left: 3px;} 

.main-menu > li:first-child a i {  font-size: 19px; margin-left: 0;color: #ffe8e8;}

.main-menu > li:last-child{ margin-bottom: 0;}

.show-menu-mobile { display: none; width: 38px; cursor: pointer; float: left;margin-top: 16px; margin-bottom: 9px; float: right; padding-top: 11px;}

.show-menu-mobile span { display: block; height: 4px; background: #1F90B8; margin-bottom: 5px ;}

.language{ position: absolute;right: 13px;top: 9px;}



/*===with==*/

.title-block { font-size: 20px; color: #f2fcfe; font-weight: normal; text-transform: uppercase; margin: 0; padding: 15px 20px; background: #00718c; 

    border-top-left-radius: 3px; border-top-right-radius: 3px; position: relative;

}

.title-section{ display: block; margin: 0 0 20px; float: left; width: 100%; border-bottom: 1px solid #eeeeee;}

.title-section span{ font-size: 20px; color: #00718c; text-transform: uppercase;float: left; padding: 15px 0; border-bottom: 1px solid; margin-bottom: -1px;}

.title-section .view-more{ float: right;font-size: 13px; color: #666666; position: relative; top: 29px;}

.title-section .view-more:before { position: absolute; content: "";position: absolute;content: "";border-top: 3px solid transparent;border-bottom: 3px solid transparent;border-left: 4px solid #666;left: -7px;top: 4px;}



.toggle-block{cursor: pointer; float: right;position: absolute;right: 0;width: 50px;height: 100%;top: 0;text-align: center;padding-top: 15px; display: none;}

.toggle-block i{background: #184A56;padding: 0px 4px;border-radius: 4px;}



.title-field{ font-size: 17px ; color: #444444; text-transform: uppercase; margin-top: 0;}



.title-page{ font-size: 30px; color: #fff; text-transform: uppercase;margin-top: 55px;}



.name{ font-size: 18px; color: #333333;   padding-top: 10px; display: block;padding-bottom: 4px; }

.star{ margin-bottom: 10px;}

.more { text-align: center;}

.more a {display: inline-block; padding: 8px 20px;color: #777;text-transform: uppercase;font-size: 13px;border: 1px solid #AAA;}

.more a:hover{ background: #d33838; color: #fff !important; border: 1px solid #d33838;}



.sod_select{ color: #ffe8e8; font-size: 12px; text-transform: uppercase;background: none; font-weight: normal;padding: 6px 6px 6px 11px; cursor: pointer;font-family: "OpenSans-Semibold";}

.sod_select::before, .sod_select::after { display: none;}

.sod_select i{position: relative; right: -20px; top: -12px;}

.sod_select .sod_list_wrapper{ left: auto; right: 0;top: 31px;background: #b93131;color: #ffe8e8; width: 100px ; border: 3px solid #CE6F6F; z-index: 1234}

.sod_select.open { color: #fff;}

.sod_select .sod_label { padding: 0;}

.page{ padding: 40px 0;}

.banner-sub{ height: 150px; background: url("../images/bg-banner-sub.jpg") no-repeat;float: left; width: 100%;}



.block-bottom {padding-top: 35px;}



.image-opacity{ opacity: 1; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;}

.image-opacity:hover{ opacity: 0.6; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;}



 

.link-top { display: block; text-align: center;}

.link-top ul { display: inline-block;   position: relative; margin-bottom: 40px; }

.link-top ul:before, .select-mobile:before{

    position: absolute;

    content: "";

    width: 52px;

    height: 3px; 

    left: 0;

    background: url("../images/line-arrow.png") no-repeat left top;

    top: 16px;

    left: -71px;

}

.link-top ul:after, .select-mobile:after{

    position: absolute;

    content: "";

    width: 52px;

    height: 3px; 

    right: -71px;

    top: 16px;

    background: url("../images/line-arrow.png") no-repeat -75px top;

}

.link-top ul li { display: inline-block; margin-right: 28px;}

.link-top ul li:last-child{ margin-right: 0;}

.link-top ul li a{ color: #777777; padding: 7px 25px; border: 1px solid #ababab; text-transform: uppercase;display: block;}

.link-top ul li a:hover, .link-top ul li a.active{background: #d33838; color: #ffe8e8 !important; border: 1px solid #ffe8e8;}

.rslides_nav{ display: none;}



.column-left .content-block {border: 1px solid #eeeeee; border-top: none; padding: 20px;}

.column-left .block { margin-bottom: 30px; }

.column-left .block  ul li a{ font-size: 14px; color: #444444; display: block;}

.block-category .content-block { padding: 0;}

.block-category .content-block > ul > li { border-bottom: 1px solid #eee; }

.block-category .content-block > ul > li:last-child { border-bottom: none; } 

.block-category ul li { position: relative;}

.block-category ul li a { padding: 15px 10px; }

.block-category ul ul{padding-left: 20px;margin-top: -11px;  padding-bottom: 8px; display: none;}

.block-category ul ul li a{ font-size: 14px !important; position: relative; padding: 5px 10px;}

.block-category ul ul li a:before{ position: absolute; content: ""; width: 4px; height: 4px; left: 0px; top: 13px; background: #777777;}

.block-category ul ul li:hover a:before { background: #00718c;}

.block-category ul li .arrow-down{ position: absolute; right: 0 ; width: 45px; height: 51px;   top: 0; cursor: pointer;}

.block-category ul li .arrow-down:before{ position: absolute; content: ""; left: 18px; top: 23px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #666666;}

.block-category ul li .arrow-down:hover:before{ border-top: 5px solid #00718c; }

.block-category ul li .arrow-down.active:before{ border-top: none; border-bottom: 5px solid #00718c;}



.block-service ul li a { padding: 7px 0; }



.block-tuvan h2 {font-size: 15px; color: #444444; margin: 0 0 9px;}

.block-tuvan ul { padding-top: 8px;}

.block-tuvan p{font-size: 15px; color: #666666 ;margin-bottom: 7px; }

.block-tuvan p span {float: left; width: 16px; margin-right: 5px; height: 15px; background: url("../images/icon-with.png") no-repeat ; background-position: 3px -506px; display: inline-block;}

.block-tuvan p span.icon-mail{background-position: 0 -550px; }

.block-tuvan p span.icon-skype{background-position: 1px -591px; }

.block-tuvan ul li { margin-bottom: 20px ; }

.block-tuvan ul li:last-child { margin-bottom: 0 ; }



.block-service ul span{ width: 27px; margin-right: 5px; /* background: url("../images/icon-with.png") no-repeat; background-position: 5px  -103px; */ height: 20px ; display: inline-block;position: relative;

bottom: -1px;}

.block-service ul span.icon-bus { background-position: center -154px; }

.block-service ul span.icon-tour { background-position: center -199px;}

.block-service ul span.icon-cable { background-position: center -255px;}

.block-service ul span.icon-plane{ background-position: center -316px;}

.block-service ul span.icon-wedding{ background-position: center -376px;}

.block-service ul span.icon-tour-guide{ background-position: 7px -438px;}



.block-service ul li:hover span{   /* background: url("../images/icon-with-hover.png") no-repeat; background-position: 5px  -103px; */}

.block-service ul li:hover span.icon-bus { background-position: center -154px; }

.block-service ul li:hover span.icon-tour { background-position: center -199px;}

.block-service ul li:hover span.icon-cable { background-position: center -255px;}

.block-service ul li:hover span.icon-plane{ background-position: center -316px;}

.block-service ul li:hover span.icon-wedding{ background-position: center -376px;}

.block-service ul li:hover span.icon-tour-guide{ background-position: 7px -438px;}



.block-thongke p{ font-size: 15px;  }

.block-thongke p span{  color: #444444;  }



.block-facebook .content-block{ overflow: hidden;}

.block-facebook .image { float: left; margin-right: 30px; }

.block-facebook .like{ padding-top: 24px; font-size: 15px;}

.block-facebook .name-dana{ margin-bottom: 7px; display: block; color: #00718c;}

.block-facebook .count-lile{ color: #666;}

.block-facebook .count-lile img { margin-right: 10px;}

.social { float: right;padding-top: 14px;}

.social li { float: left; margin-left: 20px;}

.social li a{width: 15px; height: 18px; display: block; background: url("../images/icon-social.png") no-repeat 0 1px; }

.social li a.twitter{ background-position: 0px -30px;}

.social li a.skype{ background-position: 0px -61px;}

.social li a.vimeo{ background-position: 0px -92px;}



.social li a:hover{width: 15px; height: 18px; display: block; background: url("../images/social-hover.png") no-repeat 0 1px; }

.social li a.twitter:hover{ background-position: 0px -30px;}

.social li a.skype:hover{ background-position: 0px -61px;}

.social li a.vimeo:hover{ background-position: 0px -92px;}



/*=====banner====*/

.banner, .slideshow { position: relative;}

.banner .infor{ position: absolute; top: 0; bottom: 0;}

.banner .infor .table-inner{ display: table;height: 100%;width: 100%;}

.banner .infor .inner{ display: table-cell;vertical-align: middle;}



.rslides_tabs  {  position: absolute;bottom: 13px;z-index: 123;left: 0;right: 0;text-align: center;} 

.rslides_tabs li{ display: inline-block; width: 14px; height: 14px; border: 1px solid transparent; position: relative;margin-right: 3px; }

.rslides_tabs li.rslides_here{border: 1px solid #fff; border-radius: 50%;}

.rslides_tabs li a{

    display: block;

    text-indent: -10000px;

    background: white;

    position: absolute;

    top: 2px;

    left: 2px;

    right: 2px;

    bottom: 2px;

    border-radius: 50%;

    width: 8px;

    height: 8px;



}

.rslides {

    position: relative;

    list-style: none;

    overflow: hidden;

    width: 100%;

    padding: 0;

    margin: 0;

    max-width: 100% !important;

}

.rslides li { -webkit-backface-visibility: hidden;    width: 100%; left: 0; top: 0;}

.rslides img { display: block; height: 100%; float: left; width: 100%;  border: 0;}









.select-mobile { 

padding: 7px 25px; 

text-transform: uppercase;

display: inline-block; display: none; background: #d33838;

color: #ffe8e8 !important;

border: 1px solid #ffe8e8;

position: relative;

}

.select-mobile i{

    position: absolute;

    right: 8px;

    font-size: 22px;

    top: 6px;

}



.block-search label { padding-left: 24px;margin: 0; cursor: pointer;}

label{ font-weight: normal; position: relative;}

.ct-select{ position: relative;cursor: pointer;/* width: 100%; */padding-left: 0 !important; }

.ct-select:before {position: absolute; top: 1px; content: ""; bottom: 1px;  width: 40px; background: #fff; right: 1px;pointer-events: none; }

.ct-select:after {position: absolute; right: 15px; top: 10px; content: "";pointer-events: none; top: 18px; border-left: 4px solid transparent ;border-right:4px solid transparent ; border-top: 4px solid #666; }



select {display: block; width: 100%; border: 1px solid #eee; padding: 1px; cursor: pointer;}

select:focus, label:focus{ box-shadow: none !important;  outline: none;} 

input[type="checkbox"] { display: none;}

input[type="checkbox"] + label:before {  

    cursor:pointer; 

    width: 14px;

    height: 14px; 

    border: 1px solid #cccccc;

    position: absolute;

    content: "";

    left: 0;

    top: 2px;

}



input[type="checkbox"]:checked + label:after{

    cursor:pointer; 

    width: 8px;

    height: 8px; 

    background: #ccc;

    position: absolute;

    content: "";

    left: 3px;

    top: 5px;

}

.block-search h2 { color: #444444; font-size: 15px; margin-top: 0; margin-bottom: 8px;}

.block-search .content-block > div{ margin-bottom: 18px;}

.block-search .content-block > div:last-child{ margin-bottom: 0;}

.block-search p { margin-bottom: 5px;}

.block-search label img{position: relative; top: -2px;}

/*==pagination==*/

.pagination { display: block;   margin:   0; padding-top: 18px;   border-radius: 0;}

.pagination ul li { float: left; margin-left: 20px; padding: 0;}

.pagination ul , .pagination span { display: inline-block;  }

.pagination span {color: #888888 ;position: relative; top: -6px; }

.pagination ul li a{color: #888888; }

.pagination ul li.last, .pagination ul li.first{display: none;}

.pagination ul li.selected  a { color: #00718c !important;}



.ct-breadcrumb { float: left; width: 100%;margin-top: -10px;position: relative; top: -14px; }

.breadcrumb  {background: none; padding: 0;  display: block;width: 100%} 

.breadcrumb a{color: #555555; font-size: 13px;}

.breadcrumb li {float: left;margin-right: 25px; position: relative; }

.breadcrumb li.active{color: #999999; font-size: 13px;padding-top: 1px; position: relative; top: -1px; }

.breadcrumb > li + li::before { content: "";left: -12px; top: 6px; position: absolute; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid #666666;}



/*==list-tour===*/

.list-tour li{ margin-bottom: 15px;}

.list-tour .name{ padding-bottom: 0;height: 35px;overflow: hidden;}

.list-tour .time{ font-size: 14px; color: #666666;}

.list-tour .price{ margin-bottom: 2px;}

.price{font-size: 15px; color: #009b77; text-transform: uppercase;}



/*=====list-tuvan===*/

.list-tuvan li{ overflow: hidden; margin-bottom: 30px;}

.list-tuvan li:last-child{ margin-bottom: 0px;}

.list-tuvan li .image{ float: left;width: 42.6%; overflow: hidden;}

.list-tuvan li .infor { float: left; width: 57.4%; padding-left: 20px;}

.list-tuvan li .infor .name{ line-height: 22px; height: 48px; overflow: hidden;margin-bottom: 6px;}

.list-tuvan li .infor .decscript{height: 90px; overflow: hidden;margin-bottom: 8px;}



.tuvan-detail .title-section{margin-bottom: 16px;}

.tuvan-detail .title-section span{padding-bottom: 11px;}

.tuvan-detail { margin-bottom: 15px;}

/*====list-hotel===*/

.list-hotel {position: relative; margin-bottom: -20px; clear: both;}

.list-hotel li  { margin-bottom: 20px; }

.list-hotel li .image{float: left; width: 48%; overflow: hidden;}

.list-hotel li .infor{float: left; width: 52%;border: 1px solid #eee; border-left: none; height: 200px; padding: 15px; }

.list-hotel li .add{ font-size: 14px;}



.dis-table{ display: table; width: 1005; height: 100%;}

.dis-table .table-cell { display: table-cell; vertical-align: middle;}



/*.list-hotel-page li .image {width: 23%; }

.list-hotel-page li .infor { width: 77%;padding: 15px 15px 15px 30px;}*/

.list-hotel-page .btn-buy{ margin-top: 10px; padding: 10px 30px;}

.list-hotel-page{padding-top: 20px;}

/*====list-thuexe ==*/

.list-thuexe li{ margin-bottom: 20px;}

.list-thuexe li:last-child{ margin-bottom: 0px;}

.list-thuexe li .image{float: left; width: 54%; overflow: hidden;}

.list-thuexe li .infor{float: left; width: 46%;border: 1px solid #eee; border-left: none; height: 250px; padding: 30px 15px 15px 30px; }



/*====block-hotel-detail==*/

.block-hotel-detail .image { width: 54%; float: left;overflow: hidden;}

.block-hotel-detail .infor { width: 46%; float: left; padding: 30px; border: 1px solid #eee; border-left: none; height: 470px;}

.block-hotel-detail .content-block{ overflow: hidden; margin-bottom: 24px;}

.block-hotel-detail .infor .price{ font-size: 14px;}



.list-picture-hotel{ clear: both;}

.list-picture-hotel ul{ margin-left: -5px; margin-right: -5px;}

.list-picture-hotel ul li {width: 25%; float: left; padding: 5px;}

.list-picture-hotel ul li a{ display: block; overflow: hidden;}

/*===block-tourdulich-detail==*/

.block-tourdulich-detail{ overflow: hidden; margin-bottom: 23px;}

.block-tourdulich-detail .image { float: left; width: 61%; overflow: hidden;}

.block-tourdulich-detail .infor{ float: left; width: 39%; padding-left: 18px;}

.block-tourdulich-detail .infor p{ margin-bottom: 7px;}
.block-tourdulich-detail .title-section {padding-top: 0;}


.block-tourdulich-page {padding-bottom: 20px; border-bottom: 1px solid #eee; overflow: hidden;}



/*===block-tab-detail===*/

.block-tab-detail { border: 1px solid #eee;overflow: hidden; margin-bottom: 23px;}

.tab-list{float: left; width: 29%;}

.tab-list ul{ border-right: 1px solid #eee; }

.tab-list ul li a{ color: #333; font-size: 15px; display: block; padding: 10px 15px;  border-left: 3px solid transparent; }

.tab-list ul li.active a, .tab-list ul li a:hover{ border-left: 3px solid ; color: #00718c;}

.tab-list ul li { border-bottom: 1px solid #eee;}



.tab-content{ padding: 16px 20px; width: 71%; float: left;border-left: 1px solid #eee;margin-left: -1px;}



/*====block-about==*/

.block-about .image{ float: right; border-bottom: 1px solid #eee; margin-bottom: 20px;}

.block-about .infor p { margin-bottom: 20px;}



/*===list-tour-in-word==*/

.list-tour-in-word li{ width: 100%; float: left; margin-bottom: 30px;}

.list-tour-in-word li:last-child{ margin-bottom: 0;}

.list-tour-in-word li .image { float: left; width: 38.2%; overflow: hidden;}

.list-tour-in-word li .infor { float: left; width: 61.8%; padding-left: 20px;}

.list-tour-in-word li .infor p, .block-thuexe .infor p{ margin-bottom: 6px;}

.list-tour-in-word li .infor p span:first-child, .block-tourdulich-detail .infor p span:first-child, .block-hotel-detail .infor p span:first-child, .block-thuexe .infor p span:first-child{ color: #222; margin-right: 5px; height: 21px; float: left;}

.name-detail{ padding-top: 0; font-size: 18px; color: #333333;margin-top: -5px; }

.btn-buy{background: #008cae; padding: 10px 25px; clear: both; font-size: 14px; color: #fff; border-bottom: 2px solid #00718c; border-radius: 3px;float: left;margin-top: 3px;}

.btn-buy:hover{ background: #00718c; color: #fff !important;}

/*===footer===*/

footer{ background: #00718c;  color: #dffaff;}

footer a{  color: #dffaff;}

footer a:hover{ color: #43ceef !important; }

.footer-top{ border-bottom: 1px solid #167d95; padding: 35px 0;  }

.footer-top .title-block { padding: 0 0 12px; }

.footer-top ul li{ margin-bottom: 10px;  }

.footer-top ul li:last-child{ margin-bottom: 0;}

.footer-top ul li a{ font-size: 15px; position: relative; display: block;padding-left: 15px; }

.footer-top ul li a:before{position: absolute; content: ""; width: 5px; height: 5px; background: #dffaff; left: 0; top: 8px; }

.footer-top ul li a:hover:before {background: #43ceef;}

.footer-top .social , .footer-top .social li  { float: none; margin-left: 0; padding-top: 0;}

.footer-top .social li a { padding-left: 30px;}

.footer-top .social ul li a:before{ display: none;}



.footer-bottom .address-top p {margin-bottom: 5px;width: 316px;} 

.footer-bottom{padding: 25px 0 18px;}

.footer-bottom .left{ float: left; }

.footer-bottom .left h1 { font-size: 20px; font-weight: normal;text-transform: uppercase; margin:0 0 12px; }

.footer-bottom .right{ float: right;text-align: right; }


.dattour{background: red;color:#fff;margin-left: 15px;}
/*=====contact===*/

#map { height: 530px;margin-top: 11px;}

.form-contact form input[type="text"], .form-contact form textarea{ display: block; height: 34px; text-indent: 15px; width: 100%; outline: none; border: none; margin-bottom: 20px;

  border: 1px solid #ddd; border-radius: 3px;

}

.form-contact form input[type="text"]:focus, .form-contact form textarea:focus{

    -moz-box-shadow:     inset 2px 2px 5px #caeff8;

       -webkit-box-shadow:  inset 2px 2px 5px #caeff8;

      box-shadow: inset 2px 2px 5px #caeff8;

}

.form-contact form textarea { height: 175px;padding-top: 8px; margin-bottom: 15px; } 



.form-contact form .submit  { /*background: url("../images/icon-contact.png") no-repeat 12px -205px #5e9c12 ;*/ float: none;  position: relative;    display: inline-block;  font-size: 13px; color: #fff;  border-radius: 2px}

.form-contact form .button-sent {  text-align: center;  }

.form-contact form .submit:focus{ outline: none; }

.page-contact.column-left{ padding-right: 0;}

.page-contact.column-left .content-block {padding: 0; border: none;}

.page-contact .block-tuvan h2 {color: #333; font-size: 18px; margin-bottom: 10px;}

.icon-map{ background: none !important;text-align: center;}

.page-contact .block-tuvan p { margin-bottom: 11px;}

.form-contact .form-header h1 { text-transform: uppercase; text-align: center;margin-top: 0;padding-top: 5px;}

.form-contact .form-header .social {float: none; text-align: center; padding-top: 2px; margin-bottom: 13px;}

.form-contact .form-header .social ul{ display: inline-block;}

.form-contact .form-header .social li { float: left; margin-left: 20px;}

.form-contact .form-header .social li:first-child{ margin-left: 0;}

.form-contact .form-header .social li a{width: 15px; height: 18px; display: block; background: url("../images/icon-social-form.png") no-repeat 0 1px; }

.form-contact .form-header .social li a.twitter{ background-position: 0px -30px;}

.form-contact .form-header .social li a.skype{ background-position: 0px -61px;}

.form-contact .form-header .social li a.vimeo{ background-position: 0px -92px;}



.form-contact .form-header .social li a:hover{width: 15px; height: 18px; display: block; background: url("../images/social-form-hover.png") no-repeat 0 1px; }

.form-contact .form-header .social li a.twitter:hover{ background-position: 0px -30px;}

.form-contact .form-header .social li a.skype:hover{ background-position: 0px -61px;}

.form-contact .form-header .social li a.vimeo:hover{ background-position: 0px -92px;}



.column-right .title-section {
  padding-top: 0;
}
/*===block-service==*/
.block-service2 .list-service.everslider ul li{
  width: 200px ;
}
.block-service2 .list-service.everslider ul li .image{
  display: block;
  overflow: hidden;
  border-radius: 2px;
  margin-bottom: 10px;
  position: relative;
}
.block-service2 .list-service.everslider ul li .image:before{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.3);
  content: "";
  transition: all 0.4s;
}
.block-service2 .list-service.everslider ul li .image:hover:before{
  background: rgba(0,0,0,0.2);
}
.block-service2 .list-service.everslider ul li .image .dis-table{
  position: absolute;
  top: 0;
  text-align: center;
  text-transform: uppercase;
  color: #fff; 
  left:0;
  right:0;
  bottom:0; 
  font-weight:bold;
  font-size:18px;
  font-family:"utm_avobold", arial;
  display: block;
}
.block-service2 .list-service.everslider ul li .image .dis-table .dis-cell{
     
    display: table;
    width: 100%;
    height: 100%;
}
.block-service2 .list-service.everslider ul li .image .dis-table .dis-cell span{
         vertical-align: middle;
    display: table-cell; 
}
.block-service2 .list-service.everslider ul li p a img{
  width:auto;
  margin-left:4px;
}

.es-navigation{text-align:center;padding-top:10px;clear:both;}
.es-navigation a{
  position:static;
  display:inline-block;
  border-radius:50%;
  margin:0 2px;
  background:url("../images/next-ev.png") no-repeat center;
  width: 25px;
  height: 25px;
}
.es-navigation a:hover{
  opacity:0.7;
}
.es-navigation a.es-prev{
  background:url("../images/prev-ev.png") no-repeat center;
}
.everslider .es-slides > li{
  height: auto !important;
  margin-right: 20px;
}
.es-ticker{
    display: none;
}

.flexslider {margin-bottom: 0;}
.flex-direction-nav a:before {font-size: 32px; color: #fff;}
/* ===search-tour== */
.search-tours {background: url("../images/bg-search.jpg") no-repeat right  #fff; background-size:cover;padding-top: 16px;}
.search-tours .container{position:relative;}
.search-tours .logo{ position:absolute; top:40px;left:10px;}
.search-tours .tab{ }
.search-tours .list-tab ul li{float:left;}
.search-tours .list-tab ul li a{display:block; border: 1px solid transparent; border-bottom: none; padding: 8px 13px;border-top-left-radius:3px;border-top-right-radius:3px;}
.search-tours .list-tab ul li a:hover, .search-tours .list-tab ul li a.active{border:1px solid #d7d7d7 ;display:block;border-bottom:none;background:#fff;position:relative; bottom:-1px;} 
.search-tours .list-tab ul li span{display:block;}
.search-tours .list-tab ul li span.bold{font-size: 18px; color: #000; text-transform:uppercase;margin-bottom: 4px;}
.search-tours .list-tab ul li span.light{color:#737373;font-size: 11px;text-transform:uppercase;/* font-family:"utm_bryantlgbold"; */ }
.search-tours .content-tab{clear:both;border-top:1px solid #d7d7d7;width:100%;padding: 15px 0;overflow:hidden;}
.search-tours .content-tab form select {height: 34px;border: 1px solid #d7d7d7;float: left; padding: 0 10px;border-radius: 6px; text-indent:10px;margin-right:10px;width: 14.5%;}
.search-tours .content-tab form select:first-child{width: 45%;}
.search-tours .content-tab form button{
  height: 35px;
  border-radius: 6px;
  border:none;
  font-size:14px;
  color:#fff;
  width:166px;
  background: url("../images/icon-search.png") no-repeat 22px #F94949;
  position:relative;
  float:right;
 
}
.search-tours .content-tab form button:before{position:absolute; border-left:1px solid #e3e3e3; height:30px;content:"";left:-19px;top:5px;}

@media screen and (max-width: 11991px) and (min-width: 1199px){ 

    .menu-mobile { display: none !important; } 

}

@media screen and (max-width: 11991px) and (min-width: 991px){ 

    .link-top ul {display: inline-block !important; }

}

@media screen and (max-width: 11991px) and (min-width: 768px){ 



    .block-tab ul{ display: block !important;} 

}

@media screen and (max-width: 1199px){

    .block-activity .infor .image img, .list-picture-hotel ul li img { width: 100%; height: auto;}

    .about-detail p img{ width: 100% ; height: auto; }

    .name-pj { height: 31px; overflow: hidden;}



    .tuvan-detail .infor p img{ width: 100% !important ;height: auto;}



    /*==header==*/ 

    .main-menu { display: none;}

    .show-menu-mobile { display:  block;}

    .menu-mobile {position: absolute; top: 76px; background: #222222 !important; z-index: 12345; left: 0; right: 0;overflow: hidden;}

    .menu-mobile li { border-bottom: 1px solid #333333 ; position: relative;  }

    .menu-mobile li ul{  display: none;   padding-bottom: 5px;  }

     .menu-mobile li ul li a { padding-left: 30px; font-size: 12px; text-transform: none; color: #999;  }

    .menu-mobile li a{ color: #ccc;padding: 10px 15px; display: block; font-size: 12px;text-transform: uppercase;} 

    .menu-mobile li ul li { border-bottom: none;}

    .menu-mobile > li:first-child a i{  font-size: 17px; margin-left: 0;color: #ccc;}

    .menu-mobile > li:first-child a.active i{ color: #f63a3a }



    .menu-mobile  li   > i{width: 36px; text-align: center;position: absolute;right: 0;height: 37px;top: 0;padding-top: 11px; cursor: pointer;  color: #fff;

        -moz-transform: rotate(-90deg);

        -ms-transform: rotate(-90deg);

        -webkit-transform: rotate(-90deg);

        transform: rotate(-90deg); 

    }

    .menu-mobile  li   > i.active{ 

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg); 

    }

  

    .search-all-page{top: 8px; }

    .block-catalog-product ul.list { display: none;}

    .toggle-sub {

        position: absolute;

        top: 0;

        right: 0;

        width: 50px;

        height: 32px; 

        cursor: pointer;

    }

    .toggle-sub span{

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

        border-top: 11px solid #fff;

        position: relative;

        top: 23px;

        left: 15px; 

    } 

    .list-tour li img { width: 100%; }
    .search-tours .content-tab form select{ width: 49% !important;  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; margin-bottom:10px; margin-right:0;
    box-sizing: border-box;}
    .search-tours .content-tab form select:nth-child(2n){float:right;}
    .search-tours .content-tab form button{width:49%;}
    .search-tours .content-tab form button:before{display:none;} 
}

@media screen and (max-width: 991px){ 

    .block-activity .infor .sumary{height: 62px; overflow: hidden;}

    .list-activity li { margin-bottom: 15px;}

    .list-activity li:last-child { margin-bottom: 0px;}



    .content-detail p img { width: 100%; height: auto;}





    .select-mobile  { display: inline-block; width: 226px; cursor: pointer;}

    .link-top  { position: relative;margin-bottom: 40px;}

    .link-top ul { position: absolute;z-index: 123; left: 0; right: 0; top: 33px; display: none;}

    .link-top ul li { display: inherit; width: 226px; margin: auto !important; background: #fff; }

    .link-top ul:before,.link-top ul:after{ display: none;}

    .link-top ul li a{ border-top: none;}

    .link-top ul li a:hover, .link-top ul li a.active{ background: none; border: 1px solid #ababab; color: #E21B1B !important; border-top: none;}

    

    .block-tab .select-mobile  { display: none;}

    .header-top .name-company img { display: none;}

    .header-top .name-company {width: 88px;}



    .footer-top .col  { margin-bottom: 20px; }

    .footer-bottom .left, .footer-bottom .right{ width: 100%; text-align: center;}

    .footer-bottom .address-top { display: inline-block;}



    .toggle-block{ display: block;}

    .column-left .content-block{ display: none;}

    .column-left .block, #map {margin-bottom: 20px;}

    .page-contact.column-left .content-block{ display: block;}

    .page-contact.column-left{ padding-right: 15px;}

    .show-menu-mobile { padding-top: 0;}
    .logo{position: relative; top: -15px;}

}



@media screen and (max-width: 768px){ 

    .block-tab .select-mobile  { display: inline-block; }  

    .block-tab { position: relative;margin-bottom: 40px;}

    .block-tab ul{ position: absolute;z-index: 123; left: 0; right: 0; top: 33px; display: none;}

    .block-tab ul li{ display: inherit; width: 226px; margin: auto !important; background: #fff; }   

    .block-tab ul{ background: none; border-top: none;}

    .block-tab ul li a:before { display: none;}

    .block-tab  .select-mobile, .block-tab ul li {width: 305px;}

    .block-tab ul li a{ border: 1px solid #ddd; border-top: none;}

    .block-tab { text-align: center;} 

    .header-top .address-top{ display: none;}

    .list-hotel-page li .image {width: 29%;}

    .list-hotel-page li .infor {width: 71%;}
    .logo{ top: 0 ;}
    .show-menu-mobile {
padding-top: 16px;
}

}

@media screen and (max-width: 568px){ 



    .list-activity li, .block-project .item { width: 100%; }

    .name-pj { height: auto; overflow: hidden;}



    .block-slogan h1 { top: 16%;}

    .block-slogan h1 { display: none;}

    .block-slogan{background-size: cover; } 



    .block-hotel-detail .image, .block-hotel-detail .image img{ width: 100%; height: auto;}

    .block-hotel-detail .infor{ width: 100%; border: 1px solid #eee; height: auto;}

    header{ position: relative;}

    .block-about .image, .block-about .image img{width: 100%; height: auto;}



}

@media screen and (max-width: 538px){ 

    .list-hotel li{ width: 100%;}

    .list-hotel li .overflow{overflow: hidden; border: 1px solid #eee;}

    .list-hotel li .infor{ border: none;}

}

@media screen and (max-width: 480px){ 

    .block-news .infor .image { float: none; width: 100%;}

    .block-news .infor .image img, .block-tourdulich-detail .image img{ width: 100%; height: auto;}



    .select-mobile:before , .select-mobile:after{ display: none;}

     .footer-top .col  { width: 100%;  }

     .address-top p {width: 100% !important;float: none;}

     .logo img {width: 215px; height: auto;}

     .logo{ padding-top: 0;}

     nav{ height: 56px;}

     .show-menu-mobile{margin-top: 4px;}

     .list-tour-in-word li .image, .list-tour-in-word li .infor, .list-tour-in-word li .image img, .block-tourdulich-detail .image, .block-tourdulich-detail .infor{ width: 100%; padding-left: 0; height: auto;}

     .list-tour-in-word li .image, .block-tourdulich-detail .image { margin-bottom: 15px;}

     .list-thuexe li .image, .list-thuexe li .image img, .list-tuvan li .image img, .list-tuvan li .image{ width: 100%; height: auto;}

     .list-thuexe li .infor,  .list-tuvan li .infor{width: 100%; padding: 15px; border: 1px solid #eee;}



      .list-hotel-page li .image {width: 40%;}

    .list-hotel-page li .infor {width: 60%;}

    .tab-list, .tab-content{ width: 100%;}

    .menu-mobile{ top: 56px;}
    .hotline {font-size: 25px;} 

}



@media screen and (max-width: 400px){ 

    .header-top .name-company {clear: both;}

    .header-top .name-company a{border: 1px solid #CE6F6F ;z-index: 1234;top: 30px;}

    .sod_select{ margin-right: 93px;}

    .block-tab .select-mobile, .block-tab ul li { width: 100%; }

    .title-section .view-more{ display: none;}

    .list-tour-in-word li .infor .row > div{ width: 100%;}

    .list-hotel-page li .image, .list-hotel li .image,  .list-hotel li .image img {width: 100%; height: auto;}

    .list-hotel-page li .infor, .list-hotel li .infor  {width: 100%; padding: 15px; height: auto;}

    .list-tour li { width: 100%;}

    .title-block{ font-size: 18px;}

}

/*===popup-datphong===*/
.formInput {    height: 33px;
    border-radius: 3px;
    border: 1px solid #ccc;
    display: block;
    padding: 0 10px;
    background: none;
    width: 100%;
	float:right;
    box-sizing: border-box;
    margin-bottom: 10px;
    color: #9DA9B5;}
.header-title {
    text-align: center;
    margin-bottom: 25px;
}
.title-section{ font-size: 22px; color: #006dbd; text-transform: uppercase; margin: 0;font-family: "UTM God's WordR"; padding-top: 55px;    border-bottom:none; }
input.day {
    background: url("../images/icon-day.png") no-repeat 96%;
}
select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.popup-datphong{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%;    z-index: 1233; display: none;}
.ovelay-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%;  background: rgba(0, 0, 0, 0.3); }

.popup-datphong .inner{width: 770px;background: #fff;border-radius: 3px;position: relative;top: 800px;margin: auto;  z-index: 1345;  padding: 40px 15px; }
.ct-select input, .ct-select  select {  height: 35px; background: #fcfcfc; border:1px solid #dddddd; float: right; text-indent: 15px;  }
.popup-datphong .item{ clear: both; margin-bottom: 20px;display: inline-block; width: 100%;}
#form_contact label { font-size: 16px; color: #151515; font-weight: normal;position: relative; padding-top: 3px;}
.popup-datphong .btn {display: inherit; margin: 10px auto 0; }
input.day{ background: url("../images/icon-day.png") no-repeat 96%; }
.item textarea{height:100px;}
.popup-datphong .container{ width: 100%; }
 
.popup-datphong .title-section{ padding-top: 0;}
.ct-select{float: right;}

.ct-select{ position: relative;cursor: pointer; padding-left: 0 !important;     width: 100%;}
.ct-select:before {position: absolute; top: 1px; content: ""; bottom: 1px;  width: 40px; background: #fcfcfc; right: 1px;pointer-events: none; }
.ct-select:after {position: absolute; right: 15px;   content: "";pointer-events: none; top: 16px; border-left: 4px solid transparent ;border-right:4px solid transparent ; border-top: 4px solid #797676; }



.blueimp-gallery, .blueimp-gallery > .slides > .slide > .slide-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* Prevent artifacts in Mozilla Firefox: */ -moz-backface-visibility: hidden; }



.blueimp-gallery > .slides > .slide > .slide-content { margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; opacity: 1; }



.blueimp-gallery { position: fixed; z-index: 999999; overflow: hidden; background: #000; background: rgba(0, 0, 0, 0.9); opacity: 0; display: none; direction: ltr; -ms-touch-action: none; touch-action: none; }



.blueimp-gallery-carousel { position: relative; z-index: auto; margin: 1em auto; /* Set the carousel width/height ratio to 16/9: */ padding-bottom: 56.25%; box-shadow: 0 0 10px #000; -ms-touch-action: pan-y; touch-action: pan-y; }



.blueimp-gallery-display { display: block; opacity: 1; }



.blueimp-gallery > .slides { position: relative; height: 100%; overflow: hidden; }



.blueimp-gallery-carousel > .slides { position: absolute; }



.blueimp-gallery > .slides > .slide { position: relative; float: left; height: 100%; text-align: center; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }



.blueimp-gallery, .blueimp-gallery > .slides > .slide > .slide-content { -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; }



.blueimp-gallery > .slides > .slide-loading { background: url(../img/front/loading.gif) center no-repeat; background-size: 64px 64px; }



.blueimp-gallery > .slides > .slide-loading > .slide-content { opacity: 0; }



.blueimp-gallery > .slides > .slide-error { background: url(../img/error.png) center no-repeat; }



.blueimp-gallery > .slides > .slide-error > .slide-content { display: none; }



.blueimp-gallery > .prev, .blueimp-gallery > .next { position: absolute; top: 50%; left: 15px; width: 40px; height: 40px; margin-top: -23px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 60px; font-weight: 100; line-height: 30px; color: #fff; text-decoration: none; text-shadow: 0 0 2px #000; text-align: center; background: #222; background: rgba(0, 0, 0, 0.5); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 3px solid #fff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; cursor: pointer; display: none; }



.blueimp-gallery > .next { left: auto; right: 15px; }



.blueimp-gallery > .close, .blueimp-gallery > .title { position: absolute; top: 15px; left: 15px; margin: 0 40px 0 0; font-size: 20px; line-height: 30px; color: #fff; text-shadow: 0 0 2px #000; opacity: 0.8; display: none; }



.blueimp-gallery > .close { padding: 15px; right: 15px; left: auto; margin: -15px; font-size: 30px; text-decoration: none; cursor: pointer; }



.blueimp-gallery > .play-pause { position: absolute; right: 15px; bottom: 15px; width: 15px; height: 15px; background: url(../img/play-pause.png) 0 0 no-repeat; cursor: pointer; opacity: 0.5; display: none; }



.blueimp-gallery-playing > .play-pause { background-position: -15px 0; }



.blueimp-gallery > .prev:hover, .blueimp-gallery > .next:hover, .blueimp-gallery > .close:hover, .blueimp-gallery > .title:hover, .blueimp-gallery > .play-pause:hover { color: #fff; opacity: 1; }



.blueimp-gallery-controls > .prev, .blueimp-gallery-controls > .next, .blueimp-gallery-controls > .close, .blueimp-gallery-controls > .title, .blueimp-gallery-controls > .play-pause { display: block; /* Fix z-index issues (controls behind slide element) on Android: */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }



.blueimp-gallery-single > .prev, .blueimp-gallery-left > .prev, .blueimp-gallery-single > .next, .blueimp-gallery-right > .next, .blueimp-gallery-single > .play-pause { display: none; }



.blueimp-gallery > .slides > .slide > .slide-content, .blueimp-gallery > .prev, .blueimp-gallery > .next, .blueimp-gallery > .close, .blueimp-gallery > .play-pause { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }