#services .container div.content{padding-top:20px;}
header .container{
  width: 100% !important;
    height: auto;
    position: relative;
    overflow: visible;
    float: left;padding:0;}
.navbar-custom {
    background-color: #008d4c;
    border: medium none;
    padding: 0;
    transition: padding 0.3s ease 0s;
}.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
    margin-top: -8px;
}
 .navbar-nav{height:50px;}
 .navbar-collapse{height:50px;}
 @media (max-width: 768px) {
 .navbar-nav{height:auto;}
 .navbar-nav li{display:block;width:100% !important;}
  .navbar-nav li a{display:block;height:auto;width:100% !important;}
 .navbar-collapse{height:auto;}
}
 h2{font-size:18px;}
 h3{font-size:15px;}
 h4{font-size:13px;}
 .navbar-custom.affix{background-color:#399b26;padding:10px 0}
 .navbar-custom .nav li a,.navbar-custom .navbar-toggle{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;text-transform:uppercase}.navbar-custom .navbar-collapse{border-color:rgba(255,255,255,.02)}
.navbar-custom .navbar-toggle{background-color:#399b26;border-color:#399b26;font-size:12px}
.navbar-custom .navbar-toggle:focus,.navbar-custom .navbar-toggle:hover{background-color:#399b26}
.navbar-custom .nav li a{font-weight:400;letter-spacing:1px}
.navbar-custom .nav li a:focus,.navbar-custom .nav li a:hover{background-color:transparent;color:white;border:none;border-bottom:2px solid white;border-radius:0;height:50px;}
.navbar-custom .nav li ul li a:focus,.navbar-custom .nav li ul li a:hover{background-color:transparent;color:white;border:none;border-bottom:2px solid white;border-radius:0;height:35px;}
.navbar-custom .nav li ul li:last a{height:50px;}
.navbar-custom .navbar-nav>.active>a{background-color:transparent;color:white;border:none;border-bottom:2px solid white;border-radius:0;height:50px;}
.navbar-custom .navbar-nav>.active>a:focus,.navbar-custom .navbar-nav>.active>a:hover{background-color:transparent;color:white;border:none;border-bottom:2px solid white;}
.navbar-custom .navbar-nav > .active > a{clear:both;}
ul.navbar-nav li {float: left;height: auto;position: relative;width: auto;height:30px;}
ul.navbar-nav{float:left;}
ul.navbar-nav li{width:auto;position:relative;float:left;}
ul.navbar-nav li a{float:left;font-weight:700;height:40px;line-height:40px;color:#fff;margin:0;padding:0 19px;text-decoration:none;text-transform:uppercase;position:relative;width:auto}
ul.navbar-nav li:hover a{line-height:40px}
ul.navbar-nav li:hover ul a{background:none;border-top:0 solid #ffd401 !important;color:#000;font-weight:400;}
ul.navbar-nav li.active a{background:#fff none repeat scroll 0 0;border-top:2px solid #ffd401;color:#0095d6;line-height:40px}
ul.navbar-nav li ul.sub-menu{display:none}
ul.navbar-nav li:hover ul.sub-menu{width:230px;height:auto;position:absolute;background:#fff;top:40px;left:-1px;display:block;z-index:9999;padding:0;border:1px solid #dfdfdf;border-top:0;float:left}
section h3.section-subheading {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 25px;
    text-transform: none;
}
.owl-carousel .name-slide {
    width: 500px;
    height: auto;
    text-align: center;
    position: absolute;
    left: 120px;
    top: 80px;
    font-size: 33px;
    color: #399b26;
}

.owl-carousel .line-slide {
    width: 500px;
    height: 24px;
    text-align: center;
    position: absolute;
    left: 120px;
    top: 170px;
    background: url(../img/line.png) no-repeat center center;
    color: #399b26;
}

.owl-carousel .code-slide {
    width: 620px;
    height: auto;
    text-align: center;
    position: absolute;
    left: 70px;
    top: 200px;
    font-size: 14px;
    color: #399b26;
}

.slides {
    position: relative;
}

    .slides .avata-slide {
        width: 147px;
        height: 147px;
        border-radius: 147px;
        background: #ff5400;
        overflow: hidden;
        top: 75px;
        right: 150px;
        position: absolute;
    }


    .slides .btn-contact-us {
        width: 235px;
        height: 40px;
        line-height: 40px;
        border-radius: 147px;
        background: #0171bc;
        color: #399b26;
        text-transform: uppercase;
        overflow: hidden;
        text-decoration: none;
        padding-left: 20px;
        font-size: 14px;
        top: 210px;
        right: 102px;
        position: absolute;
    }

    .slides .btn-video-us {
        width: 76px;
        height: 40px;
        line-height: 40px;
        border-radius: 0px 147px 147px 0px;
        background: url(../img/video.png) no-repeat right top;
        color: #399b26;
        text-transform: uppercase;
        overflow: hidden;
        text-decoration: none;
        padding-left: 20px;
        font-size: 14px;
        top: 210px;
        right: 102px;
        position: absolute;
    }
    
@media screen and (min-width:20em) {
    .hide-for-xsmall {
        display: none !important;
    }
}

@media screen and (max-width:19.9375em) {
    .show-for-xsmall {
        display: none !important;
    }
}

@media screen and (min-width:20em)and (max-width:33.6875em) {
    .hide-for-xsmall-only {
        display: none !important;
    }
}

@media screen and (max-width:19.9375em),screen and (min-width:33.75em) {
    .show-for-xsmall-only {
        display: none !important;
    }
}

@media screen and (min-width:33.75em) {
    .hide-for-small {
        display: none !important;
    }
}

@media screen and (max-width:33.6875em) {
    .show-for-small {
        display: none !important;
    }
}

@media screen and (min-width:33.75em)and (max-width:47.9375em) {
    .hide-for-small-only {
        display: none !important;
    }
}

@media screen and (max-width:33.6875em),screen and (min-width:48em) {
    .show-for-small-only {
        display: none !important;
    }
}

@media screen and (min-width:48em) {
    .hide-for-medium {
        display: none !important;
    }
}

@media screen and (max-width:47.9375em) {
    .show-for-medium {
        display: none !important;
    }
}

@media screen and (min-width:48em)and (max-width:59.9375em) {
    .hide-for-medium-only {
        display: none !important;
    }
}

@media screen and (max-width:47.9375em),screen and (min-width:60em) {
    .show-for-medium-only {
        display: none !important;
    }
}

@media screen and (min-width:60em) {
    .hide-for-large {
        display: none !important;
    }
}

@media screen and (max-width:59.9375em) {
    .show-for-large {
        display: none !important;
    }
}

@media screen and (min-width:60em) {
    .hide-for-large-only {
        display: none !important;
    }
}

@media screen and (max-width:59.9375em) {
    .show-for-large-only {
        display: none !important;
    }
}

    .text-regular {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

h1, .text-heading1 {
    font-weight: 200;
    font-size: 30px;
    line-height: 1.18;
    margin: 0 0 12px;
}

h2, .text-heading2 {
    font-weight: 400;
    font-size: 22px;
    line-height: 1.17;
    margin: 0 0 12px;
}

h3, .text-heading3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    margin: 0 0 12px;
    position: relative;
}

h4, .text-heading4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.33;
    margin: 0 0 12px;
}

h5, .text-heading5 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 8px;
}

h6, .text-heading6 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 12px;
}

.text-super {
    font-weight: 170;
    font-size: 30px;
    line-height: 1.22;
    letter-spacing: -.01em;
    margin: 0 0 16px;
    padding-top:40px;
    color:#fff;
}
.large-centered{
    color:#fff;
}
.text-mini {
    font-size: 12px;
}

.text-micro {
    font-size: 10px;
}
.gbutton {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    background-color: white;
    border: 1px solid transparent;
    color: #fff !important;
    display: block;
    fill: #fff;
    font-size: 22px;
    font-weight: 300;
    padding: 5px 20px 8px;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
}

    .gbutton:hover {
        background-color: #c5a20b;
    }
    
.arrowLink {
    display: inline-block;
    position: relative;
    color: inherit;
}

    .arrowLink:after {
        content: '>';
        display: inline-block;
        line-height: 1.5;
        margin-left: .3em;
        position: absolute;
    }

    .arrowLink:hover {
        color: inherit;
    }

.text-super .arrowLink:after {
    line-height: 1.25;
}

h1 .arrowLink:after, h2 .arrowLink:after, h4 .arrowLink:after, .text-heading1 .arrowLink:after, .text-heading2 .arrowLink:after, .text-heading4 .arrowLink:after, h1.arrowLink:after, h2.arrowLink:after, h4.arrowLink:after, .text-heading1.arrowLink:after, .text-heading2.arrowLink:after, .text-heading4.arrowLink:after {
    line-height: 1.3;
}

h3 .arrowLink:after, .text-heading3 .arrowLink:after, h3.arrowLink:after, .text-heading3.arrowLink:after {
    line-height: 1.1;
}

h5 .arrowLink:after, .text-heading5 .arrowLink:after, h5.arrowLink:after, .text-heading5.arrowLink:after {
    line-height: 1.4;
}

h6 .arrowLink:after, .text-heading6 .arrowLink:after, .text-mini .arrowLink:after, h6.arrowLink:after, .text-heading6.arrowLink:after, .text-mini.arrowLink:after {
    line-height: 1.6;
}

.text-micro .arrowLink:after, .text-micro.arrowLink:after {
    line-height: 1.65;
}
.linkList {
    list-style-type: none;
    padding-left: 0;
}

    .linkList:after {
        clear: both;
        content: '';
        display: table;
    }

    .linkList li {
        margin-bottom: 10px;
    }

    .linkList.text-mini li, .linkList.text-micro li {
        margin-bottom: 5px;
    }

    .homeslidebg{
    width:0;
         -webkit-transition: all 11s ease-in-out;
    transition: all 11s ease-in-out;
    width:100%;max-width: 650px !important;
    }
    .section-app-devices{min-height: 400px;
    }
    .hero-feature .caption h4{background-color:#008d4c;margin: -14px -14px 0 -14px;
border-radius: 5px 5px 0 0;padding-top:10px;
color: #fff;
}
.tpprice{font-size:12px;}
.gbutton{color:#008d4c !important;font-weight:bold;background-color:#fff;border-radius:45px;display:inline-block;line-height:63px;padding:0 25px;outline:none;-webkit-transition:all 150ms ease;-moz-transition:all 150ms ease;transition:all 150ms ease;-webkit-transition-property:background-color border-color color;-moz-transition-property:background-color border-color color;transition-property:background-color border-color color;-webkit-user-select:none;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s;white-space:nowrap;font-size:16px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.gbutton:before{content:"";border-radius:45px;position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#7fc142;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.gbutton:hover,.gbutton:focus,.gbutton:active{color:#fff;text-decoration:none;}
.gbutton:hover:before,.gbutton:focus:before,
.gbutton:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);}
.gbutton:hover{background-color:transparent;text-decoration:none;}
.tbltuyendung{border-collapse:collapse;border:1px solid #a59f9f;}
.tbltuyendung td{padding:10px;}
.tbltuyendung th{text-align:center;color:white;background-color:#008d4c;}
.list-inline > li{display:block;}
.recruit_item{display: table;border-bottom: 1px solid #008d4c;margin-bottom: 20px;width: 100%;}
.hidden{display:none;}
.recruit_item .recruit_item_img{float:left;width:20%;min-height:150px;}
.recruit_item .recruit_item_img img{max-height:150px;max-width:97%;border:1px solid #ccc;padding:2px;}
.recruit_item .recruit_item_right{float:left;width:78%;min-height:150px;}
.gotableprice{width:100%;border:1px solid #008d4c;}
.gotableprice h3{text-align:left;vertical-align:middle;}
.gotableprice .gcname{text-align:left;width:200px;}
.gotableprice th{text-align:center;background-color:#008d4c;line-height:40px;color:white;font-weight:bold;vertical-align:middle;}
.gotableprice .gcproduct{text-align:center;}
.gotableprice td{border-bottom:1px solid #008d4c;line-height:30px;vertical-align:middle;}
section h2.section-heading {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 15px;
    color: #399b26;
}
footer,section,header{position:relative;}
#helpcontent {max-width: calc(100vw - 300px) !important}
#helpcontent img{max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;}
footer{width:100%;padding: 25px 0;
text-align: center;}h2, .text-heading2 {
    font-weight: 400;
    font-size: 22px;
    line-height: 1.17;
    margin: 0 0 12px;
    width: 100%;
}.row{display:block;}
body{overflow-x: hidden;}
.header-area .main-header-area .main-menu ul li .submenu {border: 2px solid rgba(38, 32, 32, 0.05);border-radius: 4px;}
.text-primary {
  color: green;
}