/*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ----------------------------------------------------------------*/ :root { --font-heading:'Avenir Next LT Pro', sans-serif; --font-primary:'Avenir Next LT Pro', sans-serif; --color-white:#fff; --color-harvest-gold:#db9a00; --color-ut-orange:#ff8300; --color-btn-orange:#fc5704; --color-mahogany:#C04000; --color-rust:#a84717; --color-brown-sugar:#bc7a4f; --color-cream:#F9F9BE; --color-school-bus-yellow:#f7dc00; --color-black:#000000; /* --font-58:5.8rem; --font-48:4.8rem; --font-45:4.5rem; --font-42:4.2rem; --font-40:4rem; --font-34:3.4rem; --font-30:3rem; --font-32:3.2rem; --font-26:2.6rem; --font-25:2.5rem; --font-24:2.4rem; --font-22:2.2rem; --font-20:2rem; --font-19:1.9rem; --font-18:1.8rem; --font-16:1.6rem; --font-15:1.5rem; --font-14:1.4rem; --font-13:1.3rem; --font-12:1.2rem; --transition:0.6s; */ } /*============================== basic css =====================================*/ *{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html{ width:100%; height:100%; margin:0px; padding:0px; overflow-x: hidden;} body{ margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-size: 15px; color:#5a5a5a; line-height:24px; background:var(--color-white); min-height:100%; overflow-x: hidden; background: var(--color-white); } p{ margin:0px; padding:0px 0 30px 0; font-family: 'Montserrat', sans-serif; font-size:16px; color:#525265; line-height:30px; font-weight: 400; } h1{ margin: 0px; padding: 0px; } h2{ margin: 0px; padding: 0px; } h3{ margin: 0px; padding: 0px; } h4{ margin: 0px; padding: 0px; } h5{ margin: 0px; padding: 0px; } h6{ margin: 0px; padding: 0px; } address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset,figure{ margin:0; padding:0; border: 0px; outline: none; } label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;} a{ text-decoration:none; border: 0px; outline: none; transition: all .5s;} a:hover, a:focus, a:active{ text-decoration:none; border: 0px; outline: none; transition: all .5s;} a img{ border:none; outline: none;} a:focus {outline:none; } border{ border-collapse:collapse;} hr{ height:1px; background:#333333; border:none;} .clear{ clear:both;} .left{ float:left;} .right{ float:right;} .clearfix:before, .clearfix:after { content: " "; display: table;} .clearfix:after { clear: both;} .clearfix { *zoom: 1; clear: both;} img { max-width: 100%; height: auto;} ::-moz-selection { color: var(--color-white); background: var(--color-rust);} ::selection {color: var(--color-white); background: var(--color-rust);} /*============================== Icon Moon Font =====================================*/ @font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?7ph0hx'); src: url('../fonts/icomoon.eot?7ph0hx#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?7ph0hx') format('truetype'), url('../fonts/icomoon.woff?7ph0hx') format('woff'), url('../fonts/icomoon.svg?7ph0hx#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-wishlist:before { content: "\e901"; } .icon-prev:before { content: "\e902"; color: var(--color-white); } .icon-next:before { content: "\e903"; color: var(--color-white); } .icon-short-right-arrow:before { content: "\e904"; color: var(--color-white); } .icon-long-rightarrow:before { content: "\e905"; color: var(--color-white); } .icon-mail:before { content: "\e906"; color: var(--color-ut-orange); } .icon-phone:before { content: "\e907"; color: var(--color-ut-orange); } .icon-active-wishlist:before { content: "\e908"; } .icon-cart:before { content: "\e909"; } .icon-my-accnt:before { content: "\e90a"; } .icon-location:before { content: "\e900"; font-size: 30px; color: var(--color-ut-orange); } /*============================== Header section =====================================*/ .site-header{display: block; position: absolute; left:0; top:0; width:100%; z-index:1; padding:0px 0px; -webkit-transition: all 0.5s ease; -moz-transition: position 10s; -ms-transition: position 10s; -o-transition: position 10s; transition: all 0.5s ease; z-index:2;} .site-header.fixed-header{position: fixed; left:0; width:100%; top:0; z-index:3; background: var(--color-rust); animation: smoothScroll 1s forwards; padding: 0px 0px; z-index:4;} @keyframes smoothScroll { 0% { transform: translateY(-40px); } 100% { transform: translateY(0px); } } header .left-header .site-logo .custom-logo-link svg { height: 50px; vertical-align: unset; } .left-header{ position: relative; margin-left: 85px;} .site-header .site-logo a{position: relative; top:5px; display: inline-block;} .menu-sec{margin-right: 35px;} .menu-sec ul{list-style:none; padding:0px; margin:0px;} .menu-sec ul li{display: inline-block; padding:30px 0px; margin:0px 13px; position: relative;} .menu-sec ul li:last-child{margin-right: 0px;} .menu-sec ul li a{font-style: normal; font-weight: 600; font-size: 12px; line-height: 20px; text-transform: uppercase; color: var(--color-black); position: relative; display: inline-block; } .menu-sec ul li a:after{content:""; width:0%; bottom:-10px; height:4px; background: var(--color-ut-orange); border-radius: 2px; position: absolute; left:0; right:0; margin:0 auto; transition:0.5s; } .menu-sec ul li.current-menu-item a{position: relative;} .menu-sec ul li.current-menu-item a:after{content:""; width:100%; bottom:-10px; height:4px; background: var(--color-ut-orange); border-radius: 2px; position: absolute; left:0; right:0; margin:0 auto; transition:0.5s; } .menu-sec ul li a:hover:after{width:100%;} .right-header{display: flex; align-items:center; } .othermenu { width: auto; margin-right: 40px;} .icon-srarch-icon svg {height: 25px; width: 25px; top: 0;position: absolute; } .othermenu ul{list-style:none; padding:0px; margin:0px;display: flex;justify-content: space-evenly;} .othermenu ul li{display: inline-block; margin:30px 12px; position: relative;} .othermenu ul li:first-child{margin-left: 0px;} .othermenu ul li:last-child{margin-right: 0px;} .othermenu ul li:nth-child(2) a{font-size: 19px;} .othermenu ul li a{display: inline-block; font-size: 17px; color:var(--color-black); position: relative;} .othermenu ul li a span.nmbr{position: absolute; bottom:-7px; right:-12px; width:22px; height:22px; display:inline-flex; justify-content: center; align-items:center; font-style: normal; font-weight: 600;font-size: 10px; background: var(--color-rust); line-height: 12px; text-transform: uppercase; color: var(--color-white); border-radius:50%; } .othermenu ul li.toggle-li{display: none;} .nav-menus-mbl{display: none;} .menu-sec ul li.help-menu{display: none;} #masthead{ position: fixed; } #masthead>.container{position: absolute; max-width: 100%;background: url('https://orkfy.com/wp-content/uploads/2024/12/header_bg_color_2.jpg'); height: 65px;} /* .site-header.fixed-header .menu-sec ul li{padding:30px 0px;} .site-header.fixed-header .othermenu ul li{margin:30px 0px;} */ .site-content .banner-section{margin-top: 60px;} .menu-sec ul li .sub-menu-toggle{display: none;} .menu-sec ul li ul{visibility: hidden; opacity: 0; position: absolute;top: 10px; background: #000; top: 77%; left: 0;z-index: 99999999; text-align: left; width: 228px; } .menu-sec ul li.menu-item-has-children:before{content: " "; color: var(--color-white); background: url('../images/downcaret.svg')0 0 no-repeat; font-size: 6px; position: absolute; right: -14px; top: 39px; width:10px; height:6px; background-size: 100% 100%;} .menu-sec ul li ul li{display: block; padding:0px; border-bottom: 1px solid rgba(255,255,255,0.4); position: relative; margin:0px 0px; padding:0px 0px;} .menu-sec ul li ul li a{ display: block; font-size: 13px; padding:10px 10px; color: var(--color-white) !important; font-weight: 400 !important; position: relative; z-index:1;} .menu-sec ul li ul li a:before{content:""; width:0%; height:100%; background:var(--color-rust); top:0; left:0; z-index:-1; position: absolute; transition:0.5s; } .menu-sec ul li ul li a:after{display: none;} .menu-sec ul li:last-child{border-bottom:none;} .menu-sec ul li:hover ul{visibility: visible; opacity: 1; z-index: 99999999; } .menu-sec ul li ul li a:hover{ color:var(--color-white) !important;} .menu-sec ul li ul li a:hover:before{ width:100%;} .menu-sec ul li ul li.current-menu-item a{background:var(--color-rust) !important;} .menu-sec ul li ul li ul{position: absolute; top:0; left:100%; display: none; width:180px;} .menu-sec ul li ul li:hover ul{display: block;} .menu-sec ul li.menu-item-has-children ul li.menu-item-has-children:before{right: 16px; top: 11px; transform: rotate(-93deg);} .menu-sec ul li.current-menu-ancestor ul li.current-menu-ancestor a:after{display: none;} .menu-sec ul li.current-menu-ancestor ul li.current-menu-ancestor a{color:var(--color-rust) !important;} .menu-sec ul li.current-menu-ancestor ul li.current-menu-ancestor ul li a{color:var(--color-white) !important;} .menu-sec ul li.current-menu-ancestor ul li.current-menu-ancestor ul li a:hover{color:var(--color-rust) !important;} .menu-sec ul li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a{color:var(--color-rust) !important;} .site-header.fixed-header .menu-sec ul li ul{top: 88%;} /*============================== common style =====================================*/ body.logged-in .site-header{top:32px;} /*============================== Banner section =====================================*/ .banner-section{position: relative; display: block; } .banner-section img{width:100%;} .banner-slider{position: relative;} .banner-slider-loop{position: relative; height:100vh;} .banner-slider-loop figure{height:100%;} .banner-slider-loop figure img{height:100%;} .banner-slider-loop:before{content:""; width:100%; position: absolute; left:0; top:0; /*background: url('../images/all-shadow.png')0 0 no-repeat;*/ background: url(../images/mobile-shadow.png)0 0 no-repeat;height:100%; background-size: 100% 100%; } .bannerabsolute-sec{position: absolute; top:50%; left:0; transform:translateY(-50%); width:100%; z-index:9;} .heder-inner{display: flex; justify-content:space-between; align-items:center;height: inherit;} .bannerabsolute-sec h1{font-family: 'Rochester', cursive; font-style: normal; font-weight: 400; font-size: 80px; /*line-height: 139px;*/ color: var(--color-white); text-shadow: 4px 3px 20px rgba(0, 0, 0, 0.8); margin-bottom: 42px;} .baner-txtsec{max-width:787px; } .bannerabsolute-sec p{font-style: normal; font-weight: 500; font-size: 20px; line-height: 30px; text-transform: capitalize; color: var(--color-white); padding-bottom: 24px; } .shop-button{display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; text-align: center; text-transform: uppercase; color: var(--color-white); padding:13px 30px; background: var(--color-ut-orange); border-radius: 20px 0px; position: relative; transition:0.5s; overflow:hidden; z-index:1;} .shop-button:after{content:""; position: absolute; left:0; top:0; width:0%; height:100%; background: var(--color-rust); transition:0.5s; z-index:-1; } .shop-button:hover:after{width:100%;} .awf-togglable-preset-btn{position: absolute; right: 0;} .shop-button:hover{color:var(--color-white);} .arowsec{position: absolute; right:10px; top:34%; transform:translate(-50%); z-index:99;} .arowsec .prev{font-style: normal; font-weight: 600; font-size: 12px; line-height: 20px;letter-spacing: 0.5em; text-transform: uppercase; color: var(--color-white); transform: rotate(-90deg); cursor:pointer; position: relative; transition:0.5s;} .arowsec .prev:after{content: "\e904"; color: var(--color-white); font-family: 'icomoon' !important; position: absolute; right: 68px; transform: rotate(180deg); bottom: -2px; font-size: 10px;} .arowsec .prev:before{content:""; width:28px; height:21px; background: var(--color-rust); position: absolute; right: 72px; transform: rotate(90deg); bottom: -3px; opacity:0; transition:0.5s;} .arowsec .prev:hover:before{opacity:1;} .arowsec .next{font-style: normal; font-weight: 600; font-size: 12px; line-height: 20px;letter-spacing: 0.5em; text-transform: uppercase; color: var(--color-white); transform: rotate(-90deg); margin-bottom: 190px; cursor:pointer; position: relative; transition:0.5s;} .arowsec .next:after{content: "\e905"; color: var(--color-white); font-family: 'icomoon' !important; position: absolute; left: 63px; /*transform: rotate(90deg);*/ bottom: -2px; font-size: 10px; } .arowsec .next:before{content:""; width:28px; height:21px; background: var(--color-rust); position: absolute; left: 72px; transform: rotate(90deg); bottom: -3px; opacity:0; transition:0.5s;} .arowsec .next:hover:before{opacity:1;} /*============================== newsletter section =====================================*/ .news-letter-sec{padding:42px 0px; background: rgba(0,0,0,0.8);} .heading-news{font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0.5em; text-transform: uppercase; color: #e1e1e1; margin-bottom: 20px;} .news-letter-sec h2{font-style: normal; font-weight: 400; font-size: 44px; line-height: 57px; text-transform: capitalize; color: var(--color-white); font-family: 'Rochester', cursive;} .news-left-sec{padding-right: 41px;} .news-letter-form{padding-right: 41px;} .news-letter-form .ctct-button{display: none !important;} .news-letter-form .ctct-label-top label{display: none !important;} .news-letter-form .ctct-form-wrapper{position: relative; width:582px; } .news-letter-form .ctct-form-wrapper input[type='email']{width:100% !important; border:none !important; padding:6px 150px 6px 30px !important; outline:none; height:50px !important; border-radius: 0px 0px 20px 0px; } .news-letter-form .ctct-form-wrapper input[type='submit']{background: var(--color-ut-orange); border-radius: 0px 0px 20px 0px; width:136px; height:50px; font-style: normal; font-weight: 700;font-size: 16px; line-height: 40px; text-align: center; text-transform: uppercase; color: var(--color-white); border:none; position: absolute; right:0; top:0; transition:0.5s; } .news-letter-form .ctct-form-wrapper input[type='submit']:hover{background: var(--color-mahogany);} .news-letter-form p{padding:0px; margin:0px;} .news-right-sec p.news-p{font-style: normal; font-weight: 400; font-size: 12px; line-height: 12px; color: #e1e1e1; opacity: 0.5; text-align: left; padding-bottom: 0px; padding-right:41px;} .news-letter-sec .ctct-form-wrapper .ctct-form-field { margin: 0 0 18px; } .news-letter-form .ctct-form-wrapper input[type='email']::-webkit-input-placeholder { font-style: normal; font-weight: 400; font-size: 12px;line-height: 12px; color: #202020; opacity: 0.5;} .news-letter-form .ctct-form-wrapper input[type='email']:-ms-input-placeholder {font-style: normal; font-weight: 400; font-size: 12px;line-height: 12px; color: #202020; opacity: 0.5;} .news-letter-form .ctct-form-wrapper input[type='email']::placeholder {font-style: normal; font-weight: 400; font-size: 12px;line-height: 12px; color: #202020; opacity: 0.5;} .ctct-form-wrapper input[type='email']:required:valid{background-position: 6px 55%;} /*============================== footer section =====================================*/ .newsletter-and-footer-wrap{background: url('../images/footer-wrap-bg.jpg')0 0 no-repeat; background-size: 100% 100%; } .upperfooter{padding:50px 0px 60px; background:rgba(242, 242, 242, 0.8);} .inner-upperfooter{display: flex; justify-content:space-between;} .footer-site-name{margin-bottom: 26px;} .footer-site-name .site-logo a{display: inline-block;} .footer-site-name .site-logo a svg{width:365px;} .first-sec-down p{font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: #292323; padding-bottom: 19px;} .first-sec-down p span{margin-right: 7px; vertical-align: middle; font-size: 17px;} .first-sec-down a{font-style: normal; font-weight: 400; font-size: 12px; line-height: 11px; color: #292323;} .first-sec-down a span{font-size:20px; margin-right: 16px; vertical-align: middle;} .first-sec-down a.footer-telephone{margin-right:19px;} .first-sec-down a.footer-mail span{font-size: 17px; margin-right: 11px;} .first-sec-down a:hover{color:var(--color-mahogany);} .uper-foot-second ul{list-style:none; padding:0; margin:0; display:flex; justify-content: space-between; flex-wrap:wrap;} .uper-foot-second ul li{width:49%; margin-bottom: 17px;} .uper-foot-second ul li a{font-style: normal; font-weight: 400; font-size: 15px; line-height: 16px; color: var(--color-black); display: inline-block; position: relative;} .uper-foot-second ul li a:after{content:""; width:0%; bottom:-5px; height:2px; background: var(--color-ut-orange); border-radius: 2px; position: absolute; left:0; transition:0.5s; } .uper-foot-second ul li a:hover:after{width:80%;} .uper-foot-second ul li.current-menu-item a{position: relative;} .uper-foot-second ul li.current-menu-item a:after{content:""; width:80%; bottom:-5px; height:2px; background: var(--color-ut-orange); border-radius: 2px; position: absolute; left:0; transition:0.5s; } .uper-foot-third ul{list-style:none; padding:0; margin:0;} .uper-foot-third ul li{display: block; margin-bottom: 17px;} .uper-foot-third ul li a{display: block; font-style: normal; font-weight: 400; font-size: 15px; line-height: 16px; color: var(--color-black); display: inline-block; position: relative; position: relative;} .uper-foot-third ul li a:after{content:""; width:0%; bottom:-5px; height:2px; background: var(--color-ut-orange); border-radius: 2px; position: absolute; left:0; transition:0.5s; } .uper-foot-third ul li a:hover:after{width:80%;} .uper-foot-third ul li.current-menu-item a{position: relative;} .uper-foot-third ul li.current-menu-item a:after{content:""; width:80%; bottom:-5px; height:2px; background: var(--color-ut-orange); border-radius: 2px; position: absolute; left:0; transition:0.5s; } .uper-foot-fourth{text-align: right;} .help-text{font-family: 'Rochester', cursive; font-style: normal; font-weight: 400; font-size: 52px; line-height: 55px; color: #292323; margin-bottom: 18px;} a.big-phn-nmbr{font-style: normal; font-weight: 600; font-size: 30px; line-height: 34px; color: var(--color-black); margin-bottom: 12px; display: inline-block; right: 18px; position: relative;} a.big-phn-nmbr:hover{color:var(--color-mahogany);} .uper-foot-fourth p:empty{display: none;} .uper-foot-fourth p{font-style: normal; font-weight: 400; font-size: 12px; line-height: 12px; color: #292323; } .uper-foot-fourth p strong{color:var(--color-mahogany); padding-bottom: 16px; } .footer-socialmenu{display: flex; align-items:center; justify-content:flex-end;} .footer-socialmenu span{position: relative; font-style: normal; font-weight: 400; font-size: 12px; line-height: 12px; color: #292323; left:-8px; top:-4px;} .footer-socialmenu ul{list-style:none; margin:0; padding:0;} .footer-socialmenu ul li{display: inline-block; } .footer-socialmenu ul li a{font-size:0px; height:20px; display: inline-block; margin:0px 5px;} .footer-socialmenu ul li a span{display: none;} .footer-socialmenu ul li:first-child a{background: url('../images/facebook.svg')0 0 no-repeat; width:10px; background-size: 100% 100%;} .footer-socialmenu ul li:last-child a{background: url('../images/instragram.svg')0 0 no-repeat; width:20px; background-size: 100% 100%; margin-right: 0px;} .site-info{padding:11px 0px; background: rgba(0,0,0,0.7);} .site-info-inner{display: flex; justify-content:space-between; align-items:center;} .site-info-inner p{padding-bottom: 0px; font-style: normal; font-weight: 400; font-size: 13px; line-height: 15px; color: var(--color-white); } .powered-by{text-align: right;} .site-info-inner p a{font-weight: 700; color: var(--color-white);} .site-info-inner p a:hover{ color: var(--color-ut-orange);} /*============================== home about section =====================================*/ .home-about-sec{ position: relative; } .home-about-sec:after{content:""; width:100%; height:100%; background-size: 100% 100%; position: absolute; top:0; left:0;} .home-abpout-inner{position: relative; z-index:1; background: rgba(141, 141, 141, 0.1); padding:69px 0px; } .home-abpout-inner figure{width:100%; height:591px;} .home-abpout-inner figure img{width:100%; height:100%; object-fit:cover;} .common-heading{font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0.07em; text-transform: uppercase; color: var(--color-rust); margin-bottom: 26px; font-weight: 700;} .home-abpout-inner h2{font-family: 'Rochester', cursive; font-style: normal; font-weight: 400; font-size: 64px; line-height: 110.26%; color: var(--color-mahogany); margin-bottom: 39px; } .home-abpout-inner p{font-style: normal; font-weight: 400; font-size: 15px;line-height: 25px; color: var( --color-black); padding-bottom:20px;} .home-abpout-inner p strong{font-style: normal; font-weight: 600; font-size: 18px;line-height: 28px; color: #2d2d2d;} .right-home-about-sec{padding-left: 53px; padding-right: 40px;} .right-home-about-sec .read-more-button{margin-top: 10px;} /*============================== connect section =====================================*/ .wrap-choose-and-connect{background: #e1e1e1;} .connect-us-section{padding:60px 0px 114px;} .connectus-bg-sec{padding:77px 71px 77px 62px; background-size: cover !important; width:100%; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);} .common-connect-text{font-style: normal; font-weight: 500; font-size: 15px; line-height: 20px;letter-spacing: 0.4em; text-transform: uppercase; color: var(--color-white); margin-bottom: 13px;} .connectus-bg-sec h2{font-family: 'Rochester', cursive; font-style: normal; font-weight: 400; font-size: 64px; line-height: 60px; text-transform: capitalize; color: var(--color-white); text-shadow: 0px 0px 20px var(--color-cream);} .connectus-bg-sec h2 span{color:var(--color-btn-orange);} /*============================== getto-know section =====================================*/ .artist-section{padding:71px 0px 91px;background-color: #e1e1e1;} .artist-section .common-heading{margin-bottom: 2px;} .artist-section h2{font-family: 'Rochester', cursive; font-style: normal; font-weight: 400; font-size: 64px; line-height: 82px; color: var(--color-mahogany); margin-bottom: 16px;} .artist-slider-loop{border: 1px solid #787878; padding:13px 22px 13px 13px; width:869px;} .artist-slider-loop.swiper-slide.swiper-slide-active{border: 1px solid var(--color-ut-orange);} .artist-slider-loop-inner{display: flex; justify-content:space-between; align-items:center;} .artist-image{width:58%; overflow:hidden;} .artist-image img{width:100%; height:100%; object-fit:cover; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);} .artist-content{width:379px; overflow-y: auto; height:350px; scrollbar-color: var(--color-mahogany) rgba(255, 255, 255, 0.8); scrollbar-width: thin; padding-right: 8px;} .artist-content h3{font-style: normal; font-weight: 500; font-size: 20px; line-height: 24px; letter-spacing: 0.08em; text-transform: capitalize; color: var(--color-white); margin-bottom: 12px;} .artist-content h4{font-style: normal; font-weight: 600; font-size: 15px; line-height: 25px; color: var(--color-rust); margin-bottom: 25px;} .artist-content p{font-style: normal; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--color-black);} .artist-content::-webkit-scrollbar {width: 3px; opacity:0.3;} .artist-content::-webkit-scrollbar-track {background:rgba(255, 255, 255, 0.8);} .artist-content::-webkit-scrollbar-thumb {background:var(--color-mahogany);} .artist-content::-webkit-scrollbar-thumb:hover {background:var(--color-mahogany);} .artist-slider { width: 85%; margin-right: inherit; } .artist-slider .swiper-pagination{position: relative; margin-top: 50px; bottom:0px; left:-30px;} .artist-slider .swiper-pagination .swiper-pagination-bullet{width:8.26px !important; height:8.26px !important; border-radius:0px !important; background: #642020 !important; margin:0px 3px !important; transition:0.5s !important; cursor:pointer !important;} .artist-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:25px !important; background: var(--color-ut-orange) !important; border-radius:2px !important;} /*============================== after-artist-sec section =====================================*/ .after-artist-sec{padding:114px 0px; position: relative; z-index: 1;} .after-artist-sec:after{content:""; width:100%; height:100%; background-size: 100% 100%; position: absolute; top:0; left:0; z-index:-1;} .left-img-sec{position: relative; width:98%; } .left-img-sec .first-img{border: 4px solid var(--color-harvest-gold); filter: drop-shadow(20px 20px 30px var(--color-cream)); width: 469px; height: 553px; } .left-img-sec .first-img img{width:100%; height:100%; object-fit:cover;} .left-img-sec .second-img{border: 4px solid var(--color-white); filter: drop-shadow(20px 20px 30px var(--color-cream)); width: 317px; height: 445px; position: absolute; bottom:-78px; right:0;} .left-img-sec .second-img img{width:100%; height:100%; object-fit:cover;} .after-artist-sec .common-heading{margin-bottom: 24px;} .after-artist-sec h2{font-family: 'Rochester', cursive; font-style: normal; font-weight: 400; font-size: 64px; line-height: 82px; text-transform: capitalize; color: var(--color-black); margin-bottom: 27px; } .after-artist-sec p{font-style: normal; font-weight: 400; font-size: 15px; line-height: 25px; padding-bottom: 27px; } .right-after-artist-sec{padding-left: 32px;} /*============================== sustainable-futre-section =====================================*/ .sustainable-future-sec{background-size: cover !important; position: relative; z-index:1; padding:75px 0px; background-color: var(--color-cream); position: relative; z-index:1;} .sustainable-future-sec:after{content:""; background: rgba(0,0,0,0.9); position: absolute; top:0; left:0; width:100%; height:100%; z-index:-1;} /* .sustainable-future-sec:after{content:""; background: rgba(0,0,0,0.8); width:100%; height:100%; background-size: 100% 100%; position: absolute; top:0; left:0; z-index:-1;} */ .sustainable-future-sec .common-heading{margin-bottom: 15px;} .sustainable-future-sec h2{font-family: 'Rochester', cursive; font-style: normal; font-weight: 400; font-size: 61px; line-height: 82px; text-transform: capitalize; color: var(--color-white); margin-bottom: 28px;} .sustainable-future-sec p{font-style: normal; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--color-harvest-gold); padding-bottom: 35px;} .left-futre-sec{padding-left: 59px; padding-top: 40px;} .right-futre-sec{margin-right: 65px; width:100%; position: relative; height:100%;} .right-futre-sec .first-future-img{width:349.81px; height:413.02px; margin-top: 105px; border: 4px solid var(--color-harvest-gold); position: absolute; right:0; } .right-futre-sec figure img{width:100%; height:100%; object-fit:cover;} .right-futre-sec .second-future-img{border: 4px solid var(--color-harvest-gold); filter: drop-shadow(20px 10px 30px rgba(0, 0, 0, 0.5)); width:238.47px; height:281.56px; position: absolute; right:176px; top:0; } .right-futre-sec .third-future-img{border: 4px solid var(--color-harvest-gold); filter: drop-shadow(20px 20px 30px var(--color-cream)); position: absolute; left:98px; bottom:65px; width: 241.9px; height: 285.61px; } /*============================== testimonial-section =====================================*/ .testimonial-section{ position: relative; overflow: hidden; } .testimonial-section:after{content:""; background: url('../images/testimonial-texture.png')0 0 no-repeat; width:100%; height:100%; background-size: 100% 100%; position: absolute; top:0; left:0;} .testimonial-inner{position: relative; z-index:1; padding:126px 0px 26px; position: relative; z-index:1;} .testimonial-inner:after{content:""; background: linear-gradient(180deg, var(--color-cream) 4.57%, rgba(0, 0, 0, 0) 27.29%, rgba(0, 0, 0, 0.28) 82.39%, var(--color-cream) 100%); transform: matrix(-1, 0, 0, 1, 0, 0); position: absolute; top:0; left:0; width:100%; height:100%; } .testimonial-slider-sec{text-align: center; position: relative; z-index:1;} .testimonial-slider-sec:after{content:""; position: absolute; top:57px; left:0; right:0; margin:0 auto; width: 887.83px; border: 1px solid var(--color-ut-orange); height:calc(100% - 116px); z-index:-1;} .testimonial-icon{margin-bottom: 28px;} .testimonial-slider-sec .common-heading{margin-bottom: 5px;} .testimonial-slider-sec h2{font-family: 'Rochester', cursive; font-style: normal; font-weight: 400; font-size: 64px; line-height: 82px; text-align: center; text-transform: capitalize; color: var(--color-white); margin-bottom: 30px; } .tesimonial-slider h3{font-style: normal; font-weight: 500; font-size: 20px; line-height: 24px; text-align: center;letter-spacing: 0.08em; text-transform: capitalize; color: var(--color-btn-orange); margin-bottom: 5px; opacity: 0;} .tesimonial-slider h4{font-style: normal; font-weight: 500; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.5em; text-transform: uppercase; color: #414141; opacity: 0; } .tesimonial-slider p{font-style: normal; font-weight: 400; font-size: 15px; line-height: 25px; text-align: center; color: var(--color-black); padding-bottom: 30px; opacity: 0.5;} .tesimonial-slider .swiper-slide-active p{color:var(--color-black); opacity: 1;} .tesimonial-slider .swiper-slide-active h3{ opacity: 1;} .tesimonial-slider .swiper-slide-active h4{ opacity: 1;} .tesimonial-slide-loop{padding:0px 50px 30px; transform:scale(0.9) !important; transition: 0.5s;} .tesimonial-slide-loop.swiper-slide-active{ transform:scale(1) !important; transition: 0.5s;} .slider-p-area{max-height:205px; margin-bottom: 30px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none;} .slider-p-area::-webkit-scrollbar { display: none;} .tesimonial-slider .swiper-slide-active .slider-p-area{ scrollbar-color: var(--color-mahogany) rgba(255, 255, 255, 0.8); scrollbar-width: thin; width:100%; padding:0px 12px;} .tesimonial-slider .swiper-slide-active .slider-p-area::-webkit-scrollbar {width: 3px; opacity:0.3; display: block; } .tesimonial-slider .swiper-slide-active .slider-p-area::-webkit-scrollbar-track {background:rgba(255, 255, 255, 0.8);} .tesimonial-slider .swiper-slide-active .slider-p-area::-webkit-scrollbar-thumb {background:var(--color-mahogany);} .tesimonial-slider .swiper-slide-active .slider-p-area::-webkit-scrollbar-thumb:hover {background:var(--color-mahogany);} .tesimonial-slider .swiper-pagination{position: static; margin-top: 33px; bottom:0px; left:0px;} .tesimonial-slider .swiper-pagination .swiper-pagination-bullet{width:8.26px !important; height:8.26px !important; border-radius:0px !important; background: #fbe1e1 !important; margin:0px 3px !important; transition:0.5s !important; cursor:pointer !important;} .tesimonial-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:25px !important; background: var(--color-ut-orange) !important; border-radius:2px !important;} /*============================== blog-section =====================================*/ .blog-section{background: var(--color-cream);} .blog-inner{background-color:var(--color-cream); background-size: cover; background-repeat: no-repeat; padding:87px 0px 110px; position: relative;} .blog-inner:before{content:""; background: rgba(166, 148, 148, 0.7); width:100%; height:100%; position: absolute; left:0; top:0; } .blog-inner:after{content:""; background: linear-gradient(180deg, var(--color-cream) 0.24%, rgba(0, 0, 0, 0) 32.75%, rgba(0, 0, 0, 0) 69.21%, var(--color-cream) 96.74%); width:100%; height:100%; position: absolute; left:0; top:0; z-index:1; } .blog-inner h2{font-family: 'Rochester', cursive; font-style: normal; font-weight: 400; font-size: 64px; line-height: 82px; color: var(--color-white); margin-bottom: 40px; text-align: center;} .blog-text-portion{position: relative; z-index:2;} .blogimg{width:100%; height:410px; overflow:hidden; margin-bottom: 31px; position: relative;background: #e1e1e1; text-align: center;} .blogimg:before{position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);} .blogimg img{ max-height:100%; object-fit:cover; transition:0.5s; width:auto;} .blogbx h3{font-style: normal; font-weight: 500; font-size: 20px; line-height: 25px; color: var(--color-black); margin-bottom: 18px; transition:0.5s; } .blogbx p{font-style: normal; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--color-black); padding-bottom: 0px; } .blogbx a:hover .blogimg img{transform:scale(1.1);} .blog-botton-area{text-align: center; padding-top:95px;} .blogbx a:hover .blogimg:before{-webkit-animation: shine .75s; animation: shine .75s;} .blogbx a:hover h3{color: var(--color-mahogany);} .total-blog-page-sec .alm-listing .blog-load-more{ padding: 0 15px; } .total-blog-page-sec .alm-listing.alm-ajax { display: flex; flex-wrap: wrap; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } /*============================== inner-banner-section =====================================*/ .inner-banner{position: relative; height:430px; overflow:hidden; } .inner-banner {margin-top: 60px;} .inner-banner .inner-banner-img{width:100%; position: relative; height:100%; object-fit:cover;} .inner-banner:before{content:""; width:100%; position: absolute; left:0; top:0; height:100%; background: none; background-size: 100% 100%; z-index:1;} /* .woocommerce-page .inner-banner:before,.page-template-template-about .inner-banner:before{background: none} */ .inner-banner .inner-banner-img img{width:100%; height: 100%; object-fit: cover;} .innerban-abs-sec{position: absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:1; } .innerban-abs-sec h1{font-family: 'Rochester', cursive; font-style: normal; font-weight: 400; font-size: 90px; line-height: 106px; color: var(--color-white); text-shadow: 4px 3px 20px rgba(0, 0, 0, 0.8);} .bredcramp{color:var(--color-white); font-size: 18px; } .bredcramp span{font-family: 'Montserrat', sans-serif; padding:0px 5px; font-style: normal; font-weight: 600; font-size: 18px; line-height: 30px; text-transform: capitalize; color: var(--color-rust);} .bredcramp span a span{color: var(--color-white); font-weight: 500; transition:0.5s;} .bredcramp span:first-child{padding-left: 0px; padding-right: 2px;} .bredcramp span a:hover span{color: var(--color-rust);} /*============================== new-arrival-section =====================================*/ .new-arrivalsec{position: relative; padding:72px 0px; z-index:1;} .new-arrivalsec:after{content: "";width: 100%; height: 100%; background-size: 100% 100%; position: absolute;top: 0; left: 0; z-index:-1;} .product-heading-section{display: flex; align-items:end; margin-bottom: 38px;} .product-heading-section h2{font-family: 'Rochester', cursive; font-style: normal; font-weight: 400; font-size: 64px; line-height: 82px; color: var(--color-mahogany); } .all-product-button{margin-left: auto; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-white); position: relative; z-index:1; top:-7px;} .all-product-button:after{content:""; width: 21px; height: 29px; z-index:-1; position: absolute; right: -2px; top: -5px; transition:0.5s; } .all-product-button span{font-size: 10px; margin-left: 10px; } .all-product-button:hover{color:var(--color-rust); } .all-product-button:hover:after{background: var(--color-rust);} .product-box{position: relative; background: #cacaca !important; padding:0px 0px 15px !important; border-bottom: 1px solid transparent !important; transition:0.5s; position: relative;} .product-box:after{content:""; width:0%; background: var(--color-ut-orange); position: absolute; left:0; bottom:0; height:1px;transition:0.5s; } .product-slidre .product-box{width:100% !important; margin:0px !important; float:none !important;} /* .product-box:hover{border-bottom: 1px solid #787878 !important;} */ .product-box:hover:after{width:100%; transition:0.5s;} .product-box .image-wrapper{width:100% !important; height:511px !important; overflow:hidden !important; margin-bottom: 15px; position: relative;} .product-box .image-wrapper:before{position: absolute; top: 0; left: -79%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);} .product-box .image-wrapper img{width:100% !important; height:100% !important; object-fit:cover !important; transition:0.5s;} .product-box:hover .image-wrapper:before{-webkit-animation: shine .75s; animation: shine .75s;} @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .product-box:hover .image-wrapper img{transform:scale(1.1);} .product-box .yith-wcwl-add-to-wishlist{margin-top: 0px; position: absolute; right:16px; top:16px; z-index:1; } .product-box .yith-wcwl-add-to-wishlist .yith-wcwl-add-button i{margin:0px !important;} .product-box .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a{background: var(--color-white); box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.25); width:38px; height:38px; border-radius: 50%; display: flex; justify-content:center; align-items:center; } .product-box .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .add_to_wishlist i{font-size: 17px; position: relative; color:#292323;} .product-box .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .add_to_wishlist span{display: none;} .product-box .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .delete_item {font-size: 0px;} .product-box .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .delete_item i{font-size: 17px; position: relative; background: linear-gradient(180deg, #9D0873 0%, #FF0EBB 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .yith-wcwl-add-button .add_to_wishlist svg.yith-wcwl-icon-svg { margin-right: unset;} .product-slidre.slick-slider { overflow: hidden; } /* the parent */ .product-slidre .slick-list { margin: 0 -12px; } /* item */ .product-slidre .new-arrival-product-loop{ padding: 0 12px; } .product-slidre .new-arrival-product-loop .product-box .star-rating{display: none;} .woocommerce ul.products li.product .onsale { top: 16px; right: auto; left: 16px; margin: 0px; border-radius: 50%; min-height: 45px; min-width: 45px; line-height: 40px; font-size: 12px; background: var(--color-rust);} .product-box h2{font-style: normal; font-weight: 500; font-size: 16px !important; line-height: 22px; text-align: center; color: var(--color-white); margin-bottom: 6.8px; padding-top: 0px !important;} .loop_wrap_price_addtocart{display: flex; justify-content:center; align-items:center;} .loop_wrap_price_addtocart .add_to_cart_button{margin-top:0px !important; padding:0px !important; background: transparent !important; font-style: normal; font-weight: 600 !important; font-size: 13px !important; line-height: 22px !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--color-black) !important; padding:0px 10px !important; position: relative; transition:0.5s;} .loop_wrap_price_addtocart .add_to_cart_button:before{content:""; width:1px; height:19px; background: var(--color-white); position: absolute; left:-1px; top:1px; } .loop_wrap_price_addtocart .add_to_cart_button:hover{color: var(--color-btn-orange) !important;} .loop_wrap_price_addtocart .price{margin-bottom: 0px !important; font-style: normal !important; font-weight: 600 !important; font-size: 14px !important; line-height: 22px !important; letter-spacing: 0.1em !important; color: var(--color-black) !important; padding:0px 10px !important;} .loop_wrap_price_addtocart .product_type_variable{margin-top:0px !important; padding:0px !important; background: transparent !important; font-style: normal; font-weight: 600 !important; font-size: 14px !important; line-height: 22px !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--color-black) !important; padding:0px 10px !important; position: relative; transition:0.5s;} .loop_wrap_price_addtocart .product_type_variable:hover{color: var(--color-btn-orange) !important;} .display-mobile-block{display: none;} /*============================== featured-product-section =====================================*/ .featured-product-sec{ position: relative; } .featured-product-sec:after{content:""; width:100%; height:100%; background-size: 100% 100%; position: absolute; top:0; left:0;} .featured-product-inner-sec{position: relative; z-index:1; background: rgba(141, 141, 141, 0.1); padding:79px 0px; } /*============================== about-page-mission-section =====================================*/ .our-mission{position: relative; } .our-mission:after{content:"";width:100%; height:100%; background-size: 100% 100%; position: absolute; top:0; left:0;} .our-mission-inner{position: relative; z-index:1; background: rgba(141, 141, 141, 0.1); padding:0px 0px 111px; } .inner-mission{display: flex; background-color: #e1e1e1;} .mission-first-img-bx{width:46%;} .mission-second-img-bx{width:54%; display: flex; align-items:center; } .mission-first-img-bx figure{width:100%; overflow:hidden; height:100%;} .mission-first-img-bx figure img{width:100%; height:100%; object-fit:cover; transition:0.5s;} .mission-first-img-bx figure:hover img{transform:scale(1.1);} .mission-text-box{width:55%; padding:0px 40px;} .mission-two-img-box{width:45%; height:100%; } .mission-two-img-box .two-img-bx{width:100%; height:50%; overflow:hidden; } .mission-two-img-box .two-img-bx img{width:100%; height:100%; object-fit:cover; transition:0.5s; } .mission-two-img-box .two-img-bx:hover img{transform:scale(1.1);} .mission-text-box h2{font-style: normal; font-weight: 400; font-size: 64px; line-height: 110.26%; color: var(--color-white); margin-bottom: 32px; font-family: 'Rochester', cursive;} .mission-text-box .common-heading{margin-bottom: 17px;} .mission-text-box p{font-style: normal; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--color-black); padding-bottom: 20px;} .mission-text-box .misson-text-p-wrapper{overflow-y: auto; height:350px; scrollbar-color: var(--color-mahogany) rgba(255, 255, 255, 0.8); scrollbar-width: thin; padding-right:5px;} .mission-text-box .misson-text-p-wrapper::-webkit-scrollbar {width: 3px; opacity:0.3;} .mission-text-box .misson-text-p-wrapper::-webkit-scrollbar-track {background:rgba(255, 255, 255, 0.8);} .mission-text-box .misson-text-p-wrapper::-webkit-scrollbar-thumb {background:var(--color-mahogany);} .mission-text-box .misson-text-p-wrapper::-webkit-scrollbar-thumb:hover {background:var(--color-mahogany);} .wrap-choose-and-connect .catagory-sec{background:transparent; padding:83px 0px 0px;} .wrap-choose-and-connect .catagory-sec h2{font-family: 'Rochester', cursive; font-style: normal; font-weight: 400; font-size: 120px; line-height: 155px; text-align: center; color: var(--color-white); margin-bottom: 75px;} .product-catagory-image{width:100%; height:378px; overflow:hidden; margin-bottom: 23px; position: relative;} .product-catagory-image:before{position: absolute; top: 0; left: -79%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);} .product-catagory-image img{width:100%; height:100%; object-fit:cover; transition:0.5s;} .ctagory-bx{margin-bottom: 40px; display: inline-block;} .catagory-button{font-style: normal; font-weight: 500; font-size: 20px; line-height: 22px; color: var(--color-white); display: inline-block; position: relative; z-index:1; transition:0.5s; background:transparent; border:none; outline:none; } .catagory-button span{font-size: 14px; margin-left: 16px; transition:0.6s; opacity:0; transform:translateX(5px);} .catagory-button:after{content:""; width: 35px; height: 35px; position: absolute; right:-12px; top:-6px; background: var( --color-rust); z-index:-1; transition:0.9s; opacity:0; transform:translateX(5px);} .catagory-button:hover span{opacity:1; transform:translateX(0px);} .catagory-button:hover{color:var(--color-rust);} .catagory-button:hover:after{opacity:1; transform:translateX(0px);} .ctagory-bx:hover .product-catagory-image img{transform:scale(1.1);} .ctagory-bx:hover .product-catagory-image:before{-webkit-animation: shine .75s; animation: shine .75s;} .ctagory-bx:hover .catagory-button span{opacity:1; transform:translateX(0px);} .ctagory-bx:hover .catagory-button{color:var(--color-rust);} .ctagory-bx:hover .catagory-button:after{opacity:1; transform:translateX(0px);} @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .wrap-choose-and-connect{position: relative; padding:0px 0px; z-index:1;} .wrap-choose-and-connect:after{content: "";width: 100%; height: 100%; background-size: 100% auto; position: absolute; top: 0; left: 0; z-index: -1; background-repeat: repeat-y;} .product-box a.added_to_cart{display: none;} /*============================== blog-page-section =====================================*/ .total-blog-page-sec{position: relative; padding:107px 0px 119px; z-index:1;} .total-blog-page-sec:after{content: "";width: 100%; height: 100%; background-size: 100% auto; position: absolute; top: 0; left: 0; z-index: -1; background-repeat: repeat-y;} .ul-list-sec ul{list-style:none; padding:0px 30px; margin:0 0 40px; text-align: center;} .ul-list-sec ul li{display: inline-block; } .ul-list-sec ul li a{padding:0px 12px 17px; font-style: normal; font-weight: 500; font-size: 16px; line-height: 14px; color: var(--color-black); position: relative; } .ul-list-sec ul li a:hover{color:var(--color-mahogany); } .ul-list-sec ul li.active a{color:var(--color-mahogany); } .ul-list-sec ul li a:after{content:""; position: absolute; top: 4px; right:-1px; width:1px; height:12px; background: var(--color-white); } .ul-list-sec ul li:last-child a:after{display: none;} .blog-page-blog-list-sec .blogbx{margin-bottom: 60px;} .blog-page-blog-list-sec h2{font-family: 'Rochester', cursive; font-style: normal; font-weight: 400; font-size: 120px; line-height: 155px; text-align: center; color: var(--color-white); } .alm-listing .alm-reveal{--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; justify-content: center; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5);} .alm-listing .alm-reveal>* { flex-shrink: 0; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y);} .alm-load-more-btn{display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; text-align: center; text-transform: uppercase; color: var(--color-white); padding:13px 30px; background: var(--color-ut-orange); border-radius: 20px 0px !important; position: relative; transition:0.5s; overflow:hidden; z-index:1;} .alm-load-more-btn:hover:after{width:100%;} .alm-load-more-btn:hover{color:var(--color-white);} .alm-btn-wrap{padding:0px; margin:0px;} /*============================== blog-details-section =====================================*/ .blog-details-sec{position: relative; padding:34px 0px 115px; z-index:1;} .blog-details-sec:after{content: "";width: 100%; height: 100%; background-size: 100% auto; position: absolute; top: 0; left: 0; z-index: -1; background-repeat: repeat-y;} .single-post .site-header{position: static; background: var(--color-white);} .single-post .site-header.fixed-header{position: fixed; top:0; left:0; width:100%; z-index:5; background: var(--color-white); background: var(--color-rust);} .logged-in.single-post .site-header.fixed-header{top:32px;} .blog-details-contentsec .date{font-family: 'Rochester', cursive; text-align: center; font-style: normal; font-weight: 400; font-size: 20px; line-height: 22px; text-align: center; text-transform: capitalize; color: var(--color-mahogany); margin-bottom: 20px; } .blog-details-contentsec h1{font-style: normal; font-weight: 500; font-size: 42px; line-height: 49px; color: var(--color-harvest-gold); text-align: center; max-width: 959px; margin: 0 auto 36px;} .blog-details-thumb{width:1096px; height:709.77px; overflow:hidden; position: relative; margin:0 auto 60px; text-align: center;} .blog-details-thumb img{ height:100%; object-fit:cover;} .blog-details-thumb:before{position: absolute; top: 0; left: -79%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);} .blog-details-thumb:hover:before{-webkit-animation: shine .75s; animation: shine .75s;} .blog-details-contentsec p{font-style: normal; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--color-harvest-gold); padding-bottom: 30px;} .blog-details-contentsec h2{font-style: normal; font-weight: 600; font-size: 22px; line-height: 22px; color: var(--color-harvest-gold); margin-bottom: 30px;} .blog-details-contentsec h3{font-style: normal; font-weight: 600; font-size: 19px; line-height: 19px; color: var(--color-harvest-gold); margin-bottom: 30px;} .blog-details-contentsec p a{color:var(--color-btn-orange); text-decoration: underline 1px var(--color-btn-orange); text-underline-offset:4px;} .blog-details-contentsec p a:hover{color:var(--color-ut-orange); text-decoration: underline 1px var(--color-ut-orange); text-underline-offset:4px;} .blog-details-contentsec ul{margin:0px 0px 30px; padding:0px 0px 0px 20px;} .blog-details-contentsec ul li{font-style: normal; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--color-harvest-gold); padding-bottom: 8px;} .blog-details-contentsec ol{margin:0px 0px 30px; padding:0px 0px 0px 20px;} .blog-details-contentsec ol li{font-style: normal; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--color-harvest-gold);} .blog-details-contentsec .gallery{display: flex; justify-content:space-between; margin-bottom: 50px; margin-top: 20px;} .blog-details-contentsec .gallery .gallery-item{width:49%; height:auto; overflow:hidden;} .blog-details-contentsec .gallery .gallery-item img{width:100%; height:100%; object-fit:cover;} .blog-details-contentsec .addtoany_share_save_container{display: none;} .blog-details-sec .nav-links{display: flex; align-items:center; padding:23px 0px; border-top: 1px solid #414141; border-bottom: 1px solid #414141; margin-top: 40px;} .blog-details-sec .nav-previous a{font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0.15em; text-transform: uppercase; color: #636363;} .blog-details-sec .nav-previous a p{padding:0px;} .blog-details-sec .nav-previous a svg{margin-right: 14px; position: relative; top: -2px;} .blog-details-sec .nav-next{margin-left:auto;} .blog-details-sec .nav-next a{font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0.15em; text-transform: uppercase; color: #636363;} .blog-details-sec .nav-next a p{padding:0px;} .blog-details-sec .nav-next a svg{margin-left: 14px; position: relative; top: -2px;} .blog-details-sec .nav-previous a:hover svg path{fill:var(--color-rust);} .blog-details-sec .nav-next a:hover svg path{fill:var(--color-rust);} .blog-details-sec .nav-previous a:hover p{color:var(--color-rust);} .blog-details-sec .nav-next a:hover p{color:var(--color-rust);} .blog-details-sec .catagory-sec{padding:45px 0px 0px;} .blog-details-sec .catagory-sec h3{font-style: normal; font-weight: 500; font-size: 30px; line-height: 22px; color: var(--color-harvest-gold); margin-bottom: 23px;} .blog-details-sec .catagory-sec ul{list-style:none; padding:0px 0px; margin:0 0 0px; text-align: left; position: relative; left: -10px;} .blog-details-sec .catagory-sec ul li{display: inline-block; } .blog-details-sec .catagory-sec ul li a{padding:0px 12px 17px; font-style: normal; font-weight: 500; font-size: 15px; line-height: 14px; color: var(--color-white); position: relative; } .blog-details-sec .catagory-sec ul li a:hover{color:var(--color-ut-orange); } .blog-details-sec .catagory-sec ul li.active a{color:var(--color-ut-orange); } .blog-details-sec .catagory-sec ul li a:after{content:""; position: absolute; top: 4px; right:-1px; width:1px; height:12px; background: var(--color-white); } .blog-details-sec .catagory-sec ul li:last-child a:after{display: none;} .latest-blog-portion{padding:102px 0px 0px;} .latest-blog-portion h2{font-family: 'Rochester', cursive; font-style: normal; font-weight: 400; font-size: 64px; line-height: 82px; color: var(--color-white); text-align: center; margin-bottom:40px;} .blog-details-sec .blog-details-contentsec .entry-content{max-width: 1096px; margin: 0 auto;} .blog-details-sec .post-navigation{max-width: 1096px; margin: 0 auto;} .blog-details-sec .catagory-sec{max-width: 1096px; margin: 0 auto;} .mobile-adtoany{display: none;} /*============================== contact-section =====================================*/ .contact-pg-first-sec{position: relative; padding:109px 0px 149px; z-index:1;} .contact-pg-first-sec:after{content: "";width: 100%; height: 100%; background-size: 100% 100%; position: absolute;top: 0; left: 0; z-index:-1;} .contact-page-first-sec-textarea{text-align: center; max-width:831.6px; margin:0 auto 44px;} .contact-page-first-sec-textarea .common-heading{margin-bottom: 19px;} .contact-page-first-sec-textarea h2{font-family: 'Rochester', cursive; font-style: normal; font-weight: 400; font-size: 64px; line-height: 82px; text-transform: capitalize; color: var(--color-mahogany); margin-bottom: 32px;} .contact-page-first-sec-textarea p{font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: var(--color-black);} .contact-page-box-holder{display: flex; gap: 24px;} .contact-page-box{flex:1; background: rgba(117, 117, 117, 0.5); border: 1px solid #414141; padding:57px 52px; text-align: center;} .contact-page-box h3{font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0.5em; text-transform: uppercase; color: var(--color-btn-orange); margin-bottom: 10px; margin-top: 22px;} .contact-page-box span.contact-bx-content{display: block; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: var(--color-white);} .contact-page-box span.contact-bx-content a{font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: var(--color-white);} .contact-page-box span.contact-bx-content a:hover{color:var(--color-ut-orange);} .contact-page-box:first-child:before{content:""; content: "\e907"; color: var(--color-ut-orange); font-family: 'icomoon' !important; font-size: 40px;} .contact-page-box:nth-child(2):before{content:""; content: "\e906"; color: var(--color-ut-orange); font-family: 'icomoon' !important; font-size: 33px;} .contact-page-box:nth-child(3):before{content:""; content: "\e905"; color: var(--color-ut-orange); font-family: 'icomoon' !important; font-size: 34px;} .contact-page-second-sec{position: relative; } .contact-page-second-sec:after{content:"";width:100%; height:100%; background-size: 100% 100%; position: absolute; top:0; left:0;} .contact-page-second-sec-inner{position: relative; z-index:1; background: rgba(141, 141, 141, 0.1); padding:71px 0px 91px; } .contact-inner-container{max-width:877px; margin:0 auto;} .contact-inner-container h2{font-family: 'Rochester', cursive; font-style: normal; font-weight: 400; font-size: 64px; line-height: 110.26%; text-align: center; color: var(--color-mahogany); margin-bottom: 14px;} .contact-inner-container p{font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; text-align: center; color: var(--color-black); padding-bottom: 61px;} .contact-page-formsec input{width:100%; background: rgba(117, 117, 117, 0.5); outline:none; padding:6px 12px; border:none; font-style: normal; font-weight: 400; font-size: 15px; line-height: 12px; color: var(--color-white); height:50px; margin-bottom: 20px; border-radius:0px;} .contact-page-formsec input:focus{background: rgba(117, 117, 117, 0.5); outline:none; padding:6px 12px; border:none; color: var(--color-white); box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);} .contact-page-formsec textarea{width:100%; background: rgba(117, 117, 117, 0.5); outline:none; padding:20px 12px; border:none; font-style: normal; font-weight: 400; font-size: 15px; line-height: 12px; color: var(--color-white); height:151px; resize:none; margin-bottom: 68px; border-radius:0px;} .contact-page-formsec textarea:focus{background: rgba(117, 117, 117, 0.5); outline:none; padding:20px 12px; color: var(--color-white); box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25); } .contact-page-formsec p{padding-bottom: 0px;} .three-box-holder{display: flex; gap:20px;} .three-box-input{flex:1;} .onebox-box-input{width:100%;} .contact-page-formsec input[type=submit]{width:147px; height:45px; display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: var(--color-white); padding: 13px 30px; background: var(--color-ut-orange); border-radius: 20px 0px; position: relative; transition: 0.5s; overflow: hidden; z-index: 1;} .contact-page-formsec input[type=submit]:hover{background: var(--color-rust);} .contact-page-formsec .wpcf7-not-valid-tip{text-align: left; position: relative; top:-15px;} .contact-page-formsec .wpcf7-response-output{text-align: center; margin:0px; border-color: var(--color-ut-orange) !important; color:var(--color-white);} .contact-page-formsec input::-webkit-input-placeholder { font-style: normal; font-weight: 400; font-size: 12px; line-height: 12px; color: var(--color-white); opacity: 0.5; } .contact-page-formsec input:-ms-input-placeholder { font-style: normal; font-weight: 400; font-size: 12px; line-height: 12px; color: var(--color-white); opacity: 0.5;} .contact-page-formsec input::placeholder {font-style: normal; font-weight: 400; font-size: 12px; line-height: 12px; color: var(--color-white); opacity: 0.5; } .contact-page-formsec textarea::-webkit-input-placeholder { font-style: normal; font-weight: 400; font-size: 12px; line-height: 12px; color: var(--color-white); opacity: 0.5; } .contact-page-formsec textarea:-ms-input-placeholder { font-style: normal; font-weight: 400; font-size: 12px; line-height: 12px; color: var(--color-white); opacity: 0.5;} .contact-page-formsec textarea::placeholder {font-style: normal; font-weight: 400; font-size: 12px; line-height: 12px; color: var(--color-white); opacity: 0.5; } /*============================== shop-page =====================================*/ .shop-below-section{position: relative; padding:79px 0px 109px; z-index:1;} .shop-below-section:after{content: "";width: 100%; height: 100%; background-size: 100% auto; position: absolute; top: 0; left: 0; z-index: -1; background-repeat: repeat-y;} .shop-pg-section .product-box .image-wrapper { height: 376px !important;} .shop-pg-section .product-box .star-rating{display: none;} .shop-pg-section .product-box{padding:0px 0px 14px !important;} .shop-pg-section .loop_wrap_price_addtocart{display: block; text-align: center;} .shop-pg-section .loop_wrap_price_addtocart .add_to_cart_button:before{display: none;} .shop-pg-section .loop_wrap_price_addtocart .add_to_cart_button{font-size: 14px !important; padding:8px 0px 0px !important;} .shop-pg-section .loop_wrap_price_addtocart .price{font-size: 16px !important;} .shop-pg-section .product-box{ margin: 0 22px 21px 0 !important;} .shop-pg-section .woocommerce-result-count{font-style: normal; font-weight: 500; font-size: 16px; line-height: 18px; color: var(--color-white); margin-bottom: 54px !important; padding-bottom: 0px !important; margin-top: 21px;} .shop-pg-section .woocommerce-pagination{margin-top: 110px; } .shop-pg-section .page-numbers{border:none !important; } .shop-pg-section .page-numbers li{background-color: #e1e1e1;border: none !important;} .shop-pg-section .page-numbers li span{ padding:13px 14px !important; font-style: normal !important; font-weight: 500 !important; font-size: 12px !important; line-height: 12px !important; color: var(--color-white) !important; border:1px solid transparent !important;} .shop-pg-section .page-numbers li span.current{ background: var(--color-rust) !important;} .shop-pg-section .page-numbers li a{ padding:13px 14px !important; font-style: normal !important; font-weight: 500 !important; font-size: 12px !important; line-height: 12px !important; color: var(--color-white) !important; border:1px solid transparent !important;} .shop-pg-section .page-numbers li a:hover{background: var(--color-rust) !important; color: white !important;} .shop-pg-section .page-numbers li a{ padding:13px 14px !important; font-style: normal !important; font-weight: 500 !important; font-size: 12px !important; line-height: 12px !important; color: var(--color-black) !important;} .shop-pg-section .page-numbers li a.next{background: var(--color-white) !important; border: 1px solid #ADADAD !important; color: #1B234A !important; padding: 12px 14px !important;} .shop-pg-section .page-numbers li a.next:hover{background: var(--color-rust) !important; border: 1px solid var(--color-rust) !important; color: var(--color-white) !important;} .shop-pg-section .page-numbers li a.next span{padding: 0px !important; display: inline-block !important; font-size: 14px !important; position: relative; top: -1px; color: #1B234A !important;} .shop-pg-section .page-numbers li a.next:hover span{color: var(--color-white) !important; } .shop-pg-section .page-numbers li a.prev{background: var(--color-white) !important; border: 1px solid #ADADAD !important; color: #1B234A !important; padding: 12px 14px !important;} .shop-pg-section .page-numbers li a.prev:hover{background: var(--color-rust) !important; border: 1px solid var(--color-rust) !important; color: var(--color-white) !important;} .shop-pg-section .page-numbers li a.prev span{padding: 0px !important; display: inline-block !important; font-size: 14px !important; position: relative; top: -1px; color: #1B234A !important;} .shop-pg-section .page-numbers li a.prev:hover span{color: var(--color-white) !important; } body .prdctfltr_customize_border.prdctfltr_customize .prdctfltr_customize_name { border-color: #ffffff; color: var(--color-black) !important; } /*============================== faq-page =====================================*/ .faq-first-page-sec{padding:96px 0px 40px;} .faq-first-page-sec:after{background-size: cover !important;} .faq-first-page-sec .contact-page-first-sec-textarea{margin-bottom: 0px !important;} .faq-page-secondsec .contact-page-second-sec-inner{padding:107px 0px;} .faq-area{max-width:1096px; margin:0 auto;} .faq-content{display: none; padding:9px 28px 10px; } .faqholder{background: rgba(0, 0, 0, 0.3); border: 1px solid #414141; margin-bottom: 15px; } .faqholder:first-child .faq-content{display: block;} .faq-heading{padding:19px 28px; font-style: normal; font-weight: 500; font-size: 20px; line-height: 22px; color: var(--color-harvest-gold); cursor:pointer; position: relative;} .faq-heading:after{content:""; width:17px; height:17px; background: url('../images/plus.png')0 0 no-repeat; background-size: 100% 100%; position: absolute; right:23px; top:24px;} .faqholder.active .faq-heading:after{content:""; width:17px; height:3px; background: url('../images/minus.png')0 0 no-repeat; background-size: 100% 100%; position: absolute; right:23px; top:32px;} .faq-content p{font-style: normal; font-weight: 400; font-size: 15px; line-height: 22px; color: var(--color-harvest-gold); padding-bottom: 15px; } .faqholder.active{border-color:var(--color-btn-orange);} /*============================== 404-page =====================================*/ .no-found-page-wrapper{width:100%; height:100vh; background: url('../images/leather-404.jpg')0 0 no-repeat; background-size: 100% 100%; display: flex;justify-content:center; align-items: center; } .nofound-inner{text-align: center;} .nofound-inner .site-logo a{ display: inline-block; position: relative; z-index:1;} .nofound-inner .site-logo a:before{content:""; position: absolute; top:0; left:0; width:100%; height:100%; background: #FFE3B1; filter: blur(75px); z-index:-1; } .nofound-inner h1{font-family: 'Rochester', cursive; font-style: normal; font-weight: 400; font-size: 300px; line-height: 356px;text-transform: capitalize; color: var(--color-white); text-shadow: 4px 3px 20px rgba(0, 0, 0, 0.8); } .nofound-inner p{max-width: 582.9px; margin:0 auto; font-style: normal; font-weight: 600; font-size: 15px; line-height: 22px; color:var(--color-white); } .back-to-home-button{font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-white); position: relative; z-index:1;} .back-to-home-button:before{content:""; background: var(--color-ut-orange); width:21px; height:29px; position: absolute; left: -5px; top: -5px; z-index:-1; transition:0.5s; } .back-to-home-button:hover{ color: var(--color-btn-orange);} .back-to-home-button:hover:before{background: var(--color-btn-orange);} .back-to-home-button span{font-size: 10px; margin-right: 10px; transform: rotate(-180deg); display: inline-block; position: relative; top: -2px;} /*============================== thankyou-page =====================================*/ .thankyou-page-wrapper{width:100%; height:100vh; background-size: 100% 100%; display: flex; justify-content:center; align-items: center; text-align: center;} .person-name{font-style: normal; font-weight: 600; font-size: 40px; line-height: 22px; text-align: center; color: var(--color-white); margin-bottom: 19px;} .thankyou-page-wrapper .nofound-inner h1{font-size: 180px; line-height: 232px;} /*============================== product details-page =====================================*/ /**product details-slidersec-start***/ .flex-viewport{width:470px !important; margin:0 auto 30px !important;} .woocommerce-product-gallery__image img{width:100% ; height:100% ; object-fit:cover;} .woocommerce div.product div.images .woocommerce-product-gallery__trigger{right:3.5em;} .woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {clear: inherit;} .woocommerce div.product div.images .woocommerce-product-gallery__wrapper{width:470px !important; margin:0 auto; overflow:hidden; transform: none !important;} .woocommerce-product-gallery__wrapper div.woocommerce-product-gallery__image a img{height:568px !important;} .flex-control-thumbs .slick-slide {margin: 0 8px !important;} .flex-control-thumbs .slick-list { margin: 0 -8px !important; } .flex-control-thumbs{position: relative !important;} .flex-control-thumbs .slick-prev{position: absolute; left:0px; top:34%; transform:translateY(-50%); width:14px !important; height:23px !important; z-index:999; background: url('../images/sld_prv.png')0 0 no-repeat !important; background-size:100% 100% !important;} .flex-control-thumbs .slick-next{position: absolute; right:0px; top:34%; transform:translateY(-50%); width:14px !important; height:23px !important; z-index:999; background: url('../images/sld_next.png')0 0 no-repeat !important; background-size:100% 100% !important;} .woocommerce div.product div.images .flex-control-thumbs{position: relative !important; padding:0px 35px;} .woocommerce div.product div.images .woocommerce-product-gallery__image{position: relative;} /* .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { display: inline-block !important;} */ .woocommerce div.product .woocommerce-product-gallery__wrapper >.woocommerce-product-gallery__image:not(.swiper-slide-active) { display: none !important;} .woocommerce div.product .woocommerce-product-gallery__wrapper >.woocommerce-product-gallery__image.swiper-slide-active { display: block;} body.single-product .all_inner_page_wrapper,.search__page_section{ padding-top: 20.0rem;} #wpgs-gallery .gallery-navigation-carousel .wcgs-swiper-button-next.wcgs-swiper-arrow, #wpgs-gallery .gallery-navigation-carousel .wcgs-swiper-button-prev.wcgs-swiper-arrow{ width: auto; color: var(--color-black); font-size:3.5rem;} #wpgs-gallery .swiper-slide-thumb-active.wcgs-thumb{ border-color: var(--color-orange);} .flex-control-thumbs .slick-next:before, .flex-control-thumbs .slick-prev:before{display: none !important;} .flex-control-thumbs li.slick-current img{opacity:1 !important; } .woocommerce div.product div.images .flex-control-thumbs li img { opacity:1 !important;} .woocommerce div.product div.images .flex-control-thumbs .slick-slide img{opacity:0.5 !important;} .woocommerce div.product div.images .flex-control-thumbs .slick-slide.slick-current img{opacity:1 !important;} /**product details-slidersec-end***/ .productdetals-allsec{position: relative; padding:120px 0px 113px; z-index:1;} .productdetals-allsec:after{content: "";width: 100%; height: 100%; background-size: 100% auto; position: absolute; top: 0; left: 0; z-index: -1; background-repeat: repeat-y;} .single-product .site-header{background: var(--color-rust); } .single-product .site-header.fixed-header{background: var(--color-rust); } .product-detalis-rigtsec h1.product_title{font-style: normal; font-weight: 500; font-size: 42px; line-height: 50px; color: var(--color-black); margin-bottom: 22px;} .product-detalis-rigtsec p.price{font-family: 'Rochester', cursive !important; font-style: normal !important; font-weight: 400 !important; font-size: 35px !important; line-height: 22px !important; text-transform: capitalize !important; color: var(--color-mahogany) !important; padding-bottom: 30px !important;} .product-detalis-rigtsec .woocommerce-product-details__short-description p{font-style: normal; font-weight: 400; font-size: 15px;line-height: 25px; color: var(--color-black); /*! padding-bottom: 45px; */} .product-detalis-rigtsec .sku_wrapper {margin-bottom: 13px;display: block;font-weight: 700;color: var(--color-black);} .product-detalis-rigtsec .sku_wrapper .sku {font-weight: 400 !important;} .product-detalis-rigtsec table.variations{position: relative; margin-bottom: 0px !important;} .product-detalis-rigtsec table.variations a.reset_variations{position: absolute; right: 0;bottom: -26px; color: var(--color-white) !important; padding: 0px 20px; background: var(--color-rust); border-radius: 0px 10px; } .product-detalis-rigtsec table.variations a.reset_variations:hover{background:#a46497;} .product-detalis-rigtsec .woocommerce-variation-description p{font-size: 13px; color:var(--color-white); margin-bottom: 0px !important; padding-bottom: 15px;} .product-detalis-rigtsec .woocommerce-variation-price span.price{color:var(--color-mahogany) !important;} .product-detalis-rigtsec table.variations tbody{display: flex; flex-wrap:wrap; justify-content: space-between;} .product-detalis-rigtsec table.variations tr{display: block; width:49%; } .product-detalis-rigtsec table.variations th{display: block; width:100%; } .product-detalis-rigtsec table.variations td{display: block; width:100%;} .product-detalis-rigtsec table.variations th.label{font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: var(--color-white); margin-bottom: 9px;} .product-detalis-rigtsec table.variations td select{background: var(--color-add-to-cart-background) url('../images/selectarrow.png')95% 50% no-repeat !important; border: 1px solid #414141 !important; width: 100% !important; height: 36px !important; outline:none !important; padding:6px 12px !important; font-style: normal !important; font-weight: 400 !important; font-size: 14px !important; line-height: 18px !important; color: var(--color-white) !important; margin-bottom: 15px !important; cursor:pointer; -moz-appearance: none; -webkit-appearance: none; appearance: none; margin-bottom: 20 !important; } .product-detalis-rigtsec .variations_button{ width:100%; margin-top: 37px; } .wp-element-button{color:var(--color-white) !important;} .quantity{width:171.88px; height:60px; background: var(--color-add-to-cart-background); display: flex; justify-content: center; margin-right: 17px !important;} .quantity input[type=number]{border:none; outline:none; font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; color: var(--color-brown-sugar); } #smntcswcb {background-color: var(--color-add-to-cart-background);} .quantity .wp-element-button{border:none; background: transparent !important; border-radius:0px !important; font-size: 19px !important; padding: 0px !important;} .product-detalis-rigtsec .single_add_to_cart_button{background: var(--color-ut-orange) !important; border-radius: 0px 20px !important; font-style: normal; font-weight: 700; font-size: 18px; line-height: 18px; text-align: center; text-transform: uppercase; color: var(--color-white); height: 60px; width:69%; position: relative; z-index:1; overflow:hidden !important; float:left !important; } .product-detalis-rigtsec .single_add_to_cart_button:after{content:""; position: absolute; left:0; top:0; width:0%; height:100%; background: var(--color-rust); transition:0.5s; z-index:-1; } .product-detalis-rigtsec .single_add_to_cart_button:hover:after{width:100%;} .product-detalis-rigtsec .single_add_to_cart_button:hover{color:var(--color-white);} .product-detalis-rigtsec .add_to_wishlist{font-style: normal; font-weight: 500; font-size: 14px; line-height: 18px; text-transform: uppercase; color: var(--color-white); transition:0.5s;} .product-detalis-rigtsec .yith-wcwl-add-button a{font-style: normal; font-weight: 500; font-size: 14px; line-height: 18px; text-transform: uppercase; color: var(--color-black); transition:0.5s;} .product-detalis-rigtsec .yith-wcwl-add-button:hover svg path {fill: var(--color-black);} .product-detalis-rigtsec .add_to_wishlist:hover{color:var(--color-mahogany);} .product-detalis-rigtsec .yith-wcwl-add-button a:hover{color:var(--color-mahogany) ;} .product-detalis-rigtsec .yith-wcwl-add-button a i{color:var(--color-white); width: 17px;} .product-detalis-rigtsec .yith-wcwl-add-button a:hover i{background: linear-gradient(180deg, #9D0873 0%, #FF0EBB 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .product-detalis-rigtsec .product_meta .sku_wrapper {display: none;} .product-detalis-rigtsec .yith-wcwl-add-button .separator{display: none;} .product-detalis-rigtsec .yith-wcwl-add-button .view-wishlist{display: none;} /* .product-detalis-rigtsec .variations_form{margin-bottom: 57px !important;} */ .product-detalis-rigtsec .product_meta {display: flex;flex-direction: column;} .variations tr {align-content: center;} .variations .reset_variations {margin-top: 20px;} .prodactdetails_firstsec .woocommerce-product-gallery{margin-bottom: 0px !important;} .star-rating{width: 6em !important;} .star-rating::before {color: var(--color-ut-orange) !important; letter-spacing:2px;} .star-rating span::before {color: var(--color-ut-orange) !important; letter-spacing:2px;} .woocommerce-review-link {color: var(--color-ut-orange) !important;} .woocommerce-review-link:hover {color: var(--color-mahogany) !important;} /* .productdetals-allsec .wc-tabs-wrapper{padding-top: 140px !important;} */ .productdetals-allsec .wc-tabs-wrapper ul.tabs{padding:0px !important; margin:0px !important; } .productdetals-allsec .wc-tabs-wrapper ul.tabs li{padding:0px 0px !important; margin-right: 15px !important; border:none !important; background: rgba(141, 141, 141, 0.3) !important; border-radius:0px !important;} .productdetals-allsec .wc-tabs-wrapper ul.tabs li:before{display: none !important;} .productdetals-allsec .wc-tabs-wrapper ul.tabs li:after{display: none !important;} .productdetals-allsec .wc-tabs-wrapper ul.tabs li a{padding:18.85px 34.38px !important; font-style: normal !important; font-weight: 500 !important; font-size: 20px !important; line-height: 20px !important; color: var(--color-black) !important;} .productdetals-allsec .wc-tabs-wrapper ul.tabs li.active a{background: var(--color-mahogany) !important;color: var(--color-white) !important;} .productdetals-allsec .wc-tabs-wrapper ul.tabs li:hover a{background: var(--color-mahogany) !important;color: var(--color-white) !important;} .productdetals-allsec .wc-tabs-wrapper ul.tabs:before{display: none !important;} .productdetals-allsec .woocommerce-Tabs-panel{padding:41px 53px 41px 42px !important; background: var(--color-white) !important;} .productdetals-allsec .woocommerce-Tabs-panel h2{font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; letter-spacing: 0.5em; text-transform: uppercase; color: var(--color-black); margin-bottom: 30px; } .specification-heading-wrapper h2.specification-responsive-heading{display: none;} .productdetals-allsec .woocommerce-Tabs-panel p{font-style: normal; font-weight: 400; font-size: 15px; line-height: 25px; color: #464646; padding-bottom: 18px;} .productdetals-allsec .woocommerce-Tabs-panel ul{padding-left: 20px; margin-bottom: 24px;} .productdetals-allsec .woocommerce-Tabs-panel ul li{font-style: normal; font-weight: 400; font-size: 15px; line-height: 25px; color: #464646; padding-bottom: 8px;} .productdetals-allsec .related{padding-top: 96px;} .productdetals-allsec .related h2{ font-family: 'Rochester', cursive; font-style: normal; font-weight: 400; font-size: 64px; line-height: 82px; color: var(--color-black); margin-bottom: 48px; } .single-product .related.products .product-slidre ul {display: flex;} /* .productdetals-allsec .related .products{display: flex; gap:18px; justify-content: space-between; margin: 0px -18px;} .productdetals-allsec .related .products .product-box{margin:0px 0px 0px 0px !important; padding: 0px 0px 18px !important; flex:1 !important; width:auto !important;} .productdetals-allsec .related .products .product-box .star-rating{display: none; } */ .productdetals-allsec .related .products .product-box h2{font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; text-align: center; color: var(--color-harvest-gold); margin-bottom: 0px; font-family: 'Montserrat', sans-serif; } .productdetals-allsec .woocommerce-Tabs-panel table.shop_attributes{border-top: 1px dotted var(--color-mahogany);} .productdetals-allsec .woocommerce-Tabs-panel table.shop_attributes th{width:230px; border-bottom: 1px dotted var(--color-mahogany); color:var(--color-black); } .productdetals-allsec .woocommerce-Tabs-panel table.shop_attributes td{ border-bottom: 1px dotted var(--color-mahogany); } .productdetals-allsec .woocommerce-Tabs-panel table.shop_attributes tr:nth-child(even) th{ background:#e1e1e1 !important; } .productdetals-allsec .woocommerce-Tabs-panel table.shop_attributes tr:nth-child(even) td{ background:#e1e1e1 !important; } .productdetals-allsec .woocommerce-Tabs-panel .comment-text{ border: 1px dotted var(--color-mahogany) !important; background: var(--color-black) !important;} .productdetals-allsec .woocommerce-Tabs-panel .comment-text p.meta {font-size: 17px !important; color: var(--color-cream) !important; margin-bottom: 0px !important;} .productdetals-allsec .woocommerce-Tabs-panel .comment-reply-title{font-size: 17px !important; color: var(--color-black) !important; margin-bottom: 18px !important;display: block; text-transform: uppercase; letter-spacing: 2px; font-weight: 500;} .productdetals-allsec .woocommerce-Tabs-panel .comment-form-rating label{font-size: 17px !important; color: var(--color-black) !important; margin-bottom: 13px !important;} .productdetals-allsec .woocommerce-Tabs-panel p.stars a{color: var(--color-ut-orange) !important;} .productdetals-allsec .woocommerce-Tabs-panel .comment-form{width:57%;} .productdetals-allsec .woocommerce-Tabs-panel .comment-form p{padding-bottom: 20px !important; margin-bottom: 0px !important;} .productdetals-allsec .woocommerce-Tabs-panel .comment-form p textarea{width:100%; background: rgba(117, 117, 117, 0.5); outline:none; padding:20px 12px; border:none; font-style: normal; font-weight: 400; font-size: 15px; line-height: 12px; color: var(--color-white); height:151px !important; resize:none; margin-bottom: 0px; border-radius:0px;} .productdetals-allsec .woocommerce-Tabs-panel .comment-form p textarea:focus{background: rgba(117, 117, 117, 0.5); outline:none; padding:20px 12px; color: var(--color-white); box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25); } .productdetals-allsec .woocommerce-Tabs-panel .comment-form p input{width:100%; background: rgba(117, 117, 117, 0.5); outline:none; padding:6px 12px; border:none; font-style: normal; font-weight: 400; font-size: 15px; line-height: 12px; color: var(--color-white); height:50px; margin-bottom: 0px; border-radius:0px;} .productdetals-allsec .woocommerce-Tabs-panel .comment-form p input:focus{background: rgba(117, 117, 117, 0.5); outline:none; padding:6px 12px; border:none; color: var(--color-white); box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);} .productdetals-allsec .woocommerce-Tabs-panel .comment-form p.form-submit input[type=submit]{width:147px !important; height:45px !important; display: inline-block !important; font-style: normal !important; font-weight: 700 !important; font-size: 14px !important; line-height: 17px !important; text-align: center !important; text-transform: uppercase !important; color: var(--color-white) !important; padding: 13px 30px !important; background: var(--color-ut-orange) !important; border-radius: 20px 0px !important; position: relative !important; transition: 0.5s !important; overflow: hidden !important; z-index: 1 !important;} .productdetals-allsec .woocommerce-Tabs-panel .comment-form p.form-submit input[type=submit]:hover{background: var(--color-rust) !important;} .productdetals-allsec .woocommerce-Tabs-panel .comment-form p label{color:var(--color-black) !important; margin-bottom: 5px;} .productdetals-allsec .woocommerce-Tabs-panel .comment-form p.comment-form-cookies-consent input{width:auto !important; height:auto !important; margin-right: 8px; position: relative; top:2px; cursor:pointer;} .productdetals-allsec .woocommerce-Tabs-panel .comment-form p.comment-form-cookies-consent label{cursor:pointer;} .prodactdetails_firstsec .onsale{ height: 45px !important; width: 45px !important; line-height: 35px !important; font-size: 12px !important; background: var(--color-rust) !important; top:15px !important; left:99px !important;} /*============================== share-section =====================================*/ .a2a_kit{display: none;} .single-post .a2a_kit{display: block;} .single-post .a2a_kit .addtoany_share{display: none;} .single-product .addtoany_shortcode .a2a_kit{display: block;} .single-product .addtoany_shortcode .a2a_kit .a2a_button_facebook, .single-product .addtoany_shortcode .a2a_kit .a2a_button_twitter, .single-product .addtoany_shortcode .a2a_kit .a2a_button_linkedin { display: none !important;} .single-product .addtoany_shortcode .a2a_kit .addtoany_share_save span{display: none !important;} .single-product .addtoany_shortcode .a2a_kit .addtoany_share_save{position: relative;} .single-product .addtoany_shortcode .a2a_kit .addtoany_share_save:before{content:""; position: absolute !important; background: url('../images/shareimg.svg')0 0 no-repeat !important; width:13px !important; height:14px !important; background-size: 100% 100% !important; transition:0.5s;} .single-product .addtoany_shortcode .a2a_kit .addtoany_share_save:after{content:"Share"; position: absolute !important; width:50px !important; height:18px !important; background-size: 100% 100% !important; font-style: normal; font-weight: 500; font-size: 14px; line-height: 18px; text-align: right; text-transform: uppercase; color: var(--color-black); left: 0; top: -3px; padding-left: 28px; transition:0.5s;} .single-product .product-detalis-rigtsec .yith-wcwl-add-to-wishlist{float:left;} .single-product .addtoany_shortcode{position: relative; top: -2px; margin-left: 39px; float: left;} .single-product .addtoany_shortcode .a2a_kit .addtoany_share_save:hover:before{ width:13px !important; height:14px !important; background-size: 100% 100% !important;} .single-product .addtoany_shortcode .a2a_kit .addtoany_share_save:hover:after{color: var(--color-mahogany);} /*============================== common-page =====================================*/ .common-page {position: relative; padding: 100px 0px 80px; z-index: 1;} .common-page:after { content: "";width: 100%; height: 100%; background-size: 100% auto; position: absolute; top: 0; left: 0; z-index: -1; background-repeat: repeat-y;} .common-page h2{font-style: normal; font-weight: 600; font-size: 22px; line-height: 22px; color: var(--color-white); margin-bottom: 30px; } .common-page h3{font-style: normal; font-weight: 600; font-size: 19px; line-height: 20px; color: var(--color-rust); margin-bottom: 30px; } .common-page p{font-style: normal; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--color-black);} .common-page p a{color:var(--color-btn-orange); text-decoration: underline 1px var(--color-btn-orange); text-underline-offset:4px;} .common-page p a:hover{color:var(--color-ut-orange); text-decoration: underline 1px var(--color-ut-orange); text-underline-offset:4px;} .common-page ul{margin:0px 0px 30px; padding:0px 0px 0px 20px;} .common-page ul li{font-style: normal; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--color-black);} .common-page ol{margin:0px 0px 30px; padding:0px 0px 0px 20px;} .common-page ol li{font-style: normal; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--color-black);} ul.alpha-ul{ counter-reset: list;} ul.alpha-ul > li { list-style: none; padding-bottom: 8px; line-height: 23px; position: relative;} ul.alpha-ul > li:before { content: counter(list, lower-alpha) ") "; counter-increment: list; position: absolute; left: -1.4em;} ul.alpha-ul li a{color:var(--color-btn-orange); text-decoration: underline 1px var(--color-btn-orange); text-underline-offset:4px; word-break: break-word;} ul.alpha-ul li a:hover{color:var(--color-ut-orange); text-decoration: underline 1px var(--color-ut-orange); text-underline-offset:4px;} /*============================== myaccount-page =====================================*/ .my-account .common-page .woocommerce-MyAccount-navigation ul{list-style:none; padding:0; margin:0px;width: 90%; margin-top: 0px; padding: 40px 30px; background: var(--color-ut-orange); border-radius: 20px 0px;} .my-account .common-page .woocommerce-MyAccount-navigation ul li{display: block; margin:0px; padding:5px 0px 5px 12px; border-bottom: 1px dotted var(--color-white); transition:0.5s;} .my-account .common-page .woocommerce-MyAccount-navigation ul li a{display: block; margin:0px; padding:0px; color: var(--color-white); font-weight: 400; font-size: 15px; line-height: 25px; font-style: normal; transition:0.5s; position: relative; } .my-account .common-page .woocommerce-MyAccount-navigation ul li:hover a{transform:translateX(10px); transition:0.5s; color: var(--color-white);} .my-account .common-page .woocommerce-MyAccount-navigation ul li a:before{content:""; width:5px; height:5px; background: var(--color-white); border-radius: 50%; position: absolute; left: -10px; top: 11px; } .my-account .common-page .woocommerce-MyAccount-navigation ul li:hover{background: var(--color-btn-orange);} .my-account .common-page .woocommerce-MyAccount-navigation ul li:last-child{border:none;} .my-account .common-page .woocommerce-MyAccount-navigation ul li.is-active{background: var(--color-btn-orange);} .my-account .common-page .woocommerce-MyAccount-navigation ul li.is-active a{transform:translateX(10px); color: var(--color-white);} .my-account .common-page a.edit{color: var(--color-btn-orange);} .my-account .common-page a.edit:hover{color: var(--color-ut-orange);} .my-account .common-page .woocommerce-address-fields input{width: 100%; background: rgba(117, 117, 117, 0.5); outline: none; padding: 6px 12px; border: none; font-style: normal; font-weight: 400; font-size: 15px; line-height: 12px; color: var(--color-white); height: 50px; border-radius: 0px;} .my-account .common-page .woocommerce-address-fields select{width: 100%; outline: none; padding: 11px 12px; border: none; font-style: normal; font-weight: 400; font-size: 15px; line-height: 12px; color: var(--color-white); height: 50px; border-radius: 0px; background: rgba(117, 117, 117, 0.5) url(../images/selectarrow.png)98% 50% no-repeat !important; -moz-appearance: none; -webkit-appearance: none; appearance: none;} .select2-container .select2-selection--single { width: 100%; outline: none; padding: 11px 12px; border: none; font-style: normal; font-weight: 400; font-size: 15px; line-height: 12px; color: var(--color-white); height: 50px; border-radius: 0px; background: rgba(117, 117, 117, 0.5) url(../images/selectarrow.png)98% 50% no-repeat !important; -moz-appearance: none; -webkit-appearance: none; appearance: none;} .select2-container--open .select2-dropdown--below{background: rgba(117, 117, 117, 0.5) !important; border:none !important; padding:0px 10px 10px; } .select2-container--open .select2-dropdown--below .select2-results__options{scrollbar-color: var(--color-mahogany) var(--color-ut-orange); scrollbar-width: thin;} .select2-container--open .select2-dropdown--above{background: rgba(117, 117, 117, 0.5) !important; border:none !important; padding:0px 10px 10px; } .select2-container--open .select2-dropdown--above .select2-results__options{scrollbar-color: var(--color-mahogany) var(--color-ut-orange); scrollbar-width: thin;} .select2-results__option[aria-selected], .select2-results__option[data-selected]{color:var(--color-white) !important;} .select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;} .select2-selection__rendered{padding:0px !important;} .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--color-white);} .select2-container--open .select2-dropdown--below .select2-results__options::-webkit-scrollbar {width:10px; opacity:1; display: block; } .select2-container--open .select2-dropdown--below .select2-results__options:-webkit-scrollbar-track {background:var(--color-ut-orange);} .select2-container--open .select2-dropdown--below .select2-results__options::-webkit-scrollbar-thumb {background:var(--color-mahogany);} .select2-container--open .select2-dropdown--below .select2-results__options::-webkit-scrollbar-thumb:hover {background:var(--color-mahogany);} .select2-container--open .select2-dropdown--above .select2-results__options::-webkit-scrollbar {width:10px; opacity:1; display: block; } .select2-container--open .select2-dropdown--above .select2-results__options:-webkit-scrollbar-track {background:var(--color-ut-orange);} .select2-container--open .select2-dropdown--above .select2-results__options::-webkit-scrollbar-thumb {background:var(--color-mahogany);} .select2-container--open .select2-dropdown--above .select2-results__options::-webkit-scrollbar-thumb:hover {background:var(--color-mahogany);} .my-account .common-page .woocommerce-address-fields button{ width: 185px; height: 47px; display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: var(--color-white); padding: 13px 30px; background: var(--color-ut-orange); border-radius: 20px 0px; position: relative; transition: 0.5s; overflow: hidden; z-index: 1; margin-top: 45px;} .my-account .common-page .woocommerce-address-fields button:hover{background: var(--color-rust);} /*============================== myaccount-page-accountdetails-sec =====================================*/ .my-account .common-page .woocommerce-EditAccountForm input{width: 100%; background: rgba(117, 117, 117, 0.5); outline: none; padding: 6px 12px; border: none; font-style: normal; font-weight: 400; font-size: 15px; line-height: 12px; color: var(--color-white); height: 50px; border-radius: 0px;} .my-account .common-page .woocommerce-EditAccountForm select{width: 100%; outline: none; padding: 11px 12px; border: none; font-style: normal; font-weight: 400; font-size: 15px; line-height: 12px; color: var(--color-white); height: 50px; border-radius: 0px; background: rgba(117, 117, 117, 0.5) url(../images/selectarrow.png)98% 50% no-repeat !important; -moz-appearance: none; -webkit-appearance: none; appearance: none;} .my-account .common-page .woocommerce-EditAccountForm button{ width: 185px; height: 47px; display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: var(--color-white); padding: 13px 30px; background: var(--color-ut-orange); border-radius: 20px 0px; position: relative; transition: 0.5s; overflow: hidden; z-index: 1; margin-top: 45px;} .my-account .common-page .woocommerce-EditAccountForm button:hover{background: var(--color-rust);} .my-account .common-page .woocommerce-EditAccountForm legend{font-style: normal; font-weight: 600; font-size: 22px; line-height: 22px; color: var(--color-harvest-gold); margin:25px 0px;} .woocommerce form .show-password-input.display-password::after, .woocommerce-page form .show-password-input.display-password::after { color: var(--color-mahogany); } .woocommerce form .show-password-input, .woocommerce-page form .show-password-input { right: 17px; top: 12px;} /*============================== myaccount-page-login-sec =====================================*/ .my-account .common-page .woocommerce-form-login{height: 446px;} .my-account .common-page .woocommerce-form-login input{width: 100%; background: rgba(117, 117, 117, 0.5); outline: none; padding: 6px 12px; border: none; font-style: normal; font-weight: 400; font-size: 15px; line-height: 12px; color: var(--color-white); height: 50px; border-radius: 0px;} .my-account .common-page .woocommerce-form-login input[type=checkbox]{width:auto; height:auto; margin-right: 5px; position: relative; top:2px;} .my-account .common-page .woocommerce-form-login button{ width: 185px; height: 47px; display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: var(--color-white); padding: 13px 30px; background: var(--color-ut-orange); border-radius: 20px 0px; position: relative; transition: 0.5s; overflow: hidden; z-index: 1; margin-top: 25px; margin-bottom: 25px;} .my-account .common-page .woocommerce-form-login button:hover{background: var(--color-rust);} .my-account .common-page .woocommerce-form-login .woocommerce-form-login__rememberme{display: block !important;} /*============================== myaccount-page-register-sec =====================================*/ .my-account .common-page .woocommerce-form-register input{width: 100%; background: rgba(117, 117, 117, 0.5); outline: none; padding: 6px 12px; border: none; font-style: normal; font-weight: 400; font-size: 15px; line-height: 12px; color: var(--color-white); height: 50px; border-radius: 0px;} .my-account .common-page .woocommerce-form-register input[type=checkbox]{width:auto; height:auto; margin-right: 5px; position: relative; top:2px;} .my-account .common-page .woocommerce-form-register button{ width: 185px; height: 47px; display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: var(--color-white); padding: 13px 30px; background: var(--color-ut-orange); border-radius: 20px 0px; position: relative; transition: 0.5s; overflow: hidden; z-index: 1; margin-top: 0px; margin-bottom: 0px;} .my-account .common-page .woocommerce-form-register button:hover{background: var(--color-rust);} /*============================== myaccount-page-resetpassword-sec =====================================*/ .my-account .common-page .woocommerce-ResetPassword input{width: 100%; background: rgba(117, 117, 117, 0.5); outline: none; padding: 6px 12px; border: none; font-style: normal; font-weight: 400; font-size: 15px; line-height: 12px; color: var(--color-white); height: 50px; border-radius: 0px;} .my-account .common-page .woocommerce-ResetPassword button{ width: 222px; height: 49px; display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: var(--color-white); padding: 13px 30px; background: var(--color-ut-orange); border-radius: 20px 0px; position: relative; transition: 0.5s; overflow: hidden; z-index: 1; margin-top: 0px; margin-bottom: 0px;} .my-account .common-page .woocommerce-ResetPassword button:hover{background: var(--color-rust);} /*============================== checkout-page-sec =====================================*/ .common-page .checkout.woocommerce-checkout input{width: 100%; background: rgba(117, 117, 117, 0.5); outline: none; padding: 6px 12px; border: none; font-style: normal; font-weight: 400; font-size: 15px; line-height: 12px; color: var(--color-white); height: 50px; border-radius: 0px;} .common-page .checkout.woocommerce-checkout textarea{width: 100%; background: rgba(117, 117, 117, 0.5); outline: none; padding: 10px 12px; border: none; font-style: normal; font-weight: 400; font-size: 15px; line-height: 12px; color: var(--color-white); height: 150px; border-radius: 0px; resize:none;} .common-page .checkout.woocommerce-checkout button{ width: 222px; height: 49px; display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: var(--color-white); padding: 13px 30px; background: var(--color-ut-orange); border-radius: 20px 0px; position: relative; transition: 0.5s; overflow: hidden; z-index: 1; margin-top: 0px; margin-bottom: 0px;} .common-page .checkout.woocommerce-checkout button:hover{background: var(--color-rust);} .common-page .checkout.woocommerce-checkout h3{font-style: normal; font-weight: 600; font-size: 22px; line-height: 22px; color: var(--color-harvest-gold); margin:25px 0px;} .common-page .checkout_coupon.woocommerce-form-coupon input{width: 100%; background: rgba(117, 117, 117, 0.5); outline: none; padding: 6px 12px; border: none; font-style: normal; font-weight: 400; font-size: 15px; line-height: 12px; color: var(--color-white); height: 50px; border-radius: 0px;} .common-page .checkout_coupon.woocommerce-form-coupon button{ width: 222px; height: 49px; display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: var(--color-white); padding: 13px 30px; background: var(--color-ut-orange); border-radius: 20px 0px; position: relative; transition: 0.5s; overflow: hidden; z-index: 1; margin-top: 0px; margin-bottom: 0px;} .common-page .checkout_coupon.woocommerce-form-coupon button:hover{background: var(--color-rust);} .common-page .show-title-form{display: none !important;} .woocommerce-checkout-payment{ background: #3a343a !important; border-radius: 20px 0px !important; border: 2px solid var(--color-rust);} .page-checkout table.woocommerce-checkout-review-order-table th{font-style: normal; font-weight: 600; font-size: 15px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color:var(--color-white);} .page-checkout table.woocommerce-checkout-review-order-table td.product-name{font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color:var(--color-white); } .page-checkout table.woocommerce-checkout-review-order-table td.product-name p{font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; letter-spacing: 0.1em; text-transform: uppercase; color:var(--color-white); padding-bottom: 0px; color:var(--color-white);} .page-checkout table.woocommerce-checkout-review-order-table td.product-name dl{margin-top: 12px;} .page-checkout table.woocommerce-checkout-review-order-table td.product-name dl dd{padding-bottom: 5px; font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; letter-spacing: 0.1em; text-transform: uppercase; color:var(--color-white); color:var(--color-white);} .page-checkout table.woocommerce-checkout-review-order-table td.product-name dl dt{padding-bottom: 5px; font-style: normal; font-weight: 600; font-size: 13px; line-height: 16px; letter-spacing: 0.1em; text-transform: uppercase; color:var(--color-white); color:var(--color-white);} .page-checkout table.woocommerce-checkout-review-order-table {border: 1px solid #787878;} .page-checkout table.woocommerce-checkout-review-order-table tfoot th, .page-checkout table.woocommerce-checkout-review-order-table tfoot td{border-top: 1px solid #787878 !important;} .page-checkout table.woocommerce-checkout-review-order-table td.product-total span{font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase;} .page-checkout table.woocommerce-checkout-review-order-table tfoot td span{font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase;} /*============================== wishlist-page =====================================*/ .page-wishlist .wishlist_table .product-name a{font-style: normal; font-weight: 600; font-size:18px; line-height: 18px; color: var(--color-harvest-gold);} .page-wishlist .wishlist_table .product-add-to-cart a{font-style: normal; font-weight: 600; font-size: 13px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-ut-orange); } .page-wishlist .wishlist_table .product-add-to-cart a:hover{color:var(--color-rust);} .page-wishlist .wishlist_table .product-price span{font-style: normal; font-weight: 600; font-size: 15px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase;} .page-wishlist .wishlist_table .product-stock-status span{font-style: normal; font-weight: 600; font-size: 13px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase;} .page-wishlist .wishlist_table th{font-style: normal; font-weight: 600; font-size: 15px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color:var(--color-white); text-align: center;} .page-wishlist .wishlist_table th.product-name{text-align: left;} .page-wishlist .wishlist_table a.remove_from_wishlist{width:30px; height:30px; border-radius: 50%; background: var(--color-rust); display: flex; justify-content:center; align-items:center; color:var(--color-white) !important; } .page-wishlist .wishlist_table a.remove_from_wishlist:hover{color:var(--color-cream) !important;} .page-wishlist .wishlist_table td{border-top: 1px solid #787878 !important; color:var(--color-mahogany);} .page-wishlist .wishlist_table th{border-top: none !important;} .page-wishlist .wishlist_table{border: 1px solid #787878 !important;} /*============================== cart-page =====================================*/ .page-cart table.shop_table{border: 1px solid #787878; } .page-cart table.shop_table td {border-top: 1px solid #787878; } .page-cart table.shop_table th{font-style: normal; font-weight: 600; font-size: 15px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color:var(--color-black); } .page-cart table.shop_table td.product-name{font-style: normal; font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: 0.1em; text-transform: uppercase; color:var(--color-black); } .page-cart table.shop_table td.product-name a{font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color:var(--color-black); display: inline-block; margin-bottom: 15px; } .page-cart table.shop_table td.product-name p{font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0.1em; text-transform: uppercase; color:var(--color-black); padding-bottom: 0px;} .page-cart table.shop_table td.product-name dl dd{padding-bottom: 5px;} .page-cart table.shop_table td.product-name dl dt{padding-bottom: 5px; color: var(--color-black);} .page-cart table.shop_table a.remove{width:20px; height:20px; border-radius: 50%; background: var(--color-rust); display: flex; justify-content:center; align-items:center; color:var(--color-white) !important; } .page-cart table.shop_table a.remove:hover{color:var(--color-cream) !important;} .page-cart table.shop_table td.product-price span{font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color:var(--color-mahogany);} .page-cart table.shop_table td.product-subtotal span{font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color:var(--color-mahogany);} .woocommerce-Price-amount{color:var(--color-black) !important;} .coupon input{width:200px !important; background: rgba(117, 117, 117, 0.5); outline:none; padding:6px 12px; border:none; font-style: normal; font-weight: 400; font-size: 15px; line-height: 12px; color: var(--color-white); height:50px; border-radius:0px;} .coupon input::-webkit-input-placeholder { font-style: normal; font-weight: 400; font-size: 12px; line-height: 12px; color: var(--color-white); opacity: 0.5; } .coupon input:-ms-input-placeholder { font-style: normal; font-weight: 400; font-size: 12px; line-height: 12px; color: var(--color-white); opacity: 0.5;} .coupon input::placeholder {font-style: normal; font-weight: 400; font-size: 12px; line-height: 12px; color: var(--color-white); opacity: 0.5; } .coupon button[type=submit]{width:180px; height:50px; display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: var(--color-white) !important; padding: 13px 20px; background: var(--color-ut-orange); border-radius: 20px 0px; position: relative; transition: 0.5s; overflow: hidden; z-index: 1; margin-left: 5px;} .coupon button[type=submit]:hover{background: var(--color-rust);} .page-cart table.shop_table button[type=submit]{width:180px; height:50px; display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: var(--color-white) !important; padding: 13px 20px; background: var(--color-ut-orange); border-radius: 20px 0px; position: relative; transition: 0.5s; overflow: hidden; z-index: 1; margin-left: 5px;} .page-cart table.shop_table button[type=submit]:hover{background: var(--color-rust);} .page-cart a.checkout-button{ display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: var(--color-white) !important; padding: 13px 20px; background: var(--color-rust) !important; border-radius: 20px 0px; position: relative; transition: 0.5s; overflow: hidden; z-index: 1; margin-left: 5px;} .page-cart a.checkout-button:hover{background: var(--color-ut-orange) !important;} .page-cart table.shop_table tr th, .page-cart table.shop_table tr td{border-color: #787878 !important;} .page-cart table.shop_table tr td{color: var(--color-white) !important;} .page-cart table.shop_table td.product-thumbnail a{display: inline-block; width:80px; height:80px;} .page-cart table.shop_table td.product-thumbnail a img{width:100%; height:100%;} .page-cart .return-to-shop .wc-backward{display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: var(--color-white) !important; padding: 13px 20px; background: var(--color-ut-orange)!important; border-radius: 20px 0px; position: relative; transition: 0.5s; overflow: hidden; z-index: 1; margin-left: 5px;} .page-cart .return-to-shop .wc-backward:hover{background: var(--color-rust) !important;} /*============================== massage-information-area-sec =====================================*/ .woocommerce-info{background: #a978d5; border-color:var(--color-rust) !important; color:var(--color-white); } .woocommerce-info::before{color:var(--color-white);} .woocommerce-info a{color: var(--color-rust) !important; text-decoration: underline 1px var(--color-rust); text-underline-offset:4px; font-weight: 500;} .woocommerce-info a:hover{color: var(--color-ut-orange) !important; text-decoration: underline 1px var(--color-ut-orange);} .woocommerce-message{ background: var(--color-brown-sugar); border-color:var(--color-rust) !important; color:var(--color-cream); display: flex; align-items: center; } .woocommerce-message a.restore-item{color: var(--color-mahogany); font-size: 16px; line-height: 20px; display: inline-block;} .woocommerce-message:before{ color:var(--color-rust) !important; top:auto;} .woocommerce-message a.woocommerce-Button{width:206px; height:43px; display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: var(--color-white) !important; padding: 13px 14px; background: var(--color-ut-orange); border-radius: 20px 0px; position: relative; transition: 0.5s; overflow: hidden; z-index: 1; margin-left: auto; float: none !important; order:2; } .woocommerce-message a.woocommerce-Button:hover{background: var(--color-rust);} .woocommerce-message a.button{width:206px; height:43px; display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: var(--color-white) !important; padding: 13px 14px; background: var(--color-ut-orange); border-radius: 20px 0px; position: relative; transition: 0.5s; overflow: hidden; z-index: 1; margin-left: auto; float: none !important; order:2; } .woocommerce-message a.button:hover{background: var(--color-rust);} .woocommerce-error{ padding: 1em 2em 1em 3.5em !important; background-color: #d77070; color: var(--color-white);} .woocommerce-error::before{top: 17px;} /*============================== ordersection =====================================*/ .page-my-account .woocommerce-orders-table th{font-style: normal; font-weight: 600; font-size: 15px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-white); text-align: center;} .page-my-account .woocommerce-orders-table{border: 1px solid #787878 !important; } .page-my-account .woocommerce-orders-table tbody td{border-top: 1px solid #787878 !important; padding:11px 15px !important; color: var(--color-white);} .page-my-account .woocommerce-orders-table tbody td a{color:var(--color-btn-orange);} .page-my-account .woocommerce-orders-table tbody td a:hover{color: var(--color-ut-orange);} .page-my-account .woocommerce-orders-table tbody td a.button{display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: var(--color-white) !important; padding: 9px 20px; background: var(--color-rust) !important; border-radius: 8px 0px; position: relative; transition: 0.5s; overflow: hidden; z-index: 1; margin-left: 6px;} .page-my-account .woocommerce-orders-table tbody td a.button:hover{background: var(--color-ut-orange) !important;} .page-my-account .woocommerce-Addresses address{font-size: 15px; line-height: 24px; color:var(--color-white); font-weight: 400;} .woocommerce-MyAccount-content a.button{display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: var(--color-white) !important; padding: 13px 20px; background: var(--color-rust) !important; border-radius: 20px 0px; position: relative; transition: 0.5s; overflow: hidden; z-index: 1;} .woocommerce-MyAccount-content a.button:hover{background: var(--color-ut-orange) !important;} .woocommerce-MyAccount-content .woocommerce-Payment {background: #3a343a !important; border-radius: 20px 0px !important; border: 2px solid var(--color-rust);} .woocommerce-MyAccount-content .woocommerce-Payment .woocommerce-Button{ display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: var(--color-white) !important; padding: 13px 20px; background: var(--color-rust) !important; border-radius: 20px 0px; position: relative; transition: 0.5s; overflow: hidden; z-index: 1; } .woocommerce-MyAccount-content .woocommerce-Payment .woocommerce-Button:hover{background: var(--color-ut-orange) !important;} .woocommerce-Payment ul.woocommerce-PaymentMethods li.woocommerce-PaymentMethod{display: flex; align-items:center; flex-wrap:wrap;} .woocommerce-Payment ul.woocommerce-PaymentMethods li.woocommerce-PaymentMethod span.wc-stripe-card-icons-container svg{width:6%; height:auto !important; } .woocommerce-Payment ul.woocommerce-PaymentMethods li.woocommerce-PaymentMethod label{width:79%;} .woocommerce-Payment ul.woocommerce-PaymentMethods li.woocommerce-PaymentMethod span.wc-stripe-card-icons-container{display:initial; float:none; margin-left: 8px;} .woocommerce-checkout-payment ul li input[type=radio]{width:auto !important; height:auto !important;} .payment_box.payment_method_cheque p{color:var(--color-cream) !important;} .woocommerce-MyAccount-content p mark{background: var(--color-btn-orange) !important; color:var(--color-white); } .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details th {font-style: normal;font-weight: 600; font-size: 15px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-white); } .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details{ border: 1px solid #787878;} .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details td{font-size: 16px; color:var(--color-white); } .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tfoot th{border-top: 1px solid #787878;} .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tfoot td{border-top: 1px solid #787878;} .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tbody th{border-top: 1px solid #787878;} .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details tbody td{border-top: 1px solid #787878;} .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details td.product-name a{ font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color:var(--color-white); } .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details td.product-name strong{font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color:var(--color-white);} .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details td.product-name p{font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; letter-spacing: 0.1em; text-transform: uppercase; color:var(--color-white); padding-bottom: 0px; color:var(--color-white); margin-left: 3px;} .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details td.product-name ul.wc-item-meta li{display: flex; align-items:center;} .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details td.product-name ul.wc-item-meta li strong{font-size: 15px;} .woocommerce-MyAccount-content .woocommerce-customer-details address{color:var(--color-white); margin-bottom: 16px; padding:10px 15px; border: 1px solid #787878; border-radius: 8px;} .woocommerce-MyAccount-content .woocommerce-customer-details address p.woocommerce-customer-details--phone{padding-top: 20px;} .woocommerce-MyAccount-content .woocommerce-customer-details address p{padding-bottom: 16px;} .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details th {font-style: normal;font-weight: 600; font-size: 15px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-white); } .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details{ border: 1px solid #787878;} .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details td{font-size: 16px; color:var(--color-white); } .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot th{border-top: 1px solid #787878;} .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot td{border-top: 1px solid #787878;} .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tbody th{border-top: 1px solid #787878;} .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tbody td{border-top: 1px solid #787878;} .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details td.product-name a{ font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color:var(--color-white); } .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details td.product-name strong{font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color:var(--color-white);} .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details td.product-name p{font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; letter-spacing: 0.1em; text-transform: uppercase; color:var(--color-white); padding-bottom: 0px; color:var(--color-white); margin-left: 3px;} .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details td.product-name ul.wc-item-meta li{display: flex; align-items:center;} .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details td.product-name ul.wc-item-meta li strong{font-size: 15px;} .woocommerce-order .woocommerce-customer-details address{color:var(--color-white); margin-bottom: 16px; padding:10px 15px; border: 1px solid #787878; border-radius: 8px;} .woocommerce-order .woocommerce-customer-details address p.woocommerce-customer-details--phone{padding-top: 20px;} .woocommerce-order .woocommerce-customer-details address p{padding-bottom: 16px;} .woocommerce-order ul.order_details{padding:12px 20px; border: 1px solid #787878; border-radius: 8px; } .woocommerce-order .woocommerce-notice{padding:12px 14px; margin-bottom: 35px; background: var(--color-rust); color:var(--color-white); font-weight: 600; font-size: 16px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-white); border-radius: 8px; text-align: center; } .page-checkout .shop_table{border: 1px solid #787878;} .page-checkout .shop_table th {font-style: normal;font-weight: 600; font-size: 15px;line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-white); } .page-checkout .shop_table td.product-name {font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-white); } .page-checkout .shop_table td.product-name p{font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; letter-spacing: 0.1em; text-transform: uppercase; color:var(--color-white); padding-bottom: 0px; color:var(--color-white); margin-left: 3px;} .page-checkout .shop_table td.product-name ul.wc-item-meta li{display: flex; align-items:center;} .page-checkout .shop_table td.product-name ul.wc-item-meta li strong{font-size: 15px;} .page-checkout .woocommerce-form-login{border: 1px solid #787878 !important;} .page-checkout .woocommerce-form-login input{width: 100%; background: rgba(117, 117, 117, 0.5); outline: none; padding: 6px 12px; border: none; font-style: normal; font-weight: 400; font-size: 15px; line-height: 12px; color: var(--color-white); height: 50px; border-radius: 0px; } .page-checkout .woocommerce-form-login button{width: 222px;height: 49px; display: inline-block;font-style: normal;font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: var(--color-white); padding: 13px 30px; background: var(--color-ut-orange); border-radius: 20px 0px; position: relative; transition: 0.5s; overflow: hidden; z-index: 1; margin-top: 0px; margin-bottom: 0px;} .page-checkout .woocommerce-form-login button:hover{background: var(--color-rust); color:var(--color-white);} .page-checkout .woocommerce-form-login .woocommerce-form-login__rememberme{display: block; margin-bottom:12px;} .page-checkout .woocommerce-form-login p.form-row label.woocommerce-form__label-for-checkbox input[type=checkbox]{width:auto !important; height:auto !important; position: relative; top: 1px; margin-right: 6px;} .woocommerce-order-pay table.shop_table{border: 1px solid #787878; } .woocommerce-order-pay table.shop_table td{border-top: 1px solid #787878;} .woocommerce-order-pay table.shop_table tfoot th{border-top: 1px solid #787878;} .woocommerce-order-pay table.shop_table tfoot td{border-top: 1px solid #787878;} .woocommerce-order-pay table.shop_table td.product-subtotal span{font-style: normal; font-weight: 600; font-size: 18px;line-height: 22px;letter-spacing: 0.1em; text-transform: uppercase;} .woocommerce-order-pay table.shop_table tfoot td{font-style: normal; font-weight: 600; font-size: 18px;line-height: 22px;letter-spacing: 0.1em; color:var(--color-white);} .woocommerce-order-pay table.shop_table td.product-quantity{color:var(--color-white);} .woocommerce-order-pay #payment{background: #3a343a !important; border-radius: 20px 0px !important; border: 2px solid var(--color-rust);} .woocommerce-order-pay #payment ul li.wc_payment_method.payment_method_stripe_cc{display: flex; align-items:center; flex-wrap: wrap;} .woocommerce-order-pay #payment ul li.wc_payment_method.payment_method_stripe_cc label{width:79%;} .woocommerce-order-pay #payment ul li.wc_payment_method.payment_method_stripe_cc label span.wc-stripe-card-icons-container{display: initial; float: none; margin-left: 8px;} .woocommerce-order-pay #payment ul li.wc_payment_method.payment_method_stripe_cc label svg{width:5%; height:auto !important;} .wc-stripe-save-source label{width:auto !important;} .woocommerce-order-pay #payment .button{width:206px; height:43px; display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: var(--color-white) !important; padding: 13px 14px; background: var(--color-ut-orange); border-radius: 20px 0px; position: relative; transition: 0.5s; overflow: hidden; z-index: 1; } .woocommerce-order-pay #payment .button:hover{background: var(--color-rust);} .payment_method_cheque p{padding-bottom: 0px;} .page-my-account .woocommerce-MyAccount-paymentMethods{border: 1px solid #787878 !important;} .page-my-account .woocommerce-MyAccount-paymentMethods th{font-style: normal; font-size: 15px;line-height: 22px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-white);} .page-my-account .woocommerce-MyAccount-paymentMethods td{color:var(--color-white); border-top: 1px solid #787878 !important;} .accordian-heading-first-wrapper h2.specification-responsive-heading{display: none;} .prdctfltr-widget .prdctfltr_filter_title{background: var(--color-cream); border: 1px solid #414141; padding:11.49px 21.75px; } .prdctfltr-widget .prdctfltr_filter_title .prdctfltr_woocommerce_filter_title{font-style: normal; font-weight: 600; font-size: 16px; line-height: 35px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--color-black); padding-left:27px; position: relative; } .prdctfltr-widget .prdctfltr_filter_title .prdctfltr_woocommerce_filter_title:after{content:""; width:16px; height:17px; background: url('../images/filter.svg')0 0 no-repeat; background-size: 100% 100%; position: absolute; left:0; top:8px; } .prdctfltr-widget .prdctfltr_close_sidebar{display: none;} .prdctfltr-widget{position: relative;} .prdctfltr_buttons .prdctfltr_reset label{font-style: normal; font-weight: 700; font-size: 12px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-white); background: var(--color-ut-orange); padding:7px 6px; position: absolute !important; top: 16px; right: 18px; transition:0.5s;} .prdctfltr_buttons .prdctfltr_reset label:hover{background:var(--color-rust);} .prdctfltr_buttons .prdctfltr_reset label span{margin-bottom: 0px !important;} .prdctfltr_buttons .prdctfltr_reset label span:before{display: none !important;} .prdctfltr_wc .prdctfltr_woocommerce_ordering{position: static !important;} .prdctfltr_buttons{margin-top: 2em !important; margin-bottom: 2em !important;} .prdctfltr_sale{margin:0px !important;} .prdctfltr_sale label{font-style: normal; font-weight: 700; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-white); } .prdctfltr_sale label span:before{color:var(--color-rust); font-weight: 400; } .prdctfltr_sale label:hover{ color: var(--color-rust);} .prdctfltr_sale label.prdctfltr_active{ color: var(--color-rust);} .prdctfltr_filter_wrapper{background: var(--color-cream); border: 1px solid #414141; padding:22px 22px 47px 22px;} .prdctfltr_woocommerce_ordering{margin:0px !important;} .prdctfltr_widget_title{font-style: normal; font-weight: 600; font-size: 18px; line-height: 35px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--color-black); margin-bottom: 23px; display: block; position: relative;} .prdctfltr_widget_title:before{content:""; height:19px; width:4px; background: var(--color-ut-orange); position: absolute; left: -22px; top: 7px; } .prdctfltr_filter{margin-bottom: 50px !important; padding:0px !important;} .prdctfltr_filter:last-child{margin-bottom:0px !important;} .prdctfltr_filter .prdctfltr_checkboxes label{font-style: normal; font-weight: 400; font-size: 15px; line-height: 13px;color: var(--color-black); padding-bottom: 24px; position: relative;} .prdctfltr_filter .prdctfltr_checkboxes label:last-child{padding-bottom: 0px;} .prdctfltr_filter .prdctfltr_checkboxes label input[type="checkbox"]{/*position: relative; top:-1px;*/ position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} .prdctfltr_filter .prdctfltr_checkboxes label span{position: relative;} .prdctfltr_filter .prdctfltr_checkboxes label span:before{content: ""; position: absolute; top: 3px; left: 0; height: 14px; width: 14px; background-color: transparent;display: block !important; border: 1px solid var(--color-black); border-radius:2px;} .prdctfltr_filter .prdctfltr_checkboxes label input:checked ~ span:before { border-color: var(--color-rust); background: var(--color-rust); } .prdctfltr_filter .prdctfltr_checkboxes label span:after { content: ""; position: absolute; display: none; } .prdctfltr_filter .prdctfltr_checkboxes label input:checked ~ span:after{ display: block;} .prdctfltr_filter .prdctfltr_checkboxes label span:after{ left: 5px; top: 5px; width: 4px; height: 8px; border: solid white; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .prdctfltr_filter .prdctfltr_checkboxes label.prdctfltr_active{color:var(--color-rust); } .prdctfltr_filter .prdctfltr_checkboxes label.prdctfltr_active>span{ font-weight: 400 !important;} /* .prdctfltr_filter.prdctfltr_pa_size-height .prdctfltr_checkboxes label span:before{display: none !important;} .prdctfltr_filter.prdctfltr_pa_size-height .prdctfltr_checkboxes label span:after{display: none !important;} .prdctfltr_filter.prdctfltr_pa_colors .prdctfltr_checkboxes label span:before{display: none !important;} .prdctfltr_filter.prdctfltr_pa_colors .prdctfltr_checkboxes label span:after{display: none !important;} .prdctfltr_filter.prdctfltr_pa_size-height label{padding-bottom: 0px;} .prdctfltr_filter.prdctfltr_pa_size-height label span.prdctfltr_customize{width: 25px; height: 30px;border: 1px solid #414141; display: flex; justify-content: center; align-items: center;font-style: normal; font-weight: 400; font-size: 15px;line-height: 13px; color: var(--color-white); margin-right: 12px; margin-bottom: 11px; border-radius: 0px;} .prdctfltr_filter.prdctfltr_pa_size-height label.prdctfltr_active span.prdctfltr_customize{background: var(--color-rust); color:var(--color-white); font-weight: 600 !important; border-color:var(--color-rust);} */ .prdctfltr_filter.prdctfltr_pa_size-height span.prdctfltr_widget_title{padding-left: 0px !important;} .prdctfltr_filter.prdctfltr_pa_size-height .prdctfltr_customize_name:before{display: none !important; } .prdctfltr_filter.prdctfltr_pa_size-height label{padding-bottom: 17px !important; display: block !important;} .prdctfltr_filter.prdctfltr_pa_size-height span{border:none !important; padding:0px 0px 0px 22px !important;} .prdctfltr_filter.prdctfltr_pa_size-height .prdctfltr_customize_name{padding-left: 0px !important; line-height: 18px; display: block;} .prdctfltr_filter.prdctfltr_pa_size-height label:last-child{padding-bottom: 0px !important;} .prdctfltr_filter.prdctfltr_pa_size-height .prdctfltr_checkboxes label span:before{top:3px !important;} .prdctfltr_filter.prdctfltr_pa_size-height .prdctfltr_checkboxes label span:after{top:4px !important;} .prdctfltr_filter.prdctfltr_pa_colors .prdctfltr_checkboxes label{padding-bottom: 0px;} .prdctfltr_filter.prdctfltr_pa_colors .prdctfltr_checkboxes label span.prdctfltr_customize{margin-right: 14px; margin-bottom: 20px; } /* .prdctfltr_filter.prdctfltr_pa_colors .prdctfltr_checkboxes label span.prdctfltr_customize span.prdctfltr_customize_color{border:1px solid var(--color-white) !important; } */ .prdctfltr_filter.prdctfltr_pa_colors .prdctfltr_checkboxes label.prdctfltr_active span.prdctfltr_customize{padding: 3px; border: 1px solid var(--color-white); box-shadow: none; position: relative; overflow:inherit !important;} .prdctfltr_filter.prdctfltr_pa_colors .prdctfltr_checkboxes label.prdctfltr_active span.prdctfltr_customize:before{content: ""; left: 10px; top: -16px; width: 6px; height: 12px; border: solid var(--color-rust); border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; display: block !important; z-index: 999; background: transparent;} .prdctfltr_filter.prdctfltr_pa_colors{margin-bottom: 33px !important; } .pf_rngstyle_thin .irs-line { height: 4px; } .pf_rngstyle_thin .irs-bar { height: 4px;} .pf_rngstyle_thin .irs-min, .pf_rngstyle_thin .irs-max{font-style: normal !important; font-weight: 400 !important; font-size: 15px !important; line-height: 13px !important; color: var(--color-white) !important; font-family: 'Montserrat', sans-serif !important;} .pf_rngstyle_thin .irs-from, .pf_rngstyle_thin .irs-to, .pf_rngstyle_thin .irs-single{font-style: normal !important; font-weight: 400 !important; font-size: 15px !important; line-height: 13px !important; color: var(--color-white) !important; font-family: 'Montserrat', sans-serif !important; background: var(--color-ut-orange) !important; top: 2px !important; padding: 4px 6px !important;} .pf_rngstyle_thin .irs-slider{background: var(--color-ut-orange) !important; border-radius: 50px !important; width: 25px !important; height: 9.02px !important; top: 33px !important;} .pf_rngstyle_thin .irs-line-mid {height: 2px !important; background: #424242 !important; top: 2px !important;} .pf_rngstyle_thin .irs-line-left { height: 2px !important; background:#424242 !important; top: 2px !important;} .pf_rngstyle_thin .irs-line-right {height: 2px !important; background:#424242 !important; top: 2px !important;} .pf_rngstyle_thin .irs-bar{height: 2px !important; background:var(--color-ut-orange) !important; top: 37px !important;} .ctct-disclosure{display: none;} .othermenu ul li.search-oparetor span.icon-srarch-icon{position: absolute; vertical-align: middle;} li.search-oparetor { display: flex !important;} .searchmodal-dialog{ width:100%;max-width:100%; margin-top:0; position: relative; z-index:99999;} .search_section{ background-color:var(--color-rust); padding:5rem 0} .search_section_inn{position:relative; } .search_btn-close{position: absolute; right: 34px; top: -3.9rem; font-size: 1.9rem; background: no-repeat; font-weight: 600; color: var(--color-white); background-color: var(--color-ut-orange); display: flex; align-items: center; justify-content: center; opacity: 1; border-radius: 16px 0px; } .search_btn-close:before{content: "\f00d";font: normal normal normal 14px/1 FontAwesome;} .search_section .apsw-search-wrap .apsw-search-btn svg{ fill:var(--color-skyblue); } .search_section .apsw-search-wrap{ margin:auto; display:block; background-color:var(--color-white); padding:0 2rem } .search_section .apsw-search-wrap .apsw-search-form,.search_section .apsw-search-wrap .apsw-category-items{ border:none; background-color:var(--color-white); } .modal-content{ border:none; border-radius:0 } .apsw-search-wrap .apsw-category-items, .apsw-search-wrap .apsw-search-form input[type='search']{ color:var(--color-cream); } body.modal-open{overflow:hidden !important;padding-right: 0 !important;} .modal{ padding-right:0 !important } .apsw_ajax_result {margin: 0 -2rem;border: none;border-radius: 0;outline: none; left: 0; right: 0;} .search_section_inn.apsw-search-wrap{ padding:0 } .apsw-search-wrap .apsw-search-btn svg{ display:none; } .apsw-search-wrap .apsw-search-btn{ color: var(--color-rust); font-size: 2rem; top: 25px; right: 11px !important; } .apsw-search-wrap .apsw-search-btn:before{content:""; background: url('../images/inner-serach.svg')0 0 no-repeat; background-size: 100% 100%; width:25px; height:25px; position: absolute; top: 18px; right: 6px; } .apsw_ajax_result a.apsw_view_all_product{ background-color:var(--color-skyblue); text-transform:uppercase; font-weight:700; letter-spacing:0.5rem; border-color:var(--color-skyblue); color:var(--color-white); } ul.apsw_data_container li.apsw_empty:hover, ul.apsw_data_container li.apsw_empty a:hover{ background-color:var(--color-rust) !important; border-color:var(--color-rust)!important; color:var(--color-white) !important; } ul.apsw_data_container li:hover{ background-color:var(--color-blue); border-color:var(--color-blue); color:var(--color-white); } ul.apsw_data_container li:hover .apsw-name,ul.apsw_data_container li:hover .apsw-price,ul.apsw_data_container li:hover .apsw_result_excerpt{ color:var(--color-ut-orange); } .apsw_ajax_result img{ border-radius:0 } ul.apsw_data_container li .apsw_result_on_sale { background: var(--color-rust);} li.apsw_empty a{background-color:var(--color-ut-orange) !important; color:var(--color-white) !important;} .apsw_ajax_result { margin: 0 0rem !important;} body.modal-open .mm-slideout{ z-index:inherit; } .logged-in .modal{top:32px;} .woocommerce-product-details__short-description ul{padding-left: 22px; margin-bottom: 28px; text-align: left;} .woocommerce-product-details__short-description ul li{color:var(--color-white); padding-bottom: 6px;} .woocommerce-product-details__short-description ul li::marker{color:var(--color-mahogany);} .single-product .comment-form img { margin-bottom: 10px; display: block;} .single-product .comment-form input#captcha_code {width: auto; display: block; background: rgba(117, 117, 117, 0.5); outline: none; padding: 6px 12px; border: none; font-style: normal; font-weight: 400; font-size: 15px; line-height: 12px; color: var(--color-white); height: 50px; margin-bottom: 0px; border-radius: 0px; margin-top: 5px;} .woocommerce table.shop_table{border-collapse: collapse;} .gcw-caption { position: absolute; bottom: 20px; left: 10px; z-index: 9; padding: 9px 12px; background: var(--color-rust); color: var(--color-white); border-radius: 10px 0px;} .gcw-caption h5{ font-size:13px; text-transform: capitalize;} span.flexthum-title { display: block; font-size: 13px; line-height: 17px; text-transform: capitalize; padding-top: 5px; color: var(--color-white); text-align: center; cursor:pointer; } .woocommerce div.product div.images .flex-control-thumbs .slick-slide span.flexthum-title{opacity:0.5;} .woocommerce div.product div.images .flex-control-thumbs .slick-slide.slick-current span.flexthum-title{ opacity: 1;} /*============================== responsive-start =====================================*/ /* @media only screen and (min-width:3000) and (max-width:993px) { .site-logo.mobile-view{ display: none !important;} } */ @media only screen and (min-width: 1920px) { .artist-slider { width: 83.5%;} .artist-image { width: 59%;} .testimonial-slider-sec{position: relative;} .testimonial-slider-sec:after{content: ""; position: absolute; top: 57px;left: 0; right: 0; margin: 0 auto; width: 920px; border: 1px solid #787878; height: calc(100% - 116px); z-index: -1;} } @media only screen and (min-width: 2000px) { .artist-slider { width: 82.5%;} .artist-image { width: 61%;} } @media only screen and (min-width: 2200px) { .artist-slider { width: 79.5%;} .artist-image { width: 61%;} } @media only screen and (min-width: 2500px) { .artist-slider { width: 75.5%;} .artist-image { width: 66%;} .testimonial-slider-sec{position: relative;} .testimonial-slider-sec:after{content: ""; position: absolute; top: 57px;left: 0; right: 0; margin: 0 auto; width: 1100px; border: 1px solid #787878; height: calc(100% - 116px); z-index: -1;} .artist-content{height:420px;} } @media only screen and (min-width: 3000px) { .artist-slider { width: 71.5%;} .artist-image { width: 69%;} } @media only screen and (max-width: 1700px) { .artist-slider { width: 88%;} .artist-image { width: 57%;} } @media only screen and (max-width: 1600px) { .artist-slider { width: 90%;} .artist-image { width: 56%;} .testimonial-slider-sec:after { width: 770.83px;} } @media only screen and (max-width: 1510px) { .artist-slider { width: 92%; } .artist-image { width: 53%; } } @media only screen and (max-width: 1440px) { .artist-slider { width: 95%; } .artist-image { width: 51%; } .artist-content { height: 277px;} .inner-banner .inner-banner-img img{height:100%; object-fit:cover;} } @media only screen and (max-width: 1360px) { .artist-content { width: 331px;} .tesimonial-slide-loop { padding: 0px 30px 30px;} .testimonial-slider-sec:after { width: 710.83px; } .left-futre-sec { padding-left: 0px;} .right-futre-sec .third-future-img{left:18px;} .shop-pg-section .product-box { margin: 0 20px 21px 0 !important; } .shop-pg-section .loop_wrap_price_addtocart .price { font-size: 15px !important; } .shop-pg-section .loop_wrap_price_addtocart .add_to_cart_button { font-size: 12px !important; } .product-detalis-rigtsec .single_add_to_cart_button{width: 64%;} .woocommerce div.product div.images .woocommerce-product-gallery__trigger { right: 2em; } .shop-pg-section .loop_wrap_price_addtocart .product_type_variable { font-size: 10px !important; } } @media only screen and (max-width: 1280px) { .artist-slider { width: 93.4%;} .testimonial-slider-sec:after { width: 679.83px;} .mission-text-box h2 { font-size: 50px; line-height: 97.26%; margin-bottom: 19px;} .mission-text-box p {font-size: 13px; line-height: 24px;} .inner-banner .inner-banner-img img{height:100%; object-fit:cover;} .contact-page-box { padding: 45px 19px;} .contact-page-box h3 { font-size: 14px;} .contact-page-box span.contact-bx-content a { font-size: 15px;} .thankyou-page-wrapper .nofound-inner h1 { font-size: 139px; line-height: 184px;} .prdctfltr-widget .prdctfltr_filter_title { padding: 11.49px 10.75px;} .prdctfltr_buttons .prdctfltr_reset label { font-size: 11px; padding: 7px 6px;} .prdctfltr-widget .prdctfltr_filter_title .prdctfltr_woocommerce_filter_title { font-size: 15px; padding-left: 23px;} .prdctfltr_sale label { font-size: 10px;} .artist-image { width: 48%; } } @media only screen and (max-width: 1199px) { .site-header .site-logo a svg{width:337px;} .menu-sec ul li { margin: 0px 10px; } .right-header { top: -2px; position: relative; } .menu-sec { margin-right: 35px; } .othermenu ul li { margin: 0px 9px; } .menu-sec ul li.current-menu-item a:after { bottom: -6px;} .bannerabsolute-sec h1 { font-size: 99px; line-height: 105px; margin-bottom: 35px;} .bannerabsolute-sec p { font-size: 18px; line-height: 28px;} .bannerabsolute-sec { top: 55%;} .new-arrivalsec { padding: 62px 0px;} .all-product-button { top: 16px; } .product-heading-section { align-items: center;} .product-box .image-wrapper { height: 372px !important;} .loop_wrap_price_addtocart .add_to_cart_button { font-size: 11px !important;} .loop_wrap_price_addtocart .product_type_variable { font-size: 11px !important;} .loop_wrap_price_addtocart .price {font-size: 11px !important; } .product-box h2 { font-size: 13px !important;} .home-abpout-inner figure { width: 50%; height: auto; margin: 0 auto 30px; } .right-home-about-sec{padding:0px; text-align: center;} .home-about-sec:after { background-size: cover;} .wrap-choose-and-connect .catagory-sec h2 { font-size: 67px; line-height: 76px; margin-bottom: 58px; } .connect-us-section { padding: 30px 0px 80px; } .connectus-bg-sec { padding: 50px 30px 50px;} .common-connect-text { font-size: 12px;} .featured-product-inner-sec { padding: 59px 0px; } /* .artist-slider { width: 96.4%; } */ .artist-content { width: 293px; } .artist-content { height: 206px; } .artist-section { padding: 65px 0px;} .artist-section { padding: 58px 0px;} .wrap-choose-and-connect .catagory-sec { padding: 52px 0px 0px; } .left-img-sec { width: 50%; margin: 0 auto 130px; } .left-img-sec .second-img { right: -152px; } .after-artist-sec { padding: 65px 0px; text-align: center; } .after-artist-sec h2 { font-size: 54px; line-height: 67px;} .right-futre-sec { margin-right: 0px; width:349.81px; height: 413.02px; margin:0 auto; margin-top: 150px; left: 41px;} .right-futre-sec .first-future-img{margin:0 auto;} .right-futre-sec .second-future-img{top:-111px; left:-65px; right:auto;} .right-futre-sec .third-future-img{bottom:78px; left:-175px;} .sustainable-future-sec{padding:65px 0px; text-align: center;} .sustainable-future-sec h2{ font-size: 54px; line-height: 67px; } .left-futre-sec{padding-top: 0px;} .testimonial-slide-loop-inner{width:67%; margin:0 auto;} .testimonial-slider-sec:after { width: 800px; } .testimonial-inner { padding: 62px 0px 26px;} .news-letter-sec{text-align: center;} .news-letter-form .ctct-form-wrapper { margin: 0 auto; } .news-right-sec p.news-p{text-align: center; padding-right: 0px;} .news-letter-sec h2{margin-bottom: 28px;} .news-letter-form {padding-right: 0px; } .inner-upperfooter{flex-wrap:wrap; justify-content: center;} .uper-foot-fourth{width:100%; text-align: center; margin-top: 40px;} .uper-foot-first{width:100%; text-align: center; margin-bottom: 40px;} .footer-socialmenu{justify-content: center;} .newsletter-and-footer-wrap { background: url('../images/footer-wrap-bg.jpg')center center no-repeat; background-size: cover; } .testimonial-slider-sec h2 { font-size: 45px; line-height: 68px;} .product-heading-section h2 {font-size: 59px; line-height: 79px;} .blog-inner{padding:70px 0px;} .right-after-artist-sec { padding-left: 0px; } .inner-mission{flex-wrap:wrap;} .mission-first-img-bx{width:100%;} .mission-second-img-bx { width: 100%;} .blog-details-thumb { width: 100%; height: 607.77px;} .shop-pg-section .woocommerce-pagination { margin-top: 42px; } .shop-below-section { padding: 60px 0px 60px;} .shop-pg-section .woocommerce-result-count{display: none;} .flex-viewport { width: 400px !important; margin: 0 auto 30px !important; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { width: 400px !important;} .product-detalis-rigtsec .single_add_to_cart_button { width: 57%;} .product-detalis-rigtsec h1.product_title { font-size: 36px; line-height: 43px;} .nofound-inner h1{font-size: 200px; line-height: 262px;} .page-cart table.shop_table td.product-name a{font-size: 14px;} .my-account .common-page .woocommerce-form-login { height: 497px; } .prdctfltr_filter_wrapper{margin-bottom: 45px;} a.big-phn-nmbr{right:0; position: static;} /***responsive wishlist sec***/ .wishlist_table.mobile{display:flex; flex-wrap:wrap; padding:24px 0px 10px !important; justify-content: center;} .wishlist_table.mobile li{width:31%; margin:0px 10px 20px; background: var(--color-ut-orange)7d; border-radius:15px; overflow:hidden; position: relative;} .wishlist_table.mobile li .item-wrapper {display: block; width: 100%; margin-bottom: 0px;} .wishlist_table.mobile li .item-wrapper .product-thumbnail { display: block; max-width: 100%; margin-right: 0px;} .wishlist_table.mobile li .item-wrapper .product-thumbnail a{ display: block; } .wishlist_table.mobile li .item-wrapper .product-thumbnail a img{ display: block; width:100%; max-width:100%;} .wishlist_table.mobile li .product-remove{width:30px; height:30px; border-radius:50%; position: absolute; right:20px; top:15px;} .wishlist_table.mobile li .item-wrapper .item-details { display: block; width: 100%; text-align: center; } .wishlist_table.mobile li .item-wrapper .item-details .product-name { padding:11px 0px 5px; margin-bottom: 0px; } .wishlist_table.mobile li .item-wrapper .item-details .product-name h3{margin-bottom: 0px;} .wishlist_table.mobile li .item-details table.item-details-table{width:100%; margin:0px !important;} .wishlist_table.mobile li .item-details table.item-details-table td:first-child{display: none;} .wishlist_table.mobile li .item-details table.item-details-table td{width:100%; text-align: center !important; padding:0px !important; border:none !important;} .wishlist_table.mobile li .item-details table.item-details-table td .woocommerce-Price-amount {color: var(--color-mahogany) !important; font-size: 15px; font-weight: 600;} .wishlist_table.mobile li table.additional-info{width:100%; margin:0px !important;} .wishlist_table.mobile li table.additional-info td:first-child{display: none;} .wishlist_table.mobile li table.additional-info td{width:100%; text-align: center !important; padding:0px !important; border:none !important;} .wishlist_table.mobile li table.additional-info td .wishlist-in-stock{font-size: 13px; color: #0bf186; font-weight: 500;} .wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart { margin-bottom: 0px;} .wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart a{display: block; width:100%; padding:10px 10px; text-align: center; background: var(--color-rust); margin:5px 0px 0px !important; color: var(--color-white);} .wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart a:hover{background: var(--color-ut-orange);} .banner-slider-loop{height:auto;} .banner-slider-loop figure { height: auto;} .banner-slider-loop figure img {height: auto;} .artist-image { width: 47%; } } @media only screen and (max-width:1198px) and (min-width: 992px) { .left-header{ margin-left: 40px;} } @media only screen and (min-width: 992px) { /* .site-logo {display: block;} */ .site-logo.mobile-view {display: none;} } @media only screen and (max-width:992px) { .heder-inner{justify-content:unset;} .site-logo.mobile-view{ display: block;} .site-logo:not(.mobile-view){ display: none !important;} .site-header{position: static; padding:0px; overflow:hidden;} .site-header .container{max-width:100%; padding:0px !important;} #masthead > .container{position: unset;height: unset;} .left-header{ margin-left: -22px;} /* .heder-inner{display: block;} */ .left-header{text-align: center; padding:4px 0px;} .right-header{padding:14px 14px; top:0px; /*background:url('../images/mobile-menubg.jpg')0 0 no-repeat;*/ width: 100%; background-size: cover; text-align: right; display: flex; justify-content: flex-end;} .right-header .menu-sec{display: none;} .othermenu { width: 100% ;margin-right: unset;} .icon-srarch-icon svg {height: unset; width: unset; top: unset;position: unset; } .othermenu ul{text-align:right;} .othermenu ul li a { color: var(--color-black);} .othermenu ul li.toggle-li{display:inline-block;} .nav-menus-mbl{display: block;} .othermenu ul li.toggle-li a{display: inline-block; position: relative; top:3px; cursor:pointer;} .othermenu ul li.toggle-li a span{display:block; width:19px; height:2px; margin-bottom: 5px; background: var(--color-black);} .othermenu ul li.toggle-li a span:last-child{margin-bottom: 0px;} .site-header.fixed-header{padding:0px 0px; /*background: var(--color-white) !important;*/} .logged-in .site-header.fixed-header{top:46px;} /* .site-content .banner-section{margin-top: 110px;} */ /**mm-menu**/ .mobi_lemenu ul{ display: none;} body.mm-wrapper--opened .mobi_lemenu ul{ display: block;} .mm-navbar{border-bottom: none;} .mm-menu--position-right-front.mm-menu--opened{width:100%;} .mobilemenu-navigation { background:var(--color-cream) url('../images/mobile-menu-new-bg.jpg')0 0 no-repeat !important; background-size: cover !important; } .mobilemenu-navigation:after{content:"" !important; position: absolute !important; left:0 !important; top:0 !important; width:100% !important; height:100% !important; background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)); z-index:-1 !important;} .mm-panel{background:var(--color-cream) url('../images/mobile-menu-new-bg.jpg')0 0 no-repeat !important; background-size: cover !important; } /*.mm-panel:after{content:"" !important; position: absolute !important; left:0 !important; top:0 !important; width:100% !important; height:100% !important; background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)); z-index:-1 !important;}*/ .mm-panels{background:var(--color-cream) url('../images/mobile-menu-new-bg.jpg')0 0 no-repeat !important; background-size: cover !important; margin-top: -70px;} /*.mm-panels:after{content:"" !important; position: absolute !important; left:0 !important; top:0 !important; width:100% !important; height:100% !important; background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)) !important; z-index:-1 !important;}*/ .mobilemenu-navigation .sub-menu-toggle{display: none !important;} .mobi_lemenu .menu-wrapper{padding:0px 0px;} .mobi_lemenu ul li a{ padding:30px 37px !important; font-style: normal; font-weight: 600; font-size: 12px; line-height: 20px;text-transform: uppercase; color: var(--color-white) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .mobi_lemenu ul li a:hover, .mobi_lemenu ul li a:focus{background: transparent !important; color: var(--color-ut-orange) !important; border-left: none;} .mobi_lemenu ul li:last-child a{border-bottom: none ;} .mm-listitem:after{display: none;} .mm-btn--next:after{border-color: var(--color-white) !important;} .mobi_lemenu ul li.current-menu-item a{color: var(--color-ut-orange) !important;} /* .mobi_lemenu ul li.current_page_parent a{color:#B4CA40 !important;} */ .mobi_lemenu ul li:nth-child(5) a{border-bottom:none;} .mm-navbar{background: rgba(141, 141, 141, 0.5) !important; mix-blend-mode: hard-light !important;} .mm-navbars--top .mm-btn{display: inline-flex; justify-content:center; align-items:center; width:42px; height:37px; background: transparent; position: absolute; right: -24px; top: 0px; } .mm-btn--close:before{color: var(--color-white); font-size: 61px; line-height: 0px; top: -3px; position: relative;} .mm-navbars--top { display: flex; justify-content: flex-end; padding: 20px 26px !important; height: 67px; width: 30px; margin-left: auto; position: relative; z-index: 5;} .mm-navbars--top .mm-navbar { padding-top: 0px !important; background:transparent !important; height:30px !important; } .mm-navbar__title{text-align: left; padding: 30px 37px; font-style: normal; font-weight: 800; font-size: 28px; line-height: 28px; text-transform: uppercase; color:#263238 !important; justify-content: flex-start;} .mm-navbar__title span{font-style: normal; font-weight: 600; font-size: 20px; line-height: 20px; text-transform: uppercase; color: var(--color-white);} .mm-navbar__title span:before{display: none;} .mm-btn--prev:before { content: ""; display: block; position: absolute; top: 1px; bottom: 0; width: 10px; height: 10px; border-color: var(--color-white) !important;} #wpadminbar { position: fixed; } .mm-listitem__btn:not(.mm-listitem__text) { border-left-width: 0px;} .mm-navbars--top { border-bottom: none !important;} .mm-navbar__title>span{overflow: visible;} .mobile-menu-holder{display: none !important;} .nav-menus-mbl{display: none !important;} .mm-wrapper .mobile-menu-holder{display:flex !important;} .mm-wrapper .nav-menus-mbl{display: block !important;} .menu-wrapper .menu-item a::before{display: none;} .menu-balck-portion{background: var(--color-cream); position: absolute; bottom:0; left:0; width:100%; padding:25px 25px; text-align: center;} .mobi_lemenu ul li.help-menu{display: block; position: absolute; bottom:0px; width:100%; left:0; padding:25px 29px; background: var(--color-cream); } .mobi_lemenu ul li.help-menu a{padding:0px 0px !important;} .mobi_lemenu ul li.help-menu a{padding:0px; text-align: center; display: flex; flex-direction: column-reverse; font-weight: 600;font-size: 20px; line-height: 20px; color: var(--color-white);} .mobi_lemenu ul li.help-menu a p{padding-bottom:13px; font-weight: 400; font-size: 24px; line-height: 24px; color: var(--color-white); font-family: 'Rochester', cursive; text-transform: capitalize;} .mobi_lemenu ul li .sub-menu-toggle{display: none;} /***end mmenu***/ .arowsec .next{margin-bottom: 129px;} .bannerabsolute-sec h1 { font-size: 86px; line-height: 93px; margin-bottom: 29px; } .bannerabsolute-sec { top: 50%; } .connectus-bg-sec{text-align: center;} .connectus-bg-sec h2{margin-bottom: 25px;} .product-heading-section h2 {font-size: 49px; line-height: 64px; } .artist-slider-loop-inner{display: block;} .artist-image{width:100%; margin-bottom: 25px;} .artist-content{width:100%;} .testimonial-slider-sec:after { width: 88%; } .testimonial-slide-loop-inner { width: 90%;} .blogbx{text-align: center; margin-bottom: 25px;} .blog-inner { padding: 50px 0px; } .blog-botton-area { padding-top: 32px; } .upperfooter { padding: 40px 0px 40px;} .site-info-inner {display: block; text-align: center;} .powered-by { text-align: center; margin-top: 15px; } .news-left-sec{padding-right: 0px;} .after-artist-sec:after{background-size: cover;} .inner-banner {height: 265px;} .innerban-abs-sec h1 { font-size: 68px; line-height: 86px;} .our-mission:after{background-size: cover;} .contact-pg-first-sec { padding: 65px 0px 92px;} .contact-page-box-holder { gap: 21px; flex-direction: column;} .contact-page-first-sec-textarea h2 {font-size: 54px;line-height: 62px;} .contact-pg-first-sec:after{background-size: cover;} .contact-page-second-sec-inner{padding:60px 0px;} .contact-page-second-sec:after{background-size: cover;} .faq-page-secondsec .contact-page-second-sec-inner { padding: 70px 0px; } .faq-heading { font-size: 15px;} .faq-content p{font-size: 13px;} .alm-listing .alm-reveal{display: block;} .total-blog-page-sec:after{background-size: cover;} .total-blog-page-sec { padding: 50px 0px 50px;} .blog-details-thumb { width: 100%; height: 450.77px;} .blog-details-thumb { margin: 0 auto 38px;} .blog-details-sec { padding: 34px 0px 40px;} .single-post .a2a_kit { display: none; } .blog-details-contentsec .addtoany_share_save_container{display: none;} .mobile-adtoany{display: block;} .mobile-adtoany .a2a_kit{display: block;} .shop-pg-section .product-box {margin: 0 10px 20px 0 !important; } .woocommerce div.product div.images .flex-control-thumbs li{outline:none;} .productdetals-allsec {padding: 50px 0px 50px; } .woocommerce-product-gallery__wrapper div.woocommerce-product-gallery__image a img{height:468px !important;} .woocommerce div.product div.images .woocommerce-product-gallery__trigger {right: 5.5em; } .product-detalis-rigtsec{text-align: center; padding-top: 45px;} .product-detalis-rigtsec .woocommerce-product-rating{display: flex; justify-content:center;} .product-detalis-rigtsec .single_add_to_cart_button { width: 72%; } .productdetals-allsec .wc-tabs-wrapper { padding-top: 50px !important; } .woocommerce div.product .woocommerce-tabs ul.tabs{display: none;} .woocommerce-Tabs-panel{display: block !important;} .yith_addtoanny_wrapper{contain: content; display: flex; justify-content: center;} .accordian-content-wrapper{display: none;} .accordian-heading-first-wrapper h2{display: none;} .accordian-heading-first-wrapper h2.specification-responsive-heading{display: block;} .woocommerce div.product .woocommerce-tabs .panel { margin: 0 0 1em;} .productdetals-allsec .woocommerce-Tabs-panel{padding:0px !important;} .accordian-heading-wrapper{padding:14px 35px; text-align: center; background: url(../images/mobile-menubg.jpg)0 0 no-repeat; background-size: cover; position: relative; cursor:pointer;} .accordian-heading-wrapper:after{content:""; width:15px; height:9px; text-align: center; background: url(../images/downaccordian-button.png)0 0 no-repeat; background-size: 100% 100%; position: absolute;right: 22px; top: 20px; transition:0.5s;} .accordian-heading-wrapper h2{font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; color: var(--color-white) !important; margin-bottom:0px !important;} .accordian-content-wrapper{padding:28px 19px; text-align: center;} .accordian-content-wrapper p{font-style: normal !important; font-weight: 400 !important; font-size: 13px !important; line-height: 20px !important; text-align: center !important; color: #353535 !important; } .accordian-content-wrapper ul{padding:0px !important;} .accordian-content-wrapper ul li{font-style: normal !important; font-weight: 400 !important; font-size: 13px !important; line-height: 20px !important; text-align: center !important; color: #353535 !important; list-style-position:inside;} .productdetals-allsec .woocommerce-Tabs-panel table.shop_attributes th { text-align: left !important; } .productdetals-allsec .woocommerce-Tabs-panel table.shop_attributes td{text-align: left !important;} .productdetals-allsec .woocommerce-Tabs-panel table.shop_attributes td p{text-align: left !important;} .review-content-wrapper{text-align: left !important;} .review-content-wrapper p{text-align: left !important;} .accordian-heading-wrapper h2.woocommerce-Reviews-title span{display: none !important;} .accordian-heading-wrapper.active-review{background: var(--color-mahogany) !important; background-image:none !important;} .accordian-heading-wrapper.active-review:after{transform: rotate(180deg); transition:0.5s;} .productdetals-allsec .related h2{text-align: center; font-size: 54px; line-height: 78px;} .prodactdetails_firstsec .product-detalis-leftsec{width:100% !important;} .prodactdetails_firstsec .product-detalis-leftsec div.images{width:100% !important; float:none !important;} .prodactdetails_firstsec .product-detalis-rigtsec{width:100% !important;} .thankyou-page-wrapper .nofound-inner h1 { font-size: 118px; line-height: 167px; } .no-found-page-wrapper{background-size: cover; background-position:center;} .thankyou-page-wrapper{background-size: cover; background-position:center;} .common-page{padding:60px 0px;} .page-cart table.shop_table td.product-quantity .quantity { width: 117.88px; height: 39px; margin-right: 0px !important;} .page-cart table.shop_table td.product-name{ color: var(--color-white) !important; } .page-cart table.shop_table td.product-price{ color: var(--color-white) !important; } .page-cart table.shop_table td.product-quantity{ color: var(--color-white) !important; } .page-cart table.shop_table td.product-subtotal{ color: var(--color-white) !important; } .page-cart table.shop_table td span.amount{ color: var(--color-mahogany) !important; } .coupon input { width: 50% !important;} /* .page-wishlist .wishlist_table{padding:0px 0px; } .page-wishlist .wishlist_table li{position: relative; padding:25px 20px; border-bottom: 1px solid #787878;} .page-wishlist .wishlist_table li:last-child{ border-bottom: none;} .page-wishlist .item-details-table td{border-top:none !important; font-size: 16px !important; color: var(--color-white);} .page-wishlist .item-details-table td.value{ color: #787878;} .page-wishlist .additional-info td{border-top:none !important; font-size: 16px !important; color:var(--color-white);} .page-wishlist .additional-info td.value{color: #297e29;} .page-wishlist .wishlist_table .product-remove .remove_from_wishlist{display: inline-block; position: absolute; right:20px; bottom:30px; width:25px; height:25px; display: flex; justify-content:center;} */ .my-account .common-page .woocommerce-MyAccount-navigation ul{margin-bottom: 28px; width:100%;} .page-my-account .woocommerce-orders-table tbody tr:first-child td:first-child{border-top: none !important;} .woocommerce-MyAccount-content a.button { font-size: 13px; line-height: 17px; padding: 9px 20px;} /* .woocommerce table.shop_table_responsive tr td{display: flex; justify-content:space-between; align-items: center;} */ .woocommerce table.shop_table_responsive tr td span{margin-left: auto; margin-right: 5px;} .page-my-account .woocommerce-orders-table tbody td a.button {font-size: 12px; padding: 6px 18px; margin-left: 0px; margin-right: 4px;} .page-my-account .woocommerce-orders-table tbody td a.button:last-child{margin-right: 0px;} .page-my-account .woocommerce-orders-table tbody td a.pay {margin-left: auto; margin-right: 4px;} .woocommerce-MyAccount-paymentMethods .payment-method td:first-child{border-top:none !important;} .my-account .common-page .woocommerce-MyAccount-navigation ul {padding: 22px 16px;} .page-checkout .shop_table td.product-name ul.wc-item-meta{margin-top: 10px;} .page-checkout .shop_table td.product-name ul.wc-item-meta li{display: flex; flex-wrap:wrap;} .woocommerce-order-pay table.shop_table tfoot td {font-size: 14px;} .woocommerce-order-pay table.shop_table td.product-subtotal span { font-size: 14px;} .woocommerce-table--order-details td.product-name ul.wc-item-meta{margin-top: 10px; padding-left: 0px;} .woocommerce-table--order-details td.product-name ul.wc-item-meta li{display: flex; flex-wrap:wrap;} .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details td { font-size: 14px;} .page-my-account .woocommerce-orders-table tbody td { padding: 11px 11px !important;} .woocommerce-form-register p{font-size: 13px; line-height: 20px;} .my-account .common-page .woocommerce-form-login { height: 477px; } .blog-details-contentsec h1 { font-size: 35px;} span.icon-srarch-icon svg path{fill:var(--color-black) !important;} body.modal-open .mm-slideout{ z-index:inherit; } .modal-dialog{margin:0px !important;} ul.apsw_data_container .apsw_result_excerpt { padding-right: 141px; } .logged-in .modal{top:46px;} .mm-btn--next:after { width: 12px; height: 12px;} .wishlist_table.mobile li { width: 30%;} .single-product .accordian-content-wrapper table.woocommerce-product-attributes tbody tr, .single-product .accordian-content-wrapper table.woocommerce-product-attributes tbody tr td, .single-product .accordian-content-wrapper table.woocommerce-product-attributes tbody tr th{display: block; text-align: center !important;} .single-product .accordian-content-wrapper table.woocommerce-product-attributes tbody tr th{width:100% !important; text-align: center !important;} .single-product .accordian-content-wrapper table.woocommerce-product-attributes tbody tr td p{text-align: center !important;} .product-detalis-rigtsec .single_variation_wrap .woocommerce-variation-price {text-align: left;} } @media only screen and (width:820px) { .page-my-account .woocommerce-orders-table tbody tr:first-child td:first-child { border-top:1px solid #787878 !important;} } @media only screen and (max-width: 1199px) and (min-width: 769px) { .page-cart table.shop_table tr { display: block !important; } .page-cart table.shop_table thead { display: none;} .page-cart table.shop_table tr td{display: flex; justify-content: space-between; align-items:center;} .page-cart table.shop_table tr td.product-name{flex-wrap:wrap;} .page-cart table.shop_table tr td.product-name dl.variation{width:100%; } .page-cart table.shop_table tr td.product-name::before { content: attr(data-title) ": "; font-weight: 700; float: left; } .page-cart table.shop_table tr td.product-price::before { content: attr(data-title) ": "; font-weight: 700; float: left; } .page-cart table.shop_table tr td.product-quantity::before { content: attr(data-title) ": "; font-weight: 700; float: left; } .page-cart table.shop_table tr td.product-subtotal::before { content: attr(data-title) ": "; font-weight: 700; float: left; } .page-cart table.shop_table td.product-name dl dd{text-align: right;} .page-cart table.shop_table tr td.product-quantity .quantity{margin-right: 0px !important;} .page-cart table.shop_table tbody tr:first-child td:first-child { border-top: 0; } .page-cart .cart_totals table.shop_table tr td{display: flex; justify-content: space-between; align-items:center;} .page-cart .cart_totals table.shop_table tr.cart-subtotal td::before { content: attr(data-title) ": "; font-weight: 700; float: left; } .page-cart .cart_totals table.shop_table tr.order-total td::before { content: attr(data-title) ": "; font-weight: 700; float: left; } .page-cart .cart_totals table.shop_table tr th{display: none;} } @media only screen and (max-width: 990px) and (min-width: 770px) { .shop-pg-section .loop_wrap_price_addtocart .price { font-size: 14px !important;} .shop-pg-section .loop_wrap_price_addtocart .product_type_variable {font-size: 11px !important;} .logged-in .site-header.fixed-header { top: 32px;} } @media only screen and (max-width:768px) { .page-cart table.shop_table td.product-quantity { display: flex; justify-content: space-between; align-items:center;} } @media only screen and (max-width:767px) { .news-letter-form .ctct-form-wrapper { width: 100%; } .left-img-sec { width:230px; margin: 0 auto 130px; } .left-img-sec .first-img{width:230px; height:270px; left: -41px; position: relative;} .left-img-sec .second-img{width:156px; height:219px; right:-40px;} .first-future-img{width:194px !important; height:229px !important; margin-top: 112px; right: -17px !important;} .right-futre-sec{width:194px !important; height:229px !important; } .right-futre-sec .second-future-img{top: -63px; left: -48px; right: auto; width:132px; height:156px; } .right-futre-sec .third-future-img{width:134px; height:158px; bottom: 37px; left: -100px; } .after-artist-sec{overflow:hidden;} .footer-site-name .site-logo a svg, .footer-site-name .site-logo a img{ width: 290px; } .display-mobile-block{display: inline-block;} .arowsec{display: none;} .bannerabsolute-sec{text-align: center;} .bannerabsolute-sec h1{font-size: 35px; line-height: 40px; text-shadow: 4px 3px 20px rgba(0, 0, 0, 0.8); margin-bottom: 8px;} .bannerabsolute-sec h1 br{display: none;} .bannerabsolute-sec p { font-size: 13px; line-height: 20px; padding-bottom: 16px;} .bannerabsolute-sec p br{display: none;} .shop-button{font-size: 12px; padding: 10px 21px;} .product-heading-section .all-product-button{display: none;} .new-arrivalsec{text-align: center;} .product-heading-section h2{font-size: 30px; line-height: 39px; margin-bottom: 0px;} .container{padding:0px 29px;} .product-heading-section{margin-bottom: 17px; justify-content:center;} .new-arrivalsec { padding: 35px 0px; } .all-product-button { font-size: 11px;} .all-product-button:after { width: 18px; height: 18px; right: -3px; top: 0px;} .new-arrival-product-loop{position: relative;} .nextarrw{background: var(--color-rust); width:27px; height:38px; display: flex; justify-content:center; align-items:center; position: absolute; top:40%; right:-12px; transform:translateY(-50%); z-index:5;} .nextarrw span{font-size: 7px;} .prevarrw{background: var(--color-rust); width:27px; height:38px; display: flex; justify-content:center; align-items:center; position: absolute; top:40%; left:-12px; transform:translateY(-50%); z-index:5;} .prevarrw span{font-size: 7px; transform:rotate(-180deg);} .home-abpout-inner{padding:48px 0px;} .home-abpout-inner figure{width:100%;} .common-heading{font-size: 13px; line-height: 16px; margin-bottom: 5px;} .home-abpout-inner h2{font-size: 30px; line-height: 39px; margin-bottom: 17px;} .home-abpout-inner h2 br{display: none;} .home-abpout-inner p strong{font-size: 15px; line-height: 20px;} .home-abpout-inner p{font-size: 13px; line-height: 18px;} .wrap-choose-and-connect .catagory-sec h2{font-size: 35px; line-height: 45px; margin-bottom: 35px;} .product-catagory-image { height: auto;} .ctagory-bx{text-align: center;} .catagory-button{font-size: 15px; line-height: 20px;} .catagory-button:after{width:17px; height:17px;} .catagory-button span { font-size: 8px; margin-left: 6px;} .catagory-button:after {right: -6px; top: 2px;} .ctagory-bx { margin-bottom: 26px; width: 100%;} .connectus-bg-sec{padding:33px 25px;} .connectus-bg-sec h2{font-size: 35px; line-height: 45px; margin-bottom: 18px;} .connectus-bg-sec h2 br{display: none;} .featured-product-inner-sec { padding: 33px 0px; text-align: center; } .product-box { padding: 0px 0px 16px !important; } .artist-section { padding: 45px 0px; text-align: center; } .artist-section h2{font-size: 30px; line-height: 39px; margin-bottom: 30px;} .artist-slider { width: calc(100% - 54px); margin: 0 auto; } .artist-slider .swiper-pagination { position: relative; margin-top: 30px; bottom: 0px; left: 0px;} .artist-slider-loop {padding: 13px 15px;} .artist-content h3{font-size: 15px; line-height: 18px; margin-bottom: 15px;} .artist-content p{font-size: 13px; line-height: 24px;} .after-artist-sec{padding:35px 0px;} .after-artist-sec h2{font-size: 30px; line-height: 39px; margin-bottom: 26px;} .after-artist-sec p{font-size: 13px; line-height: 24px;} .after-artist-sec:after{background-size: cover;} .sustainable-future-sec { padding: 45px 0px; } .sustainable-future-sec h2{font-size: 30px; line-height: 39px; margin-bottom: 21px;} .sustainable-future-sec p{font-size: 13px; line-height: 24px;} .right-futre-sec{margin-top: 111px;} .testimonial-inner{padding:45px 0px;} .testimonial-slider-sec:after{width:calc(100% - 54px); margin:0 auto;} .testimonial-slider-sec h2{font-size: 30px; line-height: 39px; margin-bottom: 21px;} .testimonial-slider-sec p{font-size: 13px; line-height: 24px;} .testimonial-icon img{width:32%; top:47px;} .testimonial-slide-loop-inner { width: 93%; } .slider-p-area {margin-bottom: 20px;} .tesimonial-slider h3{font-size: 15px; line-height: 18px;} .tesimonial-slider .swiper-pagination { margin-top: 22px;} .blog-inner h2{font-size: 30px; line-height: 39px; margin-bottom: 34px;} .blogimg {height: auto; margin-bottom: 14px;} .blogbx h3{font-size: 17px; line-height: 22px; margin-bottom: 8px;} .blogbx p{font-size:13px; line-height: 24px;} .heading-news{font-size: 13px; line-height: 16px; margin-bottom: 11px; letter-spacing: 0.5em;} .news-letter-sec h2{font-size: 30px;line-height: 39px; margin-bottom: 27px;} .news-letter-form .ctct-form-wrapper input[type='submit'] {width:96px; font-size: 11px;} .news-letter-form .ctct-form-wrapper input[type='email'] { padding: 6px 101px 6px 28px !important;} .news-right-sec p.news-p { line-height: 17px;} .newsletter-and-footer-wrap{background-image: none;} .first-sec-down p{padding-bottom: 18px;} .first-sec-down p span{display: block; margin-right: 0px; margin-bottom: 9px; font-size: 14px;} .first-sec-down a.footer-telephone{margin-right: 0px; display: block; margin-bottom: 18px;} .first-sec-down a.footer-mail{display: block; } .first-sec-down a span{display: block; margin-right: 0px !important; margin-bottom: 9px; font-size: 14px !important;} .uper-foot-second ul li a{font-size: 11px; line-height: 13px;} .uper-foot-second ul li{margin-bottom: 9px;} .uper-foot-third ul li a{font-size: 11px; line-height: 13px;} .uper-foot-third ul li { margin-bottom: 9px; } .uper-foot-second{width:63%;} .help-text{font-size: 30px; line-height: 55px; margin-bottom: 0px;} .uper-foot-fourth { margin-top: 22px; } a.big-phn-nmbr{font-size: 22px;} .uper-foot-fourth p{padding-bottom: 15px;} .footer-socialmenu{flex-wrap:wrap; } .footer-socialmenu span{display: block; width:100%; margin-bottom: 14px; left: 0px; top:0px;} .upperfooter{background: #F2F2F2;} .news-letter-sec{background: #0D0D0D;} .site-info{background: #0D0D0D;} .site-info-inner p{font-size: 11px;} .powered-by { margin-top: 11px; } .banner-slider-loop{overflow:hidden;} .banner-slider-loop:before{background: url(../images/mobile-shadow.png)0 0 no-repeat; background-size: 100% 101%;} .site-header .site-logo a svg, .site-header .site-logo a img {width: 302px; } .inner-banner { height: auto; } .innerban-abs-sec{text-align: center;} .innerban-abs-sec h1{font-size: 31px; line-height: 37px; margin-bottom: 0px;} .bredcramp span { font-size: 12px;line-height: 13px;} .bredcramp { font-size: 12px;} .inner-banner:before{background: url('../images/mobile-inner-banner-shadow.png')0 0 no-repeat; background-size: 100% 100%;} .mission-second-img-bx{flex-wrap: wrap;} .mission-text-box { width: 100%; padding: 41px 25px; text-align: center;} .mission-two-img-box { width: 100%; height: auto; display: flex; } .two-img-bx{width:50%; height:25%; } .our-mission-inner { padding: 0px 0px 50px; } .mission-text-box h2{font-size: 30px; line-height: 39px; margin-bottom: 24px;} .mission-text-box p {font-size: 13px; line-height: 21px; } .contact-pg-first-sec{padding:50px 0px;} .contact-page-first-sec-textarea h2{font-size: 30px; line-height: 39px; margin-bottom: 30px;} .contact-page-first-sec-textarea p{font-size: 13px; line-height: 21px;} .contact-page-second-sec:after{background-size: cover;} .contact-page-second-sec-inner { padding: 40px 0px; } .contact-inner-container h2{font-size: 30px;line-height: 39px; margin-bottom: 30px;} .contact-inner-container p{font-size: 14px; line-height: 22px; padding-bottom: 60px;} .contact-page-formsec p{padding-bottom: 0px;} .three-box-holder { display: block;} .contact-page-formsec input[type=submit] { width: 130px; height: 38px; font-size: 13px; line-height: 17px; padding: 10px 30px;} .contact-page-formsec textarea { margin-bottom: 49px;} .contact-page-formsec .wpcf7-spinner{position: absolute; right:0;} .contact-pg-first-sec { padding: 50px 0px 20px; } .faq-heading { padding: 13px 36px 13px 16px;} .faq-content { padding: 3px 19px 2px;} .faqholder.active .faq-heading:after{right:9px; background-size: 83%; top: 25px;} .faqholder .faq-heading:after{right: 7px; background-size: 83%; top: 18px; } .ul-list-sec ul {padding: 0px 0px;} .ul-list-sec ul li {display: block; } .ul-list-sec ul li a { padding: 0px 0px 11px; font-size: 14px; line-height: 14px;} .ul-list-sec ul li a:after{display: none;} .blog-page-blog-list-sec .blogbx { margin-bottom: 29px;} .alm-btn-wrap .alm-load-more-btn{ font-size: 13px !important; height: 38px !important;} .alm-btn-wrap .alm-load-more-btn:before {width:20px !important; height:20px !important; margin-top: 8px !important; margin-left: 10px !important;} .blog-details-contentsec .date{font-size: 16px; line-height: 22px; margin-bottom: 10px;} .blog-details-contentsec h1 { font-size: 24px; line-height: 32px; margin-bottom: 30px; } .blog-details-thumb { height: auto; } .blog-details-contentsec{text-align: center;} .blog-details-contentsec p{font-size: 13px; line-height: 23px;} .blog-details-contentsec h2{font-size: 16px; line-height: 22px; margin-bottom: 30px;} .blog-details-contentsec h3{font-size: 15px; line-height: 18px; margin-bottom: 30px;} .blog-details-contentsec ul{padding-left: 0px;} .blog-details-contentsec ul li{font-size: 13px; list-style-position: inside; padding-bottom: 10px;} .blog-details-contentsec ol{padding-left: 0px;} .blog-details-contentsec ol li{font-size: 13px; list-style-position: inside; padding-bottom: 10px;} .blog-details-contentsec .gallery { margin-bottom: 30px; margin-top: 10px; } .blog-details-sec .nav-previous a p{font-size: 14px;} .blog-details-sec .nav-next a p{font-size: 14px;} .blog-details-sec .nav-previous a svg { margin-right: 8px;} .blog-details-sec .nav-next a svg { margin-left: 7px;} .blog-details-sec .nav-links { padding: 19px 0px;} .blog-details-sec .catagory-sec{text-align: center;} .blog-details-sec .catagory-sec ul{text-align: center; left:0px;} .blog-details-sec .catagory-sec ul li{display: block;} .blog-details-sec .catagory-sec ul li a{padding:0px 0px 11px; display: inline-block; } .blog-details-sec .catagory-sec ul li a:after{display: none;} .latest-blog-portion { padding: 44px 0px 0px; } .latest-blog-portion h2{font-size: 30px; line-height: 39px; margin-bottom: 40px;} .blog-details-sec .catagory-sec h3{font-size: 20px; line-height: 20px;} .shop-pg-section .product-box { margin: 0 4px 20px 0 !important; } .shop-pg-section .product-box .image-wrapper {height: 190px !important; } .shop-pg-section .product-box h2 { font-size: 13px !important; line-height: 14px !important; margin-bottom: 5px;} .shop-pg-section .loop_wrap_price_addtocart { display: block !important; text-align: center !important;} .shop-pg-section .loop_wrap_price_addtocart .add_to_cart_button:before{display: none !important;} .shop-pg-section .loop_wrap_price_addtocart .add_to_cart_button{ padding: 7px 10px 6px !important; font-size: 10px !important; line-height: 22px !important; color: var(--color-harvest-gold) !important; border: 1px solid #676767 !important; } .shop-pg-section .loop_wrap_price_addtocart .add_to_cart_button:hover{background: var(--color-rust) !important; border: 1px solid var(--color-rust) !important; color:var(--color-white) !important;} .shop-pg-section .loop_wrap_price_addtocart .product_type_variable { padding: 7px 10px 6px !important; font-size: 10px !important;line-height: 18px !important; color: var(--color-harvest-gold) !important; border: 1px solid #676767 !important; } .shop-pg-section .loop_wrap_price_addtocart .product_type_variable:hover { background: var(--color-rust) !important; border: 1px solid var(--color-rust) !important; color:var(--color-white) !important; } .shop-pg-section .loop_wrap_price_addtocart .price{margin-bottom: 10px !important;} .shop-pg-section .product-box .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a{width: 24px !important; height: 24px !important;} .shop-pg-section .product-box .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .add_to_wishlist i { font-size: 12px !important;} .shop-pg-section .product-box .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .delete_item i { font-size: 12px !important;} .shop-pg-section ul.products li.product .onsale { height: 16px !important; width: 16px !important; line-height: 25px !important; font-size: 9px !important; min-height: 30px !important; min-width: 30px !important;} .prodactdetails_firstsec .product-detalis-leftsec{width:287px !important; margin:0 auto;} .flex-viewport { width: 287px !important; margin: 0 auto 30px !important; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { width: 287px !important; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { right: 0.5em; } .woocommerce-product-gallery__wrapper div.woocommerce-product-gallery__image a img { height: 380px !important; } .product-detalis-rigtsec h1.product_title{font-size: 28px; line-height: 40px; margin-bottom: 12px;} .product-detalis-rigtsec p.price{font-size: 30px !important;} .product-detalis-rigtsec .woocommerce-product-details__short-description p{font-size: 13px; line-height: 20px;} .product-detalis-rigtsec table.variations tr { display: block; width: 100%; } .quantity {width: 110px; height: 42px; } .product-detalis-rigtsec .single_add_to_cart_button { width: 56%; height: 42px; } .accordian-heading-wrapper { padding: 14px 15px;} .productdetals-allsec .woocommerce-Tabs-panel h2 { font-size: 14px;letter-spacing: 0.2em; text-transform: capitalize; } .accordian-heading-wrapper:after { right: 12px;} .product-detalis-rigtsec .yith-wcwl-add-button a{font-size: 11px;} .product-detalis-rigtsec .yith-wcwl-add-button>a i{margin-right: 3px;} .single-product .addtoany_shortcode { top: 0px; margin-left: 8px; float: none; } .single-product .addtoany_shortcode .a2a_kit .addtoany_share_save:after { font-size: 11px;} .single-product .addtoany_shortcode .a2a_kit .addtoany_share_save:before {width: 11px !important; height: 13px !important;} .yith_addtoanny_wrapper { contain: content; display: flex; justify-content: center; position: relative; left: -36px; } .productdetals-allsec .woocommerce-Tabs-panel table.shop_attributes th { width: 128px; font-size: 12px;} .accordian-content-wrapper p {font-size: 12px !important;} .review-accordian-wrapper ol.commentlist{padding-left: 0px !important;} .review-accordian-wrapper .comment-text .star-rating{float:none !important; margin-bottom: 14px;} .productdetals-allsec .woocommerce-Tabs-panel .comment-form { width: 100%; } .productdetals-allsec .related h2{font-size: 30px; line-height: 39px; margin-bottom: 13px;} .productdetals-allsec .related { padding-top: 57px; } .nofound-inner .site-logo{margin-bottom: 60px;} .nofound-inner h1{font-size: 160px; line-height: 160px;} .nofound-inner .site-logo a svg, .nofound-inner .site-logo a img{width:238px;} .thankyou-page-wrapper .nofound-inner h1{font-size: 73px; line-height: 78px; margin-bottom: 19px;} .thankyou-page-wrapper{background-size: cover; background-position: center;} .person-name{font-size: 20px; line-height: 22px;} .nofound-inner p{font-size: 13px; line-height: 22px; padding-bottom: 41px;} .nofound-inner p:empty{padding-bottom:0px;} .back-to-home-button{font-size: 12px; line-height: 12px;} .back-to-home-button:before{top: -7px;} .no-found-page-wrapper{background-size: cover; background-position:center;} .common-page h2 {font-size: 21px; line-height: 22px; margin-bottom: 20px;} .common-page h3 {font-size: 18px; line-height: 20px; margin-bottom: 20px;} .common-page p{font-size: 13px; line-height: 21px;} .common-page { padding: 40px 0px 30px; } .common-page ul li{font-size: 13px; line-height: 21px;} .common-page ol li{font-size: 13px; line-height: 21px;} .coupon input { width: 100% !important;} .page-cart table.shop_table button[type=submit]{width:100% !important; margin-top: 10px;} .page-wishlist .wishlist_table .product-name a { font-size: 14px;} .page-wishlist .item-details-table td { font-size: 14px !important;} .page-wishlist .additional-info td{font-size: 14px !important;} .page-cart table.shop_table td.product-name a { text-align: left;} .page-my-account .woocommerce-orders-table tbody td a.button {font-size: 10px; padding: 6px 13px; margin-left: 0px; margin-right: 3px;} .page-my-account .woocommerce-orders-table tbody td a.pay { margin-left: auto; margin-right: 3px; } .page-checkout .shop_table th{font-size: 12px;} .page-checkout .shop_table td.product-name { font-size: 11px;} .page-checkout .shop_table td ul{padding-left: 0px;} .page-checkout .shop_table td.product-name ul.wc-item-meta li strong { font-size: 11px;} .page-checkout .shop_table td.product-name p {font-size: 11px;} .woocommerce-order-pay table.shop_table td.product-subtotal span { font-size: 12px;} .woocommerce-order-pay table.shop_table tfoot td {font-size: 12px;} .woocommerce td.product-quantity { min-width: auto; font-size: 14px; } .woocommerce-order-pay #payment ul li.wc_payment_method.payment_method_stripe_cc label svg {width: 8%;} .page-my-account .woocommerce-Addresses address { font-size: 13px; line-height: 21px; margin-bottom: 15px;} .my-account .common-page .woocommerce-address-fields button { width: 178px; height: 42px; padding: 13px 15px; margin-top: 30px;} .woocommerce .woocommerce-customer-details address{font-size: 13px; line-height: 21px;} .my-account .common-page .woocommerce-form-login { height: auto; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { padding: 20px 10px;} .my-account .common-page .woocommerce-form-login button { width: 145px;height: 40px; line-height: 15px;} .my-account .common-page .woocommerce-form-register button {width: 145px;height: 40px; line-height: 15px;} .my-account .common-page .woocommerce-ResetPassword button {width: 180px; height: 40px; line-height: 15px; padding: 13px 20px;} li.payment_method_stripe_cc .wc-stripe-card-icons-container img.wc-stripe-card-icon { max-width: 23px !important; } .checkout_coupon p.form-row {width:100%;} .common-page .checkout_coupon.woocommerce-form-coupon button {width: 189px; height: 41px;} .page-checkout .woocommerce-form-login button {width: 167px; height: 45px;} .page-cart a.checkout-button{font-size: 14px !important;} .woocommerce-message{flex-direction:column;} .woocommerce-message a.button{margin-left:initial; margin-top: 12px;} ul.woocommerce-order-overview li{border-right:none !important; margin-bottom: 12px;} ul.woocommerce-order-overview li:last-child{ margin-bottom: 0px;} .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details td.product-name a { font-size: 14px; line-height: 19px;} .product-detalis-leftsec{width:285px; position: relative; margin:0 auto;} .prodactdetails_firstsec .onsale { left: 15px !important; } .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-table--order-details td.product-name ul.wc-item-meta li strong { font-size: 12px; } .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details td.product-name ul.wc-item-meta li strong { font-size: 12px; } .page-checkout table.woocommerce-checkout-review-order-table td.product-name {font-size: 13px; line-height: 21px;} .prdctfltr_widget_title { font-size: 15px;} .prdctfltr_filter .prdctfltr_checkboxes label { font-size: 14px; line-height: 13px; padding-bottom: 22px;} .prdctfltr_filter .prdctfltr_checkboxes label span:before { top: 2px; height: 13px; width: 13px;} .prdctfltr_filter { margin-bottom: 35px !important;} .prdctfltr_filter.prdctfltr_pa_size-height label span.prdctfltr_customize{font-size: 14px;} .prdctfltr_filter.prdctfltr_pa_size-height .prdctfltr_checkboxes label{padding-bottom: 0px;} .prdctfltr_filter.prdctfltr_pa_colors .prdctfltr_checkboxes label{padding-bottom: 0px;} .prdctfltr_filter.prdctfltr_pa_colors { margin-bottom: 24px !important; } .prdctfltr_filter_wrapper { padding: 22px 22px 28px 22px; } .prdctfltr_filter .prdctfltr_checkboxes label span:after { left: 4px; top: 3px;} .woocommerce-payment-methods .woocommerce-MyAccount-paymentMethods td.payment-method-actions:before{display: none;} .search_section .apsw-search-wrap{padding: 0 0rem;} .search_btn-close { position: absolute; right: 3px; top: -38px; font-size: 1.9rem; background: no-repeat; font-weight: 600; color: var(--color-white); background-color: var(--color-rust); display: flex; align-items: center; justify-content: center; opacity: 1; border-radius: 8px 0px; width: 15px; height: 15px; } .search_section { padding: 3rem 0px 2rem; } .apsw-search-wrap .apsw-search-form input[type=search] { max-width: calc( 100% - 85px ); } ul.apsw_data_container .apsw_img_product {display: block; margin-bottom: 15px;} ul.apsw_data_container .apsw-info-product { display: block; width: 100%; padding-left: 0px; vertical-align: middle; } ul.apsw_data_container .apsw_result_excerpt { display: block; padding-right: 0px; } .shop-pg-section .loop_wrap_price_addtocart .price {font-size: 13px !important; } .wishlist_table.mobile li { width: 45%;} span.flexthum-title {font-size: 10px; line-height: 13px;} } @media only screen and (max-width:639px) { .mission-text-box .misson-text-p-wrapper{height: auto;} .shop-pg-section .loop_wrap_price_addtocart .price {font-size: 10px !important; } .wishlist_table.mobile li { width: 92%; } } @media only screen and (max-width:479px) { .inner-banner { height: 147px; } .page-wishlist .item-details-table td {font-size: 12px !important; } .page-wishlist .additional-info td { font-size: 12px !important; } .page-checkout table.woocommerce-checkout-review-order-table td.product-name dl dt { width: 100%; } #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {margin: 0 0.5em 0 0;} .page-checkout table.woocommerce-checkout-review-order-table td.product-total span { font-size: 14px;} .page-checkout table.woocommerce-checkout-review-order-table tfoot td span { font-size: 14px;} .artist-content { padding-right: 8px; } ul.alpha-ul li a{font-size: 12px;} .page-terms-and-condition p a{font-size: 12px;} .news-letter-form .ctct-form-wrapper input[type='email'] { padding: 6px 101px 6px 23px !important; font-size: 11px; } .ctct-form-wrapper input[type='email']:required:valid { background-position: 4px 55%; background-size: 15px; } .page-checkout table.woocommerce-checkout-review-order-table th { font-size: 11px;} .page-checkout table.woocommerce-checkout-review-order-table td.product-name dl dt{font-size: 12px;} .page-checkout table.woocommerce-checkout-review-order-table td.product-name p{font-size: 11px;} .page-cart table.shop_table td.product-name p{font-size: 10px;} #yith-wcwl-popup-message{left: 0; right:0; margin: 0 auto !important; width: 90%; font-size: 14px;} } @media only screen and (max-width:374px) { .left-img-sec .first-img { left: -36px;} .left-img-sec .second-img { right: -35px; } .first-future-img { right: -12px !important; } .right-futre-sec .third-future-img { left: -94px; } .uper-foot-second{width:60%;} .page-cart table.shop_table td.product-name p{font-size: 9px;} } @media only screen and (height: 600px) { .bannerabsolute-sec h1 { font-size: 105px; line-height: 120px;} } @media only screen and (max-width:618px) and (min-width: 320px) { .left-header {margin-left: -80px;} .right-header{margin-left: -100px;} }