/* Import Basic Files
-------------------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,500,700);
@import url(http://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);




/*


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


Notes:
    Color: #18ba60;


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: normal;
    background-color: #ffffff;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font: 14px/23px 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* 1.2 Anchor
-------------------------------------------------------------------------- */
a {
    color: #18ba60;
    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: #18ba60; }
::-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: #18ba60;
}
#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: #18ba60;

    -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: #18ba60;
    text-transform: capitalize;
}
.btn.btn-nesto:hover {
    color: #ffffff;
    background-color: #232323;
}
.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: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* 2.3 Main Color
-------------------------------------------------------------------------- */
.main-color { color: #18ba60; }




/* ==========================================================================
   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: #18ba60;
}

/* 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: #18ba60 !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: #18ba60; }

/* 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: #18ba60;
}

/* 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 { background-color: #fff; transition: .5s}
.header.tiny-header .navbar-toggle { margin-top: 17px; color: #333; background: #fff;}
.header.tiny-header .navbar-brand { margin: 10px 0;   color: #333;}
.header.tiny-header .site-slogan { margin-top: 10px; color: #333;}
.header.tiny-header .navbar-nav > li > a { line-height: 70px;  color: #333;}
.header.tiny-header .menu-arrow { line-height: 68px;  color: #333;}
.header.tiny-header .menu-buttons { padding: 17px 0;  color: #333;}

.header.tiny-header .normal-logo { display: none;}
.header.tiny-header .scroll-logo { display: inline-block; }


/* ==========================================================================
   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: #18ba60; }

/* 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: #232323;
}

/* 8.4.3.2 Anchor
-------------------------------------------------------------------------- */
.top-header-dark .top-header a { color: #cccccc; }
.top-header-dark .top-header a:hover { color: #18ba60; }

/* 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: #18ba60;
    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: fixed;
    top:10;
    left: 0;

}
.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);
}

.header-menu .scroll-logo { display: none; }


/* 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: 20px 0;
    font-size: 35px;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.navbar-brand img {
    max-width: 100%;
    max-height: 50px;
    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: #fff;
    font-size: 14px;
    font-weight: 500;
    margin: 27px 0 0;
    border-radius: 4px;
    text-align: center;
    border-color: #e5e5e5;
    text-transform: uppercase;
}
.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: #18ba60;
    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: 30px;
    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: 15px;
    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: 13px;
    font-weight: 700;
    overflow: hidden;
    line-height: 90px;
    position: relative;
    text-transform: uppercase;
}
.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: #fff;
}

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

.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: #18ba60; }

.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: #18ba60; }
.header-menu-dark .header-menu .navbar-nav > li > a::before { background-color: #18ba60; }

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

.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: #18ba60;
    border-color: #ffffff;
    background-color: #ffffff;
}

.header-menu-base-color .menu-buttons ul li a.btn-icon .badge {
    color: #18ba60;
    background-color: #ffffff;
}
.header-menu-base-color .menu-buttons ul li a.btn-icon { border-color: rgba(255, 255, 255, 0.20); }


/* 9.2.5.3.3 Transparente
-------------------------------------------------------------------------- */
.header-menu-transparente-light .header-menu { background-color: none; }

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

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

.header-menu-transparente-light a.navbar-brand:hover { color: #18ba60; }
.header-menu-transparente-light .header-menu .navbar-nav > li > a::before { background-color: #18ba60; }




/* 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: #18ba60;
    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;
    text-transform: uppercase;
}

/* 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: #18ba60;
}

.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: #18ba60;
    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: #18ba60;
    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: #18ba60;
    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;
    text-transform: uppercase;
}
.secondary-menu ul li.current-page a { color: #18ba60; }




/* ==========================================================================
   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.4;
    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: #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;
}
.breadcrumb-section .section-container { padding: 65px 0 40px; }
.breadcrumb-section .main-section::after {
    top: 0;
    left: 0;
    z-index: 2;
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0.65;
    position: absolute;
    background-color: #000000;
}

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

/* 10.4.3 Title
-------------------------------------------------------------------------- */
.breadcrumb-title {
    width: 100%;
    display: block;
    overflow: none;
    margin-bottom: 4px;
    text-transform: uppercase;
}
.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;
    text-transform: uppercase;
}
.breadcrumb-sub-title h5 {
    color: #18ba60;
    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: #18ba60; }

.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: #18ba60; }

.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: #18ba60;
}

.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: #18ba60;
    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: none;
    position: relative;
    padding: 150px 0 70px;
}




/* ==========================================================================
   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;
    text-transform: uppercase;
}

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

/* 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: #18ba60; }
.post .post-meta span.meta-like a { display: block; }

/* 11.1.2.3 Title
-------------------------------------------------------------------------- */
.post .post-title {
    width: 100%;
    display: block;
    overflow: hidden;
    text-transform: uppercase;
}
.post .post-title a { color: #232323; }
.post .post-title a:hover { color: #18ba60; }

/* 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;
    text-transform: uppercase;
}

/* 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;
    text-transform: uppercase;
}

/* 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;
    text-transform: uppercase;
}

/* 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;
    text-transform: uppercase;
}

/* 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;
    text-transform: uppercase;
}

/* 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;
    text-transform: uppercase;
}

/* 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;
    text-transform: uppercase;
}

/* 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: #18ba60;
    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 15px;
}
.widget .widget-title h4 { text-transform: uppercase; }

/* 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 10px;
    padding-bottom: 10px;
    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: #18ba60; }

.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: #18ba60;
}

.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: #18ba60;
    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: #18ba60;
    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: #18ba60;
}

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

.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: #18ba60;
    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: #18ba60;
    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: #18ba60;
    font-size: 17px;
    line-height: 17px;
}

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

.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;
    text-transform: uppercase;
    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;
    text-transform: uppercase;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #e5e5e5;
}

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

/* 15.3.3 Value
-------------------------------------------------------------------------- */
.pricing-table-price .pricing-table-value {
    color: #18ba60;
    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: #18ba60;

    -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: 30px; }

/* 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: 120px !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: #18ba60;
    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;
    text-transform: uppercase;
}

/* 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: #18ba60; }

/* 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;
    text-transform: uppercase;
}

/* 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: #18ba60;
}

/* 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;
    text-transform: uppercase;
}

/* 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: #18ba60;
}

/* 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: #18ba60;
}

/* 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: #18ba60;
}
.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.9;
    padding: 10px;
    display: block;
}
.client-item a:hover { opacity: 1; }

/* 19.7.3 Hover
-------------------------------------------------------------------------- */
.client-item a img {
    width: 100%;
    display: block;
    -webkit-filter:grayscale(100%);
}

.client-item a img:hover{
    -webkit-filter:grayscale(0%);    
}


/* 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: #18ba60; }

/* 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 #18ba60;
    background-color: #18ba60;
    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: #18ba60;
    background-color: #18ba60;
}

/* 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: #18ba60; }
.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: #18ba60; }

/* 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: #18ba60;
    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;
    text-transform: uppercase;
}
.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;
    text-transform: uppercase;
}

/* 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: #18ba60;
}
.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;
    text-transform: uppercase;
}

/* 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: #18ba60;

    -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: #18ba60;
}

/* 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: #18ba60;

    -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: #666;
    font-size: 14px;
    line-height: 34px;
    border-radius: 4px;
    background: #fff;
    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: rgb(0 0 0 / 20%);
    /* 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: #18ba60; }
.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: #18ba60;
}
.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: #18ba60; }

/* 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: #18ba60;
    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: #18ba60;
    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;
    text-transform: uppercase;
    background-color: #18ba60;

    -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: #18ba60;
    background-color: #18ba60;
}
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: #18ba60;
}

/* 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: #18ba60;
}
#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;
    text-transform: uppercase;
}

/* 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: #18ba60;
}

/* 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: #18ba60;
    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;
    /* 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;
}

/* 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 { text-transform: uppercase; }

.portfolio-item-footer .portfolio-item-title a { color: #232323; }
.portfolio-item-footer .portfolio-item-title a:hover { color: #18ba60; }

/* 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.5; }

/* 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: #18ba60; }

.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: #18ba60;
    overflow: hidden;
    text-transform: uppercase;
}

/* 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: #18ba60;
    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: 40px;
}

/* 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: #18ba60;
}
.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: #18ba60;
}
.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: #18ba60;
}

/* 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;
    text-transform: uppercase;
    background-color: #18ba60;
}

/* 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: #18ba60;
}
.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: #18ba60;
}

/* 28.4 Button
-------------------------------------------------------------------------- */
#slider-section a.btn {
    font-size: 16px;
    padding: 12px 23px;
    text-transform: uppercase;
}




/* ==========================================================================
   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;
    text-transform: uppercase;
}




/* ==========================================================================
   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: #18ba60 !important;
}

/* 33.2 Top Footer
-------------------------------------------------------------------------- */
/* 33.2.1 Wrapper
-------------------------------------------------------------------------- */
.top-footer {
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 85px 0 25px;
}

/* 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: #2a2a2a;
}
.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: 25px 0;
    overflow: hidden;
    background-color: #2a2a2a;
}

/* 33.3.2 Typography
-------------------------------------------------------------------------- */
.copyright p {
    font-size: 15px;
    margin-bottom: 0;
}
.copyright p i { color: #18ba60;  }

/* 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: #18ba60;
    }

    
    .submenu-light .navbar-nav > li > a { color: #333; }
    .submenu-grey .navbar-nav > li > a { color: #333; }
    .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: 3px;

    }


    .tiny-header .header-menu .menu-arrow { line-height: 43px; color: #ccc;}
    .tiny-header .header-menu .navbar-nav > li > a { line-height: 45px; color: #ccc;}
    .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 {
   
    }
    .navbar-brand {

    }
    .navbar-brand img { margin: 0 auto; }
    .site-slogan {

    }
    .navbar-toggle {
       
    }
    .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; }

}


.botaoesportes {
    background: #fff; 
    text-align: center;  
    border-bottom: solid 4px; 
    border-color: #18ba60;
}