/* Import Basic Files
-------------------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(../fonts/fontawesome/css/font-awesome.min.css);
@import url(social-icons.css);
@import url(../js/plugins/animate/animate.min.css);
@import url(../js/plugins/owl-carousel/owl.carousel.css);
@import url(../js/plugins/owl-carousel/owl.theme.css);
@import url(../js/plugins/fancybox/jquery.fancybox.css);
@import url(../js/plugins/chosen/css/chosen.min.css);
@import url(../js/plugins/ion-rangeSlider/css/ion.rangeSlider.css);
@import url(../js/plugins/ion-rangeSlider/css/ion.rangeSlider.skinFlat.css);
@import url(../js/plugins/YTPlayer/css/YTPlayer.css);
@import url(../js/plugins/rs-plugin/css/settings.css);
@import url(../js/plugins/supersized/css/supersized.css);

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,latin-ext);




/*


Template Name: Avaxy - Multipurpose Template
Description: Multipurpose HTML5 Template
Version: 1.0
Author Name: NestoLab
Author Website: NestoLab.com


Notes:
    Color: #2d2d2d;


1. General Styles
2. Typography
3. Main Wrapper
4. Social Icons
5. Cart
6. Search Form
7. Header
8. Top Header
9. Main Menu
10. Sections
11. Blog
12. Single Post
13. Sidebar
14. Testimonials
15. Pricing Tables
16. Google Maps
17. Contact Form
18. Special Pages
19. ShortCodes
20. Shop Filter
21. Shop Grid
22. Shop Single Product
23. Account
24. Portfolio
25. Portfolio ( Single Project )
26. Member
27. Services
28. Revolution Slider
29. Supersized Slider
30. Hero
31. Home Slider
32. Footer


*/




/* ==========================================================================
   1. General Styles
========================================================================== */
/* 1.1 Main Styles
-------------------------------------------------------------------------- */
body {
    margin: 0;
    padding: 0;
    color: #666666;
    overflow-x: hidden;
    font-weight: 300;
    /*background-color: #ffffff;*/
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font: 16px/23px 'Source Sans Pro', sans-serif;
}

/* 1.2 Anchor
-------------------------------------------------------------------------- */
a {
    color: #2d2d2d;
    cursor: pointer;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    a:focus,
    a:hover {
        outline: none;
        color: #232323;
        text-decoration: none;
    }

/* 1.3 Placeholder
-------------------------------------------------------------------------- */
input,
textarea {
    color: #232323;
}

.placeholder {
    color: #232323;
}

/* 1.4 Selection Color
-------------------------------------------------------------------------- */
::selection {
    color: #ffffff;
    text-shadow: none;
    background-color: #232323;
}

::-webkit-selection {
    color: #ffffff;
    text-shadow: none;
    background-color: #232323;
}

::-moz-selection {
    color: #ffffff;
    text-shadow: none;
    background-color: #232323;
}

/* 1.5 Scrollbar
-------------------------------------------------------------------------- */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #ffffff;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
    -o-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb {
    background-color: #2d2d2d;
}

    ::-webkit-scrollbar-thumb:hover {
        -webkit-box-shadow: inset 1px 1px 8px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: inset 1px 1px 8px rgba(0, 0, 0, 0.3);
        -ms-box-shadow: inset 1px 1px 8px rgba(0, 0, 0, 0.3);
        -o-box-shadow: inset 1px 1px 8px rgba(0, 0, 0, 0.3);
        box-shadow: inset 1px 1px 8px rgba(0, 0, 0, 0.3);
    }

    ::-webkit-scrollbar-thumb:active {
        background-color: #232323;
    }

/* 1.6 To Top
-------------------------------------------------------------------------- */
/* 1.6.1 Wrapper
-------------------------------------------------------------------------- */
#to-top {
    width: 40px;
    height: 40px;
    z-index: 999;
    right: -50px;
    bottom: 16px;
    position: fixed;
    font-size: 24px;
    overflow: hidden;
    line-height: 34px;
    border-radius: 4px;
    text-align: center;
    background-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    /* 1.6.2 Anchor
-------------------------------------------------------------------------- */
    #to-top a {
        width: 100%;
        height: 100%;
        display: block;
        color: #ffffff;
        overflow: hidden;
        line-height: 34px;
        border-radius: 4px;
        text-align: center;
        background-color: #2d2d2d;
    }

    #to-top.topdisplay {
        right: 13px;
    }

    /* 1.6.3 Hover
-------------------------------------------------------------------------- */
    #to-top a:hover {
        background-color: #000000;
    }

/* 1.7 Loader
-------------------------------------------------------------------------- */
/* 1.7.1 Wrapper
-------------------------------------------------------------------------- */
#loader {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 999999;
    position: fixed;
    background: #ffffff;
}

.bounce-ball-wrapper {
    top: 50%;
    left: 50%;
    margin-left: -39px;
    position: absolute;
}

/* 1.7.2 Ball
-------------------------------------------------------------------------- */
.ball-bounce {
    float: left;
    width: 16px;
    height: 16px;
    margin: 0 5px;
    border-radius: 50%;
    background-color: #2d2d2d;
    -webkit-box-shadow: inset 0 -10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 -10px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: inset 0 -10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: inset 0 -10px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 -10px rgba(0, 0, 0, 0.1);
    -webkit-animation: ballbounce 0.75s infinite linear;
    -moz-animation: ballbounce 0.75s infinite linear;
    -ms-animation: ballbounce 0.75s infinite linear;
    -o-animation: ballbounce 0.75s infinite linear;
    animation: ballbounce 0.75s infinite linear;
}

.ball1 {
    -webkit-animation-delay: -1.1s;
    -moz-animation-delay: -1.1s;
    -ms-animation-delay: -1.1s;
    -o-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.ball2 {
    -webkit-animation-delay: -1.2s;
    -moz-animation-delay: -1.2s;
    -ms-animation-delay: -1.2s;
    -o-animation-delay: -1.2s;
    animation-delay: -1.2s;
}

.ball3 {
    -webkit-animation-delay: -1.3s;
    -moz-animation-delay: -1.3s;
    -ms-animation-delay: -1.3s;
    -o-animation-delay: -1.3s;
    animation-delay: -1.3s;
}

/* 1.7.3 Animation
-------------------------------------------------------------------------- */
@-webkit-keyframes ballbounce {
    0% {
        -webkit-transform: translate(0, -50%) scale(1, 0.8);
    }

    30% {
        -webkit-transform: translate(0, -150%) scale(0.8, 0.8);
    }

    60% {
        -webkit-transform: translate(0, -200%) scale(0.8, 1);
    }

    85% {
        -webkit-transform: translate(0, -50%) scale(0.8, 1);
    }

    90% {
        -webkit-transform: translate(0, -50%) scale(0.8, 1);
    }

    100% {
        -webkit-transform: translate(0, -50%) scale(1, 0.8);
    }
}

@-moz-keyframes ballbounce {
    0% {
        -moz-transform: translate(0, -50%) scale(1, 0.8);
    }

    30% {
        -moz-transform: translate(0, -150%) scale(0.8, 0.8);
    }

    60% {
        -moz-transform: translate(0, -200%) scale(0.8, 1);
    }

    85% {
        -moz-transform: translate(0, -50%) scale(0.8, 1);
    }

    90% {
        -moz-transform: translate(0, -50%) scale(0.8, 1);
    }

    100% {
        -moz-transform: translate(0, -50%) scale(1, 0.8);
    }
}

@-ms-keyframes ballbounce {
    0% {
        -ms-transform: translate(0, -50%) scale(1, 0.8);
    }

    30% {
        -ms-transform: translate(0, -150%) scale(0.8, 0.8);
    }

    60% {
        -ms-transform: translate(0, -200%) scale(0.8, 1);
    }

    85% {
        -ms-transform: translate(0, -50%) scale(0.8, 1);
    }

    90% {
        -ms-transform: translate(0, -50%) scale(0.8, 1);
    }

    100% {
        -ms-transform: translate(0, -50%) scale(1, 0.8);
    }
}

@-o-keyframes ballbounce {
    0% {
        -o-transform: translate(0, -50%) scale(1, 0.8);
    }

    30% {
        -o-transform: translate(0, -150%) scale(0.8, 0.8);
    }

    60% {
        -o-transform: translate(0, -200%) scale(0.8, 1);
    }

    85% {
        -o-transform: translate(0, -50%) scale(0.8, 1);
    }

    90% {
        -o-transform: translate(0, -50%) scale(0.8, 1);
    }

    100% {
        -o-transform: translate(0, -50%) scale(1, 0.8);
    }
}

@keyframes ballbounce {
    0% {
        transform: translate(0, -50%) scale(1, 0.8);
    }

    30% {
        transform: translate(0, -150%) scale(0.8, 0.8);
    }

    60% {
        transform: translate(0, -200%) scale(0.8, 1);
    }

    85% {
        transform: translate(0, -50%) scale(0.8, 1);
    }

    90% {
        transform: translate(0, -50%) scale(0.8, 1);
    }

    100% {
        transform: translate(0, -50%) scale(1, 0.8);
    }
}

/* 1.8 Buttons
-------------------------------------------------------------------------- */
/* 1.8.1 Button
-------------------------------------------------------------------------- */
button {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    button:focus,
    button:hover {
        outline: none !important;
    }

/* 1.8.2 Button Nesto
-------------------------------------------------------------------------- */
.btn-nesto,
.btn.btn-nesto {
    border: 0;
    color: #ffffff;
    overflow: hidden;
    font-weight: 700;
    border-radius: 4px;
    position: relative;
    background-color: #2d2d2d;
    text-transform: capitalize;
}

    .btn.btn-nesto:hover {
        color: #ffffff;
        background-color: #2a2a2a;
    }

.btn:focus {
    outline: none;
}

/* 1.9 Spinner Loader
-------------------------------------------------------------------------- */
.spinner-loader {
    width: 100%;
    display: none;
    color: #232323;
    font-size: 30px;
    text-align: center;
}

/* 1.10 FitVid Frame
-------------------------------------------------------------------------- */
.fitvid-iframe {
    width: 100%;
    display: block;
    overflow: hidden;
}

    .fitvid-iframe iframe {
        border: 0;
        margin: 0;
        padding: 0;
    }




/* ==========================================================================
   2. Typography
========================================================================== */
/* 2.1 Heading
-------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    color: #232323;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0;
    margin: 0 auto 10px;
}

h1 {
    font-size: 36px;
    line-height: 40px;
}

h2 {
    font-size: 30px;
    line-height: 35px;
}

h3 {
    font-size: 24px;
    line-height: 27px;
}

h4 {
    font-size: 18px;
    line-height: 22px;
}

h5 {
    font-size: 16px;
    line-height: 21px;
}

h6 {
    font-size: 12px;
    line-height: 16px;
}

/* 2.2 Ubuntu Font
-------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
.navbar-brand,
.navbar-toggle,
.nesto-rs-title,
.shop-item-price,
.navbar-nav > li > a,
.cart-menu-wrapper .cart-item-title a,
.billing-form .small-section-title label {
    font-family: 'Source Sans Pro', sans-serif;
}

/* 2.3 Main Color
-------------------------------------------------------------------------- */
.main-color {
    color: #2d2d2d;
}




/* ==========================================================================
   3. Main Wrapper
========================================================================== */
/* 3.1 Wrapper
-------------------------------------------------------------------------- */
#main-wrapper {
    padding: 0;
    z-index: 2;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background-color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* 3.2 Left / right Wrapper
-------------------------------------------------------------------------- */
.left-wrapper {
    float: left;
}

.right-wrapper {
    float: right;
}

/* 3.3 Content Info
-------------------------------------------------------------------------- */
/* 3.3.1 Wrapper
-------------------------------------------------------------------------- */
.content-info {
    float: left;
    line-height: 25px;
    position: relative;
    padding: 10px 15px;
    border-right: 1px solid #e5e5e5;
}

    .content-info:first-child {
        padding-left: 0;
    }

    .content-info:last-child {
        border-right: 0;
        padding-right: 0;
    }

    /* 3.3.2 Span
-------------------------------------------------------------------------- */
    .content-info span {
        float: left;
    }

        .content-info span:first-child {
            margin-right: 5px;
        }

/* 3.3.3 Image
-------------------------------------------------------------------------- */
.content-image {
    float: left;
}

    .content-image img {
        max-width: 100%;
        display: block;
        max-height: 25px;
    }




/* ==========================================================================
   4. Social Icons
========================================================================== */
/* 4.1 Wrapper
-------------------------------------------------------------------------- */
.social-icons {
    padding: 0;
    margin: 0 auto;
    line-height: 0;
    display: block;
    overflow: hidden;
}

    /* 4.2 List
-------------------------------------------------------------------------- */
    .social-icons ul {
        margin: 0;
        padding: 0;
        overflow: hidden;
        list-style: none;
    }

        /* 4.3 Items
-------------------------------------------------------------------------- */
        .social-icons ul li {
            float: left;
            width: 45px;
            height: 45px;
            overflow: hidden;
            border-right: 1px solid #e5e5e5;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .social-icons ul li:first-child {
                border-left: 1px solid #e5e5e5;
            }

            /* 4.4 Anchor
-------------------------------------------------------------------------- */
            .social-icons ul li a {
                display: block;
                font-size: 14px;
                text-align: center;
            }

                /* 4.5 Icon
-------------------------------------------------------------------------- */
                .social-icons ul li a i {
                    display: block;
                    color: #666666;
                    line-height: 45px;
                    -webkit-transition: all 0.2s ease-in-out;
                    -moz-transition: all 0.2s ease-in-out;
                    -ms-transition: all 0.2s ease-in-out;
                    -o-transition: all 0.2s ease-in-out;
                    transition: all 0.2s ease-in-out;
                }

    /* 4.6 Hover
-------------------------------------------------------------------------- */
    .social-icons.double-icons ul li a:hover i {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }




/* ==========================================================================
   5. Cart
========================================================================== */
/* 5.1 Badge
-------------------------------------------------------------------------- */
a.btn-icon .badge {
    top: -9px;
    padding: 0;
    right: -9px;
    content: '';
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 17px;
    position: absolute;
    border-radius: 4px;
    background-color: #2d2d2d;
}

/* 5.2 Cart Menu
-------------------------------------------------------------------------- */
/* 5.2.1 Wrapper
-------------------------------------------------------------------------- */
.cart-menu-wrapper {
    right: 0;
    top: 100%;
    opacity: 0;
    padding: 0;
    content: '';
    width: 320px;
    display: none;
    visibility: hidden;
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
}

    .cart-menu-wrapper a {
        color: #232323 !important;
    }

    /* 5.2.2 Items ( Wrapper )
-------------------------------------------------------------------------- */
    /* 5.2.2.1 List
-------------------------------------------------------------------------- */
    .cart-menu-wrapper ul.cart-menu {
        width: 100%;
        float: none;
        display: block;
        overflow: hidden;
        margin-bottom: 10px;
    }

        /* 5.2.2.2 Items
-------------------------------------------------------------------------- */
        .cart-menu-wrapper ul.cart-menu li {
            width: 100%;
            float: none;
            height: auto;
            padding: 15px;
            margin: 0 auto;
            display: block;
            overflow: hidden;
            border-bottom: 1px solid #e5e5e5;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .cart-menu-wrapper ul.cart-menu li:hover {
                background-color: #fafafa;
            }

    /* 5.2.2.3 Item
-------------------------------------------------------------------------- */
    /* 5.2.2.3.1 Wrapper
-------------------------------------------------------------------------- */
    .cart-menu-wrapper .cart-item {
        width: 100%;
        display: block;
    }

    /* 5.2.2.3.2 Image
-------------------------------------------------------------------------- */
    .cart-menu-wrapper .cart-item-image {
        width: 60px;
        height: 60px;
        padding: 2px;
        float: right;
        overflow: hidden;
        margin-left: 15px;
        border-radius: 4px;
        background-color: #ffffff;
        border: 1px solid #e5e5e5;
    }

        .cart-menu-wrapper .cart-item-image img {
            width: 100%;
            display: block;
            border-radius: 4px;
        }

    /* 5.2.2.3.3 Title
-------------------------------------------------------------------------- */
    /* 5.2.2.3.3.1 Wrapper
-------------------------------------------------------------------------- */
    .cart-menu-wrapper .cart-item-title {
        margin-bottom: 10px;
    }

        /* 5.2.2.3.3.2 Anchor
-------------------------------------------------------------------------- */
        .cart-menu-wrapper .cart-item-title a {
            color: #232323;
            font-size: 15px;
            text-align: left;
            font-weight: 500;
            line-height: 20px;
            text-transform: capitalize;
        }

            .cart-menu-wrapper .cart-item-title a:hover {
                color: #2d2d2d !important;
            }

    /* 5.2.2.3.4 Details ( Quantity & Price )
-------------------------------------------------------------------------- */
    /* 5.2.2.3.4.1 Wrapper
-------------------------------------------------------------------------- */
    .cart-menu-wrapper .cart-item-details {
        line-height: 1;
        overflow: hidden;
    }

        /* 5.2.2.3.4.2 Span
-------------------------------------------------------------------------- */
        .cart-menu-wrapper .cart-item-details span {
            float: left;
            margin-right: 5px;
        }

            .cart-menu-wrapper .cart-item-details span:last-child {
                margin: 0;
            }

    /* 5.2.2.3.5 Total
-------------------------------------------------------------------------- */
    /* 5.2.2.3.5.1 Wrapper
-------------------------------------------------------------------------- */
    .cart-menu-wrapper .cart-total {
        width: 100%;
        font-size: 15px;
        font-weight: 700;
        overflow: hidden;
        line-height: 23px;
        position: relative;
        padding: 5px 15px 15px;
        text-transform: capitalize;
        border-bottom: 1px solid #e5e5e5;
    }

        /* 5.2.2.3.5.2 Span
-------------------------------------------------------------------------- */
        .cart-menu-wrapper .cart-total span {
            float: left;
            margin-right: 5px;
        }

            .cart-menu-wrapper .cart-total span:last-child {
                margin: 0;
                font-weight: 400;
            }

            .cart-menu-wrapper .cart-total span:first-child {
                color: #2d2d2d;
            }

    /* 5.2.2.3.6 Buttons
-------------------------------------------------------------------------- */
    /* 5.2.2.3.6.1 Wrapper
-------------------------------------------------------------------------- */
    .cart-menu-wrapper .cart-buttons {
        width: 100%;
        overflow: hidden;
        line-height: 23px;
        background-color: #fafafa;
    }

        /* 5.2.2.3.6.2 Anchor
-------------------------------------------------------------------------- */
        .cart-menu-wrapper .cart-buttons a {
            width: 50%;
            float: left;
            padding: 10px;
            font-size: 13px;
            font-weight: 700;
            text-align: center;
            text-transform: capitalize;
        }

            .cart-menu-wrapper .cart-buttons a:first-child {
                border-right: 1px solid #e5e5e5;
            }

            .cart-menu-wrapper .cart-buttons a:hover {
                color: #ffffff !important;
                background-color: #2d2d2d;
            }

    /* 5.3 Show Cart
-------------------------------------------------------------------------- */
    .cart-menu-wrapper.show-cart {
        opacity: 1;
        display: block;
        visibility: visible;
    }

        .cart-menu-wrapper.show-cart.animated {
            -webkit-animation-duration: 0.4s;
            -moz-animation-duration: 0.4s;
            -ms-animation-duration: 0.4s;
            -o-animation-duration: 0.4s;
            animation-duration: 0.4s;
        }




/* ==========================================================================
   6. Search Form
========================================================================== */
/* 6.1 Wrapper
-------------------------------------------------------------------------- */
.menu-search-form {
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    visibility: hidden;
    background-color: #000000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* 6.2 Form Group
-------------------------------------------------------------------------- */
.form-group,
.input-group {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* 6.3 Form Control
-------------------------------------------------------------------------- */
.form-control {
    height: 40px;
    outline: none;
    color: #232323;
    margin: 0 auto;
    font-size: 14px;
    overflow: hidden;
    position: relative;
    border: 1px solid transparent;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .form-control:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }

/* 6.4 Search Form
-------------------------------------------------------------------------- */
/* 6.4.1 Wrapper
-------------------------------------------------------------------------- */
.search-form {
    width: 100%;
    margin-top: 200px;
    position: relative;
}

/* 6.4.2 Form Control
-------------------------------------------------------------------------- */
.menu-search-form .form-control {
    height: 100px;
    color: #ffffff;
    font-size: 40px;
}

    .menu-search-form .form-control:hover,
    .menu-search-form .form-control:focus {
        border-color: transparent;
    }

    .menu-search-form .form-control::-webkit-input-placeholder {
        opacity: 1;
        color: #ffffff;
    }

    .menu-search-form .form-control:-moz-placeholder {
        opacity: 1;
        color: #ffffff;
    }

    .menu-search-form .form-control::-moz-placeholder {
        opacity: 1;
        color: #ffffff;
    }

    .menu-search-form .form-control:-ms-input-placeholder {
        opacity: 1;
        color: #ffffff;
    }

/* 6.5 Show Form
-------------------------------------------------------------------------- */
.menu-search-form.show-form {
    opacity: 1;
    visibility: visible;
}




/* ==========================================================================
   7. Header
========================================================================== */
/* 7.1 Wrapper
-------------------------------------------------------------------------- */
.header {
    width: 100%;
    z-index: 9999;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* 7.2 Sticky Header
-------------------------------------------------------------------------- */
.header-menu.stuck {
    top: 0;
    left: 0;
    position: fixed;
}

.header.tiny-header .navbar-toggle {
    margin-top: 17px;
}

.header.tiny-header .navbar-brand {
    margin: 0px 0;
}

.header.tiny-header .site-slogan {
    margin-top: 10px;
}

.header.tiny-header .navbar-nav > li > a {
    line-height: 70px;
}

.header.tiny-header .menu-arrow {
    line-height: 68px;
}

.header.tiny-header .menu-buttons {
    padding: 17px 0;
}




/* ==========================================================================
   8. Top Header
========================================================================== */
/* 8.1 Wrapper
-------------------------------------------------------------------------- */
.top-header {
    z-index: 3;
    line-height: 0;
    font-size: 13px;
    position: relative;
    border-bottom: 1px solid transparent;
}

    /* 8.2 Anchor
-------------------------------------------------------------------------- */
    .top-header a {
        color: #232323;
    }

        .top-header a:hover {
            color: #2d2d2d;
        }

/* 8.3 Social Icons
-------------------------------------------------------------------------- */
.content-info .social-icons {
    margin-top: -10px;
    margin-bottom: -10px;
}

/* 8.4 Variations
-------------------------------------------------------------------------- */
/* 8.4.1 Grey
-------------------------------------------------------------------------- */
.top-header-grey .top-header {
    border-color: #e5e5e5;
    background-color: #f6f6f6;
}

/* 8.4.2 Light
-------------------------------------------------------------------------- */
.top-header-light .top-header {
    border-color: #e5e5e5;
    background-color: #ffffff;
}

/* 8.4.3 Dark
-------------------------------------------------------------------------- */
/* 8.4.3.1 Wrapper
-------------------------------------------------------------------------- */
.top-header-dark .top-header {
    color: #ffffff;
    font-weight: 700;
    border-color: #333333;
    background-color: #2d2d2d;
}

    /* 8.4.3.2 Anchor
-------------------------------------------------------------------------- */
    .top-header-dark .top-header a {
        color: #E2E1E1;
    }

        .top-header-dark .top-header a:hover {
            color: #2d2d2d;
        }

    /* 8.4.3.3 Content Info
-------------------------------------------------------------------------- */
    .top-header-dark .top-header .content-info {
        border-color: #333333;
    }

    /* 8.4.3.4 Social Icons
-------------------------------------------------------------------------- */
    .top-header-dark .top-header .social-icons ul li {
        border-color: #333333;
    }

        .top-header-dark .top-header .social-icons ul li a i {
            color: #ffffff;
        }

/* 8.4.4 Base Color
-------------------------------------------------------------------------- */
/* 8.4.4.1 Wrapper
-------------------------------------------------------------------------- */
.top-header-base-color .top-header {
    color: #ffffff;
    font-weight: 700;
    background-color: #2d2d2d;
    border-color: rgba(255, 255, 255, 0.15);
}

    /* 8.4.4.2 Anchor
-------------------------------------------------------------------------- */
    .top-header-base-color .top-header a {
        color: #eeeeee;
    }

        .top-header-base-color .top-header a:hover,
        .top-header-base-color .secondary-menu ul li.current-page a {
            color: #ffffff;
        }

    /* 8.4.4.3 Content Info
-------------------------------------------------------------------------- */
    .top-header-base-color .top-header .content-info {
        border-color: rgba(255, 255, 255, 0.15);
    }

    /* 8.4.4.4 Social Icons
-------------------------------------------------------------------------- */
    .top-header-base-color .top-header .social-icons ul li {
        border-color: rgba(255, 255, 255, 0.15);
    }

        .top-header-base-color .top-header .social-icons ul li a i {
            color: #ffffff;
        }




/* ==========================================================================
   9. Main Menu
========================================================================== */
/* 9.1 Wrapper
-------------------------------------------------------------------------- */
.header-menu-wrapper {
    z-index: 2;
    width: 100%;
    position: relative;
}

.header-menu {
    z-index: 1;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
}

/* 9.2 Navbar
-------------------------------------------------------------------------- */
/* 9.2.1 Wrapper
-------------------------------------------------------------------------- */
.navbar {
    margin: 0;
    border: 0;
    border-radius: 0;
}

    /* 9.2.2 Logo
-------------------------------------------------------------------------- */
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: 0;
    }

.navbar-brand {
    padding: 0;
    margin: 10px 0;
    font-size: 35px;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: 1px;
    
}

    .navbar-brand img {
        max-width: 100%;
        max-height: 75px;
        vertical-align: middle;
    }

/* 9.2.3 Site Slogan
-------------------------------------------------------------------------- */
.site-slogan {
    float: right;
    margin-top: 20px;
    line-height: 50px;
    padding-left: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* 9.2.4 Buttons
-------------------------------------------------------------------------- */
/* 9.2.4.1 Toggle Button
-------------------------------------------------------------------------- */
.navbar-toggle {
    padding: 0;
    width: 90px;
    height: 36px;
    float: right;
    color: #232323;
    font-size: 14px;
    font-weight: 500;
    margin: 27px 0 0;
    border-radius: 4px;
    text-align: center;
    border-color: #e5e5e5;
  
}

    .navbar-toggle i {
        margin-left: 10px;
    }

    .navbar-toggle:hover {
        color: #ffffff;
        border-color: #232323;
        background-color: #232323;
    }

.header-menu-dark .navbar-toggle {
    color: #ffffff;
    border-color: #333333;
}

    .header-menu-dark .navbar-toggle:hover {
        color: #232323;
        border-color: #ffffff;
        background-color: #ffffff;
    }

.header-menu-base-color .navbar-toggle {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.20);
}

    .header-menu-base-color .navbar-toggle:hover {
        color: #2d2d2d;
        border-color: #ffffff;
        background-color: #ffffff;
    }

/* 9.2.4.2 Menu Buttons
-------------------------------------------------------------------------- */
/* 9.2.4.2.1 Wrapper
-------------------------------------------------------------------------- */
.menu-buttons {
    float: right;
    line-height: 0;
    padding: 27px 0;
    margin: 0 0 0 20px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    /* 9.2.4.2.2 List
-------------------------------------------------------------------------- */
    .menu-buttons ul {
        margin: 0;
        padding: 0;
        float: left;
        list-style: none;
    }

        /* 9.2.4.2.3 Items
-------------------------------------------------------------------------- */
        .menu-buttons ul li {
            float: left;
            width: 36px;
            height: 36px;
            margin-left: 10px;
        }

            .menu-buttons ul li.morepad {
                margin-right: 8px;
            }

            /* 9.2.4.2.4 Anchor
-------------------------------------------------------------------------- */
            .menu-buttons ul li a.btn-icon {
                display: block;
                font-size: 14px;
                position: relative;
                text-align: center;
                border-radius: 4px;
                border: 1px solid transparent;
            }

                /* 9.2.4.2.5 Icon
-------------------------------------------------------------------------- */
                .menu-buttons ul li a.btn-icon i,
                .menu-buttons ul li a.btn-icon i::before {
                    display: block;
                    line-height: 34px;
                }

/* 9.2.4.2.6 Buttons
-------------------------------------------------------------------------- */
.btn-cart.btn-change i::before,
.btn-search.btn-change i::before {
    content: '\f00d';
}

/* 9.2.5 Menu
-------------------------------------------------------------------------- */
/* 9.2.5.1 Wrapper
-------------------------------------------------------------------------- */
.navbar-collapse.collapse {
    float: right;
}

/* 9.2.5.2 Items
-------------------------------------------------------------------------- */
/* 9.2.5.2.1 Wrapper
-------------------------------------------------------------------------- */
.navbar-nav > li {
    padding: 0;
    margin-left: 15px;
    position: relative;
}

    .navbar-nav > li:first-child {
        margin-left: 0;
    }

.parent-list {
    overflow: visible;
    position: relative;
}

li.parent-list ul.animated {
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    -ms-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    animation-duration: 0.4s;
}

li.mega-menu ul li ul.animated {
    -webkit-animation-duration: 0.0s;
    -moz-animation-duration: 0.0s;
    -ms-animation-duration: 0.0s;
    -o-animation-duration: 0.0s;
    animation-duration: 0.0s;
}

/* 9.2.5.2.2 Arrow
-------------------------------------------------------------------------- */
.menu-arrow {
    font-size: 10px;
    margin-left: 5px;
    line-height: 88px;
    -webkit-transition: line-height 0.3s ease-in-out;
    -moz-transition: line-height 0.3s ease-in-out;
    -ms-transition: line-height 0.3s ease-in-out;
    -o-transition: line-height 0.3s ease-in-out;
    transition: line-height 0.3s ease-in-out;
}

/* 9.2.5.2.3 Anchor
-------------------------------------------------------------------------- */
.navbar-nav > li > a {
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    overflow: hidden;
    line-height: 90px;
    position: relative;
  
}

    .navbar-nav > li > a::before {
        top: 0;
        width: 0;
        left: 50%;
        height: 2px;
        content: '';
        position: absolute;
        background-color: transparent;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.header-menu li.parent-list li a {
    font-weight: 400;
}

/* 9.2.5.3 Variations
-------------------------------------------------------------------------- */
/* 9.2.5.3.1 Light
-------------------------------------------------------------------------- */
.header-menu-light .header-menu {
    background-color: #ffffff;
}

    .header-menu-light .site-slogan,
    .header-menu-light .header-menu a {
        color: #232323;
    }

    .header-menu-light .header-menu .navbar-nav > li > a::before {
        background-color: #2d2d2d;
    }

.header-menu-light .menu-buttons ul li a.btn-icon {
    border-color: #e5e5e5;
}

    .header-menu-light .menu-buttons ul li a.btn-icon:hover,
    .header-menu-light .menu-buttons ul li a.btn-icon.btn-change {
        color: #ffffff;
        border-color: #232323;
        background-color: #232323;
    }

/* 9.2.5.3.2 Grey
-------------------------------------------------------------------------- */
.header-menu-grey .header-menu {
    background-color: #f6f6f6;
}

    .header-menu-grey .site-slogan,
    .header-menu-grey .header-menu a {
        color: #232323;
    }

    .header-menu-grey .header-menu .navbar-nav > li > a::before {
        background-color: #2d2d2d;
    }

.header-menu-grey .menu-buttons ul li a.btn-icon {
    border-color: #e5e5e5;
}

    .header-menu-grey .menu-buttons ul li a.btn-icon:hover,
    .header-menu-grey .menu-buttons ul li a.btn-icon.btn-change {
        color: #ffffff;
        border-color: #232323;
        background-color: #232323;
    }

/* 9.2.5.3.3 Dark
-------------------------------------------------------------------------- */
.header-menu-dark .header-menu {
    background-color: #2a2a2a;
}

    .header-menu-dark .site-slogan,
    .header-menu-dark .header-menu a {
        color: #ffffff;
    }

.header-menu-dark .menu-buttons ul li a.btn-icon {
    border-color: #333333;
}

    .header-menu-dark .menu-buttons ul li a.btn-icon:hover,
    .header-menu-dark .menu-buttons ul li a.btn-icon.btn-change {
        color: #232323;
        border-color: #ffffff;
        background-color: #ffffff;
    }

.header-menu-dark a.navbar-brand:hover {
    color: #2d2d2d;
}

.header-menu-dark .header-menu .navbar-nav > li > a::before {
    background-color: #2d2d2d;
}

/* 9.2.5.3.4 Base Color
-------------------------------------------------------------------------- */
.header-menu-base-color .header-menu {
    background-color: #2d2d2d;
}

    .header-menu-base-color .site-slogan,
    .header-menu-base-color .header-menu a {
        color: #ffffff;
    }

    .header-menu-base-color .header-menu .navbar-nav > li > a::before {
        background-color: #ffffff;
    }

.header-menu-base-color .menu-buttons ul li a.btn-icon:hover,
.header-menu-base-color .menu-buttons ul li a.btn-icon.btn-change {
    color: #2d2d2d;
    border-color: #ffffff;
    background-color: #ffffff;
}

.header-menu-base-color .menu-buttons ul li a.btn-icon .badge {
    color: #2d2d2d;
    background-color: #ffffff;
}

.header-menu-base-color .menu-buttons ul li a.btn-icon {
    border-color: rgba(255, 255, 255, 0.20);
}

/* 9.2.6 Sub Menu
-------------------------------------------------------------------------- */
/* 9.2.6.1 Wrapper
-------------------------------------------------------------------------- */
.navbar-nav > li > ul,
.navbar-nav > li ul > li ul {
    left: 0;
    top: 100%;
    margin: 0;
    padding: 0;
    width: 230px;
    display: none;
    z-index: 99991;
    list-style: none;
    position: absolute;
    background-color: transparent;
    border: 1px solid transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.navbar-nav > li ul > li ul {
    top: -1px;
    left: 100%;
}

.navbar-nav > li:nth-last-child(1) ul > li ul,
.navbar-nav > li:nth-last-child(2) ul > li ul,
.navbar-nav > li:nth-last-child(3) ul > li ul {
    left: auto;
    right: 100%;
}

.navbar-nav > li:nth-last-child(1) ul {
    right: 0;
    left: auto;
}

/* 9.2.6.2 List
-------------------------------------------------------------------------- */
.navbar-nav li ul li {
    border-bottom: 1px solid transparent;
}

    .navbar-nav li ul li:last-child,
    .navbar-nav > li.mega-menu > ul > li {
        border-bottom: 0;
    }

/* 9.2.6.2.1 Arrow
-------------------------------------------------------------------------- */
.parent-list .parent-list .menu-arrow {
    float: right;
    line-height: 13px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/* 9.2.6.2.2 Anchor
-------------------------------------------------------------------------- */
.navbar-nav li ul li a {
    margin: 0;
    width: 100%;
    display: block;
    font-size: 15px;
    line-height: 18px;
    position: relative;
    padding: 13px 15px;
    /*text-transform: capitalize;*/
}

    .navbar-nav li ul li a:hover {
        padding-left: 20px;
    }

/* 9.2.6.3 Variations
-------------------------------------------------------------------------- */
/* 9.2.6.3.1 Light
-------------------------------------------------------------------------- */
.submenu-light .navbar-nav > li > ul,
.submenu-light .navbar-nav > li ul > li ul {
    border-color: #e5e5e5;
    background-color: #ffffff;
}

.submenu-light .navbar-nav li ul li,
.submenu-light .navbar-nav > li.mega-menu > ul > li {
    border-color: #e5e5e5;
}

    .submenu-light .navbar-nav li ul li a {
        color: #232323;
    }

/* 9.2.6.3.2 Grey
-------------------------------------------------------------------------- */
.submenu-grey .navbar-nav > li > ul,
.submenu-grey .navbar-nav > li ul > li ul {
    border-color: #e5e5e5;
    background-color: #f6f6f6;
}

.submenu-grey .navbar-nav li ul li,
.submenu-grey .navbar-nav > li.mega-menu > ul > li {
    border-color: #e5e5e5;
}

    .submenu-grey .navbar-nav li ul li a {
        color: #232323;
    }

/* 9.2.6.3.3 Dark
-------------------------------------------------------------------------- */
.submenu-dark .navbar-nav > li > ul,
.submenu-dark .navbar-nav > li ul > li ul {
    border-color: #333333;
    background-color: #232323;
}

.submenu-dark .navbar-nav li ul li,
.submenu-dark .navbar-nav > li.mega-menu > ul > li {
    border-color: #333333;
}

    .submenu-dark .navbar-nav li ul li a {
        color: #ffffff;
    }

/* 9.2.6.3.4 Base Color
-------------------------------------------------------------------------- */
.submenu-base-color .navbar-nav > li > ul,
.submenu-base-color .navbar-nav > li ul > li ul {
    background-color: #2d2d2d;
    border-color: rgba(255, 255, 255, 0.15);
}

.submenu-base-color .navbar-nav li ul li,
.submenu-base-color .navbar-nav > li.mega-menu > ul > li {
    border-color: rgba(255, 255, 255, 0.15);
}

    .submenu-base-color .navbar-nav li ul li a {
        color: #ffffff;
    }

/* 9.2.7 Mega Menu
-------------------------------------------------------------------------- */
/* 9.2.7.1 Wrapper
-------------------------------------------------------------------------- */
.navbar-nav > li.mega-menu {
    position: static;
}

    /* 9.2.7.2 List ( Wrapper )
-------------------------------------------------------------------------- */
    .navbar-nav > li.mega-menu > ul {
        left: 0;
        right: 0;
        width: auto;
        margin: 0 15px;
        overflow: hidden;
        padding: 5px 10px;
    }

        /* 9.2.7.3 Items ( Wrapper )
-------------------------------------------------------------------------- */
        .navbar-nav > li.mega-menu > ul > li {
            border: 0;
            padding: 15px;
            font-size: 13px;
            font-weight: 700;
            
        }

    /* 9.2.7.4 List ( Child )
-------------------------------------------------------------------------- */
    .navbar-nav > li.mega-menu ul li ul {
        border: 0;
        width: 100%;
        position: static;
        height: auto !important;
        overflow: hidden !important;
    }

/* 9.2.7.5 Anchor
-------------------------------------------------------------------------- */
li.mega-menu > ul > li > a {
    font-size: 14px;
    margin: 5px 0 15px;
    padding: 0 !important;
    line-height: 1 !important;
    background-color: transparent !important;
}

    li.mega-menu ul li a .menu-arrow,
    li.mega-menu > ul > li > a .mega-menu-dash {
        display: none;
    }

li.mega-menu ul li a .mega-menu-dash {
    float: left;
    margin-right: 10px;
}

li.mega-menu ul li a {
    padding-left: 0;
}

    li.mega-menu ul li a:hover,
    li.mega-menu ul li.current-page a {
        padding-left: 10px;
    }

/* 9.2.8 Current / Hover
-------------------------------------------------------------------------- */
.navbar-nav > li:hover > ul,
.navbar-nav > li > ul > li:hover > ul,
.navbar-nav > li.mega-menu:hover ul > li ul {
    display: block;
}

.navbar-nav > li > a:focus,
.navbar-nav > li > a:hover {
    background-color: transparent;
}

    .navbar-nav > li:hover > a::before,
    .navbar-nav > li > a:hover::before,
    .navbar-nav > li.active > a::before,
    .navbar-nav > li.current-page > a::before {
        left: 0;
        width: 100%;
    }

.header-menu-dark .header-menu a:hover,
.header-menu-grey .header-menu a:hover,
.header-menu-light .header-menu a:hover,
.header-menu-dark .navbar-nav > li:hover > a,
.header-menu-grey .navbar-nav > li:hover > a,
.header-menu-light .navbar-nav > li:hover > a,
.header-menu-dark .navbar-nav > li.active > a,
.header-menu-grey .navbar-nav > li.active > a,
.header-menu-light .navbar-nav > li.active > a,
.header-menu-dark .navbar-nav > li.current-page > a,
.header-menu-grey .navbar-nav > li.current-page > a,
.header-menu-light .navbar-nav > li.current-page > a {
    color: #2d2d2d;
}

.submenu-light .navbar-nav li ul li a:hover,
.submenu-light .navbar-nav li ul li.active > a,
.submenu-light .navbar-nav > li > ul > li:hover > a,
.submenu-light .navbar-nav li ul li.current-page > a {
    color: #2d2d2d;
    background-color: #fafafa;
}

.submenu-grey .navbar-nav li ul li a:hover,
.submenu-grey .navbar-nav li ul li.active > a,
.submenu-grey .navbar-nav > li > ul > li:hover > a,
.submenu-grey .navbar-nav li ul li.current-page > a {
    color: #2d2d2d;
    background-color: #fafafa;
}

.submenu-dark .navbar-nav li ul li a:hover,
.submenu-dark .navbar-nav li ul li.active > a,
.submenu-dark .navbar-nav > li > ul > li:hover > a,
.submenu-dark .navbar-nav li ul li.current-page > a {
    color: #2d2d2d;
    background-color: #2a2a2a;
}

.submenu-base-color .navbar-nav li ul li a:hover,
.submenu-base-color .navbar-nav li ul li.active > a,
.submenu-base-color .navbar-nav > li > ul > li:hover > a,
.submenu-base-color .navbar-nav li ul li.current-page > a {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.1);
}

/* 9.2.9 Secondary Menu
-------------------------------------------------------------------------- */
/* 9.2.9.1 Wrapper
-------------------------------------------------------------------------- */
.secondary-menu {
    padding: 0;
    margin: 0 auto;
    line-height: 0;
    display: block;
    overflow: hidden;
}

    /* 9.2.9.2 List
-------------------------------------------------------------------------- */
    .secondary-menu ul {
        margin: 0;
        padding: 0;
        overflow: hidden;
        list-style: none;
    }

        /* 9.2.9.3 Items
-------------------------------------------------------------------------- */
        .secondary-menu ul li {
            float: left;
            position: relative;
            margin-right: 10px;
            padding-right: 10px;
        }

            .secondary-menu ul li::after {
                top: 0;
                right: 0;
                content: '-';
                line-height: 25px;
                margin-right: -2px;
                position: absolute;
            }

            .secondary-menu ul li:last-child {
                margin: 0;
                padding: 0;
            }

                .secondary-menu ul li:last-child::after {
                    display: none;
                }

            /* 9.2.9.4 Anchor
-------------------------------------------------------------------------- */
            .secondary-menu ul li a {
                display: block;
                font-size: 13px;
                line-height: 25px;
                text-align: center;
                
            }

            .secondary-menu ul li.current-page a {
                color: #2d2d2d;
            }




/* ==========================================================================
   10. Sections
========================================================================== */
/* 10.1 Light Section
-------------------------------------------------------------------------- */
.light-section {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    overflow: hidden;
    background-color: #ffffff;
    border-bottom: 1px solid #f1f1f1;
}

/* 10.2 Grey Section
-------------------------------------------------------------------------- */
.grey-section {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    overflow: hidden;
    background-color: #f6f6f6;
    border-bottom: 1px solid #f1f1f1;
}

/* 10.3 Parallax Section
-------------------------------------------------------------------------- */
.parallax-section {
    width: 100%;
    display: block;
    overflow: hidden;
    background-color: #232323;
    background-repeat: repeat;
    background-position: 50% 50%;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .parallax-section .main-section::after {
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 100%;
        opacity: 0.65;
        position: absolute;
        background-color: #000000;
    }

    .parallax-section a:hover {
        color: #ffffff;
    }

/* 10.4 Breadcrumb Section
-------------------------------------------------------------------------- */
/* 10.4.1 Wrapper
-------------------------------------------------------------------------- */
.breadcrumb-section {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    overflow: hidden;
    background-color: #2d2d2d;
    background-repeat: repeat;
    background-position: 50% 50%;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .breadcrumb-section .section-container {
        padding: 15px 0 0px;
    }

    .breadcrumb-section .main-section::after {
        top: 0;
        left: 0;
        z-index: 2;
        content: '';
        width: 100%;
        height: 100%;
        opacity: 0.65;
        position: absolute;
        background-color: #2d2d2d;
    }

/* 10.4.2 Head
-------------------------------------------------------------------------- */
.breadcrumb-head {
    line-height: 0;
    overflow: hidden;
    position: relative;
}

/* 10.4.3 Title
-------------------------------------------------------------------------- */
.breadcrumb-title {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 4px;
  
}

    .breadcrumb-title h1 {
        color: #ffffff;
        line-height: 1;
        font-size: 40px;
    }

/* 10.4.4 Sub Title
-------------------------------------------------------------------------- */
.breadcrumb-sub-title {
    width: 100%;
    display: block;
    overflow: hidden;
    font-weight: 400;
    
}

    .breadcrumb-sub-title h5 {
        color: #2d2d2d;
        line-height: 1;
        font-weight: 400;
        letter-spacing: 1px;
    }

/* 10.4.5 Breadcrumb
-------------------------------------------------------------------------- */
.breadcrumb {
    padding: 0;
    overflow: hidden;
    text-transform: capitalize;
    background-color: transparent;
}

    .breadcrumb a:hover,
    .breadcrumb > .active,
    .breadcrumb > li + li:before {
        color: #ffffff;
    }

/* 10.4.6 Variations
-------------------------------------------------------------------------- */
/* 10.4.6.1 Style 1
-------------------------------------------------------------------------- */
.breadcrumb-style-1 .breadcrumb {
    margin-bottom: 22px;
}

/* 10.4.6.2 Style 2
-------------------------------------------------------------------------- */
.breadcrumb-style-2 .breadcrumb-head {
    float: left;
    margin-bottom: 10px;
}

.breadcrumb-style-2 .breadcrumb-title {
    margin-bottom: 0;
}

.breadcrumb-style-2 .breadcrumb {
    float: right;
    padding-top: 20px;
}

/* 10.4.6.3 Style 3
-------------------------------------------------------------------------- */
.breadcrumb-style-3 {
    text-align: center;
}

    .breadcrumb-style-3 .breadcrumb,
    .breadcrumb-style-3 .breadcrumb-head {
        width: 100%;
        display: block;
    }

    .breadcrumb-style-3 .breadcrumb-head {
        line-height: 0;
        overflow: hidden;
        position: relative;
        padding-bottom: 13px;
    }

        .breadcrumb-style-3 .breadcrumb-head::after {
            bottom: 0;
            left: 50%;
            width: 30px;
            height: 3px;
            content: '';
            margin-left: -15px;
            position: absolute;
            background-color: #ffffff;
        }

    .breadcrumb-style-3 .breadcrumb {
        padding-top: 20px;
        margin-bottom: 23px;
    }

/* 10.4.6.4 Style 4
-------------------------------------------------------------------------- */
.breadcrumb-style-4 .breadcrumb-sub-title {
    display: none;
}

.breadcrumb-style-4 .breadcrumb-title {
    margin-bottom: 0;
}

.breadcrumb-style-4 .breadcrumb {
    margin-bottom: 27px;
}

/* 10.4.6.5 Style 5
-------------------------------------------------------------------------- */
.breadcrumb-style-5 .breadcrumb-sub-title {
    display: none;
}

.breadcrumb-style-5 .breadcrumb-title {
    margin-bottom: 0;
}

.breadcrumb-style-5 .breadcrumb-head {
    float: left;
    margin-bottom: 15px;
}

.breadcrumb-style-5 .breadcrumb {
    float: right;
    padding-top: 7px;
}

/* 10.4.6.6 Style 6
-------------------------------------------------------------------------- */
.breadcrumb-style-6 {
    text-align: center;
}

    .breadcrumb-style-6 .breadcrumb-sub-title {
        display: none;
    }

    .breadcrumb-style-6 .breadcrumb,
    .breadcrumb-style-6 .breadcrumb-head {
        width: 100%;
        display: block;
    }

    .breadcrumb-style-6 .breadcrumb-head {
        line-height: 0;
        overflow: hidden;
        position: relative;
        padding-bottom: 13px;
    }

        .breadcrumb-style-6 .breadcrumb-head::after {
            bottom: 0;
            left: 50%;
            width: 30px;
            height: 3px;
            content: '';
            margin-left: -15px;
            position: absolute;
            background-color: #ffffff;
        }

    .breadcrumb-style-6 .breadcrumb {
        padding-top: 20px;
        margin-bottom: 23px;
    }

/* 10.4.7 Grey
-------------------------------------------------------------------------- */
.breadcrumb-grey {
    border-bottom: 1px solid #e5e5e5;
}

    .breadcrumb-grey .breadcrumb-head::after {
        background-color: #2d2d2d;
    }

    .breadcrumb-grey .main-section::after {
        opacity: 1;
        background-color: #f6f6f6;
    }

    .breadcrumb-grey .breadcrumb-title h1 {
        color: #232323;
    }

    .breadcrumb-grey .breadcrumb-sub-title h5 {
        color: #666666;
    }

    .breadcrumb-grey .breadcrumb a:hover,
    .breadcrumb-grey .breadcrumb > .active,
    .breadcrumb-grey .breadcrumb > li + li:before {
        color: #232323;
    }

/* 10.4.8 Light
-------------------------------------------------------------------------- */
.breadcrumb-light {
    border-bottom: 1px solid #e5e5e5;
}

    .breadcrumb-light .breadcrumb-head::after {
        background-color: #2d2d2d;
    }

    .breadcrumb-light .main-section::after {
        opacity: 1;
        background-color: #ffffff;
    }

    .breadcrumb-light .breadcrumb-title h1 {
        color: #232323;
    }

    .breadcrumb-light .breadcrumb-sub-title h5 {
        color: #666666;
    }

    .breadcrumb-light .breadcrumb a:hover,
    .breadcrumb-light .breadcrumb > .active,
    .breadcrumb-light .breadcrumb > li + li:before {
        color: #232323;
    }

/* 10.5 Special
-------------------------------------------------------------------------- */
.special-section .section-container {
    padding: 130px 0 100px;
}

/* 10.6 Base Color
-------------------------------------------------------------------------- */
.base-color-section {
    width: 100%;
    display: block;
    overflow: hidden;
    background-color: #2d2d2d;
}

    .base-color-section a,
    .base-color-section h1,
    .base-color-section h2,
    .base-color-section h3,
    .base-color-section h4,
    .base-color-section h5,
    .base-color-section h6 {
        color: #ffffff;
    }

    .base-color-section a {
        text-decoration: underline;
    }

        .base-color-section a:hover {
            text-decoration: none;
        }

/* 10.7 Video Section
-------------------------------------------------------------------------- */
/* 10.7.1 Wrapper
-------------------------------------------------------------------------- */
.video-section {
    width: 100%;
    display: block;
    overflow: hidden;
}

    /* 10.7.2 Container
-------------------------------------------------------------------------- */
    .video-section .section-container {
        padding: 230px 0 200px;
    }

    /* 10.7.3 Section Title
-------------------------------------------------------------------------- */
    /* 10.7.3.1 H5
-------------------------------------------------------------------------- */
    .video-section .section-title-wrapper h5 {
        color: #2d2d2d;
        font-size: 20px;
        margin-bottom: 25px;
    }

    /* 10.7.3.2 H3
-------------------------------------------------------------------------- */
    .video-section .section-title-wrapper h3 {
        color: #ffffff;
        font-size: 40px;
        padding-bottom: 35px;
    }

        .video-section .section-title-wrapper h3::after {
            width: 60px;
            height: 4px;
            bottom: -4px;
            margin-left: -30px;
        }

/* 10.8 Slider Section
-------------------------------------------------------------------------- */
#slider-section {
    padding: 0;
    width: 100%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

/* 10.9 Home Section
-------------------------------------------------------------------------- */
#home-section {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    overflow: hidden;
    background-repeat: repeat;
    background-position: 50% 50%;
    background-attachment: fixed;
    background-color: transparent;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    #home-section .section-container {
        padding: 160px 0 140px;
    }

        #home-section .section-container::after {
            top: 0;
            left: 0;
            z-index: 1;
            content: '';
            width: 100%;
            height: 100%;
            opacity: 0.65;
            position: absolute;
            background-color: #232323;
        }

/* 10.10 Main
-------------------------------------------------------------------------- */
.main-section {
    z-index: 1;
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}

/* 10.11 Container
-------------------------------------------------------------------------- */
.section-container {
    z-index: 3;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding: 50px 0 50px;
}




/* ==========================================================================
   11. Blog
========================================================================== */
/* 11.1 Post
-------------------------------------------------------------------------- */
/* 11.1.1 Wrapper
-------------------------------------------------------------------------- */
.post {
    padding: 0;
    width: 100%;
    overflow: hidden;
    margin: 0 auto 30px;
    background-color: #ffffff;
}

.blog-post {
    overflow: hidden;
}

.main-content article.blog-post .post {
    margin-bottom: 50px;
}

.main-content article.blog-post:last-of-type .post {
    margin-bottom: 30px;
}

.main-content {
    overflow: hidden;
}

/* 11.1.2 Header
-------------------------------------------------------------------------- */
/* 11.1.2.1 Wrapper
-------------------------------------------------------------------------- */
.post .post-header {
    margin: 0;
    width: 100%;
    line-height: 0;
    overflow: hidden;
    text-align: center;
    padding: 35px 20px 25px;
    border: 1px solid #e5e5e5;
    border-radius: 4px 4px 0 0;
    
}

/* 11.1.2.2 Meta
-------------------------------------------------------------------------- */
/* 11.1.2.2.1 Wrapper
-------------------------------------------------------------------------- */
.post .post-meta {
    line-height: 23px;
    margin: 0 auto 10px;
    display: inline-block;
    
}

    /* 11.1.2.2.2 Span
-------------------------------------------------------------------------- */
    .post .post-meta span {
        float: left;
        position: relative;
        margin-right: 10px;
        padding-right: 15px;
    }

        .post .post-meta span::after {
            top: 0;
            right: 0;
            content: '/';
            color: #232323;
            position: absolute;
        }

        .post .post-meta span:last-child {
            margin: 0;
            padding: 0;
        }

            .post .post-meta span:last-child::after {
                display: none;
            }

        .post .post-meta span.meta-cat i {
            height: 23px;
            overflow: hidden;
            line-height: 25px;
        }

        .post .post-meta span.meta-author i {
            font-size: 12px;
            line-height: 20px;
        }

        /* 11.1.2.2.3 Icon
-------------------------------------------------------------------------- */
        .post .post-meta span i {
            float: left;
            margin-right: 5px;
            line-height: 23px;
        }

        /* 11.1.2.2.4 Anchor
-------------------------------------------------------------------------- */
        .post .post-meta span a {
            float: left;
            margin-right: 10px;
            padding-right: 7px;
            position: relative;
        }

            .post .post-meta span a:last-child {
                margin: 0;
                padding: 0;
            }

            .post .post-meta span a::after {
                top: 0;
                right: -5px;
                content: '-';
                color: #232323;
                font-size: 15px;
                line-height: 23px;
                position: absolute;
            }

            .post .post-meta span a:last-child::after {
                display: none;
            }

    .post .post-meta a {
        color: #666666;
    }

        .post .post-meta a:hover {
            color: #2d2d2d;
        }

    .post .post-meta span.meta-like a {
        display: block;
    }

/* 11.1.2.3 Title
-------------------------------------------------------------------------- */
.post .post-title {
    width: 100%;
    display: block;
    overflow: hidden;
    
}

    .post .post-title a {
        color: #232323;
    }

        .post .post-title a:hover {
            color: #2d2d2d;
        }

/* 11.1.3 Type
-------------------------------------------------------------------------- */
/* 11.1.3.1 Wrapper
-------------------------------------------------------------------------- */
.post .post-type,
.post .post-type a,
.post .post-type img {
    width: 100%;
    display: block;
    overflow: hidden;
}

    .post .post-type a:hover {
        opacity: 0.8;
    }

    /* 11.1.3.2 Slider
-------------------------------------------------------------------------- */
    .post .post-type .owl-slider-wrapper {
        margin-bottom: 0;
    }

.post .owl-theme .owl-controls .owl-buttons div {
    display: block;
}

/* 11.1.4 Content
-------------------------------------------------------------------------- */
.post .post-content {
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 25px 30px 20px;
    border: 1px solid #e5e5e5;
    border-radius: 0 0 4px 4px;
    border-top: 0;
}

/* 11.1.5 Anchor
-------------------------------------------------------------------------- */
.post .post-link {
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: left;
    padding: 15px 0 10px;
}

    .post .post-link a.btn {
        padding: 8px 16px;
    }

/* 11.2 Variations
-------------------------------------------------------------------------- */
/* 11.2.1 Sidebars
-------------------------------------------------------------------------- */
/* 11.2.1.1 Left Sidebar
-------------------------------------------------------------------------- */
body.left-sidebar .main-content {
    float: right;
}

body.left-sidebar .sidebar {
    float: left;
}

/* 11.2.1.2 Without Sidebar
-------------------------------------------------------------------------- */
body.without-sidebar .main-content {
    float: none;
    margin: 0 auto;
}

body.without-sidebar .sidebar {
    display: none;
}

/* 11.2.1.3 Full Width
-------------------------------------------------------------------------- */
body.grid-full-width .main-content {
    width: 100%;
}

body.grid-full-width .sidebar {
    display: none;
}

/* 11.2.2 Grid
-------------------------------------------------------------------------- */
/* 11.2.2.1 Wrapper
-------------------------------------------------------------------------- */
body.blog-grid .blog-posts-wrapper {
    opacity: 0;
}

/* 11.2.2.2 Spinner
-------------------------------------------------------------------------- */
body.blog-grid .spinner-loader {
    display: block;
}

/* 11.2.2.3 Post Title
-------------------------------------------------------------------------- */
body.blog-grid.grid-2-columns .main-content .post-title h2 {
    font-size: 22px;
    line-height: 26px;
}

.col-md-4.blog-post .post-title h2,
body.blog-grid.grid-3-columns .main-content .post-title h2,
body.blog-grid.grid-4-columns .main-content .post-title h2 {
    font-size: 18px;
    line-height: 24px;
}

/* 11.2.2.4 Main Content
-------------------------------------------------------------------------- */
body.blog-grid .main-content {
    padding: 0;
}

    /* 11.2.2.5 Post
-------------------------------------------------------------------------- */
    body.blog-grid .main-content article.blog-post .post {
        margin-bottom: 30px;
    }

/* 11.2.2.6 Pagination
-------------------------------------------------------------------------- */
body.blog-grid .pagination-wrapper {
    padding-left: 15px;
    padding-right: 15px;
}

/* 11.2.2.7 2 Columns
-------------------------------------------------------------------------- */
body.blog-grid.grid-2-columns .main-content article.blog-post {
    width: 50%;
    float: left;
    padding: 0 15px;
}

/* 11.2.2.8 3 Columns
-------------------------------------------------------------------------- */
body.blog-grid.grid-3-columns .main-content article.blog-post {
    float: left;
    padding: 0 15px;
    width: 33.33333333%;
}

body.blog-grid.grid-3-columns.left-sidebar .main-content article.blog-post .post-header,
body.blog-grid.grid-3-columns.left-sidebar .main-content article.blog-post .post-content,
body.blog-grid.grid-3-columns.right-sidebar .main-content article.blog-post .post-header,
body.blog-grid.grid-3-columns.right-sidebar .main-content article.blog-post .post-content,
body.blog-grid.grid-3-columns.without-sidebar .main-content article.blog-post .post-header,
body.blog-grid.grid-3-columns.without-sidebar .main-content article.blog-post .post-content {
    text-align: left;
    padding: 15px 20px 10px;
}

.col-md-4.blog-post .meta-cat,
body.blog-grid.grid-3-columns .main-content article.blog-post .meta-cat {
    margin: 0;
    padding: 0;
}

    .col-md-4.blog-post .post-link,
    .col-md-4.blog-post .meta-like,
    .col-md-4.blog-post .meta-comment,
    .col-md-4.blog-post .meta-cat::after,
    body.blog-grid.grid-3-columns .main-content article.blog-post .post-link,
    body.blog-grid.grid-3-columns .main-content article.blog-post .meta-like,
    body.blog-grid.grid-3-columns .main-content article.blog-post .meta-comment,
    body.blog-grid.grid-3-columns .main-content article.blog-post .meta-cat::after {
        display: none;
    }

/* 11.2.2.9 4 Columns
-------------------------------------------------------------------------- */
body.blog-grid.grid-4-columns .main-content {
    width: 100%;
}

body.blog-grid.grid-4-columns .sidebar {
    display: none;
}

body.blog-grid.grid-4-columns .main-content article.blog-post {
    width: 25%;
    float: left;
    padding: 0 15px;
}

    body.blog-grid.grid-4-columns .main-content article.blog-post .post-header,
    body.blog-grid.grid-4-columns .main-content article.blog-post .post-content {
        text-align: left;
        padding: 15px 20px 10px;
    }

    body.blog-grid.grid-4-columns .main-content article.blog-post .meta-cat {
        margin: 0;
        padding: 0;
    }

        body.blog-grid.grid-4-columns .main-content article.blog-post .post-link,
        body.blog-grid.grid-4-columns .main-content article.blog-post .meta-like,
        body.blog-grid.grid-4-columns .main-content article.blog-post .meta-comment,
        body.blog-grid.grid-4-columns .main-content article.blog-post .meta-cat::after {
            display: none;
        }

/* 11.2.2.10 Timeline
-------------------------------------------------------------------------- */
/* 11.2.2.10.1 Main Content
-------------------------------------------------------------------------- */
body.blog-timeline .main-content {
    margin-left: -15px;
    margin-right: -15px;
}

    body.blog-timeline .main-content::after {
        top: 0;
        left: 50%;
        width: 2px;
        content: '';
        z-index: -1;
        height: 100%;
        margin-left: -1px;
        margin-top: -120px;
        position: absolute;
        background-color: #e5e5e5;
    }

body.blog-timeline.without-sidebar .main-content {
    float: none;
    margin: 0 auto;
}

/* 11.2.2.10.2 Post
-------------------------------------------------------------------------- */
/* 11.2.2.10.2.1 Wrapper
-------------------------------------------------------------------------- */
body.blog-timeline .main-content article.blog-post {
    width: 50%;
    float: left;
    padding: 0 30px;
    overflow: visible;
}

/* 11.2.2.10.2.2 Title
-------------------------------------------------------------------------- */
body.blog-timeline .main-content .post-title h2 {
    font-size: 22px;
    line-height: 26px;
}

/* 11.2.2.10.3 Dot
-------------------------------------------------------------------------- */
body.blog-timeline article.blog-post.left-post .post::after,
body.blog-timeline article.blog-post.right-post .post::after {
    z-index: 1;
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: absolute;
    background-color: #e5e5e5;
    border: 4px solid #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

body.blog-timeline article.blog-post.left-post .post::after {
    top: 17px;
    right: -9px;
}

body.blog-timeline article.blog-post.right-post .post::after {
    top: 66px;
    left: -9px;
}

/* 11.2.2.10.4 Arrow
-------------------------------------------------------------------------- */
body.blog-timeline article.blog-post.left-post .post-header::after,
body.blog-timeline article.blog-post.left-post .post-header::before,
body.blog-timeline article.blog-post.right-post .post-header::after,
body.blog-timeline article.blog-post.right-post .post-header::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

body.blog-timeline article.blog-post.left-post .post-header::before,
body.blog-timeline article.blog-post.right-post .post-header::before {
    z-index: 1;
    background-color: #e5e5e5;
}

body.blog-timeline article.blog-post.left-post .post-header::after,
body.blog-timeline article.blog-post.right-post .post-header::after {
    z-index: 2;
    background-color: #ffffff;
}

body.blog-timeline article.blog-post.left-post .post-header::before {
    top: 15px;
    right: 21px;
}

body.blog-timeline article.blog-post.left-post .post-header::after {
    top: 15px;
    right: 22px;
}

body.blog-timeline article.blog-post.right-post .post-header::before {
    top: 65px;
    left: 21px;
}

body.blog-timeline article.blog-post.right-post .post-header::after {
    top: 65px;
    left: 22px;
}

/* 11.2.2.10.3 Pagination
-------------------------------------------------------------------------- */
body.blog-timeline .pagination-wrapper {
    padding-left: 30px;
    padding-right: 30px;
}

/* 11.2.2.10.4 Hover
-------------------------------------------------------------------------- */
body.blog-timeline article.blog-post.left-post .post:hover::after,
body.blog-timeline article.blog-post.right-post .post:hover::after {
    background-color: #232323;
}




/* ==========================================================================
   12. Single Post
========================================================================== */
/* 12.1 Pagination
-------------------------------------------------------------------------- */
body.blog-single .pagination-wrapper .pagination {
    width: 100%;
}

    body.blog-single .pagination-wrapper .pagination li:first-child {
        float: left;
    }

    body.blog-single .pagination-wrapper .pagination li:last-child {
        float: right;
    }

body.blog-single .pagination-wrapper li {
    width: auto;
}

    body.blog-single .pagination-wrapper li a {
        padding: 0 15px;
    }

        body.blog-single .pagination-wrapper li a span span {
            font-weight: 400;
        }

    body.blog-single .pagination-wrapper li:first-child a span span {
        margin-left: 10px;
    }

    body.blog-single .pagination-wrapper li:last-child a span span {
        margin-right: 10px;
    }

/* 12.2 Post Tags
-------------------------------------------------------------------------- */
/* 12.2.1 Wrapper
-------------------------------------------------------------------------- */
.post-tags-wrapper {
    width: 100%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 0 0;
}

.post-tags {
    width: 100%;
    display: block;
    overflow: hidden;
    border-radius: 4px;
    padding: 25px 30px 30px;
    border: 1px solid #e5e5e5;
}

/* 12.2.2 Title
-------------------------------------------------------------------------- */
.tags-title {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
    
}

/* 12.2.3 Buttons
-------------------------------------------------------------------------- */
.tags-buttons a {
    float: left;
    color: #666666;
    margin-top: 10px;
    padding: 5px 10px;
    margin-right: 10px;
    border-radius: 4px;
    display: inline-block;
    background-color: #f1f1f1;
    border: 1px solid #e5e5e5;
    text-transform: capitalize;
}

    .tags-buttons a:last-child {
        margin-right: 0;
    }

    .tags-buttons a:hover {
        color: #ffffff;
        border-color: #232323;
        background-color: #232323;
    }

/* 12.3 Post Share
-------------------------------------------------------------------------- */
/* 12.3.1 Wrapper
-------------------------------------------------------------------------- */
.post-share-wrapper {
    width: 100%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 0 0;
}

.share-this {
    width: 100%;
    display: block;
    overflow: hidden;
    border-radius: 4px;
    padding: 25px 30px 20px;
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
}

/* 12.3.2 Title
-------------------------------------------------------------------------- */
.share-this-title {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    
}

/* 12.3.3 Social Icons
-------------------------------------------------------------------------- */
/* 12.3.3.1 Items
-------------------------------------------------------------------------- */
.share-this .social-icons ul li {
    border: 0;
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 4px;
    margin: 0 10px 10px 0;
}

    /* 12.3.3.2 Anchor
-------------------------------------------------------------------------- */
    .share-this .social-icons ul li a {
        font-size: 13px;
    }

        /* 12.3.3.3 Icon
-------------------------------------------------------------------------- */
        .share-this .social-icons ul li a i {
            line-height: 36px;
            border-radius: 4px;
            background-color: #f1f1f1;
        }

/* 12.4 Author Bio
-------------------------------------------------------------------------- */
/* 12.4.1 Wrapper
-------------------------------------------------------------------------- */
.author-bio-wrapper {
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 20px 0 0;
    margin: 0 auto 30px;
}

.author-bio {
    width: 100%;
    padding: 30px;
    display: block;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
}

/* 12.4.2 Title
-------------------------------------------------------------------------- */
.author-bio-title {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    
}

/* 12.4.3 Image
-------------------------------------------------------------------------- */
.author-image {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 20px;
}

    .author-image img {
        width: 100%;
        display: block;
        border-radius: 4px;
    }

/* 12.4.4 Content
-------------------------------------------------------------------------- */
/* 12.4.4.1 Wrapper
-------------------------------------------------------------------------- */
.author-content {
    overflow: hidden;
}

/* 12.4.4.2 Name
-------------------------------------------------------------------------- */
.author-name {
    width: 100%;
    display: block;
    
}

/* 12.4.4.3 Description
-------------------------------------------------------------------------- */
.author-desc {
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

/* 12.4.4.4 Social Icons
-------------------------------------------------------------------------- */
/* 12.4.4.4.1 Wrapper
-------------------------------------------------------------------------- */
.author-social {
    width: 100%;
    display: block;
}

    /* 12.4.4.4.2 Items
-------------------------------------------------------------------------- */
    .author-social .social-icons ul li {
        border: 0;
        width: 36px;
        height: 36px;
        overflow: hidden;
        border-radius: 4px;
        margin: 10px 10px 0 0;
    }

        /* 12.4.4.4.3 Anchor
-------------------------------------------------------------------------- */
        .author-social .social-icons ul li a {
            font-size: 13px;
        }

            /* 12.4.4.4.4 Icon
-------------------------------------------------------------------------- */
            .author-social .social-icons ul li a i {
                line-height: 36px;
                border-radius: 4px;
                background-color: #f1f1f1;
            }

/* 12.5 Post Comment
-------------------------------------------------------------------------- */
/* 12.5.1 Wrapper
-------------------------------------------------------------------------- */
.post-comments-wrapper {
    width: 100%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0 0;
}

.post-comments {
    padding: 0;
    width: 100%;
    display: block;
    overflow: hidden;
}

/* 12.5.2 Title
-------------------------------------------------------------------------- */
.post-comments-title {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    
}

/* 12.5.3 Comments List
-------------------------------------------------------------------------- */
/* 12.5.3.1 Wrapper
-------------------------------------------------------------------------- */
.post-comments ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    /* 12.5.3.2 Items
-------------------------------------------------------------------------- */
    .post-comments ul li {
        width: 100%;
        display: block;
        overflow: hidden;
        border-radius: 4px;
        margin-bottom: 30px;
        padding: 30px 30px 0;
        border: 1px solid #e5e5e5;
    }

        .post-comments ul li li {
            margin-top: 15px;
        }

/* 12.5.4 Avatar
-------------------------------------------------------------------------- */
/* 12.5.4.1 Wrapper
-------------------------------------------------------------------------- */
.comment-avatar {
    width: 80px;
    float: left;
    overflow: hidden;
    text-align: center;
    margin-right: 20px;
}

    /* 12.5.4.2 Image
-------------------------------------------------------------------------- */
    .comment-avatar img {
        width: 80px;
        height: 80px;
        display: block;
        border-radius: 4px;
        margin-bottom: 20px;
    }

/* 12.5.4.3 Button
-------------------------------------------------------------------------- */
/* 12.5.4.3.1 Wrapper
-------------------------------------------------------------------------- */
.replay-button {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
}

    /* 12.5.4.3.2 Anchor
-------------------------------------------------------------------------- */
    .replay-button a.btn {
        padding: 0;
        width: 100%;
        line-height: 30px;
    }

/* 12.5.5 Content
-------------------------------------------------------------------------- */
/* 12.5.5.1 Wrapper
-------------------------------------------------------------------------- */
.comment-content {
    overflow: hidden;
    margin-bottom: 15px;
}

/* 12.5.5.2 Header
-------------------------------------------------------------------------- */
/* 12.5.5.2.1 Wrapper
-------------------------------------------------------------------------- */
.comment-header {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}

/* 12.5.5.2.2 Name
-------------------------------------------------------------------------- */
.comment-author {
    width: 100%;
    display: block;
    overflow: hidden;
    text-transform: capitalize;
}

    .comment-author h5 {
        margin: 0;
    }

/* 12.5.5.2.3 Date
-------------------------------------------------------------------------- */
comment-date {
    width: 100%;
    display: block;
    overflow: hidden;
    
}

/* 12.6 Post Add Comment
-------------------------------------------------------------------------- */
/* 12.6.1 Wrapper
-------------------------------------------------------------------------- */
.post-add-comment {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 20px;
}

/* 12.6.2 Title
-------------------------------------------------------------------------- */
.post-add-comment-title {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    
}

/* 12.6.3 Form
-------------------------------------------------------------------------- */
/* 12.6.3.1 Wrapper
-------------------------------------------------------------------------- */
.blog-comment-form {
    width: 100%;
    display: block;
    overflow: hidden;
}

    /* 12.6.3.2 Form Group
-------------------------------------------------------------------------- */
    .blog-comment-form .form-group {
        width: 100%;
        display: block;
        overflow: hidden;
        margin-bottom: 30px;
    }

    /* 12.6.3.3 Form Control
-------------------------------------------------------------------------- */
    .blog-comment-form .form-control {
        height: 45px;
        border-color: #e5e5e5;
        background-color: #fbfbfb;
    }

        .blog-comment-form .form-control:hover,
        .blog-comment-form .form-control:focus {
            border-color: #232323;
            background-color: #ffffff;
        }

    /* 12.6.3.4 Text Area
-------------------------------------------------------------------------- */
    .blog-comment-form textarea {
        resize: none;
        height: 120px !important;
        padding: 12px 15px !important;
    }

    /* 12.6.3.5 Button
-------------------------------------------------------------------------- */
    .blog-comment-form .btn {
        padding: 0;
        width: 100%;
        display: block;
        font-size: 15px;
        line-height: 45px;
    }

/* 12.6.3.6 Error / Sucess
-------------------------------------------------------------------------- */
#blog-comment-name.blog-comment-error,
#blog-comment-email.blog-comment-error,
#blog-comment-message.blog-comment-error {
    border-color: #2d2d2d;
    background-color: #ffffff;
}



/* ==========================================================================
   13. Sidebar
========================================================================== */
/* 13.1 Wrapper
-------------------------------------------------------------------------- */
.sidebar {
    margin-bottom: 30px;
}

    .sidebar .widget:last-child {
        margin-bottom: 0;
    }

/* 13.2 Widget
-------------------------------------------------------------------------- */
/* 13.2.1 Wrapper
-------------------------------------------------------------------------- */
.widget {
    width: 100%;
    display: block;
    margin: 0 auto 50px;
}

    /* 13.2.2 Title
-------------------------------------------------------------------------- */
    .widget .widget-title {
        width: 100%;
        display: block;
        overflow: hidden;
        margin: -6px auto 0px;
    }

        .widget .widget-title h4 {
            
        }

/* 13.2.3 Social Widget
-------------------------------------------------------------------------- */
/* 13.2.3.1 Wrapper
-------------------------------------------------------------------------- */
.widget-social {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: -9px;
}

    /* 13.2.3.2 Items
-------------------------------------------------------------------------- */
    .widget-social .social-icons ul li {
        border: 0;
        width: 36px;
        height: 36px;
        overflow: hidden;
        border-radius: 4px;
        margin: 0 9px 9px 0;
    }

        .widget-social .social-icons ul li:nth-child(6n) {
            margin-right: 0;
        }

        /* 13.2.3.3 Anchor
-------------------------------------------------------------------------- */
        .widget-social .social-icons ul li a {
            font-size: 13px;
        }

            /* 13.2.3.4 Icon
-------------------------------------------------------------------------- */
            .widget-social .social-icons ul li a i {
                line-height: 36px;
                border-radius: 4px;
                background-color: #f1f1f1;
            }

/* 13.2.4 Category Widget
-------------------------------------------------------------------------- */
/* 13.2.4.1 Wrapper
-------------------------------------------------------------------------- */
.widget-category {
    width: 100%;
    display: block;
    overflow: hidden;
}

    /* 13.2.4.2 List
-------------------------------------------------------------------------- */
    .widget-category ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        /* 13.2.4.3 Items
-------------------------------------------------------------------------- */
        .widget-category ul li {
            width: 100%;
            display: block;
            margin: 0 auto 5px;
            padding-bottom: 5px;
            border-bottom: 1px solid #e5e5e5;
        }

            .widget-category ul li:last-child {
                border: 0;
                margin: 0;
                padding: 0;
            }

            /* 13.2.4.4 Anchor
-------------------------------------------------------------------------- */
            .widget-category ul li a {
                width: 100%;
                color: #666666;
                display: block;
                overflow: hidden;
                position: relative;
                text-transform: capitalize;
            }

                .widget-category ul li a:hover {
                    color: #2d2d2d;
                }

                .widget-category ul li a span:first-child {
                    float: left;
                }

                .widget-category ul li a span:last-child {
                    float: right;
                }

/* 13.2.5 Recent Posts Widget
-------------------------------------------------------------------------- */
/* 13.2.5.1 Wrapper
-------------------------------------------------------------------------- */
.widget-recent-posts {
    width: 100%;
    display: block;
    overflow: hidden;
}

    /* 13.2.5.2 List
-------------------------------------------------------------------------- */
    .widget-recent-posts ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        /* 13.2.5.3 Items
-------------------------------------------------------------------------- */
        .widget-recent-posts ul li {
            width: 100%;
            display: block;
            margin: 0 auto 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #e5e5e5;
        }

            .widget-recent-posts ul li:last-child {
                border-bottom: 0;
                margin-bottom: 0;
                padding-bottom: 0;
            }

    /* 13.2.5.4 Post
-------------------------------------------------------------------------- */
    /* 13.2.5.4.1 Wrapper
-------------------------------------------------------------------------- */
    .widget-recent-posts .post {
        line-height: 0;
        margin-bottom: 0;
        background-color: transparent;
    }

    /* 13.2.5.4.2 Type
-------------------------------------------------------------------------- */
    .widget-recent-posts .post-type {
        float: left;
        width: 65px;
        height: 65px;
        overflow: hidden;
        margin-right: 15px;
        border-radius: 4px;
    }

        /* 13.2.5.4.3 Image
-------------------------------------------------------------------------- */
        .widget-recent-posts .post-type img {
            width: 65px;
            height: 65px;
            display: block;
            border-radius: 4px;
        }

    /* 13.2.5.4.4 Title
-------------------------------------------------------------------------- */
    .widget-recent-posts .post-title {
        width: auto;
    }

        .widget-recent-posts .post-title h5 {
            font-size: 16px;
            margin-top: -2px;
            line-height: 20px;
            text-transform: capitalize;
        }

    .widget-recent-posts .post .post-title a {
        display: block;
    }

    /* 13.2.5.4.5 Meta
-------------------------------------------------------------------------- */
    .widget-recent-posts .post-meta {
        width: 100%;
        display: block;
        margin: 0 auto;
        padding-left: 80px;
    }

        .widget-recent-posts .post-meta span {
            float: none;
            width: 100%;
            display: block;
            overflow: hidden;
            margin-right: 0;
            padding-right: 0;
            margin-bottom: 6px;
        }

            .widget-recent-posts .post-meta span:last-child {
                margin-bottom: 0;
            }

            .widget-recent-posts .post-meta span::after {
                display: none;
            }

/* 13.2.6 Twitter Widget
-------------------------------------------------------------------------- */
/* 13.2.6.1 Wrapper
-------------------------------------------------------------------------- */
.widget-twitter {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-top: -5px;
    margin-bottom: -5px;
}

    /* 13.2.6.2 List
-------------------------------------------------------------------------- */
    .widget-twitter ul {
        margin: 0;
        padding: 0;
        width: 100%;
        display: block;
        overflow: hidden;
        list-style: none;
    }

        /* 13.2.6.3 Items
-------------------------------------------------------------------------- */
        .widget-twitter ul li {
            margin: 0;
            width: 100%;
            display: block;
            overflow: hidden;
            margin-bottom: 20px;
        }

            .widget-twitter ul li:last-child {
                margin: 0;
            }

            .widget-twitter ul li p {
                margin-bottom: 5px;
            }

            /* 13.2.6.4 Anchor
-------------------------------------------------------------------------- */
            .widget-twitter ul li a,
            .widget-twitter ul li .twitter-date,
            .widget-twitter ul li a span.twitter-username:hover {
                color: #232323;
            }

                .widget-twitter ul li a:hover,
                .widget-twitter ul li a span.twitter-username {
                    color: #2d2d2d;
                }

                .widget-twitter ul li a span {
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -ms-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                }

/* 13.2.7 Flickr Widget
-------------------------------------------------------------------------- */
/* 13.2.7.1 Wrapper
-------------------------------------------------------------------------- */
.widget-flickr {
    width: auto;
    margin: -5px;
    display: block;
    overflow: hidden;
}

    /* 13.2.7.2 List
-------------------------------------------------------------------------- */
    .widget-flickr .flickr-feed {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center;
    }

        /* 13.2.7.3 Items
-------------------------------------------------------------------------- */
        .widget-flickr .flickr-feed li {
            margin: 0;
            width: 25%;
            float: left;
            padding: 5px;
            overflow: hidden;
            text-align: center;
            display: inline-block;
        }

            /* 13.2.7.4 Anchor
-------------------------------------------------------------------------- */
            .widget-flickr .flickr-feed li a {
                width: 100%;
                display: block;
                position: relative;
            }

            /* 13.2.7.5 Image
-------------------------------------------------------------------------- */
            .widget-flickr .flickr-feed li img {
                width: 100%;
                display: block;
                border-radius: 4px;
            }

            /* 13.2.7.6 Hover
-------------------------------------------------------------------------- */
            .widget-flickr .flickr-feed li a:hover {
                opacity: 0.8;
            }

/* 13.2.8 Tags Widget
-------------------------------------------------------------------------- */
/* 13.2.8.1 Wrapper
-------------------------------------------------------------------------- */
.widget-tags {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-top: -6px;
}

    /* 13.2.8.2 Anchor
-------------------------------------------------------------------------- */
    .widget-tags a {
        float: left;
        color: #666666;
        margin-top: 6px;
        margin-right: 6px;
        padding: 5px 10px;
        border-radius: 4px;
        display: inline-block;
        background-color: #f1f1f1;
        border: 1px solid #e5e5e5;
        text-transform: capitalize;
    }

        .widget-tags a:last-child {
            margin-right: 0;
        }

        .widget-tags a:hover {
            color: #ffffff;
            border-color: #232323;
            background-color: #232323;
        }

/* 13.2.9 Dribbble Widget
-------------------------------------------------------------------------- */
/* 13.2.9.1 Wrapper
-------------------------------------------------------------------------- */
.widget-dribbble {
    width: 100%;
    display: block;
    overflow: hidden;
}

    /* 13.2.9.2 Slider
-------------------------------------------------------------------------- */
    /* 13.2.9.2.1 Wrapper
-------------------------------------------------------------------------- */
    .widget-dribbble .owl-carousel {
        width: 100%;
        display: block;
        overflow: hidden;
        border-radius: 4px;
        border: 1px solid #e5e5e5;
    }

    .widget-dribbble .owl-theme .owl-controls .owl-buttons div {
        display: block;
    }

    /* 13.2.9.2.2 List
-------------------------------------------------------------------------- */
    .widget-dribbble ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        /* 13.2.9.2.3 Anchor
-------------------------------------------------------------------------- */
        .widget-dribbble a,
        .widget-dribbble img,
        .widget-dribbble ul li {
            width: 100%;
            display: block;
            overflow: hidden;
            position: relative;
            border-radius: 4px;
        }

    /* 13.2.9.3 Hover
-------------------------------------------------------------------------- */
    .widget-dribbble:hover .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: 20px;
    }

    .widget-dribbble:hover .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: 20px;
    }

/* 13.2.10 Subscribe Widget
-------------------------------------------------------------------------- */
/* 13.2.10.1 Wrapper
-------------------------------------------------------------------------- */
.widget-subscribe {
    width: 100%;
    display: block;
    overflow: hidden;
}

/* 13.2.10.2 Subscribe Form
-------------------------------------------------------------------------- */
/* 13.2.10.2.1 Wrapper
-------------------------------------------------------------------------- */
.subscribe-form {
    width: 100%;
    display: block;
    overflow: hidden;
}

.newsletter-form {
    position: relative;
}

    /* 13.2.10.2.2 Form Group
-------------------------------------------------------------------------- */
    .newsletter-form .form-group {
        margin-bottom: 20px;
    }

        .newsletter-form .form-group:nth-child(2) {
            margin-bottom: 0;
        }

    /* 13.2.10.2.3 Form Control
-------------------------------------------------------------------------- */
    .newsletter-form .form-control {
        border-color: #e5e5e5;
        background-color: #fbfbfb;
    }

        .newsletter-form .form-control:hover,
        .newsletter-form .form-control:focus {
            border-color: #e5e5e5;
            background-color: #ffffff;
        }

        .newsletter-form .form-control:focus {
            border-color: #232323;
        }

    /* 13.2.10.2.4 Button
-------------------------------------------------------------------------- */
    .newsletter-form button.btn {
        width: 100%;
        display: block;
        padding: 9px 12px;
    }

/* 13.2.10.2.5 Message
-------------------------------------------------------------------------- */
.nesto-response {
    display: none;
}

    .nesto-response.show-message {
        margin-top: 0;
        display: block;
        margin-bottom: 0;
        padding-top: 10px;
    }

/* 13.2.11 Text Widget
-------------------------------------------------------------------------- */
/* 13.2.11.1 Wrapper
-------------------------------------------------------------------------- */
.widget-text {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-top: -5px;
}

    /* 13.2.11.2 Typography
-------------------------------------------------------------------------- */
    .widget-text p {
        margin-bottom: 0;
        margin-top: 10px;
    }

        .widget-text p:first-child {
            margin-top: 0;
        }

    /* 13.2.11.3 Subscribe Form
-------------------------------------------------------------------------- */
    /* 13.2.11.3.1 Wrapper
-------------------------------------------------------------------------- */
    .widget-text .newsletter-form {
        margin-top: 25px;
    }

        /* 13.2.11.3.2 Form Group
-------------------------------------------------------------------------- */
        .widget-text .newsletter-form .form-group {
            margin: 0;
        }

            .widget-text .newsletter-form .form-group:nth-child(2) {
                top: 7px;
                right: 7px;
                width: 26px;
                height: 26px;
                position: absolute;
            }

        /* 13.2.11.3.3 Form Control
-------------------------------------------------------------------------- */
        .widget-text .newsletter-form .form-control {
            padding-right: 43px;
        }

        /* 13.2.11.3.4 Button
-------------------------------------------------------------------------- */
        .widget-text .newsletter-form button.btn {
            padding: 0;
            font-size: 16px;
            line-height: 26px;
            text-align: center;
        }

/* 13.2.12 Business Widget
-------------------------------------------------------------------------- */
.widget-business {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-top: -5px;
}

    .widget-business .contact-info,
    .widget-business .contact-info ul li p:lst-child {
        margin-bottom: 0;
    }

/* 13.2.13 Navigation Widget
-------------------------------------------------------------------------- */
/* 13.2.13.1 Wrapper
-------------------------------------------------------------------------- */
.widget-navigation {
    width: 100%;
    display: block;
    overflow: hidden;
}

    /* 13.2.13.2 List
-------------------------------------------------------------------------- */
    .widget-navigation ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        /* 13.2.13.3 Items
-------------------------------------------------------------------------- */
        .widget-navigation ul li {
            margin: 0;
            padding: 0;
            width: 100%;
            display: block;
            border-bottom: 1px solid #e5e5e5;
        }

            .widget-navigation ul li:last-child {
                border: 0;
            }

            /* 13.2.13.4 Anchor
-------------------------------------------------------------------------- */
            .widget-navigation ul li a {
                width: 100%;
                color: #666666;
                display: block;
                overflow: hidden;
                padding-top: 10px;
                position: relative;
                padding-bottom: 10px;
                text-transform: capitalize;
            }

            .widget-navigation ul li:first-child a {
                padding-top: 0;
            }

            .widget-navigation ul li:last-child a {
                padding-bottom: 0;
            }

            .widget-navigation ul li a::after {
                top: 10px;
                opacity: 0;
                left: -10px;
                color: #2d2d2d;
                font-size: 15px;
                content: '\f105';
                position: absolute;
                font-family: 'FontAwesome';
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

            .widget-navigation ul li:first-child a::after {
                top: 0;
            }

            .widget-navigation ul li a:hover {
                color: #2d2d2d;
                padding-left: 10px;
            }

                .widget-navigation ul li a:hover::after {
                    left: 0;
                    opacity: 1;
                }

/* 13.2.14 Products Widget
-------------------------------------------------------------------------- */
/* 13.2.14.1 Wrapper
-------------------------------------------------------------------------- */
.widget-recent-products {
    width: 100%;
    display: block;
    overflow: hidden;
}

    /* 13.2.14.2 List
-------------------------------------------------------------------------- */
    .widget-recent-products ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        /* 13.2.14.3 Items
-------------------------------------------------------------------------- */
        .widget-recent-products ul li {
            width: 100%;
            display: block;
            margin: 0 auto 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #e5e5e5;
        }

            .widget-recent-products ul li:last-child {
                border-bottom: 0;
                margin-bottom: 0;
                padding-bottom: 0;
            }

    /* 13.2.14.4 Recent Products Widget
-------------------------------------------------------------------------- */
    /* 13.2.14.4.1 Wrapper
-------------------------------------------------------------------------- */
    .widget-recent-products .shop-item {
        margin: 0 auto;
        background-color: transparent;
    }

        /* 13.2.14.4.2 Header
-------------------------------------------------------------------------- */
        /* 13.2.14.4.2.1 Wrapper
-------------------------------------------------------------------------- */
        .widget-recent-products .shop-item .shop-item-header {
            float: left;
            width: 65px;
            height: 65px;
            border-radius: 5px;
            margin-right: 15px;
        }

            .widget-recent-products .shop-item .shop-item-header a {
                border-radius: 4px;
            }

                .widget-recent-products .shop-item .shop-item-header a::after {
                    border-radius: 4px;
                }

                .widget-recent-products .shop-item .shop-item-header a:hover::after {
                    opacity: 0.3;
                }

        /* 13.2.14.4.2.2 Image
-------------------------------------------------------------------------- */
        .widget-recent-products .shop-item .shop-item-image {
            width: 65px;
            height: 65px;
            border-radius: 4px;
        }

            .widget-recent-products .shop-item .shop-item-image img {
                width: 65px;
                height: 65px;
                border-radius: 4px;
            }

        .widget-recent-products .shop-item:hover .shop-item-image img {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }

        /* 13.2.14.4.2.3 Wishlist Button
-------------------------------------------------------------------------- */
        .widget-recent-products .shop-item .shop-item-image a.shop-wishlist-button {
            display: none;
        }

        /* 13.2.14.4.3 Footer
-------------------------------------------------------------------------- */
        /* 13.2.14.4.3.1 Wrapper
-------------------------------------------------------------------------- */
        .widget-recent-products .shop-item .shop-item-footer {
            border: 0;
            padding: 0;
            width: auto;
            border-radius: 0;
            text-align: left;
            background-color: transparent;
        }

        /* 13.2.14.4.3.2 Title
-------------------------------------------------------------------------- */
        .widget-recent-products .shop-item .shop-item-title {
            margin-bottom: 0;
        }

            .widget-recent-products .shop-item .shop-item-title h4 {
                font-size: 16px;
                margin-top: -2px;
                line-height: 20px;
                text-transform: capitalize;
            }

        /* 13.2.14.4.3.3 Rate
-------------------------------------------------------------------------- */
        .widget-recent-products .shop-item .shop-item-rate {
            margin: 0 0 10px -4px;
        }

        /* 13.2.14.4.3.4 Price
-------------------------------------------------------------------------- */
        .widget-recent-products .shop-item .shop-item-price {
            margin: 0 auto;
            font-size: 18px;
        }

        /* 13.2.14.5 Button
-------------------------------------------------------------------------- */
        .widget-recent-products .shop-item .shop-item-button {
            display: none;
        }

        /* 13.2.14.6 Ribbon
-------------------------------------------------------------------------- */
        .widget-recent-products .shop-item .shop-item-ribbon-wrapper {
            display: none;
        }

/* 13.2.14.7 Style 2
-------------------------------------------------------------------------- */
/* 13.2.14.7.1 Wrapper
-------------------------------------------------------------------------- */
.widget-recent-products-style-2 {
    margin: -5px;
}

    /* 13.2.14.7.2 Items
-------------------------------------------------------------------------- */
    .widget-recent-products-style-2 ul li {
        margin: 0;
        float: left;
        padding: 5px;
        border-bottom: 0;
        width: 33.33333333%;
        display: inline-block;
    }

        .widget-recent-products-style-2 ul li:last-child {
            padding: 5px;
        }

    /* 13.2.14.7.3 Header
-------------------------------------------------------------------------- */
    /* 13.2.14.7.3.1 Wrapper
-------------------------------------------------------------------------- */
    .widget-recent-products-style-2 .shop-item .shop-item-header {
        float: none;
        width: 100%;
        height: auto;
        margin-right: 0;
        border-radius: 5px;
    }

    /* 13.2.14.7.3.2 Image
-------------------------------------------------------------------------- */
    .widget-recent-products-style-2 .shop-item .shop-item-image,
    .widget-recent-products-style-2 .shop-item .shop-item-image img {
        width: 100%;
        height: auto;
        border-radius: 4px;
    }

    /* 13.2.14.7.4 Footer
-------------------------------------------------------------------------- */
    .widget-recent-products-style-2 .shop-item .shop-item-footer {
        display: none;
    }

/* 13.2.15 Price Filter Widget
-------------------------------------------------------------------------- */
/* 13.2.15.1 Wrapper
-------------------------------------------------------------------------- */
.widget-price-filter {
    width: 100%;
    display: block;
}

/* 13.2.15.2 Slider
-------------------------------------------------------------------------- */
.irs-to:after,
.irs-from:after,
.irs-single:after {
    border-top-color: #2d2d2d;
}

.irs-to,
.irs-bar,
.irs-from,
.irs-single,
.irs-bar-edge {
    background-color: #2d2d2d;
}

.irs-to,
.irs-from,
.irs-single {
    padding: 2px 5px;
}

.irs-to,
.irs-from,
.irs-single,
.irs-slider {
    cursor: pointer;
    border-radius: 2px;
}

/* 13.2.16 General Filter Widget
-------------------------------------------------------------------------- */
/* 13.2.16.1 Wrapper
-------------------------------------------------------------------------- */
.widget-general-filter {
    width: 100%;
    display: block;
    overflow: hidden;
}

    /* 13.2.16.2 List
-------------------------------------------------------------------------- */
    .widget-general-filter ul {
        margin: 0;
        padding: 0;
        width: 100%;
        display: block;
        list-style: none;
    }

        /* 13.2.16.3 Items
-------------------------------------------------------------------------- */
        .widget-general-filter ul li {
            width: 100%;
            display: block;
            position: relative;
            margin-bottom: 20px;
            text-transform: capitalize;
        }

            .widget-general-filter ul li:last-child {
                margin-bottom: 0;
            }

            /* 13.2.16.4 Checkbox
-------------------------------------------------------------------------- */
            .widget-general-filter ul li .filter-label {
                width: 100%;
                display: block;
                line-height: 0;
                overflow: hidden;
            }

                .widget-general-filter ul li .filter-label span {
                    margin-right: 5px;
                }

                    .widget-general-filter ul li .filter-label span:last-child {
                        margin-right: 0;
                    }

                .widget-general-filter ul li .filter-label label {
                    margin: 0;
                    cursor: pointer;
                    font-weight: 400;
                    line-height: 14px;
                    position: relative;
                    padding-left: 25px;
                    display: inline-block;
                }

                    .widget-general-filter ul li .filter-label label:before {
                        top: 0;
                        left: 0;
                        content: '';
                        width: 14px;
                        height: 14px;
                        border-radius: 2px;
                        position: absolute;
                        display: inline-block;
                        border: 1px solid #e5e5e5;
                        background-color: #fbfbfb;
                    }

                .widget-general-filter ul li .filter-label input[type=checkbox] {
                    display: none;
                }

                    .widget-general-filter ul li .filter-label input[type=checkbox]:checked + label:before {
                        color: #232323;
                        font-size: 10px;
                        content: '\2713';
                        line-height: 12px;
                        text-align: center;
                    }

/* 13.2.17 Recent Projects Widget
-------------------------------------------------------------------------- */
/* 13.2.17.1 Wrapper
-------------------------------------------------------------------------- */
.widget-recent-projects {
    width: 100%;
    margin: -5px;
    display: block;
    overflow: hidden;
}

    /* 13.2.17.2 List
-------------------------------------------------------------------------- */
    .widget-recent-projects ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        /* 13.2.17.3 Items
-------------------------------------------------------------------------- */
        .widget-recent-projects ul li {
            float: left;
            padding: 5px;
            overflow: hidden;
            border-radius: 4px;
            width: 33.33333333%;
        }

            /* 13.2.17.4 Portfolio Item
-------------------------------------------------------------------------- */
            /* 13.2.17.4.1 Wrapper
-------------------------------------------------------------------------- */
            .widget-recent-projects ul li .portfolio-item {
                margin-bottom: 0;
                overflow: hidden;
                border-radius: 4px;
            }

            /* 13.2.17.4.2 Header
-------------------------------------------------------------------------- */
            .widget-recent-projects ul li .portfolio-item-header,
            .widget-recent-projects ul li .portfolio-item-header a img {
                border-radius: 5px;
            }

            /* 13.2.17.4.3 Footer
-------------------------------------------------------------------------- */
            /* 13.2.17.4.3.1 Wrapper
-------------------------------------------------------------------------- */
            .widget-recent-projects ul li .portfolio-item-footer {
                top: 0;
                left: 0;
                border: 0;
                padding: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                position: absolute;
                border-radius: 4px;
                background-color: transparent;
            }

                /* 13.2.17.4.3.2 Title
-------------------------------------------------------------------------- */
                .widget-recent-projects ul li .portfolio-item-footer .portfolio-item-title,
                .widget-recent-projects ul li .portfolio-item-footer .portfolio-item-title a {
                    top: 0;
                    left: 0;
                    border: 0;
                    padding: 0;
                    width: 100%;
                    height: 100%;
                    opacity: 0.0;
                    overflow: hidden;
                    position: absolute;
                    border-radius: 4px;
                    background-color: #ffffff;
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -ms-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                }

                /* 13.2.17.4.3.3 Category
-------------------------------------------------------------------------- */
                .widget-recent-projects ul li .portfolio-item-footer .portfolio-item-cat {
                    display: none;
                }

            /* 13.2.17.4.4 Hover
-------------------------------------------------------------------------- */
            .widget-recent-projects ul li .portfolio-item:hover .portfolio-item-header a img {
                -webkit-transform: scale(1) rotate(0);
                -moz-transform: scale(1) rotate(0);
                -ms-transform: scale(1) rotate(0);
                -o-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0);
            }

            .widget-recent-projects ul li .portfolio-item:hover .portfolio-item-footer .portfolio-item-title {
                opacity: 0.50;
            }

/* 13.2.18 Category Projects Widget
-------------------------------------------------------------------------- */
/* 13.2.18.1 Wrapper
-------------------------------------------------------------------------- */
.widget-cat-projects {
    width: 100%;
    margin: -5px;
    display: block;
    overflow: hidden;
}

    /* 13.2.18.2 List
-------------------------------------------------------------------------- */
    .widget-cat-projects ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        /* 13.2.18.3 Items
-------------------------------------------------------------------------- */
        .widget-cat-projects ul li {
            float: left;
            padding: 5px;
            overflow: hidden;
            border-radius: 4px;
            width: 33.33333333%;
        }

            /* 13.2.18.4 Portfolio Item
-------------------------------------------------------------------------- */
            /* 13.2.18.4.1 Wrapper
-------------------------------------------------------------------------- */
            .widget-cat-projects ul li .portfolio-item {
                margin-bottom: 0;
                overflow: hidden;
                border-radius: 4px;
            }

            /* 13.2.18.4.2 Header
-------------------------------------------------------------------------- */
            .widget-cat-projects ul li .portfolio-item-header,
            .widget-cat-projects ul li .portfolio-item-header a img {
                border-radius: 5px;
            }

            /* 13.2.18.4.3 Footer
-------------------------------------------------------------------------- */
            /* 13.2.18.4.3.1 Wrapper
-------------------------------------------------------------------------- */
            .widget-cat-projects ul li .portfolio-item-footer {
                top: 0;
                left: 0;
                border: 0;
                padding: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                position: absolute;
                border-radius: 4px;
                background-color: transparent;
            }

                /* 13.2.18.4.3.2 Title
-------------------------------------------------------------------------- */
                .widget-cat-projects ul li .portfolio-item-footer .portfolio-item-title,
                .widget-cat-projects ul li .portfolio-item-footer .portfolio-item-title a {
                    top: 0;
                    left: 0;
                    border: 0;
                    padding: 0;
                    width: 100%;
                    height: 100%;
                    opacity: 0.0;
                    overflow: hidden;
                    position: absolute;
                    border-radius: 4px;
                    background-color: #ffffff;
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -ms-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                }

                /* 13.2.18.4.3.3 Category
-------------------------------------------------------------------------- */
                .widget-cat-projects ul li .portfolio-item-footer .portfolio-item-cat {
                    display: none;
                }

            /* 13.2.18.4.4 Hover
-------------------------------------------------------------------------- */
            .widget-cat-projects ul li .portfolio-item:hover .portfolio-item-header a img {
                -webkit-transform: scale(1) rotate(0);
                -moz-transform: scale(1) rotate(0);
                -ms-transform: scale(1) rotate(0);
                -o-transform: scale(1) rotate(0);
                transform: scale(1) rotate(0);
            }

            .widget-cat-projects ul li .portfolio-item:hover .portfolio-item-footer .portfolio-item-title {
                opacity: 0.50;
            }




/* ==========================================================================
   14. Testimonials
========================================================================== */
/* 14.1 Wrapper
-------------------------------------------------------------------------- */
.testimonials-item {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 auto 30px;
}

/* 14.2 Header
-------------------------------------------------------------------------- */
/* 14.2.1 Wrapper
-------------------------------------------------------------------------- */
.testimonials-header {
    width: 100%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    padding: 0 0 27px;
}

/* 14.2.2 Content
-------------------------------------------------------------------------- */
.testimonials-content {
    width: 100%;
    display: block;
    font-size: 17px;
    line-height: 27px;
    position: relative;
    border-radius: 4px;
    padding: 15px 20px 5px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
}

    /* 14.2.3 Arrow
-------------------------------------------------------------------------- */
    .testimonials-content::after,
    .testimonials-content::before {
        left: 29px;
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .testimonials-content::after {
        z-index: 2;
        bottom: -9px;
        background-color: #ffffff;
    }

    .testimonials-content::before {
        z-index: 1;
        bottom: -10px;
        background-color: #e5e5e5;
    }

/* 14.3 Footer
-------------------------------------------------------------------------- */
/* 14.3.1 Wrapper
-------------------------------------------------------------------------- */
.testimonials-footer {
    width: 100%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}

/* 14.3.2 Image
-------------------------------------------------------------------------- */
.testimonials-image {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 15px;
}

    .testimonials-image img {
        width: 100%;
        display: block;
        border-radius: 50%;
    }

/* 14.3.3 Description
-------------------------------------------------------------------------- */
/* 14.3.3.1 Wrapper
-------------------------------------------------------------------------- */
.testimonials-desc {
    overflow: hidden;
    padding-top: 13px;
}

/* 14.3.3.2 Name
-------------------------------------------------------------------------- */
.testimonials-name {
    width: 100%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    text-transform: capitalize;
}

    .testimonials-name h4 {
        font-weight: 500;
        margin-bottom: 5px;
    }

/* 14.3.3.3 Website
-------------------------------------------------------------------------- */
.testimonials-website {
    width: 100%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    text-transform: capitalize;
}

    .testimonials-website p {
        margin-bottom: 0;
    }

/* 14.3.4 Parallax Section
-------------------------------------------------------------------------- */
/* 14.3.4.1 Header
-------------------------------------------------------------------------- */
/* 14.3.4.1.1 Wrapper
-------------------------------------------------------------------------- */
.parallax-section .testimonials-header {
    padding: 0 0 7px;
}

/* 14.3.4.1.2 Content
-------------------------------------------------------------------------- */
.parallax-section .testimonials-content {
    border: 0;
    padding: 0;
    color: #ffffff;
    font-weight: 700;
    background-color: transparent;
}

    /* 14.3.4.1.3 Arrow
-------------------------------------------------------------------------- */
    .parallax-section .testimonials-content::after,
    .parallax-section .testimonials-content::before {
        display: none;
    }

/* 14.3.4.2 Footer
-------------------------------------------------------------------------- */
/* 14.3.4.2.1 Name
-------------------------------------------------------------------------- */
.parallax-section .testimonials-name h4 {
    color: #ffffff;
}

/* 14.3.4.2.2 Website
-------------------------------------------------------------------------- */
.parallax-section .testimonials-website {
    color: #ffffff;
    font-weight: 700;
}

/* 14.4 Variations
-------------------------------------------------------------------------- */
/* 14.4.1 Style 2
-------------------------------------------------------------------------- */
/* 14.4.1.1 Wrapper
-------------------------------------------------------------------------- */
.testimonials-style-2 {
    text-align: center;
}

    /* 14.4.1.2 Content
-------------------------------------------------------------------------- */
    .testimonials-style-2 .testimonials-content {
        border: 0;
        border-radius: 0;
        padding: 15px 20px 5px;
        background-color: transparent;
    }

        /* 14.4.1.3 Arrow
-------------------------------------------------------------------------- */
        .testimonials-style-2 .testimonials-content::after,
        .testimonials-style-2 .testimonials-content::before {
            width: auto;
            height: auto;
            font-size: 17px;
            line-height: 17px;
            font-family: 'FontAwesome';
            background-color: transparent;
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -ms-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0);
        }

        .testimonials-style-2 .testimonials-content::after {
            right: 0;
            bottom: 0;
            left: auto;
            content: '\f10e';
        }

        .testimonials-style-2 .testimonials-content::before {
            top: 0;
            left: 1px;
            bottom: auto;
            content: '\f10d';
        }

.parallax-section .testimonials-style-2 .testimonials-content::after,
.parallax-section .testimonials-style-2 .testimonials-content::before {
    color: #2d2d2d;
    display: block;
}

/* 14.4.1.4 Image
-------------------------------------------------------------------------- */
.testimonials-style-2 .testimonials-image {
    float: none;
    margin: 0 auto;
}

/* 14.4.1.5 Description
-------------------------------------------------------------------------- */
.testimonials-style-2 .testimonials-desc {
    width: 100%;
    display: block;
}

/* 14.4.2 Style 3
-------------------------------------------------------------------------- */
/* 14.4.2.1 Header
-------------------------------------------------------------------------- */
/* 14.4.2.1.1 Wrapper
-------------------------------------------------------------------------- */
.testimonials-style-3 .testimonials-header {
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 4px 4px 0 0;
    border-bottom: 0;
}

/* 14.4.2.1.2 Content
-------------------------------------------------------------------------- */
.testimonials-style-3 .testimonials-content {
    border: 0;
    border-radius: 0;
    padding: 20px 25px 5px;
    background-color: transparent;
}

    /* 14.4.2.1.3 Arrow
-------------------------------------------------------------------------- */
    .testimonials-style-3 .testimonials-content::after {
        display: none;
    }

    .testimonials-style-3 .testimonials-content::before {
        top: 0;
        left: 10px;
        width: auto;
        height: auto;
        bottom: auto;
        opacity: 0.06;
        display: block;
        font-size: 100px;
        content: '\f10d';
        line-height: 100px;
        font-family: 'FontAwesome';
        background-color: transparent;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

/* 14.4.2.2 Footer
-------------------------------------------------------------------------- */
/* 14.4.2.2.1 Wrapper
-------------------------------------------------------------------------- */
.testimonials-style-3 .testimonials-footer {
    padding: 0 25px 15px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 0 0 4px 4px;
    border-top: 0;
}

/* 14.4.2.2.2 Image
-------------------------------------------------------------------------- */
.testimonials-style-3 .testimonials-image {
    display: none;
}

/* 14.4.2.2.3 Description
-------------------------------------------------------------------------- */
/* 14.4.2.2.3.1 Wrapper
-------------------------------------------------------------------------- */
.testimonials-style-3 .testimonials-desc {
    width: 100%;
    display: block;
    padding-top: 0;
}

/* 14.4.2.2.3.2 Name
-------------------------------------------------------------------------- */
.testimonials-style-3 .testimonials-name {
    float: left;
    width: auto;
    margin-right: 10px;
}

/* 14.4.2.2.3.3 Website
-------------------------------------------------------------------------- */
.testimonials-style-3 .testimonials-website {
    float: left;
    width: auto;
    margin-top: -3px;
    line-height: 29px;
}

/* 14.4.2.3 Parallax Section
-------------------------------------------------------------------------- */
/* 14.4.2.3.1 Header
-------------------------------------------------------------------------- */
/* 14.4.2.3.1.1 Wrapper
-------------------------------------------------------------------------- */
.parallax-section .testimonials-style-3 .testimonials-header {
    border: 0;
    border-radius: 0;
    background-color: transparent;
}

/* 14.4.2.3.1.2 Content
-------------------------------------------------------------------------- */
.parallax-section .testimonials-style-3 .testimonials-content {
    padding: 40px 0 10px;
}

    /* 14.4.2.3.1.3 Arrow
-------------------------------------------------------------------------- */
    .parallax-section .testimonials-style-3 .testimonials-content::before {
        top: 0;
        left: 1px;
        opacity: 1;
        display: block;
        color: #2d2d2d;
        font-size: 17px;
        line-height: 17px;
    }

/* 14.4.2.3.2 Footer
-------------------------------------------------------------------------- */
.parallax-section .testimonials-style-3 .testimonials-footer {
    border: 0;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
}

/* 14.4.3 Style 4
-------------------------------------------------------------------------- */
/* 14.4.3.1 Header
-------------------------------------------------------------------------- */
/* 14.4.3.1.1 Content
-------------------------------------------------------------------------- */
.testimonials-style-4 .testimonials-content {
    padding: 20px 25px 10px;
}

    /* 14.4.3.1.2 Arrow
-------------------------------------------------------------------------- */
    .testimonials-style-4 .testimonials-content::after {
        display: none;
    }

    .testimonials-style-4 .testimonials-content::before {
        top: 0;
        left: 10px;
        width: auto;
        height: auto;
        bottom: auto;
        opacity: 0.06;
        display: block;
        font-size: 100px;
        content: '\f10d';
        line-height: 100px;
        font-family: 'FontAwesome';
        background-color: transparent;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

/* 14.4.3.2 Footer
-------------------------------------------------------------------------- */
/* 14.4.3.2.1 Image
-------------------------------------------------------------------------- */
.testimonials-style-4 .testimonials-image {
    display: none;
}

/* 14.4.3.2.2 Description
-------------------------------------------------------------------------- */
/* 14.4.3.2.2.1 Wrapper
-------------------------------------------------------------------------- */
.testimonials-style-4 .testimonials-desc {
    float: left;
    padding-top: 0;
    margin-top: -5px;
}

/* 14.4.3.2.2.2 Name
-------------------------------------------------------------------------- */
.testimonials-style-4 .testimonials-name {
    float: left;
    width: auto;
    margin-right: 7px;
    position: relative;
    padding-left: 20px;
}

    .testimonials-style-4 .testimonials-name::before {
        top: 1px;
        left: 1px;
        color: #232323;
        font-size: 17px;
        content: '\f007';
        line-height: 24px;
        position: absolute;
        font-family: 'FontAwesome';
    }

/* 14.4.3.2.2.3 Website
-------------------------------------------------------------------------- */
.testimonials-style-4 .testimonials-website {
    float: left;
    width: auto;
    line-height: 24px;
}

/* 14.4.3.3 Parallax Section
-------------------------------------------------------------------------- */
/* 14.4.3.3.1 Content
-------------------------------------------------------------------------- */
.parallax-section .testimonials-style-4 .testimonials-content {
    padding: 35px 0 10px;
}

    /* 14.4.3.3.2 Arrow
-------------------------------------------------------------------------- */
    .parallax-section .testimonials-style-4 .testimonials-content::before {
        top: 0;
        left: 1px;
        opacity: 1;
        display: block;
        color: #2d2d2d;
        font-size: 17px;
        line-height: 17px;
    }

/* 14.4.3.3.3 Name
-------------------------------------------------------------------------- */
.parallax-section .testimonials-style-4 .testimonials-name::before {
    color: #2d2d2d;
}

.testimonials-slider .owl-theme .owl-controls .owl-pagination {
    bottom: 0;
}




/* ==========================================================================
   15. Pricing Tables
========================================================================== */
/* 15.1 Wrapper
-------------------------------------------------------------------------- */
.pricing-table-item {
    z-index: 1;
    width: 100%;
    display: block;
    position: relative;
    text-align: center;
    border-radius: 4px;
    margin: 3px auto 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
}

/* 15.2 Title
-------------------------------------------------------------------------- */
/* 15.2.1 Wrapper
-------------------------------------------------------------------------- */
.pricing-table-title {
    overflow: hidden;
    padding: 30px 15px 15px;
    background-color: #ffffff;
    
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #e5e5e5;
}

/* 15.2.2 Icon
-------------------------------------------------------------------------- */
.pricing-table-icon {
    width: 100%;
    color: #232323;
    font-size: 35px;
    overflow: hidden;
    padding: 0 0 15px;
    background-color: #ffffff;
}

/* 15.2.3 Title
-------------------------------------------------------------------------- */
.pricing-table-title h3 {
    font-weight: 500;
}

/* 15.3 Price
-------------------------------------------------------------------------- */
/* 15.3.1 Wrapper
-------------------------------------------------------------------------- */
.pricing-table-price {
    overflow: hidden;
    padding: 23px 15px;
    background-color: #ffffff;
    
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #e5e5e5;
}

    /* 15.3.2 Sign
-------------------------------------------------------------------------- */
    .pricing-table-price .pricing-table-sign {
        color: #2d2d2d;
        font-size: 24px;
        font-weight: 700;
        line-height: 24px;
    }

    /* 15.3.3 Value
-------------------------------------------------------------------------- */
    .pricing-table-price .pricing-table-value {
        color: #2d2d2d;
        font-size: 70px;
        line-height: 70px;
    }

    /* 15.3.4 Duration
-------------------------------------------------------------------------- */
    .pricing-table-price .pricing-table-duration {
        color: #232323;
    }

/* 15.4 Features
-------------------------------------------------------------------------- */
/* 15.4.1 Wrapper
-------------------------------------------------------------------------- */
.pricing-table-features {
    overflow: hidden;
    padding: 25px 25px 15px;
    background-color: #ffffff;
    border-bottom: 1px solid #e5e5e5;
}

    /* 15.4.2 Paragraph
-------------------------------------------------------------------------- */
    .pricing-table-features p:last-of-type {
        margin-bottom: 15px;
    }

    /* 15.4.3 List
-------------------------------------------------------------------------- */
    .pricing-table-features ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-transform: capitalize;
    }

        /* 15.4.4 Items
-------------------------------------------------------------------------- */
        .pricing-table-features ul li {
            width: 100%;
            display: block;
            margin: 0 auto 15px;
        }

/* 15.5 Button
-------------------------------------------------------------------------- */
/* 15.5.1 Wrapper
-------------------------------------------------------------------------- */
.pricing-table-button {
    overflow: hidden;
    padding: 33px 15px;
    background-color: #ffffff;
    text-transform: capitalize;
    border-radius: 0 0 4px 4px;
}

    /* 15.5.2 Anchor
-------------------------------------------------------------------------- */
    .pricing-table-button a.btn {
        font-size: 15px;
        font-weight: 700;
        padding: 8px 20px;
    }

/* 15.6 Ribbon
-------------------------------------------------------------------------- */
/* 15.6.1 Wrapper
-------------------------------------------------------------------------- */
.pricing-table-ribbon-wrapper {
    top: 0;
    right: 0;
    z-index: 99;
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: absolute;
}

/* 15.6.2 Ribbon
-------------------------------------------------------------------------- */
.pricing-table-ribbon {
    width: 140px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    margin-top: 10px;
    margin-left: 3px;
    line-height: 40px;
    text-align: center;
    background-color: #2d2d2d;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* 15.7 Hover
-------------------------------------------------------------------------- */
.pricing-table-item:hover {
    z-index: 2;
    margin-top: 10px;
    margin-bottom: 23px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
}

/* 15.8 Variations
-------------------------------------------------------------------------- */
/* 15.8.1 Style 2
-------------------------------------------------------------------------- */
.pricing-table-style-2 .pricing-table-features ul {
    display: none;
}

.pricing-table-style-2 .pricing-table-features p:last-of-type {
    margin-bottom: 10px;
}

/* 15.8.2 Style 3
-------------------------------------------------------------------------- */
.pricing-table-style-3 .pricing-table-features p {
    display: none;
}

/* 15.8.3 Style 4
-------------------------------------------------------------------------- */
.pricing-table-style-4 .pricing-table-features {
    display: none;
}

/* 15.8.4 Without Margin
-------------------------------------------------------------------------- */
.pricing-table-without-margin {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
}

.row.no-margin {
    margin: 0;
}




/* ==========================================================================
   16. Google Maps
========================================================================== */
.google-map,
#gmap-style-1,
#gmap-style-2 {
    width: 100%;
    height: 345px;
    overflow: hidden;
}

.google-map {
    margin: 0 auto 30px;
}

#main-wrapper > .google-map {
    margin: 0 auto;
}




/* ==========================================================================
   17. Contact Form
========================================================================== */
/* 17.1 Wrapper
-------------------------------------------------------------------------- */
.contactform {
    width: 100%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
}

    /* 17.2 Form Group
-------------------------------------------------------------------------- */
    .contactform .form-group {
        margin-bottom: 5px;
    }

    /* 17.3 Form Control
-------------------------------------------------------------------------- */
    .contactform .form-control {
        height: 45px;
        border-color: #e5e5e5;
        background-color: #fbfbfb;
    }

        .contactform .form-control:hover,
        .contactform .form-control:focus {
            border-color: #232323;
            background-color: #ffffff;
        }

    /* 17.4 Textarea
-------------------------------------------------------------------------- */
    .contactform textarea {
        resize: none;
        height: 80px !important;
        padding: 12px 15px !important;
    }

    /* 17.5 Button
-------------------------------------------------------------------------- */
    .contactform .btn {
        padding: 0;
        width: 100%;
        display: block;
        font-size: 15px;
        line-height: 45px;
    }

/* 17.6 Error
-------------------------------------------------------------------------- */
#contact-name.form-error,
#contact-email.form-error,
#contact-subject.form-error,
#contact-message.form-error {
    border-color: #2d2d2d;
    background-color: #ffffff;
}




/* ==========================================================================
   18. Special Pages
========================================================================== */
/* 18.1 Nesto Form
-------------------------------------------------------------------------- */
/* 18.1.1 Wrapper
-------------------------------------------------------------------------- */
.nesto-form {
    width: 100%;
    display: block;
    overflow: hidden;
    max-width: 400px;
    border-radius: 4px;
    margin: 0 auto 30px;
    padding: 35px 30px 0;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
}

    /* 18.1.2 Title
-------------------------------------------------------------------------- */
    .nesto-form h4 {
        text-align: center;
        margin-bottom: 30px;
        
    }

    /* 18.1.3 Form Group
-------------------------------------------------------------------------- */
    .nesto-form .form-group {
        margin-bottom: 30px;
    }

    /* 18.1.4 Form Control
-------------------------------------------------------------------------- */
    .nesto-form .form-control {
        height: 45px;
        border-color: #e5e5e5;
        background-color: #fbfbfb;
    }

        .nesto-form .form-control:hover,
        .nesto-form .form-control:focus {
            border-color: #232323;
            background-color: #ffffff;
        }

    /* 18.1.5 Form Label
-------------------------------------------------------------------------- */
    .nesto-form .form-label {
        width: 100%;
        display: block;
        line-height: 0;
        overflow: hidden;
    }

    .nesto-form label {
        margin: 0;
        cursor: pointer;
        line-height: 14px;
        position: relative;
        padding-left: 25px;
        display: inline-block;
    }

        .nesto-form label:before {
            top: 0;
            left: 0;
            content: '';
            width: 14px;
            height: 14px;
            border-radius: 2px;
            position: absolute;
            display: inline-block;
            border: 1px solid #e5e5e5;
            background-color: #fbfbfb;
        }

    .nesto-form input[type=checkbox] {
        display: none;
    }

        .nesto-form input[type=checkbox]:checked + label:before {
            color: #232323;
            font-size: 10px;
            content: '\2713';
            line-height: 12px;
            text-align: center;
        }

    /* 18.1.6 Anchor
-------------------------------------------------------------------------- */
    .nesto-form .form-label a {
        float: right;
        font-weight: 700;
        margin-top: -1px;
        line-height: 16px;
    }

        .nesto-form .form-label a.register-anchor {
            float: none;
        }

    /* 18.1.7 Button
-------------------------------------------------------------------------- */
    .nesto-form .btn {
        padding: 0;
        width: 100%;
        font-size: 16px;
        line-height: 43px;
    }

    /* 18.1.8 Footer
-------------------------------------------------------------------------- */
    .nesto-form footer {
        width: auto;
        font-weight: 700;
        padding: 15px 0;
        overflow: hidden;
        position: relative;
        text-align: center;
        margin-left: -30px;
        margin-right: -30px;
        background-color: #fbfbfb;
        border-radius: 0 0 4px 4px;
        border-top: 1px solid #e5e5e5;
    }

        .nesto-form footer a {
            color: #232323;
        }

            .nesto-form footer a:hover {
                color: #2d2d2d;
            }

/* 18.2 Countdown Timer
-------------------------------------------------------------------------- */
/* 18.2.1 Wrapper
-------------------------------------------------------------------------- */
#countdown-dashboard {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 auto 20px;
}

    /* 18.2.2 Block
-------------------------------------------------------------------------- */
    /* 18.2.2.1 Wrapper
-------------------------------------------------------------------------- */
    #countdown-dashboard .dash {
        width: 100%;
        display: block;
        padding-top: 34px;
        text-align: center;
        position: relative;
        margin-bottom: 10px;
    }

        #countdown-dashboard .dash::after {
            top: 50%;
            right: -20px;
            content: ':';
            color: #232323;
            font-size: 50px;
            position: absolute;
        }

    #countdown-dashboard .col-md-3:last-child .dash::after {
        display: none;
    }

    /* 18.2.2.2 Digit
-------------------------------------------------------------------------- */
    #countdown-dashboard .dash .digit {
        height: 75px;
        color: #232323;
        font-size: 65px;
        line-height: 75px;
        text-align: center;
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    /* 18.2.3 Title
-------------------------------------------------------------------------- */
    #countdown-dashboard .dash-title {
        display: block;
        font-size: 15px;
        padding-top: 7px;
        position: relative;
        text-transform: capitalize;
    }




/* ==========================================================================
   19. ShortCodes
========================================================================== */
/* 19.1 Section Title
-------------------------------------------------------------------------- */
/* 19.1.1 Wrapper
-------------------------------------------------------------------------- */
.section-title-wrapper {
    width: 100%;
    display: block;
    overflow: hidden;
    max-width: 1140px;
    text-align: center;
    margin: 0 auto 10px;
}

/* 19.1.2 Logo
-------------------------------------------------------------------------- */
/* 19.1.2.1 Wrapper
-------------------------------------------------------------------------- */
.section-logo {
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
    margin-bottom: 40px;
}

    /* 19.1.2.2 Image
-------------------------------------------------------------------------- */
    .section-logo img {
        max-width: 100%;
        max-height: 50px;
        vertical-align: middle;
    }

/* 19.1.3 Title
-------------------------------------------------------------------------- */
/* 19.1.3.1 Wrapper
-------------------------------------------------------------------------- */
.section-title {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    
}

/* 19.1.3.2 H1
-------------------------------------------------------------------------- */
.section-title-wrapper h1 {
    line-height: 1;
    font-size: 200px;
    margin-top: -30px;
    margin-bottom: 10px;
}

/* 19.1.3.3 H2
-------------------------------------------------------------------------- */
.section-title-wrapper h2 {
    line-height: 1;
    font-size: 60px;
    margin-bottom: 20px;
}

/* 19.1.3.4 H3
-------------------------------------------------------------------------- */
.section-title-wrapper h3 {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

    .section-title-wrapper h3::after {
        left: 50%;
        width: 30px;
        height: 3px;
        content: '';
        bottom: -3px;
        display: block;
        margin-left: -15px;
        position: absolute;
        background-color: #2d2d2d;
    }

/* 19.1.3.5 H6
-------------------------------------------------------------------------- */
.section-title-wrapper h5 {
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 5px;
}

/* 19.1.4 Description
-------------------------------------------------------------------------- */
.section-desc {
    width: 100%;
    display: block;
    overflow: hidden;
    max-width: 600px;
    margin: 0 auto 15px;
}

/* 19.1.5 Button
-------------------------------------------------------------------------- */
.section-button {
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
    margin: 0 auto 20px;
}

    .section-button .btn {
        padding: 8px 24px;
    }

/* 19.1.6 Icon
-------------------------------------------------------------------------- */
.section-icon {
    color: #ffffff;
    font-size: 35px;
    margin: 0 auto 20px;
}

/* 19.1.6 Style 2
-------------------------------------------------------------------------- */
.section-title-style-2 {
    text-align: left;
}

    .section-title-style-2 h3 {
        padding-bottom: 0;
    }

        .section-title-style-2 h3::after,
        .section-title-style-2 .section-desc {
            display: none;
        }

/* 19.1.7 Style 3
-------------------------------------------------------------------------- */
.section-title-style-3 {
    text-align: left;
}

    .section-title-style-3 h3::after {
        left: 0;
        margin-left: 0;
    }

    .section-title-style-3 .section-desc {
        max-width: 100%;
    }


/* 19.2 Small Section
-------------------------------------------------------------------------- */
.small-section-title {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 auto 15px;
    
}

/* 19.3 Alert
-------------------------------------------------------------------------- */
/* 19.3.1 Wrapper
-------------------------------------------------------------------------- */
.alert-nesto {
    height: 50px;
    padding-top: 0;
    color: #232323;
    font-weight: 700;
    line-height: 50px;
    padding-bottom: 0;
    position: relative;
    margin-bottom: 30px;
    border-color: #e5e5e5;
    background-color: #ffffff;
}

    .alert-nesto .close {
        line-height: 45px;
    }

.alert-nesto-info,
.alert-nesto-danger,
.alert-nesto-sucess,
.alert-nesto-warning {
    padding-left: 65px;
}

    .alert-nesto-info::before,
    .alert-nesto-danger::before,
    .alert-nesto-sucess::before,
    .alert-nesto-warning::before {
        top: -1px;
        left: -1px;
        width: 50px;
        height: 50px;
        color: #ffffff;
        font-size: 18px;
        text-align: center;
        position: absolute;
        border-radius: 4px 0 0 4px;
        font-family: 'FontAwesome';
    }

    /* 19.3.2 Danger
-------------------------------------------------------------------------- */
    .alert-nesto-danger::before {
        content: '\f00d';
        background-color: rgba(231, 72, 72, 1);
    }

    /* 19.3.3 Sucess
-------------------------------------------------------------------------- */
    .alert-nesto-sucess::before {
        content: '\f00c';
        background-color: rgba(124, 188, 60, 1);
    }

    /* 19.3.4 Info
-------------------------------------------------------------------------- */
    .alert-nesto-info::before {
        content: '\f129';
        background-color: rgba(20, 170, 220, 1);
    }

    /* 19.3.5 Warning
-------------------------------------------------------------------------- */
    .alert-nesto-warning::before {
        content: '\f071';
        background-color: rgba(255, 178, 90, 1);
    }

/* 19.4 Pagination
-------------------------------------------------------------------------- */
/* 19.4.1 Wrapper
-------------------------------------------------------------------------- */
.pagination-wrapper {
    width: 100%;
    display: block;
    line-height: 0;
    padding: 20px 0 0;
    max-width: 1170px;
    margin: 0 auto 30px;
}

    /* 19.4.2 List
-------------------------------------------------------------------------- */
    .pagination-wrapper .pagination {
        margin: 0;
    }

    /* 19.4.3 Items
-------------------------------------------------------------------------- */
    .pagination-wrapper li {
        float: left;
        width: 40px;
        height: 40px;
        overflow: hidden;
        border-radius: 4px;
        margin-right: 10px;
    }

        .pagination-wrapper li:last-child {
            margin-right: 0;
        }

    .pagination-wrapper .pagination > li > a,
    .pagination-wrapper .pagination > li > span {
        margin: 0;
    }

    /* 19.4.4 Anchor
-------------------------------------------------------------------------- */
    .pagination-wrapper li a {
        border: 0;
        padding: 0;
        width: 100%;
        display: block;
        color: #666666;
        font-size: 16px;
        font-weight: 700;
        line-height: 40px;
        text-align: center;
        border-radius: 4px;
        background-color: #f1f1f1;
    }

    .pagination-wrapper .pagination > li:first-child > a,
    .pagination-wrapper .pagination > li:first-child > span {
        background-color: #f1f1f1;
    }

        /* 19.4.5 Hover
-------------------------------------------------------------------------- */
        .pagination-wrapper li a:hover,
        .pagination-wrapper .pagination > li.disabled.active > a,
        .pagination-wrapper .pagination > li.disabled.active > span,
        .pagination-wrapper .pagination > li.disabled.active > a:focus,
        .pagination-wrapper .pagination > li.disabled.active > a:hover,
        .pagination-wrapper .pagination > li.disabled.active > span:focus,
        .pagination-wrapper .pagination > li.disabled.active > span:hover,
        .pagination-wrapper .pagination > li:first-child > a:hover,
        .pagination-wrapper .pagination > li:first-child > span:hover {
            color: #ffffff;
            background-color: #2d2d2d;
        }

/* 19.5 Contact Info
-------------------------------------------------------------------------- */
/* 19.5.1 Wrapper
-------------------------------------------------------------------------- */
.contact-info {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 auto 30px;
}

    /* 19.5.2 List
-------------------------------------------------------------------------- */
    .contact-info > ul {
        margin: 0;
        padding: 0;
        overflow: hidden;
        list-style: none;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../images/map.png);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

        /* 19.5.3 Items
-------------------------------------------------------------------------- */
        .contact-info > ul > li {
            width: 100%;
            display: block;
            overflow: hidden;
            margin-bottom: 15px;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        .contact-info > ul li:last-child {
            margin-bottom: 0;
        }

        .contact-info > ul strong {
            color: #232323;
            display: block;
            margin-bottom: 12px;
            text-transform: capitalize;
        }

        .contact-info > ul p {
            margin-top: -5px;
        }

            .contact-info > ul p:last-child {
                margin-bottom: 0;
            }

    /* 19.5.4 Social Icons
-------------------------------------------------------------------------- */
    /* 19.5.4.1 List
-------------------------------------------------------------------------- */
    .contact-info .social-icons ul {
        margin-top: -10px;
    }

        /* 19.5.4.2 Items
-------------------------------------------------------------------------- */
        .contact-info .social-icons ul li {
            width: 36px;
            height: 36px;
            margin-top: 10px;
            margin-right: 10px;
            border-radius: 4px;
            border: 1px solid #e5e5e5;
        }

            /* 19.5.4.3 Anchor
-------------------------------------------------------------------------- */
            .contact-info .social-icons ul li a {
                display: block;
                font-size: 14px;
                text-align: center;
            }

                /* 19.5.4.4 Icon
-------------------------------------------------------------------------- */
                .contact-info .social-icons ul li a i {
                    line-height: 34px;
                    border-radius: 4px;
                    background-color: #ffffff;
                }

            /* 19.5.4.5 Hover
-------------------------------------------------------------------------- */
            .contact-info .social-icons ul li:hover {
                border-color: transparent;
            }

/* 19.5.5 Style 2
-------------------------------------------------------------------------- */
.contact-info-style-2 {
    margin-bottom: 0;
}

.contact-info-style-2 {
    text-align: center;
}

    .contact-info-style-2 > ul {
        background-image: none;
    }

        .contact-info-style-2 > ul > li {
            padding: 20px;
            border-radius: 5px;
            margin-bottom: 30px;
            background-color: #ffffff;
            border: 1px solid #e5e5e5;
        }

            .contact-info-style-2 > ul > li:last-child {
                margin-bottom: 30px;
            }

/* 19.6 Slider
-------------------------------------------------------------------------- */
/* 19.6.1 Wrapper
-------------------------------------------------------------------------- */
.owl-slider-wrapper {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0 auto 30px;
}

/* 19.6.2 List
-------------------------------------------------------------------------- */
ul.owl-slider {
    margin: 0;
    padding: 0;
    list-style: none;
}

    /* 19.6.3 Items
-------------------------------------------------------------------------- */
    ul.owl-slider li {
        margin: 0;
        padding: 0;
        width: 100%;
        display: block;
    }

/* 19.6.4 Controls
-------------------------------------------------------------------------- */
/* 19.6.4.1 Wrapper
-------------------------------------------------------------------------- */
.owl-theme .owl-controls {
    margin-top: 0;
}

    /* 19.6.4.2 Dots
-------------------------------------------------------------------------- */
    .owl-theme .owl-controls .owl-pagination {
        left: 50%;
        padding: 0;
        bottom: 20px;
        line-height: 0;
        position: absolute;
    }

.parallax-section .owl-theme .owl-controls .owl-pagination {
    bottom: 0;
}

.owl-theme .owl-controls .owl-page {
    margin: 0 5px;
}

    .owl-theme .owl-controls .owl-page span {
        margin: 0;
        opacity: 1;
        width: 18px;
        height: 5px;
        border-radius: 1px;
        background-color: #ffffff;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.parallax-section .owl-theme .owl-controls .owl-page span,
.parallax-section .testimonials-slider .owl-theme .owl-controls .owl-page span {
    background-color: rgba(229, 229, 229, 0.20);
}

.testimonials-slider .owl-theme .owl-controls .owl-page span,
.testimonials-slider .owl-theme .owl-controls .owl-page span {
    background-color: #232323;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span,
.grey-section .owl-theme .owl-controls .owl-page.active span,
.light-section .owl-theme .owl-controls .owl-page.active span,
.parallax-section .owl-theme .owl-controls .owl-page.active span,
.grey-section .owl-theme .owl-controls.clickable .owl-page:hover span,
.light-section .owl-theme .owl-controls.clickable .owl-page:hover span,
.parallax-section .owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #2d2d2d;
}

/* 19.6.4.3 Arrows
-------------------------------------------------------------------------- */
.owl-theme .owl-controls .owl-buttons div {
    top: 50%;
    margin: 0;
    padding: 0;
    opacity: 1;
    content: '';
    width: 36px;
    height: 36px;
    display: none;
    color: #232323;
    font-size: 20px;
    line-height: 34px;
    margin-top: -18px;
    border-radius: 4px;
    position: absolute;
    background-color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.parallax-section .owl-theme .owl-controls .owl-buttons div {
    color: #ffffff;
    display: block;
    background-color: rgba(229, 229, 229, 0.40);
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: -56px;
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -56px;
}

.owl-theme .owl-controls .owl-buttons div:hover {
    color: #ffffff;
    background-color: #2d2d2d;
}

.owl-slider-wrapper:hover .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 20px;
}

.owl-slider-wrapper:hover .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 20px;
}

/* 19.7 Clients
-------------------------------------------------------------------------- */
/* 19.7.1 Wrapper
-------------------------------------------------------------------------- */
.client-item {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    margin: 0 auto 30px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
}

    /* 19.7.2 Anchor
-------------------------------------------------------------------------- */
    .client-item a {
        width: 100%;
        opacity: 0.5;
        padding: 10px;
        display: block;
    }

        .client-item a:hover {
            opacity: 1;
        }

        /* 19.7.3 Hover
-------------------------------------------------------------------------- */
        .client-item a img {
            width: 100%;
            display: block;
        }

/* 19.7.4 Style 2
-------------------------------------------------------------------------- */
.client-item-style-2 {
    border: 0;
    background-color: #fbfbfb;
}

/* 19.8 Accordion
-------------------------------------------------------------------------- */
/* 19.8.1 Wrapper
-------------------------------------------------------------------------- */
.panel-nesto {
    margin-bottom: 0;
    border-color: #e5e5e5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

    /* 19.8.2 Heading
-------------------------------------------------------------------------- */
    .panel-nesto > .panel-heading {
        color: #232323;
        border-bottom: 0;
        border-color: #e5e5e5;
        background-color: #ffffff;
    }

        /* 19.8.3 Anchor
-------------------------------------------------------------------------- */
        .panel-nesto > .panel-heading a {
            float: right;
            color: #666666;
        }

            .panel-nesto > .panel-heading a:hover {
                color: #2d2d2d;
            }

/* 19.8.4 Body
-------------------------------------------------------------------------- */
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-color: #e5e5e5;
}

/* 19.8.5 FAQ
-------------------------------------------------------------------------- */
/* 19.8.5.1 Wrapper
-------------------------------------------------------------------------- */
#faq-accordion .panel-nesto {
    border: 0;
    margin-bottom: 30px;
}

    /* 19.8.5.2 Heading
-------------------------------------------------------------------------- */
    /* 19.8.5.2.1 Wrapper
-------------------------------------------------------------------------- */
    #faq-accordion .panel-nesto > .panel-heading {
        padding: 0;
    }

        #faq-accordion .panel-nesto > .panel-heading h4 {
            font-weight: 400;
        }

        /* 19.8.5.2.2 Anchor
-------------------------------------------------------------------------- */
        #faq-accordion .panel-nesto > .panel-heading a {
            width: 100%;
            float: none;
            color: #ffffff;
            display: block;
            line-height: 45px;
            padding-left: 60px;
            position: relative;
            border: 1px solid #232323;
            background-color: #232323;
            border-radius: 4px 4px 0 0;
        }

            #faq-accordion .panel-nesto > .panel-heading a::before {
                top: -1px;
                left: -1px;
                width: 47px;
                height: 47px;
                color: #ffffff;
                font-size: 20px;
                content: '\f107';
                position: absolute;
                text-align: center;
                border-radius: 3px 0 0 0;
                border: 1px solid #2d2d2d;
                background-color: #2d2d2d;
                font-family: 'FontAwesome';
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

            #faq-accordion .panel-nesto > .panel-heading a.collapsed {
                color: #232323;
                border-radius: 4px;
                border-color: #e5e5e5;
                background-color: #ffffff;
            }

                #faq-accordion .panel-nesto > .panel-heading a.collapsed::before {
                    color: #232323;
                    content: '\f105';
                    border-color: #e5e5e5;
                    background-color: #ffffff;
                    border-radius: 3px 0 0 3px;
                }

/* 19.8.5.3 Body
-------------------------------------------------------------------------- */
#faq-accordion .panel-body {
    padding: 15px 20px;
    border: 1px solid #e5e5e5;
    border-radius: 0 0 4px 4px;
    border-top: 0;
}

/* 19.8.5.4 Hover
-------------------------------------------------------------------------- */
#faq-accordion .panel-nesto > .panel-heading a:hover {
    color: #ffffff;
    border-color: #232323;
    background-color: #232323;
}

#faq-accordion .panel-nesto > .panel-heading a.collapsed:hover::before {
    color: #ffffff;
    border-color: #2d2d2d;
    background-color: #2d2d2d;
}

/* 19.9 FAQ Question
-------------------------------------------------------------------------- */
/* 19.9.1 Wrapper
-------------------------------------------------------------------------- */
.faq-question {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 auto 15px;
}

    /* 19.9.2 Span
-------------------------------------------------------------------------- */
    .faq-question span {
        font-weight: 700;
        margin-right: 5px;
    }

    .faq-question h4 span {
        color: #2d2d2d;
    }

    .faq-question p span {
        color: #232323;
    }

    /* 19.9.3 List
-------------------------------------------------------------------------- */
    .faq-question ul {
        list-style: none;
        padding: 0 0 0 32px;
        margin: 0 auto 15px;
    }

        /* 19.9.4 Items
-------------------------------------------------------------------------- */
        .faq-question ul li {
            width: 100%;
            display: block;
            overflow: hidden;
            margin: 0 auto 5px;
        }

            .faq-question ul li:last-child {
                margin-bottom: 0;
            }

            .faq-question ul li a {
                color: #666666;
            }

                .faq-question ul li a:hover {
                    color: #2d2d2d;
                }

/* 19.9.5 Title
-------------------------------------------------------------------------- */
.faq-title {
    overflow: hidden;
    position: relative;
    padding-left: 32px;
    margin: 0 auto 15px;
}

    .faq-title:before {
        top: 0;
        left: 0;
        width: 20px;
        height: 22px;
        color: #2d2d2d;
        content: '\f07b';
        line-height: 22px;
        position: absolute;
        font-family: 'FontAwesome';
    }

.faq-question .faq-title span {
    color: #666666;
    margin-right: 0;
    margin-left: 5px;
    font-weight: 400;
}

/* 19.9.6 Style 2
-------------------------------------------------------------------------- */
.faq-question-style-2 {
    padding: 15px 0 5px;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 30px;
    border: 1px solid #e5e5e5;
}

    .faq-question-style-2 h4 {
        overflow: hidden;
        padding: 0 15px 15px;
        border-bottom: 1px solid #e5e5e5;
    }

    .faq-question-style-2 p {
        padding: 5px 20px;
    }

/* 19.10 Call To Action
-------------------------------------------------------------------------- */
/* 19.10.1 Wrapper
-------------------------------------------------------------------------- */
.nesto-cta {
    width: 100%;
    padding: 30px;
    display: block;
    overflow: hidden;
    border-radius: 4px;
    margin: 0 auto 30px;
    border: 1px solid #e5e5e5;
}

    .nesto-cta.cta-base-color {
        border-radius: 0;
    }

    /* 19.10.2 Description
-------------------------------------------------------------------------- */
    .nesto-cta .cta-desc {
        width: 83%;
        float: left;
        padding-top: 7px;
        
    }

        .nesto-cta .cta-desc h5 {
            margin-bottom: 0;
            line-height: 24px;
        }

/* 19.10.3 Button
-------------------------------------------------------------------------- */
.cta-button {
    float: right;
    display: inline-block;
}

    .cta-button a.btn {
        padding: 8px 30px;
        
    }

/* 19.10.4 Light
-------------------------------------------------------------------------- */
.cta-light {
    background-color: #ffffff;
}

/* 19.10.5 Grey
-------------------------------------------------------------------------- */
.cta-grey {
    background-color: #f6f6f6;
}

/* 19.10.6 Transparent
-------------------------------------------------------------------------- */
.cta-transparent {
    background-color: transparent;
}

.parallax-section .cta-transparent {
    border-color: rgba(229, 229, 229, 0.20);
}

    .parallax-section .cta-transparent .cta-desc h5 {
        color: #ffffff;
    }

    .parallax-section .cta-transparent .cta-button a.btn:hover {
        color: #232323;
        background-color: #ffffff;
    }

/* 19.10.7 Line
-------------------------------------------------------------------------- */
.cta-line {
    border: 0;
    padding: 0;
    text-align: center;
}

    .cta-line .cta-desc {
        width: 100%;
        float: none;
        margin: 0 auto;
        max-width: 1170px;
    }

/* 19.10.8 Base Color
-------------------------------------------------------------------------- */
.cta-base-color {
    border: 0;
    margin: 0;
    text-align: center;
    background-color: #2d2d2d;
}

    .cta-base-color .cta-desc {
        width: 100%;
        float: none;
        margin: 0 auto;
        max-width: 1170px;
        padding-top: 15px;
    }

    .cta-base-color a,
    .cta-base-color h1,
    .cta-base-color h2,
    .cta-base-color h3,
    .cta-base-color h4,
    .cta-base-color h5,
    .cta-base-color h6 {
        color: #ffffff;
    }

    .cta-base-color a {
        text-decoration: underline;
    }

        .cta-base-color a:hover {
            text-decoration: none;
        }

/* 19.11 Middle Button
-------------------------------------------------------------------------- */
.middle-button {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto 30px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .middle-button .btn {
        padding: 9px 25px;
        overflow: visible;
    }

/* 19.12 Feature Block
-------------------------------------------------------------------------- */
.feature-block {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 auto 30px;
}

    .feature-block p:last-of-type {
        margin-bottom: 0;
    }

    .feature-block img {
        width: 100%;
        display: block;
        margin: 0 auto;
        overflow: hidden;
        max-width: 600px;
    }

    .feature-block .owl-slider-wrapper {
        margin-bottom: 0;
    }

        .feature-block .owl-slider-wrapper img {
            max-width: 100%;
            border-radius: 4px;
        }

    .feature-block .owl-theme .owl-controls .owl-buttons div {
        display: block;
    }

/* 19.13 Feature List
-------------------------------------------------------------------------- */
/* 19.13.1 Wrapper
-------------------------------------------------------------------------- */
.feature-list {
    padding: 0;
    width: 100%;
    display: block;
    overflow: hidden;
    list-style: none;
    margin: 0 auto 20px;
}

    /* 19.13.2 Items
-------------------------------------------------------------------------- */
    .feature-list li {
        width: 100%;
        font-size: 15px;
        overflow: hidden;
        padding-left: 1px;
        margin: 0 auto 10px;
    }

        /* 19.13.3 Icon
-------------------------------------------------------------------------- */
        .feature-list li i {
            color: #232323;
            margin-right: 10px;
        }

/* 19.14 Feature Content
-------------------------------------------------------------------------- */
.feature-content {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 auto 15px;
}

/* 19.15 Text Block
-------------------------------------------------------------------------- */
.text-block {
    width: 100%;
    display: block;
    overflow: hidden;
    line-height: 24px;
    margin: 0 auto 30px;
}

.feature-block .text-block {
    margin-bottom: 0;
}

.text-block img {
    width: 50%;
    float: left;
    border-radius: 4px;
    margin: 0 20px 10px 0;
}

/* 19.16 Progress Bar
-------------------------------------------------------------------------- */
/* 19.16.1 Wrapper
-------------------------------------------------------------------------- */
.nesto-progress-bar {
    width: 100%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
}

    /* 19.16.2 Title
-------------------------------------------------------------------------- */
    .nesto-progress-bar h6 {
        line-height: 1;
        
    }

    /* 19.16.3 Progress ( Background )
-------------------------------------------------------------------------- */
    .nesto-progress-bar .progress {
        padding: 0;
        height: 15px;
        border-radius: 0;
        overflow: visible;
        margin-bottom: 30px;
        background-color: #f1f1f1;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }

    /* 19.16.4 Progress Bar ( Line )
-------------------------------------------------------------------------- */
    .nesto-progress-bar .progress-bar {
        height: 15px;
        border-radius: 0;
        position: relative;
        background-color: #2d2d2d;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        -webkit-transition: width 2s ease;
        -moz-transition: width 2s ease;
        -ms-transition: width 2s ease;
        -o-transition: width 2s ease;
        transition: width 2s ease;
    }

        /* 19.16.5 Percent
-------------------------------------------------------------------------- */
        .nesto-progress-bar .progress-bar .progress-percent {
            right: 0;
            top: -22px;
            color: #232323;
            line-height: 1;
            font-size: 13px;
            font-weight: 700;
            position: absolute;
        }

            .nesto-progress-bar .progress-bar .progress-percent::after {
                right: 0;
                top: 17px;
                width: 2px;
                content: '';
                height: 25px;
                position: absolute;
                background-color: #2d2d2d;
            }

/* 19.17 Process Item
-------------------------------------------------------------------------- */
/* 19.17.1 Wrapper
-------------------------------------------------------------------------- */
.process-item {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0 auto 20px;
}

    /* 19.17.2 Number
-------------------------------------------------------------------------- */
    .process-item .process-number {
        float: left;
        width: 50px;
        height: 50px;
        color: #ffffff;
        font-size: 30px;
        line-height: 50px;
        border-radius: 4px;
        text-align: center;
        margin-right: 15px;
        background-color: #2d2d2d;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    /* 19.17.3 Title
-------------------------------------------------------------------------- */
    .process-item .process-title {
        text-transform: capitalize;
    }

/* 19.17.4 Description
-------------------------------------------------------------------------- */
.process-desc {
    overflow: hidden;
}

/* 19.17.5 Hover
-------------------------------------------------------------------------- */
.process-item:hover .process-number {
    color: #ffffff;
    background-color: #232323;
}




/* ==========================================================================
   20. Shop Filter
========================================================================== */
/* 20.1 Wrapper
-------------------------------------------------------------------------- */
.filter-section {
    padding: 0;
    width: 100%;
    display: block;
    line-height: 0;
    max-width: 1170px;
    position: relative;
    margin: 0 auto 30px;
}

    /* 20.2 Title
-------------------------------------------------------------------------- */
    .filter-section h5 {
        font-weight: 400;
        margin-bottom: 0;
        line-height: 36px;
        margin-right: 10px;
        display: inline-block;
    }

    /* 20.3 Seclect Box
-------------------------------------------------------------------------- */
    /* 20.3.1 Wrapper
-------------------------------------------------------------------------- */
    .filter-section .select-input {
        width: 230px;
        margin-right: 20px;
        display: inline-block;
    }

        .filter-section .select-input:last-of-type {
            margin-right: 0;
        }

.select-input {
    width: 100%;
    font-weight: 700;
}

/* 20.3.2 Header
-------------------------------------------------------------------------- */
.chosen-container-single .chosen-single {
    height: 36px;
    color: #666666;
    font-size: 14px;
    line-height: 34px;
    border-radius: 4px;
    background: #ffffff;
    border-color: #e5e5e5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

    /* 20.3.3 Arrow
-------------------------------------------------------------------------- */
    .chosen-container-single .chosen-single div b {
        width: 100%;
        height: 100%;
        background: none;
        position: relative;
    }

        .chosen-container-single .chosen-single div b::after {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: '\f107';
            line-height: 34px;
            position: absolute;
            font-family: 'FontAwesome';
        }

.chosen-container-active.chosen-with-drop .chosen-single div b::after {
    content: '\f106';
    line-height: 32px;
}

/* 20.3.4 Dropdown
-------------------------------------------------------------------------- */
.chosen-container-active.chosen-with-drop .chosen-single {
    background: #ffffff;
    border-color: #e5e5e5;
}

.chosen-container .chosen-drop {
    border-color: #e5e5e5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.chosen-container .chosen-results {
    margin: 0;
    padding: 0;
    color: #666666;
    border-top: 1px solid #e5e5e5;
}

    .chosen-container .chosen-results li {
        padding: 10px 8px;
        border-bottom: 1px solid #e5e5e5;
    }

        .chosen-container .chosen-results li:last-child {
            border-bottom: 0;
            border-radius: 0 0 4px 4px;
        }

        .chosen-container .chosen-results li.highlighted {
            background: #2d2d2d;
        }

        .chosen-container .chosen-results li a {
            font-size: 14px;
        }




/* ==========================================================================
   21. Shop Grid
========================================================================== */
/* 21.1 Wrapper
-------------------------------------------------------------------------- */
/* 21.1.1 3 Columns
-------------------------------------------------------------------------- */
body.shop-grid.grid-3-columns .main-content {
    padding: 0;
}

    body.shop-grid.grid-3-columns .main-content article.shop-block {
        float: left;
        padding: 0 15px;
        width: 33.33333333%;
    }

/* 21.1.2 4 Columns
-------------------------------------------------------------------------- */
body.shop-grid.grid-4-columns .main-content {
    padding: 0;
}

body.shop-grid.grid-4-columns .main-content {
    width: 100%;
}

body.shop-grid.grid-4-columns .sidebar {
    display: none;
}

body.shop-grid.grid-4-columns .main-content article.shop-block {
    width: 25%;
    float: left;
    padding: 0 15px;
}

/* 21.2 Spinner
-------------------------------------------------------------------------- */
body.shop-grid .spinner-loader {
    display: block;
}

/* 21.3 Items Wrapper
-------------------------------------------------------------------------- */
body.shop-grid .shop-items-wrapper {
    opacity: 0;
}

/* 21.4 Filter
-------------------------------------------------------------------------- */
body.shop-grid .filter-section {
    padding-left: 15px;
    padding-right: 15px;
}

/* 21.5 Pagination
-------------------------------------------------------------------------- */
body.shop-grid .pagination-wrapper {
    padding-left: 15px;
    padding-right: 15px;
}

/* 21.6 Item
-------------------------------------------------------------------------- */
/* 21.6.1 Wrapper
-------------------------------------------------------------------------- */
.shop-item {
    width: 100%;
    overflow: hidden;
    text-align: center;
    border-radius: 4px;
    margin: 0 auto 30px;
    background-color: #ffffff;
}

    /* 21.6.2 Header
-------------------------------------------------------------------------- */
    /* 21.6.2.1 Wrapper
-------------------------------------------------------------------------- */
    .shop-item .shop-item-header {
        width: 100%;
        display: block;
        overflow: hidden;
        position: relative;
    }

    /* 21.6.2.2 Image
-------------------------------------------------------------------------- */
    .shop-item .shop-item-image {
        width: 100%;
        display: block;
        overflow: hidden;
        position: relative;
        border-radius: 4px 4px 0 0;
    }

        .shop-item .shop-item-image img {
            width: 100%;
            display: block;
            position: relative;
            border-radius: 4px 4px 0 0;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        /* 21.6.2.3 Wishlist Button
-------------------------------------------------------------------------- */
        .shop-item .shop-item-image a.shop-wishlist-button {
            left: 0;
            width: 100%;
            bottom: -100px;
            display: block;
            color: #ffffff;
            font-size: 16px;
            font-weight: 700;
            border-radius: 0;
            padding: 10px 15px;
            position: absolute;
            background-color: #2d2d2d;
        }

            .shop-item .shop-item-image a.shop-wishlist-button:hover {
                opacity: 1;
                background-color: #232323;
            }

            .shop-item .shop-item-image a.shop-wishlist-button::after {
                display: none;
            }

    /* 21.6.2.4 Product Button
-------------------------------------------------------------------------- */
    .shop-item .shop-item-header a {
        width: 100%;
        display: block;
        overflow: hidden;
        position: relative;
        border-radius: 4px 4px 0 0;
    }

        .shop-item .shop-item-header a::after {
            top: 0;
            left: 0;
            content: '';
            width: 100%;
            height: 100%;
            opacity: 0.0;
            position: absolute;
            background-color: #232323;
            border-radius: 4px 4px 0 0;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

    /* 21.6.3 Footer
-------------------------------------------------------------------------- */
    /* 21.6.3.1 Wrapper
-------------------------------------------------------------------------- */
    .shop-item .shop-item-footer {
        width: 100%;
        display: block;
        overflow: hidden;
        position: relative;
        padding: 20px 15px 25px;
        border: 1px solid #e5e5e5;
        background-color: #ffffff;
        border-radius: 0 0 4px 4px;
        border-top: 0;
    }

    /* 21.6.3.2 Title
-------------------------------------------------------------------------- */
    .shop-item .shop-item-title {
        width: 100%;
        display: block;
        overflow: hidden;
        margin-bottom: 5px;
        text-transform: capitalize;
    }

        .shop-item .shop-item-title a {
            color: #232323;
        }

            .shop-item .shop-item-title a:hover {
                color: #2d2d2d;
            }

/* 21.6.3.3 Rate
-------------------------------------------------------------------------- */
/* 21.6.3.3.1 Wrapper
-------------------------------------------------------------------------- */
.shop-item-rate {
    width: 100%;
    line-height: 0;
    display: block;
    overflow: hidden;
    margin: 0 auto 15px;
}

.shop-item-rate0,
.shop-item-rate1,
.shop-item-rate2,
.shop-item-rate3,
.shop-item-rate4,
.shop-item-rate5,
.shop-item-rate05,
.shop-item-rate15,
.shop-item-rate25,
.shop-item-rate35,
.shop-item-rate45 {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    display: inline-block;
}

    .shop-item-rate1::after,
    .shop-item-rate2::after,
    .shop-item-rate3::after,
    .shop-item-rate4::after,
    .shop-item-rate05::after,
    .shop-item-rate15::after,
    .shop-item-rate25::after,
    .shop-item-rate35::after,
    .shop-item-rate45::after,
    .shop-item-rate1::before,
    .shop-item-rate2::before,
    .shop-item-rate3::before,
    .shop-item-rate4::before,
    .shop-item-rate5::before,
    .shop-item-rate0::before,
    .shop-item-rate15::before,
    .shop-item-rate25::before,
    .shop-item-rate35::before,
    .shop-item-rate45::before,
    .shop-item-rate05::before {
        float: left;
        color: #2d2d2d;
        font-size: 14px;
        margin-left: 4px;
        line-height: 14px;
        font-family: 'FontAwesome';
    }

    /* 21.6.3.3.2 Rate 0
-------------------------------------------------------------------------- */
    .shop-item-rate0::before {
        content: '\f006  \f006  \f006  \f006  \f006';
    }

    /* 21.6.3.3.3 Rate 1/2
-------------------------------------------------------------------------- */
    .shop-item-rate05::before {
        content: '\f123';
    }

    .shop-item-rate05::after {
        content: '\f006  \f006  \f006  \f006';
    }

    /* 21.6.3.3.4 Rate 1
-------------------------------------------------------------------------- */
    .shop-item-rate1::before {
        content: '\f005';
    }

    .shop-item-rate1::after {
        content: '\f006  \f006  \f006  \f006';
    }

    /* 21.6.3.3.5 Rate 1 1/2
-------------------------------------------------------------------------- */
    .shop-item-rate15::before {
        content: '\f005  \f123';
    }

    .shop-item-rate15::after {
        content: '\f006  \f006  \f006';
    }

    /* 21.6.3.3.6 Rate 2
-------------------------------------------------------------------------- */
    .shop-item-rate2::before {
        content: '\f005  \f005';
    }

    .shop-item-rate2::after {
        content: '\f006  \f006  \f006';
    }

    /* 21.6.3.3.7 Rate 2 1/2
-------------------------------------------------------------------------- */
    .shop-item-rate25::before {
        content: '\f005  \f005  \f123';
    }

    .shop-item-rate25::after {
        content: '\f006  \f006';
    }

    /* 21.6.3.3.8 Rate 3
-------------------------------------------------------------------------- */
    .shop-item-rate3::before {
        content: '\f005  \f005  \f005';
    }

    .shop-item-rate3::after {
        content: '\f006  \f006';
    }

    /* 21.6.3.3.9 Rate 3 1/2
-------------------------------------------------------------------------- */
    .shop-item-rate35::before {
        content: '\f005  \f005  \f005  \f123';
    }

    .shop-item-rate35::after {
        content: '\f006';
    }

    /* 21.6.3.3.10 Rate 4
-------------------------------------------------------------------------- */
    .shop-item-rate4::before {
        content: '\f005  \f005  \f005  \f005';
    }

    .shop-item-rate4::after {
        content: '\f006';
    }

    /* 21.6.3.3.11 Rate 4 1/2
-------------------------------------------------------------------------- */
    .shop-item-rate45::before {
        content: '\f005  \f005  \f005  \f005  \f123';
    }

    /* 21.6.3.3.12 Rate 5
-------------------------------------------------------------------------- */
    .shop-item-rate5::before {
        content: '\f005  \f005  \f005  \f005  \f005';
    }

/* 21.6.3.4 Price
-------------------------------------------------------------------------- */
/* 21.6.3.4.1 Wrapper
-------------------------------------------------------------------------- */
.shop-item-price {
    width: 100%;
    color: #2d2d2d;
    display: block;
    font-size: 20px;
    overflow: hidden;
    font-weight: 700;
    margin: 0 auto 15px;
}

    .shop-item-price div {
        display: inline-block;
    }

        .shop-item-price div span {
            margin-right: 3px;
        }

            .shop-item-price div span:last-child {
                margin-right: 0;
            }

    /* 21.6.3.4.2 Old Price
-------------------------------------------------------------------------- */
    .shop-item-price .old-price {
        color: #888888;
        margin-right: 10px;
        position: relative;
    }

        .shop-item-price .old-price::after {
            left: 0;
            top: 50%;
            width: 100%;
            height: 1px;
            content: '';
            position: absolute;
            background-color: #888888;
        }

/* 21.6.3.5 Button
-------------------------------------------------------------------------- */
.shop-item .shop-item-button {
    width: 100%;
    display: block;
    overflow: hidden;
}

    .shop-item .shop-item-button .btn {
        padding: 8px 20px;
        text-transform: none;
    }

/* 21.6.3.6 Ribbon
-------------------------------------------------------------------------- */
/* 21.6.3.6.1 Wrapper
-------------------------------------------------------------------------- */
.shop-item .shop-item-ribbon-wrapper {
    top: 0;
    right: 0;
    z-index: 99;
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: absolute;
}

/* 21.6.3.6.2 Ribbon
-------------------------------------------------------------------------- */
.shop-item .shop-item-ribbon {
    width: 140px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    margin-top: 10px;
    margin-left: 3px;
    line-height: 40px;
    text-align: center;
    
    background-color: #2d2d2d;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* 21.6.4 Hover
-------------------------------------------------------------------------- */
.shop-item:hover .shop-item-image a {
    bottom: 0;
}

.shop-item:hover .shop-item-image img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.shop-item .shop-item-header a:hover::after {
    opacity: 0.95;
}




/* ==========================================================================
   22. Shop Single Product
========================================================================== */
/* 22.1 Pagination
-------------------------------------------------------------------------- */
body.shop-single .pagination-wrapper .pagination {
    width: 100%;
}

    body.shop-single .pagination-wrapper .pagination li:first-child {
        float: left;
    }

    body.shop-single .pagination-wrapper .pagination li:last-child {
        float: right;
    }

body.shop-single .pagination-wrapper li {
    width: auto;
}

    body.shop-single .pagination-wrapper li a {
        padding: 0 15px;
    }

        body.shop-single .pagination-wrapper li a span span {
            font-weight: 400;
        }

    body.shop-single .pagination-wrapper li:first-child a span span {
        margin-left: 10px;
    }

    body.shop-single .pagination-wrapper li:last-child a span span {
        margin-right: 10px;
    }

/* 22.2 Slider
-------------------------------------------------------------------------- */
/* 22.2.1 Arrows
-------------------------------------------------------------------------- */
.shop-item-slider .owl-theme .owl-controls .owl-buttons div {
    display: block;
}

/* 22.2.2 Anchor
-------------------------------------------------------------------------- */
.shop-item-slider li a {
    width: 100%;
    display: block;
    overflow: hidden;
    border-radius: 4px;
}

    /* 22.2.3 Image
-------------------------------------------------------------------------- */
    .shop-item-slider li a img {
        width: 100%;
        display: block;
    }

/* 22.3 Details
-------------------------------------------------------------------------- */
/* 22.3.1 Wrapper
-------------------------------------------------------------------------- */
.shop-item-details {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 auto 30px;
}

    /* 22.3.2 Title
-------------------------------------------------------------------------- */
    .shop-item-details .shop-item-title {
        width: 100%;
        display: block;
        margin: 0 auto;
        text-transform: capitalize;
    }

        .shop-item-details .shop-item-title h4 {
            margin: 4px auto;
        }

    /* 22.3.3 Rate
-------------------------------------------------------------------------- */
    .shop-item-details .shop-item-rate {
        margin: 8px auto;
    }

    /* 22.3.4 Price
-------------------------------------------------------------------------- */
    .shop-item-details .shop-item-price {
        font-size: 16px;
        margin-bottom: 0;
        line-height: 30px;
    }

/* 22.3.5 Table
-------------------------------------------------------------------------- */
/* 22.3.5.1 Wrapper
-------------------------------------------------------------------------- */
.info-box .table-hover > tbody > tr:hover {
    background-color: #fbfbfb;
}

/* 22.3.5.2 TD
-------------------------------------------------------------------------- */
/* 22.3.5.2.1 Wraper
-------------------------------------------------------------------------- */
.shop-item-details table tr td {
    line-height: 30px;
    border-color: #e5e5e5;
    vertical-align: middle;
}

/* 22.3.5.2.2 Paragraph
-------------------------------------------------------------------------- */
.shop-item-details table td p {
    line-height: 22px;
}

    .shop-item-details table td p:last-of-type {
        margin-bottom: 0;
    }

/* 22.3.5.2.3 Anchor
-------------------------------------------------------------------------- */
.shop-item-details table td a {
    margin-right: 5px;
    padding-right: 5px;
    position: relative;
}

    .shop-item-details table td a:last-child {
        margin: 0;
        padding: 0;
    }

    .shop-item-details table td a::after {
        top: 0;
        right: -4px;
        content: '-';
        color: #666666;
        font-size: 18px;
        line-height: 20px;
        position: absolute;
    }

    .shop-item-details table td a:last-child::after {
        display: none;
    }

/* 22.3.5.2.4 Size
-------------------------------------------------------------------------- */
.shop-item-details .select-size {
    width: 100%;
    display: block;
    overflow: hidden;
}

    .shop-item-details .select-size ul {
        margin: 0;
        width: 100%;
        padding: 3px 0;
        display: block;
        list-style: none;
        overflow: hidden;
    }

        .shop-item-details .select-size ul li {
            float: left;
            padding: 5px 0;
            margin-right: 10px;
            position: relative;
            text-transform: capitalize;
        }

            .shop-item-details .select-size ul li .size-label {
                width: 100%;
                display: block;
                line-height: 0;
                overflow: hidden;
            }

                .shop-item-details .select-size ul li .size-label span {
                    margin-right: 5px;
                }

                    .shop-item-details .select-size ul li .size-label span:last-child {
                        margin-right: 0;
                    }

                .shop-item-details .select-size ul li .size-label label {
                    margin: 0;
                    cursor: pointer;
                    font-weight: 400;
                    line-height: 14px;
                    position: relative;
                    padding-left: 20px;
                    display: inline-block;
                }

                    .shop-item-details .select-size ul li .size-label label:before {
                        top: 0;
                        left: 0;
                        content: '';
                        width: 14px;
                        height: 14px;
                        border-radius: 50%;
                        position: absolute;
                        display: inline-block;
                        border: 1px solid #e5e5e5;
                        background-color: #fbfbfb;
                    }

                .shop-item-details .select-size ul li .size-label input[type=radio] {
                    display: none;
                }

                    .shop-item-details .select-size ul li .size-label input[type=radio]:checked + label:before {
                        color: #232323;
                        font-size: 10px;
                        content: '\2022';
                        line-height: 10px;
                        text-align: center;
                    }

/* 22.3.5.2.5 Number
-------------------------------------------------------------------------- */
.product-count input[type=number] {
    padding: 0;
    float: left;
    width: 70px;
    height: 30px;
    outline: none;
    color: #666666;
    line-height: 28px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
}

.product-count span.spinner > .sub,
.product-count span.spinner > .add {
    float: left;
    width: 30px;
    height: 30px;
    color: #666666;
    display: block;
    cursor: pointer;
    font-size: 10px;
    line-height: 28px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product-count span.spinner > .sub {
    margin-right: 10px;
}

.product-count span.spinner > .add {
    margin-left: 10px;
}

    .product-count span.spinner > .sub:hover,
    .product-count span.spinner > .add:hover {
        color: #ffffff;
        border-color: #2d2d2d;
        background-color: #2d2d2d;
    }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

/* 22.3.6 Buttons
-------------------------------------------------------------------------- */
.shop-item-buttons {
    width: 100%;
    display: block;
    margin: 0 auto;
}

    .shop-item-buttons a.btn {
        float: left;
        padding: 8px 20px;
        text-transform: none;
    }

        .shop-item-buttons a.btn:first-child {
            margin-right: 20px;
        }

/* 22.3.7 Info Box
-------------------------------------------------------------------------- */
.info-box {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 auto 30px;
}

    .info-box th {
        background-color: #f9f9f9;
    }

    .info-box table .label {
        font-size: 12px;
    }

    .info-box .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #fbfbfb;
    }

    .info-box .table > tbody > tr > td,
    .info-box .table > tbody > tr > th,
    .info-box .table > tfoot > tr > td,
    .info-box .table > tfoot > tr > th,
    .info-box .table > thead > tr > td,
    .info-box .table > thead > tr > th {
        padding: 10px 15px;
    }

/* 22.3.7 Info Details
-------------------------------------------------------------------------- */
.info-details {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 auto 15px;
}

/* 22.4 Review Tab
-------------------------------------------------------------------------- */
/* 22.4.1 Wrapper
-------------------------------------------------------------------------- */
#shop-item-tab {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 20px auto 30px;
}

    /* 22.4.2 Tabs ( Parent )
-------------------------------------------------------------------------- */
    /* 22.4.2.1 Wrapper
-------------------------------------------------------------------------- */
    #shop-item-tab .nav-tabs {
        border-color: #e5e5e5;
    }

        /* 22.4.2.2 Badge
-------------------------------------------------------------------------- */
        #shop-item-tab .nav-tabs .badge {
            height: 18px;
            color: #ffffff;
            margin-left: 8px;
            background-color: #2d2d2d;
        }

        /* 22.4.2.3 Anchor
-------------------------------------------------------------------------- */
        #shop-item-tab .nav-tabs > li > a {
            color: #666666;
            border-bottom: 0;
            font-weight: 700;
            text-transform: capitalize;
            border-top: 2px solid transparent;
        }

        #shop-item-tab .nav-tabs > li.active > a,
        #shop-item-tab .nav-tabs > li.active > a:hover,
        #shop-item-tab .nav-tabs > li.active > a:focus {
            border-color: #e5e5e5;
            border-top-color: #2d2d2d;
        }

        #shop-item-tab .nav > li > a:hover,
        #shop-item-tab .nav > li > a:focus,
        #shop-item-tab .nav-tabs > li > a:hover {
            border-color: transparent;
            background-color: #f1f1f1;
            border-bottom-color: #e5e5e5;
        }

    #shop-item-tab .nav > li > a:focus {
        background-color: #ffffff;
    }

    /* 22.4.3 Tabs ( Child )
-------------------------------------------------------------------------- */
    /* 22.4.3.1 Wrapper
-------------------------------------------------------------------------- */
    #shop-item-tab .tab-pane {
        padding: 25px 30px 15px;
        border: 1px solid #e5e5e5;
        border-radius: 0 0 4px 4px;
        border-top: 0;
        background-color: #ffffff;
    }

/* 22.4.3.2 Review
-------------------------------------------------------------------------- */
/* 22.4.3.2.1 Wrapper
-------------------------------------------------------------------------- */
.shop-item-review-content {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 5px auto 0;
}

    /* 22.4.3.2.2 List
-------------------------------------------------------------------------- */
    .shop-item-review-content ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        /* 22.4.3.2.3 Items
-------------------------------------------------------------------------- */
        .shop-item-review-content ul li {
            width: 100%;
            display: block;
            margin: 0 auto 30px;
            padding-bottom: 20px;
            border-bottom: 1px solid #e5e5e5;
        }

/* 22.4.3.2.4 Review Block
-------------------------------------------------------------------------- */
/* 22.4.3.2.4.1 Wrapper
-------------------------------------------------------------------------- */
.shop-item-review-block {
    width: 100%;
    display: block;
    overflow: hidden;
}

/* 22.4.3.2.4.2 Title
-------------------------------------------------------------------------- */
.shop-item-review-name h4 {
    font-weight: 400;
    text-transform: capitalize;
}

/* 22.4.3.2.4.3 Rate
-------------------------------------------------------------------------- */
.shop-item-review-rate {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-left: -4px;
    margin-bottom: 5px;
}

/* 22.4.3.2.5 Add Review
-------------------------------------------------------------------------- */
/* 22.4.3.2.5.1 Wrapper
-------------------------------------------------------------------------- */
.shop-item-review-add-comment {
    width: 100%;
    display: block;
    overflow: hidden;
}

    /* 22.4.3.2.5.2 Title
-------------------------------------------------------------------------- */
    .shop-item-review-add-comment h4 {
        margin-bottom: 25px;
        
    }

    /* 22.4.3.2.5.3 Form Group
-------------------------------------------------------------------------- */
    .shop-item-review-add-comment .form-group {
        width: 100%;
        display: block;
        overflow: hidden;
        margin-bottom: 30px;
    }

        .shop-item-review-add-comment .form-group:last-of-type {
            margin-bottom: 15px;
        }

        .shop-item-review-add-comment .form-group:nth-last-of-type(2) {
            margin-bottom: 25px;
        }

    /* 22.4.3.2.5.4 Form Control
-------------------------------------------------------------------------- */
    .shop-item-review-add-comment .form-control {
        height: 45px;
        border-color: #e5e5e5;
        background-color: #fbfbfb;
    }

        .shop-item-review-add-comment .form-control:hover,
        .shop-item-review-add-comment .form-control:focus {
            border-color: #232323;
            background-color: #ffffff;
        }

    /* 22.4.3.2.5.5 Textarea
-------------------------------------------------------------------------- */
    .shop-item-review-add-comment textarea {
        resize: none;
        height: 120px !important;
        padding: 12px 15px !important;
    }

/* 22.4.3.2.5.6 Review Rate
-------------------------------------------------------------------------- */
/* 22.4.3.2.5.6.1 Wrapper
-------------------------------------------------------------------------- */
.review-rate {
    float: left;
    position: relative;
}

    /* 22.4.3.2.5.6.2 Input
-------------------------------------------------------------------------- */
    .review-rate input {
        display: none;
    }

    /* 22.4.3.2.5.6.3 Label
-------------------------------------------------------------------------- */
    .review-rate label {
        float: right;
        height: 17px;
        display: block;
        padding: 0 2px;
        color: #666666;
        font-size: 14px;
        cursor: pointer;
        margin-bottom: 0;
        line-height: 17px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .review-rate input:hover ~ label,
    .review-rate input + label:hover,
    .review-rate input:checked ~ label,
    .review-rate input + label:hover ~ label {
        color: #2d2d2d;
    }

/* 22.4.3.2.5.7 Button
-------------------------------------------------------------------------- */
.shop-item-review-add-comment .btn {
    padding: 8px 20px;
}

/* 22.4.3.2.5.8 Error / Sucess
-------------------------------------------------------------------------- */
.shop-item-review-add-comment .alert-nesto {
    margin-bottom: 20px;
}

#shop-item-review-form-name.shop-item-review-form-error,
#shop-item-review-form-email.shop-item-review-form-error,
#shop-item-review-form-message.shop-item-review-form-error {
    border-color: #2d2d2d;
    background-color: #ffffff;
}

/* 22.5 Share This
-------------------------------------------------------------------------- */
.shop-item-share-wrapper {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 20px auto 30px;
}

/* 22.6 Related Items
-------------------------------------------------------------------------- */
.shop-related-items {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 15px auto 0;
}

    .shop-related-items .shop-item-header,
    .shop-related-items .shop-item-footer {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }




/* ==========================================================================
   23. Account
========================================================================== */
/* 23.1 Edit Address
-------------------------------------------------------------------------- */
/* 23.1.1 Wrapper
-------------------------------------------------------------------------- */
.edit-address-form {
    width: 100%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
}

    /* 23.1.2 Form Group
-------------------------------------------------------------------------- */
    .edit-address-form .form-group {
        width: 100%;
        display: block;
        overflow: visible;
        margin-bottom: 30px;
    }

    /* 23.1.3 Form Control
-------------------------------------------------------------------------- */
    .edit-address-form .form-control {
        height: 45px;
        border-color: #e5e5e5;
        background-color: #fbfbfb;
    }

        .edit-address-form .form-control:hover,
        .edit-address-form .form-control:focus {
            border-color: #232323;
            background-color: #ffffff;
        }

    /* 23.1.4 Button
-------------------------------------------------------------------------- */
    .edit-address-form .btn {
        padding: 0;
        width: 100%;
        display: block;
        font-size: 15px;
        line-height: 45px;
    }

/* 23.2 Edit Personal Info
-------------------------------------------------------------------------- */
/* 23.2.1 Wrapper
-------------------------------------------------------------------------- */
.edit-personal-form {
    width: 100%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
}

    /* 23.2.2 Form Group
-------------------------------------------------------------------------- */
    .edit-personal-form .form-group {
        width: 100%;
        display: block;
        overflow: visible;
        margin-bottom: 30px;
    }

    /* 23.2.3 Form Control
-------------------------------------------------------------------------- */
    .edit-personal-form .form-control {
        height: 45px;
        border-color: #e5e5e5;
        background-color: #fbfbfb;
    }

        .edit-personal-form .form-control:hover,
        .edit-personal-form .form-control:focus {
            border-color: #232323;
            background-color: #ffffff;
        }

    /* 23.2.4 Button
-------------------------------------------------------------------------- */
    .edit-personal-form .btn {
        padding: 0;
        width: 100%;
        display: block;
        font-size: 15px;
        line-height: 45px;
    }

    /* 23.2.5 Label
-------------------------------------------------------------------------- */
    .edit-personal-form label {
        width: 100%;
        display: block;
        overflow: hidden;
    }

    /* 23.2.6 Select
-------------------------------------------------------------------------- */
    .edit-personal-form .select-input {
        display: block;
        margin-right: 0;
    }

        .edit-personal-form .select-input.gender-select {
            width: 100%;
        }

        .edit-personal-form .select-input.birthday-select {
            width: 30%;
            float: left;
            margin-right: 5%;
        }

            .edit-personal-form .select-input.birthday-select:last-child {
                margin-right: 0;
            }

    .edit-personal-form .chosen-container-single .chosen-single {
        height: 45px;
        color: #232323;
        font-weight: 400;
        line-height: 43px;
        padding-left: 12px;
        padding-right: 12px;
        background: #fbfbfb;
        text-transform: capitalize;
    }

        .edit-personal-form .chosen-container-single .chosen-single div b::after {
            line-height: 43px;
        }

/* 23.3 Add Address
-------------------------------------------------------------------------- */
/* 23.3.1 Wrapper
-------------------------------------------------------------------------- */
.add-address-form {
    width: 100%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
}

    /* 23.3.2 Form Group
-------------------------------------------------------------------------- */
    .add-address-form .form-group {
        width: 100%;
        display: block;
        overflow: visible;
        margin-bottom: 30px;
    }

    /* 23.3.3 Form Control
-------------------------------------------------------------------------- */
    .add-address-form .form-control {
        height: 45px;
        border-color: #e5e5e5;
        background-color: #fbfbfb;
    }

        .add-address-form .form-control:hover,
        .add-address-form .form-control:focus {
            border-color: #232323;
            background-color: #ffffff;
        }

    /* 23.3.4 Button
-------------------------------------------------------------------------- */
    .add-address-form .btn {
        padding: 0;
        width: 100%;
        display: block;
        font-size: 15px;
        line-height: 45px;
    }

/* 23.4 Wishist
-------------------------------------------------------------------------- */
.info-box.wishist .table > tbody > tr > td,
.info-box.wishist .table > tbody > tr > th,
.info-box.wishist .table > tfoot > tr > td,
.info-box.wishist .table > tfoot > tr > th,
.info-box.wishist .table > thead > tr > td,
.info-box.wishist .table > thead > tr > th {
    padding: 15px;
}

.info-box.wishist .table > tbody > tr > td {
    vertical-align: middle;
}

.info-box.wishist .btn {
    text-transform: none;
}

/* 23.5 Cart
-------------------------------------------------------------------------- */
/* 23.5.1 Table
-------------------------------------------------------------------------- */
.info-box.cart .table > tbody > tr > td,
.info-box.cart .table > tbody > tr > th,
.info-box.cart .table > tfoot > tr > td,
.info-box.cart .table > tfoot > tr > th,
.info-box.cart .table > thead > tr > td,
.info-box.cart .table > thead > tr > th {
    padding: 15px;
    position: relative;
}

.info-box.cart .table > tbody > tr > td {
    vertical-align: middle;
}

.coupon-code {
    width: 100%;
    display: block;
    position: relative;
}

/* 23.5.2 Button
-------------------------------------------------------------------------- */
.info-box.cart .btn {
    text-transform: none;
}

    .info-box.cart .btn.apply-code {
        top: 5px;
        right: 5px;
        height: 35px;
        position: absolute;
        text-transform: capitalize;
    }

    .info-box.cart .btn.update-cart {
        float: right;
        padding: 8px 20px;
        text-transform: capitalize;
    }

.info-box.cart a.checkout-cart {
    float: right;
    padding: 8px 20px;
    margin-right: 15px;
}

/* 23.5.3 Form Control
-------------------------------------------------------------------------- */
.info-box.cart .form-control {
    height: 45px;
    border-color: #e5e5e5;
    background-color: #fbfbfb;
}

    .info-box.cart .form-control:hover,
    .info-box.cart .form-control:focus {
        border-color: #232323;
        background-color: #ffffff;
    }

/* 23.5.4 Select
-------------------------------------------------------------------------- */
.info-box.cart .chosen-container .chosen-results {
    max-height: 100px;
}

/* 23.6 Billing Form
-------------------------------------------------------------------------- */
/* 23.6.1 Wrapper
-------------------------------------------------------------------------- */
.billing-form {
    width: 100%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
}

    /* 23.6.2 Form Group
-------------------------------------------------------------------------- */
    .billing-form .form-group {
        overflow: visible;
        margin: 0 auto 30px;
    }

    /* 23.6.3 Form Control
-------------------------------------------------------------------------- */
    .billing-form .form-control {
        height: 45px;
        border-color: #e5e5e5;
        background-color: #fbfbfb;
    }

        .billing-form .form-control:hover,
        .billing-form .form-control:focus {
            border-color: #232323;
            background-color: #ffffff;
        }

    /* 23.6.4 Select
-------------------------------------------------------------------------- */
    .billing-form .chosen-container-single .chosen-single {
        height: 45px;
        line-height: 43px;
    }

        .billing-form .chosen-container-single .chosen-single div b::after {
            line-height: 43px;
        }

    /* 23.6.5 Textarea
-------------------------------------------------------------------------- */
    .billing-form textarea {
        resize: none;
        height: 120px !important;
        padding: 12px 15px !important;
    }

    /* 23.6.6 Checkbox
-------------------------------------------------------------------------- */
    .billing-form .small-section-title label {
        color: #232323;
        font-size: 18px;
        cursor: pointer;
        line-height: 22px;
        position: relative;
        padding-left: 25px;
        margin-bottom: 10px;
        display: inline-block;
    }

        .billing-form .small-section-title label:before {
            left: 0;
            top: 4px;
            content: '';
            width: 14px;
            height: 14px;
            border-radius: 2px;
            position: absolute;
            display: inline-block;
            border: 1px solid #e5e5e5;
            background-color: #fbfbfb;
        }

    .billing-form .small-section-title input[type=checkbox] {
        display: none;
    }

        .billing-form .small-section-title input[type=checkbox]:checked + label:before {
            color: #232323;
            font-size: 10px;
            content: '\2713';
            line-height: 12px;
            text-align: center;
        }

/* 23.6.7 Shipping Form
-------------------------------------------------------------------------- */
.shipping-form {
    display: none;
}

    .shipping-form.show-shipping-form {
        display: block;
    }

/* 23.6.8 Table
-------------------------------------------------------------------------- */
.billing-form table {
    margin-bottom: 30px;
}

    .billing-form table th {
        background-color: #fbfbfb;
    }

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 15px;
}

/* 23.6.9 Payment
-------------------------------------------------------------------------- */
/* 23.6.9.1 Wrapper
-------------------------------------------------------------------------- */
.billing-form #payment {
    width: 100%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}

    /* 23.6.9.2 List
-------------------------------------------------------------------------- */
    .billing-form #payment ul {
        padding: 0;
        list-style: none;
        overflow: hidden;
        margin: 0 auto 5px;
    }

        /* 23.6.9.3 Items
-------------------------------------------------------------------------- */
        .billing-form #payment ul li {
            width: 100%;
            display: block;
            margin: 0 auto 20px;
        }

            /* 23.6.9.4 Radio
-------------------------------------------------------------------------- */
            .billing-form #payment ul li label {
                color: #232323;
                cursor: pointer;
                line-height: 14px;
                position: relative;
                padding-left: 25px;
                margin-bottom: 10px;
                display: inline-block;
            }

                .billing-form #payment ul li label:before {
                    left: 0;
                    top: 0;
                    content: '';
                    width: 14px;
                    height: 14px;
                    border-radius: 50%;
                    position: absolute;
                    display: inline-block;
                    border: 1px solid #e5e5e5;
                    background-color: #fbfbfb;
                }

            .billing-form #payment ul li input[type=radio] {
                display: none;
            }

                .billing-form #payment ul li input[type=radio]:checked + label:before {
                    color: #232323;
                    font-size: 10px;
                    content: '\2022';
                    line-height: 10px;
                    text-align: center;
                }

/* 23.7 Button
-------------------------------------------------------------------------- */
.billing-form .btn {
    width: 100%;
    font-size: 16px;
    padding: 13px 20px;
    margin-bottom: 30px;
}




/* ==========================================================================
   24. Portfolio
========================================================================== */
/* 24.1 Item Titled
-------------------------------------------------------------------------- */
/* 24.1.1 Wrapper
-------------------------------------------------------------------------- */
.portfolio-item {
    width: 100%;
    display: block;
    border-radius: 4px;
    position: relative;
    margin: 0 auto 30px;
}

/* 24.1.2 Header
-------------------------------------------------------------------------- */
/* 24.1.2.1 Wrapper
-------------------------------------------------------------------------- */
.portfolio-item-header {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 4px 4px 0 0;
}

    /* 24.1.2.2 Anchor
-------------------------------------------------------------------------- */
    .portfolio-item-header a {
        width: 100%;
        display: block;
        overflow: hidden;
        position: relative;
        border-radius: 4px 4px 0 0;
    }

        .portfolio-item-header a::after {
            top: 0;
            left: 0;
            content: '';
            width: 100%;
            height: 100%;
            opacity: 0.0;
            position: absolute;
            border-radius: 4px 4px 0 0;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        /* 24.1.2.3 Image
-------------------------------------------------------------------------- */
        .portfolio-item-header a img {
            width: 100%;
            display: block;
            overflow: hidden;
            position: relative;
            border-radius: 4px 4px 0 0;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

/* 24.1.3 Footer
-------------------------------------------------------------------------- */
/* 24.1.3.1 Wrapper
-------------------------------------------------------------------------- */
.portfolio-item-footer {
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding: 25px 15px 20px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 0 0 4px 4px;
    border-top: 0;
}

    /* 24.1.3.2 Title
-------------------------------------------------------------------------- */
    .portfolio-item-footer .portfolio-item-title {
        
    }

        .portfolio-item-footer .portfolio-item-title a {
            color: #232323;
        }

            .portfolio-item-footer .portfolio-item-title a:hover {
                color: #2d2d2d;
            }

    /* 24.1.3.3 Category
-------------------------------------------------------------------------- */
    .portfolio-item-footer .portfolio-item-cat {
        text-transform: capitalize;
    }

        .portfolio-item-footer .portfolio-item-cat span {
            position: relative;
            margin-right: 10px;
            padding-right: 10px;
            display: inline-block;
        }

            .portfolio-item-footer .portfolio-item-cat span:last-child {
                margin-right: 0;
                padding-right: 0;
            }

            .portfolio-item-footer .portfolio-item-cat span::after {
                top: 0;
                right: -2px;
                content: '-';
                color: #666666;
                font-size: 15px;
                line-height: 23px;
                position: absolute;
            }

            .portfolio-item-footer .portfolio-item-cat span:last-child::after {
                display: none;
            }

/* 24.1.4 Hover
-------------------------------------------------------------------------- */
.portfolio-item:hover .portfolio-item-header a img {
    -webkit-transform: scale(1.4) rotate(-10deg);
    -moz-transform: scale(1.4) rotate(-10deg);
    -ms-transform: scale(1.4) rotate(-10deg);
    -o-transform: scale(1.4) rotate(-10deg);
    transform: scale(1.4) rotate(-10deg);
}

.portfolio-item .portfolio-item-header a:hover::after {
    opacity: 0.95;
}

/* 24.2 Item Overlayer
-------------------------------------------------------------------------- */
/* 24.2.1 Wrapper
-------------------------------------------------------------------------- */
.portfolio-item-overlayer {
    overflow: hidden;
    border-radius: 4px;
}

    /* 24.2.2 Header
-------------------------------------------------------------------------- */
    /* 24.2.2.1 Wrapper
-------------------------------------------------------------------------- */
    .portfolio-item-overlayer .portfolio-item-header {
        border-radius: 4px;
    }

        /* 24.2.2.2 Anchor
-------------------------------------------------------------------------- */
        .portfolio-item-overlayer .portfolio-item-header a::after,
        .portfolio-item-overlayer .portfolio-item-header a {
            border-radius: 4px;
        }

            /* 24.2.2.3 Image
-------------------------------------------------------------------------- */
            .portfolio-item-overlayer .portfolio-item-header a img {
                border-radius: 4px;
            }

    /* 24.2.3 Footer
-------------------------------------------------------------------------- */
    .portfolio-item-overlayer .portfolio-item-footer {
        left: 0;
        bottom: 0;
        border: 0;
        position: absolute;
        background-color: #fbfbfb;
        border-radius: 0 0 3px 3px;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    /* 24.2.4 Hover
-------------------------------------------------------------------------- */
    .portfolio-item-overlayer:hover .portfolio-item-footer {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    .portfolio-item-overlayer .portfolio-item-header a:hover::after {
        opacity: 0;
    }

/* 24.3 Item Without Margin
-------------------------------------------------------------------------- */
/* 24.3.1 Wrapper
-------------------------------------------------------------------------- */
.portfolio-item-without-margin {
    width: auto;
    margin: 0 -15px;
    border-radius: 0;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);
    -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);
    -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);
}

    /* 24.3.2 Header
-------------------------------------------------------------------------- */
    /* 24.3.2.1 Wrapper
-------------------------------------------------------------------------- */
    .portfolio-item-without-margin .portfolio-item-header {
        border-radius: 0;
    }

        /* 24.3.2.2 Anchor
-------------------------------------------------------------------------- */
        .portfolio-item-without-margin .portfolio-item-header a {
            border-radius: 0;
        }

            .portfolio-item-without-margin .portfolio-item-header a::after {
                border-radius: 0;
            }

            /* 24.3.2.3 Image
-------------------------------------------------------------------------- */
            .portfolio-item-without-margin .portfolio-item-header a img {
                border-radius: 0;
            }

    /* 24.3.3 Footer
-------------------------------------------------------------------------- */
    .portfolio-item-without-margin .portfolio-item-footer {
        border: 0;
        border-radius: 0;
    }

/* 24.3.4 Row
-------------------------------------------------------------------------- */
.row.row-portfolio-no-margin {
    margin: 0 auto 30px;
}

/* 24.4 Item Wide
-------------------------------------------------------------------------- */
/* 24.4.1 With Margin
-------------------------------------------------------------------------- */
.container.container-portfolio-wide {
    width: 100%;
    padding: 0 30px;
}

/* 24.4.2 Without Margin
-------------------------------------------------------------------------- */
.container.container-portfolio-wide-without-margin {
    padding: 0;
    width: 100%;
}

/* 24.5 Grid
-------------------------------------------------------------------------- */
/* 24.5.1 Wrapper
-------------------------------------------------------------------------- */
body.portfolio-grid .portfolio-blocks-wrapper {
    opacity: 0;
    position: relative;
}

/* 24.5.2 Spinner
-------------------------------------------------------------------------- */
body.portfolio-grid .spinner-loader {
    display: block;
}

/* 24.5.3 Main Content
-------------------------------------------------------------------------- */
body.portfolio-grid .main-content {
    padding: 0;
}

    /* 24.5.4 Portfolio Block
-------------------------------------------------------------------------- */
    body.portfolio-grid .main-content article.portfolio-block {
        padding: 0 15px;
    }

/* 24.5.5 Pagination
-------------------------------------------------------------------------- */
body.portfolio-grid .pagination-wrapper {
    padding-left: 15px;
    padding-right: 15px;
}

/* 24.5.6 Filter
-------------------------------------------------------------------------- */
body.portfolio-grid .filter-section {
    padding: 0 15px;
}

/* 24.5.7 2 Columns
-------------------------------------------------------------------------- */
body.portfolio-grid.grid-2-columns .main-content article.portfolio-block {
    width: 50%;
    float: left;
}

/* 24.5.8 3 Columns
-------------------------------------------------------------------------- */
body.portfolio-grid.grid-3-columns .main-content article.portfolio-block {
    float: left;
    width: 33.33333333%;
}

    .col-md-3.portfolio-block .portfolio-item-title h4,
    body.portfolio-grid.grid-3-columns .main-content article.portfolio-block .portfolio-item-title h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }

/* 24.5.9 4 Columns
-------------------------------------------------------------------------- */
body.portfolio-grid.grid-4-columns .main-content article.portfolio-block {
    width: 25%;
    float: left;
}

    .col-md-4.portfolio-block .portfolio-item-title h4,
    body.portfolio-grid.grid-4-columns .main-content article.portfolio-block .portfolio-item-title h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }

/* 24.6 Timeline
-------------------------------------------------------------------------- */
/* 24.6.1 Portfolio Block
-------------------------------------------------------------------------- */
/* 24.6.1.1 Wrapper
-------------------------------------------------------------------------- */
body.portfolio-grid.portfolio-timeline .main-content article.portfolio-block {
    width: 50%;
    float: left;
    padding: 0 30px;
}

/* 24.6.1.2 Header
-------------------------------------------------------------------------- */
/* 24.6.1.2.1 Wrapper
-------------------------------------------------------------------------- */
body.portfolio-timeline article.portfolio-block .portfolio-item-header {
    overflow: visible;
    border-radius: 4px;
    padding: 15px 15px 0;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
    background-color: #ffffff;
}

    /* 24.6.1.2.2 Anchor / Image
-------------------------------------------------------------------------- */
    body.portfolio-timeline article.portfolio-block .portfolio-item-header a,
    body.portfolio-timeline article.portfolio-block .portfolio-item-header a img,
    body.portfolio-timeline article.portfolio-block .portfolio-item-header a::after {
        border-radius: 4px;
    }

/* 24.6.1.3 Overlayer
-------------------------------------------------------------------------- */
/* 24.6.1.3.1 Wrapper
-------------------------------------------------------------------------- */
body.portfolio-timeline article.portfolio-block .portfolio-item-overlayer {
    overflow: visible;
}

    /* 24.6.1.3.2 Header
-------------------------------------------------------------------------- */
    body.portfolio-timeline article.portfolio-block .portfolio-item-overlayer .portfolio-item-header {
        padding: 15px;
        border-bottom: 1px solid #e5e5e5;
    }

    /* 24.6.1.3.3 Footer
-------------------------------------------------------------------------- */
    body.portfolio-timeline article.portfolio-block .portfolio-item-overlayer .portfolio-item-footer {
        opacity: 0;
        visibility: hidden;
        background-color: #ffffff;
        border: 1px solid #e5e5e5;
        border-top: 0;
    }

    /* 24.6.1.3.4 Hover
-------------------------------------------------------------------------- */
    body.portfolio-timeline article.portfolio-block .portfolio-item-overlayer:hover .portfolio-item-footer {
        opacity: 1;
        visibility: visible;
    }

/* 24.6.2 Row
-------------------------------------------------------------------------- */
.row.row-portfolio-timeline {
    margin-left: -30px;
    margin-right: -30px;
}

/* 24.6.3 Line
-------------------------------------------------------------------------- */
body.portfolio-grid.portfolio-timeline .portfolio-blocks-wrapper::after {
    top: 15px;
    left: 50%;
    width: 2px;
    z-index: -1;
    content: '';
    height: 100%;
    margin-left: -1px;
    margin-top: -30px;
    position: absolute;
    background-color: #e5e5e5;
}

/* 24.6.4 Dots
-------------------------------------------------------------------------- */
body.portfolio-timeline article.portfolio-block.left-block .portfolio-item::after,
body.portfolio-timeline article.portfolio-block.right-block .portfolio-item::after {
    z-index: 1;
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: absolute;
    background-color: #e5e5e5;
    border: 4px solid #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

body.portfolio-timeline article.portfolio-block.left-block .portfolio-item::after {
    top: 17px;
    right: -39px;
}

body.portfolio-timeline article.portfolio-block.right-block .portfolio-item::after {
    top: 66px;
    left: -39px;
}

/* 24.6.5 Arrow
-------------------------------------------------------------------------- */
body.portfolio-timeline article.portfolio-block.left-block .portfolio-item-header::after,
body.portfolio-timeline article.portfolio-block.left-block .portfolio-item-header::before,
body.portfolio-timeline article.portfolio-block.right-block .portfolio-item-header::after,
body.portfolio-timeline article.portfolio-block.right-block .portfolio-item-header::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

body.portfolio-timeline article.portfolio-block.left-block .portfolio-item-header::before,
body.portfolio-timeline article.portfolio-block.right-block .portfolio-item-header::before {
    z-index: 1;
    background-color: #e5e5e5;
}

body.portfolio-timeline article.portfolio-block.left-block .portfolio-item-header::after,
body.portfolio-timeline article.portfolio-block.right-block .portfolio-item-header::after {
    z-index: 2;
    background-color: #ffffff;
}

body.portfolio-timeline article.portfolio-block.left-block .portfolio-item-header::before {
    top: 15px;
    right: -10px;
}

body.portfolio-timeline article.portfolio-block.left-block .portfolio-item-header::after {
    top: 15px;
    right: -9px;
}

body.portfolio-timeline article.portfolio-block.right-block .portfolio-item-header::before {
    top: 65px;
    left: -10px;
}

body.portfolio-timeline article.portfolio-block.right-block .portfolio-item-header::after {
    top: 65px;
    left: -9px;
}

/* 24.6.6 Hover
-------------------------------------------------------------------------- */
body.portfolio-timeline article.portfolio-block.left-block .portfolio-item:hover::after,
body.portfolio-timeline article.portfolio-block.right-block .portfolio-item:hover::after {
    background-color: #232323;
}




/* ==========================================================================
   25. Portfolio ( Single Project )
========================================================================== */
/* 25.1 Slider
-------------------------------------------------------------------------- */
/* 25.1.1 Wrapper
-------------------------------------------------------------------------- */
.portfolio-slider {
    width: 100%;
    display: block;
    overflow: hidden;
    border-radius: 4px;
}

    .portfolio-slider a,
    .portfolio-slider a img {
        width: 100%;
        display: block;
        border-radius: 4px;
    }

    /* 25.1.2 Arrows
-------------------------------------------------------------------------- */
    .portfolio-slider .owl-theme .owl-controls .owl-buttons div {
        display: block;
    }

/* 25.2 Details
-------------------------------------------------------------------------- */
/* 25.2.1 Wrapper
-------------------------------------------------------------------------- */
.project-details {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 auto 20px;
}

    .project-details .small-section-title {
        margin-bottom: 5px;
    }

    /* 25.2.2 List
-------------------------------------------------------------------------- */
    .project-details ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        /* 25.2.3 Items
-------------------------------------------------------------------------- */
        .project-details ul li {
            width: 100%;
            display: block;
            margin-bottom: 10px;
            padding-bottom: 10px;
            text-transform: capitalize;
            border-bottom: 1px solid #e5e5e5;
        }

            .project-details ul li:last-child {
                border-bottom: 0;
                margin-bottom: 0;
            }

            .project-details ul li strong {
                margin-right: 10px;
            }

/* 25.3 Share
-------------------------------------------------------------------------- */
.portfolio-share {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 20px auto 30px;
}

/* 25.4 Pagination
-------------------------------------------------------------------------- */
body.portfolio-single .pagination-wrapper .pagination {
    width: 100%;
}

    body.portfolio-single .pagination-wrapper .pagination li:first-child {
        float: left;
    }

    body.portfolio-single .pagination-wrapper .pagination li:last-child {
        float: right;
    }

body.portfolio-single .pagination-wrapper li {
    width: auto;
}

    body.portfolio-single .pagination-wrapper li a {
        padding: 0 15px;
    }

        body.portfolio-single .pagination-wrapper li a span span {
            font-weight: 400;
        }

    body.portfolio-single .pagination-wrapper li:first-child a span span {
        margin-left: 10px;
    }

    body.portfolio-single .pagination-wrapper li:last-child a span span {
        margin-right: 10px;
    }

/* 25.5 Related Projects
-------------------------------------------------------------------------- */
.portfolio-related-items {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 15px auto 0;
}

    .portfolio-related-items .portfolio-item-header a img {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

/* 25.6 Single Image
-------------------------------------------------------------------------- */
.portfolio-single-image {
    width: 100%;
    display: block;
    overflow: hidden;
    border-radius: 4px;
    margin: 0 auto 30px;
}

    .portfolio-single-image a,
    .portfolio-single-image img {
        width: 100%;
        display: block;
        overflow: hidden;
        border-radius: 4px;
    }

        .portfolio-single-image a:hover {
            opacity: 0.6;
        }




/* ==========================================================================
   26. Member
========================================================================== */
/* 26.1 Wrapper
-------------------------------------------------------------------------- */
.member-item {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0 auto 30px;
}

    /* 26.2 Header
-------------------------------------------------------------------------- */
    /* 26.2.1 Wrapper
-------------------------------------------------------------------------- */
    .member-item .member-header {
        width: 100%;
        display: block;
        overflow: hidden;
        position: relative;
        border-radius: 4px;
        margin: 0 auto 25px;
    }

        /* 26.2.2 Image
-------------------------------------------------------------------------- */
        .member-item .member-header img {
            width: 100%;
            display: block;
            overflow: hidden;
            border-radius: 4px;
        }

    /* 26.3 Footer
-------------------------------------------------------------------------- */
    /* 26.3.1 Wrapper
-------------------------------------------------------------------------- */
    .member-item .member-footer {
        width: 100%;
        display: block;
        overflow: hidden;
    }

    /* 26.3.2 Name
-------------------------------------------------------------------------- */
    /* 26.3.2.1 Wrapper
-------------------------------------------------------------------------- */
    .member-item .member-name {
        width: 100%;
        display: block;
        overflow: hidden;
        position: relative;
        margin-bottom: -5px;
        text-transform: capitalize;
    }

        /* 26.3.2.2 Anchor
-------------------------------------------------------------------------- */
        .member-item .member-name a {
            color: #232323;
            position: relative;
            padding: 0 20px 0 0;
        }

            .member-item .member-name a:hover {
                color: #2d2d2d;
            }

            .member-item .member-name a::after {
                top: 0;
                opacity: 0;
                right: 20px;
                font-size: 16px;
                content: '\f0c1';
                font-weight: 400;
                position: absolute;
                font-family: 'FontAwesome';
                -webkit-transition: right 0.3s ease-in-out;
                -moz-transition: right 0.3s ease-in-out;
                -ms-transition: right 0.3s ease-in-out;
                -o-transition: right 0.3s ease-in-out;
                transition: right 0.3s ease-in-out;
            }

    .member-item:hover .member-name a::after {
        right: 0;
        opacity: 1;
    }

    /* 26.3.3 Title
-------------------------------------------------------------------------- */
    .member-item .member-title {
        width: 100%;
        display: block;
        color: #2d2d2d;
        overflow: hidden;
        
    }

    /* 26.3.4 Description
-------------------------------------------------------------------------- */
    .member-item .member-desc {
        width: 100%;
        display: block;
        overflow: hidden;
    }

    /* 26.3.5 Social
-------------------------------------------------------------------------- */
    /* 26.3.5.1 Wrapper
-------------------------------------------------------------------------- */
    .member-item .member-social {
        width: 100%;
        display: block;
        overflow: hidden;
        margin: 5px auto 10px;
    }

        /* 26.3.5.2 Items
-------------------------------------------------------------------------- */
        .member-item .member-social .social-icons ul li {
            border: 0;
            width: 34px;
            height: 34px;
            border-radius: 4px;
            margin: 5px 10px 0 0;
        }

            .member-item .member-social .social-icons ul li a i {
                line-height: 32px;
                border-radius: 4px;
                background-color: #ffffff;
                border: 1px solid #e5e5e5;
            }

                .member-item .member-social .social-icons ul li a i:hover {
                    border-color: transparent;
                }

/* 26.4 Style 2
-------------------------------------------------------------------------- */
/* 26.4.1 Header
-------------------------------------------------------------------------- */
.member-item-style-2 .member-header {
    float: left;
    width: 185px;
    margin-bottom: 0;
    margin-right: 20px;
}

/* 26.4.2 Footer
-------------------------------------------------------------------------- */
.member-item-style-2 .member-footer {
    width: auto;
    overflow: hidden;
}

/* 26.5 Style 3
-------------------------------------------------------------------------- */
/* 26.5.1 Header
-------------------------------------------------------------------------- */
.member-item-style-3 .member-header {
    margin-bottom: 0;
}

/* 26.5.2 Footer
-------------------------------------------------------------------------- */
/* 26.5.2.1 Wrapper
-------------------------------------------------------------------------- */
.member-item-style-3 .member-footer {
    left: 0;
    bottom: 0;
    position: absolute;
    padding: 20px 20px 10px;
    border-radius: 0 0 4px 4px;
    background-color: rgba(0, 0, 0, 0.70);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* 26.5.2.2 Name
-------------------------------------------------------------------------- */
.member-item-style-3 .member-name a {
    color: #ffffff;
    position: relative;
    padding: 0 20px 0 0;
}

/* 26.5.2.3 Title
-------------------------------------------------------------------------- */
.member-item-style-3 .member-title {
    font-weight: 700;
}

/* 26.5.2.4 Description
-------------------------------------------------------------------------- */
.member-item-style-3 .member-desc {
    display: none;
}

/* 26.5.2.5 Social
-------------------------------------------------------------------------- */
.member-item-style-3 .member-social .social-icons ul li a i {
    color: #ffffff;
    border-color: transparent;
    background-color: #000000;
}

/* 26.5.2 Hover
-------------------------------------------------------------------------- */
.member-item-style-3:hover .member-footer {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

/* 26.6 Style 4
-------------------------------------------------------------------------- */
/* 26.6.1 Wrapper
-------------------------------------------------------------------------- */
.member-item-style-4 {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
}

/* 26.6.2 Row
-------------------------------------------------------------------------- */
.row.row-member-item-wide {
    margin: 0;
}

/* 26.6.3 Header
-------------------------------------------------------------------------- */
.member-item-style-4 .member-header,
.member-item-style-4 .member-header img {
    border-radius: 0;
}

/* 26.6.4 Footer
-------------------------------------------------------------------------- */
.member-item-style-4 .member-footer {
    padding-right: 20px;
}




/* ==========================================================================
   27. Services
========================================================================== */
/* 27.1 Wrapper
-------------------------------------------------------------------------- */
.col-md-4.service-block:nth-child(3n+1) {
    clear: left;
}

/* 27.2 Item
-------------------------------------------------------------------------- */
/* 27.2.1 Wrapper
-------------------------------------------------------------------------- */
.service-item {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0 auto 20px;
}

    /* 27.2.2 Header
-------------------------------------------------------------------------- */
    /* 27.2.2.1 Wrapper
-------------------------------------------------------------------------- */
    .service-item .service-header {
        z-index: 1;
        position: relative;
        text-align: center;
    }

        /* 27.2.2.2 Icon
-------------------------------------------------------------------------- */
        .service-item .service-header .service-icon {
            float: left;
            color: #2d2d2d;
            font-size: 30px;
            overflow: hidden;
            padding-left: 1px;
            margin-right: 15px;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

/* 27.2.2.3 Image
-------------------------------------------------------------------------- */
.service-image {
    width: 100%;
    display: none;
    overflow: hidden;
    margin: 0 auto 20px;
}

    .service-image img {
        width: 100%;
        display: block;
        overflow: hidden;
        border-radius: 4px;
    }

/* 27.2.3 Footer
-------------------------------------------------------------------------- */
/* 27.2.3.1 Wrapper
-------------------------------------------------------------------------- */
.service-item .service-footer {
    z-index: 2;
    overflow: hidden;
    position: relative;
}

    /* 27.2.3.2 Title
-------------------------------------------------------------------------- */
    .service-item .service-footer .service-title {
        text-transform: capitalize;
    }

    /* 27.2.3.3 Link
-------------------------------------------------------------------------- */
    .service-item .service-footer .service-link {
        margin-bottom: 10px;
    }

        .service-item .service-footer .service-link a {
            position: relative;
            padding-right: 5px;
        }

            .service-item .service-footer .service-link a::after {
                top: 0;
                right: 0;
                opacity: 0;
                color: #232323;
                content: '\f105';
                line-height: 20px;
                position: absolute;
                font-family: 'FontAwesome';
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

            .service-item .service-footer .service-link a:hover::after {
                opacity: 1;
                right: -5px;
            }

/* 27.2.4 Hover
-------------------------------------------------------------------------- */
.service-item:hover .service-header .service-icon {
    color: #232323;
}

/* 27.3 Style 2
-------------------------------------------------------------------------- */
.service-item-style-2 .service-header {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 auto 15px;
}

/* 27.4 Style 3
-------------------------------------------------------------------------- */
/* 27.4.1 Wrapper
-------------------------------------------------------------------------- */
.service-item-style-3 {
    text-align: center;
}

    /* 27.4.2 Header
-------------------------------------------------------------------------- */
    /* 27.4.2.1 Wrapper
-------------------------------------------------------------------------- */
    .service-item-style-3 .service-header {
        width: 100%;
        display: block;
        overflow: hidden;
        margin-bottom: 20px;
    }

        /* 27.4.2.3 Icon
-------------------------------------------------------------------------- */
        .service-item-style-3 .service-header .service-icon {
            float: none;
            font-size: 60px;
        }

/* 27.5 Style 4
-------------------------------------------------------------------------- */
.service-item-style-4 .service-header .service-icon {
    width: 60px;
    height: 60px;
    color: #ffffff;
    font-size: 24px;
    line-height: 60px;
    border-radius: 4px;
    background-color: #2d2d2d;
}

.service-item-style-4:hover .service-header .service-icon {
    color: #ffffff;
    background-color: #232323;
}

/* 27.6 Style 5
-------------------------------------------------------------------------- */
/* 27.6.1 Header
-------------------------------------------------------------------------- */
.service-item-style-5 .service-header {
    position: absolute;
    top: 0;
    left: 0;
}

    /* 27.6.2 Icon
-------------------------------------------------------------------------- */
    .service-item-style-5 .service-header .service-icon {
        opacity: 0.1;
        color: #666666;
        margin-right: 0;
        font-size: 100px;
    }

/* 27.7 Style 6
-------------------------------------------------------------------------- */
/* 27.7.1 Header
-------------------------------------------------------------------------- */
.service-item-style-6 .service-header .service-icon {
    display: none;
}

/* 27.7.2 Image
-------------------------------------------------------------------------- */
.service-item-style-6 .service-header .service-image {
    display: block;
}

/* 27.8 Style 7
-------------------------------------------------------------------------- */
/* 27.8.1 Wrapper
-------------------------------------------------------------------------- */
.service-item-style-7 {
    text-align: center;
}

    /* 27.8.2 Icon
-------------------------------------------------------------------------- */
    .service-item-style-7 .service-header .service-icon {
        display: none;
    }

    /* 27.8.3 Image
-------------------------------------------------------------------------- */
    .service-item-style-7 .service-header .service-image {
        width: 70px;
        height: 70px;
        display: block;
    }

/* 27.9 Projects Slider
-------------------------------------------------------------------------- */
/* 27.9.1 Wrapper
-------------------------------------------------------------------------- */
.projects-slider {
    width: 100%;
    display: block;
    overflow: hidden;
    border-radius: 4px;
}

    /* 27.9.2 Arrows
-------------------------------------------------------------------------- */
    .projects-slider .owl-theme .owl-controls .owl-buttons div {
        display: block;
    }

    /* 27.9.3 Dots
-------------------------------------------------------------------------- */
    .projects-slider .owl-theme .owl-controls .owl-pagination {
        bottom: 0;
    }

    .projects-slider .owl-theme .owl-controls .owl-page span {
        background-color: #232323;
    }

    .projects-slider .owl-theme .owl-controls .owl-page.active span,
    .projects-slider .owl-theme .owl-controls.clickable .owl-page:hover span {
        background-color: #2d2d2d;
    }

    .projects-slider .owl-slider-wrapper:hover .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: 35px;
    }

    .projects-slider .owl-slider-wrapper:hover .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: 35px;
    }

/* 27.10 Counter
-------------------------------------------------------------------------- */
/* 27.10.1 Wrapper
-------------------------------------------------------------------------- */
.counter-item {
    width: 100%;
    overflow: hidden;
    text-align: center;
    text-align: center;
    margin: 0 auto 20px;
}

    /* 27.10.2 Digit
-------------------------------------------------------------------------- */
    .counter-item .counter-digit {
        font-size: 40px;
        overflow: hidden;
        line-height: 40px;
        position: relative;
        margin: 0 auto 20px;
        padding-bottom: 25px;
    }

        .counter-item .counter-digit:after {
            bottom: 0;
            left: 50%;
            width: 30px;
            height: 3px;
            content: '';
            margin-left: -15px;
            position: absolute;
            background-color: #2d2d2d;
        }

    /* 27.10.3 Title
-------------------------------------------------------------------------- */
    .counter-item .counter-title {
        overflow: hidden;
        text-transform: capitalize;
    }

/* 27.10.4 Parallax Section
-------------------------------------------------------------------------- */
.parallax-section .counter-title h3,
.parallax-section .counter-item .counter-digit {
    color: #ffffff;
}




/* ==========================================================================
   28. Revolution Slider
========================================================================== */
/* 28.1 Title
-------------------------------------------------------------------------- */
/* 28.1.1 Wrapper
-------------------------------------------------------------------------- */
.nesto-rs-title {
    color: #ffffff;
    line-height: 1;
    font-size: 40px;
    font-weight: 700;
    padding: 12px 20px;
    border-radius: 4px;
    
    background-color: #2d2d2d;
}

/* 28.1.2 Blog
-------------------------------------------------------------------------- */
/* 28.1.2.1 Wrapper
-------------------------------------------------------------------------- */
.blog-home .nesto-rs-title {
    border-radius: 4px 4px 0 0;
    background-color: transparent;
}

    /* 28.1.2.2 Post Title
-------------------------------------------------------------------------- */
    .blog-home .nesto-rs-title .slider-post-title {
        width: 100%;
        display: block;
        overflow: hidden;
    }

        .blog-home .nesto-rs-title .slider-post-title a {
            z-index: 1;
            float: left;
            color: #ffffff;
            line-height: 1;
            font-size: 30px;
            font-weight: 700;
            max-width: 640px;
            padding: 12px 18px;
            position: relative;
            white-space: normal;
            background-color: #2d2d2d;
        }

            .blog-home .nesto-rs-title .slider-post-title a:hover {
                background-color: #232323;
            }

    /* 28.1.2.3 Post Excerpt
-------------------------------------------------------------------------- */
    .blog-home .nesto-rs-title .slider-post-excerpt {
        width: 100%;
        display: block;
        overflow: hidden;
        max-width: 600px;
    }

        .blog-home .nesto-rs-title .slider-post-excerpt p {
            width: 100%;
            display: block;
            color: #ffffff;
            font-size: 14px;
            margin-bottom: 0;
            font-weight: 400;
            overflow: hidden;
            line-height: 23px;
            padding: 14px 18px;
            white-space: normal;
            text-transform: none;
            background-color: rgba(0, 0, 0, 0.65);
        }

/* 28.2 Sub Title
-------------------------------------------------------------------------- */
.nesto-rs-sub-title {
    margin: 0 auto;
    color: #ffffff;
    font-size: 20px;
    max-width: 900px;
    border-radius: 4px;
    padding: 12px 20px;
    white-space: normal;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.65);
}

/* 28.3 Small Sub Title
-------------------------------------------------------------------------- */
.nesto-rs-small-sub-title {
    color: #cccccc;
    line-height: 1;
    font-size: 15px;
    padding: 12px 14px;
    border-radius: 4px;
    white-space: normal;
    display: inline-block;
    background-color: #2a2a2a;
    text-transform: capitalize;
    -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

    .nesto-rs-small-sub-title:hover {
        color: #ffffff;
        background-color: #2d2d2d;
    }

/* 28.4 Button
-------------------------------------------------------------------------- */
#slider-section a.btn {
    font-size: 16px;
    padding: 12px 23px;
    
}




/* ==========================================================================
   29. Supersized Slider
========================================================================== */
body.background-image-slider #main-wrapper {
    background-color: transparent;
}

#supersized,
#supersized-loader {
    z-index: -1;
    display: none;
}

body.background-image-slider #supersized,
body.background-image-slider #supersized-loader {
    display: block;
}




/* ==========================================================================
   30. Hero
========================================================================== */
/* 30.1 Wrapper
-------------------------------------------------------------------------- */
.hero-title-wrapper {
    z-index: 2;
    width: 100%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    position: relative;
}

    /* 30.2 Title
-------------------------------------------------------------------------- */
    .hero-title-wrapper .hero-title {
        width: 100%;
        display: block;
        overflow: hidden;
        margin: 0 auto 10px;
    }

        .hero-title-wrapper .hero-title h1 {
            color: #ffffff;
            font-size: 40px;
        }

    /* 30.3 Sub Title
-------------------------------------------------------------------------- */
    .hero-title-wrapper .hero-sub-title {
        width: 100%;
        display: block;
        overflow: hidden;
        margin: 0 auto 10px;
    }

        .hero-title-wrapper .hero-sub-title p {
            color: #ffffff;
            font-size: 25px;
        }

    /* 30.4 Button
-------------------------------------------------------------------------- */
    .hero-title-wrapper .hero-button a.btn {
        font-size: 15px;
        margin-top: 30px;
        padding: 10px 20px;
        margin-bottom: 20px;
        
    }




/* ==========================================================================
   31. Home Slider
========================================================================== */
/* 31.1 Wrapper
-------------------------------------------------------------------------- */
.home-slider {
    z-index: 2;
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .home-slider .owl-slider-wrapper {
        margin-bottom: 0;
    }

    /* 31.2 Dots
-------------------------------------------------------------------------- */
    .home-slider .owl-theme .owl-controls .owl-pagination {
        display: none;
    }

    /* 31.3 Arrows
-------------------------------------------------------------------------- */
    .home-slider .owl-theme .owl-controls .owl-buttons div {
        opacity: 0;
        width: 100px;
        height: 100px;
        display: block;
        color: #ffffff;
        font-size: 40px;
        border-radius: 0;
        margin-top: -50px;
        line-height: 100px;
        background-color: rgba(0, 0, 0, 0.15);
    }

        .home-slider .owl-theme .owl-controls .owl-buttons div.owl-prev {
            left: 0;
        }

            .home-slider .owl-theme .owl-controls .owl-buttons div.owl-prev i {
                margin-left: -10px;
            }

        .home-slider .owl-theme .owl-controls .owl-buttons div.owl-next {
            right: 0;
        }

            .home-slider .owl-theme .owl-controls .owl-buttons div.owl-next i {
                margin-right: -10px;
            }

#home-section:hover .owl-theme .owl-controls .owl-buttons div {
    opacity: 1;
}

.home-slider .owl-theme .owl-controls .owl-buttons div:hover {
    color: #666666;
    background-color: #ffffff;
}

.home-slider .owl-slider-wrapper:hover .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 0;
}

.home-slider .owl-slider-wrapper:hover .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 0;
}




/* ==========================================================================
   32. Variation
========================================================================== */
/* 32.1 Boxed Style 1
-------------------------------------------------------------------------- */
body.boxed-style-1 #main-wrapper {
    max-width: 1200px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
}

body.boxed-style-1 .tp-banner-container {
    left: 0 !important;
    width: 100% !important;
}

body.boxed-style-1 .tp-leftarrow {
    left: 0 !important;
}

body.boxed-style-1 .tp-rightarrow {
    right: 0 !important;
}

body.boxed-style-1 #supersized,
body.boxed-style-1 #supersized li {
    right: 0;
    margin: 0 auto;
    max-width: 1200px;
}

/* 32.2 Boxed Style 2
-------------------------------------------------------------------------- */
body.boxed-style-2 {
    padding: 30px 0;
}

    body.boxed-style-2 #main-wrapper {
        max-width: 1200px;
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
        -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
        -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
        -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
    }

    body.boxed-style-2 .tp-banner-container {
        left: 0 !important;
        width: 100% !important;
    }

    body.boxed-style-2 .tp-leftarrow {
        left: 0 !important;
    }

    body.boxed-style-2 .tp-rightarrow {
        right: 0 !important;
    }

    body.boxed-style-2 #supersized,
    body.boxed-style-2 #supersized li {
        right: 0;
        top: 30px;
        margin: 0 auto;
        max-width: 1200px;
        background-color: transparent;
    }

/*3231.3 Background Color Style
-------------------------------------------------------------------------- */
body.background-color-style {
    background-color: #000000;
}

/* 32.4 Background Image Style
-------------------------------------------------------------------------- */
body.background-image-style {
    background-image: url(../images/background/main-bg.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* 32.5 Background Pattern Style
-------------------------------------------------------------------------- */
body.background-pattern-style {
    background-image: url(../images/patterns/bg13.png);
    background-repeat: repeat;
    background-position: 50% 50%;
    background-attachment: fixed;
}




/* ==========================================================================
   33. Footer
========================================================================== */
/* 33.1 Wrapper
-------------------------------------------------------------------------- */
.footer {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    color: #999999;
    overflow: hidden;
    background-color: #232323;
}

    .footer a {
        color: #cccccc !important;
    }

        .footer a:hover,
        .footer .secondary-menu ul li.current-page a {
            color: #2d2d2d !important;
        }

/* 33.2 Top Footer
-------------------------------------------------------------------------- */
/* 33.2.1 Wrapper
-------------------------------------------------------------------------- */
.top-footer {
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 35px 0 5px;
}

/* 33.2.2 Widget
-------------------------------------------------------------------------- */
/* 33.2.2.1 Title
-------------------------------------------------------------------------- */
.footer .widget .widget-title h4 {
    color: #ffffff;
    font-weight: 500;
}

/* 33.2.2.2 Widget Social
-------------------------------------------------------------------------- */
.footer .widget-social .social-icons ul li {
    border-color: #2a2a2a;
}

    .footer .widget-social .social-icons ul li a i {
        color: #ffffff;
        background-color: #2a2a2a;
    }

/* 33.2.2.3 Category Widget
-------------------------------------------------------------------------- */
.footer .widget-category ul li {
    border-bottom-color: #2a2a2a;
}

/* 33.2.2.4 Recent Posts Widget
-------------------------------------------------------------------------- */
.footer .widget-recent-posts ul li {
    border-bottom-color: #2a2a2a;
}

.footer .widget-recent-posts .post-title h5 {
    font-weight: 500;
}

/* 33.2.2.5 Twitter Widget
-------------------------------------------------------------------------- */
.footer .widget-twitter ul li a span.twitter-username:hover {
    color: #cccccc;
}

/* 33.2.2.6 Tags Widget
-------------------------------------------------------------------------- */
.footer .widget-tags a {
    border-color: #2a2a2a;
    background-color: #2a2a2a;
}

    .footer .widget-tags a:hover {
        border-color: #333333;
        background-color: #333333;
    }

/* 33.2.2.7 Dribbble Widget
-------------------------------------------------------------------------- */
.footer .widget-dribbble .owl-carousel {
    border-color: #2a2a2a;
}

/* 33.2.2.8 Subscribe Form
-------------------------------------------------------------------------- */
/* 33.2.2.8.1 Form Control
-------------------------------------------------------------------------- */
.footer .newsletter-form .form-control {
    color: #ffffff;
    border-color: #2a2a2a;
    background-color: #666666;
}

    .footer .newsletter-form .form-control:hover,
    .footer .newsletter-form .form-control:focus {
        border-color: #333333;
        background-color: #333333;
    }

/* 33.2.2.8.2 Button
-------------------------------------------------------------------------- */
.footer .newsletter-form button.btn:hover {
    background-color: #2a2a2a;
}

/* 33.2.2.9 Text Widget
-------------------------------------------------------------------------- */
.footer .widget-text .newsletter-form button.btn:hover {
    background-color: #232323;
}

/* 33.2.2.10 Business Widget
-------------------------------------------------------------------------- */
.footer .widget-business .contact-info ul strong {
    color: #cccccc;
}

/* 33.2.2.11 Navigation Widget
-------------------------------------------------------------------------- */
.footer .widget-navigation ul li {
    border-bottom-color: #2a2a2a;
}

/* 33.2.2.12 Recent Products Widget
-------------------------------------------------------------------------- */
.footer .widget-recent-products ul li {
    border-bottom-color: #2a2a2a;
}

.footer .widget-recent-products .shop-item-title h4 {
    font-weight: 500;
}

/* 33.3 Copyright
-------------------------------------------------------------------------- */
/* 33.3.1 Wrapper
-------------------------------------------------------------------------- */
.copyright {
    width: 100%;
    display: block;
    padding: 5px 0;
    overflow: hidden;
    background-color: #2a2a2a;
}

    /* 33.3.2 Typography
-------------------------------------------------------------------------- */
    .copyright p {
        font-size: 15px;
        margin-bottom: 0;
    }

        .copyright p i {
            color: #2d2d2d;
        }

    /* 33.3.3 Anchor
-------------------------------------------------------------------------- */
    .copyright a {
        text-transform: capitalize;
    }

    /* 33.3.4 Social Icons
-------------------------------------------------------------------------- */
    /* 33.3.4.1 Items
-------------------------------------------------------------------------- */
    .copyright .social-icons ul li {
        border: 0;
        width: 36px;
        height: 36px;
        overflow: hidden;
        border-radius: 4px;
        margin: 5px 10px 0 0;
    }

        .copyright .social-icons ul li:last-child {
            margin-right: 0;
        }

        /* 33.3.4.2 Icon
-------------------------------------------------------------------------- */
        .copyright .social-icons ul li a i {
            color: #ffffff;
            line-height: 36px;
            border-radius: 4px;
            background-color: #232323;
        }




/* ==========================================================================
   Responsive
========================================================================== */
@media only screen and (max-width: 1199px) {

    body.boxed-style-2 {
        padding: 0;
    }

        body.boxed-style-2 #supersized,
        body.boxed-style-2 #supersized li {
            top: 0;
        }

    #supersized li img {
        top: 0 !important;
    }

    #to-top {
        display: none;
    }

    .navbar-nav > li {
        margin-left: 20px;
    }

    .menu-buttons {
        margin-left: 10px;
    }

    #home-section,
    .parallax-section,
    .breadcrumb-section,
    body.background-image-style {
        background-position: 50% 50% !important;
        background-attachment: scroll !important;
    }

    .filter-section,
    body.portfolio-grid .pagination-wrapper {
        max-width: 970px;
    }

    .pricing-table-price .pricing-table-value {
        font-size: 60px;
        line-height: 60px;
    }

    .member-item .member-social .social-icons ul li {
        margin-right: 9px;
    }

    .nesto-cta .cta-desc {
        width: 80%;
        padding-top: 0;
    }

    .cta-button {
        margin-top: 6px;
    }

    .widget-flickr .flickr-feed li {
        width: 33.33333333%;
    }

    .widget-recent-posts .post-title h5 {
        font-size: 15px;
    }

    .widget-social .social-icons ul li {
        margin: 0 8px 8px 0;
    }

        .widget-social .social-icons ul li:nth-child(5n) {
            margin-right: 0;
        }

        .widget-social .social-icons ul li:nth-child(6n) {
            margin-right: 8px;
        }
}
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
@media only screen and (max-width: 991px) {

    .left-wrapper,
    .right-wrapper {
        float: none;
        display: block;
        text-align: center;
    }

    .top-header .left-wrapper {
        border-bottom: 1px solid #333333;
    }

    .top-header-grey .top-header .left-wrapper {
        border-bottom-color: #e5e5e5;
    }

    .top-header-light .top-header .left-wrapper {
        border-bottom: 1px solid #333333;
    }

    .top-header-base-color .top-header .left-wrapper {
        border-bottom-color: rgba(255, 255, 255, 0.15);
    }

    .content-info {
        float: none;
        display: inline-block;
    }

    .menu-buttons {
        margin-left: 0;
    }

    .navbar .col-md-12 {
        position: static;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        padding: 0;
        border-top: 1px solid #e5e5e5;
    }

        .navbar-collapse.collapse {
            left: 0;
            top: 100%;
            width: 100%;
            position: absolute;
            display: none !important;
        }

        .navbar-collapse.collapsing {
            left: 0;
            top: 100%;
            width: 100%;
            display: block;
            max-height: 320px;
            position: absolute;
            overflow: hidden !important;
        }

        .navbar-collapse.collapse.in {
            width: 100%;
            /*max-height: 320px;*/
            display: block !important;
            overflow: hidden !important;
            overflow-y: scroll !important;
        }

    .submenu-dark .navbar-collapse.collapsing,
    .submenu-dark .navbar-collapse.collapse.in {
        background-color: #232323;
    }

    .submenu-grey .navbar-collapse.collapsing,
    .submenu-grey .navbar-collapse.collapse.in {
        background-color: #f6f6f6;
    }

    .submenu-light .navbar-collapse.collapsing,
    .submenu-light .navbar-collapse.collapse.in {
        background-color: #ffffff;
    }

    .submenu-base-color .navbar-collapse.collapsing,
    .submenu-base-color .navbar-collapse.collapse.in {
        background-color: #2d2d2d;
    }

    .submenu-dark .navbar-nav > li > a {
        color: #ffffff;
    }

    .submenu-base-color .navbar-nav > li > a {
        color: #ffffff;
    }

        .submenu-base-color .navbar-nav > li > a:hover,
        .submenu-base-color .navbar-nav > li:hover > a,
        .submenu-base-color .navbar-nav > li.current-page > a {
            color: #ffffff;
            background-color: rgba(0, 0, 0, 0.1);
        }

    .navbar-nav {
        margin: 0;
        float: none !important;
    }

        .navbar-nav > li {
            padding: 0;
            float: none;
            width: 100%;
            display: block;
            margin-left: 0;
            margin-right: 0;
            border-bottom: 1px solid transparent;
        }

            .navbar-nav > li > a {
                padding-left: 15px;
                padding-right: 15px;
            }

    .submenu-dark .navbar-nav > li {
        border-color: #333333;
    }

    .submenu-grey .navbar-nav > li {
        border-color: #e5e5e5;
    }

    .submenu-light .navbar-nav > li {
        border-color: #e5e5e5;
    }

    .submenu-base-color .navbar-nav > li {
        border-color: rgba(255, 255, 255, 0.15);
    }

    .header-menu .navbar-nav > li > a {
        line-height: 45px;
    }

        .header-menu .navbar-nav > li > a::before {
            display: none;
        }

    .header-menu .menu-arrow {
        float: right;
        margin-left: 0;
        line-height: 43px;
    }

    .tiny-header .header-menu .menu-arrow {
        line-height: 43px;
    }

    .tiny-header .header-menu .navbar-nav > li > a {
        line-height: 45px;
    }

    .parent-list .parent-list .menu-arrow {
        line-height: 13px;
    }

    .navbar-nav > li > ul,
    .navbar-nav > li ul > li ul {
        border: 0;
        width: 100%;
        position: relative;
        left: 0 !important;
        right: auto !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }

        .navbar-nav > li > ul.animated,
        .navbar-nav > li ul > li ul.animated {
            -webkit-animation-duration: 0.0s;
            -moz-animation-duration: 0.0s;
            -ms-animation-duration: 0.0s;
            -o-animation-duration: 0.0s;
            animation-duration: 0.0s;
        }

    .mega-menu:hover ul,
    .navbar-nav > li:hover > ul,
    .navbar-nav > li ul > li:hover ul {
        display: none;
    }

    .mega-menu ul.show-sub-menu,
    .navbar-nav > li > ul.show-sub-menu,
    .navbar-nav > li ul > li ul.show-sub-menu {
        display: block !important;
    }

    .navbar-nav > li.mega-menu > ul,
    .navbar-nav > li.mega-menu > ul > li {
        border: 0;
        padding: 0;
    }

    .navbar-nav li ul li {
        border-bottom: 0;
        border-top: 1px solid transparent;
    }

    .submenu-dark .navbar-nav li ul li {
        border-color: #333333;
    }

    .submenu-grey .navbar-nav li ul li {
        border-color: #e5e5e5;
    }

    .submenu-light .navbar-nav li ul li {
        border-color: #e5e5e5;
    }

    .submenu-base-color .navbar-nav li ul li {
        border-color: rgba(255, 255, 255, 0.15);
    }

    .col-md-3.counter-block {
        width: 25%;
        float: left;
    }

    .counter-title h3 {
        font-size: 20px;
    }

    .col-md-4.shop-block,
    .col-md-3.member-block,
    .col-md-4.service-block,
    .col-md-3.portfolio-block,
    .col-md-4.portfolio-block {
        width: 50%;
        float: left;
    }

        .col-md-3.member-block:nth-child(2n+1),
        .col-md-4.service-block:nth-child(2n+1) {
            clear: left;
        }

        .col-md-4.service-block:nth-child(3n+1) {
            clear: none;
        }

    .col-md-2.client-block {
        width: 25%;
        float: left;
    }

    .nesto-cta .cta-desc {
        width: 100%;
        display: block;
        text-align: center;
    }

    .cta-button {
        float: none;
        width: 100%;
        display: block;
        overflow: hidden;
        text-align: center;
        padding-top: 25px;
    }

    .widget-cat-projects ul li,
    .widget-recent-projects ul li,
    .widget-flickr .flickr-feed li,
    .widget-recent-products-style-2 ul li {
        width: 12.5%;
    }

    .owl-theme .owl-controls .owl-buttons div {
        display: none !important;
    }

    .sidebar {
        padding-top: 30px;
    }

    .widget-social .social-icons ul li:nth-child(5n) {
        margin-right: 9px;
    }

    #countdown-dashboard .dash.hours_dash::after {
        display: none;
    }

    article.shop-block,
    article.portfolio-block {
        width: 50% !important;
    }

    article.blog-post {
        width: 100% !important;
    }

    .post-title h2 {
        font-size: 30px !important;
        line-height: 35px !important;
    }

    body.left-sidebar .main-content {
        float: none;
    }

    body.left-sidebar .sidebar {
        float: none;
    }

    .main-content article.blog-post .post {
        margin-bottom: 30px;
    }

    .widget-recent-posts .post-title h5 {
        font-size: 16px;
    }

    body.blog-grid.grid-4-columns .main-content article.blog-post .post-header,
    body.blog-grid.grid-4-columns .main-content article.blog-post .post-content,
    body.blog-grid.grid-3-columns.left-sidebar .main-content article.blog-post .post-header,
    body.blog-grid.grid-3-columns.left-sidebar .main-content article.blog-post .post-content,
    body.blog-grid.grid-3-columns.right-sidebar .main-content article.blog-post .post-header,
    body.blog-grid.grid-3-columns.right-sidebar .main-content article.blog-post .post-content,
    body.blog-grid.grid-3-columns.without-sidebar .main-content article.blog-post .post-header,
    body.blog-grid.grid-3-columns.without-sidebar .main-content article.blog-post .post-content {
        text-align: center;
        padding: 35px 20px 25px;
    }

    body.blog-timeline .main-content .post {
        margin-top: 20px;
    }

    body.blog-timeline article.blog-post.left-post .post::after,
    body.blog-timeline article.blog-post.right-post .post::after {
        display: none;
    }

    body.blog-timeline article.blog-post.left-post .post-header::before,
    body.blog-timeline article.blog-post.right-post .post-header::before {
        top: 10px;
        right: 50%;
        margin-right: -10px;
    }

    body.blog-timeline article.blog-post.left-post .post-header::after,
    body.blog-timeline article.blog-post.right-post .post-header::after {
        top: 11px;
        right: 50%;
        margin-right: -10px;
    }
}
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {

    .container {
        padding: 0 30px;
    }

    .navbar-header {
        float: left;
        display: inline-block;
    }

    .google-map,
    #gmap-style-1,
    #gmap-style-2 {
        height: 250px;
    }

    .section-title-wrapper h2 {
        font-size: 50px;
    }

    .filter-section h5 {
        width: 100%;
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .filter-section .select-input {
        width: 100%;
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
    }

        .filter-section .select-input:last-of-type {
            margin-bottom: 5px;
        }

    .container-portfolio-wide.container-portfolio-wide-without-margin .filter-section,
    .container-portfolio-wide.container-portfolio-wide-without-margin .pagination-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 45px !important;
    }

    #home-section .section-container {
        padding: 90px 0 70px;
    }

    .hero-title-wrapper .hero-title {
        margin: 0 auto;
    }

        .hero-title-wrapper .hero-title h1 {
            font-size: 30px;
        }

    .hero-title-wrapper .hero-sub-title {
        margin: 0 auto;
    }

    .hero-title-wrapper .hero-button a.btn {
        margin-top: 20px;
        margin-bottom: 10px;
    }
}
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
@media only screen and (max-width: 670px) {

    .video-section .section-container {
        padding: 100px 0 70px;
    }

    .video-section .section-title-wrapper h3 {
        font-size: 30px;
    }

    .col-md-2.client-block {
        width: 33.33333333%;
    }

    .counter-title h3 {
        font-size: 18px;
    }

    .menu-search-form .form-control {
        font-size: 25px;
        font-weight: 400;
    }

    .info-box.cart .btn.update-cart {
        float: none;
        width: 100%;
        display: block;
        margin-bottom: 15px;
    }

    .info-box.cart a.checkout-cart {
        margin: 0;
        float: none;
        width: 100%;
        display: block;
    }

    .info-box.cart .btn.apply-code {
        top: 0;
        right: 0;
        width: 100%;
        display: block;
        margin-top: 15px;
        position: relative;
    }

    .info-box.cart .form-control {
        height: 36px;
    }

    .post-title h2 {
        font-size: 25px !important;
    }

    .portfolio-item-title h4 {
        font-size: 16px;
    }

    .navbar-collapse.collapsing,
    .navbar-collapse.collapse.in {
        /*max-height: 200px;*/
    }

    .header-menu.stuck {
        position: relative;
    }

    .header.tiny-header .header-menu {
        top: 0;
        left: 0;
        position: fixed;
    }

    .header.tiny-header .site-slogan,
    .header.tiny-header .navbar-brand,
    .header.tiny-header .menu-buttons {
        display: none;
    }

    .header.tiny-header .navbar-toggle {
        float: none;
        width: 100%;
        display: block;
        margin-bottom: 17px;
    }

    .breadcrumb-title h1 {
        font-size: 30px;
    }

    .widget-cat-projects ul li,
    .widget-recent-projects ul li,
    .widget-flickr .flickr-feed li,
    .widget-recent-products-style-2 ul li {
        width: 20%;
    }

    .container-portfolio-wide.container-portfolio-wide-without-margin .section-desc {
        padding: 0 30px;
    }
}
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
@media only screen and (max-width: 590px) {

    .navbar-header {
        width: 100%;
        display: block;
    }

    .navbar-brand {
        float: none;
        width: 100%;
        display: block;
        text-align: center;
        margin: 10px auto 0;
    }

        .navbar-brand img {
            margin: 0 auto;
        }

    .site-slogan {
        padding: 0;
        width: 100%;
        float: none;
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .navbar-toggle {
        float: left;
        margin-top: 0;
    }

    .menu-buttons {
        padding-top: 0;
    }

    .top-header .left-wrapper .content-info {
        border: 0;
        padding: 0;
        width: 100%;
        display: block;
        text-align: center;
    }

        .top-header .left-wrapper .content-info:first-child {
            padding-top: 15px;
        }

        .top-header .left-wrapper .content-info:last-child {
            padding-bottom: 15px;
        }

    .content-info span {
        float: none;
        display: inline-block;
    }

    .col-md-3.counter-block {
        width: 50%;
    }

    .col-xs-6 {
        width: 100%;
    }

    .widget-cat-projects ul li,
    .widget-recent-projects ul li,
    .widget-flickr .flickr-feed li,
    .widget-recent-products-style-2 ul li {
        width: 20%;
    }

    .product-count span.spinner > .sub,
    .product-count span.spinner > .add {
        float: none;
        width: 100%;
        margin: 0 auto;
    }

    .product-count input[type=number] {
        float: none;
        width: 100%;
        display: block;
    }

    article.shop-block,
    article.portfolio-block {
        width: 100% !important;
    }

    body.portfolio-timeline article.portfolio-block.left-block .portfolio-item-header::before,
    body.portfolio-timeline article.portfolio-block.right-block .portfolio-item-header::before {
        top: -10px;
        right: 50%;
        margin-right: -10px;
    }

    body.portfolio-timeline article.portfolio-block.left-block .portfolio-item-header::after,
    body.portfolio-timeline article.portfolio-block.right-block .portfolio-item-header::after {
        top: -9px;
        right: 50%;
        margin-right: -10px;
    }

    body.portfolio-grid.portfolio-timeline .portfolio-blocks-wrapper::after {
        top: 0;
    }

    .col-md-4.shop-block,
    .col-md-3.member-block,
    .col-md-4.service-block,
    .col-md-3.portfolio-block,
    .col-md-4.portfolio-block {
        width: 100%;
    }

    .col-md-3.col-sm-6.col-xs-6 {
        width: 50%;
    }

    .section-title-wrapper h2 {
        font-size: 40px;
    }
}
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
@media only screen and (max-width: 500px) {

    .text-block img {
        width: 100%;
        float: none;
        display: block;
        margin: 0 0 10px 0;
    }

    .post-title h2,
    .menu-search-form .form-control,
    .video-section .section-title-wrapper h3 {
        font-size: 20px !important;
    }

    .comment-content {
        width: 100%;
        display: block;
    }

    .member-item-style-2 .member-header {
        float: none;
        width: 100%;
        display: block;
        margin-right: 0;
        margin-bottom: 25px;
    }

    .col-md-2.client-block {
        width: 50%;
    }

    .section-title-wrapper h2 {
        font-size: 30px;
    }

    .section-title-wrapper h1 {
        margin-top: 0;
        font-size: 100px;
    }
}
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
@media only screen and (max-width: 400px) {

    .secondary-menu ul li,
    .top-header .social-icons ul li {
        border: 0;
        float: none;
        display: inline-block;
    }

    .widget-cat-projects ul li,
    .widget-recent-projects ul li,
    .widget-flickr .flickr-feed li,
    .widget-recent-products-style-2 ul li {
        width: 33.33333333%;
    }

    .col-md-2.client-block {
        width: 100%;
    }

    .hero-title-wrapper .hero-title h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .hero-title-wrapper .hero-sub-title p {
        font-size: 20px;
    }

    .col-md-3.counter-block {
        width: 100%;
    }

    .post-title h2 {
        line-height: 23px !important;
    }
}