.fullpage-nav {
  border: solid 1px transparent;
  right: 0; }
  .fullpage-nav .item {
    border-radius : 0%;
    border: none !important;}
    .fullpage-nav .item span {
    background:  #77a43a;
    color: #eee;}
    .fullpage-nav .item span:after {
    border-left: 12px solid #77a43a; }
    .fullpage-nav .item:hover {
    background: #77a43a;
    border-color: #77a43a; }
    body .fullpage-nav .item.active {
    background: #77a43a !important;
    border-color: #77a43a;}
    .main-nav li.active a{
    color: #77a43a;}
    .main-nav > ul > li > a:after {
    background: #77a43a;}
    .main-nav > ul > li:hover > a {
     color: #77a43a; }

    .recruit .head .time span {
     background: #77a43a;}

     .cnv-map {
         display: flex;
          align-items: center;
          justify-content: center;
     }
     .cnv-map .name {
     color: #77a43a;}

     .map .full-map {
    background: #77a43a;}

    .cnv-internal {
    background: none;}
    .title-codong{
    color:#fff !important;}
    .cnv-post .ct .title{
        color:#000;
        font-weight: bold;
    }
    .project-cas:after {
    border: none;}

    .inform-img{
    padding-right: 0;
    }
    .inform-text{
     padding-left: 0;}
    .cnv-project .ct {
    background: #161d27;
    height: 100%;
    padding: 0;}
    .img-link{
    background: transparent !important;}
    .img-project{
    height: 94% !important;}

    .cnv-project .ct p {
    color: #fff;}

    .text-more{
        text-align: left !important;
        margin-top: 60px;
        padding-left:20px;
        text-transform: uppercase;
    }

    .cnv-project .ct .more {
    border-radius: 5px;
    font-size: 15px;
    color: #eee;
    background: #77a43a;
    padding: 15px 30px 15px 30px;
    }

    .btn-call span {
    background: #77a43a;
    }
    .btn-call span::after {
        border: solid 1px #77a43a78;
        background: #77a43a78;
    }
    .btn-call span::before {
        border: solid 1px #77a43a78;
    }
    .recruit .head .time span {
        color: #eee;
    }
    @media (max-width: 414px) {
    .cnv-project .ct {
       padding:10px;  }
    .cnv-project .ct .title {
       padding: 0px 0px 0px 20px;
       margin-bottom: 20px; }

        .text-more{
           padding-bottom: 20px;}
        .cnv-zoom img{
             width: 100%;
             height: 100%;
        }
        .search .ct {
            right: -43px; }
     }
    .cnv-cas .arrow-prev{
       padding: 30px 20px 30px 20px;
        background: #000;
        top: 50%;
    }
    .cnv-cas .slick-arrow.prev {
    left: -100px;
    display: flex !important;
    align-items: center;
    }
    .cnv-cas .arrow-next{
     padding: 30px 20px 30px 20px;
     background: #000;
     top: 50%;
    }
    .cnv-cas .slick-arrow.next {
    right: -100px;
    display: flex !important;
    align-items: center;
    }
    .cnv-cas .slick-arrow {
        opacity: 1;
    }
    .cnv-cas .arrow-next img{
        width: 15px;
        filter: brightness(0) invert(1);
    }
    .cnv-cas .arrow-prev img{
        width: 15px;
        filter: brightness(0) invert(1);
    }
    .cnv-posts .slick-arrow:hover {
        background: #77a43a;
    }
        .cnv-posts .slick-arrow:hover img {
         filter: unset;
    }
    .fullpage-nav-bg{
        background: rgba(22, 29, 39, 0.5);
    }
    .cnv-projects .slick-arrow:hover {
        background: #77a43a;
    }
    .cnv-projects .slick-arrow:hover img {
         filter: unset;
    }
    .cnv-project .cnv-img-16x9 {
        padding-top: 59.5%;
    }

@media screen and (min-width: 375px)
{
    .slider-img {
        width: 100%;
    }
}
@media screen and (min-width: 1024px)
{
  .cnv-slider .img {
      height: 100vh;
    }
    .cnv-slider .img img {
    height: 100%; }
    .cnv-zoom img{
         width: 100%;
         height: 100%;
    }
    .cnv-map .name {
     font-size: 22px;
    }
}
@media screen and (max-width: 991px) {
    .search .ct{
        right: -43px;
    }
   .text-more{
       margin-top: 30px;
    }

}
@media screen and (max-width: 768px) {
     .cnv-project .ct .title {
      padding: 10px 0px 0px 20px;
      font-size:20px;
    }
   .text-more{
       margin-bottom: 50px;
       margin-top : 10px;
    }
  .cnv-project .ct .title {
    margin-top: 20px;
    margin-bottom: 0;
  }
   .cnv-zoom{
        text-align: center;
     }
    .inform-img{
    padding-top: 10px;
    }
}
@media screen and (min-width: 1920px){
   .cnv-project .ct .title {
      padding: 30px 0px 0px 20px
      font-size:20px;
    }
   .text-more{
       margin-top: 30px;
       margin-bottom: 30px;
    }
    .cnv-project .ct .more {
        padding: 10px 20px 10px 20px;
   }

}
.map-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}