@charset "utf-8";
*{margin: 0;padding: 0;outline: 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-mos-box-sizing: border-box;}
ul li{list-style: none;}a,ins{text-decoration: none;color: #070C08}
.clr{clear: both}
img{max-width: 100%}
a {color: #323e35}
.float-with{float: left;width: 100%}
.float-left{float: left}
.float-right{float: right}
input{height: 32px;line-height: 32px;width: 100%;padding: 0 10px}
.btn{padding: 10px 20px;min-width: 150px;cursor: pointer}
a.btn{display: inline-block;background-color: #CCCCCC;}
.row{margin: 10px 0}
.errors, .invalid-feedback{color: #f44336;font-size: 12px}
.is-invalid{border: 1px solid #f44336}
body {font-family: 'Montserrat',Tahoma,Arial,Sans-serif;font-size: 13px;color: #333333;line-height: 25px;margin: 0;padding: 0;font-weight: 400;}
.container{width: 1260px;margin: auto;padding: 0 15px;max-width: 100%;}
ul.nav-menu-main li{display: inline-block}
ul.nav-menu-main li a{display: block;padding: 10px}
.mask{background: #000;opacity: .2;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1001;transition: opacity .3s;display: none}
.mask-bg{position: fixed;height: 100%;top: 0;left: 0;z-index: 1002;display: none;width: 100%;max-width: 400px;margin: auto;left:0;right:0}
#dialog-msg{z-index: 1003;position: relative;width: 100%;margin: auto;height: 100%}
#close{position: absolute;right: 10px;top: 10px;font-weight: bold;cursor: pointer;color: #9e9e9e;font-size: 18px}
#dialog-msg-body{background-color: #fff;color: #000;padding: 10px;position: absolute;top: 50%;width: 100%;transform: translateY(-50%);min-height: 180px;border-radius: 4px}
#dialog-footer{text-align: right;border-top: solid 1px #CCCCCC;padding-top: 10px}
#dialog-header{color: #000;text-align: center;padding: 50px}
#dialog-footer .btn{min-width: inherit}

/*============= pagination =============== */

.pagination{text-align: center;margin: 20px 0}
.pagination li{display: inline-block;margin: 0 3px}
.pagination li a, .pagination li span{display: block;border: solid 2px #000;color: #000;text-align: center;padding: 4px 0;width: 32px;border-radius: 100%;font-weight: bold}
.pagination li span, .pagination li a:hover{background-color: #1ebcf7;color: #fff;border-color: #1ebcf7}

/*============= form contact =============== */

#form_nhantin input[type='text'], #form_nhantin textarea{border: 2px solid #f3f1f2;padding: 0 20px;height: 48px;line-height: 48px;width: 100%;font-size: 14px;}
#form_nhantin textarea{height: 100px}
#form_nhantin input[type='submit']{background-color: transparent;border: solid 2px #046938;text-align: center;font-weight: bold;height: 42px;color: #046938;border-radius: 30px;text-transform: uppercase;cursor: pointer;width: 145px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
#form_nhantin .row{float: left;width: 100%;margin-bottom: 20px}
#form_nhantin label{color: #575757;font-size: 15px;float: left;width: 100%}
#form_nhantin input::placeholder{ color: #333;}
#form_nhantin input:-ms-input-placeholder{ color: #333;}
#form_nhantin input::-ms-input-placeholder{ color: #333;}
#form_nhantin textarea::placeholder{ color: #333;}
#form_nhantin textarea:-ms-input-placeholder{color: #333;}
#form_nhantin textarea::-ms-input-placeholder{color: #333;}
.error-ajax{color: red;}
#form_nhantin input[type="submit"]:hover{border: solid 2px #DFA926;color: #DFA926;}

/*============= menu mobile =============== */

.navbar-toggle {position: absolute;padding: 0;margin-right: 0;margin-bottom: 0;background-color: transparent;background-image: none;cursor: pointer;display: none;left: 15px;top: 26px;border: 0;}
.navbar-toggle .icon-bar {display: block;width: 28px;height: 3px;background-color: #046938}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 6px}

#mainNav{padding-top: 42px;}
.navbar li {display: inline-block;position: relative;color: #848b8e;}
.navbar li:last-child{padding-right: 0;}
.navbar li:last-child a{margin-right: 0;}
.navbar li:first-child{padding-left: 0;}
.navbar li:first-child a{margin-left: 0;}
.navbar li a{display: block;margin: 0 20px;text-transform: uppercase;font-weight: 700;font-size: 14px;line-height: 100%;}
.navbar li a:hover{color: #DFA926;}
.navbar li a.active{color: #046938;}

#mainSlider img{display: block;}
#mainSlider #owl-main .owl-controls{z-index: 99;}
#mainSlider #owl-main{position: relative;}
#mainSlider .owl-pagination .owl-page span{background-color: #000 !important;border-radius: 50% !important;width: 20px !important;height: 20px !important;margin: 0 10px !important}
#mainSlider .owl-pagination .owl-page.active span{background-color: #046938 !important;}

.nam-global{text-transform: uppercase;text-align: center;font-weight: bold;font-size: 30px;padding: 60px 0;}

#about-us{text-align: justify;font-size: 13px}
#about-us strong{text-transform: uppercase;}
#about-us .float-left{width: 42%;}
#about-us .float-right{width: 58%;padding-left: 20px;}
.cer{margin-top: 40px;}
#product{background-color: #f1edec;}
.margin-60{padding-bottom: 60px;}
#footer{background-color: #212121;margin-top: 30px;}
.copyright{color: #fff;text-align: center;padding: 40px 0;}

.thum-pic {overflow: hidden;position: relative;}
.thum-pic::before {content: "";display: block;padding-top: 71%;}
.thum-pic .cover {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;overflow: hidden;}
.thum-pic img {width: 100%;max-width: 100%;height: auto;}

.row-fix{margin-left: -30px;margin-right: -30px;}
.list-product li a{display: block;}
.list-product li{float: left;width: 21%;margin-bottom: 60px;text-align: center;}
.list-product.list-news li{width: 30%;}
.list-product li .name{font-size: 16px;text-transform: uppercase;margin-top: 24px;font-weight: 500;}
#news .des{text-align: center;font-size: 14px;}

.list-product li a:hover .name{color: #046938;}

.list-news .thum-pic::before{padding-top: 66%;}
.list-news li{text-align: left;}
.list-news li a{background-color: #f7f6f4;}
.list-news li a:hover .name{color: #DFA926 !important;}
.list-news .bottom{text-align: left !important;padding: 20px;font-size: 14px;}
.list-news .bottom .name{font-size: 20px;margin-top: 0;color: #000;text-transform: none;height: 50px;overflow: hidden;}
.list-news .bottom .time{color: #000;margin: 18px 0 20px 0;}
.list-news .bottom .summary{font-weight: 500;max-height: 125px;overflow: hidden;}
.list-product.list-news li{margin-bottom: 0;margin-top: 60px;}
.viewmore{text-align: center;margin-top: 30px;margin-bottom: 10px;}
.viewmore span{display: inline-block;padding: 10px 28px;background-color: #046938;text-transform: uppercase;color: #fff;border-radius: 30px;font-weight: 500;font-size: 13px;}
.viewmore span:hover{background-color: #DFA926;}

#contact-us .float-left{width: 39%;}
#contact-us .float-right{width: 40%;}
#contact-us .float-left .adress{font-size: 14px;margin-bottom: 50px;padding-left: 120px;}
#contact-us .float-left .adress .name{font-size: 20px;margin-bottom: 15px;font-weight: 500;}
#contact-us .float-left .adress .des{opacity: 0.7;font-weight: 500;}
.disabled {pointer-events: none;cursor: default;}
.header{top: 0;right: 0;left: 0;z-index: 100;width: 100%;background-color: #fff;}
#contact-us .float-left .adress{position: relative;}
.icon-contact{position: absolute;left: 0; top: 0;width: 70px;height: 70px; border-radius: 50%;border: solid 2px #046938;}
.icon-contact.icon-phone{background: url('../img/icon-011-s.png') no-repeat center center;background-size: 50%;}
.icon-contact.icon-office{background: url('../img/icon-022-s.png') no-repeat center center;background-size: 50%;}
.icon-contact.icon-factory{background: url('../img/icon-033-s.png') no-repeat center center;background-size: 50%;}

.header.fixed-top{position: fixed;top: 0;right: 0;left: 0;z-index: 100;width: 100%;box-shadow: 0 0 4px #b6b6b6;animation: stuckMoveDown .6s;background-color: #fff;}
@keyframes stuckMoveDown{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}
.header.fixed-top #logo{padding: 10px 0;}
.header.fixed-top #logo img{height: 40px;}
.header.fixed-top #mainNav{padding-top: 18px;}
.detail-content{font-size: 16px;line-height: 30px;font-weight: 500;margin-top: 60px;min-height: 500px;}
.detail-content p{margin: 15px 0;}
.detail-content img{max-width: 100% !important;height: auto !important;}
.slide-category .name{font-size: 80px;text-align: center;text-transform: uppercase;font-weight: 700;color: #fff;padding: 260px 0;line-height: 100%;}
.detail-content h1{font-size: 16px;line-height: 30px;margin-bottom: 15px;}
.detail-news{margin-top: 30px;}
.menu-gallery ul{text-align: center;margin: 30px 0;}
.menu-gallery ul li{display: inline-block;padding: 0 30px;}
.menu-gallery ul li a{font-size: 14px;font-weight: 700;text-transform: uppercase;}
.menu-gallery ul li a.active{color: #046938;}
.menu-gallery ul li a:hover{color: #DFA926;}
.menu-gallery ul li:first-child{padding-left: 0;}
.menu-gallery ul li:last-child{padding-right: 0;}
.list-galleryss li{float: left;width: 30%;margin-top: 24px;}
.list-galleryss .thum-pic::before{padding-top: 58%;}
.cer a,.cer span{display: inline-block;padding: 10px 60px 10px 20px;color: #046938;border-radius: 30px;margin-right: 20px;font-weight: bold;position: relative;margin-bottom: 10px;border: solid 2px #046938}
.cer a:hover{border: solid 2px #DFA926;color: #DFA926;}
.icon-down,.cer span:hover{background: url(../img/downloads.png) no-repeat right center;width:25px;height: 25px;display: inline-block;margin-left: 10px;position: absolute;right: 20px;background-size: cover;}
.cer a:hover .icon-down{background-image: url('../img/downloads-hover.png');}
.updown-fsc {margin-top: 10px;display: none;}
.updown-fsc li{margin: 5px 0}
.updown-fsc li a{font-weight: bold;color: #046938}
.updown-fsc li a:hover{color: #DFA926}
.mobies{display: none;padding-right: 0;}
.mobies .logo-mb a{height: 28px;display: inline-block;background: url(../img/log-hoz.png) no-repeat center center;width: 100%;background-size:  auto 100%;}
.fancybox-close{z-index: 100000 !important;right: 0 !important; top: 0 !important;background: url('../img/close.png') no-repeat center center !important;background-size: cover !important;width: 26px !important;height: 26px !important;}
.fancybox-skin{border-radius: 8px !important}
.flex-box{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;width: 100%;flex-wrap: wrap;justify-content: space-between;}
#logo{padding: 30px 0;}
#logo img{height: 50px;display: block;}
.nam-global.space30 {padding: 60px 0 10px 0;}
@media only screen and (min-width: 900px) and (max-width: 1000px) {
    .navbar li a{margin: 0 15px;}
    #logo img{height: 40px;}
    #mainNav{padding-top: 35px;}
}

@media only screen and (min-width: 800px) and (max-width: 850px) {
    .navbar li a{margin: 0 10px;}
    .row-fix{margin-left: -12px;margin-right: -12px;}
    #logo img{height: 35px;}
    .header.fixed-top #logo img{height: 35px;}
    #mainNav {padding-top: 34px;}
    .header.fixed-top #mainNav{padding-top: 14px;}
}
@media only screen and (max-width: 799px) {
    .container{width: 100%}
    .float-left, .float-right{width: 100% !important}
    .navbar-toggle {display: block}
    .navbar{display: none;}
    .navbar li{display: block;width: 100%;border-bottom: solid 1px #f8f8f8;}
    .navbar li:last-child{padding-right: 0;border: 0;}
    .navbar li a{margin: 0;padding: 10px 15px;}
    .navbar li a.active,.navbar li a:hover{border: 0;background-color: #f5f5f5;}
    .header .container{padding: 0;}
    
    #logo{text-align: center;padding: 20px 0 15px 0;}
    #logo img{height: 35px;display: inline-block;}
    .header.fixed-top #logo{padding: 10px 0 5px 0;}
    .header.fixed-top #logo img{height: 35px;}
    .header.fixed-top .navbar-toggle{top: 16px;}
    
    .nam-global{padding: 30px 0;}
    .margin-60{padding-bottom: 30px;}
    .nam-global.space30{padding: 30px 0 0 0;}
    .list-product.list-news li{margin-top: 30px;}
    .list-product li{margin-bottom: 30px;}
    
    #about-us .float-right{padding-left: 0;}
    #mainNav{padding-top: 0;}
    .list-product li, .list-galleryss li, .list-product.list-news li{width: 47%;}
    .slide-category .name{font-size: 30px;padding: 100px 0;}
    .header.fixed-top #mainNav{padding-top: 0;}
    .menu-gallery ul{margin: 30px 0 8px 0;}
    .menu-gallery ul li{padding: 0 20px;}
    #contact-us .float-left .adress{padding-left: 100px;}
    
    .row-fix{margin-left: -12px;margin-right: -12px;}
    .mobies{display: block;}
    .laptops{display: none;}
    .copyright span{display: block;}
    #mainSlider .owl-pagination .owl-page span{width: 18px !important;height: 18px !important;}
    
    .cer a{margin-bottom: 0;}
    .cer a.dowloadsfsc{margin-bottom: 20px;}
    #about-us{text-align: left;}
}
@media only screen and (min-width: 726px) and (max-width: 799px) {
}
@media only screen and (min-width: 610px) and (max-width: 725px) {
}
@media only screen and (min-width: 480px) and (max-width: 609px) {
}
@media only screen and (max-width: 479px) {
    .list-product li, .list-galleryss li, .list-product.list-news li{width: 100%;}
}
@media only screen and (min-width: 360px) and (max-width: 479px) {
}
@media only screen and (min-width: 320px) and (max-width: 359px) {
}
@media only screen and (max-width: 319px) {
    #logo img{height: 26px;}
    .header.fixed-top #logo img{height: 26px;}
    .navbar-toggle{top: 23px;}
    .navbar-toggle .icon-bar{width: 26px;}
    .header.fixed-top .navbar-toggle{top: 13px;}
}