@font-face { font-family: YekanBakh; font-style: thin; font-weight: 200; src: url("../fonts/FaNum/Yekan Bakh FaNum 02 Thin.eot"); src: url("../fonts/FaNum/Yekan Bakh FaNum 02 Thin.woff") format("woff"), url("fonts/FaNum/Yekan Bakh FaNum 02 Thin.ttf") format("truetype"); } @font-face { font-family: YekanBakh; font-style: light; font-weight: 300; src: url("../fonts/FaNum/Yekan Bakh FaNum 03 Light.eot"); src: url("../fonts/FaNum/Yekan Bakh FaNum 03 Light.woff") format("woff"), url("fonts/FaNum/Yekan Bakh FaNum 03 Light.ttf") format("truetype"); } @font-face { font-family: YekanBakh; font-style: regular; font-weight: 400; src: url("../fonts/FaNum/Yekan Bakh FaNum 04 Regular.eot"); src: url("../fonts/FaNum/Yekan Bakh FaNum 04 Regular.woff") format("woff"), url("fonts/FaNum/Yekan Bakh FaNum 04 Regular.ttf") format("truetype"); } @font-face { font-family: YekanBakh; font-style: medium; font-weight: 500; src: url("../fonts/FaNum/Yekan Bakh FaNum 05 Medium.eot"); src: url("../fonts/FaNum/Yekan Bakh FaNum 05 Medium.woff") format("woff"), url("fonts/FaNum/Yekan Bakh FaNum 05 Medium.ttf") format("truetype"); } @font-face { font-family: YekanBakh; font-style: bold; font-weight: 600; src: url("../fonts/FaNum/Yekan Bakh FaNum 06 Bold.eot"); src: url("../fonts/FaNum/Yekan Bakh FaNum 06 Bold.woff") format("woff"), url("fonts/FaNum/Yekan Bakh FaNum 06 Bold.ttf") format("truetype"); } @font-face { font-family: YekanBakh; font-style: heavy; font-weight: 700; src: url("../fonts/FaNum/Yekan Bakh FaNum 07 Heavy.eot"); src: url("../fonts/FaNum/Yekan Bakh FaNum 07 Heavy.woff") format("woff"), url("fonts/FaNum/Yekan Bakh FaNum 07 Heavy.ttf") format("truetype"); } @font-face { font-family: YekanBakh; font-style: fat; font-weight: 800; src: url("../fonts/FaNum/Yekan Bakh FaNum 08 Fat.eot"); src: url("../fonts/FaNum/Yekan Bakh FaNum 08 Fat.woff") format("woff"), url("fonts/FaNum/Yekan Bakh FaNum 08 Fat.ttf") format("truetype"); } html{ scroll-behavior: smooth; } a { text-decoration: none !important; } *{ list-style: none; box-sizing: border-box; font-family: YekanBakh; } body{ font-size: 15px; font-family: YekanBakh; background: #fff; direction: rtl; } main{ overflow-x: hidden; } :root{ --black:#000; --white:#fff; --primary:#91230D; --hover:#5a1608; } input:focus, button:focus, textarea:focus { -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; } @media(min-width:1400px){ .container { /* max-width: 1390px; max-width: 1900px;*/ max-width:90%; } } .ac{ align-items: center; } .flex{ display: flex; } .g5{ gap: 5px; } .g10{ gap: 10px; } .g15{ gap: 15px; } .g20{ gap: 20px; } .g30{ gap: 30px; } .g50{ gap: 50px; } .jcen{ justify-content: center; } .wrap{ flex-wrap: wrap; } .fc{ flex-direction: column; } .fbold{ font-weight: 800; } .f500{ font-weight: 500; } .f600{ font-weight: 600; } .f700{ font-weight: 700; } .f16{ font-size: 16px; } .f18{ font-size: 18px; } .f20{ font-size: 20px; } .f22{ font-size: 22px; } .f24{ font-size: 24px; } .f26{ font-size: 26px; } .f30{ font-size: 30px; } .padd{ padding: 20px 0; } ul{ padding: 0; margin: 0; } .jbet{ justify-content: space-between; } header{ padding: 20px 0; } .logobox img{ max-width: 206px; } .searchbox form { border: 1px solid rgba(0,0,0,.125); /*border: 1px solid #464545;*/ padding: 5px 20px; border-radius: 10px; width: 600px; max-width: 100%; } .searchbox form input{ border: none; background: none; } .searchbox form button{ border: none; cursor: pointer; padding: 0; background: none; } .cardbtn{ position: relative; } .cardbtn span { position: absolute; left: 18px; bottom: 20px; font-size: 24px; color: var(--black); } .userbtn{ font-size: 15px; } .userbtn span{ color: var(--black); } .headbtns{ padding-left: 25px; } .headbtns a svg path{ transition: 0.4s all; } .headbtns a:hover svg path{ stroke: var(--primary); } .headbtns a span{ transition: 0.4s all; } .headbtns a:hover span{ color: var(--primary); } .megabtn{ background: var(--primary); color: var(--white); padding: 10px 15px 8px; border-radius: 10px; display: flex; align-items: center; gap: 10px; transition: 0.4s all; position: relative; } .megabtn:hover{ background: var(--hover); } .megabtn a{ color: var(--white); } .megabtn a span:hover { color: var(--primary); } .mymenu li{ display: flex; align-items: center; gap: 10px; position: relative; } .mymenu li::after{ bottom: -5px; height: 3px; background: var(--primary); width: 0; content: ""; left: 0; transition: 0.4s all; position: absolute; } .mymenu li:hover::after{ width: 100%; } .fixedmenu .mymenu li::after{ background: var(--white); } .mymenu li img{ position: relative; top: -2px; } .mymenu li a{ color: var(--black); transition: 0.4s all; font-weight: bold; display: flex; } .mymenu li:hover a{ color: var(--primary); } .mymenu li svg path{ transition: 0.4s all; } .mymenu li:hover svg path{ stroke: var(--primary); } .mymenu li a svg{ position: relative; top: -2px; } .headbtns svg{ width: 30px; } .headbtns a{ display: flex; align-items: center; } .menucallbtn{ color: var(--primary)!important; transition: 0.4s all; padding-left: 12px; } .menucallbtn:hover{ scale: 1.1; } .menucallbtn img { width: 36px; padding: 0px; margin-left: -10px; margin-bottom: 5px; } .hero img{ width: 100%; border-radius: 15px; } .heroslide{ padding: 0 5px; } .hero .slick-dotted.slick-slider{ margin: 0; } .hero .slider__pagination{ display: flex; gap: 5px; justify-content: center; position: relative; top: -30px; z-index: 10; } .hero .slick-dots li{ background: var(--white); border-radius: 50%; opacity: 0.5; width: 10px; height: 10px; margin: 0 4px; } .hero .swiper-pagination-bullet{ background: var(--white); opacity: 0.3; } .hero .swiper-pagination-bullet-active{ background: var(--white); opacity: 1; } .heroslider .next{ position: absolute; left: 30px; z-index: 10; top: 50%; transform: translateY(-50%); } .heroslider svg{ width: 50px; height: 50px; cursor: pointer; color: var(--white); } .heroslider .prev{ position: absolute; right: 30px; z-index: 10; top: 50%; transform: translateY(-50%); } .heroslider{ position: relative; } .heroslider .swiper-button-next{ position: absolute; left: 30px!important; right: inherit!important; z-index: 10; top: 50%; width: auto!important; transform: translateY(-50%); margin: 0!important; background: none!important; } .heroslider svg{ width: 50px; height: 50px; cursor: pointer; color: var(--white); } .heroslider .swiper-button-prev{ position: absolute; right: 30px!important; left: inherit!important; z-index: 10; margin: 0!important; width: auto!important; top: 50%; background: none!important; transform: translateY(-50%); } .iconboxespost{ display: flex; flex-direction: column; gap: 20px; flex: 1; font-weight: 600; } .iconboxespost img{ height: 60px; display: block; margin: 0 auto; } .banners img { border-radius: 16px; border: 1px solid #e7e7e7; height: 100%; } .prslider{ padding: 150px 0 50px; background: #D9D9D9; } .prbox{ background: var(--primary); padding: 30px; border-radius: 20px; height: 280px; position: relative; } .prbox::after{ content: ""; width: 50px; height: 50px; border-radius: 50%; background: #D9D9D9; position: absolute; right: 65px; top: -31px; z-index: 10; } .prbox::before{ content: ""; width: 50px; height: 50px; border-radius: 50%; background: #D9D9D9; position: absolute; right: 65px; bottom: -31px; z-index: 10; } .vline{ height: 280px; width: 1px; background: var(--white); } .timerbg{ background: var(--white); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: var(--black); font-weight: 600; border-radius: 8px; font-size: 18px; } .mytimer{ color: var(--white); font-size: 25px; flex-direction: row-reverse; } .moreofferbtn{ background: #D9D9D9; border-radius: 10px; color: var(--black); font-weight: 600; padding: 8px 10px 5px; display: block; text-align: center; margin-top: 10px; transition: 0.4s all; } .moreofferbtn:hover{ background: #464545; color: var(--white); } .offerpost{ background: var(--white); padding: 20px 10px; min-height: 322px; border-radius: 20px; position: relative; } .offerbox{ position: absolute; top: 0; right: 20px; border-radius: 0 0 100px 100px; background: var(--primary); color: var(--white); padding: 15px; font-weight: bold; font-size: 15px; } .offerpost img{ width: 100%; height: auto; aspect-ratio: 1/1; object-fit: cover; } .offerslide{ padding: 0 5px; } .offerslide h3 { font-size: 15px; color: #616161; margin: 10px; font-weight: 600; line-height: 22px; height: 62px; overflow-y: hidden; } .prrightbox{ position: absolute; right: 0; top: 0; scale: 0.8; } .prbox{ position: relative; padding-right: 210px; } .offerbg{ position: relative; transform: translateY(-120px); } .offerbg .next{ position: absolute; right: -20px; bottom: 120px; width: 40px; height: 40px; background: var(--white); border-radius: 100px; display: flex!important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #ccc; color: #ccc; } .offerbg .prev{ position: absolute; left: -50px; bottom: 120px; width: 40px; height: 40px; background: var(--white); border-radius: 100px; display: flex!important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #ccc; color: #ccc; } .addtocardbtn{ display: flex; align-items: center; gap: 10px; font-size: 40px; font-weight: 600; background: var(--primary); padding: 5px 8px; border-radius: 10px; color: var(--white); transition: 0.4s all; } .addtocardbtn:hover{ background: var(--hover); } .addtocardbtn img{ width: 50px; aspect-ratio: inherit; object-fit: inherit; } .offerbg .slick-slider .slick-track{ display: flex; align-items: end; } .pricebox span{ font-weight: bold; font-size: 14px; color: var(--primary); } .pricebox del{ color: #464545; font-weight: bold; margin-top: -5px; display: block; font-size: 12px; } .b16{ border-radius: 16px; } .newprtitlebg{ position: relative; } .newprtitle{ background: var(--white); width: fit-content; } .newprtitle h2{ color: var(--primary); font-weight: 600; font-size: 24px; } .newprtitlebg span{ width: 15px; height: 15px; border-radius: 50%; background: #B7B4B4; } .newprtitlebg::before{ content: ""; left: 0; width: 100%; position: absolute; left: 0; top: 15px; height: 1px; border: 1px dashed #B7B4B4; z-index: -1; } .brandname { margin-top: 0px; height:30px; } .brandname img{ display: block; margin: 0 auto 0 0; } .newprimg img{ width: 100%; /* aspect-ratio: 1/1;*/ height: auto; } .newprpost{ border: 1px solid #e7e7e7; padding: 10px; position: relative; background: var(--white); border-radius: 20px; } .newprslide{ padding: 0 5px; } .newpraddtocart{ background: var(--primary); padding: 15px 10px 15px 7px; border-radius: 10px; transition: 0.4s all; display: flex; align-items: center; justify-content: center; } .newpraddtocart:hover{ background: var(--hover); } .newprpost h3 { margin: 10px; font-weight: 600; line-height: 22px; height: 60px; overflow-y: hidden; font-size: 13px; text-align: center; } .newprpost .pricebox span{ font-size: 14px; } .newprpost .pricebox del{ margin: 0; font-size: 14px; } .newprcat ul li a{ color: #464545; transition: 0.4s all; } .newprcat ul li a:hover{ color: var(--primary); } .rr{ flex-direction: row-reverse; } .brandname2 img{ margin: 0; } .specialbox .offerbox{ top: 100%; right: 10px; } .specialbox{ position: relative; border-bottom: 2px solid var(--primary); } .cred{ color: var(--primary); } .specialtitle{ font-size: 13px; } .newprpost{ min-height: 403px; } .newprsliderbg{ position: relative; } .newprsliderbg .next{ position: absolute; left: -20px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background: var(--white); border-radius: 100px; display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #e7e7e7; color: #ccc; } .newprsliderbg .prev{ position: absolute; right: -20px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background: var(--white); border-radius: 100px; display: flex !important; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #e7e7e7; color: #ccc; } .banners2{ background: #D9D9D9; } .banners2 img{ border: none; } .brandsslide{ padding: 20px; position: relative; display: flex!important; align-items: center; justify-content: center; height: 120px; } .brandsslide::after{ content: ""; height: 120px; width: 2px; background: #E8E6E6; position: absolute; left: 0; top: 0; } .brandpost{ } .brandsslide img { width: 100%; max-height: 100px; } .brandsslider{ display: flex; align-items: center; } .brandssliderbg{ position: relative; } .brandsslider::after{ position: absolute; right: -3px; width: 5px; background: #fff; height: 100%; content: ""; z-index: 10; top: 0; } .brandsslider::before{ position: absolute; left: -3px; width: 10px; background: #fff; height: 100%; content: ""; z-index: 10; top: 0; } .brandssliderbg .next{ position: absolute; left: -50px; top: 50%; cursor: pointer; color: #ccc; z-index: 20; transform: translateY(-50%); } .brandssliderbg .prev{ position: absolute; right: -50px; transform: translateY(-50%); top: 50%; cursor: pointer; color: #ccc; z-index: 20; } .blogbox{ background: #91230D; border-radius: 20px; padding: 30px; } .blogmore{ display: flex; align-items: center; gap: 20px; } .blogpost{ background: var(--white); border-radius: 16px; padding: 20px; } .blogpost img{ border-radius: 14px; width: 120px; height: auto; aspect-ratio: 1/1; object-fit: cover; } .blogpost h3{ font-size: 20px; font-weight: bold; color: var(--black); } .blogpost p{ font-size: 11px; } .blogslide{ padding: 0 5px; } footer{ padding: 50px 0; background: #616161; color: var(--white); } footer span{ font-weight: 700; font-size: 18px; } .goup{ width: fit-content; background: var(--white); transition: 0.4s all; color: #616161; display: flex; align-items: center; gap: 10px; border-radius: 10px; font-weight: 600; padding: 10px 30px 5px; margin: 0 auto 50px; cursor: pointer; } .goup svg{ position: relative; top: -3px; } .goup:hover{ background: var(--primary); color: var(--white); } .fmenu ul{ margin-top: 30px; display: flex; flex-direction: column; gap: 15px; } .fmenu ul li a{ color: var(--white); transition: 0.4s all; } .fmenu ul li a:hover{ padding-right: 5px; } footer input{ background: var(--white); border-radius: 10px; flex: 1; padding: 10px; width: 100%; border: none; } footer button{ padding: 10px 30px; border-radius: 10px; background: #575757; transition: 0.4s all; color: var(--white); border: 1px solid #fff5; cursor: pointer; } footer button:hover{ background: var(--primary); } .social svg{ color: var(--white); width: 20px; height: 20px; transition: 0.4s all; } .copybox{ padding: 15px; color: var(--white); text-align: center; background: var(--primary); margin-top: 50px; } .fixedmenu { position: fixed; top: 0; left: 0; width: 100%; background: var(--primary); padding: 0px; transition: 0.4s all; z-index: 600; transform: translateY(-73px); border: 0px; } .mainfixedmenu { padding: 10px 15px 10px 15px; width: 100%; background: var(--primary); } .fixedmenu .mymenu li svg path { stroke: var(--white); } .fixedmenu .headbtns span{ color: var(--white)!important; } .fixedmenu .headbtns svg path{ stroke: var(--white)!important; } .fixedmenu form{ width: 500px; background: var(--white); padding: 5px 10px; } .fixedmenu .megabtn{ background: var(--white); } .fixedmenu .megabtn span{ color: var(--primary); font-weight: 600; } .fixedmenu .megabtn a span:hover { color: var(--primary); } .fixedmenu .megabtn ul span{ color: var(--black); } .fixedmenu .mymenu img { filter: invert(1) brightness(2); -webkit-filter: invert(1) brightness(2); } .fixedmenu .mymenu a{ color: var(--white)!important; } .fixedmenu .userbtn span{ color: var(--white); } .fixedmenu .cardbtn span{ color: var(--white); } .mymenlist a,.mymenlist span{ color: var(--black); } .megabtn:hover .mymenlist,.megabtn:hover .megachilds{ opacity: 1; visibility: visible; } .mymenlist{ position: absolute; top: 42px; border-radius: 10px; right: 0; background: var(--white); padding: 10px 20px 20px; border: 1px solid #e7e7e7; z-index: 500; height: 509px; width: 250px; overflow-y: scroll; scrollbar-width: 5px; transition: 0.2s all; opacity: 0; visibility: hidden; } .mymenlist li{ padding: 6px 0; border-bottom: 1px solid #e7e7e7; display: flex; align-items: center; gap: 15px; position: relative; font-weight: 600; } .mymenlist li a{ position: relative; } .mymenlist li.active a{ color: var(--primary); } .mymenlist li.active svg path{ fill: var(--primary)!important; } .mymenlist li a::after{ content: ""; left: 0; top: 3px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; transform: rotate(-45deg); position: absolute; width: 10px; height: 10px; transition: 0.4s all; } .mymenlist li.active a::after{ transform: rotate(45deg); } .mymenlist li a{ transition: 0.4s all; flex: 1; } .mymenlist li:hover a { color: var(--primary); } .mymenlist li:last-child{ border: none; padding-bottom: 0; } .megachilds { position: absolute; top: 42px; right: 251px; border-radius: 10px; background: var(--white); padding: 20px; border: 1px solid #e7e7e7; z-index: 500; width: 250px; height: 509px; overflow-y: scroll; scrollbar-width: 5px; transition: 0.2s all; opacity: 0; visibility: hidden; } .my-submenu{ display: flex; flex-wrap: wrap; } .mymenlist li svg path{ transition: 0.4s all; } .mymenlist li:hover svg path{ fill: var(--primary); } .my-submenu li::after{ display: none; } .my-submenu li:last-child{ padding-bottom: 10px; } .my-submenu li{ display: block; border: none!important; width: 100%; position: relative; } .my-submenu li span{ font-weight: bold; display: block; margin-bottom: 15px; padding-right: 20px; } .my-submenu li span::after{ content: ""; top: 6px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; transform: rotate(45deg); position: absolute; right: 0; width: 10px; height: 10px; } .my-submenu li span{ color: var(--black); } .my-submenu li ul li { /* width: 250px;*/ border-bottom: none !important; font-size: 15px; font-weight: 400; padding-bottom: 0 !important; color: #616161; padding: 0; } .my-submenu li ul{ display: flex; gap: 10px; flex-direction: column; } .my-submenu li ul li a { color: #616161 !important; padding-right: 15%; } .my-submenu li ul li a:hover{ color: var(--primary)!important; padding-right:15%; } .my-submenu hr{ width: 100%; } .mymenlist .active::after{ transform: rotate(45deg); top: 5px; } .socialbtn { position: fixed; right: 25px; bottom: 80px; z-index: 499; cursor: pointer; min-width: 62px; } .socialbtn img{ display: block; margin: 0 auto; width: 48px; } .socialbtn ul{ border: 1px solid #e7e7e7; border-radius: 100px; padding: 5px; display: none; background: #d9d9d983; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } .socialbtn ul li{ margin-bottom: 10px; } .socialbtn ul li:last-child{ margin-bottom: 0; } .resblock{ display: none!important; } .fixedsearchbox{ display: flex; align-items: center; position: fixed; left: 0; top: 107px; width: 100%; padding: 10px 15px; z-index: 600; opacity: 0; visibility: hidden; transition: 0.4s all; display: flex; gap: 10px; background: var(--white); box-shadow: 0 10px 10px 0 #0001; } .fixedsearchbox form{ width: 100%; padding: 5px 15px; background: none; border: 1px solid #eee; border-radius: none; } .fixedsearchbox form{ background: var(--white); } .closemodal{ position: fixed; top: 0; z-index: 699; left: 0; height: 100%; background: #0005; padding: 30px; width: 100%; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); opacity: 0; visibility: hidden; transition: 0.4s all; } .closesearchmodal{ position: fixed; top: 0; z-index: 599; left: 0; height: 100%; background: #0005; padding: 30px; width: 100%; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); opacity: 0; visibility: hidden; transition: 0.4s all; } .resmenu{ width: 350px; max-width: 90%; background: var(--white); z-index: 700; position: fixed; padding: 20px; top: 0; right: -350px; height: 100%; opacity: 0; visibility: hidden; transition: 0.4s all; overflow-y: scroll; scrollbar-width: none; } .resmenu ul{ display: flex; flex-direction: column; gap: 10px; } .resmenutitle{ display: flex; gap: 10px; align-items: center; } .resmenu ul li{ padding: 0px; border-bottom: 1px solid #e7e7e7; } .resmenu ul li span{ font-weight: 600; margin: 10px 0 0; display: block; border-top: 1px solid #e7e7e7; padding-top: 10px; margin-bottom: 5px; } .resmenu ul li:last-child{ border: none; } .resmenu ul li a{ color: var(--black); } .resmenu ul li svg{ width: 35px; } .resmenu ul li ul{ padding-right: 40px; gap: 5px; display: none; } .resmenu ul li{ position: relative; } .resmenu ul li::after{ content: url(../img/arrleft.png); position: absolute; left: 0; top: 8px; z-index: -1; } .resmenu ul li ul li { border: none; padding: 0; margin-right: 20px; line-height: 26px; } .resmenu ul li ul li a{ color: #616161; } .resmenu ul li ul li::after{ display: none; } .resmenu ul li span img{ width: auto; margin-left: 5px; } .haschildren.active::after{ transform: rotate(-90deg); } @media(max-width:1480px){ .fixedmenu form{ width: 200px; } .fixedmenu .mymenu{ gap: 20px; } .fixedmenuflex{ gap: 10px; } .fixedmenu .userbtn span{ display: none; } } @media(max-width:1200px){ .fixedmenu form{ display: none; } .megabtn { padding: 10px 10px 8px; display: block; } .fixedmenu .mymenu{ gap: 20px; } .fixedmenuflex{ gap: 10px; } .mainmenu form{ width: 300px; } header .mymenu{ gap: 20px; } .f1flexes{ gap: 20px; } } @media(max-width:992px){ .brandsslide img { width: 100%; max-height: 45px; } body{ /* background: #FFF8F7;*/ } header{ margin-bottom: 20px; background: var(--white); } .resblock{ display: block!important; } .resnone{ display: none!important; } nav{ display: none; } .iconboxflex{ gap: 30px 10px; flex-wrap: wrap; } .iconboxes .iconboxespost{ width: 48%; flex: auto; } .userbtn span{ display: none; } .headbtns{ gap: 10px; justify-content: end; padding: 0; } .flex1{ flex: 1; } header{ padding: 15px 0; } .logobox img{ max-width: 100px; } .headbtns img{ width: 16px; } .cardbtn span { left: 8px; top: -10px; font-size: 13px; } .heroslide{ padding: 0; } .heroslider svg{ width: 25px; height: 25px; } .heroslider .prev{ right: 10px; } .heroslider .next{ left: 10px; } .socialbtn img { width: 44px; } .socialbtn ul{ padding: 7px; } .offerbg .prev{ left: -20px; } .prslider{ padding: 60px 0; background: none; } .prbox::after{ background: var(--white); } .prbox::before{ background: var(--white); } .offerpost{ border: 1px solid #ccc; } .newprtitle{ background: none; } .newprtitle img{ display: none; } .newprtitle span{ display: none; } .newprtitle h2{ color: var(--black); font-size: 18px; } .newpr { margin-top: 30px; } .newprtitlebg::before{ display: none; } .padd{ padding: 30px 0; } .newprsliderbg .prev{ right: -10px; } .newprsliderbg .next{ left: -10px; } .newprslide{ padding: 0; } .banners2 { /* background: none; padding: 0;*/ } .banners2 img{ /* aspect-ratio: 1.5/1; object-fit: cover; object-position: right;*/ } .iconboxespost span{ font-size: 14px; } .iconboxespost img{ width: 45px; } .brandsslider::after,.brandsslider::before{ display: none; } .brandsbox{ background: var(--white); border-radius: 16px; padding: 15px 15px 15px 0; } .brandsslide{ padding: 0 5px; height: auto; } .brandpost{ padding: 10px; border-radius: 10px; background: #F7E4E2; height: 55px; display: flex; align-items: center; justify-content: center; } .brandsslide::after{ display: none; } .brandssliderbg .prev{ display: none!important; } .brandssliderbg .next{ left: 0; } .brandssliderbg .next{ top: 58%; } .brands .slick-list { padding-right: 0!important; } .blogbox{ background: none; padding: 0; } .blogtitle h2{ color: var(--black); font-size: 18px; font-weight: 600; } .blogmore{ display: none; } .blogtitle img{ display: none; } .blogpost{ flex-direction: column; background: #F7E4E2; padding: 10px; overflow: hidden; align-items: inherit; } .blogpost img{ width: 100%; } .blog .slick-list{ padding-right: 0!important; } .blogpost h3{ font-size: 18px; } .blogpost p{ font-size: 10px; margin: 0; } .prbox{ padding-right: 145px; } .prrightbox{ scale: 0.5; right: -35px; top: -40px; } .prbox::after{ width: 30px; height: 30px; right: 47px; top: -17px; background: #FFF8F7; } .prbox::before{ width: 30px; height: 30px; right: 47px; bottom: -17px; background: #FFF8F7; } .offerbg{ width: 230px!important; scale: 0.8; transform: translateY(-95px); } .prbox{ display: flex; justify-content: center; height: 200px; } .offerbg .next{ bottom: -50px; right: -15px; } .offerbg .prev{ bottom: -50px; left: -15px; } .offerslide h3{ font-size: 15px; } footer{ background: none; margin-bottom: 15px; } .mobilefooter{ background: var(--white); padding: 15px 10px; color: #616161; border-radius: 16px; } .goup{ background: #d4d3d3; color: #616161; font-size: 13px; padding: 10px 15px 6px; border-radius: 100px; border: 1px solid #616161; position: relative; z-index: 10; margin-bottom: 0; } .goup svg{ width: 16px; height: 16px; } .mobgoup{ position: relative; } .mobgoup::after{ content: ""; height: 1px; background: #BBBBBB; width: 100%; transform: translateY(-50%); left: 0; top: 50%; position: absolute; } .mobilefooter .social svg{ color: #BBBBBB; } .mobilefooter .social{ padding: 15px; justify-content: center; } .footerdropdowns li{ border-top: 1px solid #BBBBBB; padding: 10px 0; cursor: pointer; } .footerdropdowns li span{ font-size: 15px; font-weight: normal; } .nav-link-new { left: -50px; top: -20px; position: relative; } .footerdropdowns p{ background: #FFF8F7; padding: 10px; border-radius: 10px; margin: 0; font-size: 12px; } .subdropdown{ background: #FFF8F7; padding: 10px; border-radius: 10px; display: flex; gap: 5px; flex-direction: column; } .subdropdown li{ padding: 0; border: none; font-size: 12px; } .subdropdown li a{ display: block; color: var(--black); } .mobileenamad{ margin: 15px auto 0; } .mobileenamad img{ width: 120px; margin: 0 auto; display: block; border-radius: 15px; } .footerdbox{ display: none; } .copybox{ display: none; } .fixedmenu{ /*padding-left: 15px;*/ } .logobox{ text-align: center; } .fixedmenu .logobox img{ max-width: 150px; } .headbtns a{ display: flex!important; align-items: center; } .heroslider .swiper-button-prev{ right: 10px!important; } .heroslider .swiper-button-next{ left: 10px!important; } .headbtns svg{ width: 24px!important; } header,.mainbanner{ position: relative; z-index: 600; } } /* gallery */ .gallerybody{ min-height: 100vh; display: flex; align-items: center; justify-content: center; } .gallerybox{ width: 500px; max-width: 100%; } .gallerybox .mainslider { margin-bottom: 10px; } .mainslider img,.mainslider video{ width: 100%; aspect-ratio: 1/1; height: auto; border-radius: 20px; object-fit: cover; cursor: pointer; border: 1px solid #eee; } .mainslider video{ object-fit: contain; } .thumbnails img{ width: 100%; aspect-ratio: 1/1; height: auto; cursor: pointer; object-fit: cover; border: 1px solid #eee; border-radius: 15px; } .fancybox__thumb{ background-size: contain!important; background-repeat: no-repeat!important; background-position: center!important; overflow: hidden; } .fancybox__thumb::before{ background: var(--white); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: -1; } .has-html5video::before{ content: url(../img/play.png); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0.2); z-index: 10; } .videoslide img{ display: none; } .videoslideth{ position: relative; } .videoslideth::after{ cursor: pointer; content: url(../img/play.png); position: absolute; left: 50%; top: 50%; z-index: 10; transform: translate(-50%,-50%) scale(0.3); } /* gallery */ .baeberry-brands { margin: 10px 0 !important; /*min-height: 300px !important;*/ overflow: hidden; } .h4, h4 { font-size: 14px !important; } a { color: inherit; } a:hover { color: #91230D !important; } .custom-control-input:checked ~ .custom-control-indicator { color: #fff; background-color: #91230D !important; } .breadcrumb-item { float: right !important; font-size: 12px !important; } .breadcrumb { background-color: inherit !important; padding-top:10px !important; } .card { border-radius:10px !important; } .card-header:first-child { border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; } .newprcat { max-height:20px; } .main-menu-title { color:#FFF !important; } .main-menu-title-sticky:hover { color: #91230D !important; } .main-promotion-title { color: #ff6363; border-color: #ff6363; border-width: 2px; border-style: solid; border-radius: 15px; margin: 3px; padding: 2px; text-align: center; line-height: 28px; } .main-promotion-title span { color:inherit; font-size: 14px; font-weight: 600; padding-right: 2px; line-height: 18px; } .main-promotion-image { width: 25px !important; float: right !important; margin-right: 5px !important; }