@charset "utf-8";
@font-face {
  font-family: 'iCiel Smoothy';
  font-style: normal;
  src: local('iCiel Smoothy'), local('iCielSmoothy'), url('../fonts/Smoothy-Cursive.ttf');  
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face{   
    src:url(../fonts/ExtraBold/OpenSans-ExtraBold.ttf) format("truetype");
    src:local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),url(../fonts/ExtraBold/OpenSans-ExtraBold.woff2) format("woff2");    
}
@font-face{   
    font-family: 'Open Sans Semibold';
    font-style: normal;
    font-weight: 600;
    src:url(../fonts/Semibold/OpenSans-Semibold.ttf) format("truetype");
    src:local('Open Sans Semibold'), local('OpenSans-Semibold'),url(../fonts/Semibold/OpenSans-Semibold.woff2) format("woff2");    
}
@font-face{   
    font-family: 'Open Sans SemiboldItalic';
    font-style: normal;
    font-weight: 600;
    src:url(../fonts/SemiboldItalic/OpenSans-SemiboldItalic.ttf) format("truetype");
    src:local('Open Sans SemiboldItalic'), local('OpenSans-SemiboldItalic'),url(../fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff2) format("woff2");    
}
@font-face{   
    font-family: 'Open Sans Light';
    font-weight: 400;
    src:url(../fonts/Light/OpenSans-Light.ttf) format("truetype");
    src:local('Open Sans Light'), local('OpenSans-Light'),url(../fonts/Light/OpenSans-Light.woff2) format("woff2");    
}
@font-face{   
    font-family: 'Open Sans ExtraBold';
    font-weight: 800;
    src:url(../fonts/ExtraBold/OpenSans-ExtraBold.ttf) format("truetype");
    src:local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),url(../fonts/ExtraBold/OpenSans-ExtraBold.woff2) format("woff2");    
}
@font-face{   
    font-family: 'Open Sans Regular';
    font-weight: 400;
    src:url(../fonts/Regular/OpenSans-Regular.ttf) format("truetype");
    src:local('Open Sans Regular'), local('OpenSans-Regular'),url(../fonts/Regular/OpenSans-Regular.woff2) format("woff2");    
}
html {
  font: normal 14px / 24px Open Sans; 
  background: #ffffff;
  color: #2a2a2a;
  }
body{
   font-family:Open Sans !important;
   font-style: normal;
   font-size: 14px;
   font-weight: 400;
   font-variant: normal;
   color: #2a2a2a;
}
button {
    border: 0;
    outline: none;
    cursor: pointer;
    background-color: unset;
}
.btnreadmore {
    font:600 14px Open Sans Semibold;
    text-transform: uppercase;
    background: #008522;
    border:none;   
}
.btnreadmore:hover {  
    background: #009349;
}
.btnfilter {
    font-family:Open Sans;
    font-weight:bold;
    font-size: 16px;   
    background: #833921;
    border:none;    
    color: #fff;
    width: 110px;
    border-radius: 28px;
}
.btnfilter:hover {    
    color: #fff;
    background: #a8401e;
}
div.uk-container {
    width: 1080px;
    padding: 0px;
}
a{
    font-family: Open Sans !important;
    font-style: normal;
    font-size: 14px;
    font-weight: 400;
    color: #2a2a2a;
}
a:hover {
    color:#009349;
    text-decoration: none;   
}
.border-img-4{
     border-radius:4px;   
}
.border-top-left-img-4{
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}
.border-top-left-img-6{
    border-top-left-radius:6px;
    border-top-right-radius:6px;
}
.hover-effect {
      display: block;
      position: relative;
      background: none;
      overflow: hidden;    
      /*z-index: 0;*/
      /*color skin*/
      /* style1 : checked icon */
}
.hover-effect:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      visibility: hidden;
      -moz-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out;
      -ms-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out;
      -webkit-transform: rotateY(180deg) scale(0.5, 0.5);
      -moz-transform: rotateY(180deg) scale(0.5, 0.5);
      -ms-transform: rotateY(180deg) scale(0.5, 0.5);
      -o-transform: rotateY(180deg) scale(0.5, 0.5);
      transform: rotateY(180deg) scale(0.5, 0.5);
      background: url(../img/icon/hover-effect.png) no-repeat center;
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
      background-color: rgba(1, 183, 242, 0.6);    
}
.hover-effect img {
      display: block;
      position: relative;
      -moz-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out;
      -ms-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out;
      -webkit-backface-visibility: hidden;    
}
.hover-effect:hover:after {
      visibility: visible;
      -webkit-transform: rotateY(0deg) scale(1, 1);
      -moz-transform: rotateY(0deg) scale(1, 1);
      -ms-transform: rotateY(0deg) scale(1, 1);
      -o-transform: rotateY(0deg) scale(1, 1);
      transform: rotateY(0deg) scale(1, 1);
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;   
}
.hover-effect:hover img {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);      
}
.totalrecord {
    color: #9C614D;
    font:600 38px Open Sans Semibold;
  
}
.hover-effect-circle {
      display: block;
      position: relative;
      background: none;
      overflow: hidden;
      border-radius:50%;     
      /*z-index: 0;*/
      /*color skin*/
      /* style1 : checked icon */
}
.hover-effect-circle:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      visibility: hidden;
      -moz-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out;
      -ms-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out;
      -webkit-transform: rotateY(180deg) scale(0.5, 0.5);
      -moz-transform: rotateY(180deg) scale(0.5, 0.5);
      -ms-transform: rotateY(180deg) scale(0.5, 0.5);
      -o-transform: rotateY(180deg) scale(0.5, 0.5);
      transform: rotateY(180deg) scale(0.5, 0.5);
      background: url(../img/icon/hover-effect.png) no-repeat center;
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
      background-color: rgba(1, 183, 242, 0.6); 
      border-radius:50%;        
}
.hover-effect-circle img {
      display: block;
      position: relative;
      -moz-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out;
      -ms-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out;
      -webkit-backface-visibility: hidden;
    }
.hover-effect-circle:hover:after {
      visibility: visible;
      -webkit-transform: rotateY(0deg) scale(1, 1);
      -moz-transform: rotateY(0deg) scale(1, 1);
      -ms-transform: rotateY(0deg) scale(1, 1);
      -o-transform: rotateY(0deg) scale(1, 1);
      transform: rotateY(0deg) scale(1, 1);
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;   
      border-radius:50%;     
}
.hover-effect-circle:hover img {
      -webkit-transform: scale(1.0);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
}
.uk-form select,
.uk-form textarea,
.uk-form input:not([type]),
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="datetime"],
.uk-form input[type="datetime-local"],
.uk-form input[type="date"],
.uk-form input[type="month"],
.uk-form input[type="time"],
.uk-form input[type="week"],
.uk-form input[type="number"],
.uk-form input[type="email"],
.uk-form input[type="url"],
.uk-form input[type="search"],
.uk-form input[type="tel"],
.uk-form input[type="color"] {
  border: 1px solid #999 !important;
  border-radius:4px;
}
.uk-form select:focus,
.uk-form textarea:focus,
.uk-form input:not([type]):focus,
.uk-form input[type="text"]:focus,
.uk-form input[type="password"]:focus,
.uk-form input[type="datetime"]:focus,
.uk-form input[type="datetime-local"]:focus,
.uk-form input[type="date"]:focus,
.uk-form input[type="month"]:focus,
.uk-form input[type="time"]:focus,
.uk-form input[type="week"]:focus,
.uk-form input[type="number"]:focus,
.uk-form input[type="email"]:focus,
.uk-form input[type="url"]:focus,
.uk-form input[type="search"]:focus,
.uk-form input[type="tel"]:focus,
.uk-form input[type="color"]:focus {
  border-color: #009933 !important;
}
.uk-form select:disabled,
.uk-form textarea:disabled,
.uk-form input:not([type]):disabled,
.uk-form input[type="text"]:disabled,
.uk-form input[type="password"]:disabled,
.uk-form input[type="datetime"]:disabled,
.uk-form input[type="datetime-local"]:disabled,
.uk-form input[type="date"]:disabled,
.uk-form input[type="month"]:disabled,
.uk-form input[type="time"]:disabled,
.uk-form input[type="week"]:disabled,
.uk-form input[type="number"]:disabled,
.uk-form input[type="email"]:disabled,
.uk-form input[type="url"]:disabled,
.uk-form input[type="search"]:disabled,
.uk-form input[type="tel"]:disabled,
.uk-form input[type="color"]:disabled {
  border-color: #ccc !important; 
}

div.viewall {
    text-align: right;
    padding-right:0px;
}
div.viewall a{
    font:400 14px Open Sans Regular;
    color:#2a2a2a;
    font-style: italic;
    padding: 6px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius:6px;
    border: 1px solid #008522;    
}
div.viewall a:hover{
    color: #008522;
}
.border-top-left{
    border-top-left-radius:6px;
    border-top-right-radius:6px;
}
.fulltxthide {
    display: none;
}
.uk-form input.form-control{
      border-radius:4px;
      height: 30px;
} 
.borderboxhead{
    border-radius:6px;
    background: #fff;  
    padding: 30px;
    font:400 14px Open Sans Regular;  
    margin-bottom:50px;
}
.sendcontact {
    font: bold 14px Open Sans;    
    color:#fff;
    width: 104px;
    padding-bottom: 2px;
    background: #008522;
    border:none;   
    border-radius: 28px;
}
.sendcontact:hover {  
    color:#fff;
    background: #009349;
}
.sendcontact .uk-icon-angle-double-right{
    padding-left:2px;
}
.aligncenter,.align-center{
    text-align: center;
}
/*slidebg*/
div.slidebg{    
     height: 754px;
     background: url("../img/bgslide.png") no-repeat center;
     padding-top: 500px;
}
div.slidebg div.travelplan {   
    text-align: right;
    padding-right: 10px;
}
div.slidebg div.travelplan h3{    
    color:#fff ;/* #2770b3;*/
    font:bold 32px Open Sans;  
    line-height: 20px;
    text-align: right;  
}
div.slidebg div.travelplan a.btntravelplan {   
    color: white;   
    font-size: 16px;
    font-weight: bold;
    height: 46px;
    padding-top: 10px;    
    width: 330px;    
    padding-right: 20px;
    padding-left: 40px;
    margin-top: 12px;
    border: none;
    background:#008522 url("../img/icon/location.png") no-repeat 20px 8px; 
}
div.slidebg div.travelplan .btntravelplan:hover{
   background:#009349 url("../img/icon/location.png") no-repeat 20px 8px;  
}
/*Slideshowbg*/
div.slideshowbg{    
     /*height: 654px;*/     
     margin-bottom: 0px;
     padding-bottom: 0px; 
     /*background: url("../img/silde/Acceuil-Authentikvietnam.jpg") no-repeat center top;*/
     max-height: calc(100vh - 124px);
}
#slideshowbgzz .uk-slideshow, #slideshowbgzz .uk-overlay-panel, #slideshowbgzz .uk-position-cover{
    max-height: calc(100vh - 124px);
}
div.slideshowbg .slidetitle{
      margin-top: 0px !important;
      padding-top: 0px !important;
}
div.slideshowbg .slidetitle h1,div.slideshowbg .slidetitle h2{     
    font:bold 32px Open Sans;    
    color:#fff;    
    margin: 0px;
    padding: 0px;
    text-shadow: 0 0 2px #404040;
}
div.slideshowbg .slidetitle h3,div.slideshowbg .slidetitle h4,div.slideshowbg .slidetitle h5,div.slideshowbg .slidetitle h6{     
    font:400 17px Open Sans Regular;    
    color:#fff;    
    margin: 0px;
    padding: 0px;
    margin-top: 0px;
    text-shadow: 0 0 2px #404040;
}
div.slideshowbg .uk-container-center{
    /*padding-top: 400px;*/      
     height: 100%;
     vertical-align: bottom;
}
div.slideshowbg .uk-vertical-align-bottom {
    width: 100%;
}
div.slideshowbg div.travelplan {   
    text-align: left;
    width:1080px;
    padding-right: 10px;
    padding-bottom: 50px;
   /* background: url("../img/bg/bgboxsildehome.png");*/
   /* background: url("../img/subbg-content.png");*/     
    background-color: rgba(255, 255, 255, 0.75);
    padding: 35px 40px 35px 40px;
    border-radius:6px;       
}
div.slideshowbg div.boxtravelplanhead{
    text-align: left;
    padding-left: 40px;
}
div.slideshowbg div.boxtravelplanhead .title-bottom{
     font-family: Open Sans Regular;
     text-align: left;   
     font-size: 15px;    
     color:#fff;
     padding-bottom: 12px;  
     text-shadow: 0 0 2px #404040;   
}
div.slideshowbg div.boxtravelplanhead .title-bottom .title-bottom {
    font-family: Open Sans;
    font-weight: bold;
    font-size: 20px;
    color:#fff;
    text-transform: uppercase;    
}
div.slideshowbg div.travelplan .boxslc {
    height: 40px;
    text-align: center;
}
div.slideshowbg div.travelplan .boxslc span {
    font-size: 16px; 
    font-weight: bold;
    padding-left: 10px;  
    padding-right: 10px;
    color: #2a2a2a;
}
div.slideshowbg div.travelplan .boxslc select {
    height: 38px;   
    width: 300px;   
    font:400 16px Open Sans Regular;
    border-radius:6px;   
    border: none;
    padding-left:20px;
    line-height: 30px; 
    color: #2a2a2a;        
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background:#ffffff url("../img/icon/dropdown.png") 96% / 4% no-repeat;
    border: 1px solid #9a9a9a;
    margin-top:1px;
}
div.slideshowbg div.travelplan h3{
    font-size: 32px;
    color:#fff ;/* #2770b3;*/
    font-family: Open Sans;
    font-weight: bold;
    line-height: 20px;
    text-align: right;  
}
div.slideshowbg div.travelplan a.btntravelplan {   
    color: white;   
    font-size: 16px;
    font-weight: bold;
    height: 38px;
    padding-top:8px;    
    width: 330px;    
    padding-right: 20px;
    padding-left: 40px;
    margin-left: 16px;
    border: none;
    margin-top: -4px;
    background:#008522 url("../img/icon/location.png") no-repeat 16px 4px;  /*934448*/
}
div.slideshowbg div.travelplan .btntravelplan:hover{
   background:#009349 url("../img/icon/location.png") no-repeat 16px 4px;  
}
div.slideshowbg div.travelplan1 h3{  
    color:#fff;   
}
div.slideshowbg div.travelplan2 h3{    
    color:#fff; 
}
/*head*/
#header {
    height:129px;
    content: "";
    /*  position: fixed;*/
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; 
   /* background: url("../img/bghead.png") no-repeat center ;*/ 
   /* background:url("../img/bghead.png") repeat-x; */
     /*background:#fff;    
   -webkit-box-shadow:  0 6px 6px -6px #DCDCDC;
       -moz-box-shadow:  0 6px 6px -6px #DCDCDC;
            box-shadow:  0 6px 6px -6px #DCDCDC;
  */
}
#header .bgleft{   
    height: 100%;
   /* height: 124px; */
   /*background:url("../img/bgleft.png") 0px 20px no-repeat;*/
}
#header .bgright{
    height: 100%;
   /* height: 124px; */
   /*background:url("../img/bgright.png") no-repeat right bottom;*/    
}
#header .uk-container {
    padding-top: 0px;
    margin-top: 0px;   
    min-height: 24px !important;
}
#header div.logo{
    padding-left:0px;
    padding-top: 14px;    
    padding-right:0px;
}
#header .logo img {
    height: 63px;
    width: 218px;
}
#header .headicon {
    padding: 6px 0;
    width: 100%;
    color: #d0d0d0;/*fff*/
}
#header .headicon a{
     color: #d0d0d0;/*fff*/
     font-size: 13px;
}
#header .headicon a:hover{
    text-decoration:none;
}
#header .headicon .btlogin{    
    border-radius:24px;
    width:95px;
    height: 28px;
    color: #fff; 
    padding: 4px 20px 4px 20px;
    /*background: #dbeeff;*/
    font-size: 13px;
    font-family: Open Sans;
    font-weight: 400;
    border: 1px solid #fff;     
}
#header .headicon .boxregister {
    padding-left: 12px;
}
#header .headicon .btregister{    
    border-radius:24px;
    width:95px;
    height: 28px;
    color: #fff;    
    background: #008522;
    padding: 4px 20px 4px 20px;
    font-size: 13px;
    font-family: Open Sans;
    font-weight: 400;
    border: 1px solid #fff;     
}
#header .headicon .btlogin .uk-icon-user {   
    color: #009349 !important;  
    font-size: 14px; 
    padding-right: 2px;  
}
#header .boxlogin {  
    font-size: 14px;
    font-family: Open Sans;
    font-weight: 400;
    color: #2a2a2a;    
}
/*box login*/
#login .uk-modal-dialog {   
    padding: 0px;
    border-radius:6px;
    border-radius:6px;
    width: 460px;
}
#login .contentlogin{    
    padding:20px 70px 30px 70px;
}
#login .contentlogin .control-label{
    font-size: 14px;
    font-family: Open Sans;
    font-weight: 400;
    color: #2a2a2a;
}
#login .contentlogin p{
    font-size: 14px;
    font-family: Open Sans;
    font-weight: 400;  
}
#login .contentlogin .form-control{
    font-family: Open Sans;
    font-size: 14px;    
    font-weight: 400;  
}
#login .contentlogin .forgotpassword{
    font-family: Open Sans;
    font-size: 14px;    
    font-weight: 400; 
    color: #2a2a2a; 
}
#login .contentlogin .forgotpassword a{
    font-family: Open Sans Semibold;
    font-size: 14px;    
    font-weight: 400; 
    color: #2e77ba; 
}
#accountformlogin-rememberme {
    margin-top: 4px;
}
#login .contentlogin .uk-form-row{
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
#login .contentlogin .form-control {
    width: 320px;
    height: 30px;
    border-radius:4px;   
}
#login .contentlogin .uk-form {
    padding-bottom: 10px;
}
.button-login {
     font-family: Open Sans;
     font-size: 16px;
     font-weight: bold;
     border-radius:4px;
     height: 50px;
     width: 320px;     
     background: #934448;
     text-align: center;
}
.button-login:hover {   
     background: #d04149;    
}
#login .uk-modal-dialog h3 {
    font-family: Open Sans Semibold;
    font-size: 18px; 
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    text-transform: uppercase;  
    text-align: center;
    background: #2e77ba;
    height: 60px;
    color: #fff;
    padding-top: 20px;
}
/*box register*/
#register .uk-modal-dialog {   
    padding: 0px;
    border-radius:6px;
    border-radius:6px;
    width: 460px;
}
#register .contentlogin{    
    padding:20px 70px 30px 70px;
}
#register .contentlogin .control-label{
    font-size: 14px;
    font-family: Open Sans;
    font-weight: 400;
    color: #2a2a2a;
}
#register .contentlogin p{
    font-size: 14px;
    font-family: Open Sans;
    font-weight: 400;  
}
#register .contentlogin .form-control{
    font-family: Open Sans;
    font-size: 14px;    
    font-weight: 400;  
}
#register .contentlogin .forgotpassword{
    font-family: Open Sans;
    font-size: 14px;    
    font-weight: 400; 
    color: #2a2a2a; 
}
#register .contentlogin .forgotpassword a{
    font-family: Open Sans Semibold;
    font-size: 14px;    
    font-weight: 400; 
    color: #2e77ba; 
}
#register .contentlogin .uk-form-row{
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
#register .contentlogin .form-control {
    width: 320px;
    height: 30px;
    border-radius:4px;   
}
#register .contentlogin .uk-form {
    padding-bottom: 10px;
}
#register .uk-modal-dialog h3 {
    font-family: Open Sans Semibold;
    font-size: 18px; 
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    text-transform: uppercase;  
    text-align: center;
    background: #2e77ba;
    height: 60px;
    color: #fff;
    padding-top: 20px;
}
#register .contentlogin .already{
    font-family: Open Sans;
    font-size: 14px;    
    font-weight: 400; 
    color: #2a2a2a; 
}
#register .contentlogin .already a{
    font-family: Open Sans Semibold;
    font-size: 14px;    
    font-weight: 400; 
    color: #2e77ba; 
}
#header div.boxmenu {
    display:block;
    height: 40px;
    padding-left:0px;
    margin-top: 28px;
    padding-top:0px;
    width: 100%;
    font-size: 14px;   
    font-family: Open Sans;
}
#header div.boxmenu ul {
    padding: 0px;
    margin: 0px;
    float: right;
}
div.boxmenu ul.uk-navbar-nav li > a{
    padding-left: 14px;
    padding-right:14px;
    color:#4a4a4a;
    font-size: 15px;
    font-weight: bold;
    font-family: Open Sans;
    text-transform: uppercase;
    background: none !important;
}
#header div.boxmenu .subboxdropdown a{
     color: white;
}
div.boxmenu ul.uk-navbar-nav li a:hover{
    color: #009349;
}
#header div.boxmenu .uk-navbar{
    background:none;
}
#header div.boxmenu .menusub {
    margin-top: 23px;
    padding: 30px 30px 20px 20px;
    border-radius:4px;
    color: #fff;/*fff 4a4a4a*/    
  
    background:#009349 url("../img/bgsubmenu.png") repeat;       
   /* box-shadow: 0 6px 12px rgba(0,0,0,0.175);   
   -moz-box-shadow:    inset 0 0 5px #000000;
   -webkit-box-shadow: inset 0 0 5px #000000;
   box-shadow:         inset 0 0 5px #000000;
   */
}
#header div.boxmenu li.uk-open{
    background:none;  
    height: 63px; 
    background: url("../img/bgsubmenu-bottom.png") no-repeat center bottom !important; 
}
#header div.boxmenu li.uk-open a{
    background:none;  
    height: 30px; 
}
#header div.boxmenu  div.uk-panel a {
    font-size: 14px;
    font-weight: 400;
    font-family: Open Sans;
    color: #fff;
}
#header div.boxmenu .uk-navbar-nav a:hover{
    background:none !important;
    color: #8DE0B2;
}
#header div.boxmenu div.uk-panel a.titlemenu {
    font-size: 16px;
    font-weight: bold;
    font-family: Open Sans;  
    color: #fff;
    /*border-bottom: 1px solid #19a159;*/
    display: inline-block;
    width: 100%;
    padding-bottom: 2px;
    text-transform: uppercase !important;  
}

#header div.boxmenu div.uk-panel a.titlemenu:hover {
    color: #8DE0B2;
}
#header div.boxmenu .uk-width-1-4 .uk-panel img {
     border-radius:4px;
     margin-top: 5px;
     margin-bottom:10px;
}
#header div.boxmenu .menusub .uk-width-3-4 label{
    padding-left: 16px;
    background:url("../img/icon/iconchekmenu.png") no-repeat 0px 4px;/*icon-minus*/
    border-bottom: 1px solid #19a159;
    width: 100%;
    padding-top: 0px;
    padding-bottom:6px;
    line-height: 17px;
}
#header div.boxmenu .menusub .uk-width-1-3{
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
#header div.boxmenu .menusub .uk-width-1-3 .uk-panel{
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
#header div.boxmenu .menusub .uk-width-1-3 .menucontent{
   padding-left: 10px;
   padding-right: 10px;
}
#header div.boxmenu .menusub .uk-width-1-3 .menuimg img{   
   padding-left:23px;
}

#header div.boxmenu .menusubitem {
    font-family: Open Sans;   
    font-weight: 400; 
    margin-top: 23px;
    padding: 30px 20px 20px 20px;
    border-radius:4px;
    width: 250px !important;
    margin-left: -30px;
    color: white;
    background:#009349 url("../img/bgsubmenu.png") repeat;  
}
#header div.boxmenu .menusubitem .uk-nav-navbar {
    font-family: Open Sans;   
    font-weight: 400; 
    padding-left: 0px;
    margin-left: 0px;
}
#header div.boxmenu .menusubitem .uk-nav-navbar img{
     margin-top: 5px;
     border-radius:4px;
}
#header div.boxmenu .menusubitem .uk-nav-navbar li{
    font-family: Open Sans;   
    font-weight: 400; 
    padding-left: 0px;
    margin-left: 0px;  
}
#header div.boxmenu .menusubitem .uk-nav-navbar li a.titlemenu{
    font-size: 14px;
    font-family: Open Sans;   
    font-weight: 400;     
    text-transform: none;
    color: #fff;
    padding-left: 0px;
    margin-left: 0px;
    width: 210px;
    height: auto;
    border-bottom: 1px solid #19a159;
}
#header div.boxmenu .menusubitem .uk-nav-navbar li a.titlemenu:hover{
    color: #8DE0B2;
}
#header div.boxmenu .menusubitem .uk-nav-navbar li:last-child a.titlemenu {    
     border-bottom:none !important;
}
/*#header div.boxmenu .menusubitem .itemmenu{
    width: 204px;
    display: inline-block;
    padding: 12px;   
    padding-left: 0px;
}
#header div.boxmenu .menusubitem .itemmenu a.titlemenu {
    font-size: 16px;
    font-weight: bold;
    font-family: Open Sans;
    text-transform: uppercase;
    color: #fff;
    height: 30px;
     padding-left: 0px;
    white-space: nowrap;
}
#header div.boxmenu .menusubitem .itemmenu dd{
    margin-bottom:14px;    
}*/
/*#header div.boxmenu > a{
    display: block;
    float: left;
}
#header div.boxmenu .subboxdropdown {
    margin-top: 20px;
    width: 1080px;
    margin-left:64px;
    border-radius:4px;
    color: white;
    font-size: 14px;    
    background: url("../img/bgsubmenu.png") repeat;  
}
#header div.boxmenu .subboxdropdown a{
     color: white;
}
#header div.boxmenu .subboxdropdown .uk-width-1-4 {
    width: 250px;
    border: none;
    padding: 14px 10px 10px 18px;
}
#header div.boxmenu .subboxdropdown a.titlemenu{
    font-size: 16px;
    font-weight: bold;
}
#header div.boxmenu li.uk-open{
    background:none;  
    height: 60px; 
    background: url("../img/bgsubmenu-bottom.png") no-repeat center bottom !important; 
}
#header div.boxmenu li.uk-open a{
    background:none;  
    height: 30px; 
}
#header div.boxmenu li.uk-active {
    background:none !important;
}
#header div.boxmenu li.uk-active a {
    background:none !important;
}
#header div.boxmenu .uk-navbar-nav a:hover{
     background:none !important;
}
#header div.boxmenu .uk-width-1-4 .uk-panel img {
     border-radius:4px;
}
*/
/*#menu4 .subboxdropdown {
    margin-left:-302px !important;
}*/
#header div.boxmenu #menu2 .menusubitem {
    margin-left: -50px !important;
}
/*end head*/
div.boxgioithieu{  
    padding-top:50px;
    padding-bottom: 10px;
}
div.boxgioithieu h4{
    font-size: 18px;
}
/*box why choose us*/
div.boxwhyus{
    height: 470px;
    padding-top:50px;
}
div.boxwhyus div.uk-grid div.uk-width-1-5 div.uk-align-center{
    margin-left: 0px;   
    text-align: center;
}
div.boxwhyus div.uk-grid div.uk-width-1-5 > div {
    margin-left: 0px;
    padding-left: 0px;
    width: 185px;  
}
div.boxwhyus div.circleus-1{
    height: 166px;
    width: 166px;
    background: #fff;
    /*border: 8px solid #78bdc7;*/
    border-radius:50%;    
    margin-left: 10px;    
    background: url("../img/persone.png") no-repeat center;  
}
div.boxwhyus div.circleus-1:hover{
    height: 166px;
    width: 166px; 
    border-radius:50%;  
    /*
    border: 8px solid #78bdc7;
    background:#78bdc7 url("../img/icon/hover-persone.png") no-repeat center;  */
}
div.boxwhyus div.circleus-2{
    height: 166px;
    width: 166px;
    background: #fff;
   /* border: 8px solid #60a0d9;*/
    border-radius:50%;
    margin-left: 10px;   
    background: url("../img/check.png") no-repeat center;  
}
div.boxwhyus div.circleus-2:hover{
    height: 166px;
    width: 166px;  
    border-radius:50%;
   /* border: 8px solid #60a0d9;   
    background: #60a0d9 url("../img/icon/hover-check.png") no-repeat center;*/ 
}
div.boxwhyus div.circleus-3{
    height: 166px;
    width: 166px;
    background: #fff;
    /*border: 8px solid #de757b;*/
    border-radius:50%;   
    margin-left: 10px;
    background: url("../img/like.png") no-repeat center;   
}
div.boxwhyus div.circleus-3:hover{
    height: 166px;
    width: 166px;      
    border-radius:50%;
    /*border: 8px solid #de757b;
    background:#de757b url("../img/icon/hover-like.png") no-repeat center;*/ 
}
div.boxwhyus div.circleus-4{
    height: 166px;
    width: 166px;
    background: #fff;    
    border-radius:50%;    
    margin-left: 10px;
    /*border: 8px solid #78daaa; */
    background: url("../img/usd.png") no-repeat center; 
}
div.boxwhyus div.circleus-4:hover{
    height: 166px;
    width: 166px; 
    border-radius:50%;
    /* border: 8px solid #78daaa;
    background:#78daaa url("../img/icon/hover-usd.png") no-repeat center;*/ 
}
div.boxwhyus div.circleus-5{
    height: 166px;
    width: 166px;   
    margin-left: 10px;
    border-radius:50%;
    /*border: 8px solid #daab78;    */
    background: #fff url("../img/shake.png") no-repeat center;
}
div.boxwhyus div.circleus-5:hover{
    height: 166px;
    width: 166px;    
    border-radius:50%;
   /*  border: 8px solid #daab78;
    background:#daab78 url("../img/icon/hover-shake.png") no-repeat center;*/ 
}
div.boxwhyus h1,div.boxwhyus h4,div.boxtraveller h1,div.boxtraveller h5,div.boxhightlight h1,div.boxhightlight h6,
div.boxourteam h1,div.boxourteam h4,div.boxrecentblog h1,div.boxgioithieu h4{
    font:400 33px Open Sans Light !important; 
    color: #353535;
}
div.boxgioithieu h4 a,div.boxwhyus h1 a,div.boxwhyus h4 a,div.boxtraveller h1 a,div.boxtraveller h5 a,div.boxhightlight h1 a,
div.boxhightlight h6 a,div.boxourteam h1 a,div.boxourteam h4 a,div.lastblog h1 a,div.lastblog h3 a,div.boxrecentblog h1 a{
    font:400 33px Open Sans Light !important;
    color: #2a2a2a;
}
div.boxgioithieu h4 a:hover,div.boxwhyus h1 a:hover,div.boxwhyus h4 a:hover,div.boxtraveller h1 a:hover,div.boxtraveller h5 a:hover,div.boxhightlight h1 a:hover,div.boxhightlight h6 a:hover,div.lastblog h1 a:hover,div.lastblog h3 a:hover,div.boxourteam h1 a:hover,div.boxourteam h4 a:hover,div.boxrecentblog h1 a:hover{
    color:#009349 !important;
}

div.boxgioithieu h4{
    font:400 33px Open Sans Light !important; 
    color: #353535;
}
div.boxgioithieu h4 a{
    font:400 33px Open Sans Light !important;
    color: #2a2a2a;
}
div.boxgioithieu h4 a:hover{
    color:#009349 !important;
}
div.boxgioithieu .title-bottom {       
     font-family: Open Sans Semibold;
     font-size: 24px;
     text-align: center; 
     color:#fff;
     padding-bottom:72px;  
     text-shadow: 0 0 2px #404040;
}
div.boxgioithieu .uk-icon-quote-left {       
    color: #CCC;
}
div.boxwhyus .uk-grid{
    padding-top:0px;
}
div.boxwhyus .uk-grid .uk-width-1-5 p.uk-text-center{
    font-size: 16px;
    font-family:Open Sans;  
    font-weight: 400;
    color: #2a2a2a;
    line-height: 18px;
}
/*boxourteam*/
div.boxourteam{
    display: block;  
    padding-top:70px;
    width: 100%;
    min-height: 700px;
    height: 700px;  
}
div.boxourteam h1,div.boxourteam h4{
    font-size: 32px;    
    color: #353535;   
}
div.boxourteam .txthome , div.boxwhyus .txthome,div.boxtraveller .txthome,div.boxrecentblog .txthome,div.boxhightlight .txthome{
   font-size: 14px;
   color:#2a2a2a;  
   font-family:Open Sans;  
   font-weight: 400;
   padding-bottom: 40px;
}
div.boxourteam .txthome p , div.boxwhyus .txthome p,div.boxtraveller .txthome p,div.boxrecentblog .txthome p,div.boxhightlight .txthome p{
    padding-bottom: 0px;
    margin-bottom: 0px !important;
}
div.boxourteam .uk-grid{
    padding-top: 50px;
}
div.boxourteam .bottomslideset {
    padding-top: 0px;
}
div.boxourteam .viewall {
    margin-bottom: -30px;
}
div.boxourteam .bottomslideset a{
    background: #74bf9b !important;
    height: 14px;
    width: 14px;
}
div.boxourteam .bottomslideset .uk-active a{
    background: #009349 !important;
    height: 18px;
    width: 18px;
    margin-top: -2px;
}
.boximg {
      margin: 0px;
      padding: 0px;
      display: block;    
      border-radius: 50%;
      border: none;
      overflow: hidden;
      -webkit-transform:scale(1.0);
}
.boximg:hover{
     -webkit-transform:scale(1.0);
}
div.boxourteam dt {
     font:bold 18px Open Sans;
     padding-top: 6px;
     color: red;
}
div.boxourteam dt a{
     font-family: Open Sans;
     font-weight: bold;
     padding-top: 6px;
     font-size: 18px;
}
div.boxourteam .uk-grid li a:hover{
    text-decoration: none;   
}
div.boxourteam dd {
     color: #4f4f4f;
}
div.boxourteam .uk-slideset li{
     height: 100%; 
     min-height: 434px;
}
div.boxourteam dd.titlejob {
    color: #757474;
    font-size: 16px;  
    height: 100%;
    padding-top:4px;
    padding-bottom:4px;
    font-family: Open Sans;
    font-weight: 400;
}
div.boxourteam .uk-grid-width-1-4 {
    padding-top: 5px;
    margin-top: 0px;
}
/*Box Hightlights*/
div.boxhightlight {
    display:block;
    width: 100%;
    height: 750px;  
    padding-top: 50px;
}
div.boxhightlight .itemhome-0{
    margin: 0px;
    padding: 0px;
    display: block;
    width: 346px;
    height: 270px;
    margin-right: 20px; 
}
div.boxhightlight .itemhome-0 img{
    width: 346px;
    height: 270px;
    border-radius:4px;
}
div.boxhightlight .itemhome-1{
    margin: 0px;
    padding: 0px;
    width: 346px;
    height: 270px;
    margin-right: 20px;   
}
div.boxhightlight .itemhome-1 img{
    width: 346px;
    height: 270px;
    border-radius:4px;
}
div.boxhightlight .itemhome-2{
    margin: 0px;
    padding: 0px;
    width: 346px;
    height: 270px;
}
div.boxhightlight .itemhome-2 img{
    width: 346px;
    height: 270px;
    border-radius:4px;
}
div.boxhightlight .itemhome-3{
    margin: 0px;
    padding: 0px;
    width: 450px;
    height: 270px;
    margin-right: 20px;   
    padding-top: 20px;
}
div.boxhightlight .itemhome-3 img{
    width: 450px;
    height: 270px;  
    border-radius:4px;
}
div.boxhightlight .itemhome-4{
    margin: 0px;
    padding: 0px;
    width: 610px;
    height: 270px;
    padding-top: 20px;
    float: right;
}
div.boxhightlight .itemhome-4 img{
    width: 610px;
    height: 270px;
    border-radius:4px;
}
div.boxhightlight .infohightlights {    
    display: block;
    margin-top: 0px;  
}
div.boxhightlight .infohightlights .imgmain {    
   height: 270px;
}
div.boxhightlight div.infohightlights div.boxday{
   margin-left: 20px;
   background:red;
   border: 1px solid red;
}
#boxday{
   margin-left: 16px;  
   opacity: 0.6;
   filter: alpha(opacity=60);
   background:#f5f6f1;   
   height: 60px;
   border-radius: 50%;
   width: 60px;  
   margin-top: -256px;   
}
#boxday .numdays{
    font-size: 30px;
    font-weight:800;
    color: #2a2a2a;
    display: block;
    font-family:Open Sans ExtraBold !important;
    width: 60px;
    padding-top: 2px;
    text-align: center !important
}
#boxday .txtday {
    font-size: 13px;
    color: #4f4f4f;
    font-weight: 400;
    display: block;
    width: 60px;
    text-align: center !important;
    margin-top: -9px;
    font-family:Open Sans;
    text-transform: uppercase;
}
h2.caption-title{
   opacity: 0.6;
   filter: alpha(opacity=60);
   background:#2a2a2a;  
   height: 60px;
   margin-top:136px;
   padding-left: 14px;
   padding-right:20px;
   font-weight: 600 !important;
   font-family:Open Sans Semibold !important;
}
h2.caption-title .boxcaption {
     display: block;
     width: 100%;
     height: 60px;
     padding-right:24px;
     color: #c3c3c3;
     font-family:Open Sans Semibold !important;
     background: url("../img/icon/circle_right.png") no-repeat right !important;  
}
h2.caption-title .boxcaption:hover {
    background: url("../img/icon/circle_right_hover.png") no-repeat right !important; 
}
a.title-heightlight{
     display: block;
     padding-top: 12px;
     font-family:Open Sans Semibold !important;
     font-size: 14px;  
     color: #c3c3c3;
     line-height: 18px !important;
}
a.title-heightlight:hover{
     color: #fff;
    text-decoration: none; 
}
/*traveller*/
div.boxtraveller {
    width: 100%;  
    background: #e9ebee;
    padding-top: 50px;
    padding-bottom: 50px;
    height: 780px;
}
div.boxtraveller .uk-slideset a{
    font-size: 14px;  
}
div.boxtraveller .uk-slideset a:hover{
      text-decoration: none;    
}
div.boxtraveller .uk-flex-center li a {
     background: #58a0e1 !important;
     height: 14px;
     width: 14px;
}
div.boxtraveller .uk-flex-center li.uk-active a{
     background: #3182cc !important;
     height: 18px;
     width: 18px;
     margin-top: -2px;
}
div.boxtraveller .infoitemtraveller{
    background: white;  
    height: 170px;
    padding:30px 32px 0px 32px;    
}
div.boxtraveller .maincontenttraveller img{    
    border-top-left-radius:4px;
    border-top-right-radius:4px;    
}
div.boxtraveller .maincontenttraveller ul.uk-grid-width-1-3 li {
    height: 500px;  
}
div.boxtraveller .maincontenttraveller .bottomslideset{
    margin-top: 16px;   
}
div.boxtraveller .maincontenttraveller .bottomslideset a{
    background: #74bf9b !important;
    height: 14px;
    width: 14px;
}
div.boxtraveller .maincontenttraveller .bottomslideset .uk-active a{
    background: #009349 !important;
    height: 18px;
    width: 18px;  
}
div.boxtraveller .maincontenttraveller .viewall{
    margin-bottom: -30px;
}
div.imghover img {
    border-radius:0px;
}
div.boxtraveller .infoitemtraveller .title{   
    color: #2a2a2a;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    font-family:Open Sans Semibold;
}
div.boxtraveller .infoitemtraveller p.uk-text-muted{  
    margin-top: -10px !important;
    margin-bottom: 0px;   
    font-style: italic;
    font-family:Open Sans;
    font-size: 13px;
    color: #919090;
}
div.boxtraveller .infoitemtraveller p.shorttxt{
    margin-top: 6px !important;
    padding-bottom:20px;
    color: #4f4f4f;
    font-size: 14px;
    margin-bottom: 0px;
    font-family:Open Sans;
    font-weight: 400;
}
div.boxtraveller .infouser{
    margin: 0px;
    padding: 0px;    
    border-top: 1px solid #cfd3da;
    background: white;
    padding-top: 16px;
    height: 100px;
}
div.boxtraveller .infouser .uk-panel a{
     font-size: 16px;
     color: #2a2a2a;
     font-weight: bold; 
}
div.boxtraveller .infouser .uk-panel .firstname{
     font-size: 16px;
     color: #2a2a2a;
     font-weight: bold;  
     text-transform: none;  
}
div.boxtraveller .infouser .uk-panel .lastname{
     font-size: 16px;
     color: #2a2a2a;
     font-weight: bold;
     text-transform: uppercase;
}
div.boxtraveller .infouser .uk-panel a:hover{   
     color: #009349;
     text-decoration:none;   
}
div.boxtraveller .infouser .uk-panel .firstname:hover{
     color: #009349;
}
div.boxtraveller .infouser span {
     color: #4a4a4a;
     font-size: 14px;
     font-style: italic;    
     font-family:Open Sans Semibold;
}
div.boxtraveller .infouser .uk-width-medium-1-4 .uk-panel{     
    height: 70px;  
    width: 70px;
}
div.boxtraveller div.infouser .uk-border-circle {
    background: #e5e7ea;
    border-radius:50%;  
}
div.boxtraveller .infouser .uk-width-medium-3-4 {   
    padding-left: 40px;
    padding-top: 14px;   
    height: 71px;  
}
/*boxrecentblog*/
div.boxrecentblog {
    width: 100%;
    background: #e9ebee;
    padding-top: 50px;
    padding-bottom: 50px;
}
div.maincontentblog {   
    padding-top:0px;   
    margin-top: 0px; 
}
div.maincontentblog .uk-slideset a{
    font-size: 15px;
    color: #2a2a2a;
    font-family:Open Sans Semibold !important;
    font-weight: 600 !important;
}
div.maincontentblog .uk-slideset a:hover{
      text-decoration: none;    
      color: #009349;
}
div.maincontentblog .uk-flex-center li a {
     background: #74bf9b !important;
     height: 14px;
     width: 14px;
}
div.maincontentblog .uk-flex-center li.uk-active a{
     background: #009349 !important;
     height: 18px;
     width: 18px;
     margin-top: -2px;
}
div.maincontentblog .uk-slideset img{
    border-radius:4px;
    width: 340px;
    height: 155px;
}
div.lastblog .viewall{
    margin-bottom: -30px;
}
/*slidesub bg*/
div.slidesubbg{    
     margin-top:0px;
     height: 400px;
     background: url("../img/silde/sub/voyage-sur-mesure-au-vietnam-4.jpg") no-repeat center top; 
}
div.slidesubbg_contact{ 
     height: 400px;
     background: url("../img/silde/sub/agence-de-voyage-au-vietnam-lotus-contact.jpg") no-repeat center top;    
}
div.slidesubbg_aboutus{    
    height: 590px;
    background: url(../img/silde/sub/agence-de-voyage-au-vietnam-authentik-vietnam.jpg) no-repeat center center;
    background-size: cover;
}
div.slidesubbg_review{    
     height: 400px;
     background: url("../img/silde/sub/Agence-de-voyage-au-vietnam.jpg") no-repeat center top;    
}
div.slidesubbg_blog{    
     height: 400px;
     background: url("../img/silde/sub/agence-de-voyage-au-vietnam-blog-authentik-vietnam.jpg") no-repeat center top;    
}
div.slidesubbg_guidevoyage{    
     height: 400px;
     background: url("../img/silde/sub/agence-de-voyage-au-vietnam-avant-de-partir.jpg") no-repeat center top;    
}
div.slidesubbg_cate11{    
     height: 400px;
     background: url("../img/silde/sub/Voyage-sur-mesure-birmanie.jpg") no-repeat center top;    
}
div.slidesubbg_cate2{    
     height: 400px;
     background: url("../img/silde/sub/voyage-vietnam-sites-incontournables.jpg") no-repeat center top;    
}
div.slidesubbg_cate3{    
     height: 400px;
     background: url("../img/silde/sub/voyage-vietnam-authentique.jpg") no-repeat center top;    
}
div.slidesubbg_cate4{    
     height: 400px;
     background: url("../img/silde/sub/voyage-vietnam-par-monts-et-par-vaux.jpg") no-repeat center top;    
}
div.slidesubbg_cate5{    
     height: 400px;
     background: url("../img/silde/sub/voyage-vietnam-combine.jpg") no-repeat center top;    
}
div.slidesubbg_cate6{    
     height: 400px;
     background: url("../img/silde/sub/voyage-vietnam-les-rechesses-dethnie.jpg") no-repeat center top;    
}
div.slidesubbg_cate8{    
     height: 400px;
     background: url("../img/silde/sub/sejour_balaire_vietnam.jpg") no-repeat center top;    
}
div.slidesubbg_cate9{    
     height: 400px;
     background: url("../img/silde/sub/voyage-sur-mesure-au-laos.jpg") no-repeat center top;    
}
div.slidesubbg_cate10{    
     height: 400px;
     background: url("../img/silde/sub/voyage-au-cambodge.jpg") no-repeat center top;    
}
.slidesubbg_aboutus .subbghead{
    height: 112px !important;
}
div.slidesubbg div.subbghead {
    height: 100px;
    width: 100%;   
}
div.slidesubbg div.subbgcontent{   
   height:200px;
   background: url("../img/subbg-content.png") repeat; 
}
div.slidesubbg div.subbgcontent .uk-grid{
    padding-top: 18px;
}
div.slidesubbg div.subbgcontent .uk-grid .subbg1 {
    border-right: 1px solid #2a2a2a;      
}
div.slidesubbg div.subbgcontent .uk-grid .subbg1 h2 {
    font-size: 41px;
    font-family:Open Sans ExtraBold !important;
    text-transform: uppercase;
    text-align: right;
    font-weight: bold;
    padding-right: 20px;    
    margin-top: 8px;
    margin-bottom: 0px;
    color: #2a2a2a;
    line-height:42px;
}
div.slidesubbg div.subbgcontent .uk-grid .subbg1 h3 {
    font-size: 16px;
    font-family:Open Sans SemiboldItalic !important;  
    text-align: right;
    padding-right: 20px;
    margin-top: 8px;
    font-style: italic;
    font-weight: 600;
    color: #2a2a2a;
}
div.slidesubbg div.subbgcontent .uk-grid .subbg2 h4 {
    font-family:Open Sans;  
    font-size: 16px; 
    font-weight: bold;   
    color: #2a2a2a;
}
div.slidesubbg div.subbgcontent .uk-grid .subbg2 .boxslc {
    height: 64px;
}
div.slidesubbg div.subbgcontent .uk-grid .subbg2 .boxslc span {
    font-size: 16px; 
    font-weight: bold;
    padding-left: 10px;  
    padding-right: 10px;
}
div.slidesubbg div.subbgcontent .uk-grid .subbg2 .boxslc select {
    height: 44px;   
    width: 206px;   
    font-family:Open Sans;
    font-weight:400;
    border-radius:4px;
    border:1px solid white;
    padding-left:20px;
    line-height: 30px; 
    color: #000;        
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background:#ffffff url("../img/dropdown.png") 96% / 7% no-repeat;       
}
div.slidesubbg div.subbgcontent .uk-grid .subbg2 a.btntravelplan {
    margin-left: 54px;
    color: white;   
    font-size: 16px;
    font-weight: bold;
    height: 46px;
    padding-top: 10px;    
    width: 340px;    
    padding-right: 30px;
    padding-left: 50px;
    margin-top: 12px;
    border: none;
    border-radius:28px;
    background:#008522 url("../img/icon/location.png") no-repeat 20px 8px;  
}
div.slidesubbg div.subbgcontent .uk-grid .subbg2 .btntravelplan:hover{
   background:#009349 url("../img/icon/location.png") no-repeat 20px 8px;  
}
#main .uk-container-center {
    height: 100% !important;
}
/*Breadcrumb*/
#main ul.breadcrumb {
    background: #eeeeee;    
    padding-left: 0px;
    padding-top: 24px;
    padding-bottom:0px;
}
#main ul.breadcrumb > li + li::before {
    color: #999999;
    content: "> ";
    padding: 0 5px;
}
#main ul.breadcrumb li {   
    font-family:Open Sans;
    font-weight: 400;  
    height: 22px; 
}
/*Box tour*/
div.boxtour{
     font-family:Open Sans Regular;
     font-weight: 400;
     font-size: 14px; 
     background:#eeeeee;
     padding-top: 34px;   
     padding-bottom: 50px;
}
div.boxtour .infocate {
     background: #fff;
     padding: 30px 30px 30px 30px ;
     border-radius:6px;
     font-family:Open Sans Regular;
     font-weight: 400;
     font-size: 14px;
}
div.boxtour .infocate h1 {
    font-family:Open Sans Semibold;
    font-weight: 600;
    font-size: 16px; 
    text-align: center;
    padding-top: 10px !important;
    padding-bottom: 20px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 0px;
    text-transform: uppercase;
}
div.boxtour .infocate h2 {
    font-family:Open Sans Semibold;
    font-weight: 600;
    font-size: 16px; 
    text-align: center;
    padding-top:0px !important;
    padding-bottom: 20px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 0px;
    text-transform: uppercase;
    margin-top: 0px !important;
}
/*main tour*/
div.maintour {
    font-family:Open Sans Regular;
    font-weight: 400;
    font-size: 14px; 
    background: #fff;
    padding-top: 30px;
    padding-bottom:20px;
}
div.maintour .listitem h2{
    font-family:Open Sans Semibold;
    font-weight: 600;
    font-size: 18px;    
    text-align: center;   
    padding-bottom: 10px;    
    text-transform: uppercase;
}
div.maintour .listitem .uk-width-1-10 {
    padding-left: 0px;
}
div.maintour .slcfillter {
    height: 40px;   
    width: 190px;
    border-radius:4px;
    border:1px solid #d4d4d4;
    padding-left:20px;
    line-height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../img/dropdown.png") 96% / 7% no-repeat transparent;
    color: #4a4a4a;
    font-family:Open Sans Regular;
    font-weight:400;
}
div.maintour .boxitemtour {
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border:1px solid #d4d4d4;
    margin-bottom:20px;
}
div.maintour .boxitemtour .readmore{
    display: block;
    text-align: center;  
    position:relative;
    margin-top: -16px;    
}
div.maintour .boxitemtour  .btnreadmore{
    font-family:Open Sans Semibold;
    font-size: 14px;
    text-transform: uppercase;   
    color: #fff;
    font-weight: 600;
    width: 140px;
    border-radius:28px;
    background:#008522;
}
div.maintour .boxitemtour  .btnreadmore:hover {    
    background:#009349;
}
div.maintour .boxitemtour .boxinfo {
    padding: 30px;
}
div.maintour .boxitemtour .boxinfo a {
    font-family:Open Sans Semibold;
    font-size: 15px;
    font-weight: 600;
    color: #2a2a2a;
}
div.maintour .boxitemtour .boxinfo a:hover {
    color:#009349;
    text-decoration: none;
}
div.maintour .boxitemtour .boxinfo .days {
    font-family:Open Sans;
    font-weight: 400;
    font-size: 14px;
    color: #4a4a4a;
    font-style: italic; 
}
div.maintour .boxitemtour .boxinfo .shorttxt {
    font:400 14px Open Sans;
    color: #4a4a4a;
    font-style: italic; 
}
/*Detail tour*/
div.boxcontryside{
     background:#eeeeee;
     padding: 4px;
}
div.boxcontryside .contryside {
    background: #fff;
    border-radius:4px;
}
div.boxcontryside .contryside >h2 {  
    width: 100%;
    background: #e6e6e6;
    color: #4a4a4a;
    font-family:Open Sans;
    font-weight: 700;
    text-align: center;
    font-size: 20px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    height: 60px;
    padding-top: 14px;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: uppercase;
}
div.contryside .boxmap{   
    margin-left: 0px;
    margin-top: 0px;
    padding: 4px;
}
div.contryside .boxmap .map {
    height: 810px;
    width: 604px !important;  
    background:url("../img/bgmap.png") no-repeat 0px 40px;  
}
div.contryside .boxmap .map h2{
    height: 40px;
    font-size: 16px;
    font-family:Open Sans Semibold !important;
    font-weight: 600 !important;
    color: #2a2a2a;    
    padding-top: 12px;
    text-align: center;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
div.contryside .boxmap .boxmapimg {
    background: none;   
}
div.contryside .boxmap .boxmapimg img {
    padding-top: 24px;
}
div.contryside .boxmap .map .uk-list {
    padding-top: 0px !important;
    margin-top: 0px !important;
}
div.contryside .boxmap .content {
    width: 450px !important;
}
div.contryside .boxmap .content h2{
    height: 50px;
    font-size: 16px;
    font-family:Open Sans Semibold !important;
    font-weight: 600 !important;
    color: #2a2a2a;   
    padding-top: 12px;
    text-align: center;
}
div.contryside .boxmap .content .uk-scrollable-box {
    height: 644px;  
}
div.contryside .boxmap .content ul {
    padding-top: 0px;
    margin-top: 0px;
    padding-left: 16px;
    padding-right: 16px; 
    border: 1px solid #eeeeee;  
    height: 644px;  
}
div.contryside .boxmap .content ul li {
    padding-top: 6px;
    padding-bottom: 6px;
    color: #2a2a2a;
    font-family:Open Sans;
    font-weight: 400;
}
div.contryside .boxmap .content ul li .titleday {
    padding-top: 0px;
    padding-bottom: 0px;
    color: #2a2a2a;
    font-family:Open Sans;
    width:90px;
    font-weight: 400;
    line-height: 20px;
}
/*Customize tour*/
div.contryside .mapcustomize{   
    margin-left: 0px;
    margin-top: 0px;
    padding: 4px;
    background: #fff;
}
div.contryside .mapcustomize .map {
    height: 790px;
    width: 604px !important;  
    background:url("../img/bgmap.png") no-repeat 0px 0px;  
}
div.contryside .mapcustomize .map h2{
    height: 40px;
    font-size: 16px;
    font-family:Open Sans Semibold !important;
    font-weight: 600 !important;
    color: #2a2a2a;    
    padding-top: 12px;
    text-align: center;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
div.contryside .mapcustomize .map .uk-list {
    padding-top: 0px !important;
    margin-top: 0px !important;
}
div.contryside .mapcustomize .content {
    width: 450px !important;
}
div.contryside .boxmap .content h2{
    height: 50px;
    font-size: 16px;
    font-family:Open Sans Semibold !important;
    font-weight: 600 !important;
    color: #2a2a2a;   
    padding-top: 12px;
    text-align: center;
}
div.contryside .mapcustomize .content .uk-scrollable-box {
    height: 644px;  
}
div.contryside .mapcustomize .content ul {
    padding-top: 0px;
    margin-top: 0px;
    padding-left: 16px;
    padding-right: 16px; 
    border: 1px solid #eeeeee;  
    height: 644px;  
}
div.contryside .mapcustomize .content ul li {
    padding-top: 6px;
    padding-bottom: 6px;
    color: #2a2a2a;
    font-family:Open Sans;
    font-weight: 400;
}
div.contryside .mapcustomize .content ul li .titleday {
    padding-top: 0px;
    padding-bottom: 0px;
    color: #2a2a2a;
    font-family:Open Sans;
    width:90px;
    font-weight: 400;
    line-height: 20px;
}
/*Draw map detail tour*/
.map ul li {
    border: none;
    color: #3b3b3b;
    font-family:Open Sans Semibold;
    font-weight: 600;
    margin-top: 0px;
    padding-top: 0px;
}
.hidebg{
    background:none !important;
}
.dongvan{
    display: block;
    padding-top: 10px !important;
}
.dongvan .boxcontent{       
    margin-left: 230px;
    width: 90px;
    cursor: pointer;  
    white-space: nowrap;
    padding-bottom: 8px;    
    background:url("../img/icon/map-icon.png") no-repeat 14px bottom;      
}
.dongvan .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 14px bottom;        
}
.hagiang{
    display: block;
    padding-top: 0px !important;  
}
.hagiang .boxcontent{       
    margin-left: 230px;
    width: 90px;
    cursor: pointer;  
    white-space: nowrap;
    padding-left: 14px;
    background:url("../img/icon/map-icon.png") no-repeat 0px 6px;      
}
.hagiang .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 0px 6px;   
}
.bachacaobang{
    display: block;
    height: 15px;
    line-height: 15px;
    padding-top: 0px;
    padding-bottom: 0px !important;   
    padding-left: 160px;
    margin-top: -10px;
  
}
.bachacaobang .boxcontent{
    display: block;
    width: 100px;
    cursor: pointer;
    padding-bottom: 10px !important;    
    margin-top: -10px !important;
    padding-right:0px;   
    background:url("../img/icon/map-icon.png") no-repeat 84px 10px;      
    
}
.bachacaobang .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 84px 10px;      
}
.bachacaobang .boxcontent1{  
    width:90px;
    cursor: pointer;
    padding-left:14px;
    margin-left: 44px;
    display: block;
    background:url("../img/icon/map-icon.png") no-repeat 0px 4px;     
}
.bachacaobang .boxcontent1:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 0px 4px;       
}
.sapababe{
    display: block;
    height: 15px;
    line-height: 15px;
    padding-top: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;   
    padding-left: 130px;  
    width: 100%;   
}
.sapababe .boxcontent{
    display: block;
    width: 100px;
    cursor: pointer;
    padding-bottom: 0px !important;    
    margin-top: -10px !important;
    padding-right: 20px;   
    background:url("../img/icon/map-icon.png") no-repeat 76px 6px;
}
.sapababe .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 76px 6px;     
}
.sapababe .boxcontent1{  
    width:90px;
    cursor: pointer;
    padding-left:14px;
    margin-left: 64px;
    display: block;
    background:url("../img/icon/map-icon.png") no-repeat 0px 4px;     
}
.sapababe .boxcontent1:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 0px 4px;       
}
.dienbien{
    display: block;
    height: 14px;
    line-height: 14px;
    padding-top: 0px !important;
    margin-top: -4px !important;
    padding-bottom: 0px !important;   
    padding-left: 54px;
    text-align: left !important; 
    float: left;
    width: 100%;
}
.dienbien .boxcontent{
    display: block;
    width: 90px;
    cursor: pointer;
    margin-top: -8px !important;
    padding-top: 0px !important;
    padding-bottom: 10px !important;
    background:url("../img/icon/map-icon.png") no-repeat 70px 12px;      
}
.dienbien .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 70px 12px;   
}
.mucangchai{
    display: block;
    padding-left:84px !important;
    float: left;
    width: 100%;
}
.mucangchai .boxcontent{
    display: block;
    width: 112px;
    cursor: pointer;
    margin-top: -4px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    background:url("../img/icon/map-icon.png") no-repeat 98px 6px;   
}
.mucangchai .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 98px 6px;          
}
.nghialo{
    display: block;
    padding-left:170px !important;
    float: left;
    width: 100%;
    height: 14px;
    margin-top: -10px;
    line-height: 14px;
}
.nghialo .boxcontent{
    display: block;
    width: 70px;
    cursor: pointer;
    text-align: center;
    margin-top: -18px !important;
    padding-top: 0px !important;
    padding-bottom:14px !important;
    margin-left:34px;
    background:url("../img/icon/map-icon.png") no-repeat 8px bottom; 
}
.nghialo .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 8px bottom;          
}
.hanoihalongsonla{
    display: block;
    float: left;
    width: 100%;   
    line-height: 16px;
    height: 16px;
    padding-left:180px !important;   
}
.hanoihalongsonla .uk-grid-width-1-3 {
    margin: 0px;
    padding: 0px;    
}
.hanoihalongsonla .boxcontent{
    display: block;
    width: 80px;
    cursor: pointer;
    padding-bottom: 12px !important;    
    margin-top:-10px !important;
    padding-right: 0px;
    background:url("../img/icon/map-icon.png") no-repeat 50px 16px;      
}
.hanoihalongsonla .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 50px 16px;     
}
.hanoihalongsonla .boxcontent1{
    display: block;
    width: 82px;
    cursor: pointer;
    padding-bottom: 0px !important;    
    margin-top: 4px !important;
    padding-right:0px; 
    padding-left: 18px;
    margin-left: 28px;
    font-family:Open Sans;
    font-weight: bold;
    background:url("../img/icon/city-icon.png") no-repeat left top;      
}
.hanoihalongsonla .boxcontent1:hover{ 
    background:url("../img/icon/hovercity-icon.png") no-repeat left top;  
}
.hanoihalongsonla .boxcontent2{  
    width:90px;
    cursor: pointer;
    padding-left:14px;
    margin-left:0px;
    margin-top: -8px;
    padding-bottom: 8px;
    display: block;
    background:url("../img/icon/map-icon.png") no-repeat 0px 6px;     
}
.hanoihalongsonla .boxcontent2:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 0px 6px;       
}
.maichaucatba{
    display: block;
    height: 14px;
    line-height: 14px;
    padding-top: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;   
    padding-left: 170px;
    text-align: left !important; 
    float: left;
}
.maichaucatba .uk-grid-width-1-2 {
    margin: 0px;
    padding: 0px;    
}
.maichaucatba .boxcontent{
    display: block;
    width: 110px;
    cursor: pointer;
    padding-bottom: 0px !important;    
    margin-top: 0px !important;
    padding-right:0px; 
    padding-left: 14px;  
    background:url("../img/icon/map-icon.png") no-repeat 82px 0px;      
}
.maichaucatba .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 82px 0px;  
}
.maichaucatba .boxcontent1{  
    width:90px;
    cursor: pointer;
    padding-left:14px;
    margin-left:104px;
    margin-top: 0px;
    padding-bottom: 8px;
    display: block;
    background:url("../img/icon/map-icon.png") no-repeat 0px 4px;     
}
.maichaucatba .boxcontent1:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 0px 4px;       
}
.puluongninhbinh{
    display: block;
    height: 18px;
    line-height: 18px;
    padding-top: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;   
    padding-left: 184px;
    text-align: left !important; 
    float: left;   
}
.puluongninhbinh .uk-grid-width-1-2 {
    margin: 0px;
    padding: 0px;    
}
.puluongninhbinh .boxcontent{
    display: block;
    width: 120px;
    cursor: pointer;
    margin-top: 0px !important;
    padding-top: 12px !important;
    padding-bottom: 0px !important;
    padding-left:40px;  
    background:url("../img/icon/map-icon.png") no-repeat 70px 6px;      
}
.puluongninhbinh .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 70px 6px;         
}
.puluongninhbinh .boxcontent1{       
    margin-left:10px;
    width: 90px;
    cursor: pointer;  
    white-space: nowrap;
    padding-left: 14px;
    background:url("../img/icon/map-icon.png") no-repeat 0px 6px;      
}
.puluongninhbinh .boxcontent1:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 0px 6px;   
}
.luangprabang{
    display: block;
    float: left;
    width: 100%;
}
.luangprabang .boxcontent{       
    margin-left:0px;
    width: 90px;
    cursor: pointer;  
    white-space: nowrap;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 8px;    
    padding-left: 0px;  
    background:url("../img/icon/map-icon.png") no-repeat 80px 18px;      
}
.luangprabang .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 80px 18px;          
}
.laophonxavan{
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    padding-top: 0px !important;
    margin-top: 8px !important;
    padding-bottom: 0px !important;   
    padding-left:110px;
    text-align: left !important; 
    float: left;
}
.laophonxavan .uk-grid-width-1-2 {
    margin: 0px;
    padding: 0px;    
}
.laophonxavan .boxcontent{
    display: block;
    width:50px;
    cursor: pointer;
    padding-bottom: 0px !important;    
    margin-top: 0px !important;
    padding-right:0px; 
    padding-left: 18px;
    font-weight: bold;
    font-family:Open Sans;
}
.laophonxavan .boxcontent1{  
    width:90px;
    cursor: pointer;
    padding-left:14px;
    margin-left:-10px;
    margin-top: -16px;
    padding-bottom: 8px;
    display: block;
    background:url("../img/icon/map-icon.png") no-repeat bottom center;     
}
.laophonxavan .boxcontent1:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat bottom center;    
}
.vangviengvinh{
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    padding-top: 0px !important;
    margin-top: 8px !important;
    padding-bottom: 0px !important;   
    padding-left:70px;
    text-align: left !important; 
    float: left;
}
.vangviengvinh .uk-grid-width-1-2 {
    margin: 0px;
    padding: 0px;    
}
.vangviengvinh .boxcontent{
    display: block;
    width: 120px;
    cursor: pointer;
    padding-bottom: 0px !important;    
    margin-top: 0px !important;
    padding-right:0px; 
    padding-left: 18px;   
    background:url("../img/icon/map-icon.png") no-repeat 100px 8px;
}
.vangviengvinh .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 100px 8px;       
}
.vangviengvinh .boxcontent1{  
    width:70px;
    cursor: pointer;
    padding-left:14px;
    margin-left:100px;
    margin-top: 10px;
    padding-bottom: 8px;
    display: block;
    background:url("../img/icon/map-icon.png") no-repeat 0px 6px;     
}
.vangviengvinh .boxcontent1:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 0px 6px;       
}
.vientaine{
    display: block;
    float: left;
    width: 100%;
}
.vientaine .boxcontent{       
    margin-left:120px;
    width: 90px;
    cursor: pointer;  
    white-space: nowrap;
    margin-top: 20px;
    padding-left: 14px;  
    background:url("../img/icon/map-icon.png") no-repeat 0px 6px;      
}
.vientaine .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 0px 6px;   
}
.phongnha{
    display: block;
    float: left;
    width: 100%;
}
.phongnha .boxcontent{
    margin-left:310px;
    width: 90px;
    cursor: pointer;
    margin-top:20px;
    white-space: nowrap;
    padding-left: 14px;
    background:url("../img/icon/map-icon.png") no-repeat 0px 6px;
}
.phongnha .boxcontent:hover{
    background:url("../img/icon/maphover-icon.png") no-repeat 0px 6px;
}
.hue{
    display: block;
    float: left;   
    width: 100%;
}
.hue .boxcontent{       
    margin-left:350px;
    width: 90px;
    cursor: pointer;
    margin-top:22px;
    white-space: nowrap;
    padding-left: 14px;
    background:url("../img/icon/map-icon.png") no-repeat 0px 6px;      
}
.hue .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 0px 6px;   
}
.hoian{
    display: block;
    float: left;   
    width: 100%;
}
.hoian .boxcontent{       
    margin-left:386px;
    width: 90px;
    cursor: pointer;
    margin-top:10px;
    white-space: nowrap;
    padding-left: 14px;
    background:url("../img/icon/map-icon.png") no-repeat 0px 6px;      
}
.hoian .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 0px 6px;   
}
.myson{
    display: block;
    float: left;   
    width: 100%;
}
.myson .boxcontent{       
    margin-left:382px;
    width: 90px;
    cursor: pointer;
    margin-top:0px;
    white-space: nowrap;
    padding-left: 14px;
    background:url("../img/icon/map-icon.png") no-repeat 0px 6px;      
}
.myson .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 0px 6px;   
}
.pakse{
    display: block;
    float: left;   
    width: 100%;
}
.pakse .boxcontent{       
    margin-left:270px;
    width: 90px;
    cursor: pointer;
    margin-top:0px;
    white-space: nowrap;
    padding-left: 14px;
    background:url("../img/icon/map-icon.png") no-repeat 0px 6px;      
}
.pakse .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 0px 6px;   
}
.champassakkontum{
    display: block;
    width: 100%;
    height:14px;
    line-height: 14px;
    padding-top: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;   
    padding-left:206px;
    text-align: left !important; 
    float: left;
}
.champassakkontum .uk-grid-width-1-2 {
    margin: 0px;
    padding: 0px;    
}
.champassakkontum .boxcontent{
    display: block;
    width: 110px;
    cursor: pointer;
    padding-bottom: 0px !important;    
    margin-top: 14px !important;
    padding-right:0px; 
    padding-left: 0px;
    padding-top: 0px;
    background:url("../img/icon/map-icon.png") no-repeat 94px 0px;     
}
.champassakkontum .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 94px 0px;       
}
.champassakkontum .boxcontent1{  
    width:66px;
    cursor: pointer;
    padding-left:0px;
    margin-left:58px;  
    padding-bottom:10px;
    display: block;
    background:url("../img/icon/map-icon.png") no-repeat bottom center;     
}
.champassakkontum .boxcontent1:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat bottom center;         
}
.siemreapbuonmathuot{
    display: block;
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 0px !important;
    margin-top: 50px !important;
    padding-bottom: 0px !important;   
    padding-left:210px;
    text-align: left !important; 
    float: left;
}
.siemreapbuonmathuot .uk-grid-width-1-2 {
    margin: 0px;
    padding: 0px;    
}
.siemreapbuonmathuot .boxcontent{
    display: block;
    width: 120px;
    cursor: pointer;
    padding-bottom: 0px !important;    
    margin-top: 0px !important;
    padding-right:0px; 
    padding-left: 14px;
     background:url("../img/icon/map-icon.png") no-repeat 0px 11px;     
}
.siemreapbuonmathuot .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 0px 11px;       
}
.siemreapbuonmathuot .boxcontent1{  
    width:150px;
    cursor: pointer;
    padding-left:20px;
    margin-left:16px;  
    padding-bottom: 8px;
    display: block;
    background:url("../img/icon/map-icon.png") no-repeat bottom center;     
}
.siemreapbuonmathuot .boxcontent1:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat bottom center;         
}
.battambangnhatrang{
    display: block;
    width: 100%;
    height: 16px;
    line-height: 16px;
    padding-top: 0px !important;
    margin-top: 10px !important;
    padding-bottom: 0px !important;   
    padding-left:80px;
    text-align: left !important; 
    float: left;
}
.battambangnhatrang .uk-grid-width-1-2 {
    margin: 0px;
    padding: 0px;    
}
.battambangnhatrang .boxcontent{
    display: block;
    width: 120px;
    cursor: pointer;
    padding-bottom: 0px !important;    
    margin-top: 0px !important;
    padding-right:0px; 
    padding-left: 14px;
    background:url("../img/icon/map-icon.png") no-repeat 104px 6px;     
}
.battambangnhatrang .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 104px 6px;       
}
.battambangnhatrang .boxcontent1{  
    width:90px;
    cursor: pointer;
    padding-left:16px;
    margin-left:256px;  
    padding-bottom:0px;
    display: block;
    background:url("../img/icon/map-icon.png") no-repeat 0px 4px;     
}
.battambangnhatrang .boxcontent1:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 0px 4px;       
}
.nhatrang{
    display: block;
    float: left;   
    width: 100%;   
}
.cambodiadalat{
    display: block;
    width: 100%;
    height: 14px;
    line-height: 14px;
    padding-top: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;   
    padding-left:220px;
    text-align: left !important; 
    float: left;
}
.cambodiadalat .uk-grid-width-1-2 {
    margin: 0px;
    padding: 0px;    
}
.cambodiadalat .boxcontent{
    display: block;
    width: 120px;
    cursor: pointer;
    padding-bottom: 0px !important;    
    margin-top: 0px !important;
    padding-right:0px; 
    padding-left: 14px;
    font-weight: bold;
    font-family:Open Sans;
}
.cambodiadalat .boxcontent1{  
    width:90px;
    cursor: pointer;
    padding-left:20px;
    margin-left:90px;  
    padding-bottom:0px;
     margin-top: 10px !important;
    display: block;
    background:url("../img/icon/map-icon.png") no-repeat 0px 0px;     
}
.cambodiadalat .boxcontent1:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 0px 0px;         
}
.pnompenhmuine{
    display: block;
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 0px !important;
    margin-top: 3px !important;
    padding-bottom: 0px !important;   
    padding-left:170px;
    text-align: left !important; 
    float: left;
}
.pnompenhmuine .uk-grid-width-1-2 {
    margin: 0px;
    padding: 0px;    
}
.pnompenhmuine .boxcontent{
    display: block;
    width: 110px;
    cursor: pointer;
    padding-bottom: 0px !important;    
    margin-top: 14px !important;
    padding-right:0px; 
    padding-left: 14px;
    background:url("../img/icon/map-icon.png") no-repeat 98px 11px;     
}
.pnompenhmuine .boxcontent:hover{
    background:url("../img/icon/maphover-icon.png") no-repeat 98px 11px;       
}
.pnompenhmuine .boxcontent1{  
    width:90px;
    cursor: pointer;
    padding-left:14px;
    margin-left:170px;
    margin-top: 16px;
    height:18px;
    line-height: 16px;
    padding-bottom: 2px;
    display: block;
    vertical-align: text-top;
    background:url("../img/icon/map-icon.png") no-repeat 0px 4px;
}
.pnompenhmuine .boxcontent1:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 0px 4px;
}
.chaudochochiminh{
    display: block;
    width: 100%;
    height: 18px;
    line-height: 18px;
    padding-top: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;   
    padding-left:208px;
    text-align: left !important; 
    float: left;
}
.chaudochochiminh .uk-grid-width-1-2 {
    margin: 0px;
    padding: 0px;    
}
.chaudochochiminh .boxcontent{
    display: block;
    width: 80px;
    cursor: pointer;
    padding-bottom: 8px !important;    
    margin-top: 24px !important;   
    padding-left:0px;
    padding-right: 0px;
    margin-right: 0px;
    background:url("../img/icon/map-icon.png") no-repeat 70px 11px;     
}
.chaudochochiminh .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 70px 11px;       
}
.chaudochochiminh .boxcontent1{  
    width:108px;
    cursor: pointer;
    padding-left:6px;
    padding-right: 0px;
    margin-right: 0px;
    margin-left:0px;
    margin-top: 14px;
    padding-bottom:10px;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    font-family:Open Sans;
    background:url("../img/icon/map-icon.png") no-repeat bottom center; 
}
.chaudochochiminh .boxcontent1:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat bottom center;         
}
.longxuyen{
    display: block;
    width: 100%;
    height: 16px;
    line-height: 16px;
    padding-top: 0px !important;
    margin-top:20px !important;
    padding-bottom: 0px !important;   
    padding-left:154px;
    text-align: left !important; 
    float: left;
}
.longxuyen .boxcontent{       
    margin-left:0px;
    width: 120px;
    cursor: pointer;
    margin-top:8px;
    white-space: nowrap;
    padding-left: 14px;
    background:url("../img/icon/map-icon.png") no-repeat 102px 6px;      
}
.longxuyen .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 102px 6px;   
}
.phuquocbentre{
    display: block;
    width: 100%;
    height: 16px;
    line-height: 16px;
    padding-top: 6px !important;
    margin-top: 4px !important;
    padding-bottom: 0px !important;   
    padding-left:147px;
    text-align: left !important; 
    float: left;
}
.phuquocbentre .uk-grid-width-1-2 {
    margin: 0px;
    padding: 0px;    
}
.phuquocbentre .boxcontent{
    display: block;
    width: 80px;
    cursor: pointer;
    padding-bottom: 0px !important;    
    margin-top: 0px !important;   
    padding-left:0px;
    padding-right: 0px;
    margin-right: 0px;
    background:url("../img/icon/map-icon.png") no-repeat 70px 6px;     
}
.phuquocbentre .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 70px 6px;       
}
.phuquocbentre .boxcontent1{  
    width:90px;
    cursor: pointer;
    padding-left:14px;
    padding-right: 0px;
    margin-right: 0px;
    margin-left:112px;  
    margin-top: -10px;
    padding-bottom:4px;
    display: block;   
    background:url("../img/icon/map-icon.png") no-repeat 0px 6px; 
}
.phuquocbentre .boxcontent1:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 0px 6px;       
}
.canthovinhlong{
    display: block;
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 2px !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;   
    padding-left:220px;
    text-align: left !important; 
    float: left;
}
.canthovinhlong .uk-grid-width-1-2 {
    margin: 0px;
    padding: 0px;    
}
.canthovinhlong .boxcontent{
    display: block;
    width: 80px;
    cursor: pointer;
    padding-bottom: 0px !important;    
    margin-top: 0px !important;   
    padding-left:0px;
    padding-right: 0px;
    margin-right: 0px;
    background:url("../img/icon/map-icon.png") no-repeat 66px 11px;     
}
.canthovinhlong .boxcontent:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 66px 11px;      
}
.canthovinhlong .boxcontent1{  
    width:90px;
    cursor: pointer;
    padding-left:4px;
    padding-right: 0px;
    margin-right: 0px;
    margin-left:20px;  
    margin-top: 0px;
    padding-top: 4px;
    padding-bottom:4px;
    display: block;   
    background:url("../img/icon/map-icon.png") no-repeat 0px 0px; 
}
.canthovinhlong .boxcontent1:hover{ 
    background:url("../img/icon/maphover-icon.png") no-repeat 0px 0px;       
}
/*End Draw Map*/
div.requestprize{
    text-align: center;
}
div.requestprize .btnrequest {
    color: white;   
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    padding-top: 8px;    
    width: 240px; 
    padding-left:26px;
    margin-top:0px;
    border: none;
    font-family: Open Sans;
    border-radius:20px;
    background:#008522 url("../img/icon/requestprice.png") no-repeat 24px 12px;
}
div.requestprize .btnrequest:hover {  
    background:#009349 url("../img/icon/requestprice.png") no-repeat 24px 12px;
}
/*discover*/
div.boxcontryside .discover {
    background: #fff;
    margin-top: 20px;
    margin-bottom: 50px;
}
div.boxcontryside .discover ul {
    padding: 0px;
}
div.boxcontryside .discover ul li {
    list-style: none;
    padding-left: 20px;
    line-height: 30px;
    background:url("../img/icon/iconchek.png") no-repeat 0px 12px;
}
div.boxcontryside .discover .content p {
    list-style: none;
    padding-left: 20px;
    background:url("../img/icon/iconchek.png") no-repeat 0px 12px;
}
div.boxcontryside .discover .uk-grid {   
     margin: 0px;
     padding-top:0px;    
}
div.discover .icon {     
    background:url("../img/icon/request-icon.png") no-repeat 24px 30px;
    border-right: 1px solid #D9D9D9; 
    width: 126px !important;
    min-height: 140px;
}
div.discover .content {
    padding-top: 30px;
    padding-left: 30px;
}
div.discover .content h2 {
    font-size: 18px;     
    font-weight: 600;
    font-family:Open Sans Semibold;
    text-transform: uppercase;  
    text-align: center;
}
div.discover .content  {
    font-size: 14px;    
    padding-bottom: 30px;
    font-family: Open Sans;
   /* width: 918px;*/
    line-height: 24px;
}
/*detailprogram*/
div.detailprogram {
   font-family: Open Sans;
   margin-bottom: 30px;
}
div.detailprogram h3{
    font-weight: 600;
    font-family:Open Sans Semibold;
    text-align: center !important;
    font-size: 18px;   
    height: 70px;
    padding-top: 40px;
    text-transform: uppercase;
}
div.detailprogram h4.titleday-top{
    font-size: 14px;
    font-family:Open Sans;
    font-weight: bold;
    height: 30px;
    padding-top: 12px;
   /* background: #f1f1f1;
   	border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding-left: 20px;
    */
    border-bottom: 1px solid #f1f1f1;
}
div.detailprogram .titleday span{
    font-size: 24px;
    font-family:Open Sans;
    font-weight: bold;
    color: #fff;    
    padding-left: 24px;   
  	border-top-left-radius: 6px;
    border-bottom-right-radius: 64px;
    background: #833921;
    padding-top:6px;
    padding-bottom: 10px;
    padding-right:34px;
    margin-right: 22px;
}
div.detailprogram .uk-grid .uk-width-2-3 .accomodation{
    font-family:Open Sans;
    font-weight: 400;
    padding-left: 6px;
    padding-right: 12px;
    color: #2a2a2a;
}
div.detailprogram .uk-grid .uk-width-2-3 .txtnight a{
    font-family:Open Sans;
    font-weight: 400;
    font-size: 14px;  
    color: #009349;
}
div.detailprogram .boxdetail .uk-grid .uk-width-1-3 img{
    height: 200px;
    width: 340px;
    border: 1px solid #f1f1f1;
    padding: 4px;
  	border-radius: 4px;
}
div.detailprogram .boxdetail em{
   color: #4a4a4a;
}
div.detailprogram .boxdetail .contentday .titleday{
    font:bold 16px Open Sans;
    padding-top: 4px;
    margin-bottom: 0px;
    padding-bottom: 10px;
}
div.detailprogram .boxdetail .contentday .fulltxt{
    padding-top: 0px;
}
/*Service*/
div.boxservice{
    margin-left: 150px;
    margin-right: 150px;
}
div.boxcontentstep{
    border: none;
    height: 120px !important;
    background:url("../img/bgstep.png") repeat-x top;
}
.numberstep{
    display: block;
    padding-top:8px;
    font-size: 16px;
}
.titlestep1{
    margin-bottom: 5px !important;
    padding-top:14px !important;
    padding-bottom: 0px !important;
    text-align: left !important;
    padding-left:60px;
    color: #0072bc;
    font-weight: bold;
}
div.contentstep{ 
    font-style: italic;
}
div.boxservice .boxstep1{
      width: 90px;
      height: 90px;
      border-radius: 50%;
      margin-top: -80px;
      margin-left: -45px;
      background:url("../img/step1.png");
      padding-top:20px;
      text-align: center;
      color: white;
}
.titlestep2{
    margin-bottom: 5px !important;
    padding-top:14px !important;
    padding-bottom: 0px !important;
    text-align: left !important;
    padding-left:60px;
    color: #5aa8cf;
    font-weight: bold;
}
div.boxservice .boxstep2{
      width: 90px;
      height: 90px;
      border-radius: 50%;
      margin-top: -100px;
      margin-left: -45px;
      background:url("../img/step2.png");
      padding-top:20px;
      text-align: center;
      color: white;
}
.titlestep3{
    margin-bottom: 5px !important;
    padding-top:14px !important;
    padding-bottom: 0px !important;
    text-align: left !important;
    padding-left:60px;
    color: #98cc4e;
    font-weight: bold;
}
div.boxservice .boxstep3{
      width: 90px;
      height: 90px;
      border-radius: 50%;
      margin-top: -80px;
      margin-left: -45px;
      background:url("../img/step3.png");
      padding-top:20px;
      text-align: center;
      color: white;
}
.titlestep4{
    margin-bottom: 5px !important;
    padding-top:14px !important;
    padding-bottom: 0px !important;
    text-align: left !important;
    padding-left:60px;
    color: #d47e8b;
    font-weight: bold;
}
div.boxservice .boxstep4{
      width: 90px;
      height: 90px;
      border-radius: 50%;
      margin-top: -80px;
      margin-left: -45px;
      background:url("../img/step4.png");
      padding-top:20px;
      text-align: center;
       color: white;
}
.titlestep5{
    margin-bottom: 5px !important;
    padding-top:14px !important;
    padding-bottom: 0px !important;
    text-align: left !important;
    padding-left:60px;
    color: #e28a5a;
    font-weight: bold;
}
div.boxservice .boxstep5{
      width: 90px;
      height: 90px;
      border-radius: 50%;
      margin-top: -80px;
      margin-left: -45px;
      background:url("../img/step5.png");
      padding-top:20px;
      text-align: center;
       color: white;
}
.titlestep6{
    margin-bottom: 5px !important;
    padding-top:14px !important;
    padding-bottom: 0px !important;
    text-align: left !important;
    padding-left:60px;
    color: #e7bb27;
    font-weight: bold;
}
div.boxservice .boxstep6{
      width: 90px;
      height: 90px;
      border-radius: 50%;
      margin-top: -80px;
      margin-left: -45px;
      background:url("../img/step6.png");
      padding-top:20px;
      text-align: center;
       color: white;
}
.titlestep7{
    margin-bottom: 5px !important;
    padding-top:14px !important;
    padding-bottom: 0px !important;
    text-align: left !important;
    padding-left:60px;
    color: #ae1040;
    font-weight: bold;
}
div.boxservice .boxstep7{
      width: 90px;
      height: 90px;
      border-radius: 50%;
      margin-top: -80px;
      margin-left: -45px;
      background:url("../img/step7.png");
      padding-top:20px;
      text-align: center;
      color: white;
}
div.boxserviceinclude{
     background:#eeeeee;    
     padding-top: 40px;
     height: 100%;
}
div.boxserviceinclude .serviceinclude h5{    
    font-family:Open Sans Semibold;
    font-weight: 600;
    font-size: 16px;
    height: 50px;
    padding-top: 14px;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    text-align: center !important;
    text-transform: uppercase;
    background: #eff4f9;
    border: 1px solid #d3e0ee;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
div.boxserviceinclude .serviceinclude .content {
     border: 1px solid #d3e0ee;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
     margin-top: 0px;
     padding-top: 0px;
     border-top: none;
     padding: 20px;
     margin-bottom: 30px;    
     line-height: 24px;
     color: #2a2a2a;
}
div.boxserviceinclude .serviceinclude .content ul {
    padding: 0px;
    margin: 0px;
}
div.boxserviceinclude .serviceinclude .content ul li{
     font-family:Open Sans Regular;
     font-weight: 400;
     font-size: 14px; 
     color: #2a2a2a;
     padding-left: 16px;
     background:url("../img/icon/icon-circle.png") no-repeat 0px 10px;
     list-style: none;
}
div.boxserviceinclude .serviceinclude .content em {
     font-family:Open Sans Regular;
     font-weight: 400;
     font-size: 14px;    
     color: #2a2a2a;
}
div.boxserviceinclude .notserviceinclude h5{    
    font-family:Open Sans Semibold;
    font-weight: 600;
    font-size: 16px;
    height: 50px;
    padding-top: 14px;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    text-align: center !important;
    text-transform: uppercase;
    background: #f9ebec;
    border: 1px solid #f4ced0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
div.boxserviceinclude .notserviceinclude .content {
     font-family:Open Sans Regular;
     font-weight: 400;
     font-size: 14px;
     color: #2a2a2a;
     border: 1px solid #f4ced0;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
     margin-top: 0px;
     padding-top: 0px;
     border-top: none;
     padding: 20px;
     margin-bottom: 30px;    
     line-height: 24px;
}
div.boxserviceinclude .notserviceinclude .content p{
     font-family:Open Sans Regular;
     font-weight: 400;
     font-size: 14px;
     color: #2a2a2a;
}
div.boxserviceinclude .notserviceinclude .content ul {
    padding: 0px;
    margin: 0px;
}
div.boxserviceinclude .notserviceinclude .content ul li{
     font-family:Open Sans Regular;
     font-weight: 400;
     font-size: 14px;    
     color: #2a2a2a;
     padding-left: 16px;
     background:url("../img/icon/icon-circle-1.png") no-repeat 0px 10px;
     list-style: none;
}
div.boxserviceinclude .notserviceinclude .content em {
     font-family:Open Sans Regular;
     font-weight: 400;
     font-size: 14px;    
     color: #2a2a2a;
}
/*Recomment*/
div.boxrecomment {
    background: #fff;
}
div.boxrecomment h6 {
    font-family:Open Sans Semibold;
    font-weight: 600;
    font-size: 18px;
    height: 56px;
    padding-top: 24px;    
    text-align: center !important;
    text-transform: uppercase;   
}
div.boxrecomment .content img{
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
}
div.boxrecomment .boxbottom ul li {
    text-align: center;
}
div.boxrecomment .boxinfo{
    padding: 20px;   
    border: 1px solid #dcdcdc;
    border-top: none;
}
 .bordertop{
    border-top: 1px solid #dcdcdc !important;
 }
div.boxrecomment .boxinfo .readmore{
    text-align: center;    
}
div.boxrecomment .boxinfo .title a{
    font-family:Open Sans Semibold;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
div.boxrecomment .boxinfo .shorttxt{
    font-style: italic;
}
div.boxrecomment .boxinfo .days {
    font-family:Open Sans;
    font-weight: 400;
    font-size: 14px;
    color: #4a4a4a;
    font-style: italic;   
    padding-top: 0px;
    margin-top:8px;
    padding-bottom: 14px;
}
div.boxrecomment .boxbottom {
    padding-top: 30px;
    padding-bottom: 40px;
}
div.boxrecomment .boxbottom li {
    height: 40px;  
    line-height: 24px;
    font-family:Open Sans;
    font-weight: 400;
    font-size: 16px;
}
div.boxrecomment .boxbottom .btnplan,div.boxguidevoyage .boxbottom .btnplan {
    width: 320px;
    height: 46px;    
    font:bold 16px Open Sans;   
    padding-top: 11px;
    padding-left: 28px;
    border: none;
    background:#008522 url("../img/icon/location.png") no-repeat 20px 6px;
}
div.boxrecomment .boxbottom .btnplan:hover,div.boxguidevoyage .boxbottom .btnplan:hover{
    background:#009349 url("../img/icon/location.png") no-repeat 20px 6px;
}
div.boxrecomment .boxbottom .btnalltour,div.boxguidevoyage .boxbottom .btnalltour {
    width: 290px;
    height: 46px;
    font:bold 16px Open Sans; 
    padding-top: 11px;
    border: none;
    background:#008522 url("../img/icon/viewtour.png") no-repeat 26px 11px;
}
div.boxrecomment .boxbottom .btnalltour:hover,div.boxguidevoyage .boxbottom .btnalltour:hover{
    background:#009349 url("../img/icon/viewtour.png") no-repeat 26px 11px;
}
div.boxguidevoyage .boxbottom{
    text-align: center;
    padding-top: 20px;
}
div.boxguidevoyage .boxbottom .btnalltourfix {
    width: 430px;
    height: 46px;
    font:bold 16px Open Sans; 
    padding-top: 11px;
    border: none;
    background:#008522 url("../img/icon/viewtour.png") no-repeat 26px 11px;
}
div.boxguidevoyage .boxbottom .btnalltourfix:hover{
    background:#009349 url("../img/icon/viewtour.png") no-repeat 26px 11px;
}
div.boxrecomment .content img {
    height: 200px;
    width: 340px;
}
a.writecomment{  
    padding-top:6px;
    padding-bottom:6px;
    padding-left: 15px !important;
    padding-right: 15px;
    width: 220px;  
    font:bold 14px Open Sans;    
    color: white;
    text-align: left;
    margin-top: 14px;
    display: block;
    background:#008522;
    border-radius: 2px;
    border: none;      
}
a.writecomment:hover{
   color: white !important;
   background:#009349
}

/*detail tour review comment*/
div.detailtour {
    background: #fff;   
    padding: 0px;
    margin: 0px;
    margin-top: 0px;
    padding-top: 20px;
    height:550px !important;  
}
div.detailtour .icon-quote-fix{   
    width: 24px;
    height: 20px;
    margin-right: 6px;
    display: inline-block;  
    background:url("../img/icon/quote-icon.png") no-repeat left bottom;
}    
div.detailtour .infoitemtraveller {
     border: 1px solid #dcdcdc;  
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
}
div.detailtour .infouser {
     border: 1px solid #dcdcdc; 
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
}
div.detailtour h1{
    font-size: 18px;
    text-transform: uppercase;
    font-family:Open Sans Semibold;
    font-weight: 600;
    padding-bottom: 14px;
}
div.detailtour h2{
    font:400 33px Open Sans Light !important;   
    text-transform: uppercase; 
    padding-bottom: 0px;
}
div.detailtour h2 a{
    font: 600 18px Open Sans Semibold;
    text-transform: uppercase;
    margin-bottom: 0px !important;
    padding-bottom:0px !important;
}
div.detailtour .infoitemtraveller .title {
    font-size: 16px !important;   
    font-family:Open Sans Semibold;
    font-weight: 600;
}
div.detailtour .infoitemtraveller .title a {
    font-size: 16px !important;  
    font-family:Open Sans Semibold;
    font-weight: 600;
}
div.detailtour .infoitemtraveller .title a:hover {
    font-size: 16px; 
}
div.detailtour .uk-grid-width-1-3 li{
    height:340px !important;  
}
div.detailtour .uk-grid-width-1-3 .infoitemtraveller{
    height:220px !important;   
}
a.titlereviewhome{
    font-family:Open Sans Semibold !important;
    font-size: 16px !important;
    font-weight:600;    
}
/*boxhowtobook*/
div.boxhowtobook {
    background: #eeeeee;
    width: 100%;
    height: 490px;
    padding-top:40px;
    padding-bottom: 20px;    
}
div.boxhowtobook h2 {      
   font:600 18px Open Sans Semibold;
   text-transform: uppercase; 
   padding-bottom: 30px; 
}
div.boxhowtobook dt {
   font-size: 16px;
   text-transform: uppercase;
   font-family:Open Sans;
   font-weight: bold;
}
div.boxhowtobook dt a {
   font-size: 16px;
   text-transform: uppercase;
   font-family:Open Sans;
   font-weight: bold;
}
div.boxhowtobook dd {
   font-size: 14px;   
   font-family:Open Sans;
   font-weight: 400;
   color: #4a4a4a;
   padding-top: 6px;
   line-height: 22px;
}
div.boxhowtobook .bottomhowtobook {
    padding-top: 18px;
}
div.boxhowtobook .bottomhowtobook a{
    background: #77c09b !important;
    height: 14px;
    width: 14px;
}
div.boxhowtobook .bottomhowtobook .uk-active a{
    background: #009349 !important;
    height: 18px;
    width: 18px;
    margin-top: -2px;
}
/*boxarticle*/
div.viewarticle{
     background:#eeeeee;
     padding: 4px;
}
/*About us*/
div.boxaboutus div.boxarticle {
     background:#eeeeee;
     padding-top: 50px;
     line-height: 24px;
}
div.boxaboutus div.boxarticle h1.title {
    text-align: center;
    font-size: 33px;
    color: #353535;   
    font-family:Open Sans Light;
    font-weight: 200;
}
div.boxaboutus div.boxarticle .introtxt {
    text-align: center;
    padding-left: 90px;
    padding-right: 90px;
    line-height: 30px;
    padding-bottom: 30px;
    font-size: 18px;
    font-family:Open Sans;
    font-weight: 400;
}
div.boxaboutus div.boxarticle .content {
    font:400 14px Open Sans;
    color: #4a4a4a;
    padding-bottom: 30px;
}
div.boxaboutus div.boxarticle .content em {
    font:600 14px Open Sans Semibold;
    color: #4a4a4a;    
    font-style: italic;       
}
div.boxaboutus div.aboutteam {
     background:#eeeeee;  
     padding-bottom: 50px;
}
div.boxaboutus .boxwhyus {
    padding-bottom: 50px;
    padding-top: 50px;
}
/*.contentabout {
    padding:8px !important;    
    background: #fff;
    border: 1px solid #009349; 
    border-radius: 4px;
    word-break: normal;
}
.contentabout:after {
     display: block;
     bottom: -5px;
      border-top-style: solid;
      border-bottom: none;
      border-left-color: transparent;
      border-right-color: transparent;
      border-top-color: #009349;
}*/
 .contentabout {
    position: relative;
    padding:8px !important;    
    background: #fff;
    border: 1px solid #009349; 
    border-radius: 4px;
    word-break: normal;
    min-height: 140px;
    padding-top: 8px !important;
 }
.contentabout:before {
      content: " ";
      display: block;     
      height: 5px;
      width: 5px;
      border: 5px dashed #009349;   
      top: 0px;    
      margin-top: -14px;
      margin-left: 47%;
      border-bottom-style: solid;
      border-top: none;
      border-left-color: transparent;
      border-right-color: transparent;
      border-bottom-color: #009349;
}
.tooltipabout{
    font-size: 14px;
    font-family:Open Sans Regular;
    font-weight: 400;
    line-height: 18px;
    padding: 12px;
    color: #4a4a4a;
    text-align:left;
    border-radius: 4px;
    background: #fff;
    max-width: 270px !important;
    border: 1px solid #009349; 
    word-break: normal;
}
/*.tooltipabout:after {
  border: 5px dashed #95D6DF;   
  top: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #95D6DF;
}
*/
.uk-tooltip-top:after,
.uk-tooltip-top-left:after,
.uk-tooltip-top-right:after {
  bottom: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: #009349;
}
.uk-tooltip-bottom:after,
.uk-tooltip-bottom-left:after,
.uk-tooltip-bottom-right:after {
  top: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #009349;
}
/*Service wwork*/
div.servicework .box-service {
    background: #e9ebee;
    height: 180px;
}
div.servicework .box-service .uk-container-center {    
    height: 180px;
    background:url("../img/mapworld.png") no-repeat 60px 0px;   
}
div.servicework .box-service .uk-container-center .title-service {    
    font-size: 33px;
    font-family:Open Sans;
    font-weight: 400; 
    color: #353535;
    text-align: center;
    padding-top: 40px;
}
div.servicework .stepword {
    background: #e9ebee;
}
div.servicework .boxstepcontent {
    border: 1px solid #009349; 
    border-radius: 4px;
    min-height: 186px;
    padding: 8px 8px 0px 8px;
  
}
div.servicework .stepword .uk-width-1-7{        
    height: 45px;
    margin-left: 8px;
    margin-right: 8px;
    font-size: 15px;
    font-family:Open Sans;
    font-weight: bold; 
    color: #fff;
    cursor: pointer;
    width: 138px;
}
div.txtstep{
    font-style:normal !important;
    padding-left: 16px;
    text-transform: uppercase;
    -webkit-transform: skew(-24deg);
    -moz-transform: skew(-24deg);
    -o-transform: skew(-24deg);
    text-align: center;
    padding-top: 10px;
}
div.servicework .stepword .step1,div.servicework .stepword .step4,div.servicework .stepword .step7{
     background: #2a2a2a;
    -webkit-transform: skew(24deg);
    -moz-transform: skew(24deg);
    -o-transform: skew(24deg);
    border-radius: 6px;
    margin-top: 0px;
    padding-top: 0px;
    height: 45px;
    width: 139px; 
}
div.servicework .stepword .step2,div.servicework .stepword .step5{
     background: #009349;    
    -webkit-transform: skew(24deg);
    -moz-transform: skew(24deg);
    -o-transform: skew(24deg);
    border-radius: 6px;
    margin-top: 0px;
    padding-top: 0px;
    height: 45px;  
    width: 139px; 
}
div.servicework .stepword .step3,div.servicework .stepword .step6{
     background: #884323;   
      -webkit-transform: skew(24deg);
    -moz-transform: skew(24deg);
    -o-transform: skew(24deg);
    border-radius: 6px;
    margin-top: 0px;
    padding-top: 0px;
    height: 45px;   
    width: 139px; 
}
div.contenthead{
    padding-top: 50px;
    padding-bottom:6px;
}
div.contenthead .uk-width-1-4{   
    padding-right: 4px;    
}
div.contenthead .title{
    font-family:Open Sans Semibold;
    font-size: 16px;
    font-weight: 600;
    color: #2a2a2a;
    padding-bottom:4px;
    text-align: center;
}
div.contenthead .content{
     font-family:Open Sans;
     font-size: 14px;
     font-weight: 400;
     color: #4a4a4a;    
     text-align:center;
}
div.contenthead .uk-width-1-7{
    width: 143px;
    margin-left: 8px;
    margin-right: 8px;  
}
div.contenthead .icon1{
    height: 70px;
    background:url("../img/icon/icontop.png") no-repeat center bottom;   
}
div.contenthead .icon2{
    height: 70px;
    background:url("../img/icon/step2.png") no-repeat center 20px;   
}
div.contenthead .icon3{
    height: 70px;
    background:url("../img/icon/icontop.png") no-repeat center bottom;   
}
div.contenthead .icon4{
    height: 70px;
    background:url("../img/icon/step4.png") no-repeat center 20px;   
}
div.contenthead .icon5{
    height: 70px;
    background:url("../img/icon/icontop.png") no-repeat center bottom;   
}
div.contenthead .icon6{
    height: 70px;
    background:url("../img/icon/step6.png") no-repeat center 20px;  
}
div.contenthead .icon7{
    height: 70px;
    background:url("../img/icon/icontop.png") no-repeat center bottom;   
}
div.contentfooter{
    padding-top: 10px;
    padding-bottom: 40px;
}
div.contentfooter .title{
    font-family:Open Sans Semibold;
    font-size: 16px;
    font-weight: 600;
    color: #2a2a2a;
    padding-top: 4px;
    padding-bottom:4px;
    text-align: center;
}
div.contentfooter .content{
     font-family:Open Sans;
     font-size: 14px;
     font-weight: 400;
     color: #4a4a4a;
     text-align: center;
}
div.contentfooter .uk-width-1-7{
    width: 143px;   
    margin-left: 8px;
    margin-right: 8px;  
}
div.contentfooter .icon11{
    height: 70px;
    background:url("../img/icon/step1.png") no-repeat center 8px;   
}
div.contentfooter .icon21{
    height: 70px;
    background:url("../img/icon/iconbottom.png") no-repeat center 0px;   
}
div.contentfooter .icon31{
    height: 70px;
    background:url("../img/icon/step3.png") no-repeat center 8px;    
}
div.contentfooter .icon41{
    height: 70px;
    background:url("../img/icon/iconbottom.png") no-repeat center 0px;   
}
div.contentfooter .icon51{
    height: 70px;
    background:url("../img/icon/step5.png") no-repeat center 8px;   
}
div.contentfooter .icon61{
    height: 70px;
    background:url("../img/icon/iconbottom.png") no-repeat center 0px;  
}
div.contentfooter .icon71{
    height: 70px;
    background:url("../img/icon/step7.png") no-repeat center 8px;   
}
/*Our team*/
/*list team*/
div.listourteam{
    background:#eeeeee;
    padding-bottom:50px; 
}
div.listourteam .boxitem {
    background: #f0f0f0;      
}
div.listourteam .boxitem h1,div.listourteam .boxitem h2{
    font-family:Open Sans ; 
    font-size: 18px;
    font-weight: 600;
    color: #2a2a2a;
    text-align: center;
    text-transform: uppercase;
    background: #f0f0f0;
    padding-top:0px;   
    padding-bottom:0px;
    margin-bottom: 0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 40px;
}
div.listourteam .boxitem .introtxt {   
    background: #fff;   
}
div.listourteam .boxitem .introtxt .txt{
    font-family:Open Sans; 
    font-size: 14px;
    font-weight: 400;
    color: #4a4a4a;
    text-align: center;
    padding-left: 10px;
    padding-right:10px;    
    padding-bottom:30px;
    padding-top: 30px;
    background: #fff; 
    margin-left: 20px;
    margin-right: 20px;
     border-bottom: 1px solid #eeeeee;
}
div.listourteam .listitem {  
    padding-bottom:50px;      
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    background: #fff;  
}
div.listourteam div.listitem div.boxitemteam dt.uk-text-center a {
    font-family:Open Sans; 
    font-size: 18px;
    font-weight: bold;
    color: #2a2a2a;
}
div.listourteam div.listitem div.boxitemteam dt.uk-text-center a:hover {
    color: #009349;
}
div.listourteam div.listitem div.boxitemteam dd.titlejob {
    color: #757474;
    font-size: 16px; 
    padding-top:4px;
    padding-bottom:4px;
    font-family: Open Sans;
    font-weight: 400;
}
div.listourteam div.listitem div.boxitemteam dd.introtxt {
    color: #4a4a4a;
    font-size: 14px;  
    padding-top:6px;   
    font-family: Open Sans;
    font-weight: 400;
    font-style: italic;
    border: none;
}
div.listourteam div.listitem div.boxitemteam {
    padding-bottom:30px;
}
/*Review*/
/*list team*/
div.boxheadreview{
    background:#eeeeee;
    padding-bottom:20px; 
}
div.boxheadreview .boxitem {
    background: #f0f0f0;      
}
div.listreview .boxcomment em {
     font-family:Open Sans Regular;
     font-weight: 400;
     font-size: 14px;    
     color: #4a4a4a !important;
}
div.boxheadreview .boxitem h1{
    font:600 18px Open Sans;   
    color: #2a2a2a;
    text-align: center;
    text-transform: uppercase;
    background: #f0f0f0;
    padding-top:0px;   
    padding-bottom:0px;
    margin-bottom: 0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 40px;
}
div.boxheadreview .boxitem .introtxt {   
    background: #fff;   
}
div.boxheadreview .boxitem .introtxt .txt{
    font-family:Open Sans; 
    font-size: 14px;
    font-weight: 400;
    color: #4a4a4a;
    text-align: center;   
    padding-right:10px;    
    padding-bottom:30px;
    padding-top: 30px;
    background: #fff;    
    margin-right: 20px;   
    margin-left: 36px;
}
div.boxheadreview .boxitem .introtxt .txt .uk-width-1-4 {
   
}
div.boxheadreview .boxitem .introtxt .txt .uk-width-3-4 {
    text-align: left;     
}
div.boxheadreview .introtxt a.btnwrite {   
    color: white;   
    font-size: 16px;
    font-weight: bold;
    height: 46px;
    padding-top: 10px;    
    width: 230px;    
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 10px;
    border: none;
    background:#008522;
    border-radius: 28px;
}
div.boxheadreview .introtxt .btnwrite:hover{
   background:#009349;  
}
div.boxheadreview .introtxt .btnwrite .uk-icon-edit{
    margin-right: 4px;
}
div.reviewsubmit{
    margin-bottom: 14px;
}
div.reviewsubmit a.btnwrite {   
    color: white;   
    font-size: 16px;
    font-weight: bold;
    height: 46px;
    padding-top: 10px;    
    width: 230px;    
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 10px;
    border: none;
    background:#008522;
    border-radius: 28px;
}
div.reviewsubmit .btnwrite:hover{
   background:#009349;  
}

div.boxheadreview .listitem {  
    padding-bottom:50px;      
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    background: #fff;  
}
div.boxheadreview div.listitem div.boxitemteam dt.uk-text-center a {
    font-family:Open Sans; 
    font-size: 18px;
    font-weight: bold;
    color: #2a2a2a;
}
div.boxheadreview div.listitem div.boxitemteam dt.uk-text-center a:hover {
    color: #009349;
}
div.boxheadreview div.listitem div.boxitemteam dd.titlejob {
    color: #757474;
    font-size: 16px;    
    height: 30px;
    padding-top:4px;
    padding-bottom:4px;
    font-family: Open Sans;
    font-weight: 400;
}
div.boxheadreview div.listitem div.boxitemteam dd.introtxt {
    color: #4a4a4a;
    font-size: 14px;  
    padding-top:6px;   
    font-family: Open Sans;
    font-weight: 400;
    font-style: italic;
    border: none;
}
div.boxheadreview div.listitem div.boxitemteam {
    padding-bottom:30px;
}
div.boxheadreview .reviewcount {       
    padding-bottom:0px;
    padding-left:0px;
    padding-top: 15px;
    text-align: center;  
}
div.boxheadreview .reviewcount span {
     font:400 18px Open Sans Regular;    
     color: #884323;   
     line-height: 40px;
     height: 40px;
     padding-left:6px;
}
.numberreview{
     font-family: Open Sans Semibold;
     font-weight: 600;
     color: #884323;
     font-size: 18px;
}
div.boxheadreview .boxitem .starfb {
    font:400 16px Open Sans Regular;    
    color: #884323; 
    padding-left:0px;
}
div.boxheadreview .boxitem .starfb a{
    font:400 14px Open Sans Regular;    
    color: #2a2a2a; 
}
div.boxheadreview .boxitem .starfb a:hover {
    color:#009349;
    text-decoration: none;   
}
div.boxheadreview .boxitem .starfb i{
    color: #FF9B00;
}
div.listreview{
    width: 100%;
    background: #fff;    
    margin: 0px;
    padding: 0px;
    padding-top:30px;
}
div.listreview .listitem {
    margin: 0px;
    padding: 0px;
}
div.listreview .listitem .uk-grid {
    margin: 0px;
    padding: 0px;
    padding-bottom:20px;
    padding-top: 20px;
    margin-bottom:30px;
    border: 1px solid #dfdfdf;
    border-radius:4px;
}
div.listreview .listitem .uk-grid .uk-width-2-10 {
    padding: 0px;
    text-align: center;
}
div.listreview .listitem .uk-grid .uk-width-8-10{
    padding: 0px;
}
div.listreview .boxcomment {
     font-family:Open Sans; 
     font-size: 14px;
     padding: 10px 10px 10px 0px;    
}
div.listreview .boxcomment .title-comment{
    font-family:Open Sans Semibold;
    font-size: 14px; 
    color: #2a2a2a;   
    padding-top: 0px;
}
div.listreview .boxuser{
    margin: 0px;
    padding: 0px;    
}
div.listreview .boxuser  div.circleusavatar .circle {
    height: 92px;
    width: 92px; 
    border-radius:50%;
    background: #e9ebee;
    border: 1px solid #dfdfdf; 
}
div.listreview .boxuser  div.circleusavatar .uk-overlay{
    width: 92px;
    height: 92px;    
}
div.listreview .boxuser  div.circleusavatar  .uk-border-circle {
    width: 92px;
    height: 92px; 
    padding: 0px;
    margin: 0px;
    background: #e9ebee;
}
div.listreview .boxuser .title {
    font-family:Open Sans; 
    font-size: 14px;
    font-weight: 400;
    padding-top: 12px;   
    text-transform: lowercase;
    text-transform: capitalize;
    text-align: center;
}
div.listreview .boxuser .title a {
    font-family:Open Sans; 
    font-size: 14px;
    color: #009349;
}
div.listreview .boxuser .title a:hover {
    color: #009349;
}
div.listreview .boxuser .address {
    font-family:Open Sans; 
    font-size: 13px;
    font-weight: 400;
    color: #949494;
    padding-top: 4px;    
}
div.message{
      margin-top: 12px;
}
div.listreview .boxuser .message a {
    font-family:Open Sans; 
    font-size: 13px;
    font-weight: 400;
    color: #949494;
    border: 1px solid #dcdcdc;
    border-radius:6px;
    padding:4px 14px 4px 14px;
}
div.message:hover{
     color: #009349;   
}
div.listreview .boxuser .message a:hover {
     color: #009349;
     border: 1px solid #009349;
}
div.listreview .boxcomment .uk-comment-body .icon-quote-fix{   
    width: 24px;
    height: 20px;
    margin-right: 6px;
    display: inline-block;  
    background:url("../img/icon/quote-icon.png") no-repeat left bottom;
}   
div.listreview .boxcomment .commentbottom{
    font-family:Open Sans; 
    font-size: 13px;
    font-weight: 400;
    color: #929292;
    padding-top: 16px;
}
div.listreview .boxcomment .uk-comment-body a{
    font-family:Open Sans; 
    font-size: 14px;
    font-weight: 400;
    color: #2c74b2;
}
.remorereview {
    font-family:Open Sans; 
    font-size: 14px;
    font-weight: 400;
    color: #2c74b2;
    cursor: pointer;
}
div.listreview .boxcomment .uk-comment-body .fulltxtreview {
    display: none;
}
div.listreview .boxcomment .uk-comment-body .fulltxtreview .itemimg{   
    padding: 0px;   
    padding-top: 20px;
    margin-left: -22px;
}
div.listreview .boxcomment .uk-comment-body .fulltxtreview .itemimg .uk-width-1-5{      
    padding: 0px;
    padding-left: 22px;   
}
div.listreview .boxcomment .uk-comment-body .fulltxtreview .itemimg .uk-width-1-5:first-child{   
}
div.listreview .boxcomment .uk-comment-body .fulltxtreview .itemimg img {
    width: 162px;
    height: 106px;
    border: 2px solid #acacac;
}
div.listreview .boxcomment .commentbottom .lastupdate {
    padding-right: 590px;     
}
div.listreview .boxcomment .commentbottom .commentlike {
    padding-right: 10px;     
}
/*detail team*/
div.detailourteam{
    background:#eeeeee;
    padding-bottom:50px; 
}
div.detailourteam .uk-grid{
    padding-top: 30px;
}
div.detailourteam .uk-grid .title h1{
    font-family:Open Sans; 
    font-size: 20px;
    font-weight: bold;
    color: #2a2a2a;
    padding-bottom: 0px;
    margin-bottom: 0px;
    text-transform: uppercase;
}
div.detailourteam .uk-grid .title span{
    font-family:Open Sans; 
    font-size: 20px;
    font-weight: 400;
    color: #2a2a2a;
    text-transform:none;
}
div.detailourteam .uk-grid .introtxt {
    font-family:Open Sans; 
    font-size: 14px;
    font-style: italic;   
    font-weight: 400;
    color: #4a4a4a;
    height:40px;
    border-bottom:1px solid #fff ;
    margin-bottom: 10px;
}
div.detailourteam .uk-grid .fulltxt {
    font-family:Open Sans; 
    font-size: 14px;
    font-weight: 400;
    color: #4a4a4a;
}
div.detailourteam .uk-grid .boximg {
    width: 270px;
    height: 270px;
}
div.detailourteam .uk-grid .uk-border-circle {
    border: 10px solid #dfdfdf;
}
div.detailourteam .uk-grid em{
    color: #4a4a4a;    
    font-style: italic; 
}
.backbuttom {
     background: #fff;
     padding-bottom: 30px;
     padding-top: 30px;
     text-align: center;   
}
.clsback {
    font-family:Open Sans; 
    font-size: 16px;
    font-weight: bold;
    padding-top: 8px;
    color: #ffffff;    
    border: none;
    background: #009349;
    border-radius: 28px;
    height: 40px;
    width: 120px;
}
.clsback:hover {
     background: #a8401e;
}
/*pagination*/
#pager-container a {    
    color: #4a4a4a;   
}
#pager-container .active a {
    background: #9c614d;
    color: #fff;
    border: 1px solid #9c614d;
}
/*listrecrutement*/
div.listrecrutement{
    width: 100%;
    background: #fff;    
    margin: 0px;
    padding: 0px;
    padding-top: 50px;
    padding-bottom: 50px;
}
div.listrecrutement .listitem {
    margin: 0px;
    padding: 0px;    
    border: 1px solid #ebebeb;
}
div.listrecrutement .listitem h3{
    background: #f0f0f0;
    text-align: center;
    text-transform: uppercase;
    font-family: Open Sans Semibold;
    font-size: 16px; 
    font-weight: 600;
    height: 40px;
    padding-top: 8px;
}
div.listrecrutement .listitem .uk-accordion {
    padding:0px 20px 20px 20px;
    background: #fff;
}
div.listrecrutement .listitem .uk-accordion .uk-accordion-title{
    background: none;
    font:600 14px Open Sans Semibold;
    color: red;/*#9C614D*/
    padding-bottom: 8px;
    padding-left: 0px;  
    margin-bottom: 0px;
    border-bottom: 1px solid #eeeeee; 
    background: url("../img/icon/icon-dow.png") no-repeat right center;
}
div.listrecrutement .listitem .uk-accordion .uk-accordion-title:hover{
    color: #009349;
}
div.listrecrutement .listitem .uk-accordion > .uk-active{
    background: url("../img/icon/icon-pull.png") no-repeat right center;
}
div.listrecrutement .listitem .uk-accordion .uk-accordion-content {
    padding-left: 0px;
    padding-top: 8px;
}
div.listrecrutement .listitem .uk-accordion .lastitem {
    border: none;    
}
div.listrecrutement .listitem .uk-accordion .uk-icon-circle-fix {
    background: #009349;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 6px;    
}
/*Guide voyage*/
div.boxguidevoyage{
    width: 100%;   
    background: #eeeeee;    
    margin: 0px;
    padding: 0px;   
    padding-bottom: 50px;
}
div.boxguidevoyage .guidevoyageitem{
    border-radius:6px;
    background: #fff; 
    font-family:Open Sans Regular;
    font-weight: 400;
    font-size: 14px;
    margin-bottom:30px;
}
div.boxguidevoyage .guidevoyageitem h1{
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 600;
    color:#2a2a2a;
    text-align: center;
    text-transform: uppercase;
    background: #f0f0f0;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    height: 40px;
}
div.boxguidevoyage .uk-accordion{
    padding: 20px;
    background: #fff;
}
div.boxguidevoyage .guidevoyageitem .uk-accordion .uk-accordion-title{
    background: none;
    font-family: Open Sans Regular;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 8px;
    padding-left: 0px;  
    margin-bottom: 0px;
    border-bottom: 1px solid #eeeeee; 
    background: url("../img/icon/icon-dow.png") no-repeat right center;
}
div.boxguidevoyage .guidevoyageitem .uk-accordion .uk-accordion-title:hover{
    color: #009349;
}
div.boxguidevoyage .guidevoyageitem .uk-accordion .uk-active .active{
    color: #009349;
}
div.boxguidevoyage .guidevoyageitem .uk-accordion > .uk-active{
    background: url("../img/icon/icon-pull.png") no-repeat right center;
}
div.boxguidevoyage .guidevoyageitem .uk-accordion .uk-accordion-content {
    padding-left: 0px;
    padding-top: 8px;
}
div.boxguidevoyage .guidevoyageitem .uk-accordion .lastitem {
    border: none;    
}
div.boxguidevoyage .guidevoyageitem .uk-accordion .uk-icon-circle-fix {
    background: #009349;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 6px;    
}
/*Contact*/
div.boxcontactus{
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 400;
    color: #2a2a2a;
    background:#eeeeee;
    padding-bottom:50px; 
}
div.boxcontactus .contactbox label{  
     width: 20px;
     text-align: right;
     margin-right: 8px;  
}
div.boxcontactus .contactbox li{
    padding-bottom: 4px;
}
div.boxcontactus .contactbox li .internet{
    padding-bottom: 4px;
    display: block;
    width: 20px;
    height: 20px;
    background:url("../img/icon/internet-1.png") no-repeat bottom right;   
}
div.boxcontactus .uk-width-1-2 {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 400;
    color: #4a4a4a;
}
div.boxcontactus h1 {
    font-family: Open Sans Semibold;
    font-size: 18px;
    font-weight: 600;
    color: #2a2a2a;
    text-transform: uppercase;
    text-align: center;    
}
div.infomation{
    border-radius:4px;
    background: #fff;
    padding: 24px;
}
div.boxcontactus .infomation h2 {
    font-family: Open Sans Semibold;
    font-size: 15px;
    font-weight: 600;
    color: #2a2a2a;
    text-transform: uppercase;
    text-align: center;    
}
div.boxcontactus .title {
    font-family: Open Sans Semibold;
    font-size: 14px;
    font-weight: 600;
    color: #2a2a2a;
    padding-right: 6px;
    display:inline-block;
    width:98px;  
}
div.boxcontactus .titleoffice  {
    display:inline-block;
    width:164px;
}
#contactform-verifycode {
    width: 100px;
    height: 30px;
    margin-left: 14px;
    float: left;
}
div.mapcontact{
    border-radius:4px;
    background: #fff;
    padding:4px;
}
div.boxcontactus .field-contactform-mess {
    color: #4a4a4a;
}
div.boxcontactus .help-block-error {
    display: none;
}
div.boxcontactus .muticontact {
    width:100px !important;
    text-align: left !important;
}
div.boxcontactus .muticontact label {
    font:400 14px Open Sans Regular;
    text-align: left !important;
    width: 110px !important;
}
div.boxcontactus .uk-form-row label {
    font:400 14px Open Sans Regular;
    width: 210px;
    text-align: right;
    float: left;
    padding-right: 10px;
}
div.boxcontactus .uk-form-row .form-control {
    width: 350px;
    float: left;
}
/*main-customize*/
div.main-customize{
    padding-top:0px;
    min-height: 336px;
}
div.boxcustomize {
    background: #eeeeee;
    padding-bottom: 30px;
}
div.boxcustomize .contryside .boxmap .content {
    width: 450px !important;
}
div.boxcustomize .boxmap {
    background: #fff;
}
div.boxcustomize .boxcustomizedes {
    background: #f5f5f5;
    border: 1px solid #eeeeee;
    height: 590px;
    margin-top: 20px;
    padding: 20px;
    overflow: auto;
}
div.boxcustomize .boxcustomizedes h2 {
    display: inline-block;
    font-family: Open Sans Semibold;
    font-size: 16px;
    font-weight: 600;
    height: 36px !important;
    color: #4a4a4a !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    text-transform: uppercase;
    width: 100%;    
    text-align: left !important;
}
div.boxcustomize .boxcustomizedes ul {
    height: auto !important;
    border: none !important;
    margin: 0px !important;
    padding: 0px !important;
}
div.boxcustomize .boxcustomizedes ul li {
    padding: 10px;
    font-family: Open Sans;
    font-size: 15px;
    font-weight:bold;
    color: #ffffff !important;
    background: #884323;
    text-transform: uppercase;
    margin-right: 10px; 
    margin-bottom: 10px;  
    list-style: none;
}
div.boxcustomize .boxcustomizedes ul li i {
    padding-left: 8px;  
}
div.boxcustomize .customizedes{
    border: 1px solid #eeeeee;
    background: #fff;
    height: 150px;
    margin-top: 20px;
    padding: 20px;
}
div.boxcustomize .contryside h1{
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: center;
    background: #e5e5e5;
    font-family: Open Sans;
    font-size: 20px;
    font-weight: bold;
    color: #4a4a4a;
}
div.boxcustomize .customizedes h3{
    font-family: Open Sans Semibold;
    font-size: 16px;
    font-weight: 600;
    color: #4a4a4a;
    text-transform: uppercase;
    padding-bottom: 0px;
    margin-bottom: 0px;   
}
div.boxcustomize .customizedes span{
    font-family: Open Sans Regular;
    font-size: 14px;
    color: #4a4a4a;
}
div.boxcustomize .customizedes .iconadd {
    border: 1px solid #dcdcdc;
    border-radius:26px;
    height: 40px;
    padding-left:20px;
    margin-top: 20px;
    width: 370px;
}
div.boxcustomize .customizedes .iconadd input{
    border: none !important;
}
div.boxcustomize .customizedes .uk-form-icon input{    
     height: 38px;   
     width: 230px;
     margin-left: 0px !important;
     padding-left: 0px !important;
     border: none;
}
div.errorsummary {
    font:400 14px Open Sans;
    text-align: center;
    color:red;
}
div.errorsummary ul{   
    display: block;
    text-align: left;
    width: 50%;
    border: 1px solid #e5e5e5;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    padding-left: 30px !important;
    background: white;
}
div.errorsummary ul li{
    padding-top: 4px;
    padding-bottom: 4px;
}
div.errorsummary p{
    font:600 16px Open Sans Semibold;   
    color: #2a2a2a;
    text-transform: uppercase;
}
.bgiconadd {
    background: #009349;
    float: right;   
    width: 114px;
    margin: 0px !important;
    padding: 0px !important;
    height: 40px !important;   
    padding-top: 10px !important;
    padding-left:42px !important;
    margin-top: -1px !important;
    border-top-right-radius: 26px;
    border-bottom-right-radius: 26px;
    cursor: pointer;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: bold;
    color: #f3f9ff;
    background:#009349 url("../img/icon/add_btn.png") no-repeat 12px center;    
}
.bgiconadd:hover {
    background:#d04149 url("../img/icon/add_btn_hover.png") no-repeat 12px center;
}
div.tabdetailtour{
    padding-top: 30px;
    padding-bottom: 50px;
}
div.tabdetailtour .nav-tabs > li > a {
    font-family: Open Sans Semibold;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    background: #cea18d;
    border-bottom: 1px solid #884323;
    margin-left: 10px;   
    padding-left: 50px;
}
div.tabdetailtour .nav-tabs li:first-child a{    
    background:#cea18d url("../img/icon/icon-1.png") no-repeat 12px center; 
}
div.tabdetailtour .nav-tabs li:last-child a{    
    background:#cea18d url("../img/icon/icon-2.png") no-repeat 12px center; 
}
div.tabdetailtour .nav-tabs {
    border-bottom: 1px solid #884323;
}
div.tabdetailtour .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    font-family: Open Sans Semibold;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #884323;
    border-color: #884323 #884323 transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;   
    cursor: default;
}
div.tabdetailtour .boxitem{
    margin: 0px;
    padding: 0px;    
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;   
    font-family: Open Sans; 
    margin-bottom: 30px;
    border: 1px solid #dcdcdc;
}
div.tabdetailtour .boxitem label{ 
    font-family: Open Sans Regular;
    font-size: 15px;
    font-weight: 400;
    color: #2a2a2a;
}
div.tabdetailtour .boxitem h1{
    font-family: Open Sans Semibold;
    font-size: 16px;
    font-weight: 600;
    color: #2a2a2a;
    text-transform: uppercase;
    text-align: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;   
    background: #e9ebee;
}
div.tabdetailtour .profile .uk-form-row{
    padding: 0px 20px 20px 20px;
}
div.tabdetailtour .profile .uk-form-row label{  
    width: 200px;   
    font-family: Open Sans Regular;
    font-size: 15px;
    font-weight: 400;
    color: #2a2a2a;
}
div.tabdetailtour .profile .uk-form-row input{   
    margin-right: 4px; 
}
div.tabdetailtour .profile h1 span,div.tabdetailtour .boxitem h1 span{   
     font-family:Open Sans Regular;
     font-size: 14px;
     font-weight: 400 !important;
     text-transform: none !important;
     padding-left: 8px;
}
div.tabdetailtour .profile .itemprofile{   
     width: 50%;
     float: left;
}
div.tabdetailtour .profile .itemprofile label{  
    width: 100%;
}
div.tabdetailtour .boxmeals .itemgowwith-1{  
    width: 450px !important;
    font:400 15px Open Sans Regular;
    color: #2a2a2a;
}
div.tabdetailtour .notetxt{  
    font:400 14px Open Sans Regular;
    color: #2a2a2a;
    font-style: italic;
    text-align: center;
    padding-bottom: 10px;
}
/*radio*/
.radio-item {
    display: inline-block;
    position: relative;
    padding:0px;
    margin: 0px;
    cursor: pointer;
}
.radio-item input[type='radio'] {
    display: none;
    cursor: pointer;
}
.radio-item label{
    cursor: pointer;
}
.radio-item label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 4px;
    margin: 0 8px 0 0;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    border: 1px solid #999;
    background-color: transparent;
    cursor: pointer;
}
.radio-item input[type=radio]:checked + label:after {
    border-radius: 10px;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 8px;
    left: 4px;
    content: " ";
    display: block;
    background: #d04149;
    cursor: pointer;
}
.acctype{
     padding: 0px 20px 20px 20px;
}
.acctype li ,.tourtype li,.meals li,.gowith li,.tourpurposes li,.yourbudget li,.participants li,.traveldate li {
    list-style: none;
    height: 34px;   
}
div.yourdescription {
    padding: 0 10px 10px 10px;
}
.participants .numberchildren .control-label {
    white-space: nowrap;
    margin-right: 20px;
}
.traveldate li {
    margin-bottom: 14px;
}
.traveldate .date {
    float: right;
    width: 180px;   
}
.traveldate label {   
    white-space: nowrap;
}
.traveldate .serviceyesno label{
     width: 60px !important;    
}
.traveldate .serviceyesno{   
    margin-top: 20px;
}
.traveldate .locallynight{   
    margin-top: 20px;    
}
div.yourdetail .uk-list li{
    padding-bottom: 12px;
}
div.yourdetail .uk-list li label {
    width: 280px;
    text-align: right;
    padding-right: 14px;  
}
div.yourdetail .uk-list .help-block{
    padding-left: 290px;
}
div.field-customizeform-number_nights {
    float: left;
}
div.boxmeals label{
    white-space: nowrap;
}
div.field-customizeform-budgettxt {
    float: left;
}
div.tabdetailtour .muticontact {
    padding-left: 0px;
    text-align: left !important;
    margin-left: 0px;
    width: 115px !important;
}
div.tabdetailtour .muticontact label {
    padding-left: 0px;
    text-align: left !important;
    margin-left: 0px;
    width: 115px !important;
    display: inline-block;
}
div.field-customizeform-budgettxt .control-label {
    margin-left: 0px;
    padding-right: 10px;
}
div.field-customizeform-verifycode label {
    margin-left: 0px;
    padding-right: 10px;vertical-align: top !important;
}
div.tabdetailtour .boxgowith ul li{
    text-align: center;
}
div.tabdetailtour .boxgowith .boxitemgo >label{
    width: 280px;
    margin-left: -90px;
    text-align: right;
    padding-right: 15px;
}
div.tabdetailtour .boxgowith .boxitemgo .radio-item {
    width: 50px;
    text-align: left;
}
div.tabdetailtour .boxgowith .boxitemgo .radio-item >label{
    width: 50px;
    text-align: left;
}
div.nodata{
    width: 100%;
    text-align: center;
    font-family: Open Sans;
    font-size: 16px;
}
div.cathead{      
    padding-left: 120px;
    width: 100%;
    border: 1px solid red;  
}
div.captchacode {
    display: inline-block;
    width: 300px;
}
div.captchacode .col-code input {
    width: 90px;
    float: left;
}
.uk-icon-times{
    cursor: pointer;
}
/*Thanks msg*/
div.thanksmsg{
    margin-left: 0px;
    margin-top: 0px;
    padding: 20px;
    background: #fff;
}
/*Question*/
div.boxquestion{
    border: 1px solid #ebebeb;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #f5f5f5;
}
div.boxquestion h3{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #884323;
    text-align: center;
    text-transform: uppercase;
    font-family: Open Sans Semibold;
    font-size: 16px; 
    font-weight: 600;
    height: 40px;
    padding-top: 8px;
    color: #fff;
}
div.boxquestion .uk-grid{
    padding: 20px;
    padding-top: 0px;
}
div.boxquestion .uk-grid .uk-form-row {
    padding-top: 0px !important;
    margin-top: 0px;
}
div.boxquestion .uk-grid .uk-form-row .control-label{
    width:110px;
}
div.boxquestion .uk-grid .uk-form-row .uk-form-width-medium{
     width:380px;
}
/*Blog*/
div.boxblog{
    width: 100%;   
    background: #eeeeee;    
    margin: 0px;
    padding: 0px;   
    padding-bottom: 50px;
}
div.boxblog .listitemblog .item .title{
    font:400 22px Open Sans Regular;
    color: #4a4a4a;
    padding-bottom: 6px;
    margin-bottom: 0px;  
}
div.boxblog .listitemblog .item .title a{
    font:400 22px Open Sans Regular;
    color: #4a4a4a;
}
div.boxblog .listitemblog .item .title a:hover{
    color: #009349;
}
div.boxblog .listitemblog .item .catetxt{
    font:400 14px Open Sans Regular;
    color: #009349;
    padding-right: 40px;
    padding-left:0px;
}
div.boxblog .listitemblog .item .datetxt{
    padding-right:40px;
    font:400 14px Open Sans Regular;
    color: #6a6a6a;
}
div.boxblog .listitemblog .item .boxinfo{
    padding-bottom: 10px;
    font:400 14px Open Sans Regular;
    color: #6a6a6a;
}
div.boxblog .listitemblog .item .uk-width-2-5 img{
    border-radius: 6px;
    height:170px; 
}
div.boxblog .listitemblog .item .uk-width-3-5{
    font:400 14px Open Sans Regular !important;
    color: #6a6a6a;
    padding-left: 20px;
    padding-right: 10px;
}
div.boxblog .listitemblog .item .uk-width-3-5 a{
    font:400 14px Open Sans Regular;
    color: #009349;
}
div.boxblog .listitemblog .item .uk-width-3-5 a:hover{
    color: #6a6a6a;
}
div.boxblog .listitemblog .item {
    border-bottom: 1px solid #fff;
    padding-bottom: 30px;
    margin-bottom: 10px;
}
div.boxblog .listitemblog {   
    background: #ffffff;
    margin-top: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 30px;
}
div.boxblog  .boxright{
    padding-left: 20px;
    margin-top: 60px;
}
div.blogright h2{
    font:bold 16px Open Sans;
    background: #009349;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    height: 40px;
    padding-top: 8px;
    margin-bottom: 0px;
}
div.blogright .item{
    background: #fff;
    padding-top: 0px;
    margin-top: 0px;    
    padding: 15px;
}
div.blogright .item .uk-icon-angle-right{   
    color: #009349;
}
div.blogright .item .uk-list li{
    padding-top: 4px;
    padding-bottom: 4px;
}
div.blogright .item .uk-list li a{
     font:600 15px Open Sans Semibold;
     color: #4a4a4a;
}
div.blogright .item .uk-list li a:hover{
    color: #009349;
}
div.lastnewsblog h2{
    text-align: center;
    text-transform: uppercase;
    font:bold 16px Open Sans !important;
    color: #4a4a4a;
    border-top: 2px solid #009349;
    margin-top: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
    margin-bottom: 0px;
    background: #e6e6e6;    
}
div.lastnewsblog .item-lastblog{
    background: #fff;
    margin-top: 0px;
    padding-top: 0px;
    padding: 15px;
}
div.boxsearch{
    width: 100%;
    height: 40px;
    margin-bottom:20px;
    background: #fff;
    border-radius:6px; 
}
div.boxsearch input{
    height: 40px;
    border: none;
    width: 90%;
}
div.boxsearch input:hover,div.boxsearch input:focus,div.boxsearch input:focus:hover{  
    border: none;    
}
div.boxsearch .uk-icon-search{
    padding-left: 14px;
    color: #6a6a6a;   
}
div.boxblog .listitemblog .boxinfo{
    padding-top:0px;
}
div.boxblog .listitemblog .boxinfo .title {
    font:600 18px Open Sans;
    color: #2a2a2a;
    text-align: center;
    text-transform: uppercase;
    background: #f0f0f0;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 40px;
    padding-top: 14px;
}
div.boxblog .listitemblog .boxinfo .introtxt{
    background: #ffffff;    
    padding: 15px;
    font:400 14px Open Sans;
    margin-bottom: 30px;
    line-height: 24px;
    margin-top: 20px; 
    border-radius:6px; 
}
div.viewboxblog {
    background: #eeeeee;
}
div.viewboxblog div.blogcontent{
    background: #ffffff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
div.viewboxblog div.blogcontent img.blogimg{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
   
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
}
div.viewboxblog div.blogcontent h1.titleblog{
     font-family:Open Sans Light;
     font-size: 22px;
     font-weight:300;
     color: #2a2a2a;
     padding: 14px 30px 14px 30px; 
}
div.viewboxblog div.blogcontent .bypost{
     font-family:Open Sans Regular;
     font-size: 13px;
     font-weight: 400;
     color: #6a6a6a;
     padding: 10px 30px 10px 30px;
     border-top: 1px solid #e5e5e5;
     border-bottom:1px solid #e5e5e5;
}
div.viewboxblog div.blogcontent .bypost a{
     font-family:Open Sans Regular;
     font-size: 13px;
     font-weight: 400;
     color: #2e74b2;
}
div.viewboxblog div.blogcontent .content {
    padding: 30px;
}
div.viewboxblog div.blogcontent .content a{
    color:#009349 !important;
}
div.viewboxblog div.blogcontent .content a strong{
    color:#009349 !important;
}
div.viewboxblog div.blogcontent .content a em{
    color:#009349 !important;
}
div.viewboxblog div.blogcontent .content a em strong{
    color:#009349 !important;
}
div.viewboxblog div.blogcontent .content a:hover{
    color:#4a4a4a;
}
div.viewboxblog div.blogcontent .content strong a{
    color: #009349;
    font-weight: bold !important;
}
div.viewboxblog div.blogcontent .content em {
    color: #4a4a4a;
}
div.viewboxblog div.blogcontent .content em strong a {
   font-style: italic;
}
div.viewboxblog div.blogcontent .content em a {
   font-style: italic;
}
div.lastblogright h2{
    font: bold 16px Open Sans !important;
    color: #4a4a4a;
    text-align: center;
    border-top: 2px solid #009349;
    margin-top: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
    margin-bottom: 0px;
    background: #e6e6e6;
}
div.lastblogright .item-lastblog {
    padding: 15px;
    background: #fff;
}
div.lastblogright .uk-grid{
    padding: 0px;
    margin: 0px;
    margin-bottom: 30px;
}
div.lastblogright .uk-grid .uk-width-1-4{
    padding: 0px;
    margin: 0px;
    width: 76px;
    height: 76px;   
}
div.lastblogright .uk-grid .uk-width-3-4{
    padding-left: 12px;
} 
div.lastblogright .uk-grid .uk-width-1-4 img{
    width: 76px;
    height: 76px;
}
div.lastblogright .uk-grid .uk-width-3-4 a{
     font-family:Open Sans Regular;
     font-size: 14px;
     font-weight: 400;
     color: #4a4a4a;
}
div.lastblogright .uk-comment-body a{
     font-family:Open Sans Regular;
     font-size: 14px;
     font-weight: 400;
     color: #4a4a4a;
}
div.lastblogright a:hover{
    color: #009349 !important;
}
div.lastblogright .uk-grid .uk-width-3-4 p{
     font-family:Open Sans Regular;
     font-size: 14px;
     font-weight: 400;
     color: #6a6a6a;
}
div.sharesocial{
    padding-bottom: 20px;
    padding-top: 10px;
}
div.sharesocial .toolbox {
    text-align: center
}
div.boxtag a{   
    font:400 14px Open Sans Regular;     
    color: #6a6a6a;
    padding: 4px;
    margin-right:4px;
    background: #e6e6e6;
    line-height: 24px;
    display: inline-block;
    margin-bottom:4px;
}
/*lastblog*/
div.lastblog{
    padding-top: 60px;
}
/*requestprice*/
div.requestprice {
   font-family: Open Sans;
   margin-bottom: 30px;
}
div.requestprice h3{
    font-weight: 600;
    font-family:Open Sans Semibold;
    text-align: center !important;
    font-size: 18px;   
    height: 40px;  
    color: #2a2a2a;
    padding-top: 8px;
    margin-top: 40px;    
    margin-bottom: 0px;
    background: #eaebef;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
div.requestprice .boxprice {
     border: 1px solid #eaebef;
}
div.requestprice .boxprice .shorttxt{
    font-family:Open Sans;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    padding: 20px 100px 20px 100px;
    color: #2a2a2a;
}
div.requestprice .boxprice .uk-display-inline-block .boxhotel{
    text-align: left;
}
div.requestprice .boxprice .uk-display-inline-block .radio-item{
    text-align: left;
    margin-left: 0px;  
}
div.requestprice .uk-list li{
    padding-bottom: 12px;
}
div.requestprice .uk-list li label {
    font:400 15px Open Sans Regular;    
    width: 280px;
    text-align: right;
    padding-right: 14px;
    color: #2a2a2a;
}
div.requestprice .contactmuti .uk-form-row .radio-item  {
    width: 110px !important;
}
div.requestprice .contactmuti .uk-form-row .radio-item label {
    display:block;
    text-align: left;
    width: 110px;
}
div.requestprice .uk-list .help-block{
    padding-left: 290px;    
}
div.requestprice .uk-list li input{
    width: 290px;
}
div.requestprice .uk-list li .uk-form-width-large {
     width: 520px;
}
div.requestprice .uk-list li .field-requestpriceform-verifycode .form-control{
    width: 100px !important;
}
div.requestprice .uk-list li .field-requestpriceform-verifycode label {
    vertical-align: top !important;   
}
#requestpriceform-verifycode-image,#contactform-verifycode-image{
    margin-top: -10px;
}
div.requestprice .uk-list li .field-requestpriceform-mess textarea{
     width: 520px !important;
}
div.requestprice .uk-list li .field-requestpriceform-adult input {
     width: 90px !important;
}
div.requestprice .uk-list li .field-requestpriceform-children{
    width: 120px !important;
    padding-left: 10px;
}
div.requestprice .uk-list li .field-requestpriceform-children input{
    width: 100px !important;
}
div.requestprice .uk-list li .input-group{
     width: 200px !important;
     float: right;
}
div.requestprice .uk-list li .input-group input{
     width: 180px !important;
     cursor: pointer;
}
div.requestprice .uk-list li .radio-item{
    padding-right: 0px;
    padding-left: 0px;
    width:80px !important;
    white-space: nowrap;
}
div.requestprice .uk-list li .radioitem2,div.requestprice .uk-list li .radioitem3,div.requestprice .uk-list li .radioitem4{
    width:80px !important;
    white-space: nowrap;
    margin-left: 14px;
}
/*Ortherblog*/
div.ortherblog h2{
     font:bold 16px Open Sans;
     color:#333333;
     text-transform: uppercase;   
     padding-left: 4px;
     margin-top: 10px;
}
div.ortherblog .uk-width-1-3{
    padding-left: 20px;
    padding-bottom: 20px;
}
div.ortherblog .boxitem{
    padding-left: 20px;
}
div.ortherblog .shorttxt{
     padding-top: 12px;
}
div.ortherblog .shorttxt a{
    font:600 14px Open Sans Semibold;
    color: #666666;   
}
div.ortherblog .shorttxt a:hover{
    color:#009349;
    text-decoration: none;     
}
/*List comment*/
div.boxlistsubcomment{
    margin-left:2px;
    border-left: 1px solid white;
    padding-left: 10px;
}
div.boxlistsubcomment .uk-width-1-5{
    padding-left: 0px;
}
div.boxlistsubcomment .uk-width-4-5{
    padding-left: 6px;
}
div.boxlistsubcomment .uk-width-4-5 .title{
    padding-top: 4px;
    padding-bottom: 4px;
}
div.boxlistsubcomment .uk-width-4-5 .title a{
    font:400 14px Open Sans Regular;
    color:#009933;
}
div.boxlistsubcomment .uk-width-4-5 .datetxt{
    font:400 13px Open Sans Regular;
    color:#999999;
}
div.boxlistcomment{
    font:400 14px Open Sans Regular;
    color:#666666;
}
div.boxlistcomment .uk-width-1-5 .title{
    padding-top: 4px;
    padding-bottom: 4px;
}
div.boxlistcomment .uk-width-1-5 .title a{
    font:400 14px Open Sans Regular;
    color:#009933;
}
div.boxlistcomment .uk-width-1-5 .datetxt{
    font:400 13px Open Sans Regular;
    color:#999999;
}
div.boxlistcomment .boxreply{
    padding-top: 10px;
    padding-bottom: 10px;
}
div.boxlistcomment .boxreply .reply{
    padding-right: 20px;
    font:400 13px Open Sans Regular;
    color:#009933;
    cursor: pointer;
}
/*Box comment*/
div.boxreplysubmit{
    display: none;
}
div.boxcoment{
    margin-bottom:50px;
}
div.boxcoment .title{
    font:400 18px Open Sans Regular;
    color:#333333;
}
div.boxcoment label{
     font:400 14px Open Sans Regular;
     color:#333333;
 }
 div.boxcoment .uk-form-row .form-control{
     font:400 14px Open Sans Regular;
     color:#333333;
 }
 div.boxcoment button.btncomment {   
    color: white;   
    font-size: 16px;
    font-weight: bold;
    height: 46px;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 10px;
    border: none;
    background:#008522;
    border-radius: 28px;
}
div.boxcoment .btncomment:hover{
   background:#009349;  
}
/*boxvideo*/
div.boxvideo {
    width: 100%;  
    background: #e9ebee;
    padding-top: 50px;
    padding-bottom: 50px;
    height: 710px;
}
div.boxvideo .uk-slideset a{
    font-size: 14px;  
}
div.boxvideo .uk-slideset a:hover{
      text-decoration: none;    
}
div.boxvideo .uk-flex-center li a {
     background: #58a0e1 !important;
     height: 14px;
     width: 14px;
}
div.boxvideo .uk-flex-center li.uk-active a{
     background: #3182cc !important;
     height: 18px;
     width: 18px;
     margin-top: -2px;
}
div.boxvideo .maincontenttraveller{
    height: 320px;
}
div.boxvideo .maincontenttraveller li{
    height:340px !important;    
}
div.boxvideo .playfixnew{      
    width: 70px;
    height: 70px;
    font-size:46px;
    color: #fff;
    position:absolute;
    margin-top: 175px;
    margin-left: 315px;   
    display: block;
    text-align: center;
    background: url("../img/iconvideo.png") no-repeat left center;
    cursor: pointer;
}
div.boxvideo .playfixright{      
    width: 36px;
    height: 36px;
    font-size:26px;
    color: #fff;
    position:absolute;
    margin-top:28px;
    margin-left: 62px;
    display: block;
    text-align: center;
    background: url("../img/iconsmallvideo.png") no-repeat left center;
    cursor: pointer;
}
div.boxvideo .playfix{      
    width: 72px;
    height: 72px;
    font-size: 72px;
    color: #fff;
    position:absolute;
    margin-top: 70px;
    padding-left: 150px;   
    display: block;
    text-align: center;
}
div.boxvideo .imghover{
    height: 214px;
    width: 340px;
}
div.boxvideo .imghover img{
    height: 214px;
    width: 340px;
}
div.boxvideo .imghover img:hover{
    border: 2px solid #009349;
}
div.boxvideo .playfix:hover{  
    color: #009349;
}
/*scrollfooter*/
#scrollfooter{
    position: fixed;
    font-weight: bold;   
    top:70%;
    right: 0%;   
    padding-left: 6px !important;
    padding-right: 6px !important;
    background: white;   
    transition:all 0.4s ease-in-out 0s;
    z-index: 999;
    color:#009933;
}
/*whatsapp*/
#whatsapp{
    position: fixed;
    font-weight: bold;   
    top:80%;
    right: 0%;   
    padding-left: 6px !important;
    padding-right: 6px !important;     
    transition:all 0.4s ease-in-out 0s;
    z-index: 999;
    color:#009933;    
    background:transparent;
}
/*Slide right devis gratutt*/
#rightfly{
    background: white;
    border-top: 2px solid #117700;
    border-bottom: 2px solid #117700;   
}
.widget{
    position: relative;
}
.widget-fly{
    position: fixed;
    right:-168px;
    top: 30%;   
    width: 167px;
    height: 200px;
    transition:all 0.4s ease-in-out 0s;
    z-index: 999;
}
.widget-fly:hover{
    right:0px;
}
.widget_fly{
    background:transparent;
    position: relative;

}
.widget.widget-fly{
    border-right:none;
}
#rightfly .sidebar-fly li{
    position: relative;
    display: block;
    padding:10px;
}
#rightfly .widget-heading{
    background: #117700;
    color: #fff;
}
#rightfly .widget-heading{
    left: -120px;
    position: absolute;
    top: 78px;
    transform: rotate(-90deg);
    width: 200px;
}
#rightfly .widget-heading .spb-heading{
    line-height: 40px;
}
#rightfly h4.spb-heading {
    text-align: center;
    text-transform: uppercase;
    line-height: 26px;
    font-size: 13px;
    font-family: "Roboto";
    font-weight: bold;
    color: #fff;
    margin: 0;
}
#rightfly .sidebar-fly li{
    position: relative;
    display: block;
    padding:10px;
}
#rightfly .sidebar-fly ul { 
    margin-bottom: 0;
    padding:0;
}
.sidebar-fly li:last-child{
    border-top:2px solid #217C1A;
}
#rightfly .sidebar-fly li a{
    width: 140px;
    height: 65px;
    position: relative;
    display: block;
}
#rightfly .sidebar-fly li:hover a >span{
    color: #217C1A;
    transition:all 0.4s ease-in-out 0s;
}
#rightfly .widget-heading{
    left: -120px;
    position: absolute;
    top: 78px;   
   /* Safari */
    -webkit-transform: rotate(-90deg);    
    /* Firefox */
    -moz-transform: rotate(-90deg);    
    /* IE */
    -ms-transform: rotate(-90deg);    
    /* Opera */
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 200px;
  
}
#rightfly .widget-heading .spb-heading{
    line-height: 40px;
}
#rightfly .advisory-free{
    color: #fb4b58;
    display: block;
    font-size: 18px;
    font-weight: 900;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    transition:all 0.4s ease-in-out 0s;
    padding-top:15px;
}
#rightfly .advisory-small{
    color: #fd6d4b;
    display: block;
    font-size: 10px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    transition:all 0.4s ease-in-out 0s;
}
#rightfly .call-free {
    color: #fb4b58;
    display: block;
    font-size: 20px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    transition:all 0.4s ease-in-out 0s;
    padding-top:10px;
}
#rightfly .call-two{
    color: #fe6d4c;
    display: block;
    font-size: 13px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
}
#rightfly .call-small {
    color: #fe6d4c;
    display: block;
    font-size: 17px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    transition:all 0.4s ease-in-out 0s;
}
/*boxenpress*/
div.boxenpress{
    background: white;
    padding: 20px;
}
div.boxenpress h1.title{
    font: bold 30px Open Sans !important;
    color: #000;
    text-align: center;
}
div.boxenpress .boxinfo{
    font-family:Open Sans Regular !important;
    font-size: 14px;
    color: #000;
    text-align: center;
    line-height: 24px;  
}
div.boxenpress h2.title{
    font: bold 16px Open Sans !important;
    color: #079641;
}
div.boxenpress .phone{
    font-family:Open Sans Regular !important;
    font-size: 14px;
    color: #CC0000;
}
div.boxenpress .contentuser{
    font-family:Open Sans Regular !important;
    font-size: 14px;
    color: #333;
    line-height: 24px;   
}
div.boxenpress .titleitem{
    font-family:Open Sans Semibold !important;
    font-size: 24px;
    color: #101010;
}
div.boxenpress .dateitem{    
    font-family:Open Sans Semibold !important;   
    font-size: 14px;
    color: #079641;
    margin-bottom:8px;
}
div.boxenpress .readmore{
    font-family:Open Sans Regular !important;
    font-size: 15px;
    color: #666666;
}
div.boxenpress .notreequipe{
    margin-bottom: 40px;
}
div.boxenpress .notreequipe a{
    font-family:Open Sans Semibold !important;
    font-size: 16px;
    padding:9px 30px 9px 30px; 
    border-radius:20px;
    border: 1px solid #00a651;
}
div.boxenpress .votrequestion{   
    font-family:Open Sans Semibold !important;
    font-size: 14px;
    padding:9px 10px 9px 10px; 
    border-radius:6px;
    background:#00a651;
    color: white;
}
div.boxenpress .avartapress{
    border-radius:50%;
}
/*End Boxenpress*/
/*footer*/
#footer {
    background: #2a2a2a;
    padding-top: 54px; 
}
#footer a {
    color: #fff;
}
#footer .headfooter .uk-grid{
    margin-left: 0px;
    padding-bottom: 20px;
    border-bottom: 1px solid #555555;
}
#footer .contentfooter .uk-grid li{
    width: 100%;
    height: 34px;
}
#footer .headfooter .uk-grid .uk-width-1-4 {    
    margin-left: 0px;
    padding-left: 0px;    
}
#footer .contentfooter{
    padding-top:50px;   
    height: 290px;  
}
#footer .contentfooter .uk-width-1-4 ul.uk-grid {
    padding-left: 0px;    
}
#footer .contentfooter .uk-width-1-4 ul.uk-grid li {
    padding-left: 22px;
}
#footer .contentfooter .uk-width-1-4{
    font-size: 14px;
    color: white;
    line-height: 20px;
}
#footer h3.titlefooter {
    font-size: 18px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    margin-top: 34px;
    padding-left:6px;
    font-family:Open Sans;  
}

#footer .boxgetupdate {
    padding-left: 16px;
}
#footer i.uk-icon-facebook {
    color: #0077DD;
    margin-right: 14px;
}
#footer i.uk-icon-twitter {
    color: #00b4f5;
    margin-right: 14px;
}
#footer i.uk-icon-google-plus {
    color: red;
    margin-right: 14px;
}
#footer .uk-icon-youtube-play {   
    color: red;  
}
#footer .subcribe {
    background: #008522;
    color: white;   
    font-size: 16px;
    font-weight: bold;
    height: 36px;
    padding-top:6px;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 10px;
    border: none;    
}
#footer .subcribe:hover {
     background: #009349;
}
#footer .boxsubscribe {
    padding-top:14px;
    padding-bottom: 24px;    
}
#footer input{
    background: #4c4c4c;
    border:none;
    color: #fff;
    font-style: italic;
    border-radius:2px;
}
#footer .internet{
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 2px;
    background:url("../img/icon/internet.png") no-repeat; 
}
#footer .uk-icon-mobile-phone,#footer .uk-icon-skype,#footer .uk-icon-envelope-o {
    margin-right: 10px;    
}
#footer .banner {
    background: white;
    border-radius:4px;
    margin-top: 14px;
    height: 68px;
}
#footer .banner .boxbanner {
    padding-top: 8px;  
    padding-left: 15px;  
}
#footer .banner .boxbanner img {   
    padding-left: 6px;
    padding-right: 6px;
}
.address-footer{
    font-family: Open Sans Regular !important;
}
#copyright {
    background: #4c4c4c;    
    margin-top: 20px !important; 
}
#copyright .uk-container {    
    color: #a7a7a7;
    padding-top: 14px;
    height: 54px;    
}
#rightmenu {   
    height:128px;
    content: "";
    position: fixed !important;
    top: 44%;    
    width: 90px;
    z-index: 1000; 
    border: 1px solid red;
}
div.canvascontent{
    background:none;
    height:128px !important;
    top: 44%;    
    width: 150px;
    border: 1px solid red !important;
}
div.viewboxblog div.blogcontent .content blockquote a{
    color:#009349 !important;    
    font-weight: normal !important;  
}
div.viewboxblog div.blogcontent .content blockquote a:hover{
    color:#2a2a2a !important;
}
/*end footer*/
div.showrating{
    width: 100%;
    text-align: center;
    padding-bottom: 6px;
}
div.showrating span{
     padding-right:2px;
     font-weight: bold;
     color: #4a4a4a;
}
.uk-icon-star,.uk-icon-star-half-empty{
    color:#FF9B00;
}
div.errorsummary ul {   
    width: 60% !important;
}    
div.buttontour {
    padding-top: 0px;
    padding-bottom: 40px;
}
div.buttontour li {
    height: 40px;  
    line-height: 24px;
    font-family:Open Sans;
    font-weight: 400;
    font-size: 16px;
}
div.buttontour .btnplan {
    width: 320px;
    height: 46px;    
    font:bold 16px Open Sans;   
    padding-top: 11px;
    padding-left: 28px;
    border: none;
    background:#008522 url("../img/icon/location.png") no-repeat 20px 6px;
}
div.buttontour .btnplan:hover{
    background:#009349 url("../img/icon/location.png") no-repeat 20px 6px;
}
div.buttontour .btnalltour{
    width: 290px;
    height: 46px;
    font:bold 16px Open Sans; 
    padding-top: 11px;
    border: none;
    background:#008522 url("../img/icon/viewtour.png") no-repeat 26px 11px;
}
div.buttontour .btnalltour:hover{
    background:#009349 url("../img/icon/viewtour.png") no-repeat 26px 11px;
}
div.field-customizeform-age_desc label {
    width: 100% !important;
}
.homeabout .uk-icon-quote-left{
    color: #833921 !important;
}
.homeabout .content{
    line-height: 170% !important;
    font-size: 14px;
}
h4.titleindex a {
    font-family:iCiel Smoothy !important;   
    display: block;
    font-size: 30px;
    margin-top: -11px;
    color: #833921 !important;
    padding-left: 30px;
    padding-top: 70px;
    padding-bottom: 40px;
}
#modalnewyear19 .uk-modal-dialog{
    padding: 10px !important;
    padding-top: 0px !important;
}
audio{
    height: 60px !important;
}
.blog_author {
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
    padding: 20px 0;
    margin: 10px 0 20px 0;
  }
.blog_author .blog_author_avatar {
    width: 90px;
    height: 90px;
}
.blog_author .blog_author_avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.blog_author .facebook {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    border: 1px solid #3b5998;
}
.author_blog:nth-child(n + 3) {
    margin-top: 30px;
}
.author_blog .author_blog_content {
    margin-left: 40px;
    width: 100%;
}
.author_blog .author_blog_img {
    min-width: 310px;
    height: 165px;
    border-radius: 10px;
    overflow: hidden;
}
.author_blog .author_blog_img img {
    width: 310px;
    height: 100%;
    object-fit: cover;
}
.author .author_avatar {
    width: 150px;
    height: 150px;
}
.author .author_avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.author .author_facebook {
    width: 34px;
    height: 34px;
    border-radius: 5px;
    border: 1px solid #3b5998;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px
}
.author .author_facebook:hover span {
    color: #000;
}

.btn_comment {
    color: #fff !important;
    background: #009349;
    font-size: 14px;
    border-radius: 5px;
    padding: 10px;
    text-transform: none;
}
.modal-header .close{
    margin-top: 0;
}
.fade.modal.show{
    opacity: 1;
}
.modal.fade .modal-dialog{
    transform: unset !important;
}

/* Membership */
.uk-container {
    box-sizing: content-box;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.uk-container-xsmall {
    max-width: 750px;
}
.uk-container-small {
    max-width: 900px;
}
[class*=uk-position-bottom], [class*=uk-position-center], [class*=uk-position-left], [class*=uk-position-right], [class*=uk-position-top] {
    position: absolute !important;
}
.uk-position-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    max-width: 100%;
    box-sizing: border-box;
}
.uk-position-center-left {
    left: 0;
}
.uk-input, .uk-select {
    width: 100%;
    border: 1px solid #e5e5e5 !important;
    padding: 0 10px !important;
    height: 40px !important;
}
.uk-textarea {
    width: 100%;
    border: 1px solid #e5e5e5 !important;
    max-width: 100%;
    box-sizing: border-box;
    padding: 4px 10px !important;
}
.uk-margin-medium-top {
    margin-top: 40px !important;
}
.title36 {
    font-size: 36px;
    font-weight: bold;
}
.title30 {
    font-size: 30px;
    font-weight: bold;
}
.title22 {
    font-size: 22px;
    font-weight: bold;
}
.title24 {
    font-size: 24px;
    font-weight: bold;
}
.title20 {
    font-size: 20px;
    font-weight: bold;
}
.title16 {
    font-size: 16px;
    font-family: Open Sans Semibold;
}
.title28 {
    font-size: 28px;
    font-weight: bold;
}
.title18 {
    font-size: 18px;
    font-weight: bold;
}
.title14 {
    font-size: 14px;
    font-family: Open Sans Semibold;
}
.title40 {
    font-size: 40px;
    font-family: Open Sans Semibold;
}
.margleft15 {
    margin-left: 15px;
}
.margtop30 {
    margin-top: 30px;
}
.margbot60 {
    margin-bottom: 60px;
}
.marg0 {
    margin: 0 !important;
}
.rounded-10 {
    border-radius: 10px !important;
}
.colorgreen {
    color: #00947d !important;
}
.colorwhite {
    color: #fff !important;
}
div.commonbox {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
}
div.commonbox-border {
    border-radius: 10px;
    border: 1px solid #00947d;
    padding: 15px 20px;
    background-color: #00947d1a;
}
.commonbutton {
    border-radius: 50px;
    background-color: #00947d;
    padding: 10px 50px;
    color: #fff !important;
    transition: .2s ease;
}
.commonbutton.review {
    padding: 13px 45px;
}
.commonbutton:hover {
    background-color: #0B705D;
}
.login {
    background-color: #F5F7FA;
    /* padding-bottom: 130px; */
    padding: 50px 0;
}
.login .img_background {
    background-image: url("/themes/web/img/membership/background.webp");
    height: 70vh;
    background-position: center;
    background-size: cover;
}
.login .login_form {
    padding: 35px 50px 50px 50px;
    /* margin-top: -160px; */
}
.login .login_form .number {
    width: 26px;
    height: 26px;
    border-radius: 26px;
    background-color: #11967e;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}
.login .login_form .number.black {
    background-color: #697176;
}
.login .login_form .line {
    width: 15px;
    height: 1px;
    background-color: #000;
    margin: 0 5px;
}
.login .login_form .login_form_why {
    display: flex;
    gap: 20px;
}
.login .login_form .login_form_why .login_form_why_box {
    background-color: #f5f7fa;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding: 40px 20px;
}  
.login .login_form .uk-input,
.login .login_form .uk-select {
    margin-top: 5px;
    border: 1px solid #dfeaf2 !important;
    border-radius: 10px;
}
.login .login_form .uk-input:focus,
.login .login_form .uk-select:focus {
    border: 1px solid #1e87f0 !important;
}
.login .login_form input[type=checkbox] {
    width: 15px;
    height: 15px;
    border-radius: 5px;
    border: 1px solid #adb5bd;
    background-color: #fff;
}
.login label.control-label {
    font-family: Open Sans Semibold;
}
.login .login_form .login_form_avatar {
    width: 70px;
    height: 70px;
}
.feedback {
    background-color: #f4f4f4;
    padding-bottom: 20px;
}
.feedback .img_background {
    background-image: url("/themes/web/img/membership/banner.webp");
    height: 330px;
    background-position: center;
    background-size: cover;
}
.feedback .feedback_container {
    padding: 30px 40px;
    margin-top: -72px;
}
.feedback .feedback_form {
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    padding: 30px 35px 40px 35px;
}
.feedback .feedback_form_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    border-radius: 5px;
    background: #F7F7F7;
    margin-top: 10px;
}
.feedback .feedback_input {
    display: flex;
    align-items: center;
    position: relative;
    background-color: #F5F7FA;
    border-radius: 5px;
    overflow: hidden;
}
.feedback .feedback_input .uk-input,
.feedback .feedback_input .uk-textarea {
  background-color: transparent;
  padding-left: 40px !important;
  border-radius: 5px;
}
.feedback .feedback_input .uk-input:disabled, .feedback .feedback_input .uk-textarea:disabled {
    background-color: #f8f8f8;
}
.feedback .feedback_select {
    background-color: #FFF8E1;
    border: 1px solid #F6D979;
    padding: 15px 20px;
}
.emoji span,
.emoji-trip span,
.emoji-service span,
.emoji-guide span,
.emoji-driver span,
.emoji-restaurant span {
  cursor: pointer;
  padding: 5px;
  font-size: 30px
}
#modal_success .modal_success_content {
    padding: 50px 20px;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#modal_success .modal_success_content a:hover {
    color: #fff !important;
}
.overlay {
    width: 100%; 
    height: 100%;
    background-color: #00000080;
}
.toggle-password-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
}
/* End Membership */