/*
Theme: Aicsa
Author: Codelayers
Version: 1.0
Designed and Development by: Codelayers
*/



/*===============================================
-------------------------------------------------
image hover styles
-------------------------------------------------
================================================*/

/* =========== image hovers============= */

/*image hover style 1
 ------------------------------ */
.img-hover-1 {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    z-index: 1;
    top: 0px;
    transition: all 0.3s ease-out 0s;
    overflow: hidden;
}

    .img-hover-1 img {
        position: relative;
        top: 0px;
        transition: all 0.3s ease-out 0s;
    }

    .img-hover-1 .text-box {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 20px;
        margin: 0px;
        float: left;
        z-index: 0;
        transition: all 0.3s ease-out 0s;
        background-color: #f51e46;
    }

    .img-hover-1:hover .img-hover-1 img {
        top: 280px;
    }


/*image hover style 2
 ------------------------------ */
.img-hover-2 {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    z-index: 0;
    top: 0px;
    transition: all 0.3s ease-out 0s;
    overflow: hidden;
}

    .img-hover-2 .text-box {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 20px;
        margin: 0px;
        float: left;
        z-index: 1;
        opacity: 0;
        transition: all 0.3s ease-out 0s;
        background-color: rgba(0, 0, 0, 0.5);
    }

        .img-hover-2 .text-box .icon-1 {
            position: absolute;
            width: 50px;
            height: 50px;
            float: left;
            top: -53px;
            left: 60px;
            padding: 0px;
            margin: 0px;
            color: #fff;
            line-height: 50px;
            text-align: center;
            margin-right: 20px;
            background-color: #f51e46;
            border-radius: 100%;
        }

            .img-hover-2 .text-box .icon-1.two {
                left: 119px;
                top: -53px;
            }

            .img-hover-2 .text-box .icon-1:hover, .img-hover-2 .text-box .icon-2:hover {
                color: #242424;
                background-color: #fff;
            }

    .img-hover-2:hover .text-box {
        opacity: 1;
    }

        .img-hover-2:hover .text-box .icon-1 {
            top: 80px;
        }

            .img-hover-2:hover .text-box .icon-1.two {
                top: 80px;
                transition: all 0.5s ease-out 0s;
            }


/*image hover style 3
 ------------------------------ */
.img-hover-3 {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    z-index: 0;
    transition: all 0.3s ease-out 0s;
    overflow: hidden;
}

    .img-hover-3 .text-box {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 20px;
        margin: 0px;
        float: left;
        z-index: 1;
        left: -280px;
        transition: all 0.3s ease-out 0s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    .img-hover-3:hover .text-box {
        left: 0;
    }


/*image hover style 4
 ------------------------------ */
.img-hover-4 {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    z-index: 0;
    transition: all 0.3s ease-out 0s;
    overflow: hidden;
}

    .img-hover-4 .text-box {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 10px 20px 20px 20px;
        margin: 0px;
        float: left;
        z-index: 1;
        top: 205px;
        transition: all 0.3s ease-out 0s;
        background-color: rgba(0, 0, 0, 0.7);
    }

    .img-hover-4:hover .text-box {
        top: 0;
    }


/* =========== date pickers ============= */

.calendar-holder {
    width: 100%;
    float: left;
    border: 1px solid #101010;
    padding: 15px;
    background-color: #101010;
}

.calendar-holder-2 {
    width: 100%;
    float: left;
    border: 1px solid #e9e9e9;
    padding: 15px;
    background-color: #fff;
}




/* =========== date picker input ============= */
.datepicker-input {
    background-color: #fff;
    border: 1px solid #ebebeb;
    color: #101010;
    float: left;
    height: 45px;
    margin-bottom: 15px;
    padding: 8px;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}

    .datepicker-input:focus {
        border: 1px solid #f51e46;
        outline: medium none !important;
        transition: all 0.3s ease-out 0s;
    }

/* dark calendar
 ------------------------------ */

.calendar-dark .bootstrap-datetimepicker-widget {
    width: 100%;
    float: left;
    border: 1px solid #101010;
    padding: 15px;
    border-radius: 0;
    background-color: #101010;
}
/* dark calendar
 ------------------------------ */

.shc-cal-white .bootstrap-datetimepicker-widget {
    width: 100%;
    float: left;
    border: 1px solid #e4e4e4;
    padding: 15px;
    border-radius: 0;
    background-color: #fff;
}

.calendar-date-hilight .datepicker table tr td.active:active, .calendar-date-hilight .datepicker table tr td.active.highlighted:active, .calendar-date-hilight .datepicker table tr td.active.active, .calendar-date-hilight .datepicker table tr td.active.highlighted.active, .open > .calendar-date-hilight .dropdown-toggle.datepicker table tr td.active, .open > .calendar-date-hilight .dropdown-toggle.datepicker table tr td.active.highlighted {
    background-color: #fc4242;
    border-color: #fc4242;
    color: #ffffff;
    border-radius: 0px;
}

.input-group-addon.less-height:last-child {
    height: 20px;
}


/* =========== Alert messages ============= */

.alert-box {
    padding: 20px;
    margin-bottom: 15px;
    opacity: 1;
    transition: opacity 0.6s; /* 600ms to fade out */
}

    .alert-box.danger {
        color: #fff;
        background-color: #f66358;
    }

    .alert-box.success {
        color: #fff;
        background-color: #6abd6e;
    }

    .alert-box.info {
        color: #fff;
        background-color: #47a8f5;
    }

    .alert-box.warning {
        color: #fff;
        background-color: #ffaa2b;
    }

.alert-closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

    .alert-closebtn:hover {
        color: black;
    }

/* =========== blockquotes ============= */

.blockquote-1 {
    background: #fff;
    border-left: 6px solid #101010;
    margin: 0 0 20px;
    padding: 10px 20px;
    quotes: "\201C""\201D""\2018""\2019";
}

    .blockquote-1:before {
        color: #ccc;
        content: open-quote;
        font-size: 4em;
        line-height: 0.1em;
        margin-right: 0.25em;
        vertical-align: -0.4em;
    }

/* blockquote style 2
 ------------------------------ */

.blockquote-2 {
    background: #101010;
    border-left: 6px solid #f51e46;
    margin: 0 0 20px;
    padding: 30px 20px;
    quotes: "\201C""\201D""\2018""\2019";
}

/* blockquote style 3
 ------------------------------ */

.blockquote-3 {
    background: #f51e46;
    border-left: 6px solid #101010;
    margin: 0 0 20px;
    padding: 30px 20px;
    quotes: "\201C""\201D""\2018""\2019";
}

    .blockquote-3 p {
        color: #fff;
    }

    .blockquote-3 cite {
        color: #101010;
    }

    .blockquote-3 small {
        color: #101010;
    }


/* blockquote style 4
 ------------------------------ */

.blockquote-4 {
    background: #fff;
    border-left: none;
    margin: 0 0 20px;
    padding: 10px 20px;
    quotes: "\201C""\201D""\2018""\2019";
}

    .blockquote-4 cite {
        color: #f51e46;
    }

    .blockquote-4 small {
        color: #f51e46;
    }

    .blockquote-4.text-right {
        text-align: right;
    }


/* =========== breadcrumbs ============= */

.breadcrumbs-1 {
    overflow: hidden;
    width: 100%;
}

    .breadcrumbs-1 li {
        margin: 0 .5em 0 1em;
        display: inline-block;
    }

    .breadcrumbs-1 a {
        background: #eeeeee;
        padding: .7em 1em;
        float: left;
        text-decoration: none;
        color: #444;
        position: relative;
    }

        .breadcrumbs-1 a:hover {
            color: #fff;
            background: #f51e46;
        }

        .breadcrumbs-1 a::before {
            border-color: #eeeeee #eeeeee #eeeeee transparent;
            border-style: solid;
            border-width: 21px 2px 22px 14px;
            content: "";
            left: -1em;
            margin-top: -21px;
            position: absolute;
            top: 50%;
            transition: all 0.3s ease-out 0s;
        }

        .breadcrumbs-1 a:hover::before {
            border-color: #fce206 #fce206 #fce206 transparent;
            transition: all 0.3s ease-out 0s;
        }

        .breadcrumbs-1 a::after {
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -1.5em;
            border-top: 1.5em solid transparent;
            border-bottom: 1.5em solid transparent;
            border-left: 1em solid #eeeeee;
            right: -1em;
            transition: all 0.3s ease-out 0s;
        }

        .breadcrumbs-1 a:hover::after {
            border-left-color: #f51e46;
        }

        .breadcrumbs-1 a.current {
            background: #f51e46;
            color: #fff;
            text-shadow: none;
        }

            .breadcrumbs-1 a.current::after {
                border-left: 1em solid #f51e46;
            }

            .breadcrumbs-1 a.current::before {
                border-color: #fce206 #fce206 #fce206 transparent;
            }


    /* dark style
 ------------------------------ */
    .breadcrumbs-1.dark a {
        background: #101010;
        color: #727272;
    }

        .breadcrumbs-1.dark a:hover {
            color: #fff;
            background: #f51e46;
        }

        .breadcrumbs-1.dark a::before {
            border-color: #101010 #101010 #101010 transparent;
        }

        .breadcrumbs-1.dark a:hover::before {
            border-color: #fce206 #fce206 #fce206 transparent;
        }

        .breadcrumbs-1.dark a::after {
            border-left: 1em solid #101010;
        }

        .breadcrumbs-1.dark a:hover::after {
            border-left-color: #f51e46;
        }

        .breadcrumbs-1.dark a.current {
            background: #f51e46;
            color: #fff;
            text-shadow: none;
        }

            .breadcrumbs-1.dark a.current::after {
                border-left: 1em solid #f51e46;
            }

            .breadcrumbs-1.dark a.current::before {
                border-color: #fce206 #fce206 #fce206 transparent;
            }


/* breadcrumb style 2
 ------------------------------ */

.breadcrumbs-2 {
    background-color: #fff;
}

    .breadcrumbs-2 li {
        display: inline;
        padding: 0 15px;
    }

        .breadcrumbs-2 li.current a {
            color: #f51e46;
        }

        .breadcrumbs-2 li span i {
            padding-left: 30px;
        }

        .breadcrumbs-2 li a i {
            padding-right: 6px;
        }

/* =========== buttons ============= */

.btn {
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    margin: 5px;
    padding: 15px 35px;
}

    /* button ratius
 ------------------------------ */
    .btn.round {
        border-radius: 4px;
    }

    .btn.xround-1 {
        border-radius: 10px;
    }

    .btn.xround-2 {
        border-radius: 20px;
    }

    .btn.xround-3 {
        border-radius: 30px;
    }

    .btn.xround-4 {
        border-radius: 40px;
    }

    .btn.xround-5 {
        border-radius: 50px;
    }

    .btn.xround-6 {
        border-radius: 60px;
    }

    .btn.xround-7 {
        border-radius: 70px;
    }

    /* button sizes
 ------------------------------ */
    .btn.btn-tiny {
        font-size: 12px;
        padding: 5px 10px;
    }

    .btn.btn-small {
        font-size: 14px;
        padding: 10px 20px;
    }

    .btn.btn-medium {
        font-size: 16px;
        padding: 15px 35px;
    }

    .btn.btn-large {
        font-size: 20px;
        padding: 20px 50px;
    }


    /* button borders
 ------------------------------ */

    .btn.border {
        border: 1px solid;
    }

        .btn.border.border-2x {
            border: 2px solid;
        }

        .btn.border.border-3x {
            border: 3px solid;
        }

        .btn.border.border-4x {
            border: 4px solid;
        }

        .btn.border.border-5x {
            border: 5px solid;
        }

        .btn.border.light {
            border-color: #e9e9e9;
        }

        .btn.border.xdark {
            border-color: #101010;
        }

        .btn.border.border-light {
            border-color: #e9e9e9;
        }

        .btn.border.border-dark {
            color: #101010;
            border-color: #101010;
        }

        .btn.border.border-xdark {
            color: #000;
            border-color: #000;
        }

        .btn.border.border-cyan {
            color: #01bf9d;
            border-color: #01bf9d;
        }

        .btn.border.border-green {
            color: #1fcf6d;
            border-color: #1fcf6d;
        }

        .btn.border.border-blue {
            color: #5babe6;
            border-color: #5babe6;
        }

        .btn.border.border-violet {
            color: #9c56b9;
            border-color: #9c56b9;
        }

        .btn.border.border-yellow {
            color: #f3c500;
            border-color: #f3c500;
        }

        .btn.border.border-orange {
            color: #f51e46;
            border-color: #f51e46;
        }

        .btn.border.border-red {
            color: #ea4b35;
            border-color: #ea4b35;
        }

        .btn.border.border-grey {
            color: #bec3c7;
            border-color: #bec3c7;
        }


    /* button text colors
 ------------------------------ */

    .btn.text-blue {
        color: #46a3e7;
    }

    .btn.btn-dark {
        background-color: #101010;
        color: #727272;
    }

        .btn.btn-dark:hover {
            background-color: #3e3e3e;
            color: #fff;
        }

    .btn.btn-white {
        background-color: #fff;
        color: #242424;
    }

        .btn.btn-white:hover {
            background-color: #f6f6f6;
            color: #242424;
        }

    .btn.btn-cyan {
        background-color: #01bf9d;
        color: #fff;
    }

    .btn.-btn-cyan:hover {
        background-color: #03b595;
        color: #fff;
    }

    .btn.btn-cyan-dark {
        background-color: #01a185;
        color: #fff;
    }

    .btn.-btn-cyan-dark:hover {
        background-color: #019a7f;
        color: #fff;
    }

    .btn.btn-green {
        background-color: #1fcf6d;
        color: #fff;
    }

    .btn.-btn-green:hover {
        background-color: #1bc466;
        color: #fff;
    }

    .btn.btn-green-dark {
        background-color: #1aaf5d;
        color: #fff;
    }

    .btn.-btn-green-dark:hover {
        background-color: #16a456;
        color: #fff;
    }

    .btn.btn-blue {
        background-color: #4ea6e6;
        color: #fff;
    }

    .btn.-btn-blue:hover {
        background-color: #479edf;
        color: #fff;
    }

    .btn.btn-blue-dark {
        background-color: #217fbc;
        color: #fff;
    }

    .btn.-btn-blue-dark:hover {
        background-color: #1c78b4;
        color: #fff;
    }

    .btn.btn-violet {
        background-color: #9c56b9;
        color: #fff;
    }

    .btn.-btn-violet:hover {
        background-color: #9651b3;
        color: #fff;
    }

    .btn.btn-violet-dark {
        background-color: #8f3fb0;
        color: #fff;
    }

    .btn.-btn-violet-dark:hover {
        background-color: #893ba9;
        color: #fff;
    }

    .btn.btn-cello {
        background-color: #334960;
        color: #fff;
    }

    .btn.-btn-cello:hover {
        background-color: #30455b;
        color: #fff;
    }

    .btn.btn-cello-dark {
        background-color: #2d3e52;
        color: #fff;
    }

    .btn.-btn-cello-dark:hover {
        background-color: #28394d;
        color: #fff;
    }

    .btn.btn-yellow {
        background-color: #f3c500;
        color: #fff;
    }

    .btn.-btn-yellow:hover {
        background-color: #ebbf01;
        color: #fff;
    }

    .btn.btn-yellow-dark {
        background-color: #f59c00;
        color: #fff;
    }

    .btn.-btn-yellow-dark:hover {
        background-color: #ef9901;
        color: #fff;
    }

    .btn.btn-orange {
        background-color: #f51e46;
        color: #fff;
    }

    .btn.-btn-orange:hover {
        background-color: #e27b04;
        color: #fff;
    }

    .btn.btn-orange-dark {
        background-color: #d65400;
        color: #fff;
    }

    .btn.-btn-orange-dark:hover {
        background-color: #cf5303;
        color: #fff;
    }

    .btn.btn-red {
        background-color: #ea4b35;
        color: #fff;
    }

    .btn.-btn-red:hover {
        background-color: #e44630;
        color: #fff;
    }

    .btn.btn-red-dark {
        background-color: #c43926;
        color: #fff;
    }

    .btn.-btn-red-dark:hover {
        background-color: #bd3522;
        color: #fff;
    }

    .btn.btn-grey {
        background-color: #e8ebec;
        color: #101010;
    }

    .btn.-btn-grey:hover {
        background-color: #bd3522;
        color: #101010;
    }

    .btn.btn-grey-dark {
        background-color: #bec3c7;
        color: #fff;
    }

    .btn.-btn-grey-dark:hover {
        background-color: #babfc3;
        color: #fff;
    }

    .btn.btn-grey-dark {
        background-color: #bec3c7;
        color: #fff;
    }

    .btn.-btn-grey-dark:hover {
        background-color: #babfc3;
        color: #fff;
    }
    /* button animation 1
 ------------------------------ */

    .btn.btn-3d {
        border-bottom: 5px solid rgba(0, 0, 0, 0.12);
        transition: all 0.3s ease-out 0s;
    }

    /* button animation 1
 ------------------------------ */
    .btn.btn-anim-1 {
        overflow: hidden;
        position: relative;
    }

        .btn.btn-anim-1 i {
            position: absolute;
            display: block;
            height: 100%;
            left: -44px;
            line-height: 53px;
            margin: 0;
            text-align: center;
            top: 0;
            width: 40px;
            transition: all 0.3s ease-out 0s;
        }

        .btn.btn-anim-1 span {
            position: relative;
            display: inline-block;
            left: 0px;
            transition: all 0.3s ease-out 0s;
        }

    .btn:hover.btn-anim-1 i {
        left: 0px;
    }

    .btn:hover.btn-anim-1 span {
        left: 20px;
    }

    /* button animation 2
 ------------------------------ */
    .btn.btn-anim-2 {
        overflow: hidden;
        position: relative;
    }

        .btn.btn-anim-2 i {
            position: absolute;
            display: block;
            height: 100%;
            line-height: 53px;
            margin: 0;
            text-align: center;
            top: -55px;
            left: 0px;
            width: 40px;
            transition: all 0.3s ease-out 0s;
        }

        .btn.btn-anim-2 span {
            position: relative;
            display: inline-block;
            left: 0px;
            transition: all 0.3s ease-out 0s;
        }

    .btn:hover.btn-anim-2 i {
        top: 0px;
    }

    .btn:hover.btn-anim-2 span {
        left: 20px;
    }

    /* button animation 3
 ------------------------------ */
    .btn.btn-anim-3 {
        overflow: hidden;
        position: relative;
    }

        .btn.btn-anim-3 i {
            position: absolute;
            display: block;
            line-height: 53px;
            margin: 0;
            text-align: center;
            top: 40px;
            font-style: normal;
            transition: all 0.3s ease-out 0s;
        }

        .btn.btn-anim-3 span {
            position: relative;
            display: inline-block;
            top: 0px;
            transition: all 0.3s ease-out 0s;
        }

        .btn.btn-anim-3:hover i {
            top: 0px;
        }

        .btn.btn-anim-3:hover span {
            top: -40px;
        }

    /* button animation 4
 ------------------------------ */
    .btn.btn-anim-4 {
        overflow: hidden;
        position: relative;
    }

        .btn.btn-anim-4 i {
            position: absolute;
            display: inline-block;
            line-height: 53px;
            left: 250px;
            top: 0px;
            text-align: center;
            font-style: normal;
            transition: all 0.3s ease-out 0s;
        }

        .btn.btn-anim-4 span {
            position: relative;
            display: inline-block;
            left: 0px;
            transition: all 0.3s ease-out 0s;
        }

        .btn.btn-anim-4:hover i {
            left: 30px;
        }

        .btn.btn-anim-4:hover span {
            left: -250px;
        }

/* =========== call to action ============= */

.call-to-action {
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    float: left;
    margin: 0 0 15px;
    padding: 25px;
    width: 100%;
}


/* =========== counter numbers ============= */

.counter.small-size {
    color: #101010;
    font-size: 34px;
}

.counter.medium-size {
    color: #101010;
    font-size: 42px;
}

.counter.large-size {
    color: #101010;
    font-size: 62px;
}

span.counter {
    margin-top: 20px;
}


/* =========== domain pricing table ============= */

.domain-pricing-table {
    width: 100%;
    padding: 20px;
    margin: 0px;
    float: left;
    background-color: #f1f1f1;
}

    .domain-pricing-table .table-style-2 {
        width: 100%;
        padding: 0px;
        margin: 0px;
        float: left;
    }

        .domain-pricing-table .table-style-2 table {
            width: 100%;
            border-collapse: collapse;
        }

        .domain-pricing-table .table-style-2 tr:nth-of-type(odd) {
            background: #f1f1f1;
        }

        .domain-pricing-table .table-style-2 tr:nth-of-type(even) {
            background: #fff;
        }

        .domain-pricing-table .table-style-2 th {
            background: #242424;
            color: #fff;
            font-weight: bold;
        }

        .domain-pricing-table .table-style-2 td, th {
            padding: 30px;
            /*	color: #242424;*/
            border: none;
            text-align: center;
        }



/* =========== Medical timetable ============= */

.tb-medical {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.tb-medical {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

    .tb-medical table {
        width: 100%;
        border-collapse: collapse;
    }

    .tb-medical tr:nth-of-type(odd) {
        background: none;
    }

    .tb-medical tr:nth-of-type(even) {
        background: none;
    }

    .tb-medical th {
        background: #fff;
        color: #242424;
        font-weight: bold;
    }

    .tb-medical .thstyle {
        padding: 20px;
        color: #242424;
        border: 1px solid #e4e4e4;
        text-align: left;
    }

    .tb-medical td.color-1 {
        color: #fff;
        padding: 20px;
        border: 1px solid #2a97f3;
        background-color: #2a97f3;
    }

    .tb-medical td.color-2 {
        color: #fff;
        padding: 20px;
        border: 1px solid #4bc29c;
        background-color: #4bc29c;
    }

    .tb-medical td.color-3 {
        color: #fff;
        padding: 20px;
        border: 1px solid #bd7fdd;
        background-color: #bd7fdd;
    }

    .tb-medical td.color-4 {
        color: #fff;
        padding: 20px;
        border: 1px solid #f96f54;
        background-color: #f96f54;
    }

    .tb-medical td.color-5 {
        color: #fff;
        padding: 20px;
        border: 1px solid #7ac43d;
        background-color: #7ac43d;
    }

    .tb-medical td.color-6 {
        color: #fff;
        padding: 20px;
        border: 1px solid #ff67c8;
        background-color: #ff67c8;
    }



/* =========== dropcaps & Highlights ============= */

.dropcap {
    float: left;
    color: #101010;
    font-size: 50px;
    line-height: 0.5;
    padding: 20px;
    margin: 7px 15px 0 0;
}

    .dropcap.small {
        float: left;
        color: #101010;
        font-size: 20px;
        line-height: 0.5;
        padding: 10px;
        margin: 7px 15px 0 0;
    }

    .dropcap.dropcap-color-1 {
        color: #fff;
        background-color: #f51e46;
    }

    .dropcap.dropcap-dark {
        color: #fff;
        background-color: #101010;
    }

    .dropcap.dropcap-light {
        color: #101010;
        background-color: #f5f5f5;
    }

    .dropcap.dropcap-round {
        border-radius: 100%;
    }

.text-highlight {
    padding: 3px;
}

    .text-highlight.red {
        color: #fff;
        background-color: #f75636;
    }

    .text-highlight.red {
        color: #fff;
        background-color: #f75636;
    }

    .text-highlight.cyan {
        color: #fff;
        background-color: #1aaf5d;
    }

    .text-highlight.blue {
        color: #fff;
        background-color: #329fef;
    }

    .text-highlight.violet {
        color: #fff;
        background-color: #9c56b9;
    }

    .text-highlight.cello {
        color: #fff;
        background-color: #37516d;
    }

    .text-highlight.yellow {
        color: #fff;
        background-color: #f3c500;
    }

    .text-highlight.grey {
        color: #fff;
        background-color: #e8ebec;
    }



/* =========== Responsive Classes ============= */

.divider {
    color: #727272;
    line-height: 20px;
    margin: 30px auto;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

    .divider::before, .divider::after {
        width: 50%;
        content: "";
        display: inline-block;
        height: 10px;
        margin: 0 0 0 -100%;
        vertical-align: top;
        border-bottom: 1px solid #e4e4e4;
    }

    .divider::after, .divider::after {
        margin: 0 -100% 0 0;
    }

    .divider.divider-left i, .divider.divider-left i {
        float: left;
        margin: 0 38px 0 0;
    }

    .divider.divider-right i, .divider.divider-right i {
        float: right;
        margin: 0 0 0 38px;
    }

.divider-line.dobble {
    width: 100%;
    height: 4px;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.divider-line.dotted {
    width: 100%;
    height: 2px;
    border-top: 1px dotted;
}

.divider-line.border-shorter {
    width: 40%;
    height: 1px;
    margin: 0 30% 0 30%;
    border-top: 1px solid;
}

.divider-line.border-medium {
    width: 70%;
    height: 1px;
    margin: 0 15% 0 15%;
    border-top: 1px solid;
}

.divider-line.border-dark {
    border-color: #101010;
}

.divider-line.border-light {
    border-color: #e4e4e4;
}

.divider-line.border-red {
    border-color: #ee4d37;
}

.divider-line.border-blue {
    border-color: #49a6ea;
}

.divider-line.border-cyan {
    border-color: #1fcf6d;
}

.divider-line.border-violet {
    border-color: #9c56b9;
}


/* =========== forms ============= */

.form-body {
    width: 100%;
    padding: 40px;
    float: left;
}

    .form-body.bg-light {
        background-color: #fff;
    }

    .form-body.bg-light {
        background-color: #f5f5f5;
    }

    .form-body.bg-dark {
        background-color: #101010;
    }

    .form-body.border-light {
        border: 1px solid #e9e9e9;
    }

    .form-body.border-dark {
        border: 1px solid #101010;
    }

.input-1 {
    background-color: #fff;
    border: 1px solid #ebebeb;
    color: #101010;
    float: left;
    height: 45px;
    margin-bottom: 15px;
    padding: 8px;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}

    .input-1:focus {
        border: 1px solid #f51e46;
        outline: medium none !important;
        transition: all 0.3s ease-out 0s;
    }

.lable-text {
    color: #101010;
}

.textaria-1 {
    background-color: #fff;
    border: 1px solid #ebebeb;
    color: #101010;
    float: left;
    height: 250px;
    margin-bottom: 15px;
    padding: 8px;
    /*	resize: none;*/
    transition: all 0.3s ease-out 0s;
    width: 100%;
}

    .textaria-1:focus {
        border: 1px solid #f51e46;
        outline: medium none !important;
        transition: all 0.3s ease-out 0s;
    }

.form-body.bg-dark .lable-text {
    color: #fff;
}

/* =========== check boxes and selects ============= */
.control-group {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    text-align: left;
    padding: 30px;
    width: 100%;
    margin: 10px;
}

.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
}

    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ccc;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #ccc;
}

.control:hover input:not([disabled]):checked ~ .control__indicator.cyan,
.control input:checked:focus ~ .control__indicator.cyan {
    background: #1fcf6d;
}

.control input:checked ~ .control__indicator.cyan {
    background: #1fcf6d;
}

.control:hover input:not([disabled]):checked ~ .control__indicator.violet,
.control input:checked:focus ~ .control__indicator.violet {
    background: #9c56b9;
}

.control input:checked ~ .control__indicator.violet {
    background: #9c56b9;
}

.control:hover input:not([disabled]):checked ~ .control__indicator.blue,
.control input:checked:focus ~ .control__indicator.blue {
    background: #3ea3ec;
}

.control input:checked ~ .control__indicator.blue {
    background: #3ea3ec;
}

.control:hover input:not([disabled]):checked ~ .control__indicator.red,
.control input:checked:focus ~ .control__indicator.red {
    background: #f24028;
}

.control input:checked ~ .control__indicator.red {
    background: #f24028;
}

.control:hover input:not([disabled]):checked ~ .control__indicator.dark,
.control input:checked:focus ~ .control__indicator.dark {
    background: #101010;
}

.control input:checked ~ .control__indicator.dark {
    background: #101010;
}

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: #0e647d;
}

.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

.control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}

.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

.select-box {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}

    .select-box select {
        display: inline-block;
        width: 100%;
        cursor: pointer;
        padding: 10px 15px;
        outline: 0;
        border: 0;
        border-radius: 0;
        background: #e6e6e6;
        color: #7b7b7b;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

        .select-box select::-ms-expand {
            display: none;
        }

        .select-box select:hover,
        .select-box select:focus {
            color: #000;
            background: #ccc;
        }

        .select-box select:disabled {
            opacity: 0.5;
            pointer-events: none;
        }

.select__arrow {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #7b7b7b transparent transparent transparent;
}

.select-box select:hover ~ .select__arrow,
.select-box select:focus ~ .select__arrow {
    border-top-color: #000;
}

.select-box select:disabled ~ .select__arrow {
    border-top-color: #ccc;
}

.select-box-2 select {
    width: 100%;
    height: 40px;
}


/* =========== Heading titles ============= */


.title-line-3 {
    background-color: #f51e46;
    height: 2px;
    margin: 0 auto 20px;
    width: 50px;
}

    .title-line-3.align-left {
        margin: 0 auto 20px 0;
        width: 50px;
    }

    .title-line-3.dark, .title-line-3.dark {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .title-line-3.less-mar {
        margin: 5px auto 10px;
    }

.title-line-4 {
    background-color: #fff;
    height: 2px;
    margin: 0 auto 20px;
    width: 20px;
}

/* button animation 1
 ------------------------------ */

.title-line-4 {
    border-bottom: 1px solid #eaeaec;
    height: 2px;
    margin: 4px auto 0;
    width: 125px;
}

.title-line-4 {
    border-bottom: 1px solid #eaeaec;
    height: 2px;
    margin: 10px auto 0;
    width: 180px;
}

    .title-line-4.align-left {
        margin: 4px auto 0 0;
        width: 125px;
    }

    .title-line-4.align-left {
        margin: 10px auto 0 0;
        width: 160px;
    }

    .title-line-4.dark, .title-line-4.dark {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

.title-line-5 {
    background-color: #fff;
    height: 2px;
    margin: 0 auto 20px;
    width: 40px;
}

    .title-line-5.dark {
        background-color: #101010;
    }

/* full width border lines
 ------------------------------ */
.title-line-full {
    height: 4px;
    margin: 0;
    width: 100%;
}

    .title-line-full.border-dark {
        border-bottom: 2px solid #101010;
    }

    .title-line-full.border-orange {
        border-bottom: 2px solid #ffa421;
    }

    .title-line-full.border-green {
        border-bottom: 2px solid #42bc79;
    }


/* heading title color borders
 ------------------------------ */
.heading-title {
    position: relative;
    margin: 0px;
}

    .heading-title h1, .heading-title h2, .heading-title h3, .heading-title h4, .heading-title h5, .heading-title h6 {
        position: relative;
        display: inline-block;
        margin: -8px 0 0 0;
        padding: 0 15px 0 15px;
        background-color: #fff;
    }

    .heading-title::before, heading-title::before {
        position: absolute;
        width: 100%;
        content: "";
        height: 0;
        left: 0;
        right: 0;
        top: 40%;
    }

    .heading-title.border-1x::before, heading-title.border-1x::before {
        border-top: 1px solid;
    }

    .heading-title.border-2x::before, heading-title.border-2x::before {
        border-top: 2px solid;
    }

    .heading-title.border-3x::before, heading-title.border-2x::before {
        border-top: 3px solid;
    }

    .heading-title.border-4x::before, heading-title.border-2x::before {
        border-top: 4px solid;
    }

    .heading-title.border-5x::before, heading-title.border-2x::before {
        border-top: 5px solid;
    }

    .heading-title.border-6x::before, heading-title.border-2x::before {
        border-top: 6px solid;
    }

    .heading-title.border-cyan::before, heading-title.border-cyan::before {
        border-top-color: #1fcf6d;
    }

    .heading-title.border-orange::before, heading-title.border-orange::before {
        border-top-color: #f58a00;
    }

    .heading-title.border-blue::before, heading-title.border-blue::before {
        border-top-color: #47a8ef;
    }

    .heading-title.border-red::before, heading-title.border-red::before {
        border-top-color: #f1442c;
    }

    .heading-title.border-violet::before, heading-title.border-violet::before {
        border-top-color: #9c56b9;
    }

    .heading-title.border-yellow::before, heading-title.border-yellow::before {
        border-top-color: #f3c500;
    }

    .heading-title.border-dark::before, heading-title.border-dark::before {
        border-top-color: #101010;
    }

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

.heading-title-right {
    text-align: right;
}


/* =========== icon boxes ============= */

.feature-box7 {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    padding: 40px;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}

    .feature-box7 span {
        color: #242424;
        font-size: 40px;
    }

    .feature-box7:hover .btn, .feature-box7.active .btn {
        color: #fff;
    }

    .feature-box7:hover, .feature-box7.active {
        background-color: #fd602c;
        color: #fff;
    }

        .feature-box7:hover span, .feature-box7:hover h4, .feature-box7.active span, .feature-box7.active h4 {
            color: #fff;
        }

        .feature-box7:hover h4, .feature-box7.active h4 {
            color: #fff;
        }

.iconbox-dxlarge.outline-cyan, .iconbox-dxlarge-2.outline-cyan, .iconbox-xlarge.outline-cyan, .iconbox-large.outline-cyan, .iconbox-xmedium.outline-cyan, .iconbox-medium.outline-cyan, .iconbox-smedium.outline-cyan, .iconbox-small.outline-cyan, .iconbox-tiny.outline-cyan, .iconbox-xtiny.outline-cyan {
    color: #1fcf6d;
    background-color: none;
    border: 1px solid #1fcf6d;
}

.iconbox-dxlarge.outline-orange, .iconbox-dxlarge-2.outline-orange, .iconbox-xlarge.outline-orange, .iconbox-large.outline-orange, .iconbox-xmedium.outline-orange, .iconbox-medium.outline-orange, .iconbox-smedium.outline-orange, .iconbox-small.outline-orange, .iconbox-tiny.outline-orange, .iconbox-xtiny.outline-orange {
    color: #f59c00;
    background-color: none;
    border: 1px solid #f59c00;
}

.iconbox-dxlarge.outline-blue, .iconbox-dxlarge-2.outline-blue, .iconbox-xlarge.outline-blue, .iconbox-large.outline-blue, .iconbox-xmedium.outline-blue, .iconbox-medium.outline-blue, .iconbox-smedium.outline-blue, .iconbox-small.outline-blue, .iconbox-tiny.outline-blue, .iconbox-xtiny.outline-blue {
    color: #4cb9f1;
    background-color: none;
    border: 1px solid #4cb9f1;
}

.iconbox-dxlarge.outline-violet, .iconbox-dxlarge-2.outline-violet, .iconbox-xlarge.outline-violet, .iconbox-large.outline-violet, .iconbox-xmedium.outline-violet, .iconbox-medium.outline-violet, .iconbox-smedium.outline-violet, .iconbox-small.outline-violet, .iconbox-tiny.outline-violet, .iconbox-xtiny.outline-violet {
    color: #9c56b9;
    background-color: none;
    border: 1px solid #9c56b9;
}

.iconbox-dxlarge.outline-yellow, .iconbox-dxlarge-2.outline-yellow, .iconbox-xlarge.outline-yellow, .iconbox-large.outline-yellow, .iconbox-xmedium.outline-yellow, .iconbox-medium.outline-yellow, .iconbox-smedium.outline-yellow, .iconbox-small.outline-yellow, .iconbox-tiny.outline-yellow, .iconbox-xtiny.outline-yellow {
    color: #f3c500;
    background-color: none;
    border: 1px solid #f3c500;
}

.iconbox-dxlarge.outline-red, .iconbox-xlarge.outline-red, .iconbox-large.outline-red, .iconbox-xmedium.outline-red, .iconbox-medium.outline-red, .iconbox-smedium.outline-red, .iconbox-small.outline-red, .iconbox-tiny.outline-red, .iconbox-xtiny.outline-red {
    color: #ef4932;
    background-color: none;
    border: 1px solid #ef4932;
}


/* icon boxes background color
 ------------------------------ */
.iconbox-dxlarge.bg-cyan, .iconbox-xlarge.bg-cyan, .iconbox-large.bg-cyan, .iconbox-xmedium.bg-cyan, .iconbox-medium.bg-cyan, .iconbox-smedium.bg-cyan, .iconbox-small.bg-cyan, .iconbox-tiny.bg-cyan, .iconbox-xtiny.bg-cyan {
    color: #fff;
    background-color: #1fcf6d;
}

.iconbox-dxlarge.bg-red, .iconbox-xlarge.bg-red, .iconbox-large.bg-red, .iconbox-xmedium.bg-red, .iconbox-medium.bg-red, .iconbox-smedium.bg-red, .iconbox-small.bg-red, .iconbox-tiny.bg-red, .iconbox-xtiny.bg-red {
    color: #fff;
    background-color: #ed4a33;
}

.iconbox-dxlarge.bg-orange, .iconbox-xlarge.bg-orange, .iconbox-large.bg-orange, .iconbox-xmedium.bg-orange, .iconbox-medium.bg-orange, .iconbox-smedium.bg-orange, .iconbox-small.bg-orange, .iconbox-tiny.bg-orange, .iconbox-xtiny.bg-orange {
    color: #fff;
    background-color: #fda306;
}

.iconbox-dxlarge.bg-blue, .iconbox-xlarge.bg-blue, .iconbox-large.bg-blue, .iconbox-xmedium.bg-blue, .iconbox-medium.bg-blue, .iconbox-smedium.bg-blue, .iconbox-small.bg-blue, .iconbox-tiny.bg-blue, .iconbox-xtiny.bg-blue {
    color: #fff;
    background-color: #49a8ee;
}

.iconbox-dxlarge.bg-yellow, .iconbox-xlarge.bg-yellow, .iconbox-large.bg-yellow, .iconbox-xmedium.bg-yellow, .iconbox-medium.bg-yellow, .iconbox-smedium.bg-yellow, .iconbox-small.bg-yellow, .iconbox-tiny.bg-yellow, .iconbox-xtiny.bg-yellow {
    color: #fff;
    background-color: #f3c500;
}

.iconbox-dxlarge.bg-violet, .iconbox-xlarge.bg-violet, .iconbox-large.bg-violet, .iconbox-xmedium.bg-violet, .iconbox-medium.bg-violet, .iconbox-smedium.bg-violet, .iconbox-small.bg-violet, .iconbox-tiny.bg-violet, .iconbox-xtiny.bg-violet {
    color: #fff;
    background-color: #9c56b9;
}



/* =========== countdowns ============= */

.countdown_holder {
    width: 100%;
    padding: 0px;
    text-align: center;
    margin: 0 auto;
}

div#clock {
    color: white;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    padding: 0 0 0 0;
    text-align: center;
}

    div#clock p {
        border: 1px solid #fff;
        padding: 20px 20px;
        margin-right: 10px;
        display: inline-block;
        text-align: center;
    }

        div#clock p b {
            font-weight: normal;
            text-transform: uppercase;
        }

        div#clock p span {
            display: block;
            font-size: 50px;
            font-weight: bold;
            padding: 5px 0 20px 0;
        }

    div#clock div.space {
        color: #ccc;
        display: block;
        line-height: 1.7em;
        font-size: 50px;
        float: left;
        height: 88px;
        width: 30px;
    }

/* clock 2
 ------------------------------ */

div#clock2 {
    color: white;
    margin: 0;
    width: 100%;
    overflow: hidden;
    padding: 0;
    text-align: center;
}

    div#clock2 p {
        color: #161616;
        padding: 40px 20px;
        margin-right: 10px;
        border: 1px solid #101010;
        display: inline-block;
        text-align: center;
    }

        div#clock2 p b {
            color: #f51e46;
            font-weight: normal;
            text-transform: uppercase;
        }

        div#clock2 p span {
            display: block;
            font-size: 80px;
            font-weight: bold;
            padding: 5px 0 20px 0;
        }

    div#clock2 div.space {
        color: #ccc;
        display: block;
        line-height: 1.7em;
        font-size: 50px;
        float: left;
        height: 88px;
        width: 30px;
    }

/* clock 3
 ------------------------------ */

div#clock3 {
    color: white;
    margin: 0;
    width: 100%;
    overflow: hidden;
    padding: 0;
    text-align: center;
}

    div#clock3 p {
        background: #101010;
        color: #fff;
        padding: 40px 20px;
        margin-right: 10px;
        border: 1px solid #101010;
        display: inline-block;
        text-align: center;
    }

        div#clock3 p b {
            color: #fff;
            font-weight: normal;
            display: inline-block;
            padding-top: 10px;
            text-transform: uppercase;
        }

        div#clock3 p span {
            display: block;
            font-size: 80px;
            font-weight: bold;
            border-bottom: 1px solid #4e4e4e;
            padding: 5px 0 40px 0;
        }

    div#clock3 div.space {
        color: #ccc;
        display: block;
        line-height: 1.7em;
        font-size: 50px;
        float: left;
        height: 88px;
        width: 30px;
    }



/* clock 4 with circle 
 ------------------------------ */

div#clock4 {
    color: white;
    margin: 0;
    width: 100%;
    overflow: hidden;
    padding: 0;
    text-align: center;
}

    div#clock4 p {
        width: 150px;
        height: 150px;
        color: #161616;
        margin-right: 10px;
        border-radius: 100%;
        padding: 40px 0 0 0;
        border: 1px solid #101010;
        display: inline-block;
        text-align: center;
    }

        div#clock4 p b {
            color: #f51e46;
            font-weight: normal;
            text-transform: uppercase;
        }

        div#clock4 p span {
            display: block;
            font-size: 50px;
            font-weight: bold;
            padding: 5px 0 20px 0;
        }

    div#clock4 div.space {
        color: #ccc;
        display: block;
        line-height: 1.7em;
        font-size: 50px;
        float: left;
        height: 88px;
        width: 30px;
    }


/* small clock 5
 ------------------------------ */

div#clock5 {
    color: white;
    margin: 0;
    width: 100%;
    overflow: hidden;
    padding: 0;
    text-align: center;
}

    div#clock5 p {
        color: #161616;
        padding: 20px 20px;
        margin-right: 10px;
        border: 1px solid #101010;
        display: inline-block;
        text-align: center;
    }

        div#clock5 p b {
            color: #f51e46;
            font-weight: normal;
            text-transform: uppercase;
        }

        div#clock5 p span {
            display: block;
            font-size: 40px;
            font-weight: bold;
            padding: 5px 0 20px 0;
        }

    div#clock5 div.space {
        color: #ccc;
        display: block;
        line-height: 1.7em;
        font-size: 50px;
        float: left;
        height: 88px;
        width: 30px;
    }


/* clock 6
 ------------------------------ */

div#clock6 {
    color: white;
    margin: 0;
    width: 100%;
    overflow: hidden;
    padding: 0;
    text-align: center;
}

    div#clock6 p {
        background: #101010;
        color: #fff;
        padding: 20px 20px;
        margin-right: 10px;
        border: 1px solid #101010;
        display: inline-block;
        text-align: center;
    }

        div#clock6 p b {
            color: #fff;
            font-weight: normal;
            display: inline-block;
            padding-top: 5px;
            text-transform: uppercase;
        }

        div#clock6 p span {
            display: block;
            font-size: 40px;
            font-weight: bold;
            border-bottom: 1px solid #4e4e4e;
            padding: 5px 0 20px 0;
        }

    div#clock6 div.space {
        color: #ccc;
        display: block;
        line-height: 1.7em;
        font-size: 50px;
        float: left;
        height: 88px;
        width: 30px;
    }


/* clock 7 small box
 ------------------------------ */

div#clock7 {
    color: white;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    padding: 0 0 0 0;
    text-align: center;
}

    div#clock7 p {
        border: 1px solid #fff;
        padding: 10px 10px;
        margin-right: 10px;
        display: inline-block;
        text-align: center;
    }

        div#clock7 p b {
            font-weight: normal;
            text-transform: uppercase;
        }

        div#clock7 p span {
            display: block;
            font-size: 30px;
            font-weight: bold;
            padding: 5px 0 10px 0;
        }

    div#clock7 div.space {
        color: #ccc;
        display: block;
        line-height: 1.7em;
        font-size: 50px;
        float: left;
        height: 88px;
        width: 30px;
    }


/* clock 8 with circle 
 ------------------------------ */

div#clock8 {
    color: white;
    margin: 0;
    width: 100%;
    overflow: hidden;
    padding: 0;
    text-align: center;
}

    div#clock8 p {
        width: 120px;
        height: 120px;
        color: #161616;
        margin-right: 10px;
        border-radius: 100%;
        padding: 30px 0 0 0;
        border: 1px solid #101010;
        display: inline-block;
        text-align: center;
    }

        div#clock8 p b {
            color: #f51e46;
            font-weight: normal;
            text-transform: uppercase;
        }

        div#clock8 p span {
            display: block;
            font-size: 30px;
            font-weight: bold;
            padding: 5px 0 0 0;
        }

    div#clock8 div.space {
        color: #ccc;
        display: block;
        line-height: 1.7em;
        font-size: 50px;
        float: left;
        height: 88px;
        width: 30px;
    }


/*===============================================
-------------------------------------------------
	lists
-------------------------------------------------
================================================*/

/* icon list style 1
 ------------------------------ */
.icons-list-1 {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    float: left;
}

    .icons-list-1 .icon {
        padding: 0px;
        float: left;
        text-align: center;
    }

        .icons-list-1 .icon.icon-circle {
            border-radius: 100%;
        }

    .icons-list-1 .text {
        padding: 5px 0 0 42px;
        margin: 0px;
        display: block;
    }


    /* icon sizes
 ------------------------------ */
    .icons-list-1.icon-tiny .icon {
        width: 24px;
        height: 24px;
        font-size: 12px;
        margin: 0px 10px 0px 0px;
        line-height: 24px;
        color: #fff;
        background-color: #fc4242;
    }

    .icons-list-1.icon-tiny .text {
        padding: 0 0 0 36px;
    }

    .icons-list-1.icon-small .icon {
        width: 32px;
        height: 32px;
        margin: 0px 10px 0px 0px;
        line-height: 32px;
        color: #fff;
        background-color: #fc4242;
    }

    .icons-list-1.icon-medium .icon {
        width: 48px;
        height: 48px;
        font-size: 20px;
        margin: 0px 10px 0px 0px;
        line-height: 43px;
        color: #fff;
        background-color: #fc4242;
    }

    .icons-list-1.icon-medium .text {
        padding: 0 0 0 62px;
    }

    .icons-list-1.icon-xmedium .icon {
        width: 64px;
        height: 64px;
        font-size: 28px;
        margin: 0px 10px 0px 0px;
        line-height: 62px;
        color: #fff;
        background-color: #fc4242;
    }

    .icons-list-1.icon-xmedium .text {
        padding: 9px 0 0 62px;
    }

    .icons-list-1.icon-large .icon {
        width: 96px;
        height: 96px;
        font-size: 36px;
        margin: 0px 10px 0px 0px;
        line-height: 93px;
        color: #fff;
        background-color: #fc4242;
    }

    .icons-list-1.icon-large .text {
        padding: 17px 0 0 117px;
    }

    .icons-list-1.icon-xlarge .icon {
        width: 106px;
        height: 106px;
        font-size: 36px;
        margin: 0px 10px 0px 0px;
        line-height: 93px;
        color: #fff;
        background-color: #fc4242;
    }

    .icons-list-1.icon-xlarge .text {
        padding: 17px 0 0 117px;
    }

    .icons-list-1.icon-dlarge .icon {
        width: 116px;
        height: 116px;
        font-size: 36px;
        margin: 0px 10px 0px 0px;
        line-height: 93px;
        color: #fff;
        background-color: #fc4242;
    }

    .icons-list-1.icon-dlarge .text {
        padding: 17px 0 0 117px;
    }



    /* icon colors
 ------------------------------ */

    .icons-list-1 .icon.icon-red {
        color: #fff;
        background-color: #fc4242;
    }

    .icons-list-1 .icon.icon-orange {
        color: #fff;
        background-color: #ff881e;
    }

    .icons-list-1 .icon.icon-blue {
        color: #fff;
        background-color: #2f92ee;
    }

    .icons-list-1 .icon.icon-violet {
        color: #fff;
        background-color: #b659fe;
    }

    .icons-list-1 .icon.icon-green {
        color: #fff;
        background-color: #3fc35f;
    }

    .icons-list-1 .icon.icon-dark {
        color: #fff;
        background-color: #101010;
    }

    .icons-list-1 .icon.icon-grey {
        color: #101010;
        background-color: #f5f5f5;
    }


    /* icon border colors
 ------------------------------ */

    .icons-list-1 .icon.icon-border-red {
        color: #fc4242;
        border: 1px solid #fc4242;
        background-color: transparent;
    }

    .icons-list-1 .icon.icon-border-orange {
        color: #ff881e;
        border: 1px solid #ff881e;
        background-color: transparent;
    }

    .icons-list-1 .icon.icon-border-blue {
        color: #2f92ee;
        border: 1px solid #2f92ee;
        background-color: transparent;
    }

    .icons-list-1 .icon.icon-border-violet {
        color: #b659fe;
        border: 1px solid #b659fe;
        background-color: transparent;
    }

    .icons-list-1 .icon.icon-border-green {
        color: #3fc35f;
        border: 1px solid #3fc35f;
        background-color: transparent;
    }

    .icons-list-1 .icon.icon-border-dark {
        color: #101010;
        border: 1px solid #101010;
        background-color: transparent;
    }

    .icons-list-1 .icon.icon-border-grey {
        color: #101010;
        border: 1px solid #e4e4e4;
        background-color: transparent;
    }

    /* icon list border
 ------------------------------ */
    .icons-list-1.border-bottom {
        padding: 0 0 10px 0;
        border-bottom: 1px solid #e4e4e4;
    }

/* =========== list styles ============= */
/* order list
 ------------------------------ */

ol.list-1 {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
    margin: 0;
    margin-left: 18px;
    padding: 0;
    counter-reset: li-counter;
}

    ol.list-1 li {
        position: relative;
        margin: 0px;
        padding: 3px 0 0 30px;
        min-height: 3em;
        list-style-type: none;
    }

        ol.list-1 li:before {
            position: absolute;
            top: 0;
            left: -15px;
            width: 28px;
            height: 28px;
            font-size: 14px;
            line-height: 30px;
            text-align: center;
            color: #fff;
            border-radius: 50%;
            background-color: #101010;
            content: counter(li-counter);
            counter-increment: li-counter;
        }

    ol.list-1.border-dark li:before {
        color: #101010;
        background-color: #fff;
        border: 1px solid #101010;
    }

    ol.list-1.border-light li:before {
        color: #101010;
        background-color: #fff;
        border: 1px solid #e4e4e4;
    }

    ol.list-1.border-green li:before {
        color: #1fcf6d;
        background-color: transparent;
        border: 1px solid #1fcf6d;
    }

    ol.list-1.border-orange li:before {
        color: #ff881e;
        background-color: #fff;
        border: 1px solid #ff881e;
    }

    ol.list-1.border-red li:before {
        color: #fc4242;
        background-color: transparent;
        border: 1px solid #fc4242;
    }

    ol.list-1.border-blue li:before {
        color: #2f92ee;
        background-color: transparent;
        border: 1px solid #2f92ee;
    }

    ol.list-1.border-violet li:before {
        color: #b659fe;
        background-color: transparent;
        border: 1px solid #b659fe;
    }

/* list 2
 ------------------------------ */

ul.list-2 {
    width: 100%;
    padding-left: 0px;
}

    ul.list-2 li {
        display: inline-block;
        padding: 15px;
        margin-bottom: 10px;
    }

    ul.list-2.bg-white li {
        background-color: #fff;
    }

    ul.list-2.bg-light li {
        background-color: #f5f5f5;
    }

    ul.list-2.bg-dark li {
        background-color: #101010;
    }

        ul.list-2.bg-dark li .title {
            color: #fff;
        }

    ul.list-2.bg-green li {
        background-color: #1fcf6d;
    }

    ul.list-2.bg-orange li {
        background-color: #ff881e;
    }

    ul.list-2.bg-green li p, .list-2.bg-orange li p,
    .list-2.bg-green li .title, .list-2.bg-orange li .title {
        color: #fff;
    }

/* list 3
 ------------------------------ */

ul.list-3 {
    width: 100%;
    padding-left: 0px;
}

.list-3 li {
    display: inline-block;
    margin-bottom: 3px;
}

.list-3 .icon {
    border: 1px solid #06d0d8;
    color: #06d0d8;
    float: left;
    font-size: 12px;
    height: 18px;
    line-height: 15px;
    margin: 3px 0 0;
    padding: 0;
    text-align: center;
    width: 18px;
}

.list-3.icon-circle .icon {
    border-radius: 100%;
}

.list-3 .text {
    display: block;
    margin: 0;
    padding: 0 0 0 28px;
}

.list-3.icon-green .icon {
    border: 1px solid #1fcf6d;
    background-color: #1fcf6d;
    color: #fff;
}

.list-3.icon-red .icon {
    border: 1px solid #fc4242;
    background-color: #fc4242;
    color: #fff;
}


/* =========== gmaps holder ============= */
/* order list
 ------------------------------ */

.gmaps-holder {
    width: 100%;
    padding: 15px;
    border: 1px solid #e4e4e4;
}

    .gmaps-holder.noborder {
        border: none;
    }

    .gmaps-holder.bg-white {
        background-color: #fff;
    }

.gmaps-holder-2 {
    width: 100%;
}

    .gmaps-holder-2 .map {
        height: 500px;
        border: none;
    }



/* =========== Parallax ============= */

.parallax-1 {
    width: 100%;
    float: left;
    text-align: center;
    background: url(../images/shortcodes/47.jpg);
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-overlay {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.parallax-1 {
    background: rgba(0, 0, 0, 0) url("../images/shortcodes/47.jpg") no-repeat fixed 50% 0;
}

.parallax-2 {
    background: rgba(0, 0, 0, 0) url("../images/shortcodes/61.jpg") no-repeat fixed 50% 0;
}


.parallax-3 {
    background: rgba(0, 0, 0, 0) url("../images/shortcodes/63.jpg") no-repeat fixed 50% 0;
}

.parallax-4 {
    background: rgba(0, 0, 0, 0) url("../images/shortcodes/62.jpg") no-repeat fixed 50% 0;
}

.parallax-5 {
    background: url(../images/shortcodes/64.jpg) 50% 0 no-repeat fixed;
}

.parallax-6 {
    background: url(../images/shortcodes/65.jpg) 50% 0 no-repeat fixed;
}

.parallax-7 {
    background: url(../images/shortcodes/60.jpg) 50% 0 no-repeat fixed;
}

.parallax-8 {
    background: url(../images/shortcodes/60.jpg) 50% 0 no-repeat fixed;
}

/*===============================================
-------------------------------------------------
	image styles
-------------------------------------------------
================================================*/

/* image rounded
 ------------------------------ */

.img-rounded {
    border-radius: 8px;
}

.img-circle {
    border-radius: 50%;
}

/* image thumnail
 ------------------------------ */
.img-thubnail {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;
}

a.img-thumbnail-link {
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;
    transition: 0.3s;
}

    a.img-thumbnail-link:hover {
        box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
    }

/* image cards
 ------------------------------ */

.polaroid {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 25px;
}

    .polaroid .text {
        text-align: center;
        padding: 30px 20px;
    }


/* =========== modal boxes ============= */


/* =========== pagenation ============= */

.pagination {
    border-radius: 4px;
    display: inline-block;
    margin: 20px 0;
    padding-left: 0;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a, .pagination > li > span {
            color: #101010;
            float: left;
            line-height: 20px;
            margin-left: -1px;
            padding: 10px 15px;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #e4e4e4;
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
            margin-left: 0;
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }



    /* pagenation style 1
 ------------------------------ */

    .pagination.style-1 > li > a {
        border-radius: 100%;
        margin-left: 0px;
        margin-right: 5px;
        padding: 0 !important;
        width: 40px;
        height: 40px;
        line-height: 37px;
    }

    /* pagenation style 2
 ------------------------------ */
    .pagination.style-2 > li > a {
        border-radius: 100%;
        margin-left: 0px;
        margin-right: 5px;
        padding: 0 !important;
        width: 40px;
        height: 40px;
        line-height: 37px;
    }

        .pagination.style-2 > li > a:hover, .pagination.style-2 > li > span:hover,
        .pagination.style-2 > li > a.active {
            background-color: #fc4242;
            border-color: #fc4242;
            color: #fff;
        }

    .pagination.style-2 > li:first-child > a, .pagination.style-2 > li:last-child > a {
        background: none;
        border: none;
        color: #101010;
    }

        .pagination.style-2 > li:first-child > a:hover, .pagination.style-2 > li:last-child > a:hover {
            color: #fc4242;
        }

    /* pagenation style 3
 ------------------------------ */
    .pagination.style-3 > li > a {
        margin-left: 0px;
        margin-right: 5px;
    }

    /* pagenation style 4
 ------------------------------ */
    .pagination.style-4 > li > a, .pagination.style-4 > li > span {
        color: #fff;
        float: left;
        line-height: 20px;
        margin-left: -1px;
        padding: 10px 15px;
        text-decoration: none;
        background-color: #101010;
        border: 1px solid #727272;
    }


    /* pagenation style 5
 ------------------------------ */

    .pagination.pgn-dark > li > a {
        color: #fff;
        border: 1px solid #101010;
        background-color: #101010;
    }

    .pagination.pgn-light > li > a {
        color: #101010;
        border: 1px solid #e4e4e4;
        background-color: #fff;
    }

    .pagination.pgn-green > li > a {
        color: #fff;
        border: 1px solid #3fc35f;
        background-color: #3fc35f;
    }


/* pagenation pager
 ------------------------------ */
.pager {
    margin: 24px 0;
    padding-left: 0;
    text-align: center;
}

    .pager li a {
        display: inline-block;
        padding: 5px 14px;
        border-radius: 15px;
        background-color: #fff;
        border: 1px solid #e4e4e4;
    }

        .pager li a:hover {
            background-color: #e4e4e4;
            text-decoration: none;
        }

    .pager .previous a, .pager .previous {
        float: left;
    }

/* pagenation sizes
 ------------------------------ */

.pagination.pagenation-lg li a {
    line-height: 20px;
    margin-left: -1px;
    padding: 20px 25px;
}

.pagination.pagenation-md li a {
    line-height: 20px;
    margin-left: -1px;
    padding: 15px 20px;
}

.pagination.pagenation-sm li a {
    line-height: 20px;
    margin-left: -1px;
    padding: 8px 13px;
}

.pagination.pagenation-tn li a {
    line-height: 20px;
    margin-left: -1px;
    padding: 5px 10px;
}
/* pagenation hover colors
 ------------------------------ */
.pagination.hover-red > li > a:hover, .pagination.hover-red > li > span:hover,
.pagination.hover-red > li > a.active {
    color: #fff;
    border-color: #fc4242;
    background-color: #fc4242;
}

.pagination.hover-green > li > a:hover, .pagination.hover-green > li > span:hover,
.pagination.hover-green > li > a.active {
    color: #fff;
    border-color: #3fc35f;
    background-color: #3fc35f;
}

.pagination.hover-blue > li > a:hover, .pagination.hover-blue > li > span:hover,
.pagination.hover-blue > li > a.active {
    color: #fff;
    border-color: #4eb0fc;
    background-color: #4eb0fc;
}

.pagination.hover-violet > li > a:hover, .pagination.hover-violet > li > span:hover,
.pagination.hover-violet > li > a.active {
    color: #fff;
    border-color: #b659fe;
    background-color: #b659fe;
}

.pagination.hover-orange > li > a:hover, .pagination.hover-orange > li > span:hover,
.pagination.hover-orange > li > a.active {
    color: #fff;
    border-color: #ffa81e;
    background-color: #ffa81e;
}

.pagination.hover-dark > li > a:hover, .pagination.hover-dark > li > span:hover,
.pagination.hover-dark > li > a.active {
    color: #fff;
    border-color: #101010;
    background-color: #101010;
}



/* =========== pricing-tables ============= */

/* price table 1
 ------------------------------ */

.pricing-table-1 {
    background-color: #f5f5f5;
    float: left;
    padding: 20px;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}

    .pricing-table-1 .inner-box {
        border: 1px solid #e9e9e9;
        float: left;
        padding: 40px;
        width: 100%;
    }

        .pricing-table-1 .inner-box .price-circle {
            background-color: #fff;
            border-radius: 100%;
            height: 130px;
            margin: 0 auto;
            padding: 38px 0 0;
            transition: all 0.3s ease-out 0s;
            width: 130px;
        }

            .pricing-table-1 .inner-box .price-circle .price {
                color: #242424;
                font-size: 28px;
                font-weight: 700;
                padding: 8px 0 0;
                text-align: center;
                transition: all 0.3s ease-out 0s;
            }

                .pricing-table-1 .inner-box .price-circle .price i {
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 500;
                }

                .pricing-table-1 .inner-box .price-circle .price sup {
                    font-size: 18px;
                    font-style: normal;
                }

    .pricing-table-1 ul.plan_features {
        float: left;
        margin: 0 0 50px;
        padding: 0;
        text-align: center;
        width: 100%;
    }

        .pricing-table-1 ul.plan_features li {
            border-bottom: 1px solid #e9e9e9;
            padding: 15px 0;
            transition: all 0.3s ease-out 0s;
        }

            .pricing-table-1 ul.plan_features li:last-child {
                border-bottom: medium none;
            }

    .pricing-table-1:hover, .pricing-table-1.active {
        background-color: #101010;
    }

        .pricing-table-1:hover .inner-box, .pricing-table-1.active .inner-box {
            border: 1px solid #272727;
        }

        .pricing-table-1:hover ul.plan_features li, .pricing-table-1.active ul.plan_features li {
            border-bottom: 1px solid #272727;
        }

            .pricing-table-1:hover ul.plan_features li:last-child, .pricing-table-1.active ul.plan_features li:last-child {
                border-bottom: medium none;
            }

        .pricing-table-1:hover a.btn.btn-dark-3, .pricing-table-1.active a.btn.btn-dark-3 {
            background-color: #f51e46;
            color: #fff;
        }

        .pricing-table-1:hover .title, .pricing-table-1.active .title {
            color: #fff;
        }

        .pricing-table-1:hover .inner-box .price-circle .price, .pricing-table-1.active .inner-box .price-circle .price {
            color: #f51e46;
        }

        .pricing-table-1:hover .inner-box .price-circle, .pricing-table-1.active .inner-box .price-circle {
            color: #f51e46;
        }


/* price table 2
 ------------------------------ */

.pricing-table-2 {
    background-color: #fff;
    float: left;
    padding: 20px;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}

    .pricing-table-2 .inner-box {
        border: 1px solid #101010;
        float: left;
        padding: 40px;
        width: 100%;
    }

        .pricing-table-2 .inner-box .price-circle {
            background-color: #fff;
            border: 3px solid #f5f5f5;
            border-radius: 100%;
            height: 130px;
            margin: 0 auto;
            padding: 38px 0 0;
            transition: all 0.3s ease-out 0s;
            width: 130px;
        }

            .pricing-table-2 .inner-box .price-circle .price {
                color: #242424;
                font-size: 28px;
                font-weight: 700;
                padding: 8px 0 0;
                text-align: center;
                transition: all 0.3s ease-out 0s;
            }

                .pricing-table-2 .inner-box .price-circle .price i {
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 500;
                }

                .pricing-table-2 .inner-box .price-circle .price sup {
                    font-size: 18px;
                    font-style: normal;
                }

    .pricing-table-2 ul.plan_features {
        float: left;
        margin: 0 0 50px;
        padding: 0;
        text-align: center;
        width: 100%;
    }

        .pricing-table-2 ul.plan_features li {
            border-bottom: 1px solid #e9e9e9;
            padding: 15px 0;
            transition: all 0.3s ease-out 0s;
        }

            .pricing-table-2 ul.plan_features li:last-child {
                border-bottom: medium none;
            }

    .pricing-table-2:hover .inner-box, .pricing-table-2.active .inner-box {
        border: 1px solid #f51e46;
    }

        .pricing-table-2:hover .inner-box .price-circle, .pricing-table-2.active .inner-box .price-circle {
            border: 3px solid #f51e46;
        }

            .pricing-table-2:hover .inner-box .price-circle .price, .pricing-table-2.active .inner-box .price-circle .price {
                color: #f51e46;
            }

        .pricing-table-2:hover .inner-box .price-circle, .pricing-table-2.active .inner-box .price-circle {
            color: #f51e46;
        }

        .pricing-table-2:hover .inner-box .btn.btn-dark-3, .pricing-table-2.active .inner-box .btn.btn-dark-3 {
            background-color: #f51e46;
            color: #fff;
        }


/* price table 3
 ------------------------------ */

.pricing-table-3 {
    background-color: #101010;
    float: left;
    margin: 0;
    padding: 15px 15px 40px;
    position: relative;
    text-align: center;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}

    .pricing-table-3.border-right {
        border-right: 1px solid #242424;
    }

    .pricing-table-3 .price-circle {
        background-color: #242424;
        border: 1px solid #393939;
        border-radius: 100%;
        height: 125px;
        margin: -65px auto 0;
        width: 125px;
        padding-top: 30px;
    }

        .pricing-table-3 .price-circle .price {
            color: #fff;
            font-size: 26px;
            font-weight: bold;
            line-height: 20px;
            padding: 15px 0;
            text-align: center;
        }

            .pricing-table-3 .price-circle .price sup {
                font-size: 22px;
                font-style: normal;
            }

            .pricing-table-3 .price-circle .price i {
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
            }

    .pricing-table-3 .title {
        border-bottom: 1px solid #242424;
        color: #fff;
        padding: 0 0 15px;
        width: 100%;
    }

    .pricing-table-3 .features-list {
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .pricing-table-3 .features-list li {
            border-bottom: 1px solid #242424;
            color: #727272;
            float: left;
            margin: 0;
            padding: 15px 0;
            width: 100%;
        }

            .pricing-table-3 .features-list li:last-child {
                border-bottom: medium none;
            }

.pricetable-top-bg-strip {
    background-color: #fff;
    float: left;
    height: 25px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.pricetable-active-bg-strip {
    background-color: #f51e46;
    float: left;
    height: 25px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.pricing-table-3.active {
    background-color: #f51e46;
    padding-bottom: 60px;
}

    .pricing-table-3.active .features-list li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        color: #fff;
    }

    .pricing-table-3.active .title {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        color: #fff;
    }

    .pricing-table-3.active .btn.btn-green-4 {
        background-color: #fff;
        color: #242424;
    }


/* price table 4
 ------------------------------ */

.pricing-table-4 {
    margin: 0;
    padding: 0;
    width: 100%;
}

    .pricing-table-4 th {
        margin: 0;
        padding: 0;
        width: 25%;
    }

        .pricing-table-4 th .title-header {
            background-color: #101010;
            color: #fff;
            float: left;
            font-size: 28px;
            font-weight: 600;
            padding: 20px;
            text-align: center;
            width: 100%;
        }

            .pricing-table-4 th .title-header.active {
                background-color: #f51e46;
            }

    .pricing-table-4 .table > thead > tr > th {
        border: medium none;
        padding: 0;
    }

    .pricing-table-4 .table > tbody > tr > td {
        padding: 20px;
        border: 1px solid #dddfe0;
    }

    .pricing-table-4 .table > thead > tr > th {
        vertical-align: middle;
    }

    .pricing-table-4 th .price {
        color: #fff;
        font: bold 36px/45px "Open Sans",sans-serif;
        padding: 8px 0;
        text-align: center;
    }

    .pricing-table-4 tr td i {
        color: #89be21;
        font-size: 18px;
    }

    .pricing-table-4 tr td.red i {
        color: #ff2f16;
    }

    .pricing-table-4 th .price sup {
        font-size: 22px;
        font-style: normal;
    }

    .pricing-table-4 th .price i {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
    }

    .pricing-table-4 tr:nth-child(2n) {
        background: #e9e9e9 none repeat scroll 0 0;
    }

    .pricing-table-4 tr:nth-child(2n+1) {
        background: #fff none repeat scroll 0 0;
    }

    .pricing-table-4 th .title-header.first {
        border: medium none;
        margin-top: 69px;
    }

    .pricing-table-4 .table-bordered {
        border: medium none;
    }

        .pricing-table-4 .table-bordered th .title-header.first {
            border-right: 1px solid #e9e9e9;
        }

    .pricing-table-4 a.btn2 {
        margin-top: 20px;
    }


/* price table 5
 ------------------------------ */

.pricing-table-5 {
    background-color: #242424;
    float: left;
    margin: 0;
    padding: 15px 0 40px;
    position: relative;
    text-align: center;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}

    .pricing-table-5.border-right {
        border-right: 1px solid #393939;
    }

    .pricing-table-5 .price {
        color: #fff;
        font-size: 26px;
        font-weight: bold;
        line-height: 20px;
        padding: 15px 0;
        text-align: center;
    }

        .pricing-table-5 .price sup {
            font-size: 22px;
            font-style: normal;
        }

        .pricing-table-5 .price i {
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
        }

    .pricing-table-5 .title-box {
        border-bottom: 1px solid #393939;
        color: #fff;
        float: left;
        padding: 45px 0 15px;
        vertical-align: middle;
        width: 100%;
    }

    .pricing-table-5.first-table .title-box {
        padding: 15px 0;
    }

    .pricing-table-5.first-table {
        margin-top: 83px;
    }

    .pricing-table-5 .title-box .title {
        color: #fff;
    }

    .pricing-table-5 .features-list {
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .pricing-table-5 .features-list li {
            border-bottom: 1px solid #393939;
            color: #727272;
            float: left;
            margin: 0;
            padding: 15px 0;
            width: 100%;
        }

            .pricing-table-5 .features-list li i.green-4 {
                color: #80b604;
                font-size: 18px;
            }

            .pricing-table-5 .features-list li i.red {
                color: #ff2f16;
                font-size: 18px;
            }

            .pricing-table-5 .features-list li i.white {
                color: #fff;
                font-size: 18px;
            }

            .pricing-table-5 .features-list li:last-child {
                border-bottom: medium none;
            }

            .pricing-table-5 .features-list li:nth-child(2n) {
                background-color: #2a2a2a;
            }

    .pricing-table-5.active .features-list li:nth-child(2n) {
        background-color: #3a9ae5;
    }

.pricing-table-5-top-strip {
    background-color: #fff;
    float: left;
    height: 25px;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .pricing-table-5-top-strip.active {
        background-color: #4eb0fc;
    }

.pricing-table-5.active {
    background-color: #4eb0fc;
    padding-bottom: 60px;
}

    .pricing-table-5.active .features-list li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        color: #fff;
    }

    .pricing-table-5.active .title-box {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        color: #fff;
    }

    .pricing-table-5.active .btn.btn-green-4 {
        background-color: #fff;
        color: #242424;
    }
/* =========== Pricing Badges ============= */


.pricing-badge-item-1 {
    width: 100%;
    float: left;
}

.pricing-badge-img-holder {
    position: relative;
    width: 100%;
}

.pricing-badge {
    position: absolute;
    background-color: #3d3d3c;
    border-radius: 100%;
    color: #727272;
    float: left;
    font-size: 18px;
    height: 150px;
    margin: 0;
    padding: 38px 0 0;
    text-align: center;
    width: 150px;
}

    .pricing-badge span.price {
        color: #fff;
        font-size: 30px;
        font-weight: bold;
        line-height: 40px;
        margin-top: 5px;
        padding: 0 0 5px;
        text-align: center;
    }

    /* badge position
 ------------------------------ */

    .pricing-badge.position-right-1 {
        top: 0px;
        right: 20px;
    }

    .pricing-badge.position-right-2 {
        right: 80px;
        top: 133px;
    }

    .pricing-badge.position-right-3 {
        top: 20px;
        right: 20px;
    }

    .pricing-badge.position-left-1 {
        top: 0px;
        left: 20px;
    }

    .pricing-badge.position-left-2 {
        left: 80px;
        top: 133px;
    }

    .pricing-badge.position-left-3 {
        top: 20px;
        left: 20px;
    }

    /* priceing badge sizes
 ------------------------------ */

    .pricing-badge.badge-large {
        font-size: 18px;
        height: 150px;
        padding: 38px 0 0;
        width: 150px;
    }

        .pricing-badge.badge-large span.price {
            font-size: 30px;
            line-height: 40px;
            padding: 0 0 5px;
        }


    .pricing-badge.badge-medium {
        font-size: 16px;
        height: 120px;
        padding: 29px 0 0;
        line-height: 22px;
        width: 120px;
    }

        .pricing-badge.badge-medium span.price {
            font-size: 20px;
            line-height: 20px;
            margin-top: 5px;
            padding: 0 0 5px;
        }

    .pricing-badge.badge-small {
        font-size: 14px;
        height: 90px;
        line-height: 17px;
        padding: 18px 0 0;
        width: 90px;
    }

        .pricing-badge.badge-small span.price {
            font-size: 16px;
            line-height: 18px;
            margin-top: 5px;
            padding: 0 0 5px;
        }

    /* priceing badge colors
 ------------------------------ */

    .pricing-badge.badge-red {
        background-color: #fc4242;
        color: #fff;
    }

    .pricing-badge.badge-green {
        background-color: #3fc35f;
        color: #fff;
    }

    .pricing-badge.badge-blue {
        background-color: #4eb0fc;
        color: #fff;
    }

    .pricing-badge.badge-violet {
        background-color: #b659fe;
        color: #fff;
    }

    .pricing-badge.badge-dark {
        background-color: #101010;
        color: #fff;
    }

    .pricing-badge.badge-white {
        background-color: #fff;
        color: #101010;
    }

    .pricing-badge.badge-orange {
        background-color: #fc8506;
        color: #fff;
    }

    .pricing-badge.badge-yellow {
        background-color: #ffd200;
        color: #fff;
    }


/* item holders
 ------------------------------ */

.pricing-badge-item-1 {
    position: relative;
    width: 100%;
    float: left;
    background-color: #990;
}

    .pricing-badge-item-1 .pricing-badge-img-holder .position-left-1 {
        left: 50px;
        top: 41px;
    }

    .pricing-badge-item-1 .pricing-badge-img-holder .position-left-2 {
        left: 104px;
        top: 143px;
    }


.pricing-badge-item-2 .pricing-badge-img-holder .position-right-1 {
    left: 251px;
    top: 37px;
}

.pricing-badge-item-2 .pricing-badge-img-holder .position-right-2 {
    left: 328px;
    top: 128px;
}




/*============ Progress bar ============ */

/*style 1
 ------------------------------ */
.progressbar-style-1 {
    margin-top: 10px;
    margin-bottom: 38px;
    font-weight: 400;
    letter-spacing: 1px;
    overflow: visible;
    height: 10px;
    color: #fff;
    background: #fff;
    border-radius: 0px;
    box-shadow: none;
    text-transform: uppercase;
}

    .progressbar-style-1 .progress-bar {
        position: relative;
        overflow: visible;
        background-color: #101010;
        font-size: 13px;
        color: #f51e46;
        line-height: 44px;
        padding: 0px 0 0 0px;
        text-align: left;
        box-shadow: none;
        border: 2px solid #fff;
    }

        .progressbar-style-1 .progress-bar.yellow-3 {
            background-color: #f7c800;
        }

/*style 2
 ------------------------------ */
.progressbar-style-2 {
    margin-top: 10px;
    margin-bottom: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    overflow: visible;
    height: 3px;
    color: #161616;
    background: #ccc;
    border-radius: 0px;
    box-shadow: none;
    text-transform: uppercase;
}

    .progressbar-style-2 .progress-bar {
        position: relative;
        overflow: visible;
        background-color: #161616;
        font-size: 13px;
        color: #161616;
        box-shadow: none;
        padding: 3px 0 0 0;
        text-align: left;
    }

/*style 3
 ------------------------------ */
.progressbar-style-3 {
    margin-top: 10px;
    margin-bottom: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    overflow: visible;
    height: 8px;
    color: #161616;
    background: #fff;
    border-radius: 0px;
    box-shadow: none;
    text-transform: uppercase;
}

    .progressbar-style-3 .progress-bar {
        position: relative;
        overflow: visible;
        background-color: #e9b444;
        font-size: 13px;
        color: #fff;
        box-shadow: none;
        padding: 8px 0 0 0;
        text-align: left;
    }
/*style 4
 ------------------------------ */
.progressbar-style-4 {
    margin-top: 10px;
    margin-bottom: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    overflow: visible;
    height: 8px;
    color: #161616;
    background: #e7e7e7;
    border-radius: 0px;
    box-shadow: none;
    text-transform: uppercase;
}

    .progressbar-style-4 .progress-bar {
        position: relative;
        overflow: visible;
        background-color: #ff9320;
        font-size: 13px;
        color: #727272;
        box-shadow: none;
        padding: 8px 0 0 0;
        text-align: left;
    }
/*style 5
 ------------------------------ */
.progressbar-style-5 {
    margin-top: 10px;
    margin-bottom: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    overflow: visible;
    height: 40px;
    color: #161616;
    background: #f5f5f5;
    border-radius: 0px;
    box-shadow: none;
    text-transform: uppercase;
}

    .progressbar-style-5 .progress-bar {
        position: relative;
        overflow: visible;
        background-color: #101010;
        font-size: 14px;
        color: #101010;
        box-shadow: none;
        padding: 40px 0 0 0;
        text-align: left;
    }
/*progress bar colors
 ------------------------------ */
.progress-color-green {
    color: #161616;
    background: #4dd06d;
}

    .progress-color-green .progress-bar {
        background: rgba(0, 0, 0, 0.2);
        color: #101010;
    }

.progress-color-red {
    color: #161616;
    background: #fc4242;
}

    .progress-color-red .progress-bar {
        background: rgba(0, 0, 0, 0.2);
        color: #101010;
    }

.progress-color-blue {
    color: #161616;
    background: #4eb0fc;
}

    .progress-color-blue .progress-bar {
        background: rgba(0, 0, 0, 0.2);
        color: #101010;
    }

.progress-color-orange {
    color: #161616;
    background: #fea60e;
}

    .progress-color-orange .progress-bar {
        background: rgba(0, 0, 0, 0.2);
        color: #101010;
    }

.progress-color-yellow {
    color: #161616;
    background: #ffde03;
}

    .progress-color-yellow .progress-bar {
        background: rgba(0, 0, 0, 0.2);
        color: #101010;
    }

.progress-color-violet {
    color: #161616;
    background: #b659fe;
}

    .progress-color-violet .progress-bar {
        background: rgba(0, 0, 0, 0.2);
        color: #101010;
    }


/* =========== process steps ============= */

ul.process-steps {
    width: 100%;
    padding-left: 0px;
}

.process-steps li {
    width: 25%;
    position: relative;
    float: left;
    overflow: hidden;
    text-align: center;
}

    .process-steps li::before, .process-steps li::after {
        position: absolute;
        width: 50%;
        content: "";
        left: 0;
        margin-left: -36px;
        top: 35px;
        border-top: 1px dashed #e4e4e4;
    }

    .process-steps li::after {
        left: auto;
        right: 0;
        margin: 0 -36px 0 0;
    }

    .process-steps li a .icon {
        width: 70px;
        height: 70px;
        color: #101010;
        font-size: 22px;
        border-radius: 50%;
        line-height: 66px;
        text-align: center;
        display: inline-block;
        border: 1px solid #e4e4e4;
        background-color: #fff;
    }

    .process-steps li a .digit {
        width: 70px;
        height: 70px;
        color: #101010;
        font-size: 28px;
        border-radius: 50%;
        display: inline-block;
        font-weight: 500;
        line-height: 66px;
        text-align: center;
        border: 1px solid #e4e4e4;
        background-color: #fff;
    }

    .process-steps li:first-child::before, .process-steps li:last-child::after {
        opacity: 0;
    }

.process-steps.steps-3 li {
    width: 33.333%;
}

.process-steps.steps-4 li {
    width: 25%;
}

.process-steps.steps-5 li {
    width: 20%;
}

.process-steps li a .icon.active-blue {
    color: #fff;
    border: 1px solid #4eb0fc;
    background-color: #4eb0fc;
}

.process-steps.dark li a .icon {
    color: #fff;
    border: 1px solid #101010;
    background-color: #101010;
}

.process-steps li a .icon.active-red {
    color: #fff;
    border: 1px solid #fc4242;
    background-color: #fc4242;
}

.process-steps li a .digit.active-green {
    color: #fff;
    border: 1px solid #3fc35f;
    background-color: #3fc35f;
}


/* =========== post styles ============= */

.post-style-1 {
    background-color: #fff;
    float: left;
    padding: 0;
    width: 100%;
}

    .post-style-1 .text-box {
        float: left;
        padding: 40px;
        position: relative;
        width: 50%;
    }

        .post-style-1 .text-box .arrow-right {
            border-bottom: 30px solid transparent;
            border-left: 30px solid #fff;
            border-top: 30px solid transparent;
            height: 0;
            position: absolute;
            right: -27px;
            top: 129px;
            width: 0;
        }

    .post-style-1 .img-box {
        float: right;
        width: 50%;
    }


/* post style 2
 ------------------------------ */
.post-style-2 {
    background-color: #f5f5f5;
    float: left;
    padding: 20px;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}

    .post-style-2 .inner-box {
        border: 1px solid #e8e8e8;
        float: left;
        padding: 40px;
        transition: all 0.3s ease-out 0s;
        width: 100%;
    }

    .post-style-2:hover, .post-style-2.active {
        background-color: #101010;
    }

        .post-style-2:hover .inner-box, .post-style-2.active .inner-box {
            border: 1px solid #282828;
        }

            .post-style-2:hover .inner-box .title, .post-style-2.active .inner-box .title {
                color: #fff;
            }


/* post style 3
 ------------------------------ */

.post-style-3 {
    float: left;
    padding: 0;
    width: 100%;
}

    .post-style-3 .ce4-post-img {
        float: left;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .post-style-3 .text-box {
        height: 275px;
        padding: 60px 50px 50px;
    }

        .post-style-3 .text-box.one {
            height: 275px;
        }

        .post-style-3 .text-box .blog-post-info span {
            color: #f51e46;
        }

    .post-style-3 .ce4-post-img .arrow-up {
        border-bottom: 20px solid #fff;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        bottom: 0;
        height: 0;
        left: 175px;
        position: absolute;
        width: 0;
        z-index: 2;
    }

    .post-style-3 .ce4-post-img .arrow-down {
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #fff;
        height: 0;
        left: 175px;
        position: absolute;
        top: 0;
        width: 0;
    }


/* =========== Timeline ============= */

.timeline-1 {
    border-bottom-right-radius: 4px;
    border-left: 3px solid #101010;
    border-top-right-radius: 4px;
    color: #101010;
    margin: 50px auto;
    width: 87%;
    float: right;
    padding: 0px;
    position: relative;
    text-align: left;
}

    .timeline-1 li {
        position: relative;
        background: #fff;
        padding: 50px;
        height: auto;
        float: left;
        margin-bottom: 20px;
        transition: all 0.3s ease-out 0s;
    }

        .timeline-1 li p {
            color: #727272;
        }

        .timeline-1 li::before, .timeline-1 li::after {
            display: block;
            position: absolute;
            top: 0;
        }

        .timeline-1 li::before {
            color: #fff;
            content: attr(data-date);
            font-size: 18px;
            font-weight: 100;
            left: -150px;
            top: 20px;
            width: 120px;
            height: 120px;
            text-align: center;
            border-radius: 50%;
            padding: 35px 15px 15px 15px;
            background-color: #101010;
        }

        .timeline-1 li::after {
            background-color: #fff;
            content: "";
            height: 20px;
            left: -12px;
            top: 60px;
            width: 20px;
            border: 3px solid #101010;
        }

        .timeline-1 li .post-content {
            width: 100%;
            float: left;
            background-color: #fff;
        }

        .timeline-1 li .post-img {
            width: 50%;
            float: left;
        }

        .timeline-1 li .post-info {
            width: 50%;
            padding-left: 40px;
            float: right;
        }


    /* timeline colors
 ------------------------------ */
    .timeline-1.timeline-red {
        border-left: 3px solid #f25858;
    }

        .timeline-1.timeline-red li::after {
            border: 3px solid #f25858;
        }

        .timeline-1.timeline-red li::before {
            color: #fff;
            background-color: #f25858;
        }


/* timeline style 2
 ------------------------------ */

/** timeline box structure **/
.timeline-2 {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    /*timeline vertical bar*/
    .timeline-2:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #f25858;
        left: 50%;
        margin-left: -1.5px;
    }

.tldate {
    display: block;
    width: 100px;
    height: 100px;
    background: #f25858;
    border: 5px solid #fff;
    color: #fff;
    font-size: 18px;
    margin: 0 auto;
    padding: 20px 0 0 0;
    line-height: 25px;
    font-weight: normal;
    text-align: center;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 11px rgba(0,0,0,0.35);
}

    .tldate.nocircle {
        border-radius: 0px;
    }

.timeline-2 li {
    margin-bottom: 25px;
    position: relative;
}

    .timeline-2 li:before, .timeline-2 li:after {
        content: " ";
        display: table;
    }

    .timeline-2 li:after {
        clear: both;
    }

    .timeline-2 li:before, .timeline-2 li:after {
        content: " ";
        display: table;
    }

    /** timeline panels **/
    .timeline-2 li .timeline-panel {
        width: 46%;
        float: left;
        background: #fff;
        /*  border: 1px solid #e4e4e4;*/
        padding: 20px;
        position: relative;
        /*  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;*/
        /*  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);*/
    }

        /** panel arrows **/
        .timeline-2 li .timeline-panel:before {
            position: absolute;
            top: 26px;
            right: -15px;
            display: inline-block;
            border-top: 15px solid transparent;
            border-bottom: 15px solid transparent;
            content: " ";
        }

        .timeline-2 li .timeline-panel:after {
            position: absolute;
            top: 27px;
            right: -14px;
            display: inline-block;
            border-top: 14px solid transparent;
            border-left: 14px solid #fff;
            border-right: 0 solid #fff;
            border-bottom: 14px solid transparent;
            content: " ";
        }

        .timeline-2 li .timeline-panel.noarrow:before, .timeline-2 li .timeline-panel.noarrow:after {
            top: 0;
            right: 0;
            display: none;
            border: 0;
        }

    .timeline-2 li.timeline-inverted .timeline-panel {
        float: right;
    }

        .timeline-2 li.timeline-inverted .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        .timeline-2 li.timeline-inverted .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }


    /** timeline circle icons **/
    .timeline-2 li .tl-circ {
        position: absolute;
        top: 23px;
        left: 50%;
        text-align: center;
        background: #f5f5f5;
        color: #fff;
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin-left: -18px;
        border: 3px solid #f25858;
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        z-index: 99;
    }

    .timeline-2 li .post-content {
        width: 100%;
        float: left;
        padding: 20px;
        background-color: #fff;
    }

    .timeline-2 li .post-img {
        width: 100%;
        float: left;
    }

    .timeline-2 li .post-info {
        width: 100%;
        padding: 30px 0 0 0;
        float: right;
    }

/*
-----timeline dark---------
*/
.timeline-2.tl-dark li .tldate {
    background: #101010;
    color: #727272;
}

.timeline-2.tl-dark li .tl-circ {
    border: 3px solid #101010;
}

.timeline-2.tl-dark:before {
    background-color: #101010;
}

/*
-----timeline green---------
*/
.timeline-2.tl-green li .tldate {
    background: #36c67d;
    color: #fff;
}

.timeline-2.tl-green li .tl-circ {
    border: 3px solid #36c67d;
}

.timeline-2.tl-green:before {
    background-color: #36c67d;
}




/** media queries **/
@media (max-width: 991px) {
    .timeline-2 li .timeline-panel {
        width: 44%;
    }
}

@media (max-width: 700px) {
    .page-header h1 {
        font-size: 1.8em;
    }

    ul.timeline-2:before {
        left: 40px;
    }

    ul.timeline-2 li .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline-2 li .tl-circ {
        top: 22px;
        left: 22px;
        margin-left: 0;
    }

    ul.timeline-2 > li > .tldate {
        margin: 0;
    }

    ul.timeline-2 > li > .timeline-panel {
        float: right;
    }

        ul.timeline-2 > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline-2 > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}




/* =========== social icons ============= */

ul.social-icons {
    width: 100%;
    padding-left: 0px;
}

.social-icons li {
    display: inline-block;
    text-align: center;
}

    .social-icons li a {
        color: #242424;
        display: inline-block;
        font-size: 16px;
        height: 40px;
        line-height: 39px;
        margin: 0 5px 5px 0;
        padding: 0;
        overflow: hidden;
        text-align: center;
        width: 40px;
        background-color: #fff;
        border: 1px solid #e4e4e4;
        transition: all 0.3s ease-out 0s;
    }

        .social-icons li a i {
            color: #101010;
        }


/* social icon sizes
 ------------------------------ */

.social-icons.socila-lg li a {
    font-size: 30px;
    height: 80px;
    line-height: 73px;
    width: 80px;
}

.social-icons.socila-md li a {
    font-size: 21px;
    height: 60px;
    line-height: 60px;
    width: 60px;
}

.social-icons.socila-sm li a {
    font-size: 16px;
    height: 40px;
    line-height: 39px;
    width: 40px;
}

/* social icon round
 ------------------------------ */

.social-icons.round li a {
    border-radius: 50%;
}

/* social icon dark
 ------------------------------ */
.social-icons.dark-style li a {
    color: #fc4242;
    background-color: #101010;
    border: 1px solid #101010;
}

    .social-icons.dark-style li a i {
        color: #fff;
    }

/* social icon light
 ------------------------------ */
.social-icons.light-style li a {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
}

    .social-icons.light-style li a i {
        color: #101010;
    }


/* social icon hover colors
 ------------------------------ */


.social-icons li.social-rss a {
    background-color: #ffa500;
    border: 1px solid #ffa500;
}

.social-icons li.social-facebook a {
    background-color: #3b5ea1;
    border: 1px solid #3b5ea1;
}

.social-icons li.social-twitter a {
    background-color: #2bb3fa;
    border: 1px solid #2bb3fa;
}

.social-icons li.social-vimeo a {
    background-color: #27bcf1;
    border: 1px solid #27bcf1;
}

.social-icons li.social-youtube a {
    background-color: #df2926;
    border: 1px solid #df2926;
}

.social-icons li.social-stumbleupon a {
    background-color: #eb4924;
    border: 1px solid #eb4924;
}

.social-icons li.social-android a {
    background-color: #a3c537;
    border: 1px solid #a3c537;
}

.social-icons li.social-amazon a {
    background-color: #fc9a06;
    border: 1px solid #fc9a06;
}

.social-icons li.social-apple a {
    background-color: #3dd0f5;
    border: 1px solid #3dd0f5;
}

.social-icons li.social-edge a {
    background-color: #327ec9;
    border: 1px solid #327ec9;
}

.social-icons li.social-vine a {
    background-color: #16cc91;
    border: 1px solid #16cc91;
}

.social-icons li.social-wordpress a {
    background-color: #2187b5;
    border: 1px solid #2187b5;
}

.social-icons li.social-whatsapp a {
    background-color: #2fc631;
    border: 1px solid #2fc631;
}

.social-icons li.social-renren a {
    background-color: #0663b7;
    border: 1px solid #0663b7;
}

.social-icons li.social-windows a {
    background-color: #07b0f1;
    border: 1px solid #07b0f1;
}

.social-icons li.social-yahoo a {
    background-color: #690a7b;
    border: 1px solid #690a7b;
}

.social-icons li.social-skype a {
    background-color: #0ebaee;
    border: 1px solid #0ebaee;
}

.social-icons li.social-pinterest a {
    background-color: #ee2c34;
    border: 1px solid #ee2c34;
}

.social-icons li.social-modx a {
    background-color: #7ac343;
    border: 1px solid #7ac343;
}

.social-icons li.social-google-plus a {
    background-color: #e24d43;
    border: 1px solid #e24d43;
}

.social-icons li.social-flickr a {
    background-color: #ff0084;
    border: 1px solid #ff0084;
}

.social-icons li.social-linkedin a {
    background-color: #087ec0;
    border: 1px solid #087ec0;
}

.social-icons li.social-lastfm a {
    background-color: #d6063e;
    border: 1px solid #d6063e;
}

.social-icons li.social-yahoo a {
    background-color: #690a7b;
    border: 1px solid #690a7b;
}

.social-icons.icon-white li a i {
    color: #fff !important;
}
/* social icon hover colors
 ------------------------------ */

.social-icons li.hover-rss a:hover {
    background-color: #ffa500;
    border: 1px solid #ffa500;
}

.social-icons li.hover-facebook a:hover {
    background-color: #3b5ea1;
    border: 1px solid #3b5ea1;
}

.social-icons li.hover-twitter a:hover {
    background-color: #2bb3fa;
    border: 1px solid #2bb3fa;
}

.social-icons li.hover-vimeo a:hover {
    background-color: #27bcf1;
    border: 1px solid #27bcf1;
}

.social-icons li.hover-youtube a:hover {
    background-color: #df2926;
    border: 1px solid #df2926;
}

.social-icons li.hover-stumbleupon a:hover {
    background-color: #eb4924;
    border: 1px solid #eb4924;
}

.social-icons li.hover-android a:hover {
    background-color: #a3c537;
    border: 1px solid #a3c537;
}

.social-icons li.hover-amazon a:hover {
    background-color: #fc9a06;
    border: 1px solid #fc9a06;
}

.social-icons li.hover-apple a:hover {
    background-color: #3dd0f5;
    border: 1px solid #3dd0f5;
}

.social-icons li.hover-edge a:hover {
    background-color: #327ec9;
    border: 1px solid #327ec9;
}

.social-icons li.hover-vine a:hover {
    background-color: #16cc91;
    border: 1px solid #16cc91;
}

.social-icons li.hover-wordpress a:hover {
    background-color: #2187b5;
    border: 1px solid #2187b5;
}

.social-icons li.hover-whatsapp a:hover {
    background-color: #2fc631;
    border: 1px solid #2fc631;
}

.social-icons li.hover-renren a:hover {
    background-color: #0663b7;
    border: 1px solid #0663b7;
}

.social-icons li.hover-windows a:hover {
    background-color: #07b0f1;
    border: 1px solid #07b0f1;
}

.social-icons li.hover-yahoo a:hover {
    background-color: #690a7b;
    border: 1px solid #690a7b;
}

.social-icons li.hover-skype a:hover {
    background-color: #0ebaee;
    border: 1px solid #0ebaee;
}

.social-icons li.hover-pinterest a:hover {
    background-color: #ee2c34;
    border: 1px solid #ee2c34;
}

.social-icons li.hover-modx a:hover {
    background-color: #7ac343;
    border: 1px solid #7ac343;
}

.social-icons li.hover-google-plus a:hover {
    background-color: #e24d43;
    border: 1px solid #e24d43;
}

.social-icons li.hover-flickr a:hover {
    background-color: #ff0084;
    border: 1px solid #ff0084;
}

.social-icons li.hover-linkedin a:hover {
    background-color: #087ec0;
    border: 1px solid #087ec0;
}

.social-icons li.hover-lastfm a:hover {
    background-color: #d6063e;
    border: 1px solid #d6063e;
}

.social-icons li.hover-yahoo a:hover {
    background-color: #690a7b;
    border: 1px solid #690a7b;
}

/* social icon hover animation
 ------------------------------ */

.social-icons.h-anim-rotate li a i {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.social-icons.h-anim-rotate li a:hover i {
    color: #fff;
    webkit-transform: rotate(360deg) scale(1.3);
    -moz-transform: rotate(360deg) scale(1.3);
    -o-transform: rotate(360deg) scale(1.3);
    -ms-transform: rotate(360deg) scale(1.3);
}

.social-icons.h-anim-scale li a i {
    transition: all .3s ease-in-out;
}

.social-icons.h-anim-scale li a:hover i {
    color: #fff;
    transform: scale(1.5);
}


/* social icon hover slide left
 ------------------------------ */

.social-icons.h-anim-slide-left li a {
    position: relative;
}

    .social-icons.h-anim-slide-left li a .frount {
        width: 100%;
        position: absolute;
        left: 0px;
        transition: all .3s ease-in-out;
    }

    .social-icons.h-anim-slide-left li a .back {
        width: 100%;
        position: absolute;
        left: -62px;
        transition: all .3s ease-in-out;
    }

    .social-icons.h-anim-slide-left li a:hover .frount {
        left: 62px;
    }

    .social-icons.h-anim-slide-left li a:hover .back {
        left: 0px;
    }

    .social-icons.h-anim-slide-left li a:hover .frount i {
        color: #fff;
    }

    .social-icons.h-anim-slide-left li a:hover .back i {
        color: #fff;
    }


/* social icon hover slide right
 ------------------------------ */

.social-icons.h-anim-slide-right li a {
    position: relative;
}

    .social-icons.h-anim-slide-right li a .frount {
        width: 100%;
        position: absolute;
        right: 0px;
        transition: all .3s ease-in-out;
    }

    .social-icons.h-anim-slide-right li a .back {
        width: 100%;
        position: absolute;
        right: -62px;
        transition: all .3s ease-in-out;
    }

    .social-icons.h-anim-slide-right li a:hover .frount {
        right: 62px;
    }

    .social-icons.h-anim-slide-right li a:hover .back {
        right: 0px;
    }

    .social-icons.h-anim-slide-right li a:hover .frount i {
        color: #fff;
    }

    .social-icons.h-anim-slide-right li a:hover .back i {
        color: #fff;
    }

/* social icon hover slide top
 ------------------------------ */

.social-icons.h-anim-slide-top li a {
    position: relative;
}

    .social-icons.h-anim-slide-top li a .frount {
        width: 100%;
        position: absolute;
        top: 0px;
        transition: all .3s ease-in-out;
    }

    .social-icons.h-anim-slide-top li a .back {
        width: 100%;
        position: absolute;
        top: -62px;
        transition: all .3s ease-in-out;
    }

    .social-icons.h-anim-slide-top li a:hover .frount {
        top: 62px;
    }

    .social-icons.h-anim-slide-top li a:hover .back {
        top: 0px;
    }

    .social-icons.h-anim-slide-top li a:hover .frount i {
        color: #fff;
    }

    .social-icons.h-anim-slide-top li a:hover .back i {
        color: #fff;
    }



/* =========== Team Styles ============= */

.team-style-1 {
    background-color: #fff;
    float: left;
    padding: 20px;
    width: 100%;
}

    .team-style-1 .img-box {
        border: 1px solid #101010;
        float: left;
        padding: 0;
        position: relative;
        width: 100%;
    }

        .team-style-1 .img-box .icon-box {
            background-color: rgba(252, 226, 6, 0.8);
            float: left;
            height: 86%;
            margin: 7% 0 0 7%;
            opacity: 0;
            padding: 0;
            position: absolute;
            transition: all 0.3s ease-out 0s;
            width: 86%;
            z-index: 2;
        }

            .team-style-1 .img-box .icon-box .sc-icons {
                display: inline-block;
                margin-left: 0;
                margin-top: 50px;
                padding-left: 0;
                transition: all 0.3s ease-out 0s;
                width: 100%;
            }

                .team-style-1 .img-box .icon-box .sc-icons li {
                    display: inline-block;
                    padding: 0;
                }

                    .team-style-1 .img-box .icon-box .sc-icons li a {
                        background-color: #fff;
                        border: 1px solid rgba(255, 255, 255, 0.4);
                        border-radius: 100%;
                        color: #101010;
                        display: inline-block;
                        height: 40px;
                        line-height: 37px;
                        padding: 0;
                        text-align: center;
                        width: 40px;
                    }

                        .team-style-1 .img-box .icon-box .sc-icons li a:hover {
                            background-color: #101010;
                            border: 1px solid #101010;
                            color: #fff;
                            display: inline-block;
                        }

    .team-style-1:hover .img-box .icon-box, .team-style-1.active .img-box .icon-box {
        opacity: 1;
    }

        .team-style-1:hover .img-box .icon-box .sc-icons {
            margin-top: 100px;
        }

/* team style 2
 ------------------------------ */

.team-style-2 {
    background-color: #f5f5f5;
    border: 1px solid #101010;
    float: left;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}

    .team-style-2 .img-box {
        float: left;
        position: relative;
        width: 100%;
    }

        .team-style-2 .img-box .text-box {
            background-color: #101010;
            bottom: 0;
            float: left;
            left: 0;
            padding: 40px;
            position: absolute;
            transition: all 0.3s ease-out 0s;
            width: 85%;
            z-index: 3;
        }

    .team-style-2:hover .img-box .text-box, .team-style-2.active .img-box .text-box {
        background-color: #f51e46;
    }

    .team-style-2:hover, .team-style-2.active {
        border: 1px solid #f51e46;
    }

        .team-style-2:hover p, .team-style-2.active p {
            color: #fff;
        }

/* team style 3
 ------------------------------ */

.team-style-3 {
    border: 1px solid #e9e9e9;
    float: left;
    margin-bottom: 208px;
    padding: 20px;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}

    .team-style-3 .img-box {
        background-color: #f5f5f5;
        float: left;
        overflow: hidden;
        padding: 0;
        position: relative;
        text-align: center;
        width: 100%;
    }

    .team-style-3 .text-box {
        background-color: #fff;
        border: 1px solid #e9e9e9;
        bottom: 20px;
        left: 57px;
        padding: 50px;
        position: absolute;
        width: 80%;
        z-index: 3;
    }

    .team-style-3 .img-box .sc-icons-box {
        background-color: #101010;
        display: inline-block;
        height: 100%;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        right: -110px;
        text-align: center;
        top: 0;
        transition: all 0.3s ease-out 0s;
        width: 20%;
        z-index: 1;
    }

        .team-style-3 .img-box .sc-icons-box .sc-icons {
            margin: 0;
            padding: 60px 0 0;
            width: 100%;
        }

            .team-style-3 .img-box .sc-icons-box .sc-icons li {
                display: inline-block;
                margin: 0 0 10px;
                padding: 0;
                width: 100%;
            }

                .team-style-3 .img-box .sc-icons-box .sc-icons li a {
                    border: 1px solid rgba(255, 255, 255, 0.1);
                    color: #fff;
                    display: inline-block;
                    height: 40px;
                    line-height: 12px;
                    padding: 15px 10px;
                    width: 40px;
                }

                    .team-style-3 .img-box .sc-icons-box .sc-icons li a:hover, .team-style-3 .img-box .sc-icons-box .sc-icons li a.active {
                        background-color: #fff;
                        color: #101010;
                    }

    .team-style-3:hover .img-box .sc-icons-box, .team-style-3.active .img-box .sc-icons-box {
        right: 0;
    }

    .team-style-3:hover, .team-style-3.active {
        border: 1px solid #101010;
    }

/* =========== Testimonials ============= */

.testimonials-1 {
    background-color: #fff;
    float: left;
    padding: 17px;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}

    .testimonials-1 .inner-box {
        border: 1px solid #efefef;
        float: left;
        padding: 25px;
        transition: all 0.3s ease-out 0s;
        width: 100%;
    }

    .testimonials-1:hover, .testimonials-1.active {
        background-color: #101010;
    }

        .testimonials-1:hover .title {
            color: #fff;
        }

        .testimonials-1:hover .inner-box {
            border: 1px solid #282828;
        }

/* testimonials 2
 ------------------------------ */

.testimonials-2 {
    background-color: #fff;
    float: left;
    margin-bottom: 97px;
    padding: 20px;
    width: 100%;
}

    .testimonials-2 .inner-box {
        border: 1px solid #efefef;
        float: left;
        padding: 35px;
        position: relative;
        transition: all 0.3s ease-out 0s;
        width: 100%;
    }

        .testimonials-2 .inner-box .img-main {
            float: left;
            left: 0;
            position: absolute;
            top: 155px;
            width: 100%;
        }

    .testimonials-2:hover .inner-box, .testimonials-2.active .inner-box {
        border: 1px solid #f51e46;
    }


/* =========== Tooltips ============= */

.status-icon {
    background: #101010;
    fill: white;
    padding: 20px 20px;
    margin: 0 6px;
}

.accordion_container {
    width: 500px;
}

.accordion_head {
    background-color: #e9e9e9;
    color: #101010;
    cursor: pointer;
    font-size: 14px;
    margin: 0 0 1px 0;
    padding: 10px 15px;
    font-weight: normal;
}

.accordion_body {
    background: #fff;
}

    .accordion_body p {
        padding: 18px 5px;
        margin: 0px;
    }

.plusminus {
    float: right;
    font-size: 24px;
    font-weight: 300;
}

.accordion_head i {
    padding-right: 15px;
}

.accordion_head.style-2 {
    background-color: #fff;
    color: #101010;
    border: 1px solid #e9e9e9;
    padding: 15px 20px;
}

.accordion_head.style-3 {
    background-color: #fff;
    color: #101010;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 20px;
}

.accordion_head.style-4 {
    background-color: #fff;
    color: #101010;
    border: 1px solid #fff;
    padding: 7px 10px;
}

.accordion_body.style-4 {
    background: #fff;
    border-top: 1px dashed #101010;
}

/* =========== Typography ============= */

.typography-title-1 {
    color: #101010;
    font-family: "Open Sans";
    font-size: 94px;
    font-weight: 800;
    letter-spacing: -2px;
    line-height: 84px;
    margin-bottom: 72px;
    text-transform: uppercase;
}

.typography-title-2 {
    color: #101010;
    font-family: "Open Sans";
    font-size: 94px;
    font-weight: 800;
    letter-spacing: -2px;
    line-height: 84px;
    margin-bottom: 72px;
    font-weight: 200;
    text-transform: uppercase;
}

.typography-title-line {
    width: 80%;
    margin-right: 20%;
    padding: 0px;
    float: left;
    height: 1px;
    margin-top: 20px;
    background-color: #fc8f16;
}

.typography-title-3 {
    font-size: 94px;
    font-weight: 800;
    letter-spacing: -2px;
    line-height: 84px;
    margin-bottom: 72px;
    font-weight: 100;
}

.typo-underline {
    border-bottom: 1px solid #23c46b;
    color: #23c46b;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 3px;
    text-decoration: none;
    text-transform: uppercase;
}

    .typo-underline.orange {
        border-bottom: 1px solid #fe931e;
        color: #fe931e;
    }

.typography-title-4 {
    color: #61c19a;
    font-size: 180px;
    font-weight: 400;
    letter-spacing: 20px;
    line-height: 180px;
    margin-bottom: 60px;
    text-transform: uppercase;
}

.typography-title-5 {
    color: #f51e46;
    font-size: 80px;
    font-weight: 400;
    letter-spacing: 20px;
    line-height: 78px;
    margin-bottom: 20px;
}

.typography-title-line-2 {
    width: 20%;
    margin-right: 80%;
    padding: 0px;
    float: left;
    height: 2px;
    margin-top: 10px;
    margin-bottom: 50px;
    background-color: #f51e46;
}

.typography-title-line-3 {
    width: 20%;
    margin-right: 80%;
    padding: 0px;
    float: left;
    height: 3px;
    margin-top: 10px;
    margin-bottom: 50px;
    background-color: #101010;
}

.typo-underline.green {
    border-bottom: 1px solid #5ec59c;
    color: #5ec59c;
}

.typography-title-6 {
    color: #101010;
    font-size: 100px;
    font-weight: 700;
    letter-spacing: 4px;
    line-height: 82px;
    margin-bottom: 20px;
}

    .typography-title-6 span {
        font-weight: 200;
    }

.typography-title-7 {
    color: #fff;
    font-size: 100px;
    font-weight: 700;
    letter-spacing: 4px;
    line-height: 86px;
    margin-bottom: 60px;
}


/* =========== videos ============= */

.video-holder {
    height: 0;
    padding-top: 25px;
    padding-bottom: 67.5%;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

    .video-holder.widescreen {
        padding-bottom: 56.34%;
    }

    .video-holder.vimeo {
        padding-top: 0;
    }

    .video-holder embed, .video-holder iframe, .video-holder object, .video-holder video {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
    }






/* =========== Responsive Classes ============= */


@media only screen and (max-width: 1024px) {
    .team-style-3 .text-box {
        bottom: -21px;
    }

    .testimonials-2 .inner-box .img-main {
        top: 200px;
    }

    .typography-title-1 {
        font-size: 71px;
        line-height: 56px;
    }

    .typography-title-2 {
        font-size: 71px;
        line-height: 56px;
    }

    .typography-title-7 {
        font-size: 86px;
        line-height: 71px;
    }

    .typography-title-4 {
        font-size: 150px;
        line-height: 176px;
    }
}


@media only screen and (max-width: 991px) {
    .container {
        width: 95%;
    }

    .img-hover-1:hover .img-hover-1 img {
        top: 450px;
    }

    .img-hover-4 .text-box {
        top: 342px;
    }

    .img-hover-3 .text-box {
        left: -400px;
    }

    .classes-table table, thead, tbody, th, td, tr {
        display: block;
    }

    .classes-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .classes-table tr {
        border: 1px solid #ccc;
    }

    .classes-table td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

        .classes-table td:before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

        .classes-table td:nth-of-type(1):before {
            content: "Time";
        }

        .classes-table td:nth-of-type(2):before {
            content: "Monday";
        }

        .classes-table td:nth-of-type(3):before {
            content: "Tuesday";
        }

        .classes-table td:nth-of-type(4):before {
            content: "Wednesday";
        }

        .classes-table td:nth-of-type(5):before {
            content: "Thursday";
        }

        .classes-table td:nth-of-type(6):before {
            content: "Friday";
        }

        .classes-table td:nth-of-type(7):before {
            content: "Saturday";
        }

    .team-style-3 .text-box {
        bottom: -3px;
    }

    .team-style-3 {
        margin-bottom: 255px;
    }

    .testimonials-2 .inner-box .img-main {
        top: 99px;
    }

    .testimonials-2 {
        margin-bottom: 123px;
    }
}

@media only screen and (max-width: 800px) {
    .team-style-3 .img-box .sc-icons-box .sc-icons {
        padding: 10px 0 0 0;
    }

    .team-style-3 {
        margin-bottom: 300px;
    }
}


@media only screen and (max-width: 768px) {
    .img-hover-4 .text-box {
        top: 230px;
    }

    .table-style-2 td:nth-of-type(1):before {
        content: "TLD";
    }

    .table-style-2 td:nth-of-type(2):before {
        content: "Registration";
    }

    .table-style-2 td:nth-of-type(3):before {
        content: "Domain Transfer";
    }

    .table-style-2 td:nth-of-type(4):before {
        content: "DNS Management";
    }

    .table-style-2 td:nth-of-type(5):before {
        content: "Whois Privacy";
    }

    .table-style-2 td:nth-of-type(6):before {
        content: "";
    }

    .table-style-2 .btn {
        float: none;
    }

    .pricing-badge.badge-small {
        font-size: 11px;
        height: 70px;
        line-height: 13px;
        padding: 15px 0 0;
        width: 70px;
    }

    .pricing-badge.badge-medium {
        font-size: 16px;
        height: 100px;
        line-height: 20px;
        padding: 22px 0 0;
        width: 100px;
    }

    .pricing-badge.badge-large {
        font-size: 15px;
        height: 110px;
        line-height: 8px;
        padding: 31px 0 0;
        width: 110px;
    }

        .pricing-badge.badge-large span.price {
            font-size: 22px;
            line-height: 34px;
            padding: 0 0 5px;
        }

    .team-style-3 .text-box {
        bottom: 25px;
    }

    .team-style-3 {
        margin-bottom: 370px;
    }
}




@media only screen and (max-width: 640px) {
    .table-style-2 td:nth-of-type(1):before {
        content: "TLD";
    }

    .table-style-2 td:nth-of-type(2):before {
        content: "Registration";
    }

    .table-style-2 td:nth-of-type(3):before {
        content: "Domain Transfer";
    }

    .table-style-2 td:nth-of-type(4):before {
        content: "DNS Management";
    }

    .table-style-2 td:nth-of-type(5):before {
        content: "Whois Privacy";
    }

    .table-style-2 td:nth-of-type(6):before {
        content: "";
    }

    .pricing-table-4 th .title-header {
        font-size: 17px;
        padding: 18px;
    }

    .post-style-3 .ce4-post-img .arrow-down {
        left: 282px;
    }

    .post-style-3 .ce4-post-img .arrow-up {
        left: 292px;
    }

    .timeline-1 li .post-img {
        width: 100%;
    }

    .timeline-1 li .post-info {
        width: 100%;
        padding: 20px 0 0 0;
    }

    .timeline-1 li::before {
        left: -90px;
    }
}

@media only screen and (max-width: 480px) {

    .img-hover-4 .text-box {
        top: 325px;
    }

    .breadcrumbs-2 li {
        width: 100%;
        padding-bottom: 10px;
    }

        .breadcrumbs-2 li a {
            display: inline-block;
            padding-bottom: 10px;
        }

    .table-style-2 td:nth-of-type(1):before {
        content: "TLD";
    }

    .table-style-2 td:nth-of-type(2):before {
        content: "Registration";
    }

    .table-style-2 td:nth-of-type(3):before {
        content: "Domain Transfer";
    }

    .table-style-2 td:nth-of-type(4):before {
        content: "DNS Management";
    }

    .table-style-2 td:nth-of-type(5):before {
        content: "Whois Privacy";
    }

    .table-style-2 td:nth-of-type(6):before {
        content: "";
    }

    .process-steps.steps-3 li {
        width: 100%;
    }

    .process-steps.steps-4 li {
        width: 100%;
    }

    .process-steps.steps-5 li {
        width: 100%;
    }

    .process-steps li::after, .process-steps li::before {
        opacity: 0;
    }

    .post-style-3 .ce4-post-img .arrow-up {
        left: 215px;
    }

    .post-style-3 .ce4-post-img .arrow-down {
        left: 199px;
    }

    .timeline-1 li::before {
        left: -60px;
        width: 100px;
        height: 100px;
        padding: 25px 15px 15px 15px;
    }

    .testimonials-2 .inner-box .img-main {
        top: 149px;
    }

    .typography-title-1 {
        font-size: 60px;
        line-height: 46px;
    }

    .typography-title-2 {
        font-size: 60px;
        line-height: 46px;
    }

    .typography-title-6 {
        font-size: 74px;
        line-height: 61px;
    }

    .typography-title-7 {
        font-size: 63px;
        line-height: 57px;
    }

    .typography-title-3 {
        font-size: 61px;
        line-height: 63px;
    }

    .typography-title-4 {
        font-size: 92px;
        line-height: 116px;
    }

    .typography-title-5 {
        font-size: 65px;
        line-height: 60px;
    }
}




@media only screen and (max-width: 360px) {
    .img-hover-4 .text-box {
        top: 210px;
    }

    .table-style-2 td:nth-of-type(1):before {
        content: "TLD";
    }

    .table-style-2 td:nth-of-type(2):before {
        content: "Registration";
    }

    .table-style-2 td:nth-of-type(3):before {
        content: "Domain Transfer";
    }

    .table-style-2 td:nth-of-type(4):before {
        content: "DNS Management";
    }

    .table-style-2 td:nth-of-type(5):before {
        content: "Whois Privacy";
    }

    .table-style-2 td:nth-of-type(6):before {
        content: "";
    }

    .pricing-table-4 th .title-header {
        font-size: 13px;
        padding: 15px;
    }

    .pricing-table-4 th .price {
        font-size: 20px;
    }

    .pricing-badge.badge-large {
        font-size: 11px;
        height: 70px;
        line-height: 8px;
        padding: 18px 0 0;
        width: 70px;
    }

        .pricing-badge.badge-large span.price {
            font-size: 14px;
            line-height: 22px;
            padding: 0 0 5px;
        }

    .pricing-badge.badge-medium {
        font-size: 11px;
        height: 60px;
        line-height: 13px;
        padding: 7px 0 0;
        width: 60px;
    }

        .pricing-badge.badge-medium span.price {
            font-size: 15px;
            line-height: 16px;
            margin-top: 9px;
            padding: 0 0 5px;
        }

    .post-style-3 .ce4-post-img .arrow-up {
        left: 160px;
    }

    .post-style-3 .ce4-post-img .arrow-down {
        left: 160px;
    }

    .typography-title-1 {
        font-size: 42px;
        line-height: 37px;
    }

    .typography-title-2 {
        font-size: 42px;
        line-height: 37px;
    }

    .typography-title-6 {
        font-size: 56px;
        line-height: 47px;
    }

    .typography-title-7 {
        font-size: 46px;
        line-height: 43px;
    }

    .typography-title-3 {
        font-size: 45px;
        line-height: 46px;
    }

    .typography-title-4 {
        font-size: 59px;
        line-height: 70px;
    }

    .typography-title-5 {
        font-size: 48px;
        line-height: 43px;
    }
}

@media only screen and (max-width: 320px) {
    .img-hover-4 .text-box {
        top: 173px;
    }

    .team-style-3 {
        margin-bottom: 367px;
    }

        .team-style-3 .text-box {
            bottom: 12px;
            padding: 25px;
            left: 30px;
        }

        .team-style-3 .img-box .sc-icons-box .sc-icons li {
            margin: 0 0 0 0;
        }
}
/* line 1, ../sass/screen.scss */
*:focus, button:focus, input:focus, *, input, button, *:active, input:active, button:active, .bootstrap-select .btn:focus, option {
    outline: none !important;
    outline: 0px !important;
}

/* line 5, ../sass/screen.scss */
.banner-section {
    background: #000;
    height: 1500px;
    font-size: 16px;
}
/* line 14, ../sass/screen.scss */
.header-section {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    background-color: #020203;
    padding-top: 8px;
    padding-bottom: 8px;
}

    /* line 22, ../sass/screen.scss */
    .header-section img {
        max-width: 100%;
    }
    /* line 25, ../sass/screen.scss */
    .header-section .container {
        max-width: 1200px;
        width: auto;
    }

    /* =========== menu logo margins ============ */

    /* line 29, ../sass/screen.scss */
    .header-section .logo {
        display: inline-block;
        margin-top: 5px;
    }

        .header-section .logo.top-mar-1 {
            margin-top: 5px;
        }

        .header-section .logo.mar-1 {
            margin-top: 5px;
        }

        .header-section .logo.mar-2 {
            margin-top: 5px;
        }

        .header-section .logo.mar-3 {
            margin-top: 5px;
        }

        .header-section .logo.mar-4 {
            margin-top: 8px;
            margin-bottom: 8px;
        }

        .header-section .logo.mar-5 {
            margin-top: 5px;
        }

        .header-section .logo.mar-6 {
            margin-top: 27px;
        }

        .header-section .logo.mar-7 {
            margin-top: 30px;
        }

        .header-section .logo.im-mar {
            margin-top: 5px;
            margin-bottom: 20px;
        }



    /* line 33, ../sass/screen.scss */
    .header-section .row {
        position: static;
    }
        /* line 35, ../sass/screen.scss */
        .header-section .row > * {
            position: static;
        }
    /* line 39, ../sass/screen.scss */
    .header-section .mod-menu {
        position: relative;
        z-index: 999;
    }
    /* line 43, ../sass/screen.scss */
    .header-section ul {
        list-style: none;
        padding: 0px;
        margin: 0 0 0 10px;
    }

        .header-section ul.no-left-mar {
            margin: 0 0 0 0;
        }
        /* line 47, ../sass/screen.scss */
        .header-section ul li {
            text-transform: uppercase;
            position: relative;
        }
            /* line 49, ../sass/screen.scss */
            .header-section ul li a {
                color: #fff;
                background: none !important;
                padding: 15px 15px;
                text-decoration: none !important;
            }

                .header-section ul li a.icon-center {
                    text-align: center;
                }

                .header-section ul li a.m-link {
                    color: #8a8a8a;
                }

    .header-section.style3 ul li a {
        color: #fff;
        background: none !important;
        padding: 30px 15px;
        text-decoration: none !important;
    }

    .header-section.white ul li a {
        color: #101010;
    }

    .header-section.dark-dropdowns ul li a {
        color: #727272;
    }

    .header-section.dark-dropdowns.mlinks-dark ul li a {
        color: #101010;
    }

    /* line 56, ../sass/screen.scss */
    .header-section ul li.active > a {
        color: #f51e46;
    }
    /* line 60, ../sass/screen.scss */
    .header-section ul li .number {
        font-size: 0.71429em;
        background: #f51e46;
        width: 17px;
        height: 17px;
        line-height: 17px;
        text-align: center;
        color: #fff;
        position: absolute;
        right: -4px;
        top: 19px;
        border-radius: 100%;
    }

        .header-section ul li .number.mar2 {
            top: 35px;
        }
    /* line 74, ../sass/screen.scss */
    .header-section ul li ul {
        position: absolute;
        top: 100%;
        left: -20%;
        margin-left: -115px;
        background: #fff;
        width: 230px;
        -webkit-transition: all .2s;
        transition: all .2s;
    }
        /* line 85, ../sass/screen.scss */
        .header-section ul li ul li {
            border-bottom: 1px solid #e6e6e6;
            overflow: hidden;
        }

    .header-section.style3 ul li ul li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        overflow: hidden;
    }

    .header-section.style1 ul li ul li {
        border-bottom: 1px solid #f0f0f0;
    }
    /* line 87, ../sass/screen.scss */
    .header-section ul li ul li a {
        color: #242424;
        padding: 12px 23px;
        display: block;
        text-transform: none;
    }

    .header-section.style1 ul li ul li a {
        padding: 12px 23px;
    }

    .header-section.style1 ul li.align-left ul li a {
        text-align: left;
    }

    .header-section.style4 ul li.align-left ul li a {
        text-align: left;
    }

    .header-section.style4 ul li ul li a {
        padding: 12px 23px;
    }

    .header-section ul li ul li a:hover {
        margin-left: 8px;
    }
    /* line 95, ../sass/screen.scss */
    .header-section ul li ul li ul {
        left: 100%;
        right: auto;
        top: 0px;
        margin-left: 0px;
        width: 0px;
        overflow: hidden;
        display: block;
    }

    .header-section ul li ul.dm-align-2 {
        left: 120px;
    }
    /* line 103, ../sass/screen.scss */
    .header-section ul li ul li ul li {
        width: 210px;
    }
    /* line 120, ../sass/screen.scss */
    .header-section ul li.right ul li ul {
        left: auto;
        right: 100%;
    }
    /* line 134, ../sass/screen.scss */
    .header-section ul li.mega-menu {
        position: static;
    }
        /* line 136, ../sass/screen.scss */
        .header-section ul li.mega-menu > ul {
            width: 100%;
            left: 0px;
            float: none;
            margin-left: 0px;
            max-height: 0px;
            display: block;
            overflow: hidden;
            -webkit-transition: all .2s;
            transition: all .2s;
            -webkit-transition-delay: .2s;
            transition-delay: .2s;
        }
            /* line 149, ../sass/screen.scss */
            .header-section ul li.mega-menu > ul > li {
                padding: 30px 0;
                float: left;
                border: none;
                width: 25%;
            }

        .header-section ul li.mega-menu.align-left > ul > li {
            text-align: left;
        }

        .header-section ul li.mega-menu.five-col > ul > li {
            padding: 30px 0;
            float: left;
            border: none;
            width: 20%;
        }

        .header-section ul li.mega-menu.six-col > ul > li {
            padding: 30px 0;
            float: left;
            border: none;
            width: 16%;
        }

        /* line 154, ../sass/screen.scss */
        .header-section ul li.mega-menu > ul > li > a {
            text-transform: uppercase;
            padding-bottom: 10px;
            font-weight: 600;
        }
        /* line 160, ../sass/screen.scss */
        .header-section ul li.mega-menu > ul > li ul {
            width: 100%;
            position: relative;
            right: auto;
            top: auto;
            left: auto;
        }
            /* line 166, ../sass/screen.scss */
            .header-section ul li.mega-menu > ul > li ul li {
                border: none;
            }
                /* line 168, ../sass/screen.scss */
                .header-section ul li.mega-menu > ul > li ul li a {
                    padding-top: 8px;
                    padding-bottom: 8px;
                }

                    .header-section ul li.mega-menu > ul > li ul li a:hover {
                        color: #f51e46;
                        margin-left: 8px;
                        transition: all 0.2s ease-out 0s;
                    }

    .header-section.primary-dropdowns ul li.mega-menu > ul > li ul li a:hover {
        color: #101010;
        margin-left: 8px;
        transition: all 0.2s ease-out 0s;
    }
    /* line 183, ../sass/screen.scss */
    .header-section ul li.search-parent {
        position: static;
    }
        /* line 192, ../sass/screen.scss */
        .header-section ul li.search-parent .search-box {
            background: #fff;
            -webkit-transition: all .4s;
            transition: all .4s;
            -webkit-transition-delay: .3s;
            transition-delay: .3s;
            position: absolute;
            top: 100%;
            left: 0px;
            width: 100%;
            max-height: 0px;
            overflow: hidden;
        }

            /* line 201, ../sass/screen.scss */
            .header-section ul li.search-parent .search-box .content {
                padding: 30px 95px 30px 30px;
            }
            /* line 207, ../sass/screen.scss */
            .header-section ul li.search-parent .search-box .form-control {
                height: auto;
                border: 1px solid #e6e6e6;
                border-radius: 0px;
                box-shadow: none;
                padding-right: 45px;
                padding-bottom: 10px;
                padding-top: 10px;
            }

                /* line 215, ../sass/screen.scss */
                .header-section ul li.search-parent .search-box .form-control input {
                    background: none;
                    border: none;
                    width: 100%;
                    font-size: 1.42857em;
                    color: #727272;
                }
                /* line 222, ../sass/screen.scss */
                .header-section ul li.search-parent .search-box .form-control .search-btn {
                    font-size: 1.42857em;
                    position: absolute;
                    right: 96px;
                    top: 11px;
                    color: #070607;
                }

    .header-section.dark-dropdowns ul li.search-parent .search-box .form-control .search-btn {
        color: #fff;
    }

    .header-section ul li.search-parent .search-box .form-control .search-btn.mar-1 {
        top: -11px;
    }

    .header-section ul li.search-parent .search-box .form-control .search-btn.mar-2 {
        top: 6px;
    }

    /* line 230, ../sass/screen.scss */
    .header-section ul li.search-parent .search-box .close-btn {
        position: absolute;
        top: 6px;
        right: 20px;
        color: #070607;
        font-size: 1.85714em;
        opacity: .5;
    }

        .header-section ul li.search-parent .search-box .close-btn.mar-1 {
            top: -8px;
        }

    /* line 248, ../sass/screen.scss */
    .header-section ul li.cart-parent .cart-box {
        background: #fff;
        width: 370px;
        position: absolute;
        top: 100%;
        right: -47%;
        -webkit-transition: all .2s;
        transition: all .2s;
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
        max-height: 0px;
        overflow: hidden;
    }

        /* line 258, ../sass/screen.scss */
        .header-section ul li.cart-parent .cart-box .content {
            padding: 30px;
        }
        /* line 263, ../sass/screen.scss */
        .header-section ul li.cart-parent .cart-box span {
            color: #f51e46;
        }
        /* line 266, ../sass/screen.scss */
        .header-section ul li.cart-parent .cart-box ul {
            display: block;
            position: relative;
            left: 0px;
            margin: 0px;
            width: 100%;
            border-top: 1px solid #ededed;
            margin-top: 25px;
            max-height: none !important;
            opacity: 1 !important;
        }


            /* line 277, ../sass/screen.scss */
            .header-section ul li.cart-parent .cart-box ul li {
                position: relative;
                padding: 30px 30px 30px 100px;
                min-height: 141px;
                font-size: 1.21429em;
            }
                /* line 282, ../sass/screen.scss */
                .header-section ul li.cart-parent .cart-box ul li .close-btn {
                    position: absolute;
                    top: 50%;
                    margin-top: -15px;
                    padding: 0px;
                    right: 10px;
                    font-size: 1.05882em;
                    color: #070707;
                    opacity: .4;
                    font-weight: 300;
                }

                /* line 293, ../sass/screen.scss */
                .header-section ul li.cart-parent .cart-box ul li span {
                    display: block;
                    font-size: 1.05882em;
                    padding-top: 10px;
                }
                /* line 298, ../sass/screen.scss */
                .header-section ul li.cart-parent .cart-box ul li img {
                    position: absolute;
                    top: 30px;
                    left: 0px;
                }
        /* line 305, ../sass/screen.scss */
        .header-section ul li.cart-parent .cart-box .row {
            margin-left: -5px;
            margin-right: -5px;
        }
            /* line 308, ../sass/screen.scss */
            .header-section ul li.cart-parent .cart-box .row > * {
                padding-left: 5px;
                padding-right: 5px;
            }
        /* line 313, ../sass/screen.scss */
        .header-section ul li.cart-parent .cart-box .btn {
            margin-top: 30px;
            border-radius: 0px;
            background: #070607 !important;
            padding: 15px;
            color: #a1a1a1;
            font-size: 14px;
            border: none;
        }
            /* line 324, ../sass/screen.scss */
            .header-section ul li.cart-parent .cart-box .btn.btn-primary {
                background: #f51e46 !important;
                color: #fff;
            }
    /* line 335, ../sass/screen.scss */
    .header-section #menu {
        float: right;
    }
    /* line 339, ../sass/screen.scss */
    .header-section .main-nav .nav {
        float: none;
    }

    .header-section .main-nav.border {
        border-bottom: 1px solid #f1f1f1;
        border-top: 1px solid #f1f1f1;
    }

    /* line 341, ../sass/screen.scss */
    .header-section .main-nav .nav.top-nav {
        float: right;
    }
        /* line 343, ../sass/screen.scss */
        .header-section .main-nav .nav.top-nav > li {
            float: left;
        }

    /* =========== menu style 1 ============ */

    .header-section.style1 {
        position: relative;
        background-color: transparent;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

        .header-section.style1.noborder {
            border-bottom: none;
        }

        .header-section.style1 .container.cs-boder {
            border-top: 1px solid #1f1f1f;
            border-bottom: 1px solid #1f1f1f;
        }

        .header-section.style1 ul li a {
            padding: 45px 20px;
        }

            .header-section.style1 ul li a.dark {
                color: #101010;
            }

            .header-section.style1 ul li a.padd-more {
                padding: 20px 20px;
                border-right: 1px solid #f0f0f0;
            }

        .header-section.style1 ul li.search-parent .search-box .close-btn.mar-1 {
            top: 8px;
        }

        .header-section.style1 ul li.search-parent .search-box .form-control .search-btn.mar-1 {
            top: 5px;
        }

.btn-top-1 {
    position: relative;
    color: #fff;
    float: right;
    right: -343px;
    top: -25px;
    margin-top: 17px;
    padding: 10px 35px;
    border-radius: 30px;
    z-index: 5;
    background-color: #f51e46;
    transition: all 0.3s ease-out 0s;
}

    .btn-top-1:hover {
        color: #fff;
        background-color: #101010;
    }

.btn-top-2 {
    position: relative;
    color: #fff;
    float: right;
    right: 0px;
    top: -25px;
    margin-top: 17px;
    padding: 10px 35px;
    border-radius: 30px;
    z-index: 5;
    background-color: #f51e46;
    transition: all 0.3s ease-out 0s;
}

    .btn-top-2:hover {
        color: #fff;
        background-color: #101010;
    }
/* =========== menu style 1 ============ */

.header-section.dark-dropdowns.style1 ul li ul li a {
    color: #bbb;
}

.header-section.dark-dropdowns.style1 ul li.mega-menu > ul > li ul li a:hover {
    color: #f51e46;
}

.header-section.style2 {
    height: 95px;
}

    .header-section.style2 ul li a {
        padding: 20px 15px;
    }

    .header-section.style2 ul li ul li a {
        padding: 15px 23px;
    }

    .header-section.style2 ul li ul li {
        border-bottom: 1px solid #f1f1f1;
    }

    .header-section.style2.white-bg {
        background-color: #fff;
    }

    .header-section.style2.boder-b {
        border-bottom: 1px solid #f1f1f1;
    }

    .header-section.style2 ul li a {
        color: #101010;
    }

.header-section.dark-dropdowns.style2 ul li.mega-menu > ul > li ul li a {
    color: #727272;
}

.header-section.dark-dropdowns.style2 ul li ul li a {
    color: #fff;
}

.header-section.dark-dropdowns.style2 ul li.mega-menu > ul > li ul li a:hover {
    color: #f51e46;
}

.header-section.dark-dropdowns.style2 ul li.mega-menu > ul > li ul li.active a {
    color: #f51e46;
}

.header-section.dark-dropdowns.style2 ul li:hover > a, .header-section.dark-dropdowns.style2 ul li.active > a {
    color: #f51e46;
}

.header-section.dark-dropdowns.style2 ul li ul li a {
    color: #727272;
}

.header-section.dark-dropdowns.style2 ul li:hover > a {
    color: #f51e46;
}

.header-section.dark-dropdowns.style2 ul li.active > a .active-strip {
    background-color: #f51e46;
}

.active-strip {
    width: 100%;
    height: 3px;
    float: left;
    margin-top: 8px;
    background-color: transparent;
}
/* =========== menu style 3 ============ */
/* line 19, ../sass/screen.scss */
.header-section.style3 {
    background: #fff;
}

/* =========== menu style 4 ============ */
.header-section.style4 ul li a {
    color: #fff;
    background: none !important;
    padding: 35px 15px;
    text-decoration: none !important;
}

.header-section.style4.less-padd ul li a {
    padding: 30px 15px;
}

.header-section.white {
    background-color: #fff;
}

.header-section.light {
    background-color: #f5f5f5;
}

/* =========== dark color dropdowns with style4 ============ */
/*.header-section.dark-dropdowns.style4 ul li a {
  color: #727272;
}*/

.header-section.dark-dropdowns.style4 ul li ul li a {
    color: #727272;
}

.header-section.dark-dropdowns.style4 ul li ul {
    background-color: #101010;
}

.header-section.dark-dropdowns.style4 ul li.mega-menu > ul > li ul li a:hover {
    color: #f51e46;
}

.header-section.style4 ul li.mega-menu > ul > li ul li a:hover {
    color: #101010;
    margin-left: 8px;
    transition: all 0.2s ease-out 0s;
}

.header-section.dark-dropdowns.style4 ul li.search-parent .search-box .form-control .search-btn {
    color: #fff;
}

.header-section.dark-dropdowns.style4 ul li.search-parent .search-box .close-btn {
    color: #727272;
}

.header-section.dark-dropdowns.style4 ul li.search-parent .search-box .form-control {
    background-color: #101010;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.header-section.dark-dropdowns.style4 ul li.cart-parent .cart-box ul {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

    .header-section.dark-dropdowns.style4 ul li.cart-parent .cart-box ul li .close-btn {
        color: #727272;
    }
/* =========== dark color dropdowns ============ */
.header-section.dark-dropdowns ul li.search-parent .search-box {
    background: #101010;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
}

.header-section.dark-dropdowns ul li.search-parent .search-box {
    background: #101010;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
}

    .header-section.dark-dropdowns ul li.search-parent .search-box .close-btn {
        color: #727272;
    }

.header-section.dark-dropdowns ul li.cart-parent .cart-box {
    background: #101010;
}

.header-section.dark-dropdowns.style4 ul li.cart-parent .cart-box {
    background: #101010;
}

.header-section.dark-dropdowns ul li.cart-parent .cart-box ul li .close-btn {
    color: #727272;
}

.header-section.dark-dropdowns ul li.search-parent .search-box .form-control {
    background-color: #101010;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.header-section.dark-dropdowns ul li.cart-parent .cart-box ul {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.header-section.dark-dropdowns ul li ul {
    background-color: #101010;
}

@media only screen and (min-width: 1001px) {
    /* line 352, ../sass/screen.scss */
    .header-section {
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 999;
        padding-top: 0px;
        padding-bottom: 0px;
    }

        /* line 359, ../sass/screen.scss */
        .header-section.absotule {
            position: absolute;
        }

        /* =================== pin style ==================== */

        /* line 364, ../sass/screen.scss */
        .header-section.pin-style.pin-start {
            position: fixed;
        }
        /* line 371, ../sass/screen.scss */
        .header-section.pin-style.pin {
            background: rgba(2, 2, 3, 0.8);
            -webkit-transition: all .6s;
            transition: all .6s;
        }

        .header-section.white.pin-style.pin {
            background: #fff;
        }
        /* line 390, ../sass/screen.scss */
        .header-section.pin-style.before {
            -webkit-transition: all .6s;
            transition: all .6s;
        }
        /* line 394, ../sass/screen.scss */
        .header-section.pin-style .mod-menu {
            border: none !important;
        }
        /* line 598, ../sass/screen.scss */
        .header-section ul li:hover > a, .header-section ul li.active > a {
            color: #f51e46;
        }

        .header-section ul li ul li {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .header-section.white ul li ul li {
            border-bottom: 1px solid #f1f1f1;
        }

        /* line 603, ../sass/screen.scss */
        .header-section ul li ul {
            opacity: 0;
            max-height: 0px;
            overflow: hidden;
        }
            /* line 609, ../sass/screen.scss */
            .header-section ul li ul li ul {
                max-height: none;
                opacity: 1;
            }
            /* line 614, ../sass/screen.scss */
            .header-section ul li ul li:hover > ul {
                width: 230px;
            }
        /* line 623, ../sass/screen.scss */
        .header-section ul li:hover > ul {
            opacity: 1;
            max-height: 2000px;
            overflow: visible;
        }
            /* line 627, ../sass/screen.scss */
            .header-section ul li:hover > ul li {
                overflow: visible;
            }
                /* line 629, ../sass/screen.scss */
                .header-section ul li:hover > ul li ul {
                    overflow: hidden;
                    opacity: 1;
                }
        /* line 637, ../sass/screen.scss */
        .header-section ul li.mega-menu > ul {
            opacity: 0;
        }
        /* line 642, ../sass/screen.scss */
        .header-section ul li.mega-menu:hover > ul {
            opacity: 1;
            max-height: 2000px;
        }
        /* line 648, ../sass/screen.scss */
        .header-section ul li.search-parent {
            position: static;
        }

            .header-section ul li.search-parent a.m-link {
                color: #f51e46;
            }

        .header-section ul li.cart-parent a.m-link {
            color: #f51e46;
        }


        /* line 650, ../sass/screen.scss */
        .header-section ul li.search-parent .search-box {
            opacity: 0;
        }
        /* line 654, ../sass/screen.scss */
        .header-section ul li.search-parent.active .search-box {
            opacity: 1;
            max-height: 2000px;
            -webkit-transition-delay: 0s;
            transition-delay: 0s;
        }
        /* line 663, ../sass/screen.scss */
        .header-section ul li.cart-parent .cart-box {
            opacity: 0;
        }
        /* line 667, ../sass/screen.scss */
        .header-section ul li.cart-parent.active .cart-box {
            opacity: 1;
            max-height: 2000px;
            -webkit-transition-delay: 0s;
            transition-delay: 0s;
        }
        /* line 679, ../sass/screen.scss */
        .header-section ul li.cart-parent .cart-box .btn:hover {
            opacity: .8;
        }




        /* =========== menu style 1 ============ */

        .header-section.pin-style.pin.style1 {
            -webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
            -moz-box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
            box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
        }

            .header-section.pin-style.pin.style1.no-shadow {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
            }

        .header-section.style1.links-dark ul li a {
            color: #101010;
        }

        .header-section.dark-dropdowns.style1 ul li:hover > a, .header-section.dark-dropdowns.style1 ul li.active > a {
            color: #f51e46;
        }
        /* =========== menu style 2 ============ */

        /* line 401, ../sass/screen.scss */
        .header-section.style2 .col-sm-2 {
            float: right;
            text-align: right;
        }

        /* line 405, ../sass/screen.scss */
        .header-section.style2 .col-sm-10 {
            float: left;
            text-align: left;
            width: auto;
        }

        /* line 410, ../sass/screen.scss */
        .header-section.style2 .logo {
            display: block;
        }

        .header-section.style2 ul li ul li a span.sub-arrow {
            float: right;
            font-size: 14px;
            color: #fff;
        }

            .header-section.style2 ul li ul li a span.sub-arrow.dark {
                color: #101010;
            }

        .header-section.style2.pin-style.pin {
            background: #fff;
            -webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
            -moz-box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
            box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
        }

        .header-section.dark-dropdowns.style2 ul li ul li a span.sub-arrow.dark {
            color: #727272;
        }



        /* =========== menu style 3 ============ */

        /* line 415, ../sass/screen.scss */
        .header-section.style3 {
            padding-top: 0px;
            background: #fff;
            border: none;
        }

            .header-section.style3 .container {
                border-top: 1px solid #f1f1f1;
                border-bottom: none;
                margin-bottom: 35px;
            }
            /* line 419, ../sass/screen.scss */
            .header-section.style3.pin {
                background: #fff;
                -webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
                -moz-box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
                box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
            }

            /* line 422, ../sass/screen.scss */
            .header-section.style3 .logo {
                position: absolute;
                left: 47%;
                margin-left: -65px;
                top: -50px;
                margin-top: 0px;
            }
            /* line 429, ../sass/screen.scss */
            .header-section.style3 ul li.search-parent .search-box {
                background: #101010;
            }
                /* line 431, ../sass/screen.scss */
                .header-section.style3 ul li.search-parent .search-box .form-control {
                    background: #282828;
                    border: none;
                }
                    /* line 434, ../sass/screen.scss */
                    .header-section.style3 ul li.search-parent .search-box .form-control .search-btn {
                        color: #fff;
                    }
                /* line 438, ../sass/screen.scss */
                .header-section.style3 ul li.search-parent .search-box .close-btn {
                    color: #fff;
                }
            /* line 442, ../sass/screen.scss */
            .header-section.style3 ul li.cart-parent .cart-box {
                background: #070607;
                color: #fff;
            }
                /* line 444, ../sass/screen.scss */
                .header-section.style3 ul li.cart-parent .cart-box ul {
                    border-top: 1px solid #070607;
                    background: none;
                }
                    /* line 448, ../sass/screen.scss */
                    .header-section.style3 ul li.cart-parent .cart-box ul li {
                        color: #fff;
                    }
                        /* line 450, ../sass/screen.scss */
                        .header-section.style3 ul li.cart-parent .cart-box ul li .close-btn {
                            color: #fff;
                        }
            /* line 457, ../sass/screen.scss */
            .header-section.style3 .mod-menu {
                border-top: 1px solid #ececec;
                border-bottom: 1px solid #ececec;
            }
            /* line 464, ../sass/screen.scss */
            .header-section.style3 ul li a {
                color: #101010;
            }
            /* line 469, ../sass/screen.scss */
            .header-section.style3 .col-sm-10 {
                width: 100%;
                float: none;
            }
            /* line 473, ../sass/screen.scss */
            .header-section.style3 .col-sm-2 {
                float: none;
            }
            /* line 476, ../sass/screen.scss */
            .header-section.style3 #menu {
                float: left;
                width: 90%;
            }
                /* line 480, ../sass/screen.scss */
                .header-section.style3 #menu ul:first-child {
                    float: left;
                }
                /* line 483, ../sass/screen.scss */
                .header-section.style3 #menu ul:last-child {
                    float: right;
                }
                /* line 487, ../sass/screen.scss */
                .header-section.style3 #menu ul li ul {
                    background: #101010;
                    float: none !important;
                }

                    /* line 490, ../sass/screen.scss */
                    .header-section.style3 #menu ul li ul li {
                        border-color: #282828;
                    }
                        /* line 491, ../sass/screen.scss */
                        .header-section.style3 #menu ul li ul li a {
                            color: #727272;
                            padding: 12px 23px;
                        }

                        /* line 497, ../sass/screen.scss */
                        .header-section.style3 #menu ul li ul li:hover > a, .header-section.style3 #menu ul li ul li.active > a {
                            color: #f51e46;
                        }

                        .header-section.style3 #menu ul li ul li:hover a span.sub-arrow, header-section.style3 #menu ul li ul li.active a span.sub-arrow {
                            color: #f51e46;
                        }


                /* line 507, ../sass/screen.scss */
                .header-section.style3 #menu ul li.mega-menu li ul li a {
                    color: #727272;
                }
                /* line 511, ../sass/screen.scss */
                .header-section.style3 #menu ul li.mega-menu li ul li:hover a, .header-section.style3 #menu ul li.mega-menu li ul li.active a {
                    color: #f51e46;
                }

            .header-section.style3 ul li ul li a span.sub-arrow {
                float: right;
                font-size: 14px;
                color: #fff;
            }

        /* line 376, ../sass/screen.scss */
        .header-section.pin-style.pin.style3 {
            padding: 0px;
        }
            /* line 378, ../sass/screen.scss */
            .header-section.pin-style.pin.style3 .logo {
                top: 0px;
            }


        /* =========== menu style 4 ============ */

        /* line 367, ../sass/screen.scss */
        .header-section.pin-style.style4 {
            border: none;
            margin-top: 50px;
        }
        /* line 367, ../sass/screen.scss */
        .header-section.pin-style.style4 {
            border: none;
            margin-top: 50px;
        }
            /* line 367, ../sass/screen.scss */
            .header-section.pin-style.style4.no-mar {
                margin-top: 0px;
            }

            .header-section.pin-style.style4.fn-mar {
                margin-top: 15px;
            }

            .header-section.pin-style.style4.top-mar-1 {
                margin-top: -50px;
            }

        /* line 382, ../sass/screen.scss */
        .header-section.pin-style.pin.style4 {
            padding-top: 0px;
            background: #fff;
            margin-top: 0px;
            -webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.1);
            -moz-box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.1);
            box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.1);
        }
            /* line 385, ../sass/screen.scss */
            .header-section.pin-style.pin.style4 .mod-menu {
                background: none;
            }

        /* line 524, ../sass/screen.scss */
        .header-section.style4 {
            background: none;
            padding-top: 0px;
        }
            /* line 527, ../sass/screen.scss */
            .header-section.style4.pin {
                background: rgba(0, 0, 0, 0.5);
            }
            /* line 530, ../sass/screen.scss */
            .header-section.style4 .mod-menu {
                background: #fff;
                padding-left: 20px;
                padding-right: 20px;
            }
            /* line 530, ../sass/screen.scss */
            .header-section.style4.no-bg .mod-menu {
                background: none;
                padding-left: 20px;
                padding-right: 20px;
            }

            .header-section.style4 .mod-menu.pad-more {
                padding-left: 30px;
                padding-right: 30px;
            }
            /* line 537, ../sass/screen.scss */
            .header-section.style4 ul li a {
                color: #101010;
            }

            /* line 542, ../sass/screen.scss */
            .header-section.style4 ul li ul {
                background: #f51e46;
            }
                /* line 544, ../sass/screen.scss */
                .header-section.style4 ul li ul li {
                    border-color: rgba(255, 255, 255, 0.2);
                }

                    .header-section.style4 ul li ul li a {
                        color: #fff;
                    }

                        .header-section.style4 ul li ul li a span.sub-arrow {
                            float: right;
                            font-size: 14px;
                            color: #fff;
                        }

                        .header-section.style4 ul li ul li a:hover {
                            color: #101010;
                            margin-left: 8px;
                        }

                    .header-section.style4 ul li ul li:hover > a, .header-section.style4 ul li ul li.active > a {
                        color: #101010;
                    }
            /* line 551, ../sass/screen.scss */
            .header-section.style4 ul li.search-parent .search-box {
                background: #f51e46;
            }
                /* line 553, ../sass/screen.scss */
                .header-section.style4 ul li.search-parent .search-box .form-control {
                    background: #f51e46;
                    border: 1px solid #f0be64;
                }
                    /* line 555, ../sass/screen.scss */
                    .header-section.style4 ul li.search-parent .search-box .form-control input {
                        color: #fff;
                    }
                    /* line 559, ../sass/screen.scss */
                    .header-section.style4 ul li.search-parent .search-box .form-control .search-btn {
                        color: #fff;
                    }
                /* line 563, ../sass/screen.scss */
                .header-section.style4 ul li.search-parent .search-box .close-btn {
                    color: #fff;
                }
            /* line 567, ../sass/screen.scss */
            .header-section.style4 ul li.cart-parent .cart-box {
                background: #f51e46;
                color: #fff;
            }
                /* line 569, ../sass/screen.scss */
                .header-section.style4 ul li.cart-parent .cart-box span {
                    color: #fff;
                }
                /* line 572, ../sass/screen.scss */
                .header-section.style4 ul li.cart-parent .cart-box ul {
                    border-top: 1px solid #f0be64;
                    background: none;
                }
                    /* line 576, ../sass/screen.scss */
                    .header-section.style4 ul li.cart-parent .cart-box ul li {
                        color: #fff;
                    }
                        /* line 578, ../sass/screen.scss */
                        .header-section.style4 ul li.cart-parent .cart-box ul li .close-btn {
                            color: #fff;
                        }
                /* line 584, ../sass/screen.scss */
                .header-section.style4 ul li.cart-parent .cart-box .btn.btn-primary {
                    background: #fff !important;
                    color: #070607;
                }


        /* =========== menu style 5 ============ */

        .header-section.style5 {
            height: 100px;
        }

            .header-section.style5.dark #menu ul li ul li:hover > a, .header-section.style5.dark #menu ul li ul li.active > a {
                color: #f51e46;
            }

            .header-section.style5.dark #menu ul li ul li a {
                color: #727272;
            }

            .header-section.style5.dark #menu ul li ul {
                background: #101010;
                float: none !important;
            }

        .header-section.style5 {
            background: #fff;
        }

            .header-section.style5 .container {
                border-top: 1px solid #f1f1f1;
                border-bottom: 2px solid #101010;
                margin-bottom: 35px;
            }

                .header-section.style5 .container.no-border {
                    border-top: 1px solid #f1f1f1;
                    border-bottom: none;
                    margin-bottom: 35px;
                }

            .header-section.style5 ul li a {
                color: #101010;
                background: none !important;
                padding: 35px 15px;
                text-decoration: none !important;
            }

            .header-section.style5.dark ul li ul li a {
                padding: 12px 23px;
            }

            .header-section.style5.pin-style.pin {
                background: #fff;
                -webkit-transition: all .6s;
                transition: all .6s;
            }

        /* =========== primary color dropdowns ============ */

        .header-section.primary-dropdowns ul li ul {
            background: #f51e46;
        }
            /* line 546, ../sass/screen.scss */
            .header-section.primary-dropdowns ul li ul li a {
                color: #fff;
            }

                .header-section.primary-dropdowns ul li ul li a:hover {
                    color: #101010;
                    margin-left: 8px;
                }

        .header-section.primary-dropdowns ul li:hover > a, .header-section.dark-dropdowns ul li.active > a {
            color: #f51e46;
        }

        .header-section.primary-dropdowns.style4 ul li:hover > a, .header-section.dark-dropdowns.style4 ul li.active > a {
            color: #f51e46;
        }

        .header-section.primary-dropdowns ul li ul li a:hover {
            color: #101010;
            margin-left: 8px;
        }

        .header-section.primary-dropdowns ul li.cart-parent .cart-box {
            background: #f51e46;
        }

        .header-section.primary-dropdowns.mcol-title ul li.mega-menu > ul > li a {
            color: #fff;
        }

        .header-section.primary-dropdowns.mcol-title ul li ul li:hover a {
            color: #fff !important;
        }

        /* =========== active style 1 ============ */

        .header-section.act-style-1 ul li.active > a {
            color: #fff !important;
            background-color: #f51e46 !important;
        }

        /* =========== dark color dropdowns ============ */
        .header-section.dark-dropdowns ul li:hover > a, .header-section.dark-dropdowns ul li.active > a {
            color: #f51e46;
        }

        .header-section.dark-dropdowns ul li ul li {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .header-section.dark-dropdowns.style4 ul li:hover > a, .header-section.dark-dropdowns.style4 ul li.active > a {
            color: #f51e46;
        }

        .header-section.dark-dropdowns.style4 #menu ul li ul li:hover a span.sub-arrow, header-section.dark-dropdowns.style4 #menu ul li ul li.active a span.sub-arrow {
            color: #f51e46;
        }

        .header-section.dark-dropdowns.style4 ul li.search-parent .search-box {
            background: #101010;
        }

        .header-section.primary-dropdowns.style4 ul li ul li a:hover {
            color: #fff;
        }
        /* =========== menu center align ============ */


        /* line 620, ../sass/screen.scss */
        .header-section .mod-menu.center-style {
            text-align: center;
        }
            /* line 624, ../sass/screen.scss */
            .header-section .mod-menu.center-style .main-nav > ul > li {
                float: none;
                display: inline-block;
                vertical-align: top;
            }
            /* line 630, ../sass/screen.scss */
            .header-section .mod-menu.center-style .main-nav .nav.top-nav {
                display: inline-block;
                float: none;
                vertical-align: top;
            }
            /* line 637, ../sass/screen.scss */
            .header-section .mod-menu.center-style #menu {
                float: none;
                display: inline-block;
            }

    /* =========== for boxed versions ============ */
    /*if you want to use boxed version please remove below comment for your menu styles*/

    /*  .header-section.pin-style.pin.style4 {
   width:100%;
   padding-top: 0px;
   background: none;
   margin-top:0px;
   margin:auto;

 }
 .header-section.pin-style.pin.style4 .container{
  max-width:1240px;
  background: #fff;
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
   -moz-box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
   box-shadow: 0px 0px 8px 1px rgba(0, 0,0, 0.2);
}*/

    /*  .header-section.pin-style.pin.style1 {
   width:100%;
   padding-top: 0px;
   background: none;
   margin-top:0px;
   margin:auto;
    -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;

 }
 .header-section.pin-style.pin.style1 .container{
  max-width:1240px;
  background: #fff;
    -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}*/

    /*.header-section.pin-style.pin.style2 {
   width:100%;
   padding-top: 0px;
   background: none;
   margin-top:0px;
   margin:auto;

 }
 .header-section.pin-style.pin.style2 .container{
  max-width:1240px;
}*/




}

@media only screen and (max-width: 1000px) {
    /* line 720, ../sass/screen.scss */
    .header-section ul li.cart-parent .cart-box {
        -webkit-transition: all 0s;
        transition: all 0s;
    }

    /* line 724, ../sass/screen.scss */
    .header-section ul li.menu-icon {
        font-size: 1.71429em;
        padding: 19px 0 0 30px;
    }
        /* line 727, ../sass/screen.scss */
        .header-section ul li.menu-icon a {
            margin: 0px;
            border: none;
            padding: 10px;
        }

    /* line 733, ../sass/screen.scss */
    .header-section {
        padding-bottom: 20px;
        border: none;
        left: 0px;
        top: 0px;
        width: 100%;
        z-index: 999;
    }
        /* line 741, ../sass/screen.scss */
        .header-section.pin-start {
            position: absolute;
        }

        /* line 747, ../sass/screen.scss */
        .header-section.off {
            position: fixed;
        }
        /* line 750, ../sass/screen.scss */
        .header-section .logo {
            position: relative;
            z-index: 9999;
        }
        /* line 755, ../sass/screen.scss */
        .header-section .main-nav .nav {
            float: none;
        }
            /* line 757, ../sass/screen.scss */
            .header-section .main-nav .nav.top-nav {
                position: absolute;
                right: 0px;
                top: 0px;
                width: 100%;
                z-index: 2;
                text-align: right;
            }
                /* line 765, ../sass/screen.scss */
                .header-section .main-nav .nav.top-nav li {
                    display: inline-block !important;
                    vertical-align: top;
                    float: none;
                }
        /* line 773, ../sass/screen.scss */
        .header-section .logo {
            padding-left: 10px;
        }
        /* line 776, ../sass/screen.scss */
        .header-section #menu {
            float: none;
            border: none;
            box-shadow: none;
            margin: 0 -15px;
            padding: 35px 0 0;
            z-index: 99;
        }
            /* line 783, ../sass/screen.scss */
            .header-section #menu > ul {
                background: #fff;
                margin: 0px;
            }

                /* line 786, ../sass/screen.scss */
                .header-section #menu > ul li {
                    position: relative;
                    border-bottom: 1px solid #ececec;
                }
                    /* line 787, ../sass/screen.scss */
                    .header-section #menu > ul li a {
                        color: #242424;
                        padding: 15px 25px;
                        text-transform: none;
                    }
                    /* line 793, ../sass/screen.scss */
                    .header-section #menu > ul li .arrow {
                        width: 40px;
                        height: 40px;
                        position: absolute;
                        top: 5px;
                        right: 25px;
                        cursor: pointer;
                        z-index: 999;
                    }
                        /* line 802, ../sass/screen.scss */
                        .header-section #menu > ul li .arrow:before {
                            content: "";
                            background: #242424;
                            position: absolute;
                            top: 17px;
                            left: 11px;
                            width: 15px;
                            height: 3px;
                        }
                        /* line 811, ../sass/screen.scss */
                        .header-section #menu > ul li .arrow:after {
                            content: "";
                            background: #242424;
                            position: absolute;
                            top: 10px;
                            left: 17px;
                            height: 15px;
                            width: 3px;
                        }
                    /* line 824, ../sass/screen.scss */
                    .header-section #menu > ul li.hover > a, .header-section #menu > ul li.active > a {
                        color: #f51e46;
                    }
                    /* line 831, ../sass/screen.scss */
                    .header-section #menu > ul li.hover > .arrow:after {
                        display: none;
                    }
                    /* line 836, ../sass/screen.scss */
                    .header-section #menu > ul li.hover > ul {
                        display: block;
                    }
                    /* line 841, ../sass/screen.scss */
                    .header-section #menu > ul li ul {
                        display: none;
                        max-height: none;
                        position: relative;
                        width: 100%;
                        left: auto;
                        margin: 0px;
                        top: auto;
                        border-top: 1px solid #ececec;
                    }
                        /* line 850, ../sass/screen.scss */
                        .header-section #menu > ul li ul li {
                            float: none;
                            width: 100%;
                            padding: 0px;
                            border: none;
                        }
                            /* line 856, ../sass/screen.scss */
                            .header-section #menu > ul li ul li a {
                                text-transform: none;
                                font-weight: 400;
                                padding-left: 45px;
                            }
                            /* line 861, ../sass/screen.scss */
                            .header-section #menu > ul li ul li ul {
                                right: 0px;
                            }
                                /* line 863, ../sass/screen.scss */
                                .header-section #menu > ul li ul li ul li a {
                                    padding-left: 65px;
                                }
        /* line 876, ../sass/screen.scss */
        .header-section ul li.search-parent.active > a {
            color: #f51e46;
        }
        /* line 879, ../sass/screen.scss */
        .header-section ul li.search-parent.active .search-box {
            max-height: none;
        }
        /* line 885, ../sass/screen.scss */
        .header-section ul li.cart-parent {
            position: static;
        }
            /* line 888, ../sass/screen.scss */
            .header-section ul li.cart-parent.active > a {
                color: #f51e46;
            }
            /* line 891, ../sass/screen.scss */
            .header-section ul li.cart-parent.active .cart-box {
                width: 100%;
                max-height: 2000px;
                -webkit-transition-delay: 0s;
                transition-delay: 0s;
            }
                /* line 897, ../sass/screen.scss */
                .header-section ul li.cart-parent.active .cart-box ul li {
                    display: block !important;
                    text-align: left;
                }
                /* line 902, ../sass/screen.scss */
                .header-section ul li.cart-parent.active .cart-box .col-xs-8 {
                    text-align: left;
                }

        /* =========== menu style 3 ============ */

        /* line 744, ../sass/screen.scss */
        .header-section.style3 {
            padding-bottom: 0px;
        }
            /* line 909, ../sass/screen.scss */
            .header-section.style3 .logo {
                margin-top: 5px;
            }

            /* line 912, ../sass/screen.scss */
            .header-section.style3 .main-nav .nav.top-nav {
                top: 32px;
            }
            /* line 917, ../sass/screen.scss */
            .header-section.style3 ul li a {
                color: #000;
            }
            /* line 922, ../sass/screen.scss */
            .header-section.style3 .main-nav {
                padding-top: 20px;
            }
            /* line 925, ../sass/screen.scss */
            .header-section.style3 #menu {
                background: #101010;
            }
                /* line 927, ../sass/screen.scss */
                .header-section.style3 #menu ul {
                    background: none;
                }
                    /* line 929, ../sass/screen.scss */
                    .header-section.style3 #menu ul li {
                        border-color: #262626;
                    }
                        /* line 931, ../sass/screen.scss */
                        .header-section.style3 #menu ul li a {
                            color: #ffffff;
                        }
                        /* line 936, ../sass/screen.scss */
                        .header-section.style3 #menu ul li .arrow:before, .header-section.style3 #menu ul li .arrow:after {
                            background: #fff;
                        }
                        /* line 942, ../sass/screen.scss */
                        .header-section.style3 #menu ul li.active > a, .header-section.style3 #menu ul li.hover > a {
                            color: #f51e46;
                        }
                        /* line 946, ../sass/screen.scss */
                        .header-section.style3 #menu ul li ul {
                            border-color: #262626;
                        }
                            /* line 949, ../sass/screen.scss */
                            .header-section.style3 #menu ul li ul li a {
                                color: #727272;
                            }

        /* =========== menu style 4 ============ */

        /* line 958, ../sass/screen.scss */
        .header-section.style4 {
            background: #fff;
            padding-bottom: 0px;
        }
            /* line 961, ../sass/screen.scss */
            .header-section.style4 .logo {
                margin-bottom: 20px;
            }
            /* line 966, ../sass/screen.scss */
            .header-section.style4 ul li a {
                color: #050505;
            }
            /* line 971, ../sass/screen.scss */
            .header-section.style4 #menu {
                padding-top: 0px;
                padding-bottom: 0px;
            }
                /* line 974, ../sass/screen.scss */
                .header-section.style4 #menu ul {
                    background: #f51e46;
                }
                    /* line 976, ../sass/screen.scss */
                    .header-section.style4 #menu ul li {
                        border-color: #f0be64;
                    }

                        /* line 979, ../sass/screen.scss */
                        .header-section.style4 #menu ul li a {
                            color: #fff;
                        }
                        /* line 984, ../sass/screen.scss */
                        .header-section.style4 #menu ul li .arrow:before, .header-section.style4 #menu ul li .arrow:after {
                            background: #fff;
                        }
                        /* line 989, ../sass/screen.scss */
                        .header-section.style4 #menu ul li ul {
                            border-color: #f0be64;
                        }
                            /* line 991, ../sass/screen.scss */
                            .header-section.style4 #menu ul li ul li {
                                border-color: #f0be64;
                            }

        .header-section.dark-dropdowns.style4 #menu ul {
            background: #101010;
        }
        /* =========== menu style 5 ============ */
        .header-section.style5 #menu > ul {
            background: #fff;
            margin: 78px 0 0 0;
        }
}

@media only screen and (max-width: 360px) {
    /* line 1004, ../sass/screen.scss */
    .header-section .logo {
        width: 85px;
    }

    /* line 1007, ../sass/screen.scss */
    .header-section .main-nav .nav.top-nav {
        top: -7px;
    }

    /* line 1010, ../sass/screen.scss */
    .header-section ul li.menu-icon {
        padding-left: 5px;
    }

    /* line 1013, ../sass/screen.scss */
    .header-section.style3 .main-nav .nav.top-nav {
        top: 7px;
    }
}

@media only screen and (min-width: 1001px) {
    /* line 1018, ../sass/screen.scss */
    #menu {
        display: block;
    }
}

@media only screen and (max-width: 1000px) {
    /* line 1024, ../sass/screen.scss */
    .header-section .col-sm-10, .header-section .col-sm-2 {
        width: auto;
        float: none;
    }

    .header-section .col-sm-9 {
        width: 100%;
        float: left;
    }
    /* line 1034, ../sass/screen.scss */
    .nopadding {
        position: static;
    }

    /* line 1038, ../sass/screen.scss */
    .navbar-nav > li {
        float: none;
    }

    .header-section ul li.cart-parent .cart-box {
        right: 0%;
    }
    /*========== menu style 1 =============*/

    .header-section.style1 {
        background-color: #101010;
        border-bottom: none;
    }

        .header-section.style1.white {
            background-color: #fff;
        }

        .header-section.style1.light {
            background-color: #f5f5f5;
        }

    .header-section.dark-dropdowns ul li ul li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    /*========== menu style 4 =============*/

    .header-section.style4 ul li.search-parent .search-box {
        top: 90px;
    }

    .header-section.style4 ul li.cart-parent .cart-box {
        top: 90px;
    }

    .header-section.style4 #menu > ul li.hover > a, .header-section.style4 #menu > ul li.active > a {
        color: #101010;
    }
    /*========== menu style 5 =============*/

    .header-section.style5 {
        height: 80px;
    }

        .header-section.style5 .col-sm-9 {
            width: 100%;
        }

    /*========== menu dark dropdown style =============*/

    .header-section.dark-dropdowns #menu > ul {
        background: #101010;
    }

        .header-section.dark-dropdowns #menu > ul li a {
            color: #727272;
        }

        .header-section.dark-dropdowns #menu > ul li {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

            .header-section.dark-dropdowns #menu > ul li .arrow::before {
                background: #fff;
            }

            .header-section.dark-dropdowns #menu > ul li .arrow::after {
                background: #fff;
            }

            .header-section.dark-dropdowns #menu > ul li.hover > a, .header-section.dark-dropdowns #menu > ul li.active > a {
                color: #f51e46;
            }

            .header-section.dark-dropdowns #menu > ul li ul {
                border-top: 1px solid rgba(255, 255, 255, 0.1);
            }

    /*========== menu dark dropdown in style4 =============*/

    .header-section.dark-dropdowns.style4 #menu > ul {
        background: #101010;
    }

        .header-section.dark-dropdowns.style4 #menu > ul li a {
            color: #727272;
        }

        .header-section.dark-dropdowns.style4 #menu > ul li {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

            .header-section.dark-dropdowns.style4 #menu > ul li .arrow::before {
                background: #fff;
            }

            .header-section.dark-dropdowns.style4 #menu > ul li .arrow::after {
                background: #fff;
            }

            .header-section.dark-dropdowns.style4 #menu > ul li.hover > a, .header-section.dark-dropdowns.style4 #menu > ul li.active > a {
                color: #f51e46;
            }

            .header-section.dark-dropdowns.style4 #menu > ul li ul {
                border-top: 1px solid rgba(255, 255, 255, 0.1);
            }

    .header-section.dark-dropdowns.style4 ul li.search-parent .search-box {
        background: #101010;
    }
    /*========== menu primary color dropdown style =============*/

    .header-section.primary-dropdowns #menu > ul {
        background: #f51e46;
    }

        .header-section.primary-dropdowns #menu > ul li a {
            color: #fff;
        }

        .header-section.primary-dropdowns #menu > ul li {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

            .header-section.primary-dropdowns #menu > ul li .arrow::before {
                background: #fff;
            }

            .header-section.primary-dropdowns #menu > ul li .arrow::after {
                background: #fff;
            }

            .header-section.primary-dropdowns #menu > ul li.hover > a, .header-section.primary-dropdowns #menu > ul li.active > a {
                color: #101010;
            }

            .header-section.primary-dropdowns #menu > ul li ul {
                border-top: 1px solid rgba(255, 255, 255, 0.1);
            }

    .header-section.primary-dropdowns ul li ul {
        background: #f51e46;
    }

    .btn-top-1 {
        right: 0px;
        top: 0px;
        margin: 10px 0;
    }

    .header-section.dark-dropdowns.style2.active-style-1 ul li.active > a {
        border-bottom: none;
    }

    .header-section.dark-dropdowns.style2 #menu {
        padding: 70px 0 0;
    }

    .header-section ul li.search-parent a.m-link {
        color: #f51e46;
    }

    .header-section ul li.cart-parent a.m-link {
        color: #f51e46;
    }

    .btn-top-1 {
        left: 0px;
        text-align: left;
        float: left;
        margin-top: 20px;
    }
}
/* ---------- MAX 1024PX ---------- */
@media screen and (max-width: 1024px) {

    .btn-top-1 {
        right: -176px;
    }
}

/* ---------- MAX 360PX ---------- */
@media screen and (max-width: 768px) {
}
/* ---------- MAX 360PX ---------- */
@media screen and (max-width: 640px) {
    .header-section.style5 #menu > ul {
        background: #fff;
        margin: 40px 0 0 0;
    }
}
/* ---------- MAX 360PX ---------- */
@media screen and (max-width: 480px) {
    .header-section.style5 #menu > ul {
        background: #fff;
        margin: 40px 0 0 0;
    }
}
/* ---------- MAX 360PX ---------- */
@media screen and (max-width: 360px) {

    .header-section.style4 ul li.search-parent .search-box {
        top: 74px;
    }

    .header-section.style4 ul li.cart-parent .cart-box {
        top: 74px;
    }
}


/* line 1046, ../sass/screen.scss */
.box-option .header-section {
    background: none !important;
}
    /* line 1048, ../sass/screen.scss */
    .box-option .header-section .container {
        background: #fff;
    }
    /* line 1052, ../sass/screen.scss */
    .box-option .header-section.pin .container {
        max-width: 1240px;
    }

.logo-middle {
    width: 150px;
    height: 45px;
    margin: 30px auto;
}

======================================
[ CSS TABLE CONTENT ]
======================================
[Table of contents]

1. General + Text Colors + Divider lines + Paddings + Opacity styles + fonts + Icon Boxes + Text Boxes + Buttons + Opacity styles + buttons

2. Image boxes + section-side-image + background-imgholder + image-left + image-holder + nodisplay-image

3. Lists + iconlist + clientlogo-list + side-nav-list + category-links + tags

4. Menu Backgrounds + Headers

5. Topbar Styles + topbar + toplist

6. Logo + logo

7. Section Titles + section titles

8. Page Section Styles + Section Styles

9. Footer Styles + footer logo + lists


10. Parallax Sections

11. Overlay Styles + Section Overlay + video overlay

12. Social Links + social-icons-1 + social-icons-2 + social-icons-3

13. Feature boxs


======================================
[ END CSS TABLE CONTENT ]
======================================
*/
/* =========== General ============= */
body {
    font: 15px 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 23px;
    color: #666;
}
/* a link Styles
 ------------------------------ */

.main-navigation a {
    font-size: 18px;
    font-size: 1rem;
    font-weight: 400;
}

a, .btn {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

    a:hover {
        text-decoration: none;
    }

    a:focus, a:hover {
        color: #101010;
    }

a {
    outline: medium none !important;
    color: #727272;
}

.uppercase {
    text-transform: uppercase;
}
/* Headungs
 ------------------------------ */

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    /*font-family: 'Roboto', sans-serif;*/
    font-weight: normal;
    color: #272727;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        color: inherit;
    }

h1 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 300;
}

    h1.less-mar-1 {
        margin-bottom: 0px;
    }

    h1.less-mar-2 {
        margin-bottom: 5px;
    }

h2 {
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 300;
}

    h2.nomargin {
        margin-bottom: 0px;
    }

    h2.less-mar-1 {
        margin-bottom: 3px;
    }

    h2.less-mar-2 {
        margin-bottom: 5px;
    }

    h2.less-mar-3 {
        margin-bottom: 7px;
    }

    h2.less-mar-4 {
        margin-bottom: 9px;
    }

h3 {
    font-size: 27px;
    line-height: 30px;
    margin-bottom: 18px;
    font-style: normal;
}

    h3.nomargin {
        margin-bottom: 0px;
    }

    h3.less-mar-1 {
        margin-bottom: 3px;
    }

    h3.less-mar-2 {
        margin-bottom: 5px;
    }

    h3.less-mar-3 {
        margin-bottom: 7px;
    }

    h3.less-mar-4 {
        margin-bottom: 9px;
    }

h4 {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 18px;
    font-style: normal;
}

    h4.nomargin {
        margin-bottom: 0px;
    }

    h4.less-mar-1 {
        margin-bottom: 3px;
    }

    h4.less-mar-2 {
        margin-bottom: 5px;
    }

    h4.less-mar-3 {
        margin-bottom: 7px;
    }

    h4.less-mar-4 {
        margin-bottom: 9px;
    }

h5 {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 16px;
    font-style: 300;
}

    h5.nomargin {
        margin-bottom: 0px;
    }

    h5.less-mar-1 {
        margin-bottom: 3px;
    }

    h5.less-mar-2 {
        margin-bottom: 5px;
    }

    h5.less-mar-3 {
        margin-bottom: 7px;
    }

    h5.less-mar-4 {
        margin-bottom: 9px;
    }

h6 {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 14px;
    font-style: normal;
}

    h6.nomargin {
        margin-bottom: 0px;
    }

    h6.less-mar-1 {
        margin-bottom: 3px;
    }

    h6.less-mar-2 {
        margin-bottom: 5px;
    }

    h6.less-mar-3 {
        margin-bottom: 7px;
    }

    h6.less-mar-4 {
        margin-bottom: 9px;
    }

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.h1, .h2, .h3, h1, h2, h3, h4 {
    margin-top: 0;
}

ul {
    list-style-type: none;
}
/*=============== Text Colors ============= */

.text-white {
    color: #fff;
}

.text-darkblue {
    color: #022c44;
}

.text-blue {
    color: #055f81;
}

.text-orange {
    color: #e84b15;
}

.text-dark {
    color: #242424;
}

.text-light {
    color: #bababa;
}

.text-primary {
    color: #055f81;
}

.text-gray {
    color: #727272;
}

.text-gray-2 {
    color: #a1a1a1;
}

a:hover.text-hover-primary {
    color: #e84b15;
}
/*=============== Margins ============= */

.margin-bottom {
    margin-bottom: 0px;
}

.margin-bottom-2 {
    margin-bottom: 20px;
}

.margin-bottom-3 {
    margin-bottom: 30px;
}

.margin-bottom-4 {
    margin-bottom: 40px;
}

.margin-bottom-5 {
    margin-bottom: 50px;
}

.margin-top {
    margin-top: 0px;
}

.margin-top-1 {
    float: left;
    margin-top: 10px;
    width: 100%;
}

.margin-top-2 {
    float: left;
    margin-top: 20px;
    width: 100%;
}

.margin-top-3 {
    float: left;
    margin-top: 30px;
    width: 100%;
}

.margin-top-4 {
    float: left;
    margin-top: 40px;
    width: 100%;
}

.margin-top-5 {
    float: left;
    margin-top: 50px;
    width: 100%;
}

.margin-top-6 {
    float: left;
    margin-top: 60px;
    width: 100%;
}

.margin-top-7 {
    float: left;
    margin-top: 70px;
    width: 100%;
}

.col-divider-margin {
    width: 100%;
    float: left;
    margin-top: 60px;
}

.col-divider-margin-1 {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.col-divider-margin-2 {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.col-divider-margin-3 {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.col-divider-margin-4 {
    width: 100%;
    float: left;
    margin-top: 40px;
}

.col-divider-margin-5 {
    width: 100%;
    float: left;
    margin-top: 50px;
}

.col-divider-margin-6 {
    width: 100%;
    float: left;
    margin-top: 60px;
}

.nobottom-margin {
    margin-bottom: 0px;
}

.margin-left-1 {
    margin-left: 10px;
}

.margin-left-2 {
    margin-left: 20px;
}

.margin-left-3 {
    margin-left: 30px;
}

.margin-left-4 {
    margin-left: 40px;
}

.margin-left-5 {
    margin-left: 50px;
}

.margin-left-6 {
    margin-left: 60px;
}

.margin-left-7 {
    margin-left: 70px;
}

.colmargin {
    margin: 0 0 0 0;
}

.col-centered {
    float: none;
    margin: 0 auto;
}
/* font weight
 ------------------------------ */
.f-weight-1 {
    margin-bottom: 0px;
}
/*=============== Divider lines ============= */
.divider-line {
    float: left;
    width: 100%;
}

    .divider-line.dashed {
        border-bottom: 1px dashed;
    }

    .divider-line.solid {
        border-bottom: 1px solid;
    }

    .divider-line.dark {
        border-bottom-color: #444444;
    }

    .divider-line.dark-2 {
        border-bottom-color: #343333;
    }

    .divider-line.white {
        border-bottom-color: #fff;
    }

    .divider-line.light {
        border-bottom-color: #f1f1f1;
    }

    .divider-line.light-2 {
        border-bottom-color: #ebebeb;
    }

    .divider-line.top-padding {
        padding-top: 20px;
    }

    .divider-line.bottom-margin {
        margin-bottom: 20px;
    }

    .divider-line.margin {
        margin: 20px 0;
    }

    .divider-line.margin-2 {
        margin: 40px 0;
    }
/*=============== Paddings ============= */

.no-top-padding {
    padding-top: 0;
}
/* padding top
 ------------------------------ */
.padding-top-1 {
    padding-top: 10px;
}

.padding-top-2 {
    padding-top: 20px;
}

.padding-top-3 {
    padding-top: 30px;
}

.padding-top-4 {
    padding-top: 40px;
}

.padding-top-5 {
    padding-top: 50px;
}

.padding-top-6 {
    padding-top: 60px;
}
/* left padding
 ------------------------------ */

.padding-left-1 {
    padding-left: 10px;
}

.padding-left-2 {
    padding-left: 20px;
}

.padding-left-3 {
    padding-left: 30px;
}

.padding-left-4 {
    padding-left: 40px;
}

.padding-left-5 {
    padding-left: 50px;
}

.padding-left-6 {
    padding-left: 60px;
}

.padding-left-7 {
    padding-left: 70px;
}

.padding-left-8 {
    padding-left: 80px;
}
/* right padding
 ------------------------------ */

.padding-right-1 {
    padding-right: 10px;
}

.padding-right-2 {
    padding-right: 20px;
}

.padding-right-3 {
    padding-right: 30px;
}

.padding-right-4 {
    padding-right: 40px;
}

.padding-right-5 {
    padding-right: 50px;
}

.padding-right-6 {
    padding-right: 60px;
}

.padding-right-7 {
    padding-right: 70px;
}

.padding-right-8 {
    padding-right: 80px;
}

.no-padding-top {
    padding-top: 0px;
}
/*=============== Opacity styles ============= */
.opacity-1 {
    opacity: 0.1;
}

.opacity-2 {
    opacity: 0.1;
}

.opacity-3 {
    opacity: 0.3;
}

.opacity-4 {
    opacity: 0.4;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-6 {
    opacity: 0.6;
}

.opacity-7 {
    opacity: 0.7;
}

.opacity-8 {
    opacity: 0.8;
}
/*=============== fonts ============= */

.droid-serif {
    font-family: 'Droid Serif', serif;
}

.ubuntu {
    font-family: 'Ubuntu', sans-serif;
}

.oswald {
    font-family: 'Oswald', sans-serif;
}

.muli {
    font-family: 'Muli', sans-serif;
}

.great-vibes {
    font-family: 'Great Vibes', cursive;
}

.old-standardtt {
    font-family: 'Old Standard TT', serif;
}

.dosis {
    font-family: 'Dosis', sans-serif;
}

.roboto-slab {
    font-family: 'Roboto Slab', serif;
}

.gfs-didot {
    font-family: 'GFS Didot', serif;
}

.raleway {
    font-family: "Raleway", sans-serif;
}

.gloria-hallelujah {
    font-family: 'Gloria Hallelujah', cursive;
}

.love-ya-like-a-sister {
    font-family: 'Love Ya Like A Sister', cursive;
}

.michroma {
    font-family: 'Michroma', sans-serif;
}

.sacramento {
    font-family: 'Sacramento', cursive;
}

.yesteryear {
    font-family: 'Yesteryear', cursive;
}

.playfair {
    font-family: 'Playfair Display', serif;
}

.jockey-one {
    font-family: 'Jockey One', sans-serif;
}

.pompiere {
    font-family: 'Pompiere', cursive;
}

.raleway {
    font-family: 'Raleway', sans-serif;
}

.six-caps {
    font-family: 'Six Caps', sans-serif;
}

.cinzel-decorative {
    font-family: 'Cinzel Decorative', cursive;
}

.montserrat {
    font-family: 'Montserrat', sans-serif;
}

.libre-baskerville {
    font-family: 'Libre Baskerville', serif;
}
/* line height
 ------------------------------ */
.line-height-1 {
    line-height: 18px;
}

.line-height-2 {
    line-height: 20px;
}

.line-height-3 {
    line-height: 30px;
}

.line-height-4 {
    line-height: 40px;
}

.line-height-5 {
    line-height: 50px;
}

.line-height-6 {
    line-height: 60px;
}
/* letter spacing
 ------------------------------ */
.lspace-sm {
    letter-spacing: 5px;
}

.lspace-1 {
    letter-spacing: 10px;
}

.lspace-2 {
    letter-spacing: 20px;
}

.lspace-3 {
    letter-spacing: 30px;
}

.lspace-4 {
    letter-spacing: 40px;
}

.lspace-5 {
    letter-spacing: 50px;
}
/* font weight styles
 ------------------------------ */

.font-weight-1 {
    font-weight: 100;
}

.font-weight-2 {
    font-weight: 200;
}

.font-weight-3 {
    font-weight: 300;
}

.font-weight-4 {
    font-weight: 400;
}

.font-weight-5 {
    font-weight: 500;
}

.font-weight-6 {
    font-weight: 600;
}

.font-weight-7 {
    font-weight: 700;
}

.font-weight-8 {
    font-weight: 800;
}

.font-weight-b {
    font-weight: bold;
}
/*=============== Columns without padding ============= */
.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}
/*=============== site main structure ============= */

.site-wrapper {
    width: 100%;
    margin: 0px auto;
    background-color: #FFF;
}

.wrapper-boxed {
    margin: auto;
    background-color: #FFF;
}
/*=============== image Boxes ============= */

.imgbox-dxlarge, .imgbox-xlarge, .imgbox-large, .imgbox-xmedium, .imgbox-medium, .imgbox-smedium, .imgbox-small, .imgbox-tiny, .imgbox-xtiny {
    padding: 0px;
    margin: 0 auto;
    text-align: center;
    transition: all 0.3s ease-out 0s;
}

.imgbox-dxlarge {
    width: 300px;
    height: 300px;
}

.imgbox-dxlarge-2 {
    width: 200px;
    height: 200px;
}

.imgbox-xlarge {
    width: 135px;
    height: 135px;
}

.imgbox-large {
    width: 120px;
    height: 120px;
}

.imgbox-xmedium {
    width: 110px;
    height: 110px;
}

.imgbox-medium {
    width: 100px;
    height: 100px;
}

.imgbox-smedium {
    width: 90px;
    height: 90px;
}

.imgbox-small {
    width: 80px;
    height: 80px;
}

.imgbox-tiny {
    width: 70px;
    height: 70px;
}

.imgbox-xtiny {
    width: 60px;
    height: 60px;
}
    /* icon rounded
 ------------------------------ */

    .imgbox-dxlarge.round, .imgbox-dxlarge-2.round, .imgbox-xlarge.round, .imgbox-large.round, .imgbox-xmedium.round, .imgbox-medium.round, .imgbox-smedium.round, .imgbox-small.round, .imgbox-tiny.round, .imgbox-xtiny.round {
        border-radius: 100%;
    }
    /* imgboxes alignments
 ------------------------------ */

    .imgbox-dxlarge.center, .imgbox-dxlarge-2.center, .imgbox-xlarge.center, .imgbox-large.center, .imgbox-xmedium.center, .imgbox-medium.center, .imgbox-smedium.center, .imgbox-small.center, .imgbox-tiny.center, .imgbox-xtiny.center {
        margin: 0 auto;
    }

    .imgbox-dxlarge.left, .imgbox-dxlarge-2.left, .imgbox-xlarge.left, .imgbox-large.left, .imgbox-xmedium.left, .imgbox-medium.left, .imgbox-smedium.left, .imgbox-small.left, .imgbox-tiny.left, .imgbox-xtiny.left {
        float: left;
        margin: 0px 20px 0px 0px;
    }

    .imgbox-dxlarge.right, .imgbox-dxlarge-2.right, .imgbox-xlarge.right, .imgbox-large.right, .imgbox-xmedium.right, .imgbox-medium.right, .imgbox-smedium.right, .imgbox-small.right, .imgbox-tiny.right, .imgbox-xtiny.right {
        float: right;
        margin: 0px 0px 0px 20px;
    }
    /* imgboxe background colors
 ------------------------------ */
    .imgbox-dxlarge.dark, .imgbox-dxlarge-2.dark, .imgbox-xlarge.dark, .imgbox-large.dark, .imgbox-xmedium.dark, .imgbox-medium.dark, .imgbox-smedium.dark, .imgbox-small.dark, .imgbox-tiny.dark, .imgbox-xtiny.dark {
        color: #fff;
        background-color: #101010;
    }

    .imgbox-dxlarge.white, .imgbox-dxlarge-2.white, .imgbox-xlarge.white, .imgbox-large.white, .imgbox-xmedium.white, .imgbox-medium.white, .imgbox-smedium.white, .imgbox-small.white, .imgbox-tiny.white, .imgbox-xtiny.white {
        color: #242424;
        background-color: #fff;
    }

    .imgbox-dxlarge.gray, .imgbox-dxlarge-2.gray, .imgbox-xlarge.gray, .imgbox-large.gray, .imgbox-xmedium.gray, .imgbox-medium.gray, .imgbox-smedium.gray, .imgbox-small.gray, .imgbox-tiny.gray, .imgbox-xtiny.gray {
        color: #fff;
        background-color: #474747;
    }
    /* imgboxs with stroke
 ------------------------------ */
    .imgbox-dxlarge.outline-gray, .imgbox-dxlarge-2.outline-gray, .imgbox-xlarge.outline-gray, .imgbox-large.outline-gray, .imgbox-xmedium.outline-gray, .imgbox-medium.outline-gray, .imgbox-smedium.outline-gray, .imgbox-small.outline-gray, .imgbox-tiny.outline-gray, .imgbox-xtiny.outline-gray {
        color: #fff;
        background-color: none;
        border: 1px solid #727272;
    }

    .imgbox-dxlarge.outline-gray-2, .imgbox-dxlarge-2.outline-gray-2, .imgbox-xlarge.outline-gray-2, .imgbox-large.outline-gray-2, .imgbox-xmedium.outline-gray-2, .imgbox-medium.outline-gray-2, .imgbox-smedium.outline-gray-2, .imgbox-small.outline-gray-2, .imgbox-tiny.outline-gray-2, .imgbox-xtiny.outline-gray-2 {
        color: #242424;
        background-color: none;
        border: 1px solid #e4e4e4;
    }

    .imgbox-dxlarge.outline-white, .imgbox-dxlarge-2.outline-white, .imgbox-xlarge.outline-white, .imgbox-large.outline-white, .imgbox-xmedium.outline-white, .imgbox-medium.outline-white, .imgbox-smedium.outline-white, .imgbox-small.outline-white, .imgbox-tiny.outline-white, .imgbox-xtiny.outline-white {
        color: #fff;
        background-color: none;
        border: 1px solid #fff;
    }

    .imgbox-dxlarge.outline-dark, .imgbox-dxlarge-2.outline-dark, .imgbox-xlarge.outline-dark, .imgbox-large.outline-dark, .imgbox-xmedium.outline-dark, .imgbox-medium.outline-dark, .imgbox-smedium.outline-dark, .imgbox-small.outline-dark, .imgbox-tiny.outline-dark, .imgbox-xtiny.outline-dark {
        color: #161616;
        background-color: none;
        border: 1px solid #161616;
    }
/*=============== Icon Boxes ============= */

.iconbox-dxlarge, .iconbox-xlarge, .iconbox-large, .iconbox-xmedium, .iconbox-medium, .iconbox-smedium, .iconbox-small, .iconbox-tiny, .iconbox-xtiny {
    padding: 0px;
    margin: 0 auto;
    text-align: center;
    transition: all 0.3s ease-out 0s;
}

.iconbox-dxlarge {
    width: 200px;
    height: 200px;
    font-size: 46px;
    color: #242424;
    border: none;
    line-height: 135px;
}

.iconbox-xlarge {
    width: 135px;
    height: 135px;
    font-size: 46px;
    color: #242424;
    line-height: 135px;
}

.iconbox-large {
    width: 120px;
    height: 120px;
    font-size: 46px;
    color: #242424;
    line-height: 114px;
}

.iconbox-xmedium {
    width: 110px;
    height: 110px;
    font-size: 38px;
    color: #242424;
    line-height: 106px;
}

.iconbox-medium {
    width: 100px;
    height: 100px;
    font-size: 32px;
    color: #242424;
    line-height: 100px;
}

.iconbox-smedium {
    width: 90px;
    height: 90px;
    font-size: 26px;
    color: #242424;
    line-height: 90px;
}

.iconbox-small {
    width: 80px;
    height: 80px;
    font-size: 26px;
    color: #242424;
    line-height: 80px;
}

.iconbox-tiny {
    width: 70px;
    height: 70px;
    font-size: 26px;
    color: #242424;
    line-height: 74px;
}

.iconbox-xtiny {
    width: 60px;
    height: 60px;
    font-size: 18px;
    color: #242424;
    line-height: 60px;
}

.digit {
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    left: 115px;
    top: 115px;
    line-height: 36px;
    border-radius: 100%;
    background-color: #fd602c;
    transition: all 0.3s ease-out 0s;
}

.iconbox-xlarge.no-lineheight {
    line-height: 0;
}
/* icon rounded
 ------------------------------ */

.iconbox-dxlarge.round, .iconbox-xlarge.round, .iconbox-large.round, .iconbox-xmedium.round, .iconbox-medium.round, .iconbox-smedium.round, .iconbox-small.round, .iconbox-tiny.round, .iconbox-xtiny.round {
    border-radius: 100%;
}
/* iconboxes alignments
 ------------------------------ */

.iconbox-dxlarge.center, .iconbox-xlarge.center, .iconbox-large.center, .iconbox-xmedium.center, .iconbox-medium.center, .iconbox-smedium.center, .iconbox-small.center, .iconbox-tiny.center, .iconbox-xtiny.center {
    margin: 0 auto;
}

.iconbox-dxlarge.left, .iconbox-xlarge.left, .iconbox-large.left, .iconbox-xmedium.left, .iconbox-medium.left, .iconbox-smedium.left, .iconbox-small.left, .iconbox-tiny.left, .iconbox-xtiny.left {
    float: left;
    margin: 0px 20px 0px 0px;
}

.iconbox-dxlarge.right, .iconbox-xlarge.right, .iconbox-large.right, .iconbox-xmedium.right, .iconbox-medium.right, .iconbox-smedium.right, .iconbox-small.right, .iconbox-tiny.right, .iconbox-xtiny.right {
    float: right;
    margin: 0px 0px 0px 20px;
}
/* iconboxe background colors
 ------------------------------ */
.iconbox-dxlarge.dark, .iconbox-xlarge.dark, .iconbox-large.dark, .iconbox-xmedium.dark, .iconbox-medium.dark, .iconbox-smedium.dark, .iconbox-small.dark, .iconbox-tiny.dark, .iconbox-xtiny.dark {
    color: #fff;
    background-color: #101010;
}

.iconbox-dxlarge.white, .iconbox-xlarge.white, .iconbox-large.white, .iconbox-xmedium.white, .iconbox-medium.white, .iconbox-smedium.white, .iconbox-small.white, .iconbox-tiny.white, .iconbox-xtiny.white {
    color: #242424;
    background-color: #fff;
}

.iconbox-dxlarge.gray, .iconbox-xlarge.gray, .iconbox-large.gray, .iconbox-xmedium.gray, .iconbox-medium.gray, .iconbox-smedium.gray, .iconbox-small.gray, .iconbox-tiny.gray, .iconbox-xtiny.gray {
    color: #fff;
    background-color: #474747;
}
/* iconboxs with stroke
 ------------------------------ */
.iconbox-dxlarge.outline-gray, .iconbox-xlarge.outline-gray, .iconbox-large.outline-gray, .iconbox-xmedium.outline-gray, .iconbox-medium.outline-gray, .iconbox-smedium.outline-gray, .iconbox-small.outline-gray, .iconbox-tiny.outline-gray, .iconbox-xtiny.outline-gray {
    color: #fff;
    background-color: none;
    border: 1px solid #727272;
}

.iconbox-dxlarge.outline-gray-2, .iconbox-xlarge.outline-gray-2, .iconbox-large.outline-gray-2, .iconbox-xmedium.outline-gray-2, .iconbox-medium.outline-gray-2, .iconbox-smedium.outline-gray-2, .iconbox-small.outline-gray-2, .iconbox-tiny.outline-gray-2, .iconbox-xtiny.outline-gray-2 {
    color: #242424;
    background-color: none;
    border: 1px solid #e4e4e4;
}

.iconbox-dxlarge.outline-white, .iconbox-xlarge.outline-white, .iconbox-large.outline-white, .iconbox-xmedium.outline-white, .iconbox-medium.outline-white, .iconbox-smedium.outline-white, .iconbox-small.outline-white, .iconbox-tiny.outline-white, .iconbox-xtiny.outline-white {
    color: #fff;
    background-color: none;
    border: 1px solid #fff;
}

.iconbox-dxlarge.outline-dark, .iconbox-xlarge.outline-dark, .iconbox-large.outline-dark, .iconbox-xmedium.outline-dark, .iconbox-medium.outline-dark, .iconbox-smedium.outline-dark, .iconbox-small.outline-dark, .iconbox-tiny.outline-dark, .iconbox-xtiny.outline-dark {
    color: #161616;
    background-color: none;
    border: 1px solid #161616;
}
/* Icons Plain
 ------------------------------ */

.icon-plain-large {
    font-size: 80px;
    color: #242424;
    transition: all 0.3s ease-out 0s;
}

.icon-plain-medium {
    font-size: 60px;
    color: #242424;
    transition: all 0.3s ease-out 0s;
}

.icon-plain-small {
    font-size: 40px;
    color: #242424;
    transition: all 0.3s ease-out 0s;
}

.icon-plain-msmall {
    font-size: 32px;
    color: #242424;
    transition: all 0.3s ease-out 0s;
}

.icon-plain-tiny {
    font-size: 20px;
    color: #242424;
    transition: all 0.3s ease-out 0s;
}

.icon-plain-small.rightline {
    border-right: 1px solid #3F3F3F;
}

.icon-plain-medium.rightline {
    margin: 0px 20px 50px 0px;
    border-right: 1px solid #FFC153;
}

.icon-plain-small.dark {
    color: #242424;
}
/* plain icon alignments
 ------------------------------ */

.icon-plain-large.center, .icon-plain-medium.center, .icon-plain-small.center, .icon-plain-msmall.center, .icon-plain-tiny.center {
    margin: 0 auto;
}

.icon-plain-large.left, .icon-plain-medium.left, .icon-plain-small.left, .icon-plain-msmall.left, .icon-plain-tiny.left {
    float: left;
    margin: 0px 20px 0px 0px;
}

.icon-plain-large.right, .icon-plain-medium.right, .icon-plain-small.right, .icon-plain-msmall.right, .icon-plain-tiny.right {
    float: right;
    margin: 0px 0px 0px 20px;
}
/* plain icon colors
 ------------------------------ */

.icon-plain-large.dark, .icon-plain-medium.dark, .icon-plain-small.dark, .icon-plain-msmall.dark, .icon-plain-tiny.dark {
    color: #242424;
}

.icon-plain-large.white, .icon-plain-medium.white, .icon-plain-small.white, .icon-plain-msmall.white, .icon-plain-tiny.white {
    color: #fff;
}

.icon-plain-large.green, .icon-plain-medium.green, .icon-plain-small.green, .icon-plain-msmall.green, .icon-plain-tiny.green {
    color: #fd602c;
}

.icon-plain-large.gray, .icon-plain-medium.gray, .icon-plain-small.gray, .icon-plain-msmall.gray, .icon-plain-tiny.gray {
    color: #727272;
}
/*============ Text Boxes ============ */

.text-box-right {
    display: block;
    padding: 0px 0px 0px 99px;
    margin: 0px;
    text-align: left;
}

    .text-box-right.less-padding {
        padding: 0px 0px 0px 65px;
    }

.text-box-left {
    display: block;
    padding: 0px 90px 0px 0;
    margin: 0px;
    text-align: right;
}

.item-holder {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.text-box {
    width: 100%;
    float: left;
}

    .text-box.white {
        background-color: #fff;
    }

    .text-box.primary {
        background-color: #a9cd2e;
    }

    .text-box.white-transparent-1 {
        background-color: rgba(255, 255, 255, 0.9);
    }

    .text-box.light {
        background-color: #f5f5f5;
    }

    .text-box.dark {
        background-color: #242424;
    }

    .text-box.xdark {
        background-color: #000;
    }

    .text-box.border-light {
        border: 1px solid #ececec;
    }
    /* text boxes with borders
 ------------------------------ */
    .text-box-right.border, .text-box-left.border, .item-holder.border, .text-box-inner.border, .text-box.border {
        border: 1px solid #f1f1f1;
    }

    .text-box-right.border-top, .text-box-left.border-top, .item-holder.border-top, .text-box-inner.border-top, .text-box.border-top {
        border-top: 1px solid #f1f1f1;
    }

    .text-box-right.border-bottom, .text-box-left.border-bottom, .item-holder.border-bottom, .text-box-inner.border-bottom, .text-box.border-bottom {
        border-bottom: 1px solid #f1f1f1;
    }

    .text-box-right.border-left, .text-box-left.border-left, .item-holder.border-left, .text-box-inner.border-left, .text-box.border-left {
        border-left: 1px solid #f1f1f1;
    }

    .text-box-right.border-right, .text-box-left.border-right, .item-holder.border-right, .text-box-inner.border-right, .text-box.border-right {
        border-right: 1px solid #f1f1f1;
    }
    /* text boxe padding
 ------------------------------ */

    .text-box.sbox-padd-left {
        padding-left: 0px;
    }

    .text-box.padding-1 {
        padding: 10px;
    }

    .text-box.padding-2 {
        padding: 20px;
    }

    .text-box.padding-3 {
        padding: 30px;
    }

    .text-box.padding-4 {
        padding: 40px;
    }

    .text-box.padding-5 {
        padding: 50px;
    }

    .text-box.padding-6 {
        padding: 60px;
    }

    .text-box.padding-7 {
        padding: 70px;
    }

    .text-box.padding-8 {
        padding: 80px;
    }

    .text-box.padding-9 {
        padding: 90px;
    }
/* text boxes margin and paddings
 ------------------------------ */

/* left box
 ------------------------------ */

.item-holder.marginbottom {
    margin: 0 0 40px 0;
}

.text-box-left.more-padding-1 {
    padding: 0px 120px 0px 0px;
}

.text-box-left.more-padding-2 {
    padding: 0px 150px 0px 0px;
}

.text-box-left.less-padding-1 {
    padding: 0px 70px 0px 0;
}

.text-box-left.less-padding-2 {
    padding: 0px 50px 0px 0;
}
/* right box
 ------------------------------ */

.text-box-right.more-padding-1 {
    padding: 0px 0px 0px 120px;
}

.text-box-right.more-padding-2 {
    padding: 0px 0px 0px 140px;
}

.text-box-right.more-padding-3 {
    padding: 0px 0px 0px 160px;
}

.text-box-right.more-padding-4 {
    padding: 0px 0px 0px 170px;
}

.text-box-right.less-padding-1 {
    padding: 0px 0px 0px 70px;
}

.text-box-right.less-padding-2 {
    padding: 0px 0px 0px 50px;
}

.text-box-right.less-padding-3 {
    padding: 0px 0px 0px 40px;
}

.text-box-right.less-padding-4 {
    padding: 0px 0px 0px 80px;
}
/*============ Buttons ============ */

a.read-more {
    color: #055f81;
}

    a.read-more:hover {
        color: #101010;
    }

    a.read-more.white {
        color: #fff;
    }

        a.read-more.white:hover {
            color: #101010;
        }

    a.read-more.dark {
        color: #e84b15;
    }

        a.read-more.dark:hover {
            color: #e84b15;
        }

    a.read-more.dark-2 {
        color: #101010;
    }

        a.read-more.dark-2:hover {
            color: #727272;
        }

    a.read-more.primary {
        color: #055f81;
    }

        a.read-more.primary:hover {
            color: #e84b15;
        }
/* button styles
 ------------------------------ */

.btn {
    padding: 10px 36px;
    margin: 0px;
    box-shadow: none;
    border-radius: 0;
}

    .btn.btn-large {
        padding: 15px 60px;
    }

    .btn.btn-medium {
        padding: 10px 30px;
    }

    .btn.btn-small {
        padding: 8px 18px;
    }

    .btn.btn-small-2 {
        padding: 4px 18px;
    }

    .btn.btn-fullwidth {
        width: 100%;
    }

    .btn.btn-half-fullwidth {
        width: 50%;
    }
    /* button radius
 ------------------------------ */
    .btn.btn-xround {
        border-radius: 20px;
    }

    .btn.btn-xround-2 {
        border-radius: 30px;
    }

    .btn.btn-round {
        border-radius: 3px;
    }

    .btn.top-margin {
        margin-top: 20px;
    }
    /* button right margins
 ------------------------------ */
    .btn.btn-mar-right-1 {
        margin-right: 10px
    }

    .btn.btn-mar-right-2 {
        margin-right: 20px
    }

    .btn.btn-mar-right-3 {
        margin-right: 30px
    }

    .btn.btn-mar-right-4 {
        margin-right: 40px
    }

    .btn.btn-mar-right-5 {
        margin-right: 50px
    }
    /* button left margins
 ------------------------------ */
    .btn.btn-mar-left-1 {
        margin-left: 10px
    }

    .btn.btn-mar-left-2 {
        margin-left: 20px
    }

    .btn.btn-mar-left-3 {
        margin-left: 30px
    }

    .btn.btn-mar-left-4 {
        margin-left: 40px
    }

    .btn.btn-mar-left-5 {
        margin-left: 50px
    }
    /* button background colors
 ------------------------------ */

    /* button white
 ------------------------------ */
    .btn.btn-white {
        color: #e84b15;
        background-color: #fff;
    }

        .btn.btn-white:hover {
            color: #fff;
            background-color: #101010;
        }
    /* button white transparent
 ------------------------------ */
    .btn.btn-white-tr {
        color: #101010;
        background-color: rgba(255, 255, 255, 0.6);
    }

        .btn.btn-white-tr:hover {
            color: #101010;
            background-color: #fff;
        }
    /* button dark
 ------------------------------ */
    .btn.btn-dark {
        color: #fff;
        background-color: #101010;
    }

        .btn.btn-dark:hover {
            color: #fff;
            background-color: #3e3e3e;
        }
    /* button dark-2
 ------------------------------ */
    .btn.btn-dark-2 {
        color: #fff;
        background-color: #161616;
    }

        .btn.btn-dark-2:hover {
            color: #161616;
            background-color: #fff;
        }
    /* button dark-3
 ------------------------------ */
    .btn.btn-dark-3 {
        color: #bababa;
        background-color: #101010;
    }

        .btn.btn-dark-3:hover {
            color: #727272;
            background-color: #242424;
        }
    /* button light
 ------------------------------ */
    .btn.btn-light {
        color: #101010;
        background-color: #f5f5f5;
    }

        .btn.btn-light:hover {
            color: #727272;
            background-color: #101010;
        }
    /* button golden yellow
 ------------------------------ */
    .btn.btn-prim {
        color: #fff;
        background-color: #022c44;
    }

        .btn.btn-prim:hover {
            color: #fff;
            background-color: #DB1115;
        }

    .btn.text-dark {
        color: #101010;
    }
    /* button with border
 ------------------------------ */
    .btn.btn-border {
        color: #242424;
        border: 2px solid;
    }

        .btn.btn-border.less-bor {
            border: 1px solid;
        }

        .btn.btn-border.border-1x {
            border: 1px solid;
        }

        .btn.btn-border.border-2x {
            border: 2px solid;
        }

        .btn.btn-border.border-3x {
            border: 3px solid;
        }

        .btn.btn-border.border-4x {
            border: 4px solid;
        }
        /* button border white
 ------------------------------ */
        .btn.btn-border.white {
            color: #fff;
            border-color: #fff;
        }

        .btn.btn-border:hover.white {
            color: #242424;
            background-color: #fff;
            border-color: #fff;
        }
        /* button border dark
 ------------------------------ */
        .btn.btn-border.dark {
            border-color: #101010;
        }

        .btn.btn-border:hover.dark {
            color: #fff;
            background-color: #101010;
            border-color: #101010;
        }
        /* button border dark
 ------------------------------ */
        .btn.btn-border.dark-2 {
            color: #fff;
            border-color: #545454;
        }

        .btn.btn-border:hover.dark-2 {
            color: #101010;
            background-color: #fff;
            border-color: #fff;
        }
        /* button border light
 ------------------------------ */
        .btn.btn-border.light {
            border-color: #e4e4e4;
        }

        .btn.btn-border:hover.light {
            color: #fff;
            background-color: #101010;
            border-color: #101010;
        }
        /* button border extra light
 ------------------------------ */
        .btn.btn-border.xlight {
            border-color: #f5f5f5;
        }

        .btn.btn-border:hover.xlight {
            color: #727272;
            background-color: #101010;
            border-color: #101010;
        }
        /* button border orange-2
 ------------------------------ */
        .btn.btn-border.prim {
            color: #e84b15;
            border-color: #e84b15;
        }

        .btn.btn-border:hover.prim {
            color: #fff;
            background-color: #e84b15;
            border-color: #e84b15;
        }
        /* button border gray
 ------------------------------ */
        .btn.btn-border.gray {
            color: #fff;
            border-color: #727272;
        }

        .btn.btn-border:hover.gray {
            color: #fff;
            background-color: #5c5b5b;
            border-color: #5c5b5b;
        }
        /* button border gray-2
 ------------------------------ */
        .btn.btn-border.gray-2 {
            color: #101010;
            border-color: #727272;
        }

        .btn.btn-border:hover.gray-2 {
            color: #fff;
            background-color: #5c5b5b;
            border-color: #5c5b5b;
        }
        /* button border xdark
 ------------------------------ */
        .btn.btn-border.xdark {
            color: #161616;
            border-color: #161616;
        }

        .btn.btn-border:hover.xdark {
            color: #fff;
            background-color: #161616;
            border-color: #161616;
        }
        /* button border white on hover golden yellow
 ------------------------------ */
        .btn.btn-border.white.gyellow {
            color: #fff;
            border-color: #fff;
        }

        .btn.btn-border:hover.white.gyellow {
            color: #fff;
            background-color: #055f81;
            border-color: #055f81;
        }
    /* Appstore buttons
 ------------------------------ */

    .btn.appstore {
        width: 200px;
        padding: 10px 25px;
        margin: 0px;
        text-align: left;
    }

        .btn.appstore.right-margin {
            margin-right: 10px;
        }

        .btn.appstore.gyellow {
            background-color: #055f81;
        }

        .btn.appstore span {
            margin: 0px;
            float: left;
            padding: 0;
            text-align: left;
        }

            .btn.appstore span i {
                font-size: 40px;
                color: #fff;
                padding: 0 20px 0 0;
            }

        .btn.appstore p {
            font-size: 12px;
            display: block;
            margin: 0;
            padding: 0 25px 0 20px;
            text-align: left;
        }

        .btn.appstore .big {
            margin: 0px;
            font-size: 18px;
            padding: 0;
        }

        .btn.appstore.gyellow:hover {
            background-color: #fff;
        }

            .btn.appstore.gyellow:hover p, .btn.appstore.gyellow:hover .big, .btn.appstore.gyellow:hover span i {
                color: #101010;
            }
        /* Appstore button white
 ------------------------------ */
        .btn.appstore.white {
            background-color: #fff;
        }

            .btn.appstore.white span i {
                font-size: 40px;
                color: #101010;
                padding: 0 20px 0 0;
            }

            .btn.appstore.white:hover {
                background-color: #055f81;
            }

                .btn.appstore.white:hover p, .btn.appstore.white:hover .big, .btn.appstore.white:hover span i {
                    color: #fff;
                }
/*============ Image Boxes ============ */

.section-side-image {
    position: relative;
    padding: 0px;
    margin: 0px;
}

    .section-side-image .img-holder {
        overflow: hidden;
        height: 100%;
        padding: 0px;
        top: 0px;
        position: absolute;
    }

.background-imgholder.top-padd {
    padding-top: 80px;
}

.section-side-image .text-inner {
    padding: 100px 100px 100px 0;
}

.section-side-image .text-inner-2 {
    padding: 80px;
}

.section-side-image .text-inner-3 {
    padding: 80px 80px 0px 80px;
}

.section-side-image .text-inner.two {
    padding: 0px 80px 0px 0;
}

.section-side-image .text-inner-4 {
    padding: 0 0 0 0;
}

.section-side-image .text-inner-5 {
    padding: 120px 120px 120px 0;
}

.section-side-image .text-inner-6 {
    padding: 110px;
}

.background-imgholder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    background-size: cover !important;
    background-position: 50% 50% !important;
}
/* side image 2
 ------------------------------ */
.section-side-image-2 {
    position: relative;
    padding: 0px;
    margin: 0px;
}

    .section-side-image-2 .img-holder {
        overflow: hidden;
        height: 100%;
        padding: 0px;
        top: 0px;
        position: absolute;
    }

    .section-side-image-2 .background-imgholder-2.top-padd {
        padding-top: 80px;
    }

    .section-side-image-2 .text-inner.two {
        padding: 0px 80px 0px 0;
    }

    .section-side-image-2 .background-imgholder-2 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        z-index: 0;
        background-size: cover !important;
        background-position: 50% 50% !important;
    }

.image-holder {
    width: 100%;
    float: left;
}

    .image-holder.less-width-1 {
        width: 80%;
    }

    .image-holder.less-width-2 {
        width: 75%;
    }

    .image-holder.less-width-3 {
        width: 70%;
    }

.image-left {
    color: #fff;
    float: left;
    margin: 0;
    padding: 0 20px 0 0;
    transition: all 0.3s ease-out 0s;
}

.img-align-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.nodisplay-image {
    display: none;
}
/* image overflow hidden
 ------------------------------ */
.overflow-hidden {
    overflow: hidden;
}
/*============ Lists ============ */

.iconlist {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

    .iconlist li {
        padding: 0px;
        margin: 0 0 15px 0;
        display: block;
        line-height: 23px;
    }

        .iconlist li i {
            color: #e84b15;
            padding: 0 15px 0 0;
        }

    .iconlist.gyellow li i {
        color: #e84b15;
        padding: 0 15px 0 0;
    }

    .iconlist.dark li i {
        color: #101010;
    }

    .iconlist.less-margin li {
        margin: 0 0 13px 0;
    }

    .iconlist.white li i {
        color: #fff;
    }

    .iconlist.white-2 li {
        color: #fff;
    }

    .iconlist.medium li i {
        color: #727272;
    }
/* icon list style 2
 ------------------------------ */
.iconlist-2 {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    float: left;
}

    .iconlist-2 .icon {
        width: 18px;
        height: 18px;
        padding: 0px;
        margin: 3px 0px 0px 0px;
        float: left;
        font-size: 14px;
        text-align: center;
        line-height: 15px;
        color: #e84b15;
        border-radius: 100%;
    }

    .iconlist-2 .text {
        padding: 0px 0 0 28px;
        margin: 0px;
        display: block;
    }

        .iconlist-2 .text.light {
            color: #ccc;
        }

    .iconlist-2 .icon.dark {
        color: #101010;
    }

    .iconlist-2 .icon.light {
        color: #f5f5f5;
    }

    .iconlist-2 .icon.white {
        color: #fff;
    }

    .iconlist-2 .icon.gyellow {
        color: #e84b15;
    }
/* =========== client logos ============= */

.clients-list.grid-cols-2 li {
    width: 50%;
}

.clients-list.grid-cols-3 li {
    width: 33.33%;
}

.clients-list.grid-cols-4 li {
    width: 25%;
}

.clients-list.grid-cols-5 li {
    width: 20%;
}

.clients-list.grid-cols-6 li {
    width: 16.66%;
}

.clients-list {
    padding-left: 0px;
    overflow: hidden;
}

    .clients-list li {
        position: relative;
        width: 20%;
        float: left;
        padding: 25px 0;
        transition: all 0.3s ease-out 0s;
    }

        .clients-list li a img {
            width: 100%;
        }

        .clients-list li a, .clients-list li img {
            display: block;
            margin: 0 auto;
            width: 75%;
        }

        .clients-list li::before, .clients-list li::after {
            content: "";
            position: absolute;
        }

        .clients-list li::before {
            height: 100%;
            top: 0;
            left: -1px;
            border-left: 1px solid #e9e9e9;
        }

        .clients-list li::after {
            width: 100%;
            height: 0;
            left: 0;
            top: auto;
            bottom: -1px;
            border-bottom: 1px solid #e9e9e9;
        }

    .clients-list.border-dark li::before {
        border-left: 1px solid #333333;
    }

    .clients-list.border-dark li::after {
        border-bottom: 1px solid #333333;
    }

    .clients-list.noborder li::after {
        border-bottom: none;
    }

    .clients-list.noborder li::before {
        border-left: none;
    }
    /* logo hover styles
 ------------------------------ */

    .clients-list.hover-1 li:hover {
        background-color: #f5f5f5;
    }

    .clients-list.hover-2 li:hover {
        background-color: #f5f5f5;
    }

    .clients-list.hover-3 li:hover {
        background-color: #f5f5f5;
    }

    .clients-list.hover-4 li a {
        opacity: 0.4;
    }

        .clients-list.hover-4 li a:hover {
            opacity: 1;
        }

    .clients-list.hover-5 li a {
        opacity: 0.8;
    }

        .clients-list.hover-5 li a:hover {
            opacity: 1;
        }

    .clients-list.hover-6 li {
        opacity: 0.8;
    }

        .clients-list.hover-6 li:hover {
            background-color: #f5f5f5;
        }
/* side navigation list
 ------------------------------ */
.side-nav-list {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

    .side-nav-list li {
        width: 100%;
        padding: 0px;
        margin: 0 0 2px 0;
        float: left;
    }

        .side-nav-list li a {
            width: 100%;
            padding: 15px 25px;
            margin: 0px;
            font-weight: normal;
            float: left;
            background-color: #f6f6f6;
        }

            .side-nav-list li a:hover, .side-nav-list li a.active {
                color: #fff;
                background-color: #a9cd2e;
            }
/* side navigation list
 ------------------------------ */
.category-links {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

    .category-links li {
        width: 100%;
        padding: 10px 0;
        margin: 0 0 0 0;
        float: left;
        border-bottom: 1px solid #eeeeee;
    }

        .category-links li a:hover, .category-links li a.active {
            color: #a9cd2e;
        }

        .category-links li:last-child {
            border-bottom: none;
        }
/* blog1 tags
 ------------------------------ */
.tags {
    padding: 0px;
    margin: 0px;
}

    .tags li {
        padding: 0px;
        margin: 0;
    }

        .tags li a {
            padding: 5px 15px 5px 15px;
            margin: 0 10px 10px 0;
            float: left;
            color: #727272;
            background-color: #e7e7e7;
        }

            .tags li a:hover, .tags li a.active {
                color: #fff;
                background-color: #dbdc33;
            }

    .tags.two li a {
        color: #242424;
        background-color: #fff;
        border: 1px solid #e4e4e4;
    }

        .tags.two li a:hover, .tags.two li a.active {
            color: #fff;
            background-color: #42d1aa;
            border: 1px solid #42d1aa;
        }
/*tags 2
 ------------------------------ */
.tags-2 {
    padding: 0px;
    margin: 0px;
}

    .tags-2 li {
        padding: 0px;
        margin: 0;
    }

        .tags-2 li a {
            padding: 5px 15px 5px 15px;
            margin: 0 10px 10px 0;
            float: left;
            color: #727272;
            border: 1px solid #e4e4e4;
            background-color: #fff;
        }

            .tags-2 li a:hover, .tags-2 li a.active {
                color: #fff;
                border: 1px solid #a9cd2e;
                background-color: #a9cd2e;
            }
/* sidebar works list
 ------------------------------ */
.sidebar-works {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

    .sidebar-works li {
        width: 32%;
        padding: 0px;
        margin: 4px 4px 0 0;
        float: left;
    }

        .sidebar-works li a img {
            width: 100%;
        }

        .sidebar-works li:last-child {
            margin: 4px 0 0 0;
        }
/*============ Menu Backgrounds ============ */

/* Sticky bg
 ------------------------------ */
#header {
    position: relative;
    background: #101010;
    padding: 0;
    width: 100%;
    z-index: 999;
}
/*============ Topbar Styles ============ */

/* Topbar
 ------------------------------ */

.topbar {
    float: left;
    width: 100%;
    padding: 10px;
    margin: 0px;
}

    .topbar.white {
        background-color: #fff;
        border-bottom: 1px solid #efefef;
    }

    .topbar.light {
        background-color: #f6f6f6;
    }

    .topbar.dark {
        background-color: #101010;
    }

    .topbar.fulldark {
        background-color: #000;
        border-bottom: 1px solid #262626;
    }

    .topbar.gyellow {
        background-color: #a9cd2e;
    }

    .topbar.more-padding {
        padding: 40px 0 80px 0;
    }

.topbar-transparent {
    position: relative;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0px;
    z-index: 99;
}

    .topbar-transparent.min-height {
        min-height: 140px;
    }

    .topbar-transparent.dark {
        background-color: #101010;
    }

    .topbar-transparent.bborder {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .topbar-transparent.light {
        background-color: #f5f5f5;
    }

    .topbar-transparent.dark .toplist li a:hover {
        color: #fff;
    }

    .topbar-transparent.text-white .toplist li, .topbar-transparent.text-white .toplist li a {
        color: #fff;
    }

.topbar.no-boder {
    border-bottom: none;
}

.topbar.more-padd-1 {
    padding: 25px 0;
}

.topbar .border-r {
    border-right: 1px solid #e5e5e5;
}

.topbar .padd-left {
    padding-left: 30px;
}
/* Topbar list
 ------------------------------ */
.toplist {
    float: right;
    padding: 0px;
    margin: 0px;
}

    .toplist li {
        float: left;
        color: #8d8c8c;
        text-align: right;
        font-size: 14px;
        margin: 0px;
        padding: 0 10px 0 10px;
    }

        .toplist li.lineright {
            border-right: 1px solid #e4e4e4;
        }

        .toplist li a {
            color: #8d8c8c;
        }

            .toplist li a:hover {
                color: #101010;
            }

    .toplist.toppadding {
        padding-top: 10px;
    }

a.topbar-btn {
    float: left;
    color: #101010;
    text-align: center;
    font-size: 14px;
    margin: 0px;
    border-radius: 2px;
    padding: 5px 15px;
    background-color: #fff;
}

.topbar-padding {
    padding: 15px 0 15px 0;
}

.topbar-left-items {
    float: left;
    margin: 0;
    padding: 0;
    width: 37%;
}

.topbar-middle-logo {
    float: left;
    margin: 0;
    padding: 10px 0;
    width: 26%;
    text-align: center;
    background-color: #a9cd2e;
}

    .topbar-middle-logo.no-bgcolor {
        background: none;
    }

.topbar-right-items {
    float: left;
    margin: 0;
    padding: 0;
    width: 37%;
}
/* topbar dark list color
 ------------------------------ */
.topbar.dark .toplist li a:hover {
    color: #fff;
}

.topbar.fulldark .toplist li a:hover {
    color: #fff;
}

.topbar.dark .toplist li.lineright {
    border-right: 1px solid #727272;
}

.topbar.fulldark .toplist li.lineright {
    border-right: 1px solid #3a3a3a;
}

.topbar.white .toplist li a:hover {
    color: #101010;
}
/* topbar logo middle
 ------------------------------ */
.topbar-middle-logo.nobg {
    background: none;
}
/* topbar btn
 ------------------------------ */
a.topbar-btn:hover, a.topbar-btn.active {
    color: #FFF !important;
    background-color: #055f81;
}
/* topbar white top list color
 ------------------------------ */
.topbar.white .toplist li a {
    color: #727272;
}

.topbar.white .toplist li {
    color: #727272;
}
/* topbar orange toplist color
 ------------------------------ */
.topbar.gyellow .toplist li {
    color: #a9cd2e;
}

    .topbar.gyellow .toplist li a {
        color: #a9cd2e;
    }
/* topbar right items two
 ------------------------------ */
.topbar-right-items.two {
    width: 50%;
}
/*============ Section Titles ============ */

/* title container
 ------------------------------ */

.title {
    transition: all 0.3s ease-out 0s;
}
/* title container
 ------------------------------ */

.sec-title-container {
    width: 100%;
    float: left;
    padding-bottom: 75px;
}

    .sec-title-container.less-padding-1 {
        padding-bottom: 60px;
    }

    .sec-title-container.less-padding-2 {
        padding-bottom: 50px;
    }

    .sec-title-container.less-padding-3 {
        padding-bottom: 40px;
    }

    .sec-title-container.less-padding-4 {
        padding-bottom: 30px;
    }

    .sec-title-container.less-padding-5 {
        padding-bottom: 20px;
    }

    .sec-title-container.less-padding-6 {
        padding-bottom: 15px;
    }
/* page title
 ------------------------------ */
.section-title {
    font-weight: 400;
}
/* subtitle
 ------------------------------ */
.sub-title {
    width: 48%;
    font-size: 16px;
    margin: 0 auto 70px auto;
}
/* title line
 ------------------------------ */
.title-line-1 {
    width: 125px;
    height: 4px;
    margin: 12px auto 0 auto;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}

    .title-line-1.align-left {
        width: 125px;
        margin: 12px auto 0 0;
    }

    .title-line-1.transp {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        border-top: 1px solid rgba(255, 255, 255, 0.3);
    }

.title-line-2 {
    width: 260px;
    height: 1px;
    margin: 12px auto 0 auto;
    background-color: #e7e7e7;
}

    .title-line-2.align-left {
        width: 260px;
        margin: 12px auto 0 0;
    }
/* featurebox title line
 ------------------------------ */
.feabox-title-line {
    width: 60px;
    height: 2px;
    margin: 0 auto 0 0;
    background-color: #101010;
}

    .feabox-title-line.center {
        width: 60px;
        height: 2px;
        margin: 0 auto;
        background-color: #101010;
    }
/*============ Footer Styles Sections ============ */

/* footer section
 ------------------------------ */
.fo-map {
    width: 100%;
    float: left;
}

.fo-map {
    background-size: 100%;
}

.fo-sec-1 {
    position: relative;
    width: 100%;
    padding: 110px 0 0 0;
    margin: 0;
    float: left;
}

    .fo-sec-1 .newsletter-box {
        position: absolute;
        width: 100%;
        float: left;
        left: 0px;
        top: -238px;
        padding: 70px;
        background-color: #a9cd2e;
    }

        .fo-sec-1 .newsletter-box input {
            width: 80%;
            height: 60px;
            float: left;
            padding: 15px;
            border: 1px solid #fff;
            background-color: #fff;
        }

        .fo-sec-1 .newsletter-box .submit-btn {
            width: 20%;
            height: 60px;
            float: left;
            padding: 0px;
            border: 1px solid #101010;
            background-color: #101010;
        }
/* footer section 2
 ------------------------------ */
.fo-sec-2 {
    position: relative;
    width: 100%;
    padding: 30px 0 0 0;
    margin: 0;
    float: left;
}

    .fo-sec-2 .social-iconbox {
        position: absolute;
        width: 265px;
        float: left;
        left: 40%;
        top: -107px;
        padding: 0px;
        margin: 0px;
        z-index: 2;
        background-color: #fff;
    }

        .fo-sec-2 .social-iconbox .side-shape1 {
            position: absolute;
            width: 13px;
            height: 28px;
            float: left;
            left: -13px;
            top: -1px;
            padding: 0px;
            margin: 0px;
        }

            .fo-sec-2 .social-iconbox .side-shape1.right-icon {
                left: 265px;
                top: -1px;
            }

    .fo-sec-2 ul.sc-icons {
        width: 100%;
        margin: 0px;
        padding: 0px;
        text-align: center;
    }

    .fo-sec-2 .sc-icons li {
        display: inline-block;
    }

        .fo-sec-2 .sc-icons li a {
            padding: 15px 10px;
            display: inline-block;
        }
/* footer section 3
 ------------------------------ */
.fo-sec-3 {
    position: relative;
    width: 100%;
    padding: 110px 0 0 0;
    margin: 0;
    float: left;
}

    .fo-sec-3 .primary-box {
        position: absolute;
        width: 100%;
        float: left;
        left: 0px;
        top: -150px;
        padding: 50px;
        background-color: #a9cd2e;
    }
/* footer latest posts
 ------------------------------ */
.fo-posts {
    width: 100%;
    padding: 0px;
    margin: 0 0 25px 0;
    float: left;
}

    .fo-posts .post-info {
        font-size: 12px;
        color: #727272;
    }

.fo-posts-info {
    font-size: 12px;
    color: #727272;
}

.fo-posts a:hover, .fo-posts a.active {
    color: #055f81;
}

.fo-posts .post-info.text-light {
    color: #d0d0d0;
}
/* footer title bottom line
 ------------------------------ */
.fo-title-bottom-line {
    width: 34px;
    height: 2px;
    color: #fff;
    float: left;
    display: block;
    margin-bottom: 40px;
    background-color: #fff;
}

    .fo-title-bottom-line.dark {
        background-color: #101010;
    }

    .fo-title-bottom-line.white {
        background-color: #fff;
    }

    .fo-title-bottom-line.gyellow {
        background-color: #055f81;
    }
/* footer newsletter
 ------------------------------ */
.fo-newsletter-1 {
    border: 1px solid #3b3b3b;
    border-width: 1px 0 1px 1px;
    color: #727272;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 50px;
    line-height: 39px;
    padding: 0 7px;
    width: 70%;
    background-color: transparent;
}

.fo-newsletter-submit-1 {
    background-color: #3b3b3b;
    border: 1px solid #3b3b3b;
    float: left;
    height: 50px;
    margin: 0;
    padding: 5px 10px;
}

    .fo-newsletter-submit-1.gyellow {
        color: #fff;
        background-color: #055f81;
        border: 1px solid #055f81;
    }
/* footer newsletter 2
 ------------------------------ */
.fo-newsletter-2 {
    border: 1px solid #101010;
    border-width: 1px 0 1px 1px;
    color: #727272;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 50px;
    line-height: 39px;
    padding: 0 7px;
    width: 66%;
    background-color: transparent;
}

.fo-newsletter-submit-2 {
    background-color: #101010;
    border: 1px solid #101010;
    float: left;
    height: 50px;
    margin: 0;
    padding: 5px 20px;
}
/* footer appointment form
 ------------------------------ */
.fo-appointment-form {
    padding: 0px;
    width: 100%;
    float: left;
}

    .fo-appointment-form input {
        border: 1px solid #212121;
        color: #727272;
        float: left;
        font-size: 13px;
        font-weight: normal;
        height: 35px;
        line-height: 39px;
        padding: 0 7px;
        width: 100%;
        margin: 0 0 15px 0;
        background-color: transparent;
    }

    .fo-appointment-form textarea {
        border: 1px solid #212121;
        color: #727272;
        float: left;
        font-size: 13px;
        font-weight: normal;
        height: 70px;
        min-height: 70px;
        resize: none;
        line-height: 39px;
        padding: 0 7px;
        width: 100%;
        margin: 0 0 15px 0;
        background-color: transparent;
    }

    .fo-appointment-form .submit-btn {
        background-color: #055f81;
        border: 1px solid #055f81;
        float: left;
        height: 40px;
        margin: 0;
        color: #fff;
        padding: 0 10px;
    }
/* Footer title
 ------------------------------ */

.footer-title {
    color: #fff;
    float: left;
}

.footer-title-bottomstrip {
    width: 10%;
    height: 3px;
    margin-right: 95%;
    color: #fff;
    float: left;
    display: block;
    margin-bottom: 40px;
    background-color: #fff;
}

    .footer-title-bottomstrip.gyellow {
        background-color: #055f81;
    }

.footer-title-bottomstrip-2 {
    width: 34px;
    height: 2px;
    color: #fff;
    float: left;
    display: block;
    margin-bottom: 40px;
    background-color: #fff;
}

.footer-title-bottomstrip-3 {
    width: 34px;
    height: 2px;
    color: #fff;
    float: left;
    display: block;
    margin-bottom: 30px;
    background-color: #101010;
}

.footer-title-bottomstrip.dark {
    background-color: #055f81;
}

.footer-title-bottomstrip-2.dark {
    background-color: #022c44;
}

.footer-title-bottomstrip-2.gyellow {
    background-color: #022c44;
}
/* ---------- Footer quick links ---------- */

.footer-quick-links {
    width: 100%;
    padding: 0 0 0 0;
    margin: 0px;
}

    .footer-quick-links li {
        padding: 25px 15px;
        margin: 40px 0 10px 0;
        display: inline-block;
    }

        .footer-quick-links li a {
            padding: 3px 0;
            margin: 0;
            color: #bababa;
            float: left;
            display: inline-block;
        }

            .footer-quick-links li a:hover {
                color: #fff;
            }

            .footer-quick-links li a i {
                padding: 0 10px 0 0;
            }
/* ---------- Footer quick links ---------- */

.footer-quick-links-2 {
    width: 100%;
    padding: 0 0 0 0;
    margin: 0px;
}

    .footer-quick-links-2 li {
        padding: 0px;
        margin: 0px;
        display: inline-block;
    }

        .footer-quick-links-2 li a {
            padding: 0 35px 20px 0;
            margin: 0;
            color: #727272;
            float: left;
            display: inline-block;
        }

            .footer-quick-links-2 li a:hover {
                color: #fff;
            }

            .footer-quick-links-2 li a i {
                padding: 0 10px 0 0;
            }

    .footer-quick-links-2.top-padding {
        padding: 60px 0 0 0;
    }
/* ---------- Footer quick links 3 ---------- */

.footer-quick-links-3 {
    width: 100%;
    padding: 0 0 0 0;
    margin: 0px;
    display: block;
}

    .footer-quick-links-3 li {
        width: 100%;
        padding: 0px;
        margin: 0px;
        float: left;
        display: block;
    }

        .footer-quick-links-3 li a {
            padding: 3px 0;
            margin: 0;
            color: #727272;
            float: left;
            display: block;
        }

            .footer-quick-links-3 li a:hover {
                color: #101010;
            }

            .footer-quick-links-3 li a i {
                padding: 0 10px 0 0;
            }

    .footer-quick-links-3.top-padding {
        padding: 60px 0 0 0;
    }
/* ---------- Footer quick links 4---------- */

.footer-quick-links-4 {
    width: 100%;
    padding: 0 0 0 0;
    margin: 0px;
}

    .footer-quick-links-4 li {
        width: 100%;
        padding: 0px;
        margin: 0;
        display: inline-block;
    }

        .footer-quick-links-4 li a {
            padding: 3px 0;
            margin: 0;
            color: #bababa;
            float: left;
            display: inline-block;
        }

            .footer-quick-links-4 li a:hover {
                color: #fff;
            }

            .footer-quick-links-4 li a i {
                padding: 0 10px 0 0;
            }

    .footer-quick-links-4.dark-hover li a:hover {
        color: #101010;
    }

    .footer-quick-links-4.hover-dark li a:hover {
        color: #101010;
    }

.footer-quick-links-5 {
    padding: 0px;
    margin: 0px;
}

    .footer-quick-links-5 li {
        padding: 5px 0;
    }

        .footer-quick-links-5 li a {
            color: #000;
        }

            .footer-quick-links-5 li a:hover {
                color: #727272;
            }

.footer-quick-links-6 {
    padding: 0px;
    margin: 0px;
}

    .footer-quick-links-6 li {
        padding: 5px 0;
    }

        .footer-quick-links-6 li a {
            color: #fff;
        }

            .footer-quick-links-6 li a:hover {
                color: #000;
            }
/* ---------- Footer social links ---------- */
.footer-social-icons {
    width: 100%;
    padding: 0px;
    margin: 15px 0 15px 0;
}

    .footer-social-icons li {
        padding: 0px;
        margin: 0px;
        display: inline-block;
    }

        .footer-social-icons li a {
            width: 36px;
            height: 36px;
            text-align: center;
            line-height: 40px;
            display: inline-block;
            padding: 0px;
            color: #fff;
            background-color: #101010;
        }

    .footer-social-icons.round li a {
        border-radius: 100%;
    }

    .footer-social-icons li a:hover, .footer-social-icons li a.active {
        color: #a9cd2e;
    }

    .footer-social-icons.icons-plain li a {
        background: none;
    }

    .footer-social-icons.dark li a {
        color: #101010;
        border-radius: 100%;
        background-color: #fff;
    }

        .footer-social-icons.dark li a:hover, .footer-social-icons.dark li a.active {
            color: #a9cd2e;
        }

    .footer-social-icons.primary li a {
        color: #101010;
        border-radius: 100%;
        margin-top: 20px;
        background-color: #a9cd2e;
    }

    .footer-social-icons.primary.left-align {
        text-align: left;
    }

    .footer-social-icons.left-align {
        text-align: left;
    }
/* ---------- Footer social links 2 ---------- */
.footer-social-icons-2 {
    width: 100%;
    padding: 0px;
    text-align: center;
    margin: 20px 0 20px 0;
}

    .footer-social-icons-2 li {
        padding: 0px;
        margin: 0px;
        display: inline-block;
    }

        .footer-social-icons-2 li a {
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            display: inline-block;
            padding: 0px;
            font-size: 16px;
            color: #101010;
            border: 1px solid #e4e4e4;
            background-color: #fff;
        }

            .footer-social-icons-2 li a:hover {
                color: #fff;
                border: 1px solid #DB1115;
                background-color: #DB1115;
            }

            .footer-social-icons-2 li a:hover, .footer-social-icons-2 li a.active {
                color: #fff;
                border: 1px solid #DB1115;
                background-color: #DB1115;
            }

    .footer-social-icons-2.dark-hover li a:hover, .footer-social-icons-2.dark-hover li a.active {
        color: #fff;
        border: 1px solid #101010;
        background-color: #101010;
    }
/* ---------- Footer flickr gallery ---------- */

ul.footer-flickr {
    width: 100%;
    padding: 0;
    margin: 0px;
}

.footer-flickr li {
    width: 80px;
    padding: 0;
    margin: 0 0 11px 0;
    float: left;
}

    .footer-flickr li.mar-r {
        margin-right: 11px;
    }
/* ---------- Footer opening list ---------- */
.fo-opening-list {
    float: left;
    padding: 0;
    width: 100%;
}

    .fo-opening-list li {
        color: #727272;
        float: left;
        padding: 8px 0;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

        .fo-opening-list li:first-child {
            padding-top: 0px;
        }

        .fo-opening-list li:last-child {
            border-bottom: none;
        }
/*============ css arrows ============ */

/*.arrow-down {
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #fd602c;
}
.arrow-up {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
}
.arrow-right {
	width: 0;
	height: 0;
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	border-left: 60px solid green;
}
.arrow-left {
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid #fff;
}*/
/*============ section background images ============ */
.sec-bgimg-1 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

    .sec-bgimg-1.bd {
        background: url(../images/footer-bg/bd-1.jpg);
    }

    .sec-bgimg-1.by2 {
        background: url(../images/footer-bg/by2-1.jpg);
    }

    .sec-bgimg-1.ch {
        background: url(../images/footer-bg/ch-1.jpg);
    }
/*============ Page Section Styles ============ */

/* section background dark
 ------------------------------ */
.section-dark {
    background-color: #0B0B0B;
}

.section-dark-2 {
    background-color: #222931;
}

.section-medium-dark {
    background-color: #161616;
}

.section-fulldark {
    background-color: #000;
}

.section-medium-dark-2 {
    background-color: #1c1c1c;
}

.section-medium-dark-3 {
    background-color: #101010;
}
/* section background light
 ------------------------------ */
.section-light {
    background-color: #f5f5f5;
}

.section-light-2 {
    background-color: #f9f8f7;
}
/* section background white
 ------------------------------ */
.section-white {
    background-color: #fff;
}
/* section background golden yellow
 ------------------------------ */
.section-primary {
    background-color: #646363;
}
/* section copyright
 ------------------------------ */
.section-copyrights {
    margin: 0;
    text-align: center;
    background-color: #1a1a1a;
}
/* section big map
 ------------------------------ */
.section-big-map {
    width: 100%;
    margin: 0;
    text-align: center;
    background: #161616 url(../images/site-img46.png) center 150px no-repeat;
}
/* section pattren 1
 ------------------------------ */
.section-pattren-1 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren1.jpg) 0 0 repeat;
}

.section-pattren-2 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren2.jpg) 0 0 repeat;
}

.section-pattren-3 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren3.jpg) 0 0 repeat;
}

.section-pattren-4 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren4.png) 0 0 repeat;
}

.section-pattren-5 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren4.jpg) 0 0 repeat;
}

.section-pattren-6 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren6.jpg) 0 0 repeat;
}

.section-pattren-7 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren7.jpg) 0 0 repeat;
}

.section-pattren-8 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren8.jpg) 0 0 repeat;
}

.section-pattren-9 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren9.png) 0 0 repeat;
}

.section-pattren-10 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren10.jpg) 0 0 repeat;
}

.section-pattren-11 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren11.jpg) 0 0 repeat;
}

.section-pattren-12 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren12.jpg) 0 0 repeat;
}

.section-pattren-13 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren13.jpg) 0 0 repeat;
}

.section-pattren-14 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren14.jpg) 0 0 repeat;
}

.section-pattren-15 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren15.jpg) 0 0 repeat;
}

.section-pattren-16 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren16.jpg) 0 0 repeat;
}

.section-pattren-17 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren17.jpg) 0 0 repeat;
}

.section-pattren-18 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren18.jpg) 0 0 repeat;
}

.section-pattren-19 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren19.jpg) 0 0 repeat;
}

.section-pattren-20 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren20.jpg) 0 0 repeat;
}

.section-pattren-21 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren21.jpg) 0 0 repeat;
}

.section-pattren-22 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren22.jpg) 0 0 repeat;
}

.section-pattren-23 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren23.jpg) 0 0 repeat;
}

.section-pattren-24 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren24.jpg) 0 0 repeat;
}

.section-pattren-25 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren25.jpg) 0 0 repeat;
}

.section-pattren-26 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren26.jpg) 0 0 repeat;
}

.section-pattren-27 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren27.jpg) 0 0 repeat;
}

.section-pattren-28 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren28.jpg) 0 0 repeat;
}

.section-pattren-29 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/bg-pattrens/pattren29.jpg) 0 0 repeat;
}

.section-bgimg-1 {
    width: 100%;
    height: auto;
    margin: 0;
    float: left;
    background: url(../images/60.jpg) top center repeat;
}

.section-bgimg-2 {
    width: 100%;
    height: auto;
    margin: 0;
    float: left;
    background: url(../images/61.jpg) top center repeat;
}

.section-bgimg-3 {
    width: 100%;
    height: auto;
    margin: 0;
    float: left;
    background: url(../images/62.jpg) top center repeat;
}

.section-bgimg-4 {
    width: 100%;
    height: auto;
    margin: 0;
    float: left;
    background: url(../images/63.jpg) top center repeat;
}

.section-bgimg-5 {
    width: 100%;
    height: auto;
    margin: 0;
    float: left;
    background: url(../images/64.jpg) top center repeat;
}

.section-bgimg-6 {
    width: 100%;
    height: auto;
    margin: 0;
    float: left;
    background: url(../images/65.jpg) top center repeat;
}

.section-bgimg-7 {
    width: 100%;
    height: auto;
    margin: 0;
    float: left;
    background: url(../images/66.jpg) top center repeat;
}

.section-bgimg-8 {
    width: 100%;
    height: auto;
    margin: 0;
    float: left;
    background: url(../images/67.jpg) top center repeat;
}

.section-bgimg-9 {
    width: 100%;
    height: auto;
    margin: 0;
    float: left;
    background: url(../images/68.jpg) top center repeat;
}

.section-bgimg-10 {
    width: 100%;
    height: auto;
    margin: 0;
    float: left;
    background: url(../images/69.jpg) top center repeat;
}
/* Section Paddings
 ------------------------------ */
.sec-padding {
    padding: 80px 0 80px 0;
}

.sec-padding-2 {
    padding: 80px 0 0 0;
}

.sec-padding-2 {
    padding: 100px 0 100px 0;
}

.sec-padding-3 {
    padding: 100px 0 100px 0;
}

.sec-padding-4 {
    padding: 70px 0 70px 0;
}

.sec-padding-5 {
    padding: 50px 0 50px 0;
}

.sec-padding-6 {
    padding: 30px 0 30px 0;
}

.sec-bpadding-2 {
    padding-bottom: 100px;
}

.sec-tpadding-2 {
    padding-top: 100px;
}

    .sec-tpadding-2.less-padding {
        padding-top: 20px;
    }

.sec-tpadding-3 {
    padding-top: 100px;
}

.sec-bpadding-3 {
    padding-bottom: 100px;
}

.sec-tpadding-4 {
    padding-top: 80px;
}

.sec-bpadding-4 {
    padding-bottom: 80px;
}

.sec-bpadding.less-padding {
    padding-bottom: 30px;
}

.sec-dummy-top-padding {
    padding-top: 0px;
}
/* Section minus margins
 ------------------------------ */
.sec-m-margin-1 {
    margin-top: 0px;
}
/*============ Page Section pattrens ============ */

.sec-pattren-1 {
    width: 100%;
    background: url(../images/bg-pattrens/pattren1.jpg) repeat;
}

.sec-pattren-2 {
    width: 100%;
    background: url(../images/bg-pattrens/pattren2.jpg) repeat;
}

.sec-pattren-3 {
    width: 100%;
    background: url(../images/bg-pattrens/pattren3.jpg) repeat;
}

.sec-pattren-4 {
    width: 100%;
    background: url(../images/bg-pattrens/pattren4.jpg) repeat;
}

.sec-pattren-5 {
    width: 100%;
    background: url(../images/bg-pattrens/pattren5.jpg) repeat;
}
/*============ Footer Styles ============ */

.footer-logo {
    margin-bottom: 18px;
}
/* Footer Useful Links
 ------------------------------ */

.fo-usefull-links {
    padding: 0px;
    margin: 0px;
}

    .fo-usefull-links li {
        padding: 0px;
        margin: 0 0 10px 0;
        display: block;
        border-bottom: 1px solid #2e2e2e;
    }

        .fo-usefull-links li a {
            padding: 0px;
            margin: 0 0 10px 0;
            display: block;
            color: #727272;
            line-height: 23px;
        }

            .fo-usefull-links li a:hover {
                color: #fff;
            }

        .fo-usefull-links li i {
            color: #727272;
            padding: 0 10px 0 0;
        }

        .fo-usefull-links li:last-child {
            border-bottom: none;
        }
/* useful links 2
 ------------------------------ */
.fo-usefull-links-2 {
    padding: 0px;
    margin: 0px;
}

    .fo-usefull-links-2 li {
        padding: 0px;
        margin: 0 0 10px 0;
        display: block;
        border-bottom: 1px solid #e4e4e4;
    }

        .fo-usefull-links-2 li a {
            padding: 0px;
            margin: 0 0 10px 0;
            display: block;
            color: #727272;
            line-height: 23px;
        }

            .fo-usefull-links-2 li a:hover {
                color: #242424;
            }

        .fo-usefull-links-2 li i {
            color: #727272;
            padding: 0 10px 0 0;
        }

        .fo-usefull-links-2 li:last-child {
            border-bottom: none;
        }

    .fo-usefull-links-2.no-border li {
        border-bottom: none;
    }
/* useful links 3
 ------------------------------ */
.fo-usefull-links-3 {
    padding: 0px;
    margin: 0px;
}

    .fo-usefull-links-3 li {
        padding: 0px;
        margin: 0 0 10px 0;
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    }

        .fo-usefull-links-3 li a {
            padding: 0px;
            margin: 0 0 10px 0;
            display: block;
            color: #fff;
            line-height: 23px;
        }

            .fo-usefull-links-3 li a:hover {
                color: #242424;
            }

        .fo-usefull-links-3 li i {
            color: #fff;
            padding: 0 10px 0 0;
        }

        .fo-usefull-links-3 li:last-child {
            border-bottom: none;
        }

    .fo-usefull-links-3.no-border li {
        border-bottom: none;
    }
/* Footer Address
 ------------------------------ */

.fo-address-info {
    padding: 0px;
    margin: 0px;
}

    .fo-address-info li {
        width: 100%;
        padding: 0px 0px 10px 0px;
        margin: 0 0 10px 0;
        display: block;
        color: #727272;
        line-height: 23px;
        border-bottom: 1px solid #282828;
    }

    .fo-address-info.border-light li {
        border-bottom: 1px solid #2f2d2d;
    }

    .fo-address-info li i {
        color: #727272;
        padding: 0 10px 0 0;
    }

    .fo-address-info li:last-child {
        border-bottom: none;
    }

    .fo-address-info.no-border li {
        border-bottom: none;
    }
/* Footer Address 2
 ------------------------------ */

.fo-address-info-2 {
    padding: 0px;
    margin: 0px;
}

    .fo-address-info-2 li {
        padding: 0px 0px 10px 0px;
        margin: 0 0 10px 0;
        display: block;
        color: #727272;
        line-height: 23px;
        border-bottom: 1px solid #e4e4e4;
    }

        .fo-address-info-2 li i {
            color: #727272;
            padding: 0 10px 0 0;
        }

        .fo-address-info-2 li:last-child {
            border-bottom: none;
        }

    .fo-address-info-2.no-border li {
        border-bottom: none;
    }
/* Footer Address 3
 ------------------------------ */

.fo-address-info-3 {
    padding: 0px;
    margin: 0px;
}

    .fo-address-info-3 li {
        padding: 0px 0px 10px 0px;
        margin: 0 0 10px 0;
        display: block;
        color: #fff;
        line-height: 23px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    }

        .fo-address-info-3 li i {
            color: #fff;
            padding: 0 10px 0 0;
        }

        .fo-address-info-3 li:last-child {
            border-bottom: none;
        }

    .fo-address-info-3.no-border li {
        border-bottom: none;
    }
/* Footer Tags
 ------------------------------ */

.footer-tags {
    padding: 0px;
    margin: 0px;
}

    .footer-tags li {
        padding: 0px;
        margin: 0;
    }

        .footer-tags li a {
            padding: 5px 15px 5px 15px;
            margin: 0 10px 10px 0;
            float: left;
            color: #bababa;
            border: 1px solid #2e2e2e;
        }

            .footer-tags li a:hover, .footer-tags li a.active {
                border: 1px solid #a9cd2e;
                color: #a9cd2e;
            }

    .footer-tags.border-light li a {
        border: 1px solid #ebebeb;
    }
/* Footer Posts
 ------------------------------ */
.footer-post-info {
    padding: 0px;
}

    .footer-post-info span {
        font-size: 13px;
        color: #494747;
        margin-right: 5px;
    }

.fo-postimg-inner {
    width: 80px;
    height: 80px;
    padding: 0px;
    margin: 0px;
    float: left;
    border-radius: 100%;
}

.opening-list {
    float: left;
    padding: 0;
    width: 100%;
}

    .opening-list li {
        color: #727272;
        float: left;
        padding: 8px 0;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

        .opening-list li:first-child {
            padding-top: 0px;
        }

        .opening-list li:last-child {
            border-bottom: none;
        }

    .opening-list.dark-border li {
        border-bottom: 1px solid #f1f1f1;
    }
/* Footer copyright box
 ------------------------------ */

.fo-copyright-holder {
    position: relative;
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}

    .fo-copyright-holder .social-iconbox {
        position: absolute;
        width: 265px;
        float: left;
        left: 40%;
        top: -57px;
        padding: 0px;
        margin: 0px;
        background-color: #fff;
    }

        .fo-copyright-holder .social-iconbox.bg-dark {
            background-color: #101010;
        }

        .fo-copyright-holder .social-iconbox .side-shape1 {
            position: absolute;
            width: 13px;
            height: 28px;
            float: left;
            left: -13px;
            top: -1px;
            padding: 0px;
            margin: 0px;
        }

            .fo-copyright-holder .social-iconbox .side-shape1.right-icon {
                left: 265px;
                top: -1px;
            }

    .fo-copyright-holder .sc-icons {
        width: 100%;
        float: left;
        padding: 0px;
        margin: 0px;
    }

        .fo-copyright-holder .sc-icons li {
            padding: 0px;
            margin: 0px;
            display: inline-block;
        }

            .fo-copyright-holder .sc-icons li a {
                float: left;
                font-size: 15px;
                padding: 15px 10px;
                margin: 0px;
                display: inline-block;
            }
/* Footer top social box
 ------------------------------ */

.fo-top-holder {
    position: relative;
    width: 100%;
    float: left;
    padding: 60px 0 0 0;
    margin: 0px;
}

    .fo-top-holder .social-iconbox {
        position: absolute;
        width: 265px;
        float: left;
        left: 38%;
        top: 26px;
        padding: 0px;
        margin: 0px;
        background-color: #a9cd2e;
    }

        .fo-top-holder .social-iconbox.bg-dark {
            background-color: #101010;
        }

        .fo-top-holder .social-iconbox .side-shape1 {
            position: absolute;
            width: 13px;
            height: 28px;
            float: left;
            left: -18px;
            top: -1px;
            padding: 0px;
            margin: 0px;
        }

            .fo-top-holder .social-iconbox .side-shape1.right-icon {
                left: 265px;
                top: -1px;
            }

    .fo-top-holder .sc-icons {
        width: 100%;
        float: left;
        padding: 0px;
        margin: 0px;
    }

        .fo-top-holder .sc-icons li {
            padding: 0px;
            margin: 0px;
            display: inline-block;
        }

            .fo-top-holder .sc-icons li a {
                float: left;
                font-size: 15px;
                color: #fff;
                padding: 15px 10px;
                margin: 0px;
                display: inline-block;
            }
/* Footer contact info with big icons
 ------------------------------ */

.contact-info-holder {
    position: relative;
    width: 100%;
    padding: 0px;
}

    .contact-info-holder .iconbox-xmedium {
        color: #a9cd2e;
    }

    .contact-info-holder:hover .iconbox-xmedium, .contact-info-holder.active .iconbox-xmedium {
        color: #fff;
        background-color: #a9cd2e;
    }
/*============ Overlay Styles ============ */
.section-overlay {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    left: 0px;
    top: 0px;
    float: left;
    z-index: 2;
}

.video-overlay {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    left: 0px;
    top: 0px;
    float: left;
    z-index: 2;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    z-index: 10;
}
/*video padding
 ------------------------------ */
.video-tpadd {
    padding-top: 100px;
}

.video-bpadd {
    padding-bottom: 100px;
}
/* Overlay opacity styles
 ------------------------------ */

.bg-opacity-1 {
    background-color: rgba(0, 0, 0, 0.1);
}

.bg-opacity-2 {
    background-color: rgba(0, 0, 0, 0.2);
}

.bg-opacity-3 {
    background-color: rgba(0, 0, 0, 0.3);
}

.bg-opacity-4 {
    background-color: rgba(0, 0, 0, 0.4);
}

.bg-opacity-5 {
    background-color: rgba(0, 0, 0, 0.5);
}

.bg-opacity-6 {
    background-color: rgba(0, 0, 0, 0.6);
}

.bg-opacity-7 {
    background-color: rgba(0, 0, 0, 0.7);
}

.bg-opacity-8 {
    background-color: rgba(0, 0, 0, 0.8);
}

.bg-opacity-9 {
    background-color: rgba(0, 0, 0, 0.9);
}
/* Overlay Background colors
 ------------------------------ */
/* Background light
 ------------------------------ */
.section-overlay.light {
    background-color: rgba(246, 246, 246, 0.9);
}

.section-overlay.light-2 {
    background-color: rgba(246, 246, 246, 0.8);
}

.section-overlay.light-3 {
    background-color: rgba(246, 246, 246, 0.7);
}

.section-overlay.light-4 {
    background-color: rgba(246, 246, 246, 0.6);
}

.section-overlay.light-5 {
    background-color: rgba(246, 246, 246, 0.5);
}
/* Overlay Background dark
 ------------------------------ */
.section-overlay.dark {
    background-color: rgba(0, 0, 0, 0.7);
}

.section-overlay.dark-2 {
    background-color: rgba(0, 0, 0, 0.3);
}

.section-overlay.dark-3 {
    background-color: rgba(0, 0, 0, 0.9);
}

.section-overlay.dark-4 {
    background-color: rgba(0, 0, 0, 0.4);
}
/* Overlay Background golden yellow
 ------------------------------ */
.section-overlay.primary {
    background-color: rgba(245, 30, 70, 0.9);
}

.parallax-overlay.primary {
    background-color: rgba(219, 17, 21, 0.3);
}

.parallax-overlay.light {
    background-color: rgba(246, 246, 246, 0.9);
}

.parallax-overlay.light-2 {
    background-color: rgba(246, 246, 246, 0.8);
}

.parallax-overlay.light-3 {
    background-color: rgba(246, 246, 246, 0.7);
}

.parallax-overlay.light-4 {
    background-color: rgba(246, 246, 246, 0.6);
}

.parallax-overlay.light-5 {
    background-color: rgba(246, 246, 246, 0.5);
}
/*============ Social Links ============ */

.social-icons-1 {
    width: 100%;
    margin: 30px 0 0 0;
    list-style-type: none;
}

    .social-icons-1 li {
        display: inline-block;
    }

        .social-icons-1 li a {
            font-size: 16px;
            padding: 0 20px 0 0;
            color: #fff;
            display: inline-block;
        }

            .social-icons-1 li a:hover, .social-icons-1 li a.active {
                color: #a9cd2e;
            }
/* social icons 2
 -----------------------------------------------*/

.social-icons-2 {
    width: 100%;
    margin: 30px 0 0 0;
    list-style-type: none;
}

    .social-icons-2 li {
        display: inline-block;
    }

        .social-icons-2 li a {
            width: 36px;
            height: 36px;
            text-align: center;
            line-height: 40px;
            display: inline-block;
            padding: 0px;
            color: #101010;
            background-color: #fff;
        }

            .social-icons-2 li a:hover, .social-icons-2 li a.active {
                color: #a9cd2e;
            }
/* social icons 3
 -----------------------------------------------*/

.social-icons-3 {
    width: 100%;
    margin: 30px 0 0 0;
    list-style-type: none;
}

    .social-icons-3.margin-left {
        margin: 10px 0 0 -40px;
    }

    .social-icons-3 li {
        display: inline-block;
    }

        .social-icons-3 li a {
            width: 36px;
            height: 36px;
            text-align: center;
            line-height: 37px;
            display: inline-block;
            padding: 0px;
            color: #101010;
            border: 1px solid #e4e4e4;
            background-color: #fff;
        }

            .social-icons-3 li a:hover, .social-icons-3 li a.active {
                color: #fff;
                border: 1px solid #101010;
                background-color: #101010;
            }
/*============ Blog Posts ============ */

/* post image holder
 -----------------------------------------------*/

.blog-img-holder {
    width: 100%;
    padding: 0px;
    margin: 0px;
}
/* post date boxes
 -----------------------------------------------*/

.post-date-box {
    position: absolute;
    width: 90px;
    height: 90px;
    float: left;
    font-size: 25px;
    color: #fff;
    padding: 22px 0 0 0;
    margin: 0;
    z-index: 2;
    text-align: center;
    background-color: #a9cd2e;
    transition: all 0.3s ease-out 0s;
}

    .post-date-box span {
        font-size: 13px;
        color: #fff;
        display: block;
    }

    .post-date-box .arrow-down {
        position: absolute;
        left: 25px;
        top: 81px;
        float: left;
        z-index: 3;
        border-top: 20px solid #a9cd2e;
    }
    /* Date box colors
 -----------------------------------------------*/
    .post-date-box.gyellow {
        background-color: #a9cd2e;
    }
/* post author image holder
 -----------------------------------------------*/

.post-author-image {
    position: absolute;
    width: 80px;
    height: 80px;
    right: 35px;
    top: 247px;
    float: left;
}

    .post-author-image.round {
        border-radius: 100%;
        border: 5px solid #fff;
        text-align: center;
    }
/* post info icons
 -----------------------------------------------*/

.post-infoicon {
    padding: 3px 12px 3px 12px;
    margin: 0 5px 0 0;
    color: #fff;
    float: left;
    font-size: 12px;
    border-radius: 20px;
    background-color: #a9cd2e;
}

    .post-infoicon.dark {
        background-color: #161616;
    }
/*============ Footer Newsletter ============ */

.newsletter .email-input {
    background-color: #FFF;
    border: 0px none;
    color: #999;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 39px;
    line-height: 39px;
    padding: 0px 7px;
    width: 75%;
}

    .newsletter .email-input.dark {
        background-color: #2d2d2d;
        color: #727272;
    }

.newsletter .input-submit {
    background-color: #fd602c;
    border: 0px none;
    color: #FFF;
    cursor: pointer;
    float: left;
    height: 39px;
    padding: 0px 20px;
}

    .newsletter .input-submit.gyellow {
        background-color: #a9cd2e;
    }

    .newsletter .input-submit.white {
        color: #161616;
        background-color: #fff;
    }

    .newsletter .input-submit.dark {
        color: #727272;
        background-color: #2d2d2d;
    }
/*============ Video wrapers ============ */

.video-wrapper {
    overflow: hidden;
    width: 100%;
    padding: 0px;
    height: auto;
}

    .video-wrapper video {
        width: 100%;
    }
/*video padding
 ------------------------------ */
.video-padding-top {
    padding-top: 100px;
}

.video-padding-bottom {
    padding-bottom: 100px;
}
/*============ Progress bar ============ */

/*style 1
 ------------------------------ */
.progressbar-style1 {
    margin-top: 10px;
    margin-bottom: 38px;
    font-weight: 400;
    letter-spacing: 1px;
    overflow: visible;
    height: 10px;
    color: #fff;
    background: #fff;
    border-radius: 0px;
    box-shadow: none;
    text-transform: uppercase;
}

    .progressbar-style1 .progress-bar {
        position: relative;
        overflow: visible;
        background-color: #101010;
        font-size: 13px;
        color: #a9cd2e;
        line-height: 44px;
        padding: 0px 0 0 0px;
        text-align: left;
        border: 2px solid #fff;
    }

        .progressbar-style1 .progress-bar.yellow-3 {
            background-color: #f7c800;
        }
/*style 2
 ------------------------------ */
.progressbar-style2 {
    margin-top: 10px;
    margin-bottom: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    overflow: visible;
    height: 3px;
    color: #161616;
    background: #ccc;
    border-radius: 0px;
    box-shadow: none;
    text-transform: uppercase;
}

    .progressbar-style2 .progress-bar {
        position: relative;
        overflow: visible;
        background-color: #161616;
        font-size: 13px;
        color: #161616;
        padding: 3px 0 0 0;
        text-align: left;
    }
/*style 3
 ------------------------------ */
.progressbar-style3 {
    margin-top: 10px;
    margin-bottom: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    overflow: visible;
    height: 8px;
    color: #161616;
    background: #fff;
    border-radius: 0px;
    box-shadow: none;
    text-transform: uppercase;
}

    .progressbar-style3 .progress-bar {
        position: relative;
        overflow: visible;
        background-color: #e9b444;
        font-size: 13px;
        color: #fff;
        padding: 8px 0 0 0;
        text-align: left;
    }
/*style 4
 ------------------------------ */
.progressbar-style4 {
    margin-top: 10px;
    margin-bottom: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    overflow: visible;
    height: 8px;
    color: #161616;
    background: #e7e7e7;
    border-radius: 0px;
    box-shadow: none;
    text-transform: uppercase;
}

    .progressbar-style4 .progress-bar {
        position: relative;
        overflow: visible;
        background-color: #ff9320;
        font-size: 13px;
        color: #727272;
        padding: 8px 0 0 0;
        text-align: left;
    }
/*style 5
 ------------------------------ */
.progressbar-style5 {
    margin-top: 10px;
    margin-bottom: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    overflow: visible;
    height: 8px;
    color: #161616;
    background: #f5f5f5;
    border-radius: 0px;
    box-shadow: none;
    text-transform: uppercase;
}

    .progressbar-style5 .progress-bar {
        position: relative;
        overflow: visible;
        background-color: #101010;
        font-size: 13px;
        color: #101010;
        padding: 8px 0 0 0;
        text-align: left;
    }
/*style 6
 ------------------------------ */
.progressbar-style6 {
    margin-top: 10px;
    margin-bottom: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    overflow: visible;
    height: 8px;
    color: #161616;
    background: #a9cd2e;
    border-radius: 0px;
    box-shadow: none;
    text-transform: uppercase;
}

    .progressbar-style6 .progress-bar {
        position: relative;
        overflow: visible;
        background-color: #101010;
        font-size: 13px;
        color: #101010;
        padding: 8px 0 0 0;
        text-align: left;
    }
/*============ Newsletter ============ */

.email-input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 65px;
    line-height: 39px;
    padding: 0 15px;
    width: 87%;
}

.email-submit {
    background-color: #fff;
    border: 1px solid #fff;
    color: #242424;
    float: left;
    margin: 0px;
    padding: 20px 30px;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
}

    .email-submit:hover {
        background-color: #242424;
        border: 1px solid #242424;
        color: #fff;
    }
/*============ css progress circles ============ */

.knob {
    display: none;
}

div.demo {
    position: relative;
    text-align: center;
    width: 280px;
    float: left
}

    div.demo > p {
        font-size: 20px
    }

    div.demo .title {
        position: absolute;
        text-align: center;
        width: 100%;
        font-size: 40px;
        float: left;
        top: 60px;
    }

        div.demo .title span {
            text-align: center;
            width: 100%;
            font-size: 20px;
            float: left;
            margin-top: 10px;
        }
/*============ Page Scroll to Top ============ */

.scrollup {
    width: 40px;
    height: 40px;
    opacity: 1;
    position: fixed;
    bottom: 22px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    background: #DB1115 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
    z-index: 999;
}
/*============ google maps ============ */
.map {
    width: 100%;
    height: 300px;
    border: 1px solid #e4e4e4;
}

    .map p {
        margin: 10px;
        color: #333;
    }
/*============ blog ============ */

.blog-post-info {
    width: 100%;
}

    .blog-post-info span {
        font-size: 13px;
        color: #666666;
        margin-right: 15px;
    }
/*============ onepage sidebar content holder ============ */
.wrapper-main {
    padding-left: 300px;
    background-color: #fff;
}
/*============ header inner ============ */

.header-inner-tmargin {
    width: 100%;
    float: left;
    margin-top: -145px;
}

    .header-inner-tmargin.less-mar {
        margin-top: -41px;
    }

.header-inner {
    position: relative;
    width: 100%;
    height: 500px;
    float: left;
    overflow: hidden;
}

    .header-inner.less-height {
        height: 430px;
    }

    .header-inner .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        float: left;
        overflow: hidden;
        z-index: 2;
        background-color: rgba(0, 0, 0, 0.7);
    }

    .header-inner .text {
        position: absolute;
        width: 100%;
        height: 1000px;
        padding: 16% 0 0 0;
        top: 0px;
        margin: 0px;
        float: left;
        z-index: 3;
    }

        .header-inner .text .title {
            font-size: 35px;
            font-weight: 700;
        }

        .header-inner .text .sub-title {
            width: 100%;
            font-size: 18px;
        }
    /* less height
 ------------------------------ */
    .header-inner.less-height {
        height: 335px;
    }

        .header-inner.less-height .text {
            height: 300px;
            padding: 9% 0 0 0;
        }
/*============ pagenation ============ */
.pagenation-holder {
    border-bottom: 1px solid #f0f0f0;
    float: left;
    margin: 0;
    padding: 25px 0 10px;
    width: 100%;
}

    .pagenation-holder .breadcrumb {
        float: right;
        margin-bottom: 0px;
        background-color: #fff;
    }

        .pagenation-holder .breadcrumb li {
            display: inline;
        }

            .pagenation-holder .breadcrumb li.current a {
                color: #a9cd2e;
            }

            .pagenation-holder .breadcrumb li + li:before {
                content: "» ";
            }
/*============ 5 and 7 custom cols ============ */

.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 {
    width: 14.2857%;
}

.five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 {
    width: 20%;
}
/* footer newsletter
 ------------------------------ */
.bb-newsletter {
    width: 25%;
    height: 50px;
    float: left;
    padding: 10px;
    color: #fff;
    margin-right: 20px;
    border-radius: 40px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: none;
}

.bb-newsletter-email {
    width: 55%;
    height: 50px;
    float: left;
    padding: 10px;
    color: #fff;
    margin-right: 20px;
    border-radius: 40px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: none;
}

.bb-newsletter-btn {
    width: 15%;
    height: 50px;
    float: left;
    padding: 0px;
    margin-top: 5px;
    color: #101010;
    text-transform: uppercase;
    border-radius: 40px;
    border: 1px solid #a9cd2e;
    background-color: #a9cd2e;
}
/* footer newsletter 2
 ------------------------------ */
.co-newsletter {
    width: 25%;
    height: 50px;
    float: left;
    padding: 10px;
    color: #101010;
    margin-right: 20px;
    border-radius: 40px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.4);
    background: none;
}

.co-newsletter-email {
    width: 55%;
    height: 50px;
    float: left;
    padding: 10px;
    color: #101010;
    margin-right: 20px;
    border-radius: 40px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.4);
    background: none;
}

.co-newsletter-btn {
    width: 15%;
    height: 50px;
    float: left;
    padding: 0px;
    margin-top: 5px;
    color: #727272;
    text-transform: uppercase;
    border-radius: 40px;
    border: 1px solid #101010;
    background-color: #101010;
}


/*----------------------------RESPONSIVE STYLES------------------------------- */
/* ---------- MAX 1024PX ---------- */
@media screen and (max-width: 1024px) {
    .col-divider-margin {
        margin-top: 30px;
    }

    .text-box-right {
        padding: 0px 0px 0px 100px;
    }

    .wrapper-main {
        width: 100%;
        padding-left: 230px;
        background-color: #fff;
    }

        .wrapper-main .container {
            width: 100%;
        }

    .header-inner.less-height .text {
        padding: 13% 0 0;
    }

    .header-inner .text {
        padding: 25% 0 0;
    }
}

@media screen and (max-width: 1000px) {
    .col-divider-margin {
        margin-top: 20px;
    }

    .col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
        margin-top: 20px;
    }

    .sec-m-margin-1 {
        margin-top: 0px;
    }

    .topbar-transparent {
        background-color: #101010;
    }

    .wrapper-main {
        padding-left: 0px;
    }

    .header-inner-tmargin {
        margin-top: 0px;
    }
}



/* ---------- MAX 991PX ---------- */
@media only screen and (max-width: 991px) {
    .margin-bottom {
        margin-bottom: 30px;
    }

    .col-divider-margin {
        margin-top: 20px;
    }

    .col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
        margin-top: 20px;
    }

    .margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
        margin-left: 0px;
    }

    .padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
        padding-top: 40px;
    }

    .padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
        padding-left: 40px;
    }

    .padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
        padding-right: 40px;
    }

    .text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
        padding: 40px;
    }

    .btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
        margin-left: 0px
    }

    .sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4, .sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
        padding-bottom: 30px;
    }

    .header-inner {
        height: 385px;
    }

        .header-inner.less-height {
            height: 385px;
        }

            .header-inner.less-height .text {
                padding: 16% 0 0;
            }

        .header-inner .text {
            padding: 16% 0 0;
        }

    .sec-padding {
        padding: 100px 0 100px 0;
    }
}



/* ---------- MAX 800PX ---------- */
@media only screen and (max-width: 800px) {
    .margin-bottom {
        margin-bottom: 30px;
    }

    .margin-bottom-4, .margin-bottom-5 {
        margin-bottom: 20px;
    }

    .margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
        margin-top: 20px;
    }

    .col-divider-margin {
        margin-top: 20px;
    }

    .col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
        margin-top: 20px;
    }

    .margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
        margin-left: 0px;
    }

    .padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
        padding-top: 40px;
    }

    .padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
        padding-left: 40px;
    }

    .padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
        padding-right: 40px;
    }

    .text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
        padding: 40px;
    }

    .btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
        margin-left: 0px
    }

    .sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4, .sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
        padding-bottom: 30px;
    }

    .sec-padding {
        padding: 60px 0 60px 0;
    }

    .sec-more-padding-1 {
        padding: 60px 0 60px 0;
    }

    .sec-bpadding-2, .sec-bpadding-3, .sec-bpadding-4 {
        padding-bottom: 60px;
    }

    .sec-tpadding-2, .sec-tpadding-3, .sec-tpadding-4 {
        padding-top: 60px;
    }

    .section-xmore-padding, .section-less-padding, .section-less-padding-2 {
        padding: 60px 0 60px 0;
    }

    .sec-moreless-padding {
        padding: 60px 0 60px 0;
    }

    .thumbs li {
        width: 10%;
    }

    .fo-copyright-holder .social-iconbox {
        left: 33%;
        top: -87px;
    }

    .fo-sec-3 {
        padding: 244px 0 0 0;
    }

    .header-inner {
        height: 310px;
    }

        .header-inner.less-height {
            height: 310px;
        }

    .section-side-image .text-inner-6 {
        padding: 40px;
    }

    .sec-padding-4 {
        padding: 0 0 0 0;
    }
}



/* ---------- MAX 768PX ---------- */
@media only screen and (max-width: 768px) {
    .margin-bottom {
        margin-bottom: 30px;
    }

    .margin-bottom-4, .margin-bottom-5 {
        margin-bottom: 20px;
    }

    .margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
        margin-top: 20px;
    }

    .col-divider-margin {
        margin-top: 20px;
    }

    .col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
        margin-top: 20px;
    }

    .margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
        margin-left: 0px;
    }

    .padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
        padding-top: 40px;
    }

    .padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
        padding-top: 40px;
    }

    .padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
        padding-left: 40px;
    }

    .padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
        padding-right: 40px;
    }

    .text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
        padding: 40px;
    }

    .btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
        margin-left: 0px
    }

    .sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4, .sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
        padding-bottom: 30px;
    }

    .sec-padding {
        padding: 60px 0 60px 0;
    }

    .sec-more-padding-1 {
        padding: 60px 0 60px 0;
    }

    .sec-bpadding-2, .sec-bpadding-3, .sec-bpadding-4 {
        padding-bottom: 60px;
    }

    .sec-tpadding-2, .sec-tpadding-3, .sec-tpadding-4 {
        padding-top: 60px;
    }

    .section-xmore-padding, .section-less-padding, .section-less-padding-2 {
        padding: 60px 0 60px 0;
    }

    .sec-moreless-padding {
        padding: 60px 0 60px 0;
    }

    .fo-copyright-holder .social-iconbox {
        left: 33%;
        top: -87px;
    }

    .header-inner {
        height: 325px;
    }

        .header-inner.less-height {
            height: 325px;
        }

    .five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 {
        width: 100%;
    }
}



/* ---------- MAX 767PX ---------- */
@media only screen and (max-width: 767px) {
    .margin-bottom {
        margin-bottom: 30px;
    }

    .margin-bottom-4, .margin-bottom-5 {
        margin-bottom: 20px;
    }

    .margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
        margin-top: 20px;
    }

    .col-divider-margin {
        margin-top: 20px;
    }

    .col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
        margin-top: 20px;
    }

    .margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
        margin-left: 0px;
    }

    .padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
        padding-top: 40px;
    }

    .padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
        padding-left: 40px;
    }

    .padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
        padding-right: 40px;
    }

    .text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
        padding: 40px;
    }

    .btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
        margin-left: 0px
    }

    .sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4, .sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 640px) {
    .margin-bottom {
        margin-bottom: 30px;
    }

    .margin-bottom-4, .margin-bottom-5 {
        margin-bottom: 20px;
    }

    .margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
        margin-top: 20px;
    }

    .col-divider-margin {
        margin-top: 20px;
    }

    .col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
        margin-top: 20px;
    }

    .margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
        margin-left: 0px;
    }

    .padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
        padding-top: 40px;
    }

    .padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
        padding-left: 40px;
    }

    .padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
        padding-right: 40px;
    }

    .lspace-sm, .lspace-1, .lspace-2, .lspace-3, .lspace-4, .lspace-5 {
        letter-spacing: 0px;
    }

    .text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
        padding: 40px;
    }

    .btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
        margin-left: 0px
    }

    .sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4, .sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
        padding-bottom: 30px;
    }

    .sec-padding {
        padding: 40px 0 40px 0;
    }

    .sec-more-padding-1 {
        padding: 40px 0 40px 0;
    }

    .sec-bpadding-2, .sec-bpadding-3, .sec-bpadding-4 {
        padding-bottom: 40px;
    }

    .sec-tpadding-2, .sec-tpadding-3, .sec-tpadding-4 {
        padding-top: 40px;
    }

    .section-xmore-padding, .section-less-padding, .section-less-padding-2 {
        padding: 40px 0 40px 0;
    }

    .sec-moreless-padding {
        padding: 40px 0 40px 0;
    }

    #style-customizer {
        display: none;
    }

    .text-box.sbox-padd-left {
        padding-left: 80px;
    }

    .fo-sec-1 .newsletter-box {
        top: 0;
    }

    .fo-sec-1 {
        top: 0px;
        padding: 315px 0 0 0;
    }

    .fo-copyright-holder .social-iconbox {
        left: 29%;
        top: -67px;
    }

    .section-side-image .text-inner-5 {
        padding: 40px 40px 40px 40px;
    }

    .header-inner {
        height: 270px;
    }

        .header-inner.less-height {
            height: 270px;
        }

    .sec-padding-4 {
        padding: 0 0 0 0;
    }
}

@media screen and (max-width: 480px) {
    .margin-bottom {
        margin-bottom: 30px;
    }

    .margin-bottom-4, .margin-bottom-5 {
        margin-bottom: 20px;
    }

    .margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
        margin-top: 20px;
    }

    .col-divider-margin {
        margin-top: 20px;
    }

    .col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
        margin-top: 20px;
    }

    .margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
        margin-left: 0px;
    }

    .padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
        padding-top: 30px;
    }

    .padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
        padding-left: 30px;
    }

    .padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
        padding-right: 30px;
    }

    .lspace-sm, .lspace-1, .lspace-2, .lspace-3, .lspace-4, .lspace-5 {
        letter-spacing: 0px;
    }

    .text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
        padding: 30px;
    }

    .btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
        margin-left: 0px
    }

    .topbar .border-r {
        border-right: none;
    }

    .topbar .padd-left {
        padding-left: 0px;
    }

    .sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4, .sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
        padding-bottom: 30px;
    }

    .sec-padding {
        padding: 40px 0 40px 0;
    }

    .sec-more-padding-1 {
        padding: 40px 0 40px 0;
    }

    .sec-bpadding-2, .sec-bpadding-3, .sec-bpadding-4 {
        padding-bottom: 40px;
    }

    .sec-tpadding-2, .sec-tpadding-3, .sec-tpadding-4 {
        padding-top: 40px;
    }

    .section-xmore-padding, .section-less-padding, .section-less-padding-2 {
        padding: 40px 0 40px 0;
    }

    .sec-moreless-padding {
        padding: 40px 0 40px 0;
    }

    #style-customizer {
        display: none;
    }

    .fo-copyright-holder .social-iconbox {
        left: 12%;
        top: -67px;
    }

    .fo-sec-3 {
        padding: 287px 0 0 0;
    }

    .section-side-image .text-inner-5 {
        padding: 40px 40px 40px 40px;
    }

    .header-inner .text .title {
        font-size: 20px;
    }

    .header-inner .text .sub-title {
        font-size: 14px;
    }

    .header-inner {
        height: 225px;
    }

        .header-inner.less-height {
            height: 225px;
        }

    .clients-list.grid-cols-6 li {
        width: 50%;
    }
    /* new */
    .topbar-left-items {
        width: 100%;
    }

    .topbar-right-items {
        width: 100%;
        text-align: left;
    }

    .btn {
        margin: 5px;
    }

    .ce-feature-box-27 .newsletter {
        width: 65%;
    }

    .ce-feature-box-27 .newsletter-btn {
        width: 32%;
    }
}



/* ---------- MAX 360PX ---------- */
@media screen and (max-width: 360px) {
    .container {
        width: 80%;
    }

    .margin-bottom {
        margin-bottom: 30px;
    }

    .margin-bottom-4, .margin-bottom-5 {
        margin-bottom: 20px;
    }

    .margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
        margin-top: 20px;
    }

    .col-divider-margin {
        margin-top: 20px;
    }

    .col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
        margin-top: 20px;
    }

    .margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
        margin-left: 0px;
    }

    .padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
        padding-top: 25px;
    }

    .padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
        padding-left: 25px;
    }

    .padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
        padding-right: 25px;
    }

    .lspace-sm, .lspace-1, .lspace-2, .lspace-3, .lspace-4, .lspace-5 {
        letter-spacing: 0px;
    }

    .iconbox-dxlarge.left, .iconbox-xlarge.left, .iconbox-large.left, .iconbox-xmedium.left, .iconbox-medium.left, .iconbox-smedium.left, .iconbox-small.left, .iconbox-tiny.left, .iconbox-xtiny.left {
        margin: 0px 0px 20px 0px;
    }

    .imgbox-dxlarge.left, .imgbox-dxlarge-2.left, .imgbox-xlarge.left, .imgbox-large.left, .imgbox-xmedium.left, .imgbox-medium.left, .imgbox-smedium.left, .imgbox-small.left, .imgbox-tiny.left, .imgbox-xtiny.left {
        float: left;
        margin: 0px 0 20px 0px;
    }

    .text-box-right {
        width: 100%;
        padding: 0 0 0 0;
    }

    .text-box-left {
        width: 100%;
        padding: 0 0 0 0;
    }

    .text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
        padding: 25px;
    }

    .text-box-left.more-padding-1, .text-box-left.more-padding-2, .text-box-left.less-padding-1, .text-box-left.less-padding-2 {
        padding: 0px 0px 0px 0px;
    }

    .text-box-right.more-padding-1, .text-box-right.more-padding-2, .text-box-right.more-padding-3, .text-box-right.more-padding-4, .text-box-right.less-padding-1, .text-box-right.less-padding-2, .text-box-right.less-padding-3 {
        padding: 0px 0px 0px 0px;
    }

    .btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
        margin-left: 0px
    }

    .btn.btn-large {
        padding: 15px 30px;
    }

    .section-side-image .text-inner-2 {
        padding: 40px;
    }

    .section-side-image .text-inner {
        padding: 40px 40px 40px 0;
    }

        .section-side-image .text-inner.two {
            padding: 0px 40px 0px 0;
        }

    .section-side-image-2 .background-imgholder-2.top-padd {
        padding-top: 40px;
    }

    .section-side-image-2 .text-inner.two {
        padding: 0px 40px 0px 0;
    }

    .section-side-image .text-inner-5 {
        padding: 40px 40px 40px 40px;
    }

    .sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4, .sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
        padding-bottom: 30px;
    }

    .sec-padding {
        padding: 40px 0 40px 0;
    }

    .sec-more-padding-1 {
        padding: 40px 0 40px 0;
    }

    .sec-bpadding-2, .sec-bpadding-3, .sec-bpadding-4 {
        padding-bottom: 40px;
    }

    .sec-tpadding-2, .sec-tpadding-3, .sec-tpadding-4 {
        padding-top: 40px;
    }

    .section-xmore-padding, .section-less-padding, .section-less-padding-2 {
        padding: 40px 0 40px 0;
    }

    .sec-moreless-padding {
        padding: 40px 0 40px 0;
    }

    .fo-copyright-holder .social-iconbox {
        left: 5%;
    }

    .fo-sec-1 .newsletter-box {
        padding: 35px;
    }

    .fo-sec-2 .social-iconbox {
        left: 14%;
        top: -67px;
    }

    .section-side-image .text-inner-3 {
        padding: 30px 30px 0px 30px;
    }

    .fo-sec-3 {
        padding: 328px 0 0 0;
    }

    .text-box-right {
        width: 100%;
        padding: 0 0 0 0;
        float: left;
    }

        .text-box-right.less-padding-4 {
            padding: 0px 0px 0px 0px;
        }

    .header-inner {
        height: 195px;
    }

        .header-inner.less-height {
            height: 195px;
        }

    .sec-title-container {
        padding-bottom: 40px;
    }

    .sec-padding-4 {
        padding: 0 0 0 0;
    }
    /*new*/

    .text-box.sbox-padd-left {
        padding-left: 50px;
    }

    .clients-list li {
        padding: 0 0;
    }

    .sec-padding-2 {
        padding: 50px 0 50px 0;
    }
}


/* ---------- MAX 320PX ---------- */
@media only screen and (max-width: 320px) {
    .margin-bottom {
        margin-bottom: 30px;
    }

    .margin-bottom-4, .margin-bottom-5 {
        margin-bottom: 20px;
    }

    .margin-top-3, .margin-top-4, .margin-top-5, .margin-top-6, .margin-top-7 {
        margin-top: 20px;
    }

    .col-divider-margin {
        margin-top: 20px;
    }

    .col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
        margin-top: 20px;
    }

    .margin-left-1, .margin-left-2, .margin-left-3, .margin-left-4, .margin-left-5, .margin-left-6, .margin-left-7 {
        margin-left: 0px;
    }

    .padding-top-1, .padding-top-2, .padding-top-3, .padding-top-4, .padding-top-5, .padding-top-6 {
        padding-top: 20px;
    }

    .padding-left-1, .padding-left-2, .padding-left-3, .padding-left-4, .padding-left-5, .padding-left-6, .padding-left-7, .padding-left-8 {
        padding-left: 20px;
    }

    .padding-right-1, .padding-right-2, .padding-right-3, .padding-right-4, .padding-right-5, .padding-right-6, .padding-right-7, .padding-right-8 {
        padding-right: 20px;
    }

    .lspace-sm, .lspace-1, .lspace-2, .lspace-3, .lspace-4, .lspace-5 {
        letter-spacing: 0px;
    }

    .iconbox-dxlarge.left, .iconbox-xlarge.left, .iconbox-large.left, .iconbox-xmedium.left, .iconbox-medium.left, .iconbox-smedium.left, .iconbox-small.left, .iconbox-tiny.left, .iconbox-xtiny.left {
        margin: 0px 0px 20px 0px;
    }

    .imgbox-dxlarge.left, .imgbox-dxlarge-2.left, .imgbox-xlarge.left, .imgbox-large.left, .imgbox-xmedium.left, .imgbox-medium.left, .imgbox-smedium.left, .imgbox-small.left, .imgbox-tiny.left, .imgbox-xtiny.left {
        float: left;
        margin: 0px 0 20px 0px;
    }

    .text-box-right {
        width: 100%;
        padding: 0 0 0 0;
    }

    .text-box-left {
        width: 100%;
        padding: 0 0 0 0;
    }

    .text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
        padding: 20px;
    }

    .text-box-right.more-padding-1, .text-box-right.more-padding-2, .text-box-right.more-padding-3, .text-box-right.more-padding-4, .text-box-right.less-padding-1, .text-box-right.less-padding-2, .text-box-right.less-padding-3 {
        padding: 0px 0px 0px 0px;
    }

    .btn.btn-mar-left-1, .btn.btn-mar-left-2, .btn.btn-mar-left-3, .btn.btn-mar-left-4, .btn.btn-mar-left-5 {
        margin-left: 0px
    }

    .btn.btn-large {
        padding: 15px 30px;
    }

    .section-side-image .text-inner {
        padding: 40px 40px 40px 0;
    }

        .section-side-image .text-inner.two {
            padding: 0px 40px 0px 0;
        }

    .section-side-image-2 .background-imgholder-2.top-padd {
        padding-top: 40px;
    }

    .section-side-image-2 .text-inner.two {
        padding: 0px 40px 0px 0;
    }

    .sec-title-container.less-padding-1, .sec-title-container.less-padding-2, .sec-title-container.less-padding-3, .sec-title-container.less-padding-4, .sec-title-container.less-padding-5, .sec-title-container.less-padding-6 {
        padding-bottom: 30px;
    }

    .sec-padding {
        padding: 30px 0 30px 0;
    }

    .sec-more-padding-1 {
        padding: 30px 0 30px 0;
    }

    .sec-bpadding-2, .sec-bpadding-3, .sec-bpadding-4 {
        padding-bottom: 30px;
    }

    .sec-tpadding-2, .sec-tpadding-3, .sec-tpadding-4 {
        padding-top: 30px;
    }

    .section-xmore-padding, .section-less-padding, .section-less-padding-2 {
        padding: 30px 0 30px 0;
    }

    .sec-moreless-padding {
        padding: 30px 0 30px 0;
    }

    .fo-copyright-holder .social-iconbox {
        left: 16%;
        top: -59px;
    }

    .fo-copyright-holder .social-iconbox {
        width: 71%;
    }

        .fo-copyright-holder .social-iconbox .side-shape1.right-icon {
            left: 213px;
        }

    .fo-sec-2 .social-iconbox {
        left: 9%;
        top: -57px;
    }

    .fo-sec-3 {
        padding: 409px 0 0 0;
    }

    .fo-copyright-holder .social-iconbox .side-shape1 {
        left: -13px;
        top: 1px;
    }

        .fo-copyright-holder .social-iconbox .side-shape1.right-icon {
            left: 205px;
            top: 1px;
        }

    .header-inner {
        height: 170px;
    }

        .header-inner.less-height {
            height: 170px;
        }

    .sec-title-container {
        padding-bottom: 35px;
    }
}

.fo-copyright-holder a:hover {
    color: #fff;
}

/*
======================================
[ CSS TABLE CONTENT ]
======================================

    [Table of contents]

	1.feature boxes
	2.parallax sections
	3.footer styles

	
======================================
[ END CSS TABLE CONTENT ]
======================================
*/

/*============ Feature boxes ============ */


/* title line
 ------------------------------ */
.ce-sub-text {
    width: 50%;
    line-height: 28px;
    margin: 15px auto 0 auto;
}

    .ce-sub-text.less-width {
        width: 50%;
        margin: 15px auto 0 auto;
    }

    .ce-sub-text.align-left {
        width: 80%;
        margin: 15px auto 0 0;
    }

.ce-title-line {
    width: 12%;
    height: 2px;
    background-color: #DB1115;
    margin: 15px auto 0 auto;
}

    .ce-title-line.white {
        background-color: #fff !important;
    }

    .ce-title-line.align-left {
        width: 12%;
        height: 2px;
        background-color: #DB1115;
        margin: 15px 88% 0 auto;
    }



/* featurebox 1
 ------------------------------ */

.ce-feature-box-1 {
    width: 100%;
    float: left;
    padding: 55px;
    border-radius: 5px;
    background-color: #fff;
}

    .ce-feature-box-1 .img-circle .img {
        background-color: #e4e4e4;
    }


/* feature box 2
 ------------------------------ */

.ce-feature-box-2 {
    width: 100%;
    float: left;
    padding: 30px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

    .ce-feature-box-2 .icon {
        color: #a9cd2e;
    }


/* feature box 3
 ------------------------------ */

.ce-feature-box-3 {
    width: 100%;
    float: left;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease-out 0s;
}

    .ce-feature-box-3 .img-box img {
        transition: all 0.3s ease-out 0s;
    }

    .ce-feature-box-3 .img-box {
        position: relative;
        width: 100%;
        float: left;
        border-radius: 5px;
        overflow: hidden;
    }

    .ce-feature-box-3:hover .img-box img {
        -moz-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    .ce-feature-box-3 .postinfo-box {
        width: 100%;
        float: left;
        padding: 30px 0 0 0;
        margin: 0px 0 0 0;
        background-color: #fff;
        transition: all 0.3s ease-out 0s;
    }

    .ce-feature-box-3 .blog-post-info span {
        font-size: 14px;
        color: #000;
        opacity: 0.4;
        transition: all 0.3s ease-out 0s;
    }

    .ce-feature-box-3 .blog-post-info .small-text {
        color: #000;
        opacity: 0.5;
    }

    .ce-feature-box-3 .postinfo-box .title a:hover {
        color: #252525;
    }

    .ce-feature-box-3 .postinfo-box .primbox {
        float: left;
        padding: 10px;
        margin: 0;
        color: #fff;
        background-color: #a9cd2e;
    }

/* feature box 4
 ------------------------------ */
.ce-feature-box-4 {
    width: 100%;
    padding: 0;
    float: left;
}

    .ce-feature-box-4 .img {
        position: relative;
        color: #666;
        top: 20px;
        transition: all 0.3s ease-out 0s;
    }

    .ce-feature-box-4 .title {
        position: relative;
        color: #fff;
        top: 20px;
        transition: all 0.3s ease-out 0s;
    }

    .ce-feature-box-4 .small-text {
        position: relative;
        color: #ccc;
        top: 20px;
        opacity: 0.9;
        transition: all 0.3s ease-out 0s;
    }

    .ce-feature-box-4 .btn {
        position: relative;
        opacity: 0;
        top: 100px;
        background-color: #454545;
        color: #fff;
        transition: all 0.3s ease-out 0s;
    }


    .ce-feature-box-4:hover .img {
        top: -5px;
        color: #f51e46;
    }

    .ce-feature-box-4:hover .title {
        top: 5px;
        color: #fff;
    }

    .ce-feature-box-4:hover .small-text {
        top: 0;
    }

    .ce-feature-box-4:hover .btn {
        top: 0px;
        opacity: 1;
    }

    .ce-feature-box-4:hover .btn {
        background-color: #a9cd2e;
    }





/* feature box 5
 ------------------------------ */
.ce-feature-box-5 {
    width: 100%;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}

    .ce-feature-box-5 .text-box.shadow {
        -webkit-box-shadow: 0 1px 21px rgba(0,0,0,.10);
        -moz-box-shadow: 0 1px 21px rgba(0,0,0,.10);
        box-shadow: 0 1px 21px rgba(0,0,0,.10);
    }

    .ce-feature-box-5 .text-box {
        width: 100%;
        padding: 50px;
        border: 1px solid #e4e4e4;
        border-radius: 5px;
        background-color: #;
    }

        .ce-feature-box-5 .text-box.no-border {
            border: none;
        }

    .ce-feature-box-5 .img-box {
        position: relative;
        width: 100%;
        padding: 0;
        border-radius: 5px;
        overflow: hidden;
    }

    .ce-feature-box-5 .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 0;
        transition: all 0.3s ease-out 0s;
        background-color: rgba(0, 0, 0, 0.4);
    }

    .ce-feature-box-5:hover .overlay, .ce-feature-box-5.active .overlay {
        background-color: rgba(169, 205, 46, 0.8);
    }


/* feature box 6
 ------------------------------ */
.ce-feature-box-6 {
    width: 100%;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}

    .ce-feature-box-6 .text-box {
        width: 100%;
        padding: 20px 0 0 0;
    }

    .ce-feature-box-6 .img-box {
        position: relative;
        width: 100%;
        padding: 0;
        overflow: hidden;
        border-radius: 5px;
    }

    .ce-feature-box-6 .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 0;
        transition: all 0.3s ease-out 0s;
        background-color: rgba(0, 0, 0, 0.4);
    }

    .ce-feature-box-6 .text-box .title {
        color: #fff;
    }

    .ce-feature-box-6:hover .overlay, .ce-feature-box-6.active .overlay {
        background-color: rgba(169, 205, 46, 0.8);
    }


/* feature box 7
 ------------------------------ */
.ce-feature-box-7 {
    width: 100%;
    float: left;
}

    .ce-feature-box-7 .icon {
        color: #a9cd2e;
    }

    .ce-feature-box-7:hover .icon, .ce-feature-box-7.active .icon {
        color: #fff;
        background-color: #a9cd2e;
        border: 1px solid #a9cd2e;
    }


/* feature box 8
 ------------------------------ */
.ce-feature-box-8 {
    position: relative;
    width: 100%;
    float: left;
    padding: 15px;
    min-height: 415px;
    margin-bottom: 190px;
    left: 0px;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

    .ce-feature-box-8 .img-box {
        position: absolute;
        width: 92%;
        float: left;
    }

        .ce-feature-box-8 .img-box .text-box {
            position: absolute;
            width: 90%;
            float: left;
            left: 16px;
            bottom: -218px;
            padding: 45px;
            background-color: #fff;
        }

            .ce-feature-box-8 .img-box .text-box .title-line {
                width: 20%;
                height: 2px;
                float: left;
                margin-right: auto;
                background-color: #a9cd2e;
            }

    .ce-feature-box-8:hover .img-box .text-box .btn-border.light,
    .ce-feature-box-8.active .img-box .text-box .btn-border.light {
        color: #ecae3d;
        border: 2px solid #ecae3d;
        background-color: #fff;
    }

    .ce-feature-box-8:hover .img-box .text-box .title,
    .ce-feature-box-8.active .img-box .text-box .title {
        color: #ecae3d;
    }



/* ---------- feature box 9 ---------- */

.ce-feature-box-9 {
    position: relative;
    width: 100%;
    float: left;
    padding: 0px;
    transition: all 0.3s ease-out 0s;
}

    .ce-feature-box-9 .img-box {
        position: relative;
        width: 100%;
        float: left;
        padding: 0px;
        transition: all 0.3s ease-out 0s;
    }

        .ce-feature-box-9 .img-box .overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 1;
            background-color: rgba(0, 0, 0, 0.4);
        }

    .ce-feature-box-9 .text-box {
        position: absolute;
        width: 45%;
        float: left;
        top: 20%;
        left: 28%;
        padding: 60px;
        background-color: #fff;
        z-index: 3;
    }

        .ce-feature-box-9 .text-box .post-date-box {
            color: #101010;
            bottom: 0px;
            left: 512px;
            font-size: 22px;
            padding: 35px 0 0 0;
            width: 120px;
            height: 120px;
            background-color: #fff;
        }

            .ce-feature-box-9 .text-box .post-date-box span {
                color: #101010;
                font-size: 16px;
            }

    .ce-feature-box-9:hover h3, .ce-feature-box-9.active h3 {
        color: #ecae3d;
    }

    .ce-feature-box-9 .text-box.top-space {
        top: 60px;
    }



/* ---------- feature box 10 ---------- */

.ce-feature-box-10 {
    position: relative;
    width: 100%;
    float: left;
    padding: 0px;
    transition: all 0.3s ease-out 0s;
}

    .ce-feature-box-10 .img-box {
        position: relative;
        width: 100%;
        float: left;
        padding: 0px;
        transition: all 0.3s ease-out 0s;
    }

        .ce-feature-box-10 .img-box .overlay {
            position: absolute;
            width: 100%;
            z-index: 1;
            background-color: rgba(0, 0, 0, 0.4);
        }

    .ce-feature-box-10 .text-box {
        width: 100%;
        float: left;
        padding: 100px;
        min-height: 600px;
        background-color: #fff;
    }

        .ce-feature-box-10 .text-box .post-date-box {
            color: #101010;
            bottom: 0px;
            left: 512px;
            font-size: 22px;
            padding: 35px 0 0 0;
            width: 120px;
            height: 120px;
            background-color: #fff;
        }

            .ce-feature-box-10 .text-box .post-date-box span {
                color: #101010;
                font-size: 16px;
            }

    .ce-feature-box-10:hover h3, .ce-feature-box-10.active h3 {
        color: #ecae3d;
    }

    .ce-feature-box-10 .text-box.top-space {
        top: 60px;
    }


/* feature box 11
 ------------------------------ */
.ce-feature-box-11 {
    width: 100%;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}

    .ce-feature-box-11 .text-box {
        width: 100%;
        padding: 50px;
        background-color: #fff;
        border-radius: 5px;
        overflow: hidden;
    }

    .ce-feature-box-11 .img-box {
        position: relative;
        width: 100%;
        padding: 0;
        border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
    }

    .ce-feature-box-11 .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 0;
        transition: all 0.3s ease-out 0s;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .ce-feature-box-11:hover .overlay, .ce-feature-box-11.active .overlay {
        background-color: rgba(169, 205, 46, 0.8);
    }


/* feature box 12
 ------------------------------ */

.ce-feature-box-12 {
    width: 100%;
    float: left;
    padding: 60px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 21px rgba(0,0,0,.10);
    -moz-box-shadow: 0 1px 21px rgba(0,0,0,.10);
    box-shadow: 0 1px 21px rgba(0,0,0,.10);
}

    .ce-feature-box-12 .icon {
        color: #a9cd2e;
    }


/* feature box 13
 ------------------------------ */

.ce-feature-box-13 {
    width: 100%;
    float: left;
}

    .ce-feature-box-13 .text-box {
        position: relative;
        width: 100%;
        padding: 60px;
        float: left;
        color: #a9cd2e;
        border-radius: 5px;
        background-color: #fff;
        -webkit-box-shadow: 0 1px 21px rgba(0,0,0,.10);
        -moz-box-shadow: 0 1px 21px rgba(0,0,0,.10);
        box-shadow: 0 1px 21px rgba(0,0,0,.10);
        transition: all 0.3s ease-out 0s;
    }

        .ce-feature-box-13 .text-box .act-ribbon {
            position: absolute;
            width: 100px;
            height: 80px;
            top: 0px;
            right: 0px;
            float: left;
        }

        .ce-feature-box-13 .text-box .price {
            font-weight: 400;
            font-size: 42px;
            color: #a9cd2e;
        }

        .ce-feature-box-13 .text-box .features-list {
            margin: 0 auto 0 auto;
            padding: 0;
            width: 100%;
        }

            .ce-feature-box-13 .text-box .features-list li {
                color: #727272;
                float: left;
                margin: 0;
                font-size: 15px;
                padding: 6px 0;
                width: 100%;
            }

                .ce-feature-box-13 .text-box .features-list li i {
                    color: #a9cd2e;
                    font-size: 16px;
                    padding-right: 7px;
                }

                    .ce-feature-box-13 .text-box .features-list li i.icon-red {
                        color: #ff2f16;
                    }

    .ce-feature-box-13.active .text-box {
        -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    }



/* feature box 14
 ------------------------------ */

.ce-feature-box-14 {
    width: 100%;
    float: left;
}

    .ce-feature-box-14 .icon {
        color: #a9cd2e;
    }


/* feature box 15
 ------------------------------ */

.ce-feature-box-15 {
    width: 100%;
    float: left;
}

    .ce-feature-box-15 .main-box {
        position: relative;
        width: 100%;
        padding: 0px;
        float: left;
        overflow: hidden;
    }

        .ce-feature-box-15 .main-box.shadow {
            transition: all 0.3s ease-out 0s;
            box-shadow: 0 20px 20px rgba(0,0,0,0.14);
            -webkit-box-shadow: 0 20px 20px rgba(0,0,0,0.14);
        }

        .ce-feature-box-15 .main-box .img-box {
            position: relative;
            width: 100%;
            padding: 0px;
            float: left;
            background-color: #f2f2f2;
        }

            .ce-feature-box-15 .main-box .img-box.white {
                background-color: #fff;
            }

            .ce-feature-box-15 .main-box .img-box .overlay {
                position: absolute;
                width: 100%;
                height: 100%;
                opacity: 0;
                padding: 30px;
                float: left;
                transition: all 0.3s ease-out 0s;
                background-color: rgba(169, 205, 46, 0.9);
            }

        .ce-feature-box-15 .main-box img {
            transition: all 0.3s ease-out 0s;
        }

        .ce-feature-box-15 .main-box .img-box {
            position: relative;
            width: 100%;
            float: left;
            border-radius: 5px;
            overflow: hidden;
        }

    .ce-feature-box-15:hover .img-box img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .ce-feature-box-15 .main-box .text-box {
        width: 100%;
        padding: 30px 0 30px 0;
        float: left;
        background-color: #fff;
    }

    .ce-feature-box-15 .main-box.shadow .text-box {
        padding: 40px 0 40px 0;
    }

    .ce-feature-box-15 .main-box .text-box .title {
        color: #101010;
    }

    .ce-feature-box-15 .main-box .text-box .subtext {
        color: #fff;
        padding: 3px 10px;
        display: inline-block;
        margin-top: 15px;
        border-radius: 3px;
        background-color: #a9cd2e;
    }

    .ce-feature-box-15 .main-box .img-box .overlay .small-text {
        position: absolute;
        color: #fff;
        top: 400px;
        left: 10px;
        transition: all 0.3s ease-out 0s;
    }

    .ce-feature-box-15 .main-box .img-box .overlay .sc-icons {
        position: absolute;
        width: 100%;
        top: 300px;
        display: inline-block;
        transition: all 0.3s ease-out 0s;
    }

        .ce-feature-box-15 .main-box .img-box .overlay .sc-icons li {
            padding: 0px;
            margin: 0px;
            display: inline-block;
        }

            .ce-feature-box-15 .main-box .img-box .overlay .sc-icons li a {
                float: left;
                font-size: 15px;
                color: #fff;
                line-height: 0px;
                margin: 0px;
                padding: 7px;
                display: inline-block;
                border-radius: 100%;
            }


    .ce-feature-box-15:hover .main-box .img-box .overlay {
        opacity: 1;
    }

        .ce-feature-box-15:hover .main-box .img-box .overlay .small-text {
            top: 80px;
        }

        .ce-feature-box-15:hover .main-box .img-box .overlay .sc-icons {
            top: 180px;
        }

    .ce-feature-box-15:hover .main-box.shadow {
        -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
        box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
        transform: translateY(-8px);
    }

/* feature box 16
 ------------------------------ */
.ce-feature-box-16 {
    width: 100%;
    float: left;
    padding: 0 0 70px 0;
}

    .ce-feature-box-16 .title {
        color: #fff;
    }

    .ce-feature-box-16 .icon {
        color: #fff;
    }

    .ce-feature-box-16 .small-text {
        color: #fff;
    }

    .ce-feature-box-16.no-padding {
        padding: 0 0 0 0;
    }



/* feature box 17
 ------------------------------ */
.ce-feature-box-17 {
    width: 100%;
    float: left;
    padding: 0 0 70px 0;
}

    .ce-feature-box-17 .title {
        color: #fff;
    }

    .ce-feature-box-17 .icon {
        color: #fff;
        opacity: 0.7;
    }

    .ce-feature-box-17 .small-text {
        color: #fff;
        opacity: 0.5;
    }

    .ce-feature-box-17.no-padding {
        padding: 0 0 0 0;
    }


/* ---------- feature box 18 ---------- */

.ce-feature-box-18 {
    position: relative;
    width: 100%;
    float: left;
    padding: 0px;
    transition: all 0.3s ease-out 0s;
}

    .ce-feature-box-18 .text-box {
        width: 100%;
        float: left;
        padding: 100px;
        min-height: 600px;
        background-color: #fff;
    }

        .ce-feature-box-18 .text-box.min-hei-0 {
            min-height: 562px;
        }


/* featurebox 19
 ------------------------------ */

.ce-feature-box-19 {
    width: 100%;
    float: left;
    padding: 55px;
    border-radius: 5px;
    border-bottom: 3px solid #a9cd2e;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

    .ce-feature-box-19 .img-circle .img {
        background-color: #e4e4e4;
    }


    .ce-feature-box-19:hover {
        -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
        box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
        transform: translateY(-8px);
    }



/* feature box 20
 ------------------------------ */
.ce-feature-box-20 {
    width: 100%;
    padding: 60px;
    text-align: center;
    border: 1px solid #fff;
    background-color: #fff;
    box-shadow: 0 0px 70px rgba(0,0,0,0.09);
    transition: all 0.3s ease-out 0s;
}

    .ce-feature-box-20 .icon {
        color: #101010;
    }

    .ce-feature-box-20 p {
        color: #000;
        opacity: 0.7;
    }

    .ce-feature-box-20:hover {
        -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
        box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
        transform: translateY(-8px);
    }


/* feature box 21
 ------------------------------ */
.ce-feature-box-21 {
    width: 100%;
    padding: 0;
    float: left;
}

    .ce-feature-box-21 .icon {
        color: #fff;
        border-radius: 5px;
        background-color: #a9cd2e;
    }


/* feature box 22
 ------------------------------ */
.ce-feature-box-22 {
    position: relative;
    width: 100%;
    padding: 100px;
    float: left;
    overflow: hidden;
    background-color: #666c73;
    transition: all 0.3s ease-out 0s;
}

    .ce-feature-box-22 .overlay {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 100px;
        float: left;
        overflow: hidden;
        background-color: rgba(0, 0, 0, 0.5);
        transition: all 0.3s ease-out 0s;
    }

    .ce-feature-box-22 .title {
        position: relative;
        color: #fff;
        top: 20px;
        transition: all 0.3s ease-out 0s;
    }

    .ce-feature-box-22 .content {
        position: relative;
        color: #fff;
        top: 15px;
        transition: all 0.3s ease-out 0s;
    }

    .ce-feature-box-22 a.read-more {
        position: relative;
        top: 135px;
        transition: all 0.3s ease-out 0s;
    }

        .ce-feature-box-22 a.read-more:hover {
            color: #fff;
        }


    .ce-feature-box-22:hover .title {
        top: 0;
    }

    .ce-feature-box-22:hover .content {
        top: 0px;
    }

    .ce-feature-box-22:hover a.read-more {
        top: 0px;
    }



    .ce-feature-box-22.bg2 {
        background-color: #4d535a;
    }

    .ce-feature-box-22.bg3 {
        background-color: #394047;
    }

    .ce-feature-box-22.bg4 {
        background-color: #2c3137;
    }

    .ce-feature-box-22.bg5 {
        background-color: #464545;
    }

    .ce-feature-box-22.bg6 {
        background-color: #383737;
    }

    .ce-feature-box-22.bg7 {
        background-color: #292929;
    }


/* feature box 23
 ------------------------------ */
.ce-feature-box-23 {
    width: 100%;
    float: left;
}

    .ce-feature-box-23 .title {
        color: #fff;
    }

    .ce-feature-box-23 .icon {
        color: #a9cd2e;
    }

    .ce-feature-box-23 .content {
        color: #fff;
        opacity: 0.6;
    }


/* feature box 24
 ------------------------------ */
.ce-feature-box-24 {
    width: 100%;
    float: left;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease-out 0s;
}

    .ce-feature-box-24 .imgbox {
        position: relative;
        width: 100%;
        float: left;
        overflow: hidden;
        border-radius: 10px;
    }

        .ce-feature-box-24 .imgbox img {
            overflow: hidden;
        }

        .ce-feature-box-24 .imgbox .overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            float: left;
            border-radius: 10px;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,262626+98&0+0,1+99 */
            background: -moz-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(38,38,38,0.99) 98%, rgba(38,38,38,1) 99%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, rgba(76,76,76,0) 0%,rgba(38,38,38,0.99) 98%,rgba(38,38,38,1) 99%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, rgba(76,76,76,0) 0%,rgba(38,38,38,0.99) 98%,rgba(38,38,38,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#262626',GradientType=0 ); /* IE6-9 */
        }

            .ce-feature-box-24 .imgbox .overlay .text-box {
                width: 100%;
                float: left;
                padding: 260px 0 0 0;
            }

                .ce-feature-box-24 .imgbox .overlay .text-box .title {
                    line-height: 30px;
                    position: relative;
                    top: 0px;
                    transition: all 0.3s ease-out 0s;
                }

    .ce-feature-box-24:hover .imgbox .overlay .text-box .title {
        top: -50px;
    }

    .ce-feature-box-24:hover {
        -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
        box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
        transform: translateY(-8px);
    }

/* feature box 25
 ------------------------------ */
.ce-feature-box-25 {
    width: 100%;
    float: left;
    padding: 20px;
    background-color: #fff;
}

    /* footer newsletter
 ------------------------------ */
    .ce-feature-box-25 .newsletter {
        width: 76%;
        height: 65px;
        float: left;
        padding: 10px;
        font-size: 18px;
        color: #101010;
        margin-right: 20px;
        text-align: left;
        background: #fff;
        border: 1px solid #fff;
    }

    .ce-feature-box-25 .newsletter-btn {
        width: 21%;
        height: 63px;
        float: left;
        padding: 0px;
        color: #ebebeb;
        text-transform: uppercase;
        border: 1px solid #101010;
        background-color: #101010;
    }

        .ce-feature-box-25 .newsletter-btn.prim {
            color: #fff;
            border: 1px solid #a9cd2e;
            background-color: #a9cd2e;
        }

/* feature box 26
 ------------------------------ */
.ce-feature-box-26 {
    width: 100%;
    float: left;
    padding-top: 20px;
    min-height: 330px;
}

/* feature box 27
 ------------------------------ */
.ce-feature-box-27 {
    width: 100%;
    float: left;
    min-height: 350px;
}

    .ce-feature-box-27 .newsletter {
        width: 76%;
        height: 65px;
        float: left;
        padding: 15px;
        font-size: 16px;
        color: #101010;
        margin-right: 10px;
        text-align: left;
        background: #fff;
        border-radius: 5px;
        border: 1px solid #fff;
    }

    .ce-feature-box-27 .newsletter-btn {
        width: 21%;
        height: 63px;
        float: left;
        padding: 0px;
        color: #fff;
        border-radius: 5px;
        text-transform: uppercase;
        border: 1px solid #a9cd2e;
        background-color: #a9cd2e;
    }

/* feature box 28
 ------------------------------ */
.ce-feature-box-28 {
    position: relative;
    width: 100%;
    float: left;
    z-index: 2;
    padding: 0px;
    margin: 0;
    top: -150px;
}

    .ce-feature-box-28 .text-box {
        width: 100%;
        float: left;
        padding: 100px;
        background-color: #fff;
    }


/* feature box 29
 ------------------------------ */

.ce-feature-box-29 {
    width: 100%;
    float: left;
}

    .ce-feature-box-29 .main-box {
        position: relative;
        width: 100%;
        padding: 0px;
        float: left;
        overflow: hidden;
    }

        .ce-feature-box-29 .main-box.shadow {
            transition: all 0.3s ease-out 0s;
            box-shadow: 0 20px 20px rgba(0,0,0,0.14);
            -webkit-box-shadow: 0 20px 20px rgba(0,0,0,0.14);
        }

        .ce-feature-box-29 .main-box .img-box {
            position: relative;
            width: 100%;
            padding: 0px;
            float: left;
            background-color: #fff;
        }

            .ce-feature-box-29 .main-box .img-box.white {
                background-color: #fff;
            }

            .ce-feature-box-29 .main-box .img-box .overlay {
                position: absolute;
                width: 100%;
                height: 100%;
                opacity: 0;
                padding: 30px;
                float: left;
                transition: all 0.3s ease-out 0s;
                background-color: rgba(169, 205, 46, 0.9);
            }

        .ce-feature-box-29 .main-box img {
            transition: all 0.3s ease-out 0s;
        }

        .ce-feature-box-29 .main-box .img-box {
            position: relative;
            width: 100%;
            float: left;
            border-radius: 5px;
            overflow: hidden;
        }

    .ce-feature-box-29:hover .img-box img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .ce-feature-box-29 .main-box .text-box {
        width: 100%;
        padding: 40px 0 40px 0;
        float: left;
        background-color: #fff;
    }

    .ce-feature-box-29 .main-box.shadow .text-box {
        padding: 40px 0 40px 0;
    }

    .ce-feature-box-29 .main-box .text-box .title {
        color: #101010;
    }

    .ce-feature-box-29 .main-box .text-box .subtext {
        color: #fff;
        padding: 3px 10px;
        display: inline-block;
        margin-top: 15px;
        border-radius: 3px;
        background-color: #a9cd2e;
    }

    .ce-feature-box-29 .main-box .img-box .overlay .small-text {
        position: absolute;
        color: #fff;
        top: 400px;
        left: 10px;
        transition: all 0.3s ease-out 0s;
    }

    .ce-feature-box-29 .main-box .img-box .overlay .sc-icons {
        position: absolute;
        width: 100%;
        top: 300px;
        display: inline-block;
        transition: all 0.3s ease-out 0s;
    }

        .ce-feature-box-29 .main-box .img-box .overlay .sc-icons li {
            padding: 0px;
            margin: 0px;
            display: inline-block;
        }

            .ce-feature-box-29 .main-box .img-box .overlay .sc-icons li a {
                float: left;
                font-size: 15px;
                color: #fff;
                line-height: 0px;
                margin: 0px;
                padding: 7px;
                display: inline-block;
                border-radius: 100%;
            }


    .ce-feature-box-29:hover .main-box .img-box .overlay {
        opacity: 1;
    }

        .ce-feature-box-29:hover .main-box .img-box .overlay .small-text {
            top: 80px;
        }

        .ce-feature-box-29:hover .main-box .img-box .overlay .sc-icons {
            top: 180px;
        }

    .ce-feature-box-29:hover .main-box.shadow {
        -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
        box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
        transform: translateY(-8px);
    }


/* feature box 30
 ------------------------------ */

.ce-feature-box-30 {
    width: 100%;
    float: left;
}

.qimg-1 {
    width: 120px;
    height: 80px;
    margin: 0 auto 20px auto;
}


/* feature box 31
 ------------------------------ */

.ce-feature-box-31 {
    position: relative;
    width: 100%;
    float: left;
    padding: 70px;
    top: -115px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.1);
    box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.1);
    transition: all 0.3s ease-out 0s;
}

    .ce-feature-box-31.no-shadow {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .ce-feature-box-31 .icon {
        color: #a9cd2e;
    }


    .ce-feature-box-31:hover {
        transform: translateY(-8px);
    }


    /*primary*/

    .ce-feature-box-31.primary {
        background-color: #a9cd2e;
        -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.1);
        box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.1);
        transition: all 0.3s ease-out 0s;
    }

        .ce-feature-box-31.primary .icon {
            color: #fff;
        }

        .ce-feature-box-31.primary .title {
            color: #fff;
        }

        .ce-feature-box-31.primary .content {
            color: #fff;
        }

    /*dark*/

    .ce-feature-box-31.dark {
        background-color: #25292e;
        -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.1);
        box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.1);
        transition: all 0.3s ease-out 0s;
    }

        .ce-feature-box-31.dark .icon {
            color: #fff;
        }

        .ce-feature-box-31.dark .title {
            color: #fff;
        }

        .ce-feature-box-31.dark .content {
            color: #fff;
            opacity: 0.7;
        }

/* feature box 32
 ------------------------------ */

.ce-feature-box-32 {
    width: 100%;
    float: left;
    padding: 100px;
    background-color: #fff;
}
/* feature box 33
 ------------------------------ */
.ce-feature-box-33 {
    width: 100%;
    float: left;
    padding: 60px;
    border-radius: 5px;
    background-color: #fff;
}

    .ce-feature-box-33 .title {
        font-size: 20px;
    }

    .ce-feature-box-33 .icon {
        color: #a9cd2e;
        font-weight: 500;
        background-color: #fff;
        border: 1px solid #e4e4e4;
    }



/* feature box 34
 ------------------------------ */

.ce-feature-box-34 {
    position: relative;
    width: 100%;
    float: left;
    padding: 30px;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 70px;
    transition: all 0.3s ease-out 0s;
}

    .ce-feature-box-34 .imgbox-xtiny {
        width: 40px;
        height: 40px;
        background-color: #000;
    }

    .ce-feature-box-34 .text-box-right {
        padding-top: 10px;
    }

    .ce-feature-box-34 .img-box {
        position: absolute;
        width: 80%;
        left: 10%;
        padding: 20px;
        z-index: 2;
        border-radius: 5px;
        background-color: #fff;
        -webkit-box-shadow: 0 1px 21px rgba(0,0,0,.10);
        -moz-box-shadow: 0 1px 21px rgba(0,0,0,.10);
        box-shadow: 0 1px 21px rgba(0,0,0,.10);
    }

    .ce-feature-box-34 .date-box {
        background-color: #a9cd2e;
        /*padding:10px 20px;*/
        float: left;
        border-radius: 5px;
    }

    .ce-feature-box-34 .post-date {
        color: #fff;
    }


    .ce-feature-box-34:hover {
        -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
        box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
        transform: translateY(-8px);
    }


    /*primary*/

    .ce-feature-box-34.primary {
        background-color: #022c44;
    }

        .ce-feature-box-34.primary .title {
            color: #fff;
        }

        .ce-feature-box-34.primary .content {
            color: #fff;
        }

        .ce-feature-box-34.primary .post-date {
            color: #fff;
        }

    /*dark*/

    .ce-feature-box-34.dark {
        background-color: #101010;
    }

        .ce-feature-box-34.dark .title {
            color: #fff;
        }

        .ce-feature-box-34.dark .content {
            color: #fff;
            opacity: 0.5;
        }

        .ce-feature-box-34.dark .post-date {
            color: #fff;
            opacity: 0.5;
        }



/* feature box 35
 ------------------------------ */

.ce-feature-box-35 {
    width: 100%;
    float: left;
    transition: all 0.3s ease-out 0s;
}


/* feature box 36
 ------------------------------ */
.ce-feature-box-36 {
    width: 100%;
    float: left;
}

    .ce-feature-box-36 .circle {
        width: 440px;
        height: 440px;
        float: left;
        padding: 20px;
        border-radius: 100%;
        background-color: #f5f5f5;
        transition: all 0.3s ease-out 0s;
    }

    .ce-feature-box-36 .circle-inner {
        width: 400px;
        height: 400px;
        float: left;
        padding: 80px;
        border-radius: 100%;
        background-color: #fff;
    }

        .ce-feature-box-36 .circle-inner .icon {
            color: #a9cd2e;
        }

    .ce-feature-box-36:hover .circle,
    .ce-feature-box-36.active .circle {
        background-color: #a9cd2e;
    }


/* feature box 37
 ------------------------------ */

.ce-feature-box-37 {
    position: relative;
    width: 100%;
    float: left;
    padding: 0px 0px 0px 0px;
    z-index: 5;
    border-radius: 0px;
    background-color: #;
}

    .ce-feature-box-37 .img-box {
        position: relative;
        width: 100%;
        float: left;
        border-radius: 5px;
        overflow: hidden;
    }

        .ce-feature-box-37 .img-box .overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            float: left;
            z-index: 2;
            padding: 230px 0 0 60px;
            background: rgba(0, 0, 0, 0.5);
            transition: all 0.3s ease-out 0s;
        }

            .ce-feature-box-37 .img-box .overlay .title {
                color: #fff;
            }

            .ce-feature-box-37 .img-box .overlay a:hover {
                color: #fff;
            }

    /*Hover*/
    .ce-feature-box-37:hover .img-box .overlay,
    .ce-feature-box-37.active .img-box .overlay {
        background: rgba(169, 205, 46, 0.9);
    }

        .ce-feature-box-37:hover .img-box .overlay a:hover {
            color: #000;
        }

        .ce-feature-box-37:hover .img-box .overlay a,
        .ce-feature-box-37.active .img-box .overlay a {
            color: #fff;
        }

    .ce-feature-box-37.text-box {
        width: 100%;
        float: left;
        padding: 100px 65px 25px 65px;
        background-color: #;
        min-height: 450px;
    }




/* feature box 38
 ------------------------------ */

.ce-feature-box-38 {
    position: relative;
    width: 100%;
    float: left;
    border-radius: 5px;
    transition: all 0.3s ease-out 0s;
}

    .ce-feature-box-38 .img-box {
        position: relative;
        width: 100%;
        float: left;
        padding: 11px 11px 0 11px;
        background-color: #fff;
        border-radius: 5px;
        overflow: hidden;
    }

        .ce-feature-box-38 .img-box .bg-circle-box {
            position: relative;
            width: 100%;
            min-height: 350px;
            float: left;
            padding: 12px 12px 0 12px;
            overflow: hidden;
            background-color: #fff;
        }

            .ce-feature-box-38 .img-box .bg-circle-box .img {
                position: absolute;
                width: 100%;
                float: left;
                z-index: 2;
            }

            .ce-feature-box-38 .img-box .bg-circle-box .circle {
                position: absolute;
                width: 780px;
                height: 780px;
                left: -45px;
                top: 18px;
                border: 30px solid #f5f5f5;
                border-radius: 100%;
                float: left;
                z-index: 1;
                transition: all 0.3s ease-out 0s;
            }

                .ce-feature-box-38 .img-box .bg-circle-box .circle.style2 {
                    left: -375px;
                    top: 85px;
                }

    .ce-feature-box-38 .text-box {
        width: 100%;
        padding: 30px 50px;
        background-color: #fff;
        transition: all 0.3s ease-out 0s;
    }

    .ce-feature-box-38 .img-box .bg-circle-box .sc-icons {
        position: absolute;
        width: 100%;
        z-index: 3;
        padding: 0px;
        bottom: -60px;
        text-align: center;
        margin: 15px 0 15px 0;
        transition: all 0.3s ease-out 0s;
    }

        .ce-feature-box-38 .img-box .bg-circle-box .sc-icons li {
            padding: 0px;
            margin: 0px;
            display: inline-block;
        }

            .ce-feature-box-38 .img-box .bg-circle-box .sc-icons li a {
                width: 40px;
                height: 40px;
                text-align: center;
                line-height: 40px;
                display: inline-block;
                padding: 0px;
                color: #fff;
                border-radius: 100%;
                background-color: #a9cd2e;
            }

                .ce-feature-box-38 .img-box .bg-circle-box .sc-icons li a:hover {
                    color: #fff;
                    background-color: #1e1e1e;
                }

    /*hover style*/
    .ce-feature-box-38:hover .img-box .bg-circle-box .sc-icons {
        bottom: 20px;
    }

    .ce-feature-box-38 .text-box.primary {
        background-color: #a9cd2e;
        border-radius: 5px;
    }

        .ce-feature-box-38 .text-box.primary .title, .ce-feature-box-38 .text-box.primary .subtitle {
            color: #fff;
        }

        .ce-feature-box-38 .text-box.primary p {
            color: #fff;
        }

    .ce-feature-box-38:hover {
        -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
        box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
        transform: translateY(-8px);
    }

        .ce-feature-box-38:hover .img-box .bg-circle-box .circle {
            border: 30px solid #a9cd2e;
        }



/* feature box 39
 ------------------------------ */

.ce-feature-box-39-main {
    position: relative;
    width: 100%;
    float: left;
    min-height: 710px;
}

.ce-feature-box-39 {
    position: relative;
    width: 100%;
    padding: 20px;
    float: left;
    top: -90px;
    z-index: 2;
    border-radius: 5px;
    transition: all 0.3s ease-out 0s;
    background-color: #fff;
}

    .ce-feature-box-39 .border-box {
        width: 100%;
        padding: 2px;
        float: left;
    }

    .ce-feature-box-39 .inner-box {
        width: 100%;
        padding: 80px 40px;
        float: left;
        border-radius: 5px;
        border: 1px solid #a9cd2e;
        transition: all 0.3s ease-out 0s;
    }

        .ce-feature-box-39 .inner-box .price-circle {
            width: 130px;
            height: 130px;
            padding: 38px 0 0;
            margin: 0 auto;
            border-radius: 100%;
            background-color: #fff;
            border: 3px solid #f5f5f5;
            transition: all 0.3s ease-out 0s;
        }

            .ce-feature-box-39 .inner-box .price-circle .price {
                color: #242424;
                font-size: 28px;
                padding: 8px 0 0 0;
                font-weight: 700;
                text-align: center;
                transition: all 0.3s ease-out 0s;
            }

                .ce-feature-box-39 .inner-box .price-circle .price i {
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 500;
                }

                .ce-feature-box-39 .inner-box .price-circle .price sup {
                    font-size: 18px;
                    font-style: normal;
                }

    .ce-feature-box-39 ul.plan_features {
        width: 100%;
        float: left;
        text-align: center;
        padding: 0px;
        margin: 0px 0px 50px 0;
    }

        .ce-feature-box-39 ul.plan_features li {
            padding: 15px 0;
            border-bottom: 1px solid #e9e9e9;
            transition: all 0.3s ease-out 0s;
        }

            .ce-feature-box-39 ul.plan_features li:last-child {
                border-bottom: none;
            }

    /* hover styles
 ------------------------------ */
    .ce-feature-box-39:hover .inner-box .price-circle {
        border: 3px solid #e84b15;
    }

    .ce-feature-box-39:hover .inner-box,
    .ce-feature-box-39.active .inner-box {
        background-color: #e84b15;
    }

        .ce-feature-box-39:hover .inner-box .title,
        .ce-feature-box-39.active .inner-box .title {
            color: #fff;
        }

    .ce-feature-box-39:hover ul.plan_features li,
    .ce-feature-box-39.active ul.plan_features li {
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }

        .ce-feature-box-39:hover ul.plan_features li:last-child,
        .ce-feature-box-39.active ul.plan_features li:last-child {
            border-bottom: none;
        }


/* featurebox 40
 ------------------------------ */
.ce-feature-box-40 {
    width: 100%;
    float: left;
    padding: 45px;
    background-color: #fff;
}

.ce-feature-box-40 {
    width: 100%;
    float: left;
    padding: 45px;
    border-radius: 5px;
    background-color: #fff;
}

    .ce-feature-box-40 .img-circle {
        width: 150px;
        height: 150px;
        float: left;
        padding: 8px;
        border-radius: 100%;
        background-color: #a9cd2e;
    }

        .ce-feature-box-40 .img-circle .img {
            background-color: #fff;
        }


/* featurebox 41
 ------------------------------ */
.ce-feature-box-41 {
    width: 100%;
    float: left;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease-out 0s;
}

    .ce-feature-box-41 .img-box {
        position: relative;
        width: 100%;
        float: left;
        border-radius: 5px;
        overflow: hidden;
    }

        .ce-feature-box-41 .img-box .overlay {
            position: absolute;
            width: 100%;
            float: left;
            border-radius: 5px;
            overflow: hidden;
            background: rgba(0,0,0, 0.3);
        }

    .ce-feature-box-41 .text-box .icon-b {
        width: 38px;
        height: 38px;
        float: right;
        color: #a9cd2e;
        text-align: center;
        border-radius: 100%;
        line-height: 38px;
        margin-right: 5px;
        border: 1px solid #e4e4e4;
        background-color: #fff;
    }

    .ce-feature-box-41 .img-box .overlay .post-icon {
        position: absolute;
        width: 64px;
        height: 64px;
        float: left;
        color: #fff;
        left: 25px;
        top: 25px;
        font-size: 22px;
        text-align: center;
        border-radius: 100%;
        line-height: 57px;
    }

        .ce-feature-box-41 .img-box .overlay .post-icon.primary {
            color: #fff;
            background-color: #a9cd2e;
        }

        .ce-feature-box-41 .img-box .overlay .post-icon.secondary {
            color: #fff;
            background-color: #6e44a3;
        }

    .ce-feature-box-41:hover, .ce-feature-box-41.active {
        -webkit-box-shadow: 0px 0px 18px 14px rgba(0,0,0,0.09);
        -moz-box-shadow: 0px 0px 18px 14px rgba(0,0,0,0.09);
        box-shadow: 0px 0px 18px 14px rgba(0,0,0,0.09);
    }


/* featurebox 42
 ------------------------------ */
.ce-feature-box-42 {
    width: 100%;
    float: left;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 18px 14px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 0px 18px 14px rgba(0,0,0,0.06);
    box-shadow: 0px 0px 18px 14px rgba(0,0,0,0.06);
    transition: all 0.3s ease-out 0s;
}

    .ce-feature-box-42 .img-box {
        position: relative;
        width: 100%;
        float: left;
        border-radius: 5px;
        overflow: hidden;
    }
        /*.ce-feature-box-42 .text-box {
	border:1px solid #e5e5e5;
}*/
        .ce-feature-box-42 .img-box .overlay {
            position: absolute;
            width: 100%;
            float: left;
            border-radius: 5px;
            overflow: hidden;
            /*background:rgba(0,0,0, 0.1);*/
        }

        .ce-feature-box-42 .img-box .top-border {
            position: absolute;
            width: 100%;
            height: 100%;
            border: 5px solid #9C0;
            z-index: 10;
            opacity: 0;
            transition: all 0.3s ease-out 0s;
        }

        .ce-feature-box-42 .img-box:hover .top-border {
            opacity: 1;
        }

        .ce-feature-box-42 .img-box .overlay.bg-1 {
            background: rgba(0,0,0, 0.1);
        }

    .ce-feature-box-42 .text-box .icon-b {
        width: 38px;
        height: 38px;
        float: left;
        color: #a9cd2e;
        text-align: center;
        border-radius: 100%;
        line-height: 38px;
        margin-right: 5px;
        border: 1px solid #e4e4e4;
        background-color: #fff;
        transition: all 0.3s ease-out 0s;
    }

        .ce-feature-box-42 .text-box .icon-b:hover {
            color: #fff;
            border: 1px solid #a9cd2e;
            background-color: #a9cd2e;
        }

    .ce-feature-box-42 .img-box .overlay .post-icon {
        position: absolute;
        width: 64px;
        height: 64px;
        float: left;
        color: #fff;
        left: 25px;
        top: 25px;
        font-size: 22px;
        text-align: center;
        border-radius: 100%;
        line-height: 57px;
    }

        .ce-feature-box-42 .img-box .overlay .post-icon.primary {
            color: #fff;
            background-color: #a9cd2e;
        }

        .ce-feature-box-42 .img-box .overlay .post-icon.secondary {
            color: #fff;
            background-color: #6e44a3;
        }

    .ce-feature-box-42:hover, .ce-feature-box-42.active {
        -webkit-box-shadow: 0px 0px 18px 14px rgba(0,0,0,0.09);
        -moz-box-shadow: 0px 0px 18px 14px rgba(0,0,0,0.09);
        box-shadow: 0px 0px 18px 14px rgba(0,0,0,0.09);
    }

    .ce-feature-box-42 .img-box .info-badge {
        position: absolute;
        padding: 20px;
        bottom: 0px;
        right: 10px;
        color: #fff;
        padding: 5px 20px;
        background-color: #a9cd2e;
        z-index: 10;
    }

        .ce-feature-box-42 .img-box .info-badge.primary {
            color: #fff;
            background-color: #fccb06;
        }

        .ce-feature-box-42 .img-box .info-badge .icon {
            padding-right: 8px;
        }

    .ce-feature-box-42 .text-box .line {
        width: 100%;
        height: 1px;
        float: left;
        margin: 0 0 15px 0;
        background-color: #e9e9e9;
    }

    .ce-feature-box-42 .text-box a:hover {
        color: #a9cd2e;
    }



/* feature box 43
 ------------------------------ */
.ce-feature-box-43 {
    width: 100%;
    padding: 50px;
    text-align: center;
    border: 2px solid #ededed;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

    .ce-feature-box-43.no-border {
        border: 2px solid #fff;
    }

    .ce-feature-box-43 .icon {
        color: #a9cd2e;
    }

    .ce-feature-box-43:hover .title {
        color: #000;
    }

    .ce-feature-box-43:hover, .ce-feature-box-43.active {
        border: 2px solid #a9cd2e;
        background-color: #a9cd2e;
    }

        .ce-feature-box-43:hover .title, .ce-feature-box-43.active .title {
            color: #fff;
        }

        .ce-feature-box-43:hover .subtext, .ce-feature-box-43.active .subtext {
            color: #fff;
        }

        .ce-feature-box-43:hover .icon, .ce-feature-box-43.active .icon {
            color: #fff;
        }


/* feature box 44
 ------------------------------ */
.ce-feature-box-44 {
    width: 100%;
    text-align: center;
    transition: all 0.3s ease-out 0s;
}

    .ce-feature-box-44 .icon {
        color: #a9cd2e;
    }

    .ce-feature-box-44 .title {
        color: #fff;
    }

    .ce-feature-box-44 .subtext {
        color: #fff;
    }

/* feature box 45
 ------------------------------ */
.ce-feature-box-45 {
    width: 100%;
    float: left;
}

    .ce-feature-box-45 .newsletter {
        width: 76%;
        height: 65px;
        float: left;
        padding: 15px;
        font-size: 16px;
        color: #101010;
        margin-right: 10px;
        text-align: left;
        background: #fff;
        border-radius: 5px;
        border: 1px solid #fff;
    }

    .ce-feature-box-45 .newsletter-btn {
        width: 21%;
        height: 63px;
        float: left;
        padding: 0px;
        color: #fff;
        border-radius: 5px;
        text-transform: uppercase;
        border: 1px solid #a9cd2e;
        background-color: #a9cd2e;
    }



/* feature box 46
 ------------------------------ */

.ce-feature-box-46 {
    width: 100%;
    float: left;
    padding: 70px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.1);
    box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.1);
    transition: all 0.3s ease-out 0s;
}

    .ce-feature-box-46.no-shadow {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .ce-feature-box-46 .icon {
        color: #a9cd2e;
    }

    .ce-feature-box-46:hover {
        transform: translateY(-8px);
    }


    /*primary*/

    .ce-feature-box-46.primary {
        background-color: #a9cd2e;
        -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.1);
        box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.1);
        transition: all 0.3s ease-out 0s;
    }

        .ce-feature-box-46.primary .icon {
            color: #fff;
        }

        .ce-feature-box-46.primary .title {
            color: #fff;
        }

        .ce-feature-box-46.primary .content {
            color: #fff;
        }

    /*dark*/

    .ce-feature-box-46.dark {
        background-color: #25292e;
        -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.1);
        box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.1);
        transition: all 0.3s ease-out 0s;
    }

        .ce-feature-box-46.dark .icon {
            color: #fff;
        }

        .ce-feature-box-46.dark .title {
            color: #fff;
        }

        .ce-feature-box-46.dark .content {
            color: #fff;
            opacity: 0.7;
        }


/* feature box 47
 ------------------------------ */
.ce-feature-box-47 {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0;
}

    .ce-feature-box-47 .text-box {
        width: 100%;
        float: left;
        padding: 100px;
        background-color: #fff;
    }


/* feature box 48
 ------------------------------ */
.ce-feature-box-48 {
    position: relative;
    width: 100%;
    padding: 0;
    float: left;
    overflow: hidden;
    background-color: #a9cd2e;
    transition: all 0.3s ease-out 0s;
}

    .ce-feature-box-48 .overlay {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 100px;
        float: left;
        overflow: hidden;
        transition: all 0.3s ease-out 0s;
    }

    .ce-feature-box-48 .title {
        position: relative;
        color: #fff;
        top: 20px;
        transition: all 0.3s ease-out 0s;
    }

    .ce-feature-box-48 .content {
        position: relative;
        color: #fff;
        top: 25px;
        transition: all 0.3s ease-out 0s;
    }

    .ce-feature-box-48 a.read-more {
        position: relative;
        top: 135px;
        color: #fff;
        transition: all 0.3s ease-out 0s;
    }

        .ce-feature-box-48 a.read-more:hover {
            color: #fff;
        }


    .ce-feature-box-48:hover .title {
        top: 0;
    }

    .ce-feature-box-48:hover .content {
        top: 0px;
    }

    .ce-feature-box-48:hover a.read-more {
        top: 0px;
    }


    .ce-feature-box-48 .overlay.bg-1 {
        background-color: rgba(0, 0, 0, 0);
    }

    .ce-feature-box-48 .overlay.bg-2 {
        background-color: rgba(0, 0, 0, 0.12);
    }

    .ce-feature-box-48 .overlay.bg-3 {
        background-color: rgba(0, 0, 0, 0.18);
    }

    .ce-feature-box-48 .overlay.bg-4 {
        background-color: rgba(0, 0, 0, 0.23);
    }

    .ce-feature-box-48 .overlay.bg-5 {
        background-color: rgba(0, 0, 0, 0.4);
    }

/* featurebox 49
 ------------------------------ */
.ce-feature-box-49 {
    width: 100%;
    float: left;
    padding: 0 30px 30px 0;
}

    .ce-feature-box-49.bbox {
        padding: 0 30px 0 0;
    }

    .ce-feature-box-49 .icon {
        color: #a9cd2e;
    }


/* feature box 50
 ------------------------------ */

.ce-feature-box-50 {
    width: 100%;
    float: left;
}

    .ce-feature-box-50 .text-box {
        position: relative;
        width: 100%;
        padding: 80px;
        float: left;
        overflow: hidden;
        border-radius: 5px;
        background-color: #fff;
        transition: all 0.3s ease-out 0s;
    }

        .ce-feature-box-50 .text-box .icon {
            position: relative;
            color: #a9cd2e;
            top: 45px;
            transition: all 0.3s ease-out 0s;
        }

        .ce-feature-box-50 .text-box .title {
            position: relative;
            padding-top: 10px;
            color: #101010;
            top: 42px;
            transition: all 0.3s ease-out 0s;
        }

        .ce-feature-box-50 .text-box .small-text {
            position: relative;
            color: #727272;
            opacity: 0;
            top: 150px;
            transition: all 0.3s ease-out 0s;
        }

    .ce-feature-box-50:hover .text-box .icon {
        top: 0px;
    }

    .ce-feature-box-50:hover .text-box .small-text {
        top: 2px;
        opacity: 0.9;
    }

    .ce-feature-box-50:hover .text-box .title {
        top: 2px;
    }

    .ce-feature-box-50 .text-box.bg-2 {
        background-color: #1c1c1c;
    }


    /*shadow*/

    .ce-feature-box-50:hover .text-box {
        -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
        box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
        transform: translateY(-8px);
    }



/* featurebox 51
 ------------------------------ */

.ce-feature-box-51 {
    width: 100%;
    float: left;
    padding: 0 0 0 0;
}

.ce-feature-box-52 {
    width: 100%;
    float: left;
    padding: 0 0 0 0;
}

/* featurebox 53
 ------------------------------ */
.ce-feature-box-53 {
    width: 100%;
    float: left;
    padding: 0 30px 30px 0;
}

    .ce-feature-box-53.bbox {
        padding: 0 30px 0 0;
    }

    .ce-feature-box-53 .icon {
        color: #a9cd2e;
    }





















.input-1 {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    color: #101010;
    float: left;
    height: 45px;
    margin-bottom: 15px;
    padding: 8px;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}

    .input-1:focus {
        border: 1px solid #a9cd2e;
        outline: medium none !important;
        transition: all 0.3s ease-out 0s;
    }

.lable-text {
    color: #101010;
}

.textaria-1 {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    color: #101010;
    float: left;
    height: 100px;
    margin-bottom: 15px;
    padding: 8px;
    /*	resize: none;*/
    transition: all 0.3s ease-out 0s;
    width: 100%;
}

    .textaria-1:focus {
        border: 1px solid #a9cd2e;
        outline: medium none !important;
        transition: all 0.3s ease-out 0s;
    }

.form-body.bg-dark .lable-text {
    color: #fff;
}



/* corporate pages
 ------------------------------ */
.cp-feature-box-1 {
    width: 100%;
    padding: 0px;
    float: left;
    min-height: 645px;
}

    .cp-feature-box-1 .img-box {
        position: relative;
        width: 100%;
        padding: 0px;
        float: left;
    }

        .cp-feature-box-1 .img-box .overlay {
            width: 100%;
            height: 100%;
            padding: 0px;
            float: left;
            z-index: 2;
            background-color: rgba(0, 0, 0, 0.2);
        }

        .cp-feature-box-1 .img-box .text-box {
            position: absolute;
            width: 80%;
            padding: 50px;
            float: left;
            left: 0px;
            bottom: -185px;
            z-index: 3;
            background-color: #fff;
            transition: all 0.3s ease-out 0s;
        }

            .cp-feature-box-1 .img-box .text-box .sc-icons-box {
                position: absolute;
                width: 80%;
                padding: 0px;
                margin: 0px;
                top: -53px;
                left: 0px;
                float: left;
                opacity: 0;
                overflow: hidden;
                z-index: 3;
                background-color: rgba(252, 226, 6, 0.9);
                transition: all 0.3s ease-out 0s;
            }

                .cp-feature-box-1 .img-box .text-box .sc-icons-box .sc-icons {
                    width: 100%;
                    margin: 0px;
                    padding-left: 0px;
                    text-align: center;
                }

                    .cp-feature-box-1 .img-box .text-box .sc-icons-box .sc-icons li {
                        display: inline-block;
                    }

                        .cp-feature-box-1 .img-box .text-box .sc-icons-box .sc-icons li a {
                            padding: 15px 7px;
                            color: #101010;
                            text-align: center;
                            display: inline-block;
                        }

    .cp-feature-box-1:hover .img-box .text-box .sc-icons-box,
    .cp-feature-box-1.active .img-box .text-box .sc-icons-box {
        left: 110px;
        opacity: 1;
    }

    .cp-feature-box-1:hover .img-box .text-box, .cp-feature-box-1.active .img-box .text-box {
        background-color: #101010;
    }

        .cp-feature-box-1:hover .img-box .text-box .title, .cp-feature-box-1.active .img-box .text-box .title {
            color: #fff;
        }




/* price table 1
 ------------------------------ */

.ce-price-table-1 {
    width: 100%;
    float: left;
    background-color: #fff;
    box-shadow: 0 20px 20px rgba(0,0,0,0.14);
    -webkit-box-shadow: 0 20px 20px rgba(0,0,0,0.14);
}

    .ce-price-table-1 .inner-box {
        width: 100%;
        padding: 80px 40px;
        float: left;
        background-color: #fff;
        transition: all 0.3s ease-out 0s;
        -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.1);
        box-shadow: 0 0 0 rgba(0,0,0,0.1);
    }

        .ce-price-table-1 .inner-box .price-circle {
            width: 130px;
            height: 130px;
            padding: 38px 0 0;
            margin: 0 auto;
            border-radius: 100%;
            background-color: #fff;
            border: 3px solid #f5f5f5;
            transition: all 0.3s ease-out 0s;
        }

            .ce-price-table-1 .inner-box .price-circle .price {
                color: #242424;
                font-size: 28px;
                padding: 8px 0 0 0;
                font-weight: 700;
                text-align: center;
                transition: all 0.3s ease-out 0s;
            }

                .ce-price-table-1 .inner-box .price-circle .price i {
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 500;
                }

                .ce-price-table-1 .inner-box .price-circle .price sup {
                    font-size: 18px;
                    font-style: normal;
                }

    .ce-price-table-1 ul.plan_features {
        width: 100%;
        float: left;
        text-align: center;
        padding: 0px;
        margin: 0px 0px 50px 0;
    }

        .ce-price-table-1 ul.plan_features li {
            padding: 15px 0;
            border-bottom: 1px solid #e9e9e9;
            transition: all 0.3s ease-out 0s;
        }

            .ce-price-table-1 ul.plan_features li:last-child {
                border-bottom: none;
            }

    /* hover styles
 ------------------------------ */

    .ce-price-table-1:hover .inner-box .price-circle,
    .ce-price-table-1.active .inner-box .price-circle {
        color: #fff;
    }

        .ce-price-table-1:hover .inner-box .price-circle .price,
        .ce-price-table-1.active .inner-box .price-circle .price {
            color: #fff;
        }

    .ce-price-table-1:hover .inner-box .price-circle,
    .ce-price-table-1.active .inner-box .price-circle {
        color: #fff;
        background-color: #a9cd2e;
    }

    .ce-price-table-1:hover .inner-box .title,
    .ce-price-table-1.active .inner-box .title {
        color: #a9cd2e;
    }

    .ce-price-table-1:hover ul.plan_features li:last-child,
    .ce-price-table-1.active ul.plan_features li:last-child {
        border-bottom: none;
    }



/*============ Progress circles ============ */

.percent {
    width: 180px;
    height: 180px;
    margin: 0 auto;
}

.percent-2 {
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

.percent-3 {
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

.percent.align-left {
    margin: 0;
}

    .percent.align-left.title {
        padding: 0 0 0 20px;
    }

/*============ blog ============ */

.ce-post-holder-1 {
    width: 100%;
    padding: 0px;
    float: left;
    transition: all 0.3s ease-out 0s;
    box-shadow: 0 20px 20px rgba(0,0,0,0.14);
    -webkit-box-shadow: 0 20px 20px rgba(0,0,0,0.14);
}

    .ce-post-holder-1 .ce-post-img {
        position: relative;
        width: 100%;
        padding: 0px;
        float: left;
    }

    .ce-post-holder-1 .text-box {
        height: 274px;
        padding: 60px 50px 50px 50px;
    }

        .ce-post-holder-1 .text-box.one {
            height: 274px;
        }

        .ce-post-holder-1 .text-box .blog-post-info span {
            color: #a9cd2e;
        }

    .ce-post-holder-1 .ce-post-img .arrow-up {
        position: absolute;
        width: 0;
        height: 0;
        left: 175px;
        bottom: 0px;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #fff;
        z-index: 2;
    }

    .ce-post-holder-1 .ce-post-img .arrow-down {
        position: absolute;
        width: 0;
        height: 0;
        left: 175px;
        top: 0px;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #fff;
    }

    .ce-post-holder-1:hover {
        -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
        box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2);
        transform: translateY(-8px);
    }




/*============ pages sidebar ============ */

.pages-sidebar-item {
    float: left;
    margin-bottom: 60px;
    width: 100%;
}

    .pages-sidebar-item .social-links {
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .pages-sidebar-item .social-links li {
            float: left;
            margin: 0;
            padding: 0;
        }

            .pages-sidebar-item .social-links li a {
                color: #101010;
                float: left;
                padding: 0 20px 0 0;
            }

                .pages-sidebar-item .social-links li a:hover {
                    color: #a9cd2e;
                }

.pages-newsletter {
    border: 1px solid #e4e4e4;
    float: left;
    height: 45px;
    padding: 10px;
    width: 100%;
}

.bg2-rightcol-links {
    float: left;
    padding: 0;
    width: 100%;
}

.pages-sidebar-item-title {
    font-size: 20px;
    margin-bottom: 25px;
}

.pages-sidebar-links {
    float: left;
    padding: 0;
    width: 100%;
}

    .pages-sidebar-links li {
        border-bottom: 1px solid #ececec;
        float: left;
        width: 100%;
    }

        .pages-sidebar-links li a {
            float: left;
            padding: 10px 0;
            width: 100%;
        }

            .pages-sidebar-links li a:hover, .pages-sidebar-links li a.active {
                color: #a9cd2e;
            }

        .pages-sidebar-links li:last-child {
            border-bottom: medium none;
        }

.pages-tags {
    margin: 0;
    padding: 0;
}

    .pages-tags li {
        margin: 0;
        padding: 0;
    }

        .pages-tags li a {
            background-color: #fff;
            border: 1px solid #e9e9e9;
            color: #727272;
            float: left;
            margin: 0 10px 10px 0;
            padding: 5px 15px;
        }

            .pages-tags li a:hover, .pages-tags li a.active {
                background-color: #101010;
                color: #ccc;
            }

/*============ Site map ============ */

ul.sitemap {
    margin: 0;
    padding: 0;
}

    ul.sitemap li {
        margin: 0 0 8px;
    }

        ul.sitemap li a {
            color: #a9cd2e;
        }

            ul.sitemap li a:hover {
                text-decoration: underline;
            }

        ul.sitemap li ul {
            padding-left: 30px;
        }

/*============ 404 page ============ */
.error_holder {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 60%;
}

    .error_holder.two {
        text-align: left;
        width: 100%;
    }

    .error_holder .title {
        font-size: 110px;
        font-weight: 400;
        line-height: 65px;
        margin: 0;
        padding: 30px 0;
    }

.error_title_big {
    font-size: 200px;
    font-weight: bold;
    line-height: 65px;
    margin: 0;
    padding: 30px 0;
}

.error-search-box {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .error-search-box .email_input {
        border: 1px solid #e4e4e4;
        color: #727272;
        height: 50px;
        width: 70%;
        padding: 15px;
    }

    .error-search-box .input_submit {
        background-color: #a9cd2e;
        border: 1px solid #a9cd2e;
        color: #fff;
        height: 50px;
        transition: all 0.3s ease-out 0s;
        width: 20%;
    }

        .error-search-box .input_submit:hover {
            background-color: #242424;
            border: 1px solid #242424;
        }

.error-title-big {
    font-size: 200px;
    font-weight: bold;
    line-height: 65px;
    margin: 0;
    padding: 30px 0;
}


/*============ portfolio single page ============ */

.port-project-info {
    width: 100%;
    float: left;
    padding: 40px;
    border: 1px solid #f1f1f1;
}

    .port-project-info li {
        padding: 0 0 10px 0;
        margin: 0px;
    }

        .port-project-info li span {
            color: #101010;
            display: inline-block;
            font-weight: 700;
            width: 150px;
        }

            .port-project-info li span i {
                margin-right: 7px;
                position: relative;
                text-align: center;
                top: 1px;
                width: 14px;
            }

/*============ comment page input ============ */
.bg-cinput {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    color: #101010;
    float: left;
    height: 45px;
    margin-bottom: 15px;
    padding: 8px;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}

.bg-ctexteria {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    color: #101010;
    float: left;
    margin-bottom: 15px;
    padding: 8px;
    transition: all 0.3s ease-out 0s;
    width: 100%;
    height: 160px;
}


/*============ blog oagenation ============ */

ul.blog-pagenation {
    margin: 30px 0 0 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.blog-pagenation li {
    display: inline;
    margin: 0;
    padding: 0;
}

    .blog-pagenation li a {
        border: 1px solid #e9e9e9;
        color: #101010;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        margin: 0 10px 0 0;
        padding: 0;
        text-align: center;
        width: 40px;
        background-color: #fff;
    }

        .blog-pagenation li a:hover, .blog-pagenation li a.active {
            background-color: #a9cd2e;
            border: 1px solid #a9cd2e;
            color: #fff;
        }

/* video wrapper
 ------------------------------ */
.bg2-video-wrapper {
    width: 100%;
    float: left;
    padding: 0px;
}

    .bg2-video-wrapper iframe {
        width: 700px;
        height: 415px;
    }

/* video wrapper
 ------------------------------ */

.flexslider .feature-box-1 {
    position: absolute;
    width: 700px;
    padding: 100px;
    float: left;
    margin: 150px 0 0 200px;
    z-index: 2;
    background-color: #a9cd2e;
}



.ce-newsletter-1 {
    width: 100%;
    height: 60px;
    float: left;
    padding: 20px;
    border-radius: 40px;
    border: 1px solid #fff;
    background-color: #fff;
}

.newsletter-submit-btn {
    width: 100%;
    height: 60px;
    float: left;
    padding: 0px;
    margin-top: 5px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 40px;
    border: 1px solid #a9cd2e;
    background-color: #a9cd2e;
}





/* blog inner pages
 ------------------------------ */

.cb-feature-box-1 {
    width: 100%;
    float: left;
    transition: all 0.3s ease-out 0s;
}

    .cb-feature-box-1.hover-shadow:hover {
        -webkit-box-shadow: 0px 0px 40px -1px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 0px 40px -1px rgba(0,0,0,0.1);
        box-shadow: 0px 0px 40px -1px rgba(0,0,0,0.1);
    }

    .cb-feature-box-1.active.hover-shadow {
        -webkit-box-shadow: 0px 0px 40px -1px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 0px 40px -1px rgba(0,0,0,0.1);
        box-shadow: 0px 0px 40px -1px rgba(0,0,0,0.1);
    }


    .cb-feature-box-1 .img-box img {
        transition: all 0.3s ease-out 0s;
    }

    .cb-feature-box-1 .img-box {
        position: relative;
        width: 100%;
        float: left;
        overflow: hidden;
    }

    .cb-feature-box-1:hover .img-box img {
        -moz-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    .cb-feature-box-1 .postinfo-box {
        width: 100%;
        float: left;
        padding: 100px;
        margin: 0px 0 40px 0;
        background-color: #fff;
    }

    .cb-feature-box-1 .img-box .postdate-box {
        position: absolute;
        float: left;
        padding: 50px;
        z-index: 2;
        right: 0px;
        bottom: 0px;
        background-color: #a9cd2e;
    }

    .cb-feature-box-1 .img-box .blog-post-info span {
        font-size: 18px;
        color: #fff;
    }

    .cb-feature-box-1 .postinfo-box .title a:hover {
        color: #a9cd2e;
    }

    .cb-feature-box-1.border {
        border: 1px solid #e9e9e9;
    }


    .cb-feature-box-1.less-padd .postinfo-box {
        padding: 60px;
    }

    .cb-feature-box-1.less-padd-2 .postinfo-box {
        padding: 80px;
    }

    .cb-feature-box-1 .img-box .postdate-box.less-padd-1 {
        padding: 20px;
    }

    .cb-feature-box-1 .img-box .postdate-box.less-padd-2 {
        padding: 10px;
    }

    .cb-feature-box-1.no-margin .postinfo-box {
        margin: 0px 0 0 0;
    }



    .cb-feature-box-1 .postinfo-box.bg-light {
        background-color: #f5f5f5;
    }

/*  blog feature box 2
 ------------------------------ */

.cb-featurebox-2 {
    width: 100%;
    float: left;
    padding: 30px 13px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
}




/*----------------------------RESPONSIVE STYLES------------------------------- */
/* ---------- MAX 1024PX ---------- */
@media screen and (max-width: 1024px) {

    .ce-feature-box-24 .imgbox .overlay .text-box {
        padding: 145px 0 0 0;
    }

    .ce-feature-box-22 {
        padding: 30px;
    }

    .ce-feature-box-34 {
        padding: 20px;
    }

    .ce-feature-box-48 .overlay {
        padding: 30px;
    }
}

@media only screen and (max-width: 1000px) {
}



/* ---------- MAX 991PX ---------- */
@media only screen and (max-width: 991px) {
}



/* ---------- MAX 800PX ---------- */
@media only screen and (max-width: 800px) {
    .ce-feature-box-31 {
        position: static;
    }

    .ce-sub-text {
        width: 70%;
    }

    .ce-feature-box-34 {
        margin-bottom: 100px;
    }
}



/* ---------- MAX 768PX ---------- */
@media only screen and (max-width: 768px) {

    .ce-feature-box-31 {
        position: static;
    }

    .ce-feature-box-22 {
        padding: 70px;
    }

    .ce-feature-box-28 {
        position: static;
    }

    .ce-feature-box-23 {
        margin-bottom: 20px;
    }
}


/* ---------- MAX 767PX ---------- */
@media only screen and (max-width: 767px) {

    /*24-10-19*/
    .topbar-left-items {
        width: 100%;
    }

    .topbar-right-items {
        width: 100%;
    }
}


@media screen and (max-width: 640px) {

    .ce-feature-box-39 {
        position: static;
    }

    .sec-title-container {
        padding-bottom: 0;
    }

    .ce-sub-text {
        width: 80%;
        margin: 15px auto 35px auto;
    }

    /*24-10-19*/
    .topbar-left-items {
        width: 100%;
    }

    .topbar-right-items {
        width: 100%;
    }
}


@media screen and (max-width: 480px) {
    .container {
        width: 15%;
    }

    .ce-feature-box-34 .img-box {
        position: static;
    }

    .ce-feature-box-34 {
        margin-bottom: 40px;
    }

    .ce-feature-box-40 .text-box-right {
        float: left;
        width: 100%;
    }

        .ce-feature-box-40 .text-box-right.more-padding-4 {
            padding: 0px 0px 0px 0;
        }

    /*new
*/
    .ce-feature-box-15 .main-box .img-box .overlay .small-text {
        top: 400px;
        left: 40px;
        width: 76%;
    }

    .ce-feature-box-15 .main-box .img-box .overlay .sc-icons {
        left: 70px;
    }


    /*new*/

    .ce-feature-box-50 {
        margin-bottom: 20px;
    }

    .ce-feature-box-29 .main-box .img-box .overlay .small-text {
        left: 30px;
        width: 80%;
    }

    .ce-feature-box-29 .main-box .img-box .overlay .sc-icons {
        left: 60px;
    }

    .ce-feature-box-18 .text-box {
        padding: 55px;
    }

    .ce-feature-box-25 .newsletter {
        width: 100%;
    }

    .section-side-image .text-inner {
        padding: 55px 100px 55px 0;
    }

    .ce-feature-box-25 .newsletter-btn {
        width: 100%;
    }

    .ce-feature-box-47 .text-box {
        padding: 55px;
    }

    .ce-feature-box-37 .img-box .overlay {
        padding: 116px 0 0 40px;
    }

    .header-inner-tmargin .container-fluid {
        width: 100%;
    }

    .ce-feature-box-51 {
        padding: 40px 0 0 0;
    }

    .ce-feature-box-49 {
        padding: 0 30px 30px 65px;
    }

    .section-side-image .text-inner {
        padding: 55px 30px 55px 0;
    }

    .ce-feature-box-45 .newsletter {
        width: 65%;
    }

    .ce-feature-box-45 .newsletter-btn {
        width: 32%;
    }

    .ce-feature-box-14 {
        padding-top: 20px;
    }

    .cb-feature-box-1 .img-box .postdate-box {
        padding: 20px;
    }

    .cb-feature-box-1 .postinfo-box {
        padding: 60px;
    }
}

/* ---------- MAX 360PX ---------- */
@media screen and (max-width: 360px) {
    .container {
        width: 85%;
    }



    .ce-feature-box-25 .newsletter {
        width: 100%;
    }

    .ce-feature-box-25 .newsletter-btn {
        width: 100%;
    }

    .ce-feature-box-27 .newsletter {
        width: 70%;
    }

    .ce-feature-box-27 .newsletter-btn {
        width: 25%;
    }

    .ce-feature-box-28 .text-box {
        padding: 60px;
    }

    .ce-feature-box-34 .img-box {
        width: 100%;
        left: 0;
        float: left;
    }

    .ce-feature-box-18 .text-box {
        padding: 60px;
    }

    .ce-feature-box-47 .text-box {
        padding: 60px;
    }

    .ce-feature-box-45 .newsletter {
        width: 60%;
    }

    .ce-feature-box-45 .newsletter-btn {
        width: 35%;
    }

    .ce-feature-box-40 .text-box-right {
        float: left;
        width: 100%;
    }

    /*new*/

    .ce-feature-box-27 .newsletter {
        width: 100%;
    }

    .ce-feature-box-27 .newsletter-btn {
        width: 100%;
        margin-top: 5px;
    }

    .ce-feature-box-39 .inner-box {
        padding: 40px 0;
    }

    .ce-feature-box-31 {
        padding: 40px;
    }

    .ce-feature-box-10 .text-box {
        padding: 40px;
    }

    .ce-feature-box-49 {
        padding: 0 30px 30px 40px;
    }

    .ce-feature-box-37.text-box {
        padding: 50px;
    }

    .cb-feature-box-1 .img-box .postdate-box {
        padding: 20px;
    }

    .cb-feature-box-1 .postinfo-box {
        padding: 60px;
    }

    .cb-feature-box-1 .img-box .postdate-box.less-padd-1 {
        padding: 10px;
    }


    /* new */

    .ce-feature-box-15 .main-box .img-box .overlay .small-text {
        top: 400px;
        left: 30px;
        width: 75%;
    }

    .ce-feature-box-15 .main-box .img-box .overlay .sc-icons {
        left: 25px;
    }

    .ce-feature-box-34 .text-box-right.less-padding {
        padding: 0px 0px 0px 0;
    }
}
/* line 4, ../sass/screen.scss */
.loader {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 99999;
}

/* line 13, ../sass/screen.scss */
.over-loader {
    background: #ed5565;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

/* line 23, ../sass/screen.scss */
.hide-loader {
    display: none;
}

/* line 26, ../sass/screen.scss */
.switch-loader {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
}
    /* line 32, ../sass/screen.scss */
    .switch-loader ul {
        margin: 0px;
        padding: 0px;
        text-align: center;
        list-style: none;
    }
        /* line 37, ../sass/screen.scss */
        .switch-loader ul li {
            display: inline-block;
            margin: 0 4px;
            color: #fff;
            font-size: 16px;
            padding: 10px;
        }
            /* line 43, ../sass/screen.scss */
            .switch-loader ul li a {
                text-decoration: none;
                color: #fff;
            }
            /* line 49, ../sass/screen.scss */
            .switch-loader ul li.active > a {
                color: #000;
            }

/* line 56, ../sass/screen.scss */
.loader-live {
    z-index: 9999991;
    background: #fff;
}

/* line 62, ../sass/screen.scss */
.loader-item.style2 {
    width: 40px;
    height: 40px;
    background-color: #f51e46;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}
/* line 69, ../sass/screen.scss */
.loader-item.style1 {
    width: 40px;
    height: 40px;
    position: relative;
}
    /* line 73, ../sass/screen.scss */
    .loader-item.style1 .double-bounce1, .loader-item.style1 .double-bounce2 {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: #f51e46;
        opacity: 0.6;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
        animation: sk-bounce 2.0s infinite ease-in-out;
    }
    /* line 87, ../sass/screen.scss */
    .loader-item.style1 .double-bounce2 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }
/* line 93, ../sass/screen.scss */
.loader-item.style3 > div {
    display: inline-block;
    height: 35px;
    width: 10px;
    background-color: #f51e46;
    border-radius: 2px;
    margin: 2px;
    animation-fill-mode: both;
}
    /* line 100, ../sass/screen.scss */
    .loader-item.style3 > div:nth-child(1) {
        animation: 1s cubic-bezier(0.2, 0.68, 0.18, 1.08) 0.1s normal none infinite running line-scale;
    }
    /* line 103, ../sass/screen.scss */
    .loader-item.style3 > div:nth-child(2) {
        animation: 1s cubic-bezier(0.2, 0.68, 0.18, 1.08) 0.2s normal none infinite running line-scale;
    }
    /* line 106, ../sass/screen.scss */
    .loader-item.style3 > div:nth-child(3) {
        animation: 1s cubic-bezier(0.2, 0.68, 0.18, 1.08) 0.3s normal none infinite running line-scale;
    }
    /* line 109, ../sass/screen.scss */
    .loader-item.style3 > div:nth-child(4) {
        animation: 1s cubic-bezier(0.2, 0.68, 0.18, 1.08) 0.4s normal none infinite running line-scale;
    }
    /* line 112, ../sass/screen.scss */
    .loader-item.style3 > div:nth-child(5) {
        animation: 1s cubic-bezier(0.2, 0.68, 0.18, 1.08) 0.5s normal none infinite running line-scale;
    }
/* line 121, ../sass/screen.scss */
.loader-item.style4 {
    width: 40px;
    height: 40px;
    position: relative;
}
    /* line 127, ../sass/screen.scss */
    .loader-item.style4 .cube1, .loader-item.style4 .cube2 {
        background-color: #f51e46;
        width: 15px;
        height: 15px;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
        animation: sk-cubemove 1.8s infinite ease-in-out;
    }
    /* line 139, ../sass/screen.scss */
    .loader-item.style4 .cube2 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }
/* line 144, ../sass/screen.scss */
.loader-item.style5 {
    width: 70px;
    text-align: center;
}
    /* line 150, ../sass/screen.scss */
    .loader-item.style5 > div {
        width: 18px;
        height: 18px;
        background-color: #f51e46;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }
    /* line 161, ../sass/screen.scss */
    .loader-item.style5 .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }
    /* line 166, ../sass/screen.scss */
    .loader-item.style5 .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }
/* line 171, ../sass/screen.scss */
.loader-item.style6 {
    width: 40px;
    height: 40px;
}
    /* line 175, ../sass/screen.scss */
    .loader-item.style6 .sk-cube {
        width: 33%;
        height: 33%;
        background-color: #f51e46;
        float: left;
        -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
        animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    }
    /* line 183, ../sass/screen.scss */
    .loader-item.style6 .sk-cube1 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }
    /* line 187, ../sass/screen.scss */
    .loader-item.style6 .sk-cube2 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }
    /* line 191, ../sass/screen.scss */
    .loader-item.style6 .sk-cube3 {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }
    /* line 195, ../sass/screen.scss */
    .loader-item.style6 .sk-cube4 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }
    /* line 199, ../sass/screen.scss */
    .loader-item.style6 .sk-cube5 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }
    /* line 203, ../sass/screen.scss */
    .loader-item.style6 .sk-cube6 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }
    /* line 207, ../sass/screen.scss */
    .loader-item.style6 .sk-cube7 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }
    /* line 211, ../sass/screen.scss */
    .loader-item.style6 .sk-cube8 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }
    /* line 215, ../sass/screen.scss */
    .loader-item.style6 .sk-cube9 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }
/* line 220, ../sass/screen.scss */
.loader-item.style7 {
    position: relative;
    width: 60px;
}
    /* line 223, ../sass/screen.scss */
    .loader-item.style7 > div {
        background-color: #f51e46;
        border-radius: 100%;
        height: 15px;
        left: 30px;
        margin: 2px 2px 2px 15px;
        top: 30px;
        width: 15px;
        animation-fill-mode: both;
        position: absolute;
    }
        /* line 233, ../sass/screen.scss */
        .loader-item.style7 > div:first-child {
            animation: 1.5s linear 0s normal none infinite running ball-zig-deflect;
        }
        /* line 236, ../sass/screen.scss */
        .loader-item.style7 > div:last-child {
            animation: 1.5s linear 0s normal none infinite running ball-zag-deflect;
        }
/* line 244, ../sass/screen.scss */
.loader-item.style8 > div {
    width: 50px;
    height: 50px;
    animation: 1.5s linear infinite scale;
}
    /* line 247, ../sass/screen.scss */
    .loader-item.style8 > div:before {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        animation: 0.75s linear 0s normal none infinite running rotate;
        background: transparent none repeat scroll 0 0 !important;
        border-color: #f51e46 #f51e46 transparent;
        border-image: none;
        border-radius: 100%;
        border-style: solid;
        border-width: 2px;
        display: inline-block;
        height: 50px;
        margin: 2px;
        width: 50px;
        content: "";
    }
/* line 268, ../sass/screen.scss */
.loader-item.style9 {
    position: relative;
    transform: translate(-25px, -25px);
}
    /* line 271, ../sass/screen.scss */
    .loader-item.style9 > div {
        animation-fill-mode: both;
        border: 1px solid #f51e46;
        border-radius: 100%;
        height: 10px;
        position: absolute;
        background: #f51e46;
        width: 10px;
    }
        /* line 279, ../sass/screen.scss */
        .loader-item.style9 > div:nth-child(1) {
            animation-duration: 2s;
            animation-iteration-count: infinite;
            animation-name: ball-triangle-path-1;
            animation-timing-function: ease-in-out;
        }
        /* line 285, ../sass/screen.scss */
        .loader-item.style9 > div:nth-child(2) {
            animation-duration: 2s;
            animation-iteration-count: infinite;
            animation-name: ball-triangle-path-2;
            animation-timing-function: ease-in-out;
        }
        /* line 291, ../sass/screen.scss */
        .loader-item.style9 > div:nth-child(3) {
            animation-duration: 2s;
            animation-iteration-count: infinite;
            animation-name: ball-triangle-path-3;
            animation-timing-function: ease-in-out;
        }
        /* line 297, ../sass/screen.scss */
        .loader-item.style9 > div:nth-of-type(1) {
            top: 50px;
        }
        /* line 300, ../sass/screen.scss */
        .loader-item.style9 > div:nth-of-type(2) {
            left: 25px;
        }
        /* line 303, ../sass/screen.scss */
        .loader-item.style9 > div:nth-of-type(3) {
            left: 50px;
            top: 50px;
        }
/* line 311, ../sass/screen.scss */
.loader-item.style10 > div {
    background-color: #f51e46;
    border-radius: 100%;
    display: inline-block;
    margin: 2px;
    animation-fill-mode: both;
    height: 15px;
    width: 15px;
}
    /* line 316, ../sass/screen.scss */
    .loader-item.style10 > div:nth-child(0) {
        animation: 0.6s ease-in-out 0s normal none infinite running ball-pulse-sync;
    }
    /* line 319, ../sass/screen.scss */
    .loader-item.style10 > div:nth-child(1) {
        animation: 0.6s ease-in-out 70ms normal none infinite running ball-pulse-sync;
    }
    /* line 322, ../sass/screen.scss */
    .loader-item.style10 > div:nth-child(2) {
        animation: 0.6s ease-in-out 0.14s normal none infinite running ball-pulse-sync;
    }
    /* line 325, ../sass/screen.scss */
    .loader-item.style10 > div:nth-child(3) {
        animation: 0.6s ease-in-out 0.21s normal none infinite running ball-pulse-sync;
    }

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px);
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg);
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@keyframes line-scale {
    0%, 100% {
        transform: scaleY(1);
    }

    50% {
        transform: scaleY(0.4);
    }
}

@-webkit-keyframes sk-cubemove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    }

    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    }

    75% {
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes sk-cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(0.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    }

    50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    }

    50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    }

    75% {
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    }

    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes ball-zig-deflect {
    17%, 84% {
        transform: translate(-15px, -30px);
    }

    34%, 67% {
        transform: translate(15px, -30px);
    }

    100%, 50% {
        transform: translate(0px, 0px);
    }
}

@keyframes ball-zag-deflect {
    17%, 84% {
        transform: translate(15px, 30px);
    }

    34%, 67% {
        transform: translate(-15px, 30px);
    }

    100%, 50% {
        transform: translate(0px, 0px);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes scale {
    30% {
        transform: scale(0.3);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes ball-triangle-path-1 {
    33% {
        transform: translate(25px, -50px);
    }

    66% {
        transform: translate(50px, 0px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

@keyframes ball-triangle-path-2 {
    33% {
        transform: translate(25px, 50px);
    }

    66% {
        transform: translate(-25px, 50px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

@keyframes ball-triangle-path-3 {
    33% {
        transform: translate(-50px, 0px);
    }

    66% {
        transform: translate(-25px, -50px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

@keyframes ball-pulse-sync {
    33% {
        transform: translateY(10px);
    }

    66% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}


/* ---------- MAX 320PX ---------- */
@media only screen and (max-width: 320px) {
}