.w-100{ width: 100%;}

.tipprojects_search .col-contain-search .inner{
    background: #011c60;
    padding: 40px 20px;
    border-radius: 6px;
    text-align: center;

    background: rgb(38,34,98);
    background: linear-gradient(90deg, rgba(38,34,98,1) 0%, rgba(6,45,145,1) 73%, rgba(38,34,98,1) 100%);
}
.tipprojects_search .col-contain-search{ margin-bottom: 20px;}
.tipprojects_search .col-contain-search [class*="box-"]{
    display: inline-block;
    padding: 0 10px;
}
.tipprojects_search .col-contain-search .box-01{width: 20%; text-align: left; float: left;}
.tipprojects_search .col-contain-search .box-02, .tipprojects_search .col-contain-search .box-03{ width: 30%; text-align: left;}
.tipprojects_search .col-contain-search .box-04{ width: auto;}

.tipprojects_search .count-result-bar{ margin: 20px 0;}
.tipprojects_search .col-contain-search .box-01 span{
  color: #ffd214;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-size: 1.45em;
  line-height: normal;
}
.tipprojects_search .col-contain-search .box-01 h3{
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    position: relative;
    padding-left: 40px;
    font-size: 2em;
    letter-spacing: 3px;
    text-transform: uppercase;
    line-height: normal;
}
.tipprojects_search .col-contain-search .box-01 h3:before{
    font-family: 'fontawesome';
    content: "\f002";
    color: rgba(255, 255, 255, 0.04);
    font-weight: lighter;
    margin-right: 9px;
    font-size: 100px;
    position: absolute;
    right: -20px;
    top: -45px;
    text-shadow: 1px 2px -9px rgba(1, 28, 96, 0.22);
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.tipprojects_search .col-contain-search label{ color: #fff; line-height: 2;}
.tipprojects_search select{ 
    border: 1px solid #ebebeb; 
    background-image: #fff url(../images/dropdown-arrow.png);
}
.tipprojects_search .col-contain-search .box-04 .submit-btn{
    background: #fff;
    line-height: 32px;
    display: inline-block;
    padding: 0 30px;
    border-radius: 4px;
    box-shadow: inset 1px 2px 2px #3d70ff;
    background: #3059ca;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .3px;
}
.tipprojects_search .col-contain-search .box-04 .submit-btn:hover{
    background: #ffcb00;
    border-color: #ffcb00;
    box-shadow: inset 1px 2px 2px #886c00;
    color: #6b4602;
}

.tipprojects_search .count-result-bar .inner{
    border-bottom: 1px solid #f4f4f4;
    display: inline-block;
    width: 100%;
}
.tipprojects_search .count-result-bar .inner > .htitle{ margin-bottom: 0; color: #36309b; letter-spacing: 0; font-weight: 700;}
.tipprojects_search .count-result-bar .result-wording{ margin-bottom: 10px; color: #888; display: inline-block; float: left;}
.tipprojects_search .count-result-bar .result-wording span{
    display: inline-block;
    color: #878aa2;
    background: #d3deeb;
    line-height: 20px;
    padding: 0 8px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 600;
}
.tipprojects_search .count-result-bar .result-counting{ margin-bottom: 10px; color: #888; display: inline-block; float: right;}
.tipprojects_search .count-result-bar .result-counting span{font-size: 30px; padding: 0 2px; font-weight: 800; color: #36309b;}

.tipprojects_search .show-result .result-item{position: initial;}
.tipprojects_search .show-result .result-item .inner{position: relative; padding: 0;}
.tipprojects_search .show-result .result-item .ac-content{ 
    position: absolute;
    z-index: 2;
    background: #f6f6f6;
    border-radius: 2px;
    padding: 20px;
    margin: 20px 15px;
}
.tipprojects_search .show-result .result-item .inner a.for-link{
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 40%;
    z-index: 1;
    transition: all 0.2s ease;
    border-radius: 4px;
}

.tipprojects_search .show-result .result-item:hover .inner a.for-link,
.tipprojects_search .show-result .result-item.ac-active .inner a.for-link{ 
    background: rgba(21, 16, 90, 0.56);
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
.tipprojects_search .show-result .result-item .inner a.for-link:before,
.tipprojects_search .show-result .result-item.ac-active .inner a.for-link:before{
  position: absolute;
  content: "";
  left: 0;
  top: 30%;
  width: 80px;
  height: 80px;
  background: url(../images/sign.png) no-repeat;
  background-size: 100%;
  background-position: center;
  filter: brightness(0) invert(1);
  pointer-events: none;
  margin: 0 auto;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-animation: rotating 1.8s linear infinite;
  -moz-animation: rotating 1.8s linear infinite;
  -ms-animation: rotating 1.8s linear infinite;
  -o-animation: rotating 1.8s linear infinite;
  animation: rotating 1.8s linear infinite;
  opacity: 0;
}
.tipprojects_search .show-result .result-item:hover .inner a.for-link:before,
.tipprojects_search .show-result .result-item.ac-active .inner a.for-link:before{ 
    opacity: .2
}

.tipprojects_search .show-result .result-item .inner a.for-link span{
    position: relative;
    z-index: 2;
    color: #edbf22;
    padding: 5px 20px;
    border-radius: 20px;
    display: inline-block;

    transition: all 0.2s ease;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0;
    
    opacity: 0;
}
.tipprojects_search .show-result .result-item:hover .inner a.for-link span,
.tipprojects_search .show-result .result-item.ac-active .inner a.for-link span{ opacity: 1;}

.tipprojects_search .show-result .result-item .item-image img{ border-radius: 4px 4px 0 0;}
.tipprojects_search .show-result .result-item .item-detail{
    background: #f4f2f7;
    /*background: #111e6c;*/
    padding: 15px;
    /*border-radius: 0 0 4px 4px;*/
    text-align: center;
}
.tipprojects_search .show-result .result-item:hover .item-detail,
.tipprojects_search .show-result .result-item.ac-active .item-detail{ 
    background: #111e6c;
}
.tipprojects_search .show-result .result-item .item-detail a.project-title{
    position: relative;
    font-weight: 700;
    font-size: 1.225em;
    margin-bottom: 5px;
    display: inline-block;
    z-index: 2;
}
.project-location{ 
    position: relative;
    z-index: 2;
    font-size: 12px;
}
.project-location:before{
    font-family: 'fontawesome';
    content: "\f041";
    margin-right: 5px;
    color: rgba(85, 93, 98, 0.23);
    font-size: 21px;
}
.tipprojects_search .show-result .result-item:hover .project-title, 
.tipprojects_search .show-result .result-item:hover .project-location,
.tipprojects_search .show-result .result-item:hover .project-location a,
.tipprojects_search .show-result .result-item.ac-active .project-title, 
.tipprojects_search .show-result .result-item.ac-active .project-location,
.tipprojects_search .show-result .result-item.ac-active .project-location a{
    color: #fff;
}
.tipprojects_search .show-result .result-item a:hover{ text-decoration: underline;}

.tipprojects_search .show-result > ul{ padding: 0; margin: 0;}


.tipprojects_search .show-result > ul > li:nth-child(4n+1){ clear: left;}



.tipprojects_search .show-result{
    z-index: 10;
    width: 100%;
}
.tipprojects_search .show-result .result-item{
    display: block;
    float: left;
    width: 25% !important;
    padding: 1%;
}
.tipprojects_search .show-result .result-item .ac-content{
    display: none;
    width: 1140px;
    left: 0px;
    padding: 2%;
    z-index: 0;
    box-shadow: -2px 8px 10px 0px rgba(36, 36, 36, 0.26);
}
.tipprojects_search .show-result .result-item.ac-active .ac-content{
    position: relative;
    margin: 20px 0;
    padding: 5% 10%;
}
.tipprojects_search .show-result > ul > li:nth-child(4n+2) .ac-content{ left: -108%;}
.tipprojects_search .show-result > ul > li:nth-child(4n+3) .ac-content{ left: -216%;}
.tipprojects_search .show-result > ul > li:nth-child(4n+4) .ac-content{ left: -324%;}

.tipprojects_search .show-result .result-item .ac-content .project-location a{
    color: #333;
    font-size: 1.125em;
}


.tipprojects_search .show-result .result-item.ac-active .inner:after{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: -20px;
    margin: 0 auto;

    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #f3f3f3;
}
.tipprojects_search .show-result .result-item .ac-content .head-box{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}
.tipprojects_search .show-result .result-item .ac-content .head-box h3{
    text-align: center;
    font-weight: 600;
    border-radius: 4px 4px 0 0;
    padding: 10px 5px 5px 5px;
}
.tipprojects_search .show-result .result-item .ac-content .body-box td{ vertical-align: middle;}
.status-available{
    position: relative;
    padding: 0 10px;
    line-height: 20px;
    display: inline-block;
    border-radius: 20px;
    font-size: 13px;
    background: #e0e0e0;
    color: #939393;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
.status-available.true{ background: #43b12e; color: #fff;}
.status-available.true:hover{ transform: scale(1.1);}
.status-available.true:before{ content: "Available";}
.status-available.false:before{ content: "Not Available";}

.tipprojects_search .show-result .result-item .ac-content .body-box td.for-img{ padding: 0;}
.tipprojects_search .show-result .result-item .ac-content .body-box td.for-img img{
    height: 90px;
    width: auto;
    margin: 5px 0;
}

.tipprojects_search .show-result .result-item .ac-content .body-box table a.unit-name{ font-weight: 600;}
.tipprojects_search .show-result .result-item .ac-content .body-box table a.unit-name:after{
    font-family: 'fontawesome';
    content: "\f08e";
    font-size: 10px; 
    font-weight: normal;
    color: #526092;
    padding-left: 6px;
}

.link-to-detail.not-available{ cursor: not-allowed;}
.tipprojects_search .show-result .result-item .ac-content .body-box table tr.unit-item.not-available{ opacity: .5; cursor: not-allowed;}

.btn-inquiry{
    display: inline-block;
    padding: 9px 20px;
    border-radius: 25px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    box-shadow: inset 1px 2px 2px #3d70ff;
    background: #3059ca;
    color: #fff;
}
.btn-inquiry:hover{
    color: #fff;
    background: #022b92;
    box-shadow: inset 1px 2px 2px #838383;
}
.hvr-expand{
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
.hvr-expand:hover{ transform: scale(1.1);}
.btn-custom{
    background: #fff;
    line-height: 32px;
    display: inline-block;
    padding: 0 30px;
    border-radius: 4px;
    box-shadow: inset 1px 2px 2px #3d70ff;
    background: #3059ca;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .3px;
}
.btn-custom:hover{
    background: #ffcb00;
    border-color: #ffcb00;
    box-shadow: inset 1px 2px 2px #886c00;
    color: #6b4602;
}


/* DETAIL PAGE */
/*.tipprojects_searchdetail .header-title{ padding: 0;}*/
.tipprojects_searchdetail .header-title > .inner{ 
    position: relative;
    margin-bottom: 10px;
}
.tipprojects_searchdetail .header-title > .inner:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    right: 0;
    bottom: 0;
    background: #ccc;
    
    background: rgb(226,226,227);
    background: linear-gradient(90deg, rgba(226,226,227,0) 0%, rgba(237,238,243,1) 39%, rgba(216,218,222,1) 80%, rgba(255,255,255,1) 100%);

}
.tipprojects_searchdetail .header-title h3{
    position: relative;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 0;
    margin-right: 10px;
    font-size: 30px;
    padding: 0 2px;
    font-weight: 800;
    color: #36309b;
    padding-left: 55px;
    margin-bottom: 10px;
}
.tipprojects_searchdetail .header-title h3:before{
   position: absolute;
   content: "";
   left: 0;
   top: 0;
   width: 48px;
   height: 48px;
   background: url(https://tipprojects.com/sites/10998/files/s/settings/o_1btlr9ar04c3o4e153k17pg170qt.png) no-repeat;
   background-size: 150px;
   background-position: -8px -9px;
   pointer-events: none;
   right: 0;
   bottom: 0;
   z-index: 1;
}
.tipprojects_searchdetail .btn-download{
    float: right;
    margin-top: 7px;
}
.tipprojects_searchdetail .description-item{ margin-bottom: 30px;}
.tipprojects_searchdetail .description-item > ul{
    padding: 0;
    margin: 0;
    padding-left: 20px;
}
.tipprojects_searchdetail .description-item ul li{
    color: #5d5a67;
    font-size: 1.025em;
}
.tipprojects_searchdetail .description-item ul li strong{
    min-width: 85px;
    display: inline-block;
    color: #555;
    font-weight: 700;
}
.tipprojects_searchdetail .detail-box .detail-item{ margin-bottom: 40px;}
.tipprojects_searchdetail .detail-box .detail-item .image-slide{ margin-top: 20px;}
.tipprojects_searchdetail .detail-box .detail-item .htitle{
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
    color: #555;
    display: inline-block;
    background: linear-gradient(90deg, rgba(38,34,98,1) 0%, rgba(6,45,145,1) 73%, rgba(38,34,98,1) 100%);
    color: #fff;
    padding: 0 44px;
    margin-bottom: 0;
    border-radius: 30px 0;
    line-height: 40px;
}

.tipprojects_searchdetail .detail-box .detail-item .info ul{ 
    padding: 0; 
    /*padding-left: 10px;*/
    /*padding-top: 10px;*/
}
.tipprojects_searchdetail .detail-box .detail-item .info ul li{
    line-height: 3;
    border-bottom: 1px solid #e9e9e9;
}
.tipprojects_searchdetail .detail-box .detail-item .info ul li strong{
    /*min-width: 140px;*/
    min-width: 154px;
    display: inline-block;
    margin-right: 10px;
    background: #f7f7f7;
    padding: 0 15px;
}
@media (max-width: 1024px){
    .tipprojects_search .show-result .result-item .ac-content{ width: 950px;}
}
@media (max-width: 768px){
    .tipprojects_search .col-contain-search{ padding: 0;} 
    .tipprojects_search .col-contain-search .inner{ border-radius: 0; padding: 30px 20px 20px 20px;}
    .tipprojects_search .col-contain-search .box-01{ width: 100%; text-align: center; margin-bottom: 15px;}
    .tipprojects_search .col-contain-search .box-01 h3{ display: inline-block; padding: 0;}
    .tipprojects_search .col-contain-search .box-01 h3, .tipprojects_search .col-contain-search .box-01 span{ font-size: 1.45em; letter-spacing: 1px;}
    .tipprojects_search .show-result > ul{ padding: 0 15px;}
    .tipprojects_search .show-result .result-item.ac-active .ac-content{ width: 720px; z-index: 2; margin: 20px auto;}
    .tipprojects_search .show-result .result-item .ac-content .body-box td.for-img{ min-width: 200px;}

    .tipprojects_searchdetail .header-title h3:before{background-size: 100px; background-position: 12px 5px; left: -2px;}
    .tipprojects_searchdetail .header-title h3, .tipprojects_searchdetail .header-title > .inner{ margin-bottom: 0;}
    .tipprojects_searchdetail .header-title > .inner:after{ display: none;}
    .tipprojects_searchdetail .description-item > ul{ padding-left: 15px;}
    .tipprojects_searchdetail .description-item ul li strong{ color: #36309b;min-width: 70px;}

}
@media (max-width: 480px){
    .tipprojects_search .col-contain-search .box-02, 
    .tipprojects_search .col-contain-search .box-03,
    .tipprojects_search .col-contain-search .box-04{
        width: 100%;
        margin-bottom: 20px;
    }
    .tipprojects_search .col-contain-search .box-04 .submit-btn{
        width: 100%;
        font-size: 16px;
        padding: 8px;
    }
    .tipprojects_search .show-result .result-item{ width: 100% !important; padding: 1.5%;}
    .tipprojects_search .show-result > ul > li:nth-child(4n+2) .ac-content,
    .tipprojects_search .show-result > ul > li:nth-child(4n+3) .ac-content,
    .tipprojects_search .show-result > ul > li:nth-child(4n+4) .ac-content{
        left: 0;
    }
    .tipprojects_search .show-result .result-item .item-detail{ padding: 10px;}
    .tipprojects_search .show-result .result-item.ac-active .ac-content{ width: 375px; padding: 0;}
    .tipprojects_search .count-result-bar .result-counting{
        position: absolute;
        top: 5px;
        right: 15px;
    }
    .tipprojects_search .count-result-bar .result-counting span{ font-size: 20px;}
    .tipprojects_search .count-result-bar{ margin-top: 0;}

    .tipprojects_searchdetail .detail-box .detail-item .info ul li strong{
        min-width: initial;
        background: transparent;
        padding: 0;
        padding-right: 0;
        color: #36309b;
    }
    .tipprojects_searchdetail .detail-box .detail-item .info ul li{ line-height: 2; border: none; font-size: 12px;}
    .tipprojects_searchdetail .detail-box .detail-item .htitle{margin-bottom: 5px;}
    .tipprojects_searchdetail .detail-box .detail-item .info ul{ margin-bottom: 10px;}
    .tipprojects_searchdetail .detail-box .detail-item .image-slide{ margin-top: 0;}
    .tipprojects_searchdetail .detail-box .detail-item{ margin-bottom: 40px !important;}
}
@media (max-width: 375px){
    .tipprojects_search .show-result .result-item.ac-active .ac-content{ width: 340px; }
}
@media (max-width: 320px){
    .tipprojects_search .count-result-bar .inner .result-wording, .tipprojects_search .count-result-bar .result-wording span{ font-size: 10px;}
    .tipprojects_search .show-result .result-item.ac-active .ac-content{ width: 290px; }

    .tipprojects_searchdetail .header-title h3:before{ left: -13px;}
    .tipprojects_searchdetail .header-title h3{ padding-left: 43px;}
    .tipprojects_searchdetail .description-item ul li strong{ min-width: 65px;}

    .tipprojects_searchdetail .description-item > ul{ padding-left: 5px; font-size: 12px;}
    .tipprojects_searchdetail .detail-box .detail-item .info, .tipprojects_searchdetail .detail-box .detail-item .image-slide{padding: 0 5px;}

}