:root{
	--color-primary:#085880;
	--color-secondry:#085880;
	--color-hover:#085880
}

#myNavbar li.active a,.about-us .dlab-tabs .nav-tabs li.active a,.bg-primary,.comments-area .comment-form p input[type=submit],.date-style-2 .post-date,.date-style-3 .post-date,.date-style-3.skew-date .post-date,.date-style-3.skew-date .post-date:before,.date-style-4 .post-date strong,.dlab-accordion.primary .acod-head a,.dlab-box-bg.active .icon-box-btn .site-button,.dlab-project-left:after,.dlab-separator.style-skew[class*=style-]:after,.dlab-separator.style-skew[class*=style-]:before,.dlab-tilte-inner.skew-title:after,.footer-line:after,.icon-bx-wraper.hover:hover,.list-num-count>li:before,.meet-ask-row:after,.overlay-primary-dark:after,.overlay-primary-light:after,.overlay-primary-middle:after,.owl-btn-1.primary .owl-next,.owl-btn-1.primary .owl-prev,.owl-btn-2.primary .owl-next,.owl-btn-2.primary .owl-prev,.owl-item.active.center .testimonial-text,.owl-slider-banner .owl-theme .owl-dots .owl-dot.active span,.owl-slider-banner .owl-theme .owl-dots .owl-dot:hover span,.owl-theme.dots-style-2 .owl-dots .owl-dot.active span,.owl-theme.dots-style-3 .owl-dots .owl-dot.active span,.owl-theme.dots-style-3 .owl-dots .owl-dot:hover span,.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover,.portfolio-ic .dlab-img-overlay1:before,.portfolio-sep,.product-item-size .btn.active,.service-carousel .owl-next,.service-carousel .owl-prev,.side-bar .widget_tag_cloud a:hover,.sidenav ul li a:hover,.site-button,.site-filters .active>[class*=site-button],.skew-angle:after,.testimonial-1 .quote-left:before,.testimonial-2 .quote-left:before,.testimonial-text.bg-primary,.ui-widget-header,.widget-title:after{
	background-color:#085880
}

.about-8-service .icon-bx-wraper:hover a,.acod-head a,.acod-head a.collapsed:hover,.acod-head a:after,.acod-head a:hover,.breadcrumb-row ul li a,.comments-area p:before,.dlab-post-meta i,.dlab-post-meta.text-primary i,.dlab-post-meta.text-primary ul li,.dlab-post-meta.text-primary ul li a,.dlab-tabs .nav-tabs>li>a i,.header-nav .nav>li .mega-menu>li ul a:hover,.header-nav .nav>li .sub-menu li:hover>a,.header-nav .nav>li.active>a,.header-nav .nav>li.current-menu-item>a .header-nav .nav>li .sub-menu li a:hover,.header-nav .nav>li:hover>a,.header-nav .nav>li>a.nav-link.active,.item-info-in ul li a:hover,.nav-dark.header-nav .nav>li .mega-menu>li ul a:hover,.nav-dark.header-nav .nav>li .sub-menu li:hover>a,.primary li:before,.site-button-link:hover,.site-button.outline,.testimonial-1 .testimonial-position,.testimonial-2 .testimonial-position,.testimonial-3 .quote-left:before,.testimonial-3 .testimonial-position,.testimonial-4 .testimonial-name:after,.text-primary,a,blockquote:before,button.scroltop,footer a:active,footer a:focus,footer a:hover,footer h1 a,footer h2 a,footer h3 a,footer h4 a,footer h5 a,footer h6 a,footer p a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,ol.comment-list li.comment .reply a{
	color:#085880
}
/*Style for the text*/
.content-area {
    padding-top: 0px;
}
/*h4 a{
    color: #232323;
    font-size: 13px;
    }*/
    p{
        font-size: 18px;
    }
    h4,h5 {
        margin:0px;
        color: #232323;
        /*font-family: SVN-Gotham;*/
        /*font-family: UTM_Avo;*/
        font-family: "Roboto Black", sans-serif;
    }
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #232323;
     font-family: "Roboto Black", sans-serif;
}
    .dlab-team1 .dlab-position {
        font-size: 10px;
        color: #ff5e14;
    }
    /*image giám đốc*/
    .img-gd{
        max-height: 300px !important;
    }
	.footer-top .row {
	    row-gap: 30px;
	}
    .service{
        margin: 0px 10px -25px 5px;
    }
    .call-action {
        padding: 15px;
    }
    /*slider*/
    #x-content-band-1 .rev_slider_wrapper, .rev_slider, .tp-fullwidth-forcer, .rev_slider .tp-bgimg.defaultimg {
        max-height: 480px !important;
    }
    @media only screen and (max-width: 400px) {
     .tp-caption.rev-btn.tc-btnshadow.tp-rs-menulink{
      margin-bottom:0px;
  }
}
@media only screen and (min-width: 401px) and (max-width: 960px) {
 .tp-caption.rev-btn.tc-btnshadow.tp-rs-menulink{
  margin-bottom:100px;
}
}
@media only screen and (min-width: 961px) {
  .tp-caption.rev-btn.tc-btnshadow.tp-rs-menulink{
      margin-bottom:150px;
  }
}

/*Service*/
#sync1.owl-carousel .owl-item {
    min-height: 1px;
    max-height: 500px;
    margin:0px;
    float: left;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.our-story h2.title {
    font-size: 25px;
    line-height: 70px;
    font-weight: 200;
    margin-top: 0px;
    font-family: "Roboto Black", sans-serif;
}
.section-head .title {
    margin-bottom: 5px;
    line-height: 45px;
    font-weight: 600;
    font-size: 40px;
    /*font-family: Calibri,sans-serif;*/
    font-family: "Roboto Black", sans-serif;
}
.call-action .title {
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 30px;
    /*font-family: Calibri,sans-serif;*/
    font-family: "Roboto Black", sans-serif;
}

.our-story h4.title {
    font-size: 20px;
    font-weight: 200;
    margin-top: 0px;
    font-family: "Roboto Black", sans-serif;
}
.project-list {
    margin-bottom: 0px;
}
.content-inner-2 {
    padding-top: 10px;
    padding-bottom: 10px;
}
/*Front chữ*/
.project-owbx .title {
    margin: 0;
    font-size: 16px ! important ;
}
/*.section-head .title {
    margin-bottom: 5px;
    font-size: 35px;
    line-height: 45px;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
    font-style: italic;
}
.call-action .title {
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 5px;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    }*/
    /*bản quyền chân trang*/
    .footer-bottom .container .row {
        margin:auto;
    }
    .site-footer{
        height: 100% ! important;
    }
    .dlab-post-readmore {
        margin-bottom: 0px;
    }
    .page-item.active .page-link {
        background-color: #085880; 
        border-color: #085880; 
    }
    .site-button:hover {
        background-color: #085880;
    }
    .owl-prev:hover {
        background-color: #085880;
        border-color: #085880;
        color: #fff
    }

    .active>.site-button,.bg-primary-dark,.owl-btn-1.primary .owl-next:hover,.owl-btn-1.primary .owl-prev:hover,.owl-btn-2.primary .owl-next:hover,.owl-btn-2.primary .owl-prev:hover,.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover,.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover,.sidenav .closebtn:focus,.sidenav .closebtn:hover,.site-button:active,.site-button:focus,.site-button:hover{
      background-color:#085880
  }
  .about-us .dlab-tabs .nav-tabs li.active{
      border-right:4px solid #085880
  }
  .dlab-info-has.bg-primary,.dlab-info-has.bg-secondry:hover,.tp-bannertimer.tp-bottom{
      background-color: #085880
  }
  .about-8-service .icon-bx-wraper:hover a,.acod-head a,.acod-head a.collapsed:hover,.acod-head a:after,.acod-head a:hover,.breadcrumb-row ul li a,.comments-area p:before,.dlab-post-meta i,.dlab-post-meta.text-primary i,.dlab-post-meta.text-primary ul li,.dlab-post-meta.text-primary ul li a,.dlab-tabs .nav-tabs>li>a i,.header-nav .nav>li .mega-menu>li ul a:hover,.header-nav .nav>li .sub-menu li:hover>a,.header-nav .nav>li.active>a,.header-nav .nav>li.current-menu-item>a .header-nav .nav>li .sub-menu li a:hover,.header-nav .nav>li:hover>a,.header-nav .nav>li>a.nav-link.active,.item-info-in ul li a:hover,.nav-dark.header-nav .nav>li .mega-menu>li ul a:hover,.nav-dark.header-nav .nav>li .sub-menu li:hover>a,.primary li:before,.site-button-link:hover,.site-button.outline,.testimonial-1 .testimonial-position,.testimonial-2 .testimonial-position,.testimonial-3 .quote-left:before,.testimonial-3 .testimonial-position,.testimonial-4 .testimonial-name:after,.text-primary,a,blockquote:before,button.scroltop,footer a:active,footer a:focus,footer a:hover,footer h1 a,footer h2 a,footer h3 a,footer h4 a,footer h5 a,footer h6 a,footer p a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,ol.comment-list li.comment .reply a{
      color:#085880
  }
  @media only screen and (max-width:991px){
      .nav-dark.header-nav .nav>li>a:active,.nav-dark.header-nav .nav>li>a:focus,.nav-dark.header-nav .nav>li>a:hover{
        color:#085880
    }
}
.navbar-toggle,.owl-slider-banner .owl-theme .owl-dots .owl-dot.active,.owl-slider-banner .owl-theme .owl-dots .owl-dot:hover,.owl-theme.dots-style-3 .owl-dots .owl-dot.active,.owl-theme.dots-style-3 .owl-dots .owl-dot:hover,.side-bar .widget_tag_cloud a:hover,.testimonial-4 .testimonial-pic,.testimonial-4 [class*=quote-],.testimonial-4:after,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.widget_gallery li:hover,blockquote,button.scroltop,input[type=checkbox]+label:hover:before,input[type=checkbox]:checked+label:before,input[type=radio]+label:hover:before{
  border-color:#085880
}
.owl-item.active.center .testimonial-8 .testimonial-text:after{
  border-top:25px solid #085880
}
.dlab-tabs.border-top .nav-tabs>li.active>a{
  border-top-color:#085880
}
.bg-secondry{
  background-color:#085880
}
.text-secondry{
  color:#085880
}
/*Loading*/
#loading-area {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: 999999999;
    background-image: url(../images/loading.svg);
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: center
}

#loading-area.solar-loading {
    background-size: 280px;
    background-image: url(../images/solar.gif)
}
.widget-post .dlab-post-media {
    width: 110px;
    padding: 15px;
}
.dlab-post-text dl, .dlab-post-text ol, .dlab-post-text ul {
    padding-left: 15px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.table-cell-div table {
  width: 100% !important;
}

.table-cell-div td, .table-cell-div th {
    border: 1px solid #ddd !important;
    padding: 8px !important;
}

.table-cell-div tr:nth-child(even){background-color: #f2f2f2;}


.table-cell-div th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #427ab8;
  color: white;
}


.embed-responsive>.embed-responsive {
    position: unset !important;
}

.embed-responsive>.embed-responsive::before {
    padding: 0px !important;
}

.embed-responsive>.embed-responsive {
    position: unset !important;
}


.list-news-relate ul {
    list-style: none;
}
.dlab-post-text p {
    color: #6f6f6f;
}
.dlab-post-text strong,
.acod-content strong
{
    font-weight: 600;
}
.acod-content dl,
.acod-content ol,
.acod-content ul
{
    padding-left: 40px;
}

.post-date {
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}
.acod-content dl,
.acod-content ol,
.acod-content ul
{
    padding-left: 40px;
}

.post-date {
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}
.site-footer {
    height: 100% !important;
}

.content-inner{
    padding: 10px 0px;
}
.du_an{
    padding: 0px;
}
.section-full:last-child {
    margin-bottom: 0px;
}
.owl-carousel .ow-client-logo img {
    height: auto ! important;
}
.border {
    border: 1px solid #dee2e6;
    border-radius: 5px;
}
.owl-team .owl-stage-outer {
    padding: 10px 0
}
.page-content {
    padding-bottom: 20px; 
}
.ow-post-info {
    padding: 10px 20px;
}
.site-filters .button-sm {
    font-size: 15px;
}
.project-owbx .title {
    margin: 0;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 28px;
}
.project-owbx {
    padding: 20px 20px 15px 20px;
    /*background: rgba(0,0,0,.02);*/
    /*border: 1px solid rgba(0,0,0,.1);*/
    /*border-radius: 8px;*/
    background: none;
    border: none;
    border-radius: none;
    text-align: center;
    position: relative;
    margin: 20px 0px;
    transition: all .8s;
    -moz-transition: all .8s;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    min-height: 153px;
    max-width: auto;
}
.dlab-team11 .dlab-media {
    width: 240px;
    height: 240px;
    margin: auto;
    border-radius: 240px;
    overflow: hidden;
    padding: 10px;
    border: none; 
}
#sync2 .owl-item.active.current .item img {
    outline: none;
    outline-offset: none;
}
/*#sync2 .owl-item{
    margin: 5px !important;
}*/
.ow-post-title .post-title {
    min-height: 84px;
    font-size: 20px;
}
/*hover dich vụ*/
.active.current .project-owbx {
     background: none;
    box-shadow: none;
/*    background-image: linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)) !important;
    box-shadow: 0 0 40px -20px var(--color-primary) !important;*/
}
.active.current .project-owbx .hovers .title {
    color: #000000;
    padding-top:20px;
}
/*nút mũi tên phần dịch vụ*/
.active.current .project-owbx .hovers{
    color: #000000;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6));
    border-radius: 8px;
    margin-top:-20px;
    margin-left: -20px;
}
.active.current .project-owbx:after{
    content:"";
    background: none;
    width:20px;
    height:20px;
    position:absolute;
    bottom:-18px;
}
.widget_gallery.gallery-grid-4 li {
    width: 50%;
}
.footer-top {
    background: #085880;
    background-size: cover;
    background-position: center;
    padding: 50px 0 50px;
}
.widget {
    margin-bottom: -30px;
}
/*ban điều hành*/
.dlab-team1 .dlab-info{
    bottom:-15px;
    min-height: 105px;
}
.dlab-team1 .dlab-title {
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 0px;
    font-weight: 500px;
    text-align: center;
}
.dlab-team1 .dlab-position {
    font-size: 9px;
    color: #ff5e14;
}
.header-nav .nav>li .sub-menu li a {
    color: #000;
    display: block;
    font-size: 15px;
    padding: 10px 25px;
    text-transform: capitalize;
    transition: all .15s linear;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    font-weight: 400;
    font-family: "Roboto Black", sans-serif;
}

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}