.triangle-up {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 27px 15px;
    border-color: transparent transparent #ffffff transparent;
    position: relative;
    top: -23px;
    left: 13px;
    display: block;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

    .triangle-up:after {
        position: absolute;
        content: "";
        left: -12px;
        top: 2px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 12px 24px 12px;
        border-color: transparent transparent #ffffff transparent;
    }

.triangle-down {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 27px 15px 0 15px;
    border-color: #ffffff transparent transparent transparent;
    position: relative;
    top: 23px;
    left: 13px;
    display: block;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

    .triangle-down:after {
        position: absolute;
        content: "";
        left: -12px;
        top: -26px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 24px 12px 0 12px;
        border-color: #1e1f23 transparent transparent transparent;
    }

.rex-about {
    padding: 10px 0;
    text-align: center;
}

    .rex-about .rex-block {
        /* rex-block start */
        /* end edit-color  */
    }

        .rex-about .rex-block h2 {
            font-size: 24px;
            padding-bottom: 20px;
        }

        .rex-about .rex-block p {
            padding: 0 0px 20px;
        }
        .rex-about .rex-block a.readmore {
            color: #ff732c;
            text-decoration: underline;
            margin-left: 5px;
            -webkit-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
        }
        .rex-about .rex-block a {
            color: #ff732c;
            text-decoration: underline;
            margin-left: 5px;
            -webkit-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
        }

            .rex-about .rex-block a:hover {
                color: #545454;
            }

        .rex-about .rex-block ul {
            /* rex-block ul style */
        }

            .rex-about .rex-block ul li {
                background: #ffffff;
                margin-bottom: 12px;
                text-decoration: none;
                padding-top: 15px;
                display: block;
                cursor: pointer;
                -webkit-transition: all .5s;
                -o-transition: all .5s;
                transition: all .5s;
                box-shadow: 1px 1px 1px 1px #F2F6F9;
            }

                .rex-about .rex-block ul li h4 {
                    color: #1f1f1f;
                    text-transform: uppercase;
                    padding-left: 20px;
                    font-size: 25px;
                    -webkit-transition: all .5s;
                    -o-transition: all .5s;
                    transition: all .5s;
                    text-align: left;
                    font-family: 'Droid Sans','Vollkorn','Times New Roman',serif;

                }

                .rex-about .rex-block ul li p {
                    padding: 0 22px 20px;
                    color: #545454;
                    text-align: left;
                    font-family: 'Droid Sans','Vollkorn','Times New Roman', serif;
                    font-style: normal;
                    font-size: 16px;
                }
                .rex-about .rex-block ul li p.contentdetail {
                    display: none;
                }

                .rex-about .rex-block ul li:hover {
                    background: #fff4de;
                }

                    .rex-about .rex-block ul li:hover h4 {
                        color: #ff732c;
                    }

                .rex-about .rex-block ul li:not(.active) .about-img {
                    display: none !important;
                }

            .rex-about .rex-block ul .active {
                background: #fff4de;
            }

                .rex-about .rex-block ul .active h4 {
                    color: #ff732c;
                }

        .rex-about .rex-block .edit-color {
            /*select text (rex-block > p.edit-color) section color */
            color: #545454;
        }

    .rex-about .select-row {
        position: relative;
    }

    .rex-about .select-col {
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
    }

    .rex-about .about-img {
        position: relative;
    }

        .rex-about .about-img:before {
            content: "";
            position: absolute;
            left: 15px;
            top: 15px;
            right: 15px;
            bottom: 15px;
            border: 1px dotted #9fa39f;
        }

        .rex-about .about-img img {
            margin: 0 auto;
            width: 100%;
        }

    .rex-about .rex-slide-angle .triangle-up {
        border-color: transparent transparent #ffffff transparent;
    }

        .rex-about .rex-slide-angle .triangle-up:after {
            border-color: transparent transparent #1e1f23 transparent;
        }

        .rex-about .rex-slide-angle .triangle-up:hover {
            border-color: transparent transparent #ff732c transparent;
        }

            .rex-about .rex-slide-angle .triangle-up:hover:after {
                border-color: transparent transparent #1e1f23 transparent;
            }

    .rex-about .rex-slide-angle .triangle-down:hover {
        border-color: #ff732c transparent transparent transparent;
    }

        .rex-about .rex-slide-angle .triangle-down:hover:after {
            border-color: #1e1f23 transparent transparent transparent;
        }

.remove-padding-right-style {
    padding-right: 0;
}
.item-padding-style {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
@media (max-width: 767px) {
    .item-padding-style {
        padding: 2px !important;
    }
}
span.total {
    color: #fff;
}