/*-----------------------------------------------------------------------------------
Template Name: Weiboo - Multipurpose eCommerce HTML Template
Author: Parv Infotech
Version: 1.0
-----------------------------------------------------------------------------------
CSS INDEX
===================
01. Variables
02. Base CSS
03. Animation
04. Functions
05. Main Menu
06. Mixins
07. Fonts
08. breadcrumb
09. Mobile-menu
10. Fonts
11. Typography
12. Preloader
13. Reset
14. btn
15. Header
16. Banner
17. Sections
18. Footer
19. Buttons
20. feature
21. testimonial
22. blog
23. contact
24. case
25. counter
26. price
27. team
28. history
29. chose
30. widget
31. faq
32. video
-----------------------------------------------------------------------------------*/
/*@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"); */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
* {
margin: 0;
padding: 0;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-family:Inter,system-ui,-apple-system,Segoe UI,"Fredoka","Roboto","Helvetica Neue",Arial,sans-serif !important;
position: relative;
overflow-x: hidden;
}
body {
font-family: 'Inter', sans-serif !important;
}
@media (max-width: 768px) {
body {
font-family: Inter, sans-serif !important;
}
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
/* Product image section */
.product-image-container,
.product-image-wrapper,
.product-gallery {
width: 100%;
max-width: 100%;
min-width: 0;
overflow: hidden;
box-sizing: border-box;
}
/* Actual product image */
.product-image-container img,
.product-image-wrapper img,
.product-gallery img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
object-fit: contain;
box-sizing: border-box;
}
/* Mobile */
@media (max-width: 768px) {
.product-image-container,
.product-image-wrapper,
.product-gallery {
width: 100%;
max-width: 100vw;
min-width: 0;
overflow: hidden;
}
.product-image-container img,
.product-image-wrapper img,
.product-gallery img {
width: 100%;
max-width: 100%;
height: auto;
object-fit: contain;
}
}
a {
-webkit-transition: color 200ms;
transition: color 200ms;
color: #040404;
text-decoration: none;
}
a:hover {
color: unset;
}
a,
span {
display: inline-block;
}
h1,
h2,
h3,
h4,
h5,
h6,
span,
a {
color: #040404;
margin: 0;
}
p {
margin-bottom: 0;
color: #777777;
}
:root[data-theme=dark] body {
background: black;
}
:root[data-theme=dark] .logo {
display: none;
}
:root[data-theme=dark] a {
color: #fff;
}
:root[data-theme=dark] a:hover {
color: unset;
}
:root[data-theme=dark] h1,
:root[data-theme=dark] h2,
:root[data-theme=dark] h3,
:root[data-theme=dark] h4,
:root[data-theme=dark] h5,
:root[data-theme=dark] h6,
:root[data-theme=dark] p {
color: #fff;
}
:root[data-theme=dark] .header-catagory-bar {
background: #121416;
}
:root[data-theme=dark] .rts-post {
border-bottom: 1px solid rgb(37, 37, 37) !important;
}
:root[data-theme=dark] .rts-post .contents .post-title a {
color: #fff;
}
button {
outline: none;
border: none;
background: unset;
}
input {
border: none;
outline: none;
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
list-style: none;
}
img {
-webkit-transition: -webkit-transform 0.6s ease;
transition: -webkit-transform 0.6s ease;
transition: transform 0.6s ease;
transition: transform 0.6s ease, -webkit-transform 0.6s ease;
max-width: 100%;
}
i {
-webkit-transition: all 100ms;
transition: all 100ms;
}
.anywere,
.anywere-home {
background: #0E1013;
position: fixed;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 500ms ease-in-out;
transition: opacity 500ms ease-in-out;
pointer-events: none;
z-index: 50;
}
.anywere.show,
.anywere-home.show {
visibility: visible;
pointer-events: visible;
}
.anywere.bgshow,
.anywere-home.bgshow {
background: #0E1013;
opacity: 70%;
visibility: visible;
pointer-events: visible;
z-index: 60;
}
.rts-post .post-picture img,
.rts-post-medium .post-picture img,
.rts-post-small .post-picture img,
.side-post .post-picture img {
width: 100%;
}
.rts-post .post-title a,
.rts-post .side-post-title a,
.rts-post-medium .post-title a,
.rts-post-medium .side-post-title a,
.rts-post-small .post-title a,
.rts-post-small .side-post-title a,
.side-post .post-title a,
.side-post .side-post-title a {
/* fill effect */
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #1a1a1a), color-stop(50%, transparent));
background-image: linear-gradient(to right, #1a1a1a 50%, transparent 50%);
background-size: 200% 2px;
background-repeat: no-repeat;
background-position: 100% 100%;
-webkit-transition: background-position 500ms ease-out;
transition: background-position 500ms ease-out;
}
.rts-post .post-title a:hover,
.rts-post .side-post-title a:hover,
.rts-post-medium .post-title a:hover,
.rts-post-medium .side-post-title a:hover,
.rts-post-small .post-title a:hover,
.rts-post-small .side-post-title a:hover,
.side-post .post-title a:hover,
.side-post .side-post-title a:hover {
background-position: 0% 100%;
color: #0E1013;
}
.rts-post p,
.rts-post-medium p,
.rts-post-small p,
.side-post p {
color: #404040;
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
.post-bottom-info .item,
.action-bar .item,
.post-info .item {
color: #4E4E4E;
font-weight: 400;
font-size: 14px;
line-height: 16px;
padding-right: 10px;
margin-right: 10px;
position: relative;
}
.post-bottom-info .item img,
.action-bar .item img,
.post-info .item img {
width: 14px;
height: 14px;
margin-right: 5px;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
.post-bottom-info .item::before,
.action-bar .item::before,
.post-info .item::before {
content: "";
position: absolute;
top: 2px;
right: -4px;
width: 2px;
height: 77%;
background: rgb(186, 186, 186);
}
.post-bottom-info .item:last-child,
.action-bar .item:last-child,
.post-info .item:last-child {
padding-right: 0;
margin-right: 0;
}
.post-bottom-info .item:last-child::before,
.action-bar .item:last-child::before,
.post-info .item:last-child::before {
display: none;
}
@media (max-width: 450px) {
.wg-pdp-thumb-rail {
display: flex !important;
align-items: center;
justify-content: center;
gap: 4px;
}
.wg-pdp-thumb-viewport {
width: auto !important;
overflow: visible !important;
}
.wg-pdp-thumbs {
display: flex !important;
justify-content: center !important;
align-items: center !important;
transform: none !important;
margin: 0 auto !important;
padding: 0 !important;
}
.wg-pdp-thumb {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
flex: 0 0 42px !important;
}
.wg-section-card { padding:10px !important; }
.weekly-deal-card {
min-width: 100% !important;
}
.post-bottom-info a::before,
.post-bottom-info span::before,
.action-bar a::before,
.action-bar span::before,
.post-info a::before,
.post-info span::before {
display: none;
}
}
.author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.author .author-dp {
margin-right: 10px;
}
.author .content {
margin-bottom: -1px;
}
.author .content .author-name {
font-size: 16px;
line-height: 18px;
color: #031424;
}
.author .content .title {
font-size: 12px;
color: #777777;
font-weight: 400;
}
.author-box {
padding: 40px 25px;
padding-top: 50px;
background: #F5F5F5;
text-align: center;
}
.author-box .author-dp {
margin-bottom: 25px;
}
.author-box .author-dp img {
border-radius: 50%;
padding: 15px;
border: 1px solid #E7E7E7;
}
.author-box .author-name {
font-weight: 700;
font-size: 18px;
line-height: 21px;
}
.author-box p {
font-weight: 400;
font-size: 15px;
line-height: 22px;
margin-bottom: 20px;
}
.rts-post {
border-bottom: 1.7px solid #E7E7E7;
padding-bottom: 24px;
margin-bottom: 40px;
}
.rts-post .post-picture {
width: 100%;
margin-bottom: 20px;
border-radius: 10px;
overflow: hidden;
}
.rts-post .post-picture:hover img {
-webkit-transform: scale(110%);
transform: scale(110%);
}
.rts-post .post-picture img {
width: 100%;
-webkit-transition: -webkit-transform 500ms;
transition: -webkit-transform 500ms;
transition: transform 500ms;
transition: transform 500ms, -webkit-transform 500ms;
}
.rts-post.rts-post-large .post-title a {
font-weight: 700;
font-size: 30px;
line-height: 36px;
margin-bottom: 10px;
}
@media (max-width: 1200px) {
.rts-post {
margin-bottom: 15px !important;
padding-bottom: 10px !important;
}
.auth-sell-center{padding: 0 !important;}
}
@media (max-width: 410px) {
.rts-post .post-bottom-info {
margin-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.rts-post .post-bottom-info .item {
margin-bottom: 10px;
}
.rts-post .post-bottom-info .item::before {
display: none;
}
.rts-post .post-bottom-info a {
margin-bottom: 8px;
}
}
@media (max-width: 900px) {
.rts-post-large .contents .post-title a,
.rts-post-2-large .contents .post-title a {
max-width: unset;
font-size: 23px;
line-height: 30px;
}
.wg-contact-hero-card{
padding: 10px !important;
padding-top: 29px !important;
}
.wg-contact-shell{
padding: 0 !important;
max-width: 100% !important;
}
}
@media (max-width: 576px) {
.swiper-slide .flex-wrap.d-flex.align-items-center.justify-content-between {
display: block !important;
text-align: center;
}
.swiper-slide .product-item.product-item4 {
text-align: center;
}
.rts-post-large .contents .post-title a,
.rts-post-2-large .contents .post-title a {
max-width: unset;
font-size: 23px;
line-height: 30px;
}
}
@media (max-width: 500px) {
.rts-post-large .contents .post-title a,
.rts-post-2-large .contents .post-title a {
font-size: 23px;
line-height: 30px;
}
}
@media (max-width: 440px) {
.rts-post-large .contents .post-title a,
.rts-post-2-large .contents .post-title a {
font-size: 20px;
line-height: 27px;
}
}
@media (max-width: 400px) {
.rts-post-large .contents,
.rts-post-2-large .contents {
bottom: 0 !important;
}
.rts-post-large .contents .news-catagory-tag-2,
.rts-post-2-large .contents .news-catagory-tag-2 {
margin-bottom: 5px;
}
.rts-post-large .contents .post-title,
.rts-post-2-large .contents .post-title {
margin-bottom: 0;
}
.rts-post-large .contents .post-title a,
.rts-post-2-large .contents .post-title a {
font-size: 22px;
line-height: 22px;
}
}
.rts-post-medium {
border-bottom: 1.7px solid #E7E7E7;
padding-bottom: 10px;
margin-bottom: 14px;
}
.rts-post-medium:hover .post-picture img {
-webkit-transform: scale(110%);
transform: scale(110%);
}
.rts-post-medium .post-picture {
overflow: hidden;
margin-bottom: 10px;
}
.rts-post-medium .news-catagory-tag {
font-weight: 700;
font-size: 13px;
line-height: 15px;
}
.rts-post-medium .post-title {
font-weight: 700;
font-size: 20px;
line-height: 26px;
max-width: 270px;
}
.rts-post-medium .post-title a {
background-size: 200% 1px;
}
@media (max-width: 1200px) {
.rts-post-medium {
margin-bottom: 10px;
margin-bottom: 15px !important;
}
.rts-post-medium .contents .post-title {
max-width: inherit !important;
}
}
@media (max-width: 859px) {
.rts-post-medium .contents .post-title {
font-size: 16px;
line-height: 24px;
}
}
@media (max-width: 576px) {
.rts-post-medium .contents .post-title {
max-width: unset;
font-size: 23px;
line-height: 30px;
}
.branddiv h3.text-center.text-white.mb-4{
color: black !important;
padding-top: 10px;
}
}
@media (max-width: 500px) {
.rts-post-medium .contents .post-title {
font-size: 23px;
line-height: 30px;
}
}
@media (max-width: 410px) {
.rts-post-medium .post-bottom-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.rts-post-medium .post-bottom-info a {
margin-bottom: 0;
}
}
.rts-post-small {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 10px;
margin-bottom: 10px;
}
.rts-post-small:hover .post-picture img {
-webkit-transform: scale(110%);
transform: scale(110%);
}
.rts-post-small:last-child {
padding-bottom: 0;
margin-bottom: 0;
border: none;
}
.rts-post-small .post-picture {
max-width: 95px;
margin-right: 20px;
margin-bottom: 0;
}
.rts-post-small .news-catagory-tag {
font-weight: 700;
font-size: 13px;
line-height: 15px;
}
.rts-post-small .post-title {
font-weight: 700;
font-size: 16px;
line-height: 20px;
margin-bottom: 5px;
}
.rts-post-small .post-title a {
background-size: 200% 1px;
}
@media (max-width: 1200px) {
.rts-post-small {
margin-bottom: 10px;
margin-bottom: 10px;
}
}
@media (max-width: 859px) {
.rts-post-small .contents .post-title {
font-size: 16px;
line-height: 24px;
}
}
@media (max-width: 410px) {
.rts-post-small .post-bottom-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.rts-post-small .post-bottom-info a {
margin-bottom: 0;
}
}
.recent-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 25px;
}
.recent-post:hover .picture img {
-webkit-transform: scale(110%);
transform: scale(110%);
}
.recent-post:last-child {
margin-bottom: 0;
}
.recent-post .picture {
margin-right: 20px;
}
.recent-post .recent-post-title {
margin-bottom: 5px;
}
.recent-post .recent-post-title a {
color: #fff;
}
.recent-post .recent-post-title a:hover {
color: #FF1856;
}
.recent-post span,
.recent-post a {
color: #B9BCC0;
font-weight: 400;
font-size: 14px;
line-height: 16px;
}
.recent-post span img,
.recent-post a img {
margin-right: 5px;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.recent-post .span-icon {
-webkit-filter: brightness(2);
filter: brightness(2);
}
.trending-news-area {
border: 1px solid #E7E7E7;
border-radius: 4px;
padding: 10px 23px;
padding-left: 0;
position: relative;
}
.trending-news-area .trending-post {
border-bottom: 1.7px solid #E7E7E7;
padding-bottom: 13px;
margin-bottom: 9px;
padding-left: 23px;
}
.trending-news-area .trending-post:last-child {
border-bottom: none;
margin-bottom: 0;
}
.trending-news-area .trending-post .post-title {
position: relative;
}
.trending-news-area .trending-post .post-title a {
font-weight: 600;
font-size: 18px;
line-height: 22px;
background-size: 200% 1px;
}
.trending-news-area .trending-post .post-title img {
margin-right: 5px !important;
}
.trending-news-area .trending-post .post-title::before {
content: "";
position: absolute;
top: -4px;
left: -24px;
width: 4px;
height: 0;
background: #FF1856;
-webkit-transition: height 500ms;
transition: height 500ms;
}
.trending-news-area .trending-post .post-title:hover::before {
height: 110%;
}
.trending-news-area .trending-post .post-author {
color: #4E4E4E;
font-weight: 400;
font-size: 14px;
line-height: 16px;
}
.trending-news-area .swiper-pag {
padding-left: 23px;
padding-bottom: 5px;
}
.trending-news-area .swiper-pagination-bullet {
padding: 0px 3px;
font-size: 5px;
border-radius: 50%;
background: #CFD4DB;
margin-right: 7px;
}
.trending-news-area .swiper-pagination-bullet-active {
background: #FF1856;
padding: 0px 4.5px;
font-size: 7px;
}
.news-catagory-tag {
color: #1D72FF;
font-family: "Roboto";
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 15px;
text-transform: uppercase;
position: relative;
padding-left: 10px;
margin-bottom: 10px;
}
.news-catagory-tag::before {
content: "";
position: absolute;
top: 0;
left: 0px;
width: 2px;
height: 85%;
background: #1D72FF;
}
.news-catagory-tag-2 {
color: #fff;
font-weight: 700;
font-size: 13px;
line-height: 15px;
background: #FF1856;
padding: 5px 15px;
display: -ms-grid;
display: grid;
place-items: center;
margin-bottom: 15px;
display: inline-block;
text-transform: none;
}
.news-catagory-tag-2:hover {
color: #fff;
}
.news-catagory-tag-2::before {
display: none;
}
.side-stories .type-tag {
background: #0E1013;
width: 150px;
height: 30px;
margin-top: 7px;
margin-bottom: 33px;
}
.post-age {
color: #4E4E4E;
font-weight: 400;
font-size: 13px;
line-height: 15px;
}
.post-age-2 {
color: #868686 !important;
font-weight: 400;
font-size: 13px;
line-height: 15px;
}
.post-age-2::before {
display: none;
}
.social-popularity .platform {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #FFFFFF;
-webkit-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
margin-bottom: 8px;
padding: 6px;
-webkit-transition: -webkit-transform 500ms;
transition: -webkit-transform 500ms;
transition: transform 500ms;
transition: transform 500ms, -webkit-transform 500ms;
}
.social-popularity .platform:hover {
-webkit-transform: scale(110%);
transform: scale(110%);
}
.social-popularity .platform span {
font-weight: 500;
font-size: 14px;
line-height: 20px;
}
.social-popularity .platform i {
color: #fff;
width: 50px;
aspect-ratio: 1;
display: -ms-grid;
display: grid;
place-items: center;
margin-right: 15px;
}
.social-popularity .platform i.facebook {
background: #3B5998;
}
.social-popularity .platform i.twitter {
background: #1DA1F2;
}
.social-popularity .platform i.linkedin {
background: #0077B5;
}
.social-popularity .platform i.dribbble {
background: #EA4C89;
}
.social-popularity .platform i.youtube {
background: #EC1D1D;
}
@media (max-width: 1200px) {
.social-popularity .platform:hover {
-webkit-transform: scale(101%);
transform: scale(101%);
}
}
.social-popularity-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.social-popularity-2 .platform {
padding: 0;
width: 135px;
color: #fff;
margin-bottom: 7px;
}
.social-popularity-2 .platform i {
aspect-ratio: 1;
margin-right: 0;
background: transparent;
background: #3C5A98;
margin-right: 10px;
}
.social-popularity-2 .platform .followers-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.social-popularity-2 .platform .followers-info .number {
font-weight: 500;
font-size: 16px;
line-height: 14px;
}
.social-popularity-2 .platform .followers-info .type {
font-weight: 400;
font-size: 12px;
line-height: 14px;
}
.social-popularity-2 .platform.facebook {
background: #496FBF;
}
.social-popularity-2 .platform.facebook i {
background: #3C5A98;
}
.social-popularity-2 .platform.twitter {
background: #1DA1F2;
}
.social-popularity-2 .platform.twitter i {
background: #0089DD;
}
.social-popularity-2 .platform.linkedin {
background: #0077B5;
}
.social-popularity-2 .platform.linkedin i {
background: #005582;
}
.social-popularity-2 .platform.youtube {
background: #FF3A3A;
}
.social-popularity-2 .platform.youtube i {
background: #FF0000;
}
@media (max-width: 1230px) {
.social-popularity-2 {
-ms-flex-wrap: unset;
flex-wrap: unset;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.social-popularity-2 .platform {
width: 100%;
}
}
.news-topbar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 25px;
}
@media (max-width: 768px) {
.news-topbar {
margin-bottom: 15px !important;
}
}
@media (max-width: 400px) {
.news-topbar {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.news-topbar .section-title,
.news-topbar .section-title-2 {
margin-bottom: 15px;
}
}
.filter-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #52565C;
cursor: pointer;
}
.filter-buttons .filter-btn {
padding: 8px 20px;
background: #F5F5F5;
color: #0E1013;
margin-right: 5px;
font-weight: 600;
font-size: 13px;
line-height: 15px;
-webkit-transition: background 500ms;
transition: background 500ms;
}
.filter-buttons .filter-btn:hover, .filter-buttons .filter-btn.active {
background: #1D72FF;
color: #fff;
}
.filter-buttons .filter-btn:last-child {
margin-right: 0;
}
.post-pagination-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.post-pagination-area .pag-item {
width: 45px;
aspect-ratio: 1;
display: -ms-grid;
display: grid;
place-items: center;
background: #F5F5F5;
color: #0E1013;
font-weight: 500;
font-size: 16px;
line-height: 19px;
margin-right: 10px;
-webkit-transition: all 500ms;
transition: all 500ms;
}
.post-pagination-area .pag-item:hover {
background: #1D72FF;
color: #fff;
}
.type-tag {
color: #fff;
font-weight: 700;
font-size: 15px;
line-height: 26px;
width: 135px;
height: 25px;
padding-right: 15px;
padding-left: 5px;
display: -ms-grid;
display: grid;
place-items: center;
background: #FF1856;
border-radius: 5px 18px 0 0;
-webkit-clip-path: polygon(0 0, 92% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 92% 0, 100% 100%, 0% 100%);
}
.section-type-tag {
color: #fff;
font-weight: 700;
font-size: 30px;
padding-right: 40px;
padding-left: 20px;
display: -ms-grid;
display: grid;
place-items: center;
background: #0E1013;
border-radius: 5px 5px 0px 5px;
-webkit-clip-path: polygon(0 0, 92% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 92% 0, 100% 100%, 0% 100%);
}
@media (max-width: 900px) {
.section-type-tag {
font-size: 20px;
padding: 5px 10px;
padding-right: 20px;
}
}
.section-header {
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.section-header .section-title {
margin-bottom: 0;
}
@media (max-width: 980px) {
.section-header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
margin-bottom: 20px;
}
.section-header .section-title {
margin-bottom: 13px;
}
.section-header .section-header-item {
margin-bottom: 20px;
}
}
.section-header.section-header2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section-header.section-header3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section-header.section-header5 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.section-header.section-header6 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.section-title {
color: #040404;
font-weight: 700;
font-size: 30px;
line-height: 39px;
margin-bottom: 40px;
}
@media (max-width: 768px) {
.section-title {
font-size: 25px;
line-height: 30px;
}
}
.section-title-2 {
color: #040404;
font-size: 40px;
line-height: 52px;
margin-bottom: 40px;
}
@media (max-width: 768px) {
.section-title-2 {
font-size: 24px;
line-height: 30px;
margin-bottom: 15px;
}
}
.section-title-3::before {
background: #1D72FF;
}
.section-header4 {
border-bottom: 1px solid #eeeeee;
padding-bottom: 10px;
margin-bottom: 50px;
}
@media (max-width: 768px) {
.section-header4 {
margin-bottom: 25px;
}
.section-header4 .section-title {
margin-bottom: 7px;
}
}
.section-header4 .section-title {
font-size: 24px;
color: #031424;
}
.section-header4 .go-btn {
font-size: 14px;
color: #071e34;
}
.section-header4 .go-btn:hover i {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.section-header4 .go-btn i {
margin-left: 5px;
}
.section-pretitle {
font-size: 14px;
line-height: 18px;
color: var(--theme-color);
}
.section-pretitle2 {
font-size: 14px;
line-height: 18px;
color: var(--theme-color);
background: #fff;
padding: 3px 15px;
-webkit-box-shadow: -16px 0px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: -16px 0px 32px 0px rgba(0, 0, 0, 0.06);
border-radius: 6px;
}
.page-title {
color: #0E1013;
font-weight: 700;
font-size: 50px;
line-height: 54px;
}
.post-type-tag {
font-weight: 700;
font-size: 20px;
line-height: 23px;
padding: 7px 0;
padding-right: 40px;
padding-left: 20px;
display: -ms-grid;
display: grid;
place-items: center;
background: #0E1013;
color: #fff;
border-radius: 5px 5px 0px 5px;
-webkit-clip-path: polygon(0 0, 92% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 92% 0, 100% 100%, 0% 100%);
}
.wide-border {
width: 35%;
height: 1px;
background: #E7E7E7;
margin-right: auto;
margin-left: 30px;
}
.sticky-content {
top: -120px;
position: sticky;
}
@media (max-width: 1200px) {
.sticky-content {
top: 0;
}
}
.side-content {
-webkit-transform: translateY(-56px);
transform: translateY(-56px);
}
@media (max-width: 1200px) {
.side-content {
-webkit-transform: translate(0);
transform: translate(0);
margin-top: 20px;
}
}
.side-content-title {
color: #0E1013;
font-weight: 700;
font-size: 22px;
line-height: 26px;
margin-bottom: 30px;
padding-left: 10px;
position: relative;
}
.side-content-title::before {
position: absolute;
left: 0;
content: "";
width: 4px;
height: 100%;
background: #FF1856;
}
.rts-tags ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
padding-left: 0;
}
.rts-tags .tag-item {
display: inline-block;
font-weight: 500;
font-size: 13px;
line-height: 15px;
padding: 5px 13px;
border-radius: 2px;
border: 1px solid #E7E7E7;
margin-right: 7px;
margin-bottom: 7px;
}
.rts-tags .tag-item:hover {
background: #FF1856;
color: #fff;
border: 1px solid #FF1856;
}
.more-btn i {
margin-left: 5px;
}
@media (max-width: 400px) {
.more-btn {
padding: 9px 10px !important;
font-size: 12px !important;
}
}
.social-links {
margin-top: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 10;
position: relative;
}
.social-links .platform {
width: 40px;
aspect-ratio: 1;
display: -ms-grid;
display: grid;
place-items: center;
margin-right: 7px;
border: 2px solid rgba(255, 255, 255, 0.1);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 6px;
color: #fff;
-webkit-transition: background 500ms;
transition: background 500ms;
}
.social-links .platform i {
font-size: 14px;
}
.social-links .platform:hover {
background: #1D72FF;
}
.social-links-2 .platform {
width: 0;
margin-right: 20px;
}
.social-links-2 .platform i {
color: #868686;
}
.social-links-2 .platform:hover {
background: none;
}
.social-links-2 .platform:hover i {
color: #FF1856 !important;
}
.social-links-noborder .platform {
border: none !important;
width: 0 !important;
height: 0 !important;
padding-right: 15px !important;
}
.rts-post-2 {
border: 1px solid #E7E7E7;
-webkit-transition: all 500ms;
transition: all 500ms;
}
.rts-post-2:hover {
-webkit-box-shadow: 0px 3px 5px rgba(14, 16, 19, 0.14);
box-shadow: 0px 3px 5px rgba(14, 16, 19, 0.14);
}
.rts-post-2 .post-picture {
overflow: hidden;
}
.rts-post-2 .post-picture img {
width: 100%;
}
.rts-post-2:hover .post-picture img {
-webkit-transform: scale(110%);
transform: scale(110%);
}
.rts-post-2 .contents {
padding-top: 30px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 30px;
}
.rts-post-2 .contents p {
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
.rts-post-2 .news-catagory-tag-2 {
color: #fff;
font-weight: 700;
font-size: 13px;
line-height: 15px;
background: #FF1856;
padding: 5px 15px;
display: -ms-grid;
display: grid;
place-items: center;
margin-bottom: 15px;
display: inline-block;
text-transform: none;
}
.rts-post-2 .news-catagory-tag-2::before {
display: none;
}
.rts-post-2 .post-title {
max-width: 500px;
margin-bottom: 10px;
}
.rts-post-2 .post-title a {
font-weight: 700;
font-size: 26px;
line-height: 32px;
}
.rts-post-2 .post-title a {
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #0E1013), color-stop(50%, transparent));
background-image: linear-gradient(to right, #0E1013 50%, transparent 50%);
background-size: 200% 2px;
background-repeat: no-repeat;
background-position: 100% 100%;
-webkit-transition: background-position 500ms ease-out;
transition: background-position 500ms ease-out;
}
.rts-post-2 .post-title a:hover {
background-position: 0% 100%;
}
.rts-post-2 .post-bottom-info,
.rts-post-2 .post-info {
margin-bottom: 20px;
}
.rts-post-2 .post-bottom-info .item,
.rts-post-2 .post-info .item {
font-weight: 400;
font-size: 14px;
line-height: 16px;
padding-right: 10px;
margin-right: 10px;
position: relative;
}
.rts-post-2 .post-bottom-info .item img,
.rts-post-2 .post-info .item img {
width: 14px;
height: 14px;
margin-right: 5px;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
.rts-post-2 .post-bottom-info .item::before,
.rts-post-2 .post-info .item::before {
content: "";
position: absolute;
top: 2px;
right: -4px;
width: 2px;
height: 77%;
background: rgb(186, 186, 186);
display: none;
}
.rts-post-2 .post-bottom-info .item:last-child,
.rts-post-2 .post-info .item:last-child {
padding-right: 0;
margin-right: 0;
}
.rts-post-2 .post-bottom-info .item:last-child::before,
.rts-post-2 .post-info .item:last-child::before {
display: none;
}
.rts-post-2 .post-bottom-info .post-author::before,
.rts-post-2 .post-info .post-author::before {
display: none;
}
.rts-post-2 .read-more {
margin-top: 20px;
background: transparent;
border: 2px solid rgba(255, 255, 255, 0.1);
padding: 10px 25px;
-webkit-transition: all 500ms;
transition: all 500ms;
}
.rts-post-2 .read-more a {
color: #fff;
font-weight: 500;
font-size: 13px;
line-height: 15px;
}
.rts-post-2 .read-more:hover {
background: #FF1856;
border: 2px solid #FF1856;
}
@media (max-width: 520px) {
.rts-post-2 .contents {
padding: 20px;
}
.rts-post-2 .contents .post-title a {
font-size: 24px;
line-height: 30px;
}
}
@media (max-width: 420px) {
.rts-post-2 .contents .post-title a {
font-size: 20px;
line-height: 25px;
}
}
.separator {
position: absolute;
top: 5px;
right: -25px;
width: 2px;
height: 60%;
background: #d8c5c5;
}
.border-btn {
display: inline-block;
background: transparent;
padding: 10px 25px;
border: 2px solid #E7E7E7;
color: #0E1013;
font-weight: 500;
font-size: 13px;
line-height: 15px;
-webkit-transition: all 500ms;
transition: all 500ms;
}
.border-btn:hover {
color: #fff;
background: #FF1856;
border: 2px solid #FF1856;
}
.border-btn i {
margin-left: 5px;
}
.read-more-btn {
display: inline-block;
margin-top: 50px;
font-weight: 600;
font-size: 14px;
line-height: 16px;
position: relative;
}
.read-more-btn:hover {
color: #FF1856;
}
.read-more-btn::before {
content: "";
position: absolute;
bottom: -1px;
left: 0px;
width: 100%;
height: 1px;
background: #0E1013;
}
.read-more-btn:hover i {
color: #FF1856;
}
.read-more-btn:hover::before {
background: #FF1856;
}
.read-more-btn i {
margin-left: 2px;
}
.view-all-link {
font-weight: 700;
font-size: 14px;
line-height: 18px;
}
.view-all-link i {
margin-left: 10px;
}
.view-all-link:hover {
color: var(--theme-color);
}
.rts-post-2-medium .post-title a {
font-size: 20px;
line-height: 24px;
background-size: 200% 1px;
}
.rts-post-2-small .post-title a {
font-size: 16px;
line-height: 20px;
font-weight: 600;
background-size: 200% 1px;
}
.rts-post-2-small .post-bottom-info {
margin-top: 4px;
}
.rts-post-2-inside {
position: relative;
border: none;
}
.rts-post-2-inside::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
background-image: linear-gradient(transparent, black);
z-index: 1;
-webkit-transition: all 500ms;
transition: all 500ms;
pointer-events: none;
}
.rts-post-2-inside:hover:before {
height: 100%;
}
.rts-post-2-inside .post-title a {
color: #fff;
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, transparent));
background-image: linear-gradient(to right, #ffffff 50%, transparent 50%);
background-size: 200% 2px;
background-repeat: no-repeat;
background-position: 100% 100%;
-webkit-transition: background-position 500ms ease-out;
transition: background-position 500ms ease-out;
}
.rts-post-2-inside .post-title a:hover {
background-position: 0% 100%;
}
.rts-post-2-inside .contents {
padding: 0;
position: absolute;
bottom: 30px;
left: 30px;
z-index: 1;
}
.rts-post-2-inside .contents .post-bottom-info .item {
color: #fff;
}
.rts-post-2-inside .contents .post-bottom-info .item img {
-webkit-filter: brightness(100);
filter: brightness(100);
}
@media (max-width: 1200px) {
.rts-post-2-inside:before {
height: 100%;
}
}
.rts-post-2-inside.rts-post-2-medium .contents {
left: 10px;
bottom: 10px;
}
@media (max-width: 859px) {
.rts-post-2-inside .contents .post-title {
font-size: 25px;
}
}
@media (max-width: 500px) {
.rts-post-2-inside .contents .post-title {
font-size: 23px;
line-height: 30px;
}
}
@media (max-width: 440px) {
.rts-post-2-inside .contents {
padding-left: 0 !important;
left: 10px;
padding-left: 0;
}
.rts-post-2-inside .contents .post-title {
font-size: 20px;
line-height: 27px;
}
}
@media (max-width: 400px) {
.rts-post-2-inside .contents .post-title a {
font-size: 17px;
line-height: 25px;
}
}
.rts-post-2-wide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-post-2-wide .post-picture {
max-width: 370px;
width: 100%;
}
.rts-post-2-wide .contents {
padding: 0 25px;
}
.rts-post-2-wide .contents .post-title {
margin-bottom: 10px;
max-width: unset;
}
.rts-post-2-wide .contents .post-title a {
font-weight: 700;
font-size: 24px;
line-height: 34px;
}
.rts-post-2-wide .contents p {
margin-bottom: 10px;
}
.rts-post-2-wide .contents .read-more-btn {
margin-top: 15px;
}
@media (max-width: 1080px) {
.rts-post-2-wide .contents .post-title a {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 768px) {
.rts-post-2-wide {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.rts-post-2-wide .post-picture {
max-width: unset;
width: 100%;
margin-bottom: 20px;
}
.rts-post-2-wide .read-more-btn {
margin-top: 15px;
margin-bottom: 30px;
}
}
@media (max-width: 400px) {
.rts-post-2-wide .contents {
padding: 0 17px;
}
.rts-post-2-wide .contents .post-title a {
font-weight: 700;
font-size: 20px;
line-height: 26px;
display: inline-block;
}
}
@media (max-width: 330px) {
.rts-post-2-wide .post-bottom-info-3 .content .post-date {
margin-top: 5px;
display: block !important;
}
.rts-post-2-wide .post-bottom-info-3 .content .post-date .post-age::before {
display: none;
}
}
@media (max-width: 860px) {
.popular-stories .rts-post-small .contents .post-title a {
font-size: 18px !important;
}
}
@media (max-width: 440px) {
.popular-stories .rts-post-small .contents .post-title a {
font-size: 16px !important;
}
}
.shop-now-box {
display: inline-block;
overflow: hidden;
position: relative;
}
.shop-now-box .picture {
position: relative;
}
.shop-now-box .picture::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #040404;
opacity: 0;
z-index: 1;
-webkit-transition: opacity 500ms;
transition: opacity 500ms;
}
.shop-now-box:hover img {
-webkit-transform: scale(110%);
transform: scale(110%);
}
.shop-now-box:hover::before {
opacity: 40%;
}
.shop-now-box .contents {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 60px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 3;
}
.shop-now-box .contents .collection-text {
font-size: 12px;
line-height: 16px;
color: #EE403D;
}
.shop-now-box .contents .title {
font-size: 30px;
line-height: 39px;
color: #fff;
margin-bottom: 45px;
}
@media (max-width: 1200px) {
.shop-now-box {
width: 100%;
}
.shop-now-box .picture {
width: 100%;
}
.shop-now-box .picture img {
width: 100%;
}
}
@media (max-width: 768px) {
.shop-now-box .contents .title {
font-size: 24px;
}
}
.shop-now-box.shop-now-box2 {
position: relative;
}
.shop-now-box.shop-now-box2 .collection-text {
min-width: 200px;
position: absolute;
top: -5px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: #fff;
padding: 15px 20px;
border-radius: 7px;
z-index: 2;
}
.shop-now-box.shop-now-box2 .contents .title {
margin-bottom: 20px;
}
.collection-box-wide {
overflow: hidden;
position: relative;
}
.collection-box-wide:hover img {
-webkit-transform: scale(110%);
transform: scale(110%);
}
.collection-box-wide:hover::before {
opacity: 0.4;
}
.collection-box-wide .box-bg {
width: 705px;
position: relative;
}
.collection-box-wide .box-bg::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #040404;
opacity: 0;
z-index: 1;
-webkit-transition: opacity 500ms;
transition: opacity 500ms;
}
.collection-box-wide .box-bg img {
width: 100%;
}
.collection-box-wide .contents {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
text-align: center;
}
.collection-box-wide .contents .pretitle {
color: #fff;
font-weight: 700;
font-size: 12px;
line-height: 16px;
}
.collection-box-wide .contents .title {
color: #fff;
font-weight: 700;
font-size: 30px;
line-height: 39px;
}
@media (max-width: 768px) {
.collection-box-wide .contents .title {
font-size: 24px;
}
}
.filterd-items {
visibility: visible;
opacity: 1;
position: relative;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 1.2s;
transition: all 1.2s;
height: auto;
}
.filterd-items.hide {
visibility: hidden;
opacity: 0;
position: absolute;
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: none;
transition: none;
height: 0;
overflow: hidden;
}
.filterd-items2.hide {
visibility: hidden;
opacity: 0;
position: absolute;
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: none;
transition: none;
height: 0;
overflow: hidden;
}
.newsletter {
position: relative;
background: #F5F5F5;
padding: 40px 20px;
}
.newsletter .newsletter-icon {
margin-bottom: 10px;
max-width: 60px;
}
.newsletter .newsletter-title {
color: #0E1013;
font-weight: 700;
font-size: 24px;
line-height: 28px;
}
.newsletter p {
color: #0E1013;
font-weight: 400;
font-size: 15px;
line-height: 18px;
margin-bottom: 20px;
}
.newsletter form {
width: 100%;
}
.newsletter .input-div {
width: 100%;
margin-bottom: 15px;
}
.newsletter input {
width: 100%;
color: #737373;
font-size: 14px;
padding: 15px;
-webkit-box-shadow: 0px 2px 4px rgba(14, 16, 19, 0.1);
box-shadow: 0px 2px 4px rgba(14, 16, 19, 0.1);
}
.newsletter .subscribe-btn {
background: #1D72FF;
color: #fff;
padding: 10px 20px;
font-weight: 500;
font-size: 13px;
line-height: 15px;
-webkit-transition: background 500ms;
transition: background 500ms;
}
.newsletter .subscribe-btn:hover {
background: #4e92ff;
}
.newsletter .foating-elements {
position: absolute;
bottom: 20px;
right: 20px;
}
.instagram-moments {
margin-left: 15px;
}
.instagram-moments .col-xl-4 {
padding: 0;
}
.instagram-moments .moment-picture {
position: relative;
margin-bottom: 10px;
margin-right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.instagram-moments .moment-picture::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0%;
-webkit-transition: opacity 500ms;
transition: opacity 500ms;
}
.instagram-moments .moment-picture img {
width: 100%;
}
.instagram-moments .moment-picture:hover .ig-icon {
-webkit-transform: translate(-50%, -50%) scale(100%);
transform: translate(-50%, -50%) scale(100%);
opacity: 1;
}
.instagram-moments .moment-picture:hover::before {
opacity: 30%;
}
.instagram-moments .moment-picture .ig-icon {
position: absolute;
top: 50%;
left: 50%;
color: #fff;
font-size: 20px;
-webkit-transform: translate(-50%, -50%) scale(60%);
transform: translate(-50%, -50%) scale(60%);
opacity: 0;
-webkit-transition: all 500ms;
transition: all 500ms;
}
@media (max-width: 1200px) {
.news-box-container {
max-width: 700px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.scroll-top-btn {
display: inline-block;
background: #1D72FF;
width: 40px;
height: 60px;
text-align: center;
border-radius: 20px;
position: fixed;
bottom: 30px;
right: 30px;
-webkit-transition: all 500ms;
transition: all 500ms;
visibility: hidden;
-webkit-transform: translateY(100px);
transform: translateY(100px);
z-index: 99;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: -3px 3px 7px 0px rgba(0, 0, 0, 0.076);
box-shadow: -3px 3px 7px 0px rgba(0, 0, 0, 0.076);
}
.scroll-top-btn i {
color: #fff;
}
.scroll-top-btn .arrow-up {
margin-top: 5px;
margin-bottom: 10px;
}
.scroll-top-btn:hover {
bottom: 40px;
}
.scroll-top-btn1 {
background: #EE403D;
}
.scroll-top-btn1.scroll-top-btn2 {
background: var(--theme-color);
}
.scroll-top-btn4 {
background: var(--theme-color);
}
.scroll-top-btn4 i {
color: #0E1013;
}
.navbar-sticky {
-webkit-animation: none;
animation: none;
}
.sticked-navbar .logo {
display: none;
}
.sticky-menu,
.sticky-menu-mobile {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
background: #fff;
-webkit-box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.16);
z-index: 50;
-webkit-animation: slideDown 0ms;
animation: slideDown 0ms;
}
.sticky-menu .navbar-part1 .rts-menu,
.sticky-menu-mobile .navbar-part1 .rts-menu {
padding: 7px 20px;
margin-top: 0;
}
.sticky-menu .navbar-part1 .rts-menu .menu-item,
.sticky-menu-mobile .navbar-part1 .rts-menu .menu-item {
color: #0E1013;
background: transparent;
}
.sticky-menu .sticked-navbar .logo,
.sticky-menu-mobile .sticked-navbar .logo {
display: block;
}
.sticky-menu .quick-weather,
.sticky-menu-mobile .quick-weather {
display: none;
}
.sticky-menu .navbar-part,
.sticky-menu-mobile .navbar-part {
margin-bottom: 0 !important;
}
.sticky-menu .header-action-items,
.sticky-menu-mobile .header-action-items {
margin-top: 0 !important;
}
.sticky-menu-mobile {
display: none;
}
@media (max-width: 900px) {
.sticky-menu-mobile {
display: block;
}
}
.navbar-coupon-code {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px 0;
}
.navbar-coupon-code .icon {
margin-right: 10px;
}
.navbar-coupon-code .content span {
display: block;
}
.navbar-coupon-code .content .title {
color: #6f8294;
font-size: 10px;
line-height: 18px;
}
.navbar-coupon-code .content .code {
color: #fff;
font-size: 14px;
line-height: 18px;
}
.scroll-top-btn.jumpTop {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.slider-div {
position: relative;
min-width: 130%;
right: 0;
}
.slider-navigation {
position: absolute;
width: 100%;
bottom: 377px;
left: 0;
z-index: 3;
}
.slider-navigation .slider-btn {
width: 60px;
height: 60px;
border-radius: 50%;
background: #fff;
color: #040404;
}
.slider-navigation .slider-btn:hover {
background: var(--theme-color);
color: #fff;
}
.slider-navigation .slider-btn::after {
display: none;
}
.slider-navigation .slider-btn.swiper-button-disabled {
opacity: 1;
pointer-events: all;
cursor: pointer;
}
.slider-navigation .slider-btn.swiper-button-disabled i {
opacity: 1;
}
@media (max-width: 1480px) {
.slider-navigation {
left: 0;
}
}
@media (max-width: 1200px) {
.slider-navigation {
position: relative;
bottom: 160px;
left: -30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.slider-navigation .slider-btn {
position: relative;
}
.slider-navigation .slider-btn {
-webkit-box-shadow: 5px 8px 14px 2px rgba(0, 0, 0, 0.13);
box-shadow: 5px 8px 14px 2px rgba(0, 0, 0, 0.13);
}
}
@media (max-width: 700px) {
.slider-navigation {
bottom: 100px;
}
}
.product-item {
position: relative;
}
.product-item .product-price .old-price {
color: #999999;
text-decoration: line-through;
margin-left: 5px;
font-weight: 600;
}
.product-item .product-features {
position: absolute;
top: 5%;
left: 10%;
-webkit-transition: all 300ms;
transition: all 300ms;
z-index: 1;
}
.product-item .product-features .product-tag {
width: 50px;
height: 25px;
font-size: 12px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6px;
background: #fff;
color: #fff;
margin-bottom: 10px;
}
.product-item .product-features .product-tag.new-tag {
background: #72a398;
}
.product-item .product-features .product-tag.hot-tag {
background: #4b46b9;
}
.product-item .product-features .product-tag.discount-tag {
background: #d83232;
}
.product-item .product-features.product-features3 .product-tag {
height: 50px;
border-radius: 50%;
}
.product-item .product-features.product-features3 .product-tag.new-tag {
background: #ffbd27;
color: #040404;
}
.product-item .product-features.product-features3 .product-tag.hot-tag {
background: var(--theme-color);
}
.product-item .product-features.product-features2 .product-tag {
height: 50px;
border-radius: 50%;
}
.product-item .product-features.product-features2 .product-tag.new-tag {
background: var(--theme-color);
}
.product-item .product-features.product-features2 .product-tag.hot-tag {
background: var(--theme-color);
}
.product-item .product-actions {
position: absolute;
top: 5%;
right: 10%;
visibility: hidden;
opacity: 0;
-webkit-transform: translateX(10px);
transform: translateX(10px);
-webkit-transition: all 300ms;
transition: all 300ms;
z-index: 1;
}
.product-item .product-actions .product-action {
width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6px;
background: #fff;
color: #040404;
margin-bottom: 10px;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.108);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.108);
}
.product-item .product-actions.product-actions2 .product-action {
border-radius: 50%;
}
.product-item:hover .product-actions {
visibility: visible;
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.image-hover-variations {
margin-bottom: 0 !important;
}
.image-hover-variations .image-vari2 {
max-width: 0;
opacity: 0;
position: absolute;
-webkit-transform: scale(1);
transform: scale(1);
}
.image-hover-variations .image-vari1 {
opacity: 1;
position: relative;
}
.image-hover-variations .image-vari {
height: auto;
overflow: hidden;
-webkit-transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, transform 1s;
transition: opacity 1s, transform 1s, -webkit-transform 1s;
}
.image-hover-variations .image-vari img {
width: 100%;
}
.image-hover-variations {
display: block;
overflow: hidden;
background: #E5E5E5;
}
.image-hover-variations:hover .image-vari1 {
opacity: 0;
max-width: 0;
position: absolute;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.image-hover-variations:hover .image-vari2 {
opacity: 1;
max-width: 100%;
position: relative;
-webkit-transform: scale(105%);
transform: scale(105%);
}
.image-slider-variations {
display: block;
}
.image-slider-variations .swiper {
margin-bottom: -23px;
}
.image-slider-variations .slider-buttons {
visibility: hidden;
opacity: 0;
-webkit-transform: scale(90%);
transform: scale(90%);
position: absolute;
top: 130px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 15px;
-webkit-transition: all 500ms;
transition: all 500ms;
z-index: 10;
}
.image-slider-variations .slider-buttons .slider-btn {
background: #fff;
padding: 10px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.image-slider-variations .slider-buttons .slider-btn i {
color: #0E1013;
}
.image-slider-variations3 .swiper {
margin-bottom: 0;
}
.image-gallery-variations {
display: block;
overflow: visible;
-webkit-transition: -webkit-transform 0.7s;
transition: -webkit-transform 0.7s;
transition: transform 0.7s;
transition: transform 0.7s, -webkit-transform 0.7s;
}
.image-gallery-variations .swiper {
margin-bottom: -23px;
}
.image-gallery-variations3 .swiper {
margin-bottom: 0;
}
.thumbs-area {
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
position: absolute;
bottom: 107px;
left: 60px;
width: 100%;
z-index: 20;
-webkit-transition: opacity 0.7s, visibility 0.7s ease, -webkit-transform 0.7s;
transition: opacity 0.7s, visibility 0.7s ease, -webkit-transform 0.7s;
transition: transform 0.7s, opacity 0.7s, visibility 0.7s ease;
transition: transform 0.7s, opacity 0.7s, visibility 0.7s ease, -webkit-transform 0.7s;
}
.thumbs-area .swiper-slide {
border: 3px solid #F5F5F5;
cursor: pointer;
}
.element-item2:hover .slider-buttons {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.element-item3:hover .image-gallery-variations {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
.element-item3:hover .thumbs-area {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.action-item .icon {
position: relative;
}
.icon-dot {
width: 18px;
aspect-ratio: 1;
border-radius: 50%;
background: var(--theme-color);
color: #fff;
font-size: 12px;
font-weight: normal;
position: absolute;
top: -11px;
right: -14px;
display: -ms-grid;
display: grid;
place-items: center;
}
.cart-bar.show {
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.cart-bar {
position: fixed;
z-index:99999999999 !important;
top: 0;
right: 0;
background: #fff;
width: 360px;
min-height: 100%;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
transform: translateX(100%);
transition: all .5s ease;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
visibility: hidden;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 100;
max-height: 700px;
}
.cart-bar .cart-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #E7E7E7;
}
.cart-bar .cart-header .cart-heading {
font-size: 17px;
font-weight: 500;
color: #404040;
}
.cart-bar .product-area3 .product-item .bottom-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cart-bar .product-item {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid #E7E7E7;
}
.cart-bar .product-item:last-child {
margin-bottom: 0;
}
.cart-bar .product-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cart-bar .product-detail span {
display: inline-block;
line-height: 19px !important;
}
.cart-bar .product-detail .product-thumb {
margin-right: 15px;
max-width: 75px;
}
.cart-bar .product-detail .product-name {
font-size: 14px;
font-weight: 400;
color: #0E1013;
}
.cart-bar .product-detail .product-variation span {
color: #868686;
font-family: roboto;
font-weight: 400;
font-size: 13px;
line-height: 15px;
}
.cart-bar .product-detail .product-qnty {
margin-right: 5px;
}
.cart-bar .product-detail .product-qnty,
.cart-bar .product-detail .product-price {
color: #404040;
font-weight: 500;
font-size: 13px;
font-family: roboto;
}
.cart-bar .cart-edit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.cart-bar .cart-edit .item-wrapper {
display: inline-block;
}
.cart-bar .cart-edit .quantity-edit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: 1px solid #E7E7E7;
padding: 3px 10px;
border-radius: 5px;
margin-bottom: 3px;
}
.cart-bar .cart-edit .quantity-edit input {
text-align: center;
max-width: 40px;
}
.cart-bar .cart-edit .quantity-edit button {
background: none;
font-size: 0;
}
.cart-bar .cart-edit .quantity-edit button i {
font-size: 14px;
color: #C0C0C0;
}
.cart-bar .cart-edit .product-edit {
margin-right: 15px;
}
.cart-bar .cart-edit .product-edit i {
font-size: 13px;
color: #868686;
}
.cart-bar .cart-edit .delete-cart i {
font-size: 16px;
color: #4E4E4E;
margin-top: 5px;
}
.cart-bar .cart-bottom-area {
margin-top: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cart-bar .cart-bottom-area .spend-shipping {
margin-bottom: 30px;
background: #F5F5F5;
padding: 10px 15px;
font-size: 12px;
font-weight: 500;
color: #404040;
text-align: center;
}
.cart-bar .cart-bottom-area .spend-shipping .amount {
font-weight: 700;
color: #040404;
}
.cart-bar .cart-bottom-area .spend-shipping i {
font-size: 15px;
margin-right: 7px;
}
.cart-bar .cart-bottom-area .total-price {
font-size: 18px;
color: #868686;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
}
.cart-bar .cart-bottom-area .cart-btn {
width: 100%;
padding: 10px 20px;
border-radius: 7px;
font-size: 14px;
text-align: center;
-webkit-transition: all 300ms;
transition: all 300ms;
}
.cart-bar .cart-bottom-area .checkout-btn {
border: 1px solid #EE403D;
margin-bottom: 10px;
color: #EE403D;
}
.cart-bar .cart-bottom-area .checkout-btn:hover {
background: #EE403D;
color: #fff;
}
.cart-bar .cart-bottom-area .view-btn {
border: 1px solid transparent;
background: #EE403D;
color: #fff;
}
@media (max-width: 768px) {
.cart-bar {
width: 100%;
}
}
.close-cart {
cursor: pointer;
}
.rating-stars-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rating-stars-group .rating-star i {
font-size: 14px;
color: #B79B6C;
margin-right: 5px;
}
.rating-stars-group .rating-star.blank-star i {
color: #CDCDCD;
}
.product-item4 {
padding: 40px;
border: 1px solid #eeeeee;
border-radius: 6px;
}
.product-item2 .product-item4:hover .product-image img {
-webkit-transform: scale(110%);
transform: scale(110%);
}
.product-item2 .product-item4 .product-image {
overflow: hidden;
margin-bottom: 20px !important;
}
.product-item2 .product-item4 .bottom-content {
text-align: center;
}
.product-item2 .product-item4 .bottom-content .product-catagory {
display: block;
font-size: 12px;
color: #999999;
margin-bottom: 5px;
}
.product-item2 .product-item4 .bottom-content .product-name {
font-weight: 700 !important;
font-size: 16px !important;
}
.product-item2 .product-item4 .bottom-content .action-wrap .product-price {
color: var(--theme-color);
}
.product-item2 .product-item4.element-item3 .thumbs-area {
bottom: 102px;
}
.cart-bar-inner .checkout-btn:hover {
color: #fff !important;
}
.product-item.product-item4:hover .action-wrap .addto-cart {
-webkit-transform: translateY(-27px);
transform: translateY(-27px);
}
.product-item.product-item4 .product-catagory {
font-size: 12px;
color: #777777;
display: block;
}
.product-item.product-item4 .product-name {
font-size: 16px;
color: #031424;
margin-bottom: 10px;
}
.product-item.product-item4 .action-wrap {
max-height: 25px;
}
.product-item.product-item4 .product-price {
font-size: 16px;
color: #040404;
}
.product-item.product-item4 .wishlist-btn {
display: inline-block;
margin-left: auto;
background: none;
-webkit-transition: color 200ms !important;
transition: color 200ms !important;
}
.product-item.product-item4 .wishlist-btn:hover {
color: red;
}
.product-item.product-item4 .flex-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-box {
background-image: url("../images/background/productbg.webp");
background-size: cover;
background-repeat: no-repeat;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 7px;
overflow: hidden;
}
.product-box:hover .product-thumb {
-webkit-transform: scale(105%);
transform: scale(105%);
}
.product-box .product-thumb {
-webkit-transition: -webkit-transform 300ms;
transition: -webkit-transform 300ms;
transition: transform 300ms;
transition: transform 300ms, -webkit-transform 300ms;
}
.product-box.product-box-large {
padding: 146px 80px;
margin-right: 10px;
position: relative;
}
.product-box.product-box-large .product-thumb {
max-width: 530px;
position: absolute;
right: 10%;
}
.product-box.product-box-large .product-thumb img {
max-width: 100%;
}
.product-box.product-box-large .pretitle {
font-size: 14px;
padding: 4px 20px;
border-radius: 5px;
margin-bottom: 25px;
background: var(--theme-color);
}
.product-box.product-box-large .product-title {
font-size: 50px;
line-height: 60px;
font-weight: 400;
color: #031424;
margin-bottom: 30px;
}
.product-box.product-box-large .product-title span {
font-weight: 700;
}
.product-box.product-box-large .product-price {
padding: 10px 40px;
padding-bottom: 20px;
background: #fff;
border-radius: 7px;
font-size: 30px;
line-height: 30px;
color: #ef262c;
}
.product-box.product-box-large .product-price span {
font-size: 12px;
color: #031424;
display: block;
}
.product-box.product-box-medium {
padding: 40px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 15px;
}
.product-box.product-box-medium:hover .product-thumb {
-webkit-transform: scale(105%);
transform: scale(105%);
}
.product-box.product-box-medium.product-box-bg {
background-image: url("../images/background/productbghover.webp");
background-size: 120%;
}
.product-box.product-box-medium.product-box-bg .contents .pretitle {
color: #c7c7c7;
}
.product-box.product-box-medium.product-box-bg .contents .product-title {
color: #fff;
}
.product-box.product-box-medium.product-box-bg .contents .product-title span {
color: #fff;
}
.product-box.product-box-medium.product-box-bg .contents p {
color: #fff;
}
.product-box.product-box-medium.product-box-bg .contents .go-btn {
color: #fff;
}
.product-box.product-box-medium .product-thumb {
max-width: 95px;
}
.product-box.product-box-medium .contents .pretitle {
font-size: 14px;
padding: 2px 20px;
border-radius: 5px;
margin-bottom: 20px;
background: var(--theme-color);
}
.product-box.product-box-medium .contents .product-title {
font-size: 24px;
line-height: 34px;
color: #c9c9c9;
font-weight: 500;
}
.product-box.product-box-medium .contents .product-title span {
color: #031424;
font-weight: 700;
}
.product-box.product-box-medium .contents p {
font-size: 14px;
line-height: 34px;
color: #777777;
margin-bottom: 0;
}
.product-box.product-box-medium .go-btn {
font-size: 14px;
line-height: 34px;
color: #777777;
}
.product-box.product-box-medium .go-btn:hover {
color: #040404;
}
.product-box.product-box-medium .go-btn:hover i {
margin-left: 7px;
}
.product-box.product-box-medium .go-btn i {
margin-left: 3px;
}
.product-box.product-box-medium.product-box-medium2 .pretitle {
background: none;
padding: 0;
font-size: 20px;
line-height: 32px;
color: #ef262c;
margin-bottom: 0;
}
.product-box.product-box-medium.product-box-medium2 .product-title {
font-size: 24px;
line-height: 32px;
font-weight: 400;
color: #031424;
margin-bottom: 25px;
}
.product-box.product-box-medium.product-box-medium3 .pretitle {
background: none;
padding: 0;
font-size: 12px;
line-height: 34px;
color: #ef262c;
margin-bottom: 0;
letter-spacing: 3px;
}
.product-box.product-box-medium.product-box-medium3 .product-title {
font-size: 30px;
line-height: 34px;
color: #031424;
margin-bottom: 25px;
}
.detail-product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.detail-product .product-thumb img {
width: 100%;
}
.detail-product .side-box .product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 46px 40px;
border-radius: 6px;
border: 1px solid #e7e7e7;
}
.detail-product .side-box .product .product-thumb {
max-width: 410px;
margin-bottom: 10px;
}
.detail-product .side-box .product .contents {
width: 100%;
position: relative;
}
.detail-product .side-box .product .contents .product-catagory {
font-size: 12px;
color: #777777;
margin-bottom: 0;
font-weight: 400;
}
.detail-product .side-box .product .contents .product-title {
font-size: 16px;
line-height: 20px;
color: #031424;
margin-bottom: 5px;
}
.detail-product .side-box .product .contents .product-price {
font-size: 16px;
color: #0070dc;
margin-bottom: 0;
}
.detail-product .side-box .product .contents .product-price .old-price {
font-size: 16px;
margin-left: 10px;
}
.detail-product .side-box .product .contents .cart-btn {
position: absolute;
bottom: 10px;
right: 30px;
background: #00a046;
}
.detail-product .side-box .product .contents .cart-btn i {
color: #fff;
}
.detail-product .section-header .flex-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.detail-product .section-header .countdown {
margin-left: 10px;
}
.detail-product .section-header .go-btn {
color: #0070dc;
}
.detail-product .contents .rating-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
.detail-product .contents .rating-area .rating-qnty {
font-size: 14px;
color: #777777;
}
.detail-product .contents .rating-area .rating-stars-group .rating-star i {
color: #ffbd27;
}
.detail-product .contents .product-title {
font-size: 24px;
line-height: 34px;
color: #031424;
margin-bottom: 30px;
max-width: 315px;
}
.detail-product .contents .product-price {
font-size: 50px;
line-height: 34px;
color: #0070dc;
margin-bottom: 35px;
}
.detail-product .contents .product-price .old-price {
font-size: 30px;
color: #cad0d6;
font-weight: 400;
text-decoration: line-through;
}
.detail-product .product-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.detail-product button {
display: block;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6px;
padding: 0 15px;
background: none;
border: 1px solid #e7e7e7;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}
.detail-product button:hover {
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.169);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.169);
}
.detail-product .select-option-btn {
font-size: 16px;
line-height: 34px;
padding: 0 20px;
font-weight: 700;
margin-right: 10px;
}
.detail-product .wishlist-btn {
margin-right: 10px;
}
.flex-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.countdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.countdown .countdown-el {
background: #0070dc;
width: 37px;
height: 37px;
padding: 4px;
border-radius: 5px;
margin-right: 5px;
padding-left: 9px;
}
.countdown .countdown-el .value {
margin-top: 9px;
margin-bottom: 1px;
font-size: 14px;
color: #fff;
font-weight: 700;
line-height: 0;
}
.countdown .countdown-el span {
font-size: 10px;
font-weight: 400;
color: #94caff;
line-height: 0;
}
.cart-edit {
margin-right: 20px;
}
.cart-edit .quantity-edit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 3px 10px;
border-radius: 5px;
}
.cart-edit .quantity-edit input {
text-align: center;
max-width: 55px;
font-size: 16px;
font-weight: 700;
color: #040404;
}
.cart-edit .quantity-edit button {
background: none;
font-size: 0;
}
.cart-edit .quantity-edit button i {
font-size: 16px;
color: #d3d3d3;
}
.side-sticky {
position: sticky;
position: -webkit-sticky;
top: 0;
}
.menu-tag {
color: #fff;
border-radius: 4px;
padding: 1px 5px;
font-size: 10px;
margin-left: 7px;
}
.new-tag {
background: var(--theme-color);
}
.hot-tag {
background: #B79B6C;
}
.rts-newsletter-popup {
position: fixed;
top: 20%;
left: 50%;
max-width: 605px;
width: 90%;
border-radius: 6px;
background: #fff;
z-index: 99;
visibility: hidden;
-webkit-transform: translateX(-50%) scale(70%);
transform: translateX(-50%) scale(70%);
opacity: 0;
-webkit-transition: all 300ms;
transition: all 300ms;
-webkit-animation: pop 300ms;
animation: pop 300ms;
}
.rts-newsletter-popup.popup {
visibility: visible;
-webkit-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
opacity: 1;
}
.rts-newsletter-popup .newsletter-inner {
padding: 75px 50px;
}
.rts-newsletter-popup .newsletter-inner .newsletter-heading {
font-size: 30px;
margin-bottom: 10px;
}
.rts-newsletter-popup .newsletter-inner p {
margin-bottom: 30px;
}
.rts-newsletter-popup .newsletter-inner .input-div {
width: 100%;
border-radius: 6px;
border: 1px solid #f0f0f0;
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
.rts-newsletter-popup .newsletter-inner input {
padding: 20px 25px;
width: 100%;
padding-right: 90px;
}
.rts-newsletter-popup .newsletter-inner .input-icon {
position: absolute;
right: 0;
top: 0;
width: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-left: 1px solid #f0f0f0;
height: 100%;
}
.rts-newsletter-popup .newsletter-inner .subscribe-btn {
padding: 20px 0;
width: 100%;
border-radius: 6px;
background: #EE403D;
color: #fff;
font-size: 16px;
}
.rts-newsletter-popup .newsletter-inner .subscribe-btn:hover {
background: #000;
}
.rts-newsletter-popup .newsletter-close-btn {
width: 50px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
border-radius: 50%;
position: absolute;
top: -50px;
right: -50px;
cursor: pointer;
}
.rts-newsletter-popup .newsletter-close-btn:hover i {
color: red;
}
.rts-newsletter-popup .newsletter-close-btn i {
color: #040404;
font-size: 18px;
}
@media (max-width: 768px) {
.rts-newsletter-popup .newsletter-close-btn {
top: -60px;
right: -10px;
}
.rts-newsletter-popup .newsletter-inner {
padding: 40px 20px;
}
.rts-newsletter-popup .newsletter-inner .newsletter-heading {
font-size: 23px;
}
.rts-newsletter-popup .newsletter-inner input {
padding: 15px 20px;
}
}
.products-area3 .product-item .bottom-content {
text-align: left;
}
.products-area3 .product-item .bottom-content .product-catagory {
display: block;
font-size: 12px;
color: #999999;
}
.products-area3 .product-item .bottom-content .product-name {
font-size: 16px;
color: #777777;
font-weight: 500;
line-height: 35px;
}
.products-area3 .product-item .bottom-content .product-price {
color: var(--theme-color);
}
/**------------------------------------------------------------------
* Animation Start Here
*/
@-webkit-keyframes zoom-in-out-bg {
0% {
background-size: 100%;
}
50% {
background-size: 150%;
}
100% {
background-size: 100%;
}
}
@keyframes zoom-in-out-bg {
0% {
background-size: 100%;
}
50% {
background-size: 150%;
}
100% {
background-size: 100%;
}
}
@-webkit-keyframes slide-down {
0% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes slide-down {
0% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes slide-up {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
}
@keyframes slide-up {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
100% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
opacity: 0;
}
}
@-webkit-keyframes slideDown {
0% {
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideDown {
0% {
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes marquee {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@keyframes marquee {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@-webkit-keyframes pop {
0% {
-webkit-transform: scale(0) translateX(-50%);
transform: scale(0) translateX(-50%);
}
60% {
-webkit-transform: scale(105%) translateX(-50%);
transform: scale(105%) translateX(-50%);
}
100% {
-webkit-transform: scale(1) translateX(-50%);
transform: scale(1) translateX(-50%);
}
}
@keyframes pop {
0% {
-webkit-transform: scale(0) translateX(-50%);
transform: scale(0) translateX(-50%);
}
60% {
-webkit-transform: scale(105%) translateX(-50%);
transform: scale(105%) translateX(-50%);
}
100% {
-webkit-transform: scale(1) translateX(-50%);
transform: scale(1) translateX(-50%);
}
}
@-webkit-keyframes pulse-border {
0% {
-webkit-transform: scale(100%);
transform: scale(100%);
opacity: 1;
}
100% {
-webkit-transform: scale(140%);
transform: scale(140%);
opacity: 0;
}
}
@keyframes pulse-border {
0% {
-webkit-transform: scale(100%);
transform: scale(100%);
opacity: 1;
}
100% {
-webkit-transform: scale(140%);
transform: scale(140%);
opacity: 0;
}
}
/*jump animation */
@-webkit-keyframes jump-1 {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40% {
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes jump-1 {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40% {
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.marquee {
position: relative;
width: 100vw;
max-width: 100%;
height: 200px;
overflow-x: hidden;
}
.track {
position: absolute;
white-space: nowrap;
will-change: transform;
-webkit-animation: marquee 32s linear infinite;
animation: marquee 32s linear infinite;
}
@keyframes pulse-border {
0% {
-webkit-transform: scale(100%);
transform: scale(100%);
opacity: 1;
}
100% {
-webkit-transform: scale(200%);
transform: scale(200%);
opacity: 0;
}
}
@-webkit-keyframes pulse-border2 {
0% {
-webkit-transform: scale(100%);
transform: scale(100%);
opacity: 1;
}
100% {
-webkit-transform: scale(140%);
transform: scale(140%);
opacity: 0;
}
}
@keyframes pulse-border2 {
0% {
-webkit-transform: scale(100%);
transform: scale(100%);
opacity: 1;
}
100% {
-webkit-transform: scale(140%);
transform: scale(140%);
opacity: 0;
}
}
@keyframes marquee {
0% {
left: 0;
}
100% {
left: -100%;
}
}
/**------------------------------------------------------------------
* Animation End Here
*/
/**------------------------------------------------------------------
* Fucntion Start Here
*/
.check-option {
display: block;
margin-bottom: 15px;
}
.check-option input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.check-option label {
position: relative;
cursor: pointer;
}
.check-option label:before {
position: absolute;
content: "";
-webkit-appearance: none;
background-color: transparent;
border: 1px solid #BFC3C7;
padding: 7px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 10px;
border-radius: 4px;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
-webkit-transition: background 500ms;
transition: background 500ms;
}
.check-option input:checked + label:after {
content: "";
display: block;
position: absolute;
top: 5px;
left: 6px;
width: 4px;
height: 9px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.check-option input:checked + label:before {
background: #1D72FF;
border: 1px solid #1D72FF;
}
.select-hidden {
display: none;
visibility: hidden;
padding-right: 10px;
}
.select {
cursor: pointer;
display: inline-block;
position: relative;
font-size: 14px;
color: #040404;
width: 173px;
height: 53px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select2 {
cursor: pointer;
display: inline-block;
position: relative;
font-size: 14px;
color: #040404;
width: 173px;
height: 53px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select-styled {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #EFEFEF;
padding: 10px 15px;
padding-top: 15px;
border-radius: 7px 0 0 7px;
max-width: 150px;
border: none;
}
.select-styled:after {
content: "";
width: 0;
height: 0;
border: 5px solid transparent;
border-color: #fff transparent transparent transparent;
position: absolute;
top: 24px;
margin-left: 5px;
}
.select-styled.active {
background-color: var(--theme-color);
color: #fff;
}
.select-styled.active:after {
-webkit-transform: rotate(180deg) translateY(-10px);
transform: rotate(180deg) translateY(-10px);
}
.select-styled.active:after {
top: 9px;
border-color: #fff transparent transparent transparent;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.select-options {
display: none;
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 999;
margin: 0;
padding: 0;
border-radius: 0 0 7px 7px;
list-style: none;
background-color: #fff;
-webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.142);
box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.142);
}
.select-options li {
margin: 0;
padding: 12px 0;
padding-left: 30px;
text-indent: 0;
}
.select-options li:hover, .select-options li.is-selected {
background: var(--theme-color);
}
.select-options li[rel=hide] {
display: none;
}
.noContent {
color: #000 !important;
background-color: transparent !important;
pointer-events: none;
}
.rts-latest-section .content {
display: none;
}
.zoom {
background-position: 50% 50%;
background-size: 150%;
position: relative;
overflow: hidden;
cursor: url("../images/icons/doubleplus.png"), auto;
}
.zoom img:hover {
opacity: 0;
}
.zoom img {
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
display: block;
width: 100%;
}
.nstSlider {
background: none;
width: 100%;
height: 3px;
background: #f0f0f0;
margin-bottom: 13px;
}
.nstSlider .bar {
max-width: 100% !important;
background: #EE403D;
height: 3px;
top: 0;
}
.nstSlider .price-range-grip {
background: #EE403D;
width: 11px;
height: 11px;
top: -3.6px;
}
.range-label-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 5px;
}
.range-label-area .range-lbl {
font-size: 14px;
color: #999999;
font-weight: 500;
margin-right: 5px;
}
.range-label-area .currency-symbol {
font-weight: 500;
}
.range-label-area .price-range-label {
font-weight: 500;
}
/**------------------------------------------------------------------
* Fucntion End Here
*/
.rts-menu .has-dropdown .menu-item i {
-webkit-transition: -webkit-transform 300ms ease-in-out;
transition: -webkit-transform 300ms ease-in-out;
transition: transform 300ms ease-in-out;
transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
margin-left: 0px;
font-size: 12px;
display: inline-block;
}
.rts-menu .has-dropdown:hover .menu-item i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rts-menu .has-dropdown ul .has-dropdown:hover a i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rts-menu .dropdown-ul {
padding: 0;
background: #fff;
border-top: 3px solid var(--theme-color);
-webkit-box-shadow: 9px 9px 22px -1px rgba(0, 0, 0, 0.12);
box-shadow: 9px 9px 22px -1px rgba(0, 0, 0, 0.12);
}
.rts-menu .dropdown-li {
margin: 0;
padding: 0;
}
.rts-menu .dropdown-link,
.rts-menu .dropdown-sub-link {
padding: 15px 20px;
padding-right: 100px;
background: #fff;
border-bottom: 1px solid rgb(242, 242, 242);
-webkit-transition: padding 400ms ease;
transition: padding 400ms ease;
}
.rts-menu .dropdown-link::before,
.rts-menu .dropdown-sub-link::before {
content: "";
position: absolute;
top: 25px;
left: 12px;
width: 6px;
height: 2px;
background: #040404;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
-webkit-transform: scale(0);
transform: scale(0);
}
.rts-menu .dropdown-link:hover,
.rts-menu .dropdown-sub-link:hover {
padding: 15px 30px;
padding-right: 90px;
}
.rts-menu .dropdown-link:hover::before,
.rts-menu .dropdown-sub-link:hover::before {
-webkit-transform: scale(1);
transform: scale(1);
}
.rts-menu .sub-dropdown {
left: 100%;
top: -1px;
border-top: 3px solid var(--theme-color);
}
.rts-menu .has-dropdown.second-level a i {
margin-left: 10px;
}
.side-mobile-menu1.side-mobile-menu2 .has-dropdown .mm-link:hover {
color: var(--theme-color);
}
.side-mobile-menu1.side-mobile-menu2 .has-dropdown.firstlvl.mm-active .mm-link {
color: var(--theme-color);
}
.side-mobile-menu1.side-mobile-menu2 .has-dropdown.thirdlvl.mm-active .mm-link-3 {
color: var(--theme-color);
}
.side-mobile-menu1 ul li a:hover {
color: var(--theme-color);
}
.side-mobile-menu1 .has-dropdown .mm-link:hover {
color: var(--theme-color);
}
.side-mobile-menu1 .has-dropdown.firstlvl.mm-active .mm-link {
color: #EE403D;
}
.side-mobile-menu1 .has-dropdown.thirdlvl.mm-active .mm-link-3 {
color: var(--theme-color);
}
.slider-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.navigation-btn {
background: #fff;
border: 2px solid rgba(14, 16, 19, 0.1);
border-radius: 6px;
padding: 10px 18px;
-webkit-transition: 500ms;
transition: 500ms;
}
.navigation-btn:hover {
background: #FF1856;
color: #fff;
}
.navigation-btn i {
font-size: 18px;
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.swiper-button-prev {
margin-right: 7px;
}
.hamburger {
display: none;
position: relative;
right: unset;
padding: 10px 25px 11px 0px;
/* margin-left: 30px; */
cursor: pointer;
text-align:left;
}
@media (max-width: 768px) {
.hamburger {
display: unset;
}
}
@media (max-width: 400px) {
.hamburger {
/*margin-left: 15px; */
}
}
.hamburger.move {
z-index: 10;
}
.hamburger-1 {
display: block;
position: relative;
right: unset;
padding: 0 0 25px 0;
margin-right: 70px;
cursor: pointer;
}
@media (max-width: 900px) {
.hamburger-1 {
display: unset;
}
}
@media (max-width: 400px) {
.hamburger-1 {
/* margin-left: 15px; */
}
}
.hamburger-1.move {
z-index: 10;
}
.mobile-hamburger {
position: absolute;
top: 6px;
right: -7px;
-webkit-transform: scale(70%);
transform: scale(70%);
padding: 25px 30px;
background: rgba(255, 255, 255, 0.2509803922);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.152);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.152);
display: -ms-grid;
display: grid;
place-items: center;
}
.mobile-hamburger:hover span,
.mobile-hamburger:hover span:before,
.mobile-hamburger:hover span:after {
background: #FF1856;
}
.mobile-hamburger-1 {
position: absolute;
top: -47;
left: -33px;
-webkit-transform: scale(70%);
transform: scale(70%);
padding: 20px 20px;
background: rgba(255, 255, 255, 0.2509803922);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.152);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.152);
display: -ms-grid;
display: grid;
place-items: center;
border-radius: 6px;
background: #E32020;
}
.mobile-hamburger-1.mobile-hamburger-2 {
background: var(--theme-color);
}
.mobile-hamburger-1.mobile-hamburger-2.active span {
background: var(--theme-color);
}
.mobile-hamburger-1.mobile-hamburger-2:hover span,
.mobile-hamburger-1.mobile-hamburger-2:hover span:before,
.mobile-hamburger-1.mobile-hamburger-2:hover span:after {
background: var(--theme-color);
}
.mobile-hamburger-1 span {
font-size: 24px;
color: #fff;
}
.mobile-hamburger-1:hover span,
.mobile-hamburger-1:hover span:before,
.mobile-hamburger-1:hover span:after {
background: #FF1856;
}
.hamburger span,
.hamburger span:before,
.hamburger span:after {
cursor: pointer;
border-radius: 1px;
height: 2px;
width: 35px;
background: #0E1013;
position: absolute;
display: inline-block;
content: "";
}
@media (max-width: 1200px) {
.hamburger span,
.hamburger span:before,
.hamburger span:after {
width: 25px;
}
}
.hamburger-1 .nav-menu-link {
content: "";
cursor: pointer;
position: absolute;
padding: 0;
border-radius: 1px;
height: 30px;
width: 30px;
}
.hamburger-1 .nav-menu-link::before {
content: "";
position: absolute;
width: 1px;
height: 35px;
background: #E8E8E8;
right: -15px;
top: -5px;
}
.hamburger-1 .nav-menu-link span {
display: block;
background: #ee403d;
-webkit-transition: none;
transition: none;
display: inline-block;
cursor: pointer;
list-style: none;
margin: 2px 2px;
}
@media (max-width: 1200px) {
.hamburger-1 .nav-menu-link span {
width: 25px;
}
}
.hamburger-1 .nav-menu-link span.dot1, .hamburger-1 .nav-menu-link span.dot2, .hamburger-1 .nav-menu-link span.dot3, .hamburger-1 .nav-menu-link span.dot4, .hamburger-1 .nav-menu-link span.dot5, .hamburger-1 .nav-menu-link span.dot6, .hamburger-1 .nav-menu-link span.dot7, .hamburger-1 .nav-menu-link span.dot8, .hamburger-1 .nav-menu-link span.dot9 {
width: 4px !important;
height: 4px !important;
border-radius: 50%;
float: left;
}
.hamburger span:before {
top: -7px;
}
.hamburger span:after {
bottom: -7px;
}
#hamburger span,
#hamburger span:before,
#hamburger span:after {
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.hamburger span,
.hamburger span:before,
.hamburger span:after {
-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s ease;
/* easeInOutCubic */
}
.hamburger.active span {
background-color: transparent;
}
.hamburger.active span:before,
.hamburger.active span:after {
top: 0;
}
.hamburger.active span:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.hamburger.active span:after {
-webkit-transform: translateY(-10px) rotate(-45deg);
transform: translateY(-10px) rotate(-45deg);
top: 10px;
}
.hamburger-1 span:before {
top: -7px;
}
.hamburger-1 span:after {
bottom: -7px;
}
#hamburger-1 span,
#hamburger-1 span:before,
#hamburger-1 span:after {
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.hamburger-1 span,
.hamburger-1 span:before,
.hamburger-1 span:after {
-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
/* easeInOutCubic */
}
.hamburger-1.active span {
background-color: #E32020;
}
.hamburger-1.active span:before,
.hamburger-1.active span:after {
top: 0;
}
.hamburger-1.active span:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.hamburger-1.active span:after {
-webkit-transform: translateY(-10px) rotate(-45deg);
transform: translateY(-10px) rotate(-45deg);
top: 10px;
}
.slide-bar {
position: fixed;
overflow: hidden;
top: 0;
right: -100%;
width: 365px;
padding: 40px 30px;
padding-top: 50px;
height: 100%;
display: block;
background-color: #fff;
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
z-index: 1900;
-webkit-transition: all 600ms ease;
transition: all 600ms ease;
-webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
overflow: scroll;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.slide-bar::-webkit-scrollbar {
display: none;
}
@media (max-width: 500px) {
.slide-bar {
width: 100%;
}
}
.slide-bar .header-action-items {
display: none;
margin-top: auto;
}
@media (max-width: 370px) {
.slide-bar .header-action-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.slide-bar.show {
right: 0;
}
.open-mobile-menu {
display: inline-block;
}
.open-mobile-menu a {
display: block;
width: 50px;
height: 50px;
background: #212121;
text-align: center;
line-height: 50px;
font-size: 16px;
margin-left: 20px;
color: #fff;
}
.close-mobile-menu {
position: absolute;
top: 10px;
left: 10px;
background: gray;
padding: 10px 20px;
}
.close-mobile-menu a {
position: relative;
z-index: 2;
font-size: 16px;
left: 0;
}
.close-mobile-menu a:hover {
color: #ff0000;
}
.on-side {
overflow: hidden;
}
.body-overlay {
background-color: rgba(0, 0, 0, 0.5);
height: 100%;
width: 100%;
position: fixed;
top: 0;
z-index: 1010;
left: 0;
opacity: 0;
display: none;
}
.body-overlay.active {
opacity: 1;
display: block;
}
.side-mobile-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.side-mobile-menu ul li a {
padding: 25px 0;
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
position: relative;
-webkit-transition: all 300ms;
transition: all 300ms;
}
.side-mobile-menu ul li a:hover {
padding-left: 5px;
}
.side-mobile-menu ul li a a:after {
position: absolute;
content: "\e80a";
width: 8px;
height: 8px;
border-width: 2px 0 0 2px;
border-style: solid;
border-color: initial;
right: 0;
top: 50%;
-webkit-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%);
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.side-mobile-menu ul li ul {
padding-left: 0;
list-style: none;
}
.side-mobile-menu ul li ul li {
padding-left: 15px;
}
.side-mobile-menu ul li ul li:hover > a {
padding-left: 20px;
}
.side-mobile-menu ul li ul li a {
position: relative;
padding-left: 15px;
text-transform: capitalize;
font-size: 14px;
}
.side-mobile-menu ul li ul li a:before {
content: "";
width: 8px;
height: 8px;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
}
.side-mobile-menu ul li.has-has-dropdown > a:after {
position: absolute;
content: "";
width: 8px;
height: 8px;
border-width: 2px 0 0 2px;
border-style: solid;
border-color: initial;
right: 0;
top: 50%;
-webkit-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%);
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.offset-sidebar {
position: relative;
}
.offset-sidebar .scrollbar-hidden::-webkit-scrollbar {
display: none !important;
}
.offset-sidebar .offset-sidebar-bg {
position: absolute;
bottom: -250px;
left: 65%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 170%;
height: 380px;
}
.offset-sidebar .offset-sidebar-bg img {
max-width: 100%;
}
.offset-widget.offset-logo {
padding-top: 10px;
padding-bottom: 30px;
text-align: start;
}
.offset-widget .info-widget .offset-title {
font-size: 20px;
font-weight: 800;
}
.offset-widget .info-widget p {
color: #999999;
}
.offset-widget .info-widget.info-widget2 p {
margin-bottom: 35px;
}
.offset-widget .info-widget.info-widget2 p i {
margin-right: 7px;
}
.offset-widget .info-widget .city-widget-item i {
width: 50px;
color: red;
}
.offset-widget .offset-social-link {
margin-bottom: 80px;
}
.offset-widget .social-icons {
width: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.offset-widget .social-icons a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 40px;
aspect-ratio: 1;
border-radius: 50%;
margin-right: 10px;
}
.offset-widget .social-icons a:last-child {
margin-right: inherit;
}
.offset-widget .social-icons a.fb {
background: #1877f2;
}
.offset-widget .social-icons a.ttr {
background: #1da1f2;
}
.offset-widget .social-icons a.yh {
background: #410093;
}
.offset-widget .social-icons a.yt {
background: #cd201f;
}
.offset-widget .social-icons i {
color: white;
font-size: 14px;
}
.offset-widget .slidebar-address {
margin-bottom: 40px;
}
.offset-widget .slidebar-address span {
font-size: 20px;
font-weight: 600;
line-height: 10px;
}
.offset-widget .slidebar-address p {
margin-top: 16px;
max-width: 180px;
font-size: 16px;
}
.offset-widget .offset-sidebar-btn {
width: 100%;
text-align: center;
}
.offset-widget .offset-sidebar-btn i {
margin-left: 10px;
}
.mm-link {
font-size: 15px;
position: relative;
}
.mm-link i {
position: absolute;
top: 25%;
right: 0;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.mm-active .mm-link i {
top: 25%;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.side-mobile-menu1 .firstlvl.mm-active .mm-link {
color: var(--theme-color);
}
.side-mobile-menu1 .thirdlvl.mm-active .mm-link-3 {
color: var(--theme-color);
}
.side-mobile-menu1 .thirdlvl.mm-active .mm-link-3::after {
-webkit-transform: rotate(225deg) !important;
transform: rotate(225deg) !important;
}
.sub-menu a:hover {
color: var(--theme-color);
}
/**
* Clear inner floats
*/
.clearfix::after {
clear: both;
content: "";
display: table;
}
/**
* Main content containers
* 1. Make the container full-width with a maximum width
* 2. Center it in the viewport
* 3. Leave some space on the edges, especially valuable on small screens
*/
.container {
max-width: 1240px;
/* 1 */
margin-left: auto;
/* 2 */
margin-right: auto;
/* 2 */
padding-left: 20px;
/* 3 */
padding-right: 20px;
/* 3 */
width: 100%;
/* 1 */
}
/**
* Hide text while making it readable for screen readers
* 1. Needed in WebKit-based browsers because of an implementation bug;
* See: https://code.google.com/p/chromium/issues/detail?id=457146
*/
.hide-text {
overflow: hidden;
padding: 0;
/* 1 */
text-indent: 101%;
white-space: nowrap;
}
/**
* Hide element while making it readable for screen readers
* Shamelessly borrowed from HTML5Boilerplate:
* https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
*/
.visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/**------------------------------------------------------------------
* Preloader Start Here
*/
#rts__preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 9999;
}
@-webkit-keyframes preloader {
0% {
-webkit-transform: scale(60%) rotate(0deg);
transform: scale(60%) rotate(0deg);
}
50% {
-webkit-transform: scale(60%) rotate(90deg);
transform: scale(60%) rotate(90deg);
}
100% {
-webkit-transform: scale(60%) rotate(360deg);
transform: scale(60%) rotate(360deg);
}
}
@keyframes preloader {
0% {
-webkit-transform: scale(60%) rotate(0deg);
transform: scale(60%) rotate(0deg);
}
50% {
-webkit-transform: scale(60%) rotate(90deg);
transform: scale(60%) rotate(90deg);
}
100% {
-webkit-transform: scale(60%) rotate(360deg);
transform: scale(60%) rotate(360deg);
}
}
@-webkit-keyframes preloaderbg {
0% {
background: #fff;
-webkit-backdrop-filter: blur(9px);
backdrop-filter: blur(9px);
}
100% {
background: rgba(255, 255, 255, 0);
}
}
@keyframes preloaderbg {
0% {
background: #fff;
-webkit-backdrop-filter: blur(9px);
backdrop-filter: blur(9px);
}
100% {
background: rgba(255, 255, 255, 0);
}
}
.preloader {
background: #fff;
color: #000;
position: fixed;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 99;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.preloader-mask {
overflow: hidden;
padding-right: 2px;
}
.preloader-text {
margin: 0;
font-size: 40px;
-webkit-transform: translateY(135%);
transform: translateY(135%);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, -0.19, 0.42, 1.3);
transition: -webkit-transform 0.3s cubic-bezier(0.4, -0.19, 0.42, 1.3);
transition: transform 0.3s cubic-bezier(0.4, -0.19, 0.42, 1.3);
transition: transform 0.3s cubic-bezier(0.4, -0.19, 0.42, 1.3), -webkit-transform 0.3s cubic-bezier(0.4, -0.19, 0.42, 1.3);
}
.preloader .animate {
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(0.4, -0.19, 0.42, 1.3);
animation-timing-function: cubic-bezier(0.4, -0.19, 0.42, 1.3);
}
.preloader .animate.slide-up {
-webkit-animation-name: slideUp;
animation-name: slideUp;
}
.preloader .animate.delay-1 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.preloader .animate.delay-2 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.preloader.loaded .animate {
-webkit-animation-name: slideDown;
animation-name: slideDown;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.preloader.loaded .animate.delay-1 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.preloader.loaded .animate.delay-2 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform: translateY(135%);
transform: translateY(135%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideUp {
0% {
-webkit-transform: translateY(135%);
transform: translateY(135%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-135%);
transform: translateY(-135%);
}
}
#weiboo-load {
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-pack: center;
-webkit-box-align: center;
display: -webkit- flex;
display: -ms- flex;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
height: 100vh;
background: #ffffff;
position: fixed;
z-index: 999999;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
/**------------------------------------------------------------------
* Preloader End Here
*/
/**------------------------------------------------------------------
* Reset Start Here
*/
.container {
max-width: 1440px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
width: 100%;
}
.header-container {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
width: 100%;
}
@media (max-width: 1644px) {
.header-container {
padding: 0 100px;
}
}
@media (max-width: 1200px) {
.header-container {
padding: 0 50px;
}
}
@media (max-width: 1080px) {
.header-container {
padding: 0 20px;
}
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.carthead{width:20%;}
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
.col-xs-13,
.col-sm-13,
.col-md-13,
.col-lg-13 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
@media (min-width: 768px) {
.col-sm-13 {
width: 13%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-13 {
width: 13%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-13 {
width: 13%;
float: left;
}
}
.col-xs-25,
.col-sm-25,
.col-md-25,
.col-lg-25 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
@media (min-width: 768px) {
.col-sm-25 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-25 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-25 {
width: 20%;
float: left;
}
}
.col-xs-32,
.col-sm-32,
.col-md-32,
.col-lg-32 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
@media (min-width: 768px) {
.col-sm-32 {
width: 32%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-32 {
width: 32%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-32 {
width: 32%;
float: left;
}
}
.reduced-col-gap {
padding: 0;
}
.no-col-gap {
padding: 0;
}
.section-bg {
background: #FAFAFA;
}
.brand-bg {
background: #FF1856 !important;
}
.highlight-bg {
background: #1D72FF !important;
}
.text-color1 {
color: #040404;
}
.ad-area {
display: block !important;
}
.mt--60 {
margin-top: 60px;
}
.mt--50 {
margin-top: 50px;
}
.mt--40 {
margin-top: 40px;
}
.mt--30 {
margin-top: 30px;
}
.mt--20 {
margin-top: 20px;
}
.mt--10 {
margin-top: 10px !important;
}
.m-0 {
margin: 0 !important;
}
.mb-0 {
margin-bottom: 0;
}
.mb--5 {
margin-bottom: 5px;
}
.mb--15 {
margin-bottom: 15px;
}
.mb--20 {
margin-bottom: 20px !important;
}
.mb--25 {
margin-bottom: 25px;
}
.mb--30 {
margin-bottom: 30px;
}
.mb--40 {
margin-bottom: 40px !important;
}
.mb--50 {
margin-bottom: 50px !important;
}
.mb--60 {
margin-bottom: 60px;
}
.mb--70 {
margin-bottom: 70px;
}
.mb--80 {
margin-bottom: 80px !important;
}
.mb--100 {
margin-bottom: 100px;
}
.mb--125 {
margin-bottom: 125px;
}
.mr--5 {
margin-right: 5px;
}
.mr--20 {
margin-right: 20px;
}
.ml-auto {
margin-left: auto;
}
.ml--5 {
margin-left: 5px;
}
.ml--10 {
margin-left: 10px;
}
.ml--15 {
margin-left: 15px;
}
.ml--30 {
margin-left: 30px;
}
.mr--5 {
margin-right: 5px;
}
.mr--10 {
margin-right: 10px;
}
.mr--15 {
margin-right: 15px;
}
.mr--40 {
margin-right: 40px;
}
.p-0 {
padding: 0 !important;
}
.pt--100 {
padding-top: 100px;
}
.pt--70 {
padding-top: 70px;
}
.ptb--60 {
padding: 60px 0;
}
.ptb--70 {
padding: 70px 0;
}
.pb--30 {
padding-bottom: 30px;
}
.pb--100 {
padding-bottom: 100px !important;
}
.border-none {
border: none;
}
.section-gap {
padding: 50px 0;
}
@media (max-width: 768px) {
.section-gap {
padding: 25px 0;
}
}
.section-space {
margin: 50px 0;
}
@media (max-width: 768px) {
.section-space {
margin: 25px 0;
}
}
.section-gap-2 {
padding: 40px 0;
}
.section-gap-100 {
padding: 100px 0;
}
@media (max-width: 768px) {
.section-gap-100 {
padding: 50px 0;
}
}
.gap-b-100 {
padding-bottom: 100px;
}
@media (max-width: 768px) {
.gap-b-100 {
padding-bottom: 30px;
}
}
.social-links .platform {
width: 35px;
height: 35px;
border: 2px solid rgba(14, 16, 19, 0.1);
border-radius: 0px;
margin-right: 7px;
}
.social-links .platform:hover i {
color: #fff;
}
.social-links .platform i {
color: #0E1013;
}
.transform-none {
-webkit-transform: none;
transform: none;
}
td {
border-style: none;
vertical-align: middle;
padding: 30px 0 !important;
}
tr {
border-color: #e7e7e7;
}
tr:first-child {
border-style: none;
}
@media (max-width: 768px) {
td {
display: block;
padding: 0 !important;
text-align: center;
}
tr {
display: block;
margin-bottom: 30px;
}
}
/**------------------------------------------------------------------
* Reset End Here
*/
#rtsHeader {
position: relative;
}
.header-topbar {
background: var(--theme-color);
padding-top: 16px;
padding-bottom: 20px;
text-align: center;
}
.header-topbar .header-top-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-topbar .welcome-text {
color: #fff;
font-weight: 400;
font-size: 14px;
line-height: 0;
}
.header-topbar .welcome-text a {
color: #fff;
}
.header-topbar .welcome-text a:hover {
text-decoration: underline;
}
.header-topbar .welcome-text a i {
font-size: 13px;
margin-left: 9px;
margin-bottom: -5px;
}
.header-topbar.header-topbar1 {
background: #EE403D;
padding: 10px 0;
}
@media (min-width: 401px) {
.header-topbar.header-topbar1 {
display: block !important;
}
}
@media (max-width: 400px) {
.header-topbar.header-topbar1 {
display: none;
}
}
.header-topbar.header-topbar1.header-topbar7 {
background: var(--theme-color);
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .welcome-text {
background: var(--theme-color);
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .header-top-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 900px) {
.header-topbar.header-topbar1.header-topbar7 .header-top-area .header-top-left {
display: none;
}
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .header-top-left .newsletter-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 12px;
color: white;
font-weight: 500;
font-size: 14px;
line-height: 14px;
margin-right: 25px;
position: relative;
}
@media (max-width: 1200px) {
.header-topbar.header-topbar1.header-topbar7 .header-top-area .header-top-left .newsletter-link {
margin: 0;
margin-right: 20px;
}
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .header-top-left .newsletter-link i {
margin-right: 5px;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .header-top-left .newsletter-link::before {
content: "";
position: absolute;
background: #fff;
width: 2px;
height: 10px;
right: -18px;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .header-top-left .welcome-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 12px;
font-weight: 500;
font-size: 14px;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .header-top-left .welcome-text i {
margin-right: 5px;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .slider-div {
min-width: 40%;
width: 40%;
right: 45px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (max-width: 991px) {
.header-topbar.header-topbar1.header-topbar7 .header-top-area .slider-div {
min-width: 40%;
width: 40%;
right: 0;
}
}
@media (max-width: 900px) {
.header-topbar.header-topbar1.header-topbar7 .header-top-area .slider-div {
min-width: 100%;
width: 100%;
}
}
@media (max-width: 400px) {
.header-topbar.header-topbar1.header-topbar7 .header-top-area .slider-div {
display: none;
}
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .slider-div .slider-navigation2 {
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .slider-div .slider-navigation2 .swiper-button-prev {
left: 0;
}
@media (max-width: 900px) {
.header-topbar.header-topbar1.header-topbar7 .header-top-area .slider-div .slider-navigation2 .swiper-button-prev {
left: 10px;
}
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .slider-div .slider-navigation2 .swiper-button-next {
right: 0;
}
@media (max-width: 900px) {
.header-topbar.header-topbar1.header-topbar7 .header-top-area .slider-div .slider-navigation2 .swiper-button-next {
right: 10px;
}
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .slider-div:hover .slider-navigation2 {
opacity: 1;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area {
margin-right: 45px;
}
@media (max-width: 900px) {
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area {
display: none;
}
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area .select-div {
position: relative;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area .select-div:focus i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area .select-div i {
position: absolute;
top: 0;
right: 10px;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area .select {
width: 75px;
height: 0;
position: relative;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area .select .select-styled {
background: transparent;
position: relative;
top: unset;
left: unset;
bottom: unset;
right: unset;
padding: 0;
color: #fff;
width: 60px;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area .select .select-styled.active {
background: transparent;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area .select .select-styled.active::before {
-webkit-transform: rotate(180deg) translateY(6px);
transform: rotate(180deg) translateY(6px);
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area .select .select-styled::before {
content: "\f107";
position: absolute;
color: #fff;
font-family: "Font Awesome 5 Pro";
right: -8px;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area .select .select-styled:after {
border-color: #fff transparent transparent transparent;
top: 6px;
margin-left: 4px;
display: none;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area .select .select-options li {
padding: 12px 25px;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area .select .select-options li:hover {
background: var(--theme-color);
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area .select2 {
width: 50px;
height: 0;
position: relative;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area .select2 .select-styled {
background: transparent;
position: relative;
top: unset;
left: unset;
bottom: unset;
right: unset;
padding: 0;
color: #fff;
width: 60px;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area .select2 .select-styled.active {
background: transparent;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area .select2 .select-styled.active::before {
-webkit-transform: rotate(180deg) translateY(6px);
transform: rotate(180deg) translateY(6px);
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area .select2 .select-styled::before {
content: "\f107";
position: absolute;
color: #fff;
font-family: "Font Awesome 5 Pro";
right: 0;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area .select2 .select-styled:after {
border-color: #fff transparent transparent transparent;
top: 6px;
margin-left: 4px;
display: none;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area .select2 .select-options li {
padding: 12px 25px;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area .select2 .select-options li:hover {
background: var(--theme-color) !important;
}
.header-topbar.header-topbar1.header-topbar7 .header-top-area .topbar-select-area .select-options {
width: 100px;
margin-top: 40px;
overflow: hidden;
}
.header-topbar.header-topbar1.header-topbar7.header-topbar10 {
background: #000;
}
.header-topbar.header-topbar1.header-topbar7.header-topbar10 .header-top-area .welcome-text {
background: #000;
}
.header-topbar.header-topbar1.header-topbar7.header-topbar10 .header-top-area .welcome-text a {
color: var(--theme-color);
}
.header-topbar.header-topbar1 .header-top-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header-topbar.header-topbar1 .header-top-area .slider-div {
min-width: 100%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.header-topbar.header-topbar1 .header-top-area .slider-div .slider-navigation2 {
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.header-topbar.header-topbar1 .header-top-area .slider-div .slider-navigation2 .slider-btn {
background: none;
color: #fff;
width: unset;
height: 48px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
@media (max-width: 500px) {
.header-topbar.header-topbar1 .header-top-area .slider-div .slider-navigation2 .slider-btn {
display: none;
}
}
.header-topbar.header-topbar1 .header-top-area .slider-div .slider-navigation2 .slider-btn:hover {
background: none;
}
.header-topbar.header-topbar1 .header-top-area .slider-div:hover .slider-navigation2 {
opacity: 1;
}
.header-topbar.header-topbar1 .header-top-area .arrow {
color: #fff;
}
.header-topbar.header-topbar1 .header-top-area .welcome-text {
line-height: 1.2;
background: #EE403D;
}
.header-topbar.header-topbar1 .header-top-area .welcome-text a {
margin-left: 15px;
position: relative;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.header-topbar.header-topbar1 .header-top-area .welcome-text a::before {
content: "";
position: absolute;
background: #fff;
width: 1px;
height: 13px;
left: -7px;
top: 2px;
}
.header-topbar.header-topbar2 {
padding-top: 8px;
padding-bottom: 12px;
}
.header-topbar.header-topbar2 .header-top-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-topbar.header-topbar2 .header-top-inner .newsletter-link {
color: #fff;
font-weight: 300;
font-size: 14px;
line-height: 14px;
margin-right: 25px;
}
.header-topbar.header-topbar2 .header-top-inner .newsletter-link i {
margin-right: 5px;
font-size: 16px;
}
.header-topbar.header-topbar2 .header-top-inner .welcome-text {
color: #fff;
}
.header-topbar.header-topbar2 .header-top-inner .welcome-text a {
color: #fff;
}
.header-topbar.header-topbar2 .header-top-inner .welcome-text i {
font-size: 18px;
margin-right: 4px;
}
.header-topbar.header-topbar2 .header-top-inner .topbar-select-area {
margin-left: auto;
}
.header-topbar.header-topbar2 .header-top-inner .topbar-select-area .select-div {
position: relative;
}
.header-topbar.header-topbar2 .header-top-inner .topbar-select-area .select-div:focus i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.header-topbar.header-topbar2 .header-top-inner .topbar-select-area .select-div i {
position: absolute;
top: 0;
right: 10px;
}
.header-topbar.header-topbar2 .header-top-inner .topbar-select-area .select {
width: 75px;
height: 0;
position: relative;
}
.header-topbar.header-topbar2 .header-top-inner .topbar-select-area .select .select-styled {
background: transparent;
position: relative;
top: unset;
left: unset;
bottom: unset;
right: unset;
padding: 0;
color: #fff;
}
.header-topbar.header-topbar2 .header-top-inner .topbar-select-area .select .select-styled.active {
background: transparent;
}
.header-topbar.header-topbar2 .header-top-inner .topbar-select-area .select .select-styled.active:after {
-webkit-transform: rotate(180deg) translateY(6px);
transform: rotate(180deg) translateY(6px);
}
.header-topbar.header-topbar2 .header-top-inner .topbar-select-area .select .select-styled:after {
border-color: #fff transparent transparent transparent;
top: 6px;
margin-left: 4px;
}
.header-topbar.header-topbar2 .header-top-inner .topbar-select-area .select .select-options li {
padding-left: 0 !important;
}
.header-topbar.header-topbar2 .header-top-inner .topbar-select-area .select-options {
width: 100px;
margin-top: 40px;
overflow: hidden;
}
.header-topbar.header-topbar2 .header-top-inner select {
background: none;
border: none;
padding: 0;
color: #fff;
outline: none;
-webkit-appearance: none;
}
.header-topbar.header-topbar2 .header-top-inner select option {
background: #fff;
color: #040404;
}
.header-topbar.header-topbar3 {
background: #f2e5e5;
padding-top: 10px;
padding-bottom: 10px;
}
.header-topbar.header-topbar3 .container {
padding: 0;
}
@media (max-width: 1480px) {
.header-topbar.header-topbar3 .container {
padding: 0 20px;
}
}
.header-topbar.header-topbar3 .header-top-inner .welcome-text {
color: #040404;
}
.header-topbar.header-topbar3 .header-top-inner .welcome-text .value {
font-weight: 700;
}
.header-topbar.header-topbar3 .header-top-inner .welcome-text i {
color: #985034;
}
.header-topbar.header-topbar3 .header-top-inner .topbar-action {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-topbar.header-topbar3 .header-top-inner .topbar-action .action-item {
position: relative;
font-size: 14px;
}
.header-topbar.header-topbar3 .header-top-inner .topbar-action .action-item i {
color: #985034;
}
.header-topbar.header-topbar4 {
background: #010d18;
height: 50px;
}
.header-topbar.header-topbar4 .header-top-inner .welcome-text {
color: #fff;
}
.header-topbar.header-topbar4 .header-top-inner .welcome-text i {
color: var(--theme-color);
}
.header-topbar.header-topbar4 .header-top-inner .welcome-text .value {
color: #fff;
}
.header-topbar.header-topbar4 .header-top-inner .topbar-action .separator {
background: #0a243c;
}
.header-topbar.header-topbar4 .header-top-inner .topbar-action .action-item {
color: #fff;
}
.header-topbar.header-topbar4 .header-top-inner .topbar-action .action-item i {
color: var(--theme-color);
}
@media (max-width: 700px) {
.header-topbar .welcome-text {
font-size: 12px;
}
}
@media (max-width: 560px) {
.logo img{height: 66px !important;}
.cartdiv .cart.action-item{height: 22px;}
.cartdiv .cart-icon.icon{padding-bottom: 7px;}
}
@media (max-width: 500px) {
.header-topbar-menu-area {
display: none;
}
}
@media (max-width: 768px) {
.header-topbar-menu-area.header-topbar-menu-area9 {
display: none;
}
}
.header-topbar-menu-area .container .menu-area1 {
background-color: #f5f6f2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: 0 0 20px 20px;
}
@media (max-width: 991px) {
.header-topbar-menu-area .container .menu-area1 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 5px 0;
}
}
.header-topbar-menu-area .container .menu-area1.menu-area9 {
background: none;
padding: 30px 0;
}
@media (max-width: 991px) {
.header-topbar-menu-area .container .menu-area1.menu-area9 {
display: block;
padding: 15px 0;
}
}
@media (max-width: 1300px) {
.header-topbar-menu-area .container .menu-area1.menu-area9 .left-side .hamburger-1 {
display: none;
}
}
@media (max-width: 991px) {
.header-topbar-menu-area .container .menu-area1.menu-area9 .left-side {
display: none;
}
}
@media (max-width: 991px) {
.header-topbar-menu-area .container .menu-area1.menu-area9 .menu-area-right-side {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (max-width: 991px) {
.header-topbar-menu-area .container .menu-area1 .menu-item {
display: none;
}
}
.header-topbar-menu-area .container .menu-area1 .menu-item .nav.navbar {
padding: 5px 0;
}
.header-topbar-menu-area .container .menu-area1 .menu-item .nav.navbar .navbar-menu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-topbar-menu-area .container .menu-area1 .menu-item .nav.navbar .navbar-menu ul li {
margin: 0 10px 0 25px;
}
.header-topbar-menu-area .container .menu-area1 .menu-item .nav.navbar .navbar-menu ul li a {
font-size: 14px;
font-weight: 400;
color: #777777;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.header-topbar-menu-area .container .menu-area1 .menu-item .nav.navbar .navbar-menu ul li a:hover {
color: #EE403D;
}
.header-topbar-menu-area .container .menu-area1 .left-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .contact {
color: #777777;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .contact i {
margin-right: 8px;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .contact strong {
color: #040404;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area {
margin-left: 25px;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area .select-div {
position: relative;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area .select-div:focus i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area .select-div i {
position: absolute;
top: 0;
right: 10px;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area .select {
width: 75px;
height: 0;
position: relative;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area .select .select-styled {
background: transparent;
position: relative;
top: unset;
left: unset;
bottom: unset;
right: unset;
padding: 0;
color: #777777;
width: 60px;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area .select .select-styled.active {
background: transparent;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area .select .select-styled.active::before {
-webkit-transform: rotate(180deg) translateY(6px);
transform: rotate(180deg) translateY(6px);
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area .select .select-styled::before {
content: "\f107";
position: absolute;
color: #777777;
font-family: "Font Awesome 5 Pro";
right: 0;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area .select .select-styled:after {
border-color: #fff transparent transparent transparent;
top: 6px;
margin-left: 4px;
display: none;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area .select .select-options li {
padding: 12px 25px;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area .select .select-options li:hover {
background: #EE403D;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area .select2 {
width: 75px;
height: 0;
position: relative;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area .select2 .select-styled {
background: transparent;
position: relative;
top: unset;
left: unset;
bottom: unset;
right: unset;
padding: 0;
color: #777777;
width: 60px;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area .select2 .select-styled.active {
background: transparent;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area .select2 .select-styled.active::before {
-webkit-transform: rotate(180deg) translateY(6px);
transform: rotate(180deg) translateY(6px);
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area .select2 .select-styled::before {
content: "\f107";
position: absolute;
color: #777777;
font-family: "Font Awesome 5 Pro";
right: 17px;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area .select2 .select-styled:after {
border-color: #fff transparent transparent transparent;
top: 6px;
margin-left: 4px;
display: none;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area .select2 .select-options li {
padding: 12px 25px;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area .select2 .select-options li:hover {
background: #EE403D;
}
.header-topbar-menu-area .container .menu-area1 .menu-area-right-side .topbar-select-area .select-options {
width: 100px;
margin-top: 40px;
overflow: hidden;
}
.header-topbar-menu-area2 {
background: #EE403D;
}
@media (max-width: 500px) {
.header-topbar-menu-area2 {
display: none;
}
}
.header-topbar-menu-area2 .container .menu-area1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: 0 0 20px 20px;
}
@media (max-width: 991px) {
.header-topbar-menu-area2 .container .menu-area1 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 991px) {
.header-topbar-menu-area2 .container .menu-area1 .menu-item {
display: none;
}
}
.header-topbar-menu-area2 .container .menu-area1 .menu-item .nav.navbar {
padding: 5px 0;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-item .nav.navbar .navbar-menu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-item .nav.navbar .navbar-menu ul li {
margin: 0 30px 0 0;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-item .nav.navbar .navbar-menu ul li a {
font-size: 14px;
font-weight: 400;
color: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .contact {
color: #fff;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .contact i {
margin-right: 8px;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .contact strong {
color: #fff;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .contact strong a {
color: #fff;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area {
margin-left: 25px;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area .select-div {
position: relative;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area .select-div:focus i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area .select-div i {
position: absolute;
top: 0;
right: 10px;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area .select {
width: 75px;
height: 0;
position: relative;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area .select .select-styled {
background: transparent;
position: relative;
top: unset;
left: unset;
bottom: unset;
right: unset;
padding: 0;
color: #fff;
width: 60px;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area .select .select-styled.active {
background: transparent;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area .select .select-styled.active::before {
-webkit-transform: rotate(180deg) translateY(6px);
transform: rotate(180deg) translateY(6px);
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area .select .select-styled::before {
content: "\f107";
position: absolute;
color: #fff;
font-family: "Font Awesome 5 Pro";
right: 0;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area .select .select-styled:after {
border-color: #fff transparent transparent transparent;
top: 6px;
margin-left: 4px;
display: none;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area .select .select-options li {
padding: 12px 25px;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area .select .select-options li:hover {
background: #EE403D;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area .select2 {
width: 50px;
height: 0;
position: relative;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area .select2 .select-styled {
background: transparent;
position: relative;
top: unset;
left: unset;
bottom: unset;
right: unset;
padding: 0;
color: #fff;
width: 60px;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area .select2 .select-styled.active {
background: transparent;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area .select2 .select-styled.active::before {
-webkit-transform: rotate(180deg) translateY(6px);
transform: rotate(180deg) translateY(6px);
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area .select2 .select-styled::before {
content: "\f107";
position: absolute;
color: #fff;
font-family: "Font Awesome 5 Pro";
right: 17px;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area .select2 .select-styled:after {
border-color: #fff transparent transparent transparent;
top: 6px;
margin-left: 4px;
display: none;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area .select2 .select-options li {
padding: 12px 25px;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area .select2 .select-options li:hover {
background: #EE403D;
}
.header-topbar-menu-area2 .container .menu-area1 .menu-area-right-side .topbar-select-area .select-options {
width: 100px;
margin-top: 40px;
overflow: hidden;
}
.sticky-menu .navbar-part1 .menu-item {
padding-top: 20px;
padding-bottom: 20px;
}
.sticky-menu .navbar-part1 .menu-item:hover {
color: #EE403D !important;
}
.sticky-menu .navbar-part1 .menu-item.active1 {
color: #EE403D !important;
}
.rts-menu .menu-item {
padding: 20px 35px;
font-weight: 700;
font-size: 18px;
line-height: 18px;
}
@media (max-width: 1200px) {
.rts-menu .menu-item {
padding: 20px 20px;
}
}
@media (max-width: 900px) {
.rts-menu {
display: none;
}
}
.navbar-part1 {
padding: 0 10px;
width: 100%;
}
@media (max-width: 991px) {
.navbar-part1 {
padding: 22px 0 !important;
}
}
@media (max-width: 991px) {
.navbar-part1 .navbar-inner {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (max-width: 991px) {
.navbar-part1 .left-side .hamburger-1 {
display: none;
}
}
@media (max-width: 991px) {
.navbar-part1 .rts-menu {
display: none;
}
}
.navbar-part1 .rts-menu .dropdown-li .dropdown-link.active {
color: #EE403D;
}
.navbar-part1 .responsive-hamburger {
display: none;
}
@media (max-width: 576px) {
.navbar-part1 .responsive-hamburger .hamburger-1 {
margin-right: 20px;
}
}
.navbar-part1 .responsive-hamburger .nav-menu-link::before {
display: none;
}
@media (max-width: 991px) {
.navbar-part1 .responsive-hamburger {
display: block;
}
}
@media (max-width: 991px) {
.navbar-part1 .header-action-items1 {
margin-left: 0;
}
}
@media (max-width: 900px) {
.navbar-part1 .header-action-items1 {
margin-left: 0 !important;
}
}
@media (max-width: 500px) {
.navbar-part1 .header-action-items1 {
display: none;
}
}
@media (max-width: 768px) {
.navbar-part1 .header-action-items1 .account {
display: none;
}
}
.navbar-part1 .menu-item {
padding-top: 50px;
padding-bottom: 50px;
font-size: 16px;
}
.navbar-part1 .menu-item i {
color: #777777;
}
.navbar-part1 .menu-item:hover {
color: #EE403D;
}
.navbar-part1 .menu-item:hover i {
color: #EE403D;
}
.navbar-part1 .menu-item.active1 {
color: #EE403D;
}
.navbar-part1 .menu-item.active1 i {
color: #EE403D;
}
.navbar-part1 .dropdown-ul {
border-top: 3px solid #EE403D;
}
.navbar-part1 .dropdown-ul li .dropdown-link {
color: #404040;
font-size: 15px;
font-weight: 400;
}
.navbar-part1 .dropdown-ul li:hover .dropdown-link {
color: #EE403D;
}
.navbar-part1 .dropdown-ul li:hover .dropdown-link::before {
background-color: #EE403D;
}
.navbar-part1 .dropdown-ul.mega-dropdown .mega-dropdown-li .parent-page-title {
color: #404040;
font-size: 15px;
font-weight: 600;
}
.navbar-part1 .dropdown-ul.mega-dropdown .mega-dropdown-li .mega-dropdown-ul li .dropdown-link2 {
color: #404040;
font-size: 15px;
font-weight: 400;
position: relative;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}
.navbar-part1 .dropdown-ul.mega-dropdown .mega-dropdown-li .mega-dropdown-ul li .dropdown-link2::before {
content: "";
position: absolute;
top: 17px;
left: 0;
width: 6px;
height: 2px;
background: #040404;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
-webkit-transform: scale(0);
transform: scale(0);
}
.navbar-part1 .dropdown-ul.mega-dropdown .mega-dropdown-li .mega-dropdown-ul li:hover .dropdown-link2 {
color: #EE403D;
}
.navbar-part1 .dropdown-ul.mega-dropdown .mega-dropdown-li .mega-dropdown-ul li:hover .dropdown-link2::before {
background: #EE403D;
-webkit-transform: scale(1);
transform: scale(1);
}
.navbar-part1 .header-action-items .search-part {
background-color: #F5F6F2;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border-radius: 50%;
margin-right: 20px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.navbar-part1 .header-action-items .search-part:hover {
background: #E32020;
color: #fff;
}
.navbar-part1 .header-action-items .search-part .action-item {
margin: 0;
}
.navbar-part1 .header-action-items .account {
background-color: #F5F6F2;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border-radius: 50%;
margin-right: 20px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.navbar-part1 .header-action-items .account:hover {
background: #E32020;
color: #fff;
}
.navbar-part1 .header-action-items .cart.action-item {
margin: 0;
}
.navbar-part1 .header-action-items .cart.action-item .cart-nav {
margin: 0;
}
.navbar-part1 .header-action-items .cart.action-item .cart-nav .cart-icon {
background-color: #F5F6F2;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border-radius: 50%;
position: relative;
padding: 0;
}
.navbar-part1 .header-action-items .cart.action-item .cart-nav .cart-icon .icon-dot {
border-radius: 50%;
background-color: #EE403D;
font-size: 10px;
line-height: 15px;
min-height: 15px;
min-width: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
text-align: center;
margin-top: -16px;
right: -3px;
}
.navbar-part1 .navbar-inner .left-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-part1.navbar-part9 {
background: #f5f6f2;
border-radius: 10px 10px 0 0;
}
@media (max-width: 768px) {
.navbar-part1.navbar-part9 {
padding: 20px 15px !important;
background: #fff;
}
}
@media (max-width: 991px) {
.navbar-part1.navbar-part9 {
padding: 12px 0 !important;
}
}
.navbar-part1.navbar-part9 .navbar-inner .logo {
opacity: 0;
}
@media (max-width: 991px) {
.navbar-part1.navbar-part9 .navbar-inner .logo {
opacity: 1;
}
}
.navbar-part1.navbar-part9 .navbar-inner .rts-menu .menu-toggle .nav__menu .menu-item {
padding: 25px 35px;
}
@media (max-width: 1100px) {
.navbar-part1.navbar-part9 .navbar-inner .rts-menu .menu-toggle .nav__menu .menu-item {
padding: 25px;
}
}
@media (max-width: 500px) {
.navbar-part1.navbar-part9 .navbar-inner .header-action-items {
display: block;
}
}
.navbar-part1.navbar-part9 .navbar-inner .header-action-items .responsive-hamburger .hamburger-1 {
margin-right: 50px;
}
@media (max-width: 500px) {
.navbar-part1.navbar-part9 .navbar-inner .header-action-items .responsive-hamburger .hamburger-1 {
margin-right: 20px;
}
}
.navbar-part1.navbar-part9 .navbar-inner .header-action-items .search-part {
background: #fff;
}
.navbar-part1.navbar-part9 .navbar-inner .header-action-items .search-part:hover {
background: #EE403D;
}
@media (max-width: 500px) {
.navbar-part1.navbar-part9 .navbar-inner .header-action-items .search-part {
display: none;
}
}
.navbar-part1.navbar-part9 .navbar-inner .header-action-items .account {
background: #fff;
border-radius: 50%;
}
.navbar-part1.navbar-part9 .navbar-inner .header-action-items .account:hover {
background: #EE403D;
}
.navbar-part1.navbar-part9 .navbar-inner .header-action-items .cart .cart-nav .cart-icon {
background: #fff;
border-radius: 50%;
}
@media (max-width: 500px) {
.navbar-part1.navbar-part9 .navbar-inner .header-action-items .cart {
display: none;
}
}
.navbar-part2 {
padding: 30px 0 0 0;
width: 100%;
position: relative;
}
@media (max-width: 900px) {
.navbar-part2 .navbar-inner {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (max-width: 991px) {
.navbar-part2 {
padding: 20px 0;
}
}
.navbar-part2 .logo {
position: relative;
}
.navbar-part2 .logo::before {
content: "";
position: absolute;
width: 1px;
height: 35px;
background: #dddddd;
right: -40px;
top: 0;
}
@media (max-width: 1400px) {
.navbar-part2 .logo::before {
right: -20px;
}
}
@media (max-width: 1200px) {
.navbar-part2 .logo::before {
display: none;
}
}
.navbar-part2 .navbar-input-inner {
margin-left: 100px;
}
@media (max-width: 1400px) {
.navbar-part2 .navbar-input-inner {
margin-left: 50px;
}
}
@media (max-width: 1200px) {
.navbar-part2 .navbar-input-inner {
display: none;
}
}
.navbar-part2 .navbar-input-inner .input-div {
width: 100%;
position: relative;
}
.navbar-part2 .navbar-input-inner .input-div .search-input-icon {
cursor: pointer;
left: unset;
right: 10px;
font-size: 18px;
color: #040404;
font-style: normal;
font-weight: 700;
position: absolute;
top: 30%;
z-index: 1;
}
.navbar-part2 .navbar-input-inner .input-div input {
width: 550px;
padding: 15px 20px;
padding-left: 30px;
background: #f8f8f8;
border-radius: 0 7px 7px 0;
font-size: 15px;
position: relative;
}
@media (max-width: 1400px) {
.navbar-part2 .navbar-input-inner .input-div input {
width: 400px;
}
}
.navbar-part2 .hamburger-1 {
display: none;
margin-right: 0;
}
@media (max-width: 991px) {
.navbar-part2 .hamburger-1 {
display: block;
}
}
@media (max-width: 576px) {
.navbar-part2 .hamburger-1 {
margin-right: 30px;
}
}
@media (max-width: 991px) {
.navbar-part2 .hamburger-1 .nav-menu-link::before {
display: none;
}
}
.navbar-part2 .header-action-items {
margin-left: unset !important;
}
@media (max-width: 576px) {
.navbar-part2 .header-action-items {
display: none !important;
}
}
.navbar-part2 .header-action-items .search-part {
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border-radius: 50%;
margin-right: 20px;
}
.navbar-part2 .header-action-items .search-part .action-item {
background-color: #F5F6F2;
margin: 0;
display: none;
}
@media (max-width: 1200px) {
.navbar-part2 .header-action-items .search-part .action-item {
display: block;
border-radius: 50%;
}
}
.navbar-part2 .header-action-items ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 45px;
}
@media (max-width: 991px) {
.navbar-part2 .header-action-items ul {
display: none;
}
}
.navbar-part2 .header-action-items ul li {
margin-left: 45px;
}
.navbar-part2 .header-action-items ul li a {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.navbar-part2 .header-action-items ul li a:hover {
color: #E32020;
}
.navbar-part2 .header-action-items .account {
background-color: #F5F6F2;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border-radius: 50%;
margin-right: 20px;
}
.navbar-part2 .header-action-items .cart.action-item {
margin: 0;
}
.navbar-part2 .header-action-items .cart.action-item .cart-nav {
margin: 0;
}
.navbar-part2 .header-action-items .cart.action-item .cart-nav .cart-icon {
background-color: #F5F6F2;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border-radius: 50%;
position: relative;
padding: 0;
}
.navbar-part2 .header-action-items .cart.action-item .cart-nav .cart-icon .icon-dot {
border-radius: 50%;
background-color: #EE403D;
font-size: 10px;
line-height: 15px;
min-height: 15px;
min-width: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
text-align: center;
margin-top: -16px;
right: -3px;
}
.navbar-part2 .navbar-inner .left-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-part2 .rts-menubar .rts-menu .dropdown-ul {
border-top: 3px solid #EE403D;
}
.navbar-part2 .rts-menubar .rts-menu .dropdown-ul li .dropdown-link {
color: #404040;
font-size: 15px;
font-weight: 400;
}
.navbar-part2 .rts-menubar .rts-menu .dropdown-ul li:hover .dropdown-link {
color: #EE403D;
}
.navbar-part2 .rts-menubar .rts-menu .dropdown-ul li:hover .dropdown-link::before {
background-color: #EE403D;
}
.navbar-part2 .rts-menubar .rts-menu .dropdown-ul.mega-dropdown {
left: -129px;
}
.navbar-part2 .rts-menubar .rts-menu .dropdown-ul.mega-dropdown .mega-dropdown-li .parent-page-title {
color: #404040;
font-size: 15px;
font-weight: 600;
}
.navbar-part2 .rts-menubar .rts-menu .dropdown-ul.mega-dropdown .mega-dropdown-li .mega-dropdown-ul li .dropdown-link2 {
color: #404040;
font-size: 15px;
font-weight: 400;
position: relative;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}
.navbar-part2 .rts-menubar .rts-menu .dropdown-ul.mega-dropdown .mega-dropdown-li .mega-dropdown-ul li .dropdown-link2::before {
content: "";
position: absolute;
top: 17px;
left: 0;
width: 6px;
height: 2px;
background: #040404;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
-webkit-transform: scale(0);
transform: scale(0);
}
.navbar-part2 .rts-menubar .rts-menu .dropdown-ul.mega-dropdown .mega-dropdown-li .mega-dropdown-ul li:hover .dropdown-link2 {
color: #EE403D;
}
.navbar-part2 .rts-menubar .rts-menu .dropdown-ul.mega-dropdown .mega-dropdown-li .mega-dropdown-ul li:hover .dropdown-link2::before {
background: #EE403D;
-webkit-transform: scale(1);
transform: scale(1);
}
.rts-menubar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #000000;
position: relative;
width: 100%;
bottom: -30px;
left: 0;
}
@media (max-width: 991px) {
.rts-menubar {
display: none;
}
}
.rts-menubar .rts-menu .menus .nav__menu .menu-item {
padding: 25px 35px;
color: #fff;
}
.rts-menubar .rts-menu .menus .nav__menu .menu-item.active1 {
color: #EE403D;
}
.rts-menubar .rts-menu .menus .nav__menu .menu-item:hover {
color: #EE403D;
}
.rts-menubar .hamburger-1 {
display: block;
margin-right: 70px;
}
.rts-menubar .hamburger-1 .nav-menu-link {
background: #EE403D;
top: -22px;
height: 69px;
width: 70px;
padding: 20px 18px 10px 20px;
}
@media (max-width: 1200px) {
.rts-menubar .hamburger-1 .nav-menu-link {
top: -22px;
}
}
.rts-menubar .hamburger-1 .nav-menu-link::before {
display: none;
}
.rts-menubar .hamburger-1 .nav-menu-link span {
background: #fff;
width: 6px !important;
height: 6px !important;
border-radius: 50%;
float: left;
}
.navbar-part3 {
background: #fff;
border-bottom: 1px solid #f4f4f4;
}
.navbar-part3 .container {
padding: 0;
}
@media (max-width: 1480px) {
.navbar-part3 .container {
padding: 0 20px;
}
}
.navbar-part3 .select .select-styled {
padding-left: 20px;
}
.navbar-part3 .navbar-inner {
padding: 25px 0;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.navbar-part3 .navbar-inner .header-action-items {
margin-left: auto;
}
.navbar-part3 .navbar-inner .header-action-items .action-item {
margin-right: 10px;
}
.navbar-part3 .navbar-inner .rts-menu .menu-item {
padding-top: 0;
padding-bottom: 0;
background: red;
}
@media (max-width: 900px) {
.navbar-part3 .navbar-inner {
padding: 0;
}
}
.lower-navbar-sticky {
top: 0;
}
.sticky-menu .lower-navbar {
padding: 0;
}
.sticky-menu .navbar-part9 {
background: #fff;
}
.sticky-menu .navbar-part9 .navbar-inner .logo {
opacity: 1;
}
.sticky-menu .navbar-part9 .navbar-inner .header-action-items .search-icon {
background: #f5f6f2;
border-radius: 50%;
}
.sticky-menu .navbar-part9 .navbar-inner .header-action-items .account {
background: #f5f6f2;
border-radius: 50%;
}
.sticky-menu .navbar-part9 .navbar-inner .header-action-items .cart .cart-nav .cart-icon {
background: #f5f6f2;
border-radius: 50%;
}
.lower-navbar {
background: #fff;
max-width: 100% !important;
}
.lower-navbar .container {
padding: 0;
}
@media (max-width: 1480px) {
.lower-navbar .container {
padding: 0 20px;
}
}
.lower-navbar .navbar-inner {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.lower-navbar .navbar-inner .logo {
display: none;
}
.lower-navbar .navbar-inner .select {
width: 200px;
}
.lower-navbar .navbar-inner .select-styled {
max-width: unset;
height: 113%;
padding: 10px 40px;
padding-top: 19px;
border-radius: 0;
text-align: center;
background: var(--theme-color);
color: #fff;
font-weight: 700;
}
.lower-navbar .navbar-inner .select-styled::after {
position: relative;
left: unset;
right: unset;
top: 12px;
margin-left: 5px;
margin-bottom: -20px;
border-color: #fff transparent transparent transparent;
}
.lower-navbar .navbar-inner .header-action-items {
display: none;
}
.lower-navbar .navbar-inner .rts-menu .menu-item {
padding-top: 15px;
padding-bottom: 15px;
}
.lower-navbar .navbar-inner .rts-menu .menu-item.active1 {
color: #000;
}
.lower-navbar .navbar-inner .rts-menu .menu-item.active1 i {
color: var(--theme-color);
}
.lower-navbar .navbar-inner .rts-menu .menu-item:hover {
color: var(--theme-color);
}
.lower-navbar .navbar-inner .rts-menu .menu-item:hover i {
color: var(--theme-color);
}
.lower-navbar .navbar-inner .rts-menu .menu-item i {
color: #777777;
}
.lower-navbar .navbar-inner .rts-menu .dropdown-ul {
top: 42px;
}
.lower-navbar .navbar-inner .rts-menu .dropdown-ul .dropdown-li a {
font-size: 15px;
font-weight: 400;
}
.lower-navbar .navbar-inner .rts-menu .dropdown-ul .dropdown-li a:hover {
}
.lower-navbar .navbar-inner .rts-menu .dropdown-ul .dropdown-li a::before {
background: var(--theme-color);
}
.lower-navbar .quick-contact {
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.lower-navbar .quick-contact .contact-item {
font-size: 14px;
font-weight: 700;
color: #040404;
}
.lower-navbar .quick-contact .contact-item.phone {
margin-right: 40px;
position: relative;
}
@media (max-width: 1260px) {
.lower-navbar .rts-menu .menu-item {
padding: 20px 20px;
}
}
@media (max-width: 1110px) {
.lower-navbar .quick-contact {
display: none;
}
}
@media (max-width: 900px) {
.lower-navbar .rts-menu {
display: block;
}
}
@media (max-width: 768px) {
.lower-navbar {
display: none;
}
.lower-navbar .rts-menu {
display: none;
}
}
@media (max-width: 768px) {
.sticky-menu .lower-navbar {
display: block;
}
}
.lower-navbar-inner {
-webkit-box-shadow: 0px 6px 12px -5px rgba(0, 0, 0, 0.08);
box-shadow: 0px 6px 12px -5px rgba(0, 0, 0, 0.08);
}
.navbar-sticky4 .navbar-inner {
background: none !important;
}
.navbar-part4 {
background: #031424;
border-bottom: 1px solid #0a2239;
padding: 0 !important;
}
.navbar-part4 .rts-menu .dropdown-link::before {
background: #fff !important;
}
.navbar-part4 .navbar-search-area {
margin-left: 0px;
}
.navbar-part4 .navbar-search-area .select .select-styled {
padding-left: 18px;color: #fff;
}
.navbar-part4 .navbar-search-area .search-input-inner input {
background: #fff;
max-width: 375px;
color: #47637d;border-radius: 0;
}
.navbar-part4 .navbar-search-area .search-input-inner input::-webkit-input-placeholder {
color: #47637d;
}
.navbar-part4 .navbar-search-area .search-input-inner input input::-ms-input-placeholder {
color: #47637d;
}
.navbar-part4 .navbar-search-area .search-input-inner input input:-ms-input-placeholder {
color: #47637d;
}
.navbar-part4 .navbar-search-area .search-input-inner .search-input-icon {
background: #000;
color: #fff;
}
.navbar-part4 .search-input-area .search-input-icon i {
color: #040404;
}
.navbar-part4 .logo {
margin-left: 0px;
}
.navbar-part4 .logo img{width: 230px;}
.navbar-part4 .navbar-select-area {
margin-left: auto;
}
.navbar-part4 .header-action-items {
margin-left: 0 !important;
}
.navbar-part4 .navbar-search-area .select .select-styled {
background: var(--theme-color);
font-weight: 700;
}
.navbar-part4 .navbar-select-area .select .select-styled {
background: var(--theme-color);
border: none;color: #fff;
}
.navbar-part4 .header-action-items i {
color: #fff;
}
@media (max-width: 1050px) {
.navbar-part4 .header-action-items {
margin-left: auto !important;
}
}
@media (max-width: 900px) {
.navbar-part4 {
padding: 14px 0 !important;
}
.navbar-part4 .logo {
margin-left: 0;
}
.navbar-part4 .hamburger span,
.navbar-part4 .hamburger span:before,
.navbar-part4 .hamburger span:after {
background: #fff;
}
}
.lower-navbar-sticky4 .navbar-inner {
background: none !important;
}
.lower-navbar4 {
background: #fff;
border-radius: 0;
padding: 0 !important;border-bottom: 2px solid #fc934c;
}
.lower-navbar4 .navbar-inner {
background: none;
}
.lower-navbar4 .navbar-inner .rts-menu .mega-dropdown {
background: #031424;
}
.lower-navbar4 .navbar-inner .rts-menu .mega-dropdown .parent-page-title {
color: #fff;
}
.lower-navbar4 .navbar-inner .rts-menu .dropdown-ul {
top: 50px;
}
.lower-navbar4 .navbar-inner .rts-menu .dropdown-link::before {
background: var(--theme-color);
}
.lower-navbar4 .rts-menu {
margin:0 auto;
}
.lower-navbar4 .rts-menu .menu-item {
color: #000;
}
.lower-navbar4 .rts-menu .dropdown-ul li a {
background: #031424;
color: #fff;
border-bottom: 1px solid #0a2239;
}
.lower-navbar4 .contact-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.lower-navbar4 .contact-info .title {
font-size: 12px;
line-height: 20px;
color: var(--theme-color);
}
.lower-navbar4 .contact-info .email-address {
font-size: 14px;
line-height: 20px;
color: #fff;
}
.navbar-sticky2 {
background: #F4F6F9;
}
@media (max-width: 1200px) {
.navbar-sticky2 {
background: none;
}
}
.navbar-sticky2 .navbar-part2 {
background: #fff;
padding: 15px 0 15px 35px;
border-radius: 0 0 10px 10px;
}
@media (max-width: 1200px) {
.navbar-sticky2 .navbar-part2 {
padding: 15px 0;
}
}
.navbar-sticky2 .navbar-part2 .logo::before {
display: none;
}
@media (max-width: 991px) {
.navbar-sticky2 .navbar-part2 .rts-menu {
display: none;
}
}
@media (max-width: 1400px) {
.navbar-sticky2 .navbar-part2 .rts-menu .menu-item {
padding: 20px 25px;
}
}
.navbar-sticky2 .navbar-part2 .rts-menu .menu-item i {
color: #777777;
}
.navbar-sticky2 .navbar-part2 .rts-menu .menu-item:hover {
color: var(--theme-color);
}
.navbar-sticky2 .navbar-part2 .rts-menu .menu-item:hover i {
color: var(--theme-color);
}
.navbar-sticky2 .navbar-part2 .rts-menu .menu-item.active1 {
color: var(--theme-color);
}
.navbar-sticky2 .navbar-part2 .rts-menu .menu-item.active1 i {
color: var(--theme-color);
}
.navbar-sticky2 .navbar-part2 .rts-menu .dropdown-li .dropdown-link {
font-size: 15px;
font-weight: 400;
}
.navbar-sticky2 .navbar-part2 .rts-menu .dropdown-li .dropdown-link::before {
background: var(--theme-color);
}
.navbar-sticky2 .navbar-part2 .rts-menu .dropdown-li .dropdown-link:hover {
color: var(--theme-color);
}
.navbar-sticky2 .navbar-part2 .rts-menu .dropdown-li .dropdown-link.active {
color: var(--theme-color);
}
.navbar-sticky2 .navbar-part2 .header-action-items1 {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.navbar-sticky2 .navbar-part2 .header-action-items1 .responsive-hamburger {
display: none;
margin-right: 70px;
}
@media (max-width: 991px) {
.navbar-sticky2 .navbar-part2 .header-action-items1 .responsive-hamburger {
display: block;
}
}
@media (max-width: 576px) {
.navbar-sticky2 .navbar-part2 .header-action-items1 .responsive-hamburger {
margin-right: 30px;
}
}
.navbar-sticky2 .navbar-part2 .header-action-items1 .responsive-hamburger .nav-menu-link {
top: -21px;
height: 68px;
width: 70px;
padding: 20px 18px 10px 20px;
}
@media (max-width: 1200px) {
.navbar-sticky2 .navbar-part2 .header-action-items1 .responsive-hamburger .nav-menu-link {
top: -22px;
}
}
.navbar-sticky2 .navbar-part2 .header-action-items1 .responsive-hamburger .nav-menu-link::before {
display: none;
}
.navbar-sticky2 .navbar-part2 .header-action-items1 .responsive-hamburger .nav-menu-link span {
background: var(--theme-color);
width: 6px !important;
height: 6px !important;
border-radius: 50%;
float: left;
}
.navbar-sticky2 .navbar-part2 .header-action-items1 .search-part {
margin: 0;
}
@media (max-width: 576px) {
.navbar-sticky2 .navbar-part2 .header-action-items1 .search-part {
display: none;
}
}
.navbar-sticky2 .navbar-part2 .header-action-items1 .search-part .action-item {
display: block;
background: none;
}
.navbar-sticky2 .navbar-part2 .header-action-items1 .action-item {
margin: 0;
}
@media (max-width: 576px) {
.navbar-sticky2 .navbar-part2 .header-action-items1 .action-item {
display: none;
}
}
@media (max-width: 576px) {
.navbar-sticky2 .navbar-part2 .header-action-items1 .cart {
display: none;
}
}
.navbar-sticky2 .navbar-part2 .header-action-items1 .cart .cart-nav .cart-icon {
background: none;
}
.navbar-sticky2 .navbar-part2 .header-action-items1 .cart .cart-nav .cart-icon .icon-dot {
background: var(--theme-color);
}
.navbar-sticky2 .navbar-part2 .header-action-items1 .account {
background: none;
}
@media (max-width: 576px) {
.navbar-sticky2 .navbar-part2 .header-action-items1 .account {
display: none;
}
}
@media (max-width: 1200px) {
.navbar-sticky2 .navbar-part2 .header-action-items1 .account {
margin-right: 0;
}
}
.navbar-sticky2.sticky-menu {
padding: 15px 0;
background: #fff !important;
}
.navbar-sticky2.sticky-menu .navbar-part2 {
padding: 0;
}
.navbar-sticky2.sticky-menu .navbar-part2 .navbar-inner {
padding: 0;
}
.navbar-sticky {
position: relative;
}
.navbar-sticky .navbar-part5 {
background: #fff;
padding: 15px 0 15px 35px;
border-radius: 0 0 10px 10px;
}
@media (max-width: 1200px) {
.navbar-sticky .navbar-part5 {
padding: 15px 0;
}
}
.navbar-sticky .navbar-part5 .logo::before {
display: none;
}
@media (max-width: 991px) {
.navbar-sticky .navbar-part5 .rts-menu {
display: none;
}
}
.navbar-sticky .navbar-part5 .rts-menu .menu-item {
padding-top: 20px;
padding-bottom: 20px;
}
@media (max-width: 1400px) {
.navbar-sticky .navbar-part5 .rts-menu .menu-item {
padding: 20px 25px;
}
}
.navbar-sticky .navbar-part5 .rts-menu .menu-item i {
color: #777777;
}
.navbar-sticky .navbar-part5 .rts-menu .menu-item:hover {
color: var(--theme-color) !important;
}
.navbar-sticky .navbar-part5 .rts-menu .menu-item:hover i {
color: var(--theme-color) !important;
}
.navbar-sticky .navbar-part5 .rts-menu .menu-item.active1 {
color: var(--theme-color) !important;
}
.navbar-sticky .navbar-part5 .rts-menu .menu-item.active1 i {
color: var(--theme-color) !important;
}
.navbar-sticky .navbar-part5 .rts-menu .dropdown-ul {
border-top: 3px solid var(--theme-color);
}
.navbar-sticky .navbar-part5 .rts-menu .dropdown-ul li .dropdown-link {
color: #404040;
font-size: 15px;
font-weight: 400;
}
.navbar-sticky .navbar-part5 .rts-menu .dropdown-ul li:hover .dropdown-link {
color: var(--theme-color);
}
.navbar-sticky .navbar-part5 .rts-menu .dropdown-ul li:hover .dropdown-link::before {
background-color: var(--theme-color);
}
.navbar-sticky .navbar-part5 .rts-menu .dropdown-ul.mega-dropdown .mega-dropdown-li .parent-page-title {
color: #404040;
font-size: 15px;
font-weight: 600;
}
.navbar-sticky .navbar-part5 .rts-menu .dropdown-ul.mega-dropdown .mega-dropdown-li .mega-dropdown-ul li .dropdown-link2 {
color: #404040;
font-size: 15px;
font-weight: 400;
position: relative;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}
.navbar-sticky .navbar-part5 .rts-menu .dropdown-ul.mega-dropdown .mega-dropdown-li .mega-dropdown-ul li .dropdown-link2::before {
content: "";
position: absolute;
top: 17px;
left: 0;
width: 6px;
height: 2px;
background: #040404;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
-webkit-transform: scale(0);
transform: scale(0);
}
.navbar-sticky .navbar-part5 .rts-menu .dropdown-ul.mega-dropdown .mega-dropdown-li .mega-dropdown-ul li:hover .dropdown-link2 {
color: var(--theme-color);
}
.navbar-sticky .navbar-part5 .rts-menu .dropdown-ul.mega-dropdown .mega-dropdown-li .mega-dropdown-ul li:hover .dropdown-link2::before {
background: var(--theme-color);
-webkit-transform: scale(1);
transform: scale(1);
}
.navbar-sticky .navbar-part5 .rts-menu .dropdown-li .dropdown-link {
font-size: 15px;
font-weight: 400;
}
.navbar-sticky .navbar-part5 .rts-menu .dropdown-li .dropdown-link::before {
background: var(--theme-color);
}
.navbar-sticky .navbar-part5 .rts-menu .dropdown-li .dropdown-link:hover {
color: var(--theme-color);
}
.navbar-sticky .navbar-part5 .rts-menu .dropdown-li .dropdown-link.active {
color: var(--theme-color);
}
.navbar-sticky .navbar-part5 .header-action-items1 {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.navbar-sticky .navbar-part5 .header-action-items1 .responsive-hamburger {
display: none;
margin-right: 10px;
}
@media (max-width: 991px) {
.navbar-sticky .navbar-part5 .header-action-items1 .responsive-hamburger {
display: block;
}
}
@media (max-width: 576px) {
.navbar-sticky .navbar-part5 .header-action-items1 .responsive-hamburger {
margin-right: 30px;
}
}
.navbar-sticky .navbar-part5 .header-action-items1 .responsive-hamburger .nav-menu-link {
top: -21px;
height: 68px;
width: 70px;
padding: 20px 18px 10px 20px;
}
@media (max-width: 1200px) {
.navbar-sticky .navbar-part5 .header-action-items1 .responsive-hamburger .nav-menu-link {
top: -22px;
}
}
.navbar-sticky .navbar-part5 .header-action-items1 .responsive-hamburger .nav-menu-link::before {
display: none;
}
.navbar-sticky .navbar-part5 .header-action-items1 .responsive-hamburger .nav-menu-link span {
background: var(--theme-color);
width: 6px !important;
height: 6px !important;
border-radius: 50%;
float: left;
}
.navbar-sticky .navbar-part5 .header-action-items1 .search-part {
margin: 0;
}
@media (max-width: 576px) {
.navbar-sticky .navbar-part5 .header-action-items1 .search-part {
display: none;
}
}
.navbar-sticky .navbar-part5 .header-action-items1 .search-part .action-item {
display: block;
background: none;
}
.navbar-sticky .navbar-part5 .header-action-items1 .search-part:hover {
background: var(--theme-color);
}
.navbar-sticky .navbar-part5 .header-action-items1 .action-item {
margin: 0;
}
@media (max-width: 576px) {
.navbar-sticky .navbar-part5 .header-action-items1 .action-item {
display: none;
}
}
@media (max-width: 576px) {
.navbar-sticky .navbar-part5 .header-action-items1 .cart {
display: none;
}
}
.navbar-sticky .navbar-part5 .header-action-items1 .cart .cart-nav .cart-icon .icon-dot {
background: var(--theme-color);
}
.navbar-sticky .navbar-part5 .header-action-items1 .account {
margin: 0 20px;
display: block !important;
}
@media (max-width: 576px) {
.navbar-sticky .navbar-part5 .header-action-items1 .account {
display: none !important;
}
}
.navbar-sticky .navbar-part5 .header-action-items1 .account:hover {
background: var(--theme-color);
}
.navbar-sticky.sticky-menu {
background: rgba(255, 255, 255, 0.9);
}
.navbar-sticky.sticky-menu .navbar-part {
position: relative;
top: unset;
}
.navbar-sticky7 .navbar-part5 {
padding: 10px 0 10px 35px;
}
.navbar-sticky7.sticky-menu {
background: #fff;
}
.navbar-sticky1.sticky-menu {
background: #000;
-webkit-box-shadow: none;
box-shadow: none;
}
@media (max-width: 991px) {
.navbar-sticky1.sticky-menu {
background-color: #fff;
-webkit-box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.016);
box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.016);
}
}
.navbar-sticky1.sticky-menu .navbar-part2 {
padding: 0;
}
@media (max-width: 991px) and (min-width: 900px) {
.navbar-sticky1.sticky-menu .navbar-part2 {
padding: 20px 0;
}
}
.navbar-sticky1.sticky-menu .navbar-part2 .navbar-inner {
display: none;
}
@media (max-width: 991px) {
.navbar-sticky1.sticky-menu .navbar-part2 .navbar-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.navbar-sticky1.sticky-menu .navbar-part2 .rts-menubar {
bottom: 0;
}
.navbar-sticky1.sticky-menu .navbar-part2 .rts-menubar .hamburger-1 .nav-menu-link {
top: -22px;
height: 69px;
width: 70px;
padding: 20px 18px 10px 20px;
}
@media (max-width: 1200px) {
.navbar-sticky1.sticky-menu .navbar-part2 .rts-menubar .hamburger-1 .nav-menu-link {
top: -21px;
}
}
.navbar-sticky1.sticky-menu .navbar-part {
position: relative;
top: unset;
}
.navbar-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 900px) {
.navbar-inner {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.navbar-inner .header-action-items {
margin-left: auto;
}
}
.header-action-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-action-items .action-item {
cursor: pointer;
margin-right: 20px;
}
.header-action-items .action-item i {
font-size: 18px;
}
.header-action-items .cart .cart-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 10px;
}
.header-action-items .cart .cart-nav .cart-icon {
margin-right: 5px;
position: relative;
}
.navbar-part {
z-index: 10;
}
@media (max-width: 560px) {
.navbar-part {
top: 28px;
}
}
@media (max-width: 900px) {
.navbar-part {
padding: 22px 20px;
}
}
.navbar-part .dropdown-li .dropdown-link.active {
color: #EE403D;
}
.navbar-part.navbar-part2 {
top: 0;
}
@media (max-width: 900px) {
.navbar-part.navbar-part2 {
padding: 0;
}
.navbar-part.navbar-part2 .navbar-inner {
padding: 20px 0;
}
}
.navbar-part.navbar-part2 .dropdown-li .dropdown-link.active {
color: var(--theme-color);
}
@media (max-width: 560px) {
.navbar-part {
top: 0;
}
}
@media (max-width: 430px) {
.navbar-part .header-action-items .action-item {
margin-right: 10px;
}
.navbar-part .header-action-items .action-item i {
font-size: 15px;
}
}
@media (max-width: 370px) {
.navbar-part .header-action-items {
display: none;
}
.navbar-part .hamburger {
margin-left: auto;
}
}
.search-input-area {
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 15px 0;
background: #fff;
-webkit-box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.46);
box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.46);
z-index: 11;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.search-input-area.show {
visibility: visible;
-webkit-transform: inherit;
transform: inherit;
opacity: 1;
}
@media (max-width: 550px) {
.search-input-area .select {
font-size: 12px;
}
}
.search-input-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.search-input-inner.inner-2 {
text-align: center;
}
.search-input-inner.inner-2 input {
padding: 15px 20px;
}
.search-input-inner .input-div {
width: 100%;
position: relative;
}
.search-input-inner .input-div .input5 {
padding: 10px 20px;
padding-right: 100px;
}
.search-input-inner input {
background: #F8F8F8;
padding: 5px 20px;
padding-left: 40px;
border-radius: 0 7px 7px 0;
width: 80%;
font-size: 15px;
position: relative;
}
@media (max-width: 991px) {
.search-input-inner input {
width: 95%;
}
}
@media (max-width: 330px) {
.search-input-inner input {
font-size: 12px;
}
}
.search-input-inner input::-webkit-input-placeholder {
color: #c6c6c6;
}
.search-input-inner .search-input-icon {
position: absolute;
top: 50%;
left: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
.search-input-inner .search-close-icon i {
color: #040404;
font-size: 21px;
cursor: pointer;
}
.search-input-inner .search-close-icon:hover i {
color: #EE403D;
}
.search-input-inner::before {
content: "";
position: absolute;
bottom: -320px;
left: 0px;
width: 152px;
height: 304px;
background: none;
}
.navbar-search-area {
margin-left: 120px;
}
.navbar-search-area.navbar-search-area9 {
margin-left: 0;
}
@media (max-width: 1200px) {
.navbar-search-area.navbar-search-area9 {
display: none;
}
}
.navbar-search-area.navbar-search-area9 .search-input-inner .input-div .select {
position: absolute;
z-index: 1;
width: 150px;
height: 25px;
top: 15px;
border-right: 1px solid #E8E8E8;
}
.navbar-search-area.navbar-search-area9 .search-input-inner .input-div .select .select-styled {
background: none;
max-width: 140px;
font-weight: 500;
font-size: 15px;
padding: 0 25px 0 20px;
top: 1px;
}
.navbar-search-area.navbar-search-area9 .search-input-inner .input-div .select .select-styled::after {
display: none;
}
.navbar-search-area.navbar-search-area9 .search-input-inner .input-div .select .select-styled::before {
content: "\f107";
position: absolute;
font-family: "Font Awesome 5 Pro";
color: #040404;
right: 10px;
font-size: 18px;
top: 0;
}
.navbar-search-area.navbar-search-area9 .search-input-inner .input-div .select .select-styled.active {
color: #040404;
}
.navbar-search-area.navbar-search-area9 .search-input-inner .input-div .select .select-styled.active::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.navbar-search-area.navbar-search-area9 .search-input-inner .input-div .select .select-options li:hover {
background: #EE403D;
}
.navbar-search-area.navbar-search-area9 .search-input-inner .input-div input {
width: 540px;
}
@media (max-width: 1350px) {
.navbar-search-area.navbar-search-area9 .search-input-inner .input-div input {
width: 450px;
}
}
.navbar-search-area.navbar-search-area9 .search-input-inner .input-div .input5 {
padding-right: 20px;
padding-left: 170px;
background: none;
border: 1px solid #ececec;
border-radius: 0;
position: relative;
}
.navbar-search-area.navbar-search-area9 .search-input-inner .input-div .input5::-webkit-input-placeholder {
color: #999999;
}
.navbar-search-area.navbar-search-area9 .search-input-inner .input-div .input5::-moz-placeholder {
color: #999999;
}
.navbar-search-area.navbar-search-area9 .search-input-inner .input-div .input5:-ms-input-placeholder {
color: #999999;
}
.navbar-search-area.navbar-search-area9 .search-input-inner .input-div .input5::-ms-input-placeholder {
color: #999999;
}
.navbar-search-area.navbar-search-area9 .search-input-inner .input-div .input5::placeholder {
color: #999999;
}
.navbar-search-area.navbar-search-area9 .search-input-inner .input-div .input5::before {
content: "";
position: absolute;
width: 1px;
height: 35px;
background: #E8E8E8;
right: -15px;
top: -5px;
}
.navbar-search-area .search-input-inner {
width: 100%;
}
.navbar-search-area .search-input-inner input {
width: 464px;
padding-left: 30px;
}
.navbar-search-area .search-input-inner .input4 {
padding: 15px 20px;
border-radius: 0 7px 7px 0;
}
.navbar-search-area .select-styled {
padding-left: 30px;
}
.navbar-search-area .select-styled::after {
position: relative;
left: unset;
right: unset;
top: 14px;
margin-left: 5px;
margin-bottom: -20px;
}
.navbar-search-area .search-input-icon {
left: unset;
right: 2px;
font-size: 14px;
color: #040404;
font-style: normal;
font-weight: 700;
background: #F8F8F8;
padding: 8px 20px;
padding-right: 30px;
}
.navbar-search-area .search-input-icon i {
margin-right: 3px;
}
@media (max-width: 1300px) {
.navbar-search-area {
margin-left: 50px;
}
.navbar-search-area .search-input-inner .search-input {
width: 300px;
}
}
@media (max-width: 910px) {
/* .navbar-search-area {
display: none;
} */
.navbar-part4 .logo img {
margin-left: 6px;
}
}
@media (max-width: 500px) {
.slide-bar {
width: 100%;
}
.slide-bar.active {
right: 0;
}
}
.navbar-select-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.navbar-select-area .select {
width: 80px;
margin-right: 10px;
}
.navbar-select-area .select .select-styled {
border-radius: 5px;
background: none;
border: 1px solid #E7E7E7;
font-size: 14px;
font-weight: 700;
color: #040404;
}
.navbar-select-area .select .select-styled::after {
position: relative;
left: unset;
right: unset;
top: 12px;
margin-left: 5px;
margin-bottom: -20px;color: #fff;
}
.navbar-select-area .select .select-options ul li {
font-size: 14px;
font-weight: 700;
color: #040404;
padding: 20px;
}
@media (max-width: 1050px) {
.navbar-select-area {
display: none;
}
}
.header-topbar5 {
background: var(--theme-color);
}
.header-topbar5.close {
display: none;
}
.header-topbar5 .header-top-inner .welcome-text .value {
color: #fff;
}
.header-topbar5 .header-top-inner .welcome-text .value i {
font-size: 15px;
margin-right: 0;
margin-left: 5px;
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.header-topbar5 .header-top-inner .topbar-action .close {
font-size: 16px;
color: #fff;
font-weight: 500;
cursor: pointer;
}
.header-topbar5 .header-top-inner .topbar-action .close i {
font-size: 16px;
-webkit-transform: translateY(0.5px);
transform: translateY(0.5px);
}
.header-lower-topbar5 {
background: #fff;
border-bottom: 1px solid #ebebeb;
}
.header-lower-topbar5 .topbar-navs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-lower-topbar5 .topbar-navs a {
font-size: 14px;
line-height: 28px;
font-weight: 500;
color: #777777;
padding-right: 40px;
}
.header-lower-topbar5 .topbar-navs a:hover {
color: var(--theme-color);
}
.header-lower-topbar5 .header-top-inner .topbar-select-area .select .select-styled {
color: #040404 !important;
}
.header-lower-topbar5 .header-top-inner .topbar-select-area .select .select-styled::after {
border-color: #040404 transparent transparent transparent !important;
}
.header-lower-topbar5 .header-top-inner .topbar-select-area .select .select-options li {
padding-left: 0 !important;
}
@media (max-width: 768px) {
.header-lower-topbar5 .topbar-navs a {
font-size: 13px;
padding-right: 25px;
}
}
@media (max-width: 900px) {
.lower-navbar .navbar-inner {
padding: 0 !important;
}
.lower-navbar .navbar-inner .hamburger {
margin-left: auto;
margin-right: 20px;
}
.sticky-menu .lower-navbar .navbar-inner {
padding: 20px 0 !important;
}
.sticky-menu .lower-navbar .navbar-inner .logo {
display: block;
margin-left: 20px;
}
.sticky-menu .lower-navbar .navbar-inner .catagory-select-area {
display: none !important;
}
.sticky-menu .lower-navbar .navbar-inner .hamburger {
margin-left: auto;
margin-right: 20px;
}
}
.navbar-part5 {
border-bottom: none;
}
.navbar-part5 .navbar-search-area .search-input-icon {
right: 25px;
}
.navbar-part5 .navbar-search-area .search-input-icon.icon2 {
padding: 0;
background: none;
}
.navbar-part5 .navbar-search-area .search-input-inner input {
width: 585px;
border-radius: 6px;
}
@media (max-width: 1510px) {
.navbar-part5 {
padding: 0;
}
}
.lower-navbar-sticky5 {
position: relative;
height: 30px;
top: unset !important;
}
@media (max-width: 900px) {
.lower-navbar-sticky5 {
height: 0;
}
}
.lower-navbar-sticky5 .navbar-inner .rts-menu .menu-item:hover {
color: var(--theme-color);
}
.lower-navbar-sticky5 .navbar-inner .rts-menu .menu-item:hover i {
color: var(--theme-color);
}
.lower-navbar-sticky5 .navbar-inner .rts-menu .menu-item.active1 {
color: var(--theme-color);
}
.lower-navbar-sticky5 .navbar-inner .rts-menu .menu-item.active1 i {
color: var(--theme-color);
}
.lower-navbar-sticky5 .navbar-inner .rts-menu .menu-item i {
color: #777777;
}
.lower-navbar-sticky5 .navbar-inner .rts-menu .dropdown-ul .dropdown-li a {
font-size: 15px;
font-weight: 400;
}
.lower-navbar-sticky5 .navbar-inner .rts-menu .dropdown-ul .dropdown-li a:hover {
color: var(--theme-color);
}
.lower-navbar-sticky5 .navbar-inner .rts-menu .dropdown-ul .dropdown-li a:before {
background: var(--theme-color);
}
@media (max-width: 900px) {
.navbar-part5 {
padding: 25px 0;
}
}
.sticky-menu.lower-navbar-sticky5 {
top: 0 !important;
height: auto;
}
.sticky-menu.lower-navbar-sticky5 .container {
padding: 0;
}
.sticky-menu.lower-navbar-sticky5.lower-navbar5 {
-webkit-box-shadow: 0;
box-shadow: 0;
position: relative;
top: unset;
padding: 0;
}
.sticky-menu.lower-navbar-sticky5 .select .select-styled {
border-radius: 0;
}
.sticky-menu.lower-navbar-sticky5 .navbar-coupon-code {
border-radius: 0;
}
.lower-navbar5 {
-webkit-box-shadow: 0px 3px 32px 0px rgba(0, 0, 0, 0.04);
box-shadow: 0px 3px 32px 0px rgba(0, 0, 0, 0.04);
position: relative;
top: 30px;
padding: 0;
}
.lower-navbar5 .navbar-inner {
border-radius: 6px;
}
.lower-navbar5 .select .select-styled {
border-radius: 6px 0 0 6px;
height: 115%;
}
.lower-navbar5 .navbar-coupon-code {
background: #000;
margin-left: auto;
padding: 12px 20px;
border-radius: 0 6px 6px 0;
}
@media (max-width: 900px) {
.sticky-menu .lower-navbar-inner .navbar-inner .category-select-area {
display: none;
}
}
.sticky-menu .lower-navbar5 {
display: block;
padding: 0;
padding-left: 0;
}
.sticky-menu .lower-navbar5 .navbar-inner {
padding: 0;
}
@media (max-width: 900px) {
.sticky-menu .lower-navbar-inner {
display: block;
}
.sticky-menu .lower-navbar-inner .navbar-inner .logo {
display: block;
}
.sticky-menu .lower-navbar-inner .navbar-inner .catagory-select-area {
display: none !important;
}
.sticky-menu .lower-navbar-inner .navbar-inner .hamburger {
margin-left: auto;
}
.sticky-menu .lower-navbar-inner .navbar-inner .contact-info {
display: none;
}
.sticky-menu .lower-navbar4 {
display: block;
}
.sticky-menu .lower-navbar4 .navbar-inner .logo {
display: block;
}
.sticky-menu .lower-navbar4 .navbar-inner .hamburger {
margin-left: auto;
}
.sticky-menu .lower-navbar4 .navbar-inner .hamburger span {
background: #fff;
}
.sticky-menu .lower-navbar4 .navbar-inner .hamburger span::before {
background: #fff;
}
.sticky-menu .lower-navbar4 .navbar-inner .hamburger span::after {
background: #fff;
}
.sticky-menu .lower-navbar4 .navbar-inner .contact-info {
display: none;
}
.sticky-menu .navbar-coupon-code {
display: none;
}
.sticky-menu .hamburger {
margin-right: 20px;
}
}
.page-path {
background: #f6f6f6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 30px 0;
}
.page-path .breadcrumbs-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-path .breadcrumbs-inner .path-title {
font-size: 50px;
}
@media (max-width: 400px) {
.page-path .breadcrumbs-inner .path-title {
font-size: 38px;
}
}
.page-path ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page-path a {
font-size: 16px;
color: #999999;
}
.page-path a i {
margin-left: 3px;
color: #EE403D;
}
.page-path a.home-page-link {
margin-right: 7px;
}
.page-path a.current-page {
color: #EE403D;
}
@media (max-width: 768px) {
.page-path {
padding: 15px 0;
}
.page-path li a {
font-size: 14px;
}
}
.rts-menu .mega-dropdown {
padding: 30px;
width: 650px;
left: -123px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.rts-menu .mega-dropdown .mega-dropdown-li {
width: 33.333%;
}
.rts-menu .mega-dropdown .parent-page-title {
font-size: 19px;
margin-bottom: 20px;
}
.rts-menu .mega-dropdown a {
padding: 7px 0;
padding-right: 60px;
border: none;
}
.rts-menu .mega-dropdown a::before {
top: 16px;
left: 4px;
}
.rts-menu .mega-dropdown a:hover {
padding: 7px 0;
padding-left: 15px;
}
.mega-dropdown-li.last-child {
margin-left: 35px;
}
.side-mobile-menu {
display: none;
}
@media (max-width: 991px) {
.side-mobile-menu {
display: block;
}
}
.side-mobile-menu .mega-dropdown-mobile {
padding: 7px 0;
padding-left: 20px;
}
.side-mobile-menu .mega-dropdown-mobile .list-item {
margin-bottom: 15px;
}
.side-mobile-menu .mega-dropdown-mobile .parent-page-title {
margin-bottom: 10px;
}
.side-mobile-menu .mega-dropdown-mobile li {
padding: 0;
}
.side-mobile-menu .mega-dropdown-mobile a {
padding: 8px 0;
padding-left: 20px;
border-bottom: none;
}
.side-mobile-menu1 {
padding-top: 70px;
}
.side-mobile-menu1.side-mobile-menu2 ul li .mm-link:hover {
color: var(--theme-color) !important;
}
.side-mobile-menu1.side-mobile-menu2 ul li .mm-link i {
color: #fff;
background: var(--theme-color);
padding: 7px;
border-radius: 5px;
}
.side-mobile-menu1.side-mobile-menu2 ul li .sub-menu li a:hover {
color: var(--theme-color);
}
.side-mobile-menu1 ul li .mm-link:hover {
color: #E32020 !important;
}
.side-mobile-menu1 ul li .mm-link i {
color: #fff;
background: #E32020;
padding: 7px;
border-radius: 5px;
}
.side-mobile-menu1 ul li .sub-menu li a:hover {
color: #E32020;
}
.offset-sidebar-main {
display: block;
padding: 60px 40px 0 0;
}
@media (max-width: 991px) {
.offset-sidebar-main {
display: none;
}
}
.offset-sidebar-main .offset-widget {
padding-top: 50px;
}
.offset-sidebar-main .offset-widget .info-widget p {
padding-top: 25px;
font-size: 16px;
line-height: 28px;
}
.offset-sidebar-main .offset-widget .info-widget.info-widget2 {
margin-top: 30px;
}
.offset-sidebar-main .offset-widget .info-widget.info-widget2 .offset-title {
color: #040404;
font-size: 18px;
font-weight: 500;
margin-bottom: 25px;
}
.offset-sidebar-main .offset-widget .info-widget.info-widget2 .info {
padding-left: 25px;
font-size: 14px;
font-weight: 400;
color: #777777;
margin-bottom: 10px;
position: relative;
}
.offset-sidebar-main .offset-widget .info-widget.info-widget2 .info.phone::before {
content: "\f095";
position: absolute;
color: #E32020;
font-family: "Font Awesome 5 Pro";
font-weight: 600;
left: 0;
}
.offset-sidebar-main .offset-widget .info-widget.info-widget2 .info.email::before {
content: "\f0e0";
position: absolute;
color: #E32020;
font-family: "Font Awesome 5 Pro";
font-weight: 600;
left: 0;
}
.offset-sidebar-main .offset-widget .info-widget.info-widget2 .info.web::before {
content: "\f0ac";
position: absolute;
color: #E32020;
font-family: "Font Awesome 5 Pro";
left: 0;
font-weight: 600;
}
.offset-sidebar-main .offset-widget .info-widget.info-widget2 .info.location::before {
content: "\f3c5";
position: absolute;
color: #E32020;
font-family: "Font Awesome 5 Pro";
left: 0;
font-weight: 600;
}
.offset-sidebar-main .offset-widget .info-widget.info-widget2 .info a {
font-size: 14px;
font-weight: 400;
color: #777777;
}
.offset-sidebar-main .offset-widget .info-widget.info-widget2 .offset-social-link {
margin-top: 30px;
}
.offset-sidebar-main .offset-widget .info-widget.info-widget2 .offset-social-link .social-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.offset-sidebar-main .offset-widget .info-widget.info-widget2 .offset-social-link .social-icon li {
margin-right: 15px;
}
.offset-sidebar-main .offset-widget .info-widget.info-widget2 .offset-social-link .social-icon li a {
padding: 10px 15px;
border: 1px solid rgba(2, 1, 1, 0.1803921569);
border-radius: 10%;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.offset-sidebar-main .offset-widget .info-widget.info-widget2 .offset-social-link .social-icon li a:hover {
background: #E32020;
border: 1px solid #E32020;
color: #fff;
}
.banner {
width: 100%;
height: 932px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin-bottom: 50px;
position: relative;
background: #ffffff;
z-index: 0;
}
.banner.banner-1 {
height: auto;
margin-bottom: 35px;
}
.banner.banner-1::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
-webkit-transition: opacity 500ms;
transition: opacity 500ms;
z-index: -1;
}
@media (min-width: 1100px) {
.banner.banner-1 .gutter-1 {
width: 20%;
}
}
@media (min-width: 1100px) {
.banner.banner-1 .gutter-2 {
width: 80%;
}
}
.banner.banner-1 .catagory-sidebar {
min-height: 575px;
border-radius: 10px;
}
@media (max-width: 991px) {
.banner.banner-1 .catagory-sidebar {
margin-bottom: 30px;
}
}
@media (max-width: 768px) {
.banner.banner-1 .catagory-sidebar {
display: none;
}
}
.banner.banner-1 .catagory-sidebar .widget-bg .widget-title {
margin-bottom: 0;
color: #000;
border-radius: 10px 10px 0 0;
line-height: 1;
font-size: 16px;
font-weight: bold;
padding: 20px 30px;
background: #e7e8e0;
position: relative;
}
.banner.banner-1 .catagory-sidebar .widget-bg .widget-title i {
-webkit-transition: all 0.6s;
transition: all 0.6s;
position: absolute;
right: 30px;
font-size: 16px;
}
.banner.banner-1 .catagory-sidebar .widget-bg nav {
padding: 30px;
background: #F5F6F1;
padding-right: 0px;
overflow: visible !important;
border-radius: 0 0 10px 10px;
}
.banner.banner-1 .catagory-sidebar .widget-bg nav ul li {
margin-bottom: 27px;
position: relative;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.banner.banner-1 .catagory-sidebar .widget-bg nav ul li:hover a {
color: #040404;
text-decoration: underline !important;
}
.banner.banner-1 .catagory-sidebar .widget-bg nav ul li:hover a i {
color: #040404;
}
.banner.banner-1 .catagory-sidebar .widget-bg nav ul li a {
-webkit-transition: all 0.6s;
transition: all 0.6s;
font-size: 16px;
font-weight: 400;
color: #000;
line-height: 1;
}
.banner.banner-1 .catagory-sidebar .widget-bg nav ul li a i {
-webkit-transition: all 0.6s;
transition: all 0.6s;
position: absolute;
right: 30px;
font-size: 16px;
color: #d7d9d2;
}
.banner.banner-1.banner-9 {
background: url(../images/banner/fashion-home-two-bg.jpg);
margin-bottom: 105px;
background-repeat: no-repeat;
}
.banner.banner-1.banner-9::before {
display: none;
}
.banner.banner-1.banner-9::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1;
display: block;
}
@media (max-width: 1100px) {
.banner.banner-1.banner-9::after {
background: rgba(255, 255, 255, 0.6);
}
}
.banner.banner-1.banner-9 .container .banner-inner .catagory-sidebar {
margin-top: -70px;
}
@media (max-width: 991px) {
.banner.banner-1.banner-9 .container .banner-inner .catagory-sidebar {
display: none;
}
}
.banner.banner-1.banner-9 .container .banner-inner .catagory-sidebar .widget-bg .widget-title {
padding: 27px 30px;
background: #EE403D;
color: #fff;
border-radius: 10px 0 0 0;
}
@media (max-width: 900px) {
.banner.banner-1.banner-9 .container .banner-inner .catagory-sidebar .widget-bg .widget-title {
padding: 27px 25px;
}
}
@media (max-width: 900px) {
.banner.banner-1.banner-9 .container .banner-inner .catagory-sidebar .widget-bg .widget-title i {
right: 10px;
}
}
.banner.banner-1.banner-9 .container .banner-inner .catagory-sidebar .widget-bg nav {
border-radius: 0;
background: #fff;
}
.banner.banner-1.banner-9 .container .banner-inner .catagory-sidebar .widget-bg nav ul li {
margin-bottom: 18px;
}
.banner.banner-1.banner-9 .rts-topSlide2 .swiper-slide {
overflow: visible;
}
.banner.banner-1.banner-9 .rts-topSlide2 .banner-single {
position: relative;
height: 601px;
}
@media (max-width: 991px) {
.banner.banner-1.banner-9 .rts-topSlide2 .banner-single {
height: auto;
padding-bottom: 100px;
}
}
@media (max-width: 1644px) {
.banner.banner-1.banner-9 .rts-topSlide2 .banner-single .header-container {
padding: 0;
}
}
.banner.banner-1.banner-9 .rts-topSlide2 .banner-single::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 0;
display: none;
}
@media (max-width: 1100px) {
.banner.banner-1.banner-9 .rts-topSlide2 .banner-single::after {
background: rgba(255, 255, 255, 0.6);
}
}
.banner.banner-1.banner-9 .rts-topSlide2 .banner-single::before {
display: none;
}
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner {
padding-left: 65px;
z-index: 1;
}
@media (max-width: 1400px) {
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner {
padding-left: 0;
margin-bottom: -20px;
}
}
@media (max-width: 991px) {
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner {
display: -ms-grid;
display: grid;
margin-bottom: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 768px) {
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner {
padding-left: 0;
}
}
@media (max-width: 400px) {
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner {
padding-left: 10px;
}
}
@media (max-width: 991px) {
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner .contents {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
text-align: center;
}
}
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner .contents .slider-subtitle {
color: #000;
font-size: 16px;
font-weight: 400;
display: inline-block;
margin-bottom: 15px;
}
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner .contents .banner-heading {
font-weight: 600;
font-size: 50px;
color: #000;
text-transform: uppercase;
line-height: 60px;
}
@media (max-width: 1400px) {
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner .contents .banner-heading {
font-size: 46px;
line-height: 42px;
}
}
@media (max-width: 1200px) {
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner .contents .banner-heading {
font-size: 34px;
line-height: 42px;
}
}
@media (max-width: 991px) {
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner .contents .banner-heading {
font-size: 40px;
line-height: 42px;
}
}
@media (max-width: 500px) {
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner .contents .banner-heading {
font-size: 36px;
}
}
@media (max-width: 400px) {
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner .contents .banner-heading {
font-size: 22px;
line-height: 28px;
}
}
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner .contents p {
color: #777777;
font-size: 16px;
font-weight: 400;
margin-bottom: 20px;
}
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner .contents .banner-btn {
color: #000;
background: none;
font-size: 16px;
font-weight: 600;
background: transparent;
text-transform: uppercase;
text-decoration: underline !important;
padding: 0;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner .contents .banner-btn:hover {
color: #EE403D;
}
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner .slider-image {
width: 50%;
position: relative;
}
@media (max-width: 1400px) {
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner .slider-image {
bottom: -50px;
}
}
@media (max-width: 1200px) {
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner .slider-image {
bottom: -90px;
width: 60%;
}
}
@media (max-width: 991px) {
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner .slider-image {
width: 80%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
bottom: 0;
margin-bottom: 50px;
}
}
@media (max-width: 576px) {
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner .slider-image {
margin-bottom: 35px;
}
}
.banner.banner-1.banner-9 .rts-topSlide2 .single-inner .slider-image img {
width: 100%;
}
.banner.banner-1.banner-9 .swiper-pag {
right: 50px;
position: absolute;
width: auto;
left: unset;
display: -ms-grid;
display: grid;
bottom: 50%;
top: 50%;
z-index: 1;
-webkit-transform: translate(-50%);
transform: translate(-50%);
}
@media (max-width: 1600px) {
.banner.banner-1.banner-9 .swiper-pag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
bottom: 100px;
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%);
right: unset;
top: unset;
}
}
@media (max-width: 991px) {
.banner.banner-1.banner-9 .swiper-pag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
bottom: 50px;
}
}
.banner.banner-1.banner-9 .swiper-pag .swiper-pagination-bullet {
width: 6px;
height: 6px;
margin-right: 10px;
margin-bottom: 15px;
background: #000;
opacity: 1;
position: relative;
}
.banner.banner-1.banner-9 .swiper-pag .swiper-pagination-bullet::before {
position: absolute;
content: "";
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid #000;
background: none;
left: -5px;
top: -5px;
display: none;
}
.banner.banner-1.banner-9 .swiper-pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #000;
}
.banner.banner-1.banner-9 .swiper-pag .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
display: block;
}
.banner.banner-1 .bannerSlide2 .swiper-slide {
overflow: visible;
}
.banner.banner-1 .bannerSlide2 .banner-single {
position: relative;
}
.banner.banner-1 .bannerSlide2 .banner-single::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 0;
display: block;
}
@media (max-width: 1100px) {
.banner.banner-1 .bannerSlide2 .banner-single::after {
background: rgba(255, 255, 255, 0.6);
}
}
.banner.banner-1 .bannerSlide2 .single-inner {
padding-left: 65px;
z-index: 1;
}
@media (max-width: 1100px) {
.banner.banner-1 .bannerSlide2 .single-inner {
padding-left: 35px;
}
}
@media (max-width: 768px) {
.banner.banner-1 .bannerSlide2 .single-inner {
padding-left: 0;
}
}
@media (max-width: 400px) {
.banner.banner-1 .bannerSlide2 .single-inner {
padding-left: 10px;
}
}
.banner.banner-1 .bannerSlide2 .single-inner .content-box .slider-subtitle {
background: #fff;
color: #000;
font-size: 14px;
font-weight: 400;
display: inline-block;
margin-bottom: 15px;
margin-top: 0;
padding-left: 10px;
padding-right: 10px;
border-radius: 50px;
}
.banner.banner-1 .bannerSlide2 .single-inner .content-box .slider-title {
font-weight: 600;
font-size: 50px;
color: #000;
text-transform: uppercase;
line-height: 60px;
}
@media (max-width: 991px) {
.banner.banner-1 .bannerSlide2 .single-inner .content-box .slider-title {
font-size: 40px;
line-height: 42px;
}
}
@media (max-width: 500px) {
.banner.banner-1 .bannerSlide2 .single-inner .content-box .slider-title {
font-size: 36px;
}
}
@media (max-width: 400px) {
.banner.banner-1 .bannerSlide2 .single-inner .content-box .slider-title {
font-size: 22px;
line-height: 28px;
}
}
.banner.banner-1 .bannerSlide2 .single-inner .content-box .slider-description {
margin-top: 10px;
margin-bottom: 50px;
}
@media (max-width: 400px) {
.banner.banner-1 .bannerSlide2 .single-inner .content-box .slider-description {
margin-bottom: 25px;
}
}
.banner.banner-1 .bannerSlide2 .single-inner .content-box .slider-description p {
color: #777777;
font-size: 14px;
font-weight: 400;
}
.banner.banner-1 .bannerSlide2 .single-inner .content-box .slider-btn2 {
color: #000;
font-size: 14px;
font-weight: 600;
background: transparent;
text-transform: uppercase;
text-decoration: underline !important;
padding: 0;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.banner.banner-1 .bannerSlide2 .single-inner .content-box .slider-btn2:hover {
color: #777777;
}
.banner.banner-1 .bannerSlide2 .slider-navigation {
top: 50%;
opacity: 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.banner.banner-1 .bannerSlide2 .slider-navigation .slider-btn:hover {
background: #EE403D;
}
@media (max-width: 1200px) {
.banner.banner-1 .bannerSlide2 .slider-navigation {
bottom: 250px;
}
}
@media (max-width: 768px) {
.banner.banner-1 .bannerSlide2 .slider-navigation {
display: none;
}
}
@media (max-width: 768px) {
.banner.banner-1 .bannerSlide2 .slider-navigation .slider-btn.prev {
left: -80%;
}
}
@media (max-width: 768px) {
.banner.banner-1 .bannerSlide2 .slider-navigation .slider-btn.next {
right: -80%;
}
}
.banner.banner-1 .bannerSlide2:hover .slider-navigation {
opacity: 1;
}
.banner.banner-2 {
height: inherit;
background-color: #F5F6F2 !important;
padding: 120px 0 50px 0;
overflow: hidden;
}
.banner.banner-2.banner-7 {
background: url(../images/background/furniture-banner.webp);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 0;
margin-bottom: 0;
}
@media (max-width: 991px) {
.banner.banner-2.banner-7 .container .banner-inner .first-child {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
}
@media (max-width: 991px) {
.banner.banner-2.banner-7 .container .banner-inner .last-child {
display: none;
}
}
@media (max-width: 991px) {
.banner.banner-2.banner-7 .container .banner-inner .product-item2 {
text-align: center;
padding-top: 30px;
}
}
.banner.banner-2.banner-7 .container .banner-inner .rts-heading {
position: relative;
}
@media (max-width: 991px) {
.banner.banner-2.banner-7 .container .banner-inner .rts-heading {
margin-bottom: 50px;
}
}
.banner.banner-2.banner-7 .container .banner-inner .rts-heading .title-inner .sub-title {
margin-bottom: 15px;
}
.banner.banner-2.banner-7 .container .banner-inner .rts-heading .title-inner .sub-title h2 {
font-family: "Jost", Sans-serif;
font-size: 48px;
font-weight: 300;
color: #000;
}
@media (max-width: 400px) {
.banner.banner-2.banner-7 .container .banner-inner .rts-heading .title-inner .sub-title h2 {
font-size: 38px;
}
}
.banner.banner-2.banner-7 .container .banner-inner .rts-heading .title-inner .title .watermark {
font-family: "Jost", Sans-serif;
font-size: 72px;
font-weight: 500;
line-height: 80px;
text-transform: none;
color: #000;
margin: 0 0 25px 0;
}
@media (max-width: 576px) {
.banner.banner-2.banner-7 .container .banner-inner .rts-heading .title-inner .title .watermark {
font-size: 55px;
}
}
@media (max-width: 400px) {
.banner.banner-2.banner-7 .container .banner-inner .rts-heading .title-inner .title .watermark {
font-size: 42px;
}
}
.banner.banner-2.banner-7 .container .banner-inner .rts-heading .description {
color: #777777;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 26px;
}
.banner.banner-2.banner-7 .container .banner-inner .rts-heading .section-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.banner.banner-2.banner-7 .container .banner-inner .rts-heading .section-btn .rts-btn a {
background: var(--theme-color);
color: #fff;
font-size: 15px;
font-weight: 400;
border-radius: 30px;
padding: 10px 24px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.banner.banner-2.banner-7 .container .banner-inner .rts-heading .section-btn .rts-btn a:hover {
background-color: #000000;
}
.banner.banner-2.banner-7 .container .banner-inner .rts-heading .section-btn .rts-video {
margin-left: 30px;
}
.banner.banner-2.banner-7 .container .banner-inner .rts-heading .section-btn .rts-video .popup-videos {
display: block;
background: #fff;
width: 70px;
height: 70px;
line-height: 72px;
text-align: center;
border-radius: 50%;
position: relative;
}
.banner.banner-2.banner-7 .container .banner-inner .rts-heading .section-btn .rts-video .popup-videos::before {
position: absolute;
content: "";
border: 1px solid #fff;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-animation: pulse-border 1.5s ease-out infinite;
animation: pulse-border 1.5s ease-out infinite;
}
.banner.banner-2.banner-7 .container .banner-inner .product-item .product-image {
height: 370px;
}
.banner.banner-2.banner-7 .container .banner-inner .product-item .bottom-content .action-wrap .price {
font-size: 20px;
font-weight: 500;
}
.banner.banner-2.banner-7.banner-10 {
background: #f7f7f7;
}
@media (max-width: 1200px) and (min-width: 991px) {
.banner.banner-2.banner-7.banner-10 {
height: 525px;
}
}
@media (max-width: 991px) {
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .first-child {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
}
@media (max-width: 991px) {
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .last-child {
display: none;
}
}
@media (max-width: 991px) {
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item2 {
text-align: center;
}
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item2 .product-image2 img {
width: 100%;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading {
position: relative;
padding-left: 100px;
}
@media (max-width: 991px) {
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading {
margin: 70px 0;
}
}
@media (max-width: 1650px) {
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading {
padding-left: 25px;
}
}
@media (max-width: 576px) {
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading {
padding-left: 0;
}
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading .title-inner .sub-title {
margin-bottom: 15px;
}
@media (max-width: 991px) {
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading .title-inner .sub-title {
margin-bottom: 10px;
}
}
@media (max-width: 991px) {
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading .title-inner .sub-title {
margin-bottom: 5px;
}
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading .title-inner .sub-title h2 {
font-family: "Jost", Sans-serif;
font-size: 48px;
font-weight: 300;
color: #000;
}
@media (max-width: 400px) {
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading .title-inner .sub-title h2 {
font-size: 38px;
}
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading .title-inner .title .watermark {
font-family: "Jost", Sans-serif;
font-size: 72px;
font-weight: 500;
line-height: 80px;
text-transform: none;
color: #000;
margin: 0 0 25px 0;
}
@media (max-width: 1400px) and (min-width: 991px) {
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading .title-inner .title .watermark {
font-size: 60px;
line-height: 60px;
}
}
@media (max-width: 576px) {
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading .title-inner .title .watermark {
font-size: 55px;
}
}
@media (max-width: 400px) {
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading .title-inner .title .watermark {
font-size: 42px;
line-height: 50px;
}
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading .description {
color: #777777;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 26px;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading .section-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading .section-btn .rts-btn a {
background: #000;
color: #fff;
font-size: 15px;
font-weight: 400;
border-radius: 30px;
padding: 10px 24px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading .section-btn .rts-btn a:hover {
background-color: #fff;
color: #000;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading .section-btn .rts-video {
margin-left: 30px;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading .section-btn .rts-video .popup-videos {
display: block;
background: #fff;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 50%;
position: relative;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading .section-btn .rts-video .popup-videos::before {
position: absolute;
content: "";
border: 1px solid #fff;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-animation: pulse-border 1.5s ease-out infinite;
animation: pulse-border 1.5s ease-out infinite;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .rts-heading .section-btn .rts-video .popup-videos i {
font-size: 12px;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item {
margin-bottom: 0;
position: relative;
overflow: hidden;
width: 380px;
overflow: hidden;
position: relative;
}
@media (max-width: 1200px) {
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item {
margin: 100px 0;
}
}
@media (max-width: 768px) {
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item {
margin: 0 auto;
}
}
@media (max-width: 450px) {
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item {
width: 100%;
}
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .product-image {
height: 370px;
overflow: hidden;
position: relative;
margin-bottom: 0;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .product-image img {
width: 100%;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .product-image .slider-buttons {
top: 50%;
-webkit-transform: scale(85%);
transform: scale(85%);
left: 0;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .product-image .slider-buttons .slider-btn {
width: 45px;
height: 45px;
border-radius: 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .product-image .slider-buttons .slider-btn:hover {
background: #000000;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .product-image .slider-buttons .slider-btn:hover i {
color: #fff;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .bottom-content {
padding: 40px !important;
padding-top: 35px !important;
padding-bottom: 30px !important;
text-align: start;
background: #fff;
padding-top: 20px;
}
@media (max-width: 450px) {
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .bottom-content {
padding-top: 25px !important;
padding-bottom: 20px !important;
padding: 25px !important;
}
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .bottom-content .star-rating {
margin-bottom: 8px;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .bottom-content .star-rating i {
color: #ee403d;
margin-right: 2px;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .bottom-content .product-name {
margin-bottom: 5px;
color: #777777 !important;
-moz-text-align-last: left;
text-align-last: left;
font-size: 16px;
font-weight: 400;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .bottom-content .action-wrap .price {
color: #272727;
display: block;
text-align: left;
font-size: 20px;
font-weight: 500;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .quick-action-button {
z-index: 3;
position: absolute;
cursor: pointer;
left: 30px;
top: 30px;
background: #fff;
width: 54px;
height: 54px;
padding-top: 15px;
padding-bottom: 25px;
border-radius: 100px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
@media (max-width: 450px) {
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .quick-action-button {
left: 15px;
}
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .quick-action-button:hover {
height: 180px;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .quick-action-button:hover .cta-single.cta-quickview, .banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .quick-action-button:hover .cta-single.cta-wishlist, .banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .quick-action-button:hover .cta-single.cta-addtocart {
opacity: 1;
visibility: visible;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .quick-action-button .cta-single {
padding-left: 16px;
width: 56px;
-webkit-transition: all 0.7s;
transition: all 0.7s;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .quick-action-button .cta-single.cta-plus:hover {
color: #EE403D;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .quick-action-button .cta-single.cta-quickview {
opacity: 0;
visibility: hidden;
padding-left: 19px;
padding-top: 15px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .quick-action-button .cta-single.cta-quickview .product-details-popup-btn:hover {
color: #EE403D;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .quick-action-button .cta-single.cta-wishlist {
opacity: 0;
visibility: hidden;
padding-left: 20px;
margin-top: 18px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .quick-action-button .cta-single.cta-wishlist:hover {
color: #EE403D;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .quick-action-button .cta-single.cta-addtocart {
opacity: 0;
visibility: hidden;
padding-left: 16px;
padding-top: 18px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .quick-action-button .cta-single.cta-addtocart:hover {
color: #EE403D;
}
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .hot {
position: absolute;
top: 30px;
right: 70px;
left: unset;
-webkit-transition: all 300ms;
transition: all 300ms;
opacity: 1;
z-index: 11;
color: #040404 !important;
background: #fff;
width: 56px;
height: 56px;
font-size: 12px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
margin-bottom: 10px;
}
@media (max-width: 450px) {
.banner.banner-2.banner-7.banner-10 .container-fluid .banner-inner .product-item .hot {
right: 15px;
}
}
.banner.banner-2.bg-image-2 {
background-image: url(../images/background/bg.webp);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 0;
}
.banner.banner-2.bg-image-2 .banner-single {
height: 580px !important;
}
@media (max-width: 768px) {
.banner.banner-2.bg-image-2 .banner-single {
height: 900px !important;
}
}
@media (max-width: 576px) {
.banner.banner-2.bg-image-2 .banner-single {
height: 850px !important;
}
}
.banner.banner-2.bg-image-2 .banner-single::before {
display: none;
}
.banner.banner-2.bg-image-2 .banner-single .single-inner {
padding-top: 70px;
}
@media (max-width: 768px) {
.banner.banner-2.bg-image-2 .banner-single .single-inner {
display: -ms-grid;
display: grid;
padding: 60px;
}
}
@media (max-width: 450px) {
.banner.banner-2.bg-image-2 .banner-single .single-inner {
padding: 0;
}
}
@media (max-width: 768px) {
.banner.banner-2.bg-image-2 .banner-single .single-inner .contents {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media (max-width: 991px) {
.banner.banner-2.bg-image-2 .banner-single .single-inner .contents .banner-heading {
font-size: 32px;
line-height: 45px;
}
}
.banner.banner-2.bg-image-2 .banner-single .single-inner .contents .banner-btn {
background: var(--theme-color);
}
.banner.banner-2.bg-image-2 .banner-single .single-inner .slider-image {
margin-right: 150px;
}
@media (max-width: 1200px) {
.banner.banner-2.bg-image-2 .banner-single .single-inner .slider-image {
margin-right: 0;
}
}
.banner.banner-2 .container .banner-inner .rts-heading {
position: relative;
}
.banner.banner-2 .container .banner-inner .rts-heading .react-image {
position: absolute;
right: 65px;
top: -65px;
-webkit-animation: jump-1 12s infinite;
animation: jump-1 12s infinite;
z-index: -1;
}
@media (max-width: 1400px) {
.banner.banner-2 .container .banner-inner .rts-heading .react-image {
top: 0;
}
}
@media (max-width: 991px) {
.banner.banner-2 .container .banner-inner .rts-heading .react-image {
right: unset !important;
left: 35%;
}
}
.banner.banner-2 .container .banner-inner .rts-heading .title-inner .sub-content {
background: #fff;
display: inline-block;
padding-left: 10px;
padding-right: 10px;
border-radius: 50px;
margin-bottom: 15px;
}
.banner.banner-2 .container .banner-inner .rts-heading .title-inner .sub-content .sub-text {
color: #000;
font-size: 14px;
font-weight: 400;
margin-top: 0;
}
.banner.banner-2 .container .banner-inner .rts-heading .title-inner .title {
font-weight: 600;
font-size: 50px;
color: #000;
text-transform: uppercase;
line-height: 60px;
}
@media (max-width: 1200px) and (min-width: 991px) {
.banner.banner-2 .container .banner-inner .rts-heading .title-inner .title {
font-size: 40px;
line-height: 50px;
}
}
@media (max-width: 400px) {
.banner.banner-2 .container .banner-inner .rts-heading .title-inner .title {
font-size: 40px;
line-height: 54px;
}
}
.banner.banner-2 .container .banner-inner .rts-heading .description {
color: #777777;
font-size: 14px;
font-weight: 400;
margin-top: 10px;
margin-bottom: 50px;
}
.banner.banner-2 .container .banner-inner .rts-heading .section-btn2 {
color: #000;
font-size: 14px;
font-weight: 600;
background: transparent;
text-transform: uppercase;
text-decoration: underline !important;
padding: 0;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.banner.banner-2 .container .banner-inner .product-item {
margin-bottom: 30px;
position: relative;
overflow: hidden;
width: 380px;
overflow: hidden;
position: relative;
}
@media (max-width: 768px) {
.banner.banner-2 .container .banner-inner .product-item {
margin: 0 auto;
}
}
@media (max-width: 450px) {
.banner.banner-2 .container .banner-inner .product-item {
width: 100%;
}
}
.banner.banner-2 .container .banner-inner .product-item .product-image {
height: 335px;
overflow: hidden;
position: relative;
margin-bottom: 0;
}
.banner.banner-2 .container .banner-inner .product-item .product-image img {
width: 100%;
}
.banner.banner-2 .container .banner-inner .product-item .product-image .slider-buttons {
top: 50%;
-webkit-transform: scale(85%);
transform: scale(85%);
left: 0;
}
.banner.banner-2 .container .banner-inner .product-item .product-image .slider-buttons .slider-btn {
width: 45px;
height: 45px;
border-radius: 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.banner.banner-2 .container .banner-inner .product-item .product-image .slider-buttons .slider-btn:hover {
background: #000000;
}
.banner.banner-2 .container .banner-inner .product-item .product-image .slider-buttons .slider-btn:hover i {
color: #fff;
}
.banner.banner-2 .container .banner-inner .product-item .bottom-content {
padding: 40px !important;
padding-top: 35px !important;
padding-bottom: 30px !important;
text-align: start;
background: #fff;
padding-top: 20px;
}
@media (max-width: 450px) {
.banner.banner-2 .container .banner-inner .product-item .bottom-content {
padding-top: 25px !important;
padding-bottom: 20px !important;
padding: 25px !important;
}
}
.banner.banner-2 .container .banner-inner .product-item .bottom-content .star-rating {
margin-bottom: 8px;
}
.banner.banner-2 .container .banner-inner .product-item .bottom-content .star-rating i {
color: #ee403d;
margin-right: 2px;
}
.banner.banner-2 .container .banner-inner .product-item .bottom-content .product-name {
margin-bottom: 5px;
color: #777777 !important;
-moz-text-align-last: left;
text-align-last: left;
font-size: 16px;
font-weight: 400;
}
.banner.banner-2 .container .banner-inner .product-item .bottom-content .action-wrap .price {
color: #272727;
display: block;
text-align: left;
}
.banner.banner-2 .container .banner-inner .product-item .quick-action-button {
z-index: 3;
position: absolute;
cursor: pointer;
left: 30px;
top: 30px;
background: #fff;
width: 54px;
height: 54px;
padding-top: 15px;
padding-bottom: 25px;
border-radius: 100px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
@media (max-width: 450px) {
.banner.banner-2 .container .banner-inner .product-item .quick-action-button {
left: 15px;
}
}
.banner.banner-2 .container .banner-inner .product-item .quick-action-button:hover {
height: 180px;
}
.banner.banner-2 .container .banner-inner .product-item .quick-action-button:hover .cta-single.cta-quickview, .banner.banner-2 .container .banner-inner .product-item .quick-action-button:hover .cta-single.cta-wishlist, .banner.banner-2 .container .banner-inner .product-item .quick-action-button:hover .cta-single.cta-addtocart {
opacity: 1;
visibility: visible;
}
.banner.banner-2 .container .banner-inner .product-item .quick-action-button .cta-single {
padding-left: 16px;
width: 56px;
-webkit-transition: all 0.7s;
transition: all 0.7s;
}
.banner.banner-2 .container .banner-inner .product-item .quick-action-button .cta-single.cta-plus:hover {
color: #EE403D;
}
.banner.banner-2 .container .banner-inner .product-item .quick-action-button .cta-single.cta-quickview {
opacity: 0;
visibility: hidden;
padding-left: 19px;
padding-top: 15px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.banner.banner-2 .container .banner-inner .product-item .quick-action-button .cta-single.cta-quickview .product-details-popup-btn:hover {
color: #EE403D;
}
.banner.banner-2 .container .banner-inner .product-item .quick-action-button .cta-single.cta-wishlist {
opacity: 0;
visibility: hidden;
padding-left: 20px;
margin-top: 18px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.banner.banner-2 .container .banner-inner .product-item .quick-action-button .cta-single.cta-wishlist:hover {
color: #EE403D;
}
.banner.banner-2 .container .banner-inner .product-item .quick-action-button .cta-single.cta-addtocart {
opacity: 0;
visibility: hidden;
padding-left: 16px;
padding-top: 18px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.banner.banner-2 .container .banner-inner .product-item .quick-action-button .cta-single.cta-addtocart:hover {
color: #EE403D;
}
.banner.banner-2 .container .banner-inner .product-item .hot {
position: absolute;
top: 30px;
right: 70px;
left: unset;
-webkit-transition: all 300ms;
transition: all 300ms;
opacity: 1;
z-index: 11;
color: #040404 !important;
background: #fff;
width: 56px;
height: 56px;
font-size: 12px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
margin-bottom: 10px;
}
@media (max-width: 450px) {
.banner.banner-2 .container .banner-inner .product-item .hot {
right: 15px;
}
}
.banner.banner-2 .container .banner-inner .product-item2 .image-slider-variations .swiper {
position: static;
margin-bottom: -60px;
}
@media (max-width: 1400px) {
.banner.banner-2 .container .banner-inner .product-item2 .image-slider-variations .swiper {
margin-bottom: -170px;
}
}
@media (max-width: 1200px) and (min-width: 991px) {
.banner.banner-2 .container .banner-inner .product-item2 .image-slider-variations .swiper {
margin-bottom: -230px;
}
}
@media (max-width: 768px) {
.banner.banner-2 .container .banner-inner .product-item2 .image-slider-variations .swiper {
margin-bottom: 15px;
}
}
.banner.banner-2 .container .banner-inner .product-item2 .image-slider-variations .swiper img {
width: 100%;
}
@media (max-width: 991px) {
.banner.banner-2 .slider-navigation {
display: none;
}
}
.banner.banner-3 {
background: none;
height: 764px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
height: auto;
margin-bottom: 0;
}
.banner.banner-3 .slider-navigation {
bottom: unset;
top: 44%;
left: 48.5%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.banner.banner-3 .slider-navigation .slider-btn {
border-radius: 5px;
}
.banner.banner-3 .slider-navigation .slider-btn.prev {
left: -6px;
border-radius: 5px 5px 0 0;
}
.banner.banner-3 .slider-navigation .slider-btn.next {
top: 60px;
left: -6px;
border-radius: 0 0 5px 5px;
}
.banner.banner-3 .banner-single {
height: 41vw;
}
.banner.banner-3 .banner-single .single-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 768px) {
.banner.banner-3 .banner-single {
height: auto;
background-image: #fff;
padding-bottom: 50px;
}
.banner.banner-3 .banner-single .single-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.banner.banner-3 .banner-single .single-inner .banner-product-thumb {
max-width: 100%;
right: unset;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.banner.banner-3 .banner-single .single-inner .contents {
width: 100%;
margin-top: 20px;
}
}
.banner.banner-3 .banner-single .banner-product-thumb {
position: relative;
right: -16%;
max-width: 90%;
}
@media (max-width: 1640px) {
.banner.banner-3 .banner-single .banner-product-thumb {
max-width: 58%;
right: -7%;
}
}
.banner.banner-3 .banner-single .contents .banner-pretitle-box {
background: #fff;
color: #72a398;
padding: 2px 20px;
border-radius: 6px;
font-size: 14px;
line-height: 28px;
margin-bottom: 25px;
}
.banner.banner-3 .banner-single .contents .banner-heading {
font-size: 80px;
line-height: 90px;
margin-bottom: 35px;
}
.banner.banner-3 .banner-single .contents .banner-action {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.banner.banner-3 .banner-single .contents .banner-btn2 {
margin-right: 25px;
}
.banner.banner-3 .banner-single .contents .banner-review .review {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 5px;
}
.banner.banner-3 .banner-single .contents .banner-review .review .star {
color: #ffa800;
font-size: 14px;
margin-right: 3px;
}
.banner.banner-3 .banner-single .contents .banner-review .review-text {
font-size: 16px;
font-weight: 500;
color: #777777;
}
.banner.banner-3 .banner-single .contents .banner-review .review-text.value {
color: #040404;
font-weight: 700;
}
@media (max-width: 1200px) {
.banner.banner-3 .banner-single::before {
display: none;
}
.banner.banner-3 .banner-single .contents .banner-heading {
font-size: 72px;
line-height: 82px;
}
.banner.banner-3 .slider-navigation {
position: absolute !important;
}
.banner.banner-3 .slider-navigation .slider-btn.prev {
position: absolute !important;
}
.banner.banner-3 .slider-navigation .slider-btn.next {
top: 79px;
}
}
@media (max-width: 991px) {
.banner.banner-3 .banner-single .contents .banner-heading {
font-size: 45px;
line-height: 55px;
}
}
@media (max-width: 900px) {
.banner.banner-3 {
padding-top: 0;
}
}
@media (max-width: 768px) {
.banner.banner-3 .slider-navigation {
display: none;
}
.banner.banner-3 .banner-action .banner-review {
padding: 15px;
border-radius: 5px;
}
.banner.banner-3 .banner-single .contents .banner-pretitle-box {
margin-bottom: 15px;
}
.banner.banner-3 .banner-single .contents .banner-heading {
font-size: 32px;
line-height: 42px;
margin-bottom: 20px;
}
.banner.banner-3 .banner-single .contents .banner-heading br {
display: none;
}
}
@media (max-width: 720px) {
.banner.banner-3 .banner-single .contents .banner-heading {
font-size: 32px;
line-height: 42px;
}
}
@media (max-width: 500px) {
.banner.banner-3 .banner-single .contents .banner-heading {
font-size: 32px;
line-height: 42px;
border-radius: 5px;
}
.banner.banner-3 .banner-single .contents .banner-heading br {
display: block;
}
.banner.banner-3 .banner-single .banner-action .banner-btn2 {
padding: 15px 15px;
}
}
.banner.banner-4 {
height: unset;
background: none;
margin-top: 30px;
}
.banner.banner-4 .col-xl-8 {
padding-right: 7px;
}
.banner.banner-4 .col-xl-4 {
padding-left: 0;
}
.banner.banner-4 .slider-navigation {
bottom: unset;
top: 50%;
left: unset;
right: 40px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 50px;
height: 50px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.banner.banner-4 .slider-navigation .slider-btn {
border-radius: 0;
}
.banner.banner-4 .slider-navigation .slider-btn i {
color: #031424;
}
.banner.banner-4 .slider-navigation .slider-btn.prev {
left: -6px;
border-radius: 5px 5px 0 0;
}
.banner.banner-4 .slider-navigation .slider-btn.next {
top: 100px;
left: -6px;
border-radius: 0 0 5px 5px;
background: var(--theme-color);
}
@media (max-width: 1200px) {
.banner.banner-4 {
margin-top: 20px;
}
.banner.banner-4 .col-xl-8 {
padding: 0;
}
.banner.banner-4 .col-xl-4 {
padding: 0 22px;
}
.banner.banner-4 .col-xl-12 {
padding: 0;
}
.banner.banner-4 .product-box-large {
margin: 0 10px;
margin-bottom: 15px;
}
.banner.banner-4 .product-box-medium {
margin: 0 0;
margin-bottom: 15px;
}
.banner.banner-4 .slider-navigation {
position: absolute;
}
.banner.banner-4 .slider-navigation .slider-btn {
position: absolute;
}
}
@media (max-width: 900px) {
.banner.banner-4 {
padding-top: 0;
margin-top: 20px;
}
}
@media (max-width: 768px) {
.banner.banner-4 {
margin-top: 10px;
}
.banner.banner-4 .product-box-large {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 25px;
margin: 0 5px;
margin-bottom: 20px;
}
.banner.banner-4 .product-box-large .product-thumb {
margin: 0 auto;
position: relative;
top: unset;
right: unset;
margin-bottom: 50px;
}
.banner.banner-4 .product-box-large .contents .pretitle {
margin-bottom: 10px;
}
.banner.banner-4 .product-box-large .contents .product-title {
font-size: 40px;
line-height: 50px;
}
.banner.banner-4 .product-box-large .contents .product-title br {
display: none;
}
.banner.banner-4 .product-box-large .contents .product-price {
padding: 5px 28px;
padding-bottom: 10px;
font-size: 23px;
}
.banner.banner-4 .slider-navigation {
display: none;
}
}
@media (max-width: 550px) {
.banner.banner-4 .product-box-large .contents .product-title {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 480px) {
.banner.banner-4 .product-box-medium {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.banner.banner-4 .product-box-medium.product-box-bg {
background-size: cover;
}
.banner.banner-4 .product-box-medium .product-thumb {
margin-bottom: 30px;
}
}
.banner.banner-5 {
position: relative;
}
.banner.banner-5 .banner-single {
padding: 50px 0;
}
.banner.banner-5 .banner-single .banner-product-thumb {
right: 8%;
max-width: 100%;
}
.banner.banner-5 .banner-single .contents .banner-pretitle-box {
font-size: 14px;
color: #777777;
background: none;
padding: 0;
}
.banner.banner-5 .banner-single .contents .banner-pretitle-box .cate {
font-size: 12px;
line-height: 22px;
padding: 0 7px;
border-radius: 50px;
margin-left: 7px;
color: #fff;
background: var(--theme-color);
}
.banner.banner-5 .banner-single .contents .banner-heading {
font-size: 60px;
line-height: 70px;
}
.banner.banner-5 .banner-single .contents .banner-action {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.banner.banner-5 .banner-single .contents .banner-action p {
display: block;
font-size: 18px;
color: #777777;
margin-bottom: 0;
line-height: 5px;
}
.banner.banner-5 .banner-single .contents .product-price {
display: block;
font-size: 40px;
color: #d51243;
}
@media (max-width: 1200px) {
.banner.banner-5 .floating-elements {
display: none;
}
.banner.banner-5 .banner-single .banner-product-thumb {
max-width: 40%;
}
.banner.banner-5 .banner-single .single-inner .contents .banner-heading {
font-size: 53px;
line-height: 63px;
}
}
@media (max-width: 768px) {
.banner.banner-5 .floating-elements {
display: none;
}
.banner.banner-5 .banner-single .banner-product-thumb {
max-width: 40%;
margin-bottom: 25px;
}
.banner.banner-5 .banner-single .single-inner .contents .banner-pretitle-box {
margin-bottom: 10px;
}
.banner.banner-5 .banner-single .single-inner .contents .banner-heading {
font-size: 38px;
line-height: 48px;
}
.banner.banner-5 .banner-single .single-inner .contents .product-price {
font-size: 30px;
}
.banner.banner-5 .banner-single .single-inner .contents .product-price p {
font-size: 15px;
}
}
.banner.banner-8 {
background: #031424;
padding-bottom: 15px;
margin-bottom: 0;
}
.banner.banner-8::before {
display: none;
}
@media (min-width: 1100px) {
.banner.banner-8 .gutter-1 {
padding-left: 0;
}
}
@media (min-width: 1100px) {
.banner.banner-8 .gutter-2 {
padding-right: 0;
}
}
.banner.banner-8 .banner-inner .catagory-sidebar {
background: #02101E;
}
.banner.banner-8 .banner-inner .catagory-sidebar .widget-bg .widget-title {
background: #010d18;
color: #fff !important;
}
.banner.banner-8 .banner-inner .catagory-sidebar .widget-bg nav {
background: #02101E;
}
.banner.banner-8 .banner-inner .catagory-sidebar .widget-bg nav ul li a {
color: rgba(255, 255, 255, 0.5294117647);
display: block;
}
.banner.banner-8 .banner-inner .catagory-sidebar .widget-bg nav ul li a i {
color: rgba(255, 255, 255, 0.5294117647);
}
.banner.banner-8 .banner-inner .catagory-sidebar .widget-bg nav ul li a:hover {
color: #fff;
}
.banner.banner-8 .banner-inner .catagory-sidebar .widget-bg nav ul li a:hover i {
color: #fff;
}
.banner.banner-8 .banner-inner .banner-single::after {
display: none;
}
.banner.banner-8 .banner-inner .banner-single.bg-image-8-1 {
background-image: url("../images/banner/cod.webp");
}
.banner.banner-8 .banner-inner .banner-single.bg-image-8-2 {
background-image: url("../images/banner/zombie-land.webp");
}
.banner.banner-8 .banner-inner .banner-single.bg-image-8-3 {
background-image: url("../images/banner/shadow-fight.webp");
}
.banner.banner-8 .banner-inner .banner-single .single-inner .content-box .slider-title {
color: #fff;
}
.banner.banner-8 .banner-inner .banner-single .single-inner .content-box .slider-btn2 {
color: #fff;
}
.banner.banner-8 .banner-inner .banner-single .single-inner .content-box .slider-btn2:hover {
color: var(--theme-color);
}
.banner.banner-8 .banner-inner .slider-navigation {
top: 50%;
opacity: 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.banner.banner-8 .banner-inner .slider-navigation .slider-btn:hover {
background: var(--theme-color);
}
.banner.banner-8 .banner-inner .slider-navigation .slider-btn {
background: #031424;
}
.banner.banner-8 .banner-inner .slider-navigation .slider-btn i {
color: #fff;
}
.banner .banner-single {
height: 800px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.banner .banner-single::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
-webkit-transition: opacity 500ms;
transition: opacity 500ms;
}
.banner .banner-single.bg-image {
background-position: right;
background-size: contain;
background-repeat: no-repeat;
}
.banner .banner-single.bg-image2 {
background-image: url("../images/background/banner-slide-bg.jpg");
}
.banner .banner-single.bg-image2-2 {
background-image: url("../images/background/banner-slide-bg2.png");
}
.banner .banner-single.bg-image-3 {
background-image: url("../images/banner/craftbg.jpg");
background-position-y: 0;
background-size: cover;
}
.banner .banner-single.bg-image-3-1 {
background-image: url("../images/banner/bg-pattern-1.jpg");
background-position: center center;
background-size: cover;
height: 575px;
background-repeat: no-repeat;
border-radius: 10px;
}
.banner .banner-single.bg-image-3-1::before {
display: none;
}
.banner .banner-single.bg-image-3-1.bg-image-9 {
background: url("../images/banner/bg-pattern-9.jpg");
background-repeat: no-repeat;
background-position: bottom right;
height: 606px;
}
@media (max-width: 1100px) {
.banner .banner-single.bg-image-3-1.bg-image-9 {
height: 565px;
}
}
.banner .banner-single.bg-image-3-3 {
background-image: url("../images/banner/bg-pattern-2.jpg");
background-position: center center;
background-size: cover;
height: 575px;
background-repeat: no-repeat;
border-radius: 10px;
}
.banner .banner-single.bg-image-3-3::before {
display: none;
}
.banner .banner-single.bg-image-3-3.bg-image-9 {
background: url("../images/banner/slider-bg9.png");
background-repeat: no-repeat;
background-position: bottom right;
}
@media (max-width: 1100px) {
.banner .banner-single.bg-image-3-3.bg-image-9 {
height: 565px;
}
}
.banner .banner-single.bg-image-3-4 {
background-image: url("../images/banner/bg-pattern-3.jpg");
background-position: center center;
background-size: cover;
height: 575px;
background-repeat: no-repeat;
border-radius: 10px;
}
.banner .banner-single.bg-image-3-4::before {
display: none;
}
.banner .banner-single.bg-image-3-4.bg-image-9 {
background: url("../images/banner/slider-bg9.png");
background-repeat: no-repeat;
background-position: bottom right;
padding-top: 150px;
}
@media (max-width: 1100px) {
.banner .banner-single.bg-image-3-4.bg-image-9 {
height: 565px;
}
}
.banner .banner-single.bg-image-3-2 {
background-image: url("../images/banner/craftbg.jpg");
background-position-y: 0;
background-size: cover;
}
.banner .banner-single.bg-image-5 {
background-image: url("../images/banner/banner4bg.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.banner .banner-single .single-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.banner .banner-single .single-inner .contents .banner-heading {
max-width: unset;
}
.banner .banner-single .single-inner .banner-image {
max-width: 877px;
}
.banner .banner-single .single-inner .banner-image img {
width: 100%;
}
.banner .contents {
position: relative;
z-index: 2;
}
.banner .contents .banner-notice {
font-weight: 700;
font-size: 14px;
line-height: 20px;
margin-bottom: 20px;
}
.banner .contents .banner-notice .coupon-code {
color: #fff;
background: #B79B6C;
padding: 1px 13px;
border-radius: 4px;
font-weight: 700;
font-size: 12px;
line-height: 16px;
}
.banner .contents .banner-heading {
font-weight: 700;
font-size: 60px;
line-height: 70px;
max-width: 470px;
margin-bottom: 10px;
}
.banner .contents p {
font-weight: 400;
font-size: 18px;
line-height: 23px;
margin-bottom: 50px;
}
.banner .contents .banner-btn {
font-weight: 700;
font-size: 16px;
line-height: 21px;
background: #040404;
border-radius: 3px;
padding: 20px 40px;
padding-top: 15px;
color: #fff;
-webkit-transition: background 500ms;
transition: background 500ms;
}
.banner .contents .banner-btn i {
margin-left: 10px;
margin-top: 5px;
}
.banner .contents .banner-btn:hover {
background: var(--theme-color);
}
.banner .contents .banner-btn:hover i {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
.banner .contents .banner-btn.banner-btn2 {
background: #fff;
color: #040404;
padding-top: 18px;
padding-left: 38px;
padding-right: 48px;
border-radius: 6px;
-webkit-box-shadow: 0px 16px 32px 0px rgba(103, 103, 103, 0.06);
box-shadow: 0px 16px 32px 0px rgba(103, 103, 103, 0.06);
}
.banner .contents .banner-btn.banner-btn2:hover {
background: var(--theme-color);
color: #fff;
}
.banner .contents .banner-btn.banner-btn2:hover i {
color: #fff;
}
.banner .contents .banner-btn.banner-btn2 i {
color: var(--theme-color);
margin-left: 0;
margin-right: 5px;
}
@media (max-width: 1654px) {
.banner.banner-1.bg-image {
background-position-x: 188px;
background-position-y: 0;
}
}
@media (max-width: 1200px) {
.banner.banner-1.bg-image {
background-position-x: unset;
background-size: cover;
}
}
@media (max-width: 1200px) {
.banner .contents .banner-heading {
font-size: 50px;
line-height: 65px;
}
.banner .contents p {
color: #404040;
}
.banner.banner-1:before {
opacity: 80%;
}
.banner .banner-single {
height: 600px;
}
.banner .banner-single:before {
opacity: 80%;
}
.banner .banner-single.bg-image {
background-size: cover;
}
}
@media (max-width: 900px) {
.banner {
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
height: 650px;
}
}
@media (max-width: 900px) {
.banner {
height: 590px;
}
}
@media (max-width: 768px) {
.banner {
margin-bottom: 25px;
}
}
@media (max-width: 500px) {
.banner .contents .banner-heading {
font-size: 35px;
line-height: 45px;
}
}
@media (max-width: 1200px) {
.banner.banner-2 {
padding-top: 150px;
}
}
@media (max-width: 991px) {
.banner.banner-2 {
padding-top: 110px;
}
}
.slider-nav-container {
max-width: 1730px;
position: relative;
overflow: visible;
}
@media (max-width: 1654px) {
.slider-nav-container {
max-width: 1444px;
}
}
.rts-wood-products-section {
background: #432e1f;
}
.rts-offer-section .container .rts-offer-inner {
background: url(../images/banner/offer-bg.jpg);
background-position: center;
background-size: cover;
padding: 35px 0 10px 0;
border-radius: 10px;
}
.rts-offer-section .container .rts-offer-inner .description {
color: #000000;
font-size: 20px;
font-weight: 400;
text-align: center;
margin: 0 0 26px;
}
.rts-offer-section .container .rts-offer-inner .description a {
text-decoration: underline !important;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.rts-offer-section .container .rts-offer-inner .description a:hover {
color: #EE403D;
}
.rts-new-collection-section {
overflow: hidden;
padding: 60px 0 100px 0;
}
@media (max-width: 768px) {
.rts-new-collection-section {
padding: 60px 0 75px 0;
}
}
.rts-new-collection-section .collection-item {
width: 100%;
overflow: hidden;
border-radius: 10px;
position: relative;
}
.rts-new-collection-section .collection-item:hover img {
-webkit-transform: scale(110%);
transform: scale(110%);
}
.rts-new-collection-section .collection-item img {
width: 100%;
}
.rts-new-collection-section .collection-item .item-quantity {
color: #040404;
border-radius: 30px;
font-weight: 600;
font-size: 14px;
padding: 4px 20px;
position: absolute;
background: #fff;
bottom: 18px;
left: 18px;
}
.rts-new-collection-section .collection-item .item-quantity span {
color: #777777;
font-weight: 400;
}
.rts-new-collection-section .collection-item .item-catagory-box {
display: block;
padding: 14px 20px;
width: 200px;
position: absolute;
top: 15px;
left: 5px;
}
.rts-new-collection-section .collection-item .item-catagory-box:hover .title i {
color: #040404;
}
.rts-new-collection-section .collection-item .item-catagory-box .title {
font-weight: 700;
font-size: 18px;
line-height: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rts-new-collection-section .collection-item .item-catagory-box .title i {
color: #E0E0E0;
}
@media (max-width: 1200px) {
.rts-new-collection-section .slider-div {
min-width: unset;
}
.rts-new-collection-section .collection-item a {
width: 100%;
}
}
.rts-new-collection-section.section9 {
overflow: visible;
margin-top: -550px;
padding: 120px 0;
}
.rts-new-collection-section.section9 .section-inner {
background: none !important;
}
.rts-new-collection-section.section9 .section-header3 {
position: relative;
display: block;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rts-new-collection-section.section9 .section-header3 .wrapper .sub-content {
display: inline-block;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
padding-left: 15px;
padding-right: 15px;
padding-bottom: 4px;
margin-bottom: 15px;
background: #fff;
border-radius: 50px;
}
.rts-new-collection-section.section9 .section-header3 .wrapper .sub-content .sub-text {
font-size: 14px;
font-weight: 400;
color: #000;
position: relative;
display: unset;
padding: 0 10px;
}
.rts-new-collection-section.section9 .section-header3 .wrapper .title {
font-size: 40px;
font-weight: 600;
text-transform: uppercase;
color: #000000;
}
@media (max-width: 576px) {
.rts-new-collection-section.section9 .section-header3 .wrapper .title {
font-size: 34px;
}
}
@media (max-width: 450px) {
.rts-new-collection-section.section9 .section-header3 .wrapper .title {
font-size: 26px;
}
}
@media (max-width: 350px) {
.rts-new-collection-section.section9 .section-header3 .wrapper .title {
font-size: 22px;
}
}
.rts-new-collection-section.section9 .collection-item {
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}
.rts-new-collection-section.section9 .collection-item .image {
height: 300px;
overflow: hidden;
}
@media (max-width: 632px) and (min-width: 500px) {
.rts-new-collection-section.section9 .collection-item .image {
height: 450px;
}
}
.rts-new-collection-section.section9 .collection-item .contents {
background: #fff;
position: relative;
padding: 30px;
}
.rts-new-collection-section.section9 .collection-item .contents .item-quantity {
top: -15px;
bottom: unset;
left: 30px;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}
.rts-new-collection-section.section9 .collection-item .contents .item-catagory-box {
position: relative;
top: unset;
left: unset;
padding: 14px 0;
}
.rts-new-collection-section.section9 .collection-item .contents ul {
padding-left: 20px;
}
.rts-new-collection-section.section9 .collection-item .contents ul li {
position: relative;
color: #777777;
font-size: 14px;
font-weight: 300;
padding-bottom: 5px;
}
.rts-new-collection-section.section9 .collection-item .contents ul li::before {
content: "\f00c";
position: absolute;
font-family: "Font Awesome 5 Pro";
left: -20px;
color: #777777;
}
.rts-new-collection-section.section9 .collection-item .contents .shop-btn {
text-align: center;
width: 100%;
margin-top: 20px;
color: #000;
font-size: 14px;
font-weight: 600;
border: 1px solid #f5f5f5;
padding: 10px 0;
-webkit-box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.06);
border-radius: 5px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-new-collection-section.section9 .collection-item .contents .shop-btn:hover {
background: #EE403D;
color: #fff;
border: 1px solid #EE403D;
}
.rts-new-collection-section.section-10 {
margin: 0;
}
.rts-new-collection-section.section-10 .section-inner {
padding-bottom: 50px;
border-bottom: 1px solid #f5f5f5;
position: relative;
}
.rts-new-collection-section.section-10 .section-inner .swiper-pag {
background: #fff;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
width: 120px;
text-align: center;
padding: 10px 0;
position: absolute;
bottom: -20px;
right: 50%;
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%);
}
.rts-new-collection-section.section-10 .section-inner .swiper-pag .swiper-pagination-bullet-active {
width: 20px;
border-radius: 10px;
background: var(--theme-color);
}
.rts-new-collection-section.section-10 .collection-item {
-webkit-box-shadow: none;
box-shadow: none;
}
.rts-new-collection-section.section-10 .collection-item .image {
height: auto;
width: 100%;
}
.rts-new-collection-section.section-10 .collection-item .image a {
width: 100%;
}
.rts-new-collection-section.section-10 .collection-item .image .hot {
position: absolute;
top: 5%;
right: 10%;
left: unset;
-webkit-transition: all 300ms;
transition: all 300ms;
opacity: 1;
z-index: 1;
background: #fff;
color: #040404 !important;
width: 56px;
height: 56px;
font-size: 12px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
background: white;
color: white;
margin-bottom: 10px;
}
.rts-new-collection-section.section-10 .collection-item .bottom-content {
background: none;
padding: 30px 0;
text-align: center;
}
.rts-new-collection-section.section-10 .collection-item .bottom-content .product-name {
color: #000;
font-weight: 400;
font-size: 18px;
margin-bottom: 10px;
}
.rts-new-collection-section.section-10 .collection-item .bottom-content .price {
color: #000;
font-weight: 500;
font-size: 20px;
}
.rts-heading-section {
background: #F5F5F5;
padding: 70px 0;
margin-top: 50px;
margin-bottom: 50px;
}
@media (max-width: 768px) {
.rts-heading-section {
margin-top: 25px;
margin-bottom: 25px;
}
}
.rts-heading-section .heading {
text-align: center;
font-weight: 700;
font-size: 60px;
line-height: 70px;
color: #CDCDCD;
}
.rts-heading-section .shop-now img {
-webkit-transition: all 4s ease !important;
transition: all 4s ease !important;
}
.rts-heading-section .shop-now:hover img {
-webkit-transform: scale(98%);
transform: scale(98%);
}
@media (max-width: 1200px) {
.rts-heading-section .heading {
font-size: 45px;
}
.rts-heading-section .shop-now {
max-width: 200px;
}
}
@media (max-width: 750px) {
.rts-heading-section .heading {
font-size: 35px;
line-height: 45px;
}
.rts-heading-section .shop-now {
max-width: 160px;
}
}
.rts-recent_products-section {
margin-bottom: 40px;
}
.rts-recent_products-section .recent-products-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rts-recent_products-section .filter-buttons-group .filter-btn {
font-weight: 700;
font-size: 14px;
line-height: 18px;
color: #999999;
margin-right: 40px;
background: none;
}
.rts-recent_products-section .filter-buttons-group .filter-btn.last-child {
margin-right: 0;
}
.rts-recent_products-section .filter-buttons-group .filter-btn:hover {
color: #040404;
text-decoration: underline;
}
@media (max-width: 450px) {
.rts-recent_products-section .filter-buttons-group .filter-btn {
margin-right: 18px;
}
}
@media (max-width: 1200px) {
.rts-recent_products-section .filter-buttons-group {
margin-left: 40px;
}
}
@media (max-width: 981px) {
.rts-recent_products-section .recent-products-header {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.rts-recent_products-section .section-title {
margin: 0 auto;
margin-bottom: 10px;
}
.rts-recent_products-section .filter-buttons-group {
margin: 0 auto;
}
.rts-recent_products-section .filter-buttons-group .filter-btn:last-child {
margin-right: 0;
}
.rts-recent_products-section .view-all-link {
display: none;
}
}
.rts-special_offer-section {
padding-top: 100px;
margin-bottom: -45px;
}
.rts-special_offer-section .special-offers-contents .special-contents-inner {
max-width: 500px;
}
.rts-special_offer-section .special-offers-contents .special-contents-inner .title-inner .sub-content {
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
display: inline-block;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
background: #fff;
border-radius: 50px;
}
.rts-special_offer-section .special-offers-contents .special-contents-inner .title-inner .sub-content .sub-text {
color: #000;
font-size: 14px;
font-weight: 400;
margin-top: 0;
position: relative;
display: unset;
padding: 0 10px;
}
.rts-special_offer-section .special-offers-contents .special-contents-inner .title-inner .title .sub span {
font-size: 40px;
font-weight: 600;
text-transform: uppercase;
color: #000000;
}
.rts-special_offer-section .special-offers-contents .special-contents-inner .description {
color: #777777;
font-size: 16px;
font-weight: 400;
margin-top: 10px;
margin-bottom: 50px;
line-height: 1.8;
}
.rts-special_offer-section .special-offers-contents .product-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.rts-special_offer-section .special-offers-contents .pre-title {
font-weight: 700;
font-size: 14px;
line-height: 18px;
color: #B79B6C;
margin-bottom: 12px;
}
.rts-special_offer-section .special-offers-contents .title {
font-weight: 700;
font-size: 40px;
line-height: 52px;
}
.rts-special_offer-section .special-offers-contents p {
font-weight: 400;
font-size: 18px;
line-height: 30px;
}
.rts-special_offer-section .special-offers-contents .subscribe-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 30px;
background: #F7F7F7;
}
.rts-special_offer-section .special-offers-contents .subscribe-input i {
margin-right: 10px;
}
.rts-special_offer-section .special-offers-contents .subscribe-input input {
background: none;
padding-right: 30px;
width: 53%;
}
.rts-special_offer-section .special-offers-contents .subscribe-input input::-webkit-input-placeholder {
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #999999;
}
.rts-special_offer-section .special-offers-contents .subscribe-input .subscribe-btn {
padding: 20px 30px;
display: inline-block;
font-weight: 700;
font-size: 16px;
line-height: 21px;
color: #fff;
background: #EE403D;
margin-left: auto;
}
.rts-special_offer-section .special-offers-contents .subscribe-input .subscribe-btn:hover i {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.rts-special_offer-section .special-offers-contents .subscribe-input .subscribe-btn i {
margin-left: 5px;
font-size: 14px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (max-width: 500px) {
.rts-special_offer-section .special-offers-contents .subscribe-input {
padding-left: 20px;
}
.rts-special_offer-section .special-offers-contents .subscribe-input .detail {
font-size: 15px;
}
.rts-special_offer-section .special-offers-contents .subscribe-input .product-price {
font-size: 15px;
}
.rts-special_offer-section .special-offers-contents .subscribe-input input {
width: 50%;
}
.rts-special_offer-section .special-offers-contents .subscribe-input .subscribe-btn {
padding: 10px;
font-size: 14px;
}
.rts-special_offer-section .special-offers-contents .subscribe-input .subscribe-btn i {
font-size: 12px;
}
}
@media (max-width: 350px) {
.rts-special_offer-section .special-offers-contents .subscribe-input {
padding-left: 10px;
}
.rts-special_offer-section .special-offers-contents .subscribe-input input {
padding-right: 0;
width: 40%;
}
.rts-special_offer-section .special-offers-contents .subscribe-input input::-webkit-input-placeholder {
font-size: 12px;
}
.rts-special_offer-section .special-offers-contents .subscribe-input .subscribe-btn {
padding: 10px;
font-size: 14px;
}
.rts-special_offer-section .special-offers-contents .subscribe-input .subscribe-btn i {
font-size: 12px;
}
}
@media (max-width: 1200px) {
.rts-special_offer-section .special-offers-contents {
margin-bottom: 30px;
}
.rts-special_offer-section .special-offers-contents .special-contents-inner {
max-width: unset;
}
}
@media (max-width: 768px) {
.rts-special_offer-section .special-offers-contents .special-contents-inner .title {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 360px) {
.rts-special_offer-section .special-offers-contents .special-contents-inner .title {
font-size: 25px;
line-height: 35px;
}
}
.rts-special_offer-section .special-offers-product {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.rts-special_offer-section .special-offers-product:hover .product-content .product-btn .product-price {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
.rts-special_offer-section .special-offers-product:hover .product-content .product-btn .cart-btn {
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}
.rts-special_offer-section .special-offers-product .product-thumb {
margin-bottom: 20px;
max-width: 450px;
overflow: hidden;
}
.rts-special_offer-section .special-offers-product .product-thumb:hover img {
-webkit-transform: scale(110%);
transform: scale(110%);
}
.rts-special_offer-section .special-offers-product .product-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.rts-special_offer-section .special-offers-product .product-content .detail {
font-weight: 700;
font-size: 20px;
line-height: 40px;
color: #777777;
}
.rts-special_offer-section .special-offers-product .product-content .product-btn {
overflow: hidden;
}
.rts-special_offer-section .special-offers-product .product-content .product-btn .product-price {
font-weight: 700;
font-size: 26px;
line-height: 40px;
color: #040404;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.rts-special_offer-section .special-offers-product .product-content .product-btn .product-price .old-price {
color: #C0C0C0;
text-decoration: line-through;
margin-left: 10px;
}
.rts-special_offer-section .special-offers-product .product-content .product-btn .cart-btn {
font-size: 26px;
font-weight: bold;
-webkit-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
@media (max-width: 900px) {
.rts-special_offer-section .special-offers-product .product-content .detail {
font-size: 18px;
line-height: 28px;
}
.rts-special_offer-section .special-offers-product .product-content .product-price {
font-size: 20px;
}
}
@media (max-width: 1200px) {
.rts-special_offer-section .special-offers-product {
width: 100%;
}
.rts-special_offer-section .special-offers-product .product-thumb {
width: 100%;
max-width: unset;
}
.rts-special_offer-section .special-offers-product .product-thumb img {
width: 100%;
}
}
@media (max-width: 1200px) {
.rts-special_offer-section .special-offers-product {
margin-bottom: 40px;
}
}
@media (max-width: 768px) {
.rts-special_offer-section .shop-now-box .contents {
padding: 0 45px;
}
}
.products-area {
width: 100%;
}
.product-item {
/* margin-bottom: 65px; */
position: relative;
overflow: hidden;
}
@media (min-width: 991px) {
.product-item {
width: 100%;
}
}
@media (min-width: 991px) {
.product-item.product-item4 {
width: 70%;
}
}
.product-item:hover .action-wrap .product-price {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
.product-item:hover .action-wrap .addto-cart {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
.product-item .product-image {
position: relative;
margin-bottom: 15px;
}
.product-item .product-name {
font-weight: 400;
font-size: 14px;
line-height: 26px;
}
.product-item .action-wrap {
max-height: 35px;
overflow: hidden;
}
.product-item .product-price,
.product-item .addto-cart {
-webkit-transition: -webkit-transform 500ms;
transition: -webkit-transform 500ms;
transition: transform 500ms;
transition: transform 500ms, -webkit-transform 500ms;
}
.product-item .product-price {
font-weight: 600;
font-size: 16px;
line-height: 26px;
color: #040404;
}
.product-item .addto-cart {
font-weight: 600;
font-size: 16px;
line-height: 26px;
display: block;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.product-item .addto-cart i {
color: #EE403D;
}
.rts-user_review-section .swiper {
margin: -15px;
}
.rts-user_review-section .user-review {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 15px;
}
.rts-user_review-section .review-box {
padding: 35px;
background: #fff;
-webkit-filter: drop-shadow(0px 16px 15px rgba(0, 0, 0, 0.04));
filter: drop-shadow(0px 16px 15px rgba(0, 0, 0, 0.04));
position: relative;
margin-bottom: 55px;
border-radius: 7px;
}
.rts-user_review-section .review-box::before {
content: "";
position: absolute;
z-index: -1;
bottom: -52px;
left: 52%;
-webkit-transform: translateX(-50%) rotate(24deg);
transform: translateX(-50%) rotate(24deg);
width: 71px;
height: 30px;
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 87px solid transparent;
border-top: 95px solid #fff;
}
.rts-user_review-section .review-box .review-rating-area {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-user_review-section .review-box .review-rating-area .rating-reason {
font-size: 14px;
line-height: 14px;
}
.rts-user_review-section .review-box .review {
font-weight: 400;
font-size: 18px;
line-height: 30px;
}
.rts-user_review-section .reviewer-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
}
.rts-user_review-section .reviewer-area .reviewer-dp {
margin-right: 15px;
}
.rts-user_review-section .reviewer-area .reviwer-content .name {
font-size: 16px;
line-height: 20px;
}
.rts-brands-section {
overflow: hidden;
background: #fafafa;
padding: 100px 0;
}
.rts-brands-section .brands-text {
font-size: 20px;
line-height: 26px;
text-align: center;
margin-bottom: 50px;
}
.rts-brands-section .brands-text span {
position: relative;
}
.rts-brands-section .brands-text span::before {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
background: #040404;
}
.rts-brands-section .brands-section-inner {
margin: 0 -55px;
margin-bottom: -40px;
}
.rts-brands-section .brands-section-inner .brand-item {
width: 100%;
height: 100px;
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: 1px solid #E7E7E7;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.rts-brands-section .brands-section-inner .brand-item .front {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.rts-brands-section .brands-section-inner .brand-item:hover img {
opacity: 1;
}
.rts-brands-section .brands-section-inner .brand-item img {
opacity: 40%;
-webkit-transition: opacity 500ms;
transition: opacity 500ms;
}
.rts-brands-section1 {
background: url(../images/brands/sponsor-overley-1.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
margin: 85px 0 0 0;
padding: 50px 0;
}
.rts-brands-section1 .container .slider-div {
min-width: 100%;
text-align: center;
}
.rts-brands-section1 .container .slider-div .swiper-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-brands-section1 .container .slider-div .swiper-wrapper .brand-front {
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.rts-brands-section1 .container .slider-div .swiper-wrapper .brand-front:hover img {
opacity: 1;
}
.rts-brands-section1 .container .slider-div .swiper-wrapper .brand-front img {
-webkit-filter: brightness(0) invert(1) !important;
filter: brightness(0) invert(1) !important;
opacity: 0.4;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.rts-brands-section1.section9 {
margin: 0;
}
.rts-brands-section2 {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding-top: 100px;
}
.rts-brands-section2 .container .brands-section-inner {
padding: 50px 0;
}
.rts-brands-section2 .container .brands-section-inner .slider-div {
min-width: 100%;
text-align: center;
}
.rts-brands-section2 .container .brands-section-inner .slider-div .swiper-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-brands-section2 .container .brands-section-inner .slider-div .swiper-wrapper .brand-front {
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.rts-brands-section2 .container .brands-section-inner .slider-div .swiper-wrapper .brand-front:hover img {
opacity: 1;
}
.rts-brands-section2 .container .brands-section-inner .slider-div .swiper-wrapper .brand-front img {
opacity: 0.4;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.rts-brands-section2.brand-bg8 {
background: #010d18;
padding: 50px 0;
}
.rts-brands-section2.brand-bg8 .brands-section-inner .brand-front img {
border-radius: 100%;
}
.newsletter-banner {
background-image: url("../images/products/home3/img.webp");
background-size: cover;
background-repeat: no-repeat;
position: relative;
padding: 100px 0;
}
.newsletter-banner .newsletter-contents {
position: relative;
max-width: 576px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.newsletter-banner .newsletter-contents .section-title-2 {
color: #040404;
}
.newsletter-banner .newsletter-contents p {
color: #040404;
opacity: 0.6;
}
.newsletter-banner .newsletter-contents .newsletter-input {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: 7px;
overflow: hidden;
}
.newsletter-banner .newsletter-contents .newsletter-input input {
width: 100%;
padding: 0 30px;
}
.newsletter-banner .newsletter-contents .newsletter-input input::-webkit-input-placeholder {
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #AFAFAF;
}
.newsletter-banner .newsletter-contents .newsletter-input .subscribe-btn {
padding: 16px 30px;
font-size: 16px;
line-height: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--theme-color);
color: #fff;
}
.newsletter-banner .newsletter-contents .newsletter-input .subscribe-btn:hover {
background: #F5F5F5;
color: var(--theme-color);
}
@media (max-width: 460px) {
.newsletter-banner .newsletter-contents .newsletter-input {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.newsletter-banner .newsletter-contents .newsletter-input input {
border-radius: 5px;
padding: 17px;
}
.newsletter-banner .newsletter-contents .newsletter-input .subscribe-btn {
border-radius: 5px;
margin-top: 10px;
max-width: 170px;
}
}
.newsletter-banner.newsletter-banner3 {
background-image: url("../images/background/newsletter.jpg");
}
.newsletter-banner.newsletter-banner3::before {
display: none;
}
.newsletter-banner.newsletter-banner3 .newsletter-contents {
margin: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.newsletter-banner.newsletter-banner3 .newsletter-contents .section-title-2 {
color: #040404;
}
.newsletter-banner.newsletter-banner3 .newsletter-contents .newsletter-input {
position: relative;
}
.newsletter-banner.newsletter-banner3 .newsletter-contents .newsletter-input .icon {
position: absolute;
left: 17px;
top: 17px;
}
.newsletter-banner.newsletter-banner3 .newsletter-contents .newsletter-input input {
padding-left: 40px;
}
.newsletter-banner.newsletter-banner3 .newsletter-contents .newsletter-input .subscribe-btn {
background: #985034;
padding: 15px 40px;
}
.newsletter-banner.newsletter-banner3 .newsletter-contents .newsletter-input .subscribe-btn:hover {
background: #040404;
color: #fff;
}
.newsletter-banner.newsletter-banner3 .newsletter-contents .newsletter-input .subscribe-btn i {
margin-left: 7px;
font-size: 13px;
}
.newsletter-banner.newsletter-banner8 {
background-image: url("../images/background/dark.webp");
background-position: center center;
}
.newsletter-banner.newsletter-banner8 .newsletter-contents {
max-width: 100%;
text-align: center;
}
.newsletter-banner.newsletter-banner8 .newsletter-contents .section-title-2 {
color: #fff;
line-height: 55px;
margin-bottom: 15px;
}
.newsletter-banner.newsletter-banner8 .newsletter-contents p {
color: rgba(255, 255, 255, 0.6431372549);
font-size: 18px;
}
.newsletter-banner.newsletter-banner8 .newsletter-contents .newsletter-input {
width: 576px;
margin: 0 auto;
}
.newsletter-banner.newsletter-banner8 .newsletter-contents .newsletter-input .subscribe-btn {
background: #0a2239;
font-weight: 700;
}
.newsletter-banner.newsletter-banner8 .newsletter-contents .newsletter-input .subscribe-btn:hover {
color: #fff;
}
@media (max-width: 768px) {
.newsletter-banner {
padding: 50px 0;
}
}
@media (max-width: 1200px) {
.rts-collections-section .collection-section-item {
margin-bottom: 30px;
}
}
@media (max-width: 768px) {
.rts-collections-section .shop {
margin-bottom: 30px;
}
}
.rts-collections-section .shop-now-box2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-collections-section .shop-now-box2 .contents {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
top: 65%;
left: 87%;
}
@media (max-width: 1400px) {
.rts-collections-section .shop-now-box2 .contents {
left: 80%;
}
}
@media (max-width: 1300px) {
.rts-collections-section .shop-now-box2 .contents {
left: 75%;
}
}
@media (max-width: 1200px) {
.rts-collections-section .shop-now-box2 .contents {
left: 60%;
padding: 0 30px;
}
}
@media (max-width: 991px) {
.rts-collections-section .shop-now-box2 .contents {
left: 50%;
padding: 0 5px;
}
}
@media (max-width: 768px) {
.rts-collections-section .shop-now-box2 .contents {
left: 60%;
top: 75%;
padding: 0 45px;
}
}
@media (max-width: 576px) {
.rts-collections-section .shop-now-box2 .contents {
left: 85%;
top: 75%;
padding: 0 45px;
}
}
@media (max-width: 400px) {
.rts-collections-section .shop-now-box2 .contents {
left: 80%;
top: 75%;
padding: 0 20px;
}
}
.rts-collections-section .shop-now-box2 .contents .collection-text2 {
font-size: 12px;
}
.rts-collections-section .shop-now-box2 .contents .title {
color: #000;
}
.rts-collections-section .shop-now-box2 .contents .shop-now-btn {
width: 130px;
border: 1px solid #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-collections-section .shop-now-box2 .contents .shop-now-btn:hover {
color: #fff;
background-color: #EE403D;
border: 1px solid #EE403D;
}
.rts-collections-section .shop-now-box2.box-1 {
background-color: #f6f6f6;
width: 100%;
height: 100%;
background-image: url(../images/products/home3/group-39.webp);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.rts-collections-section .shop-now-box2.box-2 {
background-color: #f6f6f6;
width: 100%;
height: 100%;
background-image: url(../images/products/home3/bg-2.webp);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.rts-collections-section .shop-now-box2.box-3 {
background-color: #f6f6f6;
width: 100%;
height: 100%;
background-image: url(../images/products/home3/bg-3.webp);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.rts-feeds-section .feed-item {
position: relative;
}
.rts-feeds-section .feed-item:hover .feed-image img {
-webkit-transform: scale(110%);
transform: scale(110%);
}
.rts-feeds-section .feed-item::before {
content: "";
position: absolute;
top: 13%;
right: -15px;
width: 1px;
height: 70%;
background: #E8E8E8;
}
.rts-feeds-section .feed-item.last-child::before {
display: none;
}
@media (max-width: 1200px) {
.rts-feeds-section .feed-item {
margin-bottom: 30px;
}
.rts-feeds-section .feed-item.last-child {
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.rts-feeds-section .feed-item::before {
display: none;
}
}
.rts-feeds-section .feed-item .feed-image {
margin-bottom: 30px;
overflow: hidden;
display: block;
}
.rts-feeds-section .feed-item .feed-image img {
width: 100%;
}
.rts-feeds-section .feed-item .feed-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
.rts-feeds-section .feed-item .feed-date {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #777777;
margin-right: 20px;
}
.rts-feeds-section .feed-item .feed-catagory {
font-size: 14px;
line-height: 20px;
color: var(--theme-color);
}
.rts-feeds-section .feed-item .feed-title {
font-size: 20px;
line-height: 30px;
margin-bottom: 40px;
}
.rts-feeds-section .feed-item .read-more {
font-size: 14px;
line-height: 20px;
color: #777777;
}
.rts-feeds-section .feed-item .read-more:hover {
color: var(--theme-color);
text-decoration: underline;
}
.rts-feeds-section.rts-feeds-section8 {
background: #010d18;
padding: 100px 0;
}
.rts-feeds-section.rts-feeds-section8 .section-header8 {
border: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 40px;
}
.rts-feeds-section.rts-feeds-section8 .section-header8 .section-pretitle {
font-size: 14px;
line-height: 16px;
font-weight: 700;
}
.rts-feeds-section.rts-feeds-section8 .section-header8 .section-title-2 {
color: #fff;
margin-bottom: 0;
}
.rts-feeds-section.rts-feeds-section8 .feed-item {
border: none;
}
.rts-feeds-section.rts-feeds-section8 .feed-item::before {
display: none;
}
.rts-feeds-section.rts-feeds-section8 .feed-item:hover .contents .content-button i {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.rts-feeds-section.rts-feeds-section8 .feed-item .feed-image {
margin: 0;
border-radius: 10px 10px 0 0;
}
.rts-feeds-section.rts-feeds-section8 .feed-item .contents {
background: #031424;
padding-top: 30px;
border-radius: 0 0 10px 10px;
}
.rts-feeds-section.rts-feeds-section8 .feed-item .contents .date {
color: #fff;
font-size: 14px;
}
.rts-feeds-section.rts-feeds-section8 .feed-item .contents .feed-title {
margin: 6px 0 10px;
}
.rts-feeds-section.rts-feeds-section8 .feed-item .contents .feed-title a {
color: #fff;
font-size: 24px;
text-decoration: none;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.rts-feeds-section.rts-feeds-section8 .feed-item .contents .feed-title a:hover {
text-decoration: underline;
}
.rts-feeds-section.rts-feeds-section8 .feed-item .contents .content-button {
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-feeds-section.rts-feeds-section8 .feed-item .contents .content-button i {
margin-left: 5px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-feeds-section2 .go-btn {
color: #00a046;
}
.rts-feeds-section2 .feed-item {
border: 1px solid #f1f1f1;
border-radius: 6px;
}
.rts-feeds-section2 .feed-item::before {
right: -17px;
}
.rts-feeds-section2 .feed-item .contents {
padding: 30px;
padding-top: 0;
}
.rts-feeds-section2 .feed-item .contents .feed-catagory {
color: #0070dc;
}
.rts-feeds-section2 .feed-item .contents .feed-title {
margin-bottom: 15px;
}
@media (max-width: 768px) {
.rts-feeds-section2 .contents .feed-title {
font-size: 16px;
line-height: 26px;
}
}
.rts-box-catagory-section {
padding: 10px;
overflow: hidden;
}
.rts-box-catagory-section .box-catagory-inner {
position: relative;
padding: 0 15px;
margin-right: -10px;
}
.rts-box-catagory-section .col-xl-3 {
padding: 0;
}
.rts-box-catagory-section .catagory-box {
position: relative;
margin-right: 10px;
}
.rts-box-catagory-section .catagory-box.box1::before {
background: #f1f6f5;
}
.rts-box-catagory-section .catagory-box.box1 .view-collection-btn {
color: #72a398;
}
.rts-box-catagory-section .catagory-box.box1 .item-update {
color: #72a398;
}
.rts-box-catagory-section .catagory-box.box2::before {
background: #eeede9;
}
.rts-box-catagory-section .catagory-box.box2 .view-collection-btn {
color: #4b46b9;
}
.rts-box-catagory-section .catagory-box.box2 .item-update {
color: #4b46b9;
}
.rts-box-catagory-section .catagory-box.box3::before {
background: #fdf5f0;
}
.rts-box-catagory-section .catagory-box.box3 .view-collection-btn {
color: #f37b30;
}
.rts-box-catagory-section .catagory-box.box3 .item-update {
color: #f37b30;
}
.rts-box-catagory-section .catagory-box.box4::before {
background: #f4f4f4;
}
.rts-box-catagory-section .catagory-box.box4 .view-collection-btn {
color: #1a6bff;
}
.rts-box-catagory-section .catagory-box.box4 .item-update {
color: #1a6bff;
}
.rts-box-catagory-section .catagory-box:hover::before {
opacity: 40%;
background: black;
}
.rts-box-catagory-section .catagory-box:hover .view-collection-btn {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
.rts-box-catagory-section .catagory-box:hover .contents {
display: none;
}
.rts-box-catagory-section .catagory-box:hover .item-update {
display: none;
}
.rts-box-catagory-section .catagory-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 1s;
transition: all 1s;
pointer-events: none;
}
.rts-box-catagory-section .catagory-box .picture {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.rts-box-catagory-section .catagory-box .picture img {
width: 100%;
}
.rts-box-catagory-section .catagory-box .view-collection-btn {
padding: 15px 36px;
background: #fff;
color: #4b46b9;
position: absolute;
top: 50%;
left: 50%;
border-radius: 7px;
-webkit-transform: translate(-50%, -50%) scale(70%);
transform: translate(-50%, -50%) scale(70%);
opacity: 0;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.rts-box-catagory-section .catagory-box .view-collection-btn:hover {
background: var(--theme-color);
color: #fff;
}
.rts-box-catagory-section .catagory-box .contents {
position: absolute;
top: 60px;
left: 60px;
max-width: 233px;
}
.rts-box-catagory-section .catagory-box .contents .icon {
margin-bottom: 30px;
}
.rts-box-catagory-section .catagory-box .contents .box-heading {
font-size: 30px;
line-height: 36px;
}
.rts-box-catagory-section .catagory-box .item-update {
position: absolute;
bottom: 60px;
left: 60px;
font-size: 14px;
color: #72a398;
}
@media (max-width: 1600px) {
.rts-box-catagory-section .catagory-box .view-collection-btn {
padding: 13px 15px;
font-size: 14px;
}
}
@media (max-width: 1500px) {
.rts-box-catagory-section .catagory-box .contents .box-heading {
font-size: 25px;
line-height: 33px;
}
}
@media (max-width: 1200px) {
.rts-box-catagory-section {
margin-bottom: -10px;
}
.rts-box-catagory-section .catagory-box {
margin-bottom: 10px;
}
}
.rts-wood-products-section {
padding: 100px 0;
margin-top: 0;
overflow: hidden;
}
.rts-wood-products-section .section-header3 {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rts-wood-products-section .section-header3 .section-pretitle {
background: #523c2d;
color: #fff;
padding: 3px 10px;
border-radius: 4px;
max-width: 109px;
}
.rts-wood-products-section .section-header3 .section-title-2 {
color: #fff;
}
.rts-wood-products-section .section-header3 .slider-navigation {
position: relative;
width: 100px;
bottom: unset;
left: unset;
right: unset;
}
.rts-wood-products-section .section-header3 .slider-navigation .slider-btn {
background: #fff;
color: #040404;
border-radius: 0;
width: 100px;
height: 50px;
border-radius: 6px;
left: unset;
right: unset;
font-size: 16px;
font-weight: 700;
}
.rts-wood-products-section .section-header3 .slider-navigation .slider-btn i {
margin-left: 5px;
}
.rts-wood-products-section .section-header3 .slider-navigation .slider-btn.swiper-button-prev {
background: #523c2d;
color: #fff;
left: -117px;
}
.rts-wood-products-section .section-header3 .slider-navigation .slider-btn.swiper-button-prev i {
margin-right: 5px;
}
.rts-wood-products-section .collection-item .collection-image {
margin-bottom: 25px;
border-radius: 7px;
overflow: hidden;
}
.rts-wood-products-section .collection-item .collection-image:hover img {
-webkit-transform: scale(110%);
transform: scale(110%);
}
.rts-wood-products-section .collection-item .bottom-content {
text-align: left;
}
.rts-wood-products-section .collection-item .bottom-content .product-name {
font-size: 16px;
line-height: 24px;
color: #fff;
margin-bottom: 5px;
}
.rts-wood-products-section .collection-item .bottom-content .product-price {
font-size: 16px;
line-height: 24px;
color: #777777;
}
@media (max-width: 1200px) {
.rts-wood-products-section .slider-navigation {
-webkit-transform: unset;
transform: unset;
}
.rts-wood-products-section .slider-navigation .slider-btn {
position: absolute;
}
}
@media (max-width: 768px) {
.rts-wood-products-section {
padding: 50px 0;
}
}
@media (max-width: 600px) {
.rts-wood-products-section .section-header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.rts-wood-products-section .section-header .section-title-2 {
margin-bottom: 20px;
}
.rts-wood-products-section .slider-navigation .slider-btn {
position: relative;
left: unset !important;
right: unset;
padding: 5px 25px;
}
.rts-wood-products-section .slider-navigation .slider-btn.prev {
margin-right: 15px;
}
.rts-wood-products-section .slider-navigation .swiper-button-prev {
left: inherit;
}
}
@media (max-width: 500px) {
.rts-wood-products-section .slider-div {
min-width: unset;
}
}
.rts-hand-picked-products-section {
margin-top: 0;
overflow: hidden;
margin-bottom: 60px;
}
@media (max-width: 768px) {
.rts-hand-picked-products-section {
margin-bottom: 35px;
}
}
.rts-hand-picked-products-section .section-header3 {
position: relative;
display: block;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rts-hand-picked-products-section .section-header3 .wrapper .sub-content {
display: inline-block;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
padding-left: 15px;
padding-right: 15px;
padding-bottom: 4px;
margin-bottom: 15px;
background: #fff;
border-radius: 50px;
}
.rts-hand-picked-products-section .section-header3 .wrapper .sub-content .sub-text {
font-size: 14px;
font-weight: 400;
color: #000;
position: relative;
display: unset;
padding: 0 10px;
}
.rts-hand-picked-products-section .section-header3 .wrapper .title {
font-size: 40px;
font-weight: 600;
text-transform: uppercase;
color: #000000;
}
@media (max-width: 576px) {
.rts-hand-picked-products-section .section-header3 .wrapper .title {
font-size: 34px;
}
}
@media (max-width: 450px) {
.rts-hand-picked-products-section .section-header3 .wrapper .title {
font-size: 26px;
}
}
@media (max-width: 350px) {
.rts-hand-picked-products-section .section-header3 .wrapper .title {
font-size: 22px;
}
}
.rts-hand-picked-products-section .section-header3 .slider-navigation {
display: none;
position: relative;
width: 100px;
bottom: unset;
left: unset;
right: unset;
}
.rts-hand-picked-products-section .section-header3 .slider-navigation .slider-btn {
background: #fff;
color: #040404;
border-radius: 0;
width: 100px;
height: 50px;
border-radius: 6px;
left: unset;
right: unset;
font-size: 16px;
font-weight: 700;
}
.rts-hand-picked-products-section .section-header3 .slider-navigation .slider-btn i {
margin-left: 5px;
}
.rts-hand-picked-products-section .section-header3 .slider-navigation .slider-btn.swiper-button-prev {
background: #523c2d;
color: #fff;
left: -117px;
}
.rts-hand-picked-products-section .section-header3 .slider-navigation .slider-btn.swiper-button-prev i {
margin-right: 5px;
}
@media (max-width: 991px) {
.rts-hand-picked-products-section .slider-div {
min-width: 100%;
}
}
.rts-hand-picked-products-section .product-item:hover .product-features {
opacity: 0;
}
.rts-hand-picked-products-section .product-item .product-image {
margin-bottom: 0;
}
.rts-hand-picked-products-section .product-item .bottom-content {
text-align: start;
padding-top: 40px;
}
.rts-hand-picked-products-section .product-item .bottom-content .product-name {
font-size: 16px;
line-height: 24px;
color: #000;
margin-bottom: 5px;
font-weight: 400;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-hand-picked-products-section .product-item .bottom-content .product-name:hover {
color: #EE403D;
}
.rts-hand-picked-products-section .product-item .bottom-content .price {
font-size: 20px;
font-weight: 500;
color: #000;
}
.rts-hand-picked-products-section .product-item .quick-action-button {
z-index: 11;
position: absolute;
cursor: pointer;
left: 12px;
top: 12px;
background: #fff;
width: 54px;
height: 15px;
padding-top: 15px;
padding-bottom: 25px;
border-radius: 100px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.rts-hand-picked-products-section .product-item .quick-action-button:hover {
height: 150px;
}
.rts-hand-picked-products-section .product-item .quick-action-button:hover .cta-single.cta-quickview, .rts-hand-picked-products-section .product-item .quick-action-button:hover .cta-single.cta-wishlist, .rts-hand-picked-products-section .product-item .quick-action-button:hover .cta-single.cta-addtocart {
opacity: 1;
visibility: visible;
}
.rts-hand-picked-products-section .product-item .quick-action-button .cta-single {
padding-left: 16px;
width: 56px;
-webkit-transition: all 0.7s;
transition: all 0.7s;
}
.rts-hand-picked-products-section .product-item .quick-action-button .cta-single.cta-plus:hover {
color: #EE403D;
}
.rts-hand-picked-products-section .product-item .quick-action-button .cta-single.cta-quickview {
opacity: 0;
visibility: hidden;
padding-left: 19px;
padding-top: 15px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.rts-hand-picked-products-section .product-item .quick-action-button .cta-single.cta-quickview .product-details-popup-btn:hover {
color: #EE403D;
}
.rts-hand-picked-products-section .product-item .quick-action-button .cta-single.cta-wishlist {
opacity: 0;
visibility: hidden;
padding-left: 20px;
margin-top: 18px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.rts-hand-picked-products-section .product-item .quick-action-button .cta-single.cta-wishlist:hover {
color: #EE403D;
}
.rts-hand-picked-products-section .product-item .quick-action-button .cta-single.cta-addtocart {
opacity: 0;
visibility: hidden;
padding-left: 16px;
padding-top: 18px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.rts-hand-picked-products-section .product-item .quick-action-button .cta-single.cta-addtocart:hover {
color: #EE403D;
}
.rts-hand-picked-products-section .product-item .product-features {
position: absolute;
top: 3%;
right: 3%;
left: unset;
-webkit-transition: all 300ms;
transition: all 300ms;
opacity: 1;
z-index: 1;
}
.rts-hand-picked-products-section .product-item .product-features .discount-tag {
background: #fff;
color: #EE403D !important;
width: 56px;
height: 56px;
font-size: 12px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
background: white;
color: white;
margin-bottom: 10px;
}
.rts-hand-picked-products-section .product-item .product-features .new-tag {
background: #fff;
color: #040404 !important;
width: 56px;
height: 56px;
font-size: 12px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
background: white;
color: white;
margin-bottom: 10px;
}
.rts-hand-picked-products-section .product-item .hot {
position: absolute;
top: 3%;
right: 3%;
left: unset;
-webkit-transition: all 300ms;
transition: all 300ms;
opacity: 1;
z-index: 1;
background: #fff;
color: #040404 !important;
width: 56px;
height: 56px;
font-size: 12px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
background: white;
color: white;
margin-bottom: 10px;
}
@media (max-width: 1200px) {
.rts-hand-picked-products-section .slider-navigation {
-webkit-transform: unset;
transform: unset;
}
.rts-hand-picked-products-section .slider-navigation .slider-btn {
position: absolute;
}
}
@media (max-width: 768px) {
.rts-hand-picked-products-section {
padding: 50px 0;
}
}
@media (max-width: 600px) {
.rts-hand-picked-products-section .section-header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.rts-hand-picked-products-section .section-header .section-title-2 {
margin-bottom: 20px;
}
.rts-hand-picked-products-section .slider-navigation .slider-btn {
position: relative;
left: unset !important;
right: unset;
padding: 5px 25px;
}
.rts-hand-picked-products-section .slider-navigation .slider-btn.prev {
margin-right: 15px;
}
.rts-hand-picked-products-section .slider-navigation .swiper-button-prev {
left: inherit;
}
}
@media (max-width: 500px) {
.rts-hand-picked-products-section .slider-div {
min-width: unset;
}
}
.rts-brands-section2 .brands-section-inner {
margin: 0;
}
.rts-brands-section2 .brands-section-inner .brand-item {
height: 90px;
padding: 20px;
border: 1px solid #E7E7E7;
border-radius: 7px;
}
@media (max-width: 1200px) {
.rts-brands-section2 .brands-section-inner .brand-item {
margin-bottom: 20px;
}
}
.rts-brands-section3 .brands-section-inner {
padding: 55px 0;
border-radius: 6px 6px 0 0;
background: #0070dc;
}
.rts-brands-section3 .brands-section-inner img {
-webkit-filter: brightness(100);
filter: brightness(100);
}
.rts-services-section .service-item {
padding: 25px;
border: 1px solid #e9eef3;
border-radius: 7px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.rts-services-section .service-item:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.rts-services-section .service-item .service-icon {
max-width: 50px;
margin-right: 20px;
}
.rts-services-section .service-item .contents .service-title {
font-size: 16px;
line-height: 34px;
color: #031424;
}
.rts-services-section .service-item .contents p {
font-size: 14px;
line-height: 22px;
color: #777777;
}
@media (max-width: 1200px) {
.rts-services-section .service-item {
margin-bottom: 30px;
}
}
@media (max-width: 768px) {
.rts-services-section .service-item {
margin-bottom: 20px;
}
}
.rts-services-section.services-section8 {
background: #031424;
padding: 100px 0;
}
.rts-services-section.services-section8 .service-item {
background: #010d18;
border: none;
padding: 15px 20px;
}
.rts-services-section.services-section8 .service-item:hover {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.rts-services-section.services-section8 .service-item:hover .service-icon img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.rts-services-section.services-section8 .service-item .service-icon {
max-width: 100%;
}
.rts-services-section.services-section8 .service-item .service-icon img {
width: 80px;
height: 80px;
border-radius: 100%;
-webkit-transform: scale(1);
transform: scale(1);
}
.rts-services-section.services-section8 .service-item .contents .service-title {
color: #fff;
line-height: 25px;
}
.rts-services-section.services-section8 .service-item .contents p {
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
.rts-featured_products-section.section-5 {
padding-bottom: 0;
}
.rts-featured_products-section .go-btn {
color: #ef262c;
}
.rts-featured_products-section .pagination-area {
width: 100%;
height: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 768px) {
.rts-featured_products-section .pagination-area {
height: 25px;
}
}
.rts-featured_products-section .swiper-pag {
width: unset;
margin-top: auto;
}
.rts-featured_products-section .swiper-pag .swiper-pagination-bullet {
background: #0070dc;
}
.rts-featured_products-section .swiper-pag .swiper-pagination-bullet-active {
background: #0070dc;
}
.rts-posters-section.section-5 {
padding-top: 0;
}
.rts-posters-section .product-box-medium {
position: relative;
padding: 23px 30px;
height: 200px;
background-image: none;
background: #f3f3f3;
}
.rts-posters-section .product-box-medium .contents {
z-index: 1;
}
.rts-posters-section .product-box-medium:hover .product-thumb {
-webkit-transform: scale(105%);
transform: scale(105%);
}
.rts-posters-section .product-box-medium:hover {
background-image: none;
}
.rts-posters-section .product-box-medium .product-thumb {
max-width: 150px;
position: absolute;
right: 15px;
}
.rts-posters-section .product-box-medium3 .contents .pretitle {
color: #777777;
}
.rts-posters-section .product-box-medium3 .contents .product-title {
font-size: 24px !important;
}
.rts-posters-section .product-box-medium3 .contents .go-btn {
color: #0070dc;
}
.rts-posters-section .mid {
padding: 40px;
}
.rts-posters-section .mid .product-thumb {
max-width: unset;
}
@media (max-width: 1200px) {
.rts-posters-section1 .last-child {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
.rts-posters-section1 .product-box-medium {
position: relative;
padding: 23px 30px;
height: 200px;
background-image: none;
background: #f3f3f3;
}
.rts-posters-section1 .product-box-medium .contents {
z-index: 1;
}
.rts-posters-section1 .product-box-medium:hover .product-thumb {
-webkit-transform: scale(105%);
transform: scale(105%);
}
.rts-posters-section1 .product-box-medium:hover {
background-image: none;
}
.rts-posters-section1 .product-box-medium .product-thumb {
max-width: 120px;
position: absolute;
right: 15px;
}
.rts-posters-section1 .product-box-medium .product-thumb.product-thumb1 {
position: absolute;
right: 15px;
max-width: 220px;
}
.rts-posters-section1 .product-box-medium.mid {
padding: 40px;
}
@media (max-width: 1200px) {
.rts-posters-section1 .product-box-medium.mid {
margin-top: 20px;
}
}
.rts-posters-section1 .product-box-medium.mid .contents {
width: 100%;
}
.rts-posters-section1 .product-box-medium.mid .contents .pretitle {
background: #EE403D;
color: #fff;
}
.rts-posters-section1 .product-box-medium.mid .contents .product-title {
color: #031424;
font-weight: 700;
}
.rts-posters-section1 .product-box-medium.mid .contents P {
color: #777777;
font-size: 14px;
font-weight: 400;
}
.rts-posters-section1 .product-box-medium.mid .product-thumb {
max-width: 200px;
}
.rts-posters-section1 .product-box-medium3 {
padding: 20px;
}
.rts-posters-section1 .product-box-medium3 .contents .pretitle {
color: #999999;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.rts-posters-section1 .product-box-medium3 .contents .product-title {
font-size: 22px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 35px;
}
.rts-posters-section1 .product-box-medium3 .contents .go-btn {
color: #EE403D;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.rts-posters-section1 .product-box-medium3 .contents .go-btn i {
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.rts-posters-section1 .product-box-medium3 .product-thumb {
max-width: 80px;
position: absolute;
right: 15px;
}
.rts-posters-section1 .product-box-medium5 .contents .pretitle {
color: #EE403D;
font-size: 14px;
font-weight: 400;
background: none;
padding: 0;
margin-bottom: 0;
}
.rts-posters-section1 .product-box-medium5 .contents .product-title {
color: #000000;
font-size: 24px;
font-weight: 600;
margin-bottom: 30px;
}
.rts-posters-section1 .product-box-medium5 .contents .go-btn {
color: #777777;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.rts-posters-section1 .product-box-medium5 .contents .go-btn:hover {
color: #EE403D;
}
.rts-posters-section1 .product-box-medium5 .contents .go-btn i {
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.rts-posters-section1.section-9 .container .product-box-medium5 {
background: url(../images/background/poster-bg1.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.rts-posters-section1.section-9 .container .product-box-medium5 .contents {
padding-left: 25px;
}
@media (max-width: 400px) {
.rts-posters-section1.section-9 .container .product-box-medium5 .contents {
padding-left: 0;
}
}
.rts-posters-section1.section-9 .container .product-box-medium5 .contents .pretitle {
color: #040404;
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
}
.rts-posters-section1.section-9 .container .product-box-medium5 .contents .product-title {
font-size: 40px;
font-weight: 500;
margin-bottom: 10px;
}
@media (max-width: 400px) {
.rts-posters-section1.section-9 .container .product-box-medium5 .contents .product-title {
font-size: 34px;
}
}
.rts-posters-section1.section-9 .container .product-box-medium5 .contents .product-title span {
font-weight: 300;
}
.rts-posters-section1.section-9 .container .product-box-medium5 .contents .product-title span.discount {
font-weight: 600;
color: #EE403D;
}
.rts-posters-section1.section-9 .container .product-box-medium5 .contents .go-btn {
color: #777777;
font-size: 16px;
font-weight: 500;
}
.rts-posters-section1.section-9 .container .product-box-medium5 .product-thumb {
right: 110px;
bottom: -100px;
max-width: 50%;
}
@media (max-width: 991px) {
.rts-posters-section1.section-9 .container .product-box-medium5 .product-thumb {
bottom: -80px;
right: 0;
}
}
@media (max-width: 400px) {
.rts-posters-section1.section-9 .container .product-box-medium5 .product-thumb {
bottom: -50px;
right: 0;
}
}
.rts-posters-section1.section-9 .container .product-box {
position: relative;
}
@media (max-width: 768px) {
.rts-posters-section1.section-9 .container .product-box {
margin-bottom: 30px;
}
}
.rts-posters-section1.section-9 .container .product-box::before {
content: "";
position: absolute;
background: #fff;
width: 100%;
height: 100%;
left: 0;
opacity: 0;
z-index: 1;
}
@media (max-width: 1200px) and (min-width: 768px) {
.rts-posters-section1.section-9 .container .product-box::before {
opacity: 0.7;
}
}
@media (max-width: 576px) {
.rts-posters-section1.section-9 .container .product-box::before {
opacity: 0.7;
}
}
.rts-posters-section1.section-9 .container .product-box-medium3 {
background: url(../images/background/poster-bg2.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.rts-posters-section1.section-9 .container .product-box-medium3 .contents {
padding-left: 35px;
}
@media (max-width: 400px) {
.rts-posters-section1.section-9 .container .product-box-medium3 .contents {
padding-left: 0;
}
}
.rts-posters-section1.section-9 .container .product-box-medium3 .contents .pretitle {
color: #040404;
font-size: 40px;
font-weight: 600;
text-transform: none;
margin-bottom: 10px;
letter-spacing: 0;
}
@media (max-width: 400px) {
.rts-posters-section1.section-9 .container .product-box-medium3 .contents .pretitle {
font-size: 36px;
}
}
.rts-posters-section1.section-9 .container .product-box-medium3 .contents .product-title {
font-size: 16px;
color: #777777;
font-weight: 500;
text-transform: none;
margin-bottom: 12px;
}
.rts-posters-section1.section-9 .container .product-box-medium3 .contents .product-title span {
color: #EE403D;
font-weight: 700;
}
.rts-posters-section1.section-9 .container .product-box-medium3 .contents .go-btn {
color: #fff;
background: #EE403D;
width: 80px;
text-transform: none;
padding-left: 12px;
border-radius: 5px;
}
.rts-posters-section1.section-9 .container .product-box-medium3 .product-thumb {
right: -10px;
max-width: 50%;
bottom: -100px;
}
@media (max-width: 991px) {
.rts-posters-section1.section-9 .container .product-box-medium3 .product-thumb {
max-width: 80%;
}
}
.rts-posters-section1.section-9.section-10 {
padding-top: 120px;
}
.rts-posters-section1.section-9.section-10 .product-box {
height: 280px;
border-radius: 0;
margin-bottom: 30px;
}
.rts-posters-section1.section-9.section-10 .product-box:hover .product-image {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.rts-posters-section1.section-9.section-10 .product-box .product-image.product-image1 {
position: absolute;
bottom: -30px;
left: -50px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.rts-posters-section1.section-9.section-10 .product-box .product-image.product-image2 {
position: absolute;
bottom: -100px;
left: 50px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.rts-posters-section1.section-9.section-10 .product-box .contents {
padding-left: 0;
padding-right: 25px;
}
.rts-posters-section1.section-9.section-10 .product-box .contents .pretitle {
background: var(--theme-color);
font-size: 14px;
padding: 3px 8px;
color: #fff;
font-weight: 500;
}
.rts-posters-section1.section-9.section-10 .product-box .contents .product-title {
font-size: 25px;
color: #000;
font-weight: 600;
}
.rts-posters-section1.section-9.section-10 .product-box .contents .go-btn {
color: #000;
background: none;
width: auto;
font-size: 14px;
font-weight: 500;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-posters-section1.section-9.section-10 .product-box .contents .go-btn:hover {
color: var(--theme-color);
}
.rts-posters-section1.section-9.section-10 .product-box-medium5 {
background: url(../images/products/home10/offer-bg.png);
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.rts-posters-section1.section-9.section-10 .product-box-medium3 {
background: url(../images/products/home10/offer-bg2.png);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.rts-posters-section1.section-9.section-10 .product-box-medium3::before {
display: none;
}
.rts-posters-section1.section-9.section-10 .product-box-medium3 .contents {
padding: 0;
text-align: center;
padding-bottom: 90px;
}
.rts-posters-section1.section-9.section-10 .product-box-medium3 .contents .go-btn {
font-weight: 500;
}
.rts-posters-section1.section-9.section-10 .product-box-medium3 .contents .go-btn:hover i {
margin-left: 3px;
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
.rts-posters-section1.section-9.section-10 .product-box-medium3 .product-image {
position: absolute;
bottom: 40px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-posters-section1.section-9.section-10 .product-box-medium3:hover .product-image {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.rts-posters-section1.section-9.section-10 .product-box-medium4 {
background: url(../images/products/home10/offer-bg3.png);
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.rts-deal-section {
position: relative;
}
@media (max-width: 550px) {
.rts-deal-section .flex-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.rts-deal-section .flex-wrapper .countdown {
margin-left: 0;
margin-bottom: 10px;
}
}
.rts-deal-section .countdown {
margin-left: 10px;
}
.rts-deal-section .countdown ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-deal-section .countdown ul li {
background: #0070dc;
color: #fff;
border-radius: 10px;
width: 40px;
height: 40px;
margin-right: 10px;
text-align: center;
line-height: 2.5;
}
.rts-deal-section .countdown ul li span {
color: #fff;
font-weight: 500;
}
.rts-deal-section .deal-box-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 1200px) {
.rts-deal-section .deal-box-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.rts-deal-section .deal-box-inner .deal-product {
max-width: 100%;
padding: 0;
padding: 30px 0;
padding-left: 20px;
}
.rts-deal-section .deal-box-inner .side-box {
width: 100%;
}
}
.rts-deal-section .filter-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.rts-deal-section .filter-buttons .filter-btn {
background: none;
max-width: 100px;
padding: 0;
margin-bottom: 20px;
}
.rts-deal-section .filter-buttons .filter-btn.last-child {
margin-bottom: 0;
}
.rts-deal-section .filter-buttons .filter-btn.active,
.rts-deal-section .filter-buttons :hover {
background: unset;
}
.rts-deal-section .slider-navigation {
position: absolute;
bottom: unset;
top: 48%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 1640px;
}
.rts-deal-section .slider-navigation .slider-btn {
border-radius: 6px;
border: 1px solid #e7e7e7;
}
.rts-deal-section .slider-navigation .slider-btn.next {
background: var(--theme-color);
}
.rts-deal-section .deal-product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 40px;
padding-right: 95px;
border-radius: 6px;
border: 1px solid #e7e7e7;
margin-right: 20px;
}
@media (max-width: 1200px) {
.rts-deal-section .deal-product {
margin-right: 0;
margin-bottom: 20px;
}
}
@media (max-width: 1300px) {
.rts-deal-section .deal-product {
padding-right: 40px;
}
}
@media (max-width: 900px) {
.rts-deal-section .deal-product .detail-product .select-option-btn {
width: 130px;
}
.rts-deal-section .deal-product .detail-product .product-thumb {
margin: 0 20px;
margin-right: 30px;
}
}
@media (max-width: 768px) {
.rts-deal-section .deal-product {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 40px 20px;
padding-left: 0 !important;
}
.rts-deal-section .deal-product .filter-buttons {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 20px;
}
.rts-deal-section .deal-product .detail-product {
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.rts-deal-section .deal-product .detail-product .product-thumb {
margin: 0 auto;
margin-bottom: 30px;
}
.rts-deal-section .deal-product .detail-product .contents {
padding: 0 20px;
}
.rts-deal-section .deal-product .detail-product .contents .rating-area {
margin-bottom: 10px;
}
.rts-deal-section .deal-product .detail-product .contents .product-title {
max-width: unset;
font-size: 21px;
line-height: 31px;
margin-bottom: 15px;
}
.rts-deal-section .deal-product .detail-product .contents .product-price {
font-size: 25px;
line-height: 12px;
}
.rts-deal-section .deal-product .detail-product .contents .product-price .old-price {
font-size: 25px;
line-height: 12px;
}
.rts-deal-section .deal-product .detail-product .contents button {
width: 40px;
height: 40px;
}
.rts-deal-section .deal-product .detail-product .contents .select-option-btn {
width: 105px;
font-size: 12px;
}
}
.rts-deal-section .detail-product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 460px;
}
.rts-deal-section .detail-product .product-thumb {
margin: 0 50px;
}
.rts-deal-section .detail-product .product-thumb img {
width: 100%;
}
.rts-deal-section .detail-product .section-header .flex-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-deal-section .detail-product .section-header .countdown {
margin-left: 10px;
}
.rts-deal-section .detail-product .section-header .go-btn {
color: #0070dc;
}
.rts-deal-section .detail-product .contents .rating-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
.rts-deal-section .detail-product .contents .rating-area .rating-qnty {
font-size: 14px;
color: #777777;
}
.rts-deal-section .detail-product .contents .rating-area .rating-stars-group .rating-star i {
color: #ffbd27;
}
.rts-deal-section .detail-product .contents .product-title {
font-size: 24px;
line-height: 34px;
color: #031424;
margin-bottom: 30px;
max-width: 315px;
}
.rts-deal-section .detail-product .contents .product-price {
font-size: 50px;
line-height: 34px;
color: #0070dc;
margin-bottom: 35px;
}
.rts-deal-section .detail-product .contents .product-price .old-price {
font-size: 30px;
color: #cad0d6;
font-weight: 400;
text-decoration: line-through;
}
.rts-deal-section .detail-product .product-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-deal-section .detail-product button {
display: block;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6px;
padding: 0 15px;
background: none;
border: 1px solid #e7e7e7;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}
.rts-deal-section .detail-product button:hover {
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.169);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.169);
}
.rts-deal-section .detail-product .select-option-btn {
font-size: 16px;
line-height: 34px;
width: 170px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 700;
margin-right: 10px;
}
.rts-deal-section .detail-product .wishlist-btn {
margin-right: 10px;
}
.rts-deal-section .side-box .product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 40px;
height: 460px;
border-radius: 6px;
border: 1px solid #e7e7e7;
}
.rts-deal-section .side-box .product .product-thumb {
max-width: 410px;
margin: 0 auto;
margin-bottom: 10px;
}
.rts-deal-section .side-box .product .contents {
width: 100%;
position: relative;
}
.rts-deal-section .side-box .product .contents .product-catagory {
font-size: 12px;
color: #777777;
margin-bottom: 0;
font-weight: 400;
}
.rts-deal-section .side-box .product .contents .product-title {
font-size: 16px;
line-height: 20px;
color: #031424;
margin-bottom: 5px;
}
.rts-deal-section .side-box .product .contents .product-price {
font-size: 16px;
color: #0070dc;
margin-bottom: 0;
}
.rts-deal-section .side-box .product .contents .product-price .old-price {
font-size: 16px;
margin-left: 10px;
}
.rts-deal-section .side-box .product .contents .cart-btn {
position: absolute;
bottom: 10px;
right: 30px;
background: #00a046;
padding: 10px 15px;
border-radius: 6px;
}
.rts-deal-section .side-box .product .contents .cart-btn i {
color: #fff;
}
@media (max-width: 768px) {
.rts-deal-section .side-box .product {
padding: 0 20px;
}
.rts-deal-section .side-box .product .contents .cart-btn {
bottom: -50px;
right: unset;
left: 0;
}
}
@media (max-width: 1200px) {
.rts-deal-section .slider-navigation {
width: 100%;
position: absolute;
top: 59%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media (max-width: 768px) {
.rts-deal-section .slider-navigation {
display: none;
}
}
.rts-deal-section1 .container .section-inner {
background: url(../images/hand-picked/counter-bg-1.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 10px;
}
.rts-deal-section1 .container .section-inner .single-inner {
padding: 80px 0 80px 70px;
position: relative;
}
@media (max-width: 991px) and (min-width: 768px) {
.rts-deal-section1 .container .section-inner .single-inner {
padding: 80px 20px;
}
}
@media (max-width: 768px) {
.rts-deal-section1 .container .section-inner .single-inner {
padding-left: 20px;
}
}
@media (max-width: 576px) {
.rts-deal-section1 .container .section-inner .single-inner {
padding-left: 20px;
}
}
.rts-deal-section1 .container .section-inner .single-inner::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 0;
display: block;
}
@media (max-width: 768px) {
.rts-deal-section1 .container .section-inner .single-inner::after {
background: rgba(255, 255, 255, 0.6);
}
}
.rts-deal-section1 .container .section-inner .single-inner .content-box {
position: relative;
z-index: 1;
}
.rts-deal-section1 .container .section-inner .single-inner .content-box .sub-content {
display: inline-block;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
padding-left: 15px;
padding-right: 15px;
padding-bottom: 4px;
margin-bottom: 15px;
background: #fff;
border-radius: 50px;
}
.rts-deal-section1 .container .section-inner .single-inner .content-box .sub-content .sub-text {
font-size: 14px;
font-weight: 400;
color: #000;
position: relative;
display: unset;
padding: 0 10px;
}
.rts-deal-section1 .container .section-inner .single-inner .content-box .slider-title {
font-weight: 600;
font-size: 40px;
color: #000;
line-height: 46px;
margin-bottom: 15px;
}
@media (max-width: 991px) and (min-width: 768px) {
.rts-deal-section1 .container .section-inner .single-inner .content-box .slider-title {
font-size: 30px;
}
}
@media (max-width: 450px) {
.rts-deal-section1 .container .section-inner .single-inner .content-box .slider-title {
font-size: 25px;
line-height: 35px;
}
}
.rts-deal-section1 .container .section-inner .single-inner .content-box .slider-description {
margin-top: 10px;
margin-bottom: 50px;
}
.rts-deal-section1 .container .section-inner .single-inner .content-box .slider-description p {
color: #777777;
font-size: 16px;
font-weight: 400;
padding-right: 170px;
line-height: 1.8;
}
@media (max-width: 991px) and (min-width: 768px) {
.rts-deal-section1 .container .section-inner .single-inner .content-box .slider-description p {
padding-right: 70px;
}
}
@media (max-width: 768px) {
.rts-deal-section1 .container .section-inner .single-inner .content-box .slider-description p {
padding-right: 220px;
}
}
@media (max-width: 576px) {
.rts-deal-section1 .container .section-inner .single-inner .content-box .slider-description p {
padding-right: 130px;
}
}
@media (max-width: 500px) {
.rts-deal-section1 .container .section-inner .single-inner .content-box .slider-description p {
padding-right: 100px;
}
}
@media (max-width: 450px) {
.rts-deal-section1 .container .section-inner .single-inner .content-box .slider-description p {
padding-right: 20px;
}
}
.rts-deal-section1 .container .section-inner .single-inner .content-box .countdown ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #fff;
padding: 15px 20px;
border-radius: 10px;
}
@media (max-width: 991px) and (min-width: 768px) {
.rts-deal-section1 .container .section-inner .single-inner .content-box .countdown ul {
padding: 15px 15px;
}
}
@media (max-width: 500px) {
.rts-deal-section1 .container .section-inner .single-inner .content-box .countdown ul {
padding: 10px 7px;
}
}
.rts-deal-section1 .container .section-inner .single-inner .content-box .countdown ul li {
margin-right: 40px;
font-size: 30px;
font-weight: 400;
position: relative;
}
@media (max-width: 991px) and (min-width: 768px) {
.rts-deal-section1 .container .section-inner .single-inner .content-box .countdown ul li {
margin-right: 25px;
}
}
@media (max-width: 500px) {
.rts-deal-section1 .container .section-inner .single-inner .content-box .countdown ul li {
margin-right: 30px;
}
}
@media (max-width: 400px) {
.rts-deal-section1 .container .section-inner .single-inner .content-box .countdown ul li {
font-size: 24px;
}
}
.rts-deal-section1 .container .section-inner .single-inner .content-box .countdown ul li:last-child {
margin-right: 0;
}
.rts-deal-section1 .container .section-inner .single-inner .content-box .countdown ul li:last-child::before {
display: none;
}
.rts-deal-section1 .container .section-inner .single-inner .content-box .countdown ul li::before {
content: ":";
position: absolute;
font-size: 30px;
right: -20px;
bottom: 4px;
color: #777777;
}
@media (max-width: 400px) {
.rts-deal-section1 .container .section-inner .single-inner .content-box .countdown ul li::before {
bottom: 0;
}
}
.rts-deal-section1 .container .section-inner .single-inner .content-box .countdown ul li span {
font-size: 30px;
color: #000;
font-weight: 400;
}
@media (max-width: 400px) {
.rts-deal-section1 .container .section-inner .single-inner .content-box .countdown ul li span {
font-size: 24px;
}
}
.rts-deal-section1 .container .section-inner .single-inner .content-box .content-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 40px;
}
@media (max-width: 400px) {
.rts-deal-section1 .container .section-inner .single-inner .content-box .content-bottom {
display: block;
text-align: center;
}
}
.rts-deal-section1 .container .section-inner .single-inner .content-box .content-bottom .content {
margin-left: 20px;
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 1.8;
}
@media (max-width: 991px) and (min-width: 768px) {
.rts-deal-section1 .container .section-inner .single-inner .content-box .content-bottom .content {
margin-left: 15px;
}
.rts-deal-section1 .container .section-inner .single-inner .content-box .content-bottom .content br {
display: none;
}
}
@media (max-width: 400px) {
.rts-deal-section1 .container .section-inner .single-inner .content-box .content-bottom .content {
margin-left: 0;
margin-top: 15px;
}
.rts-deal-section1 .container .section-inner .single-inner .content-box .content-bottom .content br {
display: none;
}
}
.rts-deal-section1.section-7 {
background: url(../images/background/deal-bg-foot.webp);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.rts-deal-section1.section-7 .container .section-inner {
background: none;
}
.rts-deal-section1.section-7 .container .section-inner .product-image {
padding: 60px 0 15px 0;
}
.rts-deal-section1.section-7 .container .section-inner .single-inner {
padding: 50px 0 50px 70px;
}
@media (max-width: 576px) {
.rts-deal-section1.section-7 .container .section-inner .single-inner {
padding: 50px 0 50px 50px;
}
}
@media (max-width: 400px) {
.rts-deal-section1.section-7 .container .section-inner .single-inner {
padding: 50px 0 50px 20px;
}
}
.rts-deal-section1.section-7 .container .section-inner .single-inner .content-box .slider-title {
text-transform: uppercase;
}
@media (max-width: 576px) {
.rts-deal-section1.section-7 .container .section-inner .single-inner .content-box .slider-title {
font-size: 30px;
}
}
@media (max-width: 450px) {
.rts-deal-section1.section-7 .container .section-inner .single-inner .content-box .slider-title {
font-size: 26px;
}
}
@media (max-width: 380px) {
.rts-deal-section1.section-7 .container .section-inner .single-inner .content-box .slider-title {
font-size: 22px;
}
}
.rts-deal-section1.section9 {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.rts-deal-section1.section9 .container-fluid .section-inner {
background: none;
}
@media (max-width: 991px) {
.rts-deal-section1.section9 .container-fluid .section-inner .p-0 {
padding: 0 20px !important;
}
}
.rts-deal-section1.section9 .container-fluid .section-inner .left-side {
background: url(../images/products/home9/featured-bg1.png);
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.rts-deal-section1.section9 .container-fluid .section-inner .item-box {
margin-top: 100px;
}
@media (max-width: 991px) {
.rts-deal-section1.section9 .container-fluid .section-inner .item-box {
margin: 0;
float: right;
}
}
@media (max-width: 578px) {
.rts-deal-section1.section9 .container-fluid .section-inner .item-box {
margin: 0 auto;
float: none;
width: 100%;
}
}
.rts-deal-section1.section9 .container-fluid .section-inner .item-box .image {
width: 300px;
}
@media (max-width: 1200px) and (min-width: 991px) {
.rts-deal-section1.section9 .container-fluid .section-inner .item-box .image {
width: 220px;
}
}
@media (max-width: 578px) {
.rts-deal-section1.section9 .container-fluid .section-inner .item-box .image {
width: 100%;
}
}
.rts-deal-section1.section9 .container-fluid .section-inner .item-box .image a {
position: relative;
}
@media (max-width: 578px) {
.rts-deal-section1.section9 .container-fluid .section-inner .item-box .image a {
width: 100%;
}
.rts-deal-section1.section9 .container-fluid .section-inner .item-box .image a img {
width: 100%;
}
}
.rts-deal-section1.section9 .container-fluid .section-inner .item-box .image a .new {
position: absolute;
font-size: 12px;
top: 40px;
right: 30px;
background: #fff;
text-align: center;
width: 50px;
height: 50px;
display: block;
line-height: 50px;
border-radius: 50%;
}
@media (max-width: 1200px) and (min-width: 991px) {
.rts-deal-section1.section9 .container-fluid .section-inner .item-box .image a .new {
right: 15px;
}
}
.rts-deal-section1.section9 .container-fluid .section-inner .item-box .content-box {
width: 300px;
background: #fff;
padding: 30px;
}
@media (max-width: 1200px) and (min-width: 991px) {
.rts-deal-section1.section9 .container-fluid .section-inner .item-box .content-box {
width: 220px;
}
}
@media (max-width: 578px) {
.rts-deal-section1.section9 .container-fluid .section-inner .item-box .content-box {
width: 100%;
}
}
.rts-deal-section1.section9 .container-fluid .section-inner .item-box .content-box .product-title {
font-size: 16px;
color: #000;
font-weight: 400;
margin-bottom: 10px;
}
.rts-deal-section1.section9 .container-fluid .section-inner .item-box .content-box .product-price {
font-size: 20px;
color: #000;
font-weight: 500;
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner {
background: url(../images/products/home9/featured-bg2.png);
background-repeat: no-repeat;
background-position: center;
padding: 100px 0 100px 30px;
}
@media (max-width: 400px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner {
padding: 50px 0 100px 0;
}
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box {
position: relative;
z-index: 1;
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .sub-content {
display: inline-block;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
padding-left: 15px;
padding-right: 15px;
padding-bottom: 4px;
margin-bottom: 15px;
background: #fff;
border-radius: 50px;
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .sub-content .sub-text {
font-size: 14px;
font-weight: 400;
color: #000;
position: relative;
display: unset;
padding: 0 10px;
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .slider-title {
font-weight: 600;
font-size: 40px;
color: #000;
line-height: 46px;
margin-bottom: 15px;
}
@media (max-width: 991px) and (min-width: 768px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .slider-title {
font-size: 30px;
}
}
@media (max-width: 450px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .slider-title {
font-size: 25px;
line-height: 35px;
}
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .slider-description {
margin-top: 10px;
margin-bottom: 50px;
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .slider-description p {
color: #777777;
font-size: 16px;
font-weight: 400;
padding-right: 260px !important;
line-height: 1.8;
}
@media (max-width: 1600px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .slider-description p {
padding-right: 130px !important;
}
}
@media (max-width: 1400px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .slider-description p {
padding-right: 50px !important;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .slider-description p {
padding-right: 400px !important;
}
}
@media (max-width: 768px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .slider-description p {
padding-right: 220px !important;
}
}
@media (max-width: 576px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .slider-description p {
padding-right: 130px !important;
}
}
@media (max-width: 500px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .slider-description p {
padding-right: 100px !important;
}
}
@media (max-width: 450px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .slider-description p {
padding-right: 20px !important;
}
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .countdown ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: none;
padding: 15px 20px;
border-radius: 10px;
}
@media (max-width: 991px) and (min-width: 768px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .countdown ul {
padding: 15px 15px;
}
}
@media (max-width: 500px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .countdown ul {
padding: 10px 7px;
}
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .countdown ul li {
margin-right: 40px;
font-size: 30px;
font-weight: 400;
position: relative;
}
@media (max-width: 991px) and (min-width: 768px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .countdown ul li {
margin-right: 25px;
}
}
@media (max-width: 500px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .countdown ul li {
margin-right: 30px;
}
}
@media (max-width: 400px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .countdown ul li {
font-size: 20px;
}
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .countdown ul li:last-child {
margin-right: 0;
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .countdown ul li:last-child::before {
display: none;
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .countdown ul li::before {
content: ":";
position: absolute;
font-size: 30px;
right: -20px;
bottom: 4px;
color: #777777;
}
@media (max-width: 400px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .countdown ul li::before {
bottom: 0;
}
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .countdown ul li span {
font-size: 30px;
color: #000;
font-weight: 400;
}
@media (max-width: 400px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .countdown ul li span {
font-size: 20px;
}
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .content-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 40px;
}
@media (max-width: 400px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .content-bottom {
display: block;
text-align: center;
}
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .content-bottom .content {
margin-left: 20px;
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 1.8;
}
@media (max-width: 991px) and (min-width: 768px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .content-bottom .content {
margin-left: 15px;
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .content-bottom .content br {
display: none;
}
}
@media (max-width: 400px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .content-bottom .content {
margin-left: 0;
margin-top: 15px;
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .content-bottom .content br {
display: none;
}
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .slider-description {
margin-bottom: 10px;
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .slider-description p {
padding: 0;
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .countdown ul {
padding-left: 0;
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .countdown ul li {
background: #fff;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
padding: 10px;
margin-right: 15px;
border-radius: 10px;
}
@media (max-width: 400px) {
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .countdown ul li {
margin-right: 10px;
}
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .countdown ul li::before {
display: none;
}
.rts-deal-section1.section9 .container-fluid .section-inner .single-inner .content-box .content-bottom {
margin-top: 30px;
}
.rts-deal-section2 {
padding-top: 50px;
}
.rts-deal-section2 .container .section-inner {
padding: 0 0 100px 0;
border-bottom: 1px solid #e9e9e9;
}
.rts-deal-section2 .container .section-inner .video-section {
background: url(../images/background/female-friends-out-shopping-together.jpg);
background-repeat: no-repeat;
margin-right: 45px;
margin-bottom: 20px;
padding: 250px 0;
position: relative;
background-size: cover;
}
@media (max-width: 991px) {
.rts-deal-section2 .container .section-inner .video-section {
margin: 0;
}
}
.rts-deal-section2 .container .section-inner .video-section .overly-border {
border-color: #8A7272;
top: 50%;
left: 50%;
border-radius: 50%;
position: absolute;
width: 100px;
height: 100px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
}
.rts-deal-section2 .container .section-inner .video-section .overly-border .popup-videos {
width: 120px;
height: 120px;
background: #FFFFFF;
position: absolute;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-box-sizing: content-box;
box-sizing: content-box;
display: block;
border-radius: 50%;
line-height: 90px;
padding: 0;
margin: 0 auto;
left: 50%;
top: 50%;
z-index: 9;
text-align: center;
}
@media (max-width: 576px) {
.rts-deal-section2 .container .section-inner .video-section .overly-border .popup-videos {
width: 100px;
height: 100px;
line-height: 75px;
}
}
.rts-deal-section2 .container .section-inner .video-section .overly-border .popup-videos::before {
border: 1px solid #fff;
content: "";
position: absolute;
z-index: 0;
left: 0%;
top: 0%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: block;
width: 120px;
height: 120px;
border-radius: 50%;
-webkit-animation: pulse-border 1500ms ease-out infinite;
animation: pulse-border 1500ms ease-out infinite;
}
@media (max-width: 576px) {
.rts-deal-section2 .container .section-inner .video-section .overly-border .popup-videos::before {
width: 100px;
height: 100px;
}
}
.rts-deal-section2 .container .section-inner .video-section .overly-border .popup-videos i {
top: 15px;
text-indent: 5px;
-webkit-transition: 0.3s ease all;
transition: 0.3s ease all;
font-size: 28px;
color: #000000;
position: relative;
}
.rts-deal-section2 .container .img-box-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 50px;
}
@media (max-width: 768px) {
.rts-deal-section2 .container .img-box-wrapper {
display: block;
text-align: center;
}
}
.rts-deal-section2 .container .img-box-wrapper .image-box-image {
width: 11%;
}
@media (max-width: 768px) {
.rts-deal-section2 .container .img-box-wrapper .image-box-image {
margin: 0 auto;
}
}
.rts-deal-section2 .container .img-box-wrapper .image-box-content {
margin-bottom: 0px;
color: #000000;
font-size: 16px;
font-weight: 400;
}
@media (max-width: 768px) {
.rts-deal-section2 .container .img-box-wrapper .image-box-content {
margin-top: 20px;
}
}
@media (max-width: 991px) {
.rts-deal-section2 .container .rts-heading {
margin-top: 60px;
}
}
.rts-deal-section2 .container .rts-heading .title-inner .sub-content {
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
display: inline-block;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
background: #fff;
border-radius: 50px;
}
.rts-deal-section2 .container .rts-heading .title-inner .sub-content .sub-text {
color: #000;
font-size: 14px;
font-weight: 400;
margin-top: 0;
position: relative;
display: unset;
padding: 0 10px;
}
.rts-deal-section2 .container .rts-heading .title-inner .title span {
font-size: 40px;
font-weight: 600;
text-transform: uppercase;
color: #000000;
}
@media (max-width: 400px) {
.rts-deal-section2 .container .rts-heading .title-inner .title span {
font-size: 35px;
}
}
.rts-deal-section2 .container .rts-heading .description {
color: #777777;
font-size: 16px;
font-weight: 400;
margin-top: 10px;
margin-bottom: 50px;
line-height: 1.8;
}
.rts-deal-section2 .container .rts-heading .section-btn2 {
color: #EE403D;
font-size: 14px;
font-weight: 600;
background: transparent;
text-transform: uppercase;
text-decoration: underline !important;
margin-bottom: 75px;
padding: 0;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.rts-deal-section2 .container .section-bottom {
background: #F3F3F3;
padding: 40px 60px 0 60px;
overflow: hidden;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
@media (max-width: 1400px) and (min-width: 1201px) {
.rts-deal-section2 .container .section-bottom {
padding: 40px 15px 0 30px;
}
}
@media (max-width: 1200px) and (min-width: 991px) {
.rts-deal-section2 .container .section-bottom {
padding: 40px 30px 0 30px;
}
}
@media (max-width: 768px) {
.rts-deal-section2 .container .section-bottom {
padding: 40px 30px 0 30px;
}
}
@media (max-width: 400px) {
.rts-deal-section2 .container .section-bottom {
padding: 25px 10px 0 10px;
}
}
.rts-deal-section2 .container .section-bottom:hover .section-card .product-thumb img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.rts-deal-section2 .container .section-bottom .section-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rts-deal-section2 .container .section-bottom .section-card .content .pretitle {
font-size: 14px;
color: #fff !important;
background: #ee403d !important;
padding: 5px 16px !important;
display: inline-block;
line-height: 1 !important;
margin-top: 12px;
border-radius: 5px;
}
.rts-deal-section2 .container .section-bottom .section-card .content .product-title {
color: #000000;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
line-height: 32px;
margin-top: 15px;
}
@media (max-width: 1200px) and (min-width: 991px) {
.rts-deal-section2 .container .section-bottom .section-card .content .product-title {
font-size: 20px;
}
}
@media (max-width: 600px) {
.rts-deal-section2 .container .section-bottom .section-card .content .product-title {
font-size: 20px;
}
}
@media (max-width: 500px) {
.rts-deal-section2 .container .section-bottom .section-card .content .product-title {
font-size: 16px;
}
}
@media (max-width: 400px) {
.rts-deal-section2 .container .section-bottom .section-card .content .product-title {
font-size: 14px;
}
}
.rts-deal-section2 .container .section-bottom .section-card .content .view-collections {
color: #777777;
font-size: 14px;
font-weight: 400;
margin-top: 10px;
}
.rts-deal-section2 .container .section-bottom .section-card .product-thumb {
width: 45%;
}
.rts-deal-section2 .container .section-bottom .section-card .product-thumb img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.rts-best-catagory-section .go-btn {
color: #00a046;
}
.rts-best-catagory-section .catagory-card {
border: 1px solid #e7e7e7;
border-radius: 6px;
padding: 0 40px;
padding-top: 30px;
min-height: 508px;
position: relative;
}
.rts-best-catagory-section .catagory-card .category-thumb {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.rts-best-catagory-section .catagory-card .contents .catagory-title {
font-size: 18px;
line-height: 28px;
color: #031424;
margin-bottom: 20px;
}
.rts-best-catagory-section .catagory-card .contents .catagory-lists {
margin-bottom: 20px;
}
.rts-best-catagory-section .catagory-card .contents .catagory-lists a {
font-size: 16px;
line-height: 28px;
color: #777777;
font-weight: 400;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rts-best-catagory-section .catagory-card .contents .catagory-lists a:hover {
color: #031424;
}
.rts-best-catagory-section .catagory-card .contents .catagory-lists a:hover i {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.rts-best-catagory-section .catagory-card .contents .all-btn {
width: 100%;
background: #F7F7F7;
padding: 10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
line-height: 28px;
color: #656f78;
border-radius: 6px;
margin-bottom: 40px;
}
.rts-best-catagory-section .catagory-card .contents .all-btn:hover {
background: #031424;
color: #fff;
}
.rts-best-catagory-section .catagory-card .contents .all-btn:hover i {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
@media (max-width: 768px) {
.rts-best-catagory-section .catagory-card {
padding: 30px 20px;
}
}
@media (max-width: 1200px) {
.rts-best-catagory-section {
margin-bottom: -20px;
}
.rts-best-catagory-section .catagory-card {
margin-bottom: 20px;
}
}
.rts-product-category-section {
padding-bottom: 0;
}
.rts-product-category-section .col-xl-4,
.rts-product-category-section .col-xl-2,
.rts-product-category-section .col-xl-7,
.rts-product-category-section .col-lg-25 {
padding: 0;
}
.rts-product-category-section .product-item {
width: 100%;
padding: 20px;
border: 1px solid #efefef;
border-radius: 6px;
text-align: center;
border-radius: 0;
}
.rts-product-category-section .product-item:hover .product-thumb img {
-webkit-transform: scale(105%);
transform: scale(105%);
}
.rts-product-category-section .product-item .product-thumb {
margin-bottom: 30px;
}
.rts-product-category-section .product-item .contents .item-qnty {
font-size: 14px;
line-height: 18px;
color: #777777;
}
.rts-product-category-section .product-item .contents .product-title {
font-size: 20px;
margin-bottom: 30px;
}
.rts-product-category-section .product-item.product-item-horizontal {
max-width: 330px;
height: 147px;
padding: 0;
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: unset;
}
.rts-product-category-section .product-item.product-item-horizontal .product-thumb {
margin-bottom: 0;
margin-right: 20px;
max-width: 80px;
}
.rts-product-category-section .product-item.product-item-horizontal .product-thumb img {
max-width: 100%;
}
.rts-product-category-section .product-item.product-item-bg {
background-image: url("../images/background/productbgegg.png");
background-size: cover;
padding: 40px 30px;
border: none;
}
.rts-product-category-section .product-item.product-item-bg .contents .item-qnty {
font-size: 12px;
padding: 2px 10px;
color: #fff;
background: var(--theme-color);
border-radius: 4px;
margin-bottom: 5px;
}
@media (max-width: 1200px) {
.rts-product-category-section .product-item.product-item-horizontal {
max-width: 100%;
}
.rts-product-category-section .col-lg-2 {
display: none;
}
}
.rts-featured-product-section1 {
padding: 65px 0;
padding-top: 100px !important;
}
.rts-featured-product-section1.related-product {
padding-bottom: 125px;
}
.rts-featured-product-section1.related-product1 {
padding-bottom: 0;
}
.rts-featured-product-section1.featured-product7 {
border-top: 1px solid rgba(119, 119, 119, 0.2588235294);
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .section-header3 .wrapper .title {
text-transform: none;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item {
margin-bottom: 35px;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item:hover .slider-navigation {
visibility: visible;
opacity: 1;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item:hover .bottom-content .action-wrap .price {
-webkit-transform: translateY(-25px);
transform: translateY(-25px);
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item:hover .bottom-content .action-wrap .addto-cart {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item:hover .quick-action-button {
visibility: visible;
opacity: 1;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item .slider-navigation {
top: 48%;
-webkit-transform: scale(100%);
transform: scale(100%);
visibility: hidden;
opacity: 0;
position: absolute;
top: 130px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 15px;
-webkit-transition: all 500ms;
transition: all 500ms;
z-index: 10;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item .slider-navigation .slider-btn {
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border-radius: 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item .slider-navigation .slider-btn:hover {
background: #000000;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item .slider-navigation .slider-btn:hover i {
color: #fff;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item .bottom-content {
text-align: center !important;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item .bottom-content .product-name {
color: #000;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item .bottom-content .action-wrap .price {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item .quick-action-button {
right: 10px;
left: unset !important;
top: 0 !important;
background: none !important;
width: unset;
height: unset !important;
visibility: hidden;
opacity: 0;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single {
padding-left: 16px;
width: unset;
-webkit-transition: all 0.7s;
transition: all 0.7s;
width: 40px !important;
height: 40px !important;
text-align: center;
display: block;
line-height: 40px;
border-radius: 50%;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-quickview {
opacity: 1 !important;
visibility: visible !important;
background: #fff;
padding-left: 0 !important;
padding-top: 0 !important;
-webkit-transition: all 0.2s;
transition: all 0.2s;
margin-bottom: 15px;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-quickview .product-details-popup-btn:hover {
color: #EE403D;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-wishlist {
opacity: 1 !important;
visibility: visible !important;
background: #fff;
padding-left: 0 !important;
margin-top: 0 !important;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-wishlist:hover {
color: #EE403D;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item .product-features {
left: 5% !important;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item .product-features .discount-tag {
background-color: #EE403D !important;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item .product-features .discount-tag.tag-2 {
color: #fff !important;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item .product-features .new-tag {
background-color: #040404 !important;
color: #fff !important;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item .product-features .new-tag.tag-2 {
color: #fff !important;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item .product-features .product-tag {
color: #fff !important;
}
.rts-featured-product-section1.featured-product7 .container .rts-featured-product-section-inner .product-item .product-features .product-tag.tag-2 {
color: #fff !important;
}
.rts-featured-product-section1.featured-product8 {
background: #031424;
border: none;
}
.rts-featured-product-section1.featured-product8 .rts-featured-product-section-inner .section-header3 {
display: block;
text-align: start;
margin-bottom: 60px !important;
}
.rts-featured-product-section1.featured-product8 .rts-featured-product-section-inner .section-header3 .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rts-featured-product-section1.featured-product8 .rts-featured-product-section-inner .section-header3 .wrapper .title {
color: #fff !important;
font-size: 36px !important;
}
.rts-featured-product-section1.featured-product8 .rts-featured-product-section-inner .section-header3 .wrapper .section-button {
color: #fff;
font-size: 14px;
font-weight: 400;
background: #010d18;
padding: 15px 30px;
border-radius: 10px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-featured-product-section1.featured-product8 .rts-featured-product-section-inner .section-header3 .wrapper .section-button:hover {
background: var(--theme-color);
}
.rts-featured-product-section1.featured-product8 .rts-featured-product-section-inner .product-item {
border-radius: 10px;
}
.rts-featured-product-section1.featured-product8 .rts-featured-product-section-inner .product-item .product-image {
margin-bottom: 0;
border-radius: 10px;
}
.rts-featured-product-section1.featured-product8 .rts-featured-product-section-inner .product-item .product-image img {
border-radius: 10px;
}
.rts-featured-product-section1.featured-product8 .rts-featured-product-section-inner .product-item .bottom-content .product-name {
color: #fff !important;
font-size: 16px !important;
font-weight: 400 !important;
}
.rts-featured-product-section1.featured-product8 .rts-featured-product-section-inner .product-item .bottom-content .action-wrap .price {
color: #fff;
font-size: 14px;
font-weight: 700;
}
.rts-featured-product-section1.featured-product8 .rts-featured-product-section-inner .product-item .bottom-content .action-wrap .addto-cart {
color: #fff;
font-size: 14px;
font-weight: 700;
}
.rts-featured-product-section1.featured-product8 .rts-featured-product-section-inner .product-item .bottom-content .action-wrap .addto-cart i {
color: var(--theme-color);
}
.rts-featured-product-section1.section9 {
padding: 30px 0;
}
.rts-featured-product-section1.section9 .rts-featured-product-section-inner .product-item .bottom-content .product-name {
color: #000 !important;
font-weight: 500 !important;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner {
padding: 0;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .section-header3 .wrapper .sub-content {
display: inline-block;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
padding-left: 15px;
padding-right: 15px;
padding-bottom: 4px;
margin-bottom: 15px;
background: #fff;
border-radius: 50px;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .section-header3 .wrapper .sub-content .sub-text {
font-size: 14px;
font-weight: 400;
color: #000;
position: relative;
display: unset;
padding: 0 10px;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .section-header3 .wrapper .title {
font-size: 40px;
font-weight: 600;
text-transform: uppercase;
color: #000000;
}
@media (max-width: 450px) {
.rts-featured-product-section1 .container .rts-featured-product-section-inner .section-header3 .wrapper .title {
font-size: 34px;
}
}
@media (max-width: 400px) {
.rts-featured-product-section1 .container .rts-featured-product-section-inner .section-header3 .wrapper .title {
font-size: 28px;
}
}
@media (max-width: 350px) {
.rts-featured-product-section1 .container .rts-featured-product-section-inner .section-header3 .wrapper .title {
font-size: 22px;
}
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item img {
width: 100%;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .slider-buttons {
top: 48%;
-webkit-transform: scale(100%);
transform: scale(100%);
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .slider-buttons .slider-btn {
width: 45px;
height: 45px;
border-radius: 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .slider-buttons .slider-btn:hover {
background: #000000;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .slider-buttons .slider-btn:hover i {
color: #fff;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .bottom-content {
text-align: start;
padding-top: 20px;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .bottom-content .star-rating {
margin-bottom: 8px;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .bottom-content .star-rating i {
color: #EE403D;
margin-right: 2px;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .bottom-content .product-name {
font-size: 16px;
line-height: 24px;
color: #777777;
margin-bottom: 8px;
font-weight: 400;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .bottom-content .product-name:hover {
color: #EE403D;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .bottom-content .price {
font-size: 20px;
font-weight: 500;
color: #000;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .quick-action-button {
z-index: 11;
position: absolute;
cursor: pointer;
left: 12px;
top: 12px;
background: #fff;
width: 54px;
height: 54px;
padding-top: 15px;
padding-bottom: 25px;
border-radius: 100px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .quick-action-button:hover {
height: 180px;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .quick-action-button:hover .cta-single.cta-quickview, .rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .quick-action-button:hover .cta-single.cta-wishlist, .rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .quick-action-button:hover .cta-single.cta-addtocart {
opacity: 1;
visibility: visible;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single {
padding-left: 16px;
width: 56px;
-webkit-transition: all 0.7s;
transition: all 0.7s;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-plus:hover {
color: #EE403D;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-quickview {
opacity: 0;
visibility: hidden;
padding-left: 19px;
padding-top: 15px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-quickview .product-details-popup-btn:hover {
color: #EE403D;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-wishlist {
opacity: 0;
visibility: hidden;
padding-left: 20px;
margin-top: 18px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-wishlist:hover {
color: #EE403D;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-addtocart {
opacity: 0;
visibility: hidden;
padding-left: 16px;
padding-top: 18px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-addtocart:hover {
color: #EE403D;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .product-features {
position: absolute;
top: 3%;
right: 3%;
left: unset;
-webkit-transition: all 300ms;
transition: all 300ms;
opacity: 1;
z-index: 1;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .product-features .discount-tag {
background: #fff;
color: #EE403D !important;
width: 56px;
height: 56px;
font-size: 12px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
background: white;
color: white;
margin-bottom: 10px;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .product-features .new-tag {
background: #fff;
color: #040404 !important;
width: 56px;
height: 56px;
font-size: 12px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
background: white;
color: white;
margin-bottom: 10px;
}
.rts-featured-product-section1 .container .rts-featured-product-section-inner .product-item .hot {
position: absolute;
top: 3%;
right: 3%;
left: unset;
-webkit-transition: all 300ms;
transition: all 300ms;
opacity: 1;
z-index: 1;
background: #fff;
color: #040404 !important;
width: 56px;
height: 56px;
font-size: 12px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
background: white;
color: white;
margin-bottom: 10px;
}
.rts-featured-product-section4 {
padding-top: 100px !important;
padding-bottom: 55px !important;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner {
padding: 0;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .section-header3 .wrapper .sub-content {
display: inline-block;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
padding-left: 15px;
padding-right: 15px;
padding-bottom: 4px;
margin-bottom: 15px;
background: #fff;
border-radius: 50px;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .section-header3 .wrapper .sub-content .sub-text {
font-size: 14px;
font-weight: 400;
color: #000;
position: relative;
display: unset;
padding: 0 10px;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .section-header3 .wrapper .title {
font-size: 40px;
font-weight: 600;
text-transform: uppercase;
color: #000000;
}
@media (max-width: 450px) {
.rts-featured-product-section4 .container .rts-featured-product-section-inner .section-header3 .wrapper .title {
font-size: 30px;
}
}
@media (max-width: 380px) {
.rts-featured-product-section4 .container .rts-featured-product-section-inner .section-header3 .wrapper .title {
font-size: 22px;
}
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .select-area {
max-width: 182px;
margin: 0 auto;
background: #EE403D;
padding-right: 20px;
height: 60px;
margin-bottom: 40px;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .select-area .filters-select {
height: 60px;
width: 100%;
background: #ee403d;
color: #fff;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
padding-left: 20px;
position: relative;
border: 0;
outline: 0;
z-index: 10;
cursor: pointer;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .select-area .filters-select .current {
padding: 20px 0 0 20px;
color: #fff;
position: relative;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .select-area .filters-select .current::before {
content: "\f078";
position: absolute;
font-family: "Font Awesome 5 Pro";
font-size: 12px;
color: #fff;
right: -25px;
top: 23px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .select-area .filters-select.open .current::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
top: 20px;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .select-area .filters-select.open ul {
opacity: 1;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .select-area .filters-select option:hover {
background: #000000;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .select-area .filters-select ul {
opacity: 0;
position: absolute;
bottom: -272px;
left: 0;
background: #EE403D;
color: #fff;
z-index: 1;
width: 182px;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .select-area .filters-select ul .option {
padding: 15px 0 15px 50px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .select-area .filters-select ul .option:hover {
background: #be3937;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .select-area .filters-select ul .option.selected {
background: #be3937;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .fill .element-item {
position: relative;
float: left;
width: 24%;
height: auto;
margin: 5px;
padding: 10px;
}
@media (max-width: 1100px) {
.rts-featured-product-section4 .container .rts-featured-product-section-inner .fill .element-item {
width: 32%;
}
}
@media (max-width: 800px) {
.rts-featured-product-section4 .container .rts-featured-product-section-inner .fill .element-item {
width: 48%;
}
}
@media (max-width: 540px) {
.rts-featured-product-section4 .container .rts-featured-product-section-inner .fill .element-item {
width: 46%;
}
}
@media (max-width: 480px) {
.rts-featured-product-section4 .container .rts-featured-product-section-inner .fill .element-item {
width: 100%;
}
}
@media (max-width: 480px) {
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .product-image img {
width: 100%;
}
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .slider-buttons {
top: 48%;
-webkit-transform: scale(100%);
transform: scale(100%);
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .slider-buttons .slider-btn {
width: 45px;
height: 45px;
border-radius: 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .slider-buttons .slider-btn:hover {
background: #000000;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .slider-buttons .slider-btn:hover i {
color: #fff;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .bottom-content {
text-align: start;
padding-top: 20px;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .bottom-content .star-rating {
margin-bottom: 8px;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .bottom-content .star-rating i {
color: #EE403D;
margin-right: 2px;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .bottom-content .product-name {
font-size: 16px;
line-height: 24px;
color: #777777;
margin-bottom: 8px;
font-weight: 400;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .bottom-content .product-name:hover {
color: #EE403D;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .bottom-content .price {
font-size: 20px;
font-weight: 500;
color: #000;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .quick-action-button {
z-index: 11;
position: absolute;
cursor: pointer;
left: 12px;
top: 12px;
background: #fff;
width: 54px;
height: 54px;
padding-top: 15px;
padding-bottom: 25px;
border-radius: 100px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .quick-action-button:hover {
height: 180px;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .quick-action-button:hover .cta-single.cta-quickview, .rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .quick-action-button:hover .cta-single.cta-wishlist, .rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .quick-action-button:hover .cta-single.cta-addtocart {
opacity: 1;
visibility: visible;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single {
padding-left: 16px;
width: 56px;
-webkit-transition: all 0.7s;
transition: all 0.7s;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-plus:hover {
color: #EE403D;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-quickview {
opacity: 0;
visibility: hidden;
padding-left: 19px;
padding-top: 15px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-quickview .product-details-popup-btn:hover {
color: #EE403D;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-wishlist {
opacity: 0;
visibility: hidden;
padding-left: 20px;
margin-top: 18px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-wishlist:hover {
color: #EE403D;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-addtocart {
opacity: 0;
visibility: hidden;
padding-left: 16px;
padding-top: 18px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-addtocart:hover {
color: #EE403D;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .product-features {
position: absolute;
top: 3%;
right: 3%;
left: unset;
-webkit-transition: all 300ms;
transition: all 300ms;
opacity: 1;
z-index: 1;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .product-features .discount-tag {
background: #fff;
color: #EE403D !important;
width: 56px;
height: 56px;
font-size: 12px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
background: white;
color: white;
margin-bottom: 10px;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .product-features .new-tag {
background: #fff;
color: #040404 !important;
width: 56px;
height: 56px;
font-size: 12px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
background: white;
color: white;
margin-bottom: 10px;
}
.rts-featured-product-section4 .container .rts-featured-product-section-inner .product-item .hot {
position: absolute;
top: 3%;
right: 3%;
left: unset;
-webkit-transition: all 300ms;
transition: all 300ms;
opacity: 1;
z-index: 1;
background: #fff;
color: #040404 !important;
width: 56px;
height: 56px;
font-size: 12px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
background: white;
color: white;
margin-bottom: 10px;
}
.rts-featured-product-section4.product-section7 {
padding-bottom: 35px !important;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner {
padding: 0;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .section-header3 {
margin-bottom: 10px;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .section-header3 .wrapper .sub-content {
display: inline-block;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
padding-left: 15px;
padding-right: 15px;
padding-bottom: 4px;
margin-bottom: 15px;
background: #fff;
border-radius: 50px;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .section-header3 .wrapper .sub-content .sub-text {
font-size: 14px;
font-weight: 400;
color: #000;
position: relative;
display: unset;
padding: 0 10px;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .section-header3 .wrapper .title {
font-size: 40px;
font-weight: 600;
text-transform: uppercase;
color: #000000;
}
@media (max-width: 450px) {
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .section-header3 .wrapper .title {
font-size: 30px;
}
}
@media (max-width: 380px) {
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .section-header3 .wrapper .title {
font-size: 22px;
}
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area.area7 {
max-width: 450px;
background: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 576px) {
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area.area7 {
max-width: 360px;
}
}
@media (max-width: 400px) {
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area.area7 {
max-width: 250px;
}
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area.area7 .level--filters {
color: #000;
font-size: 36px;
font-weight: 600;
padding-right: 20px;
}
@media (max-width: 576px) {
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area.area7 .level--filters {
font-size: 30px;
}
}
@media (max-width: 400px) {
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area.area7 .level--filters {
font-size: 18px;
}
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area .filters-select {
cursor: pointer;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area .filters-select.select-area7 {
background: none;
width: auto;
color: #777 !important;
border-bottom: 1px solid rgba(119, 119, 119, 0.3294117647);
padding-left: 0;
padding-right: 25px;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area .filters-select.open .current::before {
top: 15px !important;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area .filters-select .current {
padding: 2px 0 0 0;
color: #777777;
font-size: 36px;
font-weight: 400;
position: relative;
text-transform: lowercase;
}
@media (max-width: 576px) {
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area .filters-select .current {
padding: 7px 0 0 0;
font-size: 30px;
}
}
@media (max-width: 400px) {
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area .filters-select .current {
font-size: 18px;
padding: 15px 0 0 0;
}
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area .filters-select .current::before {
content: "\f078";
position: absolute;
font-family: "Font Awesome 5 Pro";
font-size: 24px;
color: #777777;
right: -30px;
top: 15px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (max-width: 576px) {
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area .filters-select .current::before {
font-size: 18px;
right: -25px;
top: 20px;
}
}
@media (max-width: 400px) {
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area .filters-select .current::before {
font-size: 14px;
right: -20px;
top: 20px;
}
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area .filters-select.open .current::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
top: 20px;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area .filters-select.open ul {
opacity: 1;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area .filters-select option:hover {
background: #000000;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area .filters-select ul {
opacity: 0;
position: absolute;
bottom: -272px;
left: 0;
background: var(--theme-color);
color: #777777;
z-index: 1;
width: 182px;
}
@media (max-width: 400px) {
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area .filters-select ul {
width: 160px;
left: -20px;
}
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area .filters-select ul .option {
padding: 15px 0 15px 30px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
color: #fff;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area .filters-select ul .option:hover {
background: #040404;
color: #fff;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .select-area .filters-select ul .option.selected {
background: #040404;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .fill .element-item {
position: relative;
float: left;
width: 24%;
height: auto;
margin: 5px;
padding: 10px;
}
@media (max-width: 1100px) {
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .fill .element-item {
width: 32%;
}
}
@media (max-width: 800px) {
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .fill .element-item {
width: 48%;
}
}
@media (max-width: 540px) {
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .fill .element-item {
width: 46%;
}
}
@media (max-width: 480px) {
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .fill .element-item {
width: 100%;
}
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item {
margin-bottom: 35px;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item:hover .slider-navigation {
visibility: visible;
opacity: 1;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item:hover .bottom-content .action-wrap .price {
-webkit-transform: translateY(-25px);
transform: translateY(-25px);
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item:hover .bottom-content .action-wrap .addto-cart {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item:hover .quick-action-button {
visibility: visible;
opacity: 1;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item .slider-navigation {
top: 48%;
-webkit-transform: scale(100%);
transform: scale(100%);
visibility: hidden;
opacity: 0;
position: absolute;
top: 130px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 15px;
-webkit-transition: all 500ms;
transition: all 500ms;
z-index: 10;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item .slider-navigation .slider-btn {
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border-radius: 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item .slider-navigation .slider-btn:hover {
background: #000000;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item .slider-navigation .slider-btn:hover i {
color: #fff;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item .bottom-content {
text-align: center !important;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item .bottom-content .product-name {
color: #000;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item .bottom-content .action-wrap .price {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item .quick-action-button {
right: 10px;
left: unset !important;
top: 0 !important;
background: none !important;
width: unset;
height: unset !important;
visibility: hidden;
opacity: 0;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single {
padding-left: 16px;
width: unset;
-webkit-transition: all 0.7s;
transition: all 0.7s;
width: 40px !important;
height: 40px !important;
text-align: center;
display: block;
line-height: 40px;
border-radius: 50%;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-quickview {
opacity: 1 !important;
visibility: visible !important;
background: #fff;
padding-left: 0 !important;
padding-top: 0 !important;
-webkit-transition: all 0.2s;
transition: all 0.2s;
margin-bottom: 15px;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-quickview .product-details-popup-btn:hover {
color: #EE403D;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-wishlist {
opacity: 1 !important;
visibility: visible !important;
background: #fff;
padding-left: 0 !important;
margin-top: 0 !important;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item .quick-action-button .cta-single.cta-wishlist:hover {
color: #EE403D;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item .product-features {
left: 5% !important;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item .product-features .discount-tag {
background-color: #EE403D !important;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item .product-features .discount-tag.tag-2 {
color: #fff !important;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item .product-features .new-tag {
background-color: #040404 !important;
color: #fff !important;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item .product-features .new-tag.tag-2 {
color: #fff !important;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item .product-features .product-tag {
color: #fff !important;
}
.rts-featured-product-section4.product-section7 .container .rts-featured-product-section-inner .product-item .product-features .product-tag.tag-2 {
color: #fff !important;
}
.rts-featured-product-section4.product-section9 {
padding-bottom: 0 !important;
}
.rts-featured-product-section4.product-section9 .filter-buttons-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-featured-product-section4.product-section9 .filter-buttons-group .filter-btn {
margin: 0 10px;
color: #777777;
font-weight: 500;
font-size: 16px;
}
.rts-featured-product-section4.product-section9 .filter-buttons-group .filter-btn.active {
color: #EE403D;
}
.rts-featured-product-section4.product-section9 .products-area .product-item .bottom-content .product-name {
color: #000;
font-weight: 500;
}
.rts-featured-product-section2 {
padding-top: 30px;
}
.rts-featured-product-section2 .go-btn {
color: #9dc326;
}
.rts-featured-product-section2 .col-lg-15 {
padding-right: 5px;
padding-left: 5px;
}
.rts-featured-product-section2 .product-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 35px;
border: 1px solid #eeeeee;
border-radius: 6px;
margin-bottom: 10px;
position: relative;
overflow: visible;
}
.rts-featured-product-section2 .product-item:hover .product-thumb img {
-webkit-transform: scale(105%);
transform: scale(105%);
}
.rts-featured-product-section2 .product-item:hover .product-status-bar {
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
opacity: 1;
}
.rts-featured-product-section2 .product-item:hover .product-bottom-action {
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
opacity: 1;
}
.rts-featured-product-section2 .product-item .product-thumb {
max-width: 155px;
margin: 0 auto;
margin-bottom: 30px;
z-index: 3;
}
.rts-featured-product-section2 .product-item .contents {
z-index: 3;
}
.rts-featured-product-section2 .product-item .product-type {
font-size: 12px;
color: #777777;
display: block;
}
.rts-featured-product-section2 .product-item .product-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 20px;
}
.rts-featured-product-section2 .product-item .product-bottom-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rts-featured-product-section2 .product-item .product-price {
color: #d51243;
}
.rts-featured-product-section2 .product-item .product-price .old-price {
color: #d6d7d7;
text-decoration: line-through;
margin-left: 5px;
}
.rts-featured-product-section2 .product-item .wishlist i {
color: #cfcfcf;
}
.rts-featured-product-section2 .product-item .wishlist:hover i {
color: #d51243;
}
.rts-featured-product-section2 .product-item .product-status-bar {
width: 100%;
position: absolute;
top: -29px;
left: 50%;
-webkit-transform: translateX(-50%) translateY(10px);
transform: translateX(-50%) translateY(10px);
opacity: 0;
background: #d51243;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 3px 20px;
padding-bottom: 7px;
border-radius: 6px 6px 0 0;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.rts-featured-product-section2 .product-item .product-status-bar .stock {
font-size: 12px;
line-height: 2;
color: #fff;
}
.rts-featured-product-section2 .product-item .product-status-bar .rating-stars-group .rating-star i {
color: #fff;
font-size: 12px;
}
.rts-featured-product-section2 .product-item .product-bottom-action {
width: 100%;
position: absolute;
bottom: -46px;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-20px);
transform: translateX(-50%) translateY(-20px);
opacity: 0;
background: #9cc126;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 11px 20px;
padding-top: 10px;
border-radius: 0 0 6px 6px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
z-index: 2;
}
.rts-featured-product-section2 .product-item .product-bottom-action .addto-cart {
-webkit-transform: unset;
transform: unset;
color: #fff;
}
.rts-featured-product-section2 .product-item .product-bottom-action .addto-cart i {
color: #fff;
}
.rts-featured-product-section2 .product-item .product-bottom-action .view-btn {
color: #fff;
}
.rts-featured-product-section3 {
padding-bottom: 165px !important;
padding: 100px 0;
}
.rts-featured-product-section3.section-3 {
padding-bottom: 100px !important;
}
.rts-featured-product-section3.section-7 {
padding-bottom: 100px !important;
}
.rts-featured-product-section3.section-7 .rts-featured-product-section-inner .full-wrapper .date-full {
border-top: 2px solid var(--theme-color) !important;
}
.rts-featured-product-section3.section-7 .rts-featured-product-section-inner .full-wrapper .blog-meta li a {
color: var(--theme-color) !important;
}
.rts-featured-product-section3.section-7 .rts-featured-product-section-inner .full-wrapper .title a:hover {
color: var(--theme-color) !important;
}
.rts-featured-product-section3.section9 .container .rts-featured-product-section-inner .full-wrapper .image-part .image {
width: 100%;
}
.rts-featured-product-section3.section9 .container .rts-featured-product-section-inner .full-wrapper .image-part .image img {
width: 100%;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner {
padding: 0;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .section-header3 .wrapper .sub-content {
display: inline-block;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
padding-left: 15px;
padding-right: 15px;
padding-bottom: 4px;
margin-bottom: 15px;
background: #fff;
border-radius: 50px;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .section-header3 .wrapper .sub-content .sub-text {
font-size: 14px;
font-weight: 400;
color: #000;
position: relative;
display: unset;
padding: 0 10px;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .section-header3 .wrapper .title {
font-size: 40px;
font-weight: 600;
text-transform: uppercase;
color: #000000;
}
@media (max-width: 576px) {
.rts-featured-product-section3 .container .rts-featured-product-section-inner .section-header3 .wrapper .title {
font-size: 34px;
}
}
@media (max-width: 450px) {
.rts-featured-product-section3 .container .rts-featured-product-section-inner .section-header3 .wrapper .title {
font-size: 26px;
}
}
@media (max-width: 350px) {
.rts-featured-product-section3 .container .rts-featured-product-section-inner .section-header3 .wrapper .title {
font-size: 22px;
}
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper {
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper.wrapper-1 {
margin-left: 0;
margin-right: 50px;
position: relative;
}
@media (max-width: 1200px) {
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper.wrapper-1 {
margin-right: 0;
margin-bottom: 30px;
}
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper.wrapper-1::before {
content: "";
position: absolute;
background: #E8E8E8;
width: 1px;
height: 75%;
right: -54px;
top: 13%;
}
@media (max-width: 1200px) {
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper.wrapper-1::before {
display: none;
}
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper.wrapper-1.wrapper-4 {
margin: 0 0 30px 0;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper.wrapper-1.wrapper-4::before {
display: none;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper.wrapper-2 {
margin: 0 25px;
}
@media (max-width: 1200px) {
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper.wrapper-2 {
margin-right: 0;
margin-left: 0;
margin-bottom: 30px;
}
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper.wrapper-2.wrapper-4 {
margin: 0 0 30px 0;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper.wrapper-2.wrapper-4::before {
display: none;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper.wrapper-3 {
margin-left: 50px;
margin-right: 0;
position: relative;
}
@media (max-width: 1200px) {
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper.wrapper-3 {
margin-right: 0;
margin-left: 0;
margin-bottom: 30px;
}
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper.wrapper-3::before {
content: "";
position: absolute;
background: #E8E8E8;
width: 1px;
height: 75%;
left: -54px;
top: 13%;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper.wrapper-3.wrapper-4 {
margin: 0 0 30px 0;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper.wrapper-3.wrapper-4::before {
display: none;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper:hover .image-part .image img {
-webkit-transform: scale(110%);
transform: scale(110%);
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .image-part {
position: relative;
height: 100%;
overflow: hidden !important;
border-radius: 10px 10px 0 0;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .image-part .image img {
-webkit-transform: scale(100%);
transform: scale(100%);
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .image-part .date-full {
font-size: 14px;
font-weight: 600;
line-height: 18px;
padding: 20px 15px 10px 15px;
color: #000000;
background-color: #fff;
border-top: 2px solid #EE403D;
border-radius: 4px;
position: absolute;
z-index: 1;
right: 6%;
top: 87%;
text-align: center;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .image-part .date-full .day {
color: #031424;
font-size: 30px;
font-weight: bold;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .image-part .date-full .month {
color: #999999;
font-size: 16px;
font-weight: 400;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .blog-content {
padding: 40px 20px 40px 40px !important;
padding-top: 30px !important;
border: 1px solid #EBEBEB;
border-top: 0px solid #000;
border-radius: 0 0 7px 7px;
position: relative;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .blog-content .date-full {
font-size: 14px;
font-weight: 600;
line-height: 18px;
padding: 20px 15px 10px 15px;
color: #000000;
background-color: #fff;
border-top: 2px solid #EE403D;
border-radius: 4px;
position: absolute;
z-index: 1;
right: 6%;
top: -16%;
text-align: center;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .blog-content .date-full .day {
color: #031424;
font-size: 30px;
font-weight: bold;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .blog-content .date-full .month {
color: #999999;
font-size: 16px;
font-weight: 400;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .blog-content .date-full.date-full2 {
border-top: 2px solid var(--theme-color);
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .blog-content .blog-meta a {
color: #EE403D;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
line-height: 1.9;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .blog-content .blog-meta.blog-meta2 a {
color: var(--theme-color);
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .blog-content .title {
margin-bottom: 16px;
font-size: 24px;
line-height: 1.35 !important;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .blog-content .title a {
color: #000000;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
line-height: 1.5 !important;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .blog-content .title a:hover {
color: #EE403D;
text-decoration: underline;
}
@media (max-width: 400px) {
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .blog-content .title a {
font-size: 18px;
}
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .blog-content .title.title-2 a:hover {
color: var(--theme-color);
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .blog-content .author-info {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .blog-content .author-info .avatar {
width: 50px;
height: 50px;
text-align: center;
border: 1px solid #031424;
border-radius: 100%;
margin-right: 15px;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .blog-content .author-info .avatar img {
border-radius: 100%;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .blog-content .author-info .info .author-name {
color: #031424;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
line-height: 1.8;
}
.rts-featured-product-section3 .container .rts-featured-product-section-inner .full-wrapper .blog-content .author-info .info .author-dsg {
color: #999999;
font-size: 12px;
font-weight: 400;
}
.rts-featured-product-section3.section-10 .container .rts-featured-product-section-inner .full-wrapper .blog-content .date-full {
border-color: var(--theme-color);
}
.rts-featured-product-section3.section-10 .container .rts-featured-product-section-inner .full-wrapper .blog-content .blog-meta a {
color: var(--theme-color);
}
.rts-featured-product-section3.section-10 .container .rts-featured-product-section-inner .full-wrapper .blog-content .title a:hover {
color: var(--theme-color);
}
.rts-discount-code-section .discount-code-box {
padding: 30px 40px;
border: 2px dashed #f1f1f1;
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-discount-code-section .discount-code-box .icon {
margin-right: 20px;
}
.rts-discount-code-section .discount-code-box .pretitle {
font-size: 14px;
color: #777777;
}
.rts-discount-code-section .discount-code-box .discound-title {
font-size: 24px;
}
.rts-discount-code-section .discount-code-box .discount-code {
font-size: 18px;
color: #d51243;
padding: 7px 20px;
border: 2px dashed #d51243;
border-radius: 6px;
margin-left: auto;
}
@media (max-width: 768px) {
.rts-discount-code-section .discount-code-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 30px 20px;
}
.rts-discount-code-section .discount-code-box .icon {
margin-right: 0;
margin-bottom: 10px;
}
.rts-discount-code-section .discount-code-box .discount-content {
margin-bottom: 15px;
}
.rts-discount-code-section .discount-code-box .discount-code {
margin-left: 0;
}
}
.rts-discount-section {
background-color: #000;
position: relative;
padding: 35px 0;
overflow: hidden;
}
.rts-discount-section .rt-marquee {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-animation: marquee 25s linear infinite;
animation: marquee 25s linear infinite;
position: absolute;
top: 40%;
}
.rts-discount-section .rt-marquee .marquee-tag {
width: 270px;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-discount-section .rt-marquee .marquee-tag:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.rts-discount-section .rt-marquee .marquee-tag h3 {
color: #fff;
font-size: 16px;
font-weight: 400;
}
.rts-discount-section .rt-marquee .marquee-tag h3 span {
color: var(--theme-color);
font-weight: 400;
}
.rts-offer-section {
padding: 100px 0 0 0;
}
@media (max-width: 991px) {
.rts-offer-section .container .section-inner .product-item7 {
margin-bottom: 30px;
}
}
.rts-offer-section .container .section-inner .product-item7 .product-image {
overflow: hidden;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-offer-section .container .section-inner .product-item7 .product-image:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.rts-offer-section .container .section-inner .product-item7 .product-image img {
-webkit-transform: scale(1);
transform: scale(1);
}
@media (max-width: 768px) {
.rts-offer-section .container .section-inner .product-item7 .product-image img {
width: 100%;
}
}
.rts-offer-section .container .section-inner .product-item7 .bottom-text {
text-align: center;
margin-top: 25px;
}
.rts-offer-section .container .section-inner .product-item7 .bottom-text .sub-title {
color: var(--theme-color);
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
line-height: 1.8;
}
.rts-offer-section .container .section-inner .product-item7 .bottom-text .title {
color: #000;
font-size: 30px;
font-weight: 500;
line-height: 1.8;
}
.rts-offer-section .container .section-inner .product-item7 .bottom-text .btn-text {
font-size: 14px;
color: #777777;
font-weight: 400;
text-transform: uppercase;
text-decoration: underline;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-offer-section .container .section-inner .product-item7 .bottom-text .btn-text:hover {
color: var(--theme-color);
}
.rts-offer-section.section-8 {
background: #010d18;
}
.rts-offer-section.section-8 .product-image {
border-radius: 10px;
}
.rts-offer-section.section-8 .product-image img {
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.rts-offer-section.section-8 .bottom-text .title {
color: #fff !important;
}
.rts-offer-section.section9 {
padding: 20px 0 0 0;
}
.rts-testimonial-section {
padding: 125px 0 110px 0;
background: url(../images/slider/testimonial-bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.rts-testimonial-section .container {
max-width: 980px;
}
.rts-testimonial-section .container .section-inner {
text-align: center;
}
.rts-testimonial-section .container .section-inner .slider-inner .content {
padding: 30px 0 0 30px;
}
@media (max-width: 450px) {
.rts-testimonial-section .container .section-inner .slider-inner .content {
padding: 30px 0 0 0;
}
}
.rts-testimonial-section .container .section-inner .slider-inner .content .description {
color: #000000;
font-size: 40px;
font-weight: 600;
text-transform: uppercase;
line-height: 54px;
}
@media (max-width: 991px) {
.rts-testimonial-section .container .section-inner .slider-inner .content .description {
font-size: 28px;
line-height: 50px;
}
}
@media (max-width: 768px) {
.rts-testimonial-section .container .section-inner .slider-inner .content .description {
font-size: 22px;
line-height: 42px;
}
}
@media (max-width: 450px) {
.rts-testimonial-section .container .section-inner .slider-inner .content .description {
font-size: 16px;
}
}
.rts-testimonial-section .container .section-inner .slider-inner .author-box {
background: none;
}
.rts-testimonial-section .container .section-inner .slider-inner .author-box .author-name {
font-size: 20px;
font-weight: 600;
}
.rts-testimonial-section .container .section-inner .slider-inner .author-box p {
font-size: 16px;
font-weight: 400;
}
.rts-testimonial-section .container .section-inner .swiper-pagination .swiper-pagination-bullet {
background: #cccccc;
width: 35px;
height: 4px;
border-radius: 0;
}
.rts-testimonial-section .container .section-inner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #EE403D;
}
.rts-picked-product-section .go-btn {
color: #9dc326;
}
.rts-picked-product-section .col-d-35 {
width: 36%;
padding: 0 5px;
}
.rts-picked-product-section .col-d-3 {
width: 28%;
padding: 0 5px;
}
.rts-picked-product-section .last-col {
padding-right: 0 !important;
}
.rts-picked-product-section .detail-product:hover .product-thumb img,
.rts-picked-product-section .product-item:hover .product-thumb img {
-webkit-transform: scale(105%);
transform: scale(105%);
}
.rts-picked-product-section .detail-product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border: 1px solid #eeeeee;
border-radius: 6px;
padding: 0 60px;
height: 650px;
}
.rts-picked-product-section .detail-product .product-thumb {
max-width: 380px;
margin-bottom: 30px;
}
.rts-picked-product-section .detail-product .product-title {
max-width: unset;
}
.rts-picked-product-section .detail-product .product-price {
color: var(--theme-color);
}
.rts-picked-product-section .product-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 35px;
border: 1px solid #eeeeee;
border-radius: 6px;
margin-bottom: 10px;
position: relative;
overflow: visible;
height: 320px;
}
.rts-picked-product-section .product-item:hover .product-thumb img {
-webkit-transform: scale(105%);
transform: scale(105%);
}
.rts-picked-product-section .product-item .product-thumb {
max-width: 155px;
margin: 0 auto;
margin-bottom: 30px;
z-index: 3;
}
.rts-picked-product-section .product-item .contents {
z-index: 3;
text-align: center;
}
.rts-picked-product-section .product-item .product-type {
font-size: 12px;
color: #777777;
display: block;
}
.rts-picked-product-section .product-item .product-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
}
.rts-picked-product-section .product-item .product-bottom-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rts-picked-product-section .product-item .product-price {
color: #d51243;
display: block;
}
.rts-picked-product-section .product-item .product-price .old-price {
color: #d6d7d7;
text-decoration: line-through;
margin-left: 5px;
}
.rts-picked-product-section .product-item .wishlist i {
color: #cfcfcf;
}
.rts-picked-product-section .product-item .wishlist:hover i {
color: #d51243;
}
@media (max-width: 1200px) {
.rts-picked-product-section .detail-product {
height: unset;
padding: 30px;
}
.rts-picked-product-section .col-d-35 {
width: 50%;
margin-bottom: 10px;
}
.rts-picked-product-section .col-d-3 {
width: 100%;
}
.rts-picked-product-section .col-d-3 .col-xl-12 {
padding: 0 5px;
}
}
@media (max-width: 900px) {
.rts-picked-product-section .detail-product .product-title {
font-size: 19px;
line-height: 29px;
margin-bottom: 15px;
}
.rts-picked-product-section .detail-product .product-price {
font-size: 35px;
}
.rts-picked-product-section .detail-product .product-price .old-price {
font-size: 18px;
}
}
@media (max-width: 768px) {
.rts-picked-product-section .detail-product .product-price {
display: block !important;
}
.rts-picked-product-section .col-d-35 {
width: 100%;
}
}
.rts-ad-banner-section .ad-banner-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-feeds-section3 .feed-info .feed-catagory {
color: #d51243 !important;
}
.rts-feeds-section3 .date {
position: absolute;
top: 48%;
right: 45px;
width: 70px;
height: 70px;
background: #fff;
border-top: 2px solid var(--theme-color);
border-radius: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}
.rts-feeds-section3 .date .day {
display: block;
font-size: 30px;
line-height: 20px;
margin-bottom: 5px;
}
.rts-feeds-section3 .date .month {
display: block;
font-size: 16px;
line-height: 20px;
color: #999999;
font-weight: 400;
}
@media (max-width: 550px) {
.rts-feeds-section3 .date {
top: 34%;
}
}
.rts-restriction-notice .notice {
text-align: center;
font-size: 16px;
color: #777777;
font-weight: 400;
}
.rts-restriction-notice .notice .highlight:hover {
color: var(--theme-color);
opacity: 1;
}
.rts-restriction-notice .notice .star {
color: #d51243;
}
.rts-best-catagory-section2 {
padding: 100px 0;
}
.rts-best-catagory-section2 .catagory-card {
border: 1px solid #e7e7e7;
border-radius: 6px;
padding: 0 40px;
padding-top: 30px;
margin-top: 30px;
min-height: 508px;
position: relative;
}
.rts-best-catagory-section2 .catagory-card .category-thumb {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.rts-best-catagory-section2 .catagory-card .contents .catagory-title {
font-size: 18px;
line-height: 28px;
color: #031424;
margin-bottom: 20px;
}
.rts-best-catagory-section2 .catagory-card .contents .catagory-lists {
margin-bottom: 20px;
}
.rts-best-catagory-section2 .catagory-card .contents .catagory-lists a {
font-size: 16px;
line-height: 28px;
color: #777777;
font-weight: 400;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rts-best-catagory-section2 .catagory-card .contents .catagory-lists a:hover {
color: #031424;
}
.rts-best-catagory-section2 .catagory-card .contents .catagory-lists a:hover i {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.rts-best-catagory-section2 .catagory-card .contents .all-btn {
width: 100%;
background: #F7F7F7;
padding: 10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
line-height: 28px;
color: #656f78;
border-radius: 6px;
margin-bottom: 40px;
}
.rts-best-catagory-section2 .catagory-card .contents .all-btn:hover {
background: #031424;
color: #fff;
}
.rts-best-catagory-section2 .catagory-card .contents .all-btn:hover i {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
@media (max-width: 768px) {
.rts-best-catagory-section2 .catagory-card {
padding: 30px 20px;
}
}
@media (max-width: 1200px) {
.rts-best-catagory-section2 {
margin-bottom: -20px;
}
.rts-best-catagory-section2 .catagory-card {
margin-bottom: 20px;
}
}
.rts-video-section .container .video-section-inner {
background: url(../images/background/video-bg.webp);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
padding: 250px 0;
}
.rts-video-section .container .video-section-inner .rts-video {
text-align: center;
}
.rts-video-section .container .video-section-inner .rts-video .about-video-wrapper .popup-videos {
display: block;
height: 90px;
width: 90px;
line-height: 95px;
text-align: center;
background: #fff;
border-radius: 50%;
font-size: 28px;
position: relative;
margin: 0 auto;
}
.rts-video-section .container .video-section-inner .rts-video .about-video-wrapper .popup-videos::before {
border: 1px solid #fff;
content: "";
position: absolute;
z-index: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: block;
width: 90px;
height: 90px;
border-radius: 50%;
-webkit-animation: pulse-border2 1.5s ease-out infinite;
animation: pulse-border2 1.5s ease-out infinite;
}
.rts-video-section .container .video-section-inner .rts-video .about-video-wrapper .popup-videos i {
margin-right: -5px;
}
.rts-top-listed-items {
background: #f7f7f7;
position: relative;
padding-top: 20px;
padding-bottom: 120px;
margin-top: 530px;
}
@media (max-width: 991px) {
.rts-top-listed-items {
padding-top: 80px;
}
}
@media (max-width: 600px) {
.rts-top-listed-items {
background: #fff;
}
}
.rts-top-listed-items .container .section-inner {
background: #fff;
border-radius: 10px;
padding: 40px 60px;
}
@media (max-width: 600px) {
.rts-top-listed-items .container .section-inner {
padding: 40px 10px;
}
}
.rts-top-listed-items .container .section-inner .pr {
padding-right: 50px;
}
@media (max-width: 991px) {
.rts-top-listed-items .container .section-inner .pr {
padding: 0;
}
}
.rts-top-listed-items .container .section-inner .content-topbar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rts-top-listed-items .container .section-inner .content-topbar .heading {
color: #000;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
}
.rts-top-listed-items .container .section-inner .content-topbar .view-btn {
color: #000;
font-size: 16px;
font-weight: 600;
}
@media (max-width: 991px) {
.rts-top-listed-items .container .section-inner .content-topbar .view-btn {
margin-right: 20px;
}
}
.rts-top-listed-items .container .section-inner .content-topbar .view-btn i {
font-weight: 500;
}
@media (max-width: 600px) {
.rts-top-listed-items .container .section-inner .content-topbar .view-btn {
display: none;
}
}
@media (max-width: 1200px) {
.rts-top-listed-items .container .section-inner .border-bottom {
border: none !important;
}
}
.rts-top-listed-items .container .section-inner .wraper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 5px;
margin: 45px 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (max-width: 1200px) {
.rts-top-listed-items .container .section-inner .wraper {
margin: 45px 0 20px 0;
}
}
@media (max-width: 991px) {
.rts-top-listed-items .container .section-inner .wraper {
display: block;
}
}
@media (max-width: 600px) {
.rts-top-listed-items .container .section-inner .wraper {
padding-left: 20px;
}
}
.rts-top-listed-items .container .section-inner .wraper.last-child {
margin-bottom: 0;
}
@media (max-width: 1200px) {
.rts-top-listed-items .container .section-inner .wraper.last-child {
margin-bottom: 20px;
}
}
.rts-top-listed-items .container .section-inner .wraper:hover .image-section img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
@media (max-width: 991px) {
.rts-top-listed-items .container .section-inner .wraper .image-section {
margin-bottom: 10px;
}
}
.rts-top-listed-items .container .section-inner .wraper .content {
padding-left: 15px;
position: relative;
}
@media (max-width: 991px) {
.rts-top-listed-items .container .section-inner .wraper .content {
padding: 0;
}
}
.rts-top-listed-items .container .section-inner .wraper .content::before {
position: absolute;
content: "";
height: 100%;
width: 1px;
right: -28px;
background: #dee2e6;
}
@media (max-width: 1400px) {
.rts-top-listed-items .container .section-inner .wraper .content::before {
display: none;
}
}
.rts-top-listed-items .container .section-inner .wraper .content.last::before {
display: none;
}
.rts-top-listed-items .container .section-inner .wraper .content .star-rating {
margin-bottom: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-top-listed-items .container .section-inner .wraper .content .star-rating ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-top-listed-items .container .section-inner .wraper .content .star-rating ul li {
margin-right: 3px;
}
.rts-top-listed-items .container .section-inner .wraper .content .star-rating ul li a {
font-size: 14px;
color: #777777;
}
.rts-top-listed-items .container .section-inner .wraper .content .star-rating ul li a.fill {
color: #ffb627;
}
.rts-top-listed-items .container .section-inner .wraper .content .star-rating span {
color: #777777;
font-size: 14px;
font-weight: 300;
margin-left: 5px;
}
.rts-top-listed-items .container .section-inner .wraper .content .product-title {
margin-bottom: 5px;
color: #000;
font-size: 16px;
font-weight: 500;
}
.rts-top-listed-items .container .section-inner .wraper .content .product-price {
color: #000;
font-size: 20px;
font-weight: 500;
}
.rts-top-listed-items .container .section-inner .right-side-banner {
position: relative;
}
.rts-top-listed-items .container .section-inner .right-side-banner img {
width: 100%;
}
.rts-top-listed-items .container .section-inner .right-side-banner .banner-content {
position: absolute;
top: 15%;
left: 18%;
}
@media (max-width: 991px) {
.rts-top-listed-items .container .section-inner .right-side-banner .banner-content {
left: 25%;
}
}
@media (max-width: 350px) {
.rts-top-listed-items .container .section-inner .right-side-banner .banner-content {
left: 18%;
}
}
.rts-top-listed-items .container .section-inner .right-side-banner .banner-content .title {
color: #000;
font-size: 12px;
font-weight: 500;
margin-bottom: 10px;
text-transform: uppercase;
}
.rts-top-listed-items .container .section-inner .right-side-banner .banner-content .main-title {
font-size: 24px;
font-weight: 600;
color: #000;
margin-bottom: 25px;
}
.rts-top-listed-items .container .section-inner .right-side-banner .banner-content .shopnow-btn {
color: #fff;
background: #EE403D;
border-radius: 30px;
padding: 10px 30px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-top-listed-items .container .section-inner .right-side-banner .banner-content .shopnow-btn:hover {
background: #000;
}
.rts-top-listed-items.section-10 {
margin: 0;
padding-top: 120px;
background: #fff;
}
@media (max-width: 576px) {
.rts-top-listed-items.section-10 {
padding-bottom: 65px;
}
}
.rts-top-listed-items.section-10 .container .section-inner {
padding: 0;
}
.rts-top-listed-items.section-10 .container .section-inner .wraper {
padding: 0;
}
@media (max-width: 991px) {
.rts-top-listed-items.section-10 .container .section-inner .wraper {
text-align: center;
}
}
.rts-top-listed-items.section-10 .container .section-inner .wraper .image-section img {
width: 80px;
}
@media (max-width: 991px) {
.rts-top-listed-items.section-10 .container .section-inner .wraper .image-section img {
width: 90%;
}
}
@media (max-width: 576px) {
.rts-top-listed-items.section-10 .container .section-inner .wraper .image-section img {
width: 100%;
}
}
@media (max-width: 991px) {
.rts-top-listed-items.section-10 .container .section-inner .wraper .content .star-rating {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.rts-top-listed-items.section-10 .container .section-inner .pr {
padding-right: 30px;
}
@media (max-width: 1200px) {
.rts-top-listed-items.section-10 .container .section-inner .pr {
padding: 0;
}
}
.rts-top-listed-items.section-10 .container .section-inner .section-header {
-webkit-box-orient: unset;
-webkit-box-direction: unset;
-ms-flex-direction: unset;
flex-direction: unset;
}
.rts-top-listed-items.section-10 .container .section-inner .section-header .wrapper .sub-content {
display: inline-block;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
padding-left: 15px;
padding-right: 15px;
padding-bottom: 4px;
margin-bottom: 15px;
background: #fff;
border-radius: 50px;
}
.rts-top-listed-items.section-10 .container .section-inner .section-header .wrapper .sub-content .sub-text {
font-size: 14px;
font-weight: 400;
color: #000;
position: relative;
display: unset;
padding: 0 10px;
}
.rts-top-listed-items.section-10 .container .section-inner .section-header .wrapper .title {
font-size: 40px;
font-weight: 600;
text-transform: none;
color: #000000;
}
@media (max-width: 576px) {
.rts-top-listed-items.section-10 .container .section-inner .section-header .wrapper .title {
font-size: 34px;
}
}
@media (max-width: 450px) {
.rts-top-listed-items.section-10 .container .section-inner .section-header .wrapper .title {
font-size: 26px;
}
}
@media (max-width: 350px) {
.rts-top-listed-items.section-10 .container .section-inner .section-header .wrapper .title {
font-size: 22px;
}
}
.rts-top-listed-items.section-10 .container .section-inner .product-area-left-side {
border: 1px solid #f5f5f5;
padding: 0 55px;
}
@media (max-width: 1200px) {
.rts-top-listed-items.section-10 .container .section-inner .product-area-left-side {
margin-bottom: 50px;
}
}
@media (max-width: 576px) {
.rts-top-listed-items.section-10 .container .section-inner .right-side-banner .collection-item {
margin-bottom: 50px;
}
}
.rts-top-listed-items.section-10 .container .section-inner .right-side-banner .collection-item:hover .image a img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.rts-top-listed-items.section-10 .container .section-inner .right-side-banner .collection-item .image {
position: relative;
overflow: hidden;
}
.rts-top-listed-items.section-10 .container .section-inner .right-side-banner .collection-item .image a {
overflow: hidden;
width: 100%;
}
.rts-top-listed-items.section-10 .container .section-inner .right-side-banner .collection-item .image .hot {
position: absolute;
top: 5%;
right: 10%;
left: unset;
-webkit-transition: all 300ms;
transition: all 300ms;
opacity: 1;
z-index: 1;
background: #fff;
color: #040404 !important;
width: 56px;
height: 56px;
font-size: 12px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
background: white;
color: white;
margin-bottom: 10px;
}
.rts-top-listed-items.section-10 .container .section-inner .right-side-banner .collection-item .bottom-content {
margin-top: 30px;
}
.rts-top-listed-items.section-10 .container .section-inner .right-side-banner .collection-item .bottom-content .product-name {
color: #000;
font-size: 18px;
font-weight: 400;
margin-bottom: 10px;
}
.rts-top-listed-items.section-10 .container .section-inner .right-side-banner .collection-item .bottom-content .price {
color: #000;
font-size: 20px;
font-weight: 500;
}
@media (max-width: 600px) {
.rts-top-listed-items .rts-new-collection-section {
background: #f7f7f7;
}
}
.rts-top-listed-items .rts-new-collection-section .section-inner {
padding: 0;
}
.rts-product-features-section {
background: #EE403D;
padding: 120px 0;
}
.rts-product-features-section .container .section-inner .image {
margin-bottom: 25px;
}
.rts-product-features-section .container .section-inner .image img {
width: 90px;
}
@media (max-width: 1200px) {
.rts-product-features-section .container .section-inner .content {
margin-bottom: 50px;
}
}
.rts-product-features-section .container .section-inner .content .main-title {
color: #fff;
font-size: 22px;
font-weight: 600;
margin-bottom: 15px;
}
.rts-product-features-section .container .section-inner .content .description {
font-size: 16px;
font-weight: 400;
color: #ffcccb;
}
@media (max-width: 1200px) {
.rts-product-features-section .container .section-inner .content .description {
padding: 0 120px;
}
}
@media (max-width: 1024px) and (min-width: 899px) {
.rts-product-features-section .container .section-inner .content .description {
padding: 0 80px;
}
}
@media (max-width: 900px) and (min-width: 767px) {
.rts-product-features-section .container .section-inner .content .description {
padding: 0 60px;
}
}
@media (max-width: 768px) {
.rts-product-features-section .container .section-inner .content .description {
padding: 0 160px;
}
}
@media (max-width: 600px) {
.rts-product-features-section .container .section-inner .content .description {
padding: 0 100px;
}
}
@media (max-width: 500px) {
.rts-product-features-section .container .section-inner .content .description {
padding: 0 50px;
}
}
@media (max-width: 400px) {
.rts-product-features-section .container .section-inner .content .description {
padding: 0;
}
}
.rts-shop-catagories-section {
background: #f7f7f7;
padding: 100px 0;
}
.rts-shop-catagories-section .container .shop-catagories-section-inner {
position: relative;
}
.rts-shop-catagories-section .container .shop-catagories-section-inner .section-header3 {
position: relative;
display: block;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rts-shop-catagories-section .container .shop-catagories-section-inner .section-header3 .wrapper {
text-align: start;
}
.rts-shop-catagories-section .container .shop-catagories-section-inner .section-header3 .wrapper .sub-content {
display: inline-block;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
padding-left: 15px;
padding-right: 15px;
padding-bottom: 4px;
margin-bottom: 15px;
background: #fff;
border-radius: 50px;
}
.rts-shop-catagories-section .container .shop-catagories-section-inner .section-header3 .wrapper .sub-content .sub-text {
font-size: 14px;
font-weight: 400;
color: #000;
position: relative;
display: unset;
padding: 0 10px;
}
.rts-shop-catagories-section .container .shop-catagories-section-inner .section-header3 .wrapper .title {
font-size: 40px;
font-weight: 600;
text-transform: uppercase;
color: #000000;
}
@media (max-width: 576px) {
.rts-shop-catagories-section .container .shop-catagories-section-inner .section-header3 .wrapper .title {
font-size: 34px;
}
}
@media (max-width: 450px) {
.rts-shop-catagories-section .container .shop-catagories-section-inner .section-header3 .wrapper .title {
font-size: 26px;
}
}
@media (max-width: 350px) {
.rts-shop-catagories-section .container .shop-catagories-section-inner .section-header3 .wrapper .title {
font-size: 22px;
}
}
.rts-shop-catagories-section .container .shop-catagories-section-inner .rts-cmmnSlider-over3 .collection-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
padding: 40px;
border-radius: 8px;
}
@media (max-width: 1300px) and (min-width: 768px) {
.rts-shop-catagories-section .container .shop-catagories-section-inner .rts-cmmnSlider-over3 .collection-item {
padding: 20px;
}
}
@media (max-width: 768px) {
.rts-shop-catagories-section .container .shop-catagories-section-inner .rts-cmmnSlider-over3 .collection-item {
display: block;
}
}
@media (max-width: 768px) {
.rts-shop-catagories-section .container .shop-catagories-section-inner .rts-cmmnSlider-over3 .collection-item .image {
text-align: center;
margin-bottom: 20px;
}
}
@media (max-width: 1300px) and (min-width: 1200px) {
.rts-shop-catagories-section .container .shop-catagories-section-inner .rts-cmmnSlider-over3 .collection-item .image img {
width: 130px;
}
}
@media (max-width: 850px) {
.rts-shop-catagories-section .container .shop-catagories-section-inner .rts-cmmnSlider-over3 .collection-item .image img {
width: 140px;
}
}
.rts-shop-catagories-section .container .shop-catagories-section-inner .rts-cmmnSlider-over3 .collection-item .content {
margin-left: 35px;
}
@media (max-width: 1300px) and (min-width: 1200px) {
.rts-shop-catagories-section .container .shop-catagories-section-inner .rts-cmmnSlider-over3 .collection-item .content {
margin-left: 25px;
}
}
@media (max-width: 850px) {
.rts-shop-catagories-section .container .shop-catagories-section-inner .rts-cmmnSlider-over3 .collection-item .content {
margin-left: 20px;
}
}
.rts-shop-catagories-section .container .shop-catagories-section-inner .rts-cmmnSlider-over3 .collection-item .content .title {
font-size: 22px;
color: #000;
font-weight: 600;
margin-bottom: 15px;
}
@media (max-width: 768px) {
.rts-shop-catagories-section .container .shop-catagories-section-inner .rts-cmmnSlider-over3 .collection-item .content .title {
text-align: center;
}
}
.rts-shop-catagories-section .container .shop-catagories-section-inner .rts-cmmnSlider-over3 .collection-item .content ul li {
position: relative;
margin-bottom: 10px;
}
.rts-shop-catagories-section .container .shop-catagories-section-inner .rts-cmmnSlider-over3 .collection-item .content ul li a {
font-size: 16px;
font-weight: 300;
color: #000;
}
.rts-shop-catagories-section .container .shop-catagories-section-inner .rts-cmmnSlider-over3 .collection-item .content ul li a span {
position: absolute;
font-size: 16px;
font-weight: 300;
color: #000;
right: -15px;
}
.rts-shop-catagories-section .container .shop-catagories-section-inner .slider-buttons {
position: absolute;
top: 15%;
right: 10%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1300px) {
.rts-shop-catagories-section .container .shop-catagories-section-inner .slider-buttons {
right: 11%;
}
}
@media (max-width: 1100px) {
.rts-shop-catagories-section .container .shop-catagories-section-inner .slider-buttons {
right: 13%;
}
}
@media (max-width: 991px) {
.rts-shop-catagories-section .container .shop-catagories-section-inner .slider-buttons {
display: none;
}
}
.rts-shop-catagories-section .container .shop-catagories-section-inner .slider-buttons .slider-btn {
border-radius: 0;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
width: 100px;
height: 50px;
display: block;
text-align: center;
line-height: 50px;
font-weight: 600;
font-size: 16px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-shop-catagories-section .container .shop-catagories-section-inner .slider-buttons .slider-btn i {
font-weight: 600;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-shop-catagories-section .container .shop-catagories-section-inner .slider-buttons .slider-btn.swiper-button-prev {
margin-left: 20px;
right: 10px;
left: auto;
}
.rts-shop-catagories-section .container .shop-catagories-section-inner .slider-buttons .slider-btn.swiper-button-prev i {
margin-right: 5px;
}
.rts-shop-catagories-section .container .shop-catagories-section-inner .slider-buttons .slider-btn.swiper-button-next {
margin-left: 20px;
right: auto;
left: 10px;
}
.rts-shop-catagories-section .container .shop-catagories-section-inner .slider-buttons .slider-btn.swiper-button-next i {
margin-left: 5px;
}
.rts-shop-catagories-section .container .shop-catagories-section-inner .slider-buttons .slider-btn:hover {
background: #000;
color: #fff;
}
.rts-shop-catagories-section .container .shop-catagories-section-inner .slider-buttons .slider-btn:hover i {
color: #fff;
}
.rts-cta-banner {
background: url(../images/products/home10/cta-bg.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 150px 0;
}
.rts-cta-banner .container .section-inner .wrapper {
text-align: start;
}
.rts-cta-banner .container .section-inner .wrapper .sub-content {
display: inline-block;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
padding-left: 15px;
padding-right: 15px;
padding-bottom: 4px;
margin-bottom: 20px;
background: #fff;
border-radius: 50px;
}
.rts-cta-banner .container .section-inner .wrapper .sub-content .sub-text {
font-size: 14px;
font-weight: 400;
color: #000;
position: relative;
display: unset;
padding: 0 10px;
}
.rts-cta-banner .container .section-inner .content .content-title {
color: #000;
font-size: 48px;
font-weight: 600;
margin-bottom: 20px;
}
@media (max-width: 576px) {
.rts-cta-banner .container .section-inner .content .content-title {
font-size: 38px;
}
}
@media (max-width: 450px) {
.rts-cta-banner .container .section-inner .content .content-title {
font-size: 28px;
}
}
.rts-cta-banner .container .section-inner .content .description {
color: #777;
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-bottom: 30px;
}
@media (max-width: 600px) {
.rts-cta-banner .container .section-inner .content .description br {
display: none;
}
}
.rts-cta-banner .container .section-inner .content .discover-btn {
color: #000;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-decoration: underline;
text-underline-offset: 2px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.rts-cta-banner .container .section-inner .content .discover-btn:hover {
color: #EE403D;
}
/**------------------------------------------------------------------
* Footer Start Here
*/
.footer {
background: #040404;
margin-left:0px !important;
margin-right:0px !important;
}
.footer .footer-inner {
padding-top: 70px;
padding-bottom: 95px;
}
h4.footer-accordion-title {
text-align: left;
}
.footer-accordion-content {
text-align: left;
}
@media (max-width: 1200px) {
.footer .footer-inner {
margin-bottom: -40px;
}
}
.footer .footer-logo {
margin-bottom: 50px;
max-width: 122px;
}
.footer .footer-logo img {
width: 100%;
}
.footer .widget-text {
font-weight: 400;
font-size: 14px;
line-height: 26px;
margin-bottom: 30px;
color: #CBCBCB;
}
.footer .quick-contact .contact-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer .quick-contact .contact-item.phone {
margin-bottom: 30px;
}
.footer .quick-contact .contact-item .icon {
margin-right: 15px;
}
.footer .quick-contact .contact-item .title,
.footer .quick-contact .contact-item .info {
display: block;
font-size: 14px;
line-height: 20px;
}
.footer .quick-contact .contact-item .title {
color: #7A7A7A;
}
.footer .quick-contact .contact-item .info {
color: #fff;
}
.footer .quick-contact .contact-item .info:hover {
color: var(--theme-color);
}
.footer .find-us {
color: #fff;
margin-bottom: 10px;
display: inline-block;
}
.footer .find-us i {
visibility: hidden;
opacity: 0;
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
margin-left: 5px;
-webkit-transition: 500ms;
transition: 500ms;
}
.footer .find-us:hover {
color: #FF1856;
}
.footer .find-us:hover i {
visibility: visible;
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
color: #fff;
}
.footer .social-links-footer .platform {
color: #CBCBCB;
font-weight: 400;
font-size: 14px;
line-height: 40px;
}
.footer .social-links-footer .platform:hover {
color: var(--theme-color);
}
.footer .social-links-footer .platform i {
margin-right: 15px;
color: #fff;
}
.footer .ig-feed .feed-item {
width: 100%;
margin-bottom: 25px;
position: relative;
}
.footer .ig-feed .feed-item img {
width: 100%;
}
.footer .ig-feed .feed-item::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #040404;
opacity: 0;
-webkit-transition: opacity 600ms;
transition: opacity 600ms;
}
.footer .ig-feed .feed-item:hover i {
-webkit-transform: translate(-50%, -50%) scale(100%);
transform: translate(-50%, -50%) scale(100%);
opacity: 1;
}
.footer .ig-feed .feed-item:hover::before {
opacity: 40%;
}
.footer .ig-feed .feed-item i {
color: #fff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(60%);
transform: translate(-50%, -50%) scale(60%);
opacity: 0;
-webkit-transition: opacity 400ms, -webkit-transform 400ms;
transition: opacity 400ms, -webkit-transform 400ms;
transition: transform 400ms, opacity 400ms;
transition: transform 400ms, opacity 400ms, -webkit-transform 400ms;
}
@media (max-width: 1200px) {
.footer .footer-widget {
margin-bottom: 40px;
}
}
.footer .footer-widget-title {
color: #fff;
font-weight: 700;
font-size: 15px;
line-height: 23px;
margin-bottom: 10px;
}
@media (max-width: 1200px) {
.footer .footer-widget-title {
margin-bottom: 20px;
}
}
.footer .widget-list-item {
margin-bottom: 10px;
}
.footer .widget-list-item a {
position: relative;
color: #CBCBCB;
font-weight: 400;
font-size: 14px;
line-height: 30px;
-webkit-transition: all 200ms;
transition: all 200ms;
}
.footer .widget-list-item a:hover {
color: #fff;
}
.footer .footer-bottom-area {
background: var(--theme-color);
padding: 25px 0;
}
.footer .footer-bottom-area .footer-bottom-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer .footer-bottom-area .copyright {
color: #fff;
font-weight: 400;
font-size: 16px;
line-height: 18px;
}
.footer .footer-bottom-area .copyright .brand,
.footer .footer-bottom-area .copyright .site {
color: #fff;
font-weight: 700;
}
.footer .footer-bottom-area .designer-credit {
color: #83878C;
font-weight: 500;
font-size: 14px;
line-height: 16px;
}
.footer .footer-bottom-area .designer-credit .powered-product {
color: #fff;
}
.footer .footer-bottom-area .separator {
padding: 6px;
}
@media (max-width: 900px) {
.footer-bottom-area .footer-bottom-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-bottom-area .copyright {
margin-bottom: 20px;
text-align: center;
line-height: 40px;
}
}
.footer-1 {
background: #f5f5f5;
position: relative;
padding-top: 35px;
padding-bottom: 0;
}
.footer-1 .footer-feature1 {
background: #fff;
padding: 30px;
position: relative;
width: 100%;
top: -100px;
border-radius: 10px;
-webkit-box-shadow: 0px -16px 32px 0px rgba(0, 0, 0, 0.04);
box-shadow: 0px -16px 32px 0px rgba(0, 0, 0, 0.04);
}
.footer-1 .footer-feature1 .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
@media (max-width: 1200px) {
.footer-1 .footer-feature1 .wrapper {
display: block;
text-align: center;
}
}
@media (max-width: 991px) {
.footer-1 .footer-feature1 .wrapper {
margin-bottom: 20px;
}
}
@media (max-width: 576px) {
.footer-1 .footer-feature1 .wrapper {
margin-bottom: 30px;
}
}
@media (max-width: 991px) {
.footer-1 .footer-feature1 .wrapper.wrapper2::before {
display: none;
}
}
.footer-1 .footer-feature1 .wrapper::before {
content: "";
position: absolute;
background: #f7f7f7;
width: 2px;
height: 55px;
right: 0;
}
@media (max-width: 1200px) {
.footer-1 .footer-feature1 .wrapper::before {
height: 100%;
right: -15px;
}
}
@media (max-width: 576px) {
.footer-1 .footer-feature1 .wrapper::before {
display: none;
}
}
.footer-1 .footer-feature1 .wrapper.last-child::before {
display: none;
}
.footer-1 .footer-feature1 .wrapper .icon {
margin-right: 15px;
}
@media (max-width: 1200px) {
.footer-1 .footer-feature1 .wrapper .icon {
margin-right: 0;
margin-bottom: 15px;
}
}
.footer-1 .footer-feature1 .wrapper .title .box-title {
color: #031424;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 10px;
}
@media (max-width: 1400px) and (min-width: 1201px) {
.footer-1 .footer-feature1 .wrapper .title .box-title {
font-size: 14px;
}
}
.footer-1 .footer-feature1 .wrapper .title p {
color: #777777;
font-size: 14px;
font-weight: 400;
padding-right: 50px;
}
@media (max-width: 1400px) {
.footer-1 .footer-feature1 .wrapper .title p {
padding-right: 0;
}
}
.footer-1 .mr--17 {
margin-right: 17px;
}
.footer-1 .footer-box-widget {
background: none !important;
padding: 40px !important;
padding-top: 0 !important;
}
.footer-1 .footer-inner {
padding-top: 0;
padding-bottom: 0;
margin-bottom: -76px;
}
.footer-1 .footer-inner .footer-widget-title {
color: #040404 !important;
font-family: "Jost", Sans-serif;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
line-height: 18px;
}
.footer-1 .footer-logo {
max-width: 85%;
}
.footer-1 .quick-contact .contact-info .title {
color: #777777;
font-size: 14px;
font-weight: 400;
line-height: 26px;
}
.footer-1 .quick-contact .contact-info .info {
color: #040404;
font-size: 16px;
font-weight: 700;
line-height: 14px;
}
.footer-1 .quick-contact .contact-info .info:hover {
color: #EE403D;
}
@media (min-width: 1200px) {
.footer-1 .box-widget-col {
margin-right: 20px;
}
}
@media (min-width: 1200px) {
.footer-1 .box-widget-col2 {
margin-right: 50px;
}
}
@media (min-width: 1200px) {
.footer-1 .no-gutters {
width: 12%;
}
}
.footer-1 .footer-box-widget {
background: #fff;
padding: 20px 40px;
padding-top: 50px;
border-radius: 6px;
overflow: hidden;
}
@media (max-width: 1200px) {
.footer-1 .footer-box-widget {
padding: 0 0 40px 0 !important;
}
}
.footer-1 .footer-box-widget .footer-logo {
margin-bottom: 15px;
}
@media (max-width: 1200px) {
.footer-1 .footer-box-widget .footer-logo {
width: 50%;
}
}
@media (max-width: 768px) {
.footer-1 .footer-box-widget .footer-logo {
width: 75%;
}
}
@media (max-width: 576px) {
.footer-1 .footer-box-widget .footer-logo {
width: 50%;
}
}
@media (max-width: 450px) {
.footer-1 .footer-box-widget .footer-logo {
width: 70%;
}
}
.footer-1 .footer-box-widget p {
font-size: 14px;
padding-bottom: 25px;
margin-bottom: 30px;
border-bottom: 1px solid #E7E7E7;
}
.footer-1 .footer-box-widget .quick-contact {
margin-bottom: 0;
}
.footer-1 .footer-box-widget .social-links-footer2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 250px;
}
.footer-1 .footer-box-widget .social-links-footer2 .platform {
position: relative;
bottom: -32px;
width: 50px;
height: 50px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 17px;
-webkit-transition: bottom 500ms;
transition: bottom 500ms;
background: #fff;
}
.footer-1 .footer-box-widget .social-links-footer2 .platform:hover {
background: #EE403D;
}
.footer-1 .footer-box-widget .social-links-footer2 .platform:hover i {
color: #fff;
}
.footer-1 .widget-text {
color: #777777;
font-size: 15px;
line-height: 1.8;
}
.footer-1 .widget-list-item {
padding-left: 0;
}
.footer-1 .widget-list-item a {
color: #7A7A7A;
font-size: 15px;
font-weight: 400;
line-height: 12px;
}
.footer-1 .widget-list-item a:hover {
color: #040404;
}
.footer-1 .getin-touch {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}
.footer-1 .getin-touch i {
margin-left: 5px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.footer-1 .getin-touch:hover {
color: #EE403D;
}
.footer-1 .getin-touch:hover i {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.footer-1 .newsletter-widget .widget-text {
font-size: 14px;
margin-bottom: 10px;
}
.footer-1 .newsletter-widget .input-div {
margin-bottom: 10px;
}
.footer-1 .newsletter-widget input {
width: 100%;
padding: 10px 30px;
border-radius: 5px;
}
.footer-1 .newsletter-widget input::-webkit-input-placeholder {
font-size: 14px;
}
.footer-1 .newsletter-widget .subscribe-btn {
padding: 10px 30px;
color: #fff;
background: #EE403D;
font-size: 14px;
border-radius: 6px;
-webkit-transition: background 500ms;
transition: background 500ms;
}
.footer-1 .newsletter-widget .subscribe-btn:hover {
background: #040404;
}
.footer-1 .newsletter-widget .subscribe-btn i {
margin-left: 5px;
}
.footer-1 .footer-bottombar {
position: relative;
left: 27%;
bottom: 65px;
padding: 30px 0;
border-top: 1px solid #dddddd;
width: 72%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-1 .footer-bottombar .download-text {
margin-right: 15px;
}
.footer-1 .footer-bottombar .download-store {
margin-right: 5px;
}
@media (max-width: 1360px) {
.footer-1 .footer-bottombar {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-1 .footer-bottombar .app-download {
margin-bottom: 30px;
}
}
@media (max-width: 1200px) {
.footer-1 .footer-bottombar {
display: none;
}
}
.footer-1 .footer-bottom-area {
background: #ececec;
margin-top: 35px;
padding: 18px 0;
}
.footer-1 .footer-bottom-area .footer-bottom-inner {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer-1 .footer-bottom-area .footer-bottom-inner .copyright {
color: #BABABA;
}
.footer-1 .footer-bottom-area .footer-bottom-inner .copyright .brand {
color: #040404;
}
@media (max-width: 1200px) {
.footer-1 .footer-inner {
margin-bottom: 0;
}
.footer-1 .box-widget-col {
margin-right: 0;
}
.footer-1 .footer-box-widget {
margin-bottom: 40px;
}
}
@media (max-width: 1200px) {
.footer-1 .footer-bottom-area .copyright {
margin-bottom: 0;
}
}
.footer-2 {
background: #111111;
}
.footer-2 .footer-logo {
max-width: 180px;
}
.footer-2 .widget-text {
color: #777777;
}
.footer-2 .footer-widget-title {
color: #fff;
}
.footer-2 .footer-widget-title.title-2 {
color: #040404;
}
.footer-2 .widget-list-item a {
color: #7A7A7A;
}
.footer-2 .widget-list-item a:hover {
color: var(--theme-color);
}
.footer-2 .quick-contact .contact-info .title {
color: #868686;
font-weight: 400;
}
.footer-2 .quick-contact .contact-info .info {
color: #040404;
}
.footer-2 .quick-contact .contact-info .info.info2 {
color: var(--theme-color);
}
.footer-2 .social-links-footer .platform {
color: #777777;
}
.footer-2 .social-links-footer .platform i {
color: var(--theme-color);
}
.footer-2 .footer-bottom-area {
background: #111111;
}
.footer-2 .footer-bottom-area .copyright {
color: #777777;
text-align: center;
font-size: 15px;
line-height: 25px;
}
.footer-2 .footer-bottom-area .copyright .brand,
.footer-2 .footer-bottom-area .copyright .site {
color: #fff;
}
.footer-2.footer-7 .quick-contact .contact-info .title {
color: #868686;
}
.footer-2.footer-7 .quick-contact .contact-info .info.info2 {
color: #fff;
}
.footer-2.footer-7 .widget-list-item a:hover {
color: #fff;
}
.footer-2.footer-7 .social-links-footer .platform:hover {
color: #fff;
}
.footer-2.footer-7 .social-links-footer .platform i {
color: #fff;
}
.footer-features {
width: 100%;
display: inline-block;
padding: 17px 30px;
background: #fff;
border-radius: 6px;
margin-top: 80px;
margin-bottom: 4px;
}
.footer-features .feature-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-right: 2px solid #F7F7F7;
}
.footer-features .feature-item.last-child {
border: none;
}
.footer-features .feature-item .icon {
max-width: 35px;
margin-right: 15px;
}
.footer-features .feature-item .content .title {
font-size: 18px;
line-height: 24px;
}
.footer-features .feature-item .content p {
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #777777;
}
@media (max-width: 1200px) {
.footer-features .feature-item {
margin-bottom: 25px;
border: none;
}
.footer-features .feature-item.last-child {
margin-bottom: 0;
}
}
.footer-3 {
position: relative;
padding-top: 80px;
padding-bottom: 0;
}
.footer-3 .mr--17 {
margin-right: 17px;
}
.footer-3 .footer-inner {
padding-top: 0;
padding-bottom: 0;
margin-bottom: -76px;
}
.footer-3 .box-widget-col {
margin-right: 40px;
}
.footer-3 .footer-box-widget {
background: #fff;
padding: 20px 40px;
padding-top: 50px;
border-radius: 6px;
overflow: hidden;
}
.footer-3 .footer-box-widget .footer-logo {
margin-bottom: 15px;
}
.footer-3 .footer-box-widget p {
font-size: 14px;
padding-bottom: 25px;
margin-bottom: 30px;
border-bottom: 1px solid #E7E7E7;
}
.footer-3 .footer-box-widget .quick-contact {
margin-bottom: 0;
}
.footer-3 .footer-box-widget .social-links-footer2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 250px;
}
.footer-3 .footer-box-widget .social-links-footer2 .platform {
position: relative;
bottom: -32px;
width: 50px;
height: 60px;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 17px;
-webkit-transition: bottom 500ms;
transition: bottom 500ms;
}
.footer-3 .footer-box-widget .social-links-footer2 .platform.fb {
background: #e7f1fe;
}
.footer-3 .footer-box-widget .social-links-footer2 .platform.fb i {
color: #1877f2;
}
.footer-3 .footer-box-widget .social-links-footer2 .platform.yt {
background: #e8f5fe;
}
.footer-3 .footer-box-widget .social-links-footer2 .platform.yt i {
color: #cd201f;
}
.footer-3 .footer-box-widget .social-links-footer2 .platform.ttr {
background: #e8f5fe;
}
.footer-3 .footer-box-widget .social-links-footer2 .platform.ttr i {
color: #1da1f2;
}
.footer-3 .footer-box-widget .social-links-footer2 .platform.lkd {
background: #e6eff9;
}
.footer-3 .footer-box-widget .social-links-footer2 .platform.lkd i {
color: #0a66c2;
}
.footer-3 .footer-box-widget .social-links-footer2 .platform:hover {
bottom: -22px;
background: var(--theme-color);
}
.footer-3 .footer-box-widget .social-links-footer2 .platform:hover i {
color: #fff;
}
.footer-3 .widget-text {
font-size: 18px;
line-height: 30px;
}
.footer-3 .widget-list-item {
padding-left: 0;
}
.footer-3 .getin-touch {
font-size: 14px;
color: var(--theme-color);
}
.footer-3 .getin-touch i {
margin-left: 5px;
}
.footer-3 .getin-touch:hover {
color: var(--theme-color);
}
.footer-3 .getin-touch:hover i {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.footer-3 .newsletter-widget .widget-text {
font-size: 14px;
margin-bottom: 10px;
}
.footer-3 .newsletter-widget .input-div {
margin-bottom: 10px;
}
.footer-3 .newsletter-widget input {
width: 100%;
padding: 10px 30px;
border-radius: 5px;
}
.footer-3 .newsletter-widget input::-webkit-input-placeholder {
font-size: 14px;
}
.footer-3 .newsletter-widget .subscribe-btn {
padding: 10px 30px;
color: #fff;
background: #985034;
font-size: 14px;
border-radius: 6px;
-webkit-transition: background 500ms;
transition: background 500ms;
}
.footer-3 .newsletter-widget .subscribe-btn:hover {
background: #040404;
}
.footer-3 .newsletter-widget .subscribe-btn i {
margin-left: 5px;
}
.footer-3 .footer-bottombar {
position: relative;
left: 28%;
bottom: 81px;
background: #fff;
padding: 20px 40px;
border-radius: 6px;
padding-right: 35px;
width: 72%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-3 .footer-bottombar .download-text {
margin-right: 15px;
}
.footer-3 .footer-bottombar .download-store {
margin-right: 5px;
}
@media (max-width: 1360px) {
.footer-3 .footer-bottombar {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-3 .footer-bottombar .app-download {
margin-bottom: 30px;
}
}
@media (max-width: 1200px) {
.footer-3 .footer-bottombar {
display: none;
}
}
.footer-3 .footer-bottom-area .footer-bottom-inner {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 1200px) {
.footer-3 .footer-inner {
margin-bottom: 0;
}
.footer-3 .box-widget-col {
margin-right: 0;
}
.footer-3 .footer-box-widget {
margin-bottom: 40px;
}
}
@media (max-width: 1200px) {
.footer-3 .footer-bottom-area .copyright {
margin-bottom: 0;
}
}
.footer-4 {
background: #031424;
}
.footer-4 .footer-inner {
margin-bottom: -68px;
}
.footer-4 .footer-box-widget {
background: #06192a;
}
.footer-4 .footer-box-widget p {
color: #82919f;
border-bottom: 1px solid #11283d;
}
.footer-4 .footer-box-widget .social-links-footer2 li .platform {
background: #102232 !important;
}
.footer-4 .footer-box-widget .social-links-footer2 li .platform:hover {
}
.footer-4 .footer-box-widget .social-links-footer2 li .platform:hover i {
}
.footer-4 .widget-text {
color: #82919f;
}
.footer-4 .getin-touch {
color: #fff;
}
.footer-4 .widget-list-item a {
color: #82919f;
}
.footer-4 .newsletter-widget input {
background: #06192a;
}
.footer-4 .newsletter-widget input::-webkit-input-placeholder {
color: #395269;
}
.footer-4 .newsletter-widget .subscribe-btn {
background: var(--theme-color);
color: #031424;
border: 1px solid transparent;
}
.footer-4 .newsletter-widget .subscribe-btn:hover {
background: #031424;
color: #fff;
border: 1px solid var(--theme-color);
}
.footer-4 .footer-bottombar {
background: var(--theme-color);
}
.footer-4 .footer-bottombar .payment-methods img {
-webkit-filter: brightness(0);
filter: brightness(0);
}
.footer-4 .footer-bottom-area {
background: transparent;
}
@media (max-width: 1200px) {
.footer-4 .footer-inner {
margin-bottom: 0;
}
}
.footer-5 {
background: #f5f5f5;
}
.footer-5 .footer-features {
margin-top: 0;
margin-bottom: 60px;
}
.footer-5 .footer-box-widget {
background: none;
padding: 0;
padding-bottom: 80px;
}
.footer-5 .quick-contact {
margin-bottom: 20px !important;
}
.footer-5 .social-links-footer2.social-links-footer3 {
position: relative;
}
.footer-5 .social-links-footer2.social-links-footer3 .platform {
bottom: -20px;
height: 50px;
border-radius: 50%;
}
.footer-5 .social-links-footer2.social-links-footer3 .platform:hover {
-webkit-transform: scale(105%);
transform: scale(105%);
bottom: -20px;
}
.footer-5 .newsletter-widget input {
background: rgb(245, 245, 245);
}
.footer-5 .newsletter-widget .subscribe-btn {
background: #d51243;
}
.footer-5 .footer-bottombar {
border-top: 1px solid #e3e3e3;
border-radius: 0;
bottom: 112px;
}
.inner-page-footer .social-links-footer .platform:hover {
color: #fff;
}
.inner-page-footer .quick-contact .contact-item .info:hover {
color: #B79B6C;
}
.inner-page-footer .footer-bottom-area {
background: rgb(9, 9, 9);
}
/**------------------------------------------------------------------
* Footer End Here
*/
.news-feed-area {
padding: 100px 0;
}
.news-feed-area .news-left .feed-item2 {
position: relative;
overflow: hidden;
margin-bottom: 40px;
}
.news-feed-area .news-left .feed-item2:hover .feed-image img {
-webkit-transform: scale(110%);
transform: scale(110%);
}
.news-feed-area .news-left .feed-item2:hover .feed-title a {
text-decoration: underline;
color: #EE403D;
}
.news-feed-area .news-left .feed-item2::before {
content: "";
position: absolute;
top: 13%;
right: -15px;
width: 1px;
height: 70%;
background: #E8E8E8;
}
.news-feed-area .news-left .feed-item2.last-child::before {
display: none;
}
@media (max-width: 1200px) {
.news-feed-area .news-left .feed-item2 {
margin-bottom: 30px;
}
.news-feed-area .news-left .feed-item2.last-child {
margin-bottom: 0;
}
}
@media (max-width: 768px) {
.news-feed-area .news-left .feed-item2::before {
display: none;
}
}
.news-feed-area .news-left .feed-item2 .feed-image {
overflow: hidden;
width: 100%;
}
.news-feed-area .news-left .feed-item2 .feed-image img {
width: 100%;
}
.news-feed-area .news-left .feed-item2 .feed-content {
position: relative;
padding-top: 40px;
}
.news-feed-area .news-left .feed-item2 .feed-content .feed-catagory {
background: #EE403D;
position: absolute;
color: #ffffff !important;
font-size: 14px;
font-weight: 700;
line-height: 1;
padding: 8px 19px;
display: inline-block;
margin-bottom: 10px;
top: -25px;
left: 10px;
}
.news-feed-area .news-left .feed-item2 .feed-content .author {
background-color: #ffffff;
color: #777777;
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
position: absolute;
right: 10px;
top: -35px;
display: inline-block;
z-index: 11;
padding: 10px 10px 10px 10px;
border-radius: 6px;
font-weight: 700;
}
.news-feed-area .news-left .feed-item2 .feed-content .author img {
width: 35px;
}
.news-feed-area .news-left .feed-item2 .feed-content .feed-image {
margin-bottom: 30px;
overflow: hidden;
display: block;
}
.news-feed-area .news-left .feed-item2 .feed-content .feed-image img {
width: 100%;
}
.news-feed-area .news-left .feed-item2 .feed-content .feed-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
padding-top: 20px;
border-top: 1px solid #e7e7e7;
}
.news-feed-area .news-left .feed-item2 .feed-content .feed-date {
font-weight: 400;
font-size: 15px;
line-height: 20px;
color: #777777;
margin-right: 20px;
}
.news-feed-area .news-left .feed-item2 .feed-content .feed-date i {
margin-right: 4px;
color: #083d59;
}
.news-feed-area .news-left .feed-item2 .feed-content .comments {
color: #777777;
font-weight: 400;
font-size: 15px;
}
.news-feed-area .news-left .feed-item2 .feed-content .comments i {
margin-right: 8px;
color: #083d59;
}
.news-feed-area .news-left .feed-item2 .feed-content .feed-bar {
color: #777777;
font-weight: 400;
font-size: 14px;
margin-right: 20px;
}
.news-feed-area .news-left .feed-item2 .feed-content .feed-catagory {
font-size: 14px;
line-height: 20px;
color: #000;
}
.news-feed-area .news-left .feed-item2 .feed-content .feed-title {
font-size: 34px;
line-height: 40px;
margin-bottom: 20px;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.news-feed-area .news-left .feed-item2 .feed-content .feed-title a {
font-weight: 600;
}
.news-feed-area .news-left .feed-item2 .feed-content p {
color: #666666;
font-size: 17px;
margin-bottom: 22px;
}
.news-feed-area .news-left .feed-item2 .feed-content .read-more {
font-size: 14px;
line-height: 20px;
color: rgba(204, 204, 204, 0.8);
text-decoration: underline;
}
.news-feed-area .news-left .feed-item2 .feed-content .read-more:hover {
color: var(--theme-color);
}
.news-feed-area .news-right-widget .widget {
padding: 45px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border: 1px solid #e7e7e7;
margin: 0 0 40px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.news-feed-area .news-right-widget .widget {
padding: 40px 15px 30px 15px;
}
}
@media (max-width: 767px) {
.news-feed-area .news-right-widget .widget {
padding: 30px 15px 20px 15px;
}
}
.news-feed-area .news-right-widget .widget .widget-title-box {
position: relative;
z-index: 1;
}
.news-feed-area .news-right-widget .widget .widget-title-box::before {
content: "";
position: absolute;
background: #e7e7e7;
width: 100%;
height: 1px;
left: 0;
bottom: 0;
z-index: 1;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.news-feed-area .news-right-widget .widget .widget-sub-title {
color: #999999;
font-size: 14px;
font-weight: 400;
}
.news-feed-area .news-right-widget .widget .widget-sub-title2 {
font-size: 16px;
padding-bottom: 15px;
margin-bottom: 30px;
text-transform: uppercase;
}
.news-feed-area .news-right-widget .widget .widget-categories ul li a {
color: #999999;
font-size: 16px;
padding: 15px 0;
display: block;
line-height: 1;
font-weight: 700;
}
.news-feed-area .news-right-widget .widget .widget-categories ul li a:hover {
text-decoration: underline;
}
.news-feed-area .news-right-widget .widget .widget-subscribe .contact-form textarea {
height: 140px;
padding-top: 15px;
}
.news-feed-area .news-right-widget .widget .widget-subscribe .contact-form .form-btn {
width: 100%;
}
.news-feed-area .news-right-widget .widget .widget-post .blog-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 58px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.news-feed-area .news-right-widget .widget .widget-post .blog-post {
padding-right: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.news-feed-area .news-right-widget .widget .widget-post .blog-post {
padding-right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.news-feed-area .news-right-widget .widget .widget-post .blog-post {
padding-right: 0;
}
}
@media (max-width: 767px) {
.news-feed-area .news-right-widget .widget .widget-post .blog-post {
padding-right: 0;
}
}
.news-feed-area .news-right-widget .widget .widget-post .blog-post img {
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
}
.news-feed-area .news-right-widget .widget .widget-post .blog-post .post-content {
margin-left: 20px;
}
.news-feed-area .news-right-widget .widget .widget.widget-banner-add {
border: 0;
background: url(../img/services/banne-1.jpg) no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 370px;
padding: 0;
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.news-feed-area .news-right-widget .widget .widget.widget-banner-add::before {
content: "";
position: absolute;
background: rgb(8, 61, 88);
opacity: 0.902;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1;
}
.news-feed-area .news-right-widget .widget .widget.widget-banner-add .banner-logo {
display: block;
padding-bottom: 30px;
margin-bottom: 28px;
border-bottom: 1px solid rgba(255, 255, 255, 0.102);
}
.news-feed-area .news-right-widget .widget .widget.widget-banner-add p {
color: #adbbc2;
}
.news-feed-area .news-right-widget .widget .widget.widget-banner-add .theme_btn {
padding-left: 50px;
padding-right: 50px;
}
.news-feed-area .news-right-widget .widget .widget-author-content h5 {
margin-bottom: 14px;
margin-top: 22px;
}
.news-feed-area .news-right-widget .widget .widget-author-content p {
margin-bottom: 25px;
}
.news-feed-area .news-right-widget .widget .widget-author-content .author__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.news-feed-area .news-right-widget .widget .widget-author-content .author__social a {
color: #d4d4d4;
width: 30px;
aspect-ratio: 1;
display: -ms-grid;
display: grid;
place-items: center;
border-radius: 50%;
font-size: 14px;
line-height: 1;
margin: 0 5px;
}
.news-feed-area .news-right-widget .widget .widget-author-content .author__social a.fb {
background: #1877f2;
}
.news-feed-area .news-right-widget .widget .widget-author-content .author__social a.ttr {
background: #1da1f2;
}
.news-feed-area .news-right-widget .widget .widget-author-content .author__social a.lkdin {
background: #1877f2;
}
.news-feed-area .news-right-widget .widget .widget-author-content .author__social a.ggl {
background: #cd201f;
}
.news-feed-area .news-right-widget .widget .widget-author-content .author__social a:hover {
color: var(--theme-color);
}
.news-feed-area .news-right-widget .widget.widget-search {
padding-bottom: 45px;
}
.news-feed-area .news-right-widget .widget.widget-search .subscribe-form {
position: relative;
z-index: 1;
}
.news-feed-area .news-right-widget .widget.widget-search .subscribe-form input {
color: #999999;
height: 60px;
width: 100%;
padding-left: 22px;
background: rgba(231, 231, 231, 0.2392156863);
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
}
.news-feed-area .news-right-widget .widget.widget-search .subscribe-form input::-webkit-input-placeholder {
color: #999999;
}
.news-feed-area .news-right-widget .widget.widget-search .subscribe-form input::-moz-placeholder {
color: #999999;
}
.news-feed-area .news-right-widget .widget.widget-search .subscribe-form input:-ms-input-placeholder {
color: #999999;
}
.news-feed-area .news-right-widget .widget.widget-search .subscribe-form input::-ms-input-placeholder {
color: #999999;
}
.news-feed-area .news-right-widget .widget.widget-search .subscribe-form input::placeholder {
color: #999999;
}
.news-feed-area .news-right-widget .widget.widget-search .subscribe-form input::-moz-placeholder {
color: #999999;
}
.news-feed-area .news-right-widget .widget.widget-search .subscribe-form input::-webkit-placeholder {
color: #999999;
}
.news-feed-area .news-right-widget .widget.widget-search .subscribe-form input::-o-placeholder {
color: #999999;
}
.news-feed-area .news-right-widget .widget.widget-search .subscribe-form .widget-btn {
border: 0;
background: #EE403D;
width: 60px;
padding: 18px 0;
position: absolute;
right: 0;
top: 0;
border-radius: 0 6px 6px 0;
-webkit-border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
-ms-border-radius: 0 6px 6px 0;
-o-border-radius: 0 6px 6px 0;
z-index: 1;
}
.news-feed-area .news-right-widget .widget.widget-search .subscribe-form .widget-btn i {
font-size: 14px;
color: #fff;
}
.news-feed-area .news-right-widget .widget.widget-post {
padding-bottom: 50px;
}
.news-feed-area .news-right-widget .widget.widget-post .post-list {
padding: 0;
margin: 0;
}
.news-feed-area .news-right-widget .widget.widget-post .post-list li {
border-bottom: 1px solid rgb(231, 231, 231);
margin-bottom: 30px;
}
.news-feed-area .news-right-widget .widget.widget-post .post-list li:last-child {
border-bottom: 0;
margin-bottom: 10px;
}
.news-feed-area .news-right-widget .widget.widget-post .post-list li .blog-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
padding: 0 0 30px 0;
}
.news-feed-area .news-right-widget .widget.widget-post .post-list li .blog-post:hover h6 a {
text-decoration: underline;
color: #EE403D;
}
.news-feed-area .news-right-widget .widget.widget-post .post-list li .blog-post:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.news-feed-area .news-right-widget .widget.widget-post .post-list li .blog-post .post-content {
padding-left: 20px;
}
.news-feed-area .news-right-widget .widget.widget-post .post-list li .blog-post .post-content h6 {
font-size: 16px;
padding-bottom: 10px;
line-height: 1;
}
.news-feed-area .news-right-widget .widget.widget-post .post-list li .blog-post .post-content span {
font-size: 12px;
color: #777777;
font-weight: 300;
}
.news-feed-area .news-right-widget .widget.widget-categories-list {
padding-bottom: 50px;
}
.news-feed-area .news-right-widget .widget.widget-categories-list ul li:hover a span {
background: #EE403D;
color: #fff;
}
.news-feed-area .news-right-widget .widget.widget-categories-list ul li a {
background: #f8f8f8;
color: #666666;
font-weight: 400;
width: 100%;
display: block;
padding: 14px 0px 14px 30px;
margin-bottom: 10px;
font-size: 16px;
position: relative;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
}
.news-feed-area .news-right-widget .widget.widget-categories-list ul li a span {
font-size: 14px;
font-weight: 700;
background: #EE403D;
color: #fff;
padding: 15px 16px;
position: absolute;
right: 0;
top: 0;
border-radius: 0 6px 6px 0;
-webkit-border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
-ms-border-radius: 0 6px 6px 0;
-o-border-radius: 0 6px 6px 0;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.news-feed-area .news-right-widget .widget .tag-list a {
color: #040404;
font-size: 12px;
font-weight: 600;
background: #f4f4f4;
display: inline-block;
padding: 12px 20px;
margin: 5px 5px;
line-height: 1;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
border-radius: 5px;
}
.news-feed-area .news-right-widget .widget .tag-list a:hover {
color: #fff;
background: #EE403D;
}
.news-feed-area .news-right-widget .widget .widget-add .banner-content img {
width: 100%;
}
.news-feed-area .page-navigation {
margin-top: 10px;
}
.news-feed-area .page-navigation .pagination {
margin-bottom: 60px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 400px) {
.news-feed-area .page-navigation .pagination {
margin-bottom: 40px;
}
}
.news-feed-area .page-navigation .pagination .page-item {
background: #fff;
font-size: 14px;
text-decoration: none;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-align: center;
color: #fff;
display: inline-block;
vertical-align: top;
font-weight: 700;
width: 55px;
height: 50px;
line-height: 40px;
margin-right: 7px;
}
.news-feed-area .page-navigation .pagination .page-item.active {
border: none;
}
.news-feed-area .page-navigation .pagination .page-item.active > a {
color: #fff;
background-color: #EE403D;
border: none;
}
.news-feed-area .page-navigation .pagination .page-item a {
position: relative;
display: block;
color: #777777;
text-decoration: none;
background-color: #fff;
border: 1px solid #eee;
-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
border-radius: 0;
}
.news-feed-area .page-navigation .pagination .page-item a:hover {
background-color: #EE403D;
color: #fff;
}
.news-feed-area .page-navigation .pagination .page-item1 {
background: #fff;
font-size: 14px;
text-decoration: none;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-align: center;
color: #fff;
display: inline-block;
vertical-align: top;
font-weight: 700;
width: 55px;
height: 50px;
line-height: 40px;
margin-right: 8px;
}
@media (max-width: 450px) {
.news-feed-area .page-navigation .pagination .page-item1 {
display: none;
}
}
.news-feed-area .page-navigation .pagination .page-item1 a {
position: relative;
display: block;
color: #777777;
text-decoration: none;
background-color: #fff;
border: 1px solid #eee;
-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
border-radius: 0;
}
.news-feed-area .page-navigation .pagination .page-item1 a:hover {
background-color: #EE403D;
color: #fff;
}
.news-left2 .news-top .icon-text {
margin-bottom: 20px;
}
@media (max-width: 450px) {
.news-left2 .news-top .icon-text .viewers {
display: block;
}
}
.news-left2 .news-top .icon-text .viewers a {
color: #666666;
font-size: 14px;
font-weight: 300;
padding-right: 25px;
line-height: 0;
border-right: 2px solid #d4d4d4;
}
@media (max-width: 500px) {
.news-left2 .news-top .icon-text .viewers a {
padding: 0 10px;
}
}
@media (max-width: 450px) {
.news-left2 .news-top .icon-text .viewers a {
border: none;
padding-bottom: 10px;
}
}
.news-left2 .news-top .icon-text .viewers a i {
padding-right: 5px;
}
@media (max-width: 450px) {
.news-left2 .news-top .icon-text .comment {
display: block;
}
}
.news-left2 .news-top .icon-text .comment a {
font-size: 14px;
color: #666666;
font-weight: 300;
line-height: 0;
padding: 0 25px;
border-right: 2px solid #d4d4d4;
}
@media (max-width: 500px) {
.news-left2 .news-top .icon-text .comment a {
padding: 0 10px;
}
}
@media (max-width: 450px) {
.news-left2 .news-top .icon-text .comment a {
border: none;
padding-bottom: 10px;
}
}
.news-left2 .news-top .icon-text .comment a i {
padding-right: 5px;
}
@media (max-width: 450px) {
.news-left2 .news-top .icon-text .date {
display: block;
}
}
.news-left2 .news-top .icon-text .date a {
font-size: 14px;
color: #666666;
font-weight: 300;
padding-left: 25px;
}
@media (max-width: 500px) {
.news-left2 .news-top .icon-text .date a {
padding: 0 10px;
}
}
.news-left2 .news-top .icon-text .date a i {
padding-right: 5px;
}
.news-left2 .news-top .description {
color: #666666;
font-size: 16px;
line-height: 28px;
margin-top: 30px;
}
.news-left2 .news-top .image-section {
margin: 60px 0;
}
@media (max-width: 991px) {
.news-left2 .news-top .image-section .image-1 {
margin-bottom: 20px;
}
}
.news-left2 .news-top .image-section img {
border-radius: 5px;
}
.news-left2 .feature-section {
padding-top: 60px;
}
.news-left2 .feature-section .section-title {
font-size: 18px;
font-weight: 500;
}
.news-left2 .feature-section .title-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 768px) {
.news-left2 .feature-section .title-inner {
display: block;
}
}
.news-left2 .feature-section .title-inner .sect-title {
width: 50%;
padding: 0 25px;
margin-bottom: 35px;
position: relative;
}
@media (max-width: 768px) {
.news-left2 .feature-section .title-inner .sect-title {
width: 100%;
}
}
.news-left2 .feature-section .title-inner .sect-title::before {
content: "";
position: absolute;
background: #000;
width: 25px;
height: 1px;
left: 0;
top: 12px;
z-index: 1;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.news-left2 .feature-section .title-inner .sect-title h3 {
color: #666666;
font-size: 16px;
line-height: 28px;
font-weight: 400;
margin-left: 10px;
}
.news-left2 .quote-section {
margin: 20px 0 40px 0;
background-color: #000;
border-radius: 7px;
padding: 55px 100px;
}
@media (max-width: 450px) {
.news-left2 .quote-section {
padding: 40px 20px;
}
}
.news-left2 .quote-section .icon {
padding-bottom: 35px;
}
.news-left2 .quote-section .text h3 {
color: #fff;
font-size: 22px;
font-weight: 200;
line-height: 32px;
padding-bottom: 20px;
}
@media (max-width: 450px) {
.news-left2 .quote-section .text h3 {
font-size: 16px;
}
}
.news-left2 .quote-section .author2 .name {
color: #fff;
font-size: 14px;
font-weight: 300;
}
.news-left2 .quote-section .author2 .intro {
color: #fff;
font-size: 14px;
font-weight: 300;
}
.news-left2 .description2 {
padding: 10px 0 30px 0;
color: #666666;
font-size: 16px;
line-height: 28px;
}
.news-left2 .button-area {
padding-top: 30px;
}
.news-left2 .button-area .tag-area {
margin-bottom: 20px;
}
.news-left2 .button-area .tag-area h3 {
font-size: 20px;
}
.news-left2 .button-area .tag-area .button-tag ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.news-left2 .button-area .tag-area .button-tag ul li {
margin: 20px 5px 20px 0;
padding: 5px 15px;
font-size: 12px;
border: 1px solid #f4f4f4;
border-radius: 8px;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.news-left2 .button-area .tag-area .button-tag ul li:hover {
background-color: #EE403D;
}
.news-left2 .button-area .tag-area .button-tag ul li:hover a {
color: #fff;
}
.news-left2 .button-area .tag-area .button-tag ul li a {
color: #666666;
}
.news-left2 .button-area .social-area .social-title h3 {
font-size: 20px;
}
.news-left2 .button-area .social-area .social-icon ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
@media (max-width: 576px) {
.news-left2 .button-area .social-area .social-icon ul {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
.news-left2 .button-area .social-area .social-icon ul li {
padding: 0 10px 0 10px;
margin: 20px 0 0 7px;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.news-left2 .button-area .social-area .social-icon ul li:hover a {
color: #EE403D;
}
.news-left2 .button-area .social-area .social-icon ul li a {
color: #666666;
}
.news-left2 .button-area .post-area {
margin-top: 40px;
padding: 40px 0;
border-top: 2px solid #f4f4f4;
}
.news-left2 .button-area .post-area .previous-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 576px) {
.news-left2 .button-area .post-area .previous-post {
margin-bottom: 30px;
}
}
.news-left2 .button-area .post-area .previous-post .post-text {
padding-left: 15px;
}
.news-left2 .button-area .post-area .previous-post .post-text .sub-title {
font-size: 14px;
color: #999999;
padding-bottom: 10px;
font-weight: 300;
}
.news-left2 .button-area .post-area .previous-post .post-text .sect-title {
font-size: 20px;
color: #000;
}
@media (max-width: 768px) {
.news-left2 .button-area .post-area .previous-post .post-text .sect-title {
font-size: 16px;
}
}
@media (max-width: 576px) {
.news-left2 .button-area .post-area .icon-area {
margin-bottom: 30px;
}
}
.news-left2 .button-area .post-area .next-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
@media (max-width: 576px) {
.news-left2 .button-area .post-area .next-post {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
}
}
.news-left2 .button-area .post-area .next-post .post-text {
padding-right: 15px;
}
.news-left2 .button-area .post-area .next-post .post-text .sub-title {
font-size: 14px;
color: #999999;
padding-bottom: 10px;
font-weight: 300;
}
.news-left2 .button-area .post-area .next-post .post-text .sect-title {
font-size: 20px;
color: #000;
}
@media (max-width: 768px) {
.news-left2 .button-area .post-area .next-post .post-text .sect-title {
font-size: 16px;
}
}
.news-left2 .button-area .comment-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 60px 0 20px 0;
border-top: 2px solid #f4f4f4;
}
.news-left2 .button-area .comment-header .comment {
font-size: 20px;
}
.news-left2 .button-area .comment-header .icon a {
color: #999999;
font-size: 20px;
}
.news-left2 .button-area .comment-section .comment-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: self-start;
-ms-flex-align: self-start;
align-items: self-start;
padding: 40px 0;
border-top: 2px solid #f4f4f4;
}
.news-left2 .button-area .comment-section .comment-text .commentator a {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.news-left2 .button-area .comment-section .comment-text .commentator a img {
width: 100%;
}
.news-left2 .button-area .comment-section .comment-text .text {
padding-left: 30px;
}
.news-left2 .button-area .comment-section .comment-text .text .section-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
margin: 0;
}
.news-left2 .button-area .comment-section .comment-text .text .section-title .title .sub-title {
font-size: 16px;
color: #000;
}
.news-left2 .button-area .comment-section .comment-text .text .section-title .title .sect-title {
line-height: 25px;
}
.news-left2 .button-area .comment-section .comment-text .text .section-title .title .sect-title a {
font-size: 14px;
color: #666666;
font-weight: 400;
padding-bottom: 17px;
}
.news-left2 .button-area .comment-section .comment-text .text .section-title .button {
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.news-left2 .button-area .comment-section .comment-text .text .section-title .button:hover a {
background-color: #EE403D;
color: #fff;
}
.news-left2 .button-area .comment-section .comment-text .text .section-title .button a {
font-size: 14px;
color: #666666;
border: 1px solid #f4f4f4;
padding: 0 15px;
border-radius: 5px;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.news-left2 .button-area .comment-section .comment-text .text .description {
font-size: 16px;
color: #999999;
font-weight: 400;
}
.news-left2 .button-area .rating-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px 15px 15px 0;
border-bottom: 1px solid #f4f4f4;
}
.news-left2 .button-area .rating-area .rating-text h2 {
font-size: 20px;
color: #000;
}
@media (max-width: 450px) {
.news-left2 .button-area .rating-area .rating-text h2 {
font-size: 16px;
}
}
@media (max-width: 450px) {
.news-left2 .button-area .rating-area .rating-icon {
font-size: 16px;
}
}
.news-left2 .button-area .rating-area .rating-icon .one a {
color: #EE403D;
}
.news-left2 .button-area .rating-area .rating-icon .two a {
color: #EE403D;
}
.news-left2 .button-area .rating-area .rating-icon .three a {
color: #EE403D;
}
.news-left2 .button-area .comment-form .post-title {
font-size: 26px;
margin-bottom: 35px;
padding-top: 30px;
}
@media (max-width: 450px) {
.news-left2 .button-area .comment-form .post-title {
font-size: 20px;
}
}
.news-left2 .button-area .comment-form .contact-form {
padding: 50px 40px 35px 0;
}
.news-left2 .button-area .comment-form .contact-form .input-box {
position: relative;
z-index: 1;
margin-bottom: 25px;
}
.news-left2 .button-area .comment-form .contact-form .input-box.text-input::before {
content: "\f303";
}
.news-left2 .button-area .comment-form .contact-form .input-box.mail-input::before {
content: "\f0e0";
}
.news-left2 .button-area .comment-form .contact-form .input-box.sub-input::before {
content: "\f0ac";
}
.news-left2 .button-area .comment-form .contact-form .input-box::before {
content: "\f007";
left: auto;
right: 30px;
font-size: 14px;
font-family: "Font awesome 5 Pro";
position: absolute;
font-size: 16px;
color: #EE403D;
top: 17px;
z-index: 2;
}
.news-left2 .button-area .comment-form .contact-form .input-box textarea {
border: 2px solid #f4f4f4;
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 30px;
color: #000;
font-size: 14px;
background-color: #ffffff;
width: 100%;
height: 315px;
border-radius: 7px;
padding-top: 16px;
resize: none;
position: relative;
z-index: 1;
}
.news-left2 .button-area .comment-form .contact-form .input-box textarea:focus {
outline: 1px solid #EE403D;
}
.news-left2 .button-area .comment-form .contact-form .input-box input {
border: 2px solid #f4f4f4;
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 30px;
height: 60px;
border-radius: 7px;
color: #000;
font-size: 14px;
background-color: #ffffff;
position: relative;
width: 100%;
z-index: 1;
}
.news-left2 .button-area .comment-form .contact-form .input-box input:focus {
outline: 1px solid #EE403D !important;
}
.news-left2 .button-area .comment-form .contact-form .form-btn {
background: #EE403D;
color: #ffffff;
font-size: 16px;
font-weight: 700;
line-height: 1;
text-align: left;
width: 100%;
padding: 21px 40px;
border: 0;
border-radius: 7px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.about-us-area {
padding: 100px 0 70px 0;
}
@media (max-width: 991px) {
.about-us-area {
padding: 100px 0 35px 0;
}
}
.about-us-area .container .image-section {
position: relative;
padding: 0 10px 80px 10px;
}
@media (max-width: 991px) {
.about-us-area .container .image-section {
padding: 0 10px 50px 10px;
}
}
@media (max-width: 991px) {
.about-us-area .container .image-section .image-1 {
margin-bottom: 20px;
}
}
.about-us-area .container .image-section img {
border-radius: 5px;
}
@media (max-width: 991px) {
.about-us-area .container .image-section img {
width: 100%;
}
}
.about-us-area .container .image-section .section-title {
margin-bottom: 0;
}
.about-us-area .container .image-section .section-title .title-inner {
position: absolute;
text-align: center;
background-color: #fff;
margin: 0 auto;
width: 37%;
padding: 50px;
top: 29%;
left: 32%;
border-radius: 5px;
}
@media (max-width: 991px) and (min-width: 768px) {
.about-us-area .container .image-section .section-title .title-inner {
width: 45%;
top: 43%;
left: 28%;
}
}
@media (max-width: 768px) {
.about-us-area .container .image-section .section-title .title-inner {
width: 40%;
padding: 25px 30px;
top: 43%;
}
}
@media (max-width: 576px) {
.about-us-area .container .image-section .section-title .title-inner {
display: none;
}
}
.about-us-area .container .image-section .section-title .title-inner .sub-content {
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
display: inline-block;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
background: #fff;
border-radius: 50px;
}
.about-us-area .container .image-section .section-title .title-inner .sub-content .sub-text {
color: #000;
font-size: 14px;
font-weight: 400;
margin-top: 0;
position: relative;
display: unset;
padding: 0 10px;
}
.about-us-area .container .image-section .section-title .title-inner .title {
font-size: 40px;
font-weight: bold;
text-transform: uppercase;
color: #000000;
}
.about-us-area .container .section-text .description {
font-size: 16px;
color: #666666;
font-weight: 400;
line-height: 28px;
}
@media (max-width: 991px) {
.about-us-area .container .section-text .description {
padding-bottom: 20px;
}
}
@media (max-width: 991px) {
.about-us-area .container .section-text .service-list {
padding-top: 10px;
}
}
.about-us-area .container .section-text .service-list ul {
position: relative;
padding-left: 50px;
z-index: 2;
}
@media (max-width: 991px) {
.about-us-area .container .section-text .service-list ul {
padding-left: 0;
}
}
.about-us-area .container .section-text .service-list ul li {
padding: 0 60px 30px 60px;
position: relative;
}
@media (max-width: 991px) {
.about-us-area .container .section-text .service-list ul li {
padding: 0 60px 30px 25px;
}
}
.about-us-area .container .section-text .service-list ul li:hover a {
text-decoration: underline;
}
.about-us-area .container .section-text .service-list ul li::before {
content: "\f00c";
left: 25px;
right: auto;
font-family: "Font awesome 5 Pro";
position: absolute;
font-size: 20px;
font-weight: 300;
color: #999999;
top: 0;
z-index: 2;
}
@media (max-width: 991px) {
.about-us-area .container .section-text .service-list ul li::before {
left: 0;
}
}
.about-us-area .container .section-text .service-list ul li a {
font-size: 18px;
font-weight: 500;
}
.team-area {
overflow: hidden;
background-color: #f6f6f6;
padding: 100px 0 50px 0;
}
@media (max-width: 991px) {
.team-area {
padding: 60px 0 35px 0;
}
}
.team-area .container .sub-content {
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
display: inline-block;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
background: #fff;
border-radius: 50px;
}
.team-area .container .sub-content .sub-text {
color: #000;
font-size: 14px;
font-weight: 400;
margin-top: 0;
position: relative;
display: unset;
padding: 0 10px;
}
.team-area .container .title {
font-size: 40px;
font-weight: bold;
text-transform: uppercase;
color: #000000;
margin-bottom: 40px;
}
.team-area .container .team-wraper {
position: relative;
margin-bottom: 35px;
width: 100%;
overflow: hidden;
}
.team-area .container .team-wraper:hover .team-content .footer__social {
visibility: visible;
opacity: 1;
margin-top: 30px;
height: 50px;
}
.team-area .container .team-wraper:hover .team-content .footer__social a {
display: inline-block;
-webkit-transform: scale(1);
opacity: 1;
}
.team-area .container .team-wraper .team-thumb {
position: relative;
z-index: 1;
}
.team-area .container .team-wraper .team-thumb::before {
content: "";
background-image: -webkit-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
opacity: 0.702;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.team-area .container .team-wraper .team-thumb a img {
width: 100%;
}
.team-area .container .team-wraper .team-content {
left: 50px;
position: absolute;
right: 60px;
bottom: 20px;
z-index: 1;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.team-area .container .team-wraper .team-content h3 a {
color: #ffffff;
font-size: 30px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.102);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
display: inline-block;
}
@media (max-width: 450px) {
.team-area .container .team-wraper .team-content h3 a {
font-size: 25px;
}
}
.team-area .container .team-wraper .team-content h6 {
color: #ffffff;
font-weight: 400;
margin: 15px 0 15px 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.team-area .container .team-wraper .team-content .footer__social {
visibility: hidden;
opacity: 0;
margin: 0;
height: 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.team-area .container .team-wraper .team-content .footer__social a {
padding: 0 3px;
color: #fff;
background-color: rgba(255, 255, 255, 0.102);
width: 45px;
height: 47px;
line-height: 50px;
-webkit-transform: scale(0);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-align: center;
margin-right: 8px;
transition: all 0.3s ease 0s;
}
@media (max-width: 991px) and (min-width: 900px) {
.team-area .container .team-wraper .team-content .footer__social a {
padding: 0;
width: 30px;
height: 45px;
margin-right: 2px;
}
}
.team-area .container .team-wraper .team-content .footer__social a:hover {
background-color: #EE403D;
color: #fff;
}
@media (max-width: 1200px) {
.team-area .container .slider-div {
min-width: unset;
}
.team-area .container .collection-item a {
width: 100%;
}
}
.features-area {
padding: 100px 0 160px 0;
}
@media (max-width: 991px) {
.features-area {
padding: 70px 0;
}
}
.features-area .container .features-1 {
margin-bottom: 100px;
}
@media (max-width: 991px) {
.features-area .container .features-1 {
margin-bottom: 50px;
}
}
@media (max-width: 991px) {
.features-area .container .features-1 .image-section {
margin-bottom: 30px;
}
}
.features-area .container .features-1 .image-section img {
border-radius: 5px;
}
.features-area .container .features-1 .section-content {
padding-left: 50px;
}
@media (max-width: 991px) {
.features-area .container .features-1 .section-content {
padding: 0;
}
}
.features-area .container .features-1 .section-content .sub-content {
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
display: inline-block;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
background: #fff;
border-radius: 50px;
}
.features-area .container .features-1 .section-content .sub-content .sub-text {
color: #000;
font-size: 14px;
font-weight: 400;
margin-top: 0;
position: relative;
display: unset;
padding: 0 10px;
}
.features-area .container .features-1 .section-content .title {
font-size: 40px;
font-weight: bold;
text-transform: uppercase;
color: #000000;
margin-bottom: 40px;
}
@media (max-width: 1400px) and (min-width: 1200px) {
.features-area .container .features-1 .section-content .title {
font-size: 34px;
}
}
@media (max-width: 1200px) and (min-width: 991px) {
.features-area .container .features-1 .section-content .title {
font-size: 22px;
margin-bottom: 0;
}
}
@media (max-width: 650px) {
.features-area .container .features-1 .section-content .title {
font-size: 34px;
margin-bottom: 20px;
}
}
@media (max-width: 576px) {
.features-area .container .features-1 .section-content .title {
font-size: 24px;
margin-bottom: 15px;
}
}
@media (max-width: 400px) {
.features-area .container .features-1 .section-content .title {
font-size: 20px;
margin-bottom: 10px;
}
}
.features-area .container .features-1 .section-content .description {
font-size: 18px;
color: #666666;
line-height: 32px;
padding-bottom: 35px;
}
@media (max-width: 1200px) and (min-width: 991px) {
.features-area .container .features-1 .section-content .description {
padding-bottom: 15px;
}
}
@media (max-width: 576px) {
.features-area .container .features-1 .section-content .description {
font-size: 16px;
line-height: 28px;
}
}
.features-area .container .features-1 .section-content .section-button {
width: 160px;
padding: 15px 29px;
border: 2px solid #f4f4f4;
border-radius: 5px;
-webkit-transition: background 500ms;
transition: background 500ms;
background: #EE403D;
}
.features-area .container .features-1 .section-content .section-button a {
color: #fff;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
font-family: "Jost" !important;
}
.features-area .container .features-1 .section-content .section-button:hover {
background-color: #000;
}
.features-area .container .features-1 .section-content .section-button:hover a {
color: #fff;
}
.features-area .container .features-2 .image-section img {
border-radius: 5px;
}
.features-area .container .features-2 .section-content {
padding-right: 50px;
}
.features-area .container .features-2 .section-content .sub-content {
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
display: inline-block;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
background: #fff;
border-radius: 50px;
}
.features-area .container .features-2 .section-content .sub-content .sub-text {
color: #000;
font-size: 14px;
font-weight: 400;
margin-top: 0;
position: relative;
display: unset;
padding: 0 10px;
}
.features-area .container .features-2 .section-content .title {
font-size: 40px;
font-weight: bold;
text-transform: uppercase;
color: #000000;
margin-bottom: 40px;
}
@media (max-width: 1400px) and (min-width: 1200px) {
.features-area .container .features-2 .section-content .title {
font-size: 34px;
}
}
@media (max-width: 1200px) and (min-width: 991px) {
.features-area .container .features-2 .section-content .title {
font-size: 22px;
margin-bottom: 0;
}
}
@media (max-width: 650px) {
.features-area .container .features-2 .section-content .title {
font-size: 34px;
margin-bottom: 20px;
}
}
@media (max-width: 576px) {
.features-area .container .features-2 .section-content .title {
font-size: 24px;
margin-bottom: 15px;
}
}
@media (max-width: 400px) {
.features-area .container .features-2 .section-content .title {
font-size: 20px;
margin-bottom: 10px;
}
}
.features-area .container .features-2 .section-content .description {
font-size: 18px;
color: #666666;
line-height: 32px;
padding-bottom: 35px;
}
@media (max-width: 1200px) and (min-width: 991px) {
.features-area .container .features-2 .section-content .description {
padding-bottom: 15px;
}
}
@media (max-width: 991px) {
.features-area .container .features-2 .section-content .description {
padding-bottom: 15px;
}
}
@media (max-width: 576px) {
.features-area .container .features-2 .section-content .description {
font-size: 16px;
line-height: 28px;
}
}
.features-area .container .features-2 .section-content .section-button {
width: 190px;
padding: 15px 29px;
border: 2px solid #f4f4f4;
border-radius: 5px;
-webkit-transition: background 500ms;
transition: background 500ms;
background: #EE403D;
}
@media (max-width: 991px) {
.features-area .container .features-2 .section-content .section-button {
margin-bottom: 30px;
}
}
.features-area .container .features-2 .section-content .section-button a {
color: #fff;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.features-area .container .features-2 .section-content .section-button:hover {
background-color: #000;
}
.features-area .container .features-2 .section-content .section-button:hover a {
color: #fff;
}
.contact-area {
padding: 100px 0 0 0;
}
.contact-area .container .contact-form {
padding-bottom: 100px;
}
.contact-area .container .contact-form .section-header .wrapper .sub-content {
-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
display: inline-block;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
background: #fff;
border-radius: 50px;
}
.contact-area .container .contact-form .section-header .wrapper .sub-content .sub-text {
color: #000;
font-size: 15px;
font-weight: 400;
margin-top: 0;
position: relative;
display: unset;
padding: 0 10px;
}
.contact-area .container .contact-form .section-header .wrapper .title {
font-size: 40px;
font-weight: 600;
text-transform: uppercase;
color: #000000;
}
.contact-area .container .contact-form .post-title {
font-size: 26px;
margin-bottom: 5px;
padding-top: 30px;
line-height: 1;
}
@media (max-width: 450px) {
.contact-area .container .contact-form .post-title {
font-size: 20px;
}
}
.contact-area .container .contact-form .sub-title {
font-size: 14px;
color: #666666;
font-weight: 300;
padding-bottom: 35px;
}
.contact-area .container .contact-form .info-form {
padding: 0;
}
.contact-area .container .contact-form .info-form .input-box {
position: relative;
z-index: 1;
margin-bottom: 30px;
}
@media (max-width: 576px) {
.contact-area .container .contact-form .info-form .input-box {
margin-bottom: 10px;
}
}
.contact-area .container .contact-form .info-form .input-box textarea {
border: 1px solid #DDDDDD;
border-radius: 6px;
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 25px;
color: #777777;
font-size: 14px;
background-color: #ffffff;
width: 100%;
height: 100%;
padding-top: 16px;
resize: none;
position: relative;
z-index: 1;
}
.contact-area .container .contact-form .info-form .input-box textarea::-webkit-input-placeholder {
font-size: 16px;
}
.contact-area .container .contact-form .info-form .input-box textarea::-moz-placeholder {
font-size: 16px;
}
.contact-area .container .contact-form .info-form .input-box textarea:-ms-input-placeholder {
font-size: 16px;
}
.contact-area .container .contact-form .info-form .input-box textarea::-ms-input-placeholder {
font-size: 16px;
}
.contact-area .container .contact-form .info-form .input-box textarea::placeholder {
font-size: 16px;
}
.contact-area .container .contact-form .info-form .input-box textarea:focus {
outline: 1px solid #EE403D;
}
.contact-area .container .contact-form .info-form .input-box input {
border: 1px solid #DDDDDD;
border-radius: 6px;
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 25px;
height: 55px;
color: #777777;
font-size: 14px;
background-color: #ffffff;
position: relative;
width: 100%;
z-index: 1;
}
.contact-area .container .contact-form .info-form .input-box input::-webkit-input-placeholder {
font-size: 16px;
}
.contact-area .container .contact-form .info-form .input-box input::-moz-placeholder {
font-size: 16px;
}
.contact-area .container .contact-form .info-form .input-box input:-ms-input-placeholder {
font-size: 16px;
}
.contact-area .container .contact-form .info-form .input-box input::-ms-input-placeholder {
font-size: 16px;
}
.contact-area .container .contact-form .info-form .input-box input::placeholder {
font-size: 16px;
}
.contact-area .container .contact-form .info-form .input-box input:focus {
outline: 1px solid #EE403D;
}
.contact-area .container .contact-form .info-form .form-btn {
background: #EE403D;
color: #ffffff;
border: 1px solid #EE403D;
font-size: 16px;
font-weight: 700;
line-height: 1;
padding: 21px 40px;
border-radius: 5px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.contact-area .container .contact-form .info-form .form-btn:hover {
background: none;
color: #EE403D;
}
.contact-area .container .contact-form .info-form .form-btn i {
margin-left: 10px;
}
.contact-area .container .right-side {
padding: 0 30px;
}
@media (max-width: 991px) {
.contact-area .container .right-side {
padding: 0;
}
}
.contact-area .container .right-side .get-in-touch {
background-color: #f9f9f9;
padding: 50px 25px 50px 50px;
border-radius: 5px;
}
@media (max-width: 1200px) {
.contact-area .container .right-side .get-in-touch {
padding: 50px 0 50px 25px;
}
}
@media (max-width: 576px) {
.contact-area .container .right-side .get-in-touch {
padding: 25px 0 25px 15px;
}
}
.contact-area .container .right-side .get-in-touch h3 {
font-size: 26px;
margin-bottom: 30px;
line-height: 1;
font-weight: 600;
}
.contact-area .container .right-side .get-in-touch .contact {
padding: 0 35px;
}
.contact-area .container .right-side .get-in-touch .contact ul li {
position: relative;
padding: 12px 0;
font-size: 16px;
color: #999999;
font-weight: 400;
cursor: pointer;
line-height: 26px;
}
.contact-area .container .right-side .get-in-touch .contact ul li a {
font-size: 16px;
color: #999999;
font-weight: 400;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
line-height: 26px;
}
.contact-area .container .right-side .get-in-touch .contact ul li.one::before {
content: "\f3c5";
left: -35px;
top: 12px;
color: #EE403D;
right: auto;
font-family: "Font awesome 5 Pro";
position: absolute;
font-size: 17px;
font-weight: 300;
z-index: 2;
}
.contact-area .container .right-side .get-in-touch .contact ul li.two::before {
content: "\f095";
left: -35px;
top: 11px;
color: #EE403D;
right: auto;
font-family: "Font awesome 5 Pro";
position: absolute;
font-size: 17px;
font-weight: 300;
z-index: 2;
}
.contact-area .container .right-side .get-in-touch .contact ul li.three::before {
content: "\f017";
left: -35px;
top: 11px;
color: #EE403D;
right: auto;
font-family: "Font awesome 5 Pro";
position: absolute;
font-size: 17px;
font-weight: 300;
z-index: 2;
}
.contact-area .container .right-side .section-button {
text-align: center;
}
@media (max-width: 991px) {
.contact-area .container .right-side .section-button {
margin-bottom: 50px;
}
}
.contact-area .container .right-side .section-button .btn-1 {
margin: 25px 0 10px 0;
border: 1px solid #DDDDDD;
border-radius: 5px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
@media (max-width: 400px) {
.contact-area .container .right-side .section-button .btn-1 {
font-size: 14px;
}
}
.contact-area .container .right-side .section-button .btn-1:hover {
background-color: #EE403D;
}
.contact-area .container .right-side .section-button .btn-1:hover a {
color: #fff;
}
.contact-area .container .right-side .section-button .btn-1 a {
padding: 15px 20px;
display: block;
}
.contact-area .container .right-side .section-button .btn-1 a i {
margin-left: 10px;
font-weight: 500;
}
.contact-area .container .right-side .section-button .btn-2 {
border: 1px solid #DDDDDD;
border-radius: 5px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
@media (max-width: 400px) {
.contact-area .container .right-side .section-button .btn-2 {
font-size: 14px;
}
}
.contact-area .container .right-side .section-button .btn-2:hover {
background-color: #EE403D;
}
.contact-area .container .right-side .section-button .btn-2:hover a {
color: #fff;
}
.contact-area .container .right-side .section-button .btn-2 a {
padding: 15px 20px;
display: block;
}
.contact-area .container .right-side .section-button .btn-2 a i {
margin-left: 10px;
font-weight: 500;
}
.contact-area .map {
margin-bottom: 160px;
}
.contact-area .map p iframe {
width: 100%;
height: 500px;
}
.thanks-area {
padding: 150px 0;
}
@media (max-width: 991px) {
.thanks-area {
padding: 100px 0;
}
}
@media (max-width: 576px) {
.thanks-area {
padding: 75px 0;
}
}
.thanks-area .container .section-inner {
text-align: center;
}
.thanks-area .container .section-inner .section-icon {
margin: 0 auto;
width: 90px;
height: 90px;
font-size: 30px;
padding: 24px 0;
border: 2px solid #ebe9e9;
text-align: center;
border-radius: 50%;
}
.thanks-area .container .section-inner .section-icon i {
margin: 0 auto;
font-size: 30px;
color: #99cc33;
}
.thanks-area .container .section-inner .section-title {
margin: 35px 0;
}
@media (max-width: 450px) {
.thanks-area .container .section-inner .section-title {
margin: 25px 0;
}
}
.thanks-area .container .section-inner .section-title .sub-title {
padding-bottom: 25px;
font-size: 48px;
font-weight: 700;
}
@media (max-width: 450px) {
.thanks-area .container .section-inner .section-title .sub-title {
font-size: 30px;
padding-bottom: 15px;
}
}
.thanks-area .container .section-inner .section-title .sect-title {
color: #666666;
font-size: 18px;
font-weight: 300;
line-height: 28px;
}
@media (max-width: 450px) {
.thanks-area .container .section-inner .section-title .sect-title {
font-size: 16px;
line-height: 28px;
}
}
.thanks-area .container .section-inner .section-button .btn-1 {
padding: 15px 30px;
margin: 0 0 25px 0;
border: 2px solid #f4f4f4;
border-radius: 8px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
background-color: #000;
color: #CBCBCB;
}
@media (max-width: 400px) {
.thanks-area .container .section-inner .section-button .btn-1 {
font-size: 14px;
}
}
.thanks-area .container .section-inner .section-button .btn-1:hover {
color: #fff;
}
.thanks-area .container .section-inner .section-button .btn-1:hover i {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
.thanks-area .container .section-inner .section-button .btn-1 i {
margin-right: 10px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.thanks-area .container .section-inner .section-button h3 {
color: #666666;
font-size: 14px;
font-weight: 300;
}
.thanks-area .container .section-inner .section-button h3 .btn-2 {
font-size: 14px;
font-weight: 700;
text-decoration: underline;
-webkit-text-decoration-color: #999999;
text-decoration-color: #999999;
text-decoration-thickness: 2px;
}
.thanks-area .container .section-inner .section-button h3 .btn-2:hover {
color: #000;
}
.login-area {
padding: 80px 0 140px 0;
}
@media (max-width: 450px) {
.login-area {
padding: 50px 0;
}
}
.login-area .container .login-form {
margin-right: 20px;
}
.login-area .container .login-form .section-title {
margin-bottom: 40px;
}
@media (max-width: 450px) {
.login-area .container .login-form .section-title {
margin: 30px 0 10px 0;
}
}
.login-area .container .login-form .section-title h2 {
font-size: 28px;
line-height: 32px;
font-weight: 700;
}
.login-area .container .login-form .card .card-body {
padding: 50px 40px;
}
.login-area .container .login-form .card .card-body .form {
margin-bottom: 30px;
}
.login-area .container .login-form .card .card-body .form .form-label {
font-size: 16px;
font-weight: 500;
line-height: 1.5;
color: #444;
}
.login-area .container .login-form .card .card-body .form .form-control {
color: #000;
border: 1px solid #f4f4f4;
padding: 18px 15px 18px 30px;
border-radius: 5px;
}
.login-area .container .login-form .card .card-body .form .form-control::-webkit-input-placeholder {
color: #666666;
}
.login-area .container .login-form .card .card-body .form .form-control::-moz-placeholder {
color: #666666;
}
.login-area .container .login-form .card .card-body .form .form-control:-ms-input-placeholder {
color: #666666;
}
.login-area .container .login-form .card .card-body .form .form-control::-ms-input-placeholder {
color: #666666;
}
.login-area .container .login-form .card .card-body .form .form-control::placeholder {
color: #666666;
}
.login-area .container .login-form .card .card-body .form .form-control:focus {
-webkit-box-shadow: none !important;
box-shadow: none !important;
outline: 1px solid #EE403D !important;
}
.login-area .container .login-form .card .card-body .form .password-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.login-area .container .login-form .card .card-body .form .password-input .show-password-input {
position: absolute;
right: 10px;
cursor: pointer;
}
.login-area .container .login-form .card .card-body .form .password-input .show-password-input::after {
content: "\f06e";
font-weight: 500;
color: #777777;
font-family: "Font awesome 5 Pro";
}
.login-area .container .login-form .card .card-body .form .btn {
text-align: center;
width: 200px;
height: 60px;
color: #fff;
font-size: 16px;
font-weight: 700;
background-color: #EE403D;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.login-area .container .login-form .card .card-body .form .btn:hover {
background: #000;
}
.login-area .container .login-form .card .card-body .form .btn i {
margin-left: 10px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.login-area .container .login-form .card .card-body .forgot-password {
font-size: 16px;
color: #444;
font-weight: 500;
margin-top: 18px;
}
.login-area .container .register-form {
margin-left: 20px;
}
.login-area .container .register-form .section-title {
margin-bottom: 40px;
}
@media (max-width: 450px) {
.login-area .container .register-form .section-title {
margin: 30px 0 10px 0;
}
}
.login-area .container .register-form .section-title h2 {
font-size: 28px;
line-height: 32px;
font-weight: 700;
}
.login-area .container .register-form .card .card-body {
padding: 50px 40px;
}
.login-area .container .register-form .card .card-body .form {
margin-bottom: 30px;
}
.login-area .container .register-form .card .card-body .form .form-label {
font-size: 16px;
font-weight: 500;
line-height: 1.5;
color: #444;
}
.login-area .container .register-form .card .card-body .form .form-control {
color: #666666;
border: 1px solid #f4f4f4;
padding: 18px 15px 18px 30px;
border-radius: 5px;
}
.login-area .container .register-form .card .card-body .form .form-control:focus {
-webkit-box-shadow: none !important;
box-shadow: none !important;
outline: 1px solid #EE403D !important;
}
.login-area .container .register-form .card .card-body .form .password-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.login-area .container .register-form .card .card-body .form .password-input .show-password-input {
position: absolute;
right: 10px;
cursor: pointer;
}
.login-area .container .register-form .card .card-body .form .password-input .show-password-input::after {
content: "\f06e";
font-weight: 500;
color: #777777;
font-family: "Font awesome 5 Pro";
}
.login-area .container .register-form .card .card-body .form .btn {
text-align: center;
width: 200px;
height: 60px;
color: #fff;
font-size: 16px;
font-weight: 700;
background-color: #EE403D;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.login-area .container .register-form .card .card-body .form .btn:hover {
background: #000;
}
.login-area .container .register-form .card .card-body .form .btn i {
margin-left: 10px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.login-area .container .register-form .card .card-body .forgot-password {
font-size: 16px;
color: #444;
font-weight: 500;
margin-top: 18px;
}
.faq-area {
padding: 100px 0 140px 0;
}
.faq-area .container .faq-que-list .accordion-item {
border: 1px solid rgb(231, 231, 231);
border-radius: 7px;
background-color: transparent;
margin-bottom: 25px;
}
.faq-area .container .faq-que-list .accordion-item button:focus,
.faq-area .container .faq-que-list .accordion-item input:focus,
.faq-area .container .faq-que-list .accordion-item input:focus,
.faq-area .container .faq-que-list .accordion-item textarea,
.faq-area .container .faq-que-list .accordion-item textarea:focus {
outline: 0;
}
.faq-area .container .faq-que-list .accordion-item .accordion-button {
transition: unset;
color: #000;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
line-height: 1;
border: 0;
background-color: transparent;
border-radius: 0;
padding: 20px 25px 18px 25px;
position: relative;
-webkit-box-shadow: 0;
box-shadow: 0;
-webkit-transition: unset;
-moz-transition: unset;
-ms-transition: unset;
-o-transition: unset;
word-wrap: normal;
}
.faq-area .container .faq-que-list .accordion-item .accordion-button.collapsed {
-webkit-box-shadow: 0 10px 10px 0 rgba(255, 255, 255, 0.2);
box-shadow: 0 10px 10px 0 rgba(255, 255, 255, 0.2);
}
@media (max-width: 991px) and (min-width: 768px) {
.faq-area .container .faq-que-list .accordion-item .accordion-button {
padding: 21px 15px;
font-size: 18px;
}
}
@media (max-width: 767px) {
.faq-area .container .faq-que-list .accordion-item .accordion-button {
padding: 21px 15px;
font-size: 18px;
}
}
.faq-area .container .faq-que-list .accordion-item .accordion-button:not(.collapsed) {
color: unset;
background-color: unset;
-webkit-box-shadow: unset;
box-shadow: unset;
}
.faq-area .container .faq-que-list .accordion-item .accordion-button:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: 0;
}
.faq-area .container .faq-que-list .accordion-item .accordion-button::before {
content: "\f068";
position: absolute;
font-family: "Font awesome 5 Pro";
font-size: 16px;
font-weight: 700;
color: #000;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
@media (max-width: 991px) and (min-width: 768px) {
.faq-area .container .faq-que-list .accordion-item .accordion-button::before {
right: 10px;
font-size: 16px;
}
}
@media (max-width: 767px) {
.faq-area .container .faq-que-list .accordion-item .accordion-button::before {
right: 10px;
font-size: 16px;
}
}
.faq-area .container .faq-que-list .accordion-item .accordion-button::after {
display: none;
}
.faq-area .container .faq-que-list .accordion-item .collapsed {
border: 0;
}
.faq-area .container .faq-que-list .accordion-item .collapsed::before {
content: "\f067";
}
.faq-area .container .faq-que-list .accordion-item .accordion-body {
padding: 0;
padding: 0 30px 24px 25px;
}
.faq-area .container .faq-que-list .accordion-item .accordion-body p {
font-size: 16px;
color: #777777;
font-weight: 400;
line-height: 28px;
}
@media (max-width: 767px) {
.faq-area .container .faq-que-list .accordion-item .accordion-body {
padding: 0 15px 24px 15px;
}
}
.faq-area .container .faq-bg-area {
position: relative;
z-index: 1;
}
.faq-area .container .faq-bg-area::before {
content: "";
position: absolute;
background-image: -ms-linear-gradient(0deg, rgb(8, 106, 216) 0%, rgb(55, 140, 255) 100%);
opacity: 0.941;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.faq-area .container .faq-bg-area .faq-que-list .accordion-item {
border: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.faq-area .container .faq-bg-area .faq-que-list .accordion-item:nth-child(1) {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.faq-area .container .faq-bg-area .faq-que-list .accordion-item .accordion-button {
color: #fff;
padding-left: 0;
padding-right: 0;
}
@media (max-width: 767px) {
.faq-area .container .faq-bg-area .faq-que-list .accordion-item .accordion-button {
padding-left: 0;
padding-right: 15px;
}
}
.faq-area .container .faq-bg-area .faq-que-list .accordion-item .accordion-button::before {
color: #fff;
right: 0;
}
.faq-area .container .faq-bg-area .faq-que-list .accordion-item .accordion-body {
padding: 0 30px 20px 0;
}
.faq-area .container .faq-bg-area .faq-que-list .accordion-item .accordion-body p {
font-size: 16px;
color: #666666;
font-weight: 300;
line-height: 28px;
}
@media (max-width: 767px) {
.faq-area .container .faq-bg-area .faq-que-list .accordion-item .accordion-body {
padding: 0 15px 20px 0;
}
}
.faq-area .container .faq-bg-area .faq-que-list .accordion-item .accordion-body p {
color: rgba(255, 255, 255, 0.8);
}
.error-area {
position: relative;
display: table;
width: 100%;
height: 100vh;
background-repeat: no-repeat !important;
background-size: cover !important;
background: #ffffff;
}
.error-area .content-area {
position: relative;
margin: 0 auto;
text-align: center;
}
.error-area .content-area .container {
position: fixed;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.error-area .content-area .container .error-404 {
display: block;
}
.error-area .content-area .container .error-404 .section-inner {
max-width: 550px;
margin: 0 auto;
}
.error-area .content-area .container .error-404 .section-inner .error-img {
margin-bottom: 30px;
}
@media (max-width: 450px) {
.error-area .content-area .container .error-404 .section-inner .error-img {
margin-bottom: 10px;
}
}
.error-area .content-area .container .error-404 .section-inner .error-img img {
width: 400px;
}
.error-area .content-area .container .error-404 .section-inner .title {
margin-bottom: 40px;
}
@media (max-width: 450px) {
.error-area .content-area .container .error-404 .section-inner .title {
margin-bottom: 20px;
}
}
.error-area .content-area .container .error-404 .section-inner .title .sub-title {
font-size: 48px;
font-weight: bold;
padding-bottom: 20px;
}
@media (max-width: 450px) {
.error-area .content-area .container .error-404 .section-inner .title .sub-title {
padding-bottom: 10px;
}
}
@media (max-width: 400px) {
.error-area .content-area .container .error-404 .section-inner .title .sub-title {
font-size: 38px;
}
}
.error-area .content-area .container .error-404 .section-inner .title .sect-title {
font-size: 18px;
font-weight: 300;
color: #666666;
line-height: 28px;
}
@media (max-width: 576px) {
.error-area .content-area .container .error-404 .section-inner .title .sect-title br {
display: none;
}
}
@media (max-width: 450px) {
.error-area .content-area .container .error-404 .section-inner .title .sect-title {
font-size: 16px;
}
}
.error-area .content-area .container .error-404 .section-inner .section-button a {
font-size: 14px;
color: #fff;
background-color: #000;
padding: 16px 30px;
border: 1px solid #000;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.error-area .content-area .container .error-404 .section-inner .section-button a:hover i {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
.error-area .content-area .container .error-404 .section-inner .section-button a i {
padding-right: 20px;
}
.rts-product-details-section {
padding-top: 100px;
padding-bottom: 30px;
}
@media (max-width: 768px) {
.rts-product-details-section .product-thumb-area {
margin-right: 30px;
}
.rts-product-details-section .contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin: 0 auto;
}
}
@media (max-width: 900px) {
.rts-product-details-section .details-product-area {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.rts-product-details-section .details-product-area .product-thumb-area {
width: 100%;
margin: 0;
margin-bottom: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.rts-product-details-section .details-product-area .product-thumb-area .thumb-wrapper {
width: 100%;
}
.rts-product-details-section .details-product-area .product-thumb-area .product-thumb {
margin-bottom: 20px;
}
.rts-product-details-section .details-product-area .product-thumb-area .product-thumb-filter-group {
margin-left: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.rts-product-details-section .details-product-area .product-thumb-area .product-thumb-filter-group .thumb-filter {
margin-right: 20px;
}
}
@media (max-width: 768px) {
.rts-product-details-section {
padding-top: 50px;
}
}
.rts-product-details-section .product-thumb-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 70px;
}
.rts-product-details-section .product-thumb-filter-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 20px;
}
.rts-product-details-section .product-thumb-filter-group .thumb-filter {
max-width: 70px;
opacity: 40%;
margin-bottom: 20px;
cursor: pointer;
-webkit-transition: opacity 500ms;
transition: opacity 500ms;
}
.rts-product-details-section .product-thumb-filter-group .thumb-filter.active {
opacity: 1;
}
.rts-product-details-section .product-row {
padding-bottom: 10px;
margin-bottom: 70px;
border-bottom: 1px solid #f0f0f0;
}
.rts-product-details-section .col-lg-25 {
width: 20%;
}
@media (max-width: 1200px) {
.rts-product-details-section .col-lg-25 {
display: none;
}
}
.rts-product-details-section .side-products .product-item .product-image {
max-width: 225px !important;
}
.rts-product-details-section .details-product-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (max-width: 576px) {
.rts-product-details-section .details-product-area {
margin-bottom: 30px;
}
}
.rts-product-details-section .details-product-area table {
margin-bottom: 30px;
}
@media (max-width: 768px) {
.rts-product-details-section .details-product-area table {
margin-top: 30px;
}
}
@media (max-width: 576px) {
.rts-product-details-section .details-product-area table {
margin-bottom: 0;
}
}
.rts-product-details-section .details-product-area table tr {
border-bottom: 1px solid #f4f4f4;
}
@media (max-width: 768px) {
.rts-product-details-section .details-product-area table tr {
border: none;
margin-bottom: 40px;
}
}
.rts-product-details-section .details-product-area table tr .first-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
@media (max-width: 768px) {
.rts-product-details-section .details-product-area table tr .first-child {
display: block;
text-align: center;
}
}
.rts-product-details-section .details-product-area table tr .first-child .image-section {
width: 20%;
}
@media (max-width: 768px) {
.rts-product-details-section .details-product-area table tr .first-child .image-section {
width: 100%;
}
}
@media (max-width: 768px) {
.rts-product-details-section .details-product-area table tr .first-child .image-section img {
width: 50%;
}
}
.rts-product-details-section .details-product-area table tr .first-child .text {
display: -ms-grid;
display: grid;
margin-left: 20px;
}
@media (max-width: 768px) {
.rts-product-details-section .details-product-area table tr .first-child .text {
margin: 10px 0 0 0;
}
}
.rts-product-details-section .details-product-area table tr .first-child .text a {
font-size: 14px;
color: #333333;
}
@media (max-width: 768px) {
.rts-product-details-section .details-product-area table tr .first-child .text a {
font-size: 16px;
}
}
.rts-product-details-section .details-product-area table tr .first-child .text .color {
color: #222222;
font-size: 12px;
line-height: 1.6;
padding: 5px 0;
}
@media (max-width: 768px) {
.rts-product-details-section .details-product-area table tr .first-child .text .color {
font-size: 14px;
}
}
.rts-product-details-section .details-product-area table tr .first-child .text .price {
color: #000;
font-size: 13px;
}
@media (max-width: 768px) {
.rts-product-details-section .details-product-area table tr .first-child .text .price {
font-size: 14px;
}
}
@media (max-width: 768px) {
.rts-product-details-section .details-product-area table tr .cart-edit {
margin: 10px 0 0 0;
}
}
.rts-product-details-section .details-product-area table tr .cart-edit .quantity-edit {
width: 110px;
height: 50px;
}
@media (max-width: 768px) {
.rts-product-details-section .details-product-area table tr .cart-edit .quantity-edit {
width: 50%;
margin: 0 auto;
}
}
.rts-product-details-section .details-product-area .product-status {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
.rts-product-details-section .details-product-area .product-catagory {
background: #EE403D;
padding: 0px 10px;
border-radius: 4px;
font-size: 14px;
color: #fff;
margin-right: 20px;
}
.rts-product-details-section .details-product-area .rating-stars-group .rating-star i {
color: #ffcd00;
font-size: 15px;
}
.rts-product-details-section .details-product-area .rating-stars-group span {
font-size: 14px;
font-weight: 400;
color: #777777;
}
.rts-product-details-section .details-product-area .product-title {
font-size: 26px;
margin-bottom: 10px;
}
.rts-product-details-section .details-product-area .stock {
font-size: 12px;
font-weight: 600;
color: #98bd25;
padding: 2px 7px;
border: 1px solid #ededed;
border-radius: 4px;
margin-left: 5px;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.rts-product-details-section .details-product-area .stock1 {
font-size: 12px;
font-weight: 600;
color: #ff0000;
padding: 3px 7px;
border: 1px solid #ededed;
border-radius: 4px;
margin-left: 5px;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.rts-product-details-section .details-product-area .product-price {
margin-bottom: 30px;
font-size: 36px;
color: #EE403D;
}
.rts-product-details-section .details-product-area .product-price .old-price {
font-size: 20px;
font-weight: 600;
color: #cfcfcf;
text-decoration: line-through;
}
.rts-product-details-section .details-product-area p {
color: #777777;
max-width: 540px;
margin-bottom: 20px;
}
.rts-product-details-section .details-product-area .action-item2 {
padding: 10px 0;
border-radius: 6px;
margin-bottom: 10px;
}
.rts-product-details-section .details-product-area .action-item2 .action-top {
padding-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rts-product-details-section .details-product-area .action-item2 .action-top .action-title {
font-size: 16px;
}
.rts-product-details-section .details-product-area .action-item2 .action-top .down-icon i {
font-size: 17px;
}
.rts-product-details-section .details-product-area .action-item2 .category-item:last-child .category-item-inner {
margin-bottom: 0;
}
.rts-product-details-section .details-product-area .action-item2 .category-item .category-item-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer;
margin-bottom: 10px;
}
.rts-product-details-section .details-product-area .action-item2 .category-item .category-title-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-product-details-section .details-product-area .action-item2 .category-item .point {
background: #e3e3e3;
width: 10px;
height: 10px;
border-radius: 50%;
margin-right: 10px;
}
.rts-product-details-section .details-product-area .action-item2 .category-item .category-title {
font-size: 14px;
color: #777777;
font-weight: 500;
}
.rts-product-details-section .details-product-area .action-item2 .category-item i {
font-size: 14px;
color: #999999;
}
.rts-product-details-section .details-product-area .action-item2 .category-item .sub-categorys {
margin-left: 20px;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 500ms;
transition: max-height 500ms;
}
.rts-product-details-section .details-product-area .action-item2 .category-item .sub-categorys .sub-categorys-inner {
padding-bottom: 15px;
}
.rts-product-details-section .details-product-area .action-item2 .category-item .sub-categorys a {
font-size: 14px;
color: #777777;
font-weight: 500;
}
.rts-product-details-section .details-product-area .action-item2 .category-item .sub-categorys a:hover {
color: #040404;
}
.rts-product-details-section .details-product-area .action-item2 .category-item.show .sub-categorys {
max-height: 500px;
}
.rts-product-details-section .details-product-area .action-item2 .category-item.show .category-item-inner .down-icon i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rts-product-details-section .details-product-area .action-item2 .color-item2 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
cursor: pointer;
}
.rts-product-details-section .details-product-area .action-item2 .color-item2:hover .color-arrow {
color: #040404;
}
.rts-product-details-section .details-product-area .action-item2 .color-item2:last-child {
margin-bottom: 0;
}
.rts-product-details-section .details-product-area .action-item2 .color-item2.selected .color i {
display: block;
}
.rts-product-details-section .details-product-area .action-item2 .color-item2 .color {
width: 25px;
height: 25px;
border-radius: 50%;
margin-right: 10px;
}
.rts-product-details-section .details-product-area .action-item2 .color-item2 .color i {
display: none;
color: white;
font-size: 8px;
-webkit-transform: translateX(3px) translateY(2px);
transform: translateX(3px) translateY(2px);
}
.rts-product-details-section .details-product-area .action-item2 .color-item2 .color i::before {
content: "\f00c";
}
.rts-product-details-section .details-product-area .action-item2 .color-item2 .color.black {
background: #000;
}
.rts-product-details-section .details-product-area .action-item2 .color-item2 .color.blue {
background: #0084ff;
}
.rts-product-details-section .details-product-area .action-item2 .color-item2 .color.gray {
background: #d4d4d4;
}
.rts-product-details-section .details-product-area .action-item2 .color-item2 .color.green {
background: #61b163;
}
.rts-product-details-section .details-product-area .action-item2 .color-item2 .color.red {
background: #ff6262;
}
.rts-product-details-section .details-product-area .action-item2 .color-item2 .color.yellow {
background: #ffc000;
}
.rts-product-details-section .details-product-area .action-item2 .color-item2 .color-name {
font-size: 14px;
color: #777777;
}
.rts-product-details-section .details-product-area .action-item2 .color-item2 .color-arrow {
margin-left: auto;
color: #b9b9b9;
}
.rts-product-details-section .details-product-area .action-item2 .product-brands .brands-inner {
max-height: 400px;
overflow-y: scroll;
}
.rts-product-details-section .details-product-area .action-item2 .product-brands .brands-inner::-webkit-scrollbar {
width: 3px;
}
.rts-product-details-section .details-product-area .action-item2 .product-brands .brands-inner::-webkit-scrollbar-track {
background: #f1f1f1;
}
.rts-product-details-section .details-product-area .action-item2 .product-brands .brands-inner::-webkit-scrollbar-thumb {
background-color: #B79B6C;
border-radius: 0;
border: none;
}
.rts-product-details-section .details-product-area .action-item2 .product-brands a {
font-size: 14px;
color: #777777;
margin-bottom: 10px;
font-weight: 500;
}
.rts-product-details-section .details-product-area .action-item2 .product-brands a:hover {
color: #040404;
}
.rts-product-details-section .details-product-area .action-item3 {
padding: 10px 0;
border-radius: 6px;
margin-bottom: 30px;
}
.rts-product-details-section .details-product-area .action-item3 .action-top {
padding-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rts-product-details-section .details-product-area .action-item3 .action-top .action-title {
font-size: 16px;
}
.rts-product-details-section .details-product-area .action-item3 .action-top .down-icon i {
font-size: 17px;
}
.rts-product-details-section .details-product-area .action-item3 .category-item:last-child .category-item-inner {
margin-bottom: 0;
}
.rts-product-details-section .details-product-area .action-item3 .category-item .category-item-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer;
margin-bottom: 10px;
}
.rts-product-details-section .details-product-area .action-item3 .category-item .category-title-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-product-details-section .details-product-area .action-item3 .category-item .point {
background: #e3e3e3;
width: 10px;
height: 10px;
border-radius: 50%;
margin-right: 10px;
}
.rts-product-details-section .details-product-area .action-item3 .category-item .category-title {
font-size: 14px;
color: #777777;
font-weight: 500;
}
.rts-product-details-section .details-product-area .action-item3 .category-item i {
font-size: 14px;
color: #999999;
}
.rts-product-details-section .details-product-area .action-item3 .category-item .sub-categorys {
margin-left: 20px;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 500ms;
transition: max-height 500ms;
}
.rts-product-details-section .details-product-area .action-item3 .category-item .sub-categorys .sub-categorys-inner {
padding-bottom: 15px;
}
.rts-product-details-section .details-product-area .action-item3 .category-item .sub-categorys a {
font-size: 14px;
color: #777777;
font-weight: 500;
}
.rts-product-details-section .details-product-area .action-item3 .category-item .sub-categorys a:hover {
color: #040404;
}
.rts-product-details-section .details-product-area .action-item3 .category-item.show .sub-categorys {
max-height: 500px;
}
.rts-product-details-section .details-product-area .action-item3 .category-item.show .category-item-inner .down-icon i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rts-product-details-section .details-product-area .action-item3 .color-item2 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
cursor: pointer;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.rts-product-details-section .details-product-area .action-item3 .color-item2:hover .color-arrow {
color: #040404;
}
.rts-product-details-section .details-product-area .action-item3 .color-item2:last-child {
margin-bottom: 0;
}
.rts-product-details-section .details-product-area .action-item3 .color-item2.selected .color i {
display: block;
}
.rts-product-details-section .details-product-area .action-item3 .color-item2 .size {
padding: 2px 10px;
background-color: #f5f5f5;
margin-right: 10px;
border: 1px solid #f4f4f4;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.rts-product-details-section .details-product-area .action-item3 .color-item2 .size:hover {
border: 1px solid #000;
}
.rts-product-details-section .details-product-area .action-item3 .color-item2 .color-name {
font-size: 14px;
color: #777777;
}
.rts-product-details-section .details-product-area .action-item3 .color-item2 .color-arrow {
margin-left: auto;
color: #b9b9b9;
}
.rts-product-details-section .details-product-area .action-item3 .product-brands .brands-inner {
max-height: 400px;
overflow-y: scroll;
}
.rts-product-details-section .details-product-area .action-item3 .product-brands .brands-inner::-webkit-scrollbar {
width: 3px;
}
.rts-product-details-section .details-product-area .action-item3 .product-brands .brands-inner::-webkit-scrollbar-track {
background: #f1f1f1;
}
.rts-product-details-section .details-product-area .action-item3 .product-brands .brands-inner::-webkit-scrollbar-thumb {
background-color: #B79B6C;
border-radius: 0;
border: none;
}
.rts-product-details-section .details-product-area .action-item3 .product-brands a {
font-size: 14px;
color: #777777;
margin-bottom: 10px;
font-weight: 500;
}
.rts-product-details-section .details-product-area .action-item3 .product-brands a:hover {
color: #040404;
}
.rts-product-details-section .details-product-area .product-bottom-action {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 500px) {
.rts-product-details-section .details-product-area .product-bottom-action .action-item {
margin-bottom: 20px;
padding: 0 17px;
height: 50px;
}
.rts-product-details-section .details-product-area .product-bottom-action .wishlist {
margin-bottom: 0;
}
}
.rts-product-details-section .details-product-area .product-bottom-action2 {
margin: 30px 0 30px 0;
}
.rts-product-details-section .details-product-area .product-bottom-action2 .form-btn {
background: #EE403D;
color: #ffffff;
font-size: 16px;
font-weight: 700;
line-height: 1;
text-align: center;
width: 100%;
padding: 21px 40px;
border: 1px solid #EE403D;
border-radius: 7px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.rts-product-details-section .details-product-area .product-bottom-action2 .form-btn:hover {
background-color: #000;
color: #fff;
}
.rts-product-details-section .details-product-area .product-bottom-action3 {
margin: 30px 0 30px 0;
}
.rts-product-details-section .details-product-area .product-bottom-action3 .cart-edit2 {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-product-details-section .details-product-area .product-bottom-action3 .cart-edit2 .quantity-edit {
width: 110px;
height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 3px 10px;
border-radius: 5px;
}
.rts-product-details-section .details-product-area .product-bottom-action3 .cart-edit2 .quantity-edit input {
text-align: center;
max-width: 55px;
font-size: 16px;
font-weight: 700;
color: #040404;
}
.rts-product-details-section .details-product-area .product-bottom-action3 .cart-edit2 .quantity-edit button {
background: none;
font-size: 0;
}
.rts-product-details-section .details-product-area .product-bottom-action3 .cart-edit2 .quantity-edit button i {
font-size: 16px;
color: #d3d3d3;
}
.rts-product-details-section .details-product-area .product-bottom-action3 .cart-edit2 .quantity-edit button i:hover {
color: #ff0000;
}
.rts-product-details-section .details-product-area .product-bottom-action3 .cart-edit2 span {
margin-left: 20px;
font-size: 14px;
font-weight: 500;
}
.rts-product-details-section .details-product-area .product-bottom-action3 .cart-edit2 span i {
color: #ff0000;
}
.rts-product-details-section .details-product-area .product-bottom-action3 .form-btn {
background: #EE403D;
color: #ffffff;
font-size: 20px;
font-weight: 700;
line-height: 1;
text-align: center;
pointer-events: none;
width: 100%;
padding: 18px 40px;
border: 0;
border-radius: 7px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.rts-product-details-section .details-product-area .product-bottom-action3 .form-btn:hover i {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
.rts-product-details-section .details-product-area .product-bottom-action3 .form-btn i {
margin-left: 10px;
padding-top: 5px;
}
.rts-product-details-section .details-product-area .product-bottom-action4 {
margin-bottom: 20px;
}
.rts-product-details-section .details-product-area .product-bottom-action4 .button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-product-details-section .details-product-area .product-bottom-action4 .button .form-btn1 {
background: #EE403D;
color: #fff;
font-size: 20px;
font-weight: 700;
line-height: 1;
text-align: center;
width: 100%;
padding: 18px 40px;
margin-right: 10px;
border: 1px solid #EE403D;
border-radius: 7px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.rts-product-details-section .details-product-area .product-bottom-action4 .button .form-btn1:hover {
background: none;
color: #EE403D;
}
.rts-product-details-section .details-product-area .product-bottom-action4 .button .form-btn1 i {
margin-right: 10px;
-webkit-transition: all 50ms;
transition: all 50ms;
}
.rts-product-details-section .details-product-area .action-item {
border-style: solid;
border-width: 1px;
border-color: #e2e2e2;
border-radius: 6px;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-product-details-section .details-product-area .cart-edit {
margin-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-product-details-section .details-product-area .cart-edit .quantity-edit {
width: 123px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 3px 10px;
border-radius: 5px;
}
.rts-product-details-section .details-product-area .cart-edit .quantity-edit input {
text-align: center;
max-width: 55px;
font-size: 16px;
font-weight: 700;
color: #040404;
}
.rts-product-details-section .details-product-area .cart-edit .quantity-edit button {
background: none;
font-size: 0;
}
.rts-product-details-section .details-product-area .cart-edit .quantity-edit button i {
font-size: 16px;
color: #d3d3d3;
}
.rts-product-details-section .details-product-area .cart-edit span {
margin-left: 20px;
font-size: 14px;
font-weight: 500;
}
.rts-product-details-section .details-product-area .cart-edit span i {
color: #ff0000;
}
.rts-product-details-section .details-product-area .addto-cart-btn {
margin-right: 20px;
padding: 0 30px;
background: #EE403D;
color: #fff;
font-weight: 700;
border: none;
border: 1px solid #EE403D;
}
.rts-product-details-section .details-product-area .addto-cart-btn:hover {
background: transparent;
color: #EE403D;
}
.rts-product-details-section .details-product-area .addto-cart-btn i {
margin-right: 4px;
}
@media (max-width: 768px) {
.rts-product-details-section .details-product-area .addto-cart-btn {
font-size: 14px;
}
}
.rts-product-details-section .details-product-area .wishlist-btn {
padding: 0 20px;
}
.rts-product-details-section .details-product-area .wishlist-btn:hover {
border: 1px solid #040404;
}
.rts-product-details-section .details-product-area .wishlist-btn:hover i {
color: #040404;
}
.rts-product-details-section .details-product-area .wishlist-btn i {
color: #e2e2e2;
}
.rts-product-details-section .details-product-area .product-uniques {
margin-bottom: 20px;
}
.rts-product-details-section .details-product-area .product-unipue {
font-size: 16px;
color: #777777;
font-weight: 400;
display: block;
margin-bottom: 5px;
}
.rts-product-details-section .details-product-area .product-unipue span {
display: inline-block;
font-weight: 700;
}
.rts-product-details-section .details-product-area .share-social span {
margin-right: 3px;
}
.rts-product-details-section .details-product-area .share-social .platform {
font-size: 16px;
margin-right: 10px;
color: #999999;
}
.rts-product-details-section .details-product-area .share-social .platform:hover {
color: #EE403D;
}
.rts-product-details-section .product-full-details-area .details-filter-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 15px;
border-bottom: 1px solid #f0f0f0;
margin-bottom: 30px;
}
.rts-product-details-section .product-full-details-area .details-filter-bar .details-filter {
font-size: 16px;
margin-right: 50px;
font-weight: 700;
color: #999999;
}
.rts-product-details-section .product-full-details-area .details-filter-bar .details-filter.active {
color: #EE403D;
}
.rts-product-details-section .product-full-details-area .details-filter-bar .details-filter:last-child {
margin-right: 0;
}
.rts-product-details-section .product-full-details-area .details-filter-bar2 {
display: block;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 15px;
border-bottom: 1px solid #f0f0f0;
margin-bottom: 30px;
}
.rts-product-details-section .product-full-details-area .details-filter-bar2 .details-filter {
font-size: 16px;
margin-right: 50px;
font-weight: 700;
color: #999999;
}
@media (max-width: 768px) {
.rts-product-details-section .product-full-details-area .details-filter-bar2 .details-filter {
margin-right: 20px;
}
}
.rts-product-details-section .product-full-details-area .details-filter-bar2 .details-filter.active {
color: #EE403D;
}
.rts-product-details-section .product-full-details-area .details-filter-bar2 .details-filter:last-child {
margin-right: 0;
}
.rts-product-details-section .product-full-details-area .full-details-inner {
margin-bottom: -20px;
}
.rts-product-details-section .product-full-details-area .full-details-inner p {
-webkit-transition: height 500ms;
transition: height 500ms;
max-width: unset;
line-height: 26px;
}
@media (max-width: 1200px) {
.rts-product-details-section .product-full-details-area .details-filter-bar {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (max-width: 768px) {
.rts-product-details-section .product-full-details-area .details-filter-bar .details-filter {
font-size: 14px;
margin-right: 30px;
}
}
@media (max-width: 507px) {
.rts-product-details-section .product-full-details-area .details-filter-bar .details-filter {
font-size: 14px;
margin-right: 30px;
margin-bottom: 10px;
}
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items {
width: 100%;
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner p {
font-size: 18px;
color: #777777;
margin: 0 0 15px;
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form .section-title {
color: #000;
margin-bottom: 20px;
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form .section-title a {
color: #000;
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form .section-title a:hover {
color: #000;
text-decoration: underline;
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form .sect-title {
font-weight: 400;
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form-main .post-title {
font-size: 26px;
margin-bottom: 35px;
padding-top: 30px;
}
@media (max-width: 450px) {
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form-main .post-title {
font-size: 20px;
}
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form-main .contact-form {
padding: 30px 40px 35px 0;
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form-main .contact-form .input-box {
position: relative;
z-index: 1;
margin-bottom: 25px;
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form-main .contact-form .input-box.text-input::before {
content: "\f303";
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form-main .contact-form .input-box.mail-input::before {
content: "\f0e0";
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form-main .contact-form .input-box.sub-input::before {
content: "\f0ac";
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form-main .contact-form .input-box::before {
content: "\f007";
left: auto;
right: 30px;
font-size: 14px;
font-family: "Font awesome 5 Pro";
position: absolute;
font-size: 16px;
color: #EE403D;
top: 17px;
z-index: 2;
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form-main .contact-form .input-box textarea {
border: 2px solid #f4f4f4;
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 30px;
color: #000;
font-size: 14px;
background-color: #ffffff;
width: 100%;
height: 281px;
border-radius: 7px;
padding-top: 16px;
resize: none;
position: relative;
z-index: 1;
}
@media (max-width: 450px) {
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form-main .contact-form .input-box textarea {
height: 150px;
}
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form-main .contact-form .input-box input {
border: 2px solid #f4f4f4;
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 30px;
height: 60px;
border-radius: 7px;
color: #000;
font-size: 14px;
background-color: #ffffff;
position: relative;
width: 100%;
z-index: 1;
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form-main .contact-form .rating {
margin: 25px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form-main .contact-form .rating p {
margin: 0;
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form-main .contact-form .rating .rating-icon {
margin-left: 30px;
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form-main .contact-form .rating .rating-icon a {
position: relative;
-webkit-transition: all 500ms;
transition: all 500ms;
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form-main .contact-form .rating .rating-icon a::after {
display: none;
content: "\f005";
left: auto;
right: 0;
font-size: 14px;
font-family: "Font awesome 5 Pro";
position: absolute;
font-size: 16px;
color: #ff0000;
top: 0;
z-index: 2;
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form-main .contact-form .rating .rating-icon a:hover::after {
display: block;
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form-main .form-btn {
background: #EE403D;
color: #ffffff;
font-size: 16px;
font-weight: 700;
line-height: 1;
text-align: center;
width: 100%;
padding: 21px 40px;
border: 0;
border-radius: 7px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form-main .form-btn:hover i {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
.rts-product-details-section .product-full-details-area .full-details.dls-three.filterd-items .full-details-inner .reveiw-form-main .form-btn i {
margin-left: 10px;
}
@media (max-width: 1024px) {
.product-area {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.product-area .product-thumb-area {
margin: 0 auto;
margin-bottom: 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.product-area .product-thumb-area .product-thumb {
margin-bottom: 30px;
}
.product-area .product-thumb-filter-group {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.product-area .product-thumb-filter-group .details-filter {
margin-bottom: 0;
margin-right: 20px;
}
.product-area .product-bottom-action .action-item {
height: 50px;
padding: 15px;
}
}
.rts-product-details-section2 {
padding-bottom: 0;
}
.rts-product-details-section2 .product-thumb-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.rts-product-details-section2 .product-thumb-area .product-thumb {
margin-bottom: 30px;
}
.rts-product-details-section2 .product-thumb-area .product-thumb-filter-group {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.rts-product-details-section2 .product-thumb-area .product-thumb-filter-group .thumb-filter {
margin-bottom: 0;
margin-right: 20px;
}
.rts-product-details-section2 .contents table {
width: 100%;
}
@media (max-width: 1200px) {
.rts-product-details-section2 .details-product-area {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.rts-product-details-section2 .details-product-area .product-thumb-area {
width: 100%;
margin: 0;
margin-bottom: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.rts-product-details-section2 .details-product-area .product-thumb-area .thumb-wrapper {
width: 100%;
}
.rts-product-details-section2 .details-product-area .product-thumb-area .product-thumb {
margin-bottom: 20px;
}
.rts-product-details-section2 .details-product-area .product-thumb-area .product-thumb-filter-group {
margin-left: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.rts-product-details-section2 .details-product-area .product-thumb-area .product-thumb-filter-group .thumb-filter {
margin-right: 20px;
}
}
.product-full-details-area.product-full-details-area2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-full-details-area.product-full-details-area2 .details-filter-bar {
margin-right: 30px;
border: none;
}
.product-full-details-area.product-full-details-area2 .details-filter-bar .details-filter {
width: 220px;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
margin-bottom: 10px;
border: 1px solid #ebebeb;
}
.product-full-details-area.product-full-details-area2 .details-filter-bar .details-filter.active {
background: #EE403D;
color: #fff !important;
border: 1px solid transparent;
}
@media (max-width: 1200px) {
.product-full-details-area.product-full-details-area2 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.product-full-details-area.product-full-details-area2 .details-filter-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: 0;
}
.product-full-details-area.product-full-details-area2 .details-filter-bar .details-filter {
margin-bottom: 0;
margin-right: 10px;
}
}
@media (max-width: 950px) {
.product-full-details-area.product-full-details-area2 .details-filter-bar .details-filter {
margin-bottom: 10px;
}
}
@media (max-width: 768px) {
.product-full-details-area.product-full-details-area2 .details-filter-bar {
margin-right: 0 !important;
}
.product-full-details-area.product-full-details-area2 .details-filter-bar .details-filter {
margin-bottom: 10px;
width: 170px;
height: 70px;
font-size: 14px;
}
}
@media (max-width: 450px) {
.product-full-details-area.product-full-details-area2 .details-filter-bar .details-filter {
width: 100%;
margin-right: 0;
}
}
.rts-featured-product-section-inner {
padding: 80px 0;
}
.rts-featured-product-section-inner .go-btn {
color: #040404;
}
.product-details-popup-wrapper {
width: 100%;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 99;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transition: all 500ms;
transition: all 500ms;
pointer-events: none;
}
.product-details-popup-wrapper.popup {
visibility: visible;
opacity: 1;
}
.product-details-popup-wrapper.popup .product-details-popup {
pointer-events: all !important;
}
.rts-product-details-section.product-details-popup-section {
position: relative;
border: none;
}
@media (max-width: 1200px) {
.rts-product-details-section.product-details-popup-section .details-product-area .contents {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
margin: 0;
}
}
@media (max-width: 900px) {
.rts-product-details-section.product-details-popup-section .details-product-area {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.rts-product-details-section.product-details-popup-section .details-product-area .contents {
max-height: 450px;
overflow-y: scroll;
}
}
@media (max-width: 768px) {
.rts-product-details-section.product-details-popup-section .product-details-popup {
margin-top: 100px;
padding: 20px;
width: 92%;
height: 90vh;
overflow-y: scroll;
}
.rts-product-details-section.product-details-popup-section .details-product-area {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.rts-product-details-section.product-details-popup-section .details-product-area .product-thumb-area {
width: 100%;
margin: 0 !important;
margin-bottom: 30px !important;
}
.rts-product-details-section.product-details-popup-section .details-product-area .product-thumb-area .product-thumb {
width: 100%;
}
.rts-product-details-section.product-details-popup-section .details-product-area .contents {
max-height: unset;
overflow: visible;
}
}
.product-details-popup {
pointer-events: none;
margin: 0 auto;
height: 520px;
border-radius: 7px;
background: #fff;
padding: 30px !important;
position: relative;
z-index: 999;
}
.product-details-popup .product-thumb-area {
margin-right: 40px !important;
}
.product-details-popup .product-thumb {
width: 303px;
}
.product-details-popup .product-details-close-btn {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
right: -50px;
top: -50px;
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
}
.product-details-popup .product-details-close-btn:hover i {
color: red;
}
.product-details-popup .product-details-close-btn i {
font-size: 20px;
color: #040404;
}
@media (max-width: 1200px) {
.product-details-popup .product-details-close-btn {
right: 0;
}
}
@media (max-width: 1200px) {
.product-details-popup {
width: 90%;
}
}
.rts-checkout-section {
margin: 100px 0 135px 0;
}
@media (max-width: 768px) {
.rts-checkout-section {
margin: 50px 0;
}
}
.rts-checkout-section .coupon-area {
margin-bottom: 40px;
}
.rts-checkout-section .coupon-ask {
padding: 20px 30px;
background: #f5f5f5;
margin-bottom: 10px;
}
.rts-checkout-section .coupon-ask span {
font-size: 16px;
color: #777777;
font-weight: 400;
}
.rts-checkout-section .coupon-ask button {
color: #040404;
font-weight: 700;
}
.rts-checkout-section .coupon-input-area {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 300ms;
transition: max-height 300ms;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rts-checkout-section .coupon-input-area input {
width: 80%;
padding: 0 30px;
height: 50px;
border-radius: 6px;
border: 1px solid #e3e3e3;
outline: none;
-webkit-transition: -webkit-box-shadow 300ms;
transition: -webkit-box-shadow 300ms;
transition: box-shadow 300ms;
transition: box-shadow 300ms, -webkit-box-shadow 300ms;
font-size: 16px;
color: #777777;
}
.rts-checkout-section .coupon-input-area .apply-btn {
width: 18%;
height: 50px;
background: #040404;
color: #fff;
border-radius: 6px;
}
.rts-checkout-section .coupon-input-area .apply-btn:hover {
background: #B79B6C;
}
.rts-checkout-section .coupon-input-area.show {
max-height: 100px;
}
.rts-checkout-section .checkout-form input,
.rts-checkout-section .checkout-form select,
.rts-checkout-section .checkout-form textarea {
width: 100%;
padding: 17px 30px;
border-radius: 6px;
border: 1px solid #e3e3e3;
margin-bottom: 25px;
outline: none;
-webkit-transition: -webkit-box-shadow 300ms;
transition: -webkit-box-shadow 300ms;
transition: box-shadow 300ms;
transition: box-shadow 300ms, -webkit-box-shadow 300ms;
font-size: 16px;
color: #777777;
}
.rts-checkout-section .checkout-form input:focus,
.rts-checkout-section .checkout-form select:focus,
.rts-checkout-section .checkout-form textarea:focus {
border: 1px solid #EE403D;
}
.rts-checkout-section .check-options {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.rts-checkout-section .check-options .form-group {
margin-right: 15px;
}
.rts-checkout-section .check-options .form-group label {
font-size: 16px;
color: #777777;
}
.rts-checkout-section .check-options .form-group label::before {
top: -1px;
border-radius: 50%;
margin-right: 7px;
}
.rts-checkout-section .check-options .form-group label::after {
top: 7px;
}
.rts-checkout-section .action-item {
padding: 30px;
border: 1px solid #f0f0f0;
border-radius: 6px;
margin-bottom: 30px;
}
@media (max-width: 500px) {
.rts-checkout-section .action-item {
padding: 20px;
}
}
.rts-checkout-section .action-item .action-top {
padding-bottom: 10px;
margin-bottom: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #f0f0f0;
}
.rts-checkout-section .action-item .action-top .action-title {
font-size: 16px;
color: #777777;
}
.rts-checkout-section .action-item .action-top .down-icon i {
font-size: 17px;
}
.rts-checkout-section .action-item .action-middle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 10px;
margin-top: 20px;
margin-bottom: 20px;
}
.rts-checkout-section .action-item .checkout-options {
padding-bottom: 10px;
}
.rts-checkout-section .action-item .checkout-options .shipping {
font-size: 16px;
margin-bottom: 5px;
}
.rts-checkout-section .action-item .checkout-options .form-group label::before {
border-radius: 50%;
}
.rts-checkout-section .action-item .checkout-options .form-group label::after {
top: 8px;
left: 6px;
}
.rts-checkout-section .action-item .checkout-options input:checked + label:before {
background: #72a398;
}
.rts-checkout-section .action-item .checkout-options input:checked + label:after {
border: solid #fff;
border-width: 0 2px 2px 0;
}
.rts-checkout-section .action-item .payment-options {
padding-bottom: 0;
}
.rts-checkout-section .action-item .payment-options .form-group.last-child {
margin-bottom: 0;
}
.rts-checkout-section .action-item .action-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px solid #f0f0f0;
padding-top: 10px;
}
.rts-checkout-section .action-item .category-item:last-child .category-item-inner {
margin-bottom: 0;
}
.rts-checkout-section .action-item .category-item .category-item-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer;
margin-bottom: 10px;
}
.rts-checkout-section .action-item .category-item .category-title-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-checkout-section .action-item .category-item .point {
background: #e3e3e3;
width: 10px;
height: 10px;
border-radius: 50%;
margin-right: 10px;
}
.rts-checkout-section .action-item .category-item .category-title {
font-size: 14px;
color: #777777;
font-weight: 500;
}
.rts-checkout-section .action-item .category-item i {
font-size: 14px;
color: #999999;
}
.rts-checkout-section .action-item .category-item .sub-categorys {
margin-left: 20px;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 500ms;
transition: max-height 500ms;
}
.rts-checkout-section .action-item .category-item .sub-categorys .sub-categorys-inner {
padding-bottom: 15px;
}
.rts-checkout-section .action-item .category-item .sub-categorys a {
font-size: 14px;
color: #777777;
font-weight: 500;
}
.rts-checkout-section .action-item .category-item .sub-categorys a:hover {
color: #040404;
}
.rts-checkout-section .action-item .category-item.show .sub-categorys {
max-height: 500px;
}
.rts-checkout-section .action-item .category-item.show .category-item-inner .down-icon i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rts-checkout-section .action-item .color-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
cursor: pointer;
}
.rts-checkout-section .action-item .color-item:hover .color-arrow {
color: #040404;
}
.rts-checkout-section .action-item .color-item:last-child {
margin-bottom: 0;
}
.rts-checkout-section .action-item .color-item.selected .color i {
display: block;
}
.rts-checkout-section .action-item .color-item .color {
width: 13px;
height: 13px;
border-radius: 50%;
margin-right: 10px;
}
.rts-checkout-section .action-item .color-item .color i {
display: none;
color: white;
font-size: 8px;
-webkit-transform: translateX(3px) translateY(2px);
transform: translateX(3px) translateY(2px);
}
.rts-checkout-section .action-item .color-item .color-name {
font-size: 14px;
color: #777777;
}
.rts-checkout-section .action-item .color-item .color-arrow {
margin-left: auto;
color: #b9b9b9;
}
.rts-checkout-section .action-item .product-brands .brands-inner {
max-height: 400px;
overflow-y: scroll;
}
.rts-checkout-section .action-item .product-brands .brands-inner::-webkit-scrollbar {
width: 3px;
}
.rts-checkout-section .action-item .product-brands .brands-inner::-webkit-scrollbar-track {
background: #f1f1f1;
}
.rts-checkout-section .action-item .product-brands .brands-inner::-webkit-scrollbar-thumb {
background-color: #B79B6C;
border-radius: 0;
border: none;
}
.rts-checkout-section .action-item .product-brands a {
font-size: 14px;
color: #777777;
margin-bottom: 10px;
font-weight: 500;
}
.rts-checkout-section .action-item .product-brands a:hover {
color: #040404;
}
.place-order-btn {
width: 100%;
padding: 20px;
border-radius: 6px;
font-size: 16px;
color: #fff;
background: #EE403D;
border: 1px solid #EE403D;
text-align: center;
margin-top: 20px;
-webkit-transition: all 300ms;
transition: all 300ms;
}
.place-order-btn:hover {
background: none;
color: #EE403D;
}
.rts-cart-section {
padding: 50px 0 120px 0;
}
.rts-cart-section .pretitle {
font-size: 14px;
color: #777777;
font-weight: 500;
}
.rts-cart-section .product-title {
font-size: 16px;
font-weight: 500;
}
.rts-cart-section .product-price {
color: #040404;
font-size: 14px;
}
.rts-cart-section .cart-edit .quantity-edit {
border: 1px solid #e7e7e7;
height: 60px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.rts-cart-section .remove-btn {
font-size: 14px;
color: #777777;
font-weight: 500;
}
.rts-cart-section .remove-btn:hover {
color: #040404;
}
.rts-cart-section .coupon-apply {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 40px;
margin-bottom: 40px;
}
.rts-cart-section .coupon-apply .coupon-text {
font-size: 18px;
margin-right: 20px;
}
.rts-cart-section .coupon-apply .apply-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-cart-section .coupon-apply .apply-input input {
width: 280px;
border: 1px solid #e7e7e7;
border-radius: 6px 0 0 6px;
padding: 0 20px;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-cart-section .coupon-apply .apply-input input::-webkit-input-placeholder {
font-size: 14px;
color: #999999;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.rts-cart-section .coupon-apply .apply-input .apply-btn {
padding: 0 40px;
font-size: 16px;
color: #fff;
background: #EE403D;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0 6px 6px 0;
}
.rts-cart-section .coupon-apply .apply-input .apply-btn:hover {
background: #040404;
}
.rts-cart-section .coupon-apply .apply-input .apply-btn:hover i {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.rts-cart-section .coupon-apply .apply-input .apply-btn i {
font-size: 14px;
}
@media (max-width: 1200px) {
.rts-cart-section .cart-table-area {
margin-bottom: 40px;
}
}
@media (max-width: 768px) {
.rts-cart-section tr {
padding: 30px 0;
}
.rts-cart-section .product-thumb {
margin-bottom: 15px;
}
.rts-cart-section .product-title-area {
margin-bottom: 10px;
}
.rts-cart-section .product-price {
margin-bottom: 10px;
}
.rts-cart-section .cart-edit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 0;
margin-bottom: 20px;
}
.rts-cart-section .cart-edit .quantity-edit {
margin: 0 auto;
}
.rts-cart-section .coupon-apply {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 20px;
}
.rts-cart-section .coupon-apply .coupon-text {
margin-bottom: 10px;
}
.rts-cart-section .coupon-apply .apply-input input {
width: unset !important;
}
}
.checkout-box .checkout-box-inner {
padding: 40px;
border: 1px solid #f1f1f1;
border-radius: 6px;
margin-bottom: 20px;
}
.checkout-box .checkout-box-inner .subtotal-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 5px;
margin-bottom: 30px;
border-bottom: 1px solid #f1f1f1;
}
.checkout-box .checkout-box-inner .subtotal-area .title {
font-size: 16px;
color: #777777;
}
.checkout-box .checkout-box-inner .subtotal-area .subtotal-price {
font-size: 16px;
font-weight: 700;
}
.checkout-box .checkout-box-inner .shipping-check .title {
font-size: 16px;
margin-bottom: 7px;
}
.checkout-box .checkout-box-inner .shipping-check .check-options {
margin-bottom: 20px;
}
.checkout-box .checkout-box-inner .shipping-check .check-options .check-title {
font-size: 14px;
color: #777777;
}
.checkout-box .checkout-box-inner .shipping-location {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px;
}
.checkout-box .checkout-box-inner .shipping-location span {
font-size: 14px;
}
.checkout-box .checkout-box-inner .shipping-location span span {
color: #EE403D;
}
.checkout-box .checkout-box-inner .shipping-location span i {
font-size: 14px;
color: #EE403D;
}
.checkout-box .checkout-box-inner .total-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 10px;
border-top: 1px solid #f1f1f1;
}
.checkout-box .checkout-box-inner .total-area .title {
font-size: 16px;
color: #777777;
}
.checkout-box .checkout-box-inner .total-area .total-price {
font-size: 16px;
font-weight: 700;
}
.checkout-box .procced-btn {
width: 100%;
padding: 15px 0;
font-size: 16px;
font-weight: 700;
background: #EE403D;
color: #fff;
border: 1px solid #EE403D;
border-radius: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 15px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.checkout-box .procced-btn:hover {
background: none;
color: #EE403D;
}
.checkout-box .continue-shopping {
font-size: 16px;
font-weight: 700;
}
.checkout-box .continue-shopping:hover {
color: #777777;
}
.checkout-box .continue-shopping:hover i {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
.checkout-box .continue-shopping i {
margin-right: 5px;
}
.form-group {
display: block;
margin-bottom: 10px;
}
.form-group input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.form-group label {
position: relative;
cursor: pointer;
}
.form-group label:before {
content: "";
-webkit-appearance: none;
background-color: transparent;
background: #e3e3e3;
padding: 7px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 10px;
}
.form-group input:checked + label:after {
content: "";
display: block;
position: absolute;
top: 6px;
left: 6px;
width: 4px;
height: 8px;
border: solid #040404;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.rts-shop-section {
margin-top: 50px;
margin-bottom: 50px;
padding: 50px 0 110px;
}
@media (max-width: 1200px) {
.rts-shop-section .product-pagination-area {
margin-bottom: 30px;
}
}
@media (max-width: 500px) {
.rts-shop-section .shop-product-topbar {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 20px;
}
.rts-shop-section .shop-product-topbar .items-onlist {
margin-bottom: 10px;
}
.rts-shop-section .shop-product-topbar .filter-area {
margin-left: 0;
}
.rts-shop-section .shop-product-topbar .separator {
margin: 0 10px !important;
}
.rts-shop-section .shop-product-topbar .grid-btn {
margin-left: auto;
}
.rts-shop-section .shop-product-topbar .list-btn {
margin-right: 0;
}
}
.shop-product-topbar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px;
}
.shop-product-topbar .items-onlist {
font-size: 16px;
color: #777777;
font-weight: 400;
}
.shop-product-topbar .items-onlist span {
color: #040404;
}
.shop-product-topbar .filter-area {
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 1200px) {
.shop-product-topbar .filter-area {
margin-right: 15px;
}
}
.shop-product-topbar .filter-area .select-area .select {
vertical-align: top;
padding: 10px;
border: 1px solid #ced4da;
color: #777777;
font-size: 16px;
border-radius: 5px;
outline: none;
position: relative;
background: transparent;
width: 200px;
}
.shop-product-topbar .filter-area .select-area .select::before {
content: "\f078";
font-family: "Font Awesome 5 Pro";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
position: absolute;
right: 14px;
top: 12px;
color: #171f32;
z-index: 1;
}
.shop-side-action .action-item {
padding: 30px;
border: 1px solid #f0f0f0;
border-radius: 6px;
margin-bottom: 30px;
}
.shop-side-action .action-item .action-top {
padding-bottom: 10px;
margin-bottom: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #f0f0f0;
}
.shop-side-action .action-item .action-top .action-title {
font-size: 16px;
}
.shop-side-action .action-item .action-top .down-icon i {
font-size: 17px;
}
.shop-side-action .action-item .category-item:last-child .category-item-inner {
margin-bottom: 0;
}
.shop-side-action .action-item .category-item .category-item-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer;
margin-bottom: 10px;
}
.shop-side-action .action-item .category-item .category-title-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.shop-side-action .action-item .category-item .point {
background: #e3e3e3;
width: 10px;
height: 10px;
border-radius: 50%;
margin-right: 10px;
}
.shop-side-action .action-item .category-item .category-title {
font-size: 14px;
color: #777777;
font-weight: 500;
}
.shop-side-action .action-item .category-item i {
font-size: 14px;
color: #999999;
}
.shop-side-action .action-item .category-item .sub-categorys {
margin-left: 20px;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 500ms;
transition: max-height 500ms;
}
.shop-side-action .action-item .category-item .sub-categorys .sub-categorys-inner {
padding-bottom: 15px;
}
.shop-side-action .action-item .category-item .sub-categorys a {
font-size: 14px;
color: #777777;
font-weight: 500;
}
.shop-side-action .action-item .category-item .sub-categorys a:hover {
color: #040404;
}
.shop-side-action .action-item .category-item.show .sub-categorys {
max-height: 500px;
}
.shop-side-action .action-item .category-item.show .category-item-inner .down-icon i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.shop-side-action .action-item .color-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
cursor: pointer;
}
.shop-side-action .action-item .color-item:hover .color-arrow {
color: #040404;
}
.shop-side-action .action-item .color-item:last-child {
margin-bottom: 0;
}
.shop-side-action .action-item .color-item.selected .color i {
display: block;
}
.shop-side-action .action-item .color-item .color {
width: 13px;
height: 13px;
border-radius: 50%;
margin-right: 10px;
}
.shop-side-action .action-item .color-item .color i {
display: none;
color: white;
font-size: 8px;
-webkit-transform: translateX(3px) translateY(2px);
transform: translateX(3px) translateY(2px);
}
.shop-side-action .action-item .color-item .color.black {
background: #000;
}
.shop-side-action .action-item .color-item .color.blue {
background: #0084ff;
}
.shop-side-action .action-item .color-item .color.gray {
background: #d4d4d4;
}
.shop-side-action .action-item .color-item .color.green {
background: #61b163;
}
.shop-side-action .action-item .color-item .color.red {
background: #ff6262;
}
.shop-side-action .action-item .color-item .color.yellow {
background: #ffc000;
}
.shop-side-action .action-item .color-item .color-name {
font-size: 14px;
color: #777777;
}
.shop-side-action .action-item .color-item .color-arrow {
margin-left: auto;
color: #b9b9b9;
}
.shop-side-action .action-item .product-brands .brands-inner {
max-height: 400px;
overflow-y: scroll;
}
.shop-side-action .action-item .product-brands .brands-inner::-webkit-scrollbar {
width: 3px;
}
.shop-side-action .action-item .product-brands .brands-inner::-webkit-scrollbar-track {
background: #f1f1f1;
}
.shop-side-action .action-item .product-brands .brands-inner::-webkit-scrollbar-thumb {
background-color: #EE403D;
border-radius: 0;
border: none;
}
.shop-side-action .action-item .product-brands a {
font-size: 14px;
color: #777777;
margin-bottom: 10px;
font-weight: 500;
}
.shop-side-action .action-item .product-brands a:hover {
color: #040404;
}
.shop-side-action .banner-item {
background: #EE403D;
border-radius: 6px;
display: block;
}
.shop-side-action .banner-item .banner-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
height: 370px;
}
.shop-side-action .banner-item .banner-inner .pretitle {
font-size: 14px;
color: #fff;
font-weight: 400;
margin-bottom: 7px;
}
.shop-side-action .banner-item .banner-inner .title {
font-size: 40px;
color: #fff;
}
.product-pagination-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-pagination-area button {
width: 50px;
height: 50px;
border: 1px solid #f0f0f0;
border-radius: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
margin-right: 7px;
}
.product-pagination-area button.active, .product-pagination-area button:hover {
background: #EE403D;
color: #fff;
}
@media (max-width: 576px) {
.products-area3 .product-item2 .product-image {
width: 100%;
}
.products-area3 .product-item2 .product-image img {
width: 100%;
}
}
.rts-account-section {
padding-bottom: 120px;
}
.account-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 1200px) {
.account-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.account-inner .account-side-navigation {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 40px;
margin-right: -10px;
}
.account-inner .account-side-navigation .filter-btn {
margin-right: 10px;
}
}
.account-side-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 60px;
}
@media (max-width: 1300px) {
.account-side-navigation {
margin-right: 20px;
}
}
@media (max-width: 500px) {
.account-side-navigation .filter-btn {
width: 100% !important;
}
}
.account-side-navigation .filter-btn {
width: 220px;
height: 60px;
border-radius: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 30px;
font-size: 16px;
font-weight: 500;
color: #999999;
border: 1px solid #ebebeb;
margin-bottom: 10px;
}
.account-side-navigation .filter-btn:last-child {
margin-bottom: 0;
}
.account-side-navigation .filter-btn.active {
color: #fff;
background: #EE403D;
border: 1px solid transparent;
}
.account-side-navigation .filter-btn i {
margin-right: 10px;
}
.dashboard .account-profile-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
.dashboard .account-profile-area .profile-dp {
margin-right: 20px;
max-width: 60px;
border-radius: 50%;
overflow: hidden;
}
.dashboard .account-profile-area .profile-name {
font-size: 20px;
}
.dashboard .account-profile-area .profile-name span {
color: #c3c3c3;
font-weight: 400;
}
.dashboard .account-profile-area .profile-date {
font-size: 14px;
color: #040404;
}
.dashboard p {
margin-bottom: 40px;
}
.dashboard .activity-box {
padding: 50px 60px;
border: 1px solid #f4f4f4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dashboard .activity-box .activity-item {
text-align: center;
}
.dashboard .activity-box .activity-item .icon {
margin-bottom: 15px;
}
.dashboard .activity-box .activity-item .icon i {
font-size: 37px;
}
.dashboard .activity-box .activity-item .title {
font-size: 18px;
margin-bottom: 5px;
}
.dashboard .activity-box .activity-item .value {
font-size: 14px;
color: #777777;
display: block;
}
@media (max-width: 1300px) {
.dashboard .activity-box {
padding: 30px 20px;
}
.dashboard .activity-box .activity-item .icon i {
font-size: 30px;
}
.dashboard .activity-box .activity-item .title {
font-size: 16px;
}
}
@media (max-width: 900px) {
.dashboard .activity-box {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.dashboard .activity-box .activity-item {
margin: 0 20px;
margin-bottom: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 768px) {
.dashboard .activity-box .activity-item {
width: 100%;
margin: 0;
margin-bottom: 30px;
}
}
.orders tr th:last-child {
text-align: end;
padding-right: 0;
}
.orders tr td:last-child {
text-align: end;
}
@media (max-width: 768px) {
.orders h2 {
text-align: center;
}
.orders .top-tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.orders tr td:last-child {
text-align: center;
}
}
@media (max-width: 768px) {
.address .billing-address {
margin-bottom: 30px;
}
}
.login-form {
margin-right: 20px;
}
.login-form .section-title {
margin-bottom: 40px;
}
@media (max-width: 450px) {
.login-form .section-title {
margin: 30px 0 10px 0;
}
}
.login-form .section-title h2 {
font-size: 28px;
line-height: 32px;
font-weight: 700;
}
.login-form .card .card-body {
padding: 50px 40px;
}
.login-form .card .card-body .form {
margin-bottom: 30px;
}
.login-form .card .card-body .form .form-label {
font-size: 16px;
font-weight: 500;
line-height: 1.5;
color: #444;
}
.login-form .card .card-body .form .form-control {
color: #000;
border: 2px solid #f4f4f4;
padding: 18px 15px 18px 30px;
border-radius: 5px;
}
.login-form .card .card-body .form .form-control::-webkit-input-placeholder {
color: #666666;
}
.login-form .card .card-body .form .form-control::-moz-placeholder {
color: #666666;
}
.login-form .card .card-body .form .form-control:-ms-input-placeholder {
color: #666666;
}
.login-form .card .card-body .form .form-control::-ms-input-placeholder {
color: #666666;
}
.login-form .card .card-body .form .form-control::placeholder {
color: #666666;
}
.login-form .card .card-body .form .password-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.login-form .card .card-body .form .password-input .show-password-input {
position: absolute;
right: 10px;
cursor: pointer;
}
.login-form .card .card-body .form .password-input .show-password-input::after {
content: "\f06e";
font-weight: 500;
color: #777777;
font-family: "Font awesome 5 Pro";
}
.login-form .card .card-body .form .btn {
text-align: center;
width: 200px;
height: 60px;
color: #fff;
font-size: 16px;
font-weight: 700;
background-color: #EE403D;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.login-form .card .card-body .form .btn:hover {
background: #000;
}
.login-form .card .card-body .form .btn i {
margin-left: 10px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.login-form .card .card-body .forgot-password {
font-size: 16px;
color: #444;
font-weight: 500;
margin-top: 18px;
}
.rts-wishlist-section {
padding: 100px 0;
}
@media (max-width: 900px) {
.rts-wishlist-section {
padding: 50px 0;
}
}
@media (max-width: 576px) {
.rts-wishlist-section {
padding: 25px 0;
}
}
@media (max-width: 900px) {
.rts-wishlist-section .table-bordered .heading {
display: none;
}
}
.rts-wishlist-section .table-bordered .heading th {
border: none;
font-size: 18px;
padding: 10px 0;
}
@media (max-width: 900px) {
.rts-wishlist-section tr {
display: block;
text-align: center;
}
}
@media (max-width: 900px) {
.rts-wishlist-section tr {
padding: 30px 0;
}
}
@media (max-width: 900px) {
.rts-wishlist-section tr td {
display: block;
text-align: center;
padding: 0 !important;
}
}
.rts-wishlist-section .first-child {
width: 37%;
}
@media (max-width: 900px) {
.rts-wishlist-section .first-child {
width: 100%;
display: -ms-grid;
display: grid;
text-align: center;
}
}
.rts-wishlist-section .first-td button {
margin-right: 15px;
}
@media (max-width: 900px) {
.rts-wishlist-section .first-td button {
margin: 0 0 15px 0;
}
}
.rts-wishlist-section .pretitle {
font-size: 14px;
color: var(--theme-color);
font-weight: 500;
padding-left: 40px;
}
@media (max-width: 991px) {
.rts-wishlist-section .pretitle {
padding-left: 10px;
}
}
@media (max-width: 900px) {
.rts-wishlist-section .pretitle {
margin: 0 0 15px;
}
}
.rts-wishlist-section .product-title {
font-size: 16px;
font-weight: 500;
}
@media (max-width: 900px) {
.rts-wishlist-section .product-title {
margin: 0 0 10px;
}
}
.rts-wishlist-section .product-price {
color: #040404;
font-size: 14px;
}
@media (max-width: 900px) {
.rts-wishlist-section .product-price {
margin: 0 0 10px;
}
}
.rts-wishlist-section .stock {
color: #99cc33;
font-weight: bold;
}
@media (max-width: 900px) {
.rts-wishlist-section .stock {
margin: 0 0 10px;
}
}
.rts-wishlist-section .stock1 {
color: #cc0033;
font-weight: bold;
}
@media (max-width: 900px) {
.rts-wishlist-section .stock1 {
margin: 0 0 10px;
}
}
.rts-wishlist-section .last-td {
width: 15%;
text-align: center;
}
@media (max-width: 900px) {
.rts-wishlist-section .last-td {
width: 100%;
text-align: center;
}
}
.rts-wishlist-section .last-td .cart-btn {
font-size: 14px;
font-weight: 700;
width: 150px;
height: 45px;
border-radius: 7px;
border: 1px solid #e7e7e7;
-webkit-transition: all 500ms;
transition: all 500ms;
}
@media (max-width: 1200px) {
.rts-wishlist-section .last-td .cart-btn {
padding: 0 18px;
}
}
.rts-wishlist-section .last-td .cart-btn:hover {
background: #EE403D;
color: #fff;
}
.rts-wishlist-section .last-td .cart-btn i {
-webkit-transition: all 50ms;
transition: all 50ms;
}
.rts-wishlist-section .last-td .cart-btn1 {
font-size: 14px;
background-color: #ececec;
color: #ccc;
font-weight: 700;
width: 150px;
height: 45px;
border-radius: 7px;
border: 1px solid #e7e7e7;
}
.rts-wishlist-section .wishlist-social {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 900px) {
.rts-wishlist-section .wishlist-social {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 576px) {
.rts-wishlist-section .wishlist-social {
margin: 0;
}
}
.rts-wishlist-section .wishlist-social .text {
margin-right: 10px;
}
.rts-wishlist-section .wishlist-social .text a {
font-size: 16px;
font-weight: 700;
text-decoration: underline;
}
.rts-wishlist-section .wishlist-social .icon ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rts-wishlist-section .wishlist-social .icon ul li {
margin: 0 10px;
padding: 2px 5px;
-webkit-transition: all 500ms;
transition: all 500ms;
}
@media (max-width: 400px) {
.rts-wishlist-section .wishlist-social .icon ul li {
margin: 0 5px;
}
}
.rts-wishlist-section .wishlist-social .icon ul li:hover {
background: #EE403D;
}
.rts-wishlist-section .wishlist-social .icon ul li:hover a {
color: #fff;
}
.rts-wishlist-section .wishlist-social .icon ul li a {
font-size: 16px;
color: #999999;
font-weight: bold;
-webkit-transition: color 0ms;
transition: color 0ms;
}
/**------------------------------------------------------------------
* Buttons Start Here
*/
button {
-webkit-transition: all 500ms;
transition: all 500ms;
}
.shop-now-btn {
padding: 10px 25px;
background: #fff;
color: #040404;
font-weight: 700;
font-size: 14px;
line-height: 18px;
padding: 10px 20px;
padding-bottom: 12px;
border-radius: 6px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border: 1px solid #fff;
}
.shop-now-btn i {
margin-left: 5px;
}
.shop-now-btn:hover {
background: #EE403D;
color: #fff;
border: 1px solid #EE403D;
}
.arrow-btn-hover {
overflow: hidden;
}
.arrow-btn-hover:hover {
color: #fff;
background: transparent;
border: 1px solid transparent;
}
.arrow-btn-hover:hover::before {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.arrow-btn-hover:hover::after {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.arrow-btn-hover i {
margin-left: 5px;
font-size: 17px;
}
.arrow-btn-hover::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-clip-path: polygon(97% 0, 100% 50%, 97% 100%, 0 100%, 0 0);
clip-path: polygon(97% 0, 100% 50%, 97% 100%, 0 100%, 0 0);
background: #FF1856;
-webkit-transition: all 500ms;
transition: all 500ms;
z-index: -1;
}
.arrow-btn-hover::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 10%;
height: 100%;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-clip-path: polygon(70% 50%, 0 0, 0 100%);
clip-path: polygon(70% 50%, 0 0, 0 100%);
background: #fff;
-webkit-transition: all 300ms;
transition: all 300ms;
z-index: -1;
}
.rts-post-2-medium .post-title {
max-width: 350px;
}
.rts-post-2-medium .post-title a {
font-size: 20px;
line-height: 24px;
background-size: 200% 1px;
}
.all-products-link {
color: #040404;
font-size: 14px;
line-height: 26px;
padding: 15px 40px;
border: 2px solid #EFEFEF;
border-radius: 7px;
-webkit-transition: all 500ms;
transition: all 500ms;
}
.all-products-link:hover {
background: var(--theme-color);
border: 2px solid var(--theme-color);
color: #fff;
}
.newsletter-btn {
color: #fff;
font-weight: 600;
font-size: 13px;
line-height: 15px;
background: #1D72FF;
padding: 12px 25px;
-webkit-transition: background 500ms;
transition: background 500ms;
}
.newsletter-btn img {
margin-right: 2px;
margin-top: -1px;
-webkit-filter: hue-rotate(30deg) brightness(5);
filter: hue-rotate(30deg) brightness(5);
}
.newsletter-btn:hover {
background: #5295ff;
color: #fff;
}
.slider-btn {
width: 60px;
height: 60px;
border-radius: 50%;
background: #fff;
color: #040404;
}
.slider-btn:hover {
background: var(--theme-color);
color: #fff;
}
.slider-btn::after {
display: none;
}
.catagory-menu-icon {
cursor: pointer;
}
/**------------------------------------------------------------------
* Buttons End Here
*/
.floating-elements .floating-item {
position: absolute;
}
.banner5.floating-elements {
z-index: 10;
}
.banner5.floating-elements .item1 {
left: 20px;
bottom: -110px;
}
.banner5.floating-elements .item2 {
right: 50px;
top: 100px;
}
.banner5.floating-elements .item3 {
right: 80px;
bottom: -20px;
}
/*# sourceMappingURL=main.css.map */
.comfortable-polos-section{background: url(../images/construction-concept.jpg) center center no-repeat;background-size: cover;padding: 25px;}
.comfortable-title{font-size: 32px;font-weight: 800;}
.text-black{color: #000;}
.elementor-cta_button{background: #fff;border-radius: 15px;padding: 8px 15px;display: inline-block;}
.price-lable{font-size: 26px;}
.elementor-widget-wrap{border: 1px solid #000;padding: 20px;}
.heading-title{font-size: 22px;border-bottom: 1px solid #e1e1e1;font-weight: 600;padding-bottom: 10px;}
.product-list-inner img{width: 100px;}
.product-title{font-size: 18px;}
.quality-brands-section{background: url(../images/building-bg.jpg) center center no-repeat;background-size: cover;}
.fancy-font{color: #fff;font-size: 32px;}
.brands-btn{background: #69727d;padding: 8px 10px;border-radius: 4px;display: inline-block;}
.brand-logo{border-right: 0.2px solid #e1e1e1;
padding: 15px;
border-bottom: 1px solid #e1e1e1;
border-left: 0.2px solid #e1e1e1;}
.brand-logo img{width: 200px;}
.product-overlay {
position: absolute;
top: 10px;
right: 10px;
display: flex;
flex-direction: column;
gap: 5px;
}
.wishlist-btn, .cart-btn {
background: rgba(255, 255, 255, 0.8);
border: none;
border-radius: 50%;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: 0.3s;
}
.wishlist-btn:hover {
background: #ff4d4d;
color: white;
}
.cart-btn:hover {
background: #28a745;
color: white;
}
/* Mobile menu fix */
.slide-bar.active .mobile-menu nav#mobile-menu-active ul.nav__menu,.slide-bar.active .nav__menu {
display: flex;
flex-direction: column; /* Stack menu items vertically */
gap: 10px; /* Optional spacing between items */
}
.slide-bar.active .mobile-menu nav#mobile-menu-active ul.nav__menu li,.slide-bar.active .nav__menu li {
width: 100%; /* Make each menu item full width */
}
.slide-bar.active .mobile-menu nav#mobile-menu-active ul.nav__menu li a,.slide-bar.active .nav__menu a {
display: block; /* Ensure link occupies full width */
padding: 10px 20px; /* Adjust padding for touch-friendly menu */
font-size: 16px; /* Optional: adjust font size */
}
/* =================== MOBILE HEADER TWEAKS =================== */
@media (max-width: 991.98px){
/* keep header in one row: logo | actions | hamburger */
#rtsHeader .navbar-inner{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}
#rtsHeader .logo{order:1;flex:0 0 auto}
#rtsHeader .header-action-items{
order:2;margin-left:auto;display:flex !important;align-items:center;gap:.75rem
}
.hamburger{order:3;display:inline-flex}
/* search drops to 2nd row, full width */
#rtsHeader .navbar-search-area{order:4;flex:1 1 100%;max-width:100%}
#rtsHeader .navbar-search-area .search-input{width:100% !important}
/* make the icons readable on the dark header */
#rtsHeader .header-action-items,
#rtsHeader .header-action-items i{color:#fff !important;fill:#fff !important}
/* compact the icons and show nice badges ONLY in the header */
#rtsHeader .header-action-items .cart-nav,
#rtsHeader .header-action-items .cart-quote-icon{position:relative;display:flex;align-items:center;gap:.25rem}
/* style only the header counters (avoid globals) */
#rtsHeader .header-action-items .icon-dot{
position:absolute;top:-6px;right:-8px;
background:#fff;color:#0b1b2b;border:1px solid rgba(0,0,0,.12);
min-width:18px;height:18px;line-height:18px;text-align:center;
border-radius:999px;font-size:11px;font-weight:700;
}
/* optional: hide the literal “Q” next to the quote icon to save space */
}
/* =================== QUOTE/CART DRAWER FIX =================== */
/* Your theme's .icon-dot is global; neutralize it INSIDE the slideouts
so bubbles don't sit on top of product text. */
#header-quote-cart-data .icon-dot,
#header-cart-data .icon-dot{
position:static !important;
background:transparent !important;
color:inherit !important;
border:0 !important;
min-width:0 !important;height:auto !important;line-height:normal !important;
border-radius:0 !important;font-size:inherit !important;font-weight:inherit !important;
padding:0 !important;margin:0 !important;
display:none !important; /* simplest: hide them entirely in the drawer */
}
/* slightly larger tap targets for the two icons in the header */
#rtsHeader .header-action-items .cart i,
#rtsHeader .header-action-items .QuoteCart i{font-size:20px;line-height:1}
@media (max-width: 576px) {
.comfortable-polos-section { text-align: center; }
.comfortable-polos-section .elementor-cta_button { display: block; margin: 10px auto; }
.product-list-inner img { width: 60px !important; }
.service-item a { flex-direction: column; text-align: center; }
}
/* ===== Footer mobile accordion ===== */
@media (max-width: 500px){
.footer-widget a{ color:#82919f;
font-weight: 400;
font-size: 14px;
line-height: 30px;
-webkit-transition: all 200ms;
transition: all 200ms;
}
.branddiv{ margin-top:0px !important; }
.quality-brands-section { min-height:auto !important; }
}
/* Base dropdown */
.dropdown-ul {
position: absolute;
left: 0;
top: 100%;
background: #fff;
list-style: none;
padding: 0;
margin: 0;
min-width: 200px;
display: none;
z-index: 999;
}
.has-dropdown:hover > .dropdown-ul {
display: block;
}
/* Nested dropdown (sub-menu inside dropdown) */
.dropdown-ul.nested {
position: absolute;
top: 0;
left: 100%;
background: #fff;
min-width: 200px;
display: none;
z-index: 1000;
}
/* Show nested submenu on hover */
.dropdown-li.has-dropdown:hover > .dropdown-ul.nested {
display: block;
}
/* Optional styling for better appearance */
.dropdown-ul li {
position: relative;
}
.dropdown-link {
display: block;
padding: 10px 15px;
color: #333;
text-decoration: none;
}
.dropdown-link:hover {
background: #f5f5f5;
color: #000;
}
.usersubmenu{ background-color: #031424;
z-index:90 !important;}
.usersubmenu li:hover,.usersubmenu li a:hover{background: none !important;}
/* cart css */
.logodiv{text-align: center;}
.navbar-select-area.col-sm-8{
float: left;
padding-top: 22px;
}
/* Mobile header layout */
@media (max-width: 768px) {
.navbar-inner5 {
display: flex;
align-items: center;
justify-content: space-between;
}
.navbar-inner5 .hamburger {
order: 1;
}
.navbar-inner5 .logodiv {
order: 2;
text-align: center;
flex-grow: 1;
}
.navbar-inner5 .cart-area {
order: 3;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 5px;
}
.navbar-search-area {
width: 100%;
order: 4;
margin-top: 10px;
display: flex;
justify-content: center;
}
.navbar-search-area form {
width: 90%;
display: flex;
}
.navbar-search-area input {
flex: 1;
}
.cartdiv {
font-size: 12px;
gap:0px !important;
}
.cartdiv svg {
width: 15px;
}
}
.searchbtn {
width: 50px;
margin-left: 0px !important;
color: #031424;
position: absolute;
right: 50%;
}
.searchdiv:hover{background: #031424 !important;}
.search-input-icon.btn {
display: none;
}
.header-topbar .header-top-inner span,.header-topbar .header-top-inner a{
color: #fff !important;
font-weight: 400;
font-size: 14px;
line-height: 0;
}
.swiper-slide .product-item img.img-fluid {
max-height: 150px;
}
marquee span {
color: #fff;
}
.bottom-content a {
height: 48px;
}
.section-gap.quality-brands-section {
margin-top:15px;
}
.workwear-update-section {
margin-bottom: 10px;
}
.workwear-update-section {
position: relative;
}
.workwear-update-btn-wrapper {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
text-align: center;
}
/* Mobile Fix */
@media (max-width: 576px) {
.workwear-update-btn-wrapper {
bottom: 15px; /* Less space for mobile */
width: 100%; /* Full width wrapper */
padding: 0 10px; /* Side padding */
}
.workwear-update-btn {
padding: 2px 1px;
font-size: 16px;
width: 70%;
border-radius: 5px;
}
}
/* Default layout (desktop) */
.price-slider {
width: 100%;
transform: rotate(0deg); /* horizontal */
}
/* Mobile only */
@media (max-width: 768px) {
.price-slider {
width: 100%; /* make full width horizontally */
transform: rotate(0deg); /* ensure horizontal */
touch-action: pan-x; /* only react to horizontal swipe */
}
}
.product-img {
height: 230px; /* Fix image height */
width: 100%;
object-fit: contain; /* Prevent stretching */
background: #fff; /* Optional clean background */
padding: 10px; /* Optional for spacing */
}
.product-card {
display: flex;
flex-direction: column;
}
.product-card .card-body {
flex: 1;
display: flex;
flex-direction: column;
}
.productbox-title {
min-height: 48px; /* Reserve space for 2 lines */
overflow: hidden;
}
.productbox-title {
font-size: 14px;
font-weight: bold;
line-height: 1.2;
height: 40px; /* lock space */
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2; /* show only 2 lines */
-webkit-box-orient: vertical;
}
.product-info {
flex: 1;
gap:1px !important;
}
.dual-slider {
position: relative;
width: 100%;
height: 55px;
}
/* CLICKABLE TRACK AREA */
.slider-click-area {
position: absolute;
width: 100%;
height: 20px;
top: 22px;
cursor: pointer;
z-index: 1;
}
.slider-track {
position: absolute;
height: 6px;
width: 100%;
background: #dcdcdc;
top: 7px;
border-radius: 3px;
}
.slider-range {
position: absolute;
height: 6px;
background: #0d6efd;
top: 7px;
border-radius: 3px;
}
/* RANGE INPUTS ABOVE TRACK BUT DO NOT BLOCK CLICK */
.dual-slider input[type="range"] {
position: absolute;
width: 100%;
height: 20px;
top: 22px;
z-index: 2;
background: none;
pointer-events: none; /* <<< IMPORTANT */
-webkit-appearance: none;
}
.dual-slider input[type="range"]::-webkit-slider-thumb {
pointer-events: auto; /* <<< FIXES SLOW/NO CLICK */
width: 20px;
height: 20px;
background: #007bff;
border-radius: 50%;
cursor: pointer;
-webkit-appearance: none;
}
.dual-slider input[type="range"]::-moz-range-thumb {
pointer-events: auto;
width: 18px;
height: 18px;
background: #007bff;
border-radius: 50%;
cursor: pointer;
}
.slider-click-area {
pointer-events: auto;
}
.thumb-left,
.thumb-right {
pointer-events: auto; /* allow dragging */
}
.slider-track,
.slider-range {
pointer-events: none; /* do not block dragging */
}
.detail_desc ul{ padding-left: 20px;}
.detail_Desc ul li{list-style-type: disc;}
.btn-primary{
background-color: #F98E4C !important;
border-color: #F98E4C !important;
}
.btn-outline-primary {
color: #F98E4C !important;
border-color: #F98E4C !important;
}
.color_class{
color:#F98E4C !important;
}
/* new header/footer design */
:root{
--navy: #00121F;
--navy-dark: #00121F;
--navy-footer-top: #011627;
--navy-footer-bottom: #00121F;
--navy-mid: #00121F;
--navy-light: #00121F;
--accent: #F98E4C;
--white: #ffffff;
--muted: #95a3b3;
--surface: #ffffff;
--body-bg: #f6f8fb;
--max-width: 1280px;
--edge-gap: 20px;
--radius-sm: 6px;
--radius-md: 10px;
--radius-lg: 16px;
--shadow-soft: 0 8px 28px rgba(2,6,23,0.06);
--shadow-strong: 0 18px 50px rgba(2,6,23,0.18);
--transition-fast: 0.18s ease;
--transition-med: 0.25s ease;
}
/* =======================================
2. GLOBAL RESETS
======================================= */
*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
min-height:100vh;
display:flex;
flex-direction:column;
margin:0;
font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif;
background:var(--body-bg);
color:#0f1724;
line-height:1.6;
}
main{ flex:1; }
img{ max-width:100%; display:block; }
a{ color:inherit; }
/* Focus outlines */
a:focus,
button:focus,
input:focus{
outline:3px solid rgba(249,142,76,0.25);
outline-offset:3px;
}
/* Utility: visually hidden */
.visually-hidden{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}
/* Skip link */
.skip-link{
position:absolute;
left:-999px;
top:8px;
background:var(--accent);
color:var(--navy);
padding:10px 14px;
border-radius:12px;
font-weight:700;
text-decoration:none;
z-index:2000;
transition:left .18s ease, box-shadow .18s ease;
}
.skip-link:focus{
left:12px;
box-shadow:0 10px 24px rgba(0,0,0,0.18);
}
/* =======================================
3. HEADER (TOPBAR + MAIN BAR)
======================================= */
.wg-header{
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1300;
}
body{
padding-top: 235px; /* header height જેટલું */
}
.btn-outline-primary:hover {
color: #fff !important;
background-color: #F98E4C;
border-color: #F98E4C;
}
.text-primary {
color: #F98E4C !important;
}
.step-number{
background: linear-gradient(135deg, #F98E4C, #C96A2E) !important;
}
.wg-topbar{
background:linear-gradient(180deg,var(--navy-footer-top),var(--navy-footer-bottom));
color:#dbe3ee;
text-align:center;
padding:6px 12px;
font-size:0.78rem;
letter-spacing:0.06em;
text-transform:uppercase;
}
.wg-topbar strong{
background:rgba(255,255,255,0.14);
color:var(--white);
padding:2px 10px;
border-radius:999px;
font-weight:700;
letter-spacing:0.12em;
}
body.promo-on .wg-topbar{ display:block; }
/* Utility bar (always-on, non-promo) */
.wg-utility{
background:linear-gradient(180deg,var(--navy-footer-top),var(--navy-footer-bottom));
color:rgba(255,255,255,0.92);
border-bottom:1px solid rgba(255,255,255,0.10);
}
.wg-utility .inner{
max-width:var(--max-width);
margin:0 auto;
padding:10px var(--edge-gap);
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
font-size:0.9rem;
}
.wg-utility .left,
.wg-utility .right{
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap;
}
.wg-utility a{
color:rgba(255,255,255,0.92);
text-decoration:none;
font-weight:600;
transition:opacity .18s ease;
}
.wg-utility a:hover{ opacity:0.9; }
.wg-utility .sep{
width:1px;
height:14px;
background:rgba(255,255,255,0.18);
}
.wg-utility .pill{
display:inline-flex;
align-items:center;
gap:8px;
padding:6px 10px;
border-radius:999px;
background:rgba(255,255,255,0.10);
border:1px solid rgba(255,255,255,0.14);
box-shadow:0 10px 20px rgba(0,0,0,0.10);
line-height:1;
font-weight:700;
letter-spacing:0.02em;
color:#ffffff;
}
.wg-utility .muted{
color:rgba(255,255,255,0.72);
font-weight:600;
}
@media (max-width:1024px){
.wg-utility{ display:none; }
}
.wg-main-wrap{
background:linear-gradient(90deg,var(--navy) 0%, var(--navy-mid) 55%, var(--navy-light) 100%);
border-bottom:1px solid rgba(255,255,255,0.10);
position:relative;
will-change: transform;
/*transform: translateZ(0);*/
transition:background var(--transition-med),box-shadow var(--transition-med);
}
body.scrolled .wg-main-wrap{
box-shadow:0 6px 18px rgba(2,6,23,0.28);
border-bottom:1px solid rgba(1,22,39,0.12);
}
body.scrolled .wg-main{ padding:14px var(--edge-gap); }
body.scrolled .logo img{
height:clamp(58px, 5.2vw + 14px, 78px);
max-height:78px;
}
.wg-main-wrap::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
radial-gradient(1200px 220px at 30% 0%, rgba(255,255,255,0.08), transparent 62%),
radial-gradient(900px 220px at 78% 0%, rgba(255,255,255,0.10), transparent 58%),
linear-gradient(180deg, rgba(255,255,255,0.06), transparent 48%);
opacity:0.75;
}
.wg-main{ position:relative; z-index:1; }
.wg-main{
max-width:var(--max-width);
margin:0 auto;
padding:24px var(--edge-gap);
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
transition:padding var(--transition-med);
}
.wg-left,
.wg-center,
.wg-right{
display:flex;
align-items:center;
}
.wg-left{ flex:0 0 auto; }
.wg-center{ flex:1; justify-content:center; }
.wg-right{ flex:0 0 auto; gap:12px; }
/* Mobile menu button */
.mobile-menu-btn{
background:none;
border:0;
color:var(--white);
font-size:22px;
cursor:pointer;
padding:8px;
border-radius:8px;
display:none;
transition:transform .18s ease, background-color .18s ease;
}
.mobile-menu-btn:hover{
background-color:rgba(255,255,255,0.06);
color:var(--white);
}
.mobile-menu-btn:active{
transform:scale(.94);
}
.mobile-menu-btn svg{
width:24px;
height:24px;
fill:currentColor;
}
.menu-btn-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:0;
}
.menu-label{
color:var(--white);
font-size:0.68rem;
letter-spacing:0.03em;
text-transform:uppercase;
line-height:1;
opacity:0.9;
margin-top:0;
}
.mobile-item {
border-bottom: 1px solid #e5e5e5;
}
.mobile-link {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 16px;
font-size: 18px;
font-weight: 500;
text-decoration: none;
color: #222;
}
.arrow {
font-size: 18px;
}
.mobile-submenu {
background: #f8f8f8;
}
.mobile-submenu li {
border-top: 1px solid #eee;
}
.submenu-link {
display: block;
padding: 12px 24px;
font-size: 16px;
color: #333;
text-decoration: none;
}
.mobile-childmenu .child-link {
display: block;
padding: 10px 40px;
font-size: 14px;
color: #666;
text-decoration: none;
}
/* Logo */
.logo img{
height:clamp(62px, 6.2vw + 18px, 86px);
max-height:86px;
object-fit:contain;
transition:height var(--transition-med),transform var(--transition-med),filter var(--transition-med), margin-top var(--transition-med);
margin-top:0;
filter:drop-shadow(0 1px 2px rgba(0,0,0,0.25));
}
/* =======================================
4. HEADER SEARCH + ACTIONS
======================================= */
.wg-search{
flex:0 0 460px;
max-width:50%;
display:flex;
justify-content:center;
}
.wg-search input{
box-shadow:0 12px 30px rgba(1,22,39,0.12);
width:100%;
padding:4px 42px 4px 14px;
border-radius:999px;
border:1px solid rgba(1,22,39,0.10);
background:#ffffff;
font-size:1rem; /* keep at 16px+ to avoid mobile zoom */
outline:none;
background-image:url('data:image/svg+xml;utf8,');
background-repeat:no-repeat;
background-position:right 12px center;
transition:box-shadow var(--transition-med),transform .18s ease,opacity .25s ease,border-color .18s ease;
}
.wg-search input:focus{
box-shadow:0 10px 30px rgba(1,22,39,0.18);
transform:translateY(-1px);
border-color:rgba(249,142,76,0.6);
}
body.scrolled .wg-search input{
opacity:0.9;
}
/* Mobile inline search (inside top bar) */
.wg-mobile-searchbar{
display:none;
width:100%;
flex:1 1 100%;
}
.wg-mobile-searchbar .search-wrap{
position:relative;
width:100%;
}
.wg-mobile-searchbar input{
width:100%;
padding:9px 52px 9px 12px;
border-radius:12px;
border:1px solid rgba(1,22,39,0.22);
font-size:1rem;
font-weight:500;
background:#fff;
box-shadow:
0 12px 26px rgba(1,22,39,0.12),
inset 0 1px 3px rgba(0,0,0,0.10),
inset 0 1px 0 rgba(255,255,255,0.7);
outline:none;
}
.wg-mobile-searchbar input:focus{
border-color:rgba(249,142,76,0.65);
box-shadow:0 14px 30px rgba(1,22,39,0.18), inset 0 1px 0 rgba(255,255,255,0.8);
}
.wg-mobile-searchbar input::placeholder{
color:#4a5566;
font-weight:500;
}
.wg-mobile-searchbar button{
position:absolute;
right:8px;
top:50%;
transform:translateY(-50%);
width:44px;
height:44px;
border-radius:12px;
border:0;
background:transparent;
color:var(--accent);
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
box-shadow:none;
transition:transform var(--transition-fast);
}
.wg-mobile-searchbar button:hover{
transform:translateY(-50%) translateY(-1px);
}
.wg-mobile-searchbar button:active{
transform:translateY(-50%);
}
.wg-mobile-searchbar button svg{
width:18px;
height:18px;
stroke:currentColor;
stroke-width:2.4;
fill:none;
}
.wg-mobile-searchbar{
margin-top:0px;
}
.wg-actions{
display:flex;
align-items:center;
gap:10px;
}
.wg-mobile-actions{
display:none;
align-items:center;
gap:10px;
}
.wg-mobile-actions a{
display:flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
color:var(--white);
border:0;
border-radius:10px;
text-decoration:none;
transition:background-color .18s ease,transform .18s ease;
position:relative;
}
.wg-mobile-actions a:hover{
background-color:rgba(255,255,255,0.08);
transform:translateY(-1px);
}
.wg-mobile-actions .badge{
position:absolute;
top:-4px;
right:-4px;
min-width:18px;
height:18px;
padding:0 5px;
border-radius:999px;
background:var(--accent);
color:var(--white);
font-size:0.72rem;
line-height:18px;
text-align:center;
font-weight:700;
transform:scale(1);
transition:transform .16s ease, opacity .16s ease;
}
.wg-mobile-actions a.account{
opacity:1;
}
.wg-mobile-actions a.quote{
opacity:1;
}
.wg-mobile-actions a.account:hover{
opacity:1;
}
.wg-mobile-actions a.cart:active .badge{
transform:scale(1.08);
}
body
.wg-mobile-actions svg{
shape-rendering:geometricPrecision;
text-rendering:geometricPrecision;
width:22px;
height:22px;
color:var(--white);
fill:currentColor;
stroke:none;
}
.wg-mobile-actions a.cart svg{
width:22px;
height:22px;
}
.wg-action{
display:flex;
align-items:center;
gap:8px;
color:#ffffff;
text-decoration:none;
font-weight:650;
padding:8px 6px;
border:0;
background:transparent;
border-radius:10px;
position:relative;
transition:transform .18s ease, opacity .18s ease;
}
.wg-action::after{
content:"";
position:absolute;
left:6px;
right:6px;
bottom:4px;
height:2px;
background:linear-gradient(90deg, transparent, var(--accent), transparent);
transform:scaleX(0.65);
opacity:0;
transition:transform .22s ease, opacity .22s ease;
}
.wg-action svg{
transition:transform .18s ease, filter .18s ease;
}
.wg-action:hover{
opacity:1;
transform:translateY(-1px);
color: #ffffff;
}
.wg-action:hover::after{
transform:scaleX(1);
opacity:1;
}
.wg-action:hover svg{
transform:translateY(-1px);
filter:drop-shadow(0 6px 14px rgba(0,0,0,0.25));
}
.wg-action:active{
transform:translateY(0px);
}
.wg-action svg{
shape-rendering:geometricPrecision;
text-rendering:geometricPrecision;
width:20px;
height:20px;
fill:currentColor;
stroke:none;
}
.wg-action .count{
background:rgba(255,255,255,0.18);
padding:2px 7px;
border-radius:999px;
font-size:0.78rem;
color: #fff;
}
/* =======================================
5. DESKTOP NAVIGATION + MEGA MENU
======================================= */
/* Premium transition line between header and page content */
.wg-transition-line{
height:3px;
width:100%;
background:linear-gradient(90deg,
rgba(255,255,255,0.0) 0%,
rgba(255,255,255,0.85) 18%,
var(--accent) 50%,
rgba(255,255,255,0.85) 82%,
rgba(255,255,255,0.0) 100%
);
box-shadow:0 10px 26px rgba(2,6,23,0.10);
}
.wg-nav{
background:var(--surface);
border-top:1px solid #eef2f6;
border-bottom:1px solid #eef2f6;
box-shadow:0 6px 18px rgba(2,6,23,0.02);
/* position:relative;
z-index:1200; */
}
.wg-nav .inner{
max-width:var(--max-width);
margin:0 auto;
padding:14px 20px;
display:flex;
align-items:center;
justify-content:center;
gap:22px;
}
.wg-nav .nav-divider{
width:1px;
height:18px;
background:rgba(1,22,39,0.10);
}
.wg-nav a.is-active{
color:var(--navy);
}
.wg-nav a.is-active::after{
width:100%;
}
.wg-nav ul{
display:flex;
gap:40px;
justify-content:center;
list-style:none;
margin:0;
padding:0;
}
.nav-item{
position:relative;
display:flex;
align-items:center;
}
.nav-item.has-mega{
/* marker for items with mega menu */
}
/* Premium nav hover: orange text + down chevron (no underline) */
.wg-nav a{
color:var(--navy);
text-decoration:none;
font-weight:600;
font-size:1rem;
position:relative;
padding:6px 18px 6px 4px; /* space for chevron */
transition:color .18s ease;
}
.wg-nav a:hover{ color:var(--accent); }
.wg-nav a::after{ display:none; }
/* 1. The Link: Set up as a flex container to align text and icon perfectly */
.nav-item.has-mega > a {
display: flex;
align-items: center;
gap: 4px; /* Space between text and chevron */
text-decoration: none;
color: inherit;
position: relative;
}
/* 2. The Icon: We use the ::after pseudo-element as a fixed-size square */
.nav-item.has-mega > a::after {
content: "";
/* Create a perfect square so the center is mathematically exact */
width: 16px;
height: 16px;
/* The SVG Arrow (Pointing Right) */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 12px; /* Control the icon size inside the square */
/* Initial Color and State */
opacity: 0.8;
transform: rotate(0deg);
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s ease;
/* Force the rotation to happen exactly in the middle */
transform-origin: center center;
display: inline-block;
}
/* 3. The Hover State: Clean 90-degree turn */
.nav-item.has-mega:hover > a::after {
transform: rotate(90deg);
color: var(--accent); /* This works if your SVG uses 'currentColor' */
opacity: 1;
}
/* When a mega menu is open: keep link highlighted */
.nav-item.has-mega.is-open > a{ color:var(--accent); }
.nav-item.has-mega.is-open > a::before{
color:var(--accent);
transform:translateY(-50%) rotate(180deg);
}
/* Mega menu panel (full-width, unified) */
.mega{
position:absolute;
border:1px solid rgba(2,6,23,0.08);
overflow:hidden;
left:50%;
top:100%;
/* Shrink panel to content (prevents 3rd-column whitespace) */
width:max-content;
max-width:min(1000px, calc(100vw - 40px));
background:var(--white);
box-shadow:0 14px 40px rgba(2,6,23,0.10);
padding:18px 0 20px;
opacity:0;
visibility:hidden;
transform:translate(-20%,12px) scale(.96);
transition:opacity .22s cubic-bezier(.2,.9,.2,1), transform .22s cubic-bezier(.2,.9,.2,1), visibility .22s;
pointer-events:none;
border-radius:10px;
}
/* Size mega menu to content by column count (prevents single-column whitespace) */
.mega[data-cols="1"]{ max-width:420px; }
.mega[data-cols="2"]{ max-width:780px; }
.mega[data-cols="3"]{ max-width:980px; }
.mega[data-cols="4"]{ max-width:1120px; }
.mega[data-cols="1"] .cols{ padding:10px 16px 12px; column-gap:22px; max-width:none; margin:0; width:fit-content; }
.mega[data-cols="1"] .col{ min-width:280px; padding-right:0; }
.nav-item.has-mega.is-open > .mega{
opacity:1;
visibility:visible;
transform:translate(-20%,8px) scale(1);
pointer-events:auto;
}
.mega::before{
content:"";
position:absolute;
left:0; right:0; top:0;
height:2px;
/* Softer highlight so it doesn’t fight the global orange separator */
background:linear-gradient(90deg,
rgba(255,255,255,0) 0%,
rgba(249,142,76,0.45) 50%,
rgba(255,255,255,0) 100%
);
}
.mega .cols{
display:flex;
align-items:flex-start;
justify-content:flex-start;
column-gap:28px;
max-width:none; /* let content define width */
width:max-content; /* collapse extra space */
margin:0 auto;
padding:8px 24px 0;
}
.mega .col{
min-width:150px;
max-width:260px;
padding-right:0;
}
.mega h4{
margin:0 0 8px;
font-size:0.9rem;
color:var(--navy);
font-weight:700;
letter-spacing:0.06em;
text-transform:uppercase;
}
.mega a{
display:block;
padding:4px 0;
color:#213244;
text-decoration:none;
font-size:0.9rem;
transition:color .15s ease, transform .15s ease;
}
.mega a:hover{
color:var(--accent);
transform:translateX(2px);
}
/* =======================================
5b. RESPONSIVE NAV/HEADER
======================================= */
@media (max-width:1200px){
.wg-nav ul{ gap:28px; }
.wg-search{ flex:0 0 360px; }
}
@media (max-width:1024px){
.wg-main{
padding:10px var(--edge-gap) 0;
gap:8px;
justify-content:center;
position:relative;
flex-wrap:wrap;
align-items:center;
}
.wg-left{
position:absolute;
left:var(--edge-gap);
top:20px;
transform:none;
}
.wg-mobile-actions{
display:flex;
position:absolute;
right:var(--edge-gap);
top:20px;
transform:none;
}
.mobile-menu-btn{
display:flex;
align-items:center;
justify-content:center;
}
.logo img{
height:56px;
max-height:60px;
}
.wg-search{ display:none; }
.wg-right{ display:none !important; }
.wg-nav{ display:none; }
.wg-mobile-searchbar{
display:block;
order:5;
width:calc(100% + 12px);
margin-left:-6px;
margin-right:-6px;
}
.wg-center{
width:auto;
flex:1 1 auto;
display:flex;
justify-content:center;
}
.wg-center .logo{
margin-left:0;
}
.wg-center .logo img{
height:54px;
max-height:60px;
}
}
@media (max-width:640px){
.wg-main{
padding:12px var(--edge-gap);
}
.wg-left{ left:16px; }
.wg-mobile-actions{ right:16px; }
.logo img{
height:54px;
max-height:58px;
}
}
/* =======================================
6. BREADCRUMB
======================================= */
.breadcrumb{
margin:0 0 12px;
padding:0;
font-size:0.88rem;
color:#6b7785;
display:flex;
gap:8px;
align-items:center;
}
.breadcrumb a{
color:var(--accent);
text-decoration:none;
}
/* =======================================
7. MOBILE MENU (SLIDE-OUT + SEARCH)
======================================= */
.wg-mobile-menu{
position:fixed;
top:0;
left:0;
width:clamp(320px, 82vw, 400px);
height:100dvh;
background:#f8fafc;
padding:0 16px;
display:flex;
flex-direction:column;
align-items:stretch;
overflow:hidden;
transform:translateX(-100%);
opacity:0;
visibility:hidden;
transition:transform .46s cubic-bezier(.18,.9,.18,1),opacity .32s ease,visibility .32s ease;
z-index:1500;
border-top-right-radius:18px;
border-bottom-right-radius:18px;
box-shadow:20px 0 60px rgba(0,0,0,0.18);
color:var(--navy);
overflow:hidden;
}
.wg-mobile-menu.open{
transform:translateX(0);
opacity:1;
visibility:visible;
}
.mobile-menu-top{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
flex:0 0 auto;
margin:0 -20px;
padding:28px 20px 20px;
background:linear-gradient(90deg,var(--navy) 0%, var(--navy-mid) 55%, var(--navy-light) 100%);
position:relative;
overflow:hidden;
color:#fff;
z-index:5;
border-bottom:1px solid rgba(255,255,255,0.06);
}
.mobile-menu-top span,.mobile-menu-top button{color:#ffffff;}
.mobile-menu-top::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
radial-gradient(1200px 220px at 30% 0%, rgba(255,255,255,0.08), transparent 62%),
radial-gradient(900px 220px at 78% 0%, rgba(255,255,255,0.10), transparent 58%),
linear-gradient(180deg, rgba(255,255,255,0.06), transparent 48%);
opacity:0.75;
z-index:0;
}
.mobile-menu-top .menu-back{
background:none;
border:0;
color:#fff;
font-size:20px;
cursor:pointer;
padding:8px 10px;
border-radius:10px;
width:40px;
min-width:40px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
transition:background-color .18s ease, transform .18s ease;
}
.mobile-menu-top .menu-back:hover{
background:rgba(1,22,39,0.06);
}
.mobile-menu-top .menu-back:active{
transform:scale(.96);
}
.mobile-menu-top .menu-title{
flex:1;
text-align:center;
font-weight:700;
color:#fff;
letter-spacing:0.04em;
text-transform:uppercase;
}
.mobile-menu-top .menu-close{
background:none;
border:0;
color:#fff;
font-size:22px;
cursor:pointer;
padding:8px 10px;
border-radius:10px;
width:40px;
min-width:40px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
transition:background-color .18s ease, transform .18s ease;
}
.mobile-menu-top .menu-close:hover{
background:rgba(1,22,39,0.06);
}
.mobile-menu-top .menu-close:active{
transform:scale(.96);
}
.mobile-search{
position:relative;
margin:0;
padding:8px 0 8px;
background:#f8fafc;
z-index:1;
flex:0 0 auto;
}
.mobile-search input{
width:100%;
padding:8px 32px 8px 10px;
border-radius:12px;
border:1px solid #c9d2dc;
background:#e3e8ef;
color:var(--navy);
font-size:1rem; /* prevent iOS zoom on focus */
outline:none;
background-image:url('data:image/svg+xml;utf8,');
background-repeat:no-repeat;
background-size:18px;
background-position:right 12px center;
transition:border-color .18s ease, box-shadow .18s ease;
}
.mobile-search input::placeholder{
color:#6b7785;
}
.mobile-search input:focus{
border-color:rgba(249,142,76,0.8);
box-shadow:0 0 0 1px rgba(249,142,76,0.45);
}
.mobile-bottom-bar{
height: 80px;
position:fixed;
left:0;
right:0;
bottom:0;
flex:0 0 auto;
margin:0;
padding:12px 22px calc(16px + env(safe-area-inset-bottom, 0px));
display:flex;
justify-content:space-between;
align-items:center;
gap:28%;
background:linear-gradient(90deg,var(--navy) 0%, var(--navy-mid) 55%, var(--navy-light) 100%);
overflow:hidden;
box-shadow:0 -8px 20px rgba(0,0,0,0.08);
z-index:1600;
padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px));
}
.mobile-bottom-bar::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
radial-gradient(1200px 220px at 30% 0%, rgba(255,255,255,0.08), transparent 62%),
radial-gradient(900px 220px at 78% 0%, rgba(255,255,255,0.10), transparent 58%),
linear-gradient(180deg, rgba(255,255,255,0.06), transparent 48%);
opacity:0.75;
z-index:0;
}
.mobile-bottom-bar > *{
position:relative;
z-index:1;
}
.mobile-bottom-bar a{
color:#ffffff;
text-decoration:none;
font-size:0.82rem;
display:flex;
flex-direction:column;
align-items:center;
gap:6px;
position:relative;
padding-top:10px;
}
.mobile-bottom-bar svg{
shape-rendering:geometricPrecision;
text-rendering:geometricPrecision;
width:22px;
height:22px;
fill:currentColor;
stroke:none;
}
.mobile-bottom-bar a.quote{
transform:translateX(-4px);
}
.mobile-bottom-bar .pill{
position:absolute;
top:-4px;
right:-6px;
min-width:18px;
height:18px;
padding:0 5px;
border-radius:999px;
background:var(--accent);
color:var(--white);
font-weight:700;
font-size:0.72rem;
line-height:18px;
text-align:center;
}
.mobile-bottom-bar a:last-child .pill{
right:-12px; /* nudge cart badge slightly right */
}
.mobile-bottom-bar .badge{
position:absolute;
top:-4px;
right:-6px;
min-width:18px;
height:18px;
padding:0 5px;
border-radius:999px;
background:var(--accent);
color:var(--white);
font-weight:700;
font-size:0.72rem;
line-height:18px;
text-align:center;
}
.mobile-bottom-bar a:last-child .badge{
right:-12px; /* nudge cart badge slightly right */
}
.mobile-bottom-bar .label{color:#fff;}
.wg-mobile-actions .label {
display: none;
}
.wg-backdrop{
position:fixed;
inset:0;
background:rgba(0,0,0,0.45);
opacity:0;
visibility:hidden;
transition:opacity .25s ease,visibility .25s ease;
z-index:1400;
}
.wg-backdrop.visible{
opacity:1;
visibility:visible;
}
/* =======================================
8. FOOTER
======================================= */
@media (max-width: 768px) {
.wg-footer {
padding: 36px 16px 20px !important;
}
.wg-footer .inner {
display: block !important;
padding: 0 !important;
margin: 0 auto !important;
gap: 0 !important;
}
.footer-col {
min-width: 100% !important;
padding-right: 0 !important;
margin-bottom: 18px !important;
}
.footer-col h4 {
margin-bottom: 8px !important;
line-height: 1.2 !important;
}
.footer-col a {
margin: 6px 0 !important;
line-height: 1.3 !important;
}
.footer-col::after {
display: none !important;
}
}
@keyframes footerGrad {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.wg-footer{
/* Premium dark-navy base with subtle top glow */
background:
radial-gradient(1200px 420px at 50% 0%, rgba(255,255,255,0.06), rgba(255,255,255,0.00) 60%),
linear-gradient(180deg,#011627,#00121f);
color:var(--white);
padding:60px 20px 24px;
border-top:1px solid rgba(255,255,255,0.10);
}
.wg-footer .inner{
max-width:var(--max-width);
margin:0 auto;
display:flex;
gap:64px;
flex-wrap:wrap;
position:relative;
padding: 0px 40px;
margin: 18px auto 0px;
}
.footer-col{
flex:1 1 230px;
min-width:220px;
padding-right:48px;
margin-bottom:34px;
position:relative;
}
.footer-col:not(:last-child)::after{
content:"";
position:absolute;
top:6px;
right:24px;
bottom:6px;
width:1px;
background:linear-gradient(180deg, rgba(255,255,255,0.00), rgba(255,255,255,0.12), rgba(255,255,255,0.00));
opacity:0.9;
pointer-events:none;
}
.footer-col:last-child{
padding-right:0;
}
.footer-col h4{
margin:0 0 14px;
color:var(--white);
font-weight:700;
font-size:1.05rem;
letter-spacing:0.04em;
}
.footer-col a{
color:rgba(255,255,255,0.85);
text-decoration:none;
display:block;
margin:10px 0;
font-size:1rem;
transition:color .2s ease, transform .2s ease;
font-weight: normal;
}
.footer-col a:hover{
color:var(--accent);
transform:translateX(2px);
}
/* Subscribe modal */
body.modal-open{ overflow:hidden; }
.wg-modal{
position:fixed;
inset:0;
display:none;
z-index:1900;
}
.wg-modal.is-open{ display:block; }
.wg-modal__backdrop{
position:absolute;
inset:0;
background:rgba(0,0,0,0.62);
backdrop-filter: blur(2px);
}
.wg-modal__panel{
position:relative;
width:min(560px, calc(100vw - 32px));
margin:10vh auto 0;
background:#ffffff;
border-radius:16px;
box-shadow:0 30px 80px rgba(2,6,23,0.35);
border:1px solid rgba(2,6,23,0.10);
padding:22px 22px 18px;
}
.wg-modal__close{
position:absolute;
right:12px;
top:10px;
width:38px;
height:38px;
border-radius:12px;
border:1px solid rgba(2,6,23,0.10);
background:#fff;
cursor:pointer;
font-size:22px;
line-height:1;
display:flex;
align-items:center;
justify-content:center;
transition:transform .16s ease, background-color .16s ease, box-shadow .16s ease;
}
.wg-modal__close:hover{
background:#f6f8fb;
transform:translateY(-1px);
box-shadow:0 10px 22px rgba(2,6,23,0.10);
}
.wg-modal__panel h2{
margin:0 42px 6px 0;
font-size:1.25rem;
color:var(--navy);
}
.wg-modal__panel p{
margin:0 0 14px;
color:#475569;
font-size:0.95rem;
}
.wg-modal form{
display:flex;
flex-direction:column;
gap:10px;
margin-top:8px;
}
.wg-modal label{
font-weight:700;
color:#0f1724;
font-size:0.9rem;
margin-bottom:4px;
display:block;
}
.wg-modal input[type="email"],
.wg-modal input[type="tel"]{
width:100%;
padding:11px 12px;
border-radius:12px;
border:1px solid rgba(2,6,23,0.12);
background:#fff;
font-size:0.95rem;
transition:border-color .16s ease, box-shadow .16s ease;
}
.wg-modal input:focus{
border-color:rgba(249,142,76,0.75);
box-shadow:0 0 0 3px rgba(249,142,76,0.18);
outline:none;
}
.wg-modal .wg-check{
display:flex;
gap:10px;
align-items:flex-start;
padding:10px 12px;
border-radius:14px;
background:#f8fafc;
border:1px solid rgba(2,6,23,0.06);
}
.wg-modal .wg-check input{
margin-top:3px;
width:16px;
height:16px;
accent-color:var(--accent);
flex:0 0 auto;
}
.wg-modal .wg-check span{
font-size:0.88rem;
color:#334155;
line-height:1.35;
}
.wg-modal .wg-check a{
color:var(--navy);
text-decoration:underline;
text-underline-offset:3px;
}
.wg-modal__submit{
margin-top:4px;
padding:12px 16px;
border-radius:12px;
border:1px solid var(--accent);
background:var(--accent);
color:#fff;
font-weight:900;
cursor:pointer;
transition:transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}
.wg-modal__submit:hover{
background:var(--accent);
transform:translateY(-1px);
box-shadow:0 14px 30px rgba(2,6,23,0.16);
}
.wg-modal__fineprint{
margin:8px 0 0;
font-size:0.82rem;
color:#64748b;
line-height:1.35;
}
@media (max-width:600px){
.wg-modal__panel{ margin:8vh auto 0; padding:18px 16px 16px; }
}
.footer-bottom{
max-width:var(--max-width);
margin:24px auto 0;
padding:14px 0;
color:rgba(255,255,255,0.55);
font-size:0.9rem;
border-top:0px solid rgba(255,255,255,0.05);
text-align:center;
}
.footer-bottom span{color:rgba(255,255,255,0.55);}
/* FOOTER MOBILE ACCORDION */
@media (max-width:600px){
.wg-footer .inner{
gap:20px;
}
.footer-col{
flex:1 1 100%;
min-width:100%;
border-right:0;
padding:10px 0;
border-bottom:1px solid rgba(255,255,255,0.08);
margin-bottom:0;
}
.footer-col:last-child{
border-bottom:0;
}
.footer-accordion-content{
max-height:0;
opacity:0;
overflow:hidden;
transition:max-height .26s ease,opacity .25s ease;
}
.footer-accordion-content.open{
max-height:420px;
opacity:1;
}
.footer-accordion-toggle{
cursor:pointer;
position:relative;
padding-right:24px;
}
.footer-accordion-toggle::after{
content:">";
position:absolute;
right:2px;
top:2px;
font-size:1rem;
color:rgba(255,255,255,0.6);
transform:rotate(90deg);
transition:transform .25s ease;
}
.footer-accordion-toggle.open::after{
transform:rotate(0deg);
}
}
/* === FINAL MOBILE HEADER & MENU TWEAKS === */
@media (max-width:1024px){
.footer-col{
flex:1 1 220px;
}
.wg-main{
display:flex;
align-items:center;
justify-content:space-between;
padding:8px 14px 3px;
gap:8px;
}
.wg-left{
position:static;
transform:none;
margin-right:auto;
}
.wg-mobile-actions{
position:static;
transform:none;
display:flex;
margin-left:0;
gap:10px;
}
.wg-search{ display:none; }
.wg-right, .wg-nav{ display:none; }
.wg-center{
flex:1 1 auto;
display:flex;
justify-content:center;
}
.logo{
margin:0 auto;
}
.wg-center .logo{
margin-left:0;
}
body.scrolled .wg-main{
padding:4px 14px 3px;
}
body.scrolled .logo img{
height:52px;
max-height:56px;
}
}
/* lock page scroll when menu open */
html.no-scroll, body.no-scroll{
overflow:hidden !important;
position:fixed;
width:100%;
}
/* === PANEL-BASED APP-LIKE MOBILE MENU === */
@media (max-width:1024px){
.mobile-menu-top{
position:relative;
margin:0 -16px;
padding:20px 16px 16px;
}
.mobile-search{
position:relative;
top:0;
margin:0;
padding:8px 0 10px;
background:#f8fafc;
z-index:1;
}
.mobile-panel{
flex:1 1 auto;
min-height:0;
max-height:100%;
overflow-y:auto;
padding:0 0 calc(60px + env(safe-area-inset-bottom, 0px)); /* tighter space under list */
-webkit-overflow-scrolling:touch;
}
.mobile-panel-menu{
flex:1 1 auto;
min-height:0;
max-height:100%;
overflow-y:auto;
/*padding: 0 0 10px 0px; */
-webkit-overflow-scrolling:touch;
}
.mobile-panel-inner{
padding-bottom:0;
animation:mobilePanelFade 0.24s ease-out;
}
.mobile-panel .group-label{
color:#6b7785;
font-size:0.8rem;
text-transform:uppercase;
letter-spacing:0.14em;
margin:10px 0 4px;
}
.mobile-panel-list{
margin:8px 0 4px;
padding:0;
list-style:none;
}
.mobile-panel-row{
width:100%;
border:0;
background:none;
padding:12px 4px;
border-bottom:1px solid rgba(226,232,240,0.9);
display:flex;
align-items:center;
justify-content:space-between;
font-size:1.12rem;
color:var(--navy);
cursor:pointer;
-webkit-tap-highlight-color:rgba(1,22,39,0.06);
transition:background-color 0.16s ease, transform 0.12s ease;
font-weight: normal;
}
.mobile-panel-row span{
font-weight:500;
font-size: 1.12rem;
}
.mobile-panel-row:active{
background:rgba(15,23,42,0.06);
}
.mobile-panel-row svg{
shape-rendering:geometricPrecision;
text-rendering:geometricPrecision;
width:18px;
height:18px;
stroke:#6b7785;
fill:none;
}
.mobile-panel-link{
display:block;
padding:12px 4px;
border-bottom:1px solid rgba(226,232,240,0.9);
font-size:1.12rem;
color:var(--navy);
text-decoration:none;
-webkit-tap-highlight-color:rgba(1,22,39,0.06);
transition:background-color 0.16s ease, color 0.16s ease, transform 0.12s ease;
font-weight: normal;
}
.mobile-panel-link.accent-link{
color:#F98E4C;
font-weight:600;
}
.mobile-panel-link:hover{
background:rgba(15,23,42,0.02);
color:var(--accent);
}
.mobile-panel-link:active{
background:rgba(15,23,42,0.07);
}
}
/* =======================================
PREMIUM MOBILE PANEL POLISH
(app-like visuals & interactions)
======================================= */
@media (max-width:1024px){
/* Softer, more app-like top bar */
.mobile-menu-top{
box-shadow:0 10px 28px rgba(1,10,25,0.45);
background:linear-gradient(90deg,var(--navy) 0%, var(--navy-mid) 55%, var(--navy-light) 100%);
}
.mobile-menu-top .menu-title{
font-size:0.9rem;
letter-spacing:0.08em;
}
/* Bottom bar: subtle active + tap feedback */
.mobile-bottom-bar{
box-shadow:0 -8px 24px rgba(1,10,25,0.4);
}
.mobile-bottom-bar a{
transition:opacity 0.16s ease, transform 0.12s ease;
}
.mobile-bottom-bar a:active{
opacity:0.9;
transform:none;
}
}
/* Panel fade/slide keyframes */
@keyframes mobilePanelFade{
from{
opacity:0;
transform:translateX(10px);
}
to{
opacity:1;
transform:translateX(0);
}
}
/* =======================================
PREMIUM DESKTOP HEADER OVERRIDES (v3)
- Promo bar hidden by default
- Dark navy -> navy header gradient
- Centered search between logo and actions
- Header edges align with mega-menu bar
- Cleaner mega-menu formatting
======================================= */
/* Hide promo bar by default (toggle by adding .show-promo to ) */
.wg-topbar{ display:none; }
body.show-promo .wg-topbar{ display:block; }
@media (min-width:1025px){
/* Ensure header content aligns with nav bar edges */
.wg-main{
max-width:var(--max-width);
margin:0 auto;
padding:14px var(--edge-gap);
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
}
.wg-nav .inner{
max-width:var(--max-width);
margin:0 auto;
padding:14px var(--edge-gap);
}
/* Make logo a bit more prominent */
.logo img{
height:84px;
max-height:90px;
}
/* Center and balance the search bar */
.wg-center{ flex:0 0 auto; }
.wg-search{
flex:1 1 auto;
max-width:760px;
margin:0 18px;
display:flex;
justify-content:center;
}
.wg-right{ flex:0 0 auto; gap:14px; }
/* Mega menu polish: spacing, separators, legibility */
.mega{
/* width:min(1040px, calc(100vw - (var(--edge-gap) * 2))); */
width:max-content;
border-radius:14px;
box-shadow:0 18px 52px rgba(2,6,23,0.14);
border:1px solid rgba(2,6,23,0.06);
padding:18px 0 18px;
transform:translate(-50%,10px) scale(.985);
}
.nav-item.has-mega.is-open > .mega{
transform:translate(-20%,8px) scale(1);
}
.mega .cols{
padding:6px 26px 0;
align-items:flex-start;
column-gap: 34px;
padding: 10px 28px 14px;
display: flex;
flex-wrap: wrap;
width: auto;
row-gap: 8px;
}
.mega .col{
min-width:210px;
padding-right:18px;
border-right:1px solid #eef2f6;
}
.mega .col:last-child{
border-right:0;
padding-right:0;
}
.mega h4{
margin:0 0 10px;
font-size:0.82rem;
letter-spacing:0.10em;
color:#0b1d2d;
}
.mega a{
padding:6px 0;
font-size:0.92rem;
color:#1f2f3f;
}
.mega a:hover{
transform:translateX(3px);
}
/* Make "Shop All ..." feel like a primary link (no extra markup needed) */
.mega a:first-of-type{
font-weight:700;
color:var(--navy);
}
}
/* =======================================
MEGA MENU READABILITY UPGRADE (v9)
- More breathing room & bigger click targets
- Clearer hover/focus states
- Better visual grouping inside columns
======================================= */
@media (min-width:1025px){
/* Make the dropdown feel less cramped */
.mega .cols{
column-gap:34px;
padding:10px 28px 14px;
row-gap:8px;
}
/* If a menu only has 1 column (e.g., Accessories), shrink panel to remove unused whitespace */
.mega[data-cols="1"]{
width:fit-content;
max-width:420px;
min-width:320px;
}
.mega[data-cols="1"] .cols{ padding:10px 16px 12px; max-width:none; margin:0; width:fit-content; }
.mega[data-cols="1"] .col{ min-width:280px; border-right:0; padding-right:0; }
/* Column rhythm */
.mega .col{
min-width:230px;
}
/* Headings: add a subtle divider so sections scan fast */
.mega h4{
margin:0 0 12px;
padding-bottom:10px;
border-bottom:1px solid rgba(1,22,39,0.08);
}
/* Links: increase line-height + padding for easier selection */
.mega a{
display:flex;
align-items:center;
min-height:34px; /* hit area */
padding:8px 10px;
margin:2px 0;
border-radius:10px;
line-height:1.25;
letter-spacing:0.01em;
transition:
background-color 0.16s ease,
color 0.16s ease,
transform 0.16s ease;
}
.mega a:hover{
background:rgba(249,142,76,0.10);
transform:translateX(2px);
}
.mega a:focus-visible{
background:rgba(249,142,76,0.14);
outline:2px solid rgba(249,142,76,0.35);
outline-offset:2px;
}
/* Keep 'Shop All' visually primary without shouting */
.mega a:first-of-type{
background:rgba(1,22,39,0.04);
}
.mega a:first-of-type:hover{
background:rgba(249,142,76,0.14);
}
/* Prevent very tall dropdowns from becoming hard to use */
.mega{
max-height:min(70vh, 560px);
overflow:auto;
}
/* Subtle scrollbar (Chromium/WebKit) */
.mega::-webkit-scrollbar{ width:10px; }
.mega::-webkit-scrollbar-thumb{
background:rgba(1,22,39,0.14);
border-radius:999px;
border:3px solid rgba(255,255,255,0.8);
}
.mega::-webkit-scrollbar-track{ background:transparent; }
}
/* =======================================
MOBILE FOOTER SUBSCRIBE BAND
======================================= */
@media (max-width:600px){
.wg-footer-subscribe{
margin:-30px -16px 24px;
padding:18px 16px;
background:linear-gradient(90deg,#00121F 0%, #011627 55%, #00121F 100%);
box-shadow:0 14px 34px rgba(2,6,23,0.45);
border-bottom:1px solid rgba(255,255,255,0.12);
text-align:center;
}
.wg-footer-subscribe h3{
margin:0 0 6px;
font-size:1.1rem;
font-weight:800;
letter-spacing:0.02em;
color:#ffffff;
}
.wg-footer-subscribe p{
margin:0 0 14px;
font-size:0.9rem;
color:rgba(255,255,255,0.85);
}
.wg-footer-subscribe button{
appearance:none;
border:1px solid var(--accent);
border-radius:14px;
padding:12px 20px;
background:var(--accent);
color:#fff;
font-weight:900;
font-size:0.95rem;
cursor:pointer;
box-shadow:0 10px 26px rgba(2,6,23,0.35);
transition:transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}
.wg-footer-subscribe button:active{
transform:translateY(1px);
box-shadow:0 6px 18px rgba(2,6,23,0.28);
}
}
/* =======================================
APP-LIKE MOBILE FOOTER REFINEMENTS
======================================= */
@media (max-width:600px){
/* --- Subscribe band as app card --- */
.wg-footer-subscribe{
margin:-34px -16px 18px;
padding:14px;
background:transparent;
box-shadow:none;
border:none;
}
.wg-footer-subscribe .footer-card{
display:flex;
align-items:center;
gap:14px;
padding:14px 16px;
border-radius:18px;
background:linear-gradient(135deg,#00121F 0%, #011627 60%, #00121F 100%);
box-shadow:
0 18px 42px rgba(2,6,23,0.45),
inset 0 1px 0 rgba(255,255,255,0.10);
}
.wg-footer-subscribe .icon{
flex:0 0 auto;
width:42px;
height:42px;
border-radius:14px;
background:rgba(255,255,255,0.12);
display:flex;
align-items:center;
justify-content:center;
color:#F98E4C;
}
.wg-footer-subscribe .icon svg{
width:20px;
height:20px;
fill:currentColor;
}
.wg-footer-subscribe .copy{
flex:1 1 auto;
text-align:left;
}
.wg-footer-subscribe h3{
margin:0;
font-size:1rem;
font-weight:800;
letter-spacing:0.02em;
color:#ffffff;
}
.wg-footer-subscribe p{
margin:2px 0 0;
font-size:0.82rem;
color:rgba(255,255,255,0.8);
line-height:1.35;
}
.wg-footer-subscribe button{
flex:0 0 auto;
border:1px solid var(--accent);
border-radius:14px;
padding:10px 14px;
background:var(--accent);
color:#fff;
font-weight:900;
font-size:0.82rem;
cursor:pointer;
box-shadow:0 10px 22px rgba(2,6,23,0.35);
transition:transform .14s ease, box-shadow .14s ease;
}
.wg-footer-subscribe button:active{
transform:scale(0.96);
box-shadow:0 6px 16px rgba(2,6,23,0.28);
}
/* --- Footer structure tightening --- */
.wg-footer{
padding:40px 16px 18px;
}
.wg-footer .inner{
gap:0;
}
.footer-col{
padding:14px 0;
border-bottom:1px solid rgba(255,255,255,0.08);
}
.footer-col h4{
font-size:0.95rem;
display:flex;
align-items:center;
justify-content:space-between;
}
.footer-col h4::after{
content:"›";
font-size:1.2rem;
opacity:0.6;
transform:rotate(90deg);
transition:transform .22s ease;
}
.footer-col.open h4::after{
transform:rotate(0deg);
}
.footer-col a{
font-size:0.95rem;
margin:8px 0;
}
.footer-bottom{
margin-top:18px;
padding-top:14px;
font-size:0.8rem;
}
}
/* =======================================
MOBILE FOOTER DIVIDER + MODAL UX FIXES
======================================= */
@media (max-width:600px){
/* Softer, inset dividers (iOS-style list separators) */
.footer-col{
position:relative;
border-bottom:none;
}
.footer-col::after{
content:"";
position:absolute;
left:12px;
right:12px;
bottom:0;
height:1px;
background:rgba(255,255,255,0.10);
}
.footer-col:last-child::after{
display:none;
}
/* Modal panel becomes scrollable card */
.wg-modal__panel{
max-height:calc(100dvh - 40px);
overflow-y:auto;
-webkit-overflow-scrolling:touch;
padding-bottom:calc(20px + env(safe-area-inset-bottom, 0px));
}
/* Sticky submit button feel */
.wg-modal__submit{
position:sticky;
bottom:0;
}
/* Inline error styling */
.wg-modal .error{
color:#b42318;
font-size:0.8rem;
margin-top:4px;
}
.wg-modal input:invalid{
border-color:#f04438;
}
}
/* =======================================
SUBSCRIBE SUCCESS STATE (APP-LIKE)
======================================= */
@media (max-width:600px){
.wg-modal__success{
display:none;
text-align:center;
padding:28px 16px 18px;
}
.wg-modal__success.active{
display:block;
}
.wg-modal__success .check{
width:56px;
height:56px;
border-radius:50%;
background:#22c55e;
color:#ffffff;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 14px;
box-shadow:0 18px 40px rgba(34,197,94,0.35);
animation:popIn 0.32s ease-out;
}
.wg-modal__success h3{
margin:0 0 6px;
font-size:1.15rem;
font-weight:800;
color:#00121F;
}
.wg-modal__success p{
margin:0;
font-size:0.9rem;
color:#475569;
}
}
@keyframes popIn{
from{ transform:scale(0.7); opacity:0; }
to{ transform:scale(1); opacity:1; }
}
/* =======================================
ENSURE MOBILE-ONLY SUBSCRIBE BAND
======================================= */
@media (min-width:601px){
.wg-footer-subscribe{
display:none !important;
}
}
/* =======================================
SUCCESS STATE VISIBILITY FIX
======================================= */
.wg-modal__panel.success-active > h2,
.wg-modal__panel.success-active > p,
.wg-modal__panel.success-active form{
display:none !important;
}
.wg-modal__panel.success-active .wg-modal__success{
display:block !important;
}
/* =======================================
GLOBAL SUCCESS STATE (DESKTOP + MOBILE)
======================================= */
.wg-modal__panel.success-active > h2,
.wg-modal__panel.success-active > p,
.wg-modal__panel.success-active form{
display:none !important;
}
.wg-modal__panel.success-active .wg-modal__success{
display:block !important;
}
/* Allow modal content to scroll on all viewports */
.wg-modal__panel{
max-height:calc(100dvh - 64px);
overflow-y:auto;
-webkit-overflow-scrolling:touch;
}
/* =======================================
SUCCESS VISUAL PARITY (DESKTOP = MOBILE)
======================================= */
.wg-modal__panel.success-active{
padding:32px 36px 30px;
}
.wg-modal__success{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
}
.wg-modal__success .check{
width:56px;
height:56px;
border-radius:50%;
background:#22c55e;
color:#ffffff;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
font-weight:900;
margin-bottom:14px;
box-shadow:0 18px 40px rgba(34,197,94,0.35);
}
.wg-modal__success h3{
margin:0 0 6px;
font-size:1.2rem;
font-weight:800;
color:#0f1724;
}
.wg-modal__success p{
margin:0;
font-size:0.95rem;
color:#475569;
max-width:420px;
}
/* =======================================
FINAL SUCCESS CENTERING FIX
======================================= */
.wg-modal__panel.success-active{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
}
.wg-modal__success{
width:100%;
align-items:center;
justify-content:center;
text-align:center;
}
.wg-modal__success .check{
margin:0 auto 16px;
}
.wg-modal__success h3,
.wg-modal__success p{
margin-left:auto;
margin-right:auto;
text-align:center;
}
/* =======================================
GUARANTEE SUCCESS-ONLY VIEW
======================================= */
.wg-modal__panel.success-active form,
.wg-modal__panel.success-active .wg-form,
.wg-modal__panel.success-active .wg-check,
.wg-modal__panel.success-active .wg-modal__actions{
display:none !important;
}
/* =======================================
STATE-DRIVEN MODAL RENDERING
======================================= */
.wg-modal__panel[data-state="success"] h2,
.wg-modal__panel[data-state="success"] > p,
.wg-modal__panel[data-state="success"] form{
display:none !important;
}
.wg-modal__panel[data-state="form"] .wg-modal__success{
display:none !important;
}
/* =======================================
DESKTOP VALIDATION POLISH
======================================= */
/* Text inputs */
.wg-modal input:invalid:not(:focus){
border-color:#f59e0b;
background:#fffaf0;
}
.wg-modal .error{
display:block;
margin:6px 0 10px;
padding:8px 10px;
border-left:3px solid #f97316;
background:#fff7ed;
color:#7c2d12;
font-size:0.8rem;
border-radius:6px;
}
/* Checkbox error blocks */
.wg-check .error{
margin-top:6px;
margin-left:32px;
padding:6px 10px;
font-size:0.78rem;
}
/* Reduce visual noise */
.wg-modal label{
margin-bottom:4px;
}
/* =======================================
CLEAN VALIDATION STYLES (DESKTOP)
======================================= */
/* Inputs */
.wg-modal input:invalid:not(:focus){
border-color:#f97316;
background:#fff;
}
/* Inline text errors (no boxes) */
.wg-modal .error{
margin:4px 0 8px;
padding:0;
border:none;
background:none;
color:#c2410c;
font-size:0.78rem;
line-height:1.3;
}
/* Checkbox rows */
.wg-check{
align-items:flex-start;
}
/* Checkbox error text aligns under description */
.wg-check .error{
margin:4px 0 0 30px;
font-size:0.75rem;
color:#c2410c;
}
/* Remove visual clutter */
.wg-check .error::before{
content:"";
}
/* =======================================
TRUE SUBMIT-GATED VALIDATION
======================================= */
/* Hide all errors until submit attempt */
#subscribeForm:not(.was-submitted) .error{
display:none !important;
}
.account-menu {
position: relative;
}
.account-trigger {
background: none;
border: none;
font: inherit;
color: inherit;
cursor: pointer;
padding: 0;
font-weight: bold;
}
/* dropdown */
.account-dropdown {
position: absolute;
top: 100%;
right: 0;
min-width: 200px;
background: #fff;
border: 1px solid #eee;
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
list-style: none;
padding: 8px 0;
/* margin: 8px 0 0; */
display: none;
z-index: 9999;
}
.account-dropdown.open {
display: block;
}
.account-dropdown li a {
display: block;
padding: 8px 16px;
color: #333;
text-decoration: none;
white-space: nowrap;
}
.account-dropdown li a:hover {
background: #f5f5f5;
}
/* show on hover */
.account-menu:hover .account-dropdown {
display: block;
}
.wg-action .label{ color: #ffffff; font-weight: 650;}
/*.wg-main-wrap{overflow-x: hidden; overflow-y:hidden;} */
.nav-item .mega {
opacity: 0;
visibility: hidden;
transition: all 0.2s ease;
pointer-events: none;
}
.nav-item:hover .mega,
.nav-item.is-open .mega {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.mega[data-cols="8"] {
width: 300px;
left: 40%;
}
a.submenu-link.singlelink {
flex: 0 0 auto;
width: 100%;
display: block;
}
.right a {
cursor: pointer !important;
}
.wg-action .label, .wg-action .count, .wg-action svg {
cursor: pointer !important;
}
html, body, #root {
height: 100%;
margin: 0;
}
#root {
flex-direction: column;
min-height: 100vh;
}
main {
flex: 1;
}
.cart-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.4);
z-index: 9998;
display:none;
}
.cart-quote-bar {
z-index:99999999 !important;
}
main{min-height: 100vh;}
article {
margin-bottom: 15px;
}
/*..............new design login page css..................*/
:root {
--wg-orange: #f98e4c;
--wg-orange-2: #f9a44c;
--wg-navy: #061324;
--wg-border: #e1e1e1;
--wg-text-main: #222222;
--wg-text-muted: #666666;
--wg-bg-soft: #fafafa;
--wg-bg-card: #ffffff;
}
/* Layout */
.wg-auth-shell {
width: min(420px, 100%);
justify-content: center; /* horizontal center only */
}
.auth-sell-center{
justify-content: center;
width: 100%;
align-content: center;
padding: 0px 410px 0px 354px;
}
/* Logo */
.wg-logo {
display: inline-flex;
align-items: center;
gap: 10px;
font-weight: 900;
letter-spacing: 0.04em;
color: var(--wg-navy);
margin-bottom: 12px;
font-size: 1.1rem;
text-transform: uppercase;
}
/* Card */
.wg-auth-card {
background: var(--wg-bg-card);
border: 1px solid var(--wg-border);
border-radius: 14px;
box-shadow: 0 16px 40px rgba(6, 19, 36, 0.1);
padding: 24px;
display: grid;
gap: 14px;
}
/* Header */
.wg-auth-head {
display: grid;
gap: 6px;
}
.wg-auth-title {
font-size: 1.4rem;
font-weight: 800;
color: var(--wg-navy);
}
.wg-auth-sub {
color: var(--wg-text-muted);
font-weight: 600;
font-size: 0.97rem;
line-height: 1.4;
}
/* Form Fields */
.wg-field {
display: grid;
gap: 6px;
}
.wg-field + .wg-field {
margin-top: 10px;
}
.wg-input {
width: 100%;
padding: 12px;
border: 1px solid var(--wg-border);
border-radius: 10px;
font-size: 1rem;
font-weight: 600;
background: #fff;
color: var(--wg-text-main);
}
/* Password */
.wg-pass-wrap {
position: relative;
display: flex;
align-items: center;
}
.wg-pass-toggle {
position: absolute;
right: 10px;
border: none;
background: transparent;
color: var(--wg-orange);
font-weight: 800;
cursor: pointer;
padding: 4px 6px;
}
/* Helper */
.wg-helper-row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
flex-wrap: wrap;
font-size: 0.95rem;
margin-top: 8px;
}
.wg-checkbox {
display: inline-flex;
align-items: center;
gap: 8px;
font-weight: 600;
color: var(--wg-text-main);
}
.wg-forgot {
text-align: right;
font-size: 0.95rem;
font-weight: 600;
}
/* Links */
.wg-link {
color: var(--wg-orange);
font-weight: 700;
text-decoration: none;
}
.wg-link:hover {
text-decoration: underline;
}
/* Button */
.wg-actions-login {
display: grid;
gap: 10px;
margin-top: 12px;
}
.wg-btn-primary {
border: 1px solid #f9802f;
background: linear-gradient(90deg, #f9802f, #f9a44c);
color: #fff;
border-radius: 10px;
padding: 12px 16px;
font-weight: 800;
font-size: 1rem;
cursor: pointer;
transition: transform 0.12s ease;
}
.wg-btn-primary:hover {
transform: translateY(-1px);
}
/* Divider */
.wg-divider {
height: 1px;
width: 100%;
background: var(--wg-border);
margin: 4px 0 2px;
}
/* Footer */
.wg-footer1 {
color: var(--wg-text-muted);
font-weight: 600;
font-size: 0.95rem;
}
/* Error */
.wg-error {
color: #b42222;
font-weight: 700;
font-size: 0.9rem;
}
/* End login page css */
h1#contact-us {
display: none;
}
/* home page design */
:root{
--navy:#00121F;
--accent:#F98E4C;
--bg:#f6f8fb;
--card:#ffffff;
--muted:#64748b;
/* Radius */
--radius-primary:22px;
--radius-utility:16px;
/* Shadows */
--shadow-primary:0 18px 42px rgba(2,6,23,0.14);
--shadow-secondary:0 8px 20px rgba(2,6,23,0.08);
/* Spacing scale */
--space-8:8px;
--space-12:12px;
--space-16:16px;
--space-20:20px;
--space-24:24px;
--space-32:32px;
--space-40:40px;
}
.section{margin:var(--space-24) var(--space-16)}
.section h3{margin:0 0 var(--space-8);font-size:1.2rem;font-weight:800}
.section p.sub{margin:0 0 var(--space-16);color:var(--muted);font-size:.9rem}
.subscription-bar a {
cursor: pointer;
}
.card-primary{
background:linear-gradient(180deg,#ffffff 0%, #fbfdff 100%);
border:1px solid rgba(226,232,240,0.9);
border-radius:var(--radius-primary);
box-shadow:0 18px 42px rgba(2,6,23,0.10);
padding:var(--space-20);
}
@media (min-width:1024px){
.card-primary{padding:var(--space-32);}
}
.card-utility{
background:linear-gradient(180deg,#ffffff 0%, #f9fbfe 100%);
border:1px solid rgba(226,232,240,0.95);
border-radius:var(--radius-utility);
box-shadow:0 10px 24px rgba(2,6,23,0.06);
padding:var(--space-16);
}
@media (min-width:1024px){
.card-utility{padding:var(--space-20);}
}
.card-horizontal{
display:flex;
align-items:center;
gap:var(--space-20);
}
.skeleton{
background:linear-gradient(90deg,#e5e7eb 210%,#f3f4f6 37%,#e5e7eb 63%);
background-size:400% 100%;
animation:shimmer 1.4s ease infinite;
border-radius:8px;
}
@keyframes shimmer{
0%{background-position:100% 0;}
100%{background-position:0 0;}
}
.card-title{font-weight:600;font-size:1rem;}
.card-body{font-size:.9rem;color:#475569;}
.card-meta{font-size:.8rem;color:#64748b;}
/* HERO */
.hero-carousel{position:relative;margin:0;}
.hero-slide{display:none;}
.hero-slide.is-active{display:block;}
.hero{
margin:var(--space-16);
overflow:hidden;
padding:0;
}
.hero.card-primary{padding:var(--space-20);}
.hero-grid{
display:grid;
grid-template-columns:1fr;
gap:var(--space-24);
}
@media (min-width:1024px){
.hero.card-primary{padding:var(--space-24) var(--space-32);}
.hero-grid{grid-template-columns:1.1fr 0.9fr;align-items:center;}
}
.hero-title{
font-size:1.8rem;
font-weight:800;
line-height:1.15;
margin:0 0 var(--space-12);
}
@media (min-width:1024px){
.hero-title{font-size:2.4rem;}
}
.hero-subtitle{
font-size:1rem;
color:#475569;
margin:0 0 var(--space-20);
}
.hero-actions{display:flex;gap:var(--space-16);align-items:center;}
.hero-actions .btn-primary{
display:inline-flex;align-items:center;justify-content:center;
padding:var(--space-12) var(--space-20);
border-radius:999px;
background:linear-gradient(180deg,#03233a 0%, #00121F 100%);
color:#fff;
font-weight:800;
text-decoration:none;
border:1px solid rgba(255,255,255,0.08);
box-shadow:0 12px 24px rgba(0,18,31,0.18);
}
.hero-actions .btn-primary:hover{
transform:translateY(-1px);
}
.btn-outline{
display:inline-flex;align-items:center;justify-content:center;
padding:var(--space-12) var(--space-16);
border-radius:999px;
border:1px solid #cfd8e3;
color:#0f172a;
text-decoration:none;
background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
font-weight:800;
box-shadow:0 8px 18px rgba(2,6,23,0.05);
}
.btn-outline:hover{
background:#ffffff;
}
.hero-link{
font-size:.9rem;
font-weight:600;
color:#0f172a;
text-decoration:underline;
}
.hero-link:hover{text-decoration:underline;}
.hero-visual{
width:100%;
min-height:220px;
border-radius:var(--radius-utility);
/*background:
linear-gradient(135deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 510%),
repeating-linear-gradient(45deg, rgba(255,255,255,0.05), rgba(255,255,255,0.05) 6px, transparent 6px, transparent 12px),
linear-gradient(135deg,#0c1f31 0%,#0f2d45 48%,#0c1f31 100%); */
position:relative;
overflow:hidden;
}
.hero-visual::after{
content:"";
position:absolute;
inset:10%;
border:1px solid rgba(255,255,255,0.14);
border-radius:var(--radius-primary);
filter:blur(0.2px);
opacity:0.65;
}
.hero-visual-label{
position:absolute;
left:16px;
bottom:16px;
padding:8px 12px;
border-radius:var(--radius-utility);
background:rgba(255,255,255,0.14);
color:#f8fafc;
font-weight:700;
font-size:.9rem;
letter-spacing:.01em;
}
.hero-badge{
display:inline-flex;
align-items:center;
gap:8px;
padding:6px 12px;
border-radius:999px;
background:#fff3e8;
color:#b45309;
font-size:.78rem;
font-weight:800;
margin-bottom:12px;
}
.hero-stat-row{
display:flex;
gap:10px;
flex-wrap:wrap;
margin:0 0 20px;
}
.hero-stat{
display:inline-flex;
align-items:center;
padding:8px 12px;
border-radius:999px;
background:#f8fafc;
border:1px solid #e2e8f0;
color:#0f172a;
font-size:.82rem;
font-weight:700;
}
.hero-visual{
background-size:cover;
background-position:center;
}
.hero-visual::before{
content:"";
position:absolute;
inset:0;
/* background:linear-gradient(135deg,rgba(0,18,31,0.18),rgba(0,18,31,0.42)); */
z-index:0;
}
.hero-visual::after{
z-index:1;
}
.hero-visual-label{z-index:2;}
.subscription-bar strong{font-size:.98rem;}
.weekly-deal-image{
background-size:contain;
background-position:center;
}
.info-media{
width:112px;
height:112px;
border-radius:var(--radius-utility);
overflow:hidden;
flex:0 0 112px;
background:#e2e8f0;
}
.info-media img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.info-card .btn-outline{
margin-top:10px;
}
.value-icon{
width:44px;height:44px;
margin:0 auto var(--space-12);
display:flex;align-items:center;justify-content:center;
border-radius:14px;
background:#f1f5f9;
font-weight:800;font-size:.82rem;color:#0f172a;
}
.brand-item{
min-width:160px;
}
.brand-pill{
display:flex;
align-items:center;
justify-content:center;
min-width:140px;
padding:14px 18px;
border-radius:999px;
border:1px solid #e2e8f0;
background:#fff;
color:#0f172a;
font-weight:800;
letter-spacing:.01em;
box-shadow:0 6px 18px rgba(2,6,23,0.06);
}
.hero-controls{
display:flex;
justify-content:center;
align-items:center;
gap:12px;
margin:var(--space-16) 0 0;
}
.hero-arrow{
width:36px;
height:36px;
border:1px solid rgba(15,23,42,0.14);
border-radius:999px;
background:#ffffff;
color:#334155;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
padding:0;
box-shadow:0 4px 12px rgba(2,6,23,0.06);
transition:background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.hero-arrow:hover{
background:#f8fafc;
border-color:rgba(15,23,42,0.22);
box-shadow:0 8px 18px rgba(2,6,23,0.10);
transform:translateY(-1px);
}
.hero-arrow-icon{
width:16px;
height:16px;
display:block;
}
.hero-arrow:disabled{
opacity:0.45;
cursor:default;
box-shadow:none;
transform:none;
}
.hero-nav{
display:flex;
gap:8px;
justify-content:center;
align-items:center;
}
.hero-dot{
width:8px;
height:8px;
border-radius:999px;
border:1px solid rgba(15,23,42,0.22);
background:rgba(15,23,42,0.10);
cursor:default;
}
.hero-dot.is-active{
background:rgba(15,23,42,0.55);
border-color:rgba(15,23,42,0.40);
}
/* SUBSCRIPTION */
.subscription{
margin:var(--space-16) var(--space-16) 0;
}
.subscription-bar{
display:flex;
align-items:center;
gap:var(--space-16);
flex-wrap:wrap;
background:#f1f5f9;
border:1px solid #d9e2ec;
border-radius:var(--radius-utility);
padding:var(--space-16) var(--space-20);
box-shadow:0 10px 24px rgba(2,6,23,0.08);
max-width:calc(100% - 2*var(--space-16));
margin:0 auto;
}
.subscription-icon{
min-width:38px;
height:38px;
border-radius:50%;
background:#e2e8f0;
color:#0f172a;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:.82rem;
letter-spacing:.01em;
}
.subscription-copy{display:flex;flex-direction:column;gap:2px;font-size:.9rem;color:#0f172a;flex:1 1 220px;}
.subscription a{white-space:nowrap;}
.btn-outline{
display:inline-flex;align-items:center;justify-content:center;
padding:var(--space-12) var(--space-16);
border-radius:999px;
border:1px solid #cbd5e1;
color:#0f172a;
text-decoration:none;
background:#fff;
font-weight:700;
}
/* WEEKLY DEALS */
.weekly-deals{
margin:var(--space-20) var(--space-16) var(--space-40);
padding:var(--space-16);
overflow:hidden;
}
.weekly-panel{
margin-top:8px;
}
.section-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-12);}
.section-title-wrap{display:flex;align-items:center;gap:var(--space-8);}
.section-header h2,.section-header .section-title{margin:0;font-size:1.55rem;font-weight:900;letter-spacing:-0.02em;color:var(--navy);}
.section-link{
font-size:.9rem;
font-weight:800;
color:var(--navy);
text-decoration:none;
padding:8px 12px;
border-radius:999px;
background:rgba(249,142,76,0.14);
}
.section-link:hover{
text-decoration:none;
background:rgba(249,142,76,0.22);
}
.weekly-header-actions{
display:flex;
justify-content:flex-end;
margin:-2px 0 12px;
}
.section-subtext{margin:var(--space-8) 0 var(--space-16);color:var(--muted);font-size:.92rem;}
.section-pill{
display:inline-flex;
align-items:center;
padding:2px 10px;
border-radius:999px;
background:#e8edf4;
color:#0f172a;
font-size:.78rem;
font-weight:700;
}
.weekly-deals .section-subtext{max-width:58ch;}
.weekly-deals-grid{
display:flex;
gap:var(--space-16);
overflow-x:auto;
padding:0 0 var(--space-4, 4px) var(--space-2, 2px);
scroll-snap-type:x mandatory;
margin:var(--space-16) 0 0;
align-items:stretch;
}
@media (min-width:1024px){
.weekly-deals-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-16);
overflow:visible;
padding:0;
margin-top:var(--space-16);
}
}
.weekly-deal-card{
cursor:pointer;
transition:transform .2s ease, box-shadow .2s ease;
min-width:88%;
max-width:320px;
min-height:0;
height:auto;
padding:12px;
scroll-snap-align:start;
display:flex;
flex-direction:column;
}
.weekly-deal-card:hover{transform:translateY(-2px);}
.weekly-deal-link{
display:flex;
flex-direction:column;
height:100%;
min-height:0;
text-decoration:none;
color:inherit;
}
.weekly-deal-content{
display:flex;
flex:1 1 auto;
flex-direction:column;
gap:4px;
padding:2px 4px 0;
min-height:0;
}
.weekly-urgency{
display:inline-flex;
align-items:center;
margin-top:8px;
font-size:.74rem;
font-weight:800;
color:#b45309;
}
@media (min-width:1024px){
.weekly-deal-card{
min-width:0;
max-width:none;
}
}
.trust-strip{
margin:var(--space-16);
}
.trust-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:var(--space-12);
}
@media (min-width:1024px){
.trust-grid{grid-template-columns:repeat(4,1fr);}
}
.trust-item{
background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
border:1px solid #e2e8f0;
border-radius:20px;
padding:16px;
box-shadow:0 10px 24px rgba(2,6,23,0.05);
}
.trust-item:nth-child(1){background:linear-gradient(180deg,#ffffff 0%, #fff8f2 100%);}
.trust-item:nth-child(2){background:linear-gradient(180deg,#ffffff 0%, #f7fbff 100%);}
.trust-item:nth-child(3){background:linear-gradient(180deg,#ffffff 0%, #f9fbff 100%);}
.trust-item:nth-child(4){background:linear-gradient(180deg,#ffffff 0%, #fff9f5 100%);}
.brand-pill{
display:flex;
align-items:center;
justify-content:center;
width:180px;
padding:14px 18px;
border-radius:999px;
border:1px solid #e2e8f0;
background:linear-gradient(180deg,#ffffff 0%, #f7fbff 100%);
color:#0f172a;
font-weight:800;
letter-spacing:.01em;
box-shadow:0 8px 18px rgba(2,6,23,0.05);
height:100px;
}
.trust-kicker{
display:block;
font-size:1.05rem;
font-weight:900;
margin-bottom:4px;
color:#0f172a;
}
.trust-copy{
font-size:.84rem;
color:#64748b;
line-height:1.35;
}
.section-soft{
background:linear-gradient(180deg,rgba(255,255,255,0.96) 0%, rgba(248,251,255,0.98) 100%);
border:1px solid rgba(226,232,240,0.9);
border-radius:28px;
box-shadow:0 14px 34px rgba(2,6,23,0.06);
padding:var(--space-20);
backdrop-filter:blur(4px);
}
@media (min-width:1024px){
.section-soft{padding:var(--space-24);}
}
/* PAGE TIGHTENING + CONVERSION TUNING */
main{padding-bottom:160px}
.section{margin:var(--space-20) var(--space-16);}
@media (min-width:1024px){
.section{margin:var(--space-24);}
.hero{margin:var(--space-20) var(--space-24) var(--space-12);}
}
.trust-strip{margin:0 var(--space-16) var(--space-20);}
@media (min-width:1024px){
.trust-strip{margin:0 var(--space-24) var(--space-24);}
}
.subscription{
margin:var(--space-16) var(--space-16);
}
@media (min-width:1024px){
.subscription{margin:var(--space-20) var(--space-24);}
}
.subscription-bar{
max-width:none;
margin:0;
}
.section-soft{
border:1px solid #edf2f7;
}
.section-title{
margin:0 0 8px;
font-size:1.55rem;
font-weight:900;
letter-spacing:-0.02em;
color:var(--navy);
}
.section-subtext{
max-width:62ch;
color:#5f7288;
}
.quick-meta,.value-text,.brand-note,.trust-copy{color:#5f7288;}
.category-meta{display:none;}
.quick-access-grid{
gap:var(--space-14, 14px);
}
.quick-access-card{
transition:background-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.quick-access-card:hover{
background-color:#f8fafc;
transform:translateY(-2px);
box-shadow:0 10px 24px rgba(2,6,23,0.08);
}
.quick-title{
font-size:1rem;
font-weight:800;
}
.quick-meta{
font-size:.8rem;
}
.value-prop-grid{
gap:var(--space-14, 14px);
}
.value-prop{
text-align:left;
padding:20px;
}
.value-icon{
margin:0 0 var(--space-12);
}
.value-title{
font-size:1rem;
font-weight:800;
}
.value-text{
font-size:.86rem;
line-height:1.45;
}
.hero-actions{
flex-wrap:wrap;
}
.hero .btn-primary{
box-shadow:0 10px 24px rgba(0,18,31,0.18);
}
.hero-link{
font-weight:800;
}
.cta-inline{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
flex-wrap:wrap;
margin:var(--space-8) 0 0;
padding:16px 18px;
border:1px solid #e2e8f0;
border-radius:18px;
background:#ffffff;
}
.cta-inline-copy{
display:flex;
flex-direction:column;
gap:4px;
}
.cta-inline-title{
font-size:.98rem;
font-weight:900;
color:#0f172a;
}
.cta-inline-meta{
font-size:.84rem;
color:#64748b;
}
.brands{
margin-bottom:var(--space-40);
}
.category-text{
display:flex;
flex-direction:column;
gap:2px;
align-items:center;
}
.category-meta{
font-size:.72rem;
color:#64748b;
text-align:center;
line-height:1.25;
max-width:13ch;
}
.why-grid{
display:grid;
grid-template-columns:1fr;
gap:var(--space-16);
}
@media (min-width:1024px){
.why-grid{grid-template-columns:1.2fr .8fr;}
}
.why-list{
display:grid;
grid-template-columns:1fr;
gap:var(--space-12);
}
.why-item{
display:flex;
gap:14px;
align-items:center;
background:linear-gradient(180deg,#ffffff 0%, #fbfdff 100%);
border:1px solid #edf2f7;
border-radius:18px;
padding:16px 18px;
box-shadow:0 8px 20px rgba(2,6,23,0.04);
}
.why-bullet{
width:42px;height:42px;flex:0 0 42px;
border-radius:14px;
background:linear-gradient(180deg,#fff7f2 0%, #ffe8d6 100%);
border:1px solid rgba(249,142,76,0.22);
display:flex;align-items:center;justify-content:center;
font-weight:900;font-size:1rem;color:#0f172a;
}
.why-copy{
min-width:0;
}
.why-item .quick-title{
margin:0 0 4px;
font-size:1rem;
font-weight:800;
}
.why-oneliner{
margin:0;
font-size:.86rem;
line-height:1.4;
color:#5f7288;
}
.why-visual{
border-radius:20px;
min-height:280px;
overflow:hidden;
background:
linear-gradient(135deg,rgba(0,18,31,0.12),rgba(0,18,31,0.35)),
url('https://source.unsplash.com/900x900/?workwear,warehouse,gear');
background-size:cover;
background-position:center;
position:relative;
}
.why-badge{
position:absolute;
left:16px;
bottom:16px;
padding:10px 12px;
border-radius:14px;
background:rgba(255,255,255,0.92);
color:#0f172a;
font-size:.84rem;
font-weight:800;
box-shadow:0 10px 24px rgba(2,6,23,0.12);
}
.brand-note{
margin:8px 0 16px;
color:#64748b;
font-size:.9rem;
}
.weekly-deal-image{
width:100%;
height:124px;
aspect-ratio:auto;
border-radius:16px;
margin-bottom:var(--space-12);
background-color:#f1f5f9;
flex-shrink:0;
position:relative;
overflow:hidden;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.weekly-deal-image::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(0,0,0,0.00) 310%, rgba(0,18,31,0.10) 100%);
}
.weekly-badge{
position:absolute;
top:10px;
left:10px;
padding:5px 10px;
border-radius:999px;
background:rgba(15,23,42,0.88);
color:#f8fafc;
font-size:.72rem;
font-weight:800;
box-shadow:0 8px 18px rgba(2,6,23,0.12);
}
.weekly-pill{
display:inline-block;
width:max-content;
padding:4px 10px;
border-radius:999px;
background:#fff4ea;
color:#9a4f18;
border:1px solid rgba(249,142,76,0.18);
font-size:.72rem;
font-weight:800;
margin-bottom:6px;
}
.weekly-deal-link{
display:flex;
flex-direction:column;
height:100%;
text-decoration:none;
color:inherit;
}
.weekly-deal-card .card-title{
font-size:.95rem;
font-weight:700;
margin:0 0 8px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}
.weekly-price{
display:flex;
align-items:baseline;
gap:8px;
margin:0 0 6px;
}
.weekly-price .current{font-weight:800;font-size:1.15rem;color:#0f172a;}
.weekly-price .old{font-size:.78rem;color:rgba(148,163,184,0.9);text-decoration:line-through;}
.weekly-deal-card .card-meta,
.weekly-desc{font-size:.8rem;color:#64748b;margin:0;}
@media (min-width:1024px){
.weekly-deal-card{
min-width:0;
max-width:none;
height:auto;
}
.weekly-deal-image{
height:132px;
}
}
.weekly-deal-card{
border:1px solid #d8dee8;
border-radius:18px;
background:#ffffff;
box-shadow:none;
padding:12px;
}
.weekly-deal-link{
gap:0;
}
.weekly-deal-image{
height:260px;
border-radius:14px;
margin-bottom:12px;
border:1px solid #d8dee8;
background-color:#f3f4f6;
background-position:center;
}
.weekly-deal-image::after{
background:none;
}
.weekly-badge{
top:10px;
left:10px;
padding:5px 9px;
border-radius:6px;
background:#1f2b3d;
font-size:.72rem;
letter-spacing:.03em;
text-transform:uppercase;
box-shadow:none;
}
.weekly-deal-content{
padding:0 2px;
gap:0;
}
.weekly-brand{
display:block;
margin:0 0 4px;
font-size:.78rem;
line-height:1.2;
letter-spacing:.14em;
text-transform:uppercase;
color:#6b7280;
}
.weekly-deal-card .card-title{
margin:0 0 6px;
font-size:1.03rem;
line-height:1.2;
font-weight:800;
color:#0f172a;
}
.weekly-price{
margin:0 0 10px;
gap:8px;
}
.weekly-price .current{
font-size:1.05rem;
font-weight:900;
color:#f98e4c;
}
.weekly-price .old{
font-size:.92rem;
color:#8b93a1;
}
.weekly-swatches{
display:flex;
flex-wrap: wrap;
align-items:center;
gap:10px;
margin:0 0 12px;
}
.weekly-swatch{
width:20px;
height:20px;
border-radius:50%;
border:1px solid #c7ccd4;
box-shadow:inset 0 0 0 3px #ffffff;
flex:0 0 20px;
}
.weekly-swatch-count{
font-size:.95rem;
color:#334155;
}
.weekly-button{
display:flex;
align-items:center;
justify-content:center;
width:100%;
margin-top:auto;
min-height:44px;
border-radius:12px;
background:#f98e4c;
color:#ffffff;
font-weight:800;
font-size:1rem;
text-decoration:none;
box-shadow:none;
}
.weekly-pill,
.weekly-desc,
.weekly-urgency{
display:none;
}
@media (min-width:1024px){
.weekly-deal-image{height:232px;}
}
/* CATEGORY GRID */
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-16);}
@media (min-width:1024px){
.category-grid{grid-template-columns:repeat(6,1fr);gap:var(--space-24);}
}
.category-tile{
display:flex;
flex-direction:column;
align-items:center;
text-decoration:none;
color:inherit;
padding:var(--space-16) var(--space-12);
border-radius:var(--radius-utility);
transition:background-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.category-tile:hover{
background:linear-gradient(180deg,#ffffff 0%, #f9fbff 100%);
transform:translateY(-3px);
box-shadow:0 14px 28px rgba(2,6,23,0.08);
}
.category-tile{
position:relative;
}
.category-tile::before{
content:"";
position:absolute;
inset:0;
border-radius:var(--radius-utility);
background:linear-gradient(180deg,rgba(249,142,76,0.04), rgba(249,142,76,0.00));
opacity:0;
transition:opacity .15s ease;
}
.category-tile:hover::before{
opacity:1;
}
.category-icon{
width:88px;
height:88px;
width:88px;height:88px;
box-shadow:
inset 0 0 0 1px rgba(15,23,42,0.04),
0 8px 20px rgba(2,6,23,0.06);
}
.category-icon{width:88px;height:88px;
width:72px;
height:72px;
margin-bottom:var(--space-12);
display:flex;
align-items:center;
justify-content:center;
border-radius:999px;
background:#fff;
overflow:hidden;
box-shadow:inset 0 0 0 1px rgba(0, 18, 31, 0.1);
}
.category-icon img{
width:65%;
height:65%;
object-fit:cover;
display:block;
}
.category-icon svg{
width:34px;
height:34px;
stroke:currentColor;
color:#0f172a;
}
.category-label{font-size:.85rem;font-weight:600;text-align:center;line-height:1.25;}
/* QUICK ACCESS */
.quick-access-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:var(--space-12);
}
@media (min-width:1024px){
.quick-access-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-16);}
}
.quick-access-card{
text-decoration:none;
color:inherit;
transition:background-color .15s ease;
}
.quick-access-card:hover{background-color:#f8fafc;}
.quick-access-card-inner{
display:flex;
align-items:flex-start;
gap:12px;
}
.quick-icon{
width:40px;
height:40px;
min-width:40px;
border-radius:14px;
background:linear-gradient(180deg,#fff7f2 0%, #ffe8d6 100%);
border:1px solid rgba(249,142,76,0.28);
display:flex;
align-items:center;
justify-content:center;
color:#0f172a;
}
.quick-icon svg{
width:18px;
height:18px;
stroke:currentColor;
}
.quick-copy{
min-width:0;
}
.quick-title{font-size:.9rem;font-weight:600;margin:0 0 4px;}
.quick-meta{font-size:.78rem;color:#64748b;line-height:1.3;margin:0;}
/* INFO CARD */
.info-card{
margin:var(--space-16);
display:flex;gap:var(--space-20);align-items:center
}
.info-media{
width:112px;height:112px;border-radius:var(--radius-utility);
}
.info-copy strong{font-weight:900;font-size:1.08rem}
.info-copy p{margin:.35rem 0 .6rem;font-size:.95rem;color:#475569}
.info-copy span{font-size:.85rem;color:#64748b}
/* VALUE PROPS */
.value-prop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-16);}
@media (min-width:1024px){
.value-prop-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-24);}
}
.value-prop{text-align:center;}
.value-title{font-size:.9rem;font-weight:600;margin:0 0 4px;}
.value-text{font-size:.8rem;color:#64748b;margin:0;}
.value-icon{
width:40px;height:40px;margin:0 auto var(--space-12);
display:flex;align-items:center;justify-content:center;
font-weight:700;font-size:.8rem;color:#0f172a;
}
/* BRANDS */
.brand-carousel{
position:relative;
overflow:hidden;
width:100%;
mask-image:linear-gradient(to right, transparent 0, black 6%, black 94%, transparent 100%);
-webkit-mask-image:linear-gradient(to right, transparent 0, black 6%, black 94%, transparent 100%);
}
.brand-track{
display:flex;
align-items:center;
gap:var(--space-32);
width:max-content;
animation:brand-scroll 36s linear infinite;
}
.brand-carousel:hover .brand-track{
animation-play-state:paused;
}
.brand-group{
display:flex;
align-items:center;
gap:var(--space-32);
}
.brand-item{
flex:0 0 auto;
min-width:140px;
display:flex;
align-items:center;
justify-content:center;
padding:var(--space-12);
}
.brand-item img{
max-height:36px;
max-width:100%;
object-fit:contain;
opacity:.9;
}
@media (min-width:1024px){
.brand-item img{max-height:44px;}
}
@keyframes brand-scroll{
from{transform:translateX(0);}
to{transform:translateX(calc(-50% - (var(--space-32) / 2)));}
}
/* ===============================
DESKTOP LAYOUT PATCH
Applies at ?%?1024px ONLY
=============================== */
@media (min-width: 1024px) {
/* ---------- Global ---------- */
main {
max-width: 1280px;
margin: 0 auto;
padding-bottom: 160px;
}
.section {
margin: var(--space-32) var(--space-24);
}
.section h3 {
font-size: 1.35rem;
}
/* ---------- HERO ---------- */
.hero {
margin: var(--space-24);
}
.hero-track {
display: block;
}
.hero-grid {
grid-template-columns: 1.2fr 0.8fr;
align-items: center;
}
.hero-media {
width: 100%;
height: 280px;
}
/* ---------- SUBSCRIPTION (DEMOTE) ---------- */
.subscribe-strip {
margin: 0 var(--space-24) var(--space-32);
}
/* ---------- BRANDS (GRID) ---------- */
}
/* MOBILE OPTIMIZATION PATCH */
@media (max-width: 767px){
body{
overflow-x:hidden;
}
iframe{
height:132px !important;
}
main{
padding-bottom:112px;
}
.hero{
margin:12px;
}
.hero.card-primary{
padding:18px;
}
.hero-grid{
gap:18px;
}
.hero-title{
font-size:2.05rem;
line-height:1.08;
letter-spacing:-0.03em;
margin-bottom:10px;
}
.hero-subtitle{
font-size:1rem;
line-height:1.45;
margin-bottom:16px;
}
.hero-badge{
margin-bottom:10px;
font-size:.75rem;
}
.hero-stat-row{
gap:8px;
margin:0 0 18px;
margin-bottom:-8px;
}
.hero-stat{
font-size:.78rem;
padding:8px 10px;
}
.hero-actions{
flex-direction:column;
align-items:stretch;
gap:12px;
}
.hero-actions .btn-primary,
.hero-actions .btn-outline{
width:100%;
}
.hero-actions .hero-link{
text-align:center;
display:block;
}
.hero-visual{
min-height:180px;
border-radius:18px;
}
.hero-visual-label{
left:12px;
right:12px;
bottom:12px;
width:max-content;
max-width:calc(100% - 24px);
padding:8px 10px;
font-size:.82rem;
}
.hero-controls{
margin:12px 0 0;
}
.subscription{
margin:12px 12px 16px !important;
}
.subscription-bar{
padding:14px;
gap:12px;
align-items:flex-start;
}
.subscription-icon{
min-width:40px;
width:40px;
height:40px;
font-size:.8rem;
}
.subscription-copy{
font-size:.92rem;
min-width:0;
}
.subscription-copy strong{
font-size:1rem;
line-height:1.25;
}
.subscription-copy span{
display:block;
line-height:1.42;
}
.subscription .btn-outline{
width:100%;
margin-top:4px;
}
.section{
margin:16px 12px;
}
.section-soft{
padding:18px 16px;
border-radius:24px;
}
.section-header{
align-items:flex-start;
gap:10px;
flex-wrap:wrap;
}
.section-header h2,
.section-header .section-title,.section-title{
font-size:1.95rem;
line-height:1.08;
letter-spacing:-0.03em;
}
.section-link{
padding:8px 12px;
font-size:.84rem;
}
.trust-strip{
margin:0 12px 16px !important;
}
.trust-grid{
grid-template-columns:1fr;
gap:12px;
}
.trust-item{
padding:16px;
border-radius:18px;
}
.weekly-deals{
margin:16px 12px 20px;
padding:16px;
}
.weekly-panel{
margin-top:12px;
}
.weekly-deals-grid{
gap:12px;
margin-top:12px;
padding:0 4px 2px 2px;
}
.weekly-deal-card{
min-width:82vw;
max-width:82vw;
padding:10px;
border-radius:18px;
}
.weekly-deal-image{
height:180px !important;
margin-bottom:10px;
}
.weekly-deal-card .card-title{
font-size:1rem;
}
.weekly-brand{
font-size:.74rem;
letter-spacing:.12em;
}
.weekly-price .current{
font-size:1.15rem;
}
.weekly-button{
min-height:46px;
}
.category-grid{
grid-template-columns:repeat(2, minmax(0,1fr));
gap:6px 4px;
justify-items:center;
}
.category-tile{
padding:12px 6px 10px;
}
.category-icon{
width:96px !important;
height:96px !important;
margin-bottom:10px;
}
.category-label{
font-size:.92rem;
max-width:10ch;
}
.quick-access-grid{
grid-template-columns:1fr;
gap:12px;
}
.quick-access-card{
padding:14px;
}
.quick-access-card-inner{
gap:14px;
}
.quick-title{
font-size:1.05rem;
}
.quick-meta{
font-size:.86rem;
line-height:1.35;
}
.why-grid{
gap:14px;
}
.why-list{
gap:10px;
}
.why-item{
align-items:flex-start;
padding:14px;
gap:12px;
}
.why-item .quick-title{
font-size:.98rem;
}
.why-oneliner{
font-size:.84rem;
}
.why-visual{
min-height:180px;
}
.why-badge{
left:12px;
right:12px;
bottom:12px;
width:max-content;
max-width:calc(100% - 24px);
}
.brands{
margin-bottom:20px;
}
.brand-carousel{
overflow-x:auto;
overflow-y:hidden;
mask-image:none;
-webkit-mask-image:none;
padding-bottom:4px;
}
.brand-track{
animation:none;
gap:12px;
width:max-content;
}
.brand-group{
gap:12px;
}
.brand-pill{
min-width:128px;
padding:12px 16px;
}
}
/* end home page */
/* register page new design css*/
/* register page new design css*/
.wg-logo { display: inline-flex; align-items: center; gap: 10px; font-weight: 900; letter-spacing: 0.04em; color: var(--wg-navy); margin-bottom: 14px; font-size: 1.1rem; text-transform: uppercase; }
.wg-card { background: var(--wg-bg-card); border: 1px solid var(--wg-border); border-radius: 14px; box-shadow: 0 16px 40px rgba(6,19,36,0.1); padding: 24px; display: grid; gap: 16px; }
.wg-head { display: grid; gap: 6px; }
.wg-title { font-size: 1.5rem; font-weight: 800; color: var(--wg-navy); }
.wg-sub { color: var(--wg-text-muted); font-weight: 600; font-size: 0.97rem; line-height: 1.4; }
.wg-benefits { border: 1px solid var(--wg-border); border-radius: 12px; padding: 14px 16px; background: linear-gradient(135deg, #fff7ef, #eef4ff); display: grid; gap: 10px; }
.wg-benefits h4 { margin: 0; color: var(--wg-navy); font-size: 1rem; }
.wg-benefits ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.wg-benefits li { display: flex; gap: 8px; align-items: flex-start; font-weight: 600; color: var(--wg-text-main); }
.wg-benefits li span { color: var(--wg-orange); font-weight: 900; }
.wg-section { display: grid; gap: 12px; margin-top: 14px; }
.wg-section h3 {
margin: 0;
color: #fff;
font-size: 1.05rem;
padding: 10px 12px;
border-radius: 10px;
background: linear-gradient(120deg, #0d2748, #1f3b6d);
border: 1px solid rgba(13, 39, 72, 0.65);
}
.wg-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
.wg-grid-fixed { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: start; }
.wg-field { display: flex;
flex-direction: column;
justify-content: flex-start; }
.wg-field-full { grid-column: 1 / -1; }
label { font-weight: 700; color: var(--wg-navy); }
.wg-input-row { position: relative; }
.wg-input-row .wg-input { width: 100%; min-width: 0; padding-right: 68px; }
.wg-account-grid { display: grid; gap: 12px; }
.wg-account-grid.is-hidden { display: none; }
.wg-account-grid-personal { grid-template-columns: 1fr; }
.wg-account-grid-business { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.wg-field .wg-input, .wg-field .wg-select, .wg-field .wg-textarea, .wg-field .wg-file { width: 100%; /* padding: 11px 12px; */ border: 1px solid var(--wg-border); border-radius: 10px; font-size: 1rem; font-weight: 600; background: #fff; color: var(--wg-text-main); height:50px; }
.wg-input.is-success { border-color: #1f9d6d; box-shadow: 0 0 0 1px rgba(31, 157, 109, 0.2); }
.wg-input.is-error { border-color: #c2410c; box-shadow: 0 0 0 1px rgba(194, 65, 12, 0.2); }
.wg-toggle-pass { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); border: none; background: transparent; padding: 6px 8px; font-weight: 700; color: var(--wg-navy); cursor: pointer; }
.wg-textarea { min-height: 100px; resize: vertical; }
.wg-helper { color: var(--wg-text-muted); font-size: 0.9rem; }
.wg-field-status { font-size: 0.9rem; font-weight: 600; display: none; }
.wg-field-status.is-success { color: #116644; display: block; }
.wg-field-status.is-error { color: #c2410c; display: block; }
.wg-password-meter { display: grid; gap: 6px; }
.wg-meter-track { height: 6px; background: #eef1f6; border-radius: 999px; overflow: hidden; }
.wg-meter-fill { height: 100%; width: 0; background: #f98e4c; transition: width 0.12s ease, background 0.12s ease; }
.wg-meter-label { font-size: 0.85rem; color: var(--wg-text-muted); font-weight: 600; }
.wg-checkbox { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--wg-text-main); }
.wg-radio-row { display: flex; gap: 14px; flex-wrap: wrap; }
.wg-toggle-group { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.wg-toggle-btn { position: relative; }
.wg-toggle-btn input { position: absolute; opacity: 0; pointer-events: none; }
.wg-toggle-card { display: grid; gap: 2px; padding: 12px 14px; border-radius: 12px; font-weight: 700; color: var(--wg-navy); cursor: pointer; background: #fff; border: 1px solid var(--wg-border); transition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease; min-height: 64px; align-content: center; }
.wg-toggle-title { font-weight: 800; font-size: 1rem; }
.wg-toggle-sub { font-size: 0.85rem; color: var(--wg-text-muted); font-weight: 600; }
.wg-toggle-btn input:checked + .wg-toggle-card { background: #fff3e8; border-color: var(--wg-orange); box-shadow: inset 4px 0 0 var(--wg-orange), 0 8px 16px rgba(249, 142, 76, 0.18); }
.wg-support-card { border: 1px solid var(--wg-border); border-radius: 12px; padding: 12px 14px; background: #fffaf5; display: grid; gap: 6px; }
.wg-support-title { font-weight: 800; color: var(--wg-navy); }
.wg-support { display: flex; flex-wrap: wrap; gap: 10px; font-weight: 700; color: var(--wg-navy); }
.wg-support a { color: var(--wg-navy); font-weight: 800; text-decoration: underline; }
.wg-legal { display: grid; gap: 8px; margin-top: 16px; }
.wg-legal a { color: var(--wg-navy); font-weight: 700; text-decoration: underline; }
.wg-actions-register { display: grid; gap: 10px; margin-top: 16px; }
.wg-btn-primary { border: 1px solid #f9802f; background: linear-gradient(90deg, #f9802f, #f9a44c); color: #fff; border-radius: 10px; padding: 12px 16px; font-weight: 800; font-size: 1rem; cursor: pointer; transition: transform 0.12s ease; }
.wg-btn-primary:hover { transform: translateY(-1px); }
.wg-btn-secondary { border: 1px solid #0d2748; background: #fff; color: #0d2748; border-radius: 10px; padding: 12px 16px; font-weight: 800; font-size: 1rem; cursor: pointer; }
.wg-footer { text-align: center; color: var(--wg-text-muted); font-weight: 600; font-size: 0.95rem; }
.wg-error { color: var(--wg-text-muted); font-weight: 600; font-size: 0.9rem; display: none; }
.wg-success { display: none; gap: 12px; text-align: center; }
.wg-success.is-visible { display: grid; }
.wg-success-title { font-weight: 800; color: var(--wg-navy); font-size: 1.3rem; }
.wg-success-sub { color: var(--wg-text-muted); font-weight: 600; }
.wg-cta-sticky { display: none; }
@media (max-width: 720px) {
body { padding-top: 135px; }
.wg-card { padding: 18px; }
.wg-btn-primary, .wg-btn-secondary { width: 100%; }
.wg-cta-sticky { position: fixed; left: 0; right: 0; bottom: 0; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--wg-border); box-shadow: 0 -10px 18px rgba(6,19,36,0.08); display: block; z-index: 5; }
}
input#wgEmailBusiness {
height: 49px;
}
.optional-text {
font-size: 12px; /* smaller size */
color: #888; /* light gray (optional) */
margin-left: 4px;
}
.wg-left-text {
display: grid;
gap: 6px;
}
.compnylabel{margin-top: 10px;}
/* end registration */
/* product listing page */
.wg-plp {
color: var(--wg-text-main);
padding: 10px 0 60px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
background:#f3f3f3;
}
.wg-plp a { color: var(--wg-navy); text-decoration: none; }
.wg-plp a:hover { text-decoration: underline; }
.wg-plp-header { max-width: 1200px; margin: 0 auto 18px auto; }
.wg-plp-breadcrumb { font-size: 0.85rem; color: var(--wg-text-muted); margin-bottom: 8px; }
.wg-plp-breadcrumb a { color: var(--wg-text-muted); }
.wg-plp-hero-desc { background:#fff; border:1px solid var(--wg-border); border-radius:8px; padding:12px 14px; margin-bottom:10px; box-shadow:0 3px 8px rgba(0,0,0,0.03); }
.wg-plp-hero-headline { font-size: 1.6rem; font-weight: 800; color: var(--wg-navy); margin: 0 0 6px; }
.wg-plp-hero-subline { font-size: 0.95rem; color: var(--wg-text-muted); margin: 0 0 12px; }
.wg-plp-hero-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.wg-plp-hero-pills-label { font-size: 0.82rem; font-weight: 700; color: var(--wg-text-muted); align-self: center; }
.wg-plp-hero-pill { display: inline-flex; align-items: center; border: 1px solid var(--wg-border); border-radius: 999px; padding: 6px 12px; background: #ffffff; font-size: 0.82rem; font-weight: 700; color: var(--wg-navy); text-decoration: none; transition: background 0.15s ease, border-color 0.15s ease; }
.wg-plp-hero-pill:hover { background: var(--wg-bg-soft); border-color: rgba(6,19,36,0.12); text-decoration: none; }
.wg-plp-hero-pill.is-active { background: #ffffff; border-color: var(--wg-border); box-shadow: 0 0 0 1px rgba(6,19,36,0.04); }
.wg-plp-hero-pill:focus-visible { outline: 2px solid rgba(249,142,76,0.45); outline-offset: 2px; }
.wg-plp-header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.wg-plp-title { font-size: 1.6rem; font-weight: 700; }
.wg-plp-count { font-size: 0.9rem; color: var(--wg-text-muted); margin-left: 6px; }
.wg-plp-header-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.wg-plp-sort { display: flex; align-items: center; gap: 8px; font-size: 0.9rem; }
.wg-plp-sort select { min-width: 190px; padding: 6px 8px; border-radius: 4px; border: 1px solid var(--wg-border); font-size: 0.9rem; }
.wg-plp-results-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.wg-plp-results-header .wg-plp-count { margin-left: 0; font-weight: 700; }
.wg-plp-view-toggle { display: inline-flex; align-items: center; border: 1px solid var(--wg-border); border-radius: 999px; background: #ffffff; overflow: hidden; }
.wg-plp-view-btn { border: none; background: transparent; color: var(--wg-text-muted); font-size: 0.82rem; font-weight: 700; padding: 6px 12px; cursor: pointer; transition: background 0.15s ease, color 0.15s ease; }
.wg-plp-view-btn:hover { color: var(--wg-text-main); }
.wg-plp-view-btn:focus-visible { outline: 2px solid rgba(249,142,76,0.45); outline-offset: 2px; }
.wg-plp-view-btn.is-active { background: var(--wg-orange); color: #ffffff; }
.wg-plp-layout { max-width: 1200px; margin: 0 auto; display: flex; align-items: flex-start; gap: 24px; }
.wg-plp-sidebar { flex: 0 0 360px; position: sticky; top: 20px; align-self: flex-start; }
.wg-plp-results { flex: 1 1 auto; position: relative; }
.wg-plp-filter-card { border: 1px solid var(--wg-border); border-radius: 8px; padding: 12px 14px; background: #ffffff; margin-bottom: 14px; overflow-x: hidden; }
.wg-plp-filter-title { font-size: 0.95rem; font-weight: 700; margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.wg-plp-filter-title-left { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.wg-plp-filter-group { margin-bottom: 10px; }
.wg-plp-filter-group details { border-top: 1px solid var(--wg-border); padding-top: 8px; margin-top: 6px; }
.wg-plp-filter-group details:first-of-type { border-top: none; padding-top: 0; margin-top: 0; }
.wg-plp-filter-group summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; font-size: 0.9rem; font-weight: 600; color: var(--wg-text-main); }
.wg-plp-filter-group summary::-webkit-details-marker { display: none; }
.wg-plp-filter-group summary::after { content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid var(--wg-text-muted); margin-left: 8px; display: inline-block; transition: transform 0.15s ease; }
.wg-plp-filter-group details[open] summary::after { transform: rotate(180deg); }
.wg-plp-filter-body { margin-top: 6px; max-height: none; overflow: visible; padding-right: 0; }
.wg-plp-filter-body-price { max-height: none; overflow: visible; padding-right: 0; }
.wg-plp-filter-body label { display: flex; align-items: center; gap: 8px; font-size: 0.86rem; margin-bottom: 4px; width: 100%; }
.wg-plp-filter-body input[type="checkbox"] { width: 14px; height: 14px; accent-color: var(--wg-orange); }
.wg-plp-filter-text { flex: 1 1 auto; }
.wg-plp-filter-count { margin-left: auto; font-size: 0.78rem; font-weight: 600; color: var(--wg-text-muted); }
.wg-plp-filter-actions { display: flex; justify-content: flex-start; gap: 8px; margin-top: 10px; }
.wg-plp-btn { display: inline-block; padding: 6px 10px; font-size: 0.85rem; border-radius: 4px; border: 1px solid var(--wg-border); background: #ffffff; cursor: pointer; text-align: center; white-space: nowrap; }
.wg-plp-btn-link { border: none; background: transparent; color: var(--wg-orange); padding: 0; font-size: 0.82rem; font-weight: 600; }
.wg-plp-btn-link:hover { text-decoration: underline; }
.wg-plp-price-slider { margin-top: 2px; }
.wg-plp-price-values { display: flex; justify-content: space-between; font-size: 0.85rem; color: var(--wg-text-muted); }
.wg-plp-price-slider-track { position: relative; height: 20px; margin-top: 8px; }
.wg-plp-price-range { position: absolute; left: 0; right: 0; width: 100%; height: 24px; top: 50%; transform: translateY(-50%); pointer-events: none; margin: 0; -webkit-appearance: none; appearance: none; background: transparent; }
.wg-plp-price-range::-webkit-slider-thumb { pointer-events: auto; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 2px solid var(--wg-orange); cursor: pointer; box-shadow: 0 1px 4px rgba(0,0,0,0.15); margin-top: -5px; -webkit-appearance: none; }
.wg-plp-price-range::-moz-range-thumb { pointer-events: auto; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 2px solid var(--wg-orange); cursor: pointer; box-shadow: 0 1px 4px rgba(0,0,0,0.15); margin-top: -5px; }
.wg-plp-price-range::-webkit-slider-runnable-track { height: 6px; border-radius: 999px; background: transparent; }
.wg-plp-price-range::-moz-range-track { height: 6px; border-radius: 999px; background: transparent; }
.wg-plp-price-range-fill { position: absolute; height: 6px; border-radius: 999px; background: var(--wg-orange); top: 50%; transform: translateY(-50%); left: 0; right: 0; pointer-events: none; }
.wg-plp-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.wg-plp-chip { font-size: 0.8rem; border-radius: 999px; border: 1px solid var(--wg-border); padding: 3px 8px; background: var(--wg-bg-soft); }
.wg-plp-chip span { margin-left: 4px; cursor: pointer; color: var(--wg-text-muted); }
.wg-plp-show-more {
display: block;
margin-top: 6px;
padding: 6px 10px;
font-size: 0.85rem;
font-weight: 700;
color: var(--wg-navy);
text-decoration: none;
border-radius: 10px;
}
.wg-plp-show-more:hover { text-decoration: underline; color: var(--wg-navy); }
.wg-plp-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: var(--wg-plp-card-row-gap); column-gap: var(--wg-plp-card-col-gap); }
.wg-plp-card { border: 1px solid var(--wg-border); border-radius: 8px; background: #ffffff; display: flex; flex-direction: column; padding: 13px 13px 11px; transition: box-shadow 0.15s ease, transform 0.15s ease; width: 100%; max-width: var(--wg-plp-card-max); box-sizing: border-box; margin: 0 auto; }
.wg-plp-card:hover { box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06); transform: translateY(-2px); }
.wg-plp-card-img { position: relative; width: 100%; padding: 5px; margin-bottom: 10px; overflow: hidden; border-radius: 6px; --wg-img-pad: 5px; }
/*.wg-plp-img { position: absolute; inset: var(--wg-img-pad); background-size: cover; background-position: center; background-repeat: no-repeat; transition: opacity 0.25s ease, transform 0.25s ease; border-radius: 4px; z-index: 1; } */
.wg-plp-img {
position: relative;
width: 100%;
/* same square ratio you had */
overflow: hidden;
}
.wg-plp-img-tag {
/* position: absolute; */
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; /* same as background-size: cover */
}
.wg-plp-results.is-list .wg-plp-img-tag {
max-width: 100px;
height: 100px;
}
.wg-plp-img-secondary { opacity: 0; transform: scale(1.02); }
/*.wg-plp-card:hover .wg-plp-img-primary { opacity: 0; } */
.wg-plp-card:hover .wg-plp-img-secondary { opacity: 1; transform: scale(1); }
.wg-plp-feature-badge { position: absolute; top: 8px; left: 8px; background: rgba(6,19,36,0.9); color: #fff; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.08em; padding: 4px 6px; border-radius: 4px; text-transform: uppercase; z-index: 2; }
.wg-plp-quick-card-btn {color:#fff !important;text-decoration: none !important;
text-align: center; position: absolute; left: 8px; right: 8px; bottom: 8px; background: rgba(6,19,36,0.85); color: #fff; border: none; padding: 8px 10px; border-radius: 6px; font-weight: 700; cursor: pointer; opacity: 0; transform: translateY(6px); transition: all 0.2s ease; z-index: 2; }
.wg-plp-card-img:hover .wg-plp-quick-card-btn,
.wg-plp-card:hover .wg-plp-quick-card-btn { opacity: 1; transform: translateY(0); }
.wg-plp-card-brand { font-size: 0.78rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--wg-text-muted); margin-bottom: 2px; }
.wg-plp-card-title { font-size: 0.98rem; font-weight: 600; margin-bottom: 2px;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
min-height: 3em; /* keeps card heights equal */
line-height: 1.5em; }
.wg-plp-price-row { display: flex; align-items: center; gap: 8px; margin-top: 2px; margin-bottom: 12px; flex-wrap: wrap; }
.wg-plp-card-price { font-size: 0.92rem; font-weight: 700; color: var(--wg-orange); }
.wg-plp-card-price-list { font-size: 0.86rem; color: var(--wg-text-muted); text-decoration: line-through; }
.wg-plp-price-badge { font-size: 0.75rem; font-weight: 700; color: #fff; background: linear-gradient(90deg, rgba(249,128,47,0.8), rgba(249,164,76,0.8)); border-radius: 999px; padding: 3px 7px; text-transform: none; letter-spacing: 0.04em; }
.wg-plp-stars-row { display: flex; align-items: center; gap: 6px; margin-top: 0; margin-bottom: 2px; color: var(--wg-orange); }
.wg-plp-stars { display: flex; gap: 4px; margin: 0; color: inherit; }
.wg-plp-star { width: 16px; height: 16px; color: inherit; }
.wg-plp-star svg { width: 100%; height: 100%; display: block; }
.wg-plp-star svg path { stroke: currentColor; }
.wg-plp-stars-count { font-size: 0.82rem; color: var(--wg-text-muted); }
.wg-plp-color-row { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; }
.wg-plp-swatch { --swatch-color: #ccc; width: 20px; height: 20px; border-radius: 999px; border: 1px solid #d9d9d9; background: #fff; padding: 0; cursor: pointer; position: relative; box-sizing: border-box; transition: box-shadow 0.12s ease, transform 0.12s ease, border-color 0.12s ease; }
.wg-plp-swatch::after { content: ''; position: absolute; inset: 3px; border-radius: 999px; background: var(--swatch-color); }
.wg-plp-swatch:hover { transform: translateY(-1px); }
.wg-plp-swatch.is-selected { border-color: var(--wg-orange); border-width: 2px; }
.wg-plp-color-actions { display: flex; align-items: center; gap: 12px; margin-top: 6px; flex-wrap: wrap; }
.wg-plp-color-toggle { border: none; background: none; padding: 0; font-size: 0.85rem; font-weight: 700; color: var(--wg-orange); cursor: pointer; text-decoration: none; display: none; }
.wg-plp-color-toggle.is-visible { display: inline-flex; }
.wg-plp-color-selected-note { font-size: 0.82rem; color: var(--wg-text-muted); opacity: 0; transition: opacity 0.25s ease; }
.wg-plp-color-selected-note.is-visible { opacity: 1; }
.wg-plp-size-actions { margin-top: 8px; }
.wg-plp-size-toggle { border: none; background: none; padding: 0; font-size: 0.85rem; font-weight: 700; color: var(--wg-orange); cursor: pointer; display: none; }
.wg-plp-size-toggle.is-visible { display: inline-flex; }
.wg-plp-color-row [data-tooltip] { position: relative; }
.wg-plp-color-row [data-tooltip]::before { content: attr(data-tooltip); position: absolute; bottom: 125%; left: 50%; transform: translateX(-50%); background: rgba(6,19,36,0.92); color: #fff; font-size: 0.75rem; padding: 4px 6px; border-radius: 6px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.12s ease, transform 0.12s ease; z-index: 5; }
.wg-plp-color-row [data-tooltip]:hover::before,
.wg-plp-color-row [data-tooltip]:focus-visible::before { opacity: 1; transform: translate(-50%, -2px); }
.wg-plp-color-more { font-size: 0.8rem; color: var(--wg-orange); text-decoration: none; background: none; border: none; padding: 0; cursor: pointer; }
.wg-plp-color-more:hover { text-decoration: underline; }
.wg-plp-card-footer { margin-top: auto; display: flex; flex-direction: column; gap: 8px; }
.wg-plp-card-link { font-size: 0.85rem; font-weight: 600; color: var(--wg-orange); text-decoration: none; text-align: center; }
.wg-plp-card-link:hover { text-decoration: underline; }
.wg-plp-btn-cart { color:#fff !important; text-decoration:none; border: 1px solid #f9802f; background: linear-gradient(90deg, #f9802f, #f9a44c); color: #fff; border-radius: 10px; padding: 10px 14px; font-size: 0.92rem; font-weight: 800; letter-spacing: 0.01em; cursor: pointer; transition: transform 0.12s ease, box-shadow 0.12s ease; width: 100%; text-align: center; box-shadow: none; }
.wg-plp-btn-cart:hover { transform: translateY(-1px); box-shadow: none; }
.wg-plp-quote-link { display: inline-flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; color: var(--wg-navy); text-decoration: none; }
.wg-plp-quote-link:hover { color: var(--wg-orange); }
.wg-plp-results.is-list .wg-plp-grid { grid-template-columns: 1fr; gap: 12px; }
.wg-plp-results.is-list .wg-plp-card { display: grid; grid-template-columns: 150px 1fr 160px; grid-template-rows: repeat(5, auto); align-items: center; gap: 6px 16px; padding: 12px; max-width: none; justify-self: stretch; }
.wg-plp-results.is-list .wg-plp-card-img { grid-column: 1; grid-row: 1 / span 5; height: 110px; padding-bottom: 0; margin-bottom: 0; overflow: visible; }
.wg-plp-results.is-list .wg-plp-card-img .wg-plp-img { background-size: contain; }
.wg-plp-results.is-list .wg-plp-card-brand { grid-column: 2; grid-row: 1; margin-bottom: 0; }
.wg-plp-results.is-list .wg-plp-card-title { grid-column: 2; grid-row: 2; margin-bottom: 0; font-size: 1.02rem; min-height: 1em; }
.wg-plp-results.is-list .wg-plp-stars-row { grid-column: 2; grid-row: 3; margin-bottom: 0; }
.wg-plp-results.is-list .wg-plp-price-row { grid-column: 2; grid-row: 4; margin-bottom: 0; }
.wg-plp-results.is-list .wg-plp-color-row { grid-column: 2; grid-row: 5; margin-bottom: 0; }
.wg-plp-results.is-list .wg-plp-feature-badge { font-size: 0.6rem; padding: 3px 5px; }
.wg-plp-results.is-list .wg-plp-card-footer { grid-column: 3; grid-row: 2 / span 3; margin-top: 0; align-self: center; justify-self: end; }
.wg-plp-results.is-list .wg-plp-btn-cart { border-radius: 8px; padding: 8px 10px; font-size: 0.86rem; }
.wg-plp-modal-backdrop { position: fixed; inset: 0; background: radial-gradient(circle at 20% 20%, rgba(249,142,76,0.18), rgba(6,19,36,0.75)), rgba(0,0,0,0.35); backdrop-filter: blur(5px); display: none; align-items: center; justify-content: center; z-index: 1000; padding: 16px; }
.wg-plp-modal { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: linear-gradient(145deg, #ffffff 0%, #f9fbff 45%, #ffffff 100%); border-radius: 16px; max-width: 820px; width: 100%; padding: 26px; box-shadow: 0 22px 55px rgba(6,19,36,0.2), 0 6px 14px rgba(6,19,36,0.08); position: relative; border: 1px solid rgba(6,19,36,0.06); overflow: hidden; }
.wg-plp-modal::before { content: ''; position: absolute; inset: 0 0 auto 0; height: 6px; background: linear-gradient(90deg, #f9802f, #f9b24c); }
.wg-plp-modal-close { position: absolute; top: 14px; right: 14px; border: none; background: #fff; width: 32px; height: 32px; border-radius: 50%; font-size: 1.1rem; cursor: pointer; color: var(--wg-text-muted); box-shadow: 0 6px 14px rgba(0,0,0,0.08); transition: transform 0.15s ease, box-shadow 0.15s ease; }
.wg-plp-modal-close:hover { transform: translateY(-1px); box-shadow: 0 10px 18px rgba(0,0,0,0.12); }
.wg-plp-modal-header { display: flex; align-items: flex-start; gap: 24px; }
.wg-plp-modal-media { flex: 0 0 320px; display: flex; flex-direction: column; gap: 12px; background: #fff; border-radius: 12px; border: 1px solid rgba(6,19,36,0.06); box-shadow: 0 10px 22px rgba(6,19,36,0.08); padding: 10px; }
.wg-plp-modal-media.no-thumbs { gap: 0; padding-bottom: 10px; }
.wg-plp-modal-img { height: 320px; border: 1px solid var(--wg-border); border-radius: 12px; background-size: contain; background-position: center; background-repeat: no-repeat; background-color: #ffffff; position: relative; overflow: hidden; box-shadow: 0 12px 22px rgba(6,19,36,0.12); padding: 8px; background-origin: content-box; background-clip: content-box; }
.wg-plp-modal-img::after { content: none; }
.wg-plp-modal-thumbs { display: flex; gap: 8px; overflow-x: auto; padding: 8px; min-height: 0; }
.wg-plp-modal-thumbs.is-hidden { display: none !important; height: 0; min-height: 0; max-height: 0; padding: 0; margin: 0; gap: 0; border: 0; flex: 0 0 0; }
.wg-plp-modal-media.no-thumbs { gap: 12px; padding-bottom: 10px; }
.wg-plp-modal-media.no-thumbs .wg-plp-modal-img { margin-bottom: 4px; }
.wg-plp-modal-thumb { width: 80px; height: 80px; border: 1px solid var(--wg-border); border-radius: 8px; background-size: cover; background-position: center; background-repeat: no-repeat; cursor: pointer; flex: 0 0 auto; opacity: 0.9; transition: border-color 0.12s ease, box-shadow 0.12s ease, transform 0.12s ease; }
.wg-plp-modal-thumb:hover { border-color: var(--wg-orange); transform: translateY(-1px); }
.wg-plp-modal-thumb.is-active { opacity: 1; border-color: var(--wg-orange); box-shadow: 0 0 0 3px rgba(249,142,76,0.2); }
.wg-plp-modal-body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 12px; }
.wg-plp-modal-title { font-size: 1.35rem; font-weight: 800; color: var(--wg-navy); letter-spacing: -0.01em; }
.wg-plp-modal-brand { font-size: 0.92rem; color: var(--wg-text-muted); text-transform: uppercase; letter-spacing: 0.08em; }
.wg-plp-modal-item { font-size: 0.86rem; color: var(--wg-text-muted); }
.wg-plp-modal-desc { font-size: 0.95rem; line-height: 1.6; color: var(--wg-text-main); background: #fff; border: 1px solid rgba(6,19,36,0.05); border-radius: 10px; padding: 10px 12px; box-shadow: 0 8px 18px rgba(6,19,36,0.04); }
.wg-plp-modal-price-row { display: flex; align-items: center; gap: 10px; margin-top: 2px; flex-wrap: wrap; }
.wg-plp-modal-price { font-size: 1.26rem; font-weight: 800; color: var(--wg-orange) !important; }
.wg-plp-modal .wg-plp-modal-price { color: var(--wg-orange) !important; }
.wg-plp-modal-price-list { font-size: 0.95rem; color: var(--wg-text-muted); text-decoration: line-through; }
.wg-plp-modal-price-row .wg-plp-price-badge { display: inline-flex; align-items: center; line-height: 1; }
.wg-plp-modal-stars-row { display: flex; align-items: center; gap: 8px; color: var(--wg-orange); }
.wg-plp-modal-stars-row .wg-plp-stars-count { color: var(--wg-text-muted); }
.wg-plp-modal-stars-row .wg-plp-star { color: var(--wg-orange); }
.wg-plp-modal-stars-row .wg-plp-star svg path { stroke: currentColor; }
.wg-plp-modal-section { margin-top: 6px; }
.wg-plp-modal-section-label { font-weight: 700; font-size: 0.9rem; margin-bottom: 6px; color: var(--wg-navy); letter-spacing: 0.01em; }
.wg-plp-modal-section-label-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.wg-plp-modal-section-label-row .wg-plp-modal-section-label { margin-bottom: 0; }
.wg-plp-modal .wg-plp-color-row { margin-top: 12px; }
.wg-plp-modal .wg-plp-modal-options { margin-top: 12px; margin-bottom: 18px; }
.wg-plp-modal .wg-plp-swatch { width: 26px; height: 26px; }
.wg-plp-modal .wg-plp-swatch::after { inset: 4px; }
.wg-plp-size-help { display: inline-flex; align-items: center; gap: 6px; font-size: 0.85rem; color: var(--wg-orange); text-decoration: none; font-weight: 400; }
.wg-plp-size-help:hover { text-decoration: underline; }
.wg-plp-size-help:focus-visible { outline: 2px solid rgba(249,142,76,0.45); outline-offset: 2px; }
.wg-plp-size-help-icon { width: 14px; height: 14px; display: inline-block; background: url('data:image/svg+xml;utf8,') center/14px 14px no-repeat; }
.wg-plp-custom-link { display: inline-flex; align-items: center; font-size: 0.85rem; color: var(--wg-text-muted); font-weight: 600; text-decoration: none; margin: 12px auto 0; padding: 8px 14px; border-radius: 999px; border: 1px solid transparent; background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(90deg, #f9802f, #f9a44c, #2b5fc7) border-box; align-self: center; max-width: 100%; text-align: center; }
.wg-plp-custom-link:hover { color: var(--wg-navy); }
.wg-plp-modal [data-tooltip] { position: relative; }
.wg-plp-modal [data-tooltip]::before { content: attr(data-tooltip); position: absolute; bottom: 125%; left: 50%; transform: translateX(-50%); background: rgba(6,19,36,0.92); color: #fff; font-size: 0.75rem; padding: 4px 6px; border-radius: 6px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.12s ease, transform 0.12s ease; z-index: 5; }
.wg-plp-modal [data-tooltip]:hover::before,
.wg-plp-modal [data-tooltip]:focus-visible::before { opacity: 1; transform: translate(-50%, -2px); }
.wg-plp-modal-options { display: flex; gap: 8px; flex-wrap: wrap; }
.wg-plp-modal-option-btn { padding: 9px 12px; border: 1px solid var(--wg-border); border-radius: 8px; background: var(--wg-bg-soft); cursor: pointer; font-size: 0.95rem; min-width: 48px; text-align: center; color: var(--wg-text-main); transition: border-color 0.12s ease, box-shadow 0.12s ease, background 0.12s ease; }
.wg-plp-modal-option-btn.is-selected { border-color: var(--wg-orange); box-shadow: 0 0 0 2px rgba(249,142,76,0.18); background: #fff4eb; }
.wg-plp-modal-option-btn:hover { border-color: var(--wg-orange); }
.wg-plp-modal-option-btn.is-disabled { opacity: 0.45; text-decoration: line-through; cursor: not-allowed; }
.wg-plp-modal-option-btn.is-disabled:hover { border-color: var(--wg-border); }
.wg-plp-modal-actions { display: flex; flex-direction: column; align-items: stretch; gap: 12px; margin-top: 10px; background: #fff; padding: 12px; border-radius: 12px; border: 1px solid rgba(6,19,36,0.06); box-shadow: 0 10px 24px rgba(6,19,36,0.08); }
.wg-plp-modal-actions-top { display: flex; align-items: center; gap: 12px; width: 100%; flex-wrap: nowrap; justify-content: space-between; }
.wg-plp-modal-qty-wrap { display: inline-flex; align-items: center; gap: 6px; background: var(--wg-bg-soft); border: 1px solid var(--wg-border); border-radius: 10px; padding: 6px; }
.wg-plp-qty-btn { border: 1px solid var(--wg-border); background: #fff; width: 32px; height: 32px; border-radius: 8px; cursor: pointer; font-weight: 800; color: var(--wg-text-main); transition: box-shadow 0.12s ease, transform 0.12s ease; }
.wg-plp-qty-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 14px rgba(0,0,0,0.08); }
.wg-plp-modal-qty { width: 76px; padding: 10px; border: 1px solid var(--wg-border); border-radius: 8px; background: #fff; font-weight: 700; text-align: center; }
.wg-plp-modal-links { display: flex; justify-content: center; align-items: center; width: 100%; text-align: center; margin-top: 6px; }
.wg-plp-modal-link { color: var(--wg-orange); font-weight: 700; text-decoration: none; }
.wg-plp-modal-link:hover { text-decoration: underline; }
.wg-plp-modal .wg-plp-btn-cart { background: linear-gradient(90deg, #f9802f, #f9a44c); border: 1px solid #f9802f; color: #fff; border-radius: 10px; padding: 10px 14px; font-size: 0.92rem; font-weight: 800; letter-spacing: 0.01em; transition: transform 0.12s ease; min-width: 160px; text-align: center; margin-left: auto; flex: 1 1 auto; box-shadow: none; }
.wg-plp-modal .wg-plp-btn-cart:hover { transform: translateY(-1px); box-shadow: none; }
.wg-plp-pagination { display: inline-flex; align-items: center; gap: 6px; font-size: 0.9rem; }
.wg-plp-pagination a, .wg-plp-pagination span { min-width: 30px; padding: 7px 10px; border-radius: 10px; border: 1px solid var(--wg-border); text-align: center; text-decoration: none; color: var(--wg-text-main); background: #ffffff; transition: transform 0.12s ease, border-color 0.12s ease; box-shadow: none; }
.wg-plp-pagination a:hover { transform: translateY(-1px); border-color: var(--wg-orange); box-shadow: none; }
.wg-plp-pagination .is-active { border-color: var(--wg-orange); background: linear-gradient(90deg, #f9802f, #f9a44c); color: #ffffff; box-shadow: none; }
.wg-plp-pagination .is-disabled { opacity: 0.45; cursor: default; box-shadow: none; }
.wg-plp-pagination-bar { margin-top: 12px; display: none; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; font-size: 0.9rem; color: var(--wg-text-muted); background: #fff; border: 1px solid var(--wg-border); border-radius: 10px; padding: 10px 12px; box-shadow: 0 8px 18px rgba(6,19,36,0.04); }
.wg-plp-empty-title { font-weight: 700; margin-bottom: 4px; }
.wg-plp-empty-meta { font-size: 0.9rem; color: var(--wg-text-muted); }
.wg-plp-empty-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.wg-plp-bulk-card { margin-top: 18px; background: #ffffff; border: 1px solid var(--wg-border); border-radius: 12px; padding: 12px 14px; box-shadow: 0 8px 18px rgba(6,19,36,0.04); font-size: 0.9rem; font-weight: 600; color: var(--wg-text-muted); }
.wg-plp-load-more { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; margin-top: 14px; text-align: center; }
.wg-plp-load-more-btn { min-width: 240px; justify-content: center; text-align: center; }
.wg-plp-load-summary { font-size: 0.85rem; font-weight: 600; color: var(--wg-text-muted); }
.wg-plp-pagination-summary { font-weight: 600; color: var(--wg-text-main); }
.wg-plp-page-size { display: none; align-items: center; gap: 8px; }
.wg-plp-page-size select { border: 1px solid var(--wg-border); border-radius: 6px; padding: 6px 8px; font-size: 0.9rem; background: #fff; }
.wg-plp-mobile-controls { display: none; max-width: 1200px; margin: 8px auto 4px auto; padding: 0 16px; }
.wg-plp-mobile-controls-inner { display: flex; justify-content: flex-end; }
.wg-plp-filter-backdrop { position: fixed; inset: 0; background: rgba(6,19,36,0.45); display: none; z-index: 900; }
.wg-plp-filter-backdrop.is-visible { display: block; }
.wg-plp-mobile-close{
display:none;
}
@media (min-width: 1200px) {
.wg-plp-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1024px) {
.wg-plp-layout { flex-direction: column; }
.wg-plp-sidebar { flex: 1 1 auto; width: 100%; order: 1; }
.wg-plp-results { order: 2; }
.wg-plp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
.wg-plp-mobile-close{
display:block;
}
.wg-plp-header-row,
.wg-plp-results-header { flex-direction: column; align-items: flex-start; }
.wg-plp-grid { grid-template-columns: 1fr; }
.wg-plp-card { max-width: none; justify-self: stretch; }
.wg-plp-filter-card { margin-bottom: 18px; }
.wg-plp-mobile-controls { display: block; }
.wg-plp-sidebar { width: 100%; order: 2; position: fixed; left: 0; right: 0; bottom: 0; top: auto; max-height: 72vh; transform: translateY(100%); transition: transform 0.2s ease; z-index: 950; background: #fff; border-radius: 16px 16px 0 0; box-shadow: 0 -16px 32px rgba(0,0,0,0.18); overflow-y: auto; padding-bottom: 16px; }
.wg-plp-sidebar.is-open { transform: translateY(0); }
.wg-plp-filter-card { border-radius: 16px 16px 0 0; box-shadow: none; border: none; }
.wg-plp-results { order: 3; }
.wg-plp-results.is-list .wg-plp-card { grid-template-columns: 120px 1fr; grid-template-rows: repeat(5, auto); }
.wg-plp-results.is-list .wg-plp-card-img { grid-column: 1; grid-row: 1 / span 5; height: 100px; overflow: visible; }
.wg-plp-results.is-list .wg-plp-card-img .wg-plp-img { background-size: contain; }
.wg-plp-results.is-list .wg-plp-card-footer { grid-column: 1 / -1; grid-row: 6; }
}
/* Style overrides inspired by wg-plp-headwear-demo-sample-images-copy */
:root {
--wg-plp-max-width: 1600px;
--wg-plp-card-min: 240px;
--wg-plp-card-max: 300px;
--wg-plp-card-row-gap: 18px;
--wg-plp-card-col-gap: 18px;
--wg-orange: #f98e4c;
--wg-orange-2: #f9a44c;
--wg-navy: #061324;
--wg-border: #e1e1e1;
--wg-text-main: #222222;
--wg-text-muted: #666666;
--wg-bg-soft: #fafafa;
--wg-bg-card: #ffffff;
--wg-shadow-soft: 0 10px 24px rgba(6,19,36,0.06);
}
.wg-plp {
background: none;
}
.wg-plp-header,
.wg-plp-layout,
.wg-plp-mobile-controls {
max-width: min(var(--wg-plp-max-width), calc(100% - 32px));
}
.wg-plp-breadcrumb {
font-size: 0.9rem;
margin-bottom: 8px;
}
.wg-plp-title {
font-size: 1.8rem;
font-weight: 800;
color: var(--wg-navy);
}
.wg-plp-hero-desc {
border-radius: 12px;
border: 1px solid var(--wg-border);
box-shadow: var(--wg-shadow-soft);
padding: 14px 16px;
}
.wg-plp-results-header {
margin-bottom: 16px;
padding: 10px 12px;
border: 1px solid var(--wg-border);
border-radius: 14px;
background: rgba(255,255,255,0.92);
backdrop-filter: blur(6px);
}
.wg-plp-filter-card,
.wg-plp-card,
.wg-plp-pagination-bar {
border-radius: 12px;
box-shadow: var(--wg-shadow-soft);
}
.wg-plp-card {
border: 1px solid var(--wg-border);
}
.wg-plp-card-img {
border-radius: 12px;
border: 1px solid var(--wg-border);
background: #ffffff;
}
.wg-plp-filter-card {
padding: 0;
overflow-x: hidden;
overflow-y: visible;
background: #ffffff;
}
.wg-plp-filter-title {
padding: 12px 14px;
border-bottom: 1px solid var(--wg-border);
text-transform: none;
letter-spacing: 0;
font-size: 0.95rem;
font-weight: 800;
color: var(--wg-navy);
}
.wg-plp-filter-title-left span:first-child {
color: var(--wg-navy);
}
#wgActiveFiltersLabel {
color: var(--wg-orange);
font-weight: 800;
font-size: 0.8rem;
}
.wg-plp-filter-title .wg-plp-btn-link {
text-transform: none;
letter-spacing: 0;
}
.wg-plp-chips {
padding: 0 14px 8px;
margin-bottom: 0;
}
.wg-plp-filter-group {
padding: 0 14px 14px;
margin-bottom: 0;
}
.wg-plp-filter-group details {
border-top: 1px solid #e6ebf2;
padding-top: 12px;
margin-top: 12px;
}
.wg-plp-filter-group summary {
font-weight: 700;
font-size: 0.92rem;
color: var(--wg-navy);
padding: 10px 10px;
border-radius: 12px;
}
.wg-plp-filter-group summary:hover {
background: rgba(17,45,78,0.04);
}
.wg-plp-filter-body label {
display: grid;
grid-template-columns: 16px 1fr minmax(56px, max-content);
align-items: center;
column-gap: 8px;
font-weight: 400;
margin-bottom: 6px;
padding: 8px 10px;
border-radius: 12px;
box-sizing: border-box;
}
.wg-plp-filter-body label:hover {
background: rgba(17,45,78,0.04);
}
.wg-plp-filter-text {
min-width: 0;
}
.wg-plp-filter-count {
margin-left: 0;
font-size: 0.78rem;
font-weight: 700;
color: var(--wg-text-muted);
min-width: 56px;
text-align: right;
justify-self: end;
white-space: nowrap;
}
.wg-plp-filter-body input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
width: 16px;
height: 16px;
border-radius: 4px;
border: 1px solid var(--wg-border);
background: #fff;
display: inline-grid;
place-items: center;
margin: 0;
cursor: pointer;
box-shadow: inset 0 0 0 2px #fff;
}
.wg-plp-filter-body input[type="checkbox"]::after {
content: '';
width: 8px;
height: 4px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-45deg);
opacity: 0;
}
.wg-plp-filter-body input[type="checkbox"]:checked {
background: var(--wg-orange);
border-color: var(--wg-orange);
box-shadow: none;
}
.wg-plp-filter-body input[type="checkbox"]:checked::after {
opacity: 1;
}
.wg-plp-filter-body input[type="checkbox"]:focus-visible {
outline: 2px solid rgba(249,142,76,0.45);
outline-offset: 2px;
}
.wg-plp-btn,
.wg-plp-sort select,
.wg-plp-page-size select {
border-radius: 10px;
font-weight: 700;
}
.wg-plp-btn {
padding: 8px 12px;
}
.wg-plp-btn-link {
font-weight: 700;
}
.wg-plp-chip {
background: #ffffff;
border-radius: 999px;
}
.wg-plp-card-brand {
letter-spacing: 0.08em;
margin-bottom: 4px;
}
.wg-plp-card-brand a {
color: inherit;
text-decoration: none;
}
.wg-plp-card-brand a:hover {
text-decoration: underline;
}
.wg-plp-card-title {
font-weight: 800;
color: var(--wg-navy);
margin-bottom: 2px;
}
.wg-plp-card-title a {
color: inherit;
text-decoration: none;
}
.wg-plp-card-title a:hover {
text-decoration: underline;
}
.wg-plp-card-price {
font-size: 1.05rem;
font-weight: 800;
}
.wg-plp-price-row { margin-bottom: 8px; }
.wg-plp-color-row { margin-bottom: 6px; }
.wg-plp-stars-row,
.wg-plp-modal-stars-row {
display: none;
}
.wg-plp-card:hover {
box-shadow: 0 12px 26px rgba(6,19,36,0.08);
transform: translateY(-1px);
}
.wg-plp-modal-img,
.wg-plp-modal-thumb {
border: 1px solid var(--wg-border) !important;
}
.wg-plp-modal-price-row {
color: var(--wg-orange);
}
.wg-plp-modal-price {
color: var(--wg-orange) !important;
}
.wg-plp-modal .wg-plp-color-row {
margin-top: 16px;
}
.wg-plp-modal .wg-plp-modal-options {
margin-top: 16px;
margin-bottom: 22px;
}
.wg-plp-pagination a,
.wg-plp-pagination span {
border-radius: 10px;
}
.wg-plp-hero-pill.is-active {
background: var(--wg-orange);
color: #fff;
border-color: var(--wg-orange);
}
.wg-plp-hero-pill.is-active:hover {
background: #000;
color: #fff;
}
.loadingproduct {
position: fixed;
inset: 0; /* top:0 right:0 bottom:0 left:0 */
background: rgba(255,255,255,0.45);
backdrop-filter: blur(3px);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
width:50%;
top:50%;
left: 30%;;
}
/* Spinner */
.loadingproduct::after {
content: "";
width: 56px;
height: 56px;
border: 6px solid #e5e7eb;
border-top-color: #111827;
border-radius: 50%;
animation: wg-spin 0.8s linear infinite;
}
@keyframes wg-spin {
to { transform: rotate(360deg); }
}
a{ text-decoration: none !important;}
/* end product listing page */
/* product detail start*/
.wg-pdp-shell { width: 100%; max-width: min(1120px, calc(100% - 24px)); margin: 0 auto; padding: 0 16px; box-sizing: border-box; }
.wg-pdp-shell:first-of-type { margin-top: 0; padding-top: 10px; }
.wg-pdp-shell:last-of-type { margin-bottom: 0; }
.wg-pdp-shell > * { width: 100%; }
.wg-pdp-shell + .wg-pdp-shell { margin-top: 24px; }
.wg-pdp-shell:first-of-type + .wg-pdp-shell { margin-top: 16px; }
.wg-breadcrumbs { font-size: 0.9rem; color: var(--wg-text-muted); margin-bottom: 8px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.wg-breadcrumbs a { color: var(--wg-text-muted); }
.wg-pdp-card { background: var(--wg-bg-card); border: 1px solid var(--wg-border); border-radius: 12px; box-shadow: 0 10px 24px rgba(6,19,36,0.06); padding: 22px; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 24px; width: 100%; box-sizing: border-box; }
/* Media */
.wg-pdp-media { display: grid; grid-template-columns: 1fr; gap: 12px; align-items: start; width: 100%; align-self: start; }
.wg-pdp-thumb-rail {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 10px; width: 100%;
max-width: 640px;
margin: 12px auto 0 auto;
padding: 6px 8px;
border: 1px solid var(--wg-border);
border-radius: 12px;
background: #fff;
box-sizing: border-box; }
.wg-pdp-thumb-viewport {
height: 118px;
overflow-x: hidden;
width: 100%;
scroll-behavior: smooth;
overflow-y: hidden;
border-radius: 10px;
background: #fff;
}
.wg-pdp-thumbs {
display: flex;
flex-direction: row;
gap: 8px;
padding: 8px;
height: 100%;
overflow-x: auto; /* IMPORTANT */
scroll-behavior: smooth;
white-space: nowrap;
justify-content: center;
align-items: center;
}
.wg-pdp-thumbs.is-compact { justify-content: center; }
.wg-pdp-thumb {
display: flex;
min-width: 60px; /* IMPORTANT */
height: 60px;
gap: 8px;
width: 88px;
aspect-ratio: 1 / 1;
border: 1px solid var(--wg-border);
border-radius: 8px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
transition: border-color 0.12s ease, box-shadow 0.12s ease, transform 0.12s ease;
flex: 0 0 auto; }
.wg-pdp-thumb:hover { border-color: var(--wg-orange); transform: translateY(-1px); }
.wg-pdp-thumb.is-active { border-color: var(--wg-orange); box-shadow: 0 0 0 3px rgba(249,142,76,0.2); }
.wg-pdp-thumb.is-video::after { content: '▶'; position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-size: 1.2rem; background: linear-gradient(145deg, rgba(0,0,0,0.45), rgba(0,0,0,0.25)); border-radius: 8px; text-shadow: 0 2px 8px rgba(0,0,0,0.4); }
.wg-pdp-thumb.is-video { position: relative; }
.wg-pdp-thumb-nav { position: static; display: flex; justify-content: center; z-index: 2; }
.wg-pdp-thumb-nav button { border: 1px solid rgba(0,0,0,0.08); background: linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%); border-radius: 10px; width: 36px; height: 36px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; box-shadow: none; transition: transform 0.12s ease, border-color 0.12s ease; color: var(--wg-navy); font-size: 0.95rem; }
.wg-pdp-thumb-nav button:hover { transform: translateY(-1px); border-color: var(--wg-orange); box-shadow: none; color: var(--wg-orange); }
.wg-pdp-thumb-nav.top { top: auto; }
.wg-pdp-thumb-nav.bottom { bottom: auto; }
.wg-pdp-hero { position: relative; border: 1px solid var(--wg-border); border-radius: 14px; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #ffffff; aspect-ratio: 1 / 1; min-height: 0; max-width: 640px; width: 100%; margin: 0 auto; overflow: hidden; cursor: zoom-in; }
.wg-pdp-hero.is-zoomed { cursor: zoom-out; }
.wg-pdp-hero .wg-pdp-wishlist { position: absolute; top: 12px; right: 12px; width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.08); background: rgba(255,255,255,0.96); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 10px 22px rgba(0,0,0,0.12); transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease; }
.wg-pdp-hero .wg-pdp-wishlist:hover { transform: translateY(-1px); border-color: var(--wg-orange); box-shadow: 0 12px 26px rgba(0,0,0,0.14); }
.wg-pdp-hero img {
width: 100%;
height: 100%;
object-fit: contain;
}
@media (max-width: 768px) {
.wg-pdp-hero {
width: 100% !important;
height: 350px !important;
overflow: hidden !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin:0px !important;
}
.wg-pdp-hero img {
width: auto !important;
height: auto !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
}
}
/* Details */
.wg-section-card { background: #fff; border: 1px solid var(--wg-border); border-radius: 12px; box-shadow: 0 10px 24px rgba(6,19,36,0.06); padding: 22px; width: 100%; box-sizing: border-box; }
.wg-pdp-meta { display: flex; flex-direction: column; gap: 12px; }
.wg-pdp-brand { font-size: 0.95rem; color: var(--wg-text-muted); text-transform: uppercase; letter-spacing: 0.08em; }
.wg-pdp-title { font-size: 1.8rem; font-weight: 800; color: var(--wg-navy); line-height: 1.2; }
.wg-pdp-item { font-size: 0.95rem; color: var(--wg-text-muted); }
.wg-pdp-stars { display: flex; align-items: center; gap: 8px; font-size: 0.92rem; color: var(--wg-orange); }
.wg-pdp-price-row { display: flex; align-items: center; gap: 10px; font-size: 1.2rem; }
.wg-pdp-price { font-weight: 800; color: var(--wg-orange); }
.wg-pdp-price-list { font-size: 1rem; color: var(--wg-text-muted); text-decoration: line-through; }
.wg-pdp-badge { display: none; align-items: center; gap: 4px; padding: 4px 8px; border-radius: 999px; background: linear-gradient(120deg, #f9802f, #f9a44c); color: #fff; font-size: 0.9rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; box-shadow: none; }
.wg-pdp-desc { font-size: 1rem; line-height: 1.6; color: var(--wg-text-main); background: #fff; border: 1px solid rgba(6,19,36,0.06); border-radius: 10px; padding: 12px 14px; }
.wg-pdp-section { display: flex; flex-direction: column; gap: 12px; }
.wg-pdp-label-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.wg-pdp-label { font-weight: 700; color: var(--wg-navy); }
.wg-pdp-size-guide { display: inline-flex; align-items: center; gap: 6px; font-size: 0.9rem; color: var(--wg-orange); text-decoration: none; }
.wg-pdp-size-guide:hover { text-decoration: underline; }
.wg-pdp-size-guide svg { width: 14px; height: 14px; stroke: currentColor; stroke-width: 2; fill: none; }
.wg-pdp-swatches { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.wg-pdp-swatch { --swatch-color: #ccc; width: 26px; height: 26px; border-radius: 6px; border: 1px solid #d9d9d9; background: #fff; padding: 0; cursor: pointer; position: relative; transition: box-shadow 0.12s ease, transform 0.12s ease; }
.wg-pdp-swatch::after { content: ''; position: absolute; inset: 4px; border-radius: 5px; background: var(--swatch-color); }
.wg-pdp-swatch:hover { transform: translateY(-1px); }
.wg-pdp-swatch.is-selected { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wg-orange); border-color: var(--wg-orange); }
.wg-pdp-sizes { display: flex; gap: 8px; flex-wrap: wrap; }
.wg-pdp-size { padding: 9px 12px; border: 1px solid var(--wg-border); border-radius: 8px; background: var(--wg-bg-soft); cursor: pointer; font-size: 0.95rem; min-width: 48px; text-align: center; transition: border-color 0.12s ease, box-shadow 0.12s ease, background 0.12s ease; }
.wg-pdp-size:hover { border-color: var(--wg-orange); }
.wg-pdp-size.is-selected { border-color: var(--wg-orange); background: #fff4eb; box-shadow: 0 0 0 2px rgba(249,142,76,0.18); }
.wg-pdp-customize { margin: 8px 0; width: 100%; border-radius: 12px; border: 1px solid #d9e2ef; background: linear-gradient(120deg, #eef6ff, #f7f3ff, #fff4eb); color: var(--wg-text-main); padding: 10px 14px; font-weight: 800; font-size: 1rem; letter-spacing: 0.01em; cursor: pointer; transition: transform 0.12s ease, background 0.12s ease, color 0.12s ease, border-color 0.12s ease, opacity 0.12s ease; }
.wg-pdp-customize.is-ready { background: linear-gradient(120deg, #2fc8d6, #4f7bff, #ff9966); color: #fff; border-color: #d9e2ef; }
.wg-pdp-customize.is-ready:hover { transform: translateY(-1px); }
.wg-pdp-customize.is-disabled { background: linear-gradient(120deg, #f2f6fb, #f4f4fa); color: var(--wg-text-muted); border-color: #d9e2ef; cursor: not-allowed; }
.wg-pdp-actions { display: flex; flex-direction: column; gap: 12px; margin-top: 12px; }
.wg-pdp-actions-main { display: flex;
grid-template-columns: auto 1fr;
grid-template-areas: "qty cart" "qty quote";
gap: 12px;
flex-wrap: wrap;
width: 100%;
align-items: center; }
.wg-pdp-qty-col { display: flex; flex-direction: column; gap: 10px; min-width: 130px; max-width: 170px; grid-area: qty; align-items: stretch; width: 100%; justify-self: start; align-self: stretch; justify-content: center; padding: 12px 10px; background: #f7f9fb; border: 1px solid var(--wg-border); border-radius: 12px; box-sizing: border-box; }
.wg-pdp-qty { display: inline-flex; align-items: center; gap: 6px; background: #fff; border: 1px solid var(--wg-border); border-radius: 10px; padding: 8px 10px; height: auto; width: 100%; box-sizing: border-box; justify-content: center; }
.wg-pdp-qty-btn { border: 1px solid var(--wg-border); background: #fff; width: 32px; height: 32px; border-radius: 8px; cursor: pointer; font-weight: 800; font-size: 16px; transition: box-shadow 0.12s ease, transform 0.12s ease; display: inline-flex; align-items: center; justify-content: center; line-height: 1; padding: 0; }
.wg-pdp-qty-btn:hover { transform: translateY(-1px); }
.wg-pdp-qty input { width: 68px; height: 32px; padding: 0 10px; border: 1px solid var(--wg-border); border-radius: 8px; background: #fff; font-weight: 700; text-align: center; line-height: 32px; box-sizing: border-box; vertical-align: middle; }
.wg-pdp-stock { --dot-color: #0f7d2c; font-size: 0.9rem; color: #0f7d2c; background: linear-gradient(90deg, #e9f7ed, #d2f1dc); border: 1px solid #b5e3c2; border-radius: 8px; padding: 6px 10px; font-weight: 700; display: inline-flex; align-items: center; justify-content: flex-start; gap: 8px; text-align: left; width: fit-content; box-sizing: border-box; margin: 4px 0 8px 0; }
.wg-pdp-stock svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.wg-pdp-btn-cart
{ border: 1px solid #f9802f;
background: linear-gradient(90deg, #f9802f, #f9a44c);
color: #fff; border-radius: 10px;
padding: 12px 18px;
font-size: 1rem;
font-weight: 800;
letter-spacing: 0.01em;
cursor: pointer;
transition: transform 0.12s ease;
box-shadow: none;
min-width: 200px;
width: 100%;
grid-area: cart;
}
.wg-pdp-btn-cart:hover { transform: translateY(-1px); box-shadow: none; }
.wg-pdp-btn-quote { border: 1px solid #0d2748; background: linear-gradient(90deg, #0d2748, #1f3b6d); color: #fff; border-radius: 10px; padding: 12px 18px; font-size: 1rem; font-weight: 800; letter-spacing: 0.01em; cursor: pointer; transition: transform 0.12s ease; box-shadow: none; min-width: 200px; width: 100%; grid-area: quote; }
.wg-pdp-btn-quote:hover { transform: translateY(-1px); box-shadow: none; }
.wg-pdp-btn-secure { border: 1px solid var(--wg-border); background: #fff; color: var(--wg-navy); border-radius: 12px; padding: 12px 16px; font-size: 0.95rem; font-weight: 700; display: inline-flex; align-items: center; gap: 10px; cursor: pointer; box-shadow: none; transition: transform 0.12s ease, border-color 0.12s ease; width: 100%; justify-content: center; }
.wg-pdp-btn-secure:hover { transform: translateY(-1px); border-color: var(--wg-orange); }
.wg-pdp-btn-secure svg { width: 18px; height: 18px; }
.wg-pdp-share { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 6px; justify-content: flex-end; }
.wg-pdp-share-label { display: none; }
.wg-pdp-share-links { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.wg-pdp-share-btn { width: 38px; height: 38px; border: 1px solid var(--wg-border); background: #fff; color: var(--wg-navy); border-radius: 12px; padding: 6px; font-weight: 700; font-size: 0.9rem; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; cursor: pointer; transition: border-color 0.12s ease, transform 0.12s ease; }
.wg-pdp-share-btn:hover { border-color: var(--wg-orange); transform: translateY(-1px); }
.wg-pdp-share-btn svg { width: 18px; height: 18px; }
.wg-pdp-accordion { border: 1px solid rgba(6,19,36,0.08); border-radius: 12px; overflow: hidden; background: linear-gradient(145deg, #ffffff 0%, #f9fbff 100%); box-shadow: none; margin: 0; }
.wg-pdp-accordion + .wg-pdp-accordion { margin-top: 6px; }
.wg-pdp-accordion-toggle { width: 100%; text-align: left; border: none; background: transparent; padding: 14px 16px; font-weight: 800; color: var(--wg-navy); display: flex; align-items: center; justify-content: space-between; cursor: pointer; letter-spacing: 0.01em; }
.wg-pdp-accordion-toggle span { display: inline-flex; align-items: center; gap: 10px; }
.wg-pdp-accordion-icon { transition: transform 0.18s ease; color: var(--wg-orange); font-size: 1.1rem; }
.wg-pdp-accordion.is-open .wg-pdp-accordion-icon { transform: rotate(180deg); }
.wg-pdp-accordion-body { padding: 12px 16px 14px 16px; border-top: 1px solid var(--wg-border); display: none; font-size: 0.95rem; color: var(--wg-text-main); line-height: 1.5; background: #fff; }
.wg-pdp-accordion.is-open .wg-pdp-accordion-body { display: block; }
.wg-pdp-info-row { display: flex; flex-direction: column; gap: 8px; margin-top: 0; }
.wg-pdp-info-row > * { width: 100%; }
.wg-pdp-full { grid-column: 1 / -1; margin-top: 8px; }
.wg-pdp-related { margin: 0 auto; position: relative; width: 100%; display: grid; gap: 8px; padding: 0; border-radius: 12px; border: none; background: transparent; box-shadow: none; }
.wg-pdp-related-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.wg-pdp-related-title { font-size: 1.2rem; font-weight: 800; color: var(--wg-navy); display: flex; align-items: baseline; gap: 8px; letter-spacing: 0.01em; }
.wg-pdp-related-count { font-size: 0.95rem; color: var(--wg-text-muted); font-weight: 600; }
.wg-pdp-related-rail-wrap { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; justify-items: center; }
.wg-pdp-related-rail {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
gap: 16px;
grid-auto-flow: column;
grid-auto-columns: 160px;
scroll-behavior: smooth;
padding: 10px 40px;
justify-content: center;
justify-items: center;
width: 100%;
max-width: 100%;
margin: 0 auto; box-sizing: border-box; }
.wg-pdp-related-card {
min-width: 160px;
border: 1px solid var(--wg-border);
border-radius: 12px;
background: #fff;
box-shadow: 0 8px 18px rgba(6,19,36,0.05);
padding: 12px;
display: grid; gap: 10px;
text-decoration: none; color: inherit;
position: relative; overflow: hidden;
transition:
transform 0.12s ease,
box-shadow 0.12s ease;
width: 220px;
flex: 0 0 auto;
transition: transform 0.2s ease;
scroll-snap-align: start;
}
.wg-pdp-related-card:hover {
box-shadow: 0 12px 24px rgba(6,19,36,0.08);
transform: translateY(-1px);
transform: translateY(-4px);
}
.wg-pdp-related-img {
width: 100%;
aspect-ratio: 1 / 1; border-radius: 12px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
overflow: hidden; }
.wg-pdp-related-brand {
font-size: 0.82rem;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--wg-text-muted);
font-weight: normal;
}
.wg-pdp-related-title-text { font-size: 0.98rem; font-weight: 800; color: var(--wg-navy); }
.wg-pdp-related-price { display: flex; align-items: center; gap: 6px; }
.wg-pdp-related-sale { font-weight: 800; color: var(--wg-orange); }
.wg-pdp-related-list { text-decoration: line-through; color: var(--wg-text-muted); font-size: 0.9rem; }
.wg-pdp-related-swatches { display: inline-flex; align-items: center; gap: 8px; min-height: 28px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 12px; padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,0.94); border: 1px solid var(--wg-border); box-shadow: 0 4px 12px rgba(0,0,0,0.08); backdrop-filter: none; }
.wg-pdp-related-swatches.is-empty { pointer-events: none; opacity: 0; }
.wg-pdp-related-swatches { display: inline-flex; align-items: center; gap: 8px; min-height: 28px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 12px; padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,0.94); border: 1px solid var(--wg-border); box-shadow: 0 4px 12px rgba(0,0,0,0.08); backdrop-filter: none; }
.wg-pdp-related-swatches.is-empty { pointer-events: none; opacity: 0; }
.wg-pdp-related-swatch { --swatch-color: #ccc; width: 26px; height: 26px; border-radius: 6px; border: 1px solid #d9d9d9; background: #fff; padding: 0; cursor: pointer; position: relative; transition: box-shadow 0.12s ease, transform 0.12s ease; }
.wg-pdp-related-swatch::after { content: ''; position: absolute; inset: 4px; border-radius: 5px; background: var(--swatch-color); }
.wg-pdp-related-swatch:hover { transform: translateY(-1px); }
.wg-pdp-related-swatch.is-selected { box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--wg-orange); border-color: var(--wg-orange); }
.wg-pdp-related-rail::-webkit-scrollbar { height: 0; width: 0; }
.wg-pdp-related-rail::-webkit-scrollbar-track { background: transparent; }
.wg-pdp-related-rail::-webkit-scrollbar-thumb { background: transparent; border: none; }
.wg-pdp-related-nav { position: relative; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(6,19,36,0.08); background: #fff; box-shadow: 0 10px 22px rgba(0,0,0,0.12); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: border-color 0.12s ease, box-shadow 0.12s ease; color: var(--wg-orange); font-size: 1.2rem; }
.wg-pdp-related-nav:hover { border-color: var(--wg-orange); box-shadow: 0 12px 26px rgba(249,128,47,0.18); }
.wg-pdp-related-nav.left { justify-self: end; }
.wg-pdp-related-nav.right { justify-self: start; }
.wg-brand-band { margin: 12px auto 0; width: 100%; max-width: 1200px; padding: 24px 32px; border-radius: 14px; background: linear-gradient(120deg, #0b1a30, #0f2845); color: #e9f1ff; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 20px; box-shadow: 0 12px 28px rgba(0,0,0,0.15); }
.wg-brand-left { display: grid; gap: 8px; justify-self: center; text-align: center; max-width: 560px; width: 100%; }
.wg-brand-logo { display: none; }
.wg-brand-copy { display: grid; gap: 6px; justify-items: center; }
.wg-brand-name { font-size: 1.1rem; font-weight: 800; letter-spacing: 0.02em; }
.wg-brand-desc { font-size: 0.94rem; color: #d5e1ff; line-height: 1.45; max-width: 520px; }
.wg-brand-left .wg-photo-btn { margin: 10px auto 0; width: fit-content; }
.wg-brand-right { position: relative; display: inline-grid; grid-template-columns: 36px 1fr 36px; align-items: center; gap: 12px; padding: 0; width: auto; justify-self: end; justify-items: center; }
.wg-brand-rail { display: grid; grid-auto-flow: column; grid-auto-columns: 180px; gap: 20px; overflow: visible; padding: 12px; width: auto; max-width: 1040px; margin: 0 auto; justify-content: center; box-sizing: border-box; }
.wg-brand-rail::-webkit-scrollbar { width: 0; height: 0; }
.wg-brand-rail { scrollbar-width: none; -ms-overflow-style: none; }
.wg-brand-card { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.14); border-radius: 12px; padding: 10px; color: #e9f1ff; display: grid; gap: 6px; min-height: 220px; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06); }
.wg-brand-card-img { width: 100%; aspect-ratio: 1 / 1; border-radius: 10px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.wg-brand-card-name { font-weight: 700; font-size: 0.95rem; }
.wg-brand-card-price { font-weight: 800; color: var(--wg-orange); }
.wg-brand-nav { width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.2); background: rgba(11,26,48,0.85); color: #f9a44c; display: grid; place-items: center; cursor: pointer; }
.wg-brand-nav.left { justify-self: end; margin-right: 0; }
.wg-brand-nav.right { justify-self: start; margin-left: 0; }
.wg-brand-swatches { display: inline-flex; align-items: center; gap: 6px; min-height: 24px; }
.wg-brand-swatch { --swatch-color: #ccc; width: 18px; height: 18px; border-radius: 6px; border: 1px solid rgba(255,255,255,0.4); background-color: transparent; padding: 0; cursor: pointer; position: relative; box-shadow: none; appearance: none; -webkit-appearance: none; outline: none; }
.wg-brand-swatch::after { content: ''; position: absolute; inset: 3px; border-radius: 4px; background: var(--swatch-color); }
.wg-brand-swatch.is-selected { box-shadow: 0 0 0 2px rgba(255,255,255,0.4); border-color: var(--wg-orange); }
.wg-media-overlay { position: fixed; inset: 0; background: rgba(6,19,36,0.75); backdrop-filter: blur(4px); display: none; align-items: center; justify-content: center; padding: 24px; z-index: 999; }
.wg-media-overlay.is-open { display: flex; }
.wg-media-overlay-card { background: #fff; border-radius: 16px; border: 1px solid rgba(6,19,36,0.1); box-shadow: 0 24px 48px rgba(0,0,0,0.18); max-width: 1100px; width: 100%; display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 18px; overflow: hidden; position: relative; }
.wg-media-overlay-left { background: #01060f; min-height: 520px; display: grid; place-items: center; position: relative; }
.wg-media-overlay-left .wg-overlay-image { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; cursor: zoom-in; transition: background-size 0.18s ease; }
.wg-media-overlay-left .wg-overlay-image.is-zoomed { cursor: zoom-out; }
.wg-media-overlay-left video { width: 100%; height: 100%; object-fit: contain; background: #000; }
.wg-media-overlay-right { padding: 18px; display: flex; flex-direction: column; gap: 14px; }
.wg-overlay-title { font-size: 1.3rem; font-weight: 800; color: var(--wg-navy); }
.wg-overlay-thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); gap: 10px; max-height: 340px; overflow-y: auto; padding-right: 4px; }
.wg-overlay-thumb { border: 2px solid transparent; border-radius: 10px; background-size: cover; background-position: center; background-repeat: no-repeat; aspect-ratio: 1 / 1; cursor: pointer; position: relative; transition: transform 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease; }
.wg-overlay-thumb:hover { transform: translateY(-1px); }
.wg-overlay-thumb.is-active { border-color: var(--wg-orange); box-shadow: 0 0 0 3px rgba(249,142,76,0.2); }
.wg-overlay-thumb.is-video::after { content: '▶'; position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-size: 1.2rem; background: linear-gradient(145deg, rgba(0,0,0,0.45), rgba(0,0,0,0.25)); border-radius: 10px; text-shadow: 0 2px 8px rgba(0,0,0,0.4); }
.wg-overlay-thumbs::-webkit-scrollbar { width: 10px; }
.wg-overlay-thumbs::-webkit-scrollbar-track { background: #f7f7f7; border-radius: 999px; }
.wg-overlay-thumbs::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #f9802f, #f9a44c); border-radius: 999px; border: 2px solid #f7f7f7; }
.wg-overlay-thumbs:hover::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #f9802f, #f78a2f); }
.wg-modal-overlay { position: fixed;
inset: 0;
background: rgba(6,19,36,0.72);
backdrop-filter: blur(4px);
display: none;
align-items: center;
justify-content: center;
padding: 20px;
z-index: 9999; }
.wg-modal-overlaycart{
position: fixed;
inset: 0;
background: rgba(6,19,36,0.72);
backdrop-filter: blur(4px);
display: flex; /* ✅ FIX */
align-items: center;
justify-content: center;
padding: 20px;
z-index: 9999;
}
.wg-modal-overlay.is-open { display: flex; }
.wg-modal-card { background: #fff; border-radius: 14px; border: 1px solid rgba(6,19,36,0.08); box-shadow: 0 24px 48px rgba(0,0,0,0.16); max-width: 560px; width: calc(100% - 24px); max-height: 90vh; padding: 18px; display: grid; gap: 12px; position: relative; overflow: auto; }
.wg-modal-card.wg-modal-card-review { max-width: 720px; width: calc(100% - 32px); max-height: 90vh; overflow: auto; gap: 10px; }
.wg-modal-head { display: flex; align-items: center; justify-content: space-between; }
.wg-modal-title { font-size: 1.15rem; font-weight: 800; color: var(--wg-navy); }
.wg-modal-close { border: none; background: rgba(255,255,255,0.95); width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; cursor: pointer; box-shadow: 0 8px 18px rgba(0,0,0,0.12); }
.wg-modal-body { display: grid; gap: 10px; }
.wg-modal-line { display: flex; justify-content: space-between; align-items: center; font-size: 0.95rem; color: var(--wg-text-main); padding: 8px 10px; border: 1px solid var(--wg-border); border-radius: 10px; background: var(--wg-bg-soft); }
.wg-modal-actions { display: grid; gap: 10px; }
.wg-modal-primary { border: 1px solid #f9802f; background: linear-gradient(90deg, #f9802f, #f9a44c); color: #fff; border-radius: 10px; padding: 11px 16px; font-weight: 800; cursor: pointer; }
.wg-modal-secondary { border: 1px solid var(--wg-border); background: #fff; color: var(--wg-navy); border-radius: 10px; padding: 11px 16px; font-weight: 700; cursor: pointer; }
.wg-photo-overlay { position: fixed; inset: 0; background: rgba(6,19,36,0.75); backdrop-filter: blur(4px); display: none; align-items: center; justify-content: center; padding: 24px; z-index: 1001; }
.wg-photo-overlay.is-open { display: flex; }
.wg-photo-card { background: #fff; border-radius: 16px; border: 1px solid rgba(6,19,36,0.1); box-shadow: 0 24px 48px rgba(0,0,0,0.18); max-width: 960px; width: 100%; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 8px; overflow: hidden; position: relative; }
.wg-photo-left { background: #01060f; min-height: 520px; position: relative; display: grid; place-items: center; }
.wg-photo-img { width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; }
.wg-photo-right { padding: 12px; display: grid; gap: 0; }
.wg-photo-title { font-size: 1.2rem; font-weight: 800; color: var(--wg-navy); margin: 0; }
.wg-photo-meta { display: flex; align-items: center; gap: 4px; color: var(--wg-text-muted); font-size: 0.95rem; flex-wrap: wrap; margin-bottom: -8px; }
.wg-photo-name { font-weight: 700; color: var(--wg-navy); }
.wg-photo-stars { display: inline-flex; gap: 4px; }
.wg-photo-body { font-size: 0.98rem; color: var(--wg-text-main); line-height: 1.5; background: #f7f7f7; border: 1px solid var(--wg-border); border-radius: 10px; padding: 10px 12px; margin-top: -12px; }
.wg-photo-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 2px; }
.wg-photo-btn { border: 1px solid var(--wg-border); background: #fff; color: var(--wg-navy); border-radius: 10px; padding: 6px 10px; font-weight: 700; cursor: pointer; }
.wg-photo-helpful { display: inline-flex; align-items: center; gap: 8px; }
.wg-photo-helpful button { border: 1px solid var(--wg-border); background: #fff; border-radius: 8px; padding: 6px 10px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; font-size: 0.9rem; color: var(--wg-text-main); transition: border-color 0.12s ease, transform 0.12s ease; }
.wg-photo-helpful button:hover { border-color: var(--wg-orange); transform: translateY(-1px); }
.wg-photo-helpful svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; }
.wg-photo-close { position: absolute; top: 12px; right: 12px; border: none; background: rgba(255,255,255,0.95); width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; cursor: pointer; box-shadow: 0 10px 22px rgba(0,0,0,0.14); }
.wg-photo-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.4); background: rgba(6,19,36,0.4); color: #fff; display: grid; place-items: center; cursor: pointer; }
.wg-photo-nav.left { left: 10px; }
.wg-photo-nav.right { right: 10px; }
.wg-media-close { position: absolute; top: 12px; right: 12px; border: none; background: rgba(255,255,255,0.95); width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; cursor: pointer; box-shadow: 0 10px 22px rgba(0,0,0,0.14); }
.wg-media-close:hover { transform: translateY(-1px); }
.wg-review-stars-pick { display: inline-flex; gap: 6px; align-items: center; }
.wg-review-star-btn { background: none; border: none; cursor: pointer; padding: 4px; }
.wg-review-star-btn svg { width: 24px; height: 24px; stroke: var(--wg-orange); fill: none; }
.wg-review-star-btn:hover svg { fill: var(--wg-orange); }
.wg-review-star-btn.is-hover svg { fill: var(--wg-orange); }
.wg-review-form { display: grid; gap: 10px; width: 100%; max-width: 720px; margin: 0 auto; }
.wg-review-form label { font-weight: 700; color: var(--wg-navy); }
.wg-review-form input, .wg-review-form textarea { width: 100%; padding: 10px; border: 1px solid var(--wg-border); border-radius: 10px; box-sizing: border-box; }
.wg-review-inline { display: flex; align-items: center; gap: 10px; }
.wg-review-inline input[type="checkbox"] { width: auto; }
/* Customize Overlay */
.wg-custom-overlay { position: fixed; inset: 0; background: rgba(6,19,36,0.72); backdrop-filter: blur(4px); display: none; align-items: center; justify-content: center; padding: 14px; z-index: 1100; }
.wg-custom-overlay.is-open { display: flex; }
.wg-custom-card { background: #fff; border-radius: 14px; border: 1px solid rgba(6,19,36,0.1); box-shadow: 0 24px 48px rgba(0,0,0,0.18); max-width: 1040px; width: 100%; max-height: 90vh; padding: 16px; display: grid; gap: 14px; position: relative; overflow: auto; }
.wg-custom-close { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--wg-border); background: #fff; display: grid; place-items: center; cursor: pointer; }
.wg-custom-grid { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 12px; align-items: start; }
.wg-custom-summary { border: 1px solid var(--wg-border); border-radius: 12px; padding: 10px; display: grid; gap: 8px; background: linear-gradient(145deg, #f9fbff, #ffffff); }
.wg-custom-summary-head { display: grid; grid-template-columns: 80px 1fr; gap: 8px; align-items: center; }
.wg-custom-thumb { width: 80px; height: 80px; border-radius: 10px; border: 1px solid var(--wg-border); background-size: cover; background-position: center; background-repeat: no-repeat; }
.wg-custom-meta { display: grid; gap: 4px; align-items: start; }
.wg-custom-title { font-weight: 800; color: var(--wg-navy); }
.wg-custom-item { color: var(--wg-text-muted); font-weight: 600; font-size: 0.95rem; }
.wg-custom-badges { display: flex; gap: 8px; flex-wrap: wrap; }
.wg-custom-badge { padding: 6px 10px; background: #fff4eb; border: 1px solid #ffd6b5; border-radius: 10px; font-weight: 700; font-size: 0.9rem; color: var(--wg-orange); }
.wg-custom-fees { display: grid; gap: 6px; }
.wg-custom-fees h4 { margin: 0; color: var(--wg-navy); font-size: 0.98rem; }
.wg-custom-fee-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; color: var(--wg-text-muted); }
.wg-custom-fee-list li { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; padding: 4px 6px; border-radius: 8px; background: #f7f9ff; }
.wg-custom-fee-list li strong { color: var(--wg-navy); }
.wg-custom-total { display: flex; justify-content: space-between; font-weight: 800; color: var(--wg-navy); padding-top: 4px; border-top: 1px solid var(--wg-border); }
.wg-custom-qty { display: flex; align-items: center; gap: 8px; }
.wg-custom-qty label { font-weight: 700; color: var(--wg-navy); }
.wg-custom-qty input { width: 80px; padding: 8px 10px; border: 1px solid var(--wg-border); border-radius: 8px; font-weight: 700; box-sizing: border-box; }
.wg-custom-outline-wrap { border: 1px solid var(--wg-border); border-radius: 12px; padding: 12px; background: #f9fbff; display: grid; gap: 10px; }
.wg-custom-outline { position: relative; width: 100%; background: #fff; border: 1px dashed #cdd6e3; border-radius: 12px; aspect-ratio: 1 / 1; overflow: hidden; display: grid; place-items: center; }
.wg-custom-outline-base { width: 68%; height: 78%; border: 2px solid #cfd8e3; border-radius: 14px; position: relative; background: linear-gradient(180deg, #fff, #f6f7fb); }
.wg-custom-outline-marker { position: absolute; top: 10px; font-weight: 800; color: var(--wg-navy); background: #fff; border: 1px solid var(--wg-border); border-radius: 10px; padding: 4px 8px; font-size: 0.9rem; }
.wg-custom-outline-marker.left { left: 10px; }
.wg-custom-outline-marker.right { right: 10px; }
.wg-custom-side-toggle { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.wg-custom-side-label { font-weight: 700; color: var(--wg-navy); }
.wg-custom-side-pills { display: inline-flex; gap: 6px; background: #eef2f8; border: 1px solid var(--wg-border); border-radius: 999px; padding: 4px; }
.wg-custom-side-pill { border: none; background: transparent; padding: 6px 12px; border-radius: 999px; font-weight: 700; color: var(--wg-text-muted); cursor: pointer; transition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease; }
.wg-custom-side-pill.is-active { background: linear-gradient(120deg, #2fc8d6, #4f7bff); color: #fff; box-shadow: 0 4px 12px rgba(79,123,255,0.2); }
.wg-custom-zone-btn { position: absolute; transform: translate(-50%, -50%); width: 64px; height: 64px; border: 2px dashed #4f7bff; background: rgba(79,123,255,0.08); border-radius: 10px; cursor: pointer; display: grid; place-items: center; color: #4f7bff; font-weight: 800; transition: transform 0.12s ease, border-color 0.12s ease, background 0.12s ease; overflow: hidden; }
.wg-custom-zone-btn:hover { transform: translate(-50%, -50%) scale(1.02); border-color: var(--wg-orange); color: var(--wg-orange); }
.wg-custom-zone-btn.is-active { background: rgba(249,128,47,0.12); border-color: var(--wg-orange); color: var(--wg-orange); }
.wg-custom-zone-label { position: absolute; top: calc(100% + 4px); left: 50%; transform: translateX(-50%); font-size: 0.85rem; color: var(--wg-text-muted); white-space: nowrap; }
.wg-custom-zone-plus { font-size: 1.2rem; z-index: 1; }
.wg-custom-zone-thumb { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.95; }
.wg-custom-detail { border: 1px solid var(--wg-border); border-radius: 12px; padding: 10px; background: #fff; display: grid; gap: 8px; }
.wg-custom-detail h4 { margin: 0; color: var(--wg-navy); font-size: 1rem; }
.wg-custom-select-row { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 10px; }
.wg-custom-select-row.is-single { grid-template-columns: 1fr auto; }
.wg-custom-detail select { width: 100%; padding: 10px; border: 1px solid var(--wg-border); border-radius: 10px; font-weight: 600; }
.wg-custom-fees select { width: 100%; padding: 10px; border: 1px solid var(--wg-border); border-radius: 10px; font-weight: 600; box-sizing: border-box; }
.wg-custom-preview-thumb { width: 48px; height: 48px; border-radius: 10px; border: 1px solid var(--wg-border); background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #f7f9ff; }
.wg-custom-clear { width: 32px; height: 32px; border: 1px solid var(--wg-border); border-radius: 8px; background: #fff; color: var(--wg-text-muted); font-weight: 800; cursor: pointer; display: grid; place-items: center; transition: border-color 0.12s ease, color 0.12s ease; }
.wg-custom-clear:hover { border-color: var(--wg-orange); color: var(--wg-orange); }
.wg-custom-text-input { width: 100%; max-width: 100%; padding: 10px; border: 1px solid var(--wg-border); border-radius: 10px; font-weight: 600; display: none; box-sizing: border-box; grid-column: 1 / -1; }
.wg-custom-text-input.is-visible { display: block; }
.wg-custom-actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.wg-custom-btn { padding: 12px 16px; border-radius: 10px; font-weight: 800; cursor: pointer; border: 1px solid #f9802f; background: linear-gradient(90deg, #f9802f, #f9a44c); color: #fff; }
.wg-custom-btn.secondary { border-color: #0d2748; background: linear-gradient(90deg, #0d2748, #1f3b6d); }
.wg-custom-info { margin-top: 8px; padding: 10px 12px; border: 1px dashed #cdd6e3; border-radius: 10px; background: #f9fbff; color: var(--wg-text-muted); font-weight: 600; font-size: 0.93rem; }
.wg-custom-clear-all { margin-top: 6px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--wg-border); background: #fff; color: var(--wg-text-main); font-weight: 700; cursor: pointer; transition: border-color 0.12s ease, color 0.12s ease; width: 100%; }
.wg-custom-clear-all:hover { border-color: var(--wg-orange); color: var(--wg-orange); }
@media (max-width: 1100px) {
.wg-custom-grid { grid-template-columns: 1fr; }
}
.wg-pdp-reviews { margin-top: 0; border: none; border-radius: 12px; background: transparent; padding: 0; box-shadow: none; width: 100%; }
.wg-pdp-reviews-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.wg-pdp-reviews-title { font-size: 1.2rem; font-weight: 800; color: var(--wg-navy); display: inline-flex; align-items: baseline; gap: 6px; }
.wg-pdp-reviews-count { font-size: 0.95rem; color: var(--wg-text-muted); font-weight: 600; }
.wg-pdp-reviews-body { display: grid; gap: 14px; }
.wg-reviews-top { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; align-items: stretch; }
.wg-reviews-card { border: 1px solid var(--wg-border); border-radius: 10px; background: #fff; padding: 10px; display: grid; gap: 6px; }
.wg-reviews-card:first-child { justify-items: center; align-items: center; }
.wg-reviews-card:nth-child(3) { text-align: center; }
.wg-reviews-score { text-align: center; display: grid; gap: 4px; }
.wg-reviews-number { font-size: 2.2rem; font-weight: 800; color: var(--wg-navy); line-height: 1; }
.wg-reviews-stars { display: inline-flex; gap: 6px; justify-content: center; }
.wg-reviews-overall { color: var(--wg-text-muted); font-weight: 600; line-height: 1.3; }
.wg-reviews-photos-wrap { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; }
.wg-reviews-photos { display: grid; grid-auto-flow: column; grid-auto-columns: 120px; gap: 10px; overflow: hidden; padding-bottom: 6px; }
.wg-reviews-photo { width: 100%; aspect-ratio: 1 / 1; border-radius: 10px; background-size: cover; background-position: center; background-repeat: no-repeat; border: 1px solid var(--wg-border); box-shadow: 0 6px 14px rgba(0,0,0,0.04); }
.wg-reviews-nav { width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.08); background: #fff; display: grid; place-items: center; cursor: pointer; color: var(--wg-orange); box-shadow: none; }
.wg-reviews-nav:hover { border-color: var(--wg-orange); }
.wg-review-cta { display: grid; gap: 6px; justify-items: center; text-align: center; align-content: center; }
.wg-review-cta .wg-review-stars-pick { margin-top: -6px; }
.wg-pdp-review-list { display: grid; gap: 12px; }
.wg-pdp-review { border: 1px solid var(--wg-border); border-radius: 10px; padding: 12px 14px; background: #fff; }
.wg-pdp-review-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 6px; }
.wg-pdp-reviewer { font-weight: 700; color: var(--wg-navy); }
.wg-pdp-review-date { font-size: 0.85rem; color: var(--wg-text-muted); }
.wg-pdp-review-stars { display: inline-flex; align-items: center; gap: 4px; color: var(--wg-orange); }
.wg-pdp-review-body { font-size: 0.95rem; color: var(--wg-text-main); line-height: 1.5; }
.wg-pdp-review-name { font-size: 0.9rem; color: var(--wg-text-muted); margin-top: 6px; }
.wg-pdp-review-actions { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; }
.wg-pdp-review-actions button { border: 1px solid var(--wg-border); background: #fff; border-radius: 8px; padding: 6px 10px; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-size: 0.9rem; color: var(--wg-text-main); transition: border-color 0.12s ease, transform 0.12s ease; }
.wg-pdp-review-actions button:hover { border-color: var(--wg-orange); transform: translateY(-1px); }
.wg-pdp-review-actions svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; }
.wg-review-login-note { font-size: 0.9rem; color: var(--wg-text-muted); }
.wg-newsletter { display: grid; gap: 10px; padding: 18px; border-radius: 14px; background: linear-gradient(135deg, #fff2e6, #eef5ff, #fff8de); border: 1px solid #e7e0d4; box-shadow: 0 10px 20px rgba(6,19,36,0.06); width: 100%; box-sizing: border-box; color: var(--wg-text-main); margin-top: 24px; margin-bottom: 24px; }
.wg-newsletter-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.wg-newsletter-title { font-size: 1.1rem; font-weight: 800; color: var(--wg-navy); }
.wg-newsletter-sub { color: var(--wg-text-muted); font-weight: 600; font-size: 0.95rem; }
.wg-newsletter-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; align-items: center; width: 100%; }
.wg-newsletter-input { width: 100%; padding: 10px 12px; border: 1px solid var(--wg-border); border-radius: 10px; font-weight: 600; box-sizing: border-box; background: #fff; color: var(--wg-text-main); }
.wg-newsletter-input::placeholder { color: var(--wg-text-muted); }
.wg-newsletter-btn { padding: 11px 16px; background: linear-gradient(90deg, #f9802f, #f9a44c); color: #fff; border: 1px solid #f9802f; border-radius: 10px; font-weight: 800; cursor: pointer; transition: transform 0.12s ease; }
.wg-newsletter-btn:hover { transform: translateY(-1px); }
.wg-newsletter-waiver { font-size: 0.9rem; color: var(--wg-text-muted); display: flex; align-items: center; gap: 8px; }
.wg-newsletter-waiver input { width: auto; }
@media (max-width: 960px) {
.wg-pdp-card { grid-template-columns: 1fr; display: block; }
.wg-pdp-media { grid-template-columns: 1fr; }
.wg-pdp-thumb-rail { grid-template-columns: auto 1fr auto; }
.wg-pdp-thumb-viewport { max-width: none; }
.wg-pdp-actions-main { grid-template-columns: 1fr; grid-template-areas: "qty" "cart" "quote"; }
.wg-pdp-qty-col { min-width: 100%; max-width: none; }
.wg-reviews-top { grid-template-columns: 1fr; }
}
.wg-pdp-accordion-body {
display: none;
}
.wg-pdp-accordion-toggle.active + .wg-pdp-accordion-body {
display: block;
}
/* Inner color dot */
.wg-pdp-thumbs::-webkit-scrollbar {
display: none; /* optional */
}
/*product detail end */
/* for size drpdwn */
.wg-pdp-size-dropdown {
width: 100%;
max-width: 220px;
padding: 10px 40px 10px 12px;
border: 1px solid var(--wg-border);
border-radius: 8px;
background-color: #fff;
font-size: 0.95rem;
font-weight: 500;
color: #111;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 16px;
}
.wg-pdp-size-dropdown option {
padding: 10px;
font-weight: 500;
}
/* RAIL */
/* Hide ugly scrollbar on mobile */
/* MOBILE FIX — ek card perfectly dekhāy */
@media (max-width: 768px) {
.wg-pdp-related-rail {
padding: 10px 0px;
gap: 5px;
}
.wg-pdp-related-brand {
font-size: 0.72rem;
}
.wg-pdp-related-title-text {
font-size: 0.78rem;
}
.wg-pdp-related-price {
font-size: 13px;
}
.wg-pdp-related-card {
gap:0px;}
.wg-pdp-related-nav {
width: 20px;
height: 20px;
border: none;
box-shadow: none;
}
.wg-pdp-related-card {
min-width: 100px;
width: 150px;
margin-left: 15px;
}
.wg-pdp-related-swatch::after{
inset: 2px;
}
.wg-pdp-related-swatch {
width: 16px;
height: 16px;
}
.wg-pdp-related-swatches{
gap:2px;
padding: 6px 6px;
}
.wg-pdp-shell { width: 100%; max-width: auto;
}
}
.wg-pdp-related-rail {
justify-content: flex-start !important;
}
/* end product detail */
.weekly-deal-image {
background-color: #fff;
}
.wg-pdp-accordion-body ul {
list-style-type: disc !important;
margin-left: 16px;
}
.wg-pdp-accordion-body ul li {
list-style: disc;
}
/* =========================================================
PDP MOBILE OVERFLOW FIX V2 - 2026-09-20
Desktop remains unchanged. Overrides conflicting PDP rules.
========================================================= */
@media (max-width: 768px) {
.wg-pdp-shell {
width: 100% !important;
max-width: 100% !important;
padding-left: 12px !important;
padding-right: 12px !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
.wg-pdp-shell > * {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
.wg-pdp-card {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 12px !important;
gap: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.wg-pdp-media {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.wg-pdp-hero {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
aspect-ratio: 1 / 1 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.wg-pdp-hero img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
min-width: 0 !important;
object-fit: contain !important;
object-position: center !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
transform: none !important;
}
.wg-pdp-thumb-rail {
display: grid !important;
grid-template-columns: 36px minmax(0, 1fr) 36px !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 12px 0 0 !important;
padding: 6px !important;
gap: 4px !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.wg-pdp-thumb-viewport {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.wg-pdp-thumbs {
display: flex !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
justify-content: flex-start !important;
overflow-x: auto !important;
overflow-y: hidden !important;
transform: none !important;
box-sizing: border-box !important;
}
}
@media (max-width: 450px) {
.wg-pdp-thumb-viewport {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
}
.wg-pdp-thumbs {
justify-content: flex-start !important;
margin: 0 !important;
}
}
/* =========================================================
FINAL PDP MOBILE PRODUCT IMAGE RESIZE
Desktop styles remain unchanged.
Keep this block at the VERY END of the stylesheet.
========================================================= */
@media (max-width: 768px) {
.wg-pdp-hero {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 320px !important;
min-height: 320px !important;
aspect-ratio: auto !important;
margin: 0 auto !important;
padding: 18px !important;
box-sizing: border-box !important;
overflow: hidden !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background-size: 72% auto !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.wg-pdp-hero img {
display: block !important;
width: auto !important;
height: auto !important;
max-width: 72% !important;
max-height: 270px !important;
min-width: 0 !important;
object-fit: contain !important;
object-position: center center !important;
margin: auto !important;
padding: 0 !important;
position: static !important;
inset: auto !important;
transform: none !important;
}
}
@media (max-width: 480px) {
.wg-pdp-hero {
height: 300px !important;
min-height: 300px !important;
padding: 18px !important;
background-size: 68% auto !important;
}
.wg-pdp-hero img {
max-width: 68% !important;
max-height: 250px !important;
}
}
@media (max-width: 375px) {
.wg-pdp-hero {
height: 280px !important;
min-height: 280px !important;
padding: 16px !important;
background-size: 65% auto !important;
}
.wg-pdp-hero img {
max-width: 65% !important;
max-height: 230px !important;
}
}
/* contruction popup */
/* ===================== UNDER CONSTRUCTION POPUP ===================== */
.construction-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.65);
display: flex;
align-items: center;
justify-content: center;
z-index: 99999;
padding: 20px;
}
.construction-popup {
position: relative;
width: 100%;
max-width: 520px;
background: #ffffff;
border-radius: 16px;
padding: 35px 30px 30px;
text-align: center;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}
.construction-close {
position: absolute;
top: 10px;
right: 15px;
border: 0;
background: transparent;
font-size: 30px;
line-height: 1;
cursor: pointer;
color: #555;
}
.construction-icon {
font-size: 42px;
margin-bottom: 12px;
}
.construction-popup h2 {
margin: 0 0 15px;
font-size: 24px;
color: #00121f;
}
.construction-popup p {
margin: 0 auto 25px;
font-size: 16px;
line-height: 1.6;
color: #555;
max-width: 440px;
}
.construction-ok {
border: 0;
background: #00121f;
color: #ffffff;
padding: 12px 25px;
border-radius: 8px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
}
.construction-ok:hover {
opacity: 0.9;
}
@media (max-width: 600px) {
.construction-popup {
padding: 30px 20px 25px;
}
.construction-popup h2 {
font-size: 21px;
}
.construction-popup p {
font-size: 14px;
}
}