a, input, textarea, button, select { outline: none; text-decoration: none; } a:hover, h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus { text-decoration: none; } a:focus, button:focus, select:focus, input:focus, textarea:focus { outline: none; text-decoration: none; } html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } body { margin: 0; overflow-x: hidden; font-family: 'Poppins', sans-serif !important; } a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } a:active, a:hover { outline-width: 0; } /* New-coomitment */ .mt-n3 { margin-top: -140px; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } img { max-width: 100%; } iframe { border: 0; max-width: 100%; width: 100%; } * { font-family: 'Poppins', sans-serif; font-weight: 400; } h1, h2, h3, h4, h5, h6 { position: relative; color: #303030; margin-top: 0; margin-bottom: 10px; /* font-family: 'Poppins', sans-serif; */ } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 { font-size: 36px; } h2 { font-size: 28px; } h3 { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 12px; } p { font-size: 14px; line-height: 1.5em; color: #999; } p span { font-family: inherit; color: inherit; font-size: inherit; } a { position: relative; color: inherit; text-decoration: none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } ul, ol { list-style: none; padding: 0; margin: 0; } .modal-backdrop.show { opacity: .8 !important; } .menu-toggle { position: relative; display: inline-block; width: 30px; height: 30px; overflow: hidden; display: none; } .menu-toggle span, .menu-toggle:before, .menu-toggle:after { position: absolute; right: 5px; height: 2px; background-color: #666; z-index: 100; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .menu-toggle span { top: 50%; width: 15px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .menu-toggle:before, .menu-toggle:after { content: ''; } .menu-toggle:before { top: 7px; width: 10px; } .menu-toggle:after { bottom: 7px; width: 20px; } .menu-toggle:hover { cursor: pointer; } .menu-toggle:hover span, .menu-toggle:hover:before, .menu-toggle:hover:after { width: 20px; } .menu-toggle--active span { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); visibility: hidden; opacity: 0; } .menu-toggle--active:before, .menu-toggle--active:after { top: 50%; bottom: auto; width: 20px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } .menu-toggle--active:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .menu-toggle--active:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .ps-btn, button.ps-btn { display: inline-block; padding: 11px 40px 9px; border: none; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 25px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; color: #fff; text-transform: uppercase; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; background-color: #ee7560; background-image: -webkit-linear-gradient(-360deg, #44aab8, #44aab8); background-image: linear-gradient(90deg, #44aab8, #44aab8); } /* New-comment */ .button_width { width: 40%; padding: 11px !important; border-radius: 25px !important; } /* New-comment */ .ps-btn i, button.ps-btn i { margin-left: 15px; font-size: 20px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-btn:hover, button.ps-btn:hover { -webkit-box-shadow: 0 6px 15px 0 rgba(36, 36, 38, 0.15); -moz-box-shadow: 0 6px 15px 0 rgba(36, 36, 38, 0.15); -ms-box-shadow: 0 6px 15px 0 rgba(36, 36, 38, 0.15); box-shadow: 0 6px 15px 0 rgba(36, 36, 38, 0.15); color: #fff; } .ps-btn:hover i, button.ps-btn:hover i { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } .ps-btn--lg, button.ps-btn--lg { padding: 20px 60px 20px; line-height: 20px; } .ps-btn--lg i, button.ps-btn--lg i { font-size: 16px; } .ps-btn--sm, button.ps-btn--sm { padding: 10px 32px; line-height: 20px; } .ps-btn--sm i, button.ps-btn--sm i { font-size: 16px; } .ps-btn--xs, button.ps-btn--xs { padding: 6px 20px; font-size: 12px; } .ps-btn--xs i, button.ps-btn--xs i { font-size: 14px; } .ps-btn--fullwidth, button.ps-btn--fullwidth { width: 100%; text-align: center; } #back2top { /* position: fixed; */ bottom: 0; right: 30px; width: 40px; height: 40px; z-index: 10000; background-color: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: 2px solid #ee7560; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; visibility: hidden; opacity: 0; } #back2top i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #ee7560; z-index: 10001; font-size: 20px; } #back2top:hover { cursor: pointer; background-color: #ee7560; } #back2top:hover i { color: #fff; } #back2top.active { bottom: 30px; visibility: visible; opacity: 1; } .ps-social-header a { position: relative; display: block; width: 40px; height: 40px; border-left: 1px solid #eaeaea; color: #000; } .ps-social-header a i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ps-social-header a:hover { background-color: #eaeaea; color: #ff5858; } .ps-social-header li:last-child a { border-right: 1px solid #eaeaea; } .ps-people { margin-bottom: 30px; } .ps-people__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; } .ps-people__thumbnail { position: relative; overflow: hidden; } .ps-people__thumbnail img { width: 100%; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; } .ps-people__thumbnail:hover img { -webkit-transform: scale(1.15, 1.15) rotate(0deg); -moz-transform: scale(1.15, 1.15) rotate(0deg); -ms-transform: scale(1.15, 1.15) rotate(0deg); -o-transform: scale(1.15, 1.15) rotate(0deg); transform: scale(1.15, 1.15) rotate(0deg); } .ps-people__content { background-color: #fff; padding: 28px 28px 30px 28px; text-align: center; } .ps-people__content h4 { font-family: 'Poppins', sans-serif; font-size: 16px; color: #000000; text-transform: uppercase; } .ps-people__content .ps-people__position { font-family: 'Poppins', sans-serif; font-size: 12px; color: #ee7560; } .ps-people__content p { margin-bottom: 15px; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 1.57em; color: #4e3939; } .ps-people .ps-people__social { margin-bottom: 0; display: inline-block; } .ps-people .ps-people__social::after { clear: both; content: ""; display: table; } .ps-people .ps-people__social a { position: relative; display: block; width: 25px; height: 25px; } .ps-people .ps-people__social a i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 18px; } .ps-people .ps-people__social a:hover { color: #ff5858; } .ps-people .ps-people__social li { float: left; margin-right: 25px; } .ps-people--2 { -webkit-box-shadow: 0 -10px 40px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -10px 40px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 -10px 40px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 -10px 40px 0 rgba(0, 0, 0, 0.1); } .ps-product .ps-product__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; z-index: 10; background-color: rgba(255, 255, 255, 0.3); visibility: hidden; opacity: 0; } .home-small-banner-bottom figure, .home-small-banner-bottom h4 { display: inline-block; vertical-align: middle; } .home-small-banner-bottom h4 { width: 86%; padding-left: 10px; } .home-small-banner-bottom { background: #fff8f8; padding: 20px 0; } .home-small-banner-bottom h4 { font-size: 16px; } .ps-product .ps-product__action { display: block; position: absolute; top: 50%; -webkit-transform: translateY(-23%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* width: 100%; */ z-index: 100; visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; left: 12%; } /* @media screen and (max-width:767px) { .ps-product .ps-product__action{ left:35px; } } */ .categories-icon img { height: 120px !important; width: auto !important; margin: auto; } .categories-icon:hover { transition: 0.8s; height: 100px !important; } .categories-icon img:hover { transform: scale(1.1); } .Dis_cla_head { margin-bottom: 15px; font-family: 'Poppins', sans-serif; font-size: 25px; color: #04a0cf; font-weight: 600; } .left { float: left!important; } .rating-left-center { width: 55%; margin-left: 10px; margin-bottom: 7px; border-radius: 10px; background-color: #e5e5e5; height: 8px; } .rating-left-child:nth-child(1) .rating-left-center { background-color: #44aab8; } .rating-left-child { display: flex; align-items: center; } .rating-p { display: flex; } .rating-left p { margin-bottom: 7px !important; } .rating-c1 { width: 100%; margin-left: 20px; } .rating-bottom { border-radius: 7px; padding: 16px; background-color: #F3F3F3; text-align: center; } .rating-para { color: #4D4D4D; font-weight: 600; font-size: 12px; margin-top: 10px; } .des-product { margin-top: 25px; } /* tabs */ .tabs { width: 100%; max-width: 800px; margin: 0 auto; } .tabs__navigation { display: flex; border-bottom: 2px solid #c8c8c8; } .tabs__btn { position: relative; flex: 0 0 50%; border: none; background-color: transparent; font-size: 18px; color: #000; transition: color 0.2s; cursor: pointer; border: none; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 25px; } .tabs__btn.active { color: #fff; font-weight: 400; background-color: #e93793; border-radius: 20px 20px 0px 0px; padding: 10px; border: 0px !important; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 25px; } .tabs__btn:hover { color: grey; font-weight: 500; } .tabs__btn:hover.active { color: #fff; font-weight: 500; } .tabs__content { margin-top: 15px; } .tabs__body { display: none; font-size: 18px; } .tabs__body.active { display: block; } /* tab-end */ /* sticky */ #left { position: sticky; height: 100%; left: 0px; top: 0px; padding: 10px; } #right { height: 100%; } .categories-icon:hover { transition: 0.8s; height: 100px !important; } .categories-icon img:hover { transform: scale(1.1); } .categories-icon h3 { text-align: center; } @media screen and (max-width:767px) { #left { position: static; } #right { height: auto; } .categories-icon img { width: 100px !important; height: 100px !important; } .categories-icon h3 { text-align: center; } .heading h4 { margin-top: 10px; font-size: 14px; padding-left: 3px; } .heading h5 { font-size: 14px; padding-left: 3px; } .categories-icon img { height: 100px !important; } } .ps-product .ps-product__action::after { clear: both; content: ""; display: table; } .ps-product .ps-product__action a { position: relative; display: inline-block; width: 46px; height: 46px; left: 60px; background-color: #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: black; background-image: -webkit-linear-gradient(-360deg, black, black); background-image: linear-gradient(90deg, black, black); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; } .ps-product .ps-product__action a:before, .ps-product .ps-product__action a:after { visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; text-transform: capitalize; } .ps-product .ps-product__action a:before { content: attr(data-tooltip); display: inline-block; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); -o-transform: translate(-50%, -10px); transform: translate(-50%, -10px); font-family: 'Poppins', sans-serif; font-size: 12px; line-height: 30px; color: #fff; min-width: 120px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background-color: #000; } .ps-product .ps-product__action a:after { content: ''; position: absolute; left: 50%; top: -10px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 0; width: 0; border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; border-top: 7.5px solid #000; } .ps-product .ps-product__action a i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(0deg); -moz-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); -o-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); font-size: 18px; line-height: 1em; color: #fff; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 30; } .ps-product .ps-product__action a:hover { background-color: #e93793 /* background-image: -webkit-linear-gradient(-360deg, #ee7560, #ff5858); background-image: linear-gradient(90deg,#ee7560, #ff5858); */ } .stars-90 { width: 90%; color: #e79a1c !important; } /* .stars-container:after { position: absolute; top: 0; left: 0; content: '★★★★★'; color: #e7701c !important; overflow: hidden; } */ .ps-product .ps-product__action a:hover:before, .ps-product .ps-product__action a:hover:after { visibility: visible; opacity: 1; } .ps-product .ps-product__action a:hover i { -webkit-transform: translate(-50%, -50%) rotate(-360deg); -moz-transform: translate(-50%, -50%) rotate(-360deg); -ms-transform: translate(-50%, -50%) rotate(-360deg); -o-transform: translate(-50%, -50%) rotate(-360deg); transform: translate(-50%, -50%) rotate(-360deg); } .ps-product .ps-product__action li { padding: 10px; float: left; width: 25%; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; visibility: hidden; opacity: 0; } .ps-product .ps-product__action li:first-child a:before { left: 0; -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -o-transform: translate(0, -10px); transform: translate(0, -10px); } .ps-product .ps-product__action li:last-child a:before { left: auto; right: 0; -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -o-transform: translate(0, -10px); transform: translate(0, -10px); } .ps-product .ps-product__action li:nth-child(1) { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .ps-product .ps-product__action li:nth-child(2) { -webkit-transform: translateY(75%); -moz-transform: translateY(75%); -ms-transform: translateY(75%); -o-transform: translateY(75%); transform: translateY(75%); } .ps-product .ps-product__action li:nth-child(3) { -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); } .ps-product .ps-product__action li:nth-child(4) { -webkit-transform: translateY(25%); -moz-transform: translateY(25%); -ms-transform: translateY(25%); -o-transform: translateY(25%); transform: translateY(25%); } .ps-product .ps-product__thumbnail { position: relative; } .ps-product .ps-product__thumbnail img { -webkit-transform-style: flat; -moz-transform-style: flat; -ms-transform-style: flat; -o-transform-style: flat; transform-style: flat; } .ps-product .ps-product__thumbnail:hover { cursor: pointer; } .ps-product .ps-product__thumbnail:hover .ps-product__overlay { visibility: visible; opacity: 1; } .ps-product .ps-product__thumbnail:hover .ps-product__action { visibility: visible; opacity: 1; } .ps-product .ps-product__thumbnail:hover .ps-product__action li { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ps-product .ps-product__thumbnail:hover .ps-product__action li:nth-child(1) { -webkit-transition-delay: 0.05s; -moz-transition-delay: 0.05s; transition-delay: 0.05s; } .ps-product .ps-product__thumbnail:hover .ps-product__action li:nth-child(2) { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; } .ps-product .ps-product__thumbnail:hover .ps-product__action li:nth-child(3) { -webkit-transition-delay: 0.15s; -moz-transition-delay: 0.15s; transition-delay: 0.15s; } .ps-product .ps-product__thumbnail:hover .ps-product__action li:nth-child(4) { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .ps-product .ps-product__content { padding: 15px 0; /* text-align: center; */ background: #f8f8f842; /* border-bottom: 1px #ee7560 solid; */ /* border-radius: 0px 0px 10px 10px; */ margin-bottom: 0px; padding: 15px 12px 0px; } /* .ps-product .ps-product__content { background: #e9e9e942; margin-bottom: 20px; padding: 15px 12px; } */ .ps-product .ps-product__title:hover { color: #ff5858; } .ps-product .ps-product__category { display: block; } .ps-product .ps-product__category a { display: inline; padding-right: 10px; font-family: 'Poppins', sans-serif; font-size: 10px; color: #4e3939; text-transform: uppercase; } .ps-product .ps-product__category a:after { content: '-'; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 3px; } .ps-product .ps-product__category a:last-child:after { display: none; } .ps-product .ps-product__category a:hover { color: #ff5858; } .ps-product .ps-product__price { font-family: 'Poppins', sans-serif; font-size: 16px; color: #000000; margin-bottom: 2px; } .ps-product .ps-product__price del { font-size: 12px; color: #777; } @media (max-width: 479px) { .ps-product .ps-product__thumbnail { /* max-width: 70%; */ max-width: 100%; margin: 0 auto 30px; } } .ps-product--list { margin-bottom: 30px; } .ps-product--list::after { clear: both; content: ""; display: table; } .ps-product--list .ps-product__thumbnail, .ps-product--list .ps-product__content { float: left; } .ps-product--list .ps-product__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .ps-product--list .ps-product__thumbnail { width: 150px; position: relative; } .ps-product--list .ps-product__title>a { display: block; margin-bottom: 10px; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 700; color: #000000; text-transform: uppercase; line-height: 1.3em; } .ps-product--list .ps-product__title>a:hover { color: #ff5858; } .ps-product--list .ps-product__content { width: calc(100% - 150px); padding-left: 30px; text-align: left; } .ps-product--list .ps-product__content p { font-family: 'Poppins', sans-serif; font-size: 13px; line-height: 1.7em; color: #4e3939; } .ps-product--list .ps-product__content p.ps-product__price { margin-bottom: 15px; font-family: 'Poppins', sans-serif; font-size: 18px; color: #000000; } .ps-product--list .ps-product__content p.ps-product__price del { font-size: 14px; color: #777; font-weight: 400; margin-right: 5px; } @media (max-width: 479px) { .ps-product--list .ps-product__thumbnail, .ps-product--list .ps-product__content { float: none; width: 100%; } .ps-product--list .ps-product__thumbnail { margin-bottom: 30px; } .ps-product--list .ps-product__thumbnail img { width: 100%; } .ps-product--list .ps-product__content { padding-left: 0; text-align: center; } } .ps-product--list-light .ps-product__title a { color: #ee7560; } .ps-product--list-light .ps-product__title a:hover { color: #fff; } .ps-product--list-light .ps-product__content p { color: #fff; } .ps-product--list-light .ps-product__content p.ps-product__price { color: #fff; } .ps-product--list-light .ps-product__content p.ps-product__price del { color: #8e8e8e; } .ps-product--sidebar::after { clear: both; content: ""; display: table; } .ps-product--sidebar .ps-product__thumbnail { float: left; width: 85px; position: relative; padding: 5px; } .ps-product--sidebar .ps-product__thumbnail:hover .ps-product__overlay { border: 1px solid #ee7560; } .ps-product--sidebar .ps-product__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; border: 1px solid transparent; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-product--sidebar .ps-product__content { float: left; width: calc(100% - 85px); padding-left: 10px; } .ps-product--sidebar .ps-product__title { margin-bottom: 0; font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 700; color: #626262; text-transform: uppercase; } .ps-product--sidebar .ps-product__title:hover { color: #ee7560; } .ps-product--sidebar .ps-product__price { margin-bottom: 15px; font-family: 'Poppins', sans-serif; font-size: 14px; color: #000000; } .ps-product--sidebar .ps-product__price del { font-size: 12px; color: #777; font-weight: 400; margin-right: 5px; } .ps-product--sidebar .ps-btn { padding: 6px 20px 4px; font-size: 10px; line-height: 17px; } .ps-product--list-large { margin-bottom: 50px; } .ps-product--list-large .ps-product__thumbnail { width: 260px; } .ps-product--list-large .ps-product__content { width: calc(100% - 260px); } .ps-product--list-large .ps-product__content p { font-size: 14px; } .ps-product--list-large .ps-product__content p.ps-product__price { font-size: 24px; } .ps-product--list-large .ps-product__content p.ps-product__price del { font-size: 18px; color: #777; } .ps-product--list-large .ps-product__title a { font-size: 24px; } .ps-product--list-large .ps-product__action { margin-bottom: -4px; display: inline-block; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-product--list-large .ps-product__action::after { clear: both; content: ""; display: table; } .ps-product--list-large .ps-product__action a { position: relative; display: block; width: 46px; height: 46px; background-color: #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: black; background-image: -webkit-linear-gradient(-360deg, black, black); background-image: linear-gradient(90deg, black, black); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; } .ps-product--list-large .ps-product__action a:before, .ps-product--list-large .ps-product__action a:after { visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; text-transform: capitalize; } .ps-product--list-large .ps-product__action a:before { content: attr(data-tooltip); display: inline-block; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); -o-transform: translate(-50%, -10px); transform: translate(-50%, -10px); font-family: 'Poppins', sans-serif; font-size: 12px; line-height: 30px; color: #fff; min-width: 120px; background-color: #000; } .ps-product--list-large .ps-product__action a:after { content: ''; position: absolute; left: 50%; top: -10px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 0; width: 0; border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; border-top: 7.5px solid #000; } .ps-product--list-large .ps-product__action a i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(0deg); -moz-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); -o-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); font-size: 18px; line-height: 1em; color: #fff; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 30; } .ps-product--list-large .ps-product__action a:hover { background-color: #ee7560; background-image: -webkit-linear-gradient(-360deg, #ee7560, #ff5858); background-image: linear-gradient(90deg, #ee7560, #ff5858); } .ps-product--list-large .ps-product__action a:hover:before, .ps-product--list-large .ps-product__action a:hover:after { visibility: visible; opacity: 1; } .ps-product--list-large .ps-product__action a:hover i { -webkit-transform: translate(-50%, -50%) rotate(-360deg); -moz-transform: translate(-50%, -50%) rotate(-360deg); -ms-transform: translate(-50%, -50%) rotate(-360deg); -o-transform: translate(-50%, -50%) rotate(-360deg); transform: translate(-50%, -50%) rotate(-360deg); } .ps-product--list-large .ps-product__action li { float: left; margin-right: 15px; text-align: center; } .ps-product--list-large .br-theme-fontawesome-stars .br-widget>a { font-size: 14px !important; } .ps-product--list-large .ps-btn { float: left; margin-bottom: -4px; margin-right: 15px; padding: 13px 35px; vertical-align: middle; } @media (max-width: 767px) { .ps-product--list-large .ps-product__thumbnail { width: 150px; } .ps-product--list-large .ps-product__content { width: calc(100% - 150px); } .ps-product--list-large .ps-product__title a { font-size: 16px; } } @media (max-width: 540px) { .ps-product--list-large .ps-product__thumbnail { text-align: center; } .ps-product--list-large .ps-product__thumbnail img { max-width: 70%; } .ps-product--list-large .ps-product__title a { font-size: 18px; } .ps-product--list-large .ps-product__thumbnail, .ps-product--list-large .ps-product__content { width: 100%; } .ps-product--list-large .ps-product__content { margin-bottom: 10px; text-align: center; } .ps-product--list-large .ps-product__footer .ps-btn { width: calc(100% - 200px); margin-bottom: 10px; } } @media (max-width: 479px) { .ps-product--list-large .ps-product__footer .ps-btn { width: 100%; } } .ps-subscribe h4 { margin-bottom: 10px; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 700; line-height: 1.3em; color: #ffffff; } .ps-subscribe p { margin-bottom: 15px; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 1.7em; font-weight: 400; color: #fff; } .ps-subscribe__logo { display: block; margin: 0 auto; max-width: 120px; } /* .ps-subscribe__highlight { letter-spacing: 1.8px; } */ .ps-subscribe__form { position: relative; } .ps-subscribe__form input { height: 40px; padding: 0 30px; font-family: 'Poppins', sans-serif; font-size: 12px; letter-spacing: 1px; color: #ffffff; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; border-color: #3d3c41; background-color: #3d3c41; } .ps-subscribe__form input::-webkit-input-placeholder { font-family: 'Poppins', sans-serif; font-size: 12px; letter-spacing: 1px; color: #ffffff; } .ps-subscribe__form input::-moz-placeholder { font-family: 'Poppins', sans-serif; font-size: 12px; letter-spacing: 1px; color: #ffffff; } .ps-subscribe__form input:-moz-placeholder { font-family: 'Poppins', sans-serif; font-size: 12px; letter-spacing: 1px; color: #ffffff; } .ps-subscribe__form input:-ms-input-placeholder { font-family: 'Poppins', sans-serif; font-size: 12px; letter-spacing: 1px; color: #ffffff; } .ps-subscribe__form .ps-btn { padding: 10 20px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; } @media (max-width: 767px) { .ps-subscribe { text-align: left; } .ps-subscribe .ps-subscribe__logo { text-align: left; margin-left: 0; margin-bottom: 20px; } .ps-subscribe .ps-subscribe__form .ps-btn { margin-top: 10px; position: relative; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); width: 100%; } } .ps-widget { position: relative; } .ps-widget--footer { margin-bottom: 20px; } .ps-widget--footer .ps-widget__header { margin-bottom: 20px; } .ps-widget--footer .ps-widget__title { font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 1px; color: #000000; } .ps-widget--payment ul a { display: inline-block; margin-bottom: 7px; margin-right: 3px; } .ps-widget--payment ul li { display: inline; } .ps-widget--worktime p { font-family: 'Poppins', sans-serif; color: #949494; } .ps-widget--worktime p strong { display: block; margin-bottom: 10px; font-family: 'Poppins', sans-serif; color: #535353; font-weight: 400; } .ps-widget--connect .ps-widget__social { margin-bottom: 25px; display: block; } .ps-widget--connect .ps-widget__social::after { clear: both; content: ""; display: table; } .ps-widget--connect .ps-widget__social a { position: relative; display: block; width: 25px; height: 25px; } .ps-widget--connect .ps-widget__social a i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 18px; } .ps-widget--connect .ps-widget__social a:hover { color: #ff5858; } .ps-widget--connect .ps-widget__social li { float: left; margin-right: 25px; } .ps-widget--connect p { margin-top: 45px; font-family: 'Poppins', sans-serif; font-size: 12px; line-height: 1.66em; color: #79808e; } .ps-widget--connect p a { color: #ff5858; font-family: inherit; } .ps-widget--sidebar { margin-bottom: 60px; } .ps-widget--sidebar .ps-widget__header { margin-bottom: 25px; } .ps-widget--sidebar .ps-widget__title { font-family: 'Poppins', sans-serif; font-size: 18px; letter-spacing: 2px; color: #505050; text-transform: uppercase; } .ps-widget--search form { position: relative; } .ps-widget--search .form-control { height: 40px; padding: 0 20px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; border: 1px solid #e5e5e5; color: #fff; background-color: #fff; font-family: 'Poppins', sans-serif; font-size: 12px; color: #c4c4c4; } .ps-widget--search .form-control::-webkit-input-placeholder { color: #c4c4c4; } .ps-widget--search .form-control::-moz-placeholder { color: #c4c4c4; } .ps-widget--search .form-control:-moz-placeholder { color: #c4c4c4; } .ps-widget--search .form-control:-ms-input-placeholder { color: #c4c4c4; } .ps-widget--search .form-control:focus { border-color: #ee7560; } .ps-widget--search button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 20px; margin-top: 2px; border: none; background-color: transparent; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-widget--search button:hover { color: #ee7560; } .ps-widget--search input:focus~button { color: #ee7560; } .ps-widget--best-seller .ps-product--sidebar { margin-bottom: 25px; } .ps-testimonial__thumbnail { width: 120px; margin: 0 auto; margin-bottom: 15px; } .ps-testimonial__thumbnail img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: 2px solid #fff; } .ps-testimonial__header p { font-family: 'Poppins', sans-serif; font-size: 14px; text-align: center; color: #3c3c3c; } .ps-testimonial__content p { font-size: 20px; line-height: 1.9em; color: #3c3c3c; } @media (max-width: 767px) { .ps-testimonial__content p { font-size: 14px; } } .ps-testimonial--2 { max-width: 650px; margin: 0 auto; text-align: center; } .ps-testimonial--2 p { font-family: 'Poppins', sans-serif; font-size: 30px; line-height: 1.83em; color: #ffffff; } .ps-testimonial--2 p.author { font-family: 'Poppins', sans-serif; font-size: 20px; text-align: center; color: #ee7560; } .br-theme-fontawesome-stars .br-widget { margin-bottom: 10px; height: auto; } .br-theme-fontawesome-stars .br-widget>a { font-size: 12px !important; color: #ffb727; } .ps-banner .ps-banner__caption { font-family: 'Poppins', sans-serif; font-size: 32px; font-weight: 700; text-align: center; text-transform: uppercase; color: #000000; } .ps-banner .ps-banner__description { font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.75; text-align: center; color: #323232; box-shadow: none; } .carousel-caption { text-shadow: none; } .ps-banner--2 .ps-banner__caption { color: #fff; } .ps-banner--2 .ps-banner__description { color: #fff; } /*home-slider*/ .ps-banner--home-1 { position: relative; margin-top: -80px; } .ps-banner--home-1:before, .ps-banner--home-1:after { content: ''; position: absolute; left: 0; z-index: 10; width: 100%; height: 80px; } /* .ps-banner--home-1:before { top: 5px; background: url(../images/down.png) repeat-x; } */ /* .carousel-item { margin-right: 0px !important; } */ /* .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; background-size: cover; } */ /* .carousel-caption.d-none.d-md-block { display: none !important; } */ div#back2top { display: none; } /* .ps-banner--home-1:after { bottom: 0; background: url(../images/up.png) repeat-x; } */ .m-cdn { display: none; } @media (max-width: 767px) { .ps-banner--home-1 { margin-top: 0px; } .m-cdn { display: block; } /* .m-cdn1{ display: none; } */ } @media (max-width: 1199px) { .ps-banner--home-1 { margin-top: 110px !important; } .ps-banner--home-1 { position: relative; margin-top: 145px; overflow: hidden; width: 100%; height: 160px !important; } .carousel-item img { width: 100%; } } .ps-countdown h4 { margin-bottom: 20px; font-family: 'Poppins', sans-serif; font-size: 26px; color: #000000; } .ps-countdown p { font-family: 'Poppins', sans-serif; font-size: 30px; line-height: 0.93; text-align: center; color: rgba(0, 0, 0, 0.8); text-transform: uppercase; } .ps-countdown p span { font-size: 40px; color: rgb(249 98 90); } @media (max-width: 991px) { .ps-countdown { text-align: center; } .ps-countdown img { max-width: 100%; } .ps-countdown header { margin-top: 30px; } .ps-countdown header p { line-height: 1.5em; } } .ps-countdown__time { margin-bottom: 20px; list-style: none; display: inline-block; display: block; text-align: center; } .ps-countdown__time::after { clear: both; content: ""; display: table; } .ps-countdown__time li { padding-right: 10px; margin-right: 10px; display: inline-block; font-family: 'Poppins', sans-serif; font-size: 50px; text-align: center; color: rgba(78, 57, 57, 0.8); vertical-align: top; } .ps-countdown__time li span { font-size: 40px; text-align: center; color: rgba(78, 57, 57, 0.8); } .ps-countdown__time li p { display: block; font-family: 'Poppins', sans-serif; font-size: 18px; color: #716161; text-transform: uppercase; } @media (max-width: 1199px) { .ps-countdown__time { width: auto; } .ps-countdown__time li { font-size: 50px; } } @media (max-width: 991px) { .ps-countdown__time { margin-bottom: 30px; } .ps-countdown__time li, .ps-countdown__time li>span { font-size: 50px; } } @media (max-width: 767px) { .ps-countdown__time li, .ps-countdown__time li>span { font-size: 20px; } } @media (max-width: 479px) { .ps-countdown__time li, .ps-countdown__time li>span { margin-right: 0; font-size: 14px; } .ps-countdown__time li p, .ps-countdown__time li>span p { font-size: 12px; } } .ps-product-special--2 .ps-cake-list { max-width: 180px; position: relative; top: 40px; } .ps-product-special--2 .ps-cake-list:before { height: 90%; width: 1px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ps-product-special--2 .ps-cake-list .ps-cake { margin: 10px; } .ps-product-special--2 .ps-cake-list .slick-current .ps-cake { border-color: #ee7560; } .ps-product-special--2 .ps-cake-list .slick-current .ps-cake:before { opacity: 0; } .ps-product-special--2 .ps-cake-detail { position: relative; } .ps-product-special--2 .ps-cake-detail:before { content: ''; position: absolute; top: 0; right: 100%; height: 0; width: 0; border-bottom: 10px solid transparent; border-right: 10px solid #fff; border-top: 10px solid transparent; } .ps-product-special--2 .ps-cake--detail { margin: 20px; } .ps-product-special--2 .ps-cake--detail .ps-badge { -webkit-transform: translate(-30px, -30px); -moz-transform: translate(-30px, -30px); -ms-transform: translate(-30px, -30px); -o-transform: translate(-30px, -30px); transform: translate(-30px, -30px); } @media (max-width: 991px) { .ps-product-special--2 .ps-cake-list { margin-bottom: 50px; max-width: 100%; } .ps-product-special--2 .ps-cake-list:before { display: none; } } .ps-award { margin-bottom: 40px; } .ps-award__icon { width: 100px; margin: 0 auto 20px; } .ps-award__content { text-align: center; } .ps-award__content h3 { margin-bottom: 0; font-family: 'Poppins', sans-serif; font-size: 18px; color: #000000; } .ps-award__content span { margin-bottom: 20px; display: block; font-family: 'Poppins', sans-serif; font-size: 14px; font-style: italic; color: #505050; } .ps-award__content p { font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 1.57em; color: #4e3939; } .ps-award__content .ps-btn { margin-top: 20px; } .ps-badge { position: absolute; top: 0; left: 0; width: 60px; height: 60px; z-index: 1000; background: url("../images/badge-2.png") no-repeat; background-size: cover; background-position: 50% 50%; } .ps-product { padding: 8px 8px; } .ps-product:hover { box-shadow: 0px 1px 5px #00000029 !important; } a.ps-product__title { color: #ea3e97; font-weight: 600; } .ps-badgebest { position: absolute; top: 5px; right: 5px; /* width: 95px; */ height: 20px; z-index: 99; background: #318f0b; color: #fff; font-size: 12px; padding: 2px 7px; border-radius: 13px; } .ps-badge span { display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-15deg); -moz-transform: translate(-50%, -50%) rotate(-15deg); -ms-transform: translate(-50%, -50%) rotate(-15deg); -o-transform: translate(-50%, -50%) rotate(-15deg); transform: translate(-50%, -50%) rotate(-15deg); font-family: 'Poppins', sans-serif; font-size: 16px; color: #fff; } .ps-badge--new { right: 0; left: auto; background: url("../images/badge-1.png") no-repeat; background-size: cover; background-position: 50% 50%; } .ps-badge--large { width: 90px; height: 90px; } .ps-badge--large span { font-size: 24px; } .modal-popup { position: relative; max-width: 1000px; width: 100%; background-color: #fff; margin: 0 auto; padding: 30px; } @media (max-width: 991px) { .modal-popup { max-width: 750px; } } @media (max-width: 767px) { .modal-popup { max-width: calc(100% - 50px); } } @media (max-width: 479px) { .modal-popup { display: none; } } .modal-close { display: block; position: absolute; top: 0; right: 0; -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); width: 50px; height: 50px; background-color: #bcbcbc; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; border: none; } .modal-close:hover, .modal-close:focus, .modal-close:active { background-color: #ff5858; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; outline: none; border: none; } .modal-close i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 20px; } .mfp-zoom-out .mfp-with-anim { opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } .mfp-zoom-out.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .mfp-zoom-out.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .mfp-zoom-out.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-out.mfp-removing .mfp-with-anim { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); opacity: 0; } .mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; } .ps-new { position: relative; margin-bottom: 30px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; overflow: hidden; } .ps-new img { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-new__container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; padding: 20px 30px; background-color: rgba(41, 32, 60, 0.75); } .ps-new__header p { font-family: 'Poppins', sans-serif; font-size: 16px; color: #fff; } .ps-new__header p a { color: #e75e4e; } .ps-new__header p a:hover { color: #fff; } .ps-new__title { font-family: 'Poppins', sans-serif; font-size: 20px; line-height: 2em; color: #fff; } .ps-new__title:hover { color: #ff5858; } .ps-new__content p { margin-bottom: 15px; font-family: Poppins; font-size: 14px; line-height: 1.57; color: #fff; } .ps-new:hover { cursor: default; } .ps-new:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .ps-new:hover .ps-new__title { color: #ff5858; } @media (max-width: 1199px) { .ps-new__container { margin-top: 20px; position: relative; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @media (max-width: 991px) { .ps-new img { width: 100%; } } @media (max-width: 479px) { .ps-new__header p { font-size: 12px; } } .ps-new--large .ps-new__header p { margin-bottom: 100px; } .ps-new--large .ps-new__title { margin-bottom: 10px; font-size: 36px; line-height: 1.56em; } .ps-new--large .ps-new__content p { margin-bottom: 35px; } @media (max-width: 1199px) { .ps-new--large .ps-new__header p { margin-bottom: 10px; } .ps-new--large .ps-new__title { margin-bottom: 10px; font-size: 20px; line-height: 1.56em; } .ps-new--large .ps-new__title br { display: none; } .ps-new--large .ps-new__content p { margin-bottom: 10px; } .ps-new--large .ps-new__content p br { display: none; } } .ps-section__header p { font-family: 'Poppins', sans-serif; font-size: 14px; color: #4e3939; } .ps-section__top { display: block; margin-bottom: 5px; /* font-family: "Pacifico", cursive; */ font-size: 14px; color: #ea3e97 !important; } .ps-section__title { position: relative; /* font-family: 'Poppins', sans-serif; */ font-size: 35px; color: #000; text-transform: uppercase; font-family: 'Poppins', sans-serif; } .ps-section__title--full { display: inline-block; position: relative; padding: 0 20px; } .ps-section__title--full:before, .ps-section__title--full:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 60px; height: 3px; background-color: #e9e9e9; z-index: 10; } .ps-section__title--full:before { right: 100%; } .ps-section__title--full:after { left: 100%; } .ps-section__title--left { display: inline-block; padding-right: 20px; } .ps-section__title--left:before { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 100%; width: 100px; height: 20px; background-color: #e9e9e9; z-index: 10; } @media (max-width: 767px) { .ps-section__title--full:before, .ps-section__title--full:after { display: none; } .ps-section .ps-section__top { font-size: 14px; } .ps-section .ps-section__title { font-size: 30px; } } @media (max-width: 479px) { .ps-section__title--left:before { display: none; } } .ps-section--team { background-color: #fff; } .ps-section--team .ps-section__title { margin-bottom: 40px; } .ps-section--team .ps-section__header p { margin-bottom: 25px; } .ps-section--team .ps-list--dot { margin-bottom: 35px; } @media (max-width: 1199px) { .ps-section--team .ps-section__title:before { display: none; } } @media (max-width: 991px) { .ps-section--team .ps-section__header { margin-bottom: 50px; } .navigation__right { margin-bottom: 0px !important; } } @media (max-width: 767px) { .ps-section--team .ps-section__content .col-xs-12 { width: 50%; } } @media (max-width: 479px) { .ps-section--team .ps-section__content .col-xs-12 { width: 100%; } } .ps-section--news .ps-section__header { margin-bottom: 50px; } .ps-section--list-product .ps-section__header { margin-bottom: 50px; } .ps-section--subscribe { background-color: #282c2f; } .ps-section--partner { padding: 10px; background-color: #f5f3f0; } @media (max-width: 1400px) { .ps-section--best-seller .owl-nav { display: none; } } .ps-section--award { margin-top: -40px; background-color: #f5f3f0; position: relative; } .ps-section--team-2 { background-color: #fff; } .ps-section--pattern { background-color: #f5f3f0; position: relative; } .ps-section--pattern:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; z-index: 0; background: url("../images/pattern-2.png"); } .ps-section--pattern .ps-countdown { position: relative; z-index: 10; } .loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 1000000; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loader:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 0; width: 0; box-sizing: border-box; border: 0 solid #FE665C; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); -moz-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); } .loader.active { visibility: hidden; opacity: 0; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; } .loader.active:before { visibility: hidden; opacity: 0; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; } /*------------------------------------* #Skrollr plugin \*------------------------------------*/ #skrollr-body { height: 100%; overflow: visible; position: relative; z-index: 2; } .skrollr-parallax { position: fixed; z-index: 1; top: -100%; left: 0; width: 100%; height: 100%; overflow: hidden; } .no-skrollr .skrollr-parallax { display: none !important; } .skrollr-parallax__image { display: none; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .skrollr-parallax__image.skrollable-between { display: block; } /*------------------------------------* #Parallax-section \*------------------------------------*/ .parallax { position: relative; display: table; vertical-align: middle; width: 100%; height: 100%; background: #ccc center no-repeat; background-size: cover; overflow: hidden; } /* When Skrollr plugin is active remove bg image and reset bg property */ .skrollr .parallax { background: transparent !important; /* !important override inline style */ } /** * Parallax-section body centered */ .parallax__body { /* centering */ display: table-cell; vertical-align: middle; text-align: center; } /** * Parallax-section title */ .parallax__title { font-size: 60px; line-height: 1; color: #fff; text-align: center; max-width: 800px; margin: 20px auto; } /** * Parallax-section background images */ .parallax--img-cat1 { background-image: url(http://lorempixel.com/1600/1400/cats/1); } .parallax--img-cat2 { background-image: url(http://lorempixel.com/1600/1400/cats/2); } .ps-mobile-nav { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999999; padding: 30px 0 5px; background: url(../images/action-mobile.png) repeat-x; background-position: 0 100%; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-mobile-nav.active { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ps-list--footer { text-align: center; } .ps-list--footer li { display: inline-block; margin-right: 30px; } .ps-list--footer li:last-child { margin-right: 0; } .ps-list--footer a { color: #000; font-size: 14 ppx; } .ps-list--footer a i { display: block; margin-bottom: 10px; font-size: 20px; } .ps-list--footer .ps-search-btn { border-right: none; } .ps-list--footer .ps-search-btn i { margin-bottom: 0; position: relative; top: 0; left: 0; display: inline-block; text-align: center; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .ps-list--footer .ps-cart-count { display: inline-block; position: relative; } .ps-list--footer .ps-cart-count .quantity { position: absolute; top: -10px; right: -10px; width: 20px; height: 20px; font-size: 10px; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #ee7560; background-image: -webkit-linear-gradient(-360deg, #ee7560, #ff5858); background-image: linear-gradient(90deg, #ee7560, #ff5858); } .ps-list--footer .ps-cart-count .quantity i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 10px; font-style: normal; color: #fff; } /* 3. COMPONENTS**************/ .navigation { position: relative; padding: 20px 0; } .navigation::after { clear: both; content: ""; display: table; } .navigation__left { float: left; } .navigation__right { float: right; } .navigation__right::after { clear: both; content: ""; display: table; } .navigation__right .menu { float: left; } .navigation__right .ps-cart { margin-left: 20px; float: right; } .sub-menu { min-width: 200px; position: absolute; top: 100%; left: 50%; z-index: 1000; padding-top: 10px; background-color: #fff; -webkit-transform: translate(-50%, 30px); -moz-transform: translate(-50%, 30px); -ms-transform: translate(-50%, 30px); -o-transform: translate(-50%, 30px); transform: translate(-50%, 30px); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2); } .sub-menu:before { position: absolute; bottom: 100%; left: 0; right: 0; margin: 0 auto; z-index: 10; height: 0; width: 0; border-bottom: 7.5px solid #fff; border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; } .sub-menu>li { position: relative; display: block; margin-right: 0; width: 100%; padding: 0 20px 0 30px; } .sub-menu>li>a { display: inline-block; font-family: 'Poppins', sans-serif; padding: 8px 0px; width: 100%; font-size: 12px; text-transform: uppercase; color: #3c3c3c; } .sub-menu>li>a:before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; content: ''; width: 0; height: 1px; background-color: #ff5858; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .sub-menu>li>a:hover { padding-left: 25px; color: #ff5858; } .sub-menu>li>a:hover:before { width: 20px; } .sub-menu>li>.sub-menu { position: absolute; top: 0; left: auto; right: 100%; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); visibility: hidden; opacity: 0; } .sub-menu>li>.sub-menu:before { display: none; } .sub-menu>li.menu-item-has-children:hover>.sub-menu { visibility: visible; opacity: 1; } .sub-menu>li.end-block { border-bottom: 1px solid #ebebeb; } .sub-menu>li.try-theme { border-top: 1px solid #ebebeb; } .sub-menu>li.try-theme>a { padding: 15px 0; } .sub-menu>li.try-theme>a:before { display: none; } @media (max-width: 1199px) { .sub-menu { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .sub-menu>li.menu-item-has-children>a:after { content: "\e900"; font-family: 'ps-icon' !important; position: absolute; top: 50%; right: 10px; font-size: 10px; z-index: 10; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .sub-menu>li>.sub-menu { position: relative; top: 0; right: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .sub-menu>li>.sub-menu>li>a { background-color: #f7f7f7; padding-left: 30px; } } .menu::after { clear: both; content: ""; display: table; } .menu>li { display: inline-block; position: relative; float: left; margin-right: 10px; } .menu>li>a { display: inline-block; padding: 9px 8px 7px; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 500; line-height: 15px; text-transform: uppercase; color: #303030; border: 2px solid transparent; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; border-radius: 35px; } .menu>li>a:hover { color: #ff5858; border-color: #ee7560; } .menu>li>.sub-menu { visibility: hidden; opacity: 0; } .menu>li.current>a { color: #ee7560; border-color: #ee7560; } .menu>li.menu-item-has-children>a:after { content: "\e900"; font-family: 'ps-icon' !important; position: absolute; top: 50%; right: 10px; font-size: 10px; z-index: 10; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .menu>li:last-child { margin-right: 0; } .menu>li:hover>.sub-menu { visibility: visible; opacity: 1; -webkit-transform: translate(-50%, 10px); -moz-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); -o-transform: translate(-50%, 10px); transform: translate(-50%, 10px); } @media (max-width: 1199px) { .menu.active { visibility: visible; opacity: 1; } .menu>li { display: inline-block; float: none; width: 100%; } .menu>li>a { width: 100%; padding: 10px 15px; font-size: 14px; line-height: 20px; border-bottom: 1px solid #eee; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .menu>li>a:hover, .menu>li>a:active { border: none; border-bottom: 1px solid #eee; } .menu>li .sub-menu { visibility: visible; opacity: 1; } .menu>li.current>a { border: none; border-bottom: 1px solid #ffbebe; } .menu>li:hover .sub-menu { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .menu .sub-menu { position: relative; padding: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 0s ease; -moz-transition: all 0s ease; transition: all 0s ease; display: none; } .menu .sub-menu:before { display: none; } .menu .sub-menu>li { padding: 0; border-bottom: 1px solid #eee; } .menu .sub-menu>li>a { padding: 10px 15px; } .menu .sub-menu>li>a:before { display: none; } .menu .sub-menu>li:last-child { border-bottom: 0; } } .owl-slider--best-seller { position: relative; } .ps-cart { position: relative; display: inline-block; } /* .ps-cart__listing { position: absolute; top: 100%; left: 50%; -webkit-transform: translate(-50%, 30px); -moz-transform: translate(-50%, 30px); -ms-transform: translate(-50%, 30px); -o-transform: translate(-50%, 30px); transform: translate(-50%, 30px); width: 300px; background-color: #fff; z-index: 100; -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; visibility: hidden; opacity: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } */ .ps-cart__listing { position: absolute; top: 100%; right: -163px; /* -webkit-transform: translate(-50%, 30px); */ -moz-transform: translate(-50%, 30px); -ms-transform: translate(-50%, 30px); -o-transform: translate(-50%, 30px); /* transform: translate(-50%, 30px); */ width: 300px; background-color: #fff; z-index: 999999; -webkit-box-shadow: 0 10px 30px 0 rgb(0 0 0 / 20%); -moz-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 10px 30px 0 rgb(0 0 0 / 20%); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; visibility: hidden; opacity: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; left: auto; } /* .ps-cart__listing:before { content: ''; position: absolute; bottom: 100%; left: 0; right: 0; margin: 0 auto; z-index: 10; height: 0; width: 0; border-bottom: 7.5px solid #fff; border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; } */ .ps-cart__content { padding-top: 20px; } .ps-cart__total { border-top: 1px solid #161515; padding: 15px; } .delivertto { font-size: 11px; font-weight: 600; border: 1px #e3dedd solid; border-radius: 4px; padding: 4px; text-align: center; background: #f7f5f5; } .ps-cart__total p { font-family: 'Poppins', sans-serif; font-size: 13px; color: #5e6977; } .ps-cart__total p span { float: right; } .ps-cart__toggle { display: inline-block; width: 40px; height: 40px; background-color: #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.15s ease-out 0s; -moz-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; } .ps-cart__toggle i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 20px; color: #fff; } .ps-cart__toggle span { position: absolute; top: -5px; right: -5px; width: 20px; height: 20px; font-size: 10px; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #ee7560; background-image: -webkit-linear-gradient(-360deg, #ee7560, #ff5858); background-image: linear-gradient(90deg, #ee7560, #ff5858); } .ps-cart__toggle span i { font-size: 10px; font-style: normal; } .ps-cart__toggle:hover { background-color: #ff5858; } .ps-cart .ps-cart__footer { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .ps-cart .ps-btn--view-bag { padding: 17px 40px; width: 100%; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; text-align: center; } .ps-cart:hover .ps-cart__listing { visibility: visible; opacity: 1; -webkit-transform: translate(-50%, 5px); -moz-transform: translate(-50%, 5px); -ms-transform: translate(-50%, 5px); -o-transform: translate(-50%, 5px); transform: translate(-50%, 5px); } @media (max-width: 1400px) { .ps-cart { position: relative; } .ps-cart .ps-cart__listing { left: auto; right: 0; -webkit-transform: translate(0, 30px); -moz-transform: translate(0, 30px); -ms-transform: translate(0, 30px); -o-transform: translate(0, 30px); transform: translate(0, 30px); } .ps-cart .ps-cart__listing:before { display: none; } .ps-cart:hover .ps-cart__listing { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @media (max-width: 679px) { .ps-cart .ps-cart__listing { width: 300px; right: -125px; } } .ps-cart-listing__remove { position: relative; display: inline-block; background-color: #f1f1f1; width: 30px; height: 30px; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .ps-cart-listing__remove:before, .ps-cart-listing__remove:after { content: ''; position: absolute; top: 50%; left: 50%; width: 15px; height: 2px; background-color: #b1b1b1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-cart-listing__remove:before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .ps-cart-listing__remove:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .ps-cart-listing__remove:hover { background-color: #ee7560; } .ps-cart-listing__remove:hover:before, .ps-cart-listing__remove:hover:after { background-color: #fff; } .ps-cart-item { margin-bottom: 15px; padding: 0 8px 9px; border-bottom: 1px solid #060606; position: relative; } .ps-cart-item::after { clear: both; content: ""; display: table; } .ps-cart-item__thumbnail { float: left; width: 60px; } .ps-cart-item__content { float: left; width: calc(100% - 80px); padding-left: 15px; } .ps-cart-item__content p { font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 1.43; color: #666666; } .ps-cart-item__content p span { margin-right: 25px; } .ps-cart-item__content p i { font-style: normal; color: #000000; margin-left: 8px; } .ps-cart-item__title { display: block; margin-bottom: 10px; font-family: 'Poppins', sans-serif; font-size: 13px; line-height: 1.5em; color: #000000; } .ps-cart-item__title:hover { color: #ff5858; } .ps-cart-item .ps-cart-item__close { display: block; position: absolute; top: 0px; right: 15px; width: 16px; height: 16px; background-color: #c2c2c2; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; z-index: 1000; } .ps-cart-item .ps-cart-item__close:before, .ps-cart-item .ps-cart-item__close:after { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 1px; background-color: #fff; -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .ps-cart-item .ps-cart-item__close:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .ps-cart-item .ps-cart-item__close:hover { background-color: #000; } .ps-cart-item:last-child { border-bottom: none; } .ps-cart-listing .ps-product--cart::after { clear: both; content: ""; display: table; } .ps-cart-listing .ps-product--cart img { width: 100px; float: left; } .ps-cart-listing .ps-product--cart a { padding-left: 10px; position: relative; display: block; top: 50px; float: left; vertical-align: middle; width: calc(100% - 100px); font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.5; text-align: left; color: #515356; text-transform: uppercase; } .ps-cart-listing .ps-product--cart a:hover { color: #ee7560; } .ps-cart-listing .ps-cart-listing__remove { position: relative; display: block; background-color: #f1f1f1; width: 30px; height: 30px; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .ps-cart-listing .ps-cart-listing__remove:before, .ps-cart-listing .ps-cart-listing__remove:after { content: ''; position: absolute; top: 50%; left: 50%; width: 15px; height: 2px; background-color: #b1b1b1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-cart-listing .ps-cart-listing__remove:before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .ps-cart-listing .ps-cart-listing__remove:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .ps-cart-listing .ps-cart-listing__remove:hover { background-color: #ee7560; } .ps-cart-listing .ps-cart-listing__remove:hover:before, .ps-cart-listing .ps-cart-listing__remove:hover:after { background-color: #fff; } .ps-cart-listing .table>thead>tr>th { font-family: 'Poppins', sans-serif; font-size: 14px; letter-spacing: 1.4px; color: #515356; text-transform: uppercase; } .ps-cart-listing .table>tbody>tr>td { vertical-align: middle; } .ps-cart-listing .ps-cart__process { border-top: solid 1px #f1f1f1; padding-top: 60px; } .ps-cart-listing .ps-cart__promotion { max-width: 220px; } .ps-cart-listing .ps-cart__promotion input { height: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; background: none; border-color: #d9d9d9; } .ps-cart-listing .ps-cart__total { border-top: none; max-width: 290px; margin-left: auto; margin-right: 0; } .ps-cart-listing .ps-cart__total p { margin-bottom: 30px; font-family: 'Poppins', sans-serif; font-size: 14px; letter-spacing: 1px; color: #515356; } .ps-cart-listing .ps-cart__total p span { font-size: 24px; } .ps-cart-listing .ps-cart__shopping { display: inline-block; padding: 0px 40px; height: 40px; min-width: 290px; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 20px; color: #000; border: 1px solid #d9d9d9; text-transform: uppercase; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; background-color: transparent; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-cart-listing .ps-cart__shopping:hover { -webkit-box-shadow: 0 6px 15px 0 rgba(36, 36, 38, 0.15); -moz-box-shadow: 0 6px 15px 0 rgba(36, 36, 38, 0.15); -ms-box-shadow: 0 6px 15px 0 rgba(36, 36, 38, 0.15); box-shadow: 0 6px 15px 0 rgba(36, 36, 38, 0.15); } @media (max-width: 1199px) { .ps-cart-listing table>tbody>tr>td { min-width: 250px; } .ps-cart-listing table>tbody>tr>td:first-child { min-width: 350px; } .ps-cart-listing table>tbody>tr>td:last-child { min-width: 100px; } } @media (max-width: 767px) { .ps-cart-listing .ps-cart__total { margin-left: 0; margin-top: 20px; } } .ps-whish-list h3 { margin-bottom: 30px; font-family: 'Poppins', sans-serif; font-weight: 400; text-transform: uppercase; } .ps-whish-list img { max-width: 80px; } .ps-whish-list .table>thead>tr>th { text-align: center; font-family: 'Poppins', sans-serif; font-size: 14px; letter-spacing: 1.4px; color: #515356; text-transform: uppercase; } .ps-whish-list .table>tbody>tr { text-align: center; } .ps-whish-list .table>tbody>tr>td { vertical-align: middle; } .ps-whish-list .table>tbody>tr>td a { color: #ff5858; } .ps-whish-list .table>tbody>tr>td a:hover { color: #000; } .ps-compare h3 { margin-bottom: 30px; font-family: 'Poppins', sans-serif; font-weight: 400; text-transform: uppercase; } .ps-compare .table>tbody>tr>td { text-align: center; border: 1px solid #eee; padding: 12px; } .ps-compare .table>tbody>tr>td img { max-width: 80px; } .ps-compare .table>tbody>tr>td a { color: #ff5858; } .ps-compare .table>tbody>tr>td a:hover { color: #000; } .ps-compare .table>tbody>tr>td:first-child { min-width: 120px; width: 200px; text-align: right; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight: 14px; background-color: #f7f7f7; vertical-align: middle; } .ps-compare .table>tbody>tr:last-child td { border-bottom: 1px solid #eee; } .ps-checkout__billing h3, .ps-checkout__order h3 { margin-bottom: 25px; font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 1.2em; letter-spacing: 0.7px; text-transform: uppercase; color: #000000; } .ps-checkout__billing { margin-bottom: 30px; } .ps-checkout__billing .form-group::after { clear: both; content: ""; display: table; } .ps-checkout__billing .form-group label { float: left; margin-top: 15px; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 1.57em; font-weight: 400; color: #000000; } .ps-checkout__billing .form-group label span { margin-left: 5px; color: #ff5858; } .ps-checkout__billing .form-group .form-control { float: right; max-width: 570px; } @media (max-width: 767px) { .ps-checkout__billing .form-group label, .ps-checkout__billing .form-group .form-control { float: none; width: 100%; max-width: 100%; } } .ps-checkout__order { padding: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background-color: #f5f3f0; } .ps-checkout__order h3 { padding-bottom: 20px; border-bottom: 1px solid #d9d9d9; } .ps-checkout__order table thead tr th { border: none; } .ps-checkout__order table tbody tr td { padding: 5px; border: none; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 1.2em; color: #31363d; } .ps-checkout__order p { font-family: 'Poppins', sans-serif; font-size: 12px; color: #6d6d6d; } .ps-checkout__order .ps-btn { padding: 13px 40px 12px; text-align: center; width: 100%; } .ps-search-btn { position: relative; display: block; height: 40px; width: 40px; float: right; border-right: 1px solid #eaeaea; } .ps-search-btn i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 14px; color: #000; } .ps-search-btn:hover i { color: #ff5858; } .ps-searchbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; padding-top: 50px; overflow-y: scroll; background-color: rgb(38 38 38 / 90%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); visibility: hidden; opacity: 0; } .ps-searchbox__remove { position: absolute; top: 20px; right: 20px; width: 50px; height: 50px; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; cursor: pointer; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-searchbox__remove i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 20px; color: #ee7560; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-searchbox__remove:hover { background-color: #ff5858; } .ps-searchbox__remove:hover i { color: #fff; } .ps-searchbox header p { font-family: 'Poppins', sans-serif; font-size: 20px; color: #ffffff; font-weight: 400; letter-spacing: .05em; } .ps-searchbox form { position: relative; margin-bottom: 30px; } .ps-searchbox form input.form-control { background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border-bottom: 2px solid #767676; font-family: 'Poppins', sans-serif; font-size: 20px; color: #fff; letter-spacing: .1em; } .ps-searchbox form input.form-control:focus { border-color: #ee7560; } .ps-searchbox form button { background: none; border: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .ps-searchbox form button i { font-size: 30px; color: #fff; } .ps-searchbox__morelink { position: relative; display: inline-block; font-family: 'Poppins', sans-serif; font-size: 14px; color: #ffffff; text-transform: uppercase; line-height: 1.5em; } .ps-searchbox__morelink:before { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background-color: #ee7560; } .ps-searchbox__morelink:hover { color: #ee7560; } .ps-searchbox.active { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } @media (max-width: 767px) { .ps-searchbox { padding-bottom: 30px; } .ps-searchbox__remove { top: 10px; right: 10px; width: 30px; height: 30px; } .ps-searchbox__remove i { font-size: 14px; } } .nice-select { position: relative; padding: 0 30px; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 400; height: 45px; line-height: 45px; outline: none; border: solid 1px #d9d9d9; background-color: #fff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-border-radius: 45px; -moz-border-radius: 45px; -ms-border-radius: 45px; border-radius: 45px; cursor: pointer; } .nice-select .current { text-transform: uppercase; } .nice-select .list { width: 100%; } .nice-select:after { content: "\f107"; font-family: FontAwesome; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 15px; } .nice-select:hover { border-color: #dbdbdb; } .nice-select:active, .nice-select:focus { border-color: #999; } .nice-select.open:after { content: "\f106"; } .nice-select.open .list { opacity: 1; pointer-events: auto; transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: #fff; border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; transform-origin: 50% 0; transform: scale(0.75) translateY(-21px); transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } .ps-shop-filter { margin-top: 70px; margin-bottom: 45px; } .ps-shop-filter .form-group { width: 100%; } .ps-shop-filter .form-group::after { clear: both; content: ""; display: table; } .ps-shop-filter .form-group label { float: left; margin-bottom: 0; margin-right: 25px; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 400; line-height: 45px; text-transform: uppercase; color: #505050; } .ps-shop-filter .form-group .ps-select { float: left; display: inline-block; min-width: 170px; background-color: #fff; border-color: #dedede; text-transform: uppercase; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; } @media (max-width: 991px) { .ps-shop-filter .form-group label { display: none; float: none; font-size: 12px; line-height: 30px; } .ps-shop-filter .form-group .ps-select { width: 100%; float: none; } } @media (max-width: 767px) { .ps-shop-filter .col-xs-12 { width: 50%; } .ps-shop-filter .col-xs-12:last-child { width: 100%; } .ps-shop-filter .ps-select { width: 100%; } } @media (max-width: 640px) { .ps-shop-filter .col-xs-12 { width: 100%; } .ps-shop-filter .ps-shop-switch { float: right; } } .ps-shop-switch { display: inline-block; float: right; } .ps-shop-switch::after { clear: both; content: ""; display: table; } .ps-shop-switch li { float: left; } .ps-shop-switch li a { display: block; position: relative; width: 50px; height: 50px; border: solid 1px #d9d9d9; } .ps-shop-switch li a i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 16px; } .ps-shop-switch li:first-child a { border-right: 0; } .ps-shop-switch li:hover a, .ps-shop-switch li.active a { color: #ee7560; } @media (max-width: 767px) { .ps-shop-switch { width: 100px; } } @media (max-width: 767px) { .ps-shop-features .col-xs-12 { width: 50%; } } @media (max-width: 479px) { .ps-shop-features .col-xs-12 { width: 100%; } } .ps-contact .ps-contact__submit { padding: 13px 60px 12px; } .ps-contact #contact-map { height: 400px; } .ps-contact__block { margin-bottom: 30px; } .ps-contact__block h4 { margin-bottom: 15px; font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 1em; letter-spacing: 0.2px; font-weight: 400; color: #626262; } .ps-contact__block p { margin-bottom: 15px; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 1.14em; letter-spacing: 0.2px; color: #b2b2b2; } .ps-contact__block p strong { font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 1.2em; letter-spacing: 0.2px; color: #626262; text-transform: uppercase; font-weight: 400; } .ps-contact__block p i { margin-right: 10px; } .ps-contact__social::after { clear: both; content: ""; display: table; } .ps-contact__social a { color: #b2b2b2; } .ps-contact__social a:hover { color: #ee7560; } .ps-contact__social li { float: left; margin-right: 25px; } .ps-error { height: 100vh; position: relative; } .ps-error__content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } .ps-error__content h1 { font-family: 'Poppins', sans-serif; font-size: 144px; font-weight: 700; letter-spacing: 10px; color: #ffffff; } .ps-error__content h3 { margin-bottom: 35px; font-family: 'Poppins', sans-serif; font-size: 36px; color: #ffffff; text-transform: uppercase; } .ps-error__content p { font-family: 'Poppins', sans-serif; font-size: 24px; color: #c9c9c9; } .ps-error__content .ps-btn { margin-top: 50px; } @media (max-width: 479px) { .ps-error .ps-error__content h1 { font-size: 50px; } .ps-error .ps-error__content h3 { margin-bottom: 10px; font-size: 20px; } .ps-error .ps-error__content p { font-size: 14px; } .ps-error .ps-error__content .ps-btn { margin-top: 0; } } /* 4. MODULES */ .header { position: relative; z-index: 100; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .header__top { border-bottom: 1px solid #eaeaea; } .header__top p { margin-bottom: 0; font-family: 'Poppins', sans-serif; font-size: 12px; line-height: 40px; color: #000; } .header .ps-logo { display: block; width: 150px; position: absolute; top: 0px; left: -10%; right: 0; margin: 0 auto; z-index: 100; } .header__social { float: right; margin-bottom: -4px; } .header .ps-dropdown { float: right; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } .header .ps-dropdown>a { display: inline-block; padding: 0 4px; font-family: 'Poppins', sans-serif; color: #000; font-size: 11px; line-height: 40px; text-transform: uppercase; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .header .ps-dropdown>a i { margin-left: 5px; } .header .ps-dropdown>a:hover, .header .ps-dropdown>a:active { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; background-color: #ee7560; color: #fff; } .header .ps-dropdown>a:last-child { border-right: 1px solid #4a4a4a; } .header .ps-dropdown ul.dropdown-menu { padding: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 4px solid rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px solid rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 4px solid rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px solid rgba(0, 0, 0, 0.2); } .header .ps-dropdown ul.dropdown-menu li { border-bottom: 1px solid #eee; } .header .ps-dropdown ul.dropdown-menu li a { font-size: 12px; padding: 10px 10px; line-height: 15px; text-transform: uppercase; } .header .ps-dropdown ul.dropdown-menu li a:hover { color: #fff; background-color: #ee7560; } .header .ps-dropdown ul.dropdown-menu li:last-child { border-bottom: 0; } .header .ps-dropdown:last-child { border-right: none; } @media (max-width: 1199px) { .header { position: relative; } .header .header__top p { text-align: right; } .header .ps-logo { position: relative; display: inline-block; top: 0; width: 60px; margin: 0; } .header .navigation { padding: 10px 0; min-height: 60px; background-color: #fff; } .header .ps-cart { margin-top: 10px; margin-right: 50px; margin-left: 0; } .header .menu-toggle { position: absolute; display: block; float: right; top: 50%; right: 15px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .header .ps-dropdown>a { border-left-color: #eaeaea; color: #000; } } @media (max-width: 991px) { .header .header__top { text-align: center; } .header .header__social { float: none; } .header .header__social a { border: none; } .header .header__social li:last-child>a { border: none; } .header .ps-search-btn { border-right: none; } /* New comment */ .header .ps-cart { margin-right: 0px !important; } .button_width { padding: 11px !important; border-radius: 25px !important; } /* New-comment */ } @media (max-width: 767px) { .header .header__top .ps-dropdown>a { margin-right: 0; border-right: 1px solid #eaeaea; border-left: none; } .header .header__top p { font-size: 10px; } .searchbyname { width: 100%; } } @media (max-width: 479px) { .header .header__top p { display: none; } } .header--sidebar { position: fixed; top: 0; right: 0; width: 250px; height: 100%; z-index: 1000; background-color: #fff; border-left: 1px solid #f9f9f9; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .header--sidebar.active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .header--2 { background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; } .header--2 .header__top { margin-bottom: 15px; border-color: #4a4a4a; } .header--2 .header__top p { color: #fff; } .header--2 .header__top .ps-social-header a { color: #fff; border-color: #4a4a4a; } .header--2 .header__top .ps-social-header a:hover { color: #000; } .header--2 .header__top .ps-search-btn { border-color: #4a4a4a; } .header--2 .header__top .ps-search-btn i { color: #fff; } .header--2 .ps-dropdown { border-left: 1px solid #4a4a4a; border-right: 1px solid #4a4a4a; } .header--2 .ps-dropdown>a { color: #fff; } .header--2 .ps-dropdown>a:hover, .header--2 .ps-dropdown>a:active { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; background-color: #ee7560; color: #fff; } .header--2 .ps-dropdown:last-child { border-color: #4a4a4a; } .header--2 .menu>li>a { color: #fff; } .header--2 .menu>li>a:hover { color: #ee7560; } .header--2 .menu>li.current>a { color: #ee7560; } @media (max-width: 1199px) { .header--2 { position: relative; } .header--2 .header__top { border-bottom: 1px solid #eaeaea; } .header--2 .header__top p { color: #000; } .header--2 .header__top .ps-social-header a { color: #000; border-color: #eaeade; } .header--2 .header__top .ps-search-btn { border-color: #eaeaea; } .header--2 .header__top .ps-search-btn i { color: #000; } .header--2 .navigation { background-color: transparent; } .header--2 .ps-dropdown { border-color: #eaeaea; } .header--2 .ps-dropdown>a { color: #000; } .header--2 .ps-dropdown:last-child { border-color: #eaeaea; } } .menu-sidebar--active { -webkit-transform: translateX(-250px); -moz-transform: translateX(-250px); -ms-transform: translateX(-250px); -o-transform: translateX(-250px); transform: translateX(-250px); } .menu-sidebar--active.navigation--pin { -webkit-transform: translate(-250px, 0); -moz-transform: translate(-250px, 0); -ms-transform: translate(-250px, 0); -o-transform: translate(-250px, 0); transform: translate(-250px, 0); } .menu-sidebar--active.navigation--unpin { -webkit-transform: translate(-250px, -100%); -moz-transform: translate(-250px, -100%); -ms-transform: translate(-250px, -100%); -o-transform: translate(-250px, -100%); transform: translate(-250px, -100%); } /* .navigation--sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 100000; transition: all 0.4s ease; } .navigation--sticky .navigation { background-color: #000; } .navigation--sticky .ps-logo { top: 0; margin-top: 15px; width: 50px; } .navigation--sticky .ps-cart__toggle { margin-bottom: -4px; } .navigation--sticky .menu { margin-top: 1rem; } .navigation--sticky .menu > li > a { color: #fff; } .navigation--sticky.header--2 .ps-logo { margin-top: 20px; width: 70px; } */ @media (max-width: 1199px) { /* .navigation--sticky { background-color: #000 !important; } .navigation--sticky .menu-toggle span, .navigation--sticky .menu-toggle:before, .navigation--sticky .menu-toggle:after { background-color: #fff; } .navigation--sticky.header--2 .ps-logo { margin-top: 5px; } */ } /* .navigation--pin { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .navigation--pin.header--2 .header__top { margin-bottom: 0; } .navigation--unpin { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } */ .ps-footer { padding: 60px 0 35px; background-color: #f9f9f9; border-bottom: 14px solid #282c2f; } .ps-sidebar { margin-top: 80px; padding-right: 15px; max-width: 400px; } .ps-section--page-reverse .ps-sidebar { padding-left: 15px; padding-right: 0; } /* ************LAYOUT**************/ /* 5. UTILS*/ html .bg--parallax { position: relative; z-index: 10; background-attachment: fixed !important; background-repeat: no-repeat !important; background-position: 50% 50%; background-size: cover !important; } @media (max-width: 991px) { html .bg--parallax { background-position: 50% 50% !important; } } .bg--cover { background-position: 50% 50% !important; background-size: cover !important; } .bg--overlay { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.5; background-color: #000; z-index: -5; } .ps-background--overlay { position: relative; } .ps-background--overlay:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0, 0, 0, 0.4); z-index: -1; } .margin-0 { margin: 0; } .mt-0 { margin-top: 0px; } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; } .mt-45 { margin-top: 45px; } .mt-50 { margin-top: 50px; } .mt-55 { margin-top: 55px; } .mt-60 { margin-top: 60px; } .mt-65 { margin-top: 65px; } .mt-70 { margin-top: 70px; } .mt-75 { margin-top: 75px; } .mt-80 { margin-top: 80px; } .mt-85 { margin-top: 85px; } .mt-90 { margin-top: 90px; } .mt-95 { margin-top: 95px; } .mt-100 { margin-top: 100px; } .mr-0 { margin-right: 0px; } .mr-5 { margin-right: 5px; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mr-20 { margin-right: 20px; } .mr-25 { margin-right: 25px; } .mr-30 { margin-right: 30px; } .mr-35 { margin-right: 35px; } .mr-40 { margin-right: 40px; } .mr-45 { margin-right: 45px; } .mr-50 { margin-right: 50px; } .mr-55 { margin-right: 55px; } .mr-60 { margin-right: 60px; } .mr-65 { margin-right: 65px; } .mr-70 { margin-right: 70px; } .mr-75 { margin-right: 75px; } .mr-80 { margin-right: 80px; } .mr-85 { margin-right: 85px; } .mr-90 { margin-right: 90px; } .mr-95 { margin-right: 95px; } .mr-100 { margin-right: 100px; } .mb-0 { margin-bottom: 0px; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-55 { margin-bottom: 55px; } .mb-60 { margin-bottom: 60px; } .mb-65 { margin-bottom: 65px; } .mb-70 { margin-bottom: 70px; } .mb-75 { margin-bottom: 75px; } .mb-80 { margin-bottom: 80px; } .mb-85 { margin-bottom: 85px; } .mb-90 { margin-bottom: 90px; } .mb-95 { margin-bottom: 95px; } .mb-100 { margin-bottom: 100px; } .ml-0 { margin-left: 0px; } .ml-5 { margin-left: 5px; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px; } .ml-20 { margin-left: 20px; } .ml-25 { margin-left: 25px; } .ml-30 { margin-left: 30px; } .ml-35 { margin-left: 35px; } .ml-40 { margin-left: 40px; } .ml-45 { margin-left: 45px; } .ml-50 { margin-left: 50px; } .ml-55 { margin-left: 55px; } .ml-60 { margin-left: 60px; } .ml-65 { margin-left: 65px; } .ml-70 { margin-left: 70px; } .ml-75 { margin-left: 75px; } .ml-80 { margin-left: 80px; } .ml-85 { margin-left: 85px; } .ml-90 { margin-left: 90px; } .ml-95 { margin-left: 95px; } .ml-100 { margin-left: 100px; } .padding-0 { padding: 0; } .pt-0 { padding-top: 0px; } .pt-5 { padding-top: 5px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; } .pt-25 { padding-top: 25px; } .pt-30 { padding-top: 30px; } .pt-35 { padding-top: 35px; } .pt-40 { padding-top: 40px; } .pt-45 { padding-top: 45px; } .pt-50 { padding-top: 50px; } .pt-55 { padding-top: 55px; } .pt-60 { padding-top: 60px; } .pt-65 { padding-top: 65px; } .pt-70 { padding-top: 70px; } .pt-75 { padding-top: 75px; } .pt-80 { padding-top: 80px; } .pt-85 { padding-top: 85px; } .pt-90 { padding-top: 90px; } .pt-95 { padding-top: 95px; } .pt-100 { padding-top: 100px; } .pr-0 { padding-right: 0px; } .pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-15 { padding-right: 15px; } .pr-20 { padding-right: 20px; } .pr-25 { padding-right: 25px; } .pr-30 { padding-right: 30px; } .pr-35 { padding-right: 35px; } .pr-40 { padding-right: 40px; } .pr-45 { padding-right: 45px; } .pr-50 { padding-right: 50px; } .pr-55 { padding-right: 55px; } .pr-60 { padding-right: 60px; } .pr-65 { padding-right: 65px; } .pr-70 { padding-right: 70px; } .pr-75 { padding-right: 75px; } .pr-80 { padding-right: 80px; } .pr-85 { padding-right: 85px; } .pr-90 { padding-right: 90px; } .pr-95 { padding-right: 95px; } .pr-100 { padding-right: 100px; } .pb-0 { padding-bottom: 0px; } .pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; } .pb-25 { padding-bottom: 25px; } .pb-30 { padding-bottom: 30px; } .pb-35 { padding-bottom: 35px; } .pb-40 { padding-bottom: 40px; } .pb-45 { padding-bottom: 45px; } .pb-50 { padding-bottom: 50px; } .pb-55 { padding-bottom: 55px; } .pb-60 { padding-bottom: 60px; } .pb-65 { padding-bottom: 65px; } .pb-70 { padding-bottom: 70px; } .pb-75 { padding-bottom: 75px; } .pb-80 { padding-bottom: 80px; } .pb-85 { padding-bottom: 85px; } .pb-90 { padding-bottom: 90px; } .pb-95 { padding-bottom: 95px; } .pb-100 { padding-bottom: 100px; } .pl-0 { padding-left: 0px; } .pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-20 { padding-left: 20px; } .pl-25 { padding-left: 25px; } .pl-30 { padding-left: 30px; } .pl-35 { padding-left: 35px; } .pl-40 { padding-left: 40px; } .pl-45 { padding-left: 45px; } .pl-50 { padding-left: 50px; } .pl-55 { padding-left: 55px; } .pl-60 { padding-left: 60px; } .pl-65 { padding-left: 65px; } .pl-70 { padding-left: 70px; } .pl-75 { padding-left: 75px; } .pl-80 { padding-left: 80px; } .pl-85 { padding-left: 85px; } .pl-90 { padding-left: 90px; } .pl-95 { padding-left: 95px; } .pl-100 { padding-left: 100px; } @media screen and (max-width:990px) { .mb-60 { margin-bottom: 0px; } .a-media { margin-top: 30px; } } a.ps-search-btn2 { float: right; margin-right: 13px; } .ps-countdown .ps-product__process .progress-bar { -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; background-color: #ee7560; background-image: -webkit-linear-gradient( -360deg, #ee7560, #ff5858); background-image: linear-gradient( 90deg, #ee7560, #ff5858); } .ps-countdown .ps-product__process { padding-left: 66px; padding-right: 84px; } ul.contacts-creative { list-style: none; } .unit { display: flex; flex: 0 1 100%; } .unit-body { margin-left: 20px; } .contacts-creative li { margin-bottom: 10px; } .ps-product__meta p { margin-bottom: 8px !important; } p.ps-product__price.total_price.newpriceupdated { margin-bottom: 1px; } .btn-danger2 { padding: 11px 40px 9px; border: none; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 25px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; background-color: #e93793; color: #fff; } .ps-product--detail .ps-product__name { display: block; font-family: 'Poppins', sans-serif; font-size: 26px; font-weight: 700; color: #000; text-transform: uppercase; } .ps-product--detail .ps-product__price { margin-bottom: 15px; font-family: 'Poppins', sans-serif; font-size: 28px; color: #000000; } .ps-product--detail .ps-product__price del { color: red; font-size: 18px; } .ps-product--detail .ps-product__quickview { display: block; margin-bottom: 15px; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 400; text-transform: uppercase; color: #000000; } .ps-product--detail .ps-product__quickview:hover { color: #ee7560; } .ps-product--detail .ps-product__description { margin-bottom: 20px; } .ps-product--detail .ps-product__description p { font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 1.57em; color: #4e3939; } .ps-product--detail .ps-product__meta p { margin-bottom: 20px; font-family: 'Poppins', sans-serif; color: #ee7560; } .ps-product--detail .ps-product__meta p span { min-width: 160px; font-family: 'Poppins', sans-serif; font-size: 13px; color: #000000; font-weight: 600; } .ps-product--detail .ps-product__meta p a { display: inline-block; color: #000; margin-left: 3px; } .ps-product--detail .ps-product__meta p a:hover { color: #ee7560; } .ps-product--detail .ps-product__meta p.category { color: #000; } .ps-product--detail .ps-product__size { margin: 20px 0 18px; } .ps-product--detail .ps-product__size label { display: inline-block; min-width: 100px; font-family: 'Poppins', sans-serif; font-size: 18px; text-transform: uppercase; } .ps-product--detail .ps-product__size .ps-select { display: inline-block; min-width: 220px; height: 40px; line-height: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px; } .ps-product--detail .ps-product__action { display: inline-block; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-product--detail .ps-product__action::after { clear: both; content: ""; display: table; } .ps-product--detail .ps-product__action a { position: relative; display: block; width: 40px; height: 40px; background-color: #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: black; background-image: -webkit-linear-gradient(-360deg, black, black); background-image: linear-gradient(90deg, black, black); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; } .ps-product--detail .ps-product__action a:before, .ps-product--detail .ps-product__action a:after { visibility: hidden; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; text-transform: capitalize; } .ps-product--detail .ps-product__action a:before { content: attr(data-tooltip); display: inline-block; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); -o-transform: translate(-50%, -10px); transform: translate(-50%, -10px); font-family: 'Poppins', sans-serif; font-size: 12px; line-height: 30px; color: #fff; min-width: 120px; background-color: #000; } .ps-product--detail .ps-product__action a:after { content: ''; position: absolute; left: 50%; top: -10px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 0; width: 0; border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; border-top: 7.5px solid #000; } .ps-product--detail .ps-product__action a i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(0deg); -moz-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); -o-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); font-size: 18px; line-height: 1em; color: #fff; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 30; } .ps-product--detail .ps-product__action a:hover { background-color: #ee7560; background-image: -webkit-linear-gradient(-360deg, #ee7560, #ff5858); background-image: linear-gradient(90deg, #ee7560, #ff5858); } .ps-product--detail .ps-product__action a:hover:before, .ps-product--detail .ps-product__action a:hover:after { visibility: visible; opacity: 1; } .ps-product--detail .ps-product__action a:hover i { -webkit-transform: translate(-50%, -50%) rotate(-360deg); -moz-transform: translate(-50%, -50%) rotate(-360deg); -ms-transform: translate(-50%, -50%) rotate(-360deg); -o-transform: translate(-50%, -50%) rotate(-360deg); transform: translate(-50%, -50%) rotate(-360deg); } .ps-product--detail .ps-product__action li { float: left; margin-right: 15px; text-align: center; } .ps-product--detail .ps-product__shop { margin-bottom: 15px; margin-top: 11px; } .ps-product--detail .ps-product__shop::after { clear: both; content: ""; display: table; } .ps-product--detail .ps-product__shop .form-group--number { float: left; } .ps-product--detail .ps-product__shop .ps-product__action { margin-left: 10px; float: left; } .ps-product--detail .ps-product__sharing { margin-top: 10px; margin-bottom: 0; font-family: 'Poppins', sans-serif; text-transform: uppercase; font-size: 18px; color: #000000; } .ps-product--detail .ps-product__sharing a { display: inline-block; width: 30px; height: 30px; margin-right: 10px; color: #666; } .ps-product--detail .ps-product__sharing a:first-child { margin-left: 10px; } .ps-product--detail .ps-product__sharing a:hover { color: #ee7560; } .ps-product--detail .ps-product__info { margin-top: 70px; } .ps-product--detail .tab-list { margin-bottom: 25px; border-top: 1px solid #d9d9d9; } .ps-product--detail .tab-list::after { clear: both; content: ""; display: table; } .ps-product--detail .tab-list a { position: relative; padding: 10px 0; display: inline-block; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.3em; letter-spacing: 1.1px; color: #626262; text-transform: uppercase; } .ps-product--detail .tab-list a:before { content: ''; position: absolute; bottom: 100%; left: 0; right: 0; margin: 0 auto; width: 0; height: 1px; background-color: #ee7560; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .ps-product--detail .tab-list li { float: left; margin-right: 80px; } .ps-product--detail .tab-list li.active a { color: #ee7560; } .ps-product--detail .tab-list li.active a:before { width: 100%; } .ps-product--detail .tab-pane p { margin-bottom: 20px; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 1.6em; color: #4e3939; } .ps-product--detail .ps-product__review h4 { margin-bottom: 15px; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.4em; color: #4e3939; } .ps-product--detail .ps-product__review label { margin-bottom: 10px; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.4em; color: #4e3939; } .ps-product--detail .ps-product__tags { max-width: 400px; } .ps-product--detail .ps-product__tags .form-group { position: relative; } .ps-product--detail .ps-product__tags .form-group input { -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; height: 40px; } .ps-product--detail .ps-product__tags .form-group .ps-btn { height: 40px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .ps-product--detail .second .owl-item { cursor: pointer; opacity: .4; } .ps-product--detail .second .owl-item.current { opacity: 1; } @media (max-width: 991px) { .ps-product--detail .tab-list { border-top: none; } .ps-product--detail .tab-list li { margin-right: 20px; } .ps-product--detail .tab-list a:before { top: 100%; } .ps-product--detail .ps-product__info { margin-top: 0px; } .ps-product--detail .tab-list { display: flex; } } @media (max-width: 767px) { .ps-product--detail .tab-list { border-top: none; } .ps-product--detail .tab-list li { margin-right: 20px; } .ps-product--detail .tab-list a { font-size: 12px; } } @media (max-width: 480px) { .ps-product--detail .ps-product__quickview { display: none; } .ps-product--detail .tab-list { border-top: none; } .ps-product--detail .tab-list li { float: none; width: 100%; } .ps-product--detail .tab-list a { font-size: 12px; } .ps-product--detail .tab-list a:before { top: 100%; } } .ps-product-modal { width: 100%; } .ps-product-modal .quickview--thumbnail .owl-item { cursor: pointer; opacity: .4; } .ps-product-modal .quickview--thumbnail .owl-item.current { opacity: 1; } .ps-product-modal .ps-btn--fullwidth { max-width: 320px; } @media (max-width: 991px) { .ps-product-modal .ps-product__thumbnail { margin-bottom: 50px; } } .ps-review-box { margin-bottom: 40px; } .ps-review-box::after { clear: both; content: ""; display: table; } .ps-review-box__thumbnail { width: 100px; float: left; } .ps-review-box__thumbnail img { width: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .ps-review-box__content { float: left; padding: 20px; width: calc(100% - 100px); background-color: #f5f3f0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .ps-review-box header .br-wrapper { display: inline-block; } .ps-review-box header p { display: inline-block; font-family: 'Poppins', sans-serif; font-size: 14px; color: #4e3939; } .ps-review-box header p a { color: #ee7560; } .ps-review-box header p a:hover { color: #000; } @media (max-width: 767px) { .ps-review-box__thumbnail { float: none; width: 100%; margin-bottom: 20px; } .ps-review-box__content { float: none; width: 100%; } } .form-control { padding: 0 20px; background-color: #f1f1f1; height: 50px; font-family: 'Poppins', sans-serif; font-size: 14px; border-color: #f1f1f1; opacity: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .form-control::-webkit-input-placeholder { color: #606060; } .form-control::-moz-placeholder { color: #606060; } .form-control:-moz-placeholder { color: #606060; } .form-control:-ms-input-placeholder { color: #606060; } .form-control:focus { opacity: 1; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border-color: #ee7560; } textarea.form-control { height: auto; padding: 15px 20px; } .ps-select.nice-select { padding: 0 20px; border-color: #f1f1f1; background-color: #f1f1f1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .ps-select.nice-select .current { font-family: 'Poppins', sans-serif; font-size: 14px; text-transform: none; color: #606060 !important; } .form-group--number { display: inline-block; } .form-group--number .input-group-btn { display: inline-block; } .form-group--number input.form-control { position: relative; top: -1px; margin-right: -4px; display: inline-block; width: 80px; height: 40px; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .form-group--number input.form-control:focus { border-color: #f1f1f1; } .saved-address--list .card { height: auto !important; padding: 0px; } .saved-address--list .card:hover { box-shadow: none; transform: inherit; } #exzoom { width: 400px; /*height: 400px;*/ } .hidden { display: none; } .form-group--number button { display: inline-block; height: 40px; width: 40px; border: none; background-color: #000; font-family: 'Poppins', sans-serif; color: #fff; font-size: 20px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .form-group--number button:hover { background-color: #ee7560; } .form-group--number button.minus { float: left; -webkit-border-radius: 40px 0 0 40px; -moz-border-radius: 40px 0 0 40px; -ms-border-radius: 40px 0 0 40px; border-radius: 40px 0 0 40px; } .form-group--number button.plus { -webkit-border-radius: 0 40px 40px 0; -moz-border-radius: 0 40px 40px 0; -ms-border-radius: 0 40px 40px 0; border-radius: 0 40px 40px 0; } .form-group label { margin-bottom: 10px; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 1.57em; font-weight: 400; color: #000000; } .form-group label span { margin-left: 3px; color: #ff5858; } .form-group--icon .icon-wrap { position: relative; } .form-group--icon .icon-wrap i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 15px; font-size: 16px; color: #6d6d6d; } .ps-breadcrumb { margin-bottom: 5px; } .ps-breadcrumb .breadcrumb li { font-family: 'Poppins', sans-serif; font-size: 14px; color: #e75e4e; text-transform: uppercase; } .ps-breadcrumb .breadcrumb li:before { font-family: FontAwesome; } .ps-breadcrumb .breadcrumb li:first-child:before { display: none; } .ps-breadcrumb .breadcrumb a { font-family: 'Poppins', sans-serif; font-size: 14px; color: #b3b3b3; /* text-transform: uppercase; */ } .ps-breadcrumb .breadcrumb a:hover { color: #ff5858; } .ps-breadcrumb .breadcrumb a i { margin-right: 5px; } .ps-breadcrumb .breadcrumb li:before { font-family: FontAwesome; } .breadcrumb>li+li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .ps-select { padding: 0 20px; border-color: #f1f1f1; background-color: #f1f1f1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 400; min-width: 220px; height: 40px; } .nice-select { position: relative; padding: 0 30px; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 400; height: 45px; line-height: 45px; outline: none; border: solid 1px #d9d9d9; background-color: #fff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-border-radius: 45px; -moz-border-radius: 45px; -ms-border-radius: 45px; border-radius: 45px; cursor: pointer; } @media (max-width: 991px) { .ps-breadcrumb { position: relative; } .ps-breadcrumb .breadcrumb li { font-size: 12px; } .ps-breadcrumb .breadcrumb a { font-size: 12px; } } /* Slider */ .carousel-item { height: 60vh; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media screen and (max-width:990px) { .carousel-item { height: 40vh; } .carousel-indicators li { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 10px !important; height: 6px !important; margin-right: 1px!important; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #ffff !important; background-clip: inherit !important; border-top: initial !important; border-bottom: inherit !important; opacity: .8; transition: opacity .6s ease; border-radius: 67px !important; } } .carousel-indicators li { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 10px !important; height: 10px !important; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #ffff !important; background-clip: inherit !important; border-top: initial !important; border-bottom: inherit !important; opacity: .8; transition: opacity .6s ease; border-radius: 67px !important; } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 38px !important; height: 38px !important; background: no-repeat 50%/100% 100%; background-color: #44aab8 !important; padding: 10px; background-size: 20px !important; border-radius: 20px !important; } .carousel-caption { position: absolute; right: 15%; top: 24vh; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .owl-carousel { display: block !important; position: relative; width: 100%; -ms-touch-action: pan-y; } header.header.navigation--sticky.navigation--pin .navigation { position: relative; padding: 0px 0 4px; } .ps-product .ps-product__thumbnail img { width: 100%; height: 230px; } /* .page-wrap { margin-top: -32px; } */ .contacts-creative li { margin-bottom: 10px; font-size: 13px; } .ps-widget--connect a { color: #222; } a.ps-search-btn2 { font-size: 12px; } .ps-badgebest2 { position: absolute; top: 17px; left: 16px; /* width: 95px; */ height: 20px; z-index: 99; background: #dc3545; color: #fff; font-size: 12px; padding: 2px 7px; border-radius: 13px; } .ps-product { padding: 8px 8px; margin-bottom: 20px; position: relative; } button.btn.btn-info { display: inline-block; padding: 11px; border: none; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 25px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; border-radius: 40px; padding: 11px 40px 9px; } .dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .ps-list--line a { position: relative; display: block; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 30px; color: #7d8997; } .ps-list--line a:hover { padding-left: 25px; color: #ff5858; } .ps-list--line a:hover:before { width: 20px; } .ps-list--line a:before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; content: ''; width: 0; height: 1px; background-color: #ff5858; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; } .owl-theme .owl-controls { margin-top: 10px; margin-left: 30px; } .owl-theme .owl-controls .owl-buttons div { opacity: 0.8; background: #fff; } .owl-prev:before, .owl-next:before { content: "\f053"; font: normal normal normal 14px/1 FontAwesome; font-weight: 900; font-size: 20px; color: #ffffff; margin-top: 28px; } .owl-next:before { content: "\f054"; } .owl-prev { position: absolute; top: 19vh; left: -47px; } .owl-next { position: absolute; top: 19vh; right: -47px; } .owl-theme .owl-controls .owl-buttons div { opacity: 0.8; background: #fff; /* position: relative; */ background-color: #44aab8; width: 44px; height: 44px; /* -webkit-border-radius: 50%; */ -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; padding: 13px; } .owl-theme .owl-controls { margin-top: 0; } .owl-theme .owl-controls .owl-page span { width: 15px; height: 15px; border-radius: 50%; background: #acaaaa; opacity: 1; /* box-shadow: 0 0 8px rgb(0 0 0 / 45%); */ transition: all 0.3s ease 0s; display: inline-block; } .owl-theme .owl-controls .owl-page.active span { background: #44aab8; width: 49px; border-radius: 10px; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; display: inline-block; margin-right: 10px; } .owl-theme .owl-controls { text-align: center; } @media screen and (max-width:990px) { .page-wrap { margin-top: 0px; } } @media screen and (max-width:767px) { .owl-theme .owl-controls { display: none !important; } } /*===pic-Zoom===*/ ._boxzoom .zoom-thumb { width: 100%; /* display: inline-block; */ vertical-align: top; margin-top: 0px; } ._boxzoom .zoom-thumb ul.piclist { padding-left: 0px; top: 0px; } ._boxzoom ._product-images { width: 98%; display: inline-block; } ._boxzoom ._product-images .picZoomer { width: 100%; } ._boxzoom ._product-images .picZoomer .picZoomer-pic-wp img { left: 0px; } ._boxzoom ._product-images .picZoomer img.my_img { width: 100%; } .piclist li img { height: 100px; object-fit: cover; } .piclist li { display: inline-block; width: 90px; height: 102px; border: 1px solid #eee; } .picZoomer-zoom-wp { position: absolute; top: 0px; left: 0px; /* z-index:999; */ } .picZoomer-pic-wp { position: relative; } .star-active { color: #FBC02D; margin-top: 0px; margin-bottom: 10px } .star-active:hover { color: #F9A825; cursor: pointer } .ps-product--detail .ps-product__price { margin-bottom: 15px; font-family: 'Poppins', sans-serif; font-size: 34px; color: #04a0cf; font-weight: 600; } .off { color: #009d43; font-weight: 500; font-size: 16px; } .datepicker td, .datepicker th { text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 0; width: 16% !important; padding: 5px; } .datepicker-inline { width: 100% !important; } button#selectDelivery:hover { color: #262626; } /* #sidebarWrap { height: auto; width: 210px; float: right; position: relative; box-shadow: none; border: none; margin: 0; padding: 0; } #footer { clear: both; margin: 10px 0; } #sidebar { width: 300px; height: 600px; position: absolute; display: block; clear: both; } #sidebar.fixed { position: fixed; top: 20px; } */ .add-item li { width: 20%; padding: 7px; } button.btn.btn-outline-secondary.btn-lg.btn-iconed.btn-rounded { font-size: 17px; text-align: left; display: flex; justify-content: center; align-items: center; height: 52px; } /* New css */ #deliverydateofmonth { float: left; text-align: center; font-size: 36px; line-height: 34px; color: #222; font-weight: 300; padding-top: 4px; } #deliverymonth, #deliveryweekday, #shippingmethod, #timeslot { font-size: 12px; line-height: 17px; color: #666; margin-left: 6px; } .line-height { line-height: .5; } .drop-arrow { position: absolute; right: 12px; top: 12px; color: #666; z-index: 0; } /* .height-48{ height: 51px; } */ button.btn.btn-outline-secondary.btn-lg.btn-iconed.btn-rounded { position: relative; padding: 3px 10px !important; } .inputWithIcon input[type="text"] { border: 1px solid #5a5a5a!important; height: 51px; } ._p-qty .value-button { display: inline-flex; border: 0px solid #ddd; margin: 0px; width: 30px; height: 35px; justify-content: center; align-items: center; background: #fd7f34; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; } ._p-qty .value-button { border: 0px solid #fe0000; height: 35px; font-size: 20px; font-weight: bold; } ._p-qty input#number { text-align: center; border: none; border-top: 1px solid #fe0000; border-bottom: 1px solid #fe0000; margin: 0px; width: 50px; height: 35px; font-size: 14px; box-sizing: border-box; } ._p-add-cart { margin-left: 0px; margin-bottom: 15px; } .p-list { margin-bottom: 10px; } ._p-features>span { display: block; font-size: 16px; color: #000; font-weight: 500; } ._p-add-cart .buy-btn { background-color: #fd7f34; color: #fff; } ._p-add-cart .btn { text-transform: capitalize; padding: 6px 20px; /* width: 200px; */ border-radius: 52px; } ._p-add-cart .btn { margin: 0px 8px; } /* This css is for normalizing styles. You can skip this. */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } .addon-nav .form-group input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .addon-nav .form-group label { position: relative; cursor: pointer; } .addon-nav .form-group label:before { content: ''; -webkit-appearance: none; background-color: transparent; border: 2px solid #9b9b9b; box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%); padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; } .addon-nav .form-group input:checked+label:after { content: ''; display: block; position: absolute; top: 5px; left: 9px; width: 6px; height: 14px; border: solid #9b9b9b; border-width: 0 2px 2px 0; transform: rotate(45deg); } #myModal2 .form-group.mt-1 { margin-bottom: 0px; } #myModal2 .nav li { width: 19%; margin: 0px 5px 20px; } .addon-nav { background-color: #ececec; padding: 10px 0px 2px; } .h-price.webprice { font-size: 14px; color: #42d7dd; text-align: center; font-weight: 500; } button.quantity-left-minus.btn.btn-danger.btn-number, button.quantity-right-plus.btn.btn-success.btn-number { padding: 0px 7px; background-color: #3eccd2; color: #fff; border: 0px !important; border-radius:1px; } #myModal2 .card-body { padding: 10px; } img.img-fluid.addonprod { width: 100px; margin-bottom: 10px; height: 100px; } .product-name { font-size: 13px; font-weight: 500; height: 40px; text-overflow: ellipsis; overflow: hidden; line-height: 1.3; text-align: center; } .addonfooter { display: flex; justify-content: flex-end; align-items: center; font-size: 13px; padding: 10px 0px; } .final-price { display: flex; flex-flow: row nowrap; align-items: center; color: #666; } .addonfooter-child.price-heading { font-size: 14px; font-weight: 700; line-height: 1.2; align-self: auto; } .addonfooter-child { width: 90px; } .sign { padding: 15px 20px 2px 0; font-size: 16px; } .addonfooter-child { width: 90px; font-weight: 500; line-height: 19px; } .total-block { width: 120px; font-weight: 500; line-height: 19px; } .total-block .webprice { display: block; color: #e32929 !important; font-size: 16px; font-weight: bold; line-height: 26px; } .addonfooter-child .h-price.webprice { font-size: 16px; color: #746f6f; text-align: left; font-weight: 500; } .modal-footer { background-color: #f0f0f0 !important; padding: 0px 10px !important; } .login-register-section { width: 100%; border-radius: 4px; box-shadow: -1px 1px 9px -4px rgb(137 137 137 / 80%); -webkit-box-shadow: -1px 1px 9px -4px rgb(137 137 137 / 80%); -moz-box-shadow: -1px 1px 9px -4px rgba(137, 137, 137, 0.8); min-height: 67px; overflow: hidden; background: #fff; position: relative; } .numbers { text-align: center; width: 30px; height: 30px; line-height: 30px; color: #fff; background: #e93793; font-size: 13px; position: absolute; top: 18px; border-radius: 0 4px 4px 0; z-index: 9; } .login-section { padding: 20px 60px; } .delivery-info h4, .login-register-section h4, .payment-info h4 { text-transform: uppercase; font-size: 17px; color: #222; margin-top: 3px; width: 70%; float: left; } .customer-email { display: inline-flex; position: absolute; right: 20px; top: 25px; color: #666; font-size: 14px; } .gift-number { width: 100%; margin-bottom: 30px; color: #222; font-size: 16px; text-transform: uppercase; border-bottom: 1px solid #e2e2e2; } .gift-header { background: #e93793; padding: 5px 10px; color: #fff; border-radius: 4px 4px 0 0; line-height: 1.8; width: 80px; } .gift-header .giftIcon { vertical-align: text-top; font-size: 18px; margin-right: 3px; } p.mb-0.cart-product-title { font-size: 13px; line-height: 1.4; font-weight: 600; margin-top: 10px; color: #0c0c0c; } .delivery-method { display: inline-block; min-width: 60%; float: left; vertical-align: middle; font-size: 14px; } ._boxzoom ._product-images .picZoomer img.my_img { width: 100%; height: 100%; object-fit: cover; } .other-delivery-options { display: inline-block; width: 40%; } .delivery-date, span.green { color: #28a745; } .price-details .discount-price, .price-details .product-adjustment, .price-details .product-price, .price-details .product-shipping { position: relative; color: #666; font-size: 13px; margin-bottom: 9px; text-align: left; } .price-right { float: right; } .grand-total, .total-product-price { font-weight: 600; margin-top: 15px; font-size: 15px; color: #222; text-transform: uppercase; } .total-value { color: #e53333; } .price-details-title { font-weight: 500; font-size: 15px; text-transform: uppercase; color: #222; margin-bottom: 10px; } .price-details { width: 100%; background: #fff; border-radius: 4px; box-shadow: -1px 1px 9px -4px rgb(137 137 137 / 80%); -webkit-box-shadow: -1px 1px 9px -4px rgb(137 137 137 / 80%); -moz-box-shadow: -1px 1px 9px -4px rgba(137, 137, 137, 0.8); padding: 15px; margin-bottom: 13px; position: relative; transition: all .25s ease-in-out; } #coupon-sec { margin-top: 15px; border-top: 1px solid #d5d5d5; } #discount-coupon, #jet-coupon { text-align: center; font-weight: 500; margin: 10px auto 0; min-height: 30px; color: #4285f4; font-size: 14px; line-height: 30px; cursor: pointer; } .sender-info-btn { cursor: pointer; display: inline-block; border: 1px solid #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px; font-size: 13px; font-weight: 500; text-transform: uppercase; margin-left: 10px; } .sender-btn-wrapper { position: absolute; top: 0; right: 0; } .sender-info { float: left; width: 100%; font-size: 14px; color: #666; margin-bottom: 15px; margin-top: 35px; position: relative; } .radiobtn { width: 23px; height: 23px; } .sender-info-note { font-size: 12px; color: #666; margin-left: 10px; } .tnc-sec.text-center { background-color: #f8f9fa; padding: 20px; } span.tnc-link { color: #1282c4; } div#accordion { display: block; width: 100%; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, .1); clear: both; } .saved-address--list .saved-address--details span.dot { display: inline-block; border-radius: 50%; width: 4px; height: 4px; background: #ccc; padding: 0; text-align: center; margin: 5px; margin-bottom: 3px; } .saved-address--options { float: right; } .jss685 { color: #9e9e9e; font-size: 20px; } .saved-address--options p.edit-address { padding: 0 20px; } .address>span.area-type { background: #e2e2e2; color: #222f; border-radius: 4px; padding: 3px 6px; margin-right: 10px; font-size: 10px; font-weight: 700; } .login-register-section .bg-light { background-color: #fffaed!important; } .card.border-0.border-bottom { border-bottom: 1px solid #c1c1c1 !important; padding: 15px 0px; } p.timeSlot-info.mb-1 { color: #06b91c; line-height: 1.2; margin-bottom: 20px; } .card-body.px-0 { padding-top: 10px; padding-bottom: 2px; } span.float-right.red { color: #eb0707; } i.fa.fa-cart-plus.fa-3x { color: #b1b1b1; font-size: 85px; } #main { margin: 50px 0; } #main #faq .card { margin-bottom: 30px; border: 0; } #main #faq .card .card-header { border: 0; -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5); box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5); border-radius: 2px; padding: 0; } #main #faq .card .card-header .btn-header-link { color: #fff; display: block; text-align: left; background: #f9f9f9; color: #222; padding: 20px; box-shadow: 0 5px 7px -8px #777; box-shadow: 0 5px 7px -8px #777; } #main #faq .card .card-header .btn-header-link:after { content: "\f107"; font-family: 'Font Awesome 5 Free'; font-weight: 900; float: right; } #faq .card { margin: 18px 0px; } #main #faq .card .card-header .btn-header-link.collapsed { background: #ededed; color: #000; } #main #faq .card .card-header .btn-header-link.collapsed:after { content: "\f106"; } #main #faq .card .collapsing { background: #FFE472; line-height: 30px; } #main #faq .card .collapse { border: 0; } #main #faq .card .collapse.show { background: #f3f3f3; line-height: 30px; color: #222; } /* .panel.panel-default { border-bottom: 1px solid #dcdcdc; clear: both; margin: 10px 0px; display: -webkit-box; } */ /* .payment-process-right { position: fixed; max-width: 327px; z-index: 999; } */ /*End New css */ .inputWithIcon input[type="text"] { width: 100%; border: 2px solid #aaa; border-radius: 4px; margin: 8px 0; outline: none; padding: 8px; box-sizing: border-box; transition: 0.3s; } input[type="text"]:focus { border-color: dodgerBlue; box-shadow: 0 0 8px 0 dodgerBlue; } .inputWithIcon input[type="text"] { padding-left: 40px; } .inputWithIcon { position: relative; } .inputWithIcon i { position: absolute; left: 0; top: 8px; padding: 11px 13px; color: #7d7d7d; transition: 0.3s; } .inputWithIcon input[type="text"]:focus+i { color: dodgerBlue; } .inputWithIcon.inputIconBg i { background-color: #aaa; color: #fff; padding: 9px 4px; border-radius: 4px 0 0 4px; } .inputWithIcon.inputIconBg input[type="text"]:focus+i { color: #fff; background-color: dodgerBlue; } button.btn.btn-outline-secondary.btn-lg.btn-iconed.btn-rounded { font-size: 17px; text-align: left; } .calendar, .calendar_weekdays, .calendar_content { max-width: 100%; } .calendar { margin: auto; font-family: 'Muli', sans-serif; font-weight: 400; } .calendar_content, .calendar_weekdays, .calendar_header { position: relative; overflow: hidden; } .calendar_weekdays div { display: inline-block; vertical-align: top; } .calendar_weekdays div, .calendar_content div { width: 14.28571%; overflow: hidden; text-align: center; background-color: transparent; color: #6f6f6f; font-size: 16px; padding: 10px; height: 48px; } .calendar_content div { border: 1px solid transparent; float: left; } .calendar_content div:hover { border: 1px solid #dcdcdc; cursor: default; } .calendar_content div.blank:hover { cursor: default; border: 1px solid transparent; } .calendar_content div.past-date { color: #d5d5d5; padding: 10px; } .calendar_content div.today { font-weight: bold; font-size: 14px; color: #87b633; border: 1px solid #dcdcdc; } .calendar_content div.selected { background-color: #f0f0f0; } .calendar_header { width: 100%; text-align: center; margin-bottom: 10px; } #shippingmethoddiv ul li a:hover { text-decoration: none; } .calendar_header h2 { padding: 0 10px; font-weight: 300; font-size: 18px; color: #dc3545; float: left; width: 70%; margin: 0 0 10px; } button.switch-month { background-color: transparent; padding: 0; outline: none; border: none; color: #dcdcdc; float: left; width: 15%; transition: color .2s; } button.switch-month:hover { color: #87b633; } #form-step-wrap { position: relative; overflow-x: hidden; width: 100%; } /* Each Step */ /* Show the 1st step */ .first-step { right: 0; opacity: 1; } /* Button */ .btn-next, .btn-back { margin-top: 20px; display: block; } /* Animations Settings */ [data-anim="show-from--right"] { right: 0; opacity: 1; } [data-anim="show-from--left"] { right: 0; opacity: 1; } [data-anim="hide-to--right"] { right: -50%; opacity: 0; } [data-anim="hide-to--left"] { right: 50%; opacity: 0; } .sw-theme-dots>ul.step-anchor { position: relative; background: #fff; border: 0 solid #ccc!important; list-style: none; display: none; } .scroll-pane>ul { height: 100%; margin: 0; width: 100%; padding-left: 0px; } .scroll-pane ul li { max-width: 100%; list-style: none; } #shippingmethoddiv ul li a { text-align: left !important; display: flex; vertical-align: middle; padding: 0 !important; } #shippingmethoddiv ul li .timeslotdetails>label { width: 82.9%; border-radius: 4px 0 0 4px; margin-right: 0; height: 50px; border: 1px solid #CCC; border-right: 0 solid #fff; padding: 10px; } .timesloter { text-align: center; color: #474747; font-size: 16px; padding-top: 0px; padding-left: 5px; } .input-group-button.button, .input-group-button.button:hover { float: right; margin: 0 2px 0 0; border-radius: 0 3px 3px 0; height: 50px; width: 15%; color: #fff; background-color: #dc3545; padding: .6em .3em; display: inline-block; text-align: center; } .delcost { text-decoration: none; font-size: 13px; margin-top: 10px; font-weight: 600; text-align: center; } .timeslottable { margin: 15px auto; border: 1px solid #CCC; border-radius: 5px; width: 55%; padding: 10px 10px 6px; ; } li.timeslottable a { padding: 14px; width: 100%; white-space: nowrap; } .timeslottable label { padding-left: 10px; } span.timerange, .hrs { color: #262626; } h5#exampleModalLabel { position: absolute; top: -56px; left: 27%; } span.timeslottitle { font-size: 20px; } .calendar_content div.today { padding: 0px; color: #fff !important; background-color: #dc3545; line-height: 3rem; height: 3rem; width: 3rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0px 8px; } span.spn { padding-left: 10px; } .trash { text-transform: capitalize; margin-top: 10px; cursor: pointer; color: #999; font-size: 14px; transition: all .25s ease-in-out; font-weight: 400; } .variant-attributes { display: block; padding-left: 10px; line-height: 20px; position: relative; text-transform: capitalize; font-size: 13px; } .variant-attributes:before { content: ""; width: 4px; height: 4px; background: #ccc; border-radius: 50%; position: absolute; top: 40%; left: 0; } .checkout button.quantity-left-minus.btn.btn-danger.btn-number, .checkout button.quantity-right-plus.btn.btn-success.btn-number { padding: 6px; background-color: transparent; color: #262626; border: 1px solid #bfbfbf !important; } .checkout button.quantity-right-plus.btn.btn-success.btn-number { border-radius: 0px 4px 4px 0px; margin-left: -1px; } .checkout .input-group { width: 112px; } #myModal5 article { display: none; } #myModal5 article.on { display: block; } .jss90 { color: rgb(15 139 0); display: flex; font-size: 13px; margin-top: 4px; text-align: center; align-items: center; font-weight: 500; margin-bottom: 0px; } .location-popup_pin-help__1lIWj { color: #2179d0; cursor: pointer; padding: 5px 0; margin-top: 0px; text-align: left; font-weight: 500; } .btn-light { border: 1px solid #c6c6c6; } .my-card { background-color: #f1f1f1; padding: 10px; } button.btn.btn-outline-secondary2 { background-color: #ededed; font-size: 15px; } .btn-n button.btn.btn-outline-secondary.btn-lg.btn-iconed.btn-rounded.w-100 { background-color: #ededed; border: 0px; } .red { color: red; } button.btn.btn-light { font-size: 14px; } .btn-outline-secondary:hover { background-color: #f1f1f1 !important; } .gtm_contactlessDelivery { display: block; LINE-HEIGHT: 1.5; background: #ffffba; padding: 5px; border: 1px solid #d5d5d5; border-radius: 4px; margin-bottom: 10px; } .gtm_contactlessDelivery strong { text-transform: uppercase; } /* fillter CSS */ button.btn.btn-hide { height: inherit; background-color: #ff935d; color: #fff; font-size: 0.82rem; padding-left: 40px; padding-right: 40px; border-top-right-radius: 0px; border-bottom-right-radius: 0px } .btn:focus { box-shadow: none } .box-label .btn { background-color: #fff; padding: 0; font-size: 0.8rem } .btn-red { background-color: #e00000ce } .btn-orange { background-color: #ffa500 } .btn-pink { background-color: #e0009dce } .btn-green { background-color: #00811c } .btn-blue { background-color: #026bc2 } .btn-brown { background-color: #994a00 } .navbar { display: inline-flex } .pagination .page-item .page-link { color: #333; border: none; width: 40px; text-align: center } .pagination .page-item.active .page-link { background-color: #fff; border: 1px solid #333 } select { outline: none; padding: 6px 12px; margin: 0px 4px; color: #999; font-size: 0.85rem !important; width: 140px; border-color: #c0c0c0; border-radius: 4px; } #select2 { border: 1px solid #c4c4c4; color: #999; border-radius: 4px; font-size: 0.85rem !important; } #pro { border: none; color: #333; font-weight: 700; padding-left: 0px; width: initial } #filterbar { /* width: 30%; */ background-color: #fff; /* border: 1px solid #ddd; */ /* border-radius: 15px; */ /* float: left; */ /* margin-right: 20px; */ height: auto; box-shadow: 0px 1px 5px #00000029 !important; padding-bottom: 15px; padding-top: 15px; } .btn-danger { color: #fff; background-color: #e93793 !important; border-color: #e93793; } .btn-danger:hover { color: #fff; background-color: #d92180 !important; border-color: #bd2130; } #filterbar input[type="radio"] { visibility: hidden } #filterbar input[type='radio']:checked { background-color: #16c79a; border: none } #filterbar .btn.btn-success { background-color: #ddd; color: #333; border: none; width: 115px } #filterbar .btn.btn-success:hover { background-color: #aff1e1; color: #444 } #filterbar .btn-success:not(:disabled):not(.disabled).active, #filterbar .btn-success:not(:disabled):not(.disabled):active { background-color: #16c79a; color: #fff } label { cursor: pointer } .tick { display: block; position: relative; padding-left: 23px; cursor: pointer; font-size: 0.9rem; margin: 0 } .tick input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 } .check { position: absolute; top: 1px; left: 0; height: 18px; width: 18px; background-color: #fff; border: 1px solid #ddd; border-radius: 3px } .tick:hover input~.check { background-color: #f3f3f3 } .tick input:checked~.check { background-color: #ffffff } .check:after { content: ""; position: absolute; display: none } .tick input:checked~.check:after { display: block; transform: rotate(45deg) scale(1) } .tick .check:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid rgb(0, 0, 0); border-width: 0 3px 3px 0; transform: rotate(45deg) scale(2) } .box { padding: 10px } .box-label { color: #f0705e; font-size: 0.9rem; font-weight: 800; } #inner-box, #inner-box2 { height: 150px; overflow-y: scroll } #inner-box2 { height: 132px } #inner-box::-webkit-scrollbar, #inner-box2::-webkit-scrollbar { width: 6px } #inner-box::-webkit-scrollbar-track, #inner-box2::-webkit-scrollbar-track { background-color: #ddd; border-radius: 2px } #inner-box::-webkit-scrollbar-thumb, #inner-box2::-webkit-scrollbar-thumb { background-color: #333; border-radius: 2px } #price { height: 45px } #size input[type="checkbox"] { visibility: hidden } #size input[type='checkbox']:checked { background-color: #16c79a; border: none } #size .btn.btn-success { background-color: #ddd; color: #333; border: none; width: 40px; font-size: 0.8rem; border-radius: 0 } #size .btn.btn-success:hover { background-color: #aff1e1; color: #444 } #size .btn-success:not(:disabled):not(.disabled).active, #size .btn-success:not(:disabled):not(.disabled):active { background-color: #16c79a; color: #fff } #size label { margin: 10px; margin-left: 0px } /* .card { padding: 10px; cursor: pointer; transition: .3s all ease-in-out; height: 350px } */ /* .card:hover { box-shadow: 2px 2px 15px #fd9a6ce5; transform: scale(1.02) } */ .card .product-name { font-weight: 600 } .card-body { padding-bottom: 0 } .card .text-muted { font-size: 0.82rem } .card-img img { padding-top: 10px; width: inherit; height: 180px; object-fit: contain; display: block } .card-body .btn-group .btn { padding: 0; width: 20px; height: 20px; margin-right: 5px; border-radius: 50%; position: relative } .card-body .btn-group>.btn-group:not(:last-child)>.btn, .card-body .btn-group>.btn:not(:last-child):not(.dropdown-toggle) { border-radius: 50%; transition: ease-in all .4s } .card-body input[type="radio"] { visibility: hidden } .card-body .btn:not(:disabled):not(.disabled).active::after, .card-body .btn:not(:disabled):not(.disabled):active::after { content: ""; width: 10px; height: 10px; border-radius: 50%; top: 4px; left: 4.2px; background-color: #fff; position: absolute; transition: ease-in all .4s } .card-body .btn.btn-light:not(:disabled):not(.disabled).active::after, .card-body .btn.btn-light:not(:disabled):not(.disabled):active::after { background-color: #000 } #avail-size input[type="checkbox"] { visibility: hidden } #avail-size input[type='checkbox']:checked { background-color: #16c79a; border: none } #avail-size .btn.btn-success { background-color: #ddd; color: #333; border: none; width: 20px; font-size: 0.7rem; border-radius: 0; padding: 0 } #avail-size .btn.btn-success:hover { background-color: #aff1e1; color: #444 } #avail-size .btn-success:not(:disabled):not(.disabled).active, #avail-size .btn-success:not(:disabled):not(.disabled):active { background-color: #16c79a; color: #fff } #avail-size label { margin: 10px; margin-left: 0px } #shirt { height: 170px } .middle { position: relative; width: 100%; margin-top: 25px } .slider { position: relative; z-index: 1; height: 5px; margin: 0 15px } .slider>.track { position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; border-radius: 5px; background-color: #ddd } .slider>.range { position: absolute; z-index: 2; left: 25%; right: 25%; top: 0; bottom: 0; border-radius: 5px; background-color: #36a31b } .slider>.thumb { position: absolute; top: 2px; z-index: 3; width: 20px; height: 20px; background-color: #36a31b; border-radius: 50%; box-shadow: 0 0 0 0 rgba(63, 204, 75, 0.705); transition: box-shadow .3s ease-in-out } .slider>.thumb::after { position: absolute; width: 8px; height: 8px; left: 28%; top: 30%; border-radius: 50%; content: ''; background-color: #fff } .slider>.thumb.left { left: 25%; transform: translate(-15px, -10px) } .slider>.thumb.right { right: 25%; transform: translate(15px, -10px) } .slider>.thumb.hover { box-shadow: 0 0 0 10px rgba(125, 230, 134, 0.507) } .slider>.thumb.active { box-shadow: 0 0 0 10px rgba(63, 204, 75, 0.623) } /* input[type=range] { position: absolute; pointer-events: none; -webkit-appearance: none; z-index: 2; height: 10px; width: 100%; opacity: 0 } input[type=range]::-webkit-slider-thumb { pointer-events: all; width: 30px; height: 30px; border-radius: 0; border: 0 none; background-color: red; -webkit-appearance: none } */ .del { text-decoration: line-through; color: red } @media(max-width:1199.5px) { .card { height: 350px } .price { font-size: 0.9rem } .product-name { font-size: 0.8rem } } @media(max-width: 991.5px) { .navbar-nav { min-width: 290px; position: absolute; left: -168px; bottom: -146px; padding: 20px 10px; display: block; background-image: none; z-index: 2; background-color: #1d1c1cb2 } #filterbar { width: 36% } #sort { background-color: inherit; color: #fff; margin: 0; margin-bottom: 20px; width: 100% } #sort option, #pro option { color: #000 } #pro, #select2, .result { background-color: inherit; color: #fff } .card { height: 345px } .price { font-size: 0.85rem } } @media(max-width: 767.5px) { #filterbar { width: 50% } } @media(max-width: 525.5px) { #filterbar { float: none; width: 100%; margin-bottom: 20px; border-radius: 5px } #content.my-5 { margin-top: 20px !important; margin-bottom: 20px !important } .col-lg-4, .col-md-6 { padding-left: 0 } } @media(max-width: 500.5px) { .pagination { display: none } } div#header { width: 100%; height: 60px; box-shadow: 5px 5px 15px #e8e8e8; background-color: #fff; } .full-height { min-height: 100vh } [type="checkbox"]:checked, [type="checkbox"]:not(:checked) { position: absolute; /* left: -9999px */ } .checkbox:checked+label, .checkbox:not(:checked)+label { position: relative; display: block; text-align: center; width: 60px; height: 16px; border-radius: 8px; padding: 0; margin: 10px auto; cursor: pointer; background-color: #ffeba7 } .checkbox:checked+label:before, .checkbox:not(:checked)+label:before { position: absolute; display: block; width: 36px; height: 36px; border-radius: 50%; color: #ffeba7; background-color: #ef7f6b; /* font: normal normal normal 14px/1 FontAwesome; content: '\f054'; */ content: ''; z-index: 20; top: -10px; left: -10px; line-height: 36px; text-align: center; font-size: 24px; transition: all 0.5s ease; } .checkbox:checked+label:before { transform: translateX(44px) rotate(-270deg) } .card-3d-wrap { position: relative; width: 440px; max-width: 100%; height: 400px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; perspective: 800px; margin-top: 30px; } .card-3d-wrapper { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: all 600ms ease-out } .modal-backdrop.show { opacity: .8 !important; } .card-front, .card-back { width: 100%; height: 500px; background-color: #ffffff; /* background-color: #2a2b38; background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat.svg'); background-position: bottom center; background-repeat: no-repeat; background-size: 300%; */ position: absolute; border-radius: 6px; left: 0; top: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden } .card-back { width: 100%; height: 530px; } .card-back { transform: rotateY(180deg) } .checkbox:checked~.card-3d-wrap .card-3d-wrapper { transform: rotateY(180deg) } .center-wrap { position: absolute; width: 100%; padding: 0 35px; top: 50%; left: 0; transform: translate3d(0, -50%, 35px) perspective(100px); z-index: 20; display: block } .form-group { position: relative; display: block; margin: 0; padding: 0 } .form-style { padding: 13px 20px; padding-left: 25px; height: 48px; width: 100%; font-weight: 500; border-radius: 4px; font-size: 14px; line-height: 22px; letter-spacing: 0.5px; outline: none; color: #000000; background-color: #ffffff; border: none; -webkit-transition: all 200ms linear; transition: all 200ms linear; box-shadow: 0 4px 8px 0 rgb(21 21 21 / 20%); } .form-style:focus, .form-style:active { border: none; outline: none; box-shadow: 0 4px 8px 0 rgba(21, 21, 21, .2) } .input-icon { position: absolute; top: 0; left: 18px; height: 48px; font-size: 24px; line-height: 48px; text-align: left; color: #ffeba7; -webkit-transition: all 200ms linear; transition: all 200ms linear } .login h6 span { padding: 0 20px; text-transform: uppercase; font-weight: 700 } .login .form-group input:-ms-input-placeholder { color: #fff; opacity: 0.7; -webkit-transition: all 200ms linear; transition: all 200ms linear } .login .form-group input::-moz-placeholder { color: #fff; opacity: 0.7; -webkit-transition: all 200ms linear; transition: all 200ms linear } .login .form-group input:-moz-placeholder { color: #fff; opacity: 0.7; -webkit-transition: all 200ms linear; transition: all 200ms linear } .login .form-group input::-webkit-input-placeholder { color: #fff; opacity: 0.7; -webkit-transition: all 200ms linear; transition: all 200ms linear } .login .form-group input:focus:-ms-input-placeholder { opacity: 0; -webkit-transition: all 200ms linear; transition: all 200ms linear } .login .form-group input:focus::-moz-placeholder { opacity: 0; -webkit-transition: all 200ms linear; transition: all 200ms linear } .login .form-group input:focus:-moz-placeholder { opacity: 0; -webkit-transition: all 200ms linear; transition: all 200ms linear } .login .form-group input:focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: all 200ms linear; transition: all 200ms linear } label.custom-control-label { font-size: 14px; } .bg { background: url(../images/img-bg-4.jpg) 50% 40px; padding-bottom: 40px; overflow: hidden; } .breadcrumb { margin-bottom: 0rem !important; } .ps-breadcrumb { margin-bottom: 0px; } .avatarcu { font-size: 15px; /* margin-top: 9px; */ } .avatarcu a { color: #fff; } .avatarcu a:hover { color: #000; text-decoration: none; } /* .ps-banner--home-1 { position: relative; margin-top: 145px; overflow: hidden; width: 100%; height: 339px; } */ .dropdown-menu { position: absolute; top: 70% !important; left: 1% !important; min-width: 97vw !important; -webkit-transform: inherit !important; } li.nav-item.dropdown { position: static; } .dropdown-menu.show { position: absolute; transform: translate3d(13px, 5px, 0px)!important; top: 0px; left: 0px; will-change: transform; } a.nav-link { color: #262626; } .nav-link { display: block; padding: 4px 21px; font-size: 14px; } .scroll-body { /* position: absolute; top: 10px; left: 20px; bottom: 10px; right: 0; padding: 30px; */ overflow-y: auto; overflow-x: hidden; height: 340px; padding: 15px 13px; } .sidebar { width: 300px; } button#addToCart { background-color: #739518; color: #fff !important; } ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background-color: #ebebeb; -webkit-border-radius: 8px; border-radius: 8px; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 8px; border-radius: 8px; background: #b9b5b5; } .offbox { font-size: 44px; font-weight: bold; margin: 0px; line-height: 1em; font-family: 'Merienda One', cursive; } .callout-info { letter-spacing: 2px; font-size: 16px; } .box-title { font-weight: normal; text-transform: uppercase; font-size: 16px; letter-spacing: 2px; color: #000; } .text-04-subscribe { display: flex; flex-wrap: wrap; bottom: 140px; left: 0; width: 100%; align-items: center; } .img-cont img { width: 60px !important; } @media (max-width: 499px) { .text-04-subscribe { display: flex; bottom: 140px; left: 0; width: 100%; flex-direction: column; } .img-cont { width: 100%; display: flex; justify-content: center; } .cnt { display: flex; width: 100%; text-align: justify; font-size: 13px; line-height: 18px !important; } } .cookie-notice p { color: #000; margin-top: 10px; margin-bottom: 10px; } .img-cont { width: 20%; display: flex; justify-content: center; } .cnt { display: flex; width: 80%; text-align: justify; font-size: 13px; line-height: 18px !important; } .form-group.field-text.wrap-email { width: 80%; margin: 0 auto 20px; } .borderless .btn-primary { color: #fff; background-color: #ed184a; border-color: #ed184a; } .borderless img { width: 150px; } #myModal-pop .modal-content { background-color: #fdf9ed !important; } .box-footer { width: 94%; } button.close { font-size: 40px; position: absolute; top: 12px; right: 15px; z-index: 9; } .categories-icon img { padding: 6px; width: auto; display: inline-block; border-radius: 12px; } .categories-icon h3 { font-size: 17px; font-family: 'Poppins', sans-serif; } .notifications { position: fixed; bottom: 20px; left: 50%; width: 190px; background-color: black; margin-left: -95px; color: white; padding: 20px; text-align: center; z-index: 9999; } .qtySelector { border: 1px solid #ddd; width: 107px; height: 35px; margin: 0px 19px 0px; border-radius: 7px 7px 7px 7px; } .qtySelector .fa { padding: 10px 5px; width: 35px; height: 100%; float: left; cursor: pointer; } .qtySelector .fa.clicked { font-size: 12px; padding: 12px 5px; } .qtySelector .fa-minus { border-right: 1px solid #ddd; background: #bdbdbd; border-radius: 5px 0px 0px 5px; } .qtySelector .fa-plus { border-left: 1px solid #ddd; background: #bdbdbd; border-radius: 0px 5px 5px 0px; } .qtySelector .qtyValue { border: none; padding: 5px; width: 35px; height: 100%; float: left; text-align: center } .frameforgot { margin-top: 140px; height: auto; width: 420px; margin-left: auto; margin-right: auto; border-top: solid 1px rgba(255, 255, 255, .5); border-radius: 5px; box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2); overflow: hidden; transition: all .5s ease; background-color: #fff; padding: 25px; } i.ps-icon--search { margin-right: -70px; } .frame { margin-top: 140px; height: 640px; width: 420px; margin-left: auto; margin-right: auto; border-top: solid 1px rgba(255, 255, 255, .5); border-radius: 5px; box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2); overflow: hidden; transition: all .5s ease; background-color: #fff; } .frame-long { height: 820px } .frame-short { height: 400px; margin-top: 50px; box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1) } .frame .nav { width: 100%; padding-top: 20px; opacity: 1; transition: all .5s ease } .nav-up { transform: translateY(-100px); opacity: 0 } .frame li { padding-left: 10px; font-size: 18px; display: inline; text-align: left; text-transform: uppercase; padding-right: 10px; color: #262626; } .signin-active a { padding-bottom: 10px; color: #262626; text-decoration: none; border-bottom: solid 2px #f7c3ba; transition: all .25s ease; cursor: pointer; border-radius: 0px; } .signin-inactive a { padding-bottom: 0; color: #262626; text-decoration: none; border-bottom: none; cursor: pointer } .signup-active a { cursor: pointer; color: #262626; text-decoration: none; border-bottom: solid 2px #f7c3ba; padding-bottom: 10px; border-radius: 0px; } .signup-inactive a { cursor: pointer; color: #262626; text-decoration: none; transition: all .25s ease } .form-signin { width: 430px; /* height: 375px; */ font-size: 16px; font-weight: 300; padding-left: 37px; padding-right: 37px; padding-top: 0px; transition: opacity .5s ease, transform .5s ease } .form-signin-left { transform: translateX(-400px); opacity: .0 } .form-signup { width: 430px; /* height: 375px; */ font-size: 12px; font-weight: 300; padding-left: 37px; padding-right: 37px; padding-top: 20px; position: relative; top: -490px; left: 400px; opacity: 0; transition: all .5s ease } .form-signup-left { transform: translateX(-399px); opacity: 1 } .form-signup-down { top: 0px; opacity: 0 } .frame .title { font-size: 17px; text-transform: uppercase; font-weight: 600; display: inline-block; color: #929395; position: relative; margin-top: 26px; } .frame .title::before { position: absolute; content: ''; width: 40px; height: 1px; background: rgba(0, 0, 0, .2); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 100%; margin-left: 7px } .frame .title::after { position: absolute; content: ''; width: 40px; height: 1px; background: rgba(0, 0, 0, .2); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 100%; margin-right: 7px } .social-links li a .fa-facebook { background: #0069f7 } .social-links li a .fa-google { background: #d1062c } .social-links li { display: inline-block } .social-links li a i { width: 50px; height: 50px; border-radius: 50%; line-height: 50px; display: inline-block; color: #fff; margin: 0 5px; -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 15%); box-shadow: 0 5px 10px rgb(0 0 0 / 15%); text-align: center; } .social-area .title::before { position: absolute; content: ''; width: 40px; height: 1px; background: rgba(0, 0, 0, .2); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 100%; margin-left: 7px } .social-area .title::after { position: absolute; content: ''; width: 40px; height: 1px; background: rgba(0, 0, 0, .2); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 100%; margin-right: 7px } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1340px !important; } } .section-padding { padding: 20px 0px; } .section-gift-by-relation .heading-section { padding-top: 50px; padding-left: 30px; background-color: #f5f5f5; height: 100%; width: 100%; } .section-gift-by-relation .heading-text { font-family: 'Poppins', sans-serif; color: #000; font-size: 32px; line-height: 40px; } .section-gift-by-relation .heading-text span { font-family: 'Poppins', sans-serif; color: #F24242; font-size: 46px; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before { display: table; content: ''; } section-gift-by-relation .slider-gift-by-relation .slide { margin-right: 5px; margin-top: 10px; margin-bottom: 10px; } .slick-slide img { width: 100%; height: 100%; } /* .section-gift-by-relation .slider-gift-by-relation .slide */ .slide-heading { background-color: #000000; color: #fff; font-size: 20px; text-align: center; padding: 10px; font-weight: 400; height: 49px; display: flex; align-items: center; justify-content: center; margin-top: 5px; } .slides a { text-decoration: none; } .heading-section a { text-decoration: none; } @media screen and (max-width:880px) { .section-gift-by-relation .heading-text { font-family: 'Poppins', sans-serif; color: #000; font-size: 25px; line-height: 40px; } .section-gift-by-relation .heading-text span { font-family: 'Poppins', sans-serif; color: #F24242; font-size: 28px; } } @media screen and (max-width:600px) { .section-gift-by-relation .heading-section { margin-top: 0px; margin-left: -14px; padding-bottom: 10px; } .pr-0 { padding-right: 15px !important; } .customize-navigation{ height: 400px; overflow-y: scroll; } } .carousel-indicators { background: #353b3cb5 !important; padding: 10px !important; border-radius: 17px !important; margin-left: 46% !important; margin-right: 46% !important; bottom: 46px !important; } @media screen and (max-width:990px) { .carousel-indicators { background: none !important; } } /* shreya */ .ps-banner--home-1 { position: relative; margin-top: 145px; overflow: hidden; width: 100%; height: 270px; } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 38px !important; height: 38px !important; background: no-repeat 50%/100% 100%; background-color: #44aab8 !important; padding: 10px; background-size: 20px !important; border-radius: 20px !important; margin-top: -100px; } .categories-icon img { height: 100px !important; width: auto !important; margin: auto; } .categories-icon h3 { font-size: 14px; font-family: 'Poppins', sans-serif; } ul.menu.menu--left { margin-top: 0px!important; margin-bottom: 0px!important; } .page-init { margin-top: -30px!important; } .carousel-indicators { background: #353b3cb5 !important; padding: 5px !important; border-radius: 17px !important; margin-left: 46% !important; margin-right: 46% !important; bottom: 130px !important; } /* Shreya */ .carousel-control-next, .carousel-control-prev { position: absolute; top: 32px!important; bottom: 0; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: .5; transition: opacity .15s ease; } /* .carousel-indicators { position: absolute; top: 128px!important; right: -18px!important; } */ .serarch-btn { /* width: 10%; height: 69%; */ display: flex; background: #efefef!important; position: absolute; justify-content: center; align-items: center; right: 16px; } .search-box-desk { display: none; } @media screen and (max-width: 992px) { .oye-img1 img { height: 50px!important; width: auto; margin-top: 5px; } .carousel-indicators { background: #353b3cb5 !important; padding: 5px 8px 11px 8px !important; border-radius: 17px !important; margin-left: 46% !important; margin-right: 46% !important; bottom: 130px !important; } .carousel-indicators { position: absolute; top: 128px!important; right: -18px!important; } .serarch-btn { /* width: 10%; height: 100%; */ display: flex; background: #efefef; position: absolute; justify-content: center; align-items: center; right: 16px; top: 0px; } .sup-nav { font-size: 11px; text-align: right; padding: 9px 0; } .oyecake_head { padding: 0!important; } .oye-de i { font-size: 18px!important; margin-top: 8px; margin-right: 6px; } .left { font-size: 10px!important; float: right!important; } /* .atp{ dispaly:none!important; } .abt input{ display: none !important;; } .abt button{ display: none !important; } */ .doc-cd { margin-top: -50px; } .oye-img { margin-bottom: 15px; } .oy-imag { margin-bottom: 15px; } } @media screen and (max-width:992px) { img.ab-oye { height: auto; width: 100%; object-fit: cover; } .carousel_categories { padding-top: 10px; opacity: 1; display: block; /* margin-top: 120px!important; */ } .mn-search-box { display: none; } .search-box-desk { display: block; } .serarch-btn { /* width: 10%; height: 69%; */ display: flex; background: #efefef!important; position: absolute; justify-content: center; align-items: center; right: 16px; top: 5px!important; } .carousel-indicators li { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 10px !important; height: 6px !important; margin-right: 1px!important; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #ffff !important; background-clip: inherit !important; border-top: initial !important; border-bottom: inherit !important; opacity: .8; transition: opacity .6s ease; border-radius: 67px !important; } .oy-imag { margin-bottom: 15px; } .custom-bars-cart-btn{ position: relative; bottom: 85px; } } @media screen and (max-width:767px) { .oye-img1 img { height: 50px!important; width: auto; margin-top: 36px; } } @media screen and (max-width:500px) { .oye-img1 img { height: 50px!important; width: auto; margin-top: 0px; position: relative; top:37px; } .oye1{ margin-top: 60px; } } /*-------------01-02-2023--------- */ .navigation { background: #e93793; } .slides a:hover{ text-decoration: none !important; } .heading-section a:hover{ text-decoration: none !important; } .ps-product__content a:hover{ text-decoration: none !important; } .menu>li>a{ color: #fff !important; } .menu>li>a:hover { border: none !important; color: #fff !important; } @media screen and (max-width:990px) { .custom-bars-cart-btn{ margin-top: 100px; } .menu>li>a{ color: #000 !important; } .menu>li>a:hover { border: none !important; color: #000 !important; } .menu>li>a:hover { border: none !important; color: #e93793 !important; } } /* 02-02-2023 */ .pro-content{ margin-top: 100px; } .wishlist-content{ margin-top: 100px; } .swipe-to-top { padding: 11px 40px 9px; border: none; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 25px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px !important; background-color: #e93793 !important; margin-bottom: 20px; } .outer{ margin-top: 70px; } .categories-icon img { height: 120px !important; width: 120px !important; } .ps-cart__listing{ height: 400px; overflow-x: scroll; width: 320px; } .icZoomer-pic-wp{ display: none; } @media screen and (max-width: 767px){ .ps-cart .ps-cart__listing { width: 300px; right: -45px; z-index: 9999999; } .custom-bars-cart-btn{ margin-top: 0px; } } /* dropdown 03-02-2023 */ /*----------------sidebar-wrapper----------------*/ .sidebar-wrapper { width: 180px; height: 100%; max-height: 100%; position: absolute; top: 40px; left: 40px; z-index: 9999999; } .sidebar-wrapper ul { list-style-type: none; padding: 0; margin: 0; } .sidebar-wrapper a { text-decoration: none; } /*-----------------------sidebar-search------------------------*/ .sidebar-wrapper .sidebar-search>div { padding: 10px 20px; } /*----------------------sidebar-menu-------------------------*/ .sidebar-wrapper .sidebar-menu { padding-bottom: 10px; background: #fff; border-radius: 5px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } .sidebar-wrapper .sidebar-menu .header-menu span { font-weight: bold; font-size: 14px; padding: 15px 20px 5px 20px; display: inline-block; } .sidebar-wrapper .sidebar-menu ul li a { width: 100%; text-decoration: none; position: relative; padding: 8px 8px 2px 15px; display: block; font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 16px; letter-spacing: 0em; text-align: left; color: #ED217C; font-family: 'Poppins', sans-serif; } .sidebar-wrapper .sidebar-menu ul li a i { margin-right: 10px; font-size: 20px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; } .top-c img{ height: 50px; width:50px; border-radius: 50%; } .sidebar-wrapper{ display: none; } .main-wrapers-add{ position: fixed; right: 20px; top: 130px; z-index: 9999; } .warper-addvertisement{ height: 400px; width: 350px; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 10px; padding: 10px; } .warper-addvertisement{ position: relative; } .cross{ position: absolute; top: 5px; right: 15px; content: ''; font-size: 30px; color: #44aab8; font-weight: 100 !important; cursor: pointer; } .add-head { font-family: 'Poppins', sans-serif; color: #e93793 !important; font-size: 15px; } .a-parent{ display: flex; align-items: center; margin-top: 30px; } .a-head{ font-family: 'Poppins', sans-serif; font-size: 35px; color: #000; font-weight: 700; } .a-para-text-main{ color: #e93793; font-family: 'Poppins', sans-serif; font-size: 20px; margin-bottom: 5px; } .a-para-text{ color: #44aab8; font-family: 'Poppins', sans-serif; font-size: 14px; margin-bottom: 5px; } .egless{ color: #e93793; font-family: 'Poppins', sans-serif; font-size: 40px; margin-bottom: 0px; text-transform:capitalize; } .eglise-child{ color: #000; font-family: 'Poppins', sans-serif; font-size: 16px; text-align: center; font-weight: 500; text-transform:capitalize; } .cakes-parent{ display: flex; justify-content: space-around; } .egles-img img{ height: 150px; width:150px; } .number-add-p{ display: flex; align-items: center; justify-content: space-between; } .adon-page { color: #46d2d8; font-size: 21px; font-family: 'Poppins'; font-weight: 500; } .addon-title-abc { height: 25px !important; font-size: 16px !important; } /*21/02*/ @media screen and (max-width:767px) { .add-item li { width: 100%; padding: 7px; } img.img-fluid.addonprod { width: 70%; margin-bottom: 10px; height: auto; } .input-group{ position: relative; display: flex; flex-wrap: nowrap!important; align-items: stretch; width: 100%; } .input-group-prepend { width: auto!important; } li.timeslottable a { padding: 0px!important; white-space: nowrap; } li.timeslottable { font-size: 12px; } .modal-header .close { font-size: 26px!important; padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } h4.modal-title.adon-page { font-size: 13px!important; } } .addon-head{ display: flex; align-items: center; justify-content: space-around; } .cart-line{ width: 100px; height: 2px; background-color: #e93793; } .cart-box-ad{ display: flex; align-items: center; justify-content: center; } .cart-img-ad img{ width:75px; } .cart-text-ad{ margin-top:10px; } .cart-text-ad h4{ color: #287aa7; font-size: 15px !important; } .cart-text-ad h6{ font-size: 13px; } @media screen and (max-width:767px) { .carousel-item img { height: 150px !important; } } .carousel_categories .owl-buttons{ display: none !important; } @media screen and (max-width:1300px) { .owl-buttons{ display: none !important; } .aniver-head-p{ font-size: 22px !important; } .aivers-head{ font-size: 20px !important; } .slide-heading{ font-size: 13px !important; } .section-gift-by-relation .heading-text{ font-size: 22px !important; } .section-gift-by-relation .heading-text span{ font-size: 20px !important; } } @media screen and (max-width:990px) { .mx-overflow{ height: 180px; overflow-y: scroll; } #news-slider .owl-item { margin: 10px 0px 30px 0px; box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px; } } /* ------27-12-2023 added-by-anjani */ @media screen and (max-width: 767px){ #wrapper-c-box { padding: 0px 20px !important; margin: 0px; height: 4px; } .ck_btnn a button { margin: 7px; } .flex-column { font-size: 12px; } .unit-left i { top: 15px; position: relative; } .new-contact-info li { padding: 8px 0px; display: flex; font-size: 12px; } .social-child a i { height: 40px !important; width: 40px !important; background-color: #fff; color: #e93793; font-size: 14px !important; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .custom-bgs { padding: 20px 20px 20px 20px !important; } #zoomer{ display: none !important; } .ps-product--detail .ps-product__name{ font-size: 20px; } .ps-product--detail .ps-product__price{ font-size: 20px; } .share-oyck i{ font-size: 30px; } .ps-section .ps-section__title { font-size: 27px !important; } .previewPane{ height: 280px !important; } .imgkey{ height: 60px !important; width: 60px !important; } } .post-slide { margin-bottom: 10px; } #newest_product .owl-item{ margin: 0!important; } #news-slider .owl-item { margin: 0px!important; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; } .ps-footer { padding: 0px 0 35px!important; } @media screen and (max-width: 1300px) { #newest_product .owl-buttons { display: block!important; } #news-slider .owl-buttons { display: block!important; } } @media screen and (max-width: 767px) { #newest_product.owl-theme .owl-controls { display: block !important; } #news-slider.owl-theme .owl-controls { display: block !important; } .unit-left i { top: 19px!important; position: relative; } .home-small-banner-bottom { padding: 0px 0; } } /*new css for responsive 29/04/2024 */ .ps-product .ps-product__thumbnail img { width: 100%; height: 230px; object-fit: cover; } @media (max-width: 479px) { .ps-product .ps-product__thumbnail { margin: 0!important; } } @media screen and (max-width: 767px) { .mb-50 { margin-bottom: 10px; } .ps-section .ck_btnn { margin-top: 20px!important; } } @media screen and (max-width: 520px) { .owl-theme .owl-controls .owl-buttons div{ width: 30px; height: 30px; padding: 6px!important; } .owl-prev { position: absolute; top: 19vh; left: -18px; } .owl-controls .owl-page, .owl-controls .owl-buttons div { display: inline-block; margin-right: 30px; } }