/*
------------- 6.1 ------------------ */
.heading {
    margin-bottom: 40px;
    padding-bottom: 10px;
    position: relative;
}

    .heading.centered {
        text-align: center;
    }

    .heading:after {
        display: inline-block;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 1px;
        width: 200px;
        content: "";
        display: none;
    }

    .heading.main .head-sep {
        z-index: 3;
        margin-bottom: 15px;
        display: inline-block;
        top: -3px;
        line-height: 1;
        position: relative;
    }

        .heading.main .head-sep:before, .heading.main .head-sep:after {
            width: 50px;
            height: 1px;
            content: "";
            display: inline-block;
            position: relative;
            margin-right: 6px;
        }

        .heading.main .head-sep:after {
            margin-left: 22px;
            margin-right: 0;
        }

        .heading.main .head-sep u {
            width: 20px;
            position: absolute;
            display: block;
            left: 50%;
            top: 11px;
            margin-left: -10px;
        }

            .heading.main .head-sep u:after, .heading.main .head-sep u:before {
                position: absolute;
                top: 0;
                left: -2px;
                border-left: 2px #888 solid;
                border-right: 2px #888 solid;
                width: 10px;
                height: 6px;
                display: inline-block;
                content: "";
                -moz-transform: skew(30deg);
                -ms-transform: skew(30deg);
                -o-transform: skew(30deg);
                -webkit-transform: skew(50deg);
                transform: skew(30deg);
            }

            .heading.main .head-sep u:after {
                left: auto;
                right: -3px;
                -moz-transform: skew(-30deg);
                -ms-transform: skew(-30deg);
                -o-transform: skew(-30deg);
                -webkit-transform: skew(-50deg);
                transform: skew(-30deg);
            }

    .heading h3 {
        font-size: 33px;
        line-height: 1;
        margin-bottom: 10px;
    }

    .heading p {
        font-size: 15px;
        margin: 0;
        line-height: 1.6;
    }

    .heading p {
        margin-bottom: 15px !important;
    }

    .heading.centered p {
        width: 70%;
        margin: auto;
        display: table;
    }

    .heading.style3 {
        display: table;
    }

        .heading.style3:before {
            display: inline-block;
            position: absolute;
            left: 0;
            bottom: 0;
            content: "";
            height: 1px;
            width: 40px;
            border-top: medium #555 double;
        }

        .heading.style3.centered:before {
            left: 50%;
            margin-left: -20px;
        }

        .heading.style3.centered {
            display: block;
        }

    .heading.style4 {
        border-bottom: 1px #ddd solid;
    }
/*
------------- 6.2. Icon Boxes ---------------- */
/* icon box 2 */
/* style 3 */
.icon-boxes-3 {
    overflow: hidden;
}

.icon-box-3 {
    padding: 20px;
    text-align: center;
    width: 240px;
    margin: auto;
    position: relative;
    margin-bottom: 100px;
}

    .icon-box-3 .icon-desc {
        height: 200px;
        position: relative;
        -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.4);
        box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.4);
        z-index: 2;
    }

    .icon-box-3:before {
        position: absolute;
        left: 15px;
        top: 15px;
        width: 210px;
        height: 210px;
        content: "";
        display: inline-block;
        z-index: 1;
    }

    .icon-box-3 .icon-desc:after {
        position: absolute;
        bottom: -115px;
        left: 50%;
        width: 55px;
        height: 2px;
        margin-left: -27.5px;
        background-color: rgba(0, 0, 0, 0.6);
        content: "";
        display: inline-block;
        -webkit-filter: blur(3px);
        filter: blur(5px);
        border-radius: 50%;
    }

    .icon-box-3.circle:before, .icon-box-3.circle .icon-desc {
        border-radius: 50%;
    }

    .icon-box-3:after {
        left: 50%;
        margin-left: -90px;
        bottom: -60px;
        z-index: 0;
        border-width: 100px 90px 0 90px;
    }

    .icon-box-3 .icon-desc:before {
        border-width: 15px 12px 0 12px;
        z-index: 2;
        left: 50%;
        margin-left: -12px;
        bottom: -40px;
    }

    .icon-box-3 i {
        margin-top: 36px;
        font-size: 37px;
        opacity: 0.42;
        margin-bottom: 5px;
    }

    .icon-box-3 h4 {
        margin-bottom: 0;
        font-size: 15px;
        margin-top: 5px;
    }

    .icon-box-3 .box-number {
        font-size: 40px;
        line-height: 1.2;
    }
/* simple */
i[class*="-icon"]:hover:after {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 1;
}
/* .icon-box lg-icon */
.rect-angles span {
    display: inline-block;
}

[class*="-bg"] hr {
    border-color: rgba(0,0,0,.25);
    border-bottom: 1px rgba(255,255,255,.3) solid;
}

i[class*="-icon"] {
    display: inline-block;
    font-style: normal;
}

i.lg-icon {
    width: 60px !important;
    height: 60px !important;
    text-align: center;
    line-height: 58px !important;
    font-size: 23px !important;
}
/*
------------- 6.8. CTA ---------------- */
.cta_btn {
    display: table;
    width: 100%;
}

.cta-left, .cta-right {
    display: table-cell;
    vertical-align: middle;
}

h2.cta_heading {
    font-size: 24px;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.4;
    text-transform: uppercase;
}

h4.cta_heading {
    font-size: 16px;
    margin-bottom: 0;
    font-family: "Lato", serif;
}

.cta_btn .cta-small {
    width: 8%;
}
/*
------------- Pricing ---------------- */
/* style 3 */

/*
-------------- Progress Bars --------------- */

/*
-------------- testimonials ---------------- */
/*
--------------- features --------------- */
/*
---------- 6.2. Dividers --------------- */
.divider {
    position: relative;
    width: 100%;
}

hr.dev-style1 {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #eee, #999, #eee);
}

hr.dev-style4 {
    padding: 0;
    border: none;
    border-top: medium double #ddd;
    color: #333;
    text-align: center;
    position: relative;
}

    hr.dev-style4:before {
        display: inline-block;
        position: relative;
        top: -0.7em;
        font-size: 1.5em;
        padding: 0 0.25em;
        background: white;
        font: normal normal normal 17px/1 FontAwesome;
        content: "\f140";
        color: #ccc;
    }

/*
------------- Buttons --------------- */
.btn.main-bg {
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
}

.rect-angles {
    position: relative;
}

    .rect-angles:before {
        left: -1px;
        top: -1px;
        width: 10px;
        height: 1px;
    }

    .rect-angles:after {
        left: -1px;
        top: -1px;
        width: 1px;
        height: 10px;
    }

    .rect-angles > span:before {
        right: -1px;
        left: auto;
        bottom: -1px;
        top: auto;
        width: 10px;
        height: 1px;
    }

    .rect-angles > span:after {
        right: -1px;
        left: auto;
        bottom: -1px;
        top: auto;
        width: 1px;
        height: 10px;
    }

    .rect-angles span > span:before {
        left: -1px;
        bottom: -1px;
        top: auto;
        width: 10px;
        height: 1px;
    }

    .rect-angles span > span:after {
        left: -1px;
        bottom: -1px;
        top: auto;
        width: 1px;
        height: 10px;
    }

    .rect-angles span span span:before {
        right: -1px;
        left: auto;
        top: -1px;
        width: 10px;
        height: 1px;
    }

    .rect-angles span span span:after {
        right: -1px;
        left: auto;
        top: -1px;
        width: 1px;
        height: 10px;
    }

    .rect-angles:hover:before {
        width: 100%;
    }

    .rect-angles:hover span span span:after {
        height: 100%;
        -webkit-transition-delay: 0.2s !important;
        -moz-transition-delay: 0.2s !important;
        -o-transition-delay: 0.2s !important;
        transition-delay: 0.2s !important;
    }

    .rect-angles:hover > span:before {
        width: 100%;
        -webkit-transition-delay: 0.4s !important;
        -moz-transition-delay: 0.4s !important;
        -o-transition-delay: 0.4s !important;
        transition-delay: 0.4s !important;
    }

    .rect-angles:hover span > span:after {
        height: 100%;
        -webkit-transition-delay: 0.6s !important;
        -moz-transition-delay: 0.6s !important;
        -o-transition-delay: 0.6s !important;
        transition-delay: 0.6s !important;
    }

/*
------------ countdown -------------- */
/* Large counts */

/*
------------ Clients ------------- */

/*
---------------- Pagination ----------------- */

/*
---------------- tooltip & popover ----------------- */

/*
--------- highlight, Dropcaps --------- */

/*
------------- 6.5. Accordions ------------ */
.accordion {
    position: relative;
}

    .accordion h5.acc-head {
        margin-bottom: 0;
    }

        .accordion h5.acc-head a {
            display: block;
            padding: 15px;
            line-height: 20px;
            position: relative;
            font-size: 15px;
            border: 1px transparent solid;
            margin-bottom: -1px;
        }

            .accordion h5.acc-head a:after {
                position: absolute;
                top: 50%;
                right: 0;
                display: inline-block;
                font: normal normal normal 14px/1 FontAwesome;
                content: "\f00d";
                top: 0px;
                font-size: 12px;
                padding: 18px 0;
                font-size: 14px;
                width: 45px;
                text-align: center;
            }

h5.acc-head i {
    margin-right: 10px;
    font-size: 12px;
}

.accordion.shadowed {
    -webkit-box-shadow: 0px 0px 21px 1px rgba(0, 0, 0, 0.23);
    box-shadow: 0px 0px 21px 1px rgba(0, 0, 0, 0.23);
    border-radius: 3px;
}

    .accordion.shadowed h5.acc-head {
        border-top: 1px rgba(0,0,0,0.1) solid;
        border-radius: 3px;
    }

        .accordion.shadowed h5.acc-head a {
            background: transparent;
            border: 0;
            margin-bottom: 1px;
            border-radius: 3px;
            border-top: 1px rgba(255,255,255,0.1) solid;
        }
/*
---------------- Tabs ----------------- */
/* vertical */
/*
-------------- PIE Charts -------------- */

/*
------------- STEPS ---------------- */
.steps-1-container {
    position: relative;
}

    .steps-1-container:before {
        position: absolute;
        height: 1px;
        left: 0;
        width: 100%;
        content: "";
        display: inline-block;
        top: 50%;
    }

.steps-1 i {
    margin-bottom: 62px;
    width: 71px;
    height: 71px;
    text-align: center;
    line-height: 71px;
    font-size: 22px;
    border-style: dashed;
    border-width: 1px;
    border-radius: 50%;
    position: relative;
}

    .steps-1 i:after, .steps-1 h4:before {
        border-radius: 50%;
        width: 11px;
        height: 11px;
        position: absolute;
        bottom: -5.5px;
        left: 50%;
        margin-left: -5.5px;
        content: "";
        display: inline-block;
    }

.steps-1.alter i {
    margin-bottom: 0;
    margin-top: 75px;
}

    .steps-1.alter i:after {
        bottom: auto;
        top: -5.5px;
    }

.steps-1 h4 {
    padding: 35px 0 0 25px;
    margin-bottom: 2px;
    font-weight: 900;
    font-size: 25px;
    position: relative;
}

    .steps-1 h4:before {
        top: -3px;
        left: 30px;
        margin-left: 0;
    }

.steps-1.alter h4:before {
    bottom: -35px;
    top: auto;
}

.steps-1.alter h4 {
    padding: 0 0 15px 25px;
}

.steps-1 h4:after {
    position: absolute;
    width: 1px;
    height: 53px;
    left: 35px;
    top: -57px;
    content: "";
    display: inline-block;
}

.steps-1.alter h4:after {
    height: 45px;
    top: auto;
    bottom: -80px;
}

.steps-1 p {
    font-size: 11px;
    margin-left: 25px;
}

.steps-1.alter p {
    margin-bottom: 5px;
}

/* steps 2 */

/*
-------------- galleries ------------ */

/*
------------ Ribbons --------------- */
/* bottom */
/* top */
/* right */
/* left */
/*
------------- login ------------------ */

.lg-box {
    padding: 30px;
}

.fullscreen-contact {
    display: table;
    width: 60%;
    margin: auto;
    overflow: hidden;
    position: relative;
    border-top: 5px transparent solid;
    -webkit-box-shadow: 0px 7px 12px 0px rgba(0,0,0,.4);
    box-shadow: 0px 7px 12px 0px rgba(0,0,0,.4);
}

.inner-contact {
    padding: 50px 0;
}

/*
-------------- Teams ----------------- */