/**
 * @package Helix Framework
 * @author JoomShaper http://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2013 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/

/* ************************ Global style ************************ */

// Default body font configuration
body{
    font-size: 14px;
    line-height: 22px;
}

// Align Center
.center {
    text-align:center;
    th,tr,td{
        text-align:center;
    }
}
// Default row fuild style
.row-fluid {
    margin-bottom:20px;
    &:first-child{
        margin-bottom:0;
    }
}

.body-innerwrapper{
    overflow-x:hidden;
}

//home page menu
#sp-header-wrapper{
    padding: 25px 0;
    position: absolute;
    width: 100%;
    z-index: 9999;
    top: 0;
    .transition(400ms);
    &.menu-fixed{
        padding: 15px 0;
    }
}

body.homepage, body.subpage.menu-shop-variation, body.subpage.menu-shop-and-review-variation{
    #sp-header-wrapper {
        background: transparent;
    }
}

body.subpage.menu-shop-variation,
body.subpage.menu-shop-and-review-variation {
    padding-top: 0 !important;
}

#sp-header-wrapper.menu-fixed {
    position: fixed;
    display: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

// title
h3.header{
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 400;
    position: relative;
    &:after{
        position: absolute;
        content: " ";
        width: 18px;
        bottom:-10px;
        left: 50%;
    }
}

// Home module title
body.homepage, body.menu-shop-variation, body.menu-shop-and-review-variation{
    section h3.header{
        text-align: center;
    }
}

/* ************************ END:: Global style ************************ */

/* ************************ Header Start ************************ */

/* ** Main Header ** */
#sp-header-wrapper{
    // Logo
    .logo-wrapper{
        .logo{
            background-position:0 50%;
            background-repeat:no-repeat;
        }
        .logo-text{
            font-size:24px;
        }
        .logo-slogan{
            font-size:11px;
        }
    }
    //top icon
    .icon-top-wrapper{
        .top-icon{
            cursor: pointer;
            color: #fff;
            display: inline-block;
            padding: 15px 0;
            .transition(200ms);
        }
    }

    // Top Right
    #sp-top-right{
        // Top right modules
        .module {
            margin: 0;
            > div{
                float: right;
                &.gap{float: none;
                }
            }
            .ecom-top-cart{
                margin-right: 30px;
            }
        }
        // Cart
        .top-cart-wrapper{
            position: relative;
            .hikashop_cart_module{
                position: relative;
                div.hikashop_cart {
                    position: absolute;
                    right:-40px;
                    padding: 25px;
                    border-width: 0 1px 1px 1px;
                    border-style: solid;
                    border-color: #f2f2f2;
                    background:rgba(255, 255, 255, 0.95);
                    font-family: 'Raleway';
                    min-width: 180px;
                    display: none;
                    top: 30px;
                    z-index: 999;
                    &:before {
                        position: absolute;
                        content: "";
                        height: 0;
                        width: 0;
                        border-style: solid;
                        border-width: 10px;
                        border-color: transparent transparent #fff;
                        top: -20px;
                        right: 35px;
                    }
                    form {
                        width: 350px;
                        margin: 0;
                        table {
                            tbody {
                                .hikashop_cart_module_product_image {
                                    max-width: 40px;
                                }
                                .hikashop_cart_module_product_name_value {
                                    text-align: center;
                                    a {
                                        color: #333;
                                    }
                                }
                                .hikashop_cart_value {
                                    position: relative;
                                    top: 15px;
                                }
                            }
                            tfoot{
                                td{
                                    position: relative;
                                    top: 27px;
                                    &.hikashop_cart_module_product_total_title{
                                        padding-left: 10px;
                                    }
                                }
                            }
                        }
                        .hikashop_cart_input_button {
                            margin-top: 30px;
                            width: 100%;
                        }

                    }
                    input {
                        margin-top: 10px;
                        width: 30px;
                        padding: 0;
                        min-height: 30px;
                        text-align: center;
                    }
                    a.hikabtn{
                        margin-top: 50px;
                        padding: 10px 15px;
                    }
                }
            }
        }
    }

    // after clicked visible Search box
    #sp-top-right{
        // top right search
        .search{
            margin-top:10px;
            form{
                margin:0;
            }
            .top-search-wrapper{
                position: relative;
            }
        }
        .searchwrapper{
            position: absolute;
            top: -10px;
            left: 0px;
            width: 100%;
            z-index: 999;
            display: none;
            color: #fff;
            form{
                margin: 0 !important;
                .radon_search_input{
                    position: relative;
                    input[type="text"]{
                        width: 97%;
                        margin: 0px;
                        min-height: 64px;
                        background: transparent;
                        border: none;
                        font-size: 18px;
                        text-transform: uppercase;
                        .box-shadow(none);
                        color: #fff;
                    }
                }
                .icon-remove-wrapper{
                    position: absolute;
                    top: 26px;
                    right: 0;
                    z-index: 9999;
                    i.icon-remove{
                        font-size: 18px;
                        cursor: pointer;
                        text-align: center;
                    }
                }

            }
        }
    }

}
/* ** END:: Main Header ** */

/* ** Sub Header ** */
#sp-subheader-wrapper{
    padding: 20px 0;
    #subheader{
        border-bottom: 1px solid #f2f2f2;
        margin-top: 40px;
        .subheader-title{
            h3{
                font-size: 20px;
                font-weight: 600;
                text-transform: uppercase;
                padding-bottom: 14px;
                position: relative;
                &:after{
                    content: "";
                    position: absolute;
                    width: 186px;
                    height: 3px;
                    bottom: -12px;
                    left: 0;
                }
            }
        }
    }
}
/* ** END:: Sub Header ** */

//Breadcrumb

/* ** Breadcumb ** */
#sp-breadcrumb{
    text-align: right;
    ul.breadcrumb{
        margin:0;
        padding-left:0;
        padding-right:0;
        background:transparent;
        .border-radius(0);
        span.divider{
            i{
                display: none;
            }
        }
    }
    li{
        a.pathway{
            color: #a6a6a6;
            font-size: 11px;
            text-transform: uppercase;
        }
        span{
            font-size: 11px;
            text-transform: uppercase;
        }
    }

    .sp-border {
        position:relative;
        &::after {
            content: "";
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:1px;
        }
    }
}
/* ** END:: Breadcumb ** */

/* ************************ END:: Header Style ************************ */


/* ************************ Start Body Style ************************ */

// container style
#sp-main-body-wrapper {
    padding:30px 0;
    border-top:1px solid @white;
    border-bottom:1px solid @white;
}


/* ** Home Page ** */

// slideshow
#sp-slideshow-wrapper{
    #sp-smart-slider.sp-organic-life-layout{
        .sp-slider-content{
            color: #fff;
            h1.sp-title{
                font-size: 72px;
                font-weight: 800;
                margin-bottom: 0;
                line-height: 50px;
            }
            h2.sp-posttitle, .sp-introtext{
                color: inherit;
            }
            h2.sp-posttitle{
                font-size: 48px;
                margin-bottom: 20px;
                text-transform: uppercase;
                font-weight: 800;
                line-height: 48px;
            }
            .sp-introtext{
                font-size: 16px;
                max-width: 400px;
            }

        }
        .slider-arrow-nav{

        }
    }
}

// Feature
#sp-feature-wrapper{
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    h3{
        color: @white;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .sp-feature-item-wrapper{
        position: relative;
        margin: 0;
        padding:60px 30px 30px 30px;
        width: 25%;
        &:first-child {
            border-left:0;
        }
        &:last-child {
            border-right:0;
        }
        .sp-feature{
            .feature-img-wrapper{
                padding: 8px;
                border-radius: 100%;
                position: absolute;
                top: -45px;
                left: 50%;
                margin-left: -47px;
                img{
                    width: 32px;
                    height: 32px;
                    padding: 20px;
                    border: 2px solid #fff;
                    border-radius: 100%;
                    .transition(200ms);
                }
            }
        }
    }
}

// Home Latest Review
#sp-latest-review-wrapper{
    overflow: hidden;
}
.latest-review{
    // Review header
    h3.header{
        margin-bottom: 80px;
    }
    // Review item wrapper
    .itemWrapper{
        display: inline-block;
        list-style: none;
        margin: -30px -15px;
        .itemList{
            width: 33.333%;
            float: left;
            padding: 30px 15px;
            .box-sizing(~'border-box');
            // review image wrap
            .itemImageWrapper{
                position: relative;
                .moduleItemImage {
                    display: block;
                    overflow: hidden;
                    -webkit-backface-visibility: hidden;
                    -moz-backface-visibility: hidden;

                    img {
                        .scale(1);
                        .transition(~'all 400ms');
                    }

                    &:hover img {
                        .scale(1.2);
                    }

                    &:after {
                        content: " ";
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        opacity: 0;
                        .transition(400ms);
                    }

                    &:before {
                        font-family: FontAwesome;
                        content: "\f0c1";
                        font-size: 30px;
                        -webkit-font-smoothing: antialiased;
                        color: #fff;
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        margin-left: -18px;
                        margin-top: -18px;
                        width: 36px;
                        height: 36px;
                        line-height: 36px;
                        text-align: center;
                        z-index: 1;
                        .scale(0);
                        .transition(400ms);
                    }

                    &:hover:after {
                        opacity: 1;
                    }

                    &:hover:before {
                        .scale(1);
                    }

                }
                .moduleItemComments{
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    text-align: center;
                    padding: 0;
                    height: 30px;
                    width: 30px;
                    line-height: 30px;
                    display: inline-block;
                    color: #fff;
                }
            }
            // Review iem text wrap
            .itemTextWrapper{

                .entry-meta {
                    display: block;
                    margin: 5px -3px 10px;
                    >span {
                        font-size: 11px;
                        color: #999;
                        font-weight: 500;
                        letter-spacing: 0.80px;
                        text-transform: uppercase;
                        margin: 0 3px;
                    }
                }

                .moduleItemTitle{
                    padding-left: 10px;
                    font-size: 18px;
                    font-weight: 500;
                    color: #000;
                }
                .itemIntroText{
                    margin: 10px 0;
                }
            }
        }
    }
}

// Call to action
#sp-call-to-action-wrapper{
    padding: 50px 0;
    background: url('../images/call-to-action-bg.png') no-repeat 0 0;
    background-size: cover;
    background-attachment: fixed;
    // Call to action contetn
    .action-content{
        font-size: 14px;
        color: @white;
        // title text
        h2{
            font-size: 30px;
            color: @white;
            font-weight: 500;
            text-transform: uppercase;
        }
    }
    // action button
    .action-button{
        margin-top: 25px;
    }
}

// User wrapper
#sp-users-wrapper {
    padding:30px 0;
}

// Partners & Supporter / Clients
#sp-clients-wrapper{
    img{
        margin-top: 50px;
    }
}

// Newsletter
#sp-news-letter-wrapper{
    padding: 50px 0;
    background: url('../images/newsletter-bg.jpg') no-repeat 0 0;
    background-size: cover;
    background-attachment: fixed;
    .newsletter-text{
        h3,p{
            color: #fff;
        }
    }
    .newsletter-field{
        overflow: hidden;
        text-align: right;
        .acymailing_form{
            position: relative;
            top: 25px;
            span.acyfield_email{
                input{
                    border: 2px solid #fff;
                    background: transparent;
                    color: rgba(255, 255, 255, 0.6);
                    height: 30px;
                    .border-radius(0);
                }
            }
        }
        .acysubbuttons{
            position: absolute;
            margin: 0;
            text-align: left;
            top:-8px;
            right: 0;
            >input[type='submit'] {
                text-indent: -9999em;
                background: 0;
                .box-shadow(none);
                border: 0;
                padding: 18px 20px;
            }
            &:after{
                content: "\f178";
                font-family: FontAwesome;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-top: -10px;
                margin-left: -9px;
                color: #fff;
                font-size: 18px;
                font-weight: normal;
                cursor: pointer;
            }
        }
    }
}

// Home Shop Variation
.home-shop-variation {
    .mod-wrapper {
        h3.header {
            display: block;
            margin-bottom: 55px;
        }
    }
}

//Clients
#sp-clients-wrapper{
    .sp-clients {
        text-align: center;
        ul{
            margin: 0;
            padding: 0;
            li{
                list-style: none;
                display: inline-block;
                margin-right:38px;
                &:last-child{
                    margin-right: 0;
                }
                a{
                    .transition(200ms);
                    &:hover{
                        opacity: .7;
                    }
                }
            }
        }
    }
}


/* ** END:: Home Page ** */




/* ************************ END::  Body Style ************************ */

/* ************************ Bottom Style ************************ */

/* ** bottom ** */

#sp-bottom-wrapper {
    border-top: 1px solid #f2f2f2;
    background:#fff!important;
    color: #333 !important;
    h3 {
        color: #000 !important;
        text-align: left;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 3px;
        margin-bottom: 19px;
        text-transform: uppercase;
        &::after{
            display: none;
        }
    }
    //Link
    a:not(.btn){
        color:#333;
    }
    #sp-bottom1 {
        .about-info {
            margin-top: 15px;
            p{
                line-height: 15px;
            }
        }
        //Social Icons
        .btn{
            padding: 4px 6px;
            &.social{
                color:#999;
                background: transparent;
                .transition(all 200ms);
                text-decoration: none;
                &.facebook{
                    padding-left: 0;
                }
            }
        }
    }
    #sp-bottom2 {
        .custom {
            ul {
                margin-left: 0;
                li{
                    list-style: none;
                    margin-bottom: 8px;
                }
            }
        }
    }
    #sp-bottom4 h3 {
        margin-bottom: 25px;
    }
    .sp-sig {
        a {
            float:left;
            position: relative;
            overflow: hidden;
            margin: 3px;
            &::after {
                .transition(400ms);
                opacity: 0;
                content: "\f03e";
                font-family: FontAwesome;
                position: absolute;
                top: 50%;
                left: 50%;
                font-size: 16px;
                line-height: 6px;
                color: #fff;
                margin-left: -8px;
                -moz-transform: scale(0);
                -webkit-transform: scale(0);
                -o-transform: scale(0);
                -ms-transform: scale(0);
                transform: scale(0);
            }
            &::before {
                content: "";
                position: absolute;
                height: 100%;
                width: 100%;
                z-index: 1;
                opacity: 0;
                .transition(200ms);
            }
            &:hover {
                &::after {
                    opacity: 1;
                    z-index: 2;
                    -moz-transform: scale(1);
                    -webkit-transform: scale(1);
                    -o-transform: scale(1);
                    -ms-transform: scale(1);
                    transform: scale(1);
                }
                &::before {
                    opacity: 1;
                }
                img {
                    -moz-transform: scale(1.5);
                    -webkit-transform: scale(1.5);
                    -o-transform: scale(1.5);
                    -ms-transform: scale(1.5);
                    transform: scale(1.5);
                }
            }
            img {
                -webkit-transition:all 300ms;
                -moz-transition:all 300ms;
                -o-transition:all 300ms;
                transition:all 300ms;
            }
        }
    }
}

ul.social-icons {
    list-style: none;
    padding: 0;
    margin: 0 -5px;
    >li {
        display: inline-block;
        margin: 0 5px;
        >a {
            display: inline-block;
            color: #999 !important;
        }
    }
}

/*Footer*/
#sp-footer-wrapper {
    text-transform: uppercase;
    font-size: 12px;
    padding: 25px 0 15px !important;
    &:after {
        background:inherit !important;
    }
    // Footer listing
    ul {
        display:inline-block;
        .unstyled();
        li {
            display:inline-block;
            margin-left:10px;
            font-size:12px;
            a {
                color:#999
            }
        }
        // if navigation
        &.nav {
            display:inline-block;
            list-style:none;
            padding:0;
            margin:0 5px;
            li {
                display:inline-block;
                margin:0 5px;
                a {
                    display:block;
                    &:hover{
                        background:none;
                    }
                }
            }
        }
    }
    // Footer 1
    #sp-footer1 {
        // Copyright
        .copyright {
            float: left;
            display:block;
        }
        // Creadit
        .designed-by {
            float: right;
            a{
                color: #fff;
            }
        }
    }

    // Go to top
    .sp-totop{
        display:inline-block;
        i{
            color:@white;
        }
        small{
            display:none;
        }
    }

    // Helix Creadit
    .helix-framework {
        display:inline-block;

        .helix-logo {
            display:block;
            width:130px;
            height:40px;
            text-indent:-9999px;
            background:url(../images/helix-logo-white.png) no-repeat 0 0;
        }
    }
}

.ltr #sp-footer-wrapper .helix-framework{
    float:left;
    margin-right:15px;
}
.ltr #sp-footer-wrapper #sp-footer2{
    text-align:right;
}

.rtl #sp-footer-wrapper .helix-framework{
    float: right;
    margin-left: 15px;
}
.rtl #sp-footer-wrapper #sp-footer2{
    text-align: left;
}

/* ************************ END:: Bottom Style ************************ */


/* ******************************************************************* */
/* ************************ Sub Pages Styles ************************* */
/* ******************************************************************* */

/* ** About us page ** */
.about-us {
    .about-image {
        margin-bottom: 47px;
        img {
            width: 100%;
        }
    }
    .content-heading {
        text-transform: uppercase;
        color: #333333;
        margin-bottom: 38px;
        padding-bottom: 5px;
        position: relative;
        letter-spacing: 3px;
        &::after {
            content: "";
            position: absolute;
            width: 186px;
            height: 3px;
            bottom: -2px;
        }
    }
    .content-title {
        font-weight: 700;
        margin-bottom: 19px;
        text-transform: uppercase;
    }
}
/* ** END:: About us page ** */


/* ** Pricing page ** */
.sp-pricing {
    ul.plan{
        list-style: none;
        background-color: #f7f7f7;
        border-radius: 4px;
        padding-bottom: 9px;
        margin: 0;
        li {
            padding-left: 10px;
            margin-bottom: 13px;
        }
        li.plan-name {
            text-transform: uppercase;
            font-size: 18px;
            color:#333;
            padding-left: 20px;
            padding-top: 26px;
            padding-bottom:25px;
            margin-bottom: 0;
        }
        li.plan-price {
            padding-left: 20px;
            h2 {
                font-size: 14px;
                color: #fff;
                font-weight: 400;
                line-height: 47px;
                margin-top: 0;
                span {
                    font-size: 24px;
                }
            }

        }
        li.plan-details {
            margin-top: 18px;
            ul {
                list-style: none;
                margin: 0 0 42px 0;
            }
        }
        li.plan-action {
            display: block;
            text-align: center;
            .btn.btn-primary {
                display: inline-block;
                padding: 5px 35px;
                border-radius: 4px;
                font-size: 13px;
            }
        }
    }
    ul.plan.featured {
        li.plan-name {
            color: #fff;
        }
    }
}
/* ** END:: Pricing page ** */

/* ** Contact us page ** */
.contact-label{
    margin-bottom: 20px;
}

#sp-contact-info{
    padding: 40px;
    margin-top: 10px;
    margin-left: 0;
    color: rgba(255, 255, 255, 0.5);
    a{
        color: rgba(255, 255, 255, 0.5);
    }
    p{
        line-height: 15px;
    }
    h3{
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 5px;
    }
}
/* ** END:: Contact Us page ** */


/* ************************ Start Hikashop/Ecommerce Style ************************ */

/* ** Global Ecom Style ** */

// Product Detauls Vote
.hikashop_vote_stars, .hika_comment_listing_stars{
    .ui-rating {
        margin: auto;
        display: inline;
        a,span {
            cursor: pointer;
            position: relative;
            top: -1px;
            &:before {
                display: block;
                font-size: 16px;
                height: 16px;
                line-height: 16px;
                width: 16px;
            }
        }
    }

    .ui-rating-star {
        width: 16px;
        height: 16px;
        font-size: 2px;
        display: inline-block;
        text-decoration: none;
        vertical-align: bottom;
    }


    .ui-rating-full:before {
        content: "★";
    }

    .ui-rating-empty:before {
        content: "☆";
    }
    .ui-rating-hover:before{
        content: "★";
    }
    .hikashop_vote_notification_mini{
        display: block;
    }
}

// Product Pagination
.hikashop_products_pagination_bottom {
    overflow: hidden;
    margin-top: 25px;
    background: #F8F7F7;
    padding: 15px;
    .list-footer {
        margin-right: 0;
        overflow: hidden;
        .limit {
            float: left;
            select {
                margin-bottom: 0;
                margin-left: 15px;
                border-radius: 0;
            }
        }

        ul{
            float: left;
            position: relative;
            padding-left: 52px;
            margin: 5px 0 0 50px;
            list-style: none;

            .pagenav, li{
                display: inline-block;
                border-right: 1px solid #e6e6e6;
                padding-right: 10px;
                padding-left: 10px;
                cursor: pointer;
                color: #b1b1b1;
                &.hikashop_next_link{
                    position: absolute;
                    left: 0;
                    top: 0;
                }
                &.hikashop_end_link{
                    border-right: none;
                }
            }
        }
        .counter{
            float: right;
        }
    }

    .hikashop-footer-pagination-bottom{
        clear: both;
        text-align: center;
        margin-top: 20px;
    }
}

/* ** END:: Global Ecom Style ** */


/* ** Product Category list page ** */
.hikashop_subcategories {
    margin: -15px;
    .hikashop_container {
        padding: 15px;
        .hikashop_subcontainer {
            border: 1px solid#f2f2f2;
            overflow: hidden;
            .transition(200ms);
            .hikashop_category_image {
                max-width: 100%;
            }
            .hikashop_category_name {
                padding-bottom: 25px;
                display: block;
                a {
                    font-size: 12px;
                    text-transform: uppercase;
                    color: #333;
                    font-weight: 600;
                    letter-spacing: 2px;
                }
            }
        }
    }
}

/* ** END:: Product Category list page ** */

/* ** Product list page ** */
.hikashop_products {
    margin: -15px;
    ul.thumbnails{
        margin: -15px;
        li{
            padding: 15px;
            margin: 0;
        }
    }
    .hikashop_product {
        float: left;
        .hikashop_container {
            padding: 15px;
            .hikashop_subcontainer {
                .product-listing-info-wrapper{
                    border: 1px solid#f2f2f2;
                    border-bottom: 0;
                    overflow: hidden;
                    .transition(200ms);
                    padding-bottom: 22px;
                    .hikashop_product_image_subdiv {
                        max-width: 100%;
                    }

                    .hikashop_product_price_full {
                        display: block;
                        margin-top: 3px;
                        margin-bottom: 5px;
                        .hikashop_product_price {
                            color: #999999;
                            font-size: 14px;
                            font-weight: 600;
                        }
                        .hikashop_product_price_per_unit {
                            display: none;
                        }
                    }
                    .hikashop_product_name {
                        a {
                            font-size: 12px;
                            text-transform: uppercase;
                            color: #333;
                            font-weight: 600;
                            letter-spacing: 2px;
                        }
                    }
                }
                .hikabtn.hikacart {
                    position: relative;
                    color: #fff;
                    background: #62a83d;
                    border: none;
                    border-radius: 0;
                    padding: 15px 20px;
                    display: block;
                    text-transform: uppercase;
                    font-weight: 500;
                    &:before {
                        content: "\f07a";
                        position: absolute;
                        left: 15%;
                        font-family: FontAwesome;
                        font-size: 20px;
                        color: #fff;
                        top: 10px;
                    }
                }
            }
        }
    }
}
.hikashop_products_pagination{
    .pagination ul li a{
        padding: 0;
        background: none;
        border: none;
        font-size: 14px;
    }
}
/* ** END:: Product list page ** */

/* ** Product details page ** */


//product details

#hikashop_product_name_main{

    font-size: 18px;
    font-weight: 400;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.hikashop_product_page{
    .hikashop_product_left_part{
        .hikashop_global_image_div{
            .hikashop_main_image_div{
                .hikashop_product_main_image_thumb{
                    div{
                        position: inherit !important;
                        width: auto !important;
                        margin-top: -18px;
                    }
                    #hikashop_main_image{
                        border: 1px solid #f2f2f2;

                    }
                }
                .product-image-popup{
                    position: relative;
                    right: -45%;
                    top: 38px;
                    color: #c0c0c0;
                }
            }
        }
    }
}
// Product Right part
#hikashop_product_right_part{
    .hikashop_product_price_main{
        font-size: 14px;
        font-weight: 500;
    }
    #hikashop_product_quantity_main{
        display: flex;
        .hikashop_product_quantity_field{
            width: 55px;
            height: 36px;
            vertical-align: top;
            .border-radius(0);
        }
        .quantiy-modify-wrapper{
            background: #62a83d;
            padding: 6px;
            margin-left: -5px;
            z-index: 10;
            position: relative;
            top: -5px;
            >a {
                display: block;
                color: #fff;
                line-height: 1;
            }
        }
        .hikabtn.hikacart{
            padding: 13px 30px;
            margin-bottom: 12px;
            margin-left: 20px;
            position: relative;
            background: #62a83d;
            color: #fff;
            border: none;
            border-radius: 0;
        }

    }
    .hikashop_product_description_main{
        color: #676767;
        p{
            margin-top: 15px;
        }
    }
}
// Product Images Thumb
#hikashop_small_image_div{
    text-align: center;
    .hikashop_child_image{
        border: 1px solid #f2f2f2;
        width: 110px;
        margin-right: 12px;
    }
}

.hikashop_category_information{
    h2{
        font-size: 20px;
        font-weight: 400;
        color: #010101;
        text-transform: uppercase;
        padding-bottom: 13px;
        margin: 0 0 32px;
        position: relative;
        letter-spacing: 4px;
    }
}


// Product info tab

.product-details-bottom{
    margin-top: 60px;
    .tab{
        border: 1px solid #f2f2f2;
        margin-bottom: 20px;
    }
    .tabbale{
        ul.nav-tabs{
            border-bottom: 0;
            background: #fafafa;
            li{
                a{
                    color: #676767;
                    font-size: 12px;
                    font-weight: 500;
                    text-transform: uppercase;
                    padding: 20px 25px;
                    .border-radius(0);
                    border-right: 1px solid #f2f2f2;
                    margin: 0;
                    &:hover{
                        color: #fff;
                        border: 1px solid transparent;
                    }
                }
            }
            li.active{
                a{
                    color: #fff;
                    border: 1px solid transparent;
                }
            }
        }
    }
    .tab-content{
        padding: 25px;
        color: #969696;
        .tab-pane{
            .ui-corner-all{
                margin-bottom: 20px;
                span.hika_vote_listing_username{
                    font-size: 14px;
                    color: #000;
                    font-weight: 500;
                    text-transform: uppercase;
                }
                .ui-rating{
                    >span{
                        cursor: inherit;
                        &:before{
                            display: inline-block;
                        }
                    }
                }
                .product-review-date{
                    font-size: 13px;
                    color: #969696;
                    font-weight: 400;
                    margin-bottom: 10px;
                }
                .hika_comment_listing_content{
                    font-size: 13px;
                    font-weight: 400;
                    color: #969696;
                }
            }
            .comment_textarea{
                >textarea{
                    width:95%;
                }
            }
            .product-comment-input{
                >input{
                    width: 90%;
                }
            }
        }
    }
}


/* ** END:: Product details page ** */

/* ** hikashop_checkout_page page ** */
.hikashop_checkout_page {
    form > div{margin-bottom: 30px;}
    h4,h2 {
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 25px;
        border-bottom: 1px solid #f2f2f2;
        text-align: center;
        padding-bottom: 15px;
        padding-top: 5px;
    }
    .hikashop_checkout_login {
        .hikashop_checkout_login_left_part {
            padding-left: 15px;
            #hikashop_checkout_login_form{
                padding: 0 20px;
                border:1px solid #f2f2f2;
                >div, >ul{padding: 0 25px;}
                .ecom-login-input-wrapper{
                    overflow: hidden;
                    >label{
                        width: 30%;
                        float: left;
                        padding: 8px 0;
                        margin: 0;
                    }
                    >input{
                        width: 60%;
                        float: left;
                    }
                }
                #com-form-login-username{
                    display: table;
                    width: 100%;
                }
                #com-form-login-password{
                    display: table;
                    width: 100%;
                }
                ul.com-form-forget-pass-wrapper{
                    list-style: none;
                    margin: 10px 0 20px 0;
                    li{
                        display: inline-block;
                        padding-right: 10px;
                        margin-right: 10px;
                        border-right: 1px solid #f2f2f2;
                        &:last-child{
                            padding-right: 0;
                            margin-right: 0;
                            border-right: none;
                        }
                    }
                }
                .control-group 	{
                    .btn.btn-primary {
                        padding: 10px 35px;
                        width: 100%;
                    }
                }
                .userdata.form-inline {
                    padding: 0 25px 15px;
                }
                .hikabtn_checkout_login_form {
                    width: 100%;
                    background: @link_color;
                    min-height: 40px;
                    color: #fff;
                    border: none;
                    border-radius: 0;
                    padding: 15px 30px;
                    margin-bottom: 0px;
                }
                ul{
                    list-style: none;
                    margin: 0;
                    padding: 20px 0;
                    text-align: center;
                    li{
                        padding: 3px 0;
                    }
                }
            }
        }
        .hikashop_checkout_login_right_part{
            border: 1px solid #f2f2f2;

            h2 {
                font-size: 14px;
                text-transform: uppercase;
            }
            input {
                width: 185px;
                float: left;
                &.button[type="submit"]{
                    width: 100%;
                }
            }
            .form-horizontal {
                padding: 0 20px;
                select {
                    padding: 9px;
                    width: 64%;
                }
                .btn.btn-primary {
                    width: 94%;
                }
                .control-label {
                    text-align: left;
                    float: left;
                    width: 30%;
                }
                .controls {
                    float: none !important;
                    margin-left: 0;
                }
                .address-info-title {
                    margin-left: -20px;
                }
            }
        }
        .hikashop_field_required {
            float: right;
            padding-left: 5px;
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        }
    }
    .hikashop_checkout_billing_address {
        input[type='button'] {
            padding: 10px 35px;
        }
        .table td {
            border: 0;
        }
    }
    .hikashop_shipping_methods {
        table {
            tr {
                float: left;
            }
            input {
                margin-right:10px;
            }
            input, label {
                float: left;
            }
        }
        .shiping_name {
            display: none;
        }
    }
    .hikashop_payment_methods_table {
        .payment_label {
            display: none;
        }
        input, label {
            margin-right:10px;
            margin-bottom: 0;
        }
        tr {
            float: left;
            margin-right: 8px;
            padding: 5px 3px;
            td{
                border: 0;
                background: transparent;
                .transition(200ms);
            }
            &:hover{
                background: #f2f2f2;
            }
        }
        .hikashop_checkout_payment_ccinfo {
            display: none;
        }
    }

    legend, h1 {
        position: relative;
        margin-bottom: 25px;
        display: block;
        width: 100%;
        padding: 0;
        font-size: 22px;
        line-height: 40px;
        color: #333;
        font-weight: normal;
        &::after {
            content: "";
            position: absolute;
            left: 0;
            width: 135px;
            bottom: -1px;
        }
    }

    #hikashop_checkout_coupon_input,
    .hikashop_cart_input_button {
        width: auto;
    }

    .hikashop_product_quantity_field {
        padding: 0;
        min-width: 50px;
    }
    #com-form-login-remember{
        margin: 20px 0;
        >*{display: inline-block; margin: 0;}
        .checkbox {
            margin-top: 12px;
            margin-bottom: 12px;
        }
    }
    .hikabtn_checkout_login_form {
        background: @link_color;
        color: #fff;
        border: none;
        border-radius: 0;
        padding: 10px 29px;
        margin-bottom: 20px;
    }

}

.hikashop_checkout_login_right_part {
    input[type="text"]:focus,
        input[type="password"]:focus {
    }
    .input {
        .hikashop_contentpane {
            padding: 0 25px;
            display: block;
        }
    }
    select {
        max-width: 185px;
        height: 38px !important;
        float: left;
    }
    .hikabtn_checkout_login_register {
        width: 100%;
        background: @link_color;
        min-height: 40px;
        color: #fff;
        border: none;
        border-radius: 0;
        padding: 15px 30px;
    }
    h3.hikashop_registration_address_info_title{
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 25px;
        border-bottom: 1px solid #f2f2f2;
        text-align: center;
        padding-bottom: 5px;
        margin-top: 5px;
    }
}
.hikashop_checkout_login{
    div.hikashop_messages.hikashop_success{
        background-color: @link_color;
        border-color: @link_color;
        color: #fff;
        margin: 0;
        font-weight: 400;
        padding: 10px 20px;
    }
}

/* ** END:: hikashop_checkout_page page ** */

/* ** Hikashop_cart page ** */



/* ** END:: Hikashop_cart page ** */

/* ** hikashop_checkout_cart ** */
.hikashop_checkout_coupon {
    .hikabtn_checkout_coupon_add {
        vertical-align: top;
        padding: 10px 29px;
        margin-left: 20px;
        color: #fff;
        background: @link_color;
        border: none;
        border-radius: 0;
    }
}

.hikashop_checkout_cart {
    margin: 35px 0;
    .hikashop_cart_product_image_thumb {
        img {
            max-width: 70px;
        }
    }
    .hikashop_cart_product_name_value, .table td {
        vertical-align: middle;
    }

    .hikashop_cart_product_quantity_value {
        input[type="text"] {
            width: 25px;
            text-align: center;
            vertical-align: middle;
            float: left;
        }
        .hikashop_cart_product_quantity_refresh {
            margin-left: 10px;
        }
        .hikashop_cart_product_quantity_delete,
        .hikashop_cart_product_quantity_refresh {
            float: left;
            padding: 8px 10px;
        }

    }
}
.hikashop_checkout_buttons{
    .hikabtn.hikabtn_checkout_next{
        padding: 10px 29px;
        margin-top: 20px;
        color: #fff;
        background: @link_color;
        border: none;
        border-radius: 0;
    }
}
/* ** END:: hikashop_checkout_cart ** */

/* ** Address-Pop-up ** */
#hikashop_address_form_header_iframe {
    text-transform: uppercase;
    font-size:14px;
    letter-spacing: 1px;
    padding-bottom: 8px;
    margin-bottom: 25px;
    position: relative;
    border-bottom: 1px solid #9fca88;
    &::after {
        content: "";
        position: absolute;
        left: 0;
        width: 135px;
        bottom: -1px;
        border-bottom:1px solid #386f1b;
    }

}
#hikashop_address_form_span_iframe {
    table {
        width: 100%;
    }
    select.hikashop_field_dropdown {
        width: 90%;
        padding: 7px;
    }
    input[type="text"], select {
        border-color: #c2c2c2;
        min-height: 30px;
        border-radius: 0;
        margin-left: 15px;
        width: 90%;
        margin-bottom: 10px;
    }
    input[type="submit"].btn {
        padding: 10px 25px;
        width: 100%;
        margin-top: 15px;
        background: @link_color;
        &:hover{
            background: lighten(@link_color, 10%);
        }
    }
}

#sbox-window {
    background-color: rgba(255, 255, 255, 0.9)
}
#sbox-content {
    background-color: transparent;
}

.contentpane{
    font-family: 'Raleway';
}
/** * END: Address-Pop-up ** */


/** * Add to cart Pop-up ** */

#hikashop_notice_box_content{
    #hikashop_notice_box_message .hikashop_success{
        padding: 10px;
        border: transparent;
        background: transparent;

        ul{
            list-style: none;
            text-align: center;
            padding: 0;
            color: #333;
        }
    }
    #hikashop_add_to_cart_continue_div, #hikashop_add_to_cart_checkout_div{
        input[type="submit"]{
            background: @link_color;
            &:hover{
                background: darken(@link_color, 10%);
            }
        }
    }

    #hikashop_add_to_cart_continue_div{
        float: left;
        width: 48%;
        margin-right: 4%;
    }
    #hikashop_add_to_cart_checkout_div{
        float: left;
        width: 48%;
    }
}


/** * END: Add to cart Pop-up ** */

/* ************************ END:: Start Hikashop/Ecommerce Style ************************ */

/* ** Blog CSS ** */
div#itemListPrimary > div{
    margin-bottom: 0;
}
.pagination{
    text-align: center;
}
.pagination ul{
    .box-shadow(none);
}
.pagination ul li a{
    font-size: 20px;
    border-left-width: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    padding: 5px 15px;
    background-color: 0;
    border: 0;
    border-right: 1px solid #e6e6e6;
    color: #8e8e8e;
}
.pagination ul li a:hover{
    background: none;
}
.pagination ul>li:last-child>a{
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}


//k2 pagination 
.k2Pagination{
    text-align: center;
}
.k2Pagination ul{
    .box-shadow(none);
}
.k2Pagination ul li a{
    font-size: 20px;
    border-left-width: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    padding: 5px 15px;
    background-color: 0;
    border: 0;
    border-right: 1px solid #e6e6e6;
    color: #8e8e8e;
}
.k2Pagination ul li a:hover{
    background: none;
}
.k2Pagination ul>li:last-child>a{
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.k2Pagination ul li.pagination-active a, .pagination ul li.pagination-active span {
    color: #62a83d;
}

/* ************************ END:: Sub pages css ************************ */


/* ************************ Right CSS ************************ */
#sp-right {
    h3.header {
        text-align: left ;
        font-size:14px;
        letter-spacing: 1px;
        padding-bottom: 20px;
        margin-bottom: 8px;
        position: relative;
        &::after {
            content: "";
            position: absolute;
            left: 0;
            width: 135px;
            bottom: -1px;
        }
    }
    .mod-wrapper {
        border: 1px solid#f2f2f2;
        padding: 25px;
        span.sp-badge {
            display: none;
        }
        .ecom-categories {
            .hikashop_subcategories{
                margin: 0;
                .hikashop_container{
                    padding: 0;
                }
            }
            .hikashop_category{
                .hikashop_subcontainer{
                    margin: 0;
                    border: 0;
                    .hikashop_category_name{
                        border-top: 1px solid #f2f2f2;
                    }
                }

                &:first-child {
                    .hikashop_subcontainer .hikashop_category_name{
                        border-top: 0;
                    }
                }
            }
            .hikashop_category_information {
                .hikashop_category_name {
                    padding-bottom: 0;
                    a {
                        font-size: 11px;
                        color: #676767;
                        text-transform: uppercase;
                        line-height: 37px;
                    }
                }
            }
        }
        /* ** this place for top rated products ** */
    }
    .sp-right-advertiesment {
        .mod-wrapper {
            border:none;
            text-align: center;
        }
    }
    /* Shop right */
}

// Top Rated Products
.ecom-top-products{
    .hikashop_category_information.hikashop_products_listing_main{
        >h2{
            display: none;
        }
    }
    .hikashop_products{
        margin: 0;
        .hikashop_product{
            margin: 0px;
            padding: 10px;
            border-top: 1px solid #f2f2f2;
            &:first-child{
                border-top: none;

            }
            .hikashop_container{
                padding: 0;
                .hikashop_subcontainer{
                    border: 0;
                    .product-listing-info-wrapper{ padding-bottom: 0;}
                    .hikashop_product_image{
                        float: left;
                        margin-right: 10px;
                        img{
                            .scale(1);
                            .transition(~'all 400ms');
                        }

                    }
                    .hikashop_product_price_full{
                        margin-bottom: 0;
                    }
                    .product-listing-info-wrapper{
                        border: none;
                        &:hover{
                            img.hikashop_product_listing_image{
                                .scale(1.2);
                            }
                        }
                    }
                }
            }
        }
    }
}


/* ************************ END:: Right CSS ************************ */



/*Buttons*/
button,
input[type='submit'],
input[type='button'],
submit {
    .btn();
    &:hover{
        color: #fff;
    }
}

/* ************************ Animations ************************ */
.carousel.scale{
    .item.active{
        .row-fluid{
            >div{
                &:nth-child(1){
                    -webkit-animation: scaleUp 200ms linear 0ms both;
                    -moz-animation: scaleUp 200ms linear 0ms both;
                    -ms-animation: scaleUp 200ms linear 0ms both;
                    -o-animation: scaleUp 200ms linear 0ms both;
                    animation: scaleUp 200ms linear 0ms both;
                }
                &:nth-child(2){
                    -webkit-animation: scaleUp 200ms linear 100ms both;
                    -moz-animation: scaleUp 200ms linear 100ms both;
                    -ms-animation: scaleUp 200ms linear 100ms both;
                    -o-animation: scaleUp 200ms linear 100ms both;
                    animation: scaleUp 200ms linear 100ms both;
                }
                &:nth-child(3){
                    -webkit-animation: scaleUp 200ms linear 200ms both;
                    -moz-animation: scaleUp 200ms linear 200ms both;
                    -ms-animation: scaleUp 200ms linear 200ms both;
                    -o-animation: scaleUp 200ms linear 200ms both;
                    animation: scaleUp 200ms linear 200ms both;
                }
                &:nth-child(4){
                    -webkit-animation: scaleUp 200ms linear 400ms both;
                    -moz-animation: scaleUp 200ms linear 400ms both;
                    -ms-animation: scaleUp 200ms linear 400ms both;
                    -o-animation: scaleUp 200ms linear 400ms both;
                    animation: scaleUp 200ms linear 400ms both;
                }
                &:nth-child(5){
                    -webkit-animation: scaleUp 200ms linear 600ms both;
                    -moz-animation: scaleUp 200ms linear 600ms both;
                    -ms-animation: scaleUp 200ms linear 600ms both;
                    -o-animation: scaleUp 200ms linear 600ms both;
                    animation: scaleUp 200ms linear 600ms both;
                }
                &:nth-child(6){
                    -webkit-animation: scaleUp 200ms linear 800ms both;
                    -moz-animation: scaleUp 200ms linear 800ms both;
                    -ms-animation: scaleUp 200ms linear 800ms both;
                    -o-animation: scaleUp 200ms linear 800ms both;
                    animation: scaleUp 200ms linear 800ms both;
                }
            }
        }
    }
}

@keyframes scaleUp {
    0% {
        opacity: 0;
        transform: scale(.3);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }

}

@-moz-keyframes scaleUp {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }

}

@-webkit-keyframes scaleUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }

}

@-ms-keyframes scaleUp {
    0% {
        opacity: 0;
        -ms-transform: scale(.3);
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1);
    }

}

@-o-keyframes scaleUp {
    0% {
        opacity: 0;
        -o-transform: scale(.3);
    }
    100% {
        opacity: 1;
        -o-transform: scale(1);
    }

}


@-webkit-keyframes scaleDown {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }

}
/* ************************ END:: Animations ************************ */

/* Updated on 2 fab 2015 */

//Animation

#sp-feature-wrapper .sp-feature-item-wrapper .sp-feature .feature-img-wrapper a, #sp-feature-wrapper .sp-feature-item-wrapper .sp-feature .feature-img-wrapper{
    color: #fff;
    font-size: 32px;
}

#sp-feature-wrapper .sp-feature-item-wrapper .sp-feature .feature-img-wrapper i:before {
    height: 80px;
    width: 80px;
    line-height: 80px;
    border: 2px solid #fff;
    border-radius: 100%;
    .transition(200ms);
}

.itemRatingList a, .itemRatingList .itemCurrentRating {
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 1000px;
    height: 18px;
    line-height: 18px;
    outline: none;
    overflow: hidden;
    border: none;
    cursor: pointer;
}
.mfp-content button.mfp-close:hover {
    background:transparent;
}
span.itemImage {
    display: block;
    text-align: center;
    position: relative;
    z-index: 1;
}
.mfp-wrap img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 10px;
    margin: 0 auto;
    background: rgba(255,255,255,0.9);
    border-radius: 3px;
}
.mfp-wrap .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -22px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
    top: -30px;
}