/*-------------------- Css Indexing -------------------*/ /*----------------------- Global Css ------------------------*/ /*==================== Base CSS =====================*/ .alignleft { float: left; margin-right: 15px; } .alignright { float: right; margin-left: 15px; } .aligncenter { display: block; margin: 0 auto 15px; } a:focus { outline: 0 solid } img { max-width: 100%; height: auto; } .hader-table-cell h1 { font-size: 80px; font-weight: 700; } .hader-table-cell p { font-size: 20px; } h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; font-weight: 400; color: #373737; } a:hover { text-decoration: none } input[type="text"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], textarea { padding: 10px 15px; border: 1px solid #EFEFEF; } input[type="submit"], button[type="submit"] { padding: 11px 25px; border: none; border-radius: 2px; font-weight: 400; } .boxed-btn, input[type='submit'], button[type='submit'] { display: inline-block; background: #EF476F; color: #fff; font-size: 16px; padding: 13px 25px; border-radius: 5px; text-transform: uppercase; margin-top: 30px; margin: 30px 10px; } .boxed-btn:hover, .boxed-btn:focus { color: #fff; outline: none; text-decoration: none; } h2 { font-size: 28px; line-height: 37px; } .section-title { margin-bottom: 60px; } /*-------------------- Feature Area ---------------------*/ .feature-area{ background-color: #f7f7f7; padding: 100px 0 80px 0; } .section-title .title{ font-size: 50px; font-weight: 700; color: #313133; } .section-title .subtitle{ font-size: 18px; text-transform: uppercase; color: #EF476F; font-weight: 700; display: block; margin-bottom: 25px; } .single-feature-list{ position: relative; text-align: center; margin-bottom: 40px; background-color: #fff; padding: 40px 30px 30px 30px; border-radius: 10px; } .single-feature-list .icon{ margin-bottom: 30px; } .single-feature-list .content .title{ font-size: 21px; text-transform: uppercase; font-weight: 700; color: #313131; } .single-feature-list{} /*----------------------- Header Area ------------------------*/ .header-area { height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative; z-index: 1; } .header-area:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-color: #000; opacity: .5; z-index: -1; ; } .header-area.header-bg { background-position: center; background-size: cover; background-image: url(../img/header-bg.jpg); } .hader-table-cell h1, .hader-table-cell p { color: #fff; text-transform: uppercase; } .footer-area-start{ padding: 30px 0; background-color: #222222; color: #fff; } /*------------------------ Product Showcase -----------------------*/ .padding-top{ padding-top: 0 !important; } .product-showcase-wrapper { padding: 100px 0; } .awavc-product-item-1 { border: 1px solid rgba(0, 0, 0, 0.07); text-align: center; padding-bottom: 30px; transition: .3s ease-in; } .awavc-product-item-1:hover { box-shadow: 0 0 55px #ddd; } .awavc-product-item-1:hover .content .title { color: #F7875D; } .awavc-product-item-1.two .thumb .img-wrapper { background-image: url('https://i.ytimg.com/vi/5LT0a-FXigg/hqdefault.jpg?sqp=-oaymwElCKgBEF5IWvKriqkDGAgBFQAAAAAYASUAAMhCPQCAokN4AYABAQ==&rs=AOn4CLBLnvLzYIazmwUUlSQNKkgPZTOfAw'); } .awavc-product-item-1.three .thumb .img-wrapper { background-image: url(../img/03.jpg); } s .awavc-product-item-1.four .thumb .img-wrapper { background-image: url('https://i.ytimg.com/vi/5LT0a-FXigg/hqdefault.jpg?sqp=-oaymwElCKgBEF5IWvKriqkDGAgBFQAAAAAYASUAAMhCPQCAokN4AYABAQ==&rs=AOn4CLBLnvLzYIazmwUUlSQNKkgPZTOfAw'); } .awavc-product-item-1:hover.two .thumb .img-wrapper { background-image: url('https://i.ytimg.com/vi/5LT0a-FXigg/hqdefault.jpg?sqp=-oaymwElCKgBEF5IWvKriqkDGAgBFQAAAAAYASUAAMhCPQCAokN4AYABAQ==&rs=AOn4CLBLnvLzYIazmwUUlSQNKkgPZTOfAw'); } .awavc-product-item-1:hover.three .thumb .img-wrapper { background-image: url('https://i.ytimg.com/vi/5LT0a-FXigg/hqdefault.jpg?sqp=-oaymwElCKgBEF5IWvKriqkDGAgBFQAAAAAYASUAAMhCPQCAokN4AYABAQ==&rs=AOn4CLBLnvLzYIazmwUUlSQNKkgPZTOfAw'); } .awavc-product-item-1:hover.four .thumb .img-wrapper { background-image: url('https://i.ytimg.com/vi/5LT0a-FXigg/hqdefault.jpg?sqp=-oaymwElCKgBEF5IWvKriqkDGAgBFQAAAAAYASUAAMhCPQCAokN4AYABAQ==&rs=AOn4CLBLnvLzYIazmwUUlSQNKkgPZTOfAw'); } .awavc-product-item-1:hover .thumb .img-wrapper { background-image: url('https://i.ytimg.com/vi/5LT0a-FXigg/hqdefault.jpg?sqp=-oaymwElCKgBEF5IWvKriqkDGAgBFQAAAAAYASUAAMhCPQCAokN4AYABAQ==&rs=AOn4CLBLnvLzYIazmwUUlSQNKkgPZTOfAw'); } .awavc-product-item-1 .thumb { display: inline-block; position: relative; margin-bottom: 20px; height: 260px; width: 100%; } .awavc-product-item-1 .thumb .img-wrapper { background-image: url('https://i.ytimg.com/vi/5LT0a-FXigg/hqdefault.jpg?sqp=-oaymwElCKgBEF5IWvKriqkDGAgBFQAAAAAYASUAAMhCPQCAokN4AYABAQ==&rs=AOn4CLBLnvLzYIazmwUUlSQNKkgPZTOfAw'); background-size: cover; height: 260px; width: 100%; transition: .3s ease-in; } .awavc-product-item-1 .thumb .tag { position: absolute; right: 0; top: 0; background-color: #F7875D; border-radius: 2px; color: #fff; font-weight: 700; font-size: 12px; text-transform: uppercase; width: 60px; height: 30px; line-height: 35px; } .awavc-product-item-1 .content .title { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 10px; transition: .3s ease-in; } .awavc-product-item-1 .content .price { display: block; font-size: 20px; color: #333; font-weight: 600; margin-bottom: 10px; } .awavc-product-item-1 .content .meta-icons { font-size: 14px; padding: 0; margin: 0; } .awavc-product-item-1 .content .meta-icons li a { color: #777; display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 45px; border: 1px solid rgba(0, 0, 0, 0.07); transition: .3s ease-in; } .awavc-product-item-1 .content .meta-icons li { display: inline-block; margin: 0 5px; } .awavc-product-item-1 .content .meta-icons ul { margin: 0; padding: 0; } .awavc-product-item-1 .content .meta-icons li a:hover { background-color: #FE8761; color: #fff; } /*--------------------- Product Carousel ---------------------*/ .awavc-product-item-2 { border: 1px solid rgba(0, 0, 0, 0.07); text-align: center; padding-bottom: 30px; transition: .3s ease-in; overflow: hidden; } .awavc-product-item-2:hover { box-shadow: 0 0 55px #ddd; } .awavc-product-item-2:hover .content .title { color: #F7875D; } .awavc-product-item-2.two .thumb .img-wrapper { background-image: url(../img/02.jpg); } .awavc-product-item-2.three .thumb .img-wrapper { background-image: url(../img/03.jpg); } .awavc-product-item-2.four .thumb .img-wrapper { background-image: url(../img/04.jpg); } .awavc-product-item-2:hover.two .thumb .img-wrapper { background-image: url(../img/04.jpg); } .awavc-product-item-2:hover.three .thumb .img-wrapper { background-image: url(../img/06.jpg); } .awavc-product-item-2:hover.four .thumb .img-wrapper { background-image: url(../img/02.jpg); } .awavc-product-item-2:hover .thumb .img-wrapper { background-image: url(../img/05.jpg); } .awavc-product-item-2 .thumb { display: inline-block; position: relative; margin-bottom: 20px; height: 260px; width: 100%; } .awavc-product-item-2 .thumb .img-wrapper { background-image: url(../img/01.jpg); background-size: cover; height: 260px; width: 100%; transition: .3s ease-in; } .awavc-product-item-2 .thumb .tag { position: absolute; left: 0; top: 0; background-color: #000; border-radius: 2px; color: #fff; font-weight: 700; font-size: 12px; text-transform: uppercase; width: 60px; height: 30px; line-height: 35px; } .awavc-product-item-2 .content .title { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 10px; transition: .3s ease-in; } .awavc-product-item-2 .content .del-price { display: inline-block; font-size: 20px; color: #777; font-weight: 600; margin-bottom: 10px; margin-right: 10px; } .awavc-product-item-2 .content .price { display: inline-block; font-size: 20px; color: #333; font-weight: 600; margin-bottom: 10px; } .awavc-product-item-2 .thumb .meta-icons { margin: 0; padding: 0; } .awavc-product-item-2 .thumb .meta-icons li { list-style: none; display: block; width: 40px; height: 40px; margin: 5px 0; position: relative; transition: .3s ease-in; } .awavc-product-item-2 .thumb .meta-icons li a { width: 40px; height: 40px; text-align: center; line-height: 50px; background-color: #333; display: inline-block; color: #fff; border-radius: 50%; transition: .3s ease-in; } .awavc-product-item-2 .thumb .meta-icons li a:hover { background-color: #FE8761; color: #fff; } .awavc-product-item-2 .thumb .meta-extra { position: absolute; right: -50px; top: 30px; transition: .3s ease-in; } .awavc-product-item-2 .thumb .meta-icons li:nth-child(1) { transition-delay: 0.1s; } .awavc-product-item-2:hover .thumb .meta-icons li:nth-child(1) { transform: translateX(-70px); } .awavc-product-item-2 .thumb .meta-icons li:nth-child(2) { transition-delay: 0.2s; } .awavc-product-item-2:hover .thumb .meta-icons li:nth-child(2) { transform: translateX(-70px); } .awavc-product-item-2 .thumb .meta-icons li:nth-child(3) { transition-delay: 0.3s; } .awavc-product-item-2:hover .thumb .meta-icons li:nth-child(3) { transform: translateX(-70px); } /* product carousel 3 */ .awavc-product-item-3 { border: 1px solid rgba(0, 0, 0, 0.07); transition: .3s ease-in; overflow: hidden; } .awavc-product-item-3 .content .title:hover { color: #137F43; } .awavc-product-item-3 .thumb { display: inline-block; position: relative; margin-bottom: 20px; height: 260px; width: 100%; } .awavc-product-item-3 .thumb .tag { position: absolute; left: 0; top: 0; background-color: #000; border-radius: 2px; color: #fff; font-weight: 700; font-size: 12px; text-transform: uppercase; width: 60px; height: 30px; line-height: 35px; text-align: center; } .awavc-product-item-3 .content { padding: 0 20px 30px 20px; } .awavc-product-item-3 .content .title { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 10px; transition: .3s ease-in; } .awavc-product-item-3 .content .del-price { display: inline-block; font-size: 20px; color: #777; font-weight: 600; margin-bottom: 10px; margin-right: 10px; } .awavc-product-item-3 .content .price { display: inline-block; font-size: 22px; color: #137F43; font-weight: 700; margin-bottom: 10px; } .awavc-product-item-3 .thumb .meta-icons { margin: 0; padding: 0; } .awavc-product-item-3 .thumb .meta-icons li { list-style: none; display: inline-block; width: 40px; height: 40px; margin: 5px 0; position: relative; transition: .3s ease-in; } .awavc-product-item-3 .thumb .meta-icons li a { width: 40px; height: 40px; text-align: center; line-height: 50px; background-color: #fff; display: inline-block; color: #333; transition: .3s ease-in; } .awavc-product-item-3 .thumb .meta-icons li a:hover { background-color: #137F43; color: #fff; } .awavc-product-item-3 .thumb .meta-extra { position: absolute; left: 50%; top: 50%; transition: .3s ease-in; transform: translate(-50%, -50%); } .awavc-product-item-3 .thumb .meta-icons li:nth-child(1) { transition-delay: 0.1s; transform: translateX(-70px); visibility: hidden; opacity: 0; } .awavc-product-item-3:hover .thumb .meta-icons li:nth-child(1) { transform: translateX(0px); visibility: visible; opacity: 1; } .awavc-product-item-3 .thumb .meta-icons li:nth-child(2) { visibility: hidden; opacity: 0; transition-delay: 0.2s; transform: translateX(70px); } .awavc-product-item-3:hover .thumb .meta-icons li:nth-child(2) { visibility: visible; opacity: 1; transform: translateX(0px); } .awavc-product-item-3 .content .ratings { margin: 0; padding: 0; } .awavc-product-item-3 .content .ratings li { display: block; font-size: 14px; margin-bottom: 10px; } .awavc-product-item-3 .content .ratings li a { color: #FC7D37; } .awavc-product-item-3 .addtocart { display: inline-block; padding: 0px 20px; background-color: #137F43; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #fff; border-radius: 3px; height: 40px; line-height: 45px; } .awavc-product-item-3 .addtocart i { padding-right: 5px; } /* Product carousel 4 */ .awavc-product-item-4 { border: 1px solid rgba(0, 0, 0, 0.07); transition: .3s ease-in; overflow: hidden; } .awavc-product-item-4 .content .title:hover { color: #FF5050; } .awavc-product-item-4 .thumb { display: inline-block; position: relative; margin-bottom: 20px; height: 260px; width: 100%; } .awavc-product-item-4 .thumb .tag { position: absolute; right: 0; top: 0; background-color: #fff; border-radius: 50%; border: 2px solid #FF5050; color: #FF5050; font-weight: 700; font-size: 12px; text-transform: uppercase; width: 45px; height: 45px; line-height: 45px; text-align: center; } .awavc-product-item-4 .content { padding: 0 20px 10px 20px; } .awavc-product-item-4 .content .title { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 10px; transition: .5s ease-in; text-transform: uppercase; } .awavc-product-item-4 .content .del-price { display: inline-block; font-size: 20px; color: #777; font-weight: 400; margin-right: 10px; } .awavc-product-item-4 .content .price { display: inline-block; font-size: 22px; color: #515151; font-weight: 400; } .awavc-product-item-4 .thumb { overflow: hidden; } .awavc-product-item-4 .thumb .meta-icons { margin: 0; padding: 0; background-color: #fff; width: 80%; display: block; height: 60px; line-height: 70px; text-align: center; margin: 0 auto; border-radius: 5px; } .awavc-product-item-4 .thumb .meta-icons li { list-style: none; display: inline-block; width: 40px; height: 40px; position: relative; transition: .3s ease-in; } .awavc-product-item-4 .thumb .meta-icons li a { width: 40px; height: 40px; text-align: center; line-height: 50px; background-color: #fff; display: inline-block; color: #333; border-radius: 50%; transition: .3s ease-in; } .awavc-product-item-4 .thumb .meta-icons li a:hover { background-color: #FF5050; color: #fff; } .awavc-product-item-4 .thumb .meta-extra { position: absolute; left: 50%; bottom: -100%; transition: .5s ease-in; transform: translate(-50%, -50%); width: 100%; } .awavc-product-item-4:hover .thumb .meta-extra { bottom: 0; } .awavc-product-item-4 .content .ratings { margin: 0; padding: 0; } .awavc-product-item-4 .content .ratings li { display: block; font-size: 14px; margin-bottom: 10px; } .awavc-product-item-4 .content .ratings li a { color: #FC7D37; } .awavc-product-item-4 .addtocart { display: inline-block; padding: 0px 20px; background-color: #FF5050; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #fff; border-radius: 3px; height: 40px; line-height: 45px; } .awavc-product-item-4 .addtocart i { padding-right: 5px; } /*--------------------- Product Caoursel 5 ---------------------*/ .awavc-product-item-5:hover { box-shadow: 0 0 50px #ddd; } .awavc-product-item-5 .addcart { float: right; font-size: 20px; color: #777; transition: .3s ease-in; } .awavc-product-item-5 .img-wrapper { position: relative; } .awavc-product-item-5 .img-wrapper:hover:after { transform: translateY(-100%); background: rgba(0, 0, 0, 0.04); } .awavc-product-item-5 .img-wrapper:hover:before { transform: translateY(100%); background: rgba(0, 0, 0, 0.04); } .awavc-product-item-5 .img-wrapper:after { position: absolute; left: 0; top: 0; width: 100%; height: 50%; content: ''; background: rgba(0, 0, 0, 0.0); transition: .5s ease-in; } .awavc-product-item-5 .img-wrapper:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; content: ''; background: rgba(0, 0, 0, 0.0); transition: .5s ease-in; } .awavc-product-item-5 .addcart:hover { color: #FF5050; } .awavc-product-item-5 { border: 1px solid rgba(0, 0, 0, 0.07); transition: .3s ease-in; overflow: hidden; } .awavc-product-item-5 .content .title:hover { color: #FF5050; } .awavc-product-item-5 .thumb { display: inline-block; position: relative; margin-bottom: 20px; height: 260px; width: 100%; } .awavc-product-item-5 .thumb .tag { position: absolute; left: 0; top: 0; border-radius: 50%; color: #FF5050; font-weight: 700; font-size: 14px; text-transform: uppercase; width: 45px; height: 45px; line-height: 45px; text-align: center; } .awavc-product-item-5 .content { padding: 0 20px 10px 20px; } .awavc-product-item-5 .content .title { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 10px; transition: .5s ease-in; text-transform: uppercase; } .awavc-product-item-5 .content .del-price { display: inline-block; font-size: 20px; color: #777; font-weight: 400; margin-right: 10px; } .awavc-product-item-5 .content .price { display: inline-block; font-size: 22px; color: #515151; font-weight: 400; } .awavc-product-item-5 .thumb { overflow: hidden; } .awavc-product-item-5 .thumb .meta-icons { margin: 0; padding: 0; background-color: #fff; width: 80%; display: block; height: 60px; line-height: 70px; text-align: center; margin: 0 auto; border-radius: 5px; } .awavc-product-item-5 .thumb .meta-icons li { list-style: none; display: inline-block; width: 40px; height: 40px; position: relative; transition: .3s ease-in; } .awavc-product-item-5 .thumb .meta-icons li a { width: 40px; height: 40px; text-align: center; line-height: 50px; background-color: #fff; display: inline-block; color: #333; border-radius: 50%; transition: .3s ease-in; } .awavc-product-item-5 .thumb .meta-icons li a:hover { background-color: #FF5050; color: #fff; } .awavc-product-item-5 .thumb .meta-extra { position: absolute; left: 50%; bottom: -100%; transition: .5s ease-in; transform: translate(-50%, -50%); width: 100%; } .awavc-product-item-5:hover .thumb .meta-extra { bottom: 0; } .awavc-product-item-5 .content .ratings { margin: 0; padding: 0; } .awavc-product-item-5 .content .ratings li { display: block; font-size: 14px; margin-bottom: 10px; } .awavc-product-item-5 .content .ratings li a { color: #FC7D37; } .awavc-product-item-5 .addtocart { display: inline-block; padding: 0px 20px; background-color: #FF5050; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #fff; border-radius: 3px; height: 40px; line-height: 45px; } .awavc-product-item-5 .addtocart i { padding-right: 5px; } /*------------------------ product showcase 6 ------------------------*/ .awavc-product-item-6:hover { box-shadow: 0 0 50px #ddd; } .awavc-product-item-6 .img-wrapper { position: relative; } .awavc-product-item-6 .meta-infos { position: absolute; right: -100px; top: 20px; visibility: hidden; opacity: 0; transition: .6s ease-in; } .awavc-product-item-6:hover .meta-infos { visibility: visible; opacity: 1; transform: translateX(-130px); } .awavc-product-item-6 .meta-infos li { margin: 5px 0; list-style: none; } .awavc-product-item-6 .meta-infos li a { font-size: 18px; color: #eee; width: 35px; height: 35px; border: 1px solid #eee; display: inline-block; text-align: center; line-height: 45px; transition: .3s ease-in; } .awavc-product-item-6 .meta-infos li a:hover { background-color: #4092F7; border-color: #4092F7; } .awavc-product-item-6 { border: 1px solid rgba(0, 0, 0, 0.07); transition: .3s ease-in; overflow: hidden; } .awavc-product-item-6 .content .title:hover { color: #4092F7; } .awavc-product-item-6 .thumb { display: inline-block; position: relative; margin-bottom: 20px; height: 260px; width: 100%; } .awavc-product-item-6 .thumb .tag:after { position: absolute; left: 0; bottom: -35px; width: 100%; height: 100%; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 20px solid #4092F7; content: ''; } .awavc-product-item-6 .thumb .tag { position: absolute; left: 0; top: 0; color: #fff; font-weight: 700; font-size: 14px; text-transform: uppercase; width: 60px; height: 35px; line-height: 45px; text-align: center; background-color: #4092F7; } .awavc-product-item-6 .content { padding: 0 20px 10px 20px; } .awavc-product-item-6 .content .title { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 10px; transition: .5s ease-in; text-transform: uppercase; } .awavc-product-item-6 .content .del-price { display: inline-block; font-size: 20px; color: #777; font-weight: 400; margin-right: 10px; } .awavc-product-item-6 .content .price { display: inline-block; font-size: 22px; color: #515151; font-weight: 400; } .awavc-product-item-6 .thumb { overflow: hidden; } .awavc-product-item-6:hover .addtocart { visibility: visible; opacity: 1; transform: translateY(-130px); } .awavc-product-item-6 .addtocart { position: absolute; bottom: -100px; left: 10%; display: block; width: 80%; background-color: #4092F7; height: 40px; line-height: 45px; text-align: center; text-transform: uppercase; font-weight: 600; color: #fff; margin: 0 auto; visibility: hidden; opacity: 0; transition: .6s ease; } /*------------------------ product showcase 7 ------------------------*/ .awavc-product-item-7 .img-wrapper { position: relative; } .awavc-product-item-7 { border: 1px solid rgba(0, 0, 0, 0.07); transition: .3s ease-in; overflow: hidden; } .awavc-product-item-7 .thumb { display: inline-block; position: relative; margin-bottom: 20px; height: 260px; width: 100%; } .awavc-product-item-7 .thumb .tag { position: absolute; left: 0; top: 0; color: #fff; font-weight: 700; font-size: 14px; text-transform: uppercase; width: 60px; height: 35px; line-height: 40px; text-align: center; background-color: #4092F7; } .awavc-product-item-7 .content { padding: 0 20px 10px 20px; overflow: hidden; position: relative; text-align: center; } .awavc-product-item-7 .content .title { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 10px; transition: .5s ease-in; text-transform: uppercase; transition: .3s ease-in; } .awavc-product-item-7 .content .del-price { display: inline-block; font-size: 20px; color: #777; font-weight: 400; margin-right: 10px; transition: .3s ease-in; } .awavc-product-item-7 .content .price { display: inline-block; font-size: 22px; color: #515151; font-weight: 400; transition: .3s ease-in; } .awavc-product-item-7 .content .top-content { transition: .5s ease-in; } .awavc-product-item-7:hover .content .top-content { transform: translateY(-50px); visibility: hidden; opacity: 0; } .awavc-product-item-7:hover .meta-infos { visibility: visible; opacity: 1; transform: translateY(-65px); } .awavc-product-item-7 .thumb { overflow: hidden; } .awavc-product-item-7 .meta-infos { margin: 0; padding: 0; text-align: center; margin-bottom: 15px; position: absolute; left: 0; bottom: 30; width: 100%; background-color: #fff; visibility: hidden; opacity: 0; transition: .5s ease-in; overflow: hidden; } .awavc-product-item-7 .meta-infos li { list-style: none; display: inline-block; margin: 0 15px; } .awavc-product-item-7 .meta-infos li a { display: inline-block; font-size: 25px; color: #999; transition: .3s ease-in; } .awavc-product-item-7 .meta-infos li a:hover { color: #4092F7; } .awavc-product-item-7 .ratings { display: block; margin-bottom: 10px; color: #ff7000; } /*------------------------ product showcase 8 ------------------------*/ .awavc-product-item-8 .img-wrapper { position: relative; } .awavc-product-item-8 { border: 1px solid rgba(0, 0, 0, 0.07); transition: .3s ease-in; overflow: hidden; } .awavc-product-item-8 .thumb { display: inline-block; position: relative; margin-bottom: 20px; height: 260px; width: 100%; } .awavc-product-item-8 .thumb .tag { position: absolute; left: 0; top: 0; color: #fff; font-weight: 700; font-size: 14px; text-transform: uppercase; width: 60px; height: 35px; line-height: 40px; text-align: center; background-color: #E91E63; } .awavc-product-item-8 .content { padding: 0 20px 20px 20px; overflow: hidden; position: relative; text-align: center; } .awavc-product-item-8 .content .title:hover { color: #E91E63; } .awavc-product-item-8 .content .title { font-size: 21px; font-weight: 600; color: #333; margin-bottom: 10px; transition: .5s ease-in; text-transform: uppercase; transition: .3s ease-in; } .awavc-product-item-8 .content .del-price { display: inline-block; font-size: 20px; color: #777; font-weight: 600; margin-right: 10px; transition: .3s ease-in; } .awavc-product-item-8 .content .price { display: inline-block; font-size: 22px; color: #E91E63; font-weight: 700; transition: .3s ease-in; } .awavc-product-item-8 .thumb { overflow: hidden; } .awavc-product-item-8 .addcartbtn { display: block; height: 45px; width: 50%; background-color: #EBF0F3; float: left; font-size: 14px; text-transform: uppercase; font-weight: 600; line-height: 50px; text-align: center; color: #313131; transition: .3s ease-in; } .awavc-product-item-8 .btn-wrapper { position: absolute; left: 0; bottom: -50px; width: 100%; visibility: hidden; opacity: 0; transition: .5s ease-in; } .awavc-product-item-8:hover .btn-wrapper { visibility: visible; opacity: 1; transform: translateY(-50px); } .awavc-product-item-8 .addcartbtn:first-child { background-color: #E91E63; color: #fff; } .awavc-product-item-8 .addcartbtn:first-child:hover { background-color: #515151; color: #fff; } .awavc-product-item-8 .addcartbtn:last-child:hover { background-color: #E91E63; color: #fff; } /*------------------------ product showcase 9 ------------------------*/ .awavc-product-item-9 .img-wrapper { position: relative; } .awavc-product-item-9 { border: 1px solid rgba(0, 0, 0, 0.07); transition: .3s ease-in; overflow: hidden; } .awavc-product-item-9 .thumb { display: inline-block; position: relative; margin-bottom: 20px; height: 260px; width: 100%; } .awavc-product-item-9 .thumb .tag { position: absolute; left: 0; top: 0; color: #fff; font-weight: 700; font-size: 14px; text-transform: uppercase; width: 60px; height: 35px; line-height: 40px; text-align: center; background-color: #F44336; } .awavc-product-item-9 .content { padding: 0 20px 20px 20px; overflow: hidden; position: relative; text-align: center; } .awavc-product-item-9 .content .title:hover { color: #F44336; } .awavc-product-item-9 .content .title { font-size: 21px; font-weight: 600; color: #333; margin-bottom: 10px; transition: .5s ease-in; text-transform: uppercase; transition: .3s ease-in; } .awavc-product-item-9 .content .del-price { display: inline-block; font-size: 20px; color: #777; font-weight: 600; margin-right: 10px; transition: .3s ease-in; } .awavc-product-item-9 .content .price { display: inline-block; font-size: 22px; color: #F44336; font-weight: 700; transition: .3s ease-in; } .awavc-product-item-9 .thumb { overflow: hidden; } .awavc-product-item-9 .addcartbtn { display: block; height: 45px; width: 50%; background-color: #EBF0F3; float: left; font-size: 14px; text-transform: uppercase; font-weight: 600; line-height: 50px; text-align: center; color: #313131; transition: .3s ease-in; } .awavc-product-item-9 .btn-wrapper { position: absolute; left: 0; bottom: -50px; width: 100%; visibility: hidden; opacity: 0; transition: .5s ease-in; } .awavc-product-item-9:hover .btn-wrapper { visibility: visible; opacity: 1; transform: translateY(-50px); } .awavc-product-item-9 .addcartbtn:first-child { background-color: #F44336; color: #fff; } .awavc-product-item-9 .addcartbtn:first-child:hover { background-color: #515151; color: #fff; } .awavc-product-item-9 .addcartbtn:last-child:hover { background-color: #F44336; color: #fff; } .awavc-product-item-9 .right-btn { float: right; margin-right: -1px; } .awavc-product-item-9 .right-btn .icons { display: inline-block; height: 45px; width: 45px; text-align: center; line-height: 50px; background-color: #F44336; color: #fff; transition: .3s ease-in; } .awavc-product-item-9 .right-btn .icons:hover { background-color: #515151; color: #fff; } /*------------------------ product showcase 10 ------------------------*/ .awavc-product-item-10 .img-wrapper { position: relative; } .awavc-product-item-10 { border: 1px solid rgba(0, 0, 0, 0.07); transition: .3s ease-in; overflow: hidden; } .awavc-product-item-10 .thumb { display: inline-block; position: relative; margin-bottom: 20px; height: 260px; width: 100%; } .awavc-product-item-10 .thumb .tag { position: absolute; left: 0; top: 0; color: #fff; font-weight: 700; font-size: 14px; text-transform: uppercase; width: 60px; height: 35px; line-height: 40px; text-align: center; background-color: #FF69B4; } .awavc-product-item-10 .content { padding: 0 20px 20px 20px; overflow: hidden; position: relative; text-align: center; } .awavc-product-item-10 .content .title:hover { color: #FF69B4; } .awavc-product-item-10 .content .title { font-size: 21px; font-weight: 600; color: #333; margin-bottom: 10px; transition: .5s ease-in; text-transform: uppercase; transition: .3s ease-in; } .awavc-product-item-10 .content .del-price { display: inline-block; font-size: 20px; color: #777; font-weight: 600; margin-right: 10px; transition: .3s ease-in; } .awavc-product-item-10 .content .price { display: inline-block; font-size: 22px; color: #FF69B4; font-weight: 700; transition: .3s ease-in; } .awavc-product-item-10 .thumb { overflow: hidden; } .awavc-product-item-10:hover .addcartbtn { visibility: visible; opacity: 1; } .awavc-product-item-10 .addcartbtn { display: block; height: 45px; width: 50%; background-color: #FF69B4; float: left; font-size: 14px; text-transform: uppercase; font-weight: 600; line-height: 50px; text-align: center; color: #fff; transition: .3s ease-in; position: absolute; left: 0; bottom: 0; width: 100%; visibility: hidden; opacity: 0; } .awavc-product-item-10:hover .meta-infos { visibility: visible; opacity: 1; } .awavc-product-item-10 .meta-infos { margin: 0; padding: 0; position: absolute; right: 15px; top: 10px; visibility: hidden; opacity: 0; transition: .3s ease-in; } .awavc-product-item-10 .meta-infos li { display: block; list-style: none; margin: 10px 0; } .awavc-product-item-10 .meta-infos li a { color: #FF69B4; font-size: 18px; } .awavc-product-item-10 .ratings { color: #f2cf8d; font-size: 14px; margin-top: 5px; } /*------------------------ product showcase 11 ------------------------*/ .awavc-product-item-11 .img-wrapper { position: relative; height: 260px; width: 100%; } .awavc-product-item-11:hover .img-wrapper:after{ visibility: visible; opacity: 1; transform: scale(1); } .awavc-product-item-11 .bg-2.img-wrapper:after{ background-image: url(../img/03.jpg); } .awavc-product-item-11 .img-wrapper.bg-2 { background-image: url(../img/04.jpg); background-size: cover; background-position: center; } .awavc-product-item-11 .bg-3.img-wrapper:after{ background-image: url(../img/04.jpg); } .awavc-product-item-11 .img-wrapper.bg-3 { background-image: url(../img/05.jpg); background-size: cover; background-position: center; } .awavc-product-item-11 .bg-4.img-wrapper:after{ background-image: url(../img/05.jpg); } .awavc-product-item-11 .img-wrapper.bg-4 { background-image: url(../img/06.jpg); background-size: cover; background-position: center; } .awavc-product-item-11 .img-wrapper:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; visibility: hidden; opacity: 0; content: ''; transition: .3s ease-in; transform: scale(0); } .awavc-product-item-11 .bg-1.img-wrapper:after { background-image: url(../img/03.jpg); } .awavc-product-item-11 .img-wrapper.bg-1 { background-image: url(../img/02.jpg); background-size: cover; background-position: center; } .awavc-product-item-11 { border: 1px solid rgba(0, 0, 0, 0.07); transition: .3s ease-in; overflow: hidden; } .awavc-product-item-11 .thumb { display: inline-block; position: relative; margin-bottom: 20px; height: 260px; width: 100%; } .awavc-product-item-11 .thumb .tag { position: absolute; left: 10px; top: 10px; color: #fff; font-weight: 700; font-size: 14px; text-transform: uppercase; width: 60px; height: 35px; line-height: 40px; text-align: center; background-color: #313131; } .awavc-product-item-11 .content { padding: 0 20px 20px 20px; overflow: hidden; position: relative; text-align: center; } .awavc-product-item-11 .content .title:hover { color: #313131; } .awavc-product-item-11 .content .title { font-size: 21px; font-weight: 600; color: #333; margin-bottom: 10px; transition: .5s ease-in; text-transform: uppercase; transition: .3s ease-in; } .awavc-product-item-11 .content .del-price { display: inline-block; font-size: 20px; color: #777; font-weight: 600; margin-right: 10px; transition: .3s ease-in; } .awavc-product-item-11 .content .price { display: inline-block; font-size: 22px; color: #313131; font-weight: 600; transition: .3s ease-in; float: right; } .awavc-product-item-11 .thumb { overflow: hidden; } .awavc-product-item-11:hover .meta-infos { visibility: visible; opacity: 1; } .awavc-product-item-11 .meta-lists { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .awavc-product-item-11 .meta-infos { margin: 0; padding: 0; visibility: hidden; opacity: 0; transition: .3s ease-in; } .awavc-product-item-11 .meta-infos li { display: inline-block; list-style: none; margin: 0 5px; } .awavc-product-item-11 .meta-infos li a:hover { background-color: #f39c12; } .awavc-product-item-11 .meta-infos li a { font-size: 15px; display: inline-block; width: 35px; height: 35px; text-align: center; background-color: #313131; color: #fff; line-height: 40px; border-radius: 50%; transition: .3s ease-in; } .awavc-product-item-11 .ratings { color: #f2cf8d; font-size: 16px; margin-top: 5px; display: inline-block; float: left; } /*------------------------ product showcase 12 ------------------------*/ .awavc-product-item-12 .img-wrapper img{ position: absolute; left: 0px; top: 0; transform: translateX(0%); transition: .5s ease-in; } .awavc-product-item-12 .img-wrapper .img-2 { position: absolute; left: 0; top: 0; transform: translateX(-100%); transition: .5s ease-in; } .awavc-product-item-12:hover .img-wrapper .img-2{ transform: translateX(0%); } .awavc-product-item-12:hover .img-wrapper .img-1{ left: auto; right: 0%; transform: translateX(100%); } .awavc-product-item-12 { border: 1px solid rgba(0, 0, 0, 0.07); transition: .3s ease-in; overflow: hidden; } .awavc-product-item-12 .thumb { display: inline-block; position: relative; margin-bottom: 20px; height: 260px; width: 100%; } .awavc-product-item-12 .thumb .tag { position: absolute; left: 10px; top: 10px; color: #fff; font-weight: 700; font-size: 14px; text-transform: uppercase; width: 60px; height: 35px; line-height: 40px; text-align: center; background-color: #313131; } .awavc-product-item-12 .content { padding: 0 20px 20px 20px; overflow: hidden; position: relative; text-align: left; } .awavc-product-item-12 .content .title:hover { color: #cc947e; } .awavc-product-item-12 .content .title { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 5px; transition: .5s ease-in; text-transform: uppercase; transition: .3s ease-in; } .awavc-product-item-12 .content .price { display: inline-block; font-size: 18px; color: #cc947e; font-weight: 600; transition: .3s ease-in; } .awavc-product-item-12 .thumb { overflow: hidden; } .awavc-product-item-12 .ratings { color: #f2cf8d; font-size: 14px; display: inline-block; } .awavc-product-item-12 .bottom-content .shopnow { display: inline-block; background-color: #cc947e; padding: 10px 15px 8px 15px; font-size: 14px; text-transform: uppercase; font-weight: 700; color: #fff; transition: .3s ease-in; } .awavc-product-item-12 .bottom-content .shopnow:hover{ background-color: #515151; } .awavc-product-item-12 .bottom-content .meta-lists .meta-infos { margin: 0; padding: 0; } .awavc-product-item-12 .bottom-content .meta-lists .meta-infos li { display: inline-block; list-style: none; margin: 0 5px; } .awavc-product-item-12 .bottom-content .meta-lists { display: inline-block; float: right; margin-top: 10px; } .awavc-product-item-12 .bottom-content .meta-lists .meta-infos li a { color: #777; transition: .3s ease-in; } .awavc-product-item-12 .bottom-content .meta-lists .meta-infos li a:hover { color: #cc947e; } .awavc-product-item-12 .content .top-content{ transition: .5s ease-in-out; } .awavc-product-item-12:hover .content .top-content{ transform: translateX(-100%); } .awavc-product-item-12 .content .bottom-content{ transition: .5s ease-in-out; } .awavc-product-item-12:hover .content .bottom-content{ transform: translateX(0%); } .awavc-product-item-12 .content .bottom-content { position: absolute; top: 15px; background-color: #fff; width: 100%; height: 100%; left: 0; padding: 0 15px; transform: translateX(-100%); } /*------------------------ product showcase 13 ------------------------*/ .awavc-product-item-13 .img-wrapper img{ position: absolute; left: 0px; top: 0; transition: .3s ease-in; } .awavc-product-item-13 .img-wrapper .img-2 { position: absolute; left: 0; top: 0; transform: scale(0, 1); } .awavc-product-item-13:hover .img-wrapper .img-2{ transform: scale(1, 1); } .awavc-product-item-13 { border: 1px solid rgba(0, 0, 0, 0.07); transition: .3s ease-in; overflow: hidden; } .awavc-product-item-13 .thumb { display: inline-block; position: relative; margin-bottom: 20px; height: 260px; width: 100%; } .awavc-product-item-13 .thumb .tag { position: absolute; left: 10px; top: 10px; color: #fff; font-weight: 700; font-size: 14px; text-transform: uppercase; width: 60px; height: 35px; line-height: 40px; text-align: center; background-color: #d65c2c; visibility: visible; opacity: 0; } .awavc-product-item-13:hover .thumb .tag{ visibility: visible; opacity: 1; } .awavc-product-item-13 .content { padding: 0 20px 20px 20px; overflow: hidden; position: relative; text-align: center; } .awavc-product-item-13 .content .title:hover { color: #ff7901; } .awavc-product-item-13 .content .title { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 5px; transition: .5s ease-in; text-transform: uppercase; transition: .3s ease-in; } .awavc-product-item-13 .content .price { display: inline-block; font-size: 18px; color: #ff7901; font-weight: 600; transition: .3s ease-in; } .awavc-product-item-13 .thumb { overflow: hidden; } .awavc-product-item-13 .ratings { color: #f2cf8d; font-size: 14px; display: inline-block; } .awavc-product-item-13 .bottom-content .shopnow { display: inline-block; background-color: #d65c2c; padding: 10px 15px 8px 15px; font-size: 14px; text-transform: uppercase; font-weight: 600; color: #fff; transition: .3s ease-in; } .awavc-product-item-13 .bottom-content .shopnow:hover{ background-color: #515151; } .awavc-product-item-13 .content .top-content{ transition: .5s ease-in-out; } .awavc-product-item-13 .content .top-content .price{ transition: .5s ease-in-out; } .awavc-product-item-13:hover .content .top-content .ratings, .awavc-product-item-13:hover .content .top-content .price{ transform: translateY(100px); } .awavc-product-item-13 .content .bottom-content{ transition: .5s ease-in-out; } .awavc-product-item-13:hover .content .bottom-content{ transform: translatey(0px); } .awavc-product-item-13 .content .bottom-content { position: absolute; top: 30px; background-color: #fff; width: 100%; height: 100%; left: 0; padding: 0 15px; transform: translatey(80px); display: flex; flex-direction: column; align-items: center; } .awavc-product-item-13:hover .thumb .meta-infos{ visibility: visible; opacity: 1; } .awavc-product-item-13 .thumb .meta-infos { margin: 0; padding: 0; transition: .3 ease-in; visibility: hidden; opacity: 0; } .awavc-product-item-13 .thumb .meta-infos li { list-style: none; display: block; margin-bottom: 10px; } .awavc-product-item-13 .thumb .meta-infos a { display: inline-block; width: 40px; height: 40px; line-height: 45px; text-align: center; color: #fff; background-color: #d65c2c; transition: .3s ease-in; } .awavc-product-item-13 .thumb .meta-lists { position: absolute; right: 10px; top: 10px; } .awavc-product-item-13 .thumb .meta-infos a:hover { background-color: #515151; color: #fff; } /*------------------------ product showcase 14 ------------------------*/ .awavc-product-item-14 { transition: .3s ease-in; overflow: hidden; } .awavc-product-item-14:hover{ box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); } .awavc-product-item-14 .thumb { display: inline-block; position: relative; margin-bottom: 20px; height: 260px; width: 100%; } .awavc-product-item-14 .thumb .tag { position: absolute; left: 0px; top: 10px; color: #fff; font-weight: 700; font-size: 14px; text-transform: uppercase; width: 90px; height: 35px; line-height: 40px; text-align: left; padding: 0 20px; background-color: #FF421D; transition: .3s ease-in; border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .awavc-product-item-14 .content { padding: 0 20px 20px 20px; overflow: hidden; position: relative; text-align: left; } .awavc-product-item-14 .content .title:hover { color: #ff7901; } .awavc-product-item-14 .content .title { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 5px; transition: .5s ease-in; text-transform: uppercase; transition: .3s ease-in; } .awavc-product-item-14 .content .price { display: inline-block; font-size: 18px; color: #ff7901; font-weight: 700; transition: .3s ease-in; margin-right: 5px; } .awavc-product-item-14 .content .dprice { display: inline-block; font-size: 18px; font-weight: 500; transition: .3s ease-in; margin-right: 5px; } .awavc-product-item-14 .thumb { overflow: hidden; } .awavc-product-item-14 .ratings { color: #f2cf8d; font-size: 14px; display: inline-block; margin-bottom: 10px; } .awavc-product-item-14 .bottom-content{ transition: .3s ease-in; visibility: hidden; opacity: 0; } .awavc-product-item-14:hover .bottom-content{ visibility: visible; opacity: 1; } .awavc-product-item-14 .bottom-content .shopnow { display: inline-block; background-color: #FF421D; padding: 10px 25px 8px 25px; font-size: 14px; text-transform: uppercase; font-weight: 600; color: #fff; transition: .3s ease-in; border-radius: 20px; } .awavc-product-item-14 .bottom-content .shopnow:hover{ background-color: #515151; } .awavc-product-item-14 .bottom-content .meta-infos{ margin: 0; padding: 0; display: inline-block; float: right; margin-top: 12px; } .awavc-product-item-14 .bottom-content .meta-infos li{ display: inline-block; list-style: none; margin: 0 7px; } .awavc-product-item-14 .bottom-content .meta-infos li a{ display: inline-block; font-size: 18px; color: #777777; transition: .3s ease-in; } .awavc-product-item-14 .bottom-content .meta-infos li a:hover{ color: #FF421D; } /*------------------------ product showcase 15 ------------------------*/ .awavc-product-item-15 { transition: .3s ease-in; overflow: hidden; } .awavc-product-item-15 .thumb { display: inline-block; position: relative; height: 260px; width: 100%; } .awavc-product-item-15 .thumb .tag { position: absolute; left: 0px; top: 10px; color: #fff; font-weight: 700; font-size: 14px; text-transform: uppercase; width: 90px; height: 35px; line-height: 40px; text-align: left; padding: 0 20px; background-color: #fa0b42; transition: .3s ease-in; border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .awavc-product-item-15:hover .content{ transform: translateY(-50px); } .awavc-product-item-15 .content { padding: 20px 20px 20px 20px; overflow: hidden; position: relative; text-align: left; transition: .5s ease-in; background-color: #fff; } .awavc-product-item-15 .content .title:hover { color: #fa0b42; } .awavc-product-item-15 .content .title { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 5px; transition: .5s ease-in; text-transform: uppercase; transition: .3s ease-in; } .awavc-product-item-15 .content .price { display: inline-block; font-size: 18px; color: #fa0b42; font-weight: 700; transition: .3s ease-in; margin-right: 5px; } .awavc-product-item-15 .content .dprice { display: inline-block; font-size: 18px; font-weight: 500; transition: .3s ease-in; margin-right: 5px; } .awavc-product-item-15 .thumb { overflow: hidden; } .awavc-product-item-15 .ratings { color: #f2cf8d; font-size: 14px; display: inline-block; margin-bottom: 10px; } .awavc-product-item-15 .bottom-content{ transition: .3s ease-in; margin-top: 10px; } .awavc-product-item-15:hover .bottom-content{ visibility: visible; opacity: 1; } .awavc-product-item-15 .bottom-content .shopnow { display: inline-block; background-color: #fa0b42; padding: 10px 25px 8px 25px; font-size: 14px; text-transform: uppercase; font-weight: 600; color: #fff; transition: .3s ease-in; border-radius: 20px; } .awavc-product-item-15 .bottom-content .shopnow:hover{ background-color: #515151; } .awavc-product-item-15 .thumb .meta-infos { margin: 0; padding: 0; position: absolute; right: 10px; top: 10px; } .awavc-product-item-15 .thumb .meta-infos li { display: block; list-style: none; margin: 5px 0; visibility: hidden; opacity: 0; } .awavc-product-item-15 .thumb .meta-infos li a { display: inline-block; width: 40px; height: 40px; line-height: 45px; text-align: center; background-color: #FA0B42; border-radius: 50%; color: #fff; transition: .3s ease-in; } .awavc-product-item-15 .thumb .meta-infos li{ position: absolute; right: 10px; } .awavc-product-item-15 .thumb .meta-infos li:first-child{ transform: translateY(100px); transition: .3s ease-in; } .awavc-product-item-15:hover .thumb .meta-infos li:first-child { transform: translateY(0); visibility: visible; opacity: 1; } .awavc-product-item-15 .thumb .meta-infos li:nth-child(2){ transform: translateY(150px); transition: .3s ease-in; transition-delay: .1s; } .awavc-product-item-15:hover .thumb .meta-infos li:nth-child(2){ transform: translateY(50px); visibility: visible; opacity: 1; } .awavc-product-item-15 .thumb .meta-infos li:nth-child(3){ transform: translateY(2000px); transition: .3s ease-in; transition-delay: .2s; } .awavc-product-item-15:hover .thumb .meta-infos li:nth-child(3){ transform: translateY(100px); visibility: visible; opacity: 1; } .awavc-product-item-15 .thumb .meta-infos li a:hover { background-color: #515151; }