body {
    margin: 0;
    padding: 0;
    background: #fff;
    color: #333333;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    line-height: 22px;
}

body::-webkit-scrollbar{width:10px}
body::-webkit-scrollbar-track{background:#999;border-radius:2px}
body::-webkit-scrollbar-thumb{background:#1EAA39;border-radius:10px}
body::-webkit-scrollbar-thumb:hover{background:#1EAA39}
body::-webkit-scrollbar-corner{background:#1EAA39}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    color: #232323;
}

h1 {
    font-size: 34px;
    font-weight: 700;
}

h2 {
    font-size: 32px;
    font-weight: 600;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
    font-weight: 500;
}

h6 {
    font-size: 15px;
}

h1, h2, h3, h4, h5, h6 {
    color: #333333;
}

a{color:#1EAA39;text-decoration:none;cursor: pointer;}
a:active,a:hover{outline:0;text-decoration:none;}
p {
    margin-top: 0;
    margin-bottom: 20px;
}

img {
    width: auto;
}
ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

.section {
    padding: 55px 0 75px 0;
}
/*===================
    sidebar
===================*/
#sidebar{z-index:99;position:fixed;bottom:100px;right:30px;width:70px}
#sidebar .icon-sidebar{display:inline-block;width:30px;height:30px;background:url(/images/sidebar.png?) no-repeat}
#sidebar .sidebar-message .icon-sidebar{background-position:1px 1px}
#sidebar .sidebar-message:hover .icon-sidebar{background-position:1px -29.2px}
#sidebar .sidebar-service .icon-sidebar{background-position:-30px 1px}
#sidebar .sidebar-service:hover .icon-sidebar{background-position:-30px -29.2px}
#sidebar .sidebar-mini .icon-sidebar{background-position:-60px 1px}
#sidebar .sidebar-mini:hover .icon-sidebar{background-position:-60px -29.2px}
#sidebar .sidebar-top .icon-sidebar{background-position:-92px 1px}
#sidebar .sidebar-top:hover .icon-sidebar{background-position:-92px -29.2px}
#sidebar ul.list{border:1px solid #eee;border-radius:5px;overflow:visible;background:#fff}
#sidebar ul.list>li{vertical-align:top;position:relative;width:68px;border-bottom:1px solid #1EAA39}
#sidebar ul.list>li.sidebar-message{border-top:0}
#sidebar ul.list>li.sidebar-message .msg-num{position:absolute;right:5px;top:5px;min-width:10px;height:18px;line-height:18px;padding:0 4px;border-radius:9px;background:#ff3b30;text-align:center;font-size:12px;color:#fff}
#sidebar ul.list>li.sidebar-top{display:none}
#sidebar ul.list>li a.sidebar-item-on{position:relative;display:block;padding:10px 0;text-align:center;color:#666}
#sidebar ul.list>li a.sidebar-item-on small{display:block;line-height:26px;font-size:12px}
#sidebar ul.list>li .slip{display:none;position:absolute;right:68px;bottom:0;padding:0 10px;overflow:hidden}
#sidebar .sidebar-item:hover .slip{display:block}
#sidebar .sidebar-item:hover a.sidebar-item-on{color:#1EAA39}
#sidebar ul.list>li .slip .panel{padding:5px 10px;border:1px solid #1EAA39;border-radius:6px;box-shadow:0 0 10px 0 rgba(0,0,0,.15);overflow:hidden;background-color:#fff}
#sidebar ul.list>li.sidebar-service .service-list li{padding:8px 0}
#sidebar ul.list>li.sidebar-service .service-list i{float:left;width:24px;height:24px;background:url(/images/service.png) no-repeat}
#sidebar ul.list>li.sidebar-service .service-list i.icon-qq{background-position:3px 2px}
#sidebar ul.list>li.sidebar-service .service-list i.icon-qq-group{background-position:-27px 2px}
#sidebar ul.list>li.sidebar-service .service-list i.icon-tel{background-position:-57px 2px}
#sidebar ul.list>li.sidebar-service .service-list span{display:block;margin:-5px 0 2px 30px;font-size:14px;color:#333}
#sidebar ul.list>li.sidebar-service .service-list a,#sidebar ul.list>li.sidebar-service .service-list small{display:block;margin:0 0 0 30px;font-size:14px;color:#888}
#sidebar ul.list>li.sidebar-mini .slip,#sidebar ul.list>li.sidebar-service .slip,#sidebar ul.list>li.sidebar-message .slip{width:182px}
#sidebar ul.list>li.sidebar-mini .slip .panel,#sidebar ul.list>li.sidebar-service .slip .panel,#sidebar ul.list>li.sidebar-message .slip .panel{padding:13px 12px}
#sidebar ul.list>li.sidebar-mini .slip .panel img,#sidebar ul.list>li.sidebar-message .slip .panel img{width:100%}
#sidebar ul.list>li.sidebar-mini .slip .panel span,#sidebar ul.list>li.sidebar-message .slip .panel span{display:block;line-height:24px;text-align:center;font-size:12px;color:#333}
#sidebar .admission{width:70px;height:70px;margin-bottom:10px;background:#333;box-shadow:0 0 10px 0 rgba(0,0,0,.15);border-radius:6px}
#sidebar .admission a{display:block;padding:11px 0}
#sidebar .admission a small{display:block;width:36px;margin:0 auto;font-size:18px;color:#fff}
/*===================
    preview
===================*/
a.preview-btns {
    background: #1EAA39;
    border: 0;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    position: relative;
    padding: 8px 20px;
    transition: all .3s;
    margin-top: 20px;
    margin-right: 10px;
    text-decoration:none;
}
a.preview-btns:hover {
    color: #fff;
    border-radius: 30px;
}
/*===================
    button
===================*/
.button {
    background: #1EAA39;
    border: 0;
    color: #fff;
    padding: 6px 14px 6px 14px;
    border-radius: 5px;
    font-size: 15px;
    position: relative;
    padding: 8px 20px;
    transition: all .3s;
    margin-top: 20px;
}

.button:hover {
    color: #fff;
    border-radius: 30px;
}
/*===================
    call action
===================*/
.call-action {
    padding: 30px 0 130px 0;
    text-align: center;
}

.call-action h2 {
    margin-bottom: 20px;
}

.call-action p {
    padding: 0 20%;
}

/*===================
    navbar
===================*/
.navbar {
    padding: 10px 0 10px 0;
}

.navbar .navbar-brand h1 {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.6em;
}

.navbar .nav-item {
    font-size: medium;
}

.navbar .nav-item:last-child a {
    padding-right: 0 !important;
}

.navbar .nav-link {
    font-weight: 500;
    font-size: 14px;
    color: #111;
    padding-left: 18px !important;
    padding-right: 18px !important;
}

.navbar .nav-link.dropdown-toggle i {
    margin-left: 12px;
    position: relative;
    top: 1px;
}

.navbar .dropdown-toggle::after {
    display: none;
}

.navbar .nav-item .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    margin-top: 0;
    padding: 8px 20px 8px 20px;
    background: #fff;
    border: 0;
    box-shadow: 0px 0px 20px 0px #DDDDDD;
    width: 220px;
    margin-top: 10px;
}

.navbar .nav-item:hover .nav-link {
    color: #1EAA39;
}

.navbar .dropdown-menu.fade-down {
    top: 80%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
}

.navbar .dropdown-menu.fade-up {
    top: 180%;
}

.navbar .nav-item:hover .dropdown-menu {
    transition: .3s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: rotateX(0deg);
}

.navbar .dropdown-menu li {
    padding: 5px 0 5px 0;
}

.navbar .dropdown-menu li a {
    font-weight: 500;
    font-size: 14px;
    color: #111;
}

.navbar .dropdown-menu li a:hover {
    text-decoration: none;
    color: #614CAA;
}


/*===================
    header pages
===================*/
.header-pages .pages-title {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 100px;
    background-image: url("/images/bg-header-pages.png?");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.header-pages .pages-title span {
    color: #1EAA39;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

.header-pages .pages-title h2 {
    font-size: 38px;
    font-weight: 700;
    margin-top: 16px;
}
.header-pages .container {
    text-align: center;
	}

.things{
    color: #1EAA39;
    font-size: 16px;
}
/*===================
    log
===================*/
.log {
    background-image: url("/images/bg.png?");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}

.log .entry {
    margin: 0px 20px 0px 20px;
    padding: 20px 20px 2px 20px;
    border-radius: 10px;
    text-align: center;
}
.point-time {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  top: 17px;
  left: 25%;
  background: #8DC21F;
  margin-left: -4px;
  border-radius: 50%;
  box-shadow: 0 0 0 5px #fff;
}
.point-bar{background-color: #1EAA39;}
.timeline-content article {
  position: relative;
  margin: 0 auto;
}
.timeline-content article > h3 {
  width: 20%;
  height: 20px;
  line-height: 20px;
  text-align: right;
  font-size: 1.4em;
  color: #333333;
  padding: 10px 0 20px;
}
.timeline-content article section {
  padding: 0 0 17px;
  position: relative;
}
.timeline-content article section:before {
  content: "";
  width: 5px;
  top: 17px;
  bottom: -17px;
  left: 25%;
  background: #333333;
  position: absolute;
}
.timeline-content article section:last-child:before {
  display: none;
}
.timeline-content article section time {
  width: 20%;
  display: block;
  position: absolute;
}
.timeline-content article section time > span {
  display: block;
  text-align: right;
}
.timeline-content article section aside {
  color: #333333;
  margin-left: 30%;
  padding-bottom: 15px;
}
.timeline-content article section .brief {
  color: #333333;
}



/*===================
    footer
===================*/
footer {
    text-align: center;
    background: #302C42;
    padding: 130px 29%;
    color: #ddd;
    line-height: 22px;
    font-weight: 400;
}

footer h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}

footer h6 {
    color: #DDDDDD;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

footer ul {
    margin-top: 22px;
    margin-bottom: 22px;
}

footer ul li {
    display: inline-block;
    margin: 0 7px;
}

footer ul li a{
    color: #bdbdbd;
}
footer ul li a:hover{
    color: #ddd;
}
/*===================
    responsive
===================*/
@media (max-width:767px) {
    .navbar-brand {
        margin-left: 15px;
    }

    .header-intro .entry-img {
        padding-top: 0;
    }


    .navbar .nav-item .dropdown-menu {
        display: none;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        margin-top: 0;
        padding: 8px 20px 8px 20px;
        background: #fff;
        border: 0;
        box-shadow: 0px 0px 20px 0px #DDDDDD;
        width: 220px;
        margin-top: 10px;
        margin-left: 20px;
    }

    .navbar .nav-item:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg);
        display: block;
    }

    .services .entry {
        margin: 0;
    }

    .about-us .entry img {
        padding-right: 0;
        padding-bottom: 55px;
    }

    .counter .entry {
        padding: 10px 0;
        margin-bottom: 30px;
    }

    .counter .col-md-4:last-child .entry {
        margin-bottom: 0;
    }


    .pricing .entry {
        margin-bottom: 30px;
        margin-left: 0;
        margin-right: 0;
    }

    .pricing .col-md-4:last-child .entry {
        margin-bottom: 0;
    }

    footer {
        padding: 130px 0;
    }

    .call-action p {
        padding: 0;
    }

}

@media (max-width:575px) {
    .container {
        width: 100%;
        padding-left: 30px !important;
        padding-right: 30px !important;
        margin-left: auto;
        margin-right: auto;
    }

    .counter .container {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: auto;
        margin-right: auto;
    }

    .navbar-brand {
        margin-left: 0;
    }

    .navbar-toggler {
        padding-right: 0;
    }

    .navbar .nav-link {
        padding-left: 2px !important;
    }

     .navbar .nav-item .dropdown-menu {
       margin-left: 0;
    }

}

.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}
 .navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}
 .navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}
 .navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}
 @media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}
 .navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}
 .navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}
 .navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
 .navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
 .navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}