::-webkit-input-placeholder {color: pink !important;}
::-moz-placeholder {color: pink !important;}
:-ms-input-placeholder {color: pink !important;}
:-moz-placeholder {color: pink !important;}
* {box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
body {font-family: "Fira Sans Condensed", sans-serif;font-size: 14px;}
h1, h2, h3, h4, h5, h6, ul, ol, p {margin: 0; padding: 0;}
a, a:hover {text-decoration: none;}
.affix {width: 100%; z-index: 999; padding: 0 !important;top:0; left:0;}
label {font-weight: normal; margin: 0; padding: 0;}
.clr {clear: both;}
.br4{border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;}
.br0{border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important;}
.db{display:block;}
.di{display: inline-block;}

a {cursor:pointer;}
.cp {cursor:pointer;}

/*drop compatibility for below ie8 browers*/
.fix{position: fixed; left:0; top:0; z-index: 99; background: red; width:100%; height:100%; text-align: center; padding-top:100px;}
.fix .ieTitle{font-size: 30px; color:#fff; display: block;}
.fix .ieText{font-size: 18px; color:#fff; display:block;}
.fix .btn-default{background: #fff; color:red;}

/*tables*/
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
 vertical-align: middle;
}

/*form controls*/
.form-control {background: #eaeaea; border: 0; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.form-control:focus {box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s;}
textarea {resize: none;}

/*buttons*/
.btn {border: 0; border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.btn:focus{box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; outline: 0 !important;}
.btnPink {background: #7f4dbd; color: #fff;}
.btnPink:hover, .btnPink:focus {background: #5f3592; color: #fff;}
.btnPinkRadius{width: 100%; font-size: 16px; border: 1px solid #7f4dbd; color: #fff; background: #7f4dbd;}
.btnPinkRadius:hover, .btnPinkRadius:focus {background: #dec9f9; color: #7f4dbd;}
.btnBlue {background: #7f4dbd; color: #fff;}
.btnBlue:hover, .btnBlue:focus {background: #0d94b7; color: #fff;}
.btnGreyH {background: #7f4dbd; color: #fff;}
.btnGreyH:hover, .btnGreyH:focus {background: #7f4dbd; color: #fff;}
.btnGreen {background: #a5bf4b; color: #fff;}
.btnGreen:hover, .btnGreen:focus {background: #a5bf4b; color: #fff;}
.btnBlueRadius{width: 100%; font-size: 16px; border: 1px solid #7f4dbd; color: #fff; background: #7f4dbd;}
.btnBlueRadius:hover, .btnBlueRadius:focus {background: #ddfbff; color: #7f4dbd;}
.btnWhite {background: #fff; color: #7f4dbd;}
.btnWhite:hover, .btnWhite:focus {background: #fff; color: #7f4dbd;}
.btnPrint {background: #48cfae; color: #fff;}
.btnPrint:hover, .btnPrint:focus {background: #48cfae; color: #fff;}
.btnEcode {background: #a5bf4b; color: #fff;}
.btnEcode:hover, .btnEcode:focus {background: #a5bf4b; color: #fff;}
.btnAdd{background: #fff;color: #7f4dbd;border: 1px solid #fb959f;font-weight: bold; padding:0px 8px 0px 8px;}
.btnAdd:hover, .btnAdd:focus{background: #7f4dbd !important; color: #fff !important;}
.btnAddDisabled{background: #fff;color: #ccc;border: 1px solid #ccc;font-weight: bold; padding:0px 8px 0px 8px;}
.btnAddDisabled:hover, .btnAddDisabled:focus{background: #fff; color: #ccc !important; outline: 0 !important;}
.btnApply {background: #222; color: #fff;}
.btnApply:hover, .btnApply:focus {background: #582222; color: #fff;}
.btnDisabled{background:#ccc; color:#777;}
.btnDisabled:hover, .btnDisabled:focus{background:#ccc; color:#777;}

/*loader*/
.bg-loader {
        width: 100%;
        height: 100%;
        position: fixed; top: 0; right: 0; bottom: 0; left: 0;
        z-index: 11;
        background: rgba(255,255,255,0.7);
        text-align: center;
    }
     .loader { left: 50%; margin-left: -4em; font-size: 10px; border: .8em solid rgba(218, 219, 223, 1); border-left: .8em solid rgba(58, 166, 165, 1); animation: spin 1.1s infinite linear; } 
     .loader, .loader:after { border-radius: 50%; width: 4em; height: 4em; display: block; position: absolute; top: 50%; margin-top: -4.05em; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/*titles*/
.titleH1 {font-size: 22px; color: #7f4dbd; text-transform: capitalize; font-weight: 600;}
.titleH2 {font-size: 22px; color: #7f4dbd; text-transform: capitalize; font-weight: 600;}

/*blink css3 animation*/
.blink {
  -webkit-animation: blink 0.3s infinite;  /* Safari 4+ */
  -moz-animation: blink 0.3s infinite;  /* Fx 5+ */
  -o-animation: blink 0.3s infinite;  /* Opera 12+ */
  animation: blink 0.3s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes blink {
  0%, 49% {
    background-color: #333;
    color:#fff;
    border:none;
  }
  50%, 100% {
    background-color: #000;
    color:#fff;
    border:none;
  }
}

/*filter tags*/
.clearFilter{color: #7f4dbd; background: #fff; border:1px solid #7f4dbd; border-radius: 5px; -webkit-border-radius: 10px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; padding: 2px 10px; font-size: 13px; cursor: pointer;margin:0 0 0 15px;}
.filterTags{float: right; text-align:right;}
.filterTags .tagRed{background: #dec9f9;color: #f38994;padding: 2px 10px;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;display: inline-block;margin: 0;border: 1px solid #ffced1;}
.filterTags .tagBlue{background: #d8f7ff;color: #7f4dbd;padding: 2px 10px;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;display: inline-block;margin:0;border: 1px solid #9ddfef;}
.filterTags .tag {color:#999;font-weight:400;margin-left:15px;}
/*plus minus buttons*/
.divQty{display: flex;}
.divQty .qty {width: 40px;height: 25px; text-align: center; border: 1px solid #ccc;float: left;}
.divQty .qtyminus, .divQty .qtyplus { width:25px; height:25px; border: 0; background: #7f4dbd; color:#fff; cursor: pointer; float: left;}
.divQty .qtyminus:focus, .divQty .qtyplus:focus{outline: 0;}
.divQty .qtyminus{border-radius:10px 0 0 10px;}
.divQty .qtyplus{border-radius:0px 10px 10px 0px;}

/*on off buttons*/
.btn-default.btn-on, .btn-default.btn-off {background: #ddd; padding: 7px 16px; font-size: 14px;}
.btn-default.btn-on.active {background-color: #7f4dbd; color: white;}
.btn-default.btn-off.active {background-color: #7f4dbd; color: white;}

/*font-awesome colors*/
.red {color: red;}
.green {color: green;}
.brown {color: brown;}
.orange {color: orange;}
.grey {color: grey;}
.white {color: white;}
.black{color:#222;}

.lightRed{color:#ff7070;}

/*links*/
.linkPink, .linkPink:hover{color:#5f3592;}
.linkBlue, .linkBlue:hover{color:#0d94b7;}
.linkGreen, .linkBlue:hover{color:green;}

.strike {text-decoration:line-through;}
.strikeRed {color:red;text-decoration:line-through;}
.strikeRedBold {color:red;text-decoration:line-through;font-weight:bold;}

/*modal*/

.modal{background: rgba(0, 0, 0, 0.8);}
.modal .modal-header {background: #7f4dbd; color: #fff; border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;}
.modal .modal-header .close {color: #fff; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1;}
.modal .table th{background: #7f4dbd; color: #fff;}
.modal .table{border:1px solid #7f4dbd;}
.modal .table tr{border:1px solid #7f4dbd;}

/*radio*/
input[type="radio"] { display: none;}
.graphical-radio {background: #cdcdcd; display: inline-block; width: 15px; height: 15px; border-radius: 100%;}
input[type="radio"]:checked + .graphical-radio{background: #fff; border: 4px solid #7f4dbd;}
input[type="radio"]:checked + .graphical-radio + .text{color:#7f4dbd;}

/*checkbox*/
label input[type="checkbox"] {display: none;}
label .graphical-check {position: relative; background: #7f4dbd; padding: 8px; float: left; cursor: pointer;}
[type="checkbox"]:checked + span:before {content: "\2714"; position: absolute; top: -1px; left: 2px; font-weight: bold; color: #fff;}
.spanLabel {float: left; background: none; color: #777; font-weight: normal; font-size: 14px; padding: 2px 6px; line-height: 1; cursor: pointer;}

/*tooltip*/
.tooltips i {color: #000; cursor: pointer;}

/*common content*/
.ccontent {color: #777;}

.invalidInput {border: red 1px solid !important;}

/*spacings*/
.pr0 {padding-right: 0;}
.pl0 {padding-left: 0;}
.mb5 {margin-bottom:5px;}
.mt5 {margin-top:5px;}
.mb10 {margin-bottom:10px;}
.mt10 {margin-top:10px;}
.mb15 {margin-bottom:15px;}
.mt15 {margin-top:15px;}

/*carousel*/
.carousel-control.left, .carousel-control.right {background: none; display: none;}
.carousel-indicators .active {background: #7f4dbd;}
.carousel-indicators li {background: #777;}
.carousel-indicators {bottom: -25px;}

/*filters*/
.dvFilters h1 {font-size: 16px; color: #7f4dbd; border-bottom: 1px solid #ccc; padding-top: 8px; padding-bottom: 8px; font-weight: normal;}
.dvFilters h1 i {font-size: 14px; color: #777;}
.dvFilters .btnClear {padding: 0; float: right; font-size: 12px; color: #777;}
.dvFilters .list-group {list-style: none; padding-top: 10px; margin-bottom: 10px;}
.dvFilters .list-group label {color: #999; cursor: pointer; width: 100%;}
.dvFilters .list-group label:hover {color: #7f4dbd;}
.dvFilters .list-group label .graphical-radio {margin-right: 5px; float: left;}
.dvFilters .list-group label .text {float: left;}
.dvFilters .dvCardType h1, .dvProducts .dvFilters .dvCategories h1 {border-top: 1px solid #ccc;}

/*no record found*/
.noRecordFound{}/*only html. dont need css*/
.dvNoRec{color: orange;font-size: 12px; font-weight:bold;}
/*no record found*/

/*header-nav*/
.dvNavbar {background: #7f4dbd; padding: 10px 0;}
.dvNavbar .dvLogo img {display: inline-block; margin-top: -20px;margin-bottom: -35px;}
.dvNavbar nav {width: 100%; text-align: right; margin-top: 4px;}
.dvNavbar nav li {display: inline-block; list-style: none; margin: 0 7.5px; position: relative;}
.dvNavbar nav li a {color: #fff; text-transform: uppercase;}
.dvNavbar nav li .dvCart {padding: 10px 0;color: #fff;}
.dvNavbar nav li .dvCart ul.dvCartShow {position: absolute; background: #fff; padding: 10px 0 0 0; display: none; z-index: 4; right: 0; top: 20px; border-bottom: 5px solid #7f4dbd !important;border: 1px solid #ddd;}
.dvNavbar nav li:hover .dvCart ul.dvCartShow {display: block;}
.dvNavbar nav li:hover .dvCart ul.dvCartShow li {color: #000; margin: 0; float: left;}

/*header-view cart*/
.dvNavbar nav li .dvCart ul.dvCartShow .dvCartView {float: left; width: 100%; width: 400px; max-height: 300px; overflow-x: hidden; margin: 0 5px 0 10px;text-transform: capitalize;}
.dvNavbar nav li .dvCart ul.dvCartShow .dvCartView .line {float: left; width: 100%; margin: 7.5px 0;}
.dvNavbar nav li .dvCart ul.dvCartShow .dvCartView .dvImage {padding-right: 0;}
.dvNavbar nav li .dvCart ul.dvCartShow .dvCartView .dvBrand {text-align: left;}
.dvNavbar nav li .dvCart ul.dvCartShow .dvCartView .dvBrand .brand {color: #000;}
.dvNavbar nav li .dvCart ul.dvCartShow .dvCartView .dvBrand .value {color: #000;}
.dvNavbar nav li .dvCart ul.dvCartShow .dvCartView .dvBrand .discount {color: #777; font-size: 13px;}
.dvNavbar nav li .dvCart ul.dvCartShow .dvCartView .dvTotal {text-align: right; padding-right: 0;}
.dvNavbar nav li .dvCart ul.dvCartShow .dvCartView .dvTotal .pay {color: #000;}
.dvNavbar nav li .dvCart ul.dvCartShow .dvCartView .dvTotal .qty {color: #777; font-size: 13px;}
.dvNavbar nav li .dvCart ul.dvCartShow .dvCartView .dvClose {text-align: center; padding-left: 0;}
.dvNavbar nav li .dvCart ul.dvCartShow .dvCartViewBtn {float: left; width: 100%; padding: 10px 10px 5px 10px; background: #fff; border-top: 1px solid #ddd;}
.dvNavbar nav li .dvCart ul.dvCartShow .dvCartViewBtn .dvFVTotal {float: left; color: #7f4dbd; font-size: 16px; font-weight: bold; margin-top: 3px; text-align: left;}
.dvNavbar nav li .dvCart ul.dvCartShow .dvCartViewBtn .dvTotalAmount {float: right; color: #7f4dbd; font-size: 16px; font-weight: bold; margin-top: 3px; text-align: right;}
.dvNavbar nav li .dvCart ul.dvCartShow .dvCartViewBtn .btnViewCart {float: right; margin-left: 15px;}

/*header-search*/
.dvNavbar ::-webkit-input-placeholder {color: pink !important;}
.dvNavbar ::-moz-placeholder {color: pink !important;}
.dvNavbar :-ms-input-placeholder {color: pink !important;}
.dvNavbar :-moz-placeholder {color: pink !important;}
.dvNavbar .search {position: relative;}
.dvNavbar .search .form-control {background: #917cad; padding: 6px 15px 6px 28px; color: #fff;}
.dvNavbar .search .form-control:focus {box-shadow: 0 0 5px 1px #7f4dbd;}
.dvNavbar .search .fa-search {position: absolute; left: 8px; top: 9px; color: #fff; z-index: 1;}
.dvNavbar .minus{color: #fff; font-weight: bold; margin:0 5px; cursor: pointer;}

/*breadcrumb*/
.dvBreadcrumb .breadcrumb {margin-top: 15px; background: #dec9f9; margin-bottom: 0;}
.dvBreadcrumb .breadcrumb li a {color: #450059;}
.dvBreadcrumb ul {float: right;}
.dvBreadcrumb ul li {list-style: none; display: inline-block;}
.dvBreadcrumb ul li a {display: inline-block; width: 20px; height: 20px; text-align: center; padding: 0; border-radius: 50%;}
.dvBreadcrumb ul li .facebook {background: #4867aa; color: #fff;}
.dvBreadcrumb ul li .twitter { background: #1da1f2; color: #fff;}
.dvBreadcrumb ul li .googlePlus {background: #dd4b39; color: #fff;}
.dvBreadcrumb ul li i {line-height: 20px; font-size: 10px;}
.breadcrumb > .active {color: #7f4dbd;}
.breadcrumb > li + li:before {
    color:#51217e;
}

/*pagination*/
.dvPagination .pagination {margin: 15px 0 0 0;}
.dvPagination {text-align: center;}
.dvPagination .pagination > li > a,
.dvPagination .pagination > li > span {color: #5f5f5f;border: none;font-weight: bold;}
.dvPagination .pagination > .active > a,
.dvPagination .pagination > .active > a:focus,
.dvPagination .pagination > .active > a:hover,
.dvPagination .pagination > .active > span,
.dvPagination .pagination > .active > span:focus,
.dvPagination .pagination > .active > span:hover {background-color: #7f4dbd; border-color: #7f4dbd; color: #fff;}

/*footer*/
.dvFooter ::-webkit-input-placeholder {color: #999 !important;}
.dvFooter ::-moz-placeholder {color: #999 !important;}
.dvFooter :-ms-input-placeholder {color: #999 !important;}
.dvFooter :-moz-placeholder {color: #999 !important;}
.dvFooter {float: left; width: 100%; background: #7f4dbd; clear: both; margin-top: 0; padding: 35px 0 0 0;}
.dvFooter .copyRight {background: #fff; padding: 10px 15px; text-align: center; color: #7f4dbd; font-size: 12px; margin-top: 10px;}
.dvFooter h2 {font-size: 20px; color: #fff; margin-bottom: 10px;}
.dvFooter .dvFooterLinks .list-group-item {background: none; padding: 0; border: none;}
.dvFooter .dvFooterLinks .list-group-item a { color: #b9b9b9; font-size: 13px;}
.dvFooter .dvFooterLinks .list-group-item a:hover {color: #fff;}
.dvFooter p {color: #b9b9b9;}
.dvFooter .btnSubscribe {margin-top: 5px;}
.dvFooter .dvSocial .list-group li {display: inline-block; list-style: none; margin: 60px 10px 0 0;}
.dvFooter .dvSocial .list-group li i {font-size: 20px; color: #fff;}
.dvFooter .dvFooterLinks .form-control{background: #fff;}

/*sticky footer*/
html,
body {height: 100%;}
#wrap {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -30px; padding:0 0 50px 0;}

/*scrollup*/
.scrollup {display: none; position: fixed; right: 15px; bottom: 15px; z-index: 10; padding: 5px 10px; background: #000; color: #fff; font-size: 16px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%;}
.scrollup:hover,
.scrollup:focus {color: #fff;}

.cart-size {
    padding: 3px 5px;
    border-radius: 50%;
    min-width: 18px;
    text-align: center;
    line-height: 12px;
    font-size: 10px;
    background: #393c39;
    color: #fff;
    z-index: 4;
    top: 4px;
    left: 7px;
    position: absolute;
}

/*Brand Search*/
.brandSearchList {
    position: absolute;
    z-index: 9;
    background: #fff;
    padding: 10px;
    height: auto;
    overflow-x: hidden;
    margin: 0;
    width: 300px;
    border:1px solid #ddd;
}
.brandSearchList li {
    list-style: none;
    display: inline-block;
    border-bottom: 1px solid #ccc;
    margin: 0 0 5px 0 !important;
    padding: 0px 0 3px 0;
}
.brandSearchList li .text {
    text-transform:capitalize;
}
.brandSearchList li .p0{padding:0;}
.brandSearchList li .pr0{padding-right:0;}
.subscribe {font-size: 15px;font-weight: 500;padding: 10px;position: fixed;text-align: center;top: 70%;left: 45%;z-index: 999999;display: none;}

@media (max-width: 991px) {
 .dvNavbar .dvLogo img {margin-top:3px;}
 .dvNavbar nav li {margin: 0 3px;}
 .dvFooter .dvSocial .list-group li {margin: 60px 2px 0 0;}
}

@media (max-width: 767px) {
 .cart-size {top: -7px;left: 2px;}

    /*filter tags*/
.filterTags{display: none;}
.filterTags{float:right; margin-top:10px;}
.filterTags .tagBlue{margin-bottom: 5px;}
.filterTags .tagRed{margin-bottom: 5px;}
.clearFilter{position: absolute; right: 0; border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -o-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; top: 0;}

/*plus minus buttons*/
.divQty{width:70px;}
.divQty .qty {width: 25px;height: 15px;}
.divQty .qtyminus, .divQty .qtyplus { width:15px; height:15px; line-height:14px; padding:0px 4px;}

 /*tables*/
 .table{font-size: 13px;}

 /*modal*/
 .modal {padding-right: 0 !important;}

 /*common css*/
 .clrM{clear: both;}

 /*APP footer*/
 .dvFooter .dvSocial .list-group li {margin: 0 10px 0 0;}
 .dvFooter h2 {font-size: 14px;}
 
 /*APP COMMON CSS*/
 .smallHeadings{font-weight: bold; color: #000;}
 .ccontentM {color: #777; font-size: 13px; text-align: justify;}

 /*APP - homepage*/
 .dvAppCommon .dvNavbar ::-webkit-input-placeholder {color: #999 !important;}
 .dvAppCommon .dvNavbar ::-moz-placeholder {color: #999 !important;}
 .dvAppCommon .dvNavbar :-ms-input-placeholder {color: #999 !important;}
 .dvAppCommon .dvNavbar :-moz-placeholder {color: #999 !important;}

 /*APP - Search Brand input*/
 .dvApp .searchBrand{margin-top:15px;}
 .dvApp .searchBrand input{background: none; padding:6px 20px; border-bottom: 1px solid #7f4dbd;}
 .dvApp .searchBrand .searchIcon{position: absolute; left: 15px; top:9px; z-index: 1; color:#999;}

 /*APP - used in homepage and buy-gift-cards page*/
 .dvApp .dvGiftCards{margin-top:20px;}
 .dvApp .dvGiftCards .dvCards .parent{margin-top:2px;padding:7px 15px; border-bottom: 1px solid #ccc;}
 .dvApp .dvGiftCards .dvCards .brandName{color:#777; font-weight: 600;}
 .dvApp .dvGiftCards .dvCards .off{color:#7f4dbd !important; font-size: 13px;}
 .dvApp .dvGiftCards .dvCards .heart{margin-right:5px;display:none;}
 .dvApp .dvGiftCards .dvCards .heartRed{margin-right:5px;display:none;}
 .dvApp .dvGiftCards .dvCards .amt{color:#000; margin-right:5px; font-weight: bold;}
 .dvApp .dvGiftCards .dvCards .amt i{font-size: 13px;}
 .dvApp .dvGiftCards .dvCards .go i{font-weight: bold;font-size: 16px;color: #969696;}
 .dvApp .dvGiftCards .dvCards .detail{margin-top:8px;}
 .dvApp .dvGiftCards .link{margin:15px 0;}

 /*APP - header*/
 .dvAppCommon{margin-bottom: 50px;}
 .dvAppCommon .dvNavbar{padding:5px 15px; float: left; width:100%; position: fixed; top:0; left:0; z-index: 10;}
 .dvAppCommon .dvNavbar .logo{float:left;}
 .dvAppCommon .dvNavbar img{display: inline-block;margin-top: -75px;margin-bottom: -95px;}
 .dvAppCommon .dvNavbar .menu{float:right; color: #fff; margin:6px 0px 0 0; cursor: pointer;}
 .dvAppCommon .dvNavbar .menuLinks{float:left; width:100%; border-top:1px solid #ff7986; padding:5px 0 0 0; margin-top:5px; display: none;}
 .dvAppCommon .dvNavbar .menuLinks a{display: block;color: #fff;padding: 2px 10px 2px 0px;background: #7f4dbd;}
 .dvAppCommon .dvNavbar .menuLinks a:hover{color: #fff;}
 .dvAppCommon .dvNavbar .cart a{float: right;color: #fff;margin: 6px 10px 0 5px;position:relative;}
 .dvAppCommon .dvNavbar .searchM{position: relative; margin-top: 5px; float: left; width: 100%; display: none;} 
 .dvAppCommon .dvNavbar .searchM i{position: absolute; top: 9px; left:25px; z-index: 1; color:#999;}
 .dvAppCommon .dvNavbar .searchM .form-control{padding:6px 15px 6px 28px;background: #fff; color: #e64656; border: 1px solid #7f4dbd; box-shadow: 0 0 1px 0px #821b25 inset; -webkit-box-shadow: 0 0 1px 0px #821b25 inset; -moz-box-shadow: 0 0 1px 0px #821b25 inset; -ms-box-shadow: 0 0 1px 0px #821b25 inset; -o-box-shadow: 0 0 1px 0px #821b25 inset;}
 .dvNavbar .searchIco{float: right; margin: 6px 5px 0 0; cursor: pointer;}
 .dvNavbar .searchIco i{color:#fff;font-size:12px;}
 .dvAppCommon .dvNavbar .searchIco span {font-size: 13px;margin-right: 5px;display: inline-block;color: #fff;}

 /*APP - slideMenu*/
 .dvAppCommon .slideMenuBg{background: rgba(0, 0, 0, 0.7); position: fixed; right:0; top:0; height:100%; width:100%; z-index:2; display:none;}
 .dvAppCommon .dvSlideMenu{position: fixed; top:40px; right:-250px; width:250px; z-index: 9; height:100%; background-size:100%; background: url('../images/slideMenuBg.png') no-repeat top left #7f4dbd;}
 .dvAppCommon .dvSlideMenu .closeSlide{cursor:pointer;font-size: 14px; color: #fff; padding: 7px 9px;}
 .dvAppCommon .dvSlideMenu .photograph{border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width:100px; height:100px; border:5px solid #fff; margin:0 auto; overflow:hidden;}
 .dvAppCommon .dvSlideMenu .welcomeText{color:#fff; text-align: center; margin-top:10px;}
 .dvAppCommon .dvSlideMenu ul.list-group{margin-top:12px; background: #fff; height:100%;}
 .dvAppCommon .dvSlideMenu ul.list-group li{list-style: none; display: block;}
 .dvAppCommon .dvSlideMenu ul.list-group li a{border-radius: 0; padding:8px 15px;}
 .dvAppCommon .dvSlideMenu ul.list-group li i{font-size: 12px; margin-right:5px;}

 /*APP - controls*/
 .heart{color:#aaa;display:none;}
 .heartRed{color:#7f4dbd;display:none;}
 .dvApp .filterBtn{font-size: 18px;color: #fff;position: fixed;background: #7f4dbd;padding: 6px 6px 6px 8px;right: 0;top: 16%;z-index: 2;border: 1px #7f4dbd solid;border-radius: 17px 0 0px 17px;}
 .dvApp .backBtn{font-size: 17px; color:#222;display:none;}

 .subscribe {left: 20%;}
}