/*
*******************************************
*******************************************

Template Name: Shophia - Shop HTML5 Responsive Template
Author: Hassan Rasu
Version: 1.0
Template By: Themescare

* This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.

This files contents are outlined below >>>>

*** SEARCH EACH SECTION AS IT COMMENTS, YOU WILL GET THE RIGHT SECTION.

*******************************************
*******************************************

==== CSS INDEX

01 - IMPORTED CSS
02 - DEFAULT CSS
03 - PAGINATION CSS
04 - BREADCROMB CSS
05 - SCROLL TOP BTN CSS
06 - HEADER CSS
07 - MAIN SLIDER CSS
08 - SUPPORT AREA CSS
09 - HANDPICKED AREA CSS
10 - PRODUCTS AREA CSS
11 - PROMO AREA CSS
12 - BLOG AREA CSS
13 - BRAND AREA CSS
14 - FOOTER  AREA CSS
15 - SHOPPAGE AREA CSS
16 - SHOPPAGE SIDEBAR CSS
17 - SHOPPAGE LIST-VIEW CSS
18 - CART PAGE CSS
19 - CHECKOUT PAGE CSS
20 - SINGLE SHOP CSS
21 - ABOUT PAGE CSS
22 - CONTACT PAGE CSS
23 - FAQS PAGE CSS
24 - LOGIN PAGE CSS
25 - 404 PAGE CSS
26 - PORTFOLIO PAGE CSS
27 - PORTFOLIO SINGLE PAGE CSS
28 - BLOG SIDEBAR CSS
29 - SINGLE BLOG CSS



*/

@font-face {font-family: 'Snell Roundhand';font-style: normal;font-weight: normal;src: local('Snell Roundhand'), url('../fonts/SnellRoundhand.woff') format('woff');}                                                                                                                                                                  
@font-face {font-family: 'Snell Roundhand Bold';font-style: normal;font-weight: normal;src: local('Snell Roundhand Bold'), url('../fonts/SnellRoundhand-Bold.woff') format('woff');}
@font-face {font-family: 'Snell Roundhand Black';font-style: normal;font-weight: normal;src: local('Snell Roundhand Black'), url('../fonts/SnellRoundhand-Black.woff') format('woff');}
@font-face {font-family: "Rockwell Bold"; src: url(../fonts/rock_bold.ttf);}
@font-face {font-family: "Rockwell Regular"; src: url(../fonts/rock_regular.ttf);}


/*================================================
01 - IMPORTED CSS
==================================================*/
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700');


/*================================================
02 - DEFAULT CSS
==================================================*/ 

body {
    font-family: "Lato";
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    overflow-x: hidden;
    background-color: #000;
}
html,body { 
    height: 100%;
}
img {
    max-width: 100%;
    height: auto
}
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
}
a{
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: inherit
}
a:focus {
    text-decoration: none;
    outline: medium none;
    color: inherit
}
a:hover {
    color: inherit;
    text-decoration: none;
    color: inherit
}
ul, ol {
    margin: 0;
    padding: 0;
}
li {
    list-style-type: none;
}
.section_100 {
    padding: 100px 0;
}
.shophia-handpicked-area {
  background-color: #000;
}
.section_50 {
    padding: 15px 0;
}
.section_15{
    padding: 15px 0
}
.pad-right{
    padding-right: 0
}
.section_t_100{
    padding-top: 100px
}
.section_b_70{
    padding-bottom: 70px
}
.section_t_50{
    padding-top: 50px
}
.section_b_20{
    padding-bottom: 20px
}
.shophia-btn {
    border: 3px solid #ed80ed;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 3px;
    padding: 10px 25px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.shophia-btn:hover{
    background: #ed80ed none repeat scroll 0 0;
    color: #fff
}
.shophia-section-heading:before {
    background: #ddd none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 15px;
    width: 38%;
}
.shophia-section-heading:after {
    background: #ddd none repeat scroll 0 0;
    content: "";
    height: 2px;
    position: absolute;
    right: 0;
    top: 15px;
    width: 38%;
}
.shophia-section-heading {
    margin-bottom: 30px;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
}
.shophia-section-heading > h2{
    color: #FFFFFF;
    font-family: "Crimson Text",serif;
    font-size: 35px;
    font-style: italic;
    font-weight: 600;
    text-transform: capitalize;
}
.no-pad{
    padding: 0
}


/*================================================
03 - PAGINATION CSS
==================================================*/ 

.pagination {
    margin: 20px 0 0;
}
.pagination-box {
    text-align: center;
}
.pagination a {
    color: #555 !important;
    border: 1px solid #ed80ed  !important
}
.pagination .active > a, .pagination a:hover {
    background: #ed80ed  none repeat scroll 0 0 !important; 
    color: #fff !important
}


/*================================================
04 - BREADCROMB CSS
==================================================*/ 
.breadcromb-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.shophia-breadcromb-area {
    background: url('../img/breadcromb.jpg') repeat fixed 0 0;
    text-align: center;
    position: relative
}
.breadcromb > h2 {
    color: #fff;
    font-family: "Raleway",sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 6px;
/*    margin-bottom: 20px; */
    text-transform: uppercase;
}
.breadcromb ul {
    margin-top: 10px;
}
.breadcromb ul li {
    color: #fff;
    display: inline-block;
    font-weight: 700;
    margin: 0 5px;
    text-transform: capitalize;
    font-size: 16px
}
.breadcromb ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
.breadcromb ul li a:hover{
    color: #ed80ed 
}

/*================================================
05 - SCROLL TOP BTN CSS
==================================================*/ 

.scroll-to-top {
    background-color: #ed80ed;
    bottom: 20px;
    color: #fff;
    display: block;
    font-size: 1.285em;
    height: 50px;
    line-height: 50px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: fixed;
    right: 20px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
    width: 50px;
    z-index: 1040;
}
.scroll-to-top:hover{
    background-color: #212121;
    color: #fff
}
.scroll-to-top.visible {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/*================================================
06 - HEADER CSS
==================================================*/ 

.shophia-header-top-area{
    background: #181818 none repeat scroll 0 0;
    color: #fff;
    /* text-transform: capitalize */
}
.header-top-left > a, .header-top-right > a {
    margin-right: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 26px
}
.header-top-left > a:last-child, .header-top-right > a:last-child {
    margin-right: 0px;
}
.header-top-left a i {
    margin-right: 2px;
}
.header-top-right {
    text-align: right;
}
.header-top-right .dropdown-top {
    display: inline-block;
}
.header-top-right button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-weight: 700;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 26px
}
.header-top-right .dropdown-top.open .dropdown-menu-top{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    z-index: 99
}
.header-top-right .dropdown-menu-top {
    background: #212121 none repeat scroll 0 0;
    border: 0 solid #ddd;
    border-radius: 0;
    min-width: 110px;
    padding: 0;
    position: absolute;
    visibility:hidden;
    z-index: -9;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    text-align: left;
}
.header-top-right .dropdown-menu-top > li {
    border-bottom: 1px solid #555;
    color: #eee;
    cursor: pointer;
    display: block;
    font-weight: 700;
    margin: 2px 0;
    padding: 3px 10px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    font-size: 14px;
    line-height: 26px
}
.header-top-right .dropdown-menu-top > li:last-child {
    border-bottom: 0 solid #ddd;
}
.dropdown-menu-top.language-drop {
    min-width: 45px;
}
.navbar-nav > .megamenu {
    position: static;
}
.navbar-nav > .megamenu.open .dropdown-menu {
    left: 15px;
    padding: 0;
    right: 15px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 97%;
    text-align: center;
}
.nav.navbar-nav{
    float: right
}
.navbar-nav > .megamenu .mega-menu-content {
    padding: 0 25px;
}
.navbar-nav > .megamenu .mega-menu-content .menu-column {
    padding: 30px 10px;
}
.menu-image > img {
    width: 100%;
}
.list-thumbs-pro .product {
    margin-bottom: 0;
    overflow: hidden;
}
.list-thumbs-pro .product + .product {
    border-top: 1px dotted #282828;
    margin-top: 20px;
    padding-top: 20px;
}
.navbar-default {background: #fff;border-bottom: medium none;margin-bottom: 0;border-top: none;}
.navbar-nav li a {
    color: #000 !important;
    display: block;
    font-size: 15px;
    font-weight: 700;
    padding: 30px 20px;
    text-transform: uppercase;
}
.navbar-nav li a:hover{
    color: #ed80ed !important
}
.navbar-header {
    margin: 10px 0;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
    background-color: transparent
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{
    background-color: transparent;
    color: #ed80ed !important
}
.navbar-default .navbar-nav > .current-page-item > a, .navbar-default .navbar-nav > .current-page-item > a:focus, .navbar-default .navbar-nav > .current-page-item > a:hover{
    color: #ed80ed !important
}
.menu-column > h3 {
    color: #303030;
    font-family: "Raleway",sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.navbar-nav li .list-unstyled a{
    font-size: 14px !important;
    padding:  0 !important;
    color: #666 !important;
    display: inline-block
}
.navbar-nav li .list-unstyled a:hover{
    color: #ed80ed !important
}
.menu-image {
    margin-bottom: 20px;
}
.no-margin{
    margin-bottom: 0px
}
.list-unstyled li{
    margin: 15px 0
}
.list-unstyled {
    margin-top: 30px
}
.cart-icon {
    background: rgba(0, 0, 0, 0) url("../img/icon-cart.png") no-repeat scroll 0 0;
    color: #303030;
    display: inline-block;
    height: 36px;
    position: relative;
    top: 24px;
    width: 35px;
    border: medium none
}
.cart-icon > span {
    background-color: #ed80ed;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    height: 15px;
    line-height: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -9px;
    width: 15px;
}
.search-icon > i{
    font-size: 20px;
}
.navbar-collapse ul li.open .mega-menu{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}
.navbar-collapse ul li.open .dropdown-menu{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}
.navbar-collapse ul li .mega-menu {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ececec;
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
    display: block;
    left: 15px;
    margin: 0;
    min-width: 200px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 30px 0;
    position: absolute;
    top: 100%;
    right: 15px;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: opacity 0.4s ease 0s, visibility 0.4s linear 0s, -webkit-transform 0.4s ease 0s;
    transition: opacity 0.4s ease 0s, visibility 0.4s linear 0s, -webkit-transform 0.4s ease 0s;
    transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, visibility 0.4s linear 0s;
    transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, visibility 0.4s linear 0s, -webkit-transform 0.4s ease 0s;
    visibility: hidden;
    z-index: 50;
}
.dropdown-menu a {
    padding: 10px 20px !important;
}
.dropdown-menu a:hover{
    color: #ed80ed !important;
    background: transparent !important
}
.cart-menu > a {
    background: rgba(0, 0, 0, 0) url("../img/icon-cart.png") no-repeat scroll 0 0;
    color: #303030;
    display: inline-block;
    height: 36px;
    position: relative;
    top: 20px;
    width: 35px;
    cursor: pointer
}   
.cart-menu a > span {
    background-color: #ed80ed;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    height: 15px;
    line-height: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -9px;
    width: 15px;
}
.search-icon {
    font-size: 20px;
    line-height: 60px;
}
.search-wrapper {
    background: rgba(13, 13, 13, 0.66) none repeat scroll 0 0;
    color: #fff;
    padding-top: 10%;
}
.modal-content {
    /*background: transparent none repeat scroll 0 0;
     border: medium none;*/
    background: #4b4b4b none repeat scroll 0 0;
    border: medium solid black;
    border-radius: 0;
    box-shadow: 0 0 0;
}
.modal-content .close {
    color: #fff;
    font-size: 35px;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.cart-menu {
    text-align: right;
}
.form-inline.form-search {
    height: 50px;
    position: relative;
    margin-top: 30px
}
.form-control.input-lg {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #777;
    border-radius: 0;
    color: #fff;
    height: 100%;
    padding-right: 17%;
    position: absolute;
    width: 100%;
}
.btn.btn-white {
    background: #ed80ed none repeat scroll 0 0;
    border-radius: 0;
    font-size: 16px;
    font-weight: 700;
    height: 100%;
    position: absolute;
    right: 0;
    width: 15%;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}
.btn.btn-white:hover{
    background: #0b9892 none repeat scroll 0 0;
    color: #fff
}
.dropdown-menu.cart-dropdown {
    left: auto;
    min-width: 420px;
    right: 0;
    padding: 20px;
    border-radius: 0 !important;
    top: 80px;
    margin-top: -1px
}
.login .dropdown {
    height: 80px;
    padding: 30px 0;
}
.dropdown-menu.cart-dropdown > h3 {
    color: #333;
    font-family: "Raleway",sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px
}
.dropdown-menu.cart-dropdown li {
    border-bottom: 1px solid #ddd;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
}
.product-remove {
    float: right;
    font-size: 20px !important
}
.cart-btn-pro-img {
    float: left;
    margin-bottom: 0;
    margin-right: 20px;
    width: 75px;
}
.cart-btn-pro-img > a {
    padding: 0 !important;
}
.cart-btn-pro-cont a {
    padding: 5px 0 !important;
}
.cart-subtotal.text-right > li {
    border: medium none;
    display: inline-block;
}
.drop-total {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 10px
}
.item-cat > a{
    color: #707070 !important;
    font-weight: normal !important
}
.cart-btn {
    text-align: center
}
.cart-btn > a {
    display: inline-block !important;
    margin: 0px 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    margin-right: 12px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
.cart-btn-1{
    border: 3px solid #ed80ed
}
.cart-btn > a.cart-btn-2{
    background: #ed80ed none repeat scroll 0 0 ;
    color: #fff !important;
    border: 3px solid #ed80ed
}
.cart-btn > a.cart-btn-2:hover{
    background: #212121 none repeat scroll 0 0 !important;
    color: #fff !important;
    border: 3px solid #212121 !important
}
.cart-btn > a.cart-btn-1:hover{
    background: #ed80ed none repeat scroll 0 0 !important;
    color: #fff !important
}
.search > a:hover{
    background-color: transparent !important;
    color: #ed80ed !important
}
.cart-btn-pro-cont > h4 {
    color: #303030;
    font-weight: 600;
}

.container-fluid {
  padding: 0px;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: 0;
    margin-right: 0;
}
.navbar-toggle {
    background-color: transparent;
    border: medium none;
    margin: 14px 0;
}
.icon-bar {
    background-color: #000 !important;
    height: 3px !important;
    width: 20px !important;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ed80ed !important;
}


/*================================================
07 - MAIN SLIDER CSS
==================================================*/
.slide-item-1 {background: rgba(0, 0, 0, 0.3) url("../img/slider/beachwear2.jpg") repeat scroll 0 0;}
.slide-item-2 {background: rgba(0, 0, 0, 0.3) url("../img/slider/black-label6.jpg") repeat scroll 0 0;}
.slide-item-3 {background: rgba(0, 0, 0, 0.3) url("../img/slider/green-label.jpg") repeat scroll 0 0;}
.slide-item-4 {background: rgba(0, 0, 0, 0.3) url("../img/slider/classic_beauty.jpg") repeat scroll 0 0;}
.slide-item-5 {background: rgba(0, 0, 0, 0.3) url("../img/slider/outwear.jpg") repeat scroll 0 0;}
.slide-item-6 {background: rgba(0, 0, 0, 0.3) url("../img/slider/calze2.jpg") repeat scroll 0 0;}
.shophia-main-caption{
    background: rgba(7, 7, 7, 0) none repeat scroll 0 0
}
.shophia-main-slide {
    background-color: #eee;
    background-position: center center ;
    background-size: cover ;
    height: 560px ;
}
.shophia-main-caption{
    display: table;
    height: 100%;
    width: 100%;
    background: rgba(16, 16, 16, 0.33) none repeat scroll 0 0
}

.slide-item-1 .shophia-main-caption h2, .slide-item-2 .shophia-main-caption h2, .slide-item-4 .shophia-main-caption h2, .slide-item-5 .shophia-main-caption h2, .slide-item-6 .shophia-main-caption h2 {font-family: "Snell Roundhand"; color: #4b4b4b;}
.slide-item-3 .shophia-main-caption h2 {font-family: "Rockwell Regular"; color: #49695B;font-weight: 200;}
.slide-item-3 .shophia-main-caption h2 span {font-family: "Rockwell Bold"; color: #A2CB72;}
.shophia-caption-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.slider-text-box {
    border: 1px solid #fff;
    margin: 0 auto;
    padding: 10px;
    width: 38%;
}
.slider-innr-box {
    border: 1px solid #fff;
    background-color: white;
    opacity: 0.8;
}
.slider-innr-box > h3 {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0;
    text-transform: uppercase;
    letter-spacing: 5px
}
.slider-innr-box > h2 {
    color: #ed80ed ;
    font-size: 70px;
    font-weight: 700;
    /* letter-spacing: 10px; */
    /* text-transform: uppercase; */
}
.slider-innr-box > h4 {
    color: #ed80ed;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 5px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.shophia-caption-cell > .shophia-btn{
    margin-top: 30px
}
.shophia-slide .owl-nav > .owl-prev{
    visibility: hidden;
    -webkit-transition: all 0.3s cubic-bezier(.83, .8, .11, .64) 0s;
    transition: all 0.3s cubic-bezier(.83, .8, .11, .64) 0s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.shophia-slide:hover .owl-nav > .owl-prev{
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.shophia-slide .owl-nav > .owl-next{
    visibility: hidden;
    -webkit-transition: all 0.3s cubic-bezier(.83, .8, .11, .64) 0s;
    transition: all 0.3s cubic-bezier(.83, .8, .11, .64) 0s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    
}
.shophia-slide:hover .owl-nav > .owl-next{
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.shophia-slide .owl-prev {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    color: #333;
    font-size: 30px;
    height: 80px !important;
    line-height: 70px;
    padding: 5px 5px 5px 5px;
    position: absolute;
    text-align: center;
    top: 45%;
    width: 45px;
    left: 0
}
.shophia-slide .owl-next {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    color: #333;
    font-size: 30px;
    height: 80px !important;
    line-height: 70px;
    padding: 5px 5px 5px 5px;
    position: absolute;
    text-align: center;
    top: 45%;
    width: 45px;
    right: 0
}
.shophia-slide .owl-prev:hover, .shophia-slide .owl-next:hover{
    background: #ed80ed none repeat scroll 0 0;
    color: #fff;
}

/*================================================
08 - SUPPORT AREA CSS
==================================================*/

.shophia-support-area{
    background: #000 none repeat scroll 0 0
}
.support-icon {
  display: inline-block;
  font-size: 30px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 50px;
  vertical-align: top;
  color: #000;
}   
.support-text {
  display: inline-block;
  color: #000;
}
.single-support-box {
    background: #ed80ed  none repeat scroll 0 0;
    color: #000;
    padding: 10px;
    position: relative;
}
.suport-item-one:before {
    border-color: #000 transparent;
    border-style: solid;
    border-width: 36px 32px 40px 0;
    content: "";
    position: absolute;
    right: 0;
    top: 0px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.suport-item-three:before {
    border-color: #000 transparent;
    border-style: solid;
    border-width: 36px 32px 40px 0;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}
.suport-item-two:after {
    background: #000 none repeat scroll 0 0;
    border-color: #FFF transparent;
    border-style: solid;
    border-width: 37px 0 36px 25px;
    content: "";
    right: 0;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.suport-item-two:before {
    background: #000 none repeat scroll 0 0;
    border-color: #FFF transparent;
    border-style: solid;
    border-width: 37px 0 36px 25px;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}
.single-support-box.suport-item-two {
    background: #FFF none repeat scroll 0 0;
    padding-left: 50px
}
.support-no-pad:last-child {
    padding-right: 15px;
}
.support-no-pad {
    padding-left: 0;
    padding-right: 0;
}
.support-no-pad:first-child {
    padding-left: 15px;
}
.support-text > h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.support-text > p {
    font-weight: 700;
    text-transform: capitalize;
}
.single-support-box.suport-item-three {
    padding-left: 50px;
}

/*================================================
09 - HANDPICKED AREA CSS
==================================================*/

.single-handpicked {
    position: relative;
    overflow: hidden
}
.single-handpicked img {
    height: 100%;
    width: 100%;
}
.handpicked-caption > a {
    text-decoration: underline;
    text-transform: capitalize;
}
.handpicked-caption {
    background-color: rgba(2, 0, 0, 0.74);
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 20px;
    position: absolute;
    text-align: center;
    -webkit-transform: translate3d(0px, 100%, 0px);
            transform: translate3d(0px, 100%, 0px);
    -webkit-transition: -webkit-transform 0.35s ease 0s;
    transition: -webkit-transform 0.35s ease 0s;
    transition: transform 0.35s ease 0s;
    transition: transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
    width: 100%;
}
.single-handpicked:hover .handpicked-caption{
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px)
}
.handpicked-caption > h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 28px;
    font-weight: 500;
    text-transform: capitalize;
}
.margin_mini{
    margin-top: 30px
}

/*================================================
10 - PRODUCTS AREA CSS
==================================================*/

.shophia-product-area {
    background: #f9f9f9 none repeat scroll 0 0;
}
.products-custom-tab{
    text-align: center;
    border: medium none;
    margin-bottom: 30px
}
.shophia-product-area .single-arrival-product{
    background: #fff none repeat scroll 0 0;
    margin-top: 30px;
    padding: 10px;
}
.products-custom-tab li {
    border: medium none;
    display: inline-block;
    float: none;
}
.products-custom-tab > li > a{
    border: medium none;
    font-size: 14px
}
.products-custom-tab > li > a:hover{
    background-color: transparent;
    color: #ed80ed ;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
    background-color: transparent;
    color: #ed80ed ;
    border: medium none
}
.products-custom-tab li.active > a{
    border: medium none;
    color: #ed80ed 
}

.productDetailImg {
  height: 39vh;
}

.product-image-hover {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 2px;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 5px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 70%;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 85%;
}
.single-arrival-product:hover .product-image-hover {
    margin-top: -70px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    z-index: 99;
}
.product-image-hover a {
    border-right: 1px solid #ddd;
    color: #252525;
    display: inline-block;
    font-size: 20px;
    line-height: 40px;
    padding: 0 18px;
    text-align: center;
}
.product-image-hover a:last-child {
    border-right: 0 solid #ddd;
}
.product-image > a:after {
    background-color: rgba(48, 48, 48, 0.5);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.single-arrival-product .product-image:hover > a:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single-arrival-product .product-image > a {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.single-arrival-product .product-image img {
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single-arrival-product .product-image:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
.product-image-hover a:hover{
    color: #ed80ed
}
.product-text > h3 {
    color: #303003;
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0;
    text-transform: uppercase;
}
.product-text > h3 > a:hover{
    color: #ed80ed
}
.product-text{
    text-align: center
}
.product-text > p {
    color: #ed80ed;
    font-size: 16px;
}

/*================================================
11 - PROMO AREA CSS
==================================================*/ 

.single-promo-content {
    overflow: hidden;
    position: relative;
    text-align: center;
}
.promo-tag {
    left: 0;
    position: absolute;
    text-align: center;
    top: 45%;
    width: 100%;
}
.single-promo-content:before {
    background: rgba(56, 56, 56, 0.34) none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.promo-tag > h3 {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 33px;
    font-weight: 700;
    text-transform: uppercase;
}
.promo-tag > p {
    color: #f5f5f5;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 4px;
    margin-top: 10px;
    text-transform: uppercase;
}

/*================================================
12 - BLOG AREA CSS
==================================================*/ 

.shophia-blog-area {
    background: #f9f9f9 none repeat scroll 0 0;
}
.single-blog-img {
    position: relative;
}
.single-blog-img img {
    width: 100%;
}
.single-blog {
    margin-bottom: 30px;
}
.blog-caption {
    background-color: rgba(34, 34, 34, 0.7);
    bottom: 0;
    height: 50px;
    left: 0;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 10;
}
.blog-caption span.blog-author {
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding-left: 20px;
    text-transform: capitalize;
}
.blog-author i {
    color: #ed80ed;
}
.blog-caption ul.blog-section {
    float: right;
    width: auto;
}   
.blog-caption ul li {
    display: inline-block;
    padding-right: 20px;
    position: relative;
}
.single-blog-desc > h3 {
    color: #303030;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: left;
    text-transform: capitalize;
}
.single-blog-desc > p {
    font-size: 15px;
    line-height: 25px;
    color: #707070
}
.single-blog-desc {
    margin-top: 10px;
}
.single-blog-desc > h3 > a:hover{
    color: #ed80ed
}

/*================================================
13 - BRAND AREA CSS
==================================================*/ 

.single-brand-item img{
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}
.single-brand-item img:hover{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

/*================================================
14 - FOOTER  AREA CSS
==================================================*/ 
  
.shophia-footer-area{
  background: #FFF none repeat scroll 0 0;
  color: #141414
}
.shophia-footer-top {
    background: #FFF none repeat scroll 0 0;
    color: #141414
}
.black-footer  {
  background-color: #000;
  color: #FFF;
}

.single-footer-widget > h3 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.single-footer-widget a {
    font-size: 15px;
    text-transform: capitalize;
}
.single-footer-widget a:hover{
    color: #4b4b4b;
}
.single-footer-widget li {
    margin: 5px 0;
}
.footer-social > li {
    display: inline-block;
}
.footer-social a {
    background: #fff none repeat scroll 0 0;
    display: block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}
.footer-social a:hover {
    background: #ed80ed none repeat scroll 0 0;
}
.subscribe > h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.subscribe input {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    height: 40px;
    left: 0;
    padding: 5px 90px 5px 10px;
    position: absolute;
    top: 0;
    width: 100%;
}
.subscribe > form {
    position: relative;
    height: 40px
}
.subscribe {
    margin-top: 30px;
}
.subscribe button {
    background: #ed80ed none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-weight: 700;
    height: 100%;
    position: absolute;
    right: 0;
    text-transform: capitalize;
    top: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}
.subscribe button:hover{
    background: #009f98 none repeat scroll 0 0;
}
.footer-bottom-area {
    padding: 10px 0;
}
.footer-bottom-area {
    border-top: 1px solid #444;
    padding: 10px 0;
}
.copyright-right {
    text-align: right;
}
.copyright-left span {
    color: #ed80ed;
}
.copyright-left > p {
    font-size: 14px;
    line-height: 26px;
}

/*================================================
15 - SHOPPAGE AREA CSS
==================================================*/ 

.shophia-shoppage-area{
    background: #f9f9f9 none repeat scroll 0 0
}
.shophia-shoppage-area .single-arrival-product {
    margin-bottom: 30px;
    background: #fff none repeat scroll 0 0;
    padding: 10px
}
.single-search-property {
    border: 1px solid #ddd;
    height: 40px;
    position: relative
}
.single-search-property > input, .intro {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #eee;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 5px;
    left: -5px
}
.zelect.open .dropdown {
    background: #fff none repeat scroll 0 0;
    color: #333;
    padding: 15px;
    top: 5px;
    width: 200px;
    z-index: 9999;
    box-shadow: 0px 0px 2px rgba(10, 10, 10, 0.6)
}
input.zearch {
    border: 1px solid #444;
    height: 40px;
    padding: 5px 10px;
    width: 100%;
}
.zearch-container:after {
    color: #999;
    content: "";
    font-family: FontAwesome;
    position: absolute;
    right: 25px;
    top: 21px;
}
.intro .zelect {
    cursor: pointer;
}
.intro .dropdown ol {
    max-height: 100px;
    overflow-y: scroll;
    padding: 0;
}
.zelect ol li {
    padding: 5px;
    display: block;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s
}
.zelect ol li:hover{
    background: rgba(1, 186, 178, 0.79) none repeat scroll 0 0;
    color: #fff
}
.zelected{
    color: #8E909D;
    padding-left: 10px
}
.sort-by-box {
    border: 1px solid #ddd;
    padding: 10px;
}
.short-by-right > p {
    display: inline-block;
    margin: 7px 0;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 26px
}
.short-by-right {
    text-align: right;
}

/*================================================
16 - SHOPPAGE SIDEBAR CSS
==================================================*/ 

.single-search-property.range{
    border: medium none;
    color: #8E909D;
    margin-bottom: 7px;
    height: 25px;
    margin-top: 25px
}
.price.home-price {
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}
.leftLabel, .rightLabel {
    display: inline-block;
}
.nstSlider .rightGrip, .nstSlider .leftGrip {
    background-color: #008d86 ;
    border: medium none;
    border-radius: 0;
    height: 12px;
    top: -4px;
    width: 20px;
    cursor: e-resize
}
.nstSlider .bar {
    background: #ed80ed none repeat scroll 0 0;
    height: 5px
}
.single-search-property > button {
    background: #00a3c8 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}
.single-search-property.button {
    border: medium none !important;
}
.single-search-property > button:hover {
    background: #0f8fac none repeat scroll 0 0;
}
.shop-sidebar-widget > h3 {
    border-bottom: 3px solid #333;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.single-search-property label {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin-right: 20px;
    text-transform: capitalize;
}
.nstSlider{
    margin-top: 10px;
    height: 5px
}
.nstSlider .progressbar-text{
    display: none !important
}
.filter {
    background: #ed80ed none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 3px;
    padding: 6px 25px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    margin-top: 20px
}
.filter:hover{
    background: #212121 none repeat scroll 0 0;
    color: #fff
}
.shop-sidebar-widget {
    margin-bottom: 30px;
}
.shop-sidebar-widget:last-child{
    margin-bottom: 0
}
.widget_product_categories .children {
    border-top: 1px solid #e9e9e9;
    display: none;
    padding-left: 20px
}
.widget_product_categories > ul > li.current-cat-parent > .children {
    display: block;
}
.shop-sidebar-widget ul li a {
    display: block;
    padding: 10px;
    color: #333;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 26px
}
.shop-sidebar-widget ul li a:hover{
    color: #ed80ed
}
.shop-sidebar-widget ul > li, .cat-parent ul li {
    border-bottom: 1px solid #ededed;
}
.shop-sidebar-widget ul > li:last-child{
    border-bottom: 0px solid #ededed
}
.sidebr-pro-widget{
    overflow: hidden;
}
.product-thumb-info-image {
    float: left;
    height: 100px;
    margin-bottom: 5px;
    width: 90px;
}
.list-thumbs-pro .product-thumb-info-content {
    padding: 3px 20px 0 75px;
}
.product-thumb-info-content h4 > a {
    color: #666 !important;
    display: inline-block !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-transform: capitalize;
    margin-top: 10px;
    margin-bottom: 5px
}
.product-thumb-info-content h4 a, .item-cat > a {
    padding: 0 !important;
}
.item-cat{
    display: block;
    margin-bottom: 0px
}
.item-cat > a{
    display: inline-block !important
}
.price {
    color: #ed80ed;
    font-size: 16px;
}   
.cat-parent span {
    float: right;
}
.sort-by-box.sidebar-short-option {
    margin-bottom: 30px;
}

/*================================================
17 - SHOPPAGE LIST-VIEW CSS
==================================================*/ 

.single-list-shop-view-cont > h3 {
    color: #303003;
    font-size: 20px;
    font-weight: 700;
    margin: 10px 0;
    text-transform: uppercase;
}
.single-list-shop-view-cont > h3 > a:hover{
    color: #ed80ed;
}
.single-list-shop-view-cont li {
    color: #ed80ed;
    display: inline-block;
    font-size: 15px;
    margin-right: 3px;
}
.single-list-shop-view-cont > h2 {
    color: #ed80ed;
    font-size: 22px;
    font-weight: 700;
    margin-top: 20px;
}
.single-list-shop-view-img img{
    width: 100%
}
.single-list-shop-view-cont > p {
    margin-top: 10px;
}
.list-add-cart {
    border: 2px solid #ddd;
    color: #303030;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    padding: 10px 15px;
    text-transform: uppercase;
}
.list-add-cart:hover{
    background: #ed80ed none repeat scroll 0 0;
    color: #fff !important
}
.list-option-line {
    margin-top: 20px;
}
.list-pro-eye {
    border: 2px solid #ddd;
    color: #000;
    display: inline-block;
    font-size: 17px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    vertical-align: top;
    width: 46px;
}
.list-option-line a {
    margin-right: 5px;
}
.list-option-line a:hover{
    border: 2px solid #ed80ed;
    color: #ed80ed
}
.single-list-shop-view {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.single-list-shop-view:last-child{
    border-bottom: 0px solid #ddd;
}

/*================================================
18 - CART PAGE CSS
==================================================*/ 

.cart-table {
    overflow-x: auto;
}
.cart-table table thead > tr:nth-of-type(2n+1){
    background: #212121 none repeat scroll 0 0;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border: 3px solid #eee;
    border-top: 0 solid #ddd;
    vertical-align: middle;
    text-align: center
}
.cart-table table thead th, .cart-bottom-single table thead th {
    text-transform: capitalize;
    color: #fff;
    padding: 20px
}
.cart-table tbody td, .cart-bottom-single tbody td {
    padding: 15px 20px;
}
.shophia-cart-preview img {
    width: 115px;
}
.cart-table tbody td {
    color: #303030;
    font-size: 16px;
    text-transform: capitalize;
}
.shophia-cart-product p {
    display: inline-block;
}
.shophia-cart-quantity > input {
    border: 1px solid #ddd;
    padding: 5px;
    width: 70px;
}
.shophia-cart-total > p {
    color: #ed80ed;
}
.shophia-cart-close > a:hover {
    color: #ff3f06;
}
.cart-bottom-single {
    margin-top: 30px;
}
.cart-bottom-single > h3 {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px
}
.cart-bottom-single > span {
    text-transform: capitalize;
}
.cart-bottom-single > form {
    margin-top: 10px;
}
.cart-bottom-single input, .cart-bottom-single select {
    border: 1px solid #ddd;
    color: #333;
    height: 50px;
    padding: 5px 10px;
    text-transform: capitalize;
    width: 100%;
    margin-bottom: 5px;
}
.cart-bottom-single button {
    background: #212121 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-weight: 700;
    margin-top: 10px;
    padding: 10px 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    font-size: 14px;
    line-height: 26px
}
.cart-bottom-single button:hover{
    background: #ed80ed none repeat scroll 0 0
}
.cart-bottom-single tr:nth-child(2n+1) {
    background: #eee none repeat scroll 0 0;
}
.cart-bottom-single > table {
    margin-top: 10px;
    width: 100%
}
.cart-bottom-single td {
    color: #333;
    font-size: 14px;
    text-transform: capitalize;
}
.cart-buttons{
    margin-top: 20px;
    text-align: center
}
.cart-buttons > a {
    color: #fff;
    display: inline-block;
    font-weight: 700;
    margin-right: 12px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 26px
}
.cart-buttons > a:last-child{
    margin-right: 0px
}
.cart-buttons > a:nth-child(1) {
    background: #212121 none repeat scroll 0 0;
}
.cart-buttons > a:nth-child(1):hover {
    background: #ed80ed none repeat scroll 0 0;
}
.cart-buttons > a:nth-child(2) {
    background: #ed80ed none repeat scroll 0 0;
}
.cart-buttons > a:nth-child(2):hover {
    background: #212121 none repeat scroll 0 0;
}
.cart-buttons > a:nth-child(3) {
    background: #eee none repeat scroll 0 0;
    color: #303030
}
.cart-buttons > a:nth-child(3):hover {
    background: #ed80ed none repeat scroll 0 0;
    color: #fff
}

/*================================================
19 - CHECKOUT PAGE CSS
==================================================*/ 

.shophia-checkout-form > form {
    margin-top: 30px;
}
.checkout-form-right {
    margin-top: 0px;
}
.shophia-checkout-form > h3, .checkout-bottom h3 {
    border-bottom: 1px solid #212121;
    color: #303030;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.checkout-form label {
    color: #444;
    display: block;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
}
.checkout-form input {
    border: 1px solid #ddd;
    height: 45px;
    padding: 5px 10px;
    width: 100%;
    margin-bottom: 15px;
    color: #303030
}
.checkout-form textarea {
    border: 1px solid #ddd;
    height: 105px;
    padding: 10px;
    width: 100%;
}
.checkout-cart-table {
    margin-top: 30px;
}
.payment h4 {
    color: #333;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin-left: 10px;
    text-transform: capitalize;
}
.payment {
    margin-top: 15px;
}
.checkout-cart-table > table {
    margin-top: 25px;
    margin-bottom: 0 !important
}
.payment > img {
    float: right;
}
.proceed-checkout{
    margin-top: 50px;
    text-align: right;
}
.proceed-checkout > a {
    background: #212121 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
}
.proceed-checkout > a:hover{
    background: #ed80ed none repeat scroll 0 0
}

/*================================================
20 - SINGLE SHOP CSS
==================================================*/

.imagezoom-view {
    background: #fff !important;
    box-shadow: 0px 0px 6px rgba(72, 72, 72, 0.56);
}
.imagezoom-view img{
    width: 100% !important
}
.single-product-page-left div.pro-view {
    border: 1px solid #ddd;
    cursor: pointer;
    float: none;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    width: 100%;
}
.single-product-page-left div.pro-view:last-child{
    margin-bottom: 0px
}
#my-tab-content img {
    width: 100%;
}
#my-tab-content {
    border: 1px solid #ddd;
    padding: 10px;
}
.single-product-page-right > h3 {
    color: #303003;
    font-size: 20px;
    font-weight: 700;
    margin: 10px 0;
    text-transform: uppercase;
}
.single-product-page-right li {
    display: inline-block;
}
.single-product-page-right li i {
    color: #ed80ed;
    font-size: 15px;
}
.product-single-page-widget > h4 {
    color: #ed80ed;
    font-size: 22px;
    font-weight: 700;
    margin-top: 20px;
}
.product-single-page-widget {
    margin-top: 12px;
}
.product-single-page-widget > h5, .product-single-page-widget-double > h5 {
    color: #000;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
    text-transform: capitalize;
}
.size li {
    border: 1px solid #ddd;
    display: inline-block;
}
.size, .color {
    display: inline-block
}
.size a {
    display: block;
    font-size: 15px;
    font-weight: 600;
    height: 40px;
    line-height: 29px;
    padding: 7px;
    text-align: center;
    text-transform: uppercase;
    width: 40px;
    color: #000
}
.product-single-page-widget-double {
    display: inline-block;
    margin-right: 20px;
}
.product-single-page-widget-double:last-child {
    margin-right: 0px;
}
.color a {
    display: block;
    height: 30px;
    text-align: center;
    text-indent: -9999px;
    width: 30px;
}
.color_1{
    background: #f49d7d none repeat scroll 0 0;
}
.color_2{
    background: #0a0909 none repeat scroll 0 0;
}
.color_3{
    background: #d7ed9b none repeat scroll 0 0;
}
.color_4{
    background: #98eaea none repeat scroll 0 0;
}
.color_5{
    background: #9e89d8 none repeat scroll 0 0;
}
.product-single-page-widget-double input {
    border: 1px solid #ddd;
    height: 35px;
    width: 80px;
    margin-top: 10px
}
.product-single-page-share-btn {
    display: inline-block;
    margin-left: 20px
}
.product-single-page-widget .shophia-btn:hover{
    background: #212121 none repeat scroll 0 0;
    color: #fff
}
.product-single-page-share-btn > a {
    border: 2px solid #ddd;
    color: #000;
    display: inline-block;
    font-size: 17px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    vertical-align: top;
    width: 46px;
}
.shophia-related-products-area {
    margin-top: 30px;
}
.product-single-page-widget.single-pro-share {
    margin-top: 30px;
}
.single-pro-share .list-add-cart{
    background: #212121 none repeat scroll 0 0;
    color: #fff ;
    border: 2px solid #212121
}
.single-pro-share a {
    margin-right: 5px;
}
.single-pro-share .list-add-cart:hover{
    background: #ed80ed none repeat scroll 0 0;
    border: 2px solid #ed80ed
}
.list-pro-eye:hover{
    color: #ed80ed
}
.tabs.shop-tab {
    margin-top: 50px;
}
#singleshop li {
    display: inline-block;
    margin-right: 5px;
}
#singleshop .active > a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ed80ed none repeat scroll 0 0;
    border-bottom: medium none;
    -o-border-image: none;
       border-image: none;
    border-left: 5px solid #212121;
    border-right: medium none;
    border-top: medium none;
    color: #fff;
    font-weight: 700;
}
#singleshop a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #eee none repeat scroll 0 0;
    border-color: currentcolor currentcolor currentcolor #eee;
    -o-border-image: none;
       border-image: none;
    border-radius: 0;
    border-style: none none none solid;
    border-width: medium medium medium 5px;
    color: #000;
    font-weight: 700;
    margin: 0;
    text-transform: capitalize;
}
.single-comment-box:last-child {
    border-bottom: 0 solid #eeeeee;
}
.single-comment-box {
    background: #f9f9f9 none repeat scroll 0 0;
    margin-bottom: 10px;
    padding: 0 10px 30px;
    position: relative;
    -webkit-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}
.main-comment {
    padding: 30px 0 0 100px;
    position: relative;
}
.author-image {
    border-radius: 50%;
    left: 0;
    margin-bottom: 20px;
    position: absolute;
    top: 30px;
}
.author-image img {
    border-radius: 50%;
    display: block;
    width: 80px;
}
.comment-info {
    margin-bottom: 10px;
}
.comment-info h4 {
    color: #303030;
    font-size: 17px;
    text-transform: capitalize;
}
.comment-info > p {
    color: #212121;
    text-transform: capitalize;
}
.reply {
    border: 1px solid #ddd;
    color: #555;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 5px 10px;
    position: absolute;
    right: -7px;
    top: 2px;
}
.reply:hover {
    background: #ed80ed none repeat scroll 0 0;
    color: #fff;
}
.panel-body.desc > p {
    margin-top: 10px;
}

/*================================================
21 - ABOUT PAGE CSS
==================================================*/

.behind-right > h3, .something-left > h3, .progress-right > h3 {
    color: #333;
    font-family: "Crimson Text",serif;
    font-size: 30px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: capitalize
}
.behind-right > blockquote {
    border-left: 3px solid rgba(30, 30, 30, 0.15);
    margin-top: 15px;
    padding-bottom: 0;
    padding-top: 0;
}
.shophia-progress-area {
    background: #f5f6f7 none repeat scroll 0 0;
}
.progress-list li {
    margin-bottom: 20px;
}
.progress-list li:last-child{
    margin-bottom: 0
}
.progress-list p {
    margin-bottom: 5px;
}
.progress-list li .bar {
    position: relative;
}
.something-left > p {
    margin-top: 10px;
}
.single-mission > h3 {
    color: #333;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.single-mission > a {
    display: inline-block;
    font-weight: 700;
    margin-top: 10px;
    text-transform: capitalize;
}
.single-mission > a:hover{
    color: #ed80ed;
    text-decoration: underline
}
.single-mission {
    margin-bottom: 30px;
}

/*================================================
22 - CONTACT PAGE CSS
==================================================*/

.contact-top-details {
    margin-bottom: 25px;
    text-align: left;
    width: 70%;
}
.contact-top-details > h3{
    color: #303030;
    font-size: 21px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 700;
}
.contact-page-two-form  > form {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
    margin-top: 30px;
    padding: 30px 50px;
}
.contact-page-two-form form label{
    color: #333;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.contact-page-two-form form p input{
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ddd;
    height: 40px;
    padding: 5px 10px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.contact-page-two-form form p input:focus, .contact-page-two-form form textarea:focus{
    border: 1px solid #ed80ed ;
}
.contact-page-two-form form textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ddd;
    height: 120px;
    padding: 5px 10px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 100%;
}
.contact-page-two-form form p button {
    background: #ed80ed none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 17px;
    padding: 12px 18px;
    text-transform: capitalize;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.contact-page-two-form form p button:hover {
    background: #212121 none repeat scroll 0 0;
}
.contact-page-two-form form p {
    margin-top: 15px;
}
.contact-page-two-right {
    margin-top: 30px;
}
.contact-page-two-right h4 i {
    color: #ed80ed ;
    margin-right: 5px
}
.single-contact-two-right {
    margin-bottom: 0px
}
.contact-page-two-right h4 {
    color: #303030;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.contact-page-two-right p > a:hover{
    color: #212121
}
.weekly-subscribe {
    margin-top: 30px;
}
.weekly-subscribe form {
    position: relative;
    width: 100%;
    height: 40px
}
.weekly-subscribe form input[type="text"] {
    border: 1px solid #ddd;
    color: #000;
    height: 100%;
    padding: 5px 90px 5px 10px;
    width: 100%;
}
.weekly-subscribe form button {
    background: #ed80ed none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 20px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 18%;
}
.weekly-subscribe form button:hover{
    background: #212121 none repeat scroll 0 0;
}
.weekly-subscribe form {
    position: relative;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.get-connected-with {
    margin-top: 40px;
}
.get-connected-with ul{
    margin-top: 20px
}
.get-connected-with li {
    display: inline-block;
    margin: 0px 5px;
}
.get-connected-with a {
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    background: #eee;
    color: #555;
}
.get-connected-with a:hover{
    background: #ed80ed  none repeat scroll 0 0;
    color: #fff
}
.map_area {
    height: 320px;
}

/*================================================
23 - FAQS PAGE CSS
==================================================*/

.shophia-faqs-area {
    background: #f9f9f9 none repeat scroll 0 0;
}
.shophia-single-faqs {
    margin-bottom: 25px;
}
.shophia-single-faqs:last-child{
    margin-bottom: 0px;
}
.shophia-single-faqs i {
    margin-right: 5px;
}
.shophia-single-faqs > h3 {
    color: #303030;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
}
.shophia-single-faqs > p {
    margin-left: 25px;
    margin-top: 5px;
}
.shophia-faqs-right > h3{
    color: #303030;
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
}
.shophia-faqs-right > form {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
    margin-top: 30px;
    padding: 30px 50px;
}
.shophia-faqs-right > form p {
    margin-top: 15px;
}
.shophia-faqs-right > form label {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: capitalize;
}
.shophia-faqs-right > form textarea {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #ddd;
    height: 120px;
    padding: 5px 10px;
    width: 100%;
}
.shophia-faqs-right > form input{
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #333;
    height: 40px;
    padding: 5px 10px;
    width: 100%;
}
.shophia-faqs-right > form button {
    background: #ed80ed none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    display: block;
    font-weight: 700;
    padding: 10px 20px;
    text-transform: capitalize;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.shophia-faqs-right > form button:hover{
    background: #212121 none repeat scroll 0 0;
}


/*================================================
24 - LOGIN PAGE CSS
==================================================*/


.login-page-box {
    border: 1px solid #ddd;
    margin: 0 auto;
    padding: 40px;
    text-align: center;
    width: 40%;
    box-shadow: 0px 0px 25px rgba(170, 170, 170, 0.44)
}
.login-page-heading {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}
.login-page-heading i {
    font-size: 22px;
    margin-right: 5px;
}
.login-page-heading > h3 {
    color: #333;
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}
.login-page-box > form {
    margin-top: 30px;
}
.account-form-group {
    border: 1px solid #ddd;
    height: 45px;
    margin-bottom: 10px;
    position: relative;
}
.account-form-group > input {
    border: medium none;
    height: 100%;
    left: 0;
    padding: 5px 10px 5px 60px;
    position: absolute;
    top: 0;
    width: 100%;
}
.account-form-group i {
    border-right: 1px solid #ddd;
    color: #959595;
    font-size: 18px;
    height: 100%;
    left: 0;
    line-height: 40px;
    margin-right: 5px;
    padding-right: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 48px;
}
.login-page-box .forgot {
    margin-left: 0 !important;
    color: #333;
    font-weight: 500;
    float: left;
}
.login-page-box label {
    color: #333;
    display: block;
    font-weight: 500;
    text-align: right;
}
.login-page-box button {
    background: #ed80ed none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    height: 100%;
    padding: 10px 20px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    margin-top: 10px
}
.login-page-box button:hover{
    background: #212121 none repeat scroll 0 0
}
.login-sign-up {
    margin-top: 20px;
}
.login-sign-up > a {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}
.login-sign-up > a:hover{
    color: #ed80ed
}
.login-page-box .remember {
    margin-left: 0 !important;
}
.remember {
    display: inline-block;
    margin: 10px 0;
}


/*================================================
25 - 404 PAGE CSS
==================================================*/

.notfound {
    text-align: center;
}
.notfound > h2 {
    color: #333;
    font-family: 'Raleway', sans-serif;
    font-size: 130px;
    font-weight: 700;
    line-height: 135px;
    margin-bottom: 30px;
}
.notfound > h3 {
    color: #333;
    margin-bottom: 30px;
    font-size: 22px
}
.notfound > form{
    margin-bottom: 30px;
    position: relative;
}
.notfound > form > input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ddd;
    height: 50px;
    padding: 5px 100px 5px 10px;
    width: 100%;
}
.notfound > form > button {
    background: #ed80ed  none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 26px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 100px;
}
.notfound > form > button:hover{
    background: #212121 none repeat scroll 0 0
}
.notfound > a {
    background: #212121 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    padding: 10px 20px;
    text-transform: uppercase;
}
.notfound > a:hover{
    background: #ed80ed  none repeat scroll 0 0;
}

/*================================================
26 - PORTFOLIO PAGE CSS
==================================================*/

.project-btn {
    display: block;
    margin: 0 0 30px;
    text-align: center;
}
.project-btn > a {
    color: #777;
    font-size: 14px;
    font-weight: 700;
    margin: 0 10px;
    text-transform: uppercase;
}
.project-btn > a.current {
    cursor: default;
}
.project-btn > a:hover, .project-btn > a.current{
    color: #ed80ed
}
.element-item {
    float: left;
    margin: 30px 0 0;
    padding: 0 15px;
    width: 33.33%;
}
.project-single-item{
    position: relative;
    overflow: hidden;
    background-color: #FFF;
    height: 397px;
}
.img-responsive{
    width: 100%
}
.project-img-overlay {
    /* ackground-color: rgba(2, 0, 0, 0.82); */
    background-color: #4B4B4B;
    color: #fff;
    padding: 20px;
    text-align: center;
    width: 100%;
}
.project-img-overlay h4 {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
}
.project-img-overlay > p {
  color: #eee;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left;
}

/*================================================
27 - PORTFOLIO SINGLE PAGE CSS
==================================================*/

.single-project-img {
    margin-bottom: 20px;
}
.single-project-img:last-child{
    margin-bottom: 0px;
}
.project-img > img {
    width: 100%;
}
.project-text-sin > h3{
    color: #333;
    font-family: "Crimson Text",serif;
    font-size: 30px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.project-text-sin {
    margin-top: 30px;
}
.project-text-sin:first-child {
    margin-top: 0px;
}
.project-text-sin span {
    display: inline-block;
    width: 15%;
    font-weight: 600
}
.portfolio-share li{
    display: inline-block
}
.portfolio-share a {
    border: 1px solid #999;
    color: #999;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}
.portfolio-share a:hover{
    color: #fff;
    background: #ed80ed none repeat scroll 0 0;
    border: 1px solid #ed80ed;
}

/*================================================
28 - BLOG SIDEBAR CSS
==================================================*/ 

.blog-tags > li {
    border: medium none !important;
    display: inline-block;
    margin: 2px 1px;
}
.blog-tags li a {
    border: 1px solid #ddd;
    display: block;
    padding: 5px 10px !important;
}
.blog-tags {
    margin-top: 10px;
}
.blog-recent-post {
    height: auto;
    margin: 0;
}

/*================================================
29 - SINGLE BLOG CSS
==================================================*/ 

.single-blog-page-area{
    background: #fff none repeat scroll 0 0
}
.blog-single-page > p {
    margin-top: 15px;
}
.blog-single-page blockquote {
    background: #f7f7f7 none repeat scroll 0 0;
    border-left: 0 none;
    color: #354a6b;
    font-family: "Playfair Display",serif;
    font-style: italic;
    font-weight: 400;
    margin: 30px 0;
    padding: 50px;
    position: relative;
    text-align: center
}
.blog-single-page blockquote .fa-quote-left {
    color: #ed80ed;
    left: 20px;
    position: absolute;
    top: 20px;
}
.blog-single-page blockquote .fa-quote-right {
    bottom: 20px;
    color: #ed80ed;
    position: absolute;
    right: 20px;
}
.post-share-box {
    border-bottom: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3;
    padding: 15px 0;
    margin: 20px 0
}
.post-share-left > p, .post-share-right > p {
    color: #303030;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
.post-share-left a {
    color: #777;
    font-weight: 700;
    text-transform: capitalize;
}   
.post-share-right {
    text-align: right;
}
.post-share-right a {
    color: #bcc4d0;
    margin-left: 5px;
}
.single-blog-author {
    border-bottom: 1px solid #ddd;
    padding: 30px 0;
}
.news-blog-img {
    float: left;
    margin-right: 20px;
}
.news-author-img > img {
    height: 100%;
    width: 100%;
}
.blog-author-text {
    padding: 10px;
}
.news-author-text > h4 {
    color: #303030;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    margin-bottom: 10px;
}
.news-author-text > p {
    color: #707070;
    font-size: 15px;
    line-height: 25px;
}
.shophia-comment-list{
    margin-top: 30px;
}
.comment-group-title > h2 {
    color: #303030;
    font-family: "Raleway",sans-serif;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: left;
    text-transform: capitalize;
}
.single-comment-item {
    margin-top: 30px;
}
.single-comment-box.reply-comment {
    margin-left: 100px;
}
.comment-form-template {
    margin-top: 50px;
}
.comment-form-template > form {
    margin-top: 20px;
}
.comment-form-template form input[type="text"], .comment-form-template form input[type="email"] {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ddd;
    float: left;
    height: 50px;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-top: 0;
    padding: 10px 15px;
    width: 45%;
    font-size: 16px;
    line-height: 26px;
    color: #333
}
.comment-form-template form textarea {
    border: 1px solid #ddd;
    height: 160px;
    margin-bottom: 20px;
    padding: 5px 15px;
    width: 93%;
    font-size: 16px;
    line-height: 26px;
    color: #333
}
.comment-form-template form button {
    background: #ed80ed none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    margin-right: 12px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    border: medium none
}
.comment-form-template form button:hover{
    background: #212121 none repeat scroll 0 0   
}
.single-blog.single-blog-page-item {
    margin-bottom: 0;
}
/* HEADERT */
.shophia-header-top-pizzo {height: 25px; width: 100%; background: white url(../../img/pizzo3.png) repeat-x; background-position: bottom;}
.shophia-footer-top-pizzo {height: 25px; width: 100%; background: white url(../../img/pizzo3.png) repeat-x; background-position: bottom;}


/* FILTER */
.filtri {
  margin-left: 15px;
  margin-bottom: 15px;
}
.filtri .btn-group {
  margin-right: 15px;
  margin-bottom: 15px;
}
.filtri-left {
  color: #FFF;
  margin-top: 15px;
  background-color:#4B4B4B;
  font-size: 13px;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.filtri-left>span{
  display:block;
  margin-bottom:8px;
}

.filtri-left .select2{
  display: block;
  width: 100%;
}

#dsort_orders {
  min-height: 90px;
}
#dfilter_peso .input-group, #dfilter_altezza .input-group {
  margin: 10px 0;
}
#dfilter_products input{
  margin-bottom: 10px;
}

#applicaFiltri{width:100%; color:#fff; text-shadow:none; margin-bottom:50px;}
#dsort_orders{color:#fff; background-color: #4B4B4B;}
#dfilter_lavoration .select2{max-width: 100%;}


.select2.select2-container{width: 100%!important;}
.select2.select2-container .select2-search__field{padding-left:10px; text-transform: capitalize;}

/* Input field */
.select2-selection__rendered { color: black; }

/* Around the search field */
.select2-search { color: black; }

/* Search field */
.select2-search input { color: black; }

/* Each result */
.select2-results { color: black; }

/* Higlighted (hover) result */
.select2-results__option--highlighted { color: black; background-color: #ED80ED !important;}

/* Selected option */
.select2-results__option[aria-selected=true] { color: black; background-color: #ED80ED !important;}

#applicaFiltri {
  background-color: #ED80ED;
  z-index: 10000 !important;
}

/* PRODUCTS */
.noproducts {color: #ED80ED; }
#product_caption {color: #4B4B4B;}

/* PAGER */
.pager {color: #FFF;  z-index: 10000 !important;}
.pager_item {border: 1px dotted #4B4B4B; padding: 7px;}
.pager_item:hover {color: #000; background-color: #FFF}
span.current.pager_item {color: #000; background-color: #FFF}
span.current.pager_item:hover {border: 1px dotted #4B4B4B; padding: 7px;}
#per_page_select {color: #000;}

/* PRODUCT DETAIL */
.shophia-project-page-area {background-color: #000 !important;}
.p-excerpt .table-striped td  {color: #4B4B4B; text-align: left;}
.product-attribute-name, .product-attribute-value {text-align: left;}
.product-attribute-name {width: 25%; }
tr {background-color: #ccc;}
.table > thead > tr > th {background-color: #4b4b4b !important;}
.btn-primary {background-color: #ED80ED; border-color: #ED80ED;}
#btnBack {color: #4B4B4B;}
.table-product-qty {color: #4B4B4B;}

#primary-img img {
    background-color: #333;
    height: auto !important;
    max-height: 100%;
    width: 100%;
}

  /* PRODUCT IMAGE RIBBON */
.ribbon-box {position: relative;}
.ribbon { position: absolute; left: -5px; top: -5px; z-index: 100; overflow: hidden; width: 120px; height: 120px; text-align: right;}
.ribbon div {font-size: 15px;font-weight: bold; color: #FFF; text-transform: uppercase; text-align: center; line-height: 32px; transform: rotate(-45deg);q -webkit-transform: rotate(-45deg); width: 160px; display: block;background: #79A70A; background: linear-gradient(#3AC1F2 0%, #1E90C9 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 30px; left: -34px; }
.ribbon div::before {content: "";position: absolute; left: 0px; top: 100%;z-index: -1;border-left: 3px solid #1E90C9;border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #1E90C9;}
.ribbon div::after {content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #1E90C9; border-bottom: 3px solid transparent; border-top: 3px solid #1E90C9; }

.article-preview-img{ max-width:100%; }
.article-info{padding-top:1px; padding-bottom:10px;background-color:#37a3d5;; color:white; margin-bottom:15px; }

/* QUANTITY */
.cart_input, .row_qty {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/* CART */
.table-cart {color: #000;}


/* SAMPLES */
#samples label {color: #4b4b4b;}
#lavelnotes, #notes {margin-left: 15px;}


.logo-grs, .logo-grs-thumb {width: 90px;}
.logo-grs-thumb {
  float: right !important;
  position: absolute;
  top: 0%;
  right: 0%;
  border: 1px dotted white;
  background-color: white;
}

#step1 label {
  color: #bbb;
}