ul {list-style: none outside; margin:0; padding:0;}
header{width:100%;text-align:left; position:absolute; top:0; left:0; z-index:1; padding-top:50px;}
.slide-home{ position:relative; background:url(../images/header-bg.jpg) center; background-size:cover; padding-top:130px;}
.slide-home .col-md-7{ padding:0 0 0 80px;}
.text-middle-main-top{font-size: 34px;color: #fff;font-weight: 500;margin: 0 0 40px 0;padding:0 50px 0 20px; }
.multipurpose{font-size: 23px;font-weight: 300;margin-bottom: 40px;width: 90%;}
.more{ display:inline-block; width:100%; text-align:center;}


.about{color:#808080; text-align:justify;text-align:center; padding-bottom:90px;}
.about h1{ color:#183650; font-weight:600; text-align:center;}
.about h1 a{color:#183650;}
.about img{ max-width:100%;}



.service-home{width:100%; display:inline-block; background-color:#121215; padding:40px  0 90px 0; position:relative;}
.service-home:before{width:100%; height:182px;position:absolute; top:-141px; left:0; content:''; background:url(../images/tree-icon.png) no-repeat left center;}
.item{ margin-top:50px;}
.box-item{ position:relative; width:100%;}
.product-action-btn{    position: absolute;
    opacity:0;
    z-index: 3;
    cursor: pointer;
    text-align: center;
    background: rgba(18,18,18,0.8);
    top: 10%;
    width: 100%;
    height: 100%;}
.work-details-popup {
    display: block;
    position: relative;
    z-index: 3;
    height: 100%;
    width: 100%;
}
.product-action-btn .alt-font {
    font-size: 12px;
    margin: 0;
    padding: 16px 35px 15px 35px;
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    color: #000;
    display: inline-block;
    background: #fff;
    border-radius: 25px;
}
.product-action-btn .alt-font:after{content: "\f178";font-family: 'FontAwesome'; margin-left:15px;}
.grid-style1-border {
    border: 1px dotted rgba(255,255,255,.3);
    height: calc(100% - 40px);
    left: 20px;
    position: absolute;
    top: 20px;
    width: calc(100% - 40px);
}
.item:hover .product-action-btn { opacity: 1; transition: all 0.3s ease 0s; top: 0 }
.title_h4{margin-bottom:0px; margin-top:20px;color:#bcbcbc; font-weight:400; font-size:15px; text-transform:capitalize;position:relative; z-index:3; text-align:center;}
.title_h4 a{color:#bcbcbc;}
.box-item:hover .title_h4 a{ color:#bcbcbc;}
.product-summary ul{ list-style:none;}
.more{ text-align:center;}
.more .btn{ float:none;}



.faq{color:#000;}	
.figu{text-align:center; font-size:36px; font-weight:700;}
.figu p{ font-size:13px; font-weight:normal;}
.dichvu,.partner{width:100%; display:block;padding:100px 0 155px 0; background-color:#f6f6f6;}
.img-home{ position:absolute; left:33.33333333%; text-align:center;}
.dichvu ul{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start: 0px;-webkit-margin-end:0;-webkit-padding-start:0;}
.dichvu ul li{ display:block; color:#707070; font-size:14px; text-align:center; margin-bottom:15%; margin-top:15%; padding:0 50px;}
.dichvu ul li h4{ color:#000; font-weight:600; font-size:16px; text-transform:capitalize;}
.dichvu ul li .fa{ color:#374a8a;font-size: 35px !important;
    line-height: 40px;}

.baochi{ position:relative; padding-top:65px; padding-bottom:65px;}
.baochi:before{ width:100%; height:93px; position:absolute; top:-55px; left:0; content:''; background:url(../images/branch-icon.png) no-repeat center center;}
.title_h1{ width:100%; float:left;font-weight:600;
    text-transform:capitalize;
    margin-bottom: 0;text-align:center;}
.title_h1 a{ display:inline-block; color:#000; position:relative;}

.item_new{ margin-top:30px;}
.box-figure{ display:block; position:relative; overflow:hidden;}
.item_new .img_new{display: block;}
.box-figure img{width:100%; height:auto; border-top-left-radius:5px;border-top-right-radius:5px; border-bottom:solid 2px #6ebd3e;-webkit-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;}

.entry-title {font-size:17px;padding: 0 5px; margin-top:0px; margin-bottom:5px;  text-transform:uppercase; font-weight:700;overflow: hidden;
    text-overflow: ellipsis;}
.entry-title a {color: #333;white-space: nowrap;}
.entry-title a:hover{color:#1e87d2;}
.entry-date { float:left;
    bottom: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    padding:5px 20px 5px 0; margin-right:15px;
    text-align: center; text-transform:lowercase;z-index:1;color:#000; border-right:solid 1px #6ebd3e;
}
.entry-date-number {font-size:30px; padding-bottom:10px; border-bottom:solid 2px #6ebd3e;}
.summany{color: #333; display:block;font-size:13px; text-align:justify;}
.box-figure:after {
    background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: -180%;
    position: absolute;
    top: 0;
    transform: rotate(0deg) scale(1.003) skew(14deg) translate(0px);
    width: 100%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.box-figure:hover img {
	transform: scale(1.1);
}
.box-figure:hover:after {
	left: -75%;
}
.partner{padding:38px 0; text-align:center;overflow:hidden;}

.client-logo{text-align: center; }
.client-logo{border-top: 1px solid #dedede;
    border-right: 1px solid #dedede;}
.client-logo:last-child{ border-right:0;}
.row_second .client-logo{ border-top:0;}
.contact{ padding:30px 0;background: linear-gradient(rgba(40, 40, 40, 0.8), rgba(40, 40, 40, 0.8)) repeat scroll 0% 0%, transparent url(../images/bg25-contact.jpg) no-repeat scroll 0% 0%; background-size:cover; background-attachment:fixed;}
.contact_left{ text-align:center; color:#fff; font-style:italic; padding-top:20px; padding-bottom:20px;}
.contact .title_h1{ color:#fff;}


@media (min-width:768px){
.about .text-about{ padding:0px 200px 50px;}
.about h1{ margin:50px 0 10px;font-size:35px;}
.faq{ padding:100px 0;}
.title_h1{ font-size:40px;}
.title_h1 a{padding-bottom:15px;}
.item_new figcaption{ border:1px solid #e1e1e1; padding:20px 20px 20px 20px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
}
@media (max-width:992px){
.box-figure{ width:40% !important; float:left; margin-right:20px;}
}
@media (max-width: 768px){
header{ padding-top:25px;}
.logo{ position:absolute; top:10px; left:0;}
.slide-home{ padding-top:50px;}
.slide-home .col-md-7{ padding:0;}
.about h1{font-size:25px;}
.faq{ padding:20px 0;}
.dichvu{ padding-top:20px; padding-bottom:60px;}
.dichvu ul li{ margin:5% 0; width:33.33%; float:left; padding:0 15px;}
.title_h1{ font-size:30px;}
.title_h1 a{ margin-bottom:0;}
}
@media (max-width: 767px){
header{ padding-top:5px;}
header .col-xs-12{ padding:0;}


}
@media (max-width: 600px){
.btn-success{ margin-top:5px; font-size:14px;}
}
@media (max-width: 480px){
.title_h4{ font-style:14px;}
.faq .col-md-3{ width:50%;}
.dichvu ul li{ width:100%;}
}
@media (max-width: 414px){
.col-xs-6,.col-xs-4{ width:100%;}
.nav_top ul li{ padding-left:5px; padding-right:5px;}
.nav_top ul li a{ font-size:12px;}
}