/*set font*/
html,body{font-family:"Roboto",Arial,sans-serif;font-size:15px;line-height:1.5}
h1,h2,h3,h4,h5,h6{font-family:"Lobster",Arial,sans-serif;font-weight:400;margin:10px 0}
.ds-p-text p, .ds-p-text ul, .ds-p-text ul li,.ds-p-text label{font-size:16px;color:#3c414e} /* use news, large info #3c414e*/
/*ui checkbox*/
.ui-widget {font-family:"Roboto",Arial,sans-serif;font-size:16px;line-height:1.5;}


/*set color*/
.w3-theme-l5 {color:#000 !important; background-color:#f4faf4 !important}
.w3-theme-l4 {color:#000 !important; background-color:#dbefdc !important}
.w3-theme-l3 {color:#000 !important; background-color:#b7dfb8 !important}
.w3-theme-l2 {color:#000 !important; background-color:#93cf95 !important}
.w3-theme-l1 {color:#fff !important; background-color:#6ec071 !important}
.w3-theme-d1 {color:#fff !important; background-color:#459c48 !important}
.w3-theme-d2 {color:#fff !important; background-color:#3d8b40 !important}
.w3-theme-d3 {color:#fff !important; background-color:#357a38 !important}
.w3-theme-d4 {color:#fff !important; background-color:#2e6830 !important}
.w3-theme-d5 {color:#fff !important; background-color:#265728 !important}

.w3-theme-light {color:#000 !important; background-color:#f4faf4 !important}
.w3-theme-dark {color:#fff !important; background-color:#265728 !important}
.w3-theme-action {color:#fff !important; background-color:#265728 !important}

.w3-theme {color:#fff !important; background-color:#4caf50 !important}
.w3-text-theme, .w3-label {color:#4caf50 !important}
.w3-border-theme {border-color:#4caf50 !important}

.w3-gradient-theme {background-color: #4CAF50;background-image: linear-gradient(82deg, #4CAF50 0%, #6ec071 100%);}

.w3-hover-theme:hover {color:#fff !important; background-color:#4caf50 !important}
.w3-hover-theme-l1:hover {color:#fff !important; background-color:#6ec071 !important}
.w3-hover-text-theme:hover {color:#4caf50 !important}
.w3-hover-border-theme:hover {border-color:#4caf50 !important}

.w3-navbar li:hover {background-color:transparent !important;}
.w3-navbar a {padding-top:12px !important;padding-bottom:12px !important;}
.w3-navbar a:hover {border-bottom: 2px !important;color:#4caf50 !important;background-color:transparent !important}
.w3-navbar .logo a {padding:10px 0 5px 0 !important;}
.w3-navbar .w3-dropdown-content a {padding-top:6px !important;padding-bottom:6px !important;}
.w3-navbar .mainmenu {padding:8px 16px;cursor: pointer;}

.w3-sidebar a:hover {color:white;background-color:#4caf50 !important;}
.w3-sidebar .w3-accordion-content a {padding-left:24px; !important;}
.w3-sidebar .w3-accordion-content a:hover {background-color:#93cf95 !important;}
.w3-sidebar .w3-socialicon {border-top:1px solid #4caf50 !important}
.w3-sidebar .w3-socialicon a {padding: 10px 12px}
.w3-sidebar .w3-socialicon a:hover {background-color:transparent !important}

footer a, .w3-group a {text-decoration:none!important}
footer a:hover,footer .w3-ul li:hover, .w3-group a:hover {text-decoration:underline!important;cursor: pointer;}
footer .w3-ul li{padding:8px 16px;border-bottom:0px}

@media (max-width:400px){.searchinput {width:140px}}

/*home-card */
.ds-home-card {cursor:pointer;min-height:300px;border-radius:15px;}
.ds-home-card:hover .fa,.home-card:hover h3{color:#fff !important}
.ds-home-card:hover .w3-btn{color:#2F2E2E !important;background-color:#fff !important}
.ds-home-card:hover .w3-btn .fa{color:#2F2E2E !important}

/*menu animation*/
.menuicon1, .menuicon2, .menuicon3 {
    width: 30px;
    height: 4px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}
.change .menuicon1 {-webkit-transform: rotate(-45deg) translate(-6px, 6px);transform: rotate(-45deg) translate(-6px, 6px) ;}
.change .menuicon2 {opacity: 0;}
.change .menuicon3 {-webkit-transform: rotate(45deg) translate(-8px, -8px) ;transform: rotate(45deg) translate(-8px, -8px);}

.google-map {
    background: #E5E3DF;
    height: 400px;
    width: 100%;
}

.captcha {
    clear: both;
    overflow: hidden;
    background: #F2F2F2;
    text-align: center;
    max-width: 160px;
    position: relative;
}

.captcha-refresh {
    position: absolute;
    z-index: 1;
    bottom: 2px;
    right: 2px;
}

/*ui checkbox*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #6ec071;
    background: #6ec071;
    font-weight: normal;
    color: #fff;
}
.ui-visual-focus{box-shadow: 0 0 3px 1px #6ec071}

/*ui sortable sort picture branch news tour info*/
  #sortable { list-style-type: none; margin: 0; padding: 0; max-height: 350px; overflow: auto; }
  #sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 140px; height: 100px; font-size: 4em; text-align: center; }