/* Let's highlight canvas boundaries */
#flash-deals-gjs {
    /* border: 3px solid #444; */
    /* height: 500px; */
}

/* Reset some default styling */
.gjs-cv-canvas {
    top: 0;
    width: 100%;
    height: 100%;
}

.gjs-block {
    width: auto;
    /* height: auto; */
    /* min-height: auto; */
}

body {
    font-family: 'Cabin', sans-serif;
    color: #383838;
    overflow-x:hidden;
}

.navbar {
    background-color: white !important;
}

.banner {
    background-image: url('../../../storage/themes/trendiva-fashion/images/banner.jpg');
    background-position: center;
    background-size: cover;
    height: 500px;
}

.section-1 {
    padding: 60px 0;
}

.section1 {
    padding: 30px 0;
    min-height: 643px;
}

.section-title {
    text-transform: uppercase;
    color: #444;
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: bold;
}

.monthly-box-title {
    color: #fff;
}

.monthly-box {
    padding: 60px 0;
    background-color: rgb(132, 132, 132);
}

.footer {
    padding: 30px 0;
    background-color: rgb(79, 79, 79);

    background-image: url('../../../storage/themes/trendiva-fashion/images/footer-bg.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.footer-link {
    color: white !important;
    text-transform: uppercase;

}

.footer-text {
    margin-bottom: 8px;
    font-size: 17px;
    /* font-weight: bold; */
    color: white !important;
    text-transform: uppercase;
    width: 100%;
}

.footer-link:hover {
    color: white !important;
    /* text-decoration: underline; */
}
.pink-text {
    text-transform: uppercase;
    color: #c67d92 !important;
}

.nav-link {
    color: rgb(78, 78, 78);
    text-transform: uppercase;
    font-weight: bold;

}


.pos-rel {
    position: relative;
}

.nav-item {
    padding: 0 2px;
}

.navbar-nav .nav-link  {
    font-size: 16px;
}

.no-underline {
    text-decoration: none;
}


.no-underline:hover {
    text-decoration: none;
}

.navicons-div {
    position: absolute;
    top: 12px;
    right: 1%;
    /* left: 88%; */
}

.mobile-only {
    display: none;
}

.navicon-div {
    background-color: #383838;
    color: white;
    width: 35px;
    height: 35px;
    text-align: center;
    padding-top: 7px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;

}

.navicon-div:hover {
    background-color: #c67d92;

}

.navicon {
    color: white;
    font-size: 20px;
}

.navbar {
    min-height: 160px;
}

.celebrity-name {
    text-transform: uppercase;
    color: #383838;
    font-weight: bold;
    margin-top: 3px;
    margin-bottom: 20px;
}

.celebrity-star {
    color: #959595;
}

.product-name {
    color: #a1a1a1;
    font-size: 18px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 0;
    line-height: 1.1;
    margin-top: 15px;
}

.product-price {
    color: #a1a1a1;
    font-size: 20px;
    font-weight: bold;
    color: #383838;
    text-align: left;
    line-height: 1.1;

    text-transform: uppercase;
    margin-bottom: 0;
}

.col-img {
    max-height: 170px ;
    /* border: 1px solid #ebebeb; */

}

.full-border {
    border: 1px solid #ebebeb;
}

.pink-bg {
    background-color: #fcf3f5;
}

.prod-img-div {
    text-align: center;
    background-color: #ebebeb;
    /* padding: 50px 0px; */
    /* max-height: 540px; */
}

.prod-img {
    max-height: 420px;
}

.prod-ref {
    color: #959595;
    font-size: 12px;
}

.prod-price {
    color: #383838;
    font-size: 20px;
    font-weight: bold;
}

.qty-text {
    color: #959595;
    font-size: 18px;
    margin-right: 6px;
    position: relative;
    top: -4px;
}

.grey-btn {
    color: #959595;
    background-color: #ebebeb;
    border: 1px solid #ebebeb;

    width: 30px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 22px;

}

.grey-btn span {
    position: relative;
    top: -4px;
}

.qty-amount {
    width: 50px;
    height: 30px;
    display: inline-block;
    border: 1px solid #ebebeb;
    text-align: center;
    position: relative;
    top: -6px;
    padding-top: 2px;
}

.add-to-cart-btn {
    width: 160px;
    height: 45px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    background-color: #383838;
    color: white;
}

.add-to-wishlist-btn {
    width: 45px;
    height: 45px;
    border: none;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    background-color: #959595;
    color: white;

    position: relative;
    top: 2px;
}

.description-title {
    color: #383838;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.cart-title {
    color: #959595;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}


.cart-prod-name {
    color: #383838;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.cart-prod-price1 {
    color: #383838;
    font-size: 20px;
    text-transform: uppercase;
}

.cart-prod-price {
    color: #383838;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.cart-mg-top {
    margin-top: 50px;
}

.gradient {
    background: rgba(237,237,237,1);
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(0%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
}

.grey-btn:focus {
    outline: none;
}

.remove-btn {
    background-color: #959595;
    color: white;
    padding: 3px 7px;
    border: none;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 22px;
    display: inline-block;
}

.continue-btn {
    background-color: #959595;
    color: white;
    float: left;
    text-align: center;
    width: 250px;
    height: 60px;
    border: none;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 15px;
    margin-top: 30px;
}

.checkout-btn {
    float: right;
    background-color: #383838;
    color: white;
    text-align: center;
    width: 250px;
    height: 60px;
    border: none;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    /* padding-top: 15px; */
    margin-top: 30px;
}

.continue-btn:hover {
    color: white;
}

.checkout-btn:hover {
    color: white;
    text-decoration: underline;
}



.total-div {
    background-color: #c67d92;
    width: 370px;
    height: 53px;
    float: right;
    font-size: 22px;
    /* font-weight: bold; */
    text-transform: uppercase;
    padding: 10px 20px 0px 20px;
    color: white;

}


.final-total {
    float: right;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}

.shop-now-btn {
    background-color: #959595;
    color: white;
    text-align: center;
    width: 135px;
    height: 45px;
    border: none;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 10px;
    margin-top: 340px;
    margin-right: 200px;
    float: right;
    display: inline-block;
}

.shop-now-btn:hover {
    color: white;
}

.offers-link {
    background-image: url('../../../storage/themes/trendiva-fashion/images/pink-bg-offers.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.subscribe-div {
    text-align: center;
    background-color: white;
    padding: 5px;
    width: 100%;
    min-width: 410px;
}


.subscribe-input {
    width: 72%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #383838;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #fff;
    border-radius: 0rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.subscribe-input {
    outline: none;
}

.powered-by{
    color:#a3a3a3
}
.powered-a{
    color:white !important
}

.subscribe-btn {
    background-color: #fff;
    color: #383838;
    text-align: center;
    border: none;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.subscribe-btn:hover {
    outline: none;
}

.remove-btn:hover {
    color: white
}

.subcategories-div {
    position: absolute;
    padding: 4px 0;
    /* border: 1px solid #ebebeb; */
    width: 432px;
    width: 495px;
    width: 575px;


    /* width: auto; */
    background-color: white;
    text-align: left;
    margin-left: 7px;
    z-index: 9999999999999;
}

.subcategory-single {
    padding-right: .5rem;
    padding-left: .5rem;
    text-transform: uppercase;
    color: #959595;
    font-weight: bold;

}

.sub-pipe {
    color: #ddd;
    position: relative;
    top: -2px;
}

.subcategory-single:hover {
    color: #959595;

}

.nav-item {
    position: relative;
}

.hidden {
    display: none !important;
}

.overlay-container {
    position: relative;
    /* width: 50%; */
    background-color: white;
    border: 1px solid #ebebeb;

}

.overlay-container:hover {
    background-color: black;

}

.overlay-image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
    margin: auto;
    background-color: white;
    /* height: 253px; */
    /* width: auto; */

}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 200px;

}

.overlay-container:hover .overlay-image {
    opacity: 0.7;
}

.overlay-container:hover .middle {
    opacity: 1;

}

.overlay-text {
    background-color: #959595;
    color: white;
    font-size: 15px;
    padding: 6px 10px;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

.overlay-text:hover {
    background-color: #c67d92;
    color: white;
    text-decoration: none;
}


.alert-success {
    color: #383838;
    background-color: #c0ffcf;
    border-color: #c0ffcf;
    border-radius: 0px;
}

.alert-danger {
    color: white;
    background-color: #d85e5e;
    border-color: #d85e5e;
    border-radius: 0px;
}

.subscribe-btn:focus {
    outline: none;
}

.celebrity-letters-container {
    /* position: absolute; */
    /* top: -30px; */
}

.celebrity-letters-div {
    text-align: center;
    /* position: relative;
    top: -78px;
    left: 60px */

    position: relative;
    top: -10px;
}

.bb1 {
    border-bottom: 1px solid #dedede;
}

.bb1-div {
    border-bottom: 1px solid #dedede;
    height: 31px;
}

.pb1 {
    border: 1px solid #ebebeb;

}

.letter-link {
    color: #383838;
    padding: 1px 5px;
}

.letter-link:hover {
    color: #383838;
}

.celebrity-letter-pipe {
    color: #ddd
}

.letter-link.current {
    background-color: #c67d92;
    color: white;
}

.add-to-cart-btn:hover {
    background-color: #c67d92;
}

.add-to-wishlist-btn:hover {
    background-color: #c67d92;

}

.sort-select {
    display: inline-block;
    width: 70%;
    /* margin-left: 5px; */
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    float: right;
    background-color: #ebebeb;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.lh-1 {
    line-height: 1.2;
}

.float-right {
    float: right;
}

.sort-by-text {
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
    top: 8px;
}

.small-category-name {
    font-size: 16px;
    color: #959595;
    font-weight: 400;
    display: block;
}



.filter-div {
    padding: 10px 15px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #383838;
    background-color: #EBEBEB;
    margin-bottom: 2px;
}

.filter-by-div {
    background-color: #383838;
    color: white;
}

.filter-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #383838;
}

.filter-title:hover {
    text-decoration: none;
}

.filter-link:hover {
    text-decoration: none;
}



.accordion>.card .card-header {
    background-color: #EBEBEB;
    border-radius: 0;
    border: none;
    margin-bottom: 2px;
}

.accordion {
    border-radius: 0;
    border: none;
}

.accordion>.card {
    border-radius: 0;
    border: none;
}

.filter-body {
    background-color: #ddd;
    margin-bottom: 2px;

}

.view-all {
    background-color: #383838;
    padding: 5px 15px;
    font-weight: bold;
    float: right;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}
.view-all:hover {
    color: #fff;
}

.view-all-cat {
    background-color: #A3A3A3;
    padding: 5px 15px;
    font-weight: bold;
    float: right;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}
.view-all-cat:hover {
    color: #fff;
}

.product-card {
    margin-bottom: 25px;
}

.login-form-container {
    padding: 0px 270px 50px 0px;
}

.login-btn {
    background-color: #383838;
    color: white;
    text-align: center;
    width: 250px;
    height: 60px;
    border: none;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 4px;
    /* margin-left: 90px; */

    display: block;
        margin: auto;
}

.login-btn:hover {
    background-color: #c67d92;

}

.login-label {
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 85px;

}

.login-input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 5px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 65%;
    margin-left: 85px;
}

.login-input:focus {
    outline: none;
    border: 1px solid #c67d92
}

.navbar-light .navbar-nav .nav-link {
    color: #383838;
}

.info-section-title {
    text-transform: uppercase;
    color: #515151;
    margin-bottom: 15px;
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 25px;
}

.info-section-title-border {
    width: 290px;
    height: 10px;
    background-color: #c67d92;
}

.pink-bullet {
    background-color: #c67d92;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: relative;
    top: -1px;
    margin-right: 4px;

}

.info-section-subtitle {
    color: #515151;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
}

.info-paragraph {
    color: #4E4E4E;
}

.support-line {
    background-color: #c67d92;
    padding: 6px 15px;
    /*color: #514D4C;*/
    color:white;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}

.support-email {
    color: #4E4E4E;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
}

.contact-title {
    color: #4E4E4E;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
    display: inline-block;
}



.support-text {
    color: #969696;
}

.contact-card {
    padding: 15px 20px 20px 20px;
    box-shadow: 0 0 10px gray;
    background-color: white;
}

.fill-text {
    width: 80%;
    margin-top: 20px;
}


.contact-input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 5px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-bottom: 8px;
}

.contact-textarea {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 105px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.submit-contact {
    background-color: #383838;
    padding: 5px 15px;
    font-weight: bold;
    float: right;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
    margin-top: 10px;
}

.submit-contact:hover {
    text-decoration: underline;
}

.faq-question {
    color: #4D4D4D;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
}

.faq-answer {
    color: #383838;
}

.account-menu {
    box-shadow: 0 0 2px gray;
    /* box-shadow: 5px 0 5px -5px #333; */
    padding: 13px 25px;
}
.account-menu-row {
    margin-bottom: 5px;
}

.acount-menu-bullet {
    background-color: #383838;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: relative;
    top: -1px;
    margin-right: 4px;
}

.account-menu-item {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
    display: inline-block;
    color: #383838;

}

.account-menu-link {
    color: #383838;
}

.account-menu-link:hover {
    color: #383838;
}


.account-menu-link.current {
    color: #c67d92;
}

.account-label {
    font-weight: bold;
    margin-bottom: 2px;
}

.account-input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 5px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-bottom: 8px;
}

.deal-div {
    float: right;
}

.deal-text {
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 0;
    text-align: center;
    float: right;
    background-color: #c67d92;
    color:#fff;
    position: absolute;
    top: 10px;
    right: 31px;
    line-height: 1;
    padding: 15px;
    font-weight: bold;
    z-index: 9999;
}

.deal-text2 {
    font-size: 26px;
    font-weight: bold;

}

.alert.animated {
    top: 85px !important;
    top: 20px !important;

}

.cart-prod-name:hover {
    color: #383838;
}

.cart-number {
    background-color: #c67d92;
    color: #fff;
    width: 25px;
    height: 24px;
    left: 5px;
    position: absolute;
    bottom: -15px;
    text-align: center;
}

.add-to-cart-btn:focus {
    outline: none;
}

.add-to-wishlist-btn:focus {
    outline: none;
}


.review-btn {
    width: 127px;
    height: 30px;
    text-align: center;
    padding-top: 3px;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
    padding-left: 1px;
}

.review-btn:hover {
    color: #fff;
    text-decoration: underline;
}

.show-reviews-btn {
    background-color: #383838;
}

.write-review-btn {
    background-color: #959595;
}

.related-products-div {
    background-color: #959595;
    padding: 10px 18px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
}

#search-form .fa-search {
    font-size: 18px;
    color: #383838;
    cursor: pointer;

}

#search-form .fa-search:hover {
    color: #c67d92;
}

.nav-search {
    /* width: 520px;
    position: absolute;
    background-color: #ebebeb;
    top: 12px;
    left: 32%;
    border: none;
    height: 34px ;
    padding: 0 15px; */
}

.nav-search {
    width: 94%;
    border: none;
    background-color: #ebebeb;


}

.nav-search:focus {
    outline: none;
}

.search-form-div {
    width: 520px;
    position: absolute;
    background-color: #ebebeb;
    top: 12px;
    /* left: 540px; */
    left: 32%;
    border: none;
    height: 36px;
    padding-left: 15px;
    padding-top: 6px;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #c67d92;
}

.navbar-light .navbar-nav .nav-item.pink-hover .nav-link {
    color: #c67d92;
}

.pink-hover {
    color: #c67d92 !important;
}

.pink-hover:hover {
    color: #c67d92 !important;
}

.current-link {
    color: #c67d92 !important;
}


.checkout-subtitle {
    color: #515151;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.checkout-input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0rem;
    margin-bottom: 5px;
}

.checkout-card {
    border-top: 7px solid #c67d92;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    /* padding: 15px; */
    padding-bottom: 0;
    background-color: #fff;

}

.fwb {
    font-weight: bold;
}

.total-checkout-div {
    background-color: #c67d92;
    height: 53px;
    font-size: 22px;
    /* font-weight: bold; */
    text-transform: uppercase;
    padding: 10px 20px 0px 20px;
    color: white;
}

.already-have-account-div {
    color: #959595;
}

.already-have-account-div a {
    font-weight: bold;
    color: #383838;
}

.already-have-account-div a {
    color: #383838;

}

.checkout-quantity {
    color: #959595;
    font-size: 16px;
    font-weight: 400;
    text-transform: lowercase;

}

.dis-block {
    display: block;
}
.checkout-input:focus {
    outline: none;
    border: 1px solid #c67d92
}

.address-textarea {
    height: 70px;
}


.place-order-btn {
    background-color: #383838;
    color: white;
    text-align: center;
    width: 250px;
    height: 60px;
    border: none;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 4px;
    float: right;
}

.place-order-btn:hover {
    background-color: #c67d92;
}

.total-checkout-div1 {
    background-color: #fff;
    height: 53px;
    font-size: 22px;
    /* font-weight: bold; */
    text-transform: uppercase;
    padding: 10px 20px 0px 20px;
}

#offers-link {
    color: #fff !important;
}
#offers-link:hover {
    color: #fff !important;
    text-decoration: underline;
}


.section2 .bg-left {
    background-image: url('../../../storage/themes/trendiva-fashion/images/login-left.jpg');
}

.section2 .bg-right {
    background-image: url('../../../storage/themes/trendiva-fashion/images/login-right.jpg');
}

.section2 .bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 70px 70px 90px 90px;
    height: 620px;
}

.monthly-box .product-name {
    color: #fff;
}

.monthly-box .product-price {
    color: #2b2b2b;
}

.monthly-box {
    background-image: url('../../../storage/themes/trendiva-fashion/images/beauty-box-bg2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

}


.none-text {

}

.add-address-div {
    border: 1px solid #ccc;
    padding: 60px 0px;
    text-align: center;
    background-color: #ebebeb;
    color: #383838;
}

.add-address-div:hover {
    background-color: #d2d2d2;
    color: #383838;
    text-decoration: none;
}
.add-address-link:hover {
    text-decoration: none;

}

.add-address-div .fa-plus {
    font-weight: bold;
    font-size: 20px;

}

.add-new-address {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.address-div {
    padding: 20px 20px 71px 20px;
    background-color: #fff;
    color: #383838;
    box-shadow: 0 0 10px gray;
    margin-bottom: 15px;


}

.address-title {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.dis-iblock {
    display: inline-block
}

.submit-contact:hover {
    color: white;
}

.order-div {
    background-color: #ebebeb;
    border: 1px solid #ccc;
    padding: 20px 15px 35px 15px;
    margin-bottom: 15px;

}

.order-div:hover {
    background-color: #fff;
    border: 1px solid #c67d92;
}

.order-div:hover .order-total {
    border: 1px solid #c67d92;
    background-color: #c67d92;
}

.order-total:hover {
    border: 1px solid #c67d92;
    background-color: #c67d92;
}

.order-total {
    background-color: #383838;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 25px;
    margin-top: 8px;
    display: inline-block;
    border: 1px solid #383838;

}

.order-label {
    font-weight: bold;
    text-transform: uppercase;
    /* margin-bottom: 10px; */
    margin-right: 8px;

}

.view-order {
    color: #383838;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    float: right;
    margin-top: 15px;

}

.view-order:hover {
    color: #383838;
    float: right;
}

.single-filter-div {
    font-size: 16px;
    color: #383838;

}

.filter-checkbox {
    margin-right: 5px;
    width: 15px;
    height: 15px;
}

.filter-btn {
    background-color: #383838;
    color: white;
    padding: 5px 13px;
    border: none;
    font-weight: bold;
    display: inline-block;
}

.filter-btn:hover {
    background-color: #c67d92;
    text-decoration: none;
    color: white;

}

.pagination {
    justify-content: center;
}

.page-link {
    width: 96px;
    text-align: center;
    color: #d2a3ac

}



.page-link:hover{
    color: #d2a3ac;
    text-decoration: underline;
}

.toggle li:first-child a {-webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;}
.toggle li a:hover { background: #ededed; color: #222; }
.toggle li a.active { background: #c8e0f3; color: #325874; cursor: default; box-shadow: inset 0 0 3px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.4); }

.slider { margin: 50px 0 10px!important;}
#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}

.flexslider {
    margin-bottom: 10px !important;
}

#carousel li {
    width: 160px !important;
}

.flexslider {
    margin: 0 0 60px;
    background: #fff;
    border: 4px solid #fff;

    background: transparent;
    border: none;
}

.flex-direction-nav a.flex-next:before {
    position: relative;
    top: -7px;
}

.flex-direction-nav a:before {
    position: relative;
    top: -7px;
}

.option-select {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 3px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0rem;
    cursor: pointer;
}

.option-select:focus {
    outline: none;
}

.text-bold {
    font-weight: bold;
}

.product-compare-price {
    color: #959595;
    font-size: 16px;
    font-weight: bold;
    text-decoration: line-through;
    text-decoration-color: #0A0A0A;
    margin-right: 4px;
}




.radio-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* Hide the browser's default radio button */
  .radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }

  /* Create a custom radio button */
  .radio-container .checkmark {
    position: absolute;
    top: 0px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
  }

 

  /* On mouse-over, add a grey background color */
  .radio-container:hover input ~ .checkmark {
    background-color: #ccc;
  }

  /* When the radio button is checked, add a blue background */
  .radio-container input:checked ~ .checkmark {
    background-color: #999999;
  }

  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the indicator (dot/circle) when checked */
  .radio-container input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the indicator (dot/circle) */
  .radio-container .checkmark:after {
       top: 9px;
      left: 9px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: white;
  }

.countdown-div-main {
    background-color: #ECC3CB;
    padding: 8px;
    display: inline-block;
    line-height: 1.1;
    font-size: 14px;
    font-weight: bold;
    vertical-align: top;
    position: absolute;
    top: -18px;
    right: 0px;
}

.countdown-div-main2 {
    background-color: #E9C1C9;
    display: inline-block;
    box-shadow: 0 0 7px gray;

    vertical-align: top;

}

.countdown-div1 {
    background-image: url('../../../storage/themes/trendiva-fashion/images/clock.png');
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    height: 46px;
    width: 46px;
    padding: 2px;
    display: inline-block;
    vertical-align: top;
    background-color: #959595;


}

.countdown-div1-5 {
    display: inline-block;
    vertical-align: top;
    padding: 8px;

}

.countdown-div2 {
    display: inline-block;
    vertical-align: top;

    padding: 8px;

}

.text-white {
    color: white;
}

.cart-variants-div {

}

.cart-option {
    margin-right: 10px;
    color: #828282;
}


.carousel-caption {
    bottom: 70px
}

.carousel-indicators li {
    background-color: #383838;
    width: 14px;
    height: 4px;
}

.carousel-control-next-icon {
    display: none;
}

.carousel-control-prev-icon {
    display: none;

}



.slide-desktop {
    display: inline;
    max-height: 570px;
    width: 100%;
}

.slide-mobile {
    display: none;
}

.beauty-box-div {
    background-color: white;
    padding: 25px 15px;
}

.beauty-title {
    color: #a3a3a3;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 0px;
    margin-top: 50px;
    line-height: 1.3;
}

.beauty-price {
    color: #383838;
    font-size: 22px;
    margin-bottom: 0px;
    font-weight: bold;
    line-height: 1.3;

}

.queen {
    color: #f1afbb;
}

.princess {
    color: #f1afbb;
}


.box-include {
    background-color: #383838;
    color: white;
    padding: 6px 13px;
    border: none;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
    display: inline-block;
}

.box-include:hover {
    color: white
}


.cart-gift-div {
    background-color: #F2F2F2;
    padding: 10px 15px;
    margin-top: 7px;
}

.gift-price {
    font-weight: bold;
    float: right;
    position: relative;
    top: 7px;
    left: -92px;
}



/* The container */
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }

    /* Hide the browser's default checkbox */
    .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    }

    /* Create a custom checkbox */
    .checkmark {
    position: absolute;
    top: 1px;
    left: 2px;
    height: 25px;
    width: 25px;
    background-color: #ccc;
    }

    /* On mouse-over, add a grey background color */
    .checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .checkbox-container input:checked ~ .checkmark {
    background-color: #c67d92;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    }

    /* Show the checkmark when checked */
    .checkbox-container input:checked ~ .checkmark:after {
    display: block;
    }

    /* Style the checkmark/indicator */
    .checkbox-container .checkmark:after {
    left: 10px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    }


.gift-icon-div {
    background-image: url('../../../storage/themes/trendiva-fashion/images/gift-icon.png');
    background-position: left;
    background-size: auto;
    width: 20px;
    height: 29px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 3px;
}

.gift-icon-div.selected {
    background-position: right;
}

.add-gift-text {
    font-size: 16px;
    text-transform: uppercase;
    color: #383838;
    position: relative;
    top: -6px;
    left: 2px;
}

.cart-related-section {
    background-color: #F2E3E6;
    padding: 20px 0;

}


.cart-related-products-div {
    padding: 10px 18px;
    padding-left: 0;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #4F5150;
    margin-bottom: 20px;
}

.card-photo-div {
    height: 255px;
    width: auto;
    text-align: center;
    background-color: white;
}

.overlay-image {
    opacity: 1;
    display: block;
    width: auto;
    height: 100%;
    max-width: 100%;
}

.filter-btn:focus {
    outline: none;
}

.product-description-paragraph {
    margin-bottom: 10px;
}

.bundle-div {
    padding: 5px;
    border: 3px dotted #c67d92;
    text-align: center;


}

.bundle-div2 {
    /* box-shadow: 0 0 10px gray; */
    border: 1px solid #ddd;
    background-color: #F7F7F7;
    padding-bottom: 10px;
}

.dont-miss-bundle {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    /* margin-top: 40px; */
    padding-top: 70px;
}

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



.bundle-img-div {
    width: 165px;
    height: 165px;
    background-color: #fff;
    text-align: center;
    display: inline-block;
}

.bundle-plus-div {
    width: 35px;
    height: 35px;
    font-size: 26px;
    font-weight: bold;
    background-color: #c67d92;
    margin-top: 70px;
    display: inline-block;
    margin-left: 7px;
    margin-right: 7px;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
    color: #fff;
}

.bundle-plus-text {
    position: relative;
    top: -3px;
}

.description-box {
    border: 1px solid #ddd;
    padding: 20px;
}

.buy-bundle-text{
    font-size: 14px;
    font-style: italic;
    text-transform: uppercase;
}

.buy-bundle-btn {
    width: 120px;
    height: 40px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    background-color: #383838;
    color: white;
    margin-top: 60px;
}

.buy-bundle-btn:hover {
    background-color: #c67d92;

}

.buy-bundle-btn:focus {
    outline: none;
}

.size-box {
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
    border: 1px solid #383838;
    color: #383838;
    cursor: pointer;
}

.size-box:hover {
    background-color: #383838;
    color: white;
}

.size-box.selected {
    background-color: #383838;
    color: white;
}

.first-flash-div {
    height: 520px;
}

.cart-image-div {
    background-color: #fff;
    border: 1px solid #ebebeb;
    text-align: center;
    margin-bottom: 5px;
}


.coupon-div {
    padding: 10px 20px 0px 20px;
}

.coupon-div2 {
    border: 1px solid #ccc;
    text-transform: uppercase;
    
}

.promocode-input {
    background-color: white;
    border: none;
    padding: 3px 5px;
    padding-left: 12px;
    height: 40px;
    width: 300px;
}

.promocode-input:focus {
    outline: none;
}

.apply-promocode-btn {
    width: 120px;
    height: 40px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    background-color: #bbb;
    color: white;
    float: right;
}

.apply-promocode-btn:hover {
    background-color: #383838;
}

.apply-promocode-btn:focus {
    outline: none;
}

.invalid-promocode {
    color: #d85e5e;
    margin-top: 3px;
    margin-bottom: 2px;
}

.theme-select {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0rem;
}

.theme-select:focus {
    border-color: #c67d92;
    box-shadow: none;
}



.fixed-header{
    width: 100%;
    position: fixed;        
    background: #383838;
    padding: 9px 0;
    color: #fff;
    z-index: 999999999999999999999999999999999999;
}
.fixed-header{
    top: 0;
}

.fixed-text {
    color: white; text-align: center; text-transform: uppercase; margin-bottom: 0;
}

.no-stock-image {
    opacity: 0.3;
}

.on-sale {
    float: right;
}


.on-sale-text {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0;
    text-align: center;
    float: right;
    background-color: #c67d92;
    color: #fff;
    position: absolute;
    top: 10px;
    right: 13px;
    line-height: 1;
    padding: 10px;
    font-weight: bold;
    z-index: 9999;
}

.applied-promocode {
    margin-top: 8px;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #777;
}

.paypal-div {
    width: 320px;
}

#error-paypal {
    color: #d85e5e;
}


.bundle-total {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 0;
}

.buy-bundle-btn {
    margin-top: 10px;
    width: 130px;
}

.product-compare-price {
    font-size: 20px;
    color: #c67d92;
    margin-left: 5px;
    text-decoration-color: #c67d92;
}

.on-sale-div {
    background-image: url('../../../storage/themes/trendiva-fashion/images/OnSale.png');
    background-position: center;
    background-size: cover;
    height: 50px;
    width: 20px;
    display: inline-block;
}

.on-sale {
    float: unset;
    position: relative;
}

.on-sale-div2 {
    position: absolute;
    left: 10px;
    top: 10px;

}

.sold-out-div2 {
    position: absolute;
    top: 15px;

}

.product-name-bundle {
    margin-top: 5px;
    margin-left: 2px;
    float: left;
    font-size: 14px;
}

.bundle-div2 {
    padding-bottom: 30px ;
}

.totalOriginalBundlePrice {
    color: #c67d92;
    text-decoration-color: #c67d92;
    text-decoration: line-through;

}

.pay-paypal-div {
    width: 301px;
    margin-top: 10px;
}

.remove-fav {
    background-color: #4E4E4E;
    padding: 5px 15px;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    top: -10px;
}

.remove-fav:hover {
    color: #fff;
    text-decoration: underline;
}

#slider.flexslider .slides > li {
    display: none !important;
}
#slider.flexslider .slides > li:first-child {
    display: block !important;
}

#slider.flexslider .slides > li.flex-active-slide {
    display: block !important;
}


.beauty-price-crossed {
    color: #c67d92;
   margin-left: 5px;
    text-decoration-color: #c67d92;
    text-decoration: line-through;
}

.blog-title {
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
    text-align: center;
    color: #4E4E4E;
    display: block;
}

.blog-title:hover {
    color: #4E4E4E;

}

.blog-div {
    background-position: center;
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
}


#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 26px;
    font-size: 16px;
    color: #ccc;
    line-height: 26px;
    padding: 10px 0 10px 30px;
    /* font-family: "Trebuchet MS",Helvetica,sans-serif; */
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
    text-align: center;
}

#cookieConsent a.cookieConsentOK {
    background-color: #c67d92;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a {
    color: #c67d92;
    text-decoration: none;
}


.continue-btnn {
    width: 230px;
    height: 45px;
    border: none;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    background-color: #383838;
    color: white;
    display: inline-block;
}

.continue-btnn:hover {
    color: white;
    text-decoration: underline;
}

.continue-btnn2 {
    width: 230px;
    height: 45px;
    border: none;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    background-color: #c67d92;
    color: white;
    display: inline-block;
    padding-top: 11px;

}

.continue-btnn2:hover {
    color: white;

}

.carousel-inner{
    width:110%;
    right:4%
}

.facebook-icon,.instagram-icon, .twitter-icon {
   margin-bottom:5px;
}
.facebook-icon:hover{
    background-color:#c67d92;
}
.instagram-icon:hover{
    background-color:#c67d92;
}
.twitter-icon:hover{
    background-color:#c67d92;
}

.mobile-version{
    display: none;
}
.desktop-version{
    display: flex;
}


.modal{
    top:40px;
}