******* normalize.css ********/
html {
    font-family: 'Open Sans', sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html, body {
    height: 100%;
    font-weight: 400;
}

body {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    line-height: 1;
    color: rgb(22, 22, 22);
    overflow: hidden;
    font-size: 16px;
}

*, * :before, * :after {
    box-sizing: border-box;
}

* {
    outline: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

a {
    background-color: transparent;
}

a:active, a:hover {
    outline: 0;
}

b, strong {
    font-weight: bold;
}

img {
    border: 0
}

video, .videoEL {
    object-fit: cover;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled], html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
    width: 100%;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

/******** important classes  ********/
.float-left {
    float: left;
}

.float-right {
    float: right;
}

.posA {
    position: absolute;
}

.posR {
    position: relative;
}

.posS {
    position: static !important;
}

.hidden, [hidden] {
    display: none !important;
}

.block, .popup--popupShow {
    display: block !important;
}

.margin-bottom0 {
    margin-bottom: 0;
}

.text-right {
    text-align: right;
}

.pure-img {
    max-width: 100%;
    height: auto;
}

.newProduct {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #f8dc20;
    margin-left: 3px;
    border-radius: 50%;
}

.darkCard {
    background-color: rgb(20, 20, 20);
    color: rgb(255, 255, 255);
}

.maxWidth {
    max-width: 1920px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.height100p {
    height: 100%;
}

.oveflowHidden, .popupShow, .popupShow {
    overflow: hidden;
}

.groups:before, .groups:after {
    content: '';
    display: table;
    width: 100%;
}

.translateZ0, .popupShow {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.VHmiddle {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.sty1, .sty2, .sty3 {
    display: inline-block;
    background: transparent;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
}
.nowrap {
    white-space: nowrap;
}
.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.homeCardFlex {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}

.table {
    display: table;
    width: 100%
}

.table > * {
    display: table-cell;
}

.sty1 {
    border: 3px solid rgb(169, 168, 168);
    color: #fff;
    line-height: 30px;
    font-size: 1.125em;
}

.sty1, .sty3 {
    border-radius: 30px;
    padding: 0 28px;
}

.sty2, .sty3 {
    border: 3px solid rgb(22, 22, 22);
    color: rgb(22, 22, 22);
}

.sty2 {
    font-size: 1.001em;
    line-height: 32px;
    padding: 0 18px;
    z-index: 9;
}

.sty3 {
    font-size: 1.500em;
    line-height: 44px;
    border-radius: 30px;
}

.darkCard .sty2 {
    border-color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}

main h1 {
    font-weight: 800;
    font-size: 6.250em;
    text-transform: uppercase;
}

main h1 small {
    font-size: 0.450em;
    font-weight: 300;
    text-transform: lowercase;
}

/******** mainHeader  ********/
#wrapper {
    overflow-y: auto;
    height: 100%;
}

.mainHeader {
    background-color: #6e0e37;
    z-index: 99;
}

.bannerText, .productBannerText {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}

.bannerText {
    left: 158px;
}

.bannerText--line01, .bannerText--line03 {
    font-weight: 800;
    display: inline-block;
}

.bannerText--line01 {
    font-size: 8.750em;
    line-height: 0.7em;
}

.bannerText--line03 {
    font-size: 6.625em;
}

.bannerText--line02 {
    font-weight: 300;
    font-size: 2.813em;
    padding: 6px 0 2px;
}

.bannerText--l01, .bannerText--l02 {
    height: 4px;
    background-color: rgba(86, 82, 81, 0.4);
    border: none;
    margin: 0;
}

.innerHeader {
    height: 122px;
}

.homepageBanner {
    background-image: url('../img/home_banner.jpg');
}

.prodcutBanner.product--lips--banner {
    background-image: url('../img/products/lips/banner.jpg');
}

.prodcutBanner.product--nails--banner {
    background-image: url('../img/products/nails/banner.jpg');
}

.prodcutBanner.product--face--banner {
    background-image: url('../img/products/face/banner.jpg');
}
.prodcutBanner.product--makeup-tutos {
    background-image: url('../img/makeup_banner.jpg');
}
.prodcutBanner.product--eyes--banner {
    background-image: url('../img/products/eyes/banner.jpg');
}

.prodcutBanner.product--brush--banner {
    background-image: url('../img/products/brush/banner.jpg');
}

.productBannerText {
    left: 12%;
}

.productBannerText .line2 {
    font-size: 2.813em;
    font-weight: 300;
    padding-top: 5px;
}

.productBannerText .line1 .sf {
    font-size: 5.250em;
    font-weight: 300;
}

.productBannerText .line1 .bigf {
    font-size: 6.250em;
    font-weight: 800;
    text-transform: uppercase;
}

.product--face--banner .productBannerText .line1 .sf, .product--eyes--banner .productBannerText .line1 .sf {
    font-size: 2.813em;
    display: inline-block;
}

.product--brush--banner .productBannerText .line1 .sf {
    font-size: 6.250em;
}

.site--banner {
    background-position: right 30% top 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.mistralLogo {
    display: inline-block;
    width: 148px;
    height: 80px;
    transition: all 0.5s;
}

.mistralLogo a {
    display: block;
    width: inherit;
    height: inherit;
    text-indent: -9999px;
    background: url('../img/svg/mistral_logo.svg') 0 0/99% no-repeat;
}

.mainNav {
    text-transform: uppercase;
    font-size: 0.875em;
}

.mainNav a {
    text-decoration: none;
    display: block;
}

.mainNav > ul > li > a {
    color: rgb(198, 198, 198);
    font-size: 1.50em;
    font-weight: 300;;
}

.mainNav--submenu a {
    color: rgb(22, 22, 22);
    font-size: 1.250em;
}

.mainNav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mainNav ul > li {
    font-weight: 600;
}

.mainNav--submenu,._mobile { /* valentine css update */
    display: none;
}

.mainNav h2 {
    margin: 0;
    position: relative;
}

.mainNav--submenu > section > ul > li > a {
    line-height: 28px;
    white-space: nowrap;
}

.mainNav .is-submenu > a:after, .mainNav .is-submenu h2:after {
    content: '';
    width: 10px;
    height: 6px;
    background: url('../img/svg/dropdown.svg') 0 0/cover no-repeat;
    display: inline-block;
    -webkit-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
    vertical-align: middle;
    margin: -3px 0 0 5px;
}

/*main Box homepage */
.cardPage, .cardBlock, .cardBlock--card {
    margin: 0;
    padding: 0;
}

.cardBlock--card {
    border-style: solid;
    border-color: rgb(22, 22, 22);
    text-align: right;
}

.cardBlock--card figure {
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1;
    max-height: 100%;
    margin: 0
}

.cardBlock h2, .cardBlock h3, .cardBlock h4 {
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
}

.cardBlock h2 {
    position: absolute;
    z-index: 2;
    left: -25px;
    top: 2.8%;
    font-size: 2.125em;
    color: rgb(255, 255, 255);
    text-align: left;
    white-space: nowrap;
    min-width: 203px;
    background-color: rgb(0, 0, 0);
}

.cardBlock--summary {
    max-width: 100%;
    text-align: left;
    z-index: 2;
}

.cardBlock2--card .cardBlock--summary {
    padding: 0 20px;
}

.cardBlock2--card2 .cardBlock--summary {
    padding-bottom: 20px;
    padding-top: 30px;
}

.cardBlock--card summary {
    text-transform: uppercase;
    line-height: 1.4em;
    padding-bottom: 20px;
}

.cardBlock1--card .cardBlock--summary summary {
    text-align: left;
    font-size: 2.125em;
    z-index: 2;
}

.cardBlock1--card3 img {
    max-width: 99%
}

.cardBlock h3 {
    font-size: 1.625em;
}

.cardBlock h4 {
    font-size: 1em;
    font-weight: 600;
    margin-top: 5px;
}

.cardBlock2--card .videoEL, .cardBlock2--card img {
    height: auto;
    overflow: hidden;
}

.cardBlock2--card img {
    width: 100%;
    vertical-align: bottom;
}
.cardBlock2--card1 img {
    height: 100%;
}
.cardBlock2--card .videoEL, .cardBlock2--card .video {
    width: 100%;
    vertical-align: bottom;
    left: 0;
    bottom: 0;
}

.cardBlock2--card2 .videoEL {
    margin-bottom: 20px;
}

.cardBlock2--card1 summary {
    font-size: 1.5em;
}

.cardBlock2--card2 summary {
    text-transform: lowercase;
    line-height: 1.1em;
    margin-top: 15px;
    font-weight: 300;
}

.cardBlock2--card2 .goahead, .cardBlock2--card2 summary {
    font-size: 1.250em;
}

.cardBlock2--card1 .video {
    left: 0;
    bottom: 0;
    height: 100%;
}

.cardBlock2--card3 .sty2, .cardBlock2--card4 .sty2 {
    left: 30px;
    bottom: 15%;
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
}
.linkBox {
    z-index: 1;
}
.sty2.white{
    color: #FFF;
    border-color: #FFF;
}
/* makeup tutos css */
.video-section + .video-section {
    margin-top: 50px;
}
.product-tutos h2 {
    font-size: 50px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
}
.product-tutos .video--card img {
    display: block;
    position: relative;
    z-index: 1;
}
.video--card .outline {
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border: 1px solid gray;
    left: 10px;
    top: 10px;
    padding: 5% 6.4%;
    margin-bottom: -4px;
}
.product-tutos .video--card {
    margin: 10px 0 15px;
}
.video--card .play {
    z-index: 2;
}
/* makeup tutos css end */
/**********Main footer***********/
.mainFooter ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mainFooter ul li {
    display: inline-block;
    font-size: 0.90em;
    color: rgb(102, 103, 102);
    vertical-align: middle;
}

.mainFooter ul.left li.line {
    padding: 0 6px;
}

.mainFooter .fb, .mainFooter .tw {
    width: 38px;
    height: 38px;
    margin-left: 10px;
}

.mainFooter .vestige {
    width: 55px;
    height: 55px;
    margin-right: 45px;
    border-radius: 50%;
    border: 1px solid transparent;
}

.mainFooter .vestige a {
    width: 90%;
    height: 90%;
    background-image: url('../img/svg/vestige_logo.svg');
    background-size: 85%;
    background-position: center;
}

.mainFooter .right li a {
    display: block;
    background-repeat: no-repeat;
}

.mainFooter .fb, .mainFooter .tw {
    opacity: 0.65;
}

.mainFooter .fb a, .mainFooter .tw a {
    height: inherit;
    width: inherit;
    background-size: cover;
    background-position: 0 0;
}

.mainFooter .fb a {
    background-image: url('../img/svg/fb.svg');
}

.mainFooter .tw a {
    background-image: url('../img/svg/twitter.svg');
}

/**********beauty tutorials***********/
.beautyTutorials {
    background-image: url('../img/beauty_tutorials.jpg');
}

.beauty--tutorial--row {
    padding-top: 60px;
}

.beauty--tutorial--row:first-of-type {
    padding-top: 0px;
}

.beauty--tutorial--row figure {
    margin: 0;
}

.play {
    display: inline-block;
    width: 16.8%;
    padding-top: 16.8%;
    background: url('../img/svg/play.svg') 0 0 no-repeat;
    background-size: cover;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0.7;
}

.beauty--tutorial--video .posterImg {
    max-width: 100%;
}

.beauty--tutorial--row h2 {
    position: relative;
    font-size: 2.625em;
    font-weight: 400;
    padding-top: 3%;
    padding-bottom: 3px;
    border-bottom: 4px solid rgb(0, 0, 0);
}

.beauty--tutorial--row.odd h2 {
    margin: 0 0 0 -4%;
    padding-left: 9%;
}

.beauty--tutorial--row.even h2 {
    margin: 0 -4% 0 0;
    padding-left: 5%;
}

.beauty--tutorial--row .videoinfo summary {
    padding: 3% 5%;
    font-size: 1.250em;
    line-height: 1.2em;
}

.popup--video--dimension {
    width: 50%;
    height: auto !important;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 160px;
}

.popup--video--dimension .videoEL {
    width: 100%;
    height: auto;
    min-height: 400px;
}

/**********beauty tutorials end***********/

/**********store***********/
.gmap {
    max-width: 100%;
    text-align: center;
}

.gmap img, .gmap iframe {
    width: 100%;
}

.storeBanner {
    background-image: url('../img/store_banner.jpg');
}

.gmap form {
    width: 100%;
}

.change-location select {
    padding: 0 2%;
    border-color: rgb(0, 0, 0);
    border-style: solid;
    font-size: 1.25em;
    color: rgb(153, 154, 154);
    background: rgb(255, 255, 255) url('../img/svg/dropdown_gray.svg') no-repeat;
    background-size: 5%;
    background-position: 97% center;
    background-position: center right 15px;
}

.change-location select option:not(:checked) {
    color: rgb(22, 22, 22);
}

/**********store end***********/
/**********product page***********/
.product--card, .video--card {
    border-style: solid;
    border-color: rgb(0, 0, 0);
}

.product--card--inner {
    width: calc(100% + 4px);
    min-height: 345px;
    border: 1px solid gray;
    left: 10px;
    top: 10px;
    padding: 5% 6.4%;
    margin-bottom: -4px;
}

.product--card h1 {
    margin: 0;
    font-size: 3.2em;
    text-transform: uppercase;
    padding-bottom: 3%;
}

.product--card summary, .product--card--abIn {
    max-width: 55%;
    font-size: 1.25em;
    line-height: 1.3em;
}

.product--card--abIn {
    padding: 15px 0;
}

.product--card .number {
    font-weight: 700;
    font-size: 1.500em;
}

.procust--img {
    margin: 0;
}

.product--popup {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 9999;
    overflow: auto;
}

.product--popup.show {
    display: block;
}

.popup--product--dimension {
    width: 80%;
    padding: 30px;
    position: relative;
    background-color: rgb(255, 255, 255);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    margin: 80px 0;
}

.popup--product--dimension .popup--close {
    width: 25px;
    padding-top: 25px;
    top: -30px;
}

.popup--product--dimension h2 {
    display: inline-block;
    font-size: 3.875em;
    font-weight: 800;
    text-transform: uppercase;
    border-bottom: 8px solid rgb(0, 0, 0);
    padding: 0 0 10px 55px;
    margin: 0 0 20px;
}

.popup--product--dimension h3, .popup--product--dimension .descp2 {
    line-height: 1.2em;
}

.popup--product--dimension h3 {
    margin-bottom: 20px;
    margin-top: 0;
}

.popup--product--dimension .descp2 {
    margin-bottom: 35px;
}

.popup--product--dimension h3 {
    font-size: 2.1em;
    text-transform: uppercase;
    font-weight: 400;
}

.popup--product--dimension .product-type1 .descp2 {
    font-size: 1.570em;
}

.popup--product--dimension .product-type2 .descp2 {
    font-size: 1.150em;
}

.popup--product--dimension .presentation, .popup--product--dimension .rs {
    font-size: 1.250em;
}

.popup--product--dimension .presentation {
    margin-bottom: 15px;
}

.popup--product--dimension .rupee {
    font-size: 2em;
    vertical-align: top;
    margin-top: -0.2em;
    display: inline-block;
    background: url('../img/svg/rs.svg') 0 0/cover no-repeat;
    width: 0.5em;
    height: 0.9em;
    margin: 0 10px;
}

.popup--product--dimension .inline-block {
    display: inline-block;
    vertical-align: top;
}

.popup--product--dimension .number {
    font-weight: 300;
}

.popup--product--dimension .avlIn {
    font-size: 1em;
    margin-bottom: 15px;
}

.popup--product--dimension ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.popup--product--dimension ul li {
    display: inline-block;
    width: 19%;
    padding-top: 19%;
    position: relative;
    margin: 2px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    cursor: pointer;
}

.popup--product--dimension .ptype {
    margin-top: 20px;
    font-size: 1.250em;
    text-transform: uppercase;
}

.popup--product--dimension .current:after {
    content: '';
    width: 35%;
    padding-top: 35%;
    background-color: rgba(255, 255, 255, 0.70);;
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.popup--product--dimension .col1, .product-type1 .col2, .product-type1 .col3 {
    vertical-align: top;
}

.popup--product--dimension .col2 {
    text-align: center;
    position: relative;
}

.popup--product--dimension .col2 .zoomout img {
    max-width: 100%;
}

.popup--product--dimension .textContainer {
    width: 365px;
    text-align: left;
    position: absolute;
    right: 50px;
    top: 145px;
    z-index: 10;
}

.popup--product--dimension footer {
    font-size: 1.300em;
    line-height: 1.2em;
    font-weight: 300;
    padding-top: 30px;
    border-top: 3px solid rgb(0, 0, 0);
    margin-top: 7%;
}

.product--card--inner summary + .sty2 {
    margin-top: 15px;
}

.popup--product--dimension ul li.texture {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.popup--product--dimension ul li.texture.current:after {
    width: 25px;
    padding-top: 25px;
}

/**********product page end***********/

/**********login form***********/
/*************popup*************/
.popup {
    z-index: 999;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.85);
}

.popup--login--dimension {
    height: 50%;
    min-height: 300px;
    background-color: rgb(255, 255, 255);
}

.popup--title {
    font-size: 8.750em;
    color: white;
    margin-top: -69px;
    text-align: center;
    margin: 0;
    POSITION: absolute;
    width: 100%;
    bottom: 90%;
}

.popup--close {
    border: none;
    right: 0;
    top: -40px;
    background: url('../img/svg/cross.svg') 0 0/cover;
    z-index: 2;
}

.loginFormMain {
    width: 56%;
}

.fromStyle .inputGroup {
    position: relative;
    margin-bottom: 40px;
}

.fromStyle .inputGroup label, .fromStyle .inputGroup input {
    font-size: 1.500em;
    font-weight: 400;
}

.fromStyle .inputGroup input {
    display: block;
    width: 100%;
    height: 37px;
    padding: 0 10px;
    border: none;
    background-color: transparent;
}

.fromStyle .inputGroup input:focus {
    outline: none;
}

.fromStyle .inputGroup input:required {
    box-shadow: none;
}

.fromStyle .inputGroup label {
    position: absolute;
    top: 10px;
    left: 10px;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    pointer-events: none;
}

.fromStyle .inputGroup input:focus + span + label, .fromStyle .inputGroup input:valid + span + label, .fromStyle .inputGroup textarea:focus + span + label,
.fromStyle .inputGroup textarea:valid + span + label {
    font-weight: 600;
    top: -20px;
    left: 5px;
    color: rgba(50, 180, 82, 1);
    text-transform: uppercase;
    font-size: 1.125em;
}

.fromStyle .inputGroup .bar {
    display: block;
    position: relative;
}

.fromStyle .inputGroup .bar:after,
.fromStyle .inputGroup .bar:before {
    content: '';
    position: absolute;
    bottom: -2px;
    width: 0;
    height: 2px;
    background: #089a6e;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
}

.fromStyle .inputGroup .bar:before {
    left: 50%;
}

.fromStyle .inputGroup .bar:after {
    right: 50%;
}

.fromStyle .inputGroup input:focus ~ .bar:after, .fromStyle .inputGroup input:valid ~ .bar:after,
.fromStyle .inputGroup input:focus ~ .bar:before, .fromStyle .inputGroup input:valid ~ .bar:before {
    width: 50%;
}

.forgotPassword {
    margin-right: 10px;
    font-size: 1.250em;
    line-height: 1.3em;
    color: rgb(22, 22, 22);
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.fromStyle .inputGroup textarea:focus, .fromStyle .inputGroup textarea:valid {
    border-color: #089a6e;
}

.ploader {
    text-align: center;
    min-height: 300px;
    line-height: 300px;
}

/**********login form end***********/
/*valentine css start here */
.mainNav .vlcTab a{color: #ff6969;}
.cardBlock--card.pinkBorder{
    border-color: #ff767a;
}
.homeBanner{
    cursor: pointer;
}
.homeBanner > div {
    background-color: #FFF;
    margin: 7px;
    overflow: hidden;
}

.homeBanner > div h2 {
    margin-top: 7px;
}

.homeBanner > div .bannerInfo {
    font-size: 4em;
    font-weight: 700;
    z-index: 9;
    position: relative;
    text-transform: uppercase;
}

.homeBanner .cardBlock--summary {
    position: absolute;
    margin-top: 150px;
    padding-left: 30px;
}

.homeBanner a {
    margin-top: 30px;
}

.pinkCard .sty2 {
    border-color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}

.pinkCard .sty2:hover {
    background-color: #c35b5a;
}

.homeBanner figure {
    float: right;
    position: static;
}

.vlcBanner.prodcutBanner.product--lips--banner{
    background: #ff7a7a;
}

.vlcBanner.prodcutBanner.product--lips--banner .grd{
    width: 100%;
    z-index: 9;
    left: 0;
    top: 0;
    height: 140px;
    background: url(../img/valentine_offers/banner_grd.png) bottom left repeat-x;
}

.vlcBanner.prodcutBanner.product--lips--banner .line1{
    font-size: 4.375em;
    font-weight: 700;
    text-shadow: 2px 0 10px #e73434;
    letter-spacing: -0.1px;
}
.vlcBanner.prodcutBanner.product--lips--banner .line1_1{
    padding-top: 5px;
    font-size: 1.50em;
    text-transform: none;
    line-height: 25px;
    text-shadow: 2px 0 10px #e73434;
}

.vlcNailLacquer .procust--img{
    right: -60px;
}
.vlcCompact .procust--img{
    right: -60px;
}

.vlcpage .product--card {
    border-color: #ff767a;
}

.vlcpage  .product--card--inner{
    border-color: #d89ba4;
}

.vlcpage .sty2,.vlcpage .mainNav .loginBtn {
    border-color:  #ff767a;
}

.vlcpage .sty2:hover,.vlcpage .mainNav .loginBtn:hover {
    background-color: #ff767a;
}
.vlcpage  .mainNav > ul > li > a {
    color: rgba(255, 255, 255,0.8);
}
.proCode.vlcEyeShadow{
    font-size: 1.5em;
}
/*valentine css start here */