.cari h3, .h1{
    color: #fff;
	text-align: center;
}

.cari li {
	color: #fff;
	font-size: 18px;
}

.cari .folded-corner:hover .h1,
.cari .folded-corner:hover li,
.cari .folded-corner:hover h3 {
    visibility: visible;
    color: #000000;
}

.cari .folded-corner:hover .h1 {
    visibility: visible;
    color: #fff;
}

.cari .Services-tab {
    margin-top: 50px
}

.cari .folded-corner {
    padding: 60px 30px;
    position: relative;
    font-size: 100%;
    text-decoration: none;
    color: #999;
    background: transparent;
    transition: all ease .5s;
    border: 1px solid #fff
}

.cari .folded-corner:hover {
    background-color: #949494
}

.cari .folded-corner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 0px 0px 0;
    border-color: #ddd #000;
    transition: all ease .3s
}

.cari .folded-corner:hover:before {
    background-color: #D00003;
    border-width: 0 50px 50px 0;
    border-color: #eee #fff;
	
}

.cari .service_tab_1 {
    background-color: #000;
}

.cari .service_tab_1:hover .fa-icon-image {
    color: #000;
    transform: scale(1.5)
}

.cari .fa-icon-image {
    color: #ec5626;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-size-adjust: none;
    font-stretch: normal;
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    text-rendering: auto;
    transition: all .65s linear 0s;
    text-align: center;
    transition: all 1s cubic-bezier(.99, .82, .11, 1.41)
}
.roof
{
	text-align: left;
}