/* imported styles */



@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,500,300,200,100);

@import url(../revolution/css/settings.css);


@import url('bootstrap.min.css');
@import url('animate.css');
@import url('font-awesome.min.css');
@import url('hover.css');
@import url('jquery.bxslider.css');
@import url('owl.carousel.css');
@import url('owl.theme.default.min.css');
@import url('strocke-gap-icons-style.css');
@import url('jquery.fancybox.css');
@import url('../fonts/flaticon/flaticon.css');



/* global styles */



body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 26px;
    color: #000;
    letter-spacing: .02em;
}


ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
}

img {
    max-width: 100%;
}

p {
}



/* Start button css */



.contact-us-button {
    border-right: 1px solid #000000;
    display: inline-block;
    padding: 6px 23px;
    border-radius: 5px;
    text-transform: uppercase;
}

a.contact-button {
    background: #252525 none repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    margin-left: 35px;
    border: 1px solid #252525;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

    a.contact-button:hover {
        border-color: #fff;
    }

        a.contact-button:hover .contact-us-button {
            border-right-color: transparent;
        }

        a.contact-button:hover i {
            border-left-color: #fff;
            color: #fff;
        }

    a.contact-button i {
        border-left: 1px solid #404040;
        color: #a0c627;
        display: inline-block;
        font-size: 16px;
        margin-left: -4px;
        padding: 10px 14px 12px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.contact-button {
    /* effect styles */
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .contact-button:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
        border-radius: 5px;
        border: 1px solid #fff;
        background: #98BC24;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .contact-button:hover, .contact-button:focus, .contact-button:active {
        /*color: white;*/
    }

        .contact-button:hover:before, .contact-button:focus:before, .contact-button:active:before {
            -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1);
        }


a .gardner-button {
    display: inline-block;
    background: #252525;
    border-radius: 5px;
}

    a .gardner-button p {
        border-right: 1px solid #000000;
        color: #ffffff !important;
        display: inline-block;
        float: left;
        font-family: "Open Sans",sans-serif;
        font-size: 14px !important;
        line-height: 40px !important;
        margin: 0 !important;
        padding-left: 32px;
        padding-right: 23px;
        text-transform: uppercase;
    }

    a .gardner-button i {
        border-left: 1px solid #404040;
        display: inline-block;
        float: left;
        line-height: 40px;
        color: #98bc24;
        font-size: 16px;
        padding-left: 14px;
        padding-right: 15px;
    }
/* End button css */



/* gradient styles */

.mainmenu-gradient-bg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+19,e2e2e2+69,d7d7d7+100 */
    background: #ffffff;
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0);
    /* IE6-9 */
}




/* section title  styles */


.section-title h1 {
    font-size: 24px;
    line-height: 16px;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 50px;
    border-bottom: 1px solid #DADADA;
    padding-bottom: 20px;
    position: relative;
}

    .section-title h1:before {
        content: ' ';
        width: 50px;
        height: 2px;
        background: #99C802;
        display: block;
        position: absolute;
        bottom: -2px;
        left: 0;
    }

.section-title-style-2 h1 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ececec #ececec #ececec #85ae02;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    color: #000000;
    font-family: "Roboto Slab",serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 66px;
    margin: 0 0 50px;
    padding: 0 30px;
    position: relative;
    text-transform: uppercase;
}


.section-title2 {
    margin-bottom: 47px;
}

    .section-title2 p {
        color: #8d8d8d;
        font-family: "PT Serif",serif;
        font-size: 18px;
        font-style: italic;
        margin-bottom: 6px;
    }

    .section-title2 h1 {
        color: #242424;
        font-family: "Roboto Slab",serif;
        font-size: 22px;
        font-weight: 700;
        margin-top: 0;
        text-transform: uppercase;
    }

        .section-title2 h1:after {
            background: #99c802 none repeat scroll 0 0;
            content: "";
            display: inline-block;
            height: 2px;
            width: 50px;
        }

        .section-title2 h1 span {
            padding-right: 10px;
        }



/* header styles */


header {
    background: #272E16 url("../img/resources/header-bg.jpg") no-repeat scroll 0 0;
    background-size: 100% 100%;
    padding: 40px 0 65px;
}

.top-info {
    padding: 4px 0;
}

    .top-info .info-box {
        display: table-cell;
        vertical-align: middle;
        padding-right: 30px;
    }

        .top-info .info-box:last-child {
            padding-right: 0;
        }

        .top-info .info-box .icon-box,
        .top-info .info-box .text-box {
            display: table-cell;
            vertical-align: middle;
        }

        .top-info .info-box .icon-box {
            padding-right: 20px;
        }

            .top-info .info-box .icon-box i {
                font-size: 30px;
                color: #7FA409;
                position: relative;
                top: 5px;
                border-left: 1px solid #6B7261;
                padding-left: 30px;
            }

        .top-info .info-box .social-icons {
            font-size: 0;
            margin-left: -7.5px;
            margin-right: -7.5px;
            line-height: 6px;
            margin-top: 5px;
        }

            .top-info .info-box .social-icons li {
                display: inline-block;
                margin-left: 7.5px;
                margin-right: 7.5px;
            }

                .top-info .info-box .social-icons li a {
                    display: block;
                    font-size: 15px;
                    color: #A9AF8F;
                }

                    .top-info .info-box .social-icons li a:hover {
                        color: #7FA409;
                    }

        .top-info .info-box p {
            color: #A9AF8F;
            line-height: 20px;
            margin: 0;
        }

        .top-info .info-box span.highlighted {
            color: #7FA409;
        }

header .logo {
    margin: 4px 0 0;
}


/* mainmenu styles */

.mainmenu-navigation {
    margin-top: -35px;
    margin-bottom: -30px;
    position: relative;
    z-index: 9999;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

    .mainmenu-navigation.stricky-fixed {
        position: fixed;
        top: 35px;
        left: 0;
        width: 100%;
        z-index: 999;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+19,e2e2e2+69,d7d7d7+100 */
        background: #ffffff;
        /* Old browsers */
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0);
        /* IE6-9 */
    }

    .mainmenu-navigation .container {
        position: relative;
    }

        .mainmenu-navigation .container:before {
            content: '';
            position: absolute;
            top: 5px;
            left: 5px;
            right: 5px;
            bottom: 5px;
            z-index: 1;
            display: block;
            border: 1px solid rgba(255,255,255,.5);
        }

    .mainmenu-navigation .navigation {
        position: relative;
        z-index: 2;
        padding-left: 10px;
    }

        .mainmenu-navigation .navigation .nav-header {
            display: none;
            padding: 12px 10px;
        }

            .mainmenu-navigation .navigation .nav-header button {
                width: 40px;
                height: 40px;
                background: #7FA409;
                border: 1px solid #C4CAB3;
                color: #fff;
                font-size: 16px;
                border-radius: 5px;
                outline: none;
            }

.nav-footer {
    display: block;
}

    .nav-footer ul.nav li {
        float: left;
        padding: 18px 0;
        position: relative;
        z-index: 3;
    }

        .nav-footer ul.nav li:last-child a {
            border-right: 0;
        }

        .nav-footer ul.nav li a {
            display: block;
            font-family: 'Roboto Slab', sans-serif;
            font-size: 15px;
            color: #242424;
            line-height: 29px;
            border-right: 1px dashed #BEBEBE;
            font-weight: bold;
            text-transform: uppercase;
            padding: 0 25px;
        }



/* dropdown menu styles */


.mainmenu-navigation .navigation > .nav-footer ul > li.active > a,
.mainmenu-navigation .navigation > .nav-footer ul > li:hover > a {
    color: #7FA409;
}

.mainmenu-navigation .navigation > .nav-footer ul > li {
    position: relative;
    z-index: 99;
    padding: 18px 0;
}

.mainmenu-navigation .navigation ul li.arrow_down .fa-bars {
    display: none;
}

.mainmenu-navigation .navigation > .nav-footer ul > li > .sub-menu a:before {
    content: '\f105';
    font-family: 'FontAwesome';
    padding-right: 10px;
}

.mainmenu-navigation .navigation > .nav-footer ul > li .sub-menu li {
    padding: 0 25px;
    background: #fff;
    float: none;
}

.mainmenu-navigation .navigation > .nav-footer ul > li .sub-menu > ul > li:first-child > a {
    padding-top: 16px;
}

.mainmenu-navigation .navigation > .nav-footer ul > li .sub-menu > ul > li:last-child > a {
    padding-bottom: 16px;
}

.mainmenu-navigation .navigation > .nav-footer ul > li .sub-menu a:hover {
    color: #7FA409;
}

.mainmenu-navigation .navigation > .nav-footer ul > li .sub-menu a {
    font-weight: 400;
    border-bottom: 1px solid #EBEBEB;
    margin: 0;
    padding: 5px 0px;
    letter-spacing: .03em;
    font-size: 13px;
    text-transform: uppercase;
    color: #242424;
    font-family: 'Open Sans';
    border-right: none;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.mainmenu-navigation .navigation > .nav-footer ul > li > .sub-menu li:last-child a {
    border: none;
}

.mainmenu-navigation .navigation > .nav-footer ul > li > .sub-menu:before {
    content: '';
    background: url(../img/resources/menu-arrow.png) no-repeat;
    width: 28px;
    height: 13px;
    position: absolute;
    top: 10px;
    left: 45px;
}

.mainmenu-navigation .navigation > .nav-footer ul > li > .sub-menu {
    position: absolute;
    /*border-top:1px solid  rgba(255, 255, 255, 0.25);*/
    width: 340px;
    padding-top: 20px;
    top: 100%;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

    .mainmenu-navigation .navigation > .nav-footer ul > li > .sub-menu ul {
        box-shadow: 0 0 16px rgba(0,0,0, .11);
    }

.mainmenu-navigation .navigation > .nav-footer ul > li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

    .mainmenu-navigation .navigation > .nav-footer ul > li:hover .sub-menu ul li {
        position: relative;
    }

        .mainmenu-navigation .navigation > .nav-footer ul > li:hover .sub-menu ul li .sub-menu {
            position: absolute;
            /*border-top:1px solid  rgba(255, 255, 255, 0.25);*/
            width: 390px;
            padding-top: 0px;
            padding-left: 20px;
            top: 0;
            left: 100%;
            opacity: 0;
            filter: alpha(opacity=0);
            visibility: hidden;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

        .mainmenu-navigation .navigation > .nav-footer ul > li:hover .sub-menu ul li:hover .sub-menu {
            opacity: 1;
            filter: alpha(opacity=100);
            visibility: visible;
        }

        .mainmenu-navigation .navigation > .nav-footer ul > li:hover .sub-menu ul li .sub-menu:before {
            content: '';
            background: url(../img/resources/menu-arrow.png) no-repeat;
            width: 28px;
            height: 13px;
            position: absolute;
            top: 20px;
            left: 4px;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }



.nav-footer ul.nav li a:focus,
.nav-footer ul.nav li a:active,
.nav-footer ul.nav li a:hover {
    background-color: transparent;
}

.mainmenu-navigation .search-wrapper {
    background: #7FA409;
    padding: 0px 26px;
    position: relative;
}

    .mainmenu-navigation .search-wrapper:before {
        content: '';
        position: absolute;
        top: 0;
        left: -35px;
        width: 74px;
        height: 100%;
        background: #7FA409;
        -webkit-transform: skewX(-45deg);
        -ms-transform: skewX(-45deg);
        transform: skewX(-45deg);
    }

.mainmenu-navigation.stricky-fixed .search-wrapper:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 2000px;
    background: #7FA409;
    height: 100%;
    z-index: -1;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
}

.mainmenu-navigation .search-wrapper {
    position: relative;
}

    .mainmenu-navigation .search-wrapper > ul {
        line-height: 0;
    }

        .mainmenu-navigation .search-wrapper > ul > li {
            display: inline-block;
            margin-right: 11px;
            padding: 16px 0;
        }

            .mainmenu-navigation .search-wrapper > ul > li:last-child {
                margin-right: -1px;
            }

            .mainmenu-navigation .search-wrapper > ul > li > button {
                display: block;
                font-size: 14px;
                color: #FFFFFF;
                background-color: transparent;
                width: 33px;
                height: 33px;
                line-height: 31px;
                border: 1px solid #C4CAB3;
                border-radius: 50%;
                position: relative;
                z-index: 3;
                outline: none;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

            .mainmenu-navigation .search-wrapper > ul > li:hover > button {
                background: #272C0F;
                border-color: #272C0F;
            }

            .mainmenu-navigation .search-wrapper > ul > li:hover > ul {
                visibility: visible;
                opacity: 1;
                filter: alpha(opacity=100);
            }

            .mainmenu-navigation .search-wrapper > ul > li > ul {
                position: absolute;
                top: 100%;
                right: 0;
                width: 350px;
                visibility: hidden;
                opacity: 0;
                filter: alpha(opacity=0);
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

                .mainmenu-navigation .search-wrapper > ul > li > ul.search-box {
                    background: #2F2F2F;
                    padding: 35px 30px;
                }

                    .mainmenu-navigation .search-wrapper > ul > li > ul.search-box form {
                        height: 45px;
                        background: #7FA409;
                    }

                        .mainmenu-navigation .search-wrapper > ul > li > ul.search-box form input {
                            width: calc(100% - 52px);
                            height: 100%;
                            border: none;
                            outline: none;
                            color: #fff;
                            background-color: transparent;
                            line-height: 15px;
                            padding-left: 15px;
                        }

                            .mainmenu-navigation .search-wrapper > ul > li > ul.search-box form input::-webkit-input-placeholder {
                                color: #fff;
                                text-transform: capitalize;
                            }

                            .mainmenu-navigation .search-wrapper > ul > li > ul.search-box form input:-moz-placeholder { /* Firefox 18- */
                                color: #fff;
                                text-transform: capitalize;
                            }

                            .mainmenu-navigation .search-wrapper > ul > li > ul.search-box form input::-moz-placeholder { /* Firefox 19+ */
                                color: #fff;
                                text-transform: capitalize;
                            }

                            .mainmenu-navigation .search-wrapper > ul > li > ul.search-box form input:-ms-input-placeholder {
                                color: #fff;
                                text-transform: capitalize;
                            }

                        .mainmenu-navigation .search-wrapper > ul > li > ul.search-box form button {
                            width: 40px;
                            height: 100%;
                            line-height: 45px;
                            color: #fff;
                            font-size: 15px;
                            background-color: transparent;
                            border: none;
                            outline: none;
                        }

                .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box {
                    background: #fff;
                    padding-top: 10px;
                    padding-left: 30px;
                    padding-right: 30px;
                    padding-bottom: 20px;
                    box-shadow: 0 0 16px rgba(0,0,0, .11);
                }

                    .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-header h4 {
                        text-transform: capitalize;
                        color: #391F0A;
                        font-size: 16px;
                        font-weight: bold;
                        margin-bottom: 15px;
                    }

                    .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-content {
                        padding: 15px 0;
                        border-top: 1px dashed #BEBEBE;
                    }

                        .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-content .content,
                        .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-content .img-box {
                            display: table-cell;
                            vertical-align: top;
                        }

                        .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-content .img-box {
                            width: 100px;
                        }

                        .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-content .content {
                            padding-left: 30px;
                        }

                            .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-content .content h4 {
                                font-family: "Roboto Slab",serif;
                                font-size: 14px;
                                font-weight: 700;
                                line-height: 30px;
                                margin: 0;
                                text-transform: uppercase;
                                color: #000;
                                margin-top: 5px;
                                margin-bottom: 5px;
                            }

                            .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-content .content i {
                                color: #7fa409;
                                cursor: pointer;
                                font-size: 13px;
                            }

                            .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-content .content ul.price {
                                margin-top: 15px;
                                margin-left: -10px;
                                margin-right: -10px;
                            }

                                .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-content .content ul.price li {
                                    display: table-cell;
                                    vertical-align: middle;
                                    padding: 5px 10px;
                                }

                                    .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-content .content ul.price li span {
                                        color: #2d2d2d;
                                        font-size: 16px;
                                        font-weight: 600;
                                        font-style: italic;
                                        font-family: "PT Serif",serif;
                                    }

                    .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer {
                        border-top: 1px dashed #BEBEBE;
                    }

                        .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .total-price {
                            float: left;
                        }

                            .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .total-price h4 {
                                color: #000;
                                text-transform: capitalize;
                                font-weight: 700;
                                font-size: 14px;
                            }

                    .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer {
                        padding-top: 15px;
                    }

                        .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box {
                            float: right;
                        }

                            .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box a {
                                display: block;
                                line-height: 35px;
                                text-transform: uppercase;
                                background: #7FA409;
                                font-size: 13px;
                                height: 35px;
                                color: #fff;
                                border-radius: 5px;
                                padding: 0 15px;
                            }

                            .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box i {
                                padding-left: 10px;
                                margin-left: 10px;
                                border-left: 1px solid #fff;
                                line-height: 35px;
                            }

                            .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box a {
                                /* effect styles */
                                display: inline-block;
                                vertical-align: middle;
                                -webkit-transform: translateZ(0);
                                transform: translateZ(0);
                                -webkit-backface-visibility: hidden;
                                backface-visibility: hidden;
                                -moz-osx-font-smoothing: grayscale;
                                position: relative;
                                -webkit-transition-property: color;
                                transition-property: color;
                                -webkit-transition-duration: 0.3s;
                                transition-duration: 0.3s;
                            }

                                .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box a:before {
                                    content: "";
                                    position: absolute;
                                    z-index: -1;
                                    top: -1px;
                                    left: -1px;
                                    right: -1px;
                                    bottom: -1px;
                                    border-radius: 5px;
                                    border: 1px solid #fff;
                                    background: #000000;
                                    -webkit-transform: scaleX(0);
                                    -ms-transform: scaleX(0);
                                    transform: scaleX(0);
                                    -webkit-transform-origin: 0 50%;
                                    -ms-transform-origin: 0 50%;
                                    transform-origin: 0 50%;
                                    -webkit-transition-property: -webkit-transform;
                                    transition-property: transform;
                                    -webkit-transition-duration: 0.3s;
                                    transition-duration: 0.3s;
                                    -webkit-transition-timing-function: ease-out;
                                    transition-timing-function: ease-out;
                                }

                                .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box a:hover, .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box a:focus, .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box a:active {
                                    /*color: white;*/
                                }

                                    .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box a:hover:before, .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box a:focus:before, .mainmenu-navigation .search-wrapper > ul > li > ul.cart-box .cart-footer .checkout-box a:active:before {
                                        -webkit-transform: scaleX(1);
                                        -ms-transform: scaleX(1);
                                        transform: scaleX(1);
                                    }

.nav-footer ul.nav li.dropdown > a > button {
    display: none;
}



/* banner styles */


.rev_slider_wrapper #slider1 .G3infotecker-caption-h1 {
    font-family: 'Roboto Slab';
    font-size: 50px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    background: #7FA409;
    line-height: 50px;
    padding: 0 20px;
    padding-bottom: 6px;
    padding-top: 5px;
}

    .rev_slider_wrapper #slider1 .G3infotecker-caption-h1.bg-white {
        background: #E8E8E6;
        color: #391F0A;
    }

    .rev_slider_wrapper #slider1 .G3infotecker-caption-h1 span {
        font-weight: bold !important;
    }

    .rev_slider_wrapper #slider1 .G3infotecker-caption-h1.font-light {
        font-weight: 300;
    }

.rev_slider_wrapper #slider1 .G3infotecker-caption-p {
    color: #fff;
    font-size: 20px;
    font-style: italic;
    line-height: 28px;
    font-weight: normal;
}

.rev_slider_wrapper #slider1 .banner-btn {
    border: 2px solid #fff;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    line-height: 46px;
    display: inline-block;
    padding: 0 23px;
}

    .rev_slider_wrapper #slider1 .banner-btn i {
        margin-left: 18px;
    }

.rev_slider_wrapper #slider1 .banner-btn {
    /* effect styles */
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .rev_slider_wrapper #slider1 .banner-btn:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px;
        background: #98BC24;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .rev_slider_wrapper #slider1 .banner-btn:hover, .rev_slider_wrapper #slider1 .banner-btn:focus, .rev_slider_wrapper #slider1 .banner-btn:active {
        /*color: white;*/
    }

        .rev_slider_wrapper #slider1 .banner-btn:hover:before, .rev_slider_wrapper #slider1 .banner-btn:focus:before, .rev_slider_wrapper #slider1 .banner-btn:active:before {
            -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1);
        }



/**
* Parallax Eelement Styles.
**/
.parallax-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.parallax {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    z-index: -1;
}








/**
* Background Image effect Styles.
**/

.bg-img-sharp-effect {
    -webkit-filter: contrast(0.75);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.75" intercept="0.125" /><feFuncG type="linear" slope="0.75" intercept="0.125" /><feFuncB type="linear" slope="0.75" intercept="0.125" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: contrast(0.75);
    filter: contrast(0.75);
    mix-blend-mode: overlay;
}

/**
* Promotional Styles.
**/

#promotional-text {
    background: #FE5454;
    color: #fff;
}

    #promotional-text p {
        margin-bottom: 0;
        font-size: 30px;
        line-height: 125px;
        font-weight: 200;
        color: #fff;
        text-align: center;
    }

        #promotional-text p b {
            font-weight: 500;
        }
/**
* Who We Are Styles.
**/

#who-we-are {
    padding: 80px 0;
}

    #who-we-are .large-box div {
        padding: 0;
    }

    #who-we-are .large-box .col-lg-6 img {
        width: 100%;
    }

    #who-we-are .large-box .col-lg-6:last-child {
        background: #51B7E3;
        color: #fff;
        padding: 35.5px 30px;
    }

    #who-we-are .large-box div h2 {
        font-size: 24px;
        line-height: 28px;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0;
        margin-bottom: 15px;
    }

    #who-we-are .large-box div p {
        font-size: 15px;
        line-height: 28px;
        font-weight: 500;
    }

    #who-we-are .large-box .img-holder {
        position: relative;
        overflow: hidden;
    }

    #who-we-are .large-box:hover .img-holder:before {
        left: 0;
    }

    #who-we-are .large-box .img-holder:before {
        content: ' ';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 100%;
        background: rgba(152, 199, 0, .75);
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    #who-we-are .large-box:hover .hvr-bounce-to-left:before {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }

    #who-we-are .large-box .hvr-bounce-to-left:before {
        background: #FE5454;
    }

    #who-we-are .single-box .img-holder {
        position: relative;
        overflow: hidden;
    }

    #who-we-are .single-box:hover .img-holder:before {
        bottom: 0;
    }

    #who-we-are .single-box .img-holder:before {
        content: ' ';
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 100%;
        left: 0;
        background: rgba(254, 84, 84, .75);
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    #who-we-are .single-box h2 {
        font-size: 16px;
        line-height: 28px;
        font-weight: bold;
        color: #000000;
        text-transform: uppercase;
        margin: 0;
        margin-top: 25px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    #who-we-are .single-box:hover h2 {
        color: #12AEF8;
    }

    #who-we-are .single-box p {
        font-weight: 500;
        font-size: 14px;
        line-height: 28px;
        color: #000;
        margin-top: 7px;
    }


/**
* Service We Provide Styles.
**/

#service-we-provide {
    padding: 80px 0;
    background: #F9F9F9;
}

    #service-we-provide .section-title h1 {
        width: 75%;
    }

.service-tab-title ul li {
    font-size: 13px;
    line-height: 45px;
    color: #787878;
    font-weight: 500;
    padding: 0 25px;
    text-transform: uppercase;
    border: 1px solid #E4E4E4;
    border-top: 0;
    cursor: pointer;
    background: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

    .service-tab-title ul li:first-child {
        border-top: 1px solid #E4E4E4;
    }

    .service-tab-title ul li:hover,
    .service-tab-title ul li.active {
        color: #99C802;
        position: relative;
        background: #F9F9F9;
        border-right: 0;
    }

        .service-tab-title ul li.active:before {
            content: ' ';
            width: 6px;
            height: 100%;
            background: #99C802;
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
        }

.service-tab-content {
    position: relative;
}

    .service-tab-content > div:last-child {
        padding: 0;
    }

    .service-tab-content p {
        font-size: 14px;
        line-height: 26px;
        color: #000;
        font-weight: 500;
        margin-bottom: 40px;
    }

    .service-tab-content ul li {
        font-size: 14px;
        line-height: 35px;
        margin-left: 15px;
        color: #999999;
    }

        .service-tab-content ul li .fa {
            color: #99C802;
            margin-right: 10px;
            font-size: 16px;
        }

    .service-tab-content .col-lg-8 .col-lg-6:first-child {
        padding: 0;
    }

    .service-tab-content .col-lg-8 .row {
        margin: 0;
    }

    .service-tab-content .col-lg-8 .col-lg-6 img {
        width: 100%;
    }

    .service-tab-content .col-lg-4 {
        position: absolute;
        right: 40px;
        bottom: -95px;
        padding: 0;
    }

        .service-tab-content .col-lg-4 img {
            max-width: none;
            width: 288px;
        }
/**
* Our Project Styles.
**/

#our-projects {
    background: url(../img/our-projects/bg.html) 0 0 no-repeat;
    background-size: cover;
    padding: 80px 0;
}

    #our-projects .section-title h1 {
        color: #fff;
        border-color: #30505E;
    }

        #our-projects .section-title h1:before {
            background: #12AEF8;
        }

.masonary-gallery {
    position: relative;
    padding: 0;
}

#our-projects .masonary-item {
    position: relative;
    float: left;
    overflow: hidden;
    width: 25%;
    height: 245px;
    margin-bottom: 30px;
    padding: 0 15px;
}

    #our-projects .masonary-item.width-1 {
        width: 25%;
    }

    #our-projects .masonary-item.width-2 {
        width: 50%;
    }

    #our-projects .masonary-item.height-1 {
        height: 520px;
    }

    #our-projects .masonary-item img {
        width: 100%;
        height: 100%;
    }

    #our-projects .masonary-item .img-wrap {
        position: relative;
    }

        #our-projects .masonary-item .img-wrap .content-wrap {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            padding: 10px;
            cursor: pointer;
            background: rgba(254, 84, 84, .85);
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

    #our-projects .masonary-item:hover .img-wrap .content-wrap {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    #our-projects .masonary-item .img-wrap .content-wrap .border {
        width: 100%;
        height: 100%;
        position: relative;
    }

        #our-projects .masonary-item .img-wrap .content-wrap .border:before {
            position: absolute;
            border: 1px solid #fff;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            content: '';
        }

    #our-projects .masonary-item .img-wrap .content-wrap h4 {
        color: #fff;
        margin: 0;
        font-size: 16px;
        line-height: 22px;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
    }

    #our-projects .masonary-item .img-wrap .content-wrap span {
        color: #fff;
        display: block;
        font-size: 14px;
        line-height: 22px;
        text-transform: capitalize;
        font-weight: 500;
        text-align: center;
    }

    #our-projects .masonary-item .img-wrap .content-wrap .content {
        position: relative;
        top: 45%;
    }

#our-projects .view-all-btn {
    text-align: center;
}

#our-projects a.view-all {
    border: 1px solid #4C7B96;
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
    line-height: 35px;
    padding: 0 29px;
    font-weight: 500;
    font-size: 13px;
    margin: auto;
    display: inline-block;
    margin-top: 35px;
}

    #our-projects a.view-all:hover {
        border-color: transparent;
    }

    #our-projects a.view-all:before {
        background: #FE5454;
    }
/**
* Our Specialist Styles.
**/

#our-specialist {
    padding: 80px 0;
}

    #our-specialist .single-member {
        position: relative;
        display: block;
        padding-bottom: 75px;
    }

        #our-specialist .single-member:before {
            background: #E3E3E3;
        }

        #our-specialist .single-member img {
            display: block;
            margin: auto;
            padding-top: 25px;
        }

        #our-specialist .single-member .info {
            width: 100%;
            background: #E2BA4B;
            text-align: center;
            padding: 15px 0;
            position: absolute;
            bottom: 0;
        }

            #our-specialist .single-member .info:before {
                background: #95C400;
            }

            #our-specialist .single-member .info h2,
            #our-specialist .single-member .info a,
            #our-specialist .single-member .info p {
                color: #fff;
            }

            #our-specialist .single-member .info .social {
                opacity: 0;
                filter: alpha(opacity=0);
                visibility: hidden;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
                height: 0;
            }

    #our-specialist .col-lg-3:hover .info .social {
        visibility: visible;
        opacity: 1;
        filter: alpha(opacity=100);
        display: block;
        margin-bottom: 30px;
        height: auto;
    }

    #our-specialist .single-member .info .social li {
        display: inline;
    }

        #our-specialist .single-member .info .social li a {
            display: inline-block;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            border: 1px solid #fff;
            margin-right: 5px;
            text-align: center;
        }

            #our-specialist .single-member .info .social li a .fa {
                font-size: 16px;
                line-height: 32px;
            }

    #our-specialist .single-member .info h2 {
        margin: 0;
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
    }

    #our-specialist .single-member .info p {
        font-size: 14px;
        line-height: 22px;
        color: #fff;
        margin-bottom: 0;
        text-transform: capitalize;
        font-weight: 500;
    }

    #our-specialist .col-lg-3:hover .info:before,
    #our-specialist .col-lg-3:focus .info:before,
    #our-specialist .col-lg-3:active .info:before {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }
/**
* Testimonials Styles.
**/

#testimonials {
    padding: 80px 0;
    background: #F5F4F4;
}

    #testimonials .single-testimonial {
        background: #fff;
    }

        #testimonials .single-testimonial .profile-info {
            padding: 15px 0px 15px 15px;
        }

            #testimonials .single-testimonial .profile-info img {
                position: relative;
                bottom: 30px;
            }

            #testimonials .single-testimonial .profile-info h2 {
                font-size: 14px;
                line-height: 26px;
                color: #312F3E;
                font-weight: bold;
                text-transform: uppercase;
                text-align: center;
                margin: 0;
                margin-top: -10px;
            }

        #testimonials .single-testimonial .content {
            width: 61%;
            padding-top: 20px;
            padding-right: 25px;
            border-top: 2px solid #99C802;
            padding-left: 20px;
        }

            #testimonials .single-testimonial .content p {
                font-size: 14px;
                line-height: 26px;
                color: #000;
                font-weight: 500;
                margin-bottom: 0;
            }

        #testimonials .single-testimonial:before {
            background: #99C802;
        }

        #testimonials .single-testimonial .content .fa {
            font-size: 19px;
            margin-right: 10px;
            color: #99C802;
        }

        #testimonials .single-testimonial:hover .fa,
        #testimonials .single-testimonial:hover h2,
        #testimonials .single-testimonial:hover p {
            color: #fff;
        }
/**
* Emergency Styles.
**/

#emergency {
    background: url(../img/emergency/bg.html) top right no-repeat;
    background-size: cover;
}

    #emergency .container {
        position: relative;
        padding: 35px 0;
    }

    #emergency .row {
        margin: 0;
    }

    #emergency .col-lg-3 {
        position: absolute;
        bottom: 0px;
    }

    #emergency h2 {
        font-size: 30px;
        line-height: 35px;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0;
        margin-bottom: 5px;
    }

        #emergency h2 span {
            font-weight: 300;
        }

    #emergency p {
        font-size: 18px;
        line-height: 26px;
        color: #fff;
    }

        #emergency p.phone-contact {
            font-size: 22px;
            color: #161F36;
            font-family: 'Open Sans', sans-serif;
            line-height: 46px;
            margin-bottom: 0;
        }

            #emergency p.phone-contact b {
                font-size: 34px;
                margin-right: 10px;
                position: relative;
                top: 5px;
            }

            #emergency p.phone-contact a {
                border: 1px solid #fff;
                background-color: transparent;
                color: #fff;
                text-transform: uppercase;
                line-height: 35px;
                padding: 0 31px;
                font-weight: 500;
                font-size: 14px;
                font-weight: bold;
                margin-left: 15px;
                position: relative;
                bottom: 3px;
                outline: none;
                display: inline-block;
            }

                #emergency p.phone-contact a:before {
                    background: #FE5454;
                }
/**
* Blog Styles.
**/

#blog {
    padding: 80px 0;
}

    #blog .img-wrap {
        padding: 0;
        position: relative;
        overflow: hidden;
    }

    #blog .blog-wrap:hover .img-wrap:before {
        top: 0;
    }

    #blog .img-wrap:before {
        content: ' ';
        background: rgba(152, 199, 0, .75);
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    #blog .img-wrap img {
        width: 100%;
    }

    #blog .img-wrap h2 {
        font-weight: bold;
        font-size: 24px;
        line-height: 26px;
        color: #85AE02;
        text-transform: uppercase;
        text-align: center;
        margin: 0;
        margin: 11px 0;
    }

    #blog .content-wrap {
        background: #F5F4F4;
        padding: 25px 22px 0;
        position: relative;
    }

        #blog .content-wrap:before {
            content: ' ';
            width: 100%;
            height: 4px;
            background: #98C700;
            position: absolute;
            top: 0;
            left: 0;
        }

        #blog .content-wrap h2 {
            font-size: 16px;
            line-height: 26px;
            font-weight: bold;
            color: #000000;
            text-transform: uppercase;
            margin: 0;
            margin-bottom: 12px;
        }

        #blog .content-wrap p {
            font-size: 14px;
            line-height: 26px;
            color: #000;
            font-weight: 500;
            margin-bottom: 0;
        }

        #blog .content-wrap ul {
            margin-top: 20px;
            padding: 10px 0;
            border-top: 1px solid #DCDBDB;
            text-align: center;
        }

            #blog .content-wrap ul li {
                display: inline;
            }

                #blog .content-wrap ul li a,
                #blog .content-wrap ul li span {
                    display: inline-block;
                    font-size: 13px;
                    color: #000;
                    padding: 0 0 0 10px;
                }

                    #blog .content-wrap ul li span b {
                        color: #060606;
                    }

                #blog .content-wrap ul li a {
                    color: #FD9C1E;
                }

                #blog .content-wrap ul li span:after {
                    content: '|';
                    display: inline-block;
                    font-size: 13px;
                    color: #AAA9A9;
                    margin-left: 10px;
                }
/**
* Clients Styles.
**/

#clients .container {
    border-top: 1px solid #E2E2E2;
    padding: 50px;
    position: relative;
}

#clients .owl-carousel {
    padding: 0 20px;
}

#clients .container .item img {
    opacity: .3 !important;
    filter: alpha(opacity=30);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

#clients .container .item:hover img {
    opacity: 1 !important;
    filter: alpha(opacity=100);
}

#clients .container .owl-prev {
    position: absolute;
    left: -45px;
    top: -15px;
}

#clients .container .owl-next {
    position: absolute;
    right: -45px;
    top: -15px;
}

#clients .container .owl-theme .owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

    #clients .container .owl-theme .owl-nav div {
        background: none;
    }

        #clients .container .owl-theme .owl-nav div .fa {
            color: #B9B9B9;
            font-size: 30px;
        }
/**
* Footer Styles.
**/

footer {
    background: url(../img/resources/footer-bg.jpg) 0 0 no-repeat;
    background-size: cover;
}

    footer .container {
        border-top: 4px solid #FE5454;
    }

        footer .container .col-lg-12 .request-for-qoute-wrap {
            text-align: center;
        }

        footer .container .col-lg-12 a.request-for-qoute {
            font-size: 20px;
            line-height: 45px;
            color: #fff;
            font-weight: 900;
            background: #FE5454;
            border: 1px solid #FE5454;
            text-transform: uppercase;
            display: inline-block;
            margin: auto;
            border: none;
            outline: none;
            padding: 0 45px;
        }

            footer .container .col-lg-12 a.request-for-qoute:hover,
            footer .container .col-lg-12 a.request-for-qoute:focus {
                color: #FE5454;
            }

            footer .container .col-lg-12 a.request-for-qoute:before {
                background: #fff;
            }

    footer .footer-menu {
        margin-top: 35px;
        padding-bottom: 15px;
        border-bottom: 1px solid #1A4657;
        margin-bottom: 50px;
    }

        footer .footer-menu ul {
            text-align: center;
        }

            footer .footer-menu ul li {
                display: inline;
            }

                footer .footer-menu ul li a {
                    display: inline-block;
                    font-size: 13px;
                    line-height: 45px;
                    color: #14AFF8;
                    text-transform: uppercase;
                    padding: 0 30px;
                    -webkit-transition: all .3s ease;
                    transition: all .3s ease;
                }

                    footer .footer-menu ul li a:hover {
                        color: #FE5454;
                    }

    footer .widget h3 {
        font-size: 16px;
        line-height: 26px;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        margin: 0;
        padding-bottom: 15px;
        margin-bottom: 10px;
        border-bottom: 1px solid #0E3C4F;
    }

    footer .widget p {
        font-size: 14px;
        line-height: 24px;
        color: #7e959e;
    }

    footer .widget a.read-more {
        color: #3288b0;
        line-height: 24px;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 600;
    }

    footer .widget .social {
        text-align: left;
        margin-top: 10px;
    }

        footer .widget .social li {
            display: inline;
        }

            footer .widget .social li a {
                display: inline-block;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                background: #FE5454;
                text-align: center;
                line-height: 40px;
                color: #224755;
                font-size: 17px;
                margin-right: 5px;
                -webkit-transition: all .3s ease;
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                transform: rotate(0deg);
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

            footer .widget .social li:hover a {
                color: #FE5454;
                -webkit-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                transform: rotate(360deg);
            }

            footer .widget .social li a:before {
                background: #fff;
            }

    footer .widget .popular-post li {
        padding-bottom: 9px;
        margin-bottom: 9px;
        border-bottom: 1px solid #0E3C4F;
    }

        footer .widget .popular-post li:last-child {
            border: none;
        }

        footer .widget .popular-post li a h5 {
            font-size: 14px;
            line-height: 18px;
            color: #7e959e;
            margin: 0;
            margin-bottom: 5px;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

        footer .widget .popular-post li a:hover h5 {
            color: #FE5454;
        }

        footer .widget .popular-post li p {
            color: #445058;
            margin-bottom: 0;
            font-size: 14px;
        }

    footer .widget .contact-info li {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 14px;
        margin-bottom: 20px;
    }

        footer .widget .contact-info li:last-child {
            border: none;
        }

        footer .widget .contact-info li .icon-box,
        footer .widget .contact-info li .content {
            display: table-cell;
            vertical-align: middle;
        }

        footer .widget .contact-info li .icon-box {
            text-align: center;
        }

        footer .widget .contact-info li .content {
            padding-left: 20px;
        }

            footer .widget .contact-info li .content p {
                font-size: 14px;
                line-height: 18px;
            }

            footer .widget .contact-info li .content.phone p {
                font-size: 16px;
                line-height: 28px;
            }

        footer .widget .contact-info li .fa {
            font-size: 25px;
        }

        footer .widget .contact-info li p {
            margin: 0;
        }

        footer .widget .contact-info li .fa-envelope-o {
            font-size: 18px;
        }

        footer .widget .contact-info li .fa-phone {
            font-size: 21px;
        }

    footer .widget img.positioned {
        margin-top: -35px;
    }

    footer .footer-menu .footer-nav-toggler {
        display: none;
    }
/**
* Bottom Bar Styles.
**/

#bottom-bar {
    background: #041D26;
}

    #bottom-bar .container p {
        margin-bottom: 0;
        color: #185166;
        font-size: 14px;
        line-height: 80px;
    }
/**
* Page Title Styles.
**/

#page-title {
    background: url(../img/resources/page-title-bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 65px 0;
}

    #page-title .container {
        position: relative;
    }

    #page-title .title {
        text-align: center;
    }

        #page-title .title h1 {
            text-align: center;
            display: inline-block;
            margin: auto;
            color: #fff;
            text-transform: uppercase;
            font-size: 30px;
            line-height: 50px;
            border: 1px solid #fff;
            padding: 0 52px;
            font-weight: bold;
        }

    #page-title .page-breadcumb {
        color: #fff;
        font-size: 13px;
        font-weight: 500;
        text-transform: uppercase;
        padding-top: 12px;
    }

        #page-title .page-breadcumb a {
            color: #fff;
        }

        #page-title .page-breadcumb .fa {
            font-size: 15px;
            margin-right: 5px;
            margin-left: 5px;
        }
/**
* Our Mission Styles.
**/

#our-mission {
    padding: 80px 0;
}

    #our-mission p {
        font-size: 14px;
        line-height: 26px;
        color: #000;
        font-weight: 500;
    }

        #our-mission p br {
            display: none;
        }

    #our-mission ul li {
        font-size: 14px;
        line-height: 35px;
        color: #999999;
    }

        #our-mission ul li .fa {
            color: #99C802;
            margin-right: 10px;
            font-size: 16px;
        }

    #our-mission:hover .img-holder:before {
        height: 100%;
    }

    #our-mission .img-holder {
        position: relative;
        overflow: hidden;
        display: inline-block;
    }

        #our-mission .img-holder:before {
            content: ' ';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            background: rgba(152, 188, 36, 0.75);
            height: 0%;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }
/**
* Featured Styles.
**/

#featured {
    background: #313718;
}

    #featured .col-lg-8 {
        padding: 80px 0 40px;
    }

    #featured .col-lg-4 img {
        max-width: none;
        float: right;
    }

    #featured .content {
        margin-bottom: 30px;
    }

        #featured .content:last-child {
            margin-bottom: 0;
        }

    #featured .content-wrap {
        width: 85%;
    }

        #featured .content-wrap h2 {
            font-size: 16px;
            line-height: 26px;
            font-weight: bold;
            color: #E2BA4B;
            text-transform: uppercase;
            margin: 0;
            margin-bottom: 10px;
        }

        #featured .content-wrap p {
            font-size: 14px;
            line-height: 26px;
            color: #FFFFFF;
            font-weight: 500;
        }

    #featured:hover .about-image:before {
        right: 3%;
    }

    #featured .about-image:before {
        content: ' ';
        position: absolute;
        top: 0;
        right: 200%;
        width: 1200px;
        background: rgba(152, 188, 36, 0.75);
        height: 100%;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }
/**
* Emergency Customization About page Styles.
**/

#emergency.about-page {
    background-color: #fff;
}
/**
* Service Content Styles.
**/

#service-content {
    padding: 80px 0;
}

    #service-content .col-lg-8 h1 {
        color: #000000;
        font-size: 30px;
        line-height: 30px;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0;
        margin-bottom: 15px;
    }

    #service-content .col-lg-8 p {
        font-size: 14px;
        line-height: 26px;
        color: #8E8D8D;
        font-weight: 500;
        margin-bottom: 30px;
    }

        #service-content .col-lg-8 p.highlighted {
            color: #3D3D3D;
            font-size: 18px;
            line-height: 28px;
            font-weight: 500;
        }

    #service-content .col-lg-8 button {
        background: #98BC24;
        border: none;
        outline: none;
        color: #fff;
        font-size: 22px;
        font-weight: 300;
        line-height: 45px;
        height: 45px;
        margin-right: 25px;
        font-family: 'Open Sans', sans-serif;
        padding: 0 28px;
    }

        #service-content .col-lg-8 button .fa {
            padding-right: 15px;
            margin-right: 15px;
            border-right: 1px solid #fff;
        }

        #service-content .col-lg-8 button.bold {
            font-weight: bold;
        }

    #service-content:hover .img-holder:before {
        height: 100%;
    }

    #service-content .img-holder {
        position: relative;
        overflow: hidden;
        display: inline-block;
    }

        #service-content .img-holder:before {
            content: ' ';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            background: rgba(152, 188, 36, 0.75);
            height: 0%;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

    #service-content .hvr-bounce-to-right:before {
        background: #7FA112;
    }
/**
* Featured Service Styles.
**/

#featured-service {
    background: #313718;
    background-size: cover;
    padding: 80px 0;
}

    #featured-service .section-title h1 {
        color: #fff;
        border-color: #50553A;
    }

        #featured-service .section-title h1:before {
            background: #99C802;
        }

    #featured-service .col-lg-3 h4 {
        color: #BFD96C;
        font-size: 14px;
        line-height: 45px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        margin: 0;
        margin-bottom: 0;
        border-bottom: 1px solid #53573F;
    }

    #featured-service .col-lg-3:hover .img-holder:before {
        height: 100%;
    }

    #featured-service .img-holder {
        position: relative;
        overflow: hidden;
        display: inline-block;
    }

        #featured-service .img-holder:before {
            content: ' ';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            background: rgba(152, 188, 36, 0.75);
            height: 0%;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }
/**
* Why choose us Styles.
**/

#why-choose-us {
    background: #fff;
    padding: 80px 0;
}

    #why-choose-us .col-lg-3 {
        text-align: center;
    }

        #why-choose-us .col-lg-3 .img-wrap {
            background: #667624;
            display: inline-block;
            padding: 20px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            margin-bottom: 45px;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

        #why-choose-us .col-lg-3:hover .img-wrap {
            -webkit-transform: rotate(405deg);
            -ms-transform: rotate(405deg);
            transform: rotate(405deg);
        }

        #why-choose-us .col-lg-3 .img-wrap img {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

        #why-choose-us .col-lg-3:hover .img-wrap img {
            -webkit-transform: rotate(-405deg);
            -ms-transform: rotate(-405deg);
            transform: rotate(-405deg);
        }

        #why-choose-us .col-lg-3 h4 {
            font-size: 16px;
            line-height: 28px;
            font-weight: bold;
            color: #000;
            text-transform: uppercase;
            margin: 0;
            margin-bottom: 15px;
        }

        #why-choose-us .col-lg-3 p {
            font-size: 14px;
            line-height: 26px;
            color: #000;
            font-weight: 500;
        }
/**
* Service Emergency Styles.
**/

#emergency.service-page {
    background-color: #fff;
}

.single-search-content .content {
    margin-top: -5px;
}
/**
* Blog page Styles.
**/
#blog-post.search-result .search-content .section-title2 {
    margin-top: -6px;
    margin-bottom: 0;
}

#blog-post {
    padding: 80px 0;
}

    #blog-post article {
        margin-bottom: 65px;
    }

        #blog-post article:last-child {
            margin-bottom: 65px;
        }

        #blog-post article h2 {
            font-size: 24px;
            line-height: 30px;
            color: #000000;
            font-weight: bold;
            text-transform: uppercase;
            margin: 0;
            margin-bottom: 5px;
        }

        #blog-post article .img-holder {
            margin-bottom: 38px;
            position: relative;
            overflow: hidden;
        }

        #blog-post article .post-meta {
            margin-bottom: 23px;
        }

        #blog-post article .post-date {
            text-align: center;
            color: #FE5454;
            font-size: 22px;
            line-height: 20px;
            color: #85AE02;
            font-weight: bold;
            width: 70px;
            height: 70px;
            border: 1px solid #E2E2E2;
            padding-top: 13px;
            float: left;
            margin-right: 30px;
        }

            #blog-post article .post-date span {
                font-size: 16px;
                text-transform: uppercase;
            }

        #blog-post article .post-title {
            width: 75%;
            float: left;
        }

            #blog-post article .post-title ul {
                text-align: left;
            }

                #blog-post article .post-title ul li {
                    display: inline;
                }

                    #blog-post article .post-title ul li span {
                        font-size: 13px;
                        line-height: 13px;
                        color: #BBBBBB;
                        display: inline-block;
                        font-weight: 500;
                        border-right: 1px solid #BBBBBB;
                        padding: 0 10px;
                    }

                    #blog-post article .post-title ul li:first-child span {
                        padding-left: 0;
                    }

                    #blog-post article .post-title ul li:last-child span {
                        border-right: none;
                    }

        #blog-post article > p, #blog-post.single-post article p {
            color: #000;
            font-size: 14px;
            font-weight: 500;
            line-height: 26px;
            margin-bottom: 20px;
        }

        #blog-post article > .read-more {
            font-weight: bold;
            text-transform: uppercase;
            font-size: 13px;
            line-height: 39px;
            color: #FD9C1E;
            padding: 0 0px;
            display: inline-block;
        }

            #blog-post article > .read-more:hover {
                color: #85AE02;
            }

    #blog-post .sidebar-widget {
        margin-bottom: 30px;
        padding-left: 50px;
    }

    #blog-post .blog-left .sidebar-widget {
        padding-left: 0px;
        padding-right: 50px;
    }

    #blog-post .sidebar-widget h4 {
        font-size: 16px;
        line-height: 29px;
        font-weight: bold;
        color: #000;
        text-transform: uppercase;
        margin: 0;
        margin-bottom: 31px;
        border-bottom: 1px solid #E2E2E2;
        padding-bottom: 11px;
        position: relative;
    }

        #blog-post .sidebar-widget h4:before {
            content: ' ';
            width: 50px;
            height: 2px;
            background: #98C700;
            display: block;
            position: absolute;
            bottom: -2px;
            left: 0;
        }

    #blog-post .sidebar-widget form.search-form {
        border: 1px solid #E9E9E9;
        height: 45px;
        position: relative;
        overflow: hidden;
    }

        #blog-post .sidebar-widget form.search-form input[type='text'] {
            border: none;
            outline: none;
            height: 45px;
            width: 100%;
            display: inline-block;
            position: absolute;
            left: 0;
            padding-left: 20px;
        }

        #blog-post .sidebar-widget form.search-form button {
            border: none;
            outline: none;
            height: 45px;
            background: none;
            line-height: 45px;
            position: absolute;
            right: 0;
            padding: 0 10px;
            color: #B8B7B7;
            margin-right: 20px;
        }

    #blog-post .sidebar-widget .category-list li a {
        display: block;
        font-size: 14px;
        line-height: 37px;
        color: #999999;
        font-weight: 500;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

        #blog-post .sidebar-widget .category-list li a .fa {
            margin-right: 10px;
        }

    #blog-post .sidebar-widget .category-list li:hover a {
        color: #98C700;
    }

    #blog-post .sidebar-widget .popular-post li {
        margin-bottom: 30px;
    }

        #blog-post .sidebar-widget .popular-post li:last-child {
            margin-bottom: 0;
        }

        #blog-post .sidebar-widget .popular-post li img {
            float: left;
            margin-right: 30px;
        }

        #blog-post .sidebar-widget .popular-post li .content-wrap {
            width: 51%;
            float: right;
        }

            #blog-post .sidebar-widget .popular-post li .content-wrap h5 {
                color: #242424;
                font-size: 13px;
                font-weight: bold;
                line-height: 20px;
                margin: 0 0 20px;
                text-transform: uppercase;
                font-family: "Raleway",sans-serif;
            }

            #blog-post .sidebar-widget .popular-post li .content-wrap span {
                color: #000;
                display: inline-block;
                font-size: 15px;
                font-style: italic;
                line-height: 20px;
                font-family: "PT Serif",serif;
            }

    #blog-post .sidebar-widget.text-widget p {
        font-size: 14px;
        line-height: 26px;
        color: #000;
        font-weight: 500;
    }

    #blog-post .sidebar-widget .tag-cloud a {
        background: #ffffff none repeat scroll 0 0;
        border: 1px solid #e2e2e2;
        color: #787878;
        display: inline-block;
        float: left;
        font-size: 13px;
        font-weight: 500;
        line-height: 38px;
        margin: 0px 10px 8px 0px;
        padding: 0 23px;
        text-transform: uppercase;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

        #blog-post .sidebar-widget .tag-cloud a:hover {
            color: #fff;
            background: #98C700;
            border: 1px solid #98C700;
        }

.post-pagination ul {
    text-align: center;
}

    .post-pagination ul li {
        display: inline;
    }

        .post-pagination ul li a {
            display: inline-block;
            height: 50px;
            line-height: 50px;
            color: #8E8D8D;
            margin-right: 10px;
            text-align: center;
            border: 1px solid #E2E2E2;
            font-size: 24px;
            padding: 0 17px;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

        .post-pagination ul li.active a,
        .post-pagination ul li:hover a {
            background: #FD9C1E;
            color: #fff;
            border: 1px solid #FD9C1E;
        }


/**
* Contact Content Styles.
**/

#contact-content {
    padding: 94px 0 32px;
}

    #contact-content .row > p,
    #contact-content .container > p {
        font-size: 14px;
        line-height: 26px;
        color: #8E8D8D;
        font-weight: 500;
        margin-bottom: 50px;
        text-align: center;
    }

    #contact-content .contact-form p {
        margin-bottom: 20px;
    }

    #contact-content .contact-form input, #contact-content .contact-form textarea {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #ededed;
        color: #ababab;
        font-size: 16px;
        font-style: italic;
        height: 55px;
        padding-left: 25px;
        width: 100%;
        font-family: "PT Serif",serif;
        outline: none;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

        #contact-content .contact-form input:focus, #contact-content .contact-form textarea:focus {
            border-color: #7FA409;
            box-shadow: 0 0 2px #7FA409;
        }

        #contact-content .contact-form input:focus {
            border: 1px solid #bbdf48;
        }

        #contact-content .contact-form textarea:focus {
            border: 1px solid #bbdf48;
        }

    #contact-content .contact-form label.error {
        display: none !important;
    }

    #contact-content .contact-form input.error,
    #contact-content .contact-form textarea.error {
        border-color: red;
    }

    #contact-content .contact-form textarea {
        height: 200px;
        padding-top: 15px;
    }

    #contact-content .success {
        color: #7FA409;
        font-size: 16px;
    }

.contact-submit-button {
    background: #252525 none repeat scroll 0 0;
    border-radius: 5px;
    display: inline-block;
    margin-top: 27px;
    border: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

    .contact-submit-button:hover {
        background: #7FA409;
    }

        .contact-submit-button:hover span {
            border-color: transparent;
        }

        .contact-submit-button:hover i {
            color: #fff;
            border-color: #fff;
        }

    .contact-submit-button span {
        border-right: 1px solid #000000;
        color: #ffffff;
        display: inline-block;
        float: left;
        font-size: 14px;
        line-height: 40px;
        padding-left: 22px;
        padding-right: 18px;
        text-transform: uppercase;
    }

    .contact-submit-button .fa {
        border-left: 1px solid #404040;
        color: #98bc24;
        display: inline-block;
        float: left;
        font-size: 16px;
        line-height: 40px;
        padding-left: 14px;
        padding-right: 14px;
    }

#contact-content .contact-info h3,
#contact-content .contact-info ul li h4 {
    font-size: 16px;
    line-height: 28px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 15px;
}

#contact-content .contact-info p {
    font-size: 14px;
    line-height: 26px;
    color: #8E8D8D;
    font-weight: 500;
    margin-bottom: 30px;
}

#contact-content .contact-info ul li img {
    float: left;
    margin-right: 15px;
}

#contact-content .contact-info ul li .content {
    float: left;
    width: 60%;
}

#contact-content .contact-info ul li h4 {
    margin-bottom: 0;
}

.google-map {
    margin-top: 60px;
    width: 100%;
    height: 440px;
}
/**
* Pricing Content Styles.
**/

#pricing-content {
    padding: 80px 0;
}

    #pricing-content .col-lg-12 p {
        font-size: 14px;
        line-height: 26px;
        color: #000;
        font-weight: 500;
    }

    #pricing-content .price-table-wrap {
        padding-top: 80px;
    }

        #pricing-content .price-table-wrap .price-table {
            text-align: center;
        }

            #pricing-content .price-table-wrap .price-table .price-content {
                border: 1px solid #F0F0F0;
                padding-bottom: 30px;
            }

            #pricing-content .price-table-wrap .price-table .price-table-top h3 {
                color: #fff;
                font-size: 16px;
                line-height: 50px;
                background: #000;
                font-weight: bold;
                text-transform: uppercase;
                margin: 0;
            }

            #pricing-content .price-table-wrap .price-table .price-box {
                color: #fff;
                font-size: 20px;
                line-height: 69px;
                background: #b0b0b0;
                font-family: 'Open sans', sans-serif;
                text-transform: uppercase;
            }

                #pricing-content .price-table-wrap .price-table .price-box span {
                    font-weight: bold;
                    font-size: 45px;
                }

            #pricing-content .price-table-wrap .price-table.bronze .price-table-top h3 {
                background: #05253E;
            }

            #pricing-content .price-table-wrap .price-table.silver .price-table-top h3 {
                background: #16685D;
            }

            #pricing-content .price-table-wrap .price-table.gold .price-table-top h3 {
                background: #BF3D28;
            }

            #pricing-content .price-table-wrap .price-table.platinum .price-table-top h3 {
                background: #0C3A5E;
            }

            #pricing-content .price-table-wrap .price-table.bronze .price-box {
                background: #002F53;
            }

            #pricing-content .price-table-wrap .price-table.silver .price-box {
                background: #2E786E;
            }

            #pricing-content .price-table-wrap .price-table.gold .price-box {
                background: #DE5842;
            }

            #pricing-content .price-table-wrap .price-table.platinum .price-box {
                background: #154C77;
            }

            #pricing-content .price-table-wrap .price-table .price-info li {
                font-size: 14px;
                line-height: 50px;
                color: #8E8D8D;
                border-bottom: 1px solid #F0F0F0;
                font-weight: 600;
            }

            #pricing-content .price-table-wrap .price-table button {
                font-size: 16px;
                font-weight: bold;
                line-height: 35px;
                text-transform: uppercase;
                background: #FD9C1E;
                height: 35px;
                color: #fff;
                border: none;
                outline: none;
                padding: 0 35px;
                margin-top: 30px;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

                #pricing-content .price-table-wrap .price-table button:hover,
                #pricing-content .price-table-wrap .price-table button:active {
                    color: #fff;
                }

                #pricing-content .price-table-wrap .price-table button:before {
                    background: #98BC24;
                }
/**
* Pricing FAQ Styles.
**/

#pricing-faq {
    background: #f5f4f4 none repeat scroll 0 0;
    padding: 95px 0 71px;
}

    #pricing-faq .section-title2 {
        margin-bottom: 39px;
    }

    #pricing-faq ul li {
        margin-bottom: 24px;
    }

        #pricing-faq ul li h2 {
            color: #242424;
            font-family: "Open Sans",sans-serif;
            font-size: 16px;
            font-weight: bold;
            line-height: 26px;
            margin: 0 0 2px;
            text-transform: uppercase;
        }

        #pricing-faq ul li p {
            color: #000;
            font-size: 14px;
            font-weight: 500;
            line-height: 26px;
        }
/**
* Projects Version one Styles.
**/

#project-version-one {
    padding-bottom: 60px;
    padding-top: 81px;
}

    #project-version-one .gallery-filter {
        margin-bottom: 56px;
        text-align: center;
    }

        #project-version-one .gallery-filter li {
            display: inline;
        }

            #project-version-one .gallery-filter li span {
                color: #242424;
                cursor: pointer;
                display: inline-block;
                font-size: 13px;
                font-weight: 500;
                line-height: 45px;
                margin: 0 27px;
                padding: 0;
                position: relative;
                text-transform: uppercase;
                -webkit-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
            }

            #project-version-one .gallery-filter li.active span:before {
                background: #99c802 none repeat scroll 0 0;
                bottom: -6px;
                content: " ";
                display: block;
                height: 3px;
                left: 0;
                position: absolute;
                width: 100%;
            }

            #project-version-one .gallery-filter li.active span,
            #project-version-one .gallery-filter li:hover span {
                color: #85AE02;
            }

    #project-version-one .mix {
        display: none;
    }

    #project-version-one .single-project-item .img-wrap {
        position: relative;
    }

        #project-version-one .single-project-item .img-wrap .content-wrap {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            padding: 10px;
            cursor: pointer;
            opacity: 0;
            filter: alpha(opacity=0);
            background-color: transparent;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

            #project-version-one .single-project-item .img-wrap .content-wrap:before {
                background: rgba(152, 199, 0, .85);
            }

    #project-version-one .single-project-item:hover .img-wrap .content-wrap {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    #project-version-one .single-project-item .img-wrap .content-wrap .border {
        width: 100%;
        height: 100%;
        border: 1px solid #fff;
    }

    #project-version-one .single-project-item .img-wrap .content-wrap h4 {
        color: #fff;
        margin: 0;
        font-size: 16px;
        line-height: 22px;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
    }

    #project-version-one .single-project-item .img-wrap .content-wrap span {
        color: #fff;
        display: block;
        font-size: 14px;
        line-height: 22px;
        text-transform: capitalize;
        font-weight: 500;
        text-align: center;
    }

    #project-version-one .single-project-item .img-wrap .content-wrap .content {
        position: relative;
        top: 45%;
    }

/**
* Projects Version Two Styles.
**/

#project-version-two {
    padding-bottom: 70px;
    padding-top: 81px;
}

    #project-version-two .gallery-filter {
        margin-bottom: 56px;
        text-align: center;
    }

        #project-version-two .gallery-filter li {
            display: inline;
        }

            #project-version-two .gallery-filter li span {
                color: #242424;
                cursor: pointer;
                display: inline-block;
                font-size: 13px;
                font-weight: 500;
                line-height: 45px;
                padding: 0;
                position: relative;
                text-transform: uppercase;
                -webkit-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
                margin: 0 27px;
                font-family: "Open Sans",sans-serif;
            }

            #project-version-two .gallery-filter li.active span:before {
                background: #85ae02 none repeat scroll 0 0;
                bottom: -6px;
                content: " ";
                display: block;
                height: 3px;
                left: 0;
                position: absolute;
                width: 100%;
            }

            #project-version-two .gallery-filter li.active span,
            #project-version-two .gallery-filter li:hover span {
                color: #85AE02;
            }

    #project-version-two .masonary-gallery {
        position: relative;
        padding: 0;
    }

    #project-version-two .masonary-item {
        position: relative;
        float: left;
        overflow: hidden;
        width: 25%;
        margin-bottom: 30px;
        padding: 0 15px;
    }

        #project-version-two .masonary-item.width-1 {
            width: 25%;
        }

        #project-version-two .masonary-item.width-2 {
            width: 50%;
        }

        #project-version-two .masonary-item.height-1 {
            height: auto;
        }

        #project-version-two .masonary-item img {
            width: 100%;
            height: 100%;
        }

        #project-version-two .masonary-item .img-wrap {
            position: relative;
        }

            #project-version-two .masonary-item .img-wrap .content-wrap {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                padding: 10px;
                cursor: pointer;
                background: rgba(152, 199, 0, .85);
                opacity: 0;
                filter: alpha(opacity=0);
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

        #project-version-two .masonary-item:hover .img-wrap .content-wrap {
            opacity: 1;
            filter: alpha(opacity=100);
        }

        #project-version-two .masonary-item .img-wrap .content-wrap .border {
            width: 100%;
            height: 100%;
            border: 1px solid #fff;
        }

        #project-version-two .masonary-item .img-wrap .content-wrap h4 {
            color: #fff;
            margin: 0;
            font-size: 16px;
            line-height: 22px;
            text-transform: uppercase;
            font-weight: bold;
            text-align: center;
        }

        #project-version-two .masonary-item .img-wrap .content-wrap span {
            color: #fff;
            display: block;
            font-size: 14px;
            line-height: 22px;
            text-transform: capitalize;
            font-weight: 500;
            text-align: center;
        }

        #project-version-two .masonary-item .img-wrap .content-wrap .content {
            position: relative;
            top: 45%;
        }

.masonary-gallery .single-latest-project-G3infotecker {
    margin-bottom: 0;
}
/**
* Emergency Customization Project V2 Styles.
**/

#emergency.project-v2 {
    background: #fff url(../img/emergency/bg.html) top right no-repeat;
    background-size: cover;
}
/**
* Single Post Styles.
**/

#blog-post.single-post article h3 {
    color: #242424;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 61px !important;
}

#blog-post.single-post article p {
    margin-bottom: 10px;
}

#blog-post.single-post article ul li {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    font-family: "Raleway",sans-serif;
}

    #blog-post.single-post article ul li .fa {
        bottom: 2px;
        font-size: 7px;
        margin-right: 7px;
        position: relative;
        color: #c3c3c3;
    }

#blog-post.single-post article ul.highlight li {
    color: #85ae02;
}

#blog-post article .expert_quote_area .col-lg-12 .expert_quote {
    background: #303030 none repeat scroll 0 0;
    border-radius: 4px;
    margin-left: 0;
    margin-top: 35px;
    overflow: hidden;
    position: relative;
}

    #blog-post article .expert_quote_area .col-lg-12 .expert_quote:before {
        background-color: #85AE02;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 6px;
    }

    #blog-post article .expert_quote_area .col-lg-12 .expert_quote p {
        color: #000;
        font-size: 16px;
        font-style: italic;
        font-weight: 400;
        padding: 26px 45px 5px 110px;
        position: relative;
    }
/*
#blog-post article .expert_quote_area .col-lg-12 .expert_quote p:before {
    color: #85ae02;
    content: "\f10d";
    font-family: 'fontawesome';
    font-size: 55px;
    left: 30px;
    position: absolute;
    top: 30px;
}
*/
.expert_quote .fa {
    color: #85ae02;
    float: left;
    font-size: 40px;
    padding-left: 50px;
    padding-top: 20px;
}

#blog-post article .expert_quote_area .col-lg-12 .expert_quote span {
    color: #85ae02;
    float: right;
    font-size: 14px;
    font-style: italic;
    padding-bottom: 30px;
    padding-right: 45px;
    text-transform: capitalize;
    font-weight: 300;
    font-family: "Raleway",sans-serif;
}

#blog-post article .shear_area .shear {
    border: 1px solid #e9e9e9;
    margin-top: 30px;
    overflow: hidden;
}

    #blog-post article .shear_area .shear a {
        color: #303030;
        display: inline-block;
        float: left;
        font-size: 16px;
        font-weight: 700;
        margin-right: 16px;
        padding: 17px 20px;
        text-align: center;
        text-transform: uppercase;
        font-family: "Roboto Slab",serif;
    }

    #blog-post article .shear_area .shear .social_button ul {
        float: left;
        margin: 0;
        padding: 0;
    }

        #blog-post article .shear_area .shear .social_button ul li {
            float: left;
        }

            #blog-post article .shear_area .shear .social_button ul li a {
                background-color: transparent;
                color: #c3c3c3;
                display: inline-block;
                padding: 18px 0 18px 20px;
            }

                #blog-post article .shear_area .shear .social_button ul li a i {
                    font-size: 20px;
                }

#blog-post article .administrator {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    margin-top: 30px;
    overflow: hidden;
}

    #blog-post article .administrator .administrator_img {
        padding-bottom: 22px;
        padding-left: 10px;
        padding-top: 18px;
    }

    #blog-post article .administrator .administrator_text {
        margin-left: -42px;
    }

        #blog-post article .administrator .administrator_text h4 {
            color: #242424;
            font-size: 16px;
            font-weight: 700;
            margin-top: 18px;
            padding-top: 8px;
            text-transform: uppercase;
            font-family: "Roboto Slab",serif;
        }

        #blog-post article .administrator .administrator_text p {
            color: #999999;
            font-size: 14px;
            font-weight: 500;
        }

#blog-post article .comments_area {
    border: 1px solid #ebebeb;
    margin-top: 30px;
    overflow: hidden;
}

    #blog-post article .comments_area .comment_title h4 {
        color: #353535;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 50px;
        margin-top: 30px;
        text-transform: uppercase;
        font-family: "Roboto Slab",serif;
    }

    #blog-post article .comments_area .single_comment {
        border-bottom: 1px solid #ebebeb;
        display: inline-block;
        margin: 0 25px 30px;
    }

        #blog-post article .comments_area .single_comment:last-child {
            border: none;
            margin-bottom: 0;
        }

        #blog-post article .comments_area .single_comment .comment_text {
            margin-left: -10px;
        }

            #blog-post article .comments_area .single_comment .comment_text h5 {
                color: #242424;
                font-size: 16px;
                font-weight: 600;
                margin-top: 1px;
                text-transform: capitalize;
            }

            #blog-post article .comments_area .single_comment .comment_text p.c_text {
                color: #000;
                font-size: 15px;
                padding-bottom: 50px;
            }

#blog-post.single-post article ul li .fa.plus-icon {
    bottom: 2px;
    color: #85ae02;
    margin-right: 7px;
    position: relative;
}

#blog-post article .comments_area .single_comment .comment_text p span {
    color: #85ae02;
    font-weight: 500;
    margin-left: 5px;
    text-transform: capitalize;
}

    #blog-post article .comments_area .single_comment .comment_text p span.c_date {
        color: #c2c2c2;
        font-size: 13px;
        margin-top: -5px;
        margin-right: 5px;
    }

#blog-post article .comments_area .single_comment .comment_reply {
    border: medium none;
    margin: 0;
}

    #blog-post article .comments_area .single_comment .comment_reply .comment_reply_img {
        margin-left: -20px;
    }

#blog-post article .comment-box {
    border: 1px solid #ebebeb;
    margin-top: 30px;
    padding-bottom: 42px;
}

    #blog-post article .comment-box .comment-box-title h4 {
        color: #353535;
        font-size: 16px;
        font-weight: 700;
        padding: 30px 0;
        text-transform: uppercase;
        font-family: "Roboto Slab",serif;
    }

    #blog-post article .comment-box .comment-box-field .comment-box-half input[type="text"] {
        background: #f9f9f9 none repeat scroll 0 0;
        border: 1px solid #ebebeb;
        margin-bottom: 20px;
        padding: 10px 0;
        width: 100%;
        padding-left: 20px;
    }

#blog-post.single-post article {
    margin-bottom: 0;
}

#blog-post article .comment-box .comment-box-field .comment-box-full textarea {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    height: 186px;
    padding: 20px;
    resize: none;
    width: 100%;
}

#blog-post article .comment-box .comment-box-field .comment-box-submit input[type=submit] {
    background: #FF9101 none repeat scroll 0 0;
    border: 1px solid #FF9101;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin: 25px 0 40px;
    padding: 5px 30px;
    text-transform: uppercase;
}
/**
* Project Version 3 Styles.
**/
#project-version-one .gallery-v4 {
    margin-right: -5px;
    margin-left: -5px;
}

    #project-version-one .gallery-v4 .single-project-item {
        display: none;
        margin: 0 5px;
        margin-bottom: 10px;
        padding: 0;
    }

        #project-version-one .gallery-v4 .single-project-item img {
            width: 100%;
            height: 100%;
        }
/**
* No Search Result Styles
**/

#blog-post .no-search-content h2 {
    border-bottom: 1px solid #e2e2e2;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 30px;
    padding-bottom: 20px;
    text-transform: uppercase;
    position: relative;
}

    #blog-post .no-search-content h2:after {
        content: "";
        background: #12AEF8;
        width: 50px;
        height: 2px;
        position: absolute;
        top: 50px;
        left: 0;
    }

#blog-post .no-search-content article h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding-top: 20px;
    text-transform: uppercase;
    color: #242424;
    font-family: "Open Sans",sans-serif;
}

#blog-post .no-search-content .suggesion {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 30px;
    margin-top: 20px;
}

    #blog-post .no-search-content .suggesion i {
        margin-right: 10px;
    }

#blog-post .no-search-content .suggesion-input input[type="text"] {
    border: 1px solid #e2e2e2;
    display: inline-block;
    float: left;
    height: 40px;
    margin-top: 17px;
    padding: 5px 15px;
    width: 65%;
}

#blog-post.search-results .section-title2 {
    margin-top: -7px;
}

a .search-result-button {
    background: #252525 none repeat scroll 0 0;
    display: inline-block;
    float: left;
    margin-top: 17px;
}

    a .search-result-button p {
        color: #fff;
        display: inline-block;
        float: left;
        line-height: 40px;
        margin: 0;
        padding-left: 30px;
        padding-right: 20px;
        text-transform: uppercase;
    }

    a .search-result-button .fa {
        color: #98bc24;
        font-size: 16px;
        line-height: 40px;
        padding-right: 25px;
    }

#blog-post .no-search-content .suggesion-input input[type=button] {
    background: #FF9000 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-left: -4px;
    padding: 6px 30px;
}
/**
* Mobile Navigation Styles.
**/

button.mainmenu-toggler {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    color: #31afe2;
    display: none;
    float: right;
    font-size: 22px;
    font-weight: 800;
    height: 36px;
    line-height: 36px;
    margin-right: 10px;
    outline: medium none;
    padding: 0 13px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

    button.mainmenu-toggler:hover {
        border-color: #FE5454;
        color: #FE5454;
    }

.mainmenu-container ul li.dropdown .fa {
    display: none;
}
/** 
* Testimonials Version 1 Styles.
**/

.testimonials_v1 .testimonials_v1_content {
    background-color: #f5f4f4;
    padding: 0 25px;
}

.testimonials_v1 .row {
    margin: 0;
}

.testimonials_v1 .section-title h1 {
    margin-bottom: 60px;
}

.testimonials_v1 #testimonials.testimonials_v1_content {
    padding: 50px 30px;
}

    .testimonials_v1 #testimonials.testimonials_v1_content .single-testimoinal-wrap {
        margin-bottom: 70px;
        padding: 0;
    }

        .testimonials_v1 #testimonials.testimonials_v1_content .single-testimoinal-wrap:last-child {
            margin-bottom: 0;
        }

        .testimonials_v1 #testimonials.testimonials_v1_content .single-testimoinal-wrap .single-testimonial .content {
            width: 80.65%;
        }
/** 
* Testimonials Version 2 Styles.
**/

.testimonials_v2 {
    margin-bottom: -60px;
}

    .testimonials_v2 .testimonials_v2_content {
        background-color: #fff;
        margin-left: -15px;
        margin-right: 15px;
        padding: 0 25px;
    }

    .testimonials_v2 .section-title h1 {
        margin-bottom: 60px;
    }

    .testimonials_v2 #testimonials.testimonials_v2_content {
        padding: 0;
        background: #fff;
    }

        .testimonials_v2 #testimonials.testimonials_v2_content .single-testimoinal-wrap {
            margin-bottom: 60px;
        }

            .testimonials_v2 #testimonials.testimonials_v2_content .single-testimoinal-wrap .single-testimonial .content {
                width: 76.24%;
                margin-bottom: 19px;
            }

            .testimonials_v2 #testimonials.testimonials_v2_content .single-testimoinal-wrap .single-testimonial {
                background: #F7F7F7;
            }
/**
* Quick Link Side bar Style
**/

#blog-post .sidebar-widget .category-list li a.active {
    color: #98C700;
}

/**
* Team Styles.
**/

#our-specialist.single-team-page {
    padding-bottom: 30px;
}

    #our-specialist.single-team-page .col-lg-3 {
        margin-bottom: 70px;
    }

#our-expertize {
    background: #f5f4f4;
    padding: 73px 0 80px;
}

    #our-expertize h2 {
        color: #242424;
        font-size: 28px;
        font-weight: bold;
        line-height: 30px;
        margin: 0 0 15px;
        text-transform: uppercase;
        font-family: "Roboto Slab",serif;
    }

    #our-expertize p {
        color: #000;
        font-size: 14px;
        font-weight: 500;
    }

.highlight {
    padding-top: 7px;
}

h5.two-colum-text {
    color: #242424;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 15px;
}

#our-expertize p span.highlighted {
    color: #242424;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

#emergency.team-page {
    background-color: #F5F4F4;
}
/**
* Faqs Styles.
**/

#blog-post.faq .faq-content .faq-title h2 {
    border-bottom: 1px solid #e2e2e2;
    color: #000;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 50px;
    padding-bottom: 20px;
    text-transform: uppercase;
    position: relative;
}

    #blog-post.faq .faq-content .faq-title h2:after {
        background: #98C700 none repeat scroll 0 0;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        top: 51px;
        width: 50px;
    }

.faq .faq-content .faq-text p {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 50px;
    margin-top: -25px;
}

.faq .faq-content .faq-search {
    background: #f9f9f9 none repeat scroll 0 0;
    padding: 20px;
}

    .faq .faq-content .faq-search input[type="text"] {
        border: 1px solid #e9e9e9;
        color: #aeaeae;
        font-size: 14px;
        padding: 10px 20px;
        width: 79%;
        font-family: "Open Sans",sans-serif;
        outline: none;
    }

#blog-post.faq article {
    margin-bottom: 0;
}

.faq .faq-content .faq-search input[type="button"] {
    background: #242424;
    border: medium none;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-left: -4px;
    padding: 10px 40px;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
}

.faq .faq-content .general-question {
    margin-top: 50px;
}

.general-question .panel-group .panel {
    border-radius: 0;
    margin-top: 15px;
}

.general-question .panel-group .panel-default > .panel-heading {
    border-color: #e9e9e9;
    background-color: #ffffff;
}

.general-question .panel-group .panel-default .panel-title {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 0;
    font-family: "Open Sans",sans-serif;
}

    .general-question .panel-group .panel-default .panel-title a {
        display: block;
        position: relative;
    }

        .general-question .panel-group .panel-default .panel-title a:after {
            content: "\f106";
            font-family: fontawesome;
            background: #f9f9f9 none repeat scroll 0 0;
            border-left: 1px solid #e9e9e9;
            color: #7d7d7d;
            font-size: 24px;
            padding: 9px 15px;
            position: absolute;
            right: -15px;
            top: -15px;
        }

        .general-question .panel-group .panel-default .panel-title a.collapsed:after {
            content: "\f107";
            font-family: fontawesome;
            background: #f9f9f9 none repeat scroll 0 0;
            border-left: 1px solid #e9e9e9;
            color: #7d7d7d;
            font-size: 24px;
            padding: 9px 15px;
            position: absolute;
            right: -15px;
            top: -15px;
        }

.general-question .panel-body {
    padding: 15px 15px 25px;
}

#blog-post article .general-question .panel-body .panel_body_up h2 {
    color: #87ae0c;
    font-family: "Raleway",sans-serif;
    font-size: 24px;
    font-weight: 300;
    padding: 10px 0;
    text-transform: none;
}

.general-question .panel-body .panel_body_up p {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.general-question .panel-body .panel_body_down .panel_down_img {
    float: left;
}

.general-question .panel-body .panel_body_down .panel_down_text {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    padding-left: 15px;
}

#blog-post article .popular-question h2 {
    border-bottom: 1px solid #e2e2e2;
    color: #000;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 50px;
    padding-bottom: 20px;
    text-transform: uppercase;
    position: relative;
}

    #blog-post article .popular-question h2:after {
        content: "";
        position: absolute;
        top: 51px;
        left: 0;
        width: 50px;
        height: 2px;
        background: #98C700;
    }

/**
* Project version 3 Styles.
**/

#project-version-one.project-v3 {
    background: #f5f4f4 none repeat scroll 0 0;
    padding-bottom: 70px;
}

#project-version-one .two-col-gallery img {
    width: 100%;
}

#project-version-one .two-col-gallery .content {
    background: #fff none repeat scroll 0 0;
    display: block;
    padding: 15px 0;
    text-align: center;
}

    #project-version-one .two-col-gallery .content h4 {
        color: #242424;
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        margin: 0;
        text-transform: uppercase;
        font-family: "Open Sans",sans-serif;
    }

    #project-version-one .two-col-gallery .content span {
        color: #000;
        font-size: 14px;
        font-weight: 500;
        font-family: "Open Sans",sans-serif;
    }

#project-version-one .two-col-gallery .single-project-item:hover .content h4 {
    color: #fff;
}

#project-version-one .two-col-gallery .single-project-item:hover .content span {
    color: #fff;
}

#project-version-one .two-col-gallery .single-project-item:hover .overlay:before {
    height: 100%;
}

#project-version-one .two-col-gallery .single-project-item:hover .overlay:after {
    visibility: visible;
}

#project-version-one .two-col-gallery .single-project-item .content:before {
    background: #85AE02;
}

#project-version-one .two-col-gallery .single-project-item:hover .content:before {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.two-col-gallery .single-latest-project-G3infotecker .img-wrap {
    position: relative;
}


.gallery-v4 .single-latest-project-wrapper {
    width: 20%;
    float: left;
    padding: 0 5px;
}

.gallery-v4 .single-latest-project-G3infotecker {
    margin-bottom: 10px;
}


/**
* Project Content Styles.
**/

#project-content {
    padding-bottom: 68px;
    padding-top: 94px;
}

    #project-content .section-title2 {
        margin-bottom: 0;
    }

    #project-content p {
        font-size: 14px;
        font-weight: 500;
        color: #8E8D8D;
    }
    /**
* Project Content Version Two Styles.
**/

    #project-content.version-2 {
        text-align: center;
        padding: 60px 0 0px;
        margin-bottom: -30px;
    }

        #project-content.version-2 .section-title h1:before {
            content: ' ';
            display: block;
            width: 55%;
            height: 1%;
            background: #E2E2E2;
            bottom: 15px;
            left: 25%;
            margin: auto;
        }

        #project-content.version-2 .section-title h1 {
            background: url(../img/resources/project-section-title-bg.png) no-repeat bottom center;
            padding-bottom: 40px;
            border: none;
        }
/**
* Blog Version Two Styles.
**/

#blog.version-two .blog-wrap {
    margin-bottom: 40px;
}

#blog.version-two .post-pagination ul {
    text-align: center;
}

    #blog.version-two .post-pagination ul li {
        display: inline;
    }

        #blog.version-two .post-pagination ul li a {
            display: inline-block;
            height: 50px;
            line-height: 50px;
            color: #8E8D8D;
            margin-right: 10px;
            text-align: center;
            border: 1px solid #E2E2E2;
            font-size: 24px;
            padding: 0 17px;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

        #blog.version-two .post-pagination ul li.active a,
        #blog.version-two .post-pagination ul li:hover a {
            background: #FD9C1E;
            color: #fff;
            border: 1px solid #FD9C1E;
        }
/**
* Preloader Styles.
**/

.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/resources/preloader.html);
}


/**
* Home v2 Topbar Styles.
**/
.home-v2#topbar {
    background: #012C3C;
}

    .home-v2#topbar .social ul li a {
        color: #42B8EA;
    }

    .home-v2#topbar .contact-info ul li a {
        color: #fff;
    }

/**
* Home V2 header Styles.
**/
header.home-v2 {
    background: #42B8E9;
}

.home-v2 ul.mainmenu li a {
    color: #fff;
}

header.home-v2 ul.mainmenu li a:hover {
    color: #012C3C;
}

header.home-v2 ul.mainmenu > li.current > a {
    color: #012C3C;
}

.home-v2 ul.mainmenu li a:before,
.home-v2 nav.mainmenu-container ul > li > ul > li > a:hover {
    background: #012C3C;
    color: #fff;
}

.home-v2 .mainmenu-container ul li.top-icons a i {
    color: #fff;
    border-color: #fff;
}

.home-v2 .mainmenu-container ul > li.dropdown:after {
    color: #012C3C;
}

.home-v2 .mainmenu-container ul > li > ul li.dropdown:after {
    color: #fff;
}

.home-v2 .mainmenu-container ul > li > ul > li > ul > li:last-child > a:hover {
    color: #fff;
    background: #012C3C;
    padding: 0 20px;
}

.home-v2 .mainmenu-container ul li.top-icons:hover a i {
    color: #012C3C;
    border-color: #012C3C;
}

.home-v2 .search-box form button {
    color: #012C3C;
}

.home-v2 .search-box {
    background: #42B8E9;
}

.home-v2 .cart-box span {
    color: #012C3C;
}

.home-v2 button.mainmenu-toggler {
    color: #fff;
}

    .home-v2 button.mainmenu-toggler:hover {
        color: #012C3C;
        border-color: #012C3C;
    }

.home-v2 ul.mainmenu li a:before, .home-v2 nav.mainmenu-container ul > li > ul > li > a:hover {
    background: #012C3C;
}

.home-v2 .mainmenu-container ul li a:before {
    background: #012C3C;
}
/**
* Home V2 project v2 Styles.
**/

.home-v2#project-version-two {
    background: url(../img/our-projects/bg.html) center top no-repeat;
    background-size: cover;
    padding-bottom: 80px;
}

    .home-v2#project-version-two .section-title h1 {
        color: #fff;
        border-color: #335160;
    }

    .home-v2#project-version-two .gallery-filter {
        border: none;
    }

        .home-v2#project-version-two .gallery-filter li span {
            color: #fff;
            border: 1px solid transparent;
            line-height: 30px;
        }

        .home-v2#project-version-two .gallery-filter li:hover span {
            color: #12AEF8;
        }

        .home-v2#project-version-two .gallery-filter li.active span {
            border: 1px solid #12AEF8;
            color: #12AEF8;
        }

            .home-v2#project-version-two .gallery-filter li.active span:before {
                display: none;
            }

    .home-v2#project-version-two .view-all-btn {
        text-align: center;
    }

    .home-v2#project-version-two a.view-all {
        border: 1px solid #4C7B96;
        background-color: transparent;
        color: #fff;
        text-transform: uppercase;
        line-height: 35px;
        padding: 0 35px;
        font-weight: 600;
        font-size: 13px;
        margin: auto;
        display: inline-block;
        margin-top: 35px;
    }

        .home-v2#project-version-two a.view-all:hover {
            border-color: transparent;
        }

        .home-v2#project-version-two a.view-all:before {
            background: #FE5454;
        }


/**
* home V2 blog Styles.
**/


.home-v2#blog .blog-wrap {
    margin-bottom: 35px;
}

    .home-v2#blog .blog-wrap.height-big .content-wrap p {
        margin-bottom: 45px;
    }

/**
* Home v2 Styles.
**/

.home-v2#pricing-faq {
    background: #102335;
    position: relative;
    z-index: 1;
}

    .home-v2#pricing-faq .parallax {
        opacity: .7;
        filter: alpha(opacity=70);
    }

    .home-v2#pricing-faq .section-title h1 {
        color: #fff;
        border-color: #335160;
    }

    .home-v2#pricing-faq ul li h2 {
        color: #12AEF8;
    }

    .home-v2#pricing-faq ul li p {
        color: #fff;
    }

/**
* Home v2 contact Styles.
**/

.home-v2#contact-content {
    padding: 0;
    position: relative;
    margin-bottom: -60px;
    background: url(../img/resources/contact-bg.html) bottom right no-repeat fixed;
}

    .home-v2#contact-content .container {
        padding: 65px 0 50px;
        overflow: hidden;
    }

    .home-v2#contact-content .section-title h1 {
        margin-bottom: 30px;
    }

    .home-v2#contact-content .container p {
        text-align: left;
    }

/**
* Google map full width Styles.
**/
.google-map-full-container {
    width: 100%;
}

    .google-map-full-container .google-map {
        height: 450px;
    }


/**
* Subscribe Section Styles.
**/

#subscribe-section {
    background: #36A2DC;
    padding: 30px 0 20px;
}

    #subscribe-section h2 {
        font-size: 24px;
        line-height: 30px;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0;
        margin-bottom: 5px;
    }

    #subscribe-section p {
        font-size: 15px;
        font-weight: 600;
        color: #fff;
    }

        #subscribe-section p br {
            display: none;
        }

    #subscribe-section .subscribe-form-wrap {
        padding: 25px 0;
    }

        #subscribe-section .subscribe-form-wrap input {
            width: 70%;
            height: 45px;
            color: #FFFFFF;
            font-size: 15px;
            line-height: 45px;
            background: #03394F;
            font-weight: 600;
            border: none;
            padding-left: 20px;
            margin-right: 20px;
        }

        #subscribe-section .subscribe-form-wrap button {
            font-size: 16px;
            line-height: 45px;
            color: #fff;
            font-weight: 900;
            background: #FE5454;
            border: 1px solid #FE5454;
            text-transform: uppercase;
            display: inline-block;
            margin: auto;
            border: none;
            outline: none;
            padding: 0 40px;
        }

            #subscribe-section .subscribe-form-wrap button:before {
                background: #fff;
            }

            #subscribe-section .subscribe-form-wrap button:hover,
            #subscribe-section .subscribe-form-wrap button:focus {
                color: #FE5454;
            }

/**
* Our Achivement Styles.
**/

#our-achivement {
    background: #36A2DC;
    color: #fff;
    padding: 60px 0;
}

    #our-achivement .achivement ul li {
        display: inline;
    }

        #our-achivement .achivement ul li span {
            display: inline-block;
            padding: 0 20px;
            border-right: 1px dashed #fff;
            font-size: 16px;
            font-weight: 600;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

            #our-achivement .achivement ul li span b {
                font-weight: bold;
                font-size: 40px;
                font-family: 'Open Sans';
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

            #our-achivement .achivement ul li span:last-child {
                border: none;
            }

            #our-achivement .achivement ul li span i {
                font-size: 55px;
                line-height: 75px;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

    #our-achivement .achivement:hover ul li span i,
    #our-achivement .achivement:hover ul li span b {
        color: #FE5454;
    }

    #our-achivement .achivement:hover ul li span {
        color: #012C3C;
    }


/**
* Request a qoute container Styles.
**/

#request-a-qoute-container {
    margin-top: -170px;
    position: relative;
    z-index: 9999;
}

    #request-a-qoute-container .tab-title ul {
        text-align: left;
        margin-left: 3px;
    }

        #request-a-qoute-container .tab-title ul li {
            display: inline;
        }

            #request-a-qoute-container .tab-title ul li span {
                display: inline-block;
                color: #444444;
                font-weight: bold;
                text-transform: uppercase;
                font-size: 16px;
                line-height: 50px;
                border-top: 5px solid transparent;
                background: #E8E8E8;
                padding: 0 22px;
                cursor: pointer;
                margin: 0 -3px;
            }

                #request-a-qoute-container .tab-title ul li span.active {
                    background: #fff;
                    border-top: 5px solid #51B7E3;
                    box-shadow: 5px -5px 5px rgba(0,0,0,.2);
                    position: relative;
                    z-index: 999;
                }

            #request-a-qoute-container .tab-title ul li:last-child span.active {
                box-shadow: -5px -5px 5px rgba(0,0,0,.2);
            }

    #request-a-qoute-container .tab-content {
        padding: 25px 0;
        background: #fff;
    }

        #request-a-qoute-container .tab-content .success {
            color: #42B8E9;
        }

        #request-a-qoute-container .tab-content form ul li {
            width: 20%;
            float: left;
            padding: 0 15px;
        }

            #request-a-qoute-container .tab-content form ul li label {
                display: block;
                font-family: 'Open Sans';
                font-size: 15px;
                color: #000000;
                font-weight: normal;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

                #request-a-qoute-container .tab-content form ul li label.error {
                    display: none !important;
                }

            #request-a-qoute-container .tab-content form ul li:hover label {
                color: #FE5454;
            }

            #request-a-qoute-container .tab-content form ul li:focus label {
                color: #42B8E9;
            }

            #request-a-qoute-container .tab-content form ul li input {
                display: block;
                height: 35px;
                width: 100%;
                border: 1px solid #E1E1E1;
                outline: none;
                padding: 0 10px;
                color: #000;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

                #request-a-qoute-container .tab-content form ul li input.error {
                    border-color: red;
                }

                #request-a-qoute-container .tab-content form ul li input:hover {
                    background: #42B8E9;
                    color: #fff;
                }

                #request-a-qoute-container .tab-content form ul li input:focus {
                    background: #42B8E9;
                    color: #fff;
                }

                #request-a-qoute-container .tab-content form ul li input:focus {
                    background: #42B8E9;
                    color: #fff;
                }

                #request-a-qoute-container .tab-content form ul li input::-webkit-input-placeholder {
                    color: #c1c1c1;
                }

                #request-a-qoute-container .tab-content form ul li input:-moz-placeholder { /* Firefox 18- */
                    color: #c1c1c1;
                }

                #request-a-qoute-container .tab-content form ul li input::-moz-placeholder { /* Firefox 19+ */
                    color: #c1c1c1;
                }

                #request-a-qoute-container .tab-content form ul li input:-ms-input-placeholder {
                    color: #c1c1c1;
                }

                #request-a-qoute-container .tab-content form ul li input:hover::-webkit-input-placeholder,
                #request-a-qoute-container .tab-content form ul li input:focus::-webkit-input-placeholder {
                    color: #fff;
                }

                #request-a-qoute-container .tab-content form ul li input:hover:-moz-placeholder,
                #request-a-qoute-container .tab-content form ul li input:focus:-moz-placeholder { /* Firefox 18- */
                    color: #fff;
                }

                #request-a-qoute-container .tab-content form ul li input:hover::-moz-placeholder,
                #request-a-qoute-container .tab-content form ul li input:focus::-moz-placeholder { /* Firefox 19+ */
                    color: #fff;
                }

                #request-a-qoute-container .tab-content form ul li input:hover:-ms-input-placeholder,
                #request-a-qoute-container .tab-content form ul li input:focus:-ms-input-placeholder {
                    color: #fff;
                }

            #request-a-qoute-container .tab-content form ul li button {
                background: #FE5454;
                color: #fff;
                border: none;
                outline: none;
                font-size: 16px;
                line-height: 35px;
                height: 35px;
                text-transform: uppercase;
                font-weight: 800;
                width: 100%;
            }

                #request-a-qoute-container .tab-content form ul li button:hover,
                #request-a-qoute-container .tab-content form ul li button:focus {
                    color: #FE5454;
                }

                #request-a-qoute-container .tab-content form ul li button:before {
                    background: #fff;
                }

    #request-a-qoute-container .container {
        position: relative;
    }

        #request-a-qoute-container .container .request-a-qoute-with-tooltip {
            position: absolute;
            top: 0;
            right: 15px;
            background: #42B8E9 none repeat scroll 0 0;
            border: medium none;
            color: #fff;
            display: inline-block;
            font-size: 20px;
            font-weight: 900;
            line-height: 45px;
            margin: auto;
            outline: medium none;
            padding: 0 45px;
            text-transform: uppercase;
        }

            #request-a-qoute-container .container .request-a-qoute-with-tooltip:hover,
            #request-a-qoute-container .container .request-a-qoute-with-tooltip:focus {
                color: #42B8E9;
            }

            #request-a-qoute-container .container .request-a-qoute-with-tooltip:before {
                background: #fff;
            }

            #request-a-qoute-container .container .request-a-qoute-with-tooltip i {
                position: absolute;
                bottom: -17px;
                font-size: 30px;
                left: 0;
                width: 100%;
                color: #42B8E9;
            }

            #request-a-qoute-container .container .request-a-qoute-with-tooltip:hover i {
                color: #fff;
            }


/**
* Header Variation One's header Styles.
**/

header.header-v1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
    z-index: 999999;
    border-bottom: 1px solid rgba(255,255,255,.2);
}

    header.header-v1 .mainmenu-container ul li {
        line-height: 90px;
    }

    header.header-v1 .logo {
        margin: 17px 0;
    }

    header.header-v1 .mainmenu-container > ul > li > a,
    header.header-v1 .mainmenu-container ul li.top-icons a i {
        color: #fff;
    }

    header.header-v1 .mainmenu-container ul li.top-icons a i {
        border-color: #fff;
    }

    header.header-v1.header-fixed {
        background: #51B7E3;
    }

    header.header-v1 .top-info ul {
        text-align: right;
    }

        header.header-v1 .top-info ul li {
            display: inline;
        }

            header.header-v1 .top-info ul li span {
                display: inline-block;
                color: #fff;
                font-size: 14px;
                line-height: 40px;
                margin-left: 25px;
            }

    header.header-v1 .mainmenu-container > ul > li.dropdown:after {
        bottom: 10px;
    }

    header.header-v1 .top-info {
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    header.header-v1.header-fixed .top-info {
        display: none;
    }

/**
* Header variation one's banner style Styles.
**/

#header-v1-banner {
    padding: 320px 0 0px;
    background: url(../img/slides/image6.html) no-repeat center center;
    background-size: cover;
    height: 100vh;
    position: relative;
}

    #header-v1-banner:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.55);
    }

    #header-v1-banner h1 {
        font-size: 70px;
        line-height: 70px;
        margin: 0px;
        display: inline-block;
        text-transform: uppercase;
        font-weight: 800;
        padding: 10px 20px;
    }

        #header-v1-banner h1.blue {
            background: #04AEEA;
            color: #002431;
        }

        #header-v1-banner h1.red {
            background: #FE5454;
            color: #fff;
        }

    #header-v1-banner p {
        font-size: 20px;
        line-height: 28px;
        color: #fff;
        font-weight: 500;
        font-style: italic;
        margin: 50px 0;
    }

    #header-v1-banner a {
        font-size: 14px;
        line-height: 38px;
        padding: 0 40px;
        border: 1px solid #fff;
        color: #fff;
        display: inline-block;
    }

/**
* Header Version three Styles.
**/

header.header-v3 .container {
    position: relative;
    z-index: 9999;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

header.header-v3 > .container {
    margin-bottom: -25px;
}

header.header-v3.header-fixed .container {
    margin-bottom: 0;
}

header.header-v3 .header-v3-top {
    padding: 25px 0;
}

header.header-v3 .logo {
    margin-top: 0;
}

header.header-v3 .col-lg-9 ul {
    text-align: right;
}

    header.header-v3 .col-lg-9 ul li {
        float: right;
        padding: 0 20px;
        border-right: 1px solid #D3D3D3;
    }

        header.header-v3 .col-lg-9 ul li:first-child {
            border: none;
        }

        header.header-v3 .col-lg-9 ul li span {
            display: inline-block;
            text-align: left;
            color: #787D84;
            font-size: 14px;
            vertical-align: bottom;
        }

            header.header-v3 .col-lg-9 ul li span .number {
                font-family: 'Open Sans';
            }

            header.header-v3 .col-lg-9 ul li span b {
                display: block;
                color: #012C3C;
                font-weight: 500;
                margin-bottom: -6px;
            }

            header.header-v3 .col-lg-9 ul li span .fa {
                font-size: 15px;
                color: #787D84;
                margin-right: 10px;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

            header.header-v3 .col-lg-9 ul li span a:hover .fa {
                color: #10BEDE;
            }

            header.header-v3 .col-lg-9 ul li span .icon {
                font-size: 30px;
                line-height: 50px;
                color: #0EC3FF;
                vertical-align: top;
                padding-right: 10px;
            }

header.header-v3 .mainmenu-container {
    background: #10BEDE;
    border-bottom: 3px solid #FE5454;
    padding: 0;
}

    header.header-v3 .mainmenu-container ul {
        text-align: left;
    }

        header.header-v3 .mainmenu-container ul li {
            line-height: 50px;
        }

    header.header-v3 .mainmenu-container > ul > li > a {
        color: #fff;
        margin-right: -5px;
        position: relative;
    }

    header.header-v3 .mainmenu-container > ul > li:first-child > a:before {
        display: none;
    }

    header.header-v3 .mainmenu-container > ul > li > a:before {
        content: ' ';
        background: #0C9AB8;
        width: 1px;
        height: 22px;
        position: absolute;
        right: 0;
        top: 15px;
    }

    header.header-v3 .mainmenu-container > ul > li:hover > a,
    header.header-v3 .mainmenu-container > ul > li.current > a {
        background: #FE5454;
    }

        header.header-v3 .mainmenu-container > ul > li.current > a:before,
        header.header-v3 .mainmenu-container > ul > li:hover > a:before,
        header.header-v3 .mainmenu-container > ul > li:hover + li > a:before,
        header.header-v3 .mainmenu-container > ul > li.current + li > a:before {
            content: '';
            background: none;
            display: none;
        }

    header.header-v3 .mainmenu-container ul > li.dropdown:after {
        bottom: 0;
        color: #fff;
        font-size: 13px;
    }

    header.header-v3 .mainmenu-container ul li.top-icons a {
        margin-right: 0;
        color: #fff;
    }

        header.header-v3 .mainmenu-container ul li.top-icons a i {
            color: #fff;
        }

        header.header-v3 .mainmenu-container ul li.top-icons a:before {
            display: none;
        }



/**
* Header v3 banner text Styles.
**/

#banner.header-v3 {
    background: url(../img/slides/image7.html) center top no-repeat;
    background-size: cover;
    padding: 135px 0 100px;
    position: relative;
    z-index: 999;
}

    #banner.header-v3 .container {
        overflow: hidden;
    }

    #banner.header-v3 .col-lg-5 {
        position: relative;
        left: 6%;
    }

h1.banner-header-v3-heading {
    font-size: 35px;
    line-height: 35px;
    margin: 0px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 800;
    padding: 10px 20px;
}

    h1.banner-header-v3-heading.blue {
        background: #052733;
        color: #0EC3FF;
    }

    h1.banner-header-v3-heading.red {
        background: #FE5454;
        color: #fff;
    }

.banner-header-v3-txt {
    margin: 25px 0;
}

    .banner-header-v3-txt li,
    .banner-header-v3-txt li i {
        font-size: 18px;
        font-weight: bold;
        color: #000000;
    }

        .banner-header-v3-txt li span {
            border-bottom: 1px solid #979797;
            border-left: 1px solid #979797;
            line-height: 41px;
            text-transform: uppercase;
            display: inline-block;
            padding: 0 20px;
        }

        .banner-header-v3-txt li:first-child span {
            border-top: 1px solid #979797;
        }

.banner-header-v3-button {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 37px;
    padding: 0 20px;
    background: #2CCAFF;
    border-bottom: 4px solid #376f81;
    display: inline-block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

    .banner-header-v3-button:hover {
        background: #FE5454;
        color: #fff;
    }

    .banner-header-v3-button:active {
        position: relative;
        top: 4px;
        border-bottom: 1px solid #376f81;
    }

/**
* Header Version Four Styles.
**/

header.header-v4 {
}

    header.header-v4 .header-v4-top {
        padding: 25px 0;
    }

    header.header-v4 .logo {
        margin-top: 0;
    }

    header.header-v4 .col-lg-9 ul {
        text-align: right;
    }

        header.header-v4 .col-lg-9 ul li {
            float: right;
            padding: 0 20px;
            border-right: 1px solid #D3D3D3;
        }

            header.header-v4 .col-lg-9 ul li:first-child {
                border: none;
            }

            header.header-v4 .col-lg-9 ul li span {
                display: inline-block;
                text-align: left;
                color: #787D84;
                font-size: 14px;
                vertical-align: bottom;
            }

                header.header-v4 .col-lg-9 ul li span .number {
                    font-family: 'Open Sans';
                }

                header.header-v4 .col-lg-9 ul li span b {
                    display: block;
                    color: #012C3C;
                    font-weight: 500;
                    margin-bottom: -6px;
                }

                header.header-v4 .col-lg-9 ul li span .fa {
                    font-size: 15px;
                    color: #787D84;
                    margin-right: 10px;
                    -webkit-transition: all .3s ease;
                    transition: all .3s ease;
                }

                header.header-v4 .col-lg-9 ul li span a:hover .fa {
                    color: #10BEDE;
                }

                header.header-v4 .col-lg-9 ul li span .icon {
                    font-size: 30px;
                    line-height: 50px;
                    color: #0EC3FF;
                    vertical-align: top;
                    padding-right: 10px;
                }

    header.header-v4 .header-v4-bottom {
        background: #F0F0F0;
        border-top: 1px solid #D5D5D5;
    }

    header.header-v4 .mainmenu-container > ul {
        padding: 0;
    }

    header.header-v4 .mainmenu-container ul {
        text-align: left;
    }

        header.header-v4 .mainmenu-container ul li {
            line-height: 50px;
        }

    header.header-v4 .mainmenu-container > ul > li > a {
        color: #515050;
        margin-right: -5px;
        position: relative;
    }

        header.header-v4 .mainmenu-container > ul > li > a:before {
            content: ' ';
            background: #CACACA;
            width: 1px;
            height: 22px;
            position: absolute;
            right: 0;
            top: 15px;
        }

    header.header-v4 .mainmenu-container > ul > li:first-child > a:before {
        display: none;
    }

    header.header-v4 .mainmenu-container > ul > li:hover > a,
    header.header-v4 .mainmenu-container > ul > li.current > a {
        color: #FE5454;
    }

    header.header-v4 .mainmenu-container ul > li.dropdown:after {
        bottom: 0;
        color: #fff;
        font-size: 13px;
    }

    header.header-v4 .mainmenu-container ul li.top-icons a {
        margin-right: 0;
        color: #fff;
    }

        header.header-v4 .mainmenu-container ul li.top-icons a i {
            color: #2DA9E9;
            border-color: #CACACA;
        }

        header.header-v4 .mainmenu-container ul li.top-icons a:before {
            display: none;
        }

.header-v4-bottom .top-icons-wrap {
    width: auto;
}

    .header-v4-bottom .top-icons-wrap form {
        height: 35px;
        background: #FFFFFF;
        border: 1px solid #CACACA;
        padding: 0 10px;
        border-radius: 5px;
        position: relative;
        top: 7px;
    }

    .header-v4-bottom .top-icons-wrap input,
    .header-v4-bottom .top-icons-wrap button {
        height: 35px;
        border: none;
        outline: none;
        line-height: 35px;
        background: none;
        display: inline-block;
        vertical-align: top;
    }

/**
* Header v2 Banner Styles.
**/

#banner.header-v2 {
    padding: 285px 0 160px;
    background: url(../img/slides/image4.html) right top no-repeat;
    background-size: cover;
}

    #banner.header-v2 h1 {
        font-size: 75px;
        line-height: 75px;
        color: #FE5454;
        text-transform: uppercase;
        font-weight: 800;
    }

        #banner.header-v2 h1 span {
            font-size: 83px;
            color: #1ACCFF;
        }

    #banner.header-v2 .header-v2-caption {
        margin-top: 40px;
        background: url(../img/resources/header-v2-banner-lines.png) 40px 0 no-repeat;
        background-size: 100% 100%;
    }

        #banner.header-v2 .header-v2-caption li {
            padding-bottom: 40px;
        }

            #banner.header-v2 .header-v2-caption li:first-child {
                padding-top: 40px;
            }

            #banner.header-v2 .header-v2-caption li .icon-holder {
                background: #cf0000;
                border: 5px solid #386182;
                width: 85px;
                height: 85px;
                border-radius: 50%;
                text-align: center;
                margin-right: 40px;
            }

                #banner.header-v2 .header-v2-caption li .icon-holder .icon {
                    font-size: 50px;
                    line-height: 75px;
                    color: #000000;
                }

                #banner.header-v2 .header-v2-caption li .icon-holder img {
                    margin-top: 8px;
                }

                #banner.header-v2 .header-v2-caption li .icon-holder.plumbing {
                    background: #FFCA1C;
                }

                #banner.header-v2 .header-v2-caption li .icon-holder.heating {
                    background: #FE5454;
                }

                #banner.header-v2 .header-v2-caption li .icon-holder.handyman {
                    background: #53E6B0;
                }

            #banner.header-v2 .header-v2-caption li .info {
                color: #fff;
                font-size: 18px;
                line-height: 26px;
            }

                #banner.header-v2 .header-v2-caption li .info b {
                    font-size: 22px;
                    font-weight: 800;
                    color: #fff;
                    text-transform: uppercase;
                }


/**
* header v4 banner Styles.
**/

.header-v4 .bold-pxslider-caption-header-v4 h1 {
    font-size: 65px;
    line-height: 65px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
}

.header-v4 .bold-pxslider-caption-header-v4.red h1 {
    color: #FE5454;
}


/**
* Project gallery version 4 Styles.
**/

#project-version-one .normal-gallery.gallery-v4 .single-project-item:hover {
    background: #fff;
}

#project-version-one .normal-gallery.gallery-v4 .single-project-item img {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

#project-version-one .normal-gallery.gallery-v4 .single-project-item:hover img {
    opacity: 0;
    filter: alpha(opacity=0);
}

#project-version-one .normal-gallery.gallery-v4 .single-project-item .img-wrap .content-wrap {
    width: auto;
    height: auto;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
}


/**
* Project Gallery Version 5 Styles.
**/

#project-version-one.project-v5 {
    background: #F9F9F9;
}

#project-version-one .normal-gallery.gallery-v5 .single-project-item {
    margin-bottom: 30px;
}

    #project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-8,
    #project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-4 {
        background: #fff;
    }

    #project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-8 {
        padding-left: 0;
    }

        #project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-8 img {
            max-width: 100%;
        }

    #project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-4 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

        #project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-8:before,
        #project-version-one .normal-gallery.gallery-v5 .single-project-item .col-lg-4:before {
            background: #A2CD1A;
        }

    #project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .col-lg-8:before,
    #project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .col-lg-4:before {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }

    #project-version-one .normal-gallery.gallery-v5 .single-project-item .meta {
        padding: 20px 0;
        position: relative;
    }

        #project-version-one .normal-gallery.gallery-v5 .single-project-item .meta:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50px;
            height: 4px;
            background: #A2CD1A;
        }

    #project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .meta:before {
        background: #fff;
    }

    #project-version-one .normal-gallery.gallery-v5 .single-project-item .meta h4 {
        font-size: 15px;
        line-height: 24px;
        color: #303030;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0;
    }

    #project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .meta h4 {
        color: #fff;
    }

    #project-version-one .normal-gallery.gallery-v5 .single-project-item .meta span {
        font-size: 14px;
        color: #A7A7A7;
        font-weight: 600;
    }

    #project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .meta span {
        color: #fff;
    }

    #project-version-one .normal-gallery.gallery-v5 .single-project-item p {
        font-size: 14px;
        font-weight: 500;
        color: #8E8D8D;
        line-height: 26px;
        margin: 20px 0px;
    }

    #project-version-one .normal-gallery.gallery-v5 .single-project-item:hover p {
        color: #fff;
    }

    #project-version-one .normal-gallery.gallery-v5 .single-project-item a.read-more {
        font-size: 13px;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        background: #FD9C1E;
        line-height: 30px;
        display: inline-block;
        padding: 0 25px;
    }

        #project-version-one .normal-gallery.gallery-v5 .single-project-item a.read-more:hover {
            color: #fff;
        }

        #project-version-one .normal-gallery.gallery-v5 .single-project-item a.read-more:before {
            background: #2C2C2C;
        }

    #project-version-one .normal-gallery.gallery-v5 .single-project-item .overlay {
        position: relative;
    }

        #project-version-one .normal-gallery.gallery-v5 .single-project-item .overlay:before {
            content: ' ';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 0%;
            background: rgba(0,0,0,.60);
            z-index: 1;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

        #project-version-one .normal-gallery.gallery-v5 .single-project-item .overlay:after {
            content: ' ';
            width: auto;
            height: auto;
            position: absolute;
            top: 10px;
            bottom: 10px;
            left: 10px;
            right: 10px;
            border: 1px solid #808080;
            z-index: 2;
            visibility: hidden;
        }

    #project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .overlay:before {
        height: 100%;
    }

    #project-version-one .normal-gallery.gallery-v5 .single-project-item:hover .overlay:after {
        visibility: visible;
    }

#project-version-one .normal-gallery.gallery-v5 {
    margin: 0;
}


/**
* Page 404 content Styles.
**/

#page-404-content {
    padding: 230px 0 190px;
    background: #fff;
}

    #page-404-content .container {
        background: rgba(0, 0, 0, 0) url("../img/404/404-bg-2.jpg") no-repeat scroll 0 0 / cover;
        position: relative;
        padding-top: 40px;
        padding-bottom: 60px;
    }

        #page-404-content .container .row > img {
            bottom: 0;
            left: 25px;
            position: absolute;
            -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

        #page-404-content .container:hover .row > img {
            opacity:;
            filter: alpha(opacity=0);
        }

        #page-404-content .container h1 {
            color: #ffffff;
            font-family: "Roboto Slab",serif;
            font-size: 45px;
            font-weight: bold;
            line-height: 45px;
            margin-bottom: 20px;
            text-transform: uppercase;
        }

        #page-404-content .container p {
            color: #242424;
            font-size: 18px;
            font-weight: 500;
            line-height: 26px;
            margin-bottom: 26px;
        }

        #page-404-content .container a.button-404 {
            background: #FE5454;
            color: #fff;
            text-transform: uppercase;
            line-height: 38px;
            display: inline-block;
            padding: 0 25px;
            font-weight: 800;
            font-size: 16px;
            border: 1px solid transparent;
        }

            #page-404-content .container a.button-404:hover {
                color: #FE5454;
                border-color: #FE5454;
            }

            #page-404-content .container a.button-404:before {
                background: #fff;
            }


/**
* Search Page Styles.
**/

#blog-post .search-content .section-title h1 {
    margin-bottom: 0;
}

#blog-post .search-content .single-search-content {
    padding: 50px 0;
    border-bottom: 1px solid #E2E2E2;
    margin: 0;
}

    #blog-post .search-content .single-search-content:first-child {
        padding-top: 0;
    }

    #blog-post .search-content .single-search-content:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    #blog-post .search-content .single-search-content .img-holder {
        padding-left: 0;
        text-align: center;
        margin: 0;
    }

    #blog-post .search-content .single-search-content .content span {
        color: #b1b1b1;
        font-size: 14px;
        font-weight: 500;
        line-height: 26px;
    }

    #blog-post .search-content .single-search-content .content h3 {
        color: #242424;
        font-size: 14px;
        font-weight: 700;
        line-height: 26px;
        margin: 0;
        text-transform: uppercase;
        font-family: "Open Sans",sans-serif;
    }

    #blog-post .search-content .single-search-content .content p {
        color: #000;
        font-size: 14px;
        font-weight: 500;
        line-height: 26px;
        margin-bottom: 5px;
    }

    #blog-post .search-content .single-search-content .content a {
        color: #85ae02;
        font-size: 14px;
        font-weight: 500;
    }


/**
* Cart Page Styles
**/

.cart-page {
    padding: 80px 0px;
}

    .cart-page .table {
        margin: 0;
    }

        .cart-page table > tbody > tr > td,
        .cart-page .table > thead > tr > th {
            border: none;
        }

        .cart-page .table thead {
            background: #F9F9F9;
        }

        .cart-page .table > thead > tr > th {
            font-weight: normal;
            color: #000000;
            font-size: 16px;
            line-height: 60px;
            padding: 0 40px;
            font-weight: 500;
            border: 1px solid #EBEBEB;
            border-bottom: 0;
        }

            .cart-page .table > thead > tr > th.close {
                color: transparent;
            }

        .cart-page .table > tbody > tr > td.preview {
            padding: 25px 50px;
        }

        .cart-page .table > tbody > tr > td {
            border: 1px solid #ebebeb;
            color: #000;
            font-size: 14px;
            font-weight: 500;
            padding: 80px 40px;
        }

            .cart-page .table > tbody > tr > td.price {
                font-size: 16px;
            }

            .cart-page .table > tbody > tr > td.del-item {
                text-align: center;
            }

            .cart-page .table > tbody > tr > td .select-box {
                padding: 0;
                margin: 0;
                border: 1px solid #EDEDED;
                width: 95px;
                overflow: hidden;
                background-color: #fff;
                background: #fff url(../img/cart/select-box-bg.png) no-repeat 80% 50%;
            }

                .cart-page .table > tbody > tr > td .select-box select {
                    -moz-appearance: none;
                    background-color: transparent;
                    background-image: none;
                    border: medium none;
                    box-shadow: none;
                    color: #000;
                    font-size: 16px;
                    padding: 5px 8px;
                    width: 130%;
                }

            .cart-page .table > tbody > tr > td.total {
                font-size: 16px;
            }

            .cart-page .table > tbody > tr > td .select-box select:focus {
                outline: none;
            }

            .cart-page .table > tbody > tr > td.del-item {
                color: #c56e21;
                font-size: 18px;
                font-weight: normal;
            }

    .cart-page .bottom-box {
        background: #f9f9f9 none repeat scroll 0 0;
        margin: 0 0 50px;
        padding: 30px 25px;
        border-left: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
    }

        .cart-page .bottom-box .cupon-box input {
            border: 1px solid #eeeeee;
            color: #000;
            line-height: 36px;
            margin-right: 10px;
            outline: medium none;
            padding: 0 20px;
            width: 130px;
        }

        .cart-page .bottom-box .cupon-box button {
            padding: 0 20px;
            color: #fff;
            background: #E3E3E3;
            text-transform: capitalize;
            border: none;
            outline: none;
            font-weight: normal;
            line-height: 36px;
            color: #000000;
        }

    .cart-page .add-to-cart-wrap {
        text-align: right;
    }

        .cart-page .add-to-cart-wrap a {
        }

            .cart-page .add-to-cart-wrap a .cart-button {
                background: #252525 none repeat scroll 0 0;
                border-radius: 5px;
                display: inline-block;
            }

                .cart-page .add-to-cart-wrap a .cart-button p {
                    color: #ffffff;
                    display: inline-block;
                    float: left;
                    font-size: 12px;
                    line-height: 35px;
                    margin: 0;
                    padding-left: 21px;
                    padding-right: 17px;
                    text-transform: uppercase;
                    border-right: 1px solid #000000;
                }

                .cart-page .add-to-cart-wrap a .cart-button i {
                    border-left: 1px solid #404040;
                    color: #98bc24;
                    display: inline-block;
                    float: left;
                    font-size: 17px;
                    line-height: 35px;
                    padding-left: 14px;
                    padding-right: 15px;
                }

            .cart-page .add-to-cart-wrap a:before {
                background: #98BC24;
            }

    .cart-page .cart-total-box li {
        border-bottom: 1px solid #ebebeb;
        border-left: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
        font-size: 16px;
        font-weight: 500;
        line-height: 60px;
        padding: 0 25px;
        color: #000000;
        font-size: 16px;
    }

        .cart-page .cart-total-box li:first-child {
            border-top: 1px solid #EBEBEB;
        }

        .cart-page .cart-total-box li span {
            color: #000;
            margin-left: 50px;
        }

    .cart-page .cart-total-box .cart-total {
        background: #F9F9F9;
    }

    .cart-page .cart-total-box .proceed-to-checkout {
        text-align: right;
    }

        .cart-page .cart-total-box .proceed-to-checkout a {
            line-height: 30px;
            font-size: 14px;
        }

            .cart-page .cart-total-box .proceed-to-checkout a .cart-button {
                background: #252525 none repeat scroll 0 0;
                border-radius: 5px;
                display: inline-block;
                margin-top: 24px;
            }

                .cart-page .cart-total-box .proceed-to-checkout a .cart-button p {
                    border-right: 1px solid #000000;
                    color: #ffffff;
                    display: inline-block;
                    float: left;
                    font-size: 12px;
                    line-height: 40px;
                    margin: 0;
                    padding-left: 21px;
                    padding-right: 17px;
                    text-transform: uppercase;
                }

                .cart-page .cart-total-box .proceed-to-checkout a .cart-button i {
                    border-left: 1px solid #404040;
                    color: #98bc24;
                    display: inline-block;
                    float: left;
                    font-size: 17px;
                    line-height: 40px;
                    padding-left: 14px;
                    padding-right: 15px;
                }

            .cart-page .cart-total-box .proceed-to-checkout a:before {
                background: #98BC24;
            }

/**
* Checkout Page Styles.
**/
.left-checkout .section-title2 {
    margin-bottom: 39px;
}

.section-title2 h1 b {
    padding-right: 10px;
}

#checkout-content {
    padding: 100px 0 75px;
}

    #checkout-content .return-customer {
        background: #f9f9f9 none repeat scroll 0 0;
        border: 1px solid #ebebeb;
        margin-bottom: 45px;
        padding: 21px 30px;
    }

        #checkout-content .return-customer p {
            color: #000;
            font-size: 16px;
            line-height: 26px;
            margin-bottom: 0;
        }

        #checkout-content .return-customer a {
            color: #98c700;
        }

    #checkout-content label,
    #checkout-content input[type="text"] {
        display: block;
    }

    #checkout-content label {
        color: #000;
        font-size: 14px;
        font-weight: 500;
        line-height: 26px;
        margin-bottom: 4px;
    }

    #checkout-content input[type="text"] {
        border: 1px solid #e2e2e2;
        color: #c6c6c6;
        font-size: 14px;
        font-weight: 400;
        height: 40px;
        line-height: 40px;
        margin-bottom: 10px;
        outline: medium none;
        padding: 0 20px;
        width: 100%;
    }

.left-checkout .section-title2.ship-to-different {
    margin-bottom: 39px;
    margin-top: 68px;
}

.right-checkout .section-title2 {
    margin-bottom: 47px;
    margin-left: -15px;
}

#checkout-content input[type="text"]:last-child {
    margin-bottom: 0;
}

#checkout-content .left-checkout > .row {
    margin-bottom: 23px;
}

.col-lg-6.create-account {
}

#checkout-content .select-box {
    padding: 0;
    margin: 0;
    border: 1px solid #E2E2E2;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    background: #fff url(../img/cart/select-box-bg.png) no-repeat 95% 50%;
}

    #checkout-content .select-box select {
        padding: 5px 8px;
        width: 130%;
        border: none;
        box-shadow: none;
        background-color: transparent;
        background-image: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        #checkout-content .select-box select:focus {
            outline: none;
        }

#checkout-content .row span {
    color: #fe5454;
    font-size: 16px;
    font-weight: 500;
}

    #checkout-content .row span b {
        color: #000;
        font-size: 14px;
        font-weight: 500;
    }

#checkout-content input[type="checkbox"] {
    display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: middle;
    float: left;
    margin-top: 8px;
}

#checkout-content textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #E2E2E2;
    padding: 10px 20px;
    outline: none;
}

#checkout-content .ship-different {
    margin-top: 80px;
}

#checkout-content .order-box {
    border: 1px solid #D9D9D9;
    padding: 30px;
}

    #checkout-content .order-box ul li {
        color: #000;
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 45px;
    }

        #checkout-content .order-box ul li.total {
            border-bottom: 1px solid #e2e2e2;
            border-top: 1px solid #e2e2e2;
            color: #242424;
        }

        #checkout-content .order-box ul li span {
            color: #000;
            display: inline-block;
            float: right;
            font-size: 14px;
            font-family: "Open Sans",sans-serif;
        }

            #checkout-content .order-box ul li span.bold {
                color: #242424;
                font-size: 18px;
                font-weight: 500;
                font-family: "Open Sans",sans-serif;
            }

        #checkout-content .order-box ul li a span {
            color: #ff9101;
            font-size: 13px;
            font-weight: 500;
            font-family: "Raleway",sans-serif;
        }

        #checkout-content .order-box ul li.place-order-button {
            padding-top: 30px;
            line-height: 30px;
        }

        #checkout-content .order-box ul li input[type="radio"] {
            margin-right: 10px;
        }

        #checkout-content .order-box ul li .note {
            background: #ECECEC;
            padding: 25px;
            color: #8E8D8D;
            line-height: 24px;
            font-size: 14px;
            font-weight: normal;
            position: relative;
        }

            #checkout-content .order-box ul li .note .fa {
                font-size: 35px;
                position: absolute;
                top: -25px;
                left: 25px;
                color: #ECECEC;
            }

        #checkout-content .order-box ul li a.place-order {
            background: #FD9C1E;
            text-transform: uppercase;
            display: inline-block;
            line-height: 36px;
            font-weight: 700;
            color: #fff;
            padding: 0 40px;
            margin-top: 30px;
        }

/**
* Shop Page Styles.
**/
.section-title-style-2 {
    clear: both;
    overflow: hidden;
}

.shop-page-content .row,
.shop-page-content.row {
    margin-left: -10px;
    margin-right: -10px;
}

.shop-page-content .single-shop-item {
    margin-bottom: 45px;
    padding: 0 10px;
}

.single-shop-item .meta {
    padding: 11px 38px 25px;
    text-align: center;
    overflow: hidden;
}

    .single-shop-item .meta h4 {
        color: #000000;
        font-family: "Roboto Slab",serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 30px;
        margin-bottom: 2px;
        text-transform: uppercase;
    }

.shop-page-content .single-shop-item .meta p {
    font-size: 13px;
    font-weight: 600;
    color: #999999;
    line-height: 18px;
}

.single-shop-item .meta span {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #7E7E7E;
}

    .single-shop-item .meta span b {
        color: #2d2d2d;
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
        font-style: italic;
        font-family: "PT Serif",serif;
    }

.shop-page-content .single-shop-item a.add-to-cart {
    background: #FD9C1E;
    text-transform: uppercase;
    display: inline-block;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    padding: 0 20px;
    font-size: 13px;
    margin-top: 25px;
}

    .shop-page-content .single-shop-item a.add-to-cart:before {
        background: #98BC24;
    }

.shop-page-content .best-seller {
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
}


/**
* Product Details Page Styles.
**/

.product-details-box {
    margin-bottom: 80px;
}

    .product-details-box h3 {
        color: #000000;
        font-family: "Roboto Slab",serif;
        font-size: 22px;
        font-weight: 700;
        line-height: 28px;
        margin: 0;
        text-transform: uppercase;
        margin-top: -7px;
    }

    .product-details-box p {
        border-bottom: 1px solid #eaeaea;
        border-top: 1px solid #eaeaea;
        color: #000;
        font-size: 14px;
        font-weight: 600;
        margin: 20px 0;
        padding: 20px 0;
        font-family: "Open Sans",sans-serif;
    }

    .product-details-box span {
        color: #999999;
        display: block;
        font-family: "Raleway",sans-serif;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 20px;
    }

        .product-details-box span b {
            color: #242424;
            font-family: "PT Serif",serif;
            font-size: 28px;
            font-style: italic;
            font-weight: 700;
            margin-left: 10px;
        }

        .product-details-box span input {
            border: 1px solid #eaeaea;
            color: #999999;
            font-size: 18px;
            height: 36px;
            margin-left: 10px;
            text-align: center;
            width: 36px;
            font-family: "Raleway",sans-serif;
        }

    .product-details-box a.add-to-cart {
        background: #FD9C1E;
        text-transform: uppercase;
        display: inline-block;
        line-height: 50px;
        font-weight: 700;
        color: #fff;
        padding: 0 65px;
        font-size: 18px;
        margin-top: 25px;
    }

    .product-details-box .contact-button {
        margin-left: 0;
    }

    .product-details-box a.add-to-cart:before {
        background: #98BC24;
    }

    .product-details-box img {
        border: 5px solid #F4F4F4;
    }

.product-details-page-content .best-seller {
    margin-left: 0px;
}

.product-details-tab-title {
    margin: -15px -15px -15px 0;
}

    .product-details-tab-title .col-lg-12 {
        padding: 0;
    }

    .product-details-tab-title ul li {
        display: inline;
    }

        .product-details-tab-title ul li.active span {
            background: #fff;
            border: 1px solid #E6E6E6;
            border-top: 2px solid #98C700;
            border-bottom: 0;
            position: relative;
            top: 1px;
            z-index: 999;
        }

        .product-details-tab-title ul li span {
            display: inline-block;
            background: #F4F4F4;
            font-size: 16px;
            color: #000000;
            line-height: 45px;
            padding: 0 27px;
            margin-right: 5px;
            cursor: pointer;
        }

.product-details-tab-content {
    margin-bottom: 75px;
    margin-left: 0;
}

    .product-details-tab-content .col-lg-12 {
        border: 1px solid #E6E6E6;
        padding: 40px;
    }

        .product-details-tab-content .col-lg-12 p {
            color: #000;
            font-size: 14px;
            font-weight: 500;
        }


/** ====== our project with filter Gallery filter styles ====== **/

#our-projects.with-filter .gallery-filter {
    margin-bottom: 50px;
    text-align: center;
    border-bottom: 1px solid #E2E2E2;
}

    #our-projects.with-filter .gallery-filter li {
        display: inline;
    }

        #our-projects.with-filter .gallery-filter li span {
            display: inline-block;
            font-size: 13px;
            line-height: 45px;
            color: #787878;
            font-weight: 500;
            text-transform: uppercase;
            cursor: pointer;
            padding: 0 20px;
            position: relative;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

        #our-projects.with-filter .gallery-filter li.active span:before {
            content: ' ';
            display: block;
            width: 100%;
            height: 2px;
            background: #12AEF8;
            position: absolute;
            bottom: -1px;
            left: 0;
        }

        #our-projects.with-filter .gallery-filter li.active span,
        #our-projects.with-filter .gallery-filter li:hover span {
            color: #12AEF8;
        }

#our-projects.with-filter .gallery-filter {
    border: none;
}

    #our-projects.with-filter .gallery-filter li span {
        color: #fff;
        border: 1px solid transparent;
        line-height: 30px;
    }

    #our-projects.with-filter .gallery-filter li:hover span {
        color: #12AEF8;
    }

    #our-projects.with-filter .gallery-filter li.active span {
        border: 1px solid #12AEF8;
        color: #12AEF8;
    }

        #our-projects.with-filter .gallery-filter li.active span:before {
            display: none;
        }


/** ====== top bar G3infotecker styles ====== **/


#topbar.G3infotecker {
    background: #313718;
}

    #topbar.G3infotecker .social ul li a {
        color: #aaca44;
        border-color: #424923;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

        #topbar.G3infotecker .social ul li a:hover {
            background: #E7CC40;
            color: #313718;
        }

    #topbar.G3infotecker .contact-info ul li:hover a,
    #topbar.G3infotecker .contact-info ul li a:before {
        background: #E7CC40;
    }

    #topbar.G3infotecker .contact-info ul li a {
        color: #98BC24;
        border-color: #424923;
    }

        #topbar.G3infotecker .contact-info ul li a:hover {
            color: #313718;
        }



/** ====== header G3infotecker styles ====== **/


header.G3infotecker .mainmenu-container > ul > li > a {
    color: #4B4B4B;
}

header.G3infotecker .mainmenu-container > ul > li.current > a,
header.G3infotecker .mainmenu-container ul li a:hover,
header.G3infotecker .mainmenu-container ul > li.dropdown:after,
header.G3infotecker .mainmenu-container ul > li > ul > li.dropdown:after,
header.G3infotecker nav.mainmenu-container ul > li > ul > li > a:hover,
header.G3infotecker nav.mainmenu-container ul > li > ul > li > a:hover:after,
header.G3infotecker .mainmenu-container ul > li > ul > li.dropdown:hover:after,
header.G3infotecker .mainmenu-container ul li.top-icons:hover a i {
    color: #7FA409;
}

header.G3infotecker .mainmenu-container ul li a:before,
header.G3infotecker .search-box {
    background: #7FA409;
}

header.G3infotecker .mainmenu-container ul li a:before {
    color: #7FA409;
}

header.G3infotecker .cart-box span {
    color: #000;
}

header.G3infotecker .mainmenu-container ul li a:before {
    background: #7FA409;
}

header.G3infotecker .mainmenu-container ul li.top-icons:hover a i {
    border-color: #DFDFDF;
}

header.G3infotecker .mainmenu-container ul > li > ul {
    border-color: #7FA409;
}

header.G3infotecker .mainmenu-container ul li.top-icons a i {
    color: #DFDFDF;
}

header.G3infotecker .cart-box {
    background: #E7CC40;
}

header .cart-box p {
    color: #313718;
}


/** ====== promotional text G3infotecker styles ====== **/

#promotional-text.G3infotecker {
    background: #98BC24;
    padding: 35px 0;
}

    #promotional-text.G3infotecker p {
        font-family: "PT Serif",serif;
        font-size: 32px;
        font-style: italic;
        line-height: 37px;
        margin: 0;
        text-align: left;
        display: inline-block;
    }

        #promotional-text.G3infotecker p a {
            font-size: 14px;
            line-height: 37px;
            color: #fff;
            text-transform: uppercase;
            letter-spacing: .03em;
            font-weight: bold;
            border: 1px solid #fff;
            display: inline-block;
            padding: 0 28px;
            vertical-align: top;
            float: right;
        }

            #promotional-text.G3infotecker p a:before {
                background: #313718;
                border-color: transparent;
            }


/** ====== Our service section G3infotecker styles ====== **/

#our-services-G3infotecker {
    background: #F5F4F4;
    padding: 80px 0;
}

.single-our-service-G3infotecker a h2 {
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    letter-spacing: .03em;
    margin: 0;
    background: #98BC24;
    padding: 8px 20px;
    display: block;
    width: 90%;
}

    .single-our-service-G3infotecker a h2:before {
        background: #E7CC40;
    }

.single-our-service-G3infotecker p {
    font-size: 15px;
    font-weight: 500;
    color: #777777;
    margin-bottom: 0;
    margin-top: 20px;
}

.single-our-service-G3infotecker a.readmore {
    font-size: 13px;
    line-height: 30px;
    display: inline-block;
    background: #FFFFFF;
    color: #5C5C5C;
    text-transform: capitalize;
    padding: 0 23px;
    font-weight: 600;
    border: 1px solid #D9D9D9;
    margin-top: 25px;
}

    .single-our-service-G3infotecker a.readmore:hover {
        color: #fff;
    }

    .single-our-service-G3infotecker a.readmore:before {
        background: #E7CC40;
    }

.single-our-service-G3infotecker .img-holder:before {
    background: #98BC24;
}

.single-our-service-G3infotecker .img-holder img {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.single-our-service-G3infotecker:hover .img-holder img {
    opacity: .45;
    filter: alpha(opacity=45);
}

.single-our-service-G3infotecker:hover .img-holder:before,
.single-our-service-G3infotecker:focus .img-holder:before,
.single-our-service-G3infotecker:active .img-holder:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}



/** ====== Welcome to G3infotecker styles ====== **/

#welcome-to-G3infotecker {
    background: #313718;
    overflow: hidden;
}

    #welcome-to-G3infotecker .col-lg-7 {
        padding: 75px 0 65px;
        padding-right: 30px;
    }

    #welcome-to-G3infotecker h2 {
        color: #e2ba4b;
        font-size: 24px;
        font-weight: bold;
        line-height: 28px;
        margin: 0 0 17px;
        text-transform: uppercase;
        font-family: "Roboto Slab",serif;
    }

    #welcome-to-G3infotecker p {
        color: #ffffff;
        font-size: 16px;
        font-weight: normal;
        line-height: 26px;
        font-style: italic;
    }

    #welcome-to-G3infotecker h3 {
        font-size: 24px;
        line-height: 26px;
        color: #fff;
        letter-spacing: .03em;
        font-weight: 500;
        margin: 0;
        margin-top: 40px;
        font-family: "Open Sans",sans-serif;
    }

    #welcome-to-G3infotecker .list-box {
        margin-top: 27px;
    }

    #welcome-to-G3infotecker ul {
        float: left;
        width: 50%;
    }

        #welcome-to-G3infotecker ul li {
            color: #e2ba4b;
            font-size: 16px;
            font-weight: 700;
            line-height: 40px;
            text-transform: uppercase;
            font-family: "Open Sans",sans-serif;
        }

            #welcome-to-G3infotecker ul li .fa {
                margin-right: 10px;
            }

    #welcome-to-G3infotecker .img-holder:before {
        background: #98BC24;
    }

    #welcome-to-G3infotecker .img-holder img {
        max-width: none;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    #welcome-to-G3infotecker:hover .img-holder img {
        opacity: .45;
        filter: alpha(opacity=45);
    }

    #welcome-to-G3infotecker:hover .img-holder:before,
    #welcome-to-G3infotecker:focus .img-holder:before,
    #welcome-to-G3infotecker:active .img-holder:before {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }


/** ====== Video section G3infotecker styles ====== **/

#video-section-G3infotecker {
    background: rgba(0, 0, 0, 0) url("../img/video-G3infotecker/bg.jpg") no-repeat scroll center center / cover;
    padding: 100px 0;
}

    #video-section-G3infotecker .video-preview a {
        display: block;
        background: #384C15;
        position: relative;
        margin-right: 20px;
    }

        #video-section-G3infotecker .video-preview a:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url(../img/video-G3infotecker/video-play-icon.png) center center no-repeat;
            z-index: 99;
        }

    #video-section-G3infotecker .video-preview img {
        width: 100%;
        opacity: .5;
        filter: alpha(opacity=50);
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    #video-section-G3infotecker .video-preview a:hover img {
        opacity: .85;
        filter: alpha(opacity=85);
    }

    #video-section-G3infotecker .video-text h2 {
        color: #419c04;
        font-size: 28px;
        font-weight: 700;
        margin: 0 0 22px;
        font-family: "Roboto Slab",serif;
    }

    #video-section-G3infotecker .video-text a .contact-us-button {
        padding: 7px 24px 7px 30px;
    }

    #video-section-G3infotecker .video-text p {
        color: #656565;
        font-size: 14px;
        font-weight: 500;
        margin: 0 0 50px;
    }

    #video-section-G3infotecker .video-text a {
        margin: 0;
    }

        #video-section-G3infotecker .video-text a i {
            padding: 11px 14px 13px;
        }

        #video-section-G3infotecker .video-text a:hover {
            color: #fff;
        }
/*#video-section-G3infotecker .video-text a:before {
    background: #313718;
}*/

/** ====== Latest project G3infotecker styles ====== **/


#latest-project-G3infotecker {
    padding: 80px 0;
    margin-bottom: -30px;
}

.single-latest-project-G3infotecker {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

    .single-latest-project-G3infotecker .modal-content {
        display: none;
    }

    .single-latest-project-G3infotecker .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.20);
        text-align: center;
        line-height: 0;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

        .single-latest-project-G3infotecker .overlay:hover {
            background: rgba(0,0,0,.34);
        }

        .single-latest-project-G3infotecker .overlay .box-holder {
            display: table;
            width: 100%;
            height: 100%;
            position: relative;
        }

            .single-latest-project-G3infotecker .overlay .box-holder:before,
            .single-latest-project-G3infotecker .overlay .box-holder:after {
                content: '';
                position: absolute;
                opacity: 0;
                filter: alpha(opacity=0);
            }

        .single-latest-project-G3infotecker .overlay:hover .box-holder:after {
            opacity: 1;
            filter: alpha(opacity=100);
            -webkit-transform: skew(0deg);
            -ms-transform: skew(0deg);
            transform: skew(0deg);
        }

        .single-latest-project-G3infotecker .overlay:hover .box-holder:before {
            top: 15px;
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .single-latest-project-G3infotecker .overlay .box-holder:after {
            top: 30px;
            left: 15px;
            right: 15px;
            bottom: 30px;
            border-top: 1px solid #FFFFFF;
            border-bottom: 1px solid #FFFFFF;
            -webkit-transform: skew(-100deg);
            -ms-transform: skew(-100deg);
            transform: skew(-100deg);
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

        .single-latest-project-G3infotecker .overlay .box-holder:before {
            top: 100%;
            left: 30px;
            right: 30px;
            bottom: 15px;
            border-left: 1px solid #FFFFFF;
            border-right: 1px solid #FFFFFF;
            -webkit-transition: all .3s ease .3s;
            transition: all .3s ease .3s;
        }

        .single-latest-project-G3infotecker .overlay .box-holder .content-box {
            display: table-cell;
            vertical-align: middle;
            padding-left: 50px;
            padding-right: 50px;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

            .single-latest-project-G3infotecker .overlay .box-holder .content-box h3 {
                font-size: 25px;
                line-height: 26px;
                text-transform: capitalize;
                font-family: 'Roboto Slab', sans-serif;
                font-weight: 500;
                color: #fff;
                margin: 0;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

                .single-latest-project-G3infotecker .overlay .box-holder .content-box h3 span {
                    font-weight: bold;
                    margin: 0;
                }

            .single-latest-project-G3infotecker .overlay .box-holder .content-box p {
                margin: 0;
                font-size: 14px;
                color: #FFFFFF;
                line-height: 20px;
                opacity: 0;
                filter: alpha(opacity=0);
                height: 0;
                margin-top: 12px;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

        .single-latest-project-G3infotecker .overlay:hover .content-box p {
            opacity: 1;
            filter: alpha(opacity=100);
            height: auto;
        }

        .single-latest-project-G3infotecker .overlay .content-box ul {
            text-align: center;
            margin-top: 15px;
            position: relative;
            z-index: 9;
            opacity: 0;
            filter: alpha(opacity=0);
            height: 0;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

        .single-latest-project-G3infotecker .overlay:hover .content-box ul {
            opacity: 1;
            filter: alpha(opacity=100);
            height: auto;
        }

        .single-latest-project-G3infotecker .overlay .content-box ul li {
            display: inline;
        }

            .single-latest-project-G3infotecker .overlay .content-box ul li a {
                display: inline-block;
                width: 35px;
                height: 35px;
                font-family: 18px;
                color: #fff;
                background: #242424;
                border-radius: 50%;
                line-height: 35px;
                margin-right: 10px;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

                .single-latest-project-G3infotecker .overlay .content-box ul li a:hover {
                    background: #7FA409;
                    color: #fff;
                }


/** ====== Testimonials Gardener styles ====== **/


#testimonials-G3infotecker {
    background: #000;
    position: relative;
    padding: 50px 0 0px;
}

    #testimonials-G3infotecker:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url(../img/testimonials-G3infotecker/bg.jpg) 0 0 no-repeat;
        background-size: cover;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    #testimonials-G3infotecker:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: .35;
        filter: alpha(opacity=35);
    }

    #testimonials-G3infotecker .container {
        position: relative;
        z-index: 3;
    }

    #testimonials-G3infotecker .img-holder {
        position: relative;
        padding-left: 12px;
        padding-right: 12px;
        width: 270px;
        left: 10px;
        display: table-cell;
        vertical-align: middle;
        visibility: visible;
        padding-top: 10px;
    }

        #testimonials-G3infotecker .img-holder img {
            position: relative;
            z-index: 2;
        }

    #testimonials-G3infotecker .caption-box {
        position: relative;
    }

        #testimonials-G3infotecker .caption-box:before {
            content: '';
            position: absolute;
            top: 10px;
            left: 10px;
            right: 10px;
            bottom: 10px;
            border: 1px solid #fff;
            z-index: 3;
        }

        #testimonials-G3infotecker .caption-box:after {
            content: '';
            width: 100%;
            position: absolute;
            top: -10px;
            left: -10px;
            background: #281C03;
            z-index: 1;
            display: block;
            right: 0;
            bottom: 0;
        }

    #testimonials-G3infotecker .container .text-box {
        display: table-cell;
        vertical-align: middle;
        padding-left: 45px;
    }

        #testimonials-G3infotecker .container .text-box p {
            color: #f5f4f4;
            font-size: 18px;
            font-style: italic;
            line-height: 30px;
            position: relative;
        }

            #testimonials-G3infotecker .container .text-box p .quote {
                font-size: 105px;
                margin-right: 10px;
                font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
                color: #98BC24;
                vertical-align: bottom;
                line-height: 0px;
                position: relative;
                top: 6px;
                padding-right: 10px;
            }

            #testimonials-G3infotecker .container .text-box p.name {
                font-style: italic;
                font-size: 14px;
                line-height: 20px;
                margin-bottom: 0;
                display: inline-block;
                float: right;
            }

                #testimonials-G3infotecker .container .text-box p.name span {
                    font-size: 16px;
                    font-style: italic;
                    color: #98BC24;
                    line-height: 20px;
                }

    #testimonials-G3infotecker .container .owl-controls {
        position: absolute;
        top: -15px;
        right: 0px;
    }

    #testimonials-G3infotecker .container .owl-theme .owl-nav [class*=owl-] {
        width: 25px;
        height: 25px;
        color: #fff;
        text-align: center;
        border-radius: 50%;
        line-height: 25px;
        padding: 0;
        font-size: 15px;
        background: #98BC24;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

        #testimonials-G3infotecker .container .owl-theme .owl-nav [class*=owl-]:hover {
            opacity: .55;
            filter: alpha(opacity=55);
        }

    #testimonials-G3infotecker .container .owl-theme .owl-nav .owl-prev {
        margin-right: 10px;
    }



/** ====== Blog Gardener styles ====== **/


#blog-G3infotecker {
    background: #f5f5f5;
    padding: 80px 0;
}

    #blog-G3infotecker .single-blog-post .img-holder {
        position: relative;
        margin-bottom: 0;
        overflow: hidden;
    }

        #blog-G3infotecker .single-blog-post .img-holder .overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(127,164,9, .75);
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

        #blog-G3infotecker .single-blog-post .img-holder:hover .overlay {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }

        #blog-G3infotecker .single-blog-post .img-holder .overlay .inner-holder {
            display: table;
            width: 100%;
            height: 100%;
        }

        #blog-G3infotecker .single-blog-post .img-holder:hover .overlay ul.button {
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-delay: .6s;
            animation-delay: .6s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-name: headShake;
            animation-name: headShake;
        }

        #blog-G3infotecker .single-blog-post .img-holder .overlay ul.button {
            text-align: center;
            display: table-cell;
            vertical-align: middle;
        }

        #blog-G3infotecker .single-blog-post .img-holder .overlay ul.button {
            margin-left: -5px;
            margin-right: -5px;
        }

            #blog-G3infotecker .single-blog-post .img-holder .overlay ul.button li {
                display: inline;
                padding-left: 10px;
            }

                #blog-G3infotecker .single-blog-post .img-holder .overlay ul.button li a {
                    display: inline-block;
                    width: 30px;
                    height: 30px;
                    font-size: 15px;
                    background: #272C0F;
                    text-align: center;
                    color: #fff;
                    line-height: 30px;
                    border-radius: 50%;
                    margin-left: -4px;
                }

                    #blog-G3infotecker .single-blog-post .img-holder .overlay ul.button li a:hover {
                        background: #7FA409;
                        color: #fff;
                    }

        #blog-G3infotecker .single-blog-post .img-holder .date {
            background: #98BC24;
            display: inline-block;
            position: absolute;
            bottom: 0;
            right: 0;
            color: #fff;
            font-size: 14px;
            line-height: 20px;
            padding: 10px 15px;
            font-weight: 500;
        }

            #blog-G3infotecker .single-blog-post .img-holder .date b {
                font-size: 25px;
                font-weight: bold;
                font-family: "PT Serif";
                font-style: italic;
            }

    #blog-G3infotecker .single-blog-post a h2 {
        color: #242424;
        font-size: 16px;
        font-weight: bold;
        margin: 0;
        text-transform: uppercase;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        font-family: "Raleway",sans-serif;
    }

        #blog-G3infotecker .single-blog-post a h2:hover {
            color: #98BC24;
        }

    #blog-G3infotecker .single-blog-post p {
        color: #000;
        font-size: 14px;
        font-weight: 500;
        margin: 15px 0 0;
    }

    #blog-G3infotecker .single-blog-post > ul {
        border-bottom: 1px solid #E1E1E1;
        padding: 7px 0px;
        margin-bottom: 30px;
    }

        #blog-G3infotecker .single-blog-post > ul li {
            display: inline;
        }

            #blog-G3infotecker .single-blog-post > ul li a,
            #blog-G3infotecker .single-blog-post > ul li span {
                display: inline-block;
                font-size: 13px;
                line-height: 13px;
                padding: 0 12px;
                color: #9A9A99;
                font-weight: 500;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

            #blog-G3infotecker .single-blog-post > ul li span {
                border-right: 1px solid #9A9A99;
                padding-left: 0;
                color: #9A9A99;
            }

                #blog-G3infotecker .single-blog-post > ul li span b {
                    color: #000;
                    font-weight: normal;
                }

            #blog-G3infotecker .single-blog-post > ul li a:hover {
                color: #98BC24;
            }

    #blog-G3infotecker .single-blog-post .img-holder:before {
        background: #98BC24;
    }

    #blog-G3infotecker .single-blog-post:hover .img-holder:before,
    #blog-G3infotecker .single-blog-post:focus .img-holder:before,
    #blog-G3infotecker .single-blog-post:active .img-holder:before {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }


/** ====== Landscaping Design Gardener styles ====== **/

#landscaping-design-G3infotecker {
    overflow: hidden;
    padding: 100px 0 90px;
    background: #FFFFFF;
}

    #landscaping-design-G3infotecker .lawn-maintenance img {
        max-width: none;
        margin-top: 25px;
    }

    #landscaping-design-G3infotecker p {
        color: #000;
        font-size: 14px;
    }

    #landscaping-design-G3infotecker ul {
        float: left;
        width: 45%;
    }

        #landscaping-design-G3infotecker ul li {
            color: #6F9300;
            font-size: 15px;
            font-weight: 400;
            line-height: 40px;
        }

            #landscaping-design-G3infotecker ul li .fa {
                margin-right: 7px;
            }

    #landscaping-design-G3infotecker h2 {
        color: #282c3d;
        font-size: 35px;
        font-weight: 300;
        line-height: 40px;
        margin: 0 0 15px;
        text-transform: uppercase;
        font-family: "Roboto Slab",serif;
    }

    #landscaping-design-G3infotecker .col-lg-5 p {
        margin-bottom: 17px;
    }

    #landscaping-design-G3infotecker h3 {
        color: #272727;
        font-size: 20px;
        font-weight: 700;
        margin: 0 0 10px;
        text-transform: uppercase;
        font-family: "Roboto Slab",serif;
    }

    #landscaping-design-G3infotecker h2 b {
        color: #282c3d;
        font-family: "Roboto Slab",serif;
        font-size: 38px;
        font-weight: 700;
    }

/** ====== footer G3infotecker styles ====== **/


#footer-bg {
    background: url(../img/resources/footer-bg.jpg) 0 0 no-repeat;
    background-size: cover;
    padding-top: 40px;
}

footer.G3infotecker {
    background: none;
}

    footer.G3infotecker .container {
        border: none;
    }

#bottom-bar.G3infotecker {
    background: none;
}

    #bottom-bar.G3infotecker p {
        display: inline-block;
    }

    #bottom-bar.G3infotecker .social {
        text-align: left;
        margin-top: 10px;
        display: inline-block;
        margin-right: 35px;
    }

        #bottom-bar.G3infotecker .social li {
            display: inline;
        }

            #bottom-bar.G3infotecker .social li a {
                display: inline-block;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                background: transparent;
                text-align: center;
                line-height: 40px;
                color: #98BC24;
                border: 1px solid #98BC24;
                font-size: 17px;
                margin-right: 7px;
                -webkit-transition: all .3s ease;
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                transform: rotate(0deg);
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

            #bottom-bar.G3infotecker .social li:hover a {
                color: #000;
                -webkit-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                transform: rotate(360deg);
            }

            #bottom-bar.G3infotecker .social li a:before {
                background: #98BC24;
            }

footer.G3infotecker .widget img.positioned {
    margin-top: -180px;
}

footer.G3infotecker .widget p {
    color: #c5b199;
}

footer.G3infotecker .widget .popular-post li a h5,
footer.G3infotecker .widget .contact-info li {
    color: #AE9E8A;
}

footer.G3infotecker .widget h3 {
    border-color: rgba(121, 107, 93, 0.4);
}

footer.G3infotecker .widget a {
    color: #a6d119;
}

footer.G3infotecker .widget .popular-post li p {
    color: #98BC24;
}

footer.G3infotecker .widget .contact-info li .fa {
    color: #98BC24;
}

#bottom-bar.G3infotecker p {
    color: #9dba3f;
}

footer.G3infotecker .quick-links li a {
    font-size: 14px;
    line-height: 16px;
    color: #BEAA93;
    margin-bottom: 15px;
    display: block;
}

    footer.G3infotecker .quick-links li a:before {
        content: '\f105';
        font-family: 'fontawesome';
        margin-right: 12px;
    }

/** ====== Great G3infotecker team styles ====== **/

#great-G3infotecker-team {
    background: #98BC24 url(../img/resources/great-G3infotecker-team-bg.png) left center no-repeat;
    overflow: hidden;
}

    #great-G3infotecker-team .has-skew {
        position: relative;
        padding: 38px 0;
        padding-left: 85px;
    }

        #great-G3infotecker-team .has-skew * {
            position: relative;
        }

        #great-G3infotecker-team .has-skew:before {
            content: '';
            background: #98BC24;
            width: 5000px;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            -webkit-transform: skew(-38deg);
            -ms-transform: skew(-38deg);
            transform: skew(-38deg);
        }

    #great-G3infotecker-team h2 {
        color: #000000;
        font-size: 30px;
        font-weight: 700;
        line-height: 35px;
        margin: 0 0 10px;
        text-transform: uppercase;
        font-family: "Roboto Slab",serif;
    }

        #great-G3infotecker-team h2 b {
            font-weight: bold;
            color: #fff;
        }

    #great-G3infotecker-team p {
        color: #ffffff;
        font-size: 20px;
        font-style: italic;
        line-height: 26px;
        margin-bottom: 23px;
    }

        #great-G3infotecker-team p b {
            color: #fff;
            font-family: "PT Serif",serif;
            font-size: 34px;
            font-weight: bold;
            margin-right: 10px;
        }

        #great-G3infotecker-team p.has-btn {
            display: inline-block;
            float: left;
            margin-bottom: 0;
            text-transform: uppercase;
        }

            #great-G3infotecker-team p.has-btn a {
                font-size: 14px;
                color: #fff;
                font-weight: bold;
                text-transform: uppercase;
                border: 1px solid #fff;
                display: inline-block;
                line-height: 36px;
                padding: 0 27px;
                position: relative;
                bottom: 5px;
                margin-left: 10px;
            }

                #great-G3infotecker-team p.has-btn a:before {
                    background: #FFBB00;
                }

        #great-G3infotecker-team p span {
            color: #ffffff;
            font-size: 22px;
            font-weight: 700;
            font-family: "Open Sans",sans-serif;
            font-style: normal;
        }

    #great-G3infotecker-team a {
        margin-left: 20px;
        margin-top: -5px;
    }

.widget a i {
    color: #a6d119;
    display: inline-block;
    font-size: 12px;
    padding-left: 7px;
}



#project-content .section-title2 p {
    color: #8d8d8d;
    font-size: 18px;
    margin-bottom: 7px;
}

    #project-content .section-title2 p.title-text {
        color: #000;
        font-family: "Open Sans",sans-serif;
        font-size: 14px;
        font-style: normal;
        line-height: 26px;
        margin-top: 20px;
    }



#project-version-one.project-4 {
    background: #232323 none repeat scroll 0 0;
    padding-bottom: 90px;
}

    #project-version-one.project-4 ul.gallery-filter li span {
        color: #ffffff;
    }

        #project-version-one.project-4 ul.gallery-filter li span:hover {
            color: #7fa409;
        }

.row.best-seller {
    overflow: hidden;
}

#blog-post.faq {
    padding-bottom: 80px;
    padding-top: 94px;
}

    #blog-post.faq .section-title2 p {
        margin-bottom: 7px;
    }

#blog-post.shops .sidebar-widget-items {
    min-height: 1400px;
}

.general-question.popular-question .section-title2 {
    margin-bottom: 47px;
    margin-top: 75px;
}



/* Start our service G3infotecker area css */
#our-services-G3infotecker {
    background: #f5f4f4 none repeat scroll 0 0;
    padding-bottom: 70px;
    padding-top: 95px;
}

    #our-services-G3infotecker .section-title2 {
        margin-bottom: 47px;
    }

.single-service-item {
    border: 1px solid #d7d7d7;
    margin-bottom: 30px;
    position: relative;
}

.service-left-bg {
    background: #ececec none repeat scroll 0 0;
    border-right: 1px solid #d7d7d7;
    float: left;
    height: 100%;
    position: absolute;
    overflow: hidden;
    width: 50px;
}

.service-icon {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    margin-top: 25px;
    width: 61px;
    height: 61px;
    background: #7FA409;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
}

    .service-icon i,
    .service-icon i:before {
        font-size: 33px;
        color: #fff;
        line-height: 61px;
        margin: 0;
    }

.service-text {
    overflow: hidden;
    padding-bottom: 15px;
    padding-top: 21px;
    padding-right: 10px;
}

    .service-text h4 {
        color: #242424;
        font-family: "Roboto Slab",serif;
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 9px;
        margin-top: 0;
        text-transform: uppercase;
    }

    .service-text p {
        color: #777777;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        line-height: 22px;
    }
/* End our service G3infotecker area css */


/* Start Blog Gardener area css */
#blog-G3infotecker {
    background: #f5f5f5 none repeat scroll 0 0;
    padding-top: 94px;
    padding-bottom: 95px;
}
/* End Blog Gardener area css */

/* Start Latest Project Gardener area css */
#latest-project-G3infotecker {
    padding-bottom: 100px;
    padding-top: 94px;
    background: #fff;
}

    #latest-project-G3infotecker .section-title2 {
        margin-bottom: 46px;
    }



#landscaping-design-G3infotecker ul li {
    color: #79a000;
    font-size: 17px;
    font-style: italic;
    font-weight: 400;
    line-height: 40px;
    font-family: "PT Serif",serif;
}





/* Start===================================================== about-new.html =============================page  css*/

/* Start breadcrumb area css*/
#breadcrumb-area {
    background: rgba(0, 0, 0, 0) url("../img/resources/breadcrumb-bg.jpg") no-repeat scroll center center / cover;
    padding-bottom: 52px;
    padding-top: 67px;
}

.breadcrumb-title h1 {
    color: #ffffff;
    font-family: "Roboto Slab",serif;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.breadcrumb-title a {
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding-right: 3px;
    text-transform: uppercase;
}

.breadcrumb-title.text-center i {
    color: #ffffff;
    font-size: 12px;
}

.breadcrumb-title span {
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding-left: 3px;
    text-transform: uppercase;
}
/* End breadcrumb area css*/

/* Start company area css*/
#company-history-area {
    padding-bottom: 72px;
    padding-top: 93px;
    background: #fff;
}

.company-history-left .section-title2 {
    margin-bottom: 10px;
}

.company-history-left-text {
    color: #000;
    font-size: 14px;
    line-height: 26px;
    font-family: "Open Sans",sans-serif;
}

.company-history-list {
    padding-top: 12px;
}

    .company-history-list ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

        .company-history-list ul li {
            color: #79a000;
            font-size: 17px;
            font-style: italic;
            font-family: "PT Serif",serif;
            line-height: 40px;
        }

            .company-history-list ul li i {
                padding-right: 10px;
                font-size: 15px;
            }

        .company-history-list ul.history-left-list {
            float: left;
            margin-right: 110px;
        }

.company-history-right {
    padding-top: 7px;
}

.section-title2.company-history-right-title {
    margin-bottom: 20px;
    margin-top: 46px;
}

    .section-title2.company-history-right-title h1 {
        font-size: 18px;
    }

.company-history-right-text p {
    color: #000;
    font-size: 14px;
    line-height: 26px;
    font-family: "Open Sans",sans-serif;
}

/* End company area css*/

/*Start our service area css*/
#our-service-area {
    background: #f0f0f0 none repeat scroll 0 0;
    margin-bottom: -19px;
}

.service-left {
    position: relative;
    top: 75px;
}

.service-right {
    overflow: hidden;
    padding-left: 30px;
    padding-top: 75px;
}

.why-choose-single-service-item {
    /*float: left;*/
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%;
}

.service-right .section-title2 {
    margin-bottom: 46px;
    padding-left: 5px;
}

.choose-service-icon-bg {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    float: left;
    height: 75px;
    margin-right: 20px;
    overflow: hidden;
    padding: 5px;
    width: 75px;
}

.choose-service-icon {
    background: #7fa409 none repeat scroll 0 0;
    border-radius: 50%;
    height: 63px;
    padding: 15px;
    width: 63px;
}

.choose-service-text {
    float: left;
    overflow: hidden;
    padding-right: 30px;
    padding-top: 0;
    width: 325px;
}

    .choose-service-text h5 {
        color: #242424;
        font-family: "Roboto Slab",serif;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 11px;
        text-transform: uppercase;
    }

    .choose-service-text p {
        color: #000;
        font-size: 14px;
        font-family: "Open Sans",sans-serif;
        line-height: 26px;
    }
/*End our service area css*/

/*Start hire us area css*/
#hire-us-area {
    background: #7fa409 none repeat scroll 0 0;
    padding-bottom: 30px;
    padding-top: 37px;
}

.hire-us-right h1 {
    color: #ffffff;
    display: inline-block;
    float: left;
    font-family: "Roboto Slab",serif;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
    padding-left: 30px;
}

    .hire-us-right h1 span {
        color: #000000;
        font-weight: 500;
    }

.hire-us-button {
    display: inline-block;
}

    .hire-us-button a {
    }
/*End hire us area css*/

/*Start Dedicated team area css*/
#dedicated-team-area.special-team {
    padding-bottom: 50px;
    padding-top: 94px;
}

#dedicated-team-area.home .dedicated-team-single-item {
    margin-bottom: 0;
}

#dedicated-team-area {
    padding-bottom: 100px;
    padding-top: 93px;
    background: #fff;
}

    #dedicated-team-area .container {
        position: relative;
    }

    #dedicated-team-area .dedicated-team-items .item {
        padding-bottom: 21.5px;
    }

    #dedicated-team-area .dedicated-team-items .owl-controls {
        width: auto;
        position: absolute;
        right: 0;
        top: -83px;
    }

        #dedicated-team-area .dedicated-team-items .owl-controls .owl-nav {
            margin: 0;
        }

            #dedicated-team-area .dedicated-team-items .owl-controls .owl-nav [class*="owl-"] {
                margin: 0;
                padding: 0;
                width: 36px;
                height: 36px;
                background: #616161;
                color: #fff;
                margin-left: 1px;
                line-height: 33px;
                font-size: 22px;
                border-radius: 0;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
            }

                #dedicated-team-area .dedicated-team-items .owl-controls .owl-nav [class*="owl-"]:hover {
                    background: #7FA409;
                }

    #dedicated-team-area .section-title2 {
        margin-bottom: 47px;
    }

    #dedicated-team-area.special-team .section-title2 p {
        margin-bottom: 7px;
    }

.dedicated-team-img-holder {
    position: relative;
    overflow: hidden;
}

    .dedicated-team-img-holder:before {
        border: 1px solid #e4e2b7;
        bottom: 30px;
        content: "";
        left: 10px;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .dedicated-team-img-holder .overlay {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(127,164,9, .75);
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    .dedicated-team-img-holder:hover .overlay {
        top: 0;
    }

    .dedicated-team-img-holder .overlay .inner-holder {
        display: table;
        width: 100%;
        height: 100%;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .3s ease .3s;
        transition: all .3s ease .3s;
    }

    .dedicated-team-img-holder:hover .overlay .inner-holder {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dedicated-team-img-holder:hover .overlay ul {
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown;
    }

    .dedicated-team-img-holder .overlay ul {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

    .dedicated-team-img-holder .overlay ul {
        margin-left: -5px;
        margin-right: -5px;
    }

        .dedicated-team-img-holder .overlay ul li {
            display: inline;
            padding-left: 10px;
        }

            .dedicated-team-img-holder .overlay ul li a {
                display: inline-block;
                width: 30px;
                height: 30px;
                font-size: 15px;
                background: #272C0F;
                text-align: center;
                color: #fff;
                line-height: 30px;
                border-radius: 50%;
                margin-left: -4px;
            }

                .dedicated-team-img-holder .overlay ul li a:hover {
                    background: #7FA409;
                    color: #fff;
                }

.dedicated-team-single-item {
    position: relative;
    margin-bottom: 80px;
}

.dedicated-team-img-holder img {
    height: auto;
    width: 100%;
}

.dedicated-team-member-name {
    background: #ffffff none repeat scroll 0 0;
    bottom: -24px;
    display: inline-block;
    left: 10px;
    position: absolute;
    right: 10px;
    text-align: center;
}

    .dedicated-team-member-name h4 {
        color: #313131;
        font-family: "Roboto Slab",serif;
        font-size: 16px;
        font-weight: 700;
        padding-top: 6px;
    }

        .dedicated-team-member-name h4 span {
            color: #969595;
            font-size: 13px;
            font-weight: 500;
            padding-left: 5px;
            text-transform: uppercase;
        }
/*End Dedicated team area css*/

/*Start testimonial v3 area css*/
#testimonial-v3-area {
    background: #efefef none repeat scroll 0 0;
    padding-bottom: 80px;
    padding-top: 81px;
}

    #testimonial-v3-area .section-title {
        margin-bottom: 51px;
    }

        #testimonial-v3-area .section-title h1 {
            border-bottom: 1px solid #e2e2e2;
        }

.testimonial-v3-author h5 {
    background: #689100 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-family: "Raleway",sans-serif;
    font-size: 14px;
    font-weight: 700;
    left: -50px;
    margin-bottom: 13px;
    margin-top: 15px;
    padding: 11px 50px;
    position: relative;
    text-transform: uppercase;
}

.testimonial-v3-text p {
    color: #777777;
    font-size: 14px;
    line-height: 26px;
}
/*End testimonial v3 area css*/

/* End===================================================== about-new.html =============================page  css*/

/* Start====================================================services-v2.html ==========================page  css*/

/* Start awesome service top area css */
#awesome-service-top-area {
    padding-bottom: 100px;
    padding-top: 100px;
}

.awesome-service-top-right .section-title2 {
    margin-bottom: 40px;
    margin-top: -6px;
}

.awesome-service-top-right {
    padding-left: 25px;
}

.awesome-service-top-right-text p {
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

    .awesome-service-top-right-text p.moreservice {
        color: #3d3d3d;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        margin-bottom: 35px;
        margin-top: 30px;
    }

.help-line-text {
    display: inline-block;
    float: left;
    margin-right: 50px;
}

    .help-line-text h2 {
        color: #393939;
        font-family: "Raleway",sans-serif;
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .help-line-text h4 {
        color: #767676;
        font-size: 18px;
        font-style: italic;
        font-weight: 500;
        font-family: "PT Serif",serif;
    }

.help-line-number {
    display: inline-block;
}

    .help-line-number h2 {
        background: #98bc24 none repeat scroll 0 0;
        border-radius: 50px;
        color: #ffffff;
        display: block;
        font-family: "PT Serif",serif;
        font-size: 28px;
        font-style: italic;
        font-weight: 700;
        margin-top: 8px;
        padding: 17px 42px;
    }

        .help-line-number h2 i {
            padding-right: 20px;
        }
/* End awesome service top area css */

/* Start awesome service blog area css */
#awesome-service-blog-area {
    background: #ededed none repeat scroll 0 0;
    padding-bottom: 50px;
    padding-top: 94px;
}

    #awesome-service-blog-area .section-title2 {
        margin-bottom: 47px;
    }

.awesome-first-serice .awesome-service-blog-single {
    margin-bottom: 0;
}

.awesome-service-blog-single {
    position: relative;
    margin-bottom: 42px;
}

.first-service-icon {
    background: #ededed none repeat scroll 0 0;
    bottom: 0;
    height: 81px;
    left: 10px;
    padding-left: 6px;
    padding-top: 21px;
    position: absolute;
    top: 140px;
    width: 71px;
}

.awesome-service-blog-single h5, .awesome-first-serice h5 {
    color: #000000;
    font-family: "Roboto Slab",serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 14px;
    margin-top: 27px;
    text-transform: uppercase;
}

.awesome-service-blog-single p, .awesome-first-serice p {
    color: #7f7f7f;
    font-size: 14px;
    line-height: 26px;
    font-family: "Open Sans",sans-serif;
}
/* End awesome service blog area css */

/* Start achivement area css */
#achivement-area {
    background: rgba(0, 0, 0, 0) url("../img/resources/achivement-bg.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 80px;
    padding-top: 52px;
    position: relative;
}

    #achivement-area:before {
        background: #000000 none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.65;
        filter: alpha(opacity=65);
        position: absolute;
        top: 0;
        width: 100%;
    }

.achivement-single h1 {
    color: #ffffff;
    font-family: "PT Serif",serif;
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 1px;
}

    .achivement-single h1:after {
        background: #98bc24 none repeat scroll 0 0;
        content: "";
        display: inline-block;
        height: 4px;
        width: 42px;
    }

    .achivement-single h1 span {
        margin-right: 7px;
    }

.achivement-single {
    margin-left: 80px;
}

    .achivement-single p {
        color: #ffffff;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        font-family: "Open Sans",sans-serif;
    }
/* End achivement area css */

/* Start awesome service pricing area css */
#awesome-service-pricing-area {
    background: #f4f4f4 none repeat scroll 0 0;
    padding-bottom: 80px;
    padding-top: 95px;
}

    #awesome-service-pricing-area .section-title2 {
        margin-bottom: 47px;
    }

    #awesome-service-pricing-area .price-table {
        text-align: center;
    }

    #awesome-service-pricing-area .price-content {
        padding-bottom: 20px;
    }

    #awesome-service-pricing-area .price-table-top h3 {
        background: #98bc24 none repeat scroll 0 0;
        color: #ffffff;
        font-size: 20px;
        line-height: 50px;
        font-style: italic;
        margin: 0;
        font-family: "PT Serif",serif;
        position: relative;
    }

        #awesome-service-pricing-area .price-table-top h3:after {
            background: #98bc24 none repeat scroll 0 0;
            bottom: -5px;
            content: "";
            height: 18px;
            position: absolute;
            right: 47%;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 18px;
        }

.price-box-price-info {
    border: 1px solid #ebebeb;
    border-top: none;
    padding-bottom: 20px;
    background: #ffffff;
}

#awesome-service-pricing-area .price-box {
    background: #62635c none repeat scroll 0 0;
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 80px;
    padding-top: 21px;
}

.price-box span {
    display: inline-block;
    font-size: 60px;
    font-weight: 700;
}

#awesome-service-pricing-area .price-box p {
    display: inline-block;
    font-size: 40px;
    font-weight: 300;
    line-height: 1;
    overflow: hidden;
}

#awesome-service-pricing-area .price-content ul.price-info {
    list-style: outside none none;
    margin: 0;
    padding-bottom: 36px;
    padding-top: 22px;
}

    #awesome-service-pricing-area .price-content ul.price-info li {
        border-bottom: 1px solid #e5e5e5;
        color: #797979;
        font-family: "Open Sans",sans-serif;
        font-size: 14px;
        line-height: 48px;
        margin-left: 25px;
        margin-right: 25px;
    }

        #awesome-service-pricing-area .price-content ul.price-info li:last-child {
            border-bottom: none;
        }

#awesome-service-pricing-area .price-content a {
    background: #2c2c2c none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 48px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

    #awesome-service-pricing-area .price-content a:hover {
        background: #98BC24;
    }

#awesome-service-pricing-area .price-box.basic-plan-bg {
    background: #6d7259 none repeat scroll 0 0;
}
/* End awesome service pricing area css */


/* Start blog post area css */
#blog-post {
    padding-bottom: 100px;
    padding-top: 100px;
}

    #blog-post .container {
        overflow: hidden;
    }

.single-blog-post-item {
    padding-bottom: 50px;
}

.blog-content-box {
    border-color: #e9e9e9;
    border-style: solid;
    border-width: 1px 1px 5px;
    margin-top: 10px;
    padding-bottom: 32px;
    padding-left: 35px;
    padding-right: 35px;
}

.blog-img-holder {
    position: relative;
}

    .blog-img-holder .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(127,164,9, .75);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    .blog-img-holder:hover .overlay {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .blog-img-holder .overlay .inner-holder {
        display: table;
        width: 100%;
        height: 100%;
    }

    .blog-img-holder:hover .overlay ul.button {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: headShake;
        animation-name: headShake;
    }

    .blog-img-holder .overlay ul.button {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

    .blog-img-holder .overlay ul.button {
        margin-left: -5px;
        margin-right: -5px;
    }

        .blog-img-holder .overlay ul.button li {
            display: inline;
            padding-left: 10px;
        }

            .blog-img-holder .overlay ul.button li a {
                display: inline-block;
                width: 30px;
                height: 30px;
                font-size: 15px;
                background: #272C0F;
                text-align: center;
                color: #fff;
                line-height: 30px;
                border-radius: 50%;
                margin-left: -4px;
            }

                .blog-img-holder .overlay ul.button li a:hover {
                    background: #7FA409;
                    color: #fff;
                }

.blog-post-date {
    background: #fff none repeat scroll 0 0;
    overflow: hidden;
    width: 91px;
    margin: 0 auto;
}

    .blog-post-date h1 {
        background: #ffffff none repeat scroll 0 0;
        bottom: -44px;
        color: #85ae02;
        font-family: "PT Serif",serif;
        font-size: 30px;
        font-style: italic;
        font-weight: 700;
        height: 91px;
        line-height: 25px;
        margin: 0;
        padding-top: 17px;
        position: absolute;
        width: 91px;
    }

        .blog-post-date h1 span {
            font-size: 16px;
            font-weight: 700;
            text-transform: uppercase;
            font-family: "Open Sans",sans-serif;
            font-style: normal;
            line-height: 25px;
        }

        .blog-post-date h1:before {
            position: absolute;
            content: "";
            border: 1px solid #e2e2e2;
            left: 6px;
            top: 6px;
            right: 6px;
            bottom: 6px;
        }

.single-bolg-title h3 {
    color: #000000 !important;
    font-family: "Roboto Slab",serif;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 28px !important;
    margin-bottom: 3px !important;
    margin-top: 50px !important;
    text-transform: uppercase !important;
}

.post-resource {
}

    .post-resource ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

        .post-resource ul li {
            display: inline-block;
            margin: 0 13px;
            text-align: center;
        }

            .post-resource ul li a {
                color: #b0b0b0;
                font-size: 15px;
                font-style: italic;
                font-family: "PT Serif",serif;
            }

            .post-resource ul li i {
                color: #85ae02 !important;
                font-size: 14px !important;
                padding-right: 15px !important;
            }

.single-blog-text {
    margin-top: 20px;
}

    .single-blog-text p {
        color: #000;
        font-size: 14px;
        line-height: 26px;
        font-family: "Open Sans",sans-serif;
    }

.single-blog-read-more {
    margin-top: 15px;
}

    .single-blog-read-more a {
        color: #85ae02;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        font-family: "Raleway",sans-serif;
    }

.post-pagination {
    margin-top: 0;
}

    .post-pagination ul {
        text-align: left;
    }

        .post-pagination ul li.active a, .post-pagination ul li:hover a {
            background: #74901b none repeat scroll 0 0;
            border: 1px solid #74901b;
            color: #fff;
        }

.sidebar-widget-items {
    background: #f4f4f4 none repeat scroll 0 0;
}

.has-full-height-background-wrapper .container {
    overflow: hidden;
}

.sidebar-widget-items.has-full-height-background {
    position: relative;
}

    .sidebar-widget-items.has-full-height-background:before {
        content: '';
        width: 100%;
        height: 10000px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: #f4f4f4;
        z-index: -1;
    }

#blog-post .sidebar-widget {
    margin-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
    overflow: hidden;
}

#blog-post .sidebar-widget-items .sidebar-widget.search {
    background: #2f2f2f none repeat scroll 0 0;
    padding: 33px 30px 34px;
}

    #blog-post .sidebar-widget-items .sidebar-widget.search form.search-form {
        border: none;
        height: 45px;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }

    #blog-post .sidebar-widget-items .sidebar-widget.search input[type="text"] {
        background: #7fa409 none repeat scroll 0 0;
        color: #fff;
        display: inline-block;
        font-family: "Open Sans",sans-serif;
        font-size: 14px;
        height: 45px;
        left: 0;
        outline: medium none;
        padding-left: 20px;
        padding-right: 50px;
        position: absolute;
        width: 100%;
        z-index: -1;
        font-weight: 600;
    }

        #blog-post .sidebar-widget-items .sidebar-widget.search input[type="text"]::-webkit-input-placeholder {
            color: #fff;
        }

        #blog-post .sidebar-widget-items .sidebar-widget.search input[type="text"]:-moz-placeholder { /* Firefox 18- */
            color: #fff;
        }

        #blog-post .sidebar-widget-items .sidebar-widget.search input[type="text"]::-moz-placeholder { /* Firefox 19+ */
            color: #fff;
        }

        #blog-post .sidebar-widget-items .sidebar-widget.search input[type="text"]:-ms-input-placeholder {
            color: #fff;
        }

    #blog-post .sidebar-widget-items .sidebar-widget.search form button {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        color: #ffffff;
        height: 45px;
        line-height: 45px;
        margin-right: 10px;
        outline: medium none;
        padding: 0 10px;
        position: absolute;
        right: 0;
        font-size: 16px;
        top: -1px;
    }

.sidebar-widget h3 {
    background: #ffffff none repeat scroll 0 0;
    border-left: 4px solid #98c700;
    color: #000000;
    font-family: "Roboto Slab",serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .05em;
    margin: 0 0 30px;
    padding: 13px 18px;
    text-transform: uppercase;
}

.sidebar-widget ul.category-list {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    margin-top: -16px;
}

#blog-post .sidebar-widget .category-list li {
    border-bottom: 1px solid #d2d2d2;
}

    #blog-post .sidebar-widget .category-list li:last-child {
        border-bottom: none;
    }

    #blog-post .sidebar-widget .category-list li a {
        color: #828282;
        display: block;
        font-size: 14px;
        font-weight: 500;
        line-height: 42px;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        font-family: "Open Sans",sans-serif;
    }

        #blog-post .sidebar-widget .category-list li a i {
            color: #828282;
            display: inline-block;
            float: right;
            font-size: 14px;
            line-height: 42px;
        }

        #blog-post .sidebar-widget .category-list li a .fa {
            margin-right: 7px;
        }

    #blog-post .sidebar-widget .category-list li:hover a {
        color: #98c700;
    }

    #blog-post .sidebar-widget .category-list li:hover i {
        color: #98c700;
    }

#blog-post .sidebar-widget.text-widget p {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    margin-top: -7px;
}

#blog-post .sidebar-widget .tag-cloud a {
    padding: 0 17px;
}
/* End blog post area css */

/* Start blog-post.testimonials_v3 area css */
#blog-post.testimonials_v3 {
    padding-bottom: 40px;
    padding-top: 100px;
}

    #blog-post.testimonials_v3 .section-title2 p.title-text {
        color: #000;
        font-family: "Open Sans",sans-serif;
        font-size: 14px;
        font-style: normal;
        line-height: 26px;
        margin-bottom: 45px;
        margin-top: 40px;
    }

.single-testimonial-item {
    border-right: 1px solid #e0e0e0;
    margin-bottom: 60px;
    padding-right: 30px;
}

    .single-testimonial-item.border-none {
        border-right: medium none;
    }

.testimonial-img-holder {
    float: left;
    margin-right: 40px;
    overflow: hidden;
}

.testimonial-text {
    overflow: hidden;
    padding-bottom: 25px;
    padding-top: 20px;
}

    .testimonial-text p {
        color: #000;
        font-size: 14px;
        line-height: 26px;
        font-family: "Open Sans",sans-serif;
    }

        .testimonial-text p i {
            color: #99c802;
            font-size: 20px;
            padding-right: 10px;
        }

    .testimonial-text h5 {
        color: #312f3e;
        font-family: "Open Sans",sans-serif;
        font-size: 14px;
        font-style: italic;
        font-weight: 500;
        margin-top: 20px;
        text-align: right;
    }
/* End blog-post.testimonials_v3 area css */


#awesome-service-pricing-area.pricing-table-v2 {
    background: #ffffff none repeat scroll 0 0;
    padding-bottom: 80px;
    padding-top: 94px;
}

#awesome-service-pricing-area .section-title2 {
    margin-bottom: 45px;
}

    #awesome-service-pricing-area .section-title2 p.title-text {
        color: #000;
        font-family: "Open Sans",sans-serif;
        font-size: 14px;
        font-style: normal;
        line-height: 26px;
        margin-bottom: 0;
        margin-top: 20px;
    }

footer .widget h3 {
    border-bottom: 1px solid #0e3c4f;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin: 0 0 17px;
    padding-bottom: 15px;
    text-transform: capitalize;
    font-style: italic;
    font-family: "Open Sans",sans-serif;
}

#blog-post.faq .sidebar-widget-items {
    min-height: 1575px;
}

#blog-post.faq .sidebar-widget.search {
    margin-top: 6px;
}

#awesome-service-pricing-area.pricing-table-v2 .section-title2 p {
    margin-bottom: 7px;
}

#blog-post.shops {
    padding-bottom: 40px;
    padding-top: 100px;
}

.star-rating {
    color: #7fa409;
    cursor: pointer;
    font-size: 13px;
    line-height: 28px;
}

.single-shop-item .meta a .cart-button {
    background: #252525 none repeat scroll 0 0;
    border-radius: 5px;
    height: 35px;
    margin: 12px auto 0;
    width: 167px;
}

    .single-shop-item .meta a .cart-button:hover i {
        border-left-color: #fff;
        color: #fff;
    }

    .single-shop-item .meta a .cart-button:hover {
        border-color: #fff;
    }

        .single-shop-item .meta a .cart-button:hover p {
            border-right-color: transparent;
        }

.single-shop-item .meta a .cart-button {
    /* effect styles */
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .single-shop-item .meta a .cart-button:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
        border-radius: 5px;
        border: 1px solid #fff;
        background: #98BC24;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .single-shop-item .meta a .cart-button:hover, .single-shop-item .meta a .cart-button:focus, .single-shop-item .meta a .cart-button:active {
        /*color: white;*/
    }

        .single-shop-item .meta a .cart-button:hover:before, .single-shop-item .meta a .cart-button:focus:before, .single-shop-item .meta a .cart-button:active:before {
            -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1);
        }

.single-shop-item .meta .cart-button p {
    border-right: 1px solid #000000;
    color: #ffffff;
    display: inline-block;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    line-height: normal;
    margin: 0;
    padding: 9px 17px 8px 21px;
    text-transform: uppercase;
}

.single-shop-item .meta .cart-button i {
    border-left: 1px solid #404040;
    color: #98bc24;
    display: inline-block;
    float: left;
    font-size: 17px;
    padding-bottom: 10px;
    padding-left: 13px;
    padding-top: 8px;
}

a .products-details-cat {
    background: #252525 none repeat scroll 0 0;
    border-radius: 5px;
    display: inline-block;
    margin-top: 20px;
}

    a .products-details-cat h3 {
        border-right: 1px solid #000000;
        color: #ffffff;
        display: inline-block;
        float: left;
        font-family: "Open Sans",sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 56px;
        padding-left: 29px;
        padding-right: 28px;
        text-transform: uppercase;
        margin: 0;
    }

    a .products-details-cat i {
        border-left: 1px solid #404040;
        color: #98bc24;
        display: inline-block;
        float: left;
        font-size: 28px;
        line-height: 56px;
        padding-left: 17px;
        padding-right: 25px;
    }

#blog-post.product-details {
    padding-bottom: 75px;
    padding-top: 100px;
}

.post-pagination.blog-left-pagination ul {
    text-align: center;
}

.post-pagination.without-sidebar-pagination ul {
    text-align: center;
}

#contact-content .section-title2 {
    margin-bottom: 45px;
}

    #contact-content .section-title2 p.title-text {
        color: #000;
        font-family: "Open Sans",sans-serif;
        font-size: 14px;
        font-style: normal;
        line-height: 26px;
        padding-top: 20px;
    }


.contact-address-info {
    overflow: hidden;
    padding-bottom: 42px;
}

.contact-address-single-info {
    border: 1px solid #e5e5e5;
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

#blog-post article h2.middle-title {
    color: #242424;
    font-size: 20px !important;
    font-weight: 500 !important;
    margin-bottom: 1px !important;
    margin-top: 20px !important;
    text-transform: none !important;
}

.contact-address-bg {
    background: #f5f4f4 none repeat scroll 0 0;
    display: inline-block;
    float: left;
    padding: 51px 28px;
    border-right: 1px solid #e5e5e5;
}

.contact-addresss-icon {
    display: inline-block;
    float: left;
    left: -30px;
    padding: 23px 0;
    position: relative;
}

.contact-address-text {
}

.contact-addresss-icon .fa {
    background: #252525 none repeat scroll 0 0;
    border-radius: 50%;
    color: #99c802;
    font-size: 25px;
    height: 55px;
    padding: 15px 20px;
    width: 55px;
}

    .contact-addresss-icon .fa.envelop-icon {
        padding: 14px 15px;
    }

.contact-address-text p {
    color: #000;
    font-family: "Open Sans",sans-serif;
    font-size: 15px;
    line-height: 26px;
    margin: 0;
    overflow: hidden;
    padding: 25px 20px 25px 0;
    position: relative;
    left: -5px;
}

.working-hour-content {
    background: #f5f4f4 none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    padding-left: 30px;
    padding-top: 45px;
}

    .working-hour-content ul {
        margin-top: 28px;
    }

        .working-hour-content ul li {
            text-transform: uppercase;
            line-height: 40px;
        }

            .working-hour-content ul li span {
                float: right;
                margin-right: 60px;
            }

#testimonial-section-title-area {
    background: #f5f4f4 none repeat scroll 0 0;
    padding-bottom: 42px;
    padding-top: 95px;
}

    #testimonial-section-title-area .section-title2 p.title-text {
        color: #000;
        font-size: 14px;
        font-style: normal;
        padding-top: 10px;
        font-family: "Open Sans",sans-serif;
    }

/* gallery v4 customization */
#project-version-one.project-4 .container-fluid {
    padding: 0;
    overflow: hidden;
}

#project-version-one .gallery-v4 .single-project-item {
    display: none;
    margin: 0;
    padding: 0 5px;
    margin-bottom: 10px;
    background: none !important;
}

#project-version-one .gallery-v4 {
    margin-left: -5px;
    margin-right: -5px;
}

#project-version-one .normal-gallery.gallery-v4 .single-project-item .img-wrap .content-wrap {
    bottom: 0;
    height: auto;
    left: 0;
    padding: 10px;
    right: 0;
    top: 0;
    width: auto;
}








/* #landscaping-design-G3infotecker styles */

#landscaping-design-G3infotecker .img-border {
    position: relative;
    display: inline-block;
}

    #landscaping-design-G3infotecker .img-border:before {
        content: '';
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        background: url(../img/landscaping-design/image-bg.png) center center;
        background-size: 100% 100%;
    }



/* video popup style styles */

.video-popup-modal .modal-header {
    background: #7FA409;
    position: relative;
}

    .video-popup-modal .modal-header .close {
        width: 30px;
        height: 30px;
        background: #fff;
        color: #242424;
        opacity: 1;
        filter: alpha(opacity=100);
        border-radius: 50%;
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .video-popup-modal .modal-header h4 {
        display: block;
        font-family: 'Roboto Slab', sans-serif;
        font-size: 18px;
        color: #fff;
        line-height: 29px;
        font-weight: bold;
        text-transform: uppercase;
    }

.video-popup-modal .carousel-indicators {
    position: static;
    margin: 0;
    width: 100%;
    margin-top: 15px;
}

    .video-popup-modal .carousel-indicators li,
    .video-popup-modal .bx-wrapper .bx-pager.bx-default-pager a {
        background: #242424;
        border: none;
        width: 12px;
        height: 12px;
        margin: 0;
        margin-right: 10px;
        border-radius: 50%;
    }

.video-popup-modal .bx-wrapper .bx-pager {
    padding: 0;
    bottom: -49px;
}

    .video-popup-modal .carousel-indicators .active,
    .video-popup-modal .bx-wrapper .bx-pager.bx-default-pager a:hover,
    .video-popup-modal .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #7FA409;
        width: 12px;
        height: 12px;
    }

.video-popup-modal .carousel-control.left,
.video-popup-modal .carousel-control.right {
    background-color: transparent;
    background-image: none;
    opacity: 1;
    filter: alpha(opacity=100);
}

.video-popup-modal .carousel-control i {
    font-size: 70px;
    position: absolute;
    top: 35%;
    font-weight: bold;
    color: #fff;
}



/* pop up single gallery item styles */

#single-gallery-modal .modal-dialog {
}

    #single-gallery-modal .modal-dialog .modal-header {
        background: #7FA409;
        padding: 19px 0;
        position: relative;
    }

        #single-gallery-modal .modal-dialog .modal-header .close {
            position: absolute;
            right: 40px;
            top: 18px;
            line-height: 32px;
            color: #000000;
            width: 32px;
            height: 32px;
            background: white;
            opacity: 1;
            filter: alpha(opacity=100);
            border-radius: 50%;
            margin: 0;
            z-index: 9999999;
            text-indent: 1px;
        }

        #single-gallery-modal .modal-dialog .modal-header h4 {
            font-family: 'Roboto Slab';
            color: #fff;
            font-size: 22px;
            font-weight: bold;
            text-transform: uppercase;
            margin: 0;
        }

    #single-gallery-modal .modal-dialog .modal-body {
        padding: 40px;
    }

        #single-gallery-modal .modal-dialog .modal-body .item-image {
            text-align: center;
        }

        #single-gallery-modal .modal-dialog .modal-body p {
            font-size: 15px;
            color: #797979;
            line-height: 26px;
        }

        #single-gallery-modal .modal-dialog .modal-body ul li {
            font-size: 13px;
            color: #2B2B2B;
            font-weight: 600;
            line-height: 35px;
            text-transform: uppercase;
        }

            #single-gallery-modal .modal-dialog .modal-body ul li i {
                font-size: 13px;
                color: #EB9500;
                margin-right: 10px;
            }

.video-popup .modal-body {
    padding-bottom: 60px;
}

    .video-popup .modal-body iframe {
        border: none;
    }

.video-popup .bx-wrapper {
    margin: 0;
}

    .video-popup .bx-wrapper .bx-viewport {
        border: none;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        left: 0;
    }

.mb50 {
    margin-bottom: 50px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.suggesion {
    margin-bottom: 6px;
}

    .suggesion .fa {
        margin-right: 4px;
    }