.rev_slider .tp-revslider-mainul li.overlay .slotholder:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4)!important;
    z-index: 10;
}
.recent_project_2 .recent_box .recent_text > h3 {
    font-size: 18px;
}
/* 2.7. BOX IMAGE 4 */
.box-image-4 {
    position: relative;
    margin-bottom: 30px; }
.box-image-4 .media {
    overflow: hidden;
    background-color: #041e42;
    position: relative; }
.box-image-4 .media img {
    opacity: 1;
    max-width: 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition: 0.1s all linear;
    transition: 0.1s all linear; }
.box-image-4 .body {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    background-color: rgba(4, 30, 66, 0.4);
    border: solid 10px #e5e5e5;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out; }
.box-image-4 .body .content {
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
.box-image-4 .title {
    color: #ffffff;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px; }
.box-image-4 .category {
    color: #ffffff; }
.box-image-4:hover .media img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    box-shadow: none;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms; }
.box-image-4:hover .body {
    opacity: 1; }
.box-image-4:hover .title {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
.nav>li { padding: 0 20px;}
.navbar-nav>li:hover {background: #333;color:#fff}
.navbar-nav li.on a:hover{color:#fff}
.navbar-nav>li.cool-link_3:hover a {color:#fff}
.tp-tab:hover .tp-tab-title, .tp-tab:hover .tp-tab-desc {color:#333;}
.tp-tab.selected .tp-tab-title, .tp-tab.selected .tp-tab-desc {color:#333;}
.tp-tab.selected .tp-tab-title span {background: #333;color:#fff;}
.tp-tab:hover .tp-tab-title span {background: #333;color:#fff;}
.adres_box a {color:#fff;}
.nav_bor_top .navbar-nav > li.cool-link_3.on > a {color:#fff}
.header .nav-menu > li.on .dropdown-toggle{color:#fff!important;}
.recent_project_2 .owl-next:hover i {color:#fff;}
.recent_project_2 .owl-prev:hover i {color:#fff;}
#page_banner { position: relative; padding-top:7%;}
.border_b {
    margin-top: 58px;
}
#page_banner:before  {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4)!important;
    z-index: 1;
}
.services_bg_text:before  {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4)!important;
    z-index: 1;
}
.teks-breadcumb {z-index: 1;position: relative}
.taqline-about-us p{padding:0;color:white}
.taqline-about-us h2{color:white}
.text_ita {font-style: italic;}
.team_text {text-align: center}
.team_text h3 {font-size: 18px;}
.item {margin-bottom:50px;}
.colomn-client {border-bottom: 1px solid #ddd;padding:20px 0; margin:20px 0;}
.colomn-client h4{min-height: 50px}