.front-end{background: #fff}
.top{padding-top: 10px; padding-bottom: 10px}
.top .left{float: left}
.top .left img{max-height: 20px; margin-left: 10px}
.top .right{float: right; text-align: right; color:red}
.front-menu{padding-top: 10px; padding-bottom: 10px}
.front-menu .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color: #fff}
.front-menu .navbar-inverse{background: #fff; border-color: #fff}
.front-menu .container-fluid{padding-right: 0px}
.front-menu .navbar-inverse .navbar-nav>li:last-child>a{padding-right: 0px}
.navbar-nav>li>a{ffont-size: 1.2em; text-transform: uppercase}
.navbar-inverse .navbar-nav>li>a{color: #333; padding: 5px 9px;border-bottom: 3px solid #fff; font-size: 12px}
.navbar-inverse .navbar-nav>li>a:hover{border-bottom: 3px solid #01904a}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{background: #fff; border: none; color: #01904a;border-bottom: 3px solid #01904a}
.navbar-inverse .navbar-collapse{padding-right: 0px; background: #fff}
.navbar-right{padding-top: 10px}
.navbar-inverse .navbar-brand{padding: 0px}
.front-menu .navbar-nav{margin: 0px}
.front-menu .menu-logo{max-width: 70px}
.home-slider{padding: 20px 0px}
.home-slider .carousel{float: left; width: 65%}
.home-slider .right{float: right; width: 33%}
.carousel-inner,.carousel{border-radius: 0px}
.carousel .carousel-control{width: 15% !important;}

.home-slider .right .login-form{width:100%;margin: 0px auto;box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px 0px;border-radius: 5px;background: #fff}
.home-slider .right .login-form{padding: 10px 25px 15px 25px;border-radius: 0px 5px 5px 0px}
.home-slider .right .nav-tabs{border-bottom: none}
.home-slider .right .tab-content{padding-top: 15px}
.home-slider .right .nav-tabs>li{width: 50%; text-align: center}
.home-slider .right .nav-tabs>li>a{border: none; color: #4d4d4d; cursor: pointer;padding: 5px 25px}
.home-slider .right .nav-tabs>li>a:hover{color: #008848; background: none; border: none}
.home-slider .right .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border: none; cursor: pointer;background-color: #008848; color: rgb(255, 255, 255); border-radius: 15px}
.home-slider .right .form-horizontal .form-group{margin-left: 0px; margin-right: 0px}
.home-slider .right .btn{width: 100%}
.home-slider .right .btn-default{background-color: #008848;border-color: #008848;color: #fff;transition: all .3s cubic-bezier(.645,.045,.355,1);padding: 10px; text-align: center}
.home-slider .right .btn-default:hover{background-color: #008848;border-color: #008848; color: #fff}
.home-slider .right img{max-width: 100%}
.home-slider .right .error{text-align: center; color: red; padding: 0px; margin: 0px; font-weight: bold; min-height: 25px}
.home-slider .right .error-login{margin-top: 10px}
.home-slider .right .forget{ margin-top: 5px; text-align: right; font-weight: bold; margin-bottom: 15px}
.login-form .div-btn{text-align: center; margin-bottom: 5px}
.login-form .regis .form-control{height: 30px; padding: 3px 10px}
.login-form .regis .form-group{margin-bottom: 4px}
.login-form .regis .form-group label{margin-bottom: 0px}
.login-form .regis .error{margin-bottom: 0px}
.section-title{font-weight: 400; font-size: 2em; margin-bottom: 5px}
.you-know{text-align: center; padding-top: 70px; margin: 0 auto; max-width: 300px}
.title-my-service{font-size: 1.2em; font-weight: bold; padding-left: 30px; padding-right: 30px}
.number-guest{margin-top: 30px; font-size: 2em; font-weight: bold}
.btn-regis{width: 100%; text-align: center; background: #008848; color: #fff; border-radius: 0px; margin-top: 10px}
.btn-regis:hover{color: #fff; background: #01904a}
.icon-fun{padding-top: 10px; padding-bottom: 10px}
.icon-fun img{max-width: 80px}
.icon-fun td{padding-top: 10px;vertical-align: middle}
.icon-fun .one{color: #008848; text-transform: uppercase; font-size: 1.8em; margin-bottom: 5px}
.icon-fun .two{color: #958686; font-style: italic; font-size: 1.2em}
.div-method .item{border-right: 2px dotted #fff; text-align: center;padding:20px 25px; float: left; width: 20%}
.div-method .item .one{color: #008848; font-size: 1.1em; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px}
.div-method .item img{max-width: 50px}
.blog .item{margin-top: 10px; margin-bottom: 10px}
.blog .item p{margin-bottom: 0px}
.blog .item .one{color: #008848}
.blog .item .two{font-size: .9em; font-style: italic}
.blog .item .three{color: #666}
.blog .item .ford{color: #008848; text-align: right; font-style: italic}
.div-partner{padding-top: 5px; padding-bottom: 20px}
.front-footer{padding-top: 20px; color: #fff; border-top: 2px solid #fff}
.front-footer .name{text-transform: uppercase; font-weight: bold}
.front-footer p{margin-bottom: 0px}
.front-footer .right{text-align: right}
.login-logo{text-align: center; margin-bottom: 10px}
.show-blog{margin-left: -1%; margin-right: -1%}
.show-blog .item{margin: 1%; float: left; width: 23%}
.show-blog .item .title{height: 3em; overflow-y: hidden; font-weight: bold}
.date{text-align: right; font-size: .8em; font-style: italic}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background: none}
.navbar-inverse .navbar-toggle .icon-bar{background: #999; width: 24px; height: 3px}
.navbar-inverse .navbar-toggle{border: none; margin: 8px 0px 8px 8px}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{color: #008848}

.page-content{padding: 30px 0px; min-height: 310px}

.my-breadcrumbs {
    margin-left: -40px;
}
.my-breadcrumbs ul li {
    list-style: none;
    display: block;
}
.my-breadcrumbs ul li a {
    display: block;
    float: left;
    line-height: 40px;
    background: #056638;
    text-align: center;
    position: relative;
    padding-left: 10px;
    margin: 0 25px 0 0px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
}
.my-breadcrumbs ul li:first-child a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 1px;
}
.my-breadcrumbs ul li a:after {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #056638;
    position: absolute;
    right: -20px;
    top: 0;
}
.my-breadcrumbs ul li a:before {
    content: "";
    position: absolute;
    margin-top: 0px;
    border-width: 20px 0 20px 20px;
    border-style: solid;
    border-color: #056638 #056638 #056638 transparent;
    left: -20px;
}
.my-breadcrumbs ul li:first-child a:before {
    display: none;
}
.my-breadcrumbs ul li a.active {
    background: #008848;
}
.my-breadcrumbs ul li a.active:before {
    content: "";
    position: absolute;
    margin-top: 0px;
    border-width: 20px 0 20px 20px;
    border-style: solid;
    border-color: #008848 #008848 #008848 transparent;
    left: -20px;
}
.my-breadcrumbs ul li a.active:after {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #008848;
    position: absolute;
    right: -20px;
    top: 0;
}
.my-breadcrumbs ul li a:hover::after {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #008848;
    position: absolute;
    right: -20px;
    top: 0;
    transition: 0.4s ease-in-out;
}
.my-breadcrumbs ul li a:hover::before {
    content: "";
    position: absolute;
    margin-top: 0px;
    border-width: 20px 0 20px 20px;
    border-style: solid;
    border-color: #008848 #008848 #008848 transparent;
    left: -20px;
    transition: 0.4s ease-in-out;
}
.my-breadcrumbs ul li a:hover {
    background: #008848;
    transition: 0.4s ease-in-out;
}
.front-service{text-align: center; margin-top: 30px}
.front-service .btn{border-radius: 0px; font-size: 1.3em; text-transform: uppercase; font-weight: bold; margin-bottom: 15px}
.front-menu .navbar-brand .left{float: left}
.front-menu .navbar-brand .right{float: left; margin-left: 7px; color: #333}
.front-menu .navbar-brand .right:hover{color: #333}
.front-menu .navbar-brand .right p{font-size: .7em; margin-bottom: 0px; font-weight: bold; line-height: 1.35em}

@media (max-width:1024px){
    .login-logo{display: none}
    .div-method .item{padding: 10px}
    .front-footer .left{width: 100%; margin-bottom: 15px}
    .front-footer .right{width: 100%; text-align: left}
    .front-service .btn{font-size: 1em}
}

@media only screen and (min-width:768px) and (max-width:991px){
    .home-slider .right .login-form{padding: 13px}
    .home-slider .right .nav-tabs>li>a{padding: 5px}
    .home-slider .right .tab-content{padding-top: 15px}
    .home-slider .form-control{padding: 4px 10px; height: 30px}
    .home-slider .form-group{margin-bottom: 10px}
    .home-slider .right .btn-default{padding: 7px}
    .home-slider .right .forget{margin-top: 11px}
    .home-slider .carousel{width: 68%}
    .home-slider .right{width: 30%}
    .icon-fun .one{font-size: 1.2em}
    .navbar-inverse .navbar-nav>li>a{padding-left: 8px; padding-right: 8px}
    .front-menu .navbar-brand .right{display: none}
}
@media (max-width:767px){
    .section-title, .number-guest{font-size: 1.5em}
    .home-slider .carousel{width: 100%; margin-bottom: 20px}
    .home-slider .form{width: 100%}
    .home-slider .right .nav-tabs>li>a{padding: 10px}
    .home-slider .right .tab-content{padding-top: 15px}
    .you-know{margin-bottom: 10px; padding-top: 10px}
    .icon-fun .one, .icon-fun .two, .title-my-service{font-size: 1em}
    .icon-fun img{width: 60px; margin-right: 10px}
    .div-method .item{width: 100%}
    .div-method .item .left{width: 20%; float: left}
    .div-method .item .right{width: 78%; float: right; text-align: left}
    .div-method .item .one{padding-top: 0px; padding-bottom: 3px}
    .top .left img{margin-left: 0px}
    p{line-height: 1.3em}
}
@media only screen and (min-width:650px) and (max-width:767px){
    .div-method .item .left{width: 10%}
    .div-method .item .right{width: 88%}
    .show-blog .item{width: 31.33%}
}
@media only screen and (min-width:350px) and (max-width:649px){
    .show-blog .item{width: 48%}
}
@media (max-width:349px){
    .show-blog .item{width: 98%}
}