MAINHACK

Viewing / Editing File: style.css

body{width: 100%; background:#fff ; padding: 0; margin: 0; font-family: "Kanit", sans-serif; }
a{text-decoration: none !important; border: none; outline: none; outline: none; font-family: "Kanit", sans-serif; }
h1, h2, h3, h4, h5, h6, p{ padding: 0; margin: 0; font-family: "Kanit", sans-serif; }
ul{ padding: 0; margin: 0; }
li{ list-style: none; border: none; outline: none; font-family: "Kanit", sans-serif; }
*{padding: 0;margin: 0;}
/*font-family: "Grey Qo", cursive;*/
.container{ width: 98% !important; margin:0 auto; }

/*Header Top Start*/
.header{ width: 100%; position: fixed; background: #fff; display: block; padding: 0; margin: 0; z-index: 9999; box-shadow: 0 0 10px #660bb47a; top: 0; }
.header .header-top{ width: 100%; position: relative; display: block; background: linear-gradient(145deg, #4F3267 20%, #3A1857 70%); padding: 5px 0; margin: 0;  text-align: center; }
.header .header-top h5{ font-size: 14px; line-height: 16px; color: #fff; padding: 0; margin: 0; font-weight: 300; }
.header .header-top h5 a{ color: #ffc0cb; }

/*Header Bottom Start*/
.header .header-bottom{ width: 100%; position: relative; background: #fff; display: block; padding: 0; margin: 0;}
.header .header-bottom .logo{ width: 100%; padding: 0; margin: 0; position: relative; }
.header .header-bottom .logo img{ width: 100%;}
.header .header-bottom .menu{ padding: 0; margin: 0; }
.header .header-bottom .menu ul{ padding: 30px 0 0; margin: 0; width: auto; display: inline-block; }
.header .header-bottom .menu ul li a{ font-weight: 600; font-size: 16px; transition: all 600ms ease-in-out; letter-spacing: 0.6px; }
.header .header-bottom .menu ul li ul li a{ color: #000000b5; font-weight: 500; }
.header .header-bottom .menu ul li a:hover{color: #006262; transition: all 600ms ease-in-out;}
.snip1189 { text-align: center;text-transform: uppercase;font-weight: 500;letter-spacing: 1px;}
.snip1189 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.snip1189 li { display: inline-block; list-style: outside none none; margin: 0 3px; padding: 0; }
.snip1189 a { padding: 0 6px; margin: 3px 0; display: block; color: #3a1857; position: relative; }
.snip1189 a:hover{color: #4f3267; }
.snip1189 a:before,
.snip1189 a:after { height: 12px; width: 12px; position: absolute; content: ''; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; opacity: 0; }
.snip1189 a:before { left: -2px; top: -2px; border-left: 2px solid #4f3267; border-top: 3px solid #4f3267; -webkit-transform: translate(100%, 50%); transform: translate(100%, 50%); }
.snip1189 a:after { right: -5px; bottom: -5px; border-right: 3px solid #0a8ce3; border-bottom: 3px solid #0a8ce3; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); }
.snip1189 a::after { right: -2px; bottom: -2px; border-right: 2px solid #3a1857; border-bottom: 3px solid #3a1857; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); }
.snip1189 a:hover,
.snip1189 .active a { color: #3a1857;transition: all 600ms ease-in-out; }
.snip1189 a:hover:before,
.snip1189 .active a:before,
.snip1189 a:hover:after,
.snip1189 .active a:after { color: #3a1857;  -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); opacity: 1; }

.header .header-bottom .search{ width: 48%; float: left; padding: 28px 0 0; margin: 0; position: relative; }
.header .header-bottom .search .search-box{ width: 100%;  background: #ccc; padding: 0; margin: 0; border: 1px solid #3a1857; }
.header .header-bottom .search form { width: 100%; padding: 0; margin: 0; }
.header .header-bottom .search form .search-box{ width: 100%; padding: 0; margin: 0; background: #eee; border-radius: 5px; overflow: hidden; height: 35px; }
.header .header-bottom .search form .search-box input{ width: 86%; font-size: 14px; line-height: 16px; background: #fff; border: none; outline: none; padding: 10px; margin: 0; display: inline-block; height: 35px; }
.header .header-bottom .search form .search-box button{ width: 14%; float: right; padding: 0; margin: 0; background: linear-gradient(145deg, #7D569D 20%, #6B07BF 70%); border: none; outline: none; height: 35px; }
.header .header-bottom .search form .search-box button i{ font-size: 14px; line-height: 18px; font-weight: bold; color: #fff; }
.header .header-bottom .header-add-cart{ width: 8%; float: left; padding: 35px 0 0; margin: 0 0 0 15px; }
.header .header-bottom .header-add-cart ul{ padding: 0; margin: 0; width: 100%; }
.header .header-bottom .header-add-cart ul li{ float: left; width: 100%; border-right: 1px solid #4f32674d; padding: 0 10px 0 0; }
.header .header-bottom .header-add-cart ul li:nth-child(2){ border-right: none; padding: 0; }
.header .header-bottom .header-add-cart ul li img{ width: 100%; }
.header .header-bottom .header-add-cart ul li i{ font-size: 18px; color: #3a1857; margin: 0; position: relative; top: 3px; padding: 0 3px 0 0; }
.header .header-bottom .header-add-cart ul li a{ padding: 0; color: #6e16b8; }

/*log-in*/
.header .header-bottom .log-in{ float: right; width: 30%; display: inline-block; text-align: center; padding: 30px 0 0; }

.header .header-bottom .log-in .dropdown { position: relative; display: inline-block;  text-align: right; } 
.header .header-bottom .log-in .dropdown .dropbtn{border: none; outline: none; text-decoration: none; font-size: 15px; vertical-align: text-top; padding: 0; color: #4f3267; line-height: 9px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 400; display: block;  background: none; text-align: right; }
.header .header-bottom .log-in .dropdown .dropbtn i.fa{ width: 30px; height: 30px; border-radius: 50px; padding: 5px; background: linear-gradient(145deg, #7D569D 20%, #6B07BF 70%); color: #e7f3f7; font-size: 15px; line-height: 19px; margin: 0 0 0 10px; text-align: center; }
.header .header-bottom .log-in .dropdown .dropbtn:hover { transition: all 300ms ease-in-out;  }
.header .header-bottom .log-in .dropdown .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 190px; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); z-index: 1; transition: color 0.25s ease-in-out, border-radius: 4px 0px 4px 4px; background-color: #333; right: 0px; background: linear-gradient(145deg, #6B26A3 20%, #3a1857 70%); }

.header .header-bottom .log-in .dropdown-content ul.log-sing { margin: 0; list-style-type: none; z-index: 100; width: 100%; float: left; padding: 4px 0 10px; border-top: 5px solid #a157dd;; }

.header .header-bottom .log-in .dropdown-content ul.log-sing li { float: left !important; width: 100%; text-align: left !important; margin: 0;  }
.header .header-bottom .log-in .dropdown-content ul.log-sing li a { width: 100%; display: block; line-height: 32px; color: #fff; font-size: 13px; text-decoration: none; border-radius: 0px !important; padding: 0 0 0 20px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: bold; text-transform: uppercase; }

.header .header-bottom .log-in .dropdown-content ul.log-sing li a i { margin-right: 15px; font-size: 14px; line-height: 30px; color: #fff; }
.header .header-bottom .log-in .dropdown .dropdown-content a:hover {background: linear-gradient(145deg, #5c1d91 4%, #33015b 70%); transition: all 300ms ease-in-out; color: #fff; }
.header .header-bottom .log-in .dropdown:hover .dropdown-content { display: block; }

/*Banner Start*/

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}

.banner .carousel-inner .item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}
.banner{ width: 100%; overflow: hidden; position: relative; display: block; padding: 0; margin: 100px 0 0; }
.banner .carousel-control{ z-index: 999; }
.banner .item{ width:100%;}
.banner .item img{ width:100%; }
.banner span.glyphicon-chevron-left{ font-size: 33px !important; left: 10px !important;  padding: 12px 0 !important; height: 60px !important; width: 60px !important; }
.banner span.glyphicon-chevron-right{ font-size: 33px !important; right: 10px !important; padding: 12px 0 !important; height: 60px !important; width: 60px !important; }

/*inner-banner*/
.inner-banner{ width: 100%;
  position: relative;
  display: block;
  background: url(../images/inner-banner.png) no-repeat top center;
    background-size: auto;
  background-size: cover;
  height: 245px;
  padding: 80px 0 0;
  margin: 120px 0 0; }
.inner-banner h4{ font-size: 24px; line-height: 30px; color: #551c83; padding: 0 0 10px; margin: 0; }
.inner-banner ul{ width: 100%; padding: 0; margin: 0; }
.inner-banner ul li{ display: inline-block; padding: 16px; line-height: 18px; color: #551c83; padding: 0 10px 0 0; margin: 0; }
.inner-banner ul li a{ display: inline-block; color: #ff617d; }

/*Category*/
.category{ width: 100%; display: block; position: relative; background: #fff; padding: 30px 0 0; margin: 0; }
.category .category-content-box{ width: 32%; float: left; position: relative; padding: 20px; margin: 0 26px 26px 0; background: linear-gradient(145deg, #33015b 4%, #5c1d91 70%); background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: 400% 400%; animation: gradient 15s ease infinite; border-radius: 30px; box-shadow: 4px 4px 2px #2d064d0d; transition: all 400ms ease-in-out; }
.category .category-content-box:hover{ -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); transition: all 400ms ease-in-out; box-shadow: 2px 2px 3px #3a185733; }
.category .category-content-box:nth-child(2){ background: linear-gradient(145deg, #005bd0 4%, #041c42 70%); background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: 400% 400%; animation: gradient 15s ease infinite; }
.category .category-content-box:nth-child(3){ background: linear-gradient(145deg, #a300d0 4%, #3a0442 70%); background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: 400% 400%; animation: gradient 15s ease infinite; margin: 0 0 26px 0; }
.category .category-content-box:nth-child(4){ background: linear-gradient(145deg, #008cd0 4%, #043c42 70%); background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: 400% 400%; animation: gradient 15s ease infinite; }
.category .category-content-box:nth-child(5){ background: linear-gradient(145deg, #00d08c 4%, #04422b 70%); background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: 400% 400%; animation: gradient 15s ease infinite; }
.category .category-content-box:nth-child(6){ background: linear-gradient(145deg, #c0d000 4%, #174204 70%); background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: auto; background-size: 400% 400%; animation: gradient 15s ease infinite; margin: 0 0 26px 0; }

.category .category-content-box h4{ font-size: 40px; line-height: 44px; font-weight: bold; color: #fff; width: 60%; float: left; padding: 40px 0 0; margin: 0; font-family: "Grey Qo", cursive; letter-spacing: 2px; }
.category .category-content-box h4 span{ display: block; font-family: "Kanit", sans-serif; font-size: 20px; text-transform: uppercase; letter-spacing: 2px; }
.category .category-content-box img{ width: 30%; float: right; filter: drop-shadow(5px 10px 20px #000); }

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
@keyframes rotate{
        0%{
            transform: rotate(0deg);
        }
        50%{
            transform: rotate(180deg);
        }
        100%{
            transform: rotate(360deg);
        }
    }

/*Ring Bracelet Ads*/
.ring-ads{ width: 100%; background: #fff; position: relative; display: inline-block; padding: 30px 0; margin: 0; }
.ring-ads .ring-ads-block{ width: 100%; padding: 0; margin: 0; border-radius: 30px; box-shadow: 4px 4px 2px #2d064d0d; border: 1px solid #ccc; background: #240031; overflow: hidden; display: inline-flex;; }
.ring-ads .ring-ads-block .ring-ads-left{ width: 68%; float: left; padding: 0; margin: 0; display: inline-flex; }
.ring-ads .ring-ads-block .ring-ads-left video{ width: 100%; opacity: 0.6; }
.ring-ads .ring-ads-block .ring-ads-left img{ width: 100%; }
.ring-ads .ring-ads-block .ring-ads-right{ width: 38%; float: right; padding: 0; margin: 0; box-shadow: 4px 4px 2px #2d064d0d; position: relative; }
.ring-ads .ring-ads-block .ring-ads-right img{ width: 100%; height: 100%; opacity: 0.8; }
.ring-ads .ring-ads-block .ring-ads-right h2{ position: absolute; content: ""; top: 120px; text-align: center; font-size: 115px; line-height: 120px; color: #fff; left: 0; right: 0; font-family: "Grey Qo", cursive; font-weight: bold; text-shadow: 0 5px 8px #200537; letter-spacing: 1.2px; }
.ring-ads .ring-ads-block .ring-ads-right h3{ position: absolute; content: ""; top: 200px; text-align: center; font-size: 40px; line-height: 50px; color: #fff; left: 0; right: 0; font-weight: 600; text-shadow: 0 5px 8px #200537; letter-spacing: 1.2px; }
.ring-ads .ring-ads-block .ring-ads-right h3 strong{ font-size: 100px; font-weight: bold;  }
.ring-ads .ring-ads-block .ring-ads-right h3 b{ font-size: 40px; font-weight: bold; position: relative; top: -37px; }
.ring-ads .ring-ads-block .ring-ads-right h3 span{ font-size: 24px; display: block; font-weight: 400; }

/*Trending Product*/
.trending{ width: 100%; position: relative; display: block; background: #fff; padding: 30px 0; margin: 0; }
.trending h2{ font-size: 34px; line-height: 36px; color: #000; padding: 0 0 30px; margin: 0; }
.trending .item{ margin: 15px; }
.trending .trending-box{width: 100%;
  position: relative;
  padding: 0;
  margin: 0 0 30px;
  
  background: #fff;
  overflow: hidden;
  border-radius: 15px;
  transition: all 400ms ease-in-out;
  border: 1px solid #3c1b592b;
  height: 475px; }
.trending .trending-box:hover{ -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); transition: all 400ms ease-in-out; box-shadow: 4px 4px 3px #3a185733; }
.trending .trending-box .image-product{ width: 100%; padding: 0; margin: 0;  overflow: hidden; height: 300px;  }
.trending .trending-box .image-product img{ width: 100%; transition: 1s ease; height: 300px; border-radius: 0px; }
.trending .trending-box:hover .image-product img{ -webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: 1s ease; }
.trending .trending-box img{ width: 100%; height: 250px; border-radius: 15px; }
.trending .trending-box img.reting{ position: absolute; content: ""; top: 61%; width: 25%; right: 10px; height: auto; z-index: 999; background: #fff; border-radius: 8px; padding: 4px 10px; border: 1px solid #88bc4c; }
.trending .trending-box .price{ width: 100%; padding: 15px; margin: 0; }
.trending .trending-box .price h3{ font-size: 20px; line-height: 26px; color: #3b1958; padding: 0 0 15px; margin: 0; }
.trending .trending-box .price h3 b{ font-weight: 500; font-size: 22px; }
.trending .trending-box .price h3 del{ font-size: 14px; color: #bfbfbf; padding: 0 0 0 5px; font-weight: 400; }
.trending .trending-box .price h3 span{ font-size: 12px; line-height: 16px; color: #fff; padding: 5px 10px; margin: 0 0 0 15px; background: #3b1958; float: right; border-radius: 15px; font-weight: 400; text-shadow: 1px 1px 2px #0000005e; border: 1px solid #83c638; }
.trending .trending-box .price h4{ font-size: 16px; line-height: 20px; color: #3b1958; padding: 10px 0; margin: 0; height: 60px; }
.trending .trending-box .price h6{ font-size: 14px; line-height: 16px; color: #ca067d; padding: 0 0 30px; margin: 0;}
.trending .trending-box .price a.buy-btn { font-size: 16px; line-height: 18px; width: 100%; display: inline-block; background: #3c1b59; color: #fff; padding: 10px 0; text-align: center; box-shadow: 4px 4px 3px #3c1b594a; margin: 0; transition: all 400ms ease-in-out; border: 1px solid #3c1b59; border-radius: 10px; letter-spacing: 0.4px; }
.trending .trending-box .price a.buy-btn:hover{ letter-spacing: 1.2px; box-shadow: 3px 3px 2px #ffffff5c; transition: all 400ms ease-in-out; }

/*jewellery-title*/
.jewellery-title{ width: 100%; padding: 140px 0 0; margin: 0; background: #fff; display: block; position: relative; }
.jewellery-title .jewellery-title-box{ width: 100%; background: #fdfdfd; padding: 0; margin: 0; border-radius: 6px; border: 1px solid #3c1b592b; }
.jewellery-title .jewellery-title-box .title-jewellery{ width: 40%; display: inline-block; padding: 0; margin: 0; float: left; }
.jewellery-title .jewellery-title-box .title-jewellery h4{ font-size: 22px; line-height: 30px; color: #341072; padding: 15px 0 0 15px; margin: 0; }
.jewellery-title .jewellery-title-box .title-form{ width: 60%; display: flex; padding: 0; margin: 0; }
.jewellery-title .jewellery-title-box .title-form form{ padding: 0; margin: 0; width: 100%; }
.jewellery-title .jewellery-title-box .title-form form .date-chaker{ width: 33%; float: left; padding: 6px 0; margin: 0; border-left: 1px solid #3c1b592b; }
.jewellery-title .jewellery-title-box .title-form form .date-chaker .date-chaker-icon{ width: 20%; float: left; padding: 0; margin: 0; }
.jewellery-title .jewellery-title-box .title-form form .date-chaker .date-chaker-icon i{ font-size: 20px; line-height: 22px; color: #01b437; padding: 10px 12px; margin: 0; }
.jewellery-title .jewellery-title-box .title-form form .date-chaker .data-checker-fact{ width: 79%; float: left; }
.jewellery-title .jewellery-title-box .title-form form .date-chaker .data-checker-fact label{ width: 100%; font-size: 13px; line-height: 16px; color: #3e1a5c; padding: 0 0 5px; margin: 0; letter-spacing: 0.6px; }
.jewellery-title .jewellery-title-box .title-form form .date-chaker .data-checker-fact select{ width: 96%; font-size: 16px; line-height: 16px; color: #01b437; padding: 0; margin: 0; border: none; background: none; outline: none; }
.jewellery-title .jewellery-title-box .title-form form .date-chaker .data-checker-fact select option{ background: #050f00 !important; }

/*Jewwllery*/
.jewellery{ width: 100%; position: relative; display: block; background: url(../images/blooshine-inner-bg.png) no-repeat top center; background-size: cover; padding: 30px 0; margin: 0; }
.jewellery h2{ font-size: 34px; line-height: 36px; color: #000; padding: 0 0 30px; margin: 0; }
.jewellery .item{ margin: 15px; }
.jewellery .jewellery-box{ width: 100%; position: relative; padding: 0; margin: 0 0 30px; background: #fff; overflow: hidden; border-radius: 15px; transition: all 400ms ease-in-out; border: 1px solid #3c1b592b; height: 475px; }
.jewellery .jewellery-box:hover{ -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); transition: all 400ms ease-in-out; box-shadow: 4px 4px 3px #3a185733; }
.jewellery .jewellery-box .image-product{ width: 100%; padding: 0; margin: 0;  overflow: hidden; height: 300px;  }
.jewellery .jewellery-box .image-product img{ width: 100%; transition: 1s ease; height: 300px;  }
.jewellery .jewellery-box:hover .image-product img{ -webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: 1s ease; }
.jewellery .jewellery-box img.reting{ position: absolute; content: ""; top: 61%; width: 25%; right: 10px; height: auto; z-index: 999; background: #fff; border-radius: 8px; padding: 4px 10px; border: 1px solid #88bc4c; }
.jewellery .jewellery-box .price{ width: 100%; padding: 15px; margin: 0; }
.jewellery .jewellery-box .price h3{ font-size: 20px; line-height: 26px; color: #3b1958; padding: 0 0 15px; margin: 0; }
.jewellery .jewellery-box .price h3 b{ font-weight: 500; font-size: 22px; }
.jewellery .jewellery-box .price h3 del{ font-size: 14px; color: #bfbfbf; padding: 0 0 0 5px; font-weight: 400; }
.jewellery .jewellery-box .price h3 span{ font-size: 12px; line-height: 16px; color: #fff; padding: 5px 10px; margin: 0 0 0 15px; background: #3b1958; float: right; border-radius: 15px; font-weight: 400; text-shadow: 1px 1px 2px #0000005e; border: 1px solid #9b005e; }
.jewellery .jewellery-box .price h4{ font-size: 16px; line-height: 20px; color: #3b1958; padding: 10px 0; margin: 0; height: 60px; }
.jewellery .jewellery-box .price h6{ font-size: 14px; line-height: 16px; color: #ca067d; padding: 0 0 30px; margin: 0;}
.jewellery .jewellery-box .price a.buy-btn { font-size: 16px; line-height: 18px; width: 100%; display: inline-block; background: #3c1b59; color: #fff; padding: 10px 0; text-align: center; box-shadow: 4px 4px 3px #3c1b594a; margin: 0; transition: all 400ms ease-in-out; border: 1px solid #3c1b59; border-radius: 10px; letter-spacing: 0.4px; }
.jewellery .jewellery-box .price a.buy-btn:hover{ letter-spacing: 1.2px; box-shadow: 3px 3px 2px #ffffff5c; transition: all 400ms ease-in-out; }

/*Single Product*/
.single-product{position: relative; padding: 0; margin: 150px 0 0; overflow: hidden; width: 100%; background: #fff;border-bottom: 8px double #3a1957;}
.single-product .grid{}
.single-product .images_3_of_2{width: 100%; padding: 0; margin: 0;}
.single-product .righttextbox-single{width: 100%; padding: 0; margin: 0;}
.single-product .righttextbox-single .right-box-content{ width: 100%; padding: 15px; margin: 0; border: 1px solid #3a185729; border-radius: 15px; }
.single-product .righttextbox-single .right-box-content h6{ font-size: 15px; line-height: 20px; color: #4a2b63; }
.single-product .righttextbox-single .right-box-content h3{ font-size: 30px; line-height: 38px; color: #3a1857; padding: 3px 0 10px; margin: 0; font-weight: bold; }
.single-product .righttextbox-single .right-box-content h4{ padding: 0px 5px 0 0; margin: 0; font-size: 14px; line-height: 20px; color: #ca4304; }
.single-product .righttextbox-single .right-box-content h4 b{ background: #12b904; color: #fff; padding: 3px 7px; border-radius: 5px; font-size: 12px; }
.single-product .righttextbox-single .right-box-content h4 b span{ padding: 0; position: relative; top: 0; left: 0; color: #fff; font-size: 14px; }
.single-product .righttextbox-single .right-box-content h4 a{ display: inline-block; font-size: 14px; color: #43235e; line-height: 20px; text-align: right; outline: none; letter-spacing: 0.5px; transition: all 400ms ease-in-out }
.single-product .righttextbox-single .right-box-content h4 a:hover{ color:#12b904; transition: all 400ms ease-in-out }

.single-product .righttextbox-single .right-box-content .price{ width: 100%; padding: 15px 0; margin: 0; }

.single-product .righttextbox-single .right-box-content .price h4{font-size: 24px; line-height: 28px; color: #4a2b63; padding: 0; margin: 0; font-weight: 600;}
.single-product .righttextbox-single .right-box-content .price h4 del{ font-size: 16px; color: #a0a0a0; padding: 0 0 0 10px; font-weight: 400; }
.single-product .righttextbox-single .right-box-content .price h4 span{ font-size: 16px; line-height: 20px; color: #fff; padding: 5px 30px; margin: 0 0 0 30px; background: #4a2b63; border-radius: 15px; font-weight: 400; text-shadow: 1px 1px 2px #4a2b63; }
.single-product .righttextbox-single .right-box-content .price h6{ font-size: 12px; line-height: 16px; color: #acabab; padding: 0; margin: 0; font-weight: 300; }
.single-product .righttextbox-single .right-box-content .discount{ width: 60%; padding: 14px; margin: 0 0 30px; background: linear-gradient(3deg, #4F3267 20%, #3A1857 70%); border-left: 10px solid #310a52; border-radius: 5px; box-shadow: 3px 3px 3px #3a18575c; }
.single-product .righttextbox-single .right-box-content .discount p{ font-size: 18px; line-height: 20px; color: #fff; padding: 0; margin: 0; }
.single-product .righttextbox-single .right-box-content .rating{ width: 30%; padding: 10px; margin: 15px 0; background: linear-gradient(3deg, #4F3267 20%, #3A1857 70%); border-left: 10px solid #310a52; border-radius: 5px; box-shadow: 3px 3px 3px #3a18575c; display: flex; }
.single-product .righttextbox-single .right-box-content .rating h5{ width: 30%; float: left; color: #ff9c05; padding: 0; margin: 0; }
.single-product .righttextbox-single .right-box-content .rating h5 a{ font-size: 18px; line-height: 18px; color: #fff; display: inline-block; }
.single-product .righttextbox-single .right-box-content .rating h5 a i{ font-size: 18px; padding: 0 0 0 5px; color: #ff9c05; }
.single-product .righttextbox-single .right-box-content .rating h6{ width: 80%; float: left; color: #fff; padding: 0 0 0 10px; margin: 0; border-left: 1px solid #ccc; }
.single-product .righttextbox-single .right-box-content .rating h6 a{ font-size: 16px; line-height: 18px; color: #fff; display: inline-block; }
.single-product .righttextbox-single .right-box-content .customise{ width: 100%; padding: 0; margin: 0; background: #fff; display: flex; }
.single-product .righttextbox-single .right-box-content .customise h6{ font-size: 16px; line-height: 18px; color: #000; padding: 4px 10px; margin: 0; border: 1px solid #4a2b635c; }
.single-product .righttextbox-single .right-box-content .customise h6 span{ padding:0 0 0 15px; color:#4a2b63; }
.single-product .righttextbox-single .right-box-content .customise ul{ width: 80%; padding: 0; margin: 0; }
.single-product .righttextbox-single .right-box-content .customise ul li{ width: 24%; float: left; padding: 0; margin: 0; background: #fff; border: 1px solid #f5d135; height: 75px; }
.single-product .righttextbox-single .right-box-content .customise ul li a{ width: 100%; text-align: center; display: inline-block; color: #000; }
.single-product .righttextbox-single .customise ul li a h6{ font-size: 14px; line-height: 18px; color: #000; padding: 15px 0 0; margin: 0; }
.single-product .righttextbox-single .right-box-content .customise ul li a h5{ font-size: 16px; line-height: 18px; color: #000; padding: 5px 0 15px; margin: 0; }
.single-product .righttextbox-single .right-box-content .customise ul li a.customise-btn{ width: 100%; font-size: 18px; line-height: 20px; color: #000; padding: 27px 0; margin: 0; text-transform: uppercase; background: #f5d135; }

.single-product .righttextbox-single .right-box-content .product-order-form .message{ width: 50%; border: 1px solid #3a1857; background: #fff; box-shadow: 3px 3px 3px #3a18575c; padding: 0; margin: 15px 0; overflow: hidden; height: 40px; }
.single-product .righttextbox-single .right-box-content .product-order-form .message i{ width: 13%; float: left; padding: 12px 6px; margin: 0; color: #FFF; font-size: 18px; border-right: 4px solid #310a52; text-align: center; height: 40px; background: linear-gradient(3deg, #4F3267 20%, #3A1857 70%); }
.single-product .righttextbox-single .right-box-content .product-order-form .message input{ width: 87%; border: none; background: #fff; outline: none; font-size: 16px; line-height: 20px; color: #000; padding: 6px; margin: 0; height: 40px; }
.single-product .righttextbox-single .right-box-content .product-order-form .pin{ width: 65%; }
.single-product .righttextbox-single .right-box-content .product-order-form .pin i{ width: 10%; }
.single-product .righttextbox-single .right-box-content .product-order-form .pin input{ width: 55%; float: left; }
.single-product .righttextbox-single .right-box-content .product-order-form .pin button{ width: 35%; text-align: center; height: 40px; font-size: 18px; text-transform: uppercase; line-height: 20px; background: #3a1857; color: #fff; outline: navajowhite; border: none; }
.single-product .righttextbox-single .right-box-content .product-order-form .cart-btn{ box-shadow: 3px 3px 3px #3a18575c; padding: 0; overflow: hidden; height: 40px;  width: 32%; border: none; background: #3a1857; height: 45px; text-align: center; border-radius: 5px; margin: 30px 0 0; }
.single-product .righttextbox-single .right-box-content .product-order-form .cart-btn i{ width: auto; background: none; border-right: none; display: contents;  }
.single-product .righttextbox-single .right-box-content .product-order-form .cart-btn input[type="submit"]{ width: auto; background: #3a1857; color: #fff; height: 45px; text-transform: uppercase; font-size: 18px; transition: all 400ms ease-in-out; }
.single-product .righttextbox-single .right-box-content .product-order-form .cart-btn input[type="submit"]:hover{ letter-spacing: 1.2px; transition: all 400ms ease-in-out; }
.single-product .righttextbox-single .right-box-content .product-order-form .cart-btn a{ width: auto; background: #3a1857; color: #fff; height: 45px; text-transform: uppercase; font-size: 18px; transition: all 400ms ease-in-out; padding: 10px;
  display: inline-block; }
.single-product .righttextbox-single .right-box-content .product-order-form .cart-btn a:hover{ letter-spacing: 1.2px; transition: all 400ms ease-in-out; }
.single-product .righttextbox-single .review{ width: 100%; padding: 15px; margin: 30px 0 0; border: 1px solid #3a185729; border-radius: 15px; }
.single-product .righttextbox-single .review h4{ font-size: 28px; color: #3a1857; padding: 0 0 20px; font-weight: bold; }
.single-product .righttextbox-single .review h3{ font-size: 16px; line-height: 18px; color: #2a2a2a8a; padding: 15px 0; font-weight: 500; }
.single-product .righttextbox-single .review h3 span{ font-size: 30px; color: #fff; padding: 0 15px; background: #58b100; margin: 0 10px 0 0; border-radius: 10px; font-weight: 600; }
.single-product .righttextbox-single .review h3 a{ display: inline-flex; text-align: right; float: right; padding: 10px 30px; background: #58b1003b; border-radius: 10px; color: #306100; box-shadow: 3px 3px 2px #cccccc38; font-size: 16px; line-height: 18px; position: relative; top: -12px; transition: all 400ms ease-in-out; border: 1px solid #58b10061; }
.single-product .righttextbox-single .review h3 a:hover{ letter-spacing:1.2px; transition: all 400ms ease-in-out; }
.single-product .righttextbox-single .review .review-customer{ width: 100%; padding: 15px; margin: 5px 0; border-top: 1px solid #cccccca1; border-radius: 10px; display: inline-block; border-bottom: 1px solid #cccccca1; }
.single-product .righttextbox-single .review .review-customer .review-lt-box-icon{ width: 9%; padding: 0; margin: 0; float: left; }
.single-product .righttextbox-single .review .review-customer .review-lt-box-icon img{ width: 100%; }
.single-product .righttextbox-single .review .review-customer .review-rt-box-icon{ width: 100%; float: right; padding: 0; margin: 0; }
.single-product .righttextbox-single .review .review-customer .review-rt-box-icon h5{ font-size: 16px; line-height: 18px; padding: 0 0 5px; margin: 0; color: #3a1857; }
.single-product .righttextbox-single .review .review-customer .review-rt-box-icon img{ width: 12%; }
.single-product .righttextbox-single .review .review-customer .review-rt-box-icon p{ font-size: 16px; line-height: 24px; color: #8c8c8c; text-align: justify; padding: 5px 0 0; margin: 0; }

.single-product .righttextbox-single .review .review-btn{ width: 100%; padding: 0; margin: 0; }
.single-product .righttextbox-single .review .review-btn a{ width: 22%; border: none; padding: 10px 0; margin: 15px 0 0; font-size: 16px; line-height: 18px; border-radius: 10px; color: #fff; box-shadow: 3px 3px 2px #cccccc38; font-weight: 500; transition: all 400ms ease-in-out; display: block; text-align: center; background: #472861; }
.single-product .righttextbox-single .review .review-btn a:hover{ letter-spacing:1.2px; transition: all 400ms ease-in-out; }

.single-product p{ font-size: 16px; line-height: 24px; color: #8c8c8c; padding: 0; margin: 0; text-align: justify; }
.single-product p b{ font-size: 22px; color: #3a1857; display: block; padding: 30px 0 10px; }

/*.single-product .righttextbox-single a{ background-color: #0078d0; border: 0; color: #fff; position: relative; text-align: center; transition: all .3s; -webkit-user-select: none; touch-action: manipulation;  display: inline-block; font-size: 12px; line-height: 14px; padding: 16px 30px; text-transform: uppercase; margin: 0; border-radius: 30px; font-weight: bold;}*/

/*Reviews*/
.given-reviews { width: 100%; height: auto; padding: 0; margin: 150px 0 0; background: #fff; position: relative; display: block; }
.given-reviews h2{  font-size: 34px; line-height: 36px; color: #000; padding: 0 0 30px; margin: 0; }
.given-reviews .Writereviewsgiven { position: relative; display: block; padding: 15px; border-radius: 15px; background: #fff; border: 1px solid #5c0d9d36; box-shadow: 4px 4px 2px #2d064d0d; animation: menu_sticky 0.7s ease-in-out; overflow: hidden; margin: 0 0 15px; }
.given-reviews .Writereviewsgiven h6 { color: #a50093; font-size: 15px; line-height: 25px; padding: 0; margin: 0; font-style: italic; }
.given-reviews .Writereviewsgiven a { background: #4d2f65; color: #fff; padding: 8px 30px; display: inline-block; margin: 5px 0 15px; border-radius: 5px; border-bottom: 5px solid #370067; font-size: 15px; letter-spacing: 0.5px; }
.given-reviews .reviewsProduct { width: 100%; }
.given-reviews .reviewsProduct img { width: 100%; border-radius: 5px; height: 400px; }
.given-reviews .reviewsProduct h3{ font-size: 30px; line-height: 38px; color: #3a1857; padding: 3px 0 10px; margin: 0; font-weight: bold; }
.given-reviews .reviewsProduct h4{  color: #919191; padding: 0; border-radius: 5px; font-size: 15px; margin: 0; display: inline-block;  }
.given-reviews .reviewsProduct h4 b{ background: #18d708; color: #fff; padding: 3px 7px; border-radius: 5px; margin: 0 15px 0 0; }
.given-reviews .reviewsProduct h4 b span{ color: #fff; font-size: 18px; }

.all-reviews { position: relative; overflow: hidden; float: left; padding: 30px 15px; margin: 0 auto; display: block; background: #fff; box-shadow: 4px 4px 2px #2d064d0d; animation: menu_sticky 0.7s ease-in-out; border: 1px solid #5c0d9d36; border-radius: 15px; }
.all-reviews .all-reviews-show { width: 100%; overflow: hidden; position: relative; padding: 10px 30px 10px 0; margin: 0 0 30px; display: block; border-bottom: 1px solid #2400481a; }
.all-reviews .all-reviews-show .lt-box-icon { position: relative; width: 10%; overflow: hidden; float: left; }
.all-reviews .all-reviews-show .lt-box-icon img { width: 73%; }
.all-reviews .all-reviews-show .lt-box-text { position: relative; width: 100%; overflow: hidden; float: right; }
.all-reviews .all-reviews-show .lt-box-text h4 { padding: 0; margin: 0; line-height: 25px; color: #1e1d1d; font-weight: normal; font-size: 15px; }
.all-reviews .all-reviews-show .lt-box-text li { list-style: none; padding: 0; margin: 0; line-height: 20px; color: #3a1857; font-weight: bold; font-size: 12px; letter-spacing: 1px; }
.all-reviews .all-reviews-show .lt-box-text li img { width: 8%; margin: 1px 0 0; }
.all-reviews .all-reviews-show .lt-box-text p { color: #042834; font-size: 14px; line-height: 23px; padding: 0; margin: 0; letter-spacing: 0; }

/*Testimonial*/
.testimonial{ width: 100%; display: block; position: relative; background: #f5f5f5; padding: 30px 0; margin: 0; }
.testimonial h2{  font-size: 34px; line-height: 36px; color: #000; padding: 0 0 30px; margin: 0; }
.testimonial .item{ margin: 15px; }
.testimonial .testimonial-box { width: 100%; padding: 15px; margin: 0; box-shadow: 4px 4px 2px #2d064d0d; border: 1px solid #cccccc4a; background: #fff; overflow: hidden; border-radius: 15px; height: 300px; text-align: center; }
.testimonial .testimonial-box .customer-profile { width: 40%; display: block; padding: 0; margin: 0 auto; }
.testimonial .testimonial-box .customer-profile i{ font-size: 30px; color: #ff9c05; border: 1px solid #ff9c0552; padding: 15px; width: 60px; height: 60px; border-radius: 60px; }
.testimonial .testimonial-box h4{ font-size: 18px; line-height: 24px; color: #3a1857; padding: 10px 0 0; margin: 0; border-bottom: 1px solid #cccccc4d; height: 55px; }
.testimonial .testimonial-box h4 span{ font-size: 13px; line-height: 16px; color: #3a185785; padding: 0 0 0 10px; }
.testimonial .testimonial-box h4 span i{ font-size: 12px; padding: 0 2px 0 0; }
.testimonial .testimonial-box p{ font-size: 16px; line-height: 24px; color: #3a1857; padding: 15px 0; margin: 0; text-align: justify; }
.testimonial .testimonial-box .star-rating{ width: 100%; padding: 0; margin: 0; }
.testimonial .testimonial-box .star-rating ul{ padding: 0; margin: 0; }
.testimonial .testimonial-box .star-rating ul li{ display: inline-flex; font-size: 16px; line-height: 24px; color: #ff9c05; padding: 0 2px; margin: 0; }
.testimonial .testimonial-box .star-rating ul li i{  }

/*privacy*/
.privacy{ width: 100%; display: block; position: relative; background: #fff; padding: 0; margin: 150px 0 0; }
.privacy h2{  font-size: 34px; line-height: 36px; color: #000; padding: 0 0 30px; margin: 0; }
.privacy p{ font-size: 16px; line-height: 24px; color: #3a1857; padding: 15px 0; margin: 0; text-align: justify; }

/*Why Start*/
.why{ width: 100%; display: block; position: relative; background: #fff; padding: 50px 0; margin: 0; }
.why .why-block-box{ width: 23%; float: left; background: #fff; padding: 20px 10px; margin: 0 14px; text-align: center; box-shadow: 4px 4px 2px #3a185721; border-radius: 15px; border: 1px solid #38185b33; }
.why .why-block-box img{ width: 40%; display: block; margin: 0 auto; padding: 0; }
.why .why-block-box h4{ font-size: 19px; line-height: 24px; color: #3a1857; padding: 10px 0 0px; margin: 0; font-weight: 600; letter-spacing: 0.6px; }
.why .why-block-box p{ font-size: 16px; line-height: 24px; color: #515151; padding: 20px 0 0; margin: 0; height: 95px; }

/*Footer Start*/
.footer{ width: 100%; position: relative; background: #10031a; display: block; padding: 40px 0 5px; margin: 0; }
.footer .footer-logo{ width: 70%; text-align: center; margin: 0; padding: 80px 0 0; display: block; }
.footer .footer-logo img{ width: 100%; }
.footer h4{ font-size: 20px; line-height: 24px; color: #fff; padding: 15px 0; margin: 0; display: table; }
.footer p{ font-size: 16px; line-height: 26px; color: #ffffffd6; padding: 0 0 15px; text-align: justify; }
.footer ul.quick-footer-link{ width: 100%; padding: 0; margin: 0; }
.footer ul.quick-footer-link li{ font-size: 16px; line-height: 18px; padding: 0 0 15px; }
.footer ul.quick-footer-link li a{ color: #ffffff75; transition: all 400ms ease-in-out; letter-spacing: 1.2px; }
.footer ul.quick-footer-link li a:hover{ color: #fff; letter-spacing: 1.4px; transition: all 400ms ease-in-out; }

.footer .download-app{ width: 100%; background: linear-gradient(145deg, #7D569D 20%, #6B07BF 70%); box-shadow: 2px 2px 9px #8800d5ad; padding: 50px 30px 30px; margin: 30px 0 0; border-radius: 15px; }
.footer .download-app h5{ font-size: 18px; line-height: 20px; padding: 0; margin: 0; color: #fff; }
.footer .download-app p{ font-size: 16px; line-height: 18px; color: #fff; padding: 10px 0 40px; }
.footer .download-app ul.click-app{ width: 100%; padding: 0; margin: 0; }
.footer .download-app ul.click-app li{ display: inline-block; padding: 0 0px 0 0; width: 46%; margin: 0 15px 0 0; }
.footer .download-app ul.click-app li img{ width: 100%; }
.footer .download-app ul.click-app li:nth-child(2){ margin: 0; }
.footer ul.footer-contact-address{ width: 100%; padding: 0; margin: 0; }
.footer ul.footer-contact-address li{ font-size: 16px; line-height: 26px; color: #ffffffd6; padding: 0 0 15px; text-align: justify; }
.footer ul.footer-contact-address li i{ font-size: 14px; line-height: 18px; padding: 0 10px 0 0; color: #a63dfd; }
.footer ul.footer-contact-address li a{ color: #ffffff75; transition: all 400ms ease-in-out; letter-spacing: 1.2px; }
.footer ul.footer-contact-address li a:hover{ color: #fff; letter-spacing: 1.4px; transition: all 400ms ease-in-out; }

.footer ul.social-link{ width: 100%; padding: 0 0 30px; margin: 0; }
.footer ul.social-link li{ font-size: 16px; line-height: 26px; color: #fff; padding: 0; background: linear-gradient(145deg, #7D569D 20%, #6B07BF 70%); display: inline-block; text-align: center; box-shadow: 2px 2px 9px #8800d5ad; margin: 0 20px 0 0; border-radius: 5px; }
.footer ul.social-link li i{ font-size: 14px; padding: 0; }
.footer ul.social-link li a{ height: 40px; width: 40px; display: inline-block; color: #fff; transition: all 400ms ease-in-out; padding: 5px 0 0; }
.footer ul.social-link li a:hover{ -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); transition: all 400ms ease-in-out; }
.footer .copyright{ width: 100%; padding: 15px; margin: 0; border-top: 1px solid #6b07bf59; text-align: center;}
.footer .copyright p{ font-size: 16px; line-height: 18px; color: #fff; text-align: center; padding: 0; margin: 0; }
.footer .copyright p a{ color: #9d2bfd; transition: all 400ms ease-in-out; }
.footer .copyright p a:hover{ color: #6617a8; transition: all 400ms ease-in-out; }

/*Login Inner*/
.log-in-block{ width: 100%; display: block; position: relative; padding: 0 0 30px; margin: 150px 0 0; background: url(../images/blooshine-inner-bg.png) no-repeat top center; background-size: cover; }
.log-in-block .log-in-box-content{width: 27%; display: block; position: relative; padding: 15px; margin: 0 auto 15px; background: #fff; border: 1px solid #3a18574d; border-radius: 15px; box-shadow: 5px 5px 2px #3a195726; }
.log-in-block .log-in-box-content form{ width: 100%; padding: 0; margin: 0; }
.log-in-block .log-in-box-content form h4{ font-size: 28px; line-height: 32px; color: #3b1957; padding: 0; margin: 0; }
.log-in-block .log-in-box-content form p{ font-size: 16px; line-height: 24px; color: #868686; padding: 0; margin: 0; }
.log-in-block .log-in-box-content form p a{ color: #f00; transition: all 500ms ease-in-out; font-weight: 600; letter-spacing: 0.6px; }
.log-in-block .log-in-box-content form p a:hover{ color: #c40000; transition: all 500ms ease-in-out; }

.log-in-block .log-in-box-content form .fill-form{ width: 100%; padding: 0; margin: 15px 0; overflow: hidden; }
.log-in-block .log-in-box-content form .fill-form label{ font-size: 18px; line-height: 20px; color: #8b0c74; background: #fff; padding: 0px; position: relative; top: 12px; left: 0; letter-spacing: 0.6px; }
.log-in-block .log-in-box-content form .fill-form input{ width: 100%; border: none; background: #fff; outline: none; font-size: 16px; line-height: 20px; color: #000; padding: 5px 7px; margin: 0; height: 35px; border: 1px solid #98278394; background: #fff; border-radius: 5px; }
.log-in-block .log-in-box-content form .checkbox{ width: 100%; border: none; padding: 0; margin: 0; display: inline-block; box-shadow: none; background: none; }
.log-in-block .log-in-box-content form .checkbox input{ width: 4%; float: left; position: relative; top: 3px; height: auto; background: none; }
.log-in-block .log-in-box-content form .checkbox a{ width: 94%; float: right; font-size: 15px; line-height: 20px; color: #505050; padding: 0; margin: 0; }
.log-in-block .log-in-box-content form .forget { width: 50%; border: none; padding: 0; margin: 0; float: right; text-align: right; box-shadow: none; background: none; }
.log-in-block .log-in-box-content form .forget a{ font-size: 15px; line-height: 20px; color: #f00; padding: 0; margin: 0; transition: all 500ms ease-in-out; font-weight: 600; letter-spacing: 0.6px; }
.log-in-block .log-in-box-content form .forget a:hover{ color: #c40000; transition: all 500ms ease-in-out; }
.log-in-block .log-in-box-content form .log-in-btn { width: 100%; padding: 0; border: none; border-radius: 10px; margin: 30px 0 0; box-shadow: 3px 4px 2px #9b209963; }

.log-in-block .log-in-box-content form .log-in-btn input[type="submit"] { width: 100%; border: 1px solid #591c3b4d; background: linear-gradient(145deg, #7B0E6E 20%, #BF0788 70%); color: #fff; padding: 10px 0; text-align: center; outline: none; font-size: 16px; font-weight: bold; line-height: 18px; margin: 0; display: inline-block; text-transform: uppercase; transition: all 500ms ease-in-out; border-radius: 10px; height: auto; }
.log-in-block .log-in-box-content form .log-in-btn input[type="submit"]:hover{ letter-spacing: 1.2px;  transition: all 500ms ease-in-out;}

.log-in-block .log-in-box-content p{ font-size: 16px; line-height: 24px; color: #616161; padding: 5px 0 0; margin: 0; text-align: justify; }
.log-in-block .log-in-box-content p b{ color: #3b1957; }
.log-in-block .log-in-box-content p a{ font-size: 15px; line-height: 20px; color: #f00; padding: 0; margin: 0; transition: all 500ms ease-in-out; font-weight: 600; letter-spacing: 0.6px; }
.log-in-block .log-in-box-content p a:hover{ color: #c40000; transition: all 500ms ease-in-out; }

.log-in-block .log-in-box-content .log-right{ width: 55%; float: left; padding: 0; margin: 0; }
.log-in-block .log-in-box-content .log-right img{ width: 100%; height: 100%; }

/*Signup*/
.signup-block{ width: 100%; display: block; position: relative; padding: 0; margin: 150px 0 0; background: #fff; }
.signup-block .log-in-box-content{ width: 80%; display: flex; position: relative; padding: 0; margin: 0 auto; background: linear-gradient(145deg, #7755CF 20%, #46249F 70%);; }
.signup-block .log-in-box-content .log-left{ width: 56%; float: left; padding: 15px; margin: 0; }
.signup-block .log-in-box-content .log-left form{ width: 100%; padding: 0; margin: 0; }
.signup-block .log-in-box-content .log-left form h4{ font-size: 24px; line-height: 30px; color: #fff; padding: 0; margin: 0; }
.signup-block .log-in-box-content .log-left form p{ font-size: 16px; line-height: 24px; color: #fff; padding: 0 0 15px; margin: 0; }
.signup-block .log-in-box-content .log-left form p a{ color: #12f2f2; transition: all 500ms ease-in-out; }
.signup-block .log-in-box-content .log-left form p a:hover{ color: #eed67a; transition: all 500ms ease-in-out; }

.signup-block .log-in-box-content .log-left form .fill-form{ width: 48%; float: left; border: 1px solid #7000ce; background: #ffffff1a; box-shadow: 5px 5px 5px #32013447; padding: 0; margin: 20px 10px 0 0; overflow: hidden; }
.signup-block .log-in-box-content .log-left form .fill-form i{ width: 13%; float: left; padding: 7px 6px; margin: 0; color: #BF0788; font-size: 18px; border-right: 3px solid #BF0788; text-align: center; height: 35px; background: #fff; }
.signup-block .log-in-box-content .log-left form .fill-form input{ width: 87%; border: none; background: #fff; outline: none; font-size: 16px; line-height: 20px; color: #000; padding: 6px; margin: 0; height: 35px; }
.signup-block .log-in-box-content .log-left form .checkbox{ width: 50%; border: none; padding: 0; margin: 0; display: inline-block; box-shadow: none; background: none; }
.signup-block .log-in-box-content .log-left form .checkbox input{ width: 9%; float: left; position: relative; top: 2px; height: auto; background: none; }
.signup-block .log-in-box-content .log-left form .checkbox a{ width: 86%; float: right; font-size: 15px; line-height: 20px; color: #fff; padding: 0; margin: 0; }
.signup-block .log-in-box-content .log-left form .forget { width: 50%; border: none; padding: 0; margin: 0; float: right; text-align: right; box-shadow: none; background: none; }
.signup-block .log-in-box-content .log-left form .forget a{ font-size: 15px; line-height: 20px; color: #12f2f2; padding: 0; margin: 0; transition: all 500ms ease-in-out; }
.signup-block .log-in-box-content .log-left form .forget a:hover{ color: #eed67a; transition: all 500ms ease-in-out; }
.signup-block .log-in-box-content .log-left form .log-in-btn { width: 100%; padding: 0; border: none; border-radius: 0; margin: 30px auto 0;  text-align: center; box-shadow: none; background: none; }

.signup-block .log-in-box-content .log-left form .checkbox{ width: 100%; border: none; padding: 15px 0 0; margin: 0; display: inline-block; box-shadow: none; background: none; }
.signup-block .log-in-box-content .log-left form .checkbox input{ width: 3%; float: left; position: relative; top: 3px; height: auto; background: none; }
.signup-block .log-in-box-content .log-left form .checkbox a{ width: 95%; float: right; font-size: 15px; line-height: 20px; color: #fff; padding: 0; margin: 0; }

.signup-block .log-in-box-content .log-left form .log-in-btn input[type="submit"] { width: 47%; border: 1px solid #fff; background: linear-gradient(145deg, #7B0E6E 20%, #BF0788 70%); color: #fff; padding: 8px 0; text-align: center; outline: none; font-size: 16px; font-weight: bold; line-height: 18px; margin: 0 0 20px; display: inline-block; transition: all 400ms ease-in-out; text-transform: uppercase; transition: all 500ms ease-in-out; box-shadow: 5px 5px 5px #9b20997a; float: left; }
.signup-block .log-in-box-content .log-left form .log-in-btn input[type="submit"]:hover{ letter-spacing: 1.2px;  transition: all 500ms ease-in-out;}

.signup-block .log-in-box-content .log-right{ width: 44%; float: left; padding: 0; margin: 0; }
.signup-block .log-in-box-content .log-right img{ width: 100%; height: 100%; }

/*User*/
.user-profile{ width: 100%; background: #fff; border: 1px solid #5c0d9d36; padding: 20px 15px 10px; display: inline-block; box-shadow: 4px 4px 2px #2a024b1a; border-radius: 15px; }
.user-profile .hallo{ width: 100%; background: #36174f; padding: 12px 0; margin: 0; display: inline-block; background-size: 400% 400%; animation: gradient 15s ease infinite; box-shadow: 4px 4px 2px #2d064d0d; border-radius: 10px; }
.user-profile .hallo i{ font-size: 30px; color: #fff; width: 16%; float: left; padding: 0; margin: 0; text-align: center; }
.user-profile .hallo span{ font-size: 18px; line-height: 20px; color: #fff; padding: 5px 0; margin: 0; display: block; }
.user-profile ul{ padding: 0; margin: 0; }
.user-profile ul li{ font-size: 16px; line-height: 22px; padding: 0; margin: 15px 0; }
.user-profile ul li a{ color: #fff; display: inline-block; padding: 12px 0; width: 100%; transition: all 500ms ease-in-out; border-radius: 10px; box-shadow: 4px 4px 2px #30035521; background: #726d6d; }
.user-profile ul li a i{ width: 16%; float: left; padding: 0; margin: 0; text-align: center; font-size: 24px; color: #c7ff01; transition: all 500ms ease-in-out; }
.user-profile ul li a:hover{ color: #fff; background: #18624c; transition: all 500ms ease-in-out; }
.user-profile ul li a:hover i{ color: #10fff6; transition: all 500ms ease-in-out; }

/*Profile Start*/
.profile{ width: 100%; position: relative;  padding: 0; margin: 150px 0 0; background: url(../images/blooshine-inner-bg.png) no-repeat top center; background-size: cover; }
.profile h2{ font-size: 34px; line-height: 36px; color: #000; padding: 0 0 30px; margin: 0; }
.profile .profile-blog{ width: 78%; padding: 15px; display: inline-block; margin: 0 0 30px; background: #fff; border: 1px solid #5c0d9d36; box-shadow: 4px 4px 2px #2d064d0d; border-radius: 15px; }
.profile .profile-blog form{ width: 100%; padding: 0; margin: 0; }
.profile .profile-blog form .input-group{ width: 47%; float: left; padding: 0; margin: 15px 9px; }
.profile .profile-blog form .input-group label{  width: 30%; float: left; padding: 0 0 5px; margin: 0; font-size: 16px; line-height: 18px; color: #000; font-weight: 400; }
.profile .profile-blog form .input-group input{ width: 70%; padding: 10px; margin: 0; outline: none; display: inline-block; border: 1px solid #5c0d9d36; background: #fff; box-shadow: 4px 4px 2px #2d064d0d; color: #000; border-radius: 5px;}
.profile .profile-blog form .input-group textarea{ height:70px; width: 70%; padding: 10px; margin: 0; outline: none; display: inline-block; border: 1px solid #5c0d9d36; background: #fff; box-shadow: 4px 4px 2px #2d064d0d; color: #000; border-radius: 5px;}

.profile .profile-blog form .input-group select{  width: 70%; padding: 10px; margin: 0; outline: none; display: inline-block; border: 1px solid #5c0d9d36; background: #fff; box-shadow: 4px 4px 2px #2d064d0d; color: #000; border-radius: 5px; }
.profile .profile-blog form .address{ width: 97%; float: left; padding: 0; margin: 15px 9px; }
.profile .profile-blog form .address label{ width: 14%; }
.profile .profile-blog form .address textarea{ width: 86% !important; padding: 10px; margin: 0; outline: none; display: inline-block; border: 1px solid #5c0d9d36; background: #fff; box-shadow: 4px 4px 2px #2d064d0d; color: #000; border-radius: 5px; height: 120px; }
.profile .profile-blog form .input-edit{ width: 20%;  margin: 0 auto; display: flow-root; }
.profile .profile-blog form .input-edit input[type="submit"]{  font-size: 16px; line-height: 18px; width: 100%; display: inline-block; background: #492a62; color: #fff; padding: 10px 0; text-align: center; margin: 15px 0; float: left; border: 0.5px solid #b2b2b2; transition: all 400ms ease-in-out; border-radius: 10px; box-shadow: 4px 4px 2px #3805621a; }
.profile .profile-blog form .input-edit input[type="submit"]:hover{ letter-spacing: 1.2px; box-shadow: 3px 3px 2px #ffffff5c; transition: all 400ms ease-in-out; }
.profile .profile-blog form input[type="submit"]#pass_up{  font-size: 16px; line-height: 18px; width: 25%; display: inline-block; background: #492a62; color: #fff; padding: 10px 0; text-align: center; margin: 15px 0; float: left; border: 0.5px solid #b2b2b2; transition: all 400ms ease-in-out; border-radius: 10px; box-shadow: 4px 4px 2px #3805621a;  }
.profile .profile-blog form input[type="submit"]#pass_up:hover{ letter-spacing: 1.2px; box-shadow: 3px 3px 2px #ffffff5c; transition: all 400ms ease-in-out;; }

/*Order-History*/
.order-history{ width: 100%; padding: 0; display: inline-block; background: #fff; border: 1px solid #5c0d9d36; box-shadow: 4px 4px 2px #2d064d0d; }
.order-history h1{font-size: 34px; line-height: 36px; color: #000; padding: 0 0 30px; margin: 0; }
.order-history table{ width: 100%; padding: 0; margin: 0;}
.order-history table tr{  padding: 10px 0; margin: 0; border-radius: 15px; overflow: hidden; background: #fff; color: #1b0131; font-size: 16px; }
.order-history table tr th{ width: 20%; text-align: center; padding: 10px 0; margin: 0 15px; background: #015e5e; color: #fff; border: 1px solid #1d8eb2; letter-spacing: 1.2px; }
.order-history table tr td{ width: 20%; text-align: center; padding: 10px; }
.order-history table tr td a{ font-size: 16px; line-height: 18px; width: 100%; display: inline-block; background: #492a62; color: #fff; padding: 10px 0; text-align: center; margin: 15px 0; float: left; border: 0.5px solid #b2b2b2; transition: all 400ms ease-in-out; border-radius: 10px; box-shadow: 4px 4px 2px #3805621a; }
.order-history table tr td a:hover{ letter-spacing: 1.2px; box-shadow: 3px 3px 2px #ffffff5c; transition: all 400ms ease-in-out; }
.order-history table tr.down-row{  padding: 0; margin: 0; color: #1b0131; }
.order-history table tr.down-row td{ width: 20%; text-align: center; background: #d8fdfd91;  }

/*/ordery/*/
.order{width: 100%;display: inline-block;margin: 150px auto 0;position: relative;padding: 0; background: #fff;}
.order h2{ font-size: 34px; line-height: 36px; color: #000; padding: 0 0 30px; margin: 0 }
.order .histroy-box{ margin: 0 auto 30px; position: relative; animation: menu_sticky 0.7s ease-in-out; width: 100%; padding: 20px; display: inline-block; background: #fff; border: 1px solid #5c0d9d36; box-shadow: 4px 4px 2px #2d064d0d; border-radius: 15px; }
.order .histroy-box h3{ font-size: 18px; text-transform: capitalize; letter-spacing: 0px; margin: 4px 0 20px; background: #482962; color: #fff; padding: 10px 15px; border-radius: 10px; box-shadow: 4px 4px 2px #2d064d0d; }
.order .histroy-box ol{padding: 0;margin: 0;display: inline-block; width:100%; }
.order .histroy-box ol li{margin: 0 0 7px 0; display: block; font-family: 'Open Sans', sans-serif; letter-spacing: .5px; color: #51007f; font-size: 15px; text-transform: capitalize; transition: all 400ms ease-in-out; line-height: 25px; }
.order .histroy-box ol li:hover{  font-style: italic; color: #00027f; transition: all 400ms ease-in-out;}
.order .histroy-box ol li span{color: #f00;padding: 0 0 0 5px;}
.order .histroy-box a{ font-size: 16px; line-height: 18px; width: 20%; display: inline-block; background: #492a62; color: #fff; padding: 10px 0; text-align: center; margin: 15px 0 0; float: left; border: 0.5px solid #b2b2b2; transition: all 400ms ease-in-out; border-radius: 10px; box-shadow: 4px 4px 2px #3805621a; }
.order .histroy-box a:hover{ letter-spacing: 1.2px; box-shadow: 3px 3px 2px #ffffff5c; transition: all 400ms ease-in-out; }
.order .histroy-box a.cancel{ width: 16%; background: linear-gradient(233deg, #950101 20%, #C60000 70%); float:left;  }
.order .histroy-box img{ width: 26%; float: right; border: 1px solid #9d28ff; padding: 10px; border-radius: 15px; }

/*Cart*/
/*--checkout- WISHLIST CART -*/
.check-out{ padding:0; margin: 150px 0 0; }
.check-out h2{ font-size: 34px; line-height: 36px; color: #000; padding: 0 0 30px; margin: 0; }
.check-out h1{ font-size: 40px; line-height: 50px; color: #950929; padding: 0 0 30px; margin: 0; font-weight: bold;   text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.32); font-family: "Lobster Two", sans-serif; letter-spacing: 1.2px; text-align: center; }
.check-out h3{ text-align: center; font-size: 30px; color: #03353c; padding: 0 0 30px; margin: 0; letter-spacing: 0;  font-weight: 600;}
table.table { width: 100%; border: 1px solid #D0D0D0; box-shadow: 4px 4px 2px #2d064d0d; }
td.t-data {width: 30%;  text-align: center; border: 1px solid #8b00ff; padding: 0 10px !important; color: #000; vertical-align: middle !important; font-size: 1em !important; text-align: center; background: #fff; }
th.t-head { background: #00e58b; color: #FFFFFF; font-size: 1em !important; padding: 0.6em !important; border: 1px solid #5f00b0 !important; text-align: center;  }
a.at-in { float: left; }
a.at-in{ border: none; padding: 0; margin-left: 0%; width: 100%; text-align: center; display: inline-block; }

th.head-it{ width: 40%; }
td.head-it{ width: 40%; }
th.price-head{ width: 22%; }
td.price-head{ width: 22%; }
th.quantity{ width: 6%; }
td.quantity{ width: 6%; }
td.quantity select{ width: 100%; padding: 5px; margin: 0; outline: none; display: inline-block; border: 1px solid #5c0d9d36; background: #fff; box-shadow: 4px 4px 2px #2d064d0d; color: #000; border-radius: 5px; font-size: 18px; } 
th.remove{ width: 10%; }
td.remove{ width: 10%; }

.sed { float: right; width: 75%;margin: 12px 0 0 0px; }
.sed2 { float: left; width: 25%; padding: 5px 0; }
.sed2 img{ float: left; width: 100% ; padding: 4px 0; }
table input { width: 100%; border: none; font-size:18px; text-align: center; outline: none; background: none; }

.check-out .subtotal{     width: 32%; float: right; margin: 0; }
.check-out .submit-chekout{ width: 65%; float: right; border-radius: 18px; padding: 6px 0; margin: 0 0 17px 0; transition: all 400ms ease-in-out; }
.check-out .submit-chekout:hover{ letter-spacing:1.2px; transition: all 400ms ease-in-out;}
th.t-head {
  background-image: linear-gradient(to right, rgb(214 28 75), rgb(171 6 59));
  color: #FFFFFF;
  font-size: 15px !important;
  padding: 0.6em !important;
  border: 1px solid #D2D2D2 !important;
  text-align: center;
    margin: 0 15px;
    background: #015e5e;
    color: #ffffff;
    border: 1px solid #1d8eb2 !important;
    letter-spacing: 1.2px;
}

#promo_apply {
  border: 0.5px solid #ccc;
  background: #d30138;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 15px;
  padding: 5px 15px;
  margin: 5px 0 10px;
  border-radius: 5px;
}

.check-out .totall{   width: 100%; background: #ffffff; border-radius: 5px; padding: 6px 0; float: right; border-bottom: 1px solid #fff; text-align: right; }
.check-out .totall label{  color: #311747;  width: 79%; float: left;  font-weight: 600; font-size: 16px; line-height: 32px; }

.check-out .totall input{color: #000; width: 20%; float: right; text-align: center; background: none; border: none; outline: none; color: #090a0a; display: inline-block; padding: 5px 0 0; margin: 0 auto; font-weight: 400; font-size: 14px; line-height: 20px; }
.check-out .submit-chekout input{ font-size: 16px;
  line-height: 18px;
  width: 100%;
  display: inline-block;
  background: #492a62;
  color: #fff;
  padding: 10px 0;
  text-align: center;
  margin: 15px 0;
  float: left;
  border: 0.5px solid #b2b2b2;
  transition: all 400ms ease-in-out;
  border-radius: 10px;
  box-shadow: 4px 4px 2px #3805621a; }
.check-out .totall a{ color: #015e5e; display: inline-block; font-size: 14px; line-height: 16px; transition: all 400ms ease-in-out; }
.check-out .totall a:hover{ color: #180345; transition: all 400ms ease-in-out; }
.check{ width:6%; }
.sed h5 { color: #000; font-size: 18px; margin-top:45px;  font-weight: 400; line-height: 30px; width: 100%; text-align: center; display: block; }
.ring-in{ position:relative; width:45%; }
.ring-in img{ width:100%;  }
.close1, .close2, .close3 { cursor: pointer; /*position: absolute;*/ left: 20px; top: 10px; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
.close1 i,.close2 i,.close3 i{ color: #FFFFFF; font-size: 18px; width: 40px; height: 40px; border-radius: 50px; text-align: center; line-height: 38px; background: #ec0c0c; }
.add-1 { text-decoration: none; color: #fff; padding: 7px 10px; width: auto; font-size: 1em; background: #013445; }
.add-1:hover { text-decoration: none; background: #0685af; color: #fff; }

/*Empty Cart*/
.empty-cart{ width: 100%; position: relative; background: #fff; padding: 0; margin:150px 0 0; }
.empty-cart img{ width:25%; display:block; margin:0 auto; }

/*/your-order/*/
.your-order{position: relative;display: inline-block;padding: 0;margin: 150px 0 0;width: 100%;  }
.your-order h2{ font-size: 34px; line-height: 36px; color: #000; padding: 0 0 30px; margin: 0; }
.your-order form{  position: relative; animation: menu_sticky 0.7s ease-in-out; width: 100%; padding: 20px 20px 10px; display: inline-block; border: 1px solid #5c0d9d36; background: #fff; box-shadow: 4px 4px 2px #2d064d0d; margin: 0 0 30px; border-radius: 15px; }
.your-order .tex-box{ width: 100%; padding: 10px 15px; position: relative; display: inline-block; margin: 0 0 30px; animation: menu_sticky 0.7s ease-in-out; border: 1px solid #5c0d9d36; background: #fff; box-shadow: 4px 4px 2px #2d064d0d; border-radius: 15px;}
.your-order .tex-box h4{font-size: 18px; text-transform: capitalize; letter-spacing: 0px; margin: 4px 0 20px; background: #4c2e64; color: #fff; padding: 10px 15px; border-radius: 10px; box-shadow: 4px 4px 2px #2d064d0d; }
.your-order .tex-box .place-box{width: 33%; float: left; border-right: 0.5px solid #cccccc5e; margin: 15px 0; }
.your-order .tex-box .place-box .place-box-lt{width: 100%; display: block; float: right; padding: 0 10px;}
.your-order .tex-box .place-box .place-box-lt label{ font-weight: bold; font-size: 16px; line-height: 20px; color: #000; padding: 0; margin: 0; letter-spacing: 1.2px; }
.your-order .tex-box .place-box .place-box-rt{width: 100%; display: block; float: right; padding: 0 10px;}
.your-order .tex-box .place-box .place-box-rt p{ color:#013838; font-size: 15px; padding: 2px 0 0; }
.your-order .tabel-box{width: 100%; padding: 10px 15px; margin: 20px auto; position: relative; display: inline-block; animation: menu_sticky 0.7s ease-in-out; border: 1px solid #5c0d9d36; background: #fff; box-shadow: 4px 4px 2px #2d064d0d; border-radius: 15px; }
.your-order .tabel-box table{ width: 100%; }
.your-order .tabel-box table tr{width: 100%;}
.your-order .tabel-box table tr td{width: 25%; font-family: arial; font-weight: normal; font-size: 15px; line-height: 20px; color: #013838; padding: 10px 10px; }
.your-order .tabel-box table tr th{width: 25%; font-weight: normal; font-size: 15px; line-height: 20px; color: #000; padding: 0 0 8px 10px; border-bottom: 0.5px dotted #03878b; }
.your-order .tabel-box table tr td img{width: 25%;}
.your-order .bil{width: 100%; padding: 10px 15px; margin: 30px auto 20px; position: relative; display: inline-block; animation: menu_sticky 0.7s ease-in-out; border: 1px solid #5c0d9d36; background: #fff; box-shadow: 4px 4px 2px #2d064d0d; border-radius: 15px; }
.your-order .bil ol{}
.your-order .bil ol li{width: 33%; float: left; font-weight: normal; font-size: 15px; line-height: 20px; color: #000;list-style: none; padding: 10px 0; }
.your-order .bil ol li span{font-size: 16px; font-family: initial; color: #013838; line-height: 20px; padding: 0 0 0 15px; }
.your-order .bil ol li input{ font-weight: bold; width: 80%; padding: 10px 5px; background: #492a62; color: #fff; transition: all 400ms ease-in-out; display: block; margin: 15px auto 0; border-radius: 10px; font-size: 16px; line-height: 18px; box-shadow: 4px 4px 2px #3805621a; border: 0.5px solid #b2b2b2; }
.your-order .bil ol li input:hover{     letter-spacing: 1.2px; box-shadow: 3px 3px 2px #ffffff5c; transition: all 400ms ease-in-out; }
.your-order form h4{    font-size: 18px; text-transform: capitalize; letter-spacing: 0px; margin: 4px 0 20px; background: #4d3065; color: #fff; padding: 10px 15px; border-radius: 10px; box-shadow: 4px 4px 2px #2d064d0d;;}
.your-order form .input-tex{width: 100%; padding: 0; margin: 0 0 15px; }
.your-order form .input-tex label{width: 40%; font-size: 16px; color: #000; font-weight: normal; margin: 0; }
.your-order form .input-tex input{border-bottom: 1px solid #ccc;width: 59%;outline: none;border: none;padding: 6px 13px;background: #0000000d;}
.your-order form .address{ width: 100%; }
.your-order form .address label{ width: 100%; }
.your-order form .address input[type="radio"]{ width: 3%; box-shadow: none; color: #000; position: relative; top: 2px;}
.your-order form .payment{ width:100%; color: #000;}
.your-order form .payment label{ width:40%;color: #000; }
.your-order form .payment input[type="radio"]{width: 3%; box-shadow: none; color: #fff; }
.your-order form .input-address{ width:100%; color: #000; display: inline-block; }

.your-order form .input-address label{ width:40%;color: #000; float:left; }
.your-order form .input-address .add-input-address{ width: 59%; float:left; padding: 0 0 0 3px; }
.your-order form .input-address .add-input-address input[type="radio"]{width: 5%; box-shadow: none; color: #000; }

.your-order form .input-tex input[type="submit"]{ width: 22%; font-size: 16px; line-height: 18px; display: block; background: #492a62; color: #fff; padding: 10px 0; text-align: center; margin: 0 auto; border: 0.5px solid #b2b2b2; transition: all 400ms ease-in-out; border-radius: 10px; box-shadow: 4px 4px 2px #3805621a; }
.your-order form .input-tex input[type="submit"]:hover{ letter-spacing: 1.2px; box-shadow: 3px 3px 2px #ffffff5c; transition: all 400ms ease-in-out; }
.Cart-empty{ width: 100%; text-align: center; }
.Cart-empty img{width: 30%; margin: 0 auto; }
.check-out{}
.check-out h2{font-size: 34px; line-height: 36px; color: #000; padding: 0 0 30px; margin: 0; }
.check-out table{}
.check-out table tr{}
.check-out table tr th{}
.check-out table tr td{}
th.t-head { background: #472861; color: #FFFFFF; font-size: 15px !important; padding: 0.6em !important; border: 1px solid #8b00ff !important; text-align: center; }
.ring-in img { width: 70%; margin: 10px 0 0; }
.your-order form .input-tex input { font-size: 14px; font-weight: normal; width: 59%; padding: 10px; margin: 0; outline: none; display: inline-block; border: 1px solid #5c0d9d36; background: #fff; box-shadow: 4px 4px 2px #2d064d0d; color: #000; border-radius: 5px; }
.your-order form .input-tex select { font-size: 14px; font-weight: normal; width: 59%; margin: 0; outline: none; display: inline-block; border: 1px solid #5c0d9d36; background: #fff; box-shadow: 4px 4px 2px #2d064d0d; color: #000; border-radius: 5px; }
.your-order a.dtaa {margin: 0; display: inline-block; color: #fff; background: #726d6d; text-align: center; padding: 36px 0; border-radius: 15px; font-size: 14px; width: 100%; font-weight: 500; box-shadow: 4px 4px 2px #2d064d0d; }

/*Cart New Update*/
.checkout-left-box{ width: 54%; float: left; padding: 0; margin: 0; }
.checkout-left-box .checkout-box-block{ width: 99%; border: 1px solid #4a2c6336; padding: 15px; margin: 0 0 30px; display: inline-block; box-shadow: 4px 4px 2px #492a6224; border-radius: 15px; background: #fbfbfb; position: relative;
 }
.checkout-left-box .checkout-box-block .checkout-image-content{ width: 20%; float: left; padding: 0; margin: 0; height: 160px; }
.checkout-left-box .checkout-box-block .checkout-image-content img{ width: 100%; border-radius: 7px; height: 100%; }
.checkout-left-box .checkout-box-block .checkout-dec-content{ width: 78%; float: right; }
.checkout-left-box .checkout-box-block .checkout-dec-content h4{ font-size: 16px; line-height: 18px; color: #3a1857; padding: 0; margin: 0; }
.checkout-left-box .checkout-box-block .checkout-dec-content h5{ font-size: 16px; line-height: 18px; color: #3a1857; padding: 10px 0; margin: 0; font-weight: 400; }
.checkout-left-box .checkout-box-block .checkout-dec-content h5 del{ color: #a1a1a1; padding: 0 20px 0 5px; }
.checkout-left-box .checkout-box-block .checkout-dec-content h5 span{ color: #f00; }
.checkout-left-box .checkout-box-block .checkout-dec-content .quantity{ width: 100%; padding: 0; margin: 0; }
.checkout-left-box .checkout-box-block .checkout-dec-content .quantity label{ font-size: 16px; line-height: 18px; color: #482a62; font-weight: 500; padding: 0; margin: 0; }
.checkout-left-box .checkout-box-block .checkout-dec-content .quantity select{ border: 1px solid #482a6242; padding: 5px; background: none; color: #3a1857; font-size: 16px; line-height: 18px; }
.checkout-left-box .checkout-box-block .checkout-dec-content .close{ cursor: pointer; position: absolute; right: 15px; top: 15px; transition: color 0.2s ease-in-out; }
.checkout-left-box .checkout-box-block .checkout-dec-content .close i{ color: #FFFFFF; font-size: 16px; width: 30px; height: 30px; border-radius: 50px; text-align: center; line-height: 30px; background: #040404; }
.checkout-left-box .checkout-box-block .checkout-dec-content h6{ font-size: 16px; line-height: 18px; color: #008ed3; padding: 10px 0; margin: 0; font-weight: 400; }

.checkout-right-box{ width: 30%; float: left; }
.checkout-right-box .total-checkout{ width: 90%; border: 1px solid #4a2c6336; padding: 15px; margin: 0; display: inline-block; box-shadow: 4px 4px 2px #492a6224; border-radius: 15px; background: #fbfbfb; position: relative; float: right; }
.checkout-right-box .total-checkout p{ font-size: 16px; line-height: 18px; color: #3a1857; padding: 0 0 10px 0; margin: 0; font-weight: 400; }
.checkout-right-box .total-checkout p span{ text-align:right; float:right; color:#492a62; }
.checkout-right-box .total-checkout p span a{ color:#f00; }
.checkout-right-box .total-checkout p span.price-values{ color:#0bab1d; }
.checkout-right-box .total-checkout p span.free{ color:#005be9; }
.checkout-right-box .total-checkout .price-breakup-final{ padding: 10px 0 0; margin: 15px 0 0; width: 100%; border-top: 3px solid #ececec; }
.checkout-right-box .total-checkout .price-breakup-final p{ font-size: 20px; line-height: 22px; color: #1f0535; padding: 0; margin: 0; font-weight: 500; }
.checkout-right-box .total-checkout .price-breakup-final p span{ float:right; color: #1f0535; }

/*/add-address/*/
.add-address{width: 100%; display: inline-block; padding: 0 0 30px; margin: 150px auto 0; position: relative; background: url(../images/blooshine-inner-bg.png) no-repeat top center; background-size: cover; }
.add-address h3{display: block; text-align: center; font-size: 34px; line-height: 36px; color: #000; padding: 0; margin: 0 }
.add-address h5 a{display: block; text-align: center; font-size: 20px; line-height: 22px; margin: 5px 0 30px; color: #492a62; transition: all 400ms ease-in-out }
.add-address h5 a:hover{ color: #9d00a2; transition: all 400ms ease-in-out }
.add-address .form-box{}
.add-address .form-box form{position: relative; display: block; margin: 0 auto; padding: 25px 25px; width: 36%; animation: menu_sticky 0.7s ease-in-out; border: 1px solid #5c0d9d36; background: #fff; box-shadow: 4px 4px 2px #2d064d0d; border-radius: 15px; }
.add-address .form-box form .input-group{display: block;margin: 0 0 20px 0;}
.add-address .form-box form .input-btn{ margin: 0; }
.add-address .form-box form .input-group input{font-size: 14px; font-weight: normal; width: 100%; padding: 10px; margin: 0; outline: none; display: inline-block; border: 1px solid #5c0d9d36; background: #fff; box-shadow: 4px 4px 2px #2d064d0d; color: #000; border-radius: 5px;}
.add-address .form-box form .input-group select{font-size: 14px; font-weight: normal; width: 100%; padding: 10px; margin: 0; outline: none; display: inline-block; border: 1px solid #5c0d9d36; background: #fff; box-shadow: 4px 4px 2px #2d064d0d; color: #000; border-radius: 5px;}
.add-address .form-box form .input-group input[type="submit"]{width: 40%; font-size: 16px; line-height: 18px; display: block; background: #492a62; color: #fff; padding: 10px 0; text-align: center; margin: 0 auto; border: 0.5px solid #b2b2b2; transition: all 400ms ease-in-out; border-radius: 10px; box-shadow: 4px 4px 2px #3805621a; }
.add-address .form-box form .input-group input[type="submit"]:hover{letter-spacing: 1.5px;transition: all 400ms ease-in-out;}

/*//-------------------TAB / All Mobile Responsiv view SUJOY-------------------//*/
@media(max-width: 1680px) {
    
    
}

@media(max-width: 1600px) {
    
    
    .jewellery .jewellery-box .price h3 {
font-size: 19px;
line-height: 26px;
color: #3b1958;
padding: 0 0 15px;
margin: 0;
}
    
    
    
    
}

@media(max-width: 1440px) {
    .container{ width: 100% !important; margin:0 auto; }
    .snip1189 a { padding: 0 5px; margin: 3px 0; }
    .header .header-bottom .search { width: 50%; }
    .header .header-bottom .menu ul li a { font-weight: 500; font-size: 15px; transition: all 600ms ease-in-out; }
    .trending .trending-box .price a.cart{   font-size: 16px; line-height: 18px; width: 48%; display: inline-block; background: linear-gradient(233deg, #3c1a58 20%, #7622B9 70%); color: #fff; padding: 10px 0; text-align: center; box-shadow: 3px 3px 10px #ffffff5c; margin: 0 17px 0 0; float: left; border: 0.5px solid #b2b2b2; transition: all 400ms ease-in-out; border-radius: 50px; }
    .signup-block .log-in-box-content .log-left form .fill-form {  padding: 0; margin: 20px 9px 0 0; }
    .signup-block .log-in-box-content {  width: 85%; }
    .profile .profile-blog form .input-group {  margin: 15px 8px; }
    .header .header-bottom .search form .search-box input { font-size: 14px; }
    .trending .trending-box .price h3 { font-size: 18px; line-height: 26px;  padding: 0 0 15px; margin: 0; }
    .trending .trending-box .price h3 span { font-size: 12px; line-height: 16px;  padding: 5px 10px; margin: 0; }
    .jewellery .jewellery-box .price h3 span { font-size: 12px; line-height: 16px;  padding: 5px 10px; margin: 0; }
    .jewellery .jewellery-box .price h3 { font-size: 18px; line-height: 26px;  padding: 0 0 15px; margin: 0; }
    .jewellery .jewellery-box .price h3 del { font-size: 13px; color: #969696; padding: 0 0 0 4px; }
    .trending .trending-box .price h3 del { font-size: 13px; color: #969696; padding: 0 0 0 4px; }
    .why .why-block-box { width: 23%; margin: 0 13px; }
    
    .jewellery .jewellery-box .price h3 span { font-size: 10px; line-height: 14px; padding: 5px 8px; margin: 2px 0; }
    
   .w3_login_module1 { width: 40% !important; margin: 20px auto 100px !important; } 
   span.RatingGive { font-size: 20px !important; line-height: 41px !important; left: 14px !important; top: 32px !important; }
 
 .why .why-block-box h4 { font-size: 18px; line-height: 24px; color: #3a1857; padding: 10px 0 0px; margin: 0; font-weight: 600; letter-spacing: 0.6px; }
.why .why-block-box p { font-size: 16px; line-height: 24px; color: #515151; padding: 10px 0 0; margin: 0; height: 84px; }
    
}

@media(max-width: 1280px){
   
   .jewellery .jewellery-box .price h3 span { font-size: 10px; line-height: 14px; padding: 5px 8px; margin: 2px 0; }

}

@media(max-width: 1080px){}

@media(max-width: 900px){
.container{ width: 98% !important; margin:0 auto; }

}

@media(max-width: 800px){}

@media(max-width:786px) {
     
     
     .category .category-content-box { width: 32%; padding: 15px; margin: 0 14px 26px 0; }

}
@media(max-width:768px) {

}

@media(max-width:760px) {
    /*///chek 700///*/

}

@media(max-width:699px) {
    /*///chek 600///*/

}

@media(max-width:580px) {
    /*///chek 490///*/

}

@media(max-width:480px) {
    /*///chek 440///*/

}

@media(max-width:430px) {
    /*///chek 400///*/

}

@media(max-width:399px) {
    /*///chek 385///*/

}

@media(max-width:380px) {
    /*///chek 375///*/

}

@media(max-width:365px) {
    /*///chek 320///*/

}

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: style.css

Server Info

System Features

User Info