@font-face{font-family:"SFUHelvetica";src:url("../fonts/SFUHelveticaLight_0.TTF") format("truetype");font-weight:200;font-style:normal;}
@font-face{font-family:"SFUHelvetica Bold";src:url("../fonts/SFUHelveticaBold_0.TTF") format("truetype");font-weight:700;font-style:normal;}
@font-face{font-family:"SFUSolex";src:url("../fonts/SFUSolexRegular.TTF") format("truetype");font-weight:bold;font-style:normal;}
@font-face{font-family:"SFUSolex Bold";src:url("../fonts/SFUSolexBold.TTF") format("truetype");font-weight:bold;font-style:normal;}
@font-face{font-family:"UTM Cafeta";src:url("../fonts/UTM_Cafeta_0.ttf") format("truetype");font-weight:bold;font-style:normal;}
.box-group-cat{
    position: relative;
}
.fillter{
    margin-bottom: 30px;
}
.group-news .title{
    margin-bottom: 20px;
}
.group-news .title,
.fillter .title{
    margin-top: 0px;
}
.box-frm h3,
.contact-form h3,
.title{
    font-family: SFUHelvetica Bold;
    font-size: 18px;
    text-transform: uppercase;
}
*{margin: 0; padding: 0;}
a{color: #333;}
.txt-name{
    font-family: SFUHelvetica Bold;
    text-transform: uppercase;
}
.title a:hover,
.footer a:hover,
.fillter .list-item .post-title:hover,
.list-news-home .item:hover a,
.product-item:hover a,
.product-item .name:hover,
.name:hover,
.list-news a:hover{
    color: #ffd800;
}
.wrapper-title .btn-readmore:hover,
.txt-slide .btn:hover{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
    text-decoration: none;
    color: #ffd800;
    background-color: #fff;
}

a, a:hover, a:focus, a:link{text-decoration: none;color: #333;}
ol, ul, li{list-style: none;}
body{
    font-family: SFUHelvetica;
    font-size: 15px;
}
#slide-main{
    position: relative;
}
.navbar-site{
    top: 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    background: none;
}
.list-item .active a{
    color: #f8d200;
    font-family: SFUHelvetica Bold;
}
.box-kt{
    background: url("../images/bg-kt.png") no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
}
.box-service{
    background-color: #fff;
}
.title-main .txt-title{
    position: relative;
}
.content-news .title{
    font-family: SFUHelvetica Bold;
    font-size: 20px;
}
.title-main{
    font-family: SFUHelvetica Bold;
    text-transform: uppercase;
    text-align: center;
    font-size: 34px;
    margin-top: 0px;
    color: #63ad34;
}
.box-news-home{
    background: url("../images/bg-news.png") no-repeat;
    background-size: cover;
}
.box-suport{
    background-color: #fafafa;
}


/*menu-slide*/
.slider{
    position: relative;
    background-color: #1b6d85;

}
.slider .content-control{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
}
.slogan-title{
    font-size: 42px;
    margin-top: 0px;
}

.navbar.navbar-default .navbar-brand img{
    display: block;
    background-repeat: no-repeat;
    font-size: 0;
    margin-left: 0px;
}
.navbar-default .navbar-brand {
    height: auto;
    color: #777;
}
.navbar.navbar-default ul li a{
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}
.fixed.navbar.navbar-default .nav-top{
    display: none;
}

.fixed.navbar.navbar-default{
    background-color: #63ad34;
    border: none;
    box-shadow: 0 4px 4px -2px rgba(0,0,0,.15);
    border-radius: 0px !important;
}
/*.fixed.navbar.navbar-default ul li a{
    color: #333;
}*/
.navbar.navbar-default ul li li a{
    color: #232323;

}
.navbar.navbar-default ul li a:hover{
    color: #ffd800 !important;
}

.frm-lang,
.lang-box .fa{
    float: left;
}

/*.navbar.navbar-default .navitor{
    border-bottom: 1px solid rgba(255,255,255,0.05);
}*/
.frm-search-site{
    display: none;
}
.frm-search-site{
    position: absolute;
    right: -5px;
    top: 47px;
    width: 280px;
}
.navitor .ic-search .fa-sb{
    cursor: pointer;
}
.frm-search-box{
    position: relative;
}
.frm-search-box .btn-search:hover .fa{
    color: #ffd800;
}
.frm-search-box .btn-search .fa{
    color: #373737;
    font-size: 20px;
    line-height: 22px;
}
.frm-search-box .frm{
    background-color: #fff;
    padding: 4px;
    border-radius: 4px;

}
.frm-search-box .btn-search,
.frm-search-box .form-control,
.frm-search-box .frm{
    background-color: #fff;
}
.frm-search-box .follow{
    position: absolute;
    left: 0px;
    top: 0px;
}
.frm-search-box .form-control{
    color: #333;
    border: none;
    height: 36px;
}
.frm-search-box .btn-search{
    position: absolute;
    right: 0px;
    top: 4px;
    width: 50px;
    height: 36px;
    border-radius: 0px;


}
.navbar.navbar-default{
    border: none;
    background: none;
    z-index: 999;
    margin-bottom: 0px;
    background-color: rgba(0,0,0,0.4);
}
.box-user .flag-vi{
    background: url("../images/flag-vi.png");
}
.box-user .flag-en{
    background: url("../images/flag-en.png");
    margin-left: 8px;
}
.box-user .flag-ko{
    background: url("../images/flag-ko.gif");
    margin-left: 8px;
    background-size: 100% auto;
}
.box-user .flag{
    border: none;
    width: 23px;
    height: 16px;
    object-fit: contain;
    float: left;
}
.box-user li .fa{
    float: left;
    margin-right: 6px;
    text-align: center;
    line-height: 18px;
    font-size: 20px;
    color: #fff;
    margin-top: 5px;
}
.box-user .form-control{
    height: 28px;
    line-height: 0px;
    padding: 0px 10px;
    font-size: 14px;
    background-color: #599c2e;
    color: #fff;
    border: none;
}
.box-user{
    float: right;
}
.box-user .phone{
    color: #fff;
}
.box-user{
    float: right;
    overflow: hidden;
    margin: 0px -15px 0px 0px;
    padding: 0px;
    color: #b6b5b5;
}
.nav-top{
    background-color: #63ad34;
    color: #fff;
    padding-top: 2px;
    padding-bottom: 0px;
}
.nav-top .top-social .li{
    margin-top: 4px;
}
.nav-top .top-social .fa{
    color: #fff;
}
.nav-top .top-social{
    float: left;
    margin: 0px;
    padding: 0px;
}
.slider .item{
    padding-top: 60px;
}

.box-cs .box .ic{
    display: block;
    margin: auto;
    margin-bottom: 38px;
}
.box-cs .box-item .title{
    line-height: 68px;
    margin: 0px;
}
.box-cs .box-item .ic{
    float: left;
    margin-right: 20px;
}
.box-cs .ic{
    width: 68px;
    height: 68px;
    background: url(../images/ic-prive.png) no-repeat;
    background-position: 0px 0px;

    background-size: 340px auto;
}
.box-cs .box-item span{
    position: relative;
    padding-left: 78px;
}
.box-cs .content-txt:hover .ic-home{
    background-position: 0px -72px;
}
.box-cs .box-item .ic-home:before{
    position: absolute;
    left: 0px;
    content: '';
    width: 68px;
    height: 68px;
    background: url(../images/ic-prive.png) no-repeat;
    display: inline-block;
    background-size: 340px auto;
}
.box-cs .box-hd .box-item .ic-home:before{
    background-position: -66px 0px;
}
.box-cs .content-txt:hover .ic-home:before{
    background-position: 0px -72px;
}
.box-cs .content-txt.box-hd:hover .ic-home:before{
    background-position: -66px -72px;
}
.box-cs .box-item{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    margin-top: -30px;
    text-align: center;
}
.box-cs .box{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    margin-top: -68px;
    text-align: center;
}
.content-txt .btn-more{
    background-color: #fff;
    padding: 3px 15px;
    border-radius: 6px;
}
.box-cs .content-txt{
    border: 1px solid #fff;
    width: 100%;
    height: 100%;
    position: relative;
}
.box-cs .item .content:hover{
    color: #ffd800;
    background-color: rgba(0,0,0,0);
}
.box-cs .item{
    display: block;
    position: relative;
    margin-bottom: 30px;
}
.box-cs .item .content{
    display: block;
    padding: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
}


.box-thumb-about h3{
    font-family: SFUSolex;
    background-color: #f7ca18;
    margin: 0px;
    padding: 15px 15px;
    width: 100%;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;

}
.thumb-about {
    width: 100%;
    padding-right: 4px;
    padding-bottom: 1px;
}
.item-about .txt-name{
    display: block;
    margin-bottom: 2px;
    height: 24px;
    overflow: hidden;
}
.item-about{
    text-align: center;
}
.box-thumb-about{
    position: relative;
    background-color: #fafafa;
}
.box-thumb-about .content{
    border: 1px solid #eee;
    box-shadow: 1px 1px 2px #999;
    background-color: #fafafa;
}

.box-service{
    border-top: 2px solid #ebebeb;
}
.box-news-home .item-first{
    margin-bottom: 0px;
    position: relative;
}
.box-service .name{
    font-weight: bold;
    font-size: 16px;
}
.box-news-home .item{
    margin-bottom: 30px;
    position: relative;

}
.btn-readmore:hover{
    color: #000 !important;
    background-color: #dad421;
}

.btn-send,
.btn-readmore{
    background-color: #ffd800;
    padding: 5px 15px;
    border-radius: 6px;
}
.box-project .btn-readmore{
    padding: 8px 18px;
}
.box-news-home .item .btn-readmore{
    position: absolute;
    bottom: 0px;

}
.box-news-home .item-first .name{
    margin-top: 20px;
}
.box-news-home .box-date .number{
    background-color: #ffd800;
    color: #fff;
    display: block;
    font-size: 20px;
}
.box-news-home .item-first .box-date{
    left: 30px;
    top: 30px;
}
.box-news-home .box-date{
    text-align: center;
    background-color: #fff;
    width: 76px;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 9;
    box-shadow: 0px 0px 3px #888;
    font-size: 14px;
}
.thumb {
    float: left;
    padding: 3px;
    background-color: #fff;
    box-shadow: 0px 1px 1px #ddd;
}
.box-img {

    overflow: hidden;
    display: block;
    position: relative;

}
.box-img .thumb-blog {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: auto;
    height: 100%;
    padding: 0px;
}
.thumb-blog{
    width: 100%;
    background-color: #fff;
    display: block;
    border: 1px solid #eee;
}
.box-suport .item{
    margin-top: 30px;
}
.list-news .item{
    margin-bottom: 30px;
}
.list-news .box-img{
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 12px;
}
.list-news{
    margin-top: 0px;
}

.block-news.list-news .name{
    margin-bottom: 10px;

}
.block-news .title{
    margin-top: 0px;
    margin-bottom: 15px;
}
.box-news-home .name{
    text-transform: uppercase;
}
.box-news-home .name,
.list-news .name{
    font-family: SFUHelvetica Bold;
    display: block;
    margin-bottom: 5px;

}
.detail-career{
    padding-top: 30px;
    padding-bottom: 30px;
}
.box-partner{
    border-bottom: 2px solid #ebebeb;
}
.box-partner .content-control{
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
}
.box-partner .btn-control .fa {
    font-size: 54px;
    line-height: 28px;
    color: #c9c8c8;
}
.box-partner .btn-control {
    width: 30px;
    height: 30px;
    background: none;
    border: none;
    z-index: 9;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    line-height: 38px;
}
.contact-us span{
    font-size: 24px;
}
.contact-us{
    font-family: SFUSolex Bold;
    background-color: #ffd800;
    position: relative;
    font-size: 18px;
}
.contact-us .btn-contact{
    font-size: 18px;
    text-transform: uppercase;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -12px;
    right: 15px;
    border: 1px solid #333;
    padding: 5px 15px;
    color: #333;
    border-radius: 6px;
    background: none;
}
.footer{
    background-color: #1d2832;
    color: #fff;
}
.logo-suport{
    width: 110px;
    margin-top: 10px;
    margin-left: 15px;
}
.box-hotline h4{
    margin-bottom: 0px;
}
.box-hotline{
    background-color: #161616;
}
.item-line{
    border-left: 1px solid #fff;
    padding-left: 15px;
    margin-left: -15px;
}
.map iframe{
    height: 144px !important;
}
.box-follow{
    background-color: #1c1c1c;
    margin-bottom: 8px;
    padding-top: 10px;
    margin-top: 30px;
}
.copyright{
    text-align: center;
    padding-top: 0px;
    padding-bottom: 5px;
    color: #fff;
    font-size: 16px;
    background-color: #63ad34;
    margin-top: 10px;
}

.content-service .content-txt{
    position: relative;
    background-color: #ffd800;
    padding: 30px;
    text-align: justify;
}
.content-service .title{
    font-family: SFUSolex Bold;
    margin-bottom: 20px;
    font-size: 30px;
}
.content-service .content .btn-more{
    margin-top: 20px;
    background: none;
    color: #222;
    border: 2px solid #222;
    padding: 10px 30px;
    border-radius: 6px;
    text-transform: uppercase;
}
.content-service .content-txt .number{
    position: absolute;
    left: -80px;
    top: 6px;
    font-size: 70px;
    font-weight: bold;
    color: #ffd800;
    text-shadow: 1px 2px 3px #333;
    font-family: SFUSolex Bold;
}


.box-search-home{
    background: url("../images/bg-search.png") no-repeat center top;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
}
.frm-search .form-control{
    border-radius: 0px;
    height: 36px;
}
.frm-search .input-frm{
    margin-right: 80px;
}
.box-frm h3{
    color: #ffd800;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 45px;
    text-align: center;
    font-size: 20px;
    font-family: SFUHelvetica Bold;
}
.box-frm{
    margin: auto;
}
.frm-search{
    position: relative;
}
.frm-search .btn-search .fa{
    color: #fff;
    text-align: center;
    line-height: 25px;
    font-size: 25px;
}
.frm-search .btn-search{
    position: absolute;
    right: 0px;
    top: -5px;
    background-color: #ffd800;
    width: 80px;
    height: 46px;
    border-radius: 0px;

}
.follow{
    float: left;
    margin-right: 15px;
    text-transform: uppercase;
    padding-top: 2px;
    font-size: 14px;
   font-family: SFUHelvetica Bold;
}
.frm-search-key{
    position: relative;
}
.frm-search-key .btn-search:hover .fa{
    color: #ffd800;
}
.frm-search-key .btn-search .fa{
    color: #373737;
    font-size: 24px;
    line-height: 22px;
}
.frm-search-key .frm{
    margin-left: 102px;
    background-color: #171717;
    padding: 4px;
    border-radius: 4px;

}
.frm-search-key .follow{
    position: absolute;
    left: 0px;
    top: 0px;
}
.frm-search-key .form-control{
    background-color: #171717;
    color: #fff;
    border: 1px solid #171717;
    height: 36px;
}
.frm-search-key .btn-search{
    position: absolute;
    right: 0px;
    top: 4px;
    width: 60px;
    height: 36px;
    border-radius: 0px;
    background-color: #171717;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
    color: #ffd800;
}
.mod-career .date{
    font-size: 13px;
}
.mod-career .name{
    font-size: 16px;
}
.box-read{
    clear: both;
    margin-top: 30px;
}
.content-news .title{
    margin-bottom: 15px;
    margin-top: 0px;
}
.title-slide{
    position: relative;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

.txt-slide .btn{
    background-color: rgba(0,0,0,0.5);
    padding: 8px 85px 8px 45px;
    position: relative;
    border: none;
    color: #fff;
}
.txt-slide .btn:after{
    background: url("../images/icon-arrow.png") no-repeat center center;
    background-color: #f49e33;
    padding: 8px 15px;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 9;
    content: '';
    width: 45px;
}

.txt-slide,
.title-slide {
    color: #fff;
    letter-spacing: 2px;
}
.txt-slide .btn{
    margin-top: 20px;
    line-height: 20px;
}

.t_f_content .title{
    margin-bottom: 12px;
    margin-top: 0px;
}
.box-hotline h4,
.t_f_content .title{
    text-transform: none;
    font-size: 24px;
    font-family: SFUHelvetica Bold;
}
.detail-content .intro{
    font-family: SFUHelvetica Bold;
    margin-top: 10px;
}
.detail-content .title{
    margin-top: 0px;
    margin-bottom: 20px;
}
.our-team,
.list-cruitment{
    padding-top: 60px;
    padding-bottom: 60px;
}
.list-cruitment .list-item .name a{
    font-size: 24px;
    color: #333;
    font-family: SFUSolex Bold;
}
.list-cruitment .list-item .item{
    border-bottom: 1px solid #d7d7d7;
    min-height: 90px;
}
.list-cruitment .list-item{
    background-color: #fafafa;
}
.career-slogan{
    margin-bottom: 30px;
}
.btn-send{
    padding: 6px 15px 12px 15px;
    font-size: 18px;
}
.frm .modal-header p{
    margin-bottom: 0px;
}
.frm .modal-header{
    background-color: #fafafa;
    margin-bottom: 15px;
    margin-top: -15px;
}
.form-control{
    font-size: 16px;
    padding: 6px 12px 10px 12px;
    border-radius: 0px !important;
    box-shadow: none;
}
.map{
    padding: 5px;
    background-color: #fff;
}

.box-area{
    margin-bottom: 15px;
}
.list-category .title{
    margin-top: 0px;
}
.news-relater .item .name{
    font-family: SFUSolex Bold;
    margin-top: 2px;
}
.news-relater .item{
    margin-bottom: 30px;
}
.item-service .link-readmore{
    color: #63ab35;
    text-align: right;
    display: block;
    margin-bottom: 4px;
}
.item-service .txt-name{
    color: #63ab35;
    display: block;
    margin-bottom: 6px;
}
.item-service{
    margin-bottom: 30px;
}
.item-service .content{
    padding: 30px 15px 10px 15px;
}
.item-service .thumb-service{
    width: 100%;
}
.item-service .thumb-service-hover{
    position: absolute;
    bottom: -25px;

    z-index: 9;

}
.item-service .box-thumb{
    position: relative;
    display: block;
}
.item-service .txt-name{
    color: #63ad34;
}
.item-service{
    border: 4px solid #dbdbdb;
    box-shadow: 1px 2px 6px #eee;
    border-radius: 3px;
}
.item-service .thumb-ic{
    position: absolute;
    left: 50%;
    margin-left: -45px;
    bottom: 45px;
    z-index: 999;
    width: 90px;
    height: 90px;
}
.btn-down{
    padding: 6px 18px 8px 18px;
    background-color: #ffd800;
    border-radius: 4px;
}
.item-doc .btn-down{
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0px;
    z-index: 9;

}
.item-doc .name{
    font-weight: bold;
    font-size: 18px;
    display: block;
    margin-bottom: 8px;
}
.item-doc .content{
    padding-right: 120px;
}
.item-doc{
    position: relative;
    border-bottom: 1px solid #eee;
}
.close{
    font-size: 30px;
    font-weight: bold;
}
.content-mes .title{
    margin-top: 5px;
}

#container{
    overflow-x: hidden;
}
.box-ic-home{
    background-color: #f4c92f;
    color: #fff;
}

.icon-home{
    margin: 0px;
}
.ic-info{
    position: absolute;
    left: 50%;
    z-index: 9;
}
.box-about{
    background-color: #f2f0f0;
}
.box-category,
.box-service,
.box-about{
    position: relative;
}
.box-about .ic-info{
    background: url("../images/ic-about.png") no-repeat;
    background-size: 100% auto;
}
.box-service .ic-info{
    background: url("../images/ic-service.png") no-repeat;
    background-size: 100% auto;
}
.box-category .ic-info{
    background: url("../images/ic-cat.png") no-repeat;
    background-size: 100% auto;
}

.box-about .title{
    color: #63ad34;
    margin-bottom: 20px;
}
.box-ic-home h4{
    text-transform: uppercase;
    font-family: SFUHelvetica Bold;
}
.box-ic-home .item{
    border-right: 1px solid #ebc22d;
    text-align: center;
}
.icon-home .item:first-child{
    background-color: #ffc600;
}
.icon-home .item:nth-child(2){
    background-color: #fbcc20;
}

.box-news-home .name{
    color: #63ab35;
}

.item-news-col polygon{
    stroke-width: 1;
    stroke: #fff;
    /* fill-opacity: 0.6; */
    transition: fill-opacity .8s;
    box-shadow: inset -1px 0 0 red;
    stroke-dasharray: initial;
}

.pro-tabs{
    text-align: center;
    margin-bottom: 25px;
    border: none;
}
.pro-tabs li:last-child a{
    padding-right: 0px;
}
.pro-tabs li a{
    font-family: SFUHelvetica Bold;
    padding: 10px 20px 10px 10px;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    color: #222;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
}
.pro-tabs li.active a{
    color: #fdc600;
}
.pro-tabs li:last-child{
    border: none;
}
.pro-tabs li{
    float: none !important;
    display: inline-block;
    border-right: 2px solid #444;
}
.box-support-order{
    padding-top: 40px;
}
.box-support-order .item{
    background-color: #fdc600;
    border-right: 1px solid #fff;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #fff;
}
.box-support-order .item .fa{
    font-size: 30px;
}
.box-support-order .item h4{
    text-transform: uppercase;
    font-size: 14px;
    font-family: SFUHelvetica Bold;
}
.footer{
    padding-top: 30px;
}
.copyright{
    margin-top: 15px;
}
.content-info .name{
    color: #fff;
    font-family: SFUHelvetica Bold;
    font-size: 14px;
    text-transform: uppercase;
}
.content-info{
    background-color: #63ad34;
    color: #fff;
    /*padding: 6px 50px 6px 15px;*/
    margin-top: 2px;
    position: relative;
}
.price{
    color: #fdc600;
    display: block;
    margin-top: 4px;
}
.product-item{
    margin-bottom: 30px;
}
.product-item .addcart{
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -16px;
    z-index: 1;
    background-color: #fdc600;
    color: #fff;

    padding: 4px 10px 6px 10px;
}
.owl-item .name{
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    margin-top: 12px;
}
.owl-item{
    text-align: center;
}

.home-product{
    padding-top: 40px;
    padding-bottom: 15px;
}
.detail_product{
    margin-top: 30px;
    border-top: 1px solid #ddd;
    padding-top: 15px;
}
.prev-control:focus .fa,
.next-control:focus .fa,
.prev-control:hover .fa,
.next-control:hover .fa{
    color: #f7ca18;
}
.prev-control,
.next-control{
    outline: none;
}
.pro-name{
    font-size: 24px;
    margin-top: 10px;
    font-family: SFUHelvetica Bold;
}
.content-slider .btn-control{
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 999;
    padding: 8px 15px;
    background-color: #c1c1c1;
    border: none;
    color: #fff;
}
.content-slider .prev-control{
    left: 0px;
}
.content-slider .next-control{
    right: 0px;
}
.content-slider{
    position: relative;
}
.mod{
    margin-bottom: 30px;
}
.mod .title{
    margin-top: 0px;
}
.list-item li a{
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: SFUHelvetica Bold;
}
.website{
    margin-top: 15px;
    margin-bottom: 15px;
}
.box-social{
    margin: 0px 0px 15px;
    padding: 0px;
}
.box-social a .fa{
    font-size: 18px;
}
.box-social a{
    background-color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
    border-radius: 50%;
}
.cat-post-item .cat-post-thumbnail:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.cat-post-item .cat-post-thumbnail img {
    width: 100%;
    display: block;
    -webkit-transition: -webkit-transform .7s ease;
    transition: transform .7s ease;
}
.group-name{
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 15px;
}
.title-pro{
    margin-bottom: 20px;
}
.title-label h1, .title-label h2{
    float: left;
    margin: 0px;
    font-size: 24px;
    margin-right: 6px;
    text-transform: uppercase;
}
.relate-project{
    margin-top: 20px;
}
.box-category .content{
    text-align: center;
    margin: 0 auto 0px;
}
.box-category .thumb-cat{
    left: 50%;
    z-index: 9;

    border-radius: 50%;
    overflow: hidden;
}
.item-project .txt-name,
.box-category .txt-name{
    color: #fff;
    display: block;
    margin-bottom: 10px;
}
.box-category{
    background: url("../images/bg-category.png") no-repeat;
    background-size: cover;
    padding-top: 65px;
    color: #fff;
}
.box-category .title-main{
    color: #111;
}
.box-category .item-cat{
    background: url("../images/box-cat.png") no-repeat;
    background-size: 100% auto;
    margin-bottom: 20px;
    position: relative;
}
.item-row{
    margin: -1px;
}
.item-row .item-column{
    padding: 1px;
}
.item-project .thumb-project{
    width: 100%;
}
.box-project{
    background: url("../images/bg-project.png") no-repeat;
    background-size: cover;
}
.item-project{
    display: block;
    position: relative;
    overflow: hidden;
}
.item-project .content .box{
    position: relative;
    padding: 10px 12px 4px 12px;
}
.item-project .content .box:after{
    content: '';
    position: absolute;
    top: -14px;
    left: 50%;
    margin-left: -14px;
    width: 28px;
    height: 34px;
    background: url("../images/ic-cat.png") no-repeat;
    background-size: 100% auto;
}
.item-project .content .txt-name{
    margin-top: 10px;
    display: block;
    text-transform: none;
}
.item-project .content{

    position: absolute;
    text-align: center;
}
.home-contact{
    background: url("../images/bg-contact.png") no-repeat #fdb201;
    background-size: auto 100%;
    position: relative;
}

.home-contact{

    text-align: center;
}
.home-contact .title{
    color: #444;
    font-size: 14px;
    margin-top: 8px;
}
.home-contact .txt-phone{
    font-size: 34px;
    text-shadow: 1px 1px 1px #444;
    font-family: SFUHelvetica Bold;
    color: #fff;
}
.txt-date{
    display: block;
    font-size: 13px;
    margin-bottom: 6px;
}
.list-contact{
    margin-top: 10px;
}
.link-readmore:hover{
    color: #fdd101;
}
.link-readmore{
    color: #63ab35 !important;
    padding: 0px;
}
.group-face{
    margin-bottom: 10px;
}
.list-contact li .fa{
    float: left;
    width: 20px;
    text-align: center;
    min-height: 20px;
    margin-right: 6px;
}
.list-contact li{
    padding-top: 3px;
    padding-bottom: 3px;
}
.txt-flag{
    position: absolute;
    right: 10px;
    top: 15px;
    background-color: rgba(255,208,41,0.9);
    color: #fff;
    padding: 4px 12px;
    font-size: 13px;
}