.project-banner {position: relative;}
.project-banner img {width: 100%;}
.project-banner::after {content: ' ';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0, 0, 0, .6);z-index: 2;}
.project-banner .project-title {position: absolute;top: 20%;left: 50%;transform: translateX(-50%);z-index: 3;color: #fff;text-align: center;text-transform: uppercase;}
.project-banner .project-title h2 {color: #fff;font-size: 60px;font-family: 'TwCenMT Regular';position: relative;}
.project-banner .project-title h2 span {display: inline-block;width: 105px;height: 10px;border-radius: 5px;background-color: #f6b74e;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);}
.project-banner .project-title p {font-size: 24px;margin-top: 46px;}
.project-banner .bl-wrap {position: absolute;bottom: 0;left: 0;z-index: 3;}
.project-banner .bl-wrap img {width: 100%;}
.project-banner-title-2 {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;max-width: 1300px;}
.project-banner-title-2 a {color: #000;font-size: 20px;}
.project-banner-title-2 span {font-size: 20px;}
.breadcrumbs-wrap {border-image-slice: 10;border-bottom: 1px solid;border-image-source: linear-gradient(to right, rgba(0,0,0,.3) 0%, rgba(255,255,255,.1) );line-height: 30px;}
.breadcrumbs-wrap i {color: #fd9923;margin-right: 10px;}

.project-list-wrap {padding: 80px 0;}
.project-items {padding: 20px 50px;}
.phone-not-show {display: block;}
.module-wrap-1200 {max-width: 1200px;margin: auto;}

.project-item {border-bottom: 1px solid rgba(0, 0, 0, .2);margin-bottom: 30px;}
.project-item h3 a {color: #2d2757;font-family: 'TwCenMT Bold';font-size: 40px;line-height: 1;}
.project-item .img img {width: 100%;}
.project-item p {margin: 20px 0;font-size: 20px;}
.project-item p a {font-size: 20px;color: #fd9923;}
.right-form {padding: 20px 10px 0;background-color: #feb300;margin-top: 20px;border-radius: 5px;}
.right-form input[type="submit"] {width: 100% !important;background-color: #1548b6 !important;}

.single-project-wrap {padding: 80px 0;}
.single-project-wrap h2 {text-align: left;}
.single-project-wrap .title p {line-height: 30px;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    font-size: 16px;
    color: #999;
    width: 160px;
    margin: 0 0 20px;
    text-align: center;}
.single-project-wrap hr {border-color: rgba(0,0,0,.6);margin: 40px 0;}
.single-project-content {padding-right: 30px;}
.ast-pagination { padding-left: 3.33333em;padding-right: 3.33333em;}
.ast-pagination > .wp-pagenavi {text-align: center;}
.previouspostslink, .nextpostslink {
    display: inline-block;
    line-height: 2.33333em;
    height: 2.33333em;
    padding: 0 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #fd9923;
}
.previouspostslink {
    float: left;
}
.nextpostslink {
    float: right;
}
.ast-pagination span, .ast-pagination .page,.ast-pagination .last,.ast-pagination .first {display: inline-block;
    width: 2.33333em;
    line-height: 2.33333em;
    height: 2.33333em;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    border-color: #fd9923;
    margin: 0 2px;}
.ast-pagination .current {background: #fd9923;
    color: #fff;
    border-color: #fd9923;
    border-style: solid;
    border-width: 1px;
}
.ast-pagination span:hover, .ast-pagination .page:hover, .previouspostslink:hover, .nextpostslink:hover {
    background: #fd9923;
    color: #fff;
}
.ast-pagination a {color:#fd9923;width: 2.33333em;
    line-height: 2.33333em;
    height: 2.33333em;}
.ast-pagination .extend {display: none;}
.ast-pagination {margin-top: 40px;}
@media (max-width:786px) {
    .phone-not-show {display: none;}
    .project-banner .project-title h2 {font-size: 20px;}
    .project-banner .project-title p {font-size: 16px; margin-top: 5px;line-height: 1;}
    .project-banner-title-2 a,.project-banner-title-2 span {font-size: 14px;}
    .breadcrumbs-wrap {padding-left: 40px;line-height: 1;}
    .project-banner-title-2 {bottom: -15px;}
    .project-item h3 a {font-size: 26px;}
    .project-list-wrap {padding: 20px 10px;}
    .project-items {padding: 10px;}
    .ast-pagination {margin-top: 10px;}
    .project-banner .project-title {width: 100%;}
    .single-project-wrap {padding: 20px 10px;}
}

