@font-face { font-family: "Titillium Web"; src: local("Titillium WebSemiBold"), local("TitilliumWeb-SemiBold"), url(../fonts/titillium-web-v4-latin-ext_latin-600.eot?#iefix) format("embedded-opentype"), url(../fonts/titillium-web-v4-latin-ext_latin-600.woff) format("woff"), url(../fonts/titillium-web-v4-latin-ext_latin-600.ttf) format("truetype"), url(../fonts/titillium-web-v4-latin-ext_latin-600.svg#TitilliumWeb) format("svg"); font-style: normal; font-weight: 600; } @font-face { font-family:IRANYekan; src:url(../fonts/IranYekanLight.eot); src:url(../fonts/IranYekanLight.eot?#iefix) format("embedded-opentype"),url(../fonts/IranYekanLight.woff) format("woff"),url(../fonts/IranYekanLight.ttf) format("truetype"); font-weight:300; font-style:normal; } @font-face { font-family:IRANYekan; src:url(../fonts/IranYekanMedium.eot); src:url(../fonts/IranYekanMedium.eot?#iefix) format("embedded-opentype"),url(../fonts/IranYekanMedium.woff) format("woff"),url(../fonts/IranYekanMedium.ttf) format("truetype"); font-weight:600; font-style:normal; } @font-face { font-family:IRANYekan; src:url(../fonts/IranYekanBold.eot); src:url(../fonts/IranYekanBold.eot?#iefix) format("embedded-opentype"),url(../fonts/IranYekanBold.woff) format("woff"),url(../fonts/IranYekanBold.ttf) format("truetype"); font-weight:700; font-style:normal; } @font-face { font-family: bigikala; src: url(../fonts/c19ad8e8.eot) format("truetype"), url(../fonts/43e0c2dd.woff) format("woff"); font-style: normal; font-weight: 400; } .lofslidervoc * { margin: 0 auto; padding: 0; } .bigi-special-offers-homepage-page, .lofslidervoc { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #bigiCountDown { font-family: IRANYekan, Titillium Web; float: right; margin-top: 7px; display: -webkit-inline-flex; display: inline-flex; direction: ltr; } #bigiCountDown>span.label { font-size: 24px; font-weight: 100; line-height: 42px; display: inline-block; float: left; width: 25px; height: 38px; margin-right: 2px; padding: 0; text-align: center; color: #fff; border-radius: 4px; background: #3a3a3a; } #bigiCountDown>span.dubbledot { font-size: 30px; float: left; margin-top: 5px; margin-right: 2px; margin-left: -4px; vertical-align: 3px; color: #333; } #bigiCountDown.small { float: left; margin-top: 0; margin-right: 5px; } #bigiCountDown.small>span.label { font-size: 24px; font-weight: 100; line-height: 33px; width: 20px; height: 29px; } #bigiCountDown.small>span.dubbledot { font-size: 30px; line-height: 20px; float: left; margin-top: 4px; margin-right: 2.5px; margin-left: -4px; vertical-align: 3px; color: #333; } .lofslidervoc { position: relative; overflow: hidden; box-sizing: border-box; width: 100%; height: 411px; border: 1px solid #ebeced; border-radius: 5px 5px 0 0; background-color: #fff; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -ms-border-radius: 5px; -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); } .lofslidervoc .preloader { position: absolute; z-index: 999; top: 0; right: 0; width: 100%; height: 100%; text-align: center; background: #fff; } .lofslidervoc .preloader div { width: 100%; height: 100%; background: url(../img/loading.gif) 50% 50% no-repeat; } .lofslidervoc .sliders-wrapper { position: relative; overflow: hidden; width: 100%!important; height: 100%; } .lofslidervoc ul.lofslidersmain li { overflow: hidden; } .lofslidervoc .lof-opacity { width: 100%; height: 100%; } .lofslidervoc .lof-opacity li { position: absolute!important; top: 0; right: 0; float: inherit!important; width: 100%; list-style: none; background: #fff; } .lofslidervoc ul.navigator-wrap-inner { position: absolute; top: 0; width: 100%; } .lofslidervoc ul.navigator-wrap-inner li { font: 11px/38px IRANYekan, Titillium Web; line-height: 38px; position: relative; display: block; width: 100%!important; height: 40px!important; list-style: none; cursor: pointer; text-align: right; white-space: nowrap; text-overflow: ellipsis; margin-right: 0px; } .lofslidervoc ul.navigator-wrap-inner li:hover { background: #ebecf0; } .lofslidervoc ul.navigator-wrap-inner li.active { color: #fff; background: #ef5661; } .lofslidervoc ul.navigator-wrap-inner li.active:before { opacity: 1; } .lofslidermain { float: right; overflow: hidden; width: 74%; height: 382px; } @media only screen and (max-width:720px) { ul.lofslidersmain li .wc-thumb { float: left; width: 45%; height: 382px; margin-top: 5%; margin-left: 17%; text-align: center; } div#wrapper { height: 150px!important; } } ul.lofslidersmain li .wc-thumb h3 { font: 15px/24px IRANYekan, Titillium Web; display: block; margin-top: 10px; text-align: center; color: #000; } .columnone label { font: 14px/24px IRANYekan, Titillium Web; clear: both; margin-bottom: 5px; color: red; } .columnone dell span, .columnone inss { display: inline-block; box-sizing: border-box; transition: .15s linear; vertical-align: top; } dell span:after, dell span:before { position: absolute; z-index: 2; content: ""; } h4 .widget-title .menu { font: 13px/30px IRANYekan, Titillium Web; color: #777; } .columncounter, .columntwo { display: block; overflow: hidden; } .columnone inss span:before { position: absolute; z-index: 1; top: 7px; right: 0; content: ""; border-top: 9px solid transparent; border-right: 11px solid #fff; border-bottom: 9px solid transparent; } .columnone inss em { font: 13px/33px IRANYekan, Titillium Web; margin-right: 5px; vertical-align: top; } .columncounter { margin-top: 10px; } #retroclockbox_sm1 { margin-top: 5px; } .columncounter span { font: 14px/25px IRANYekan, Titillium Web; font-size: 12px; top: auto; font-weight: bold; display: block; } .columncounter p { direction: ltr; } .napadid { -webkit-filter: blur(5px); filter: blur(5px); } .tamamshode { position: absolute; right: 100px; bottom: 40px; height: 60px; } .counter-hide { display: none!important; } .product_bar { display: block; height: 60px; margin-bottom: -2px; padding: 12px 15px; border: none; background: url(../img/offer_title.png) 97.5% center no-repeat #fff5f5; } .product_bar_left { float: left; } .product_bar_price { font-family: IRANYekan, Titillium Web; font-size: 15px; display: inline-block; float: left; overflow: hidden; margin-top: 5px; margin-left: 25px; border-radius: 3px; } .product_bar_price inss { font: 24px/30px IRANYekan, Titillium Web; position: relative; z-index: 1; display: block; float: right; height: 28px; padding: 0 10px 0 0; transition: .15s linear; text-decoration: none; color: #fff; background: #ef5661; direction: rtl; } .product_bar_price inss span { color: #fff!important; } .product_bar_price inss em { font: 14px/25px IRANYekan, Titillium Web; font-style: normal; margin-right: 5px; vertical-align: top; } .product_bar_dis { font: 16px/26px IRANYekan, Titillium Web; display: block; float: left!important; width: 70px; height: 28px; text-align: center; color: #fff; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; background: #e54949; -ms-border-radius: 3px 0 0 3px; } .product_bar_counter { display: inline-block; float: left; overflow: hidden; margin-top: 6px; margin-right: 30px; } @media only screen and (max-width:720px) { .lofslidervoc, .lofslidervoc .wc-descrip { float: none; width: auto; height: auto; text-align: center; } .lofslidervoc { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ebeced; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -ms-border-radius: 5px; -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); } .lofslidervoc .wc-descrip { padding: 10px; } } .button-next, .button-previous { position: absolute; z-index: 100000; top: 45%; display: none; width: 20px; height: auto; cursor: pointer; } .button-previous { left: 7px; } .button-next { right: 7px; } @media only screen and (max-width:720px) { .lofslidervoc .navigator-content { display: none; } .button-next, .button-previous { position: absolute; z-index: 100000; top: 45%; display: block; width: 20px; cursor: pointer; height: auto; } .button-previous { left: 7px; } .button-next { right: 7px; } .columntwo { display: none; } .columnone, .lofslidervoc .wc-descrip { position: absolute; margin: 0 auto; text-align: center; } .wc-descrip span a { display: none!important; } .lofslidervoc .wc-descrip span { color: transparent; } .lofslidervoc .wc-descrip { right: 20px; bottom: 0; bottom: 10px; display: block; padding: 5px; } ul.lofslidersmain li .wc-thumb img { margin: 0 auto; max-width: 150px; max-height: 150px; } .columnone label { font: 14px/24px IRANYekan, Titillium Web; display: block; clear: both; margin-bottom: 0; color: red; } #bigiCountDown, .columnone { font-family: IRANYekan, Titillium Web; } .columnone { font-size: 20px; right: 22%; overflow: hidden; width: auto; margin: 0 auto; display: block; z-index: 99999; position: absolute; } .lofslidervoc, .lofslidervoc .wc-descrip { float: none; width: 100%; height: auto; text-align: center; } #bigiCountDown { margin-bottom: 15px; float: left; margin-top: 7px; margin-left: 20px; display: -webkit-inline-flex; display: inline-flex; direction: ltr; } } @media only screen and (max-width:920px) { .columnone inss span { font-size: 16px; } .columnone dell span { font-size: 14px; } .columnone inss em { font: 10px/33px IRANYekan; } ul.lofslidersmain li .wc-thumb h3 { font: 14px/18px IRANYekan, Titillium Web; display: block; margin-top: 0; text-align: center; color: #000; } } .promotion__header { background: url(../img/pattern.85b9af.png) 50% 42% #fb3449; } .sticky-special-timer .wrapper { width: 1170px!important; display: block; margin-left: auto; margin-right: auto; } .promotion__header, .sticky-wrapper { width: 100%; height: 60px; position: absolute; right: 0; top: 0; display: none; } .promotion__header.fixed { position: fixed; top: 0; z-index: 99999999; } .promotion__title { float: right; background: url(../img/specialoffer.png) 100% center no-repeat; margin-right: 20px; } .clock { position: relative; margin: 11px 5px 0 0; border: 3px solid #fff; float: left; width: 40px; height: 40px; border-radius: 50%; background-color: #ff4c61; z-index: 5; } .bigi-product-old-price::after { position: absolute; top: 47%; width: 110%; transform: translate(-50%, -50%); height: 1px; background: #b6b4b4; } .clock::after, .clock__hand { position: absolute; background: #fff; } .blur { -webkit-filter: blur(2.7px); filter: blur(2.7px); } .clock__hand { width: 3px; top: 50%; left: 49%; transform: translate(-50%, -50%); transform-origin: top center; } .bigi-product-old-price:after, .clock::after { left: 50%; content: ""; } .clock__hand--short { height: 14px; animation: i 10s linear infinite; } .clock__hand--long { height: 16px; animation: i 3s linear infinite; } .clock::after { top: -4px; width: 14px; height: 3px; transform: translate(-50%); } @keyframes a { 0%, to { transform: translate(-34px); } 50% { transform: translate(96px); } } @keyframes f { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(.19, 1, .22, 1); } 0% { opacity: 1; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; } to { transform: none; } } .toast-enter--bottom-right, .toast-enter--top-right, .toastify-bounceInRight { animation-name: f; } @keyframes g { 20% { opacity: 1; transform: translate3d(-10px, 0, 0); } to { opacity: 1; transform: translate3d(2000px, 0, 0); } } .toast-exit--bottom-right, .toast-exit--top-right, .toastify-bounceOutRight { animation-name: g; } .toastify-animated { animation-duration: .75s; animation-fill-mode: both; } .range-slider__action { position: relative; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15); display: block; height: 38px; margin-top: 15px; background-color: #2196f3; color: #fff; line-height: 38px; cursor: pointer; } @keyframes c { 0% { opacity: 1; transform: translate3d(0, 325px, 0); } 50% { opacity: 1; transform: translate3d(0, 285px, 0); } to { opacity: 1; transform: translate3d(0, 290px, 0); } } @keyframes d { 0% { transform: translate3d(0, 290px, 0); } 50% { transform: translate3d(0, 285px, 0); } to { transform: translate3d(0, 325px, 0); } } @keyframes e { 0% { opacity: 1; transform: translateZ(0); } 50% { opacity: 1; transform: translate3d(0, -15px, 0); } to { opacity: 1; transform: translate3d(0, 325px, 0); } } @keyframes i { 0% { transform: rotate(-180deg); } to { transform: rotate(180deg); } } @keyframes h { 0% { width: 100%; } to { width: 0; } } .sticky-countdown { float: right; } .timer { float: left; color: #fff; margin-top: 0; direction: ltr; } .promotion__timer { float: left; background: #ff4c61; padding: 0 10px 0 15px; height: 60px; } .timer__holder { font: 400 35px/56px sans-serif; position: relative; } .timer .spacer { font-size: 30px; vertical-align: 7px; padding: 0 10px 0 5px; } .bigi-product-attributes { background: #fafafa; padding: 16px 10px; margin: 5px 0 15px; height: 100px; color: #7a7a7a; overflow: hidden; } .bigi-product-title a { color: #373737; } .bigi-product-attributes p { display: block; position: relative; padding-right: 14px; margin-bottom: 6px; width: 100%; font: 400 12px IRANYekan, Titillium Web; line-height: 22px; color: #7a7a7a; } .bigi-product-old-price, .bigi-product-sale-price, .bigi-product-view { font-family: IRANYekan, Titillium Web; } .bigi-product-attributes p:before { content: ""; position: absolute; top: 9px; right: 0; width: 5px; height: 5px; background: #d7d7d7; border-radius: 50%; } .bigi-special-product { position: relative; display: -moz-flex; display: -ms-flexbox; display: flex; width: 49%; border-bottom: 1px solid #ededed; min-height: 300px; border-left: 1px solid #ededed; float: left; background-color: #fff; z-index: 9; } .special_offers { margin-top: 20px; border-radius: 3px; display: inline-block; } .bigi-product-prcie { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: flex; box-orient: vertical; box-direction: normal; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; box-align: start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; -ms-flex-align: start; height: 50px; margin-bottom: 10px; } .bigi-product-old-price { position: relative; font-size: 15px; color: #cecece; } .bigi-product-old-price:after { position: absolute; top: 47%; width: 110%; transform: translate(-50%, -50%); height: 1px; background: #b6b4b4; } .bigi-product-old-price .woocommerce-Price-currencySymbol { display: none; } .bigi-product-sale-price { position: relative; font-size: 17px; color: #fa3348; padding-left: 55px; margin-top: -5px; } .bigi-product-view, .bigi-product-view a:focus, .bigi-product-view a:hover { color: #fff!important; } .bigi-product-view { display: inline-block; padding: 7px 26px; background-color: #4caf50; line-height: normal; font-size: 13px; border-radius: 3px; } .flip-clock-before { display: none; } .sticky-special-offers .flip-clock-wrapper ul { margin: 0!important; width: 20px!important; height: 42px!important; background: 0 0!important; font: 400 35px/56px sans-serif!important; } .sticky-special-offers .flip-clock-wrapper ul li a div.up:after { content: ""; position: absolute; top: 44px; left: 0; z-index: 5; width: 100%; height: 3px; background-color: transparent!important; } .sticky-special-offers .flip-clock-dot { display: block; background: #fff!important; width: 4px; height: 4px; position: absolute; border-radius: 50%; left: 0; } .sticky-special-offers .flip-clock-wrapper ul li a div div.inn { background-color: transparent; } .breadcrumb, .carousel-indicators, .dropdown-menu, .media-list, .nav, .pager { list-style: none; } .sticky-special-offers.flip-clock-before { display: none; } .sticky-wrapper .flip-clock-wrapper { float: right; margin-top: 10px; margin-left: -44px; display: inline-flex; direction: ltr; } .flip-clock-wrapper ul li, .flip-clock-wrapper ul li a div, .flip-clock-wrapper ul li a div .shadow, .flip-clock-wrapper ul li a div div.inn, .flip-clock-wrapper ul li a div.up:after { position: absolute!important; width: 100%!important; } .flip-clock-wrapper ul li { z-index: 1!important; left: 0!important; top: 0!important; height: 100%!important; line-height: 37px!important; text-decoration: none!important; } .flip-clock-wrapper ul li:first-child { z-index: 2!important; } .flip-clock-wrapper ul li a { display: block!important; height: 100%!important; margin: 0!important; overflow: visible!important; cursor: default!important; } .flip-clock-wrapper ul li a div { z-index: 1!important; left: 0!important; height: 50%!important; font-size: 28px!important; overflow: hidden!important; outline: transparent solid 1px!important; } .flip-clock-wrapper ul li a div .shadow { height: 100%!important; z-index: 2!important; } .flip-clock-wrapper ul li a div.up { -webkit-transform-origin: 50% 100%!important; -moz-transform-origin: 50% 100%!important; -ms-transform-origin: 50% 100%!important; -o-transform-origin: 50% 100%!important; transform-origin: 50% 100%!important; top: 0!important; } .flip-clock-wrapper ul li a div.up:after { content: ""!important; top: 44px!important; left: 0!important; z-index: 5!important; height: 3px!important; background-color: #000; background-color: rgba(0, 0, 0, .4)!important; } .flip-clock-wrapper ul li a div.down { -webkit-transform-origin: 50% 0!important; -moz-transform-origin: 50% 0!important; -ms-transform-origin: 50% 0!important; -o-transform-origin: 50% 0!important; transform-origin: 50% 0!important; bottom: 0!important; border-bottom-left-radius: 6px!important; border-bottom-right-radius: 6px!important; } .flip-clock-wrapper ul li a div div.inn { left: 0!important; z-index: 1!important; height: 200%!important; color: #fff!important; text-align: center!important; background-color: #3a3a3a; border-radius: 4px!important; } .flip-clock-wrapper ul li a div div.inn:first-child { display: none!important; } .sticky-special-offers .flip-clock-wrapper ul li a div.up div.inn { top: 0!important; font-size: 35px!important; } .flip-clock-wrapper ul li a div.up div.inn { top: 0!important; } .sticky-special-offers .flip-clock-wrapper ul li a div.down div.inn { bottom: 0!important; font-size: 35px!important; } .flip-clock-wrapper ul li a div.down div.inn { bottom: 0!important; } .flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3!important; } .flip-clock-wrapper .flip { margin-right: 2px!important; } .flip-clock-wrapper ul.play li.flip-clock-active { -webkit-animation: asd .5s .5s linear both!important; -moz-animation: asd .5s .5s linear both!important; animation: asd .5s .5s linear both!important; z-index: 5!important; } .flip-clock-divider { float: left!important; display: inline-block; position: relative!important; width: 7px!important; height: 44px!important; right: 0; } .flip-clock-divider:first-child { width: 0!important; } .flip-clock-dot { display: block!important; background: #3a3a3a!important; width: 4px!important; height: 4px!important; position: absolute!important; border-radius: 50%!important; left: 0!important; } .flip-clock-divider .flip-clock-label, .flip-clock-divider.minutes .flip-clock-label, .flip-clock-divider.seconds .flip-clock-label { display: none!important; } .flip-clock-dot.top { top: 12px!important; } .flip-clock-dot.bottom { bottom: 20px!important; } .flip-clock-wrapper ul.play li.flip-clock-active .down { z-index: 2!important; -webkit-animation: turn .5s .5s linear both!important; -moz-animation: turn .5s .5s linear both!important; animation: turn .5s .5s linear both!important; } .flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2!important; -webkit-animation: turn2 .5s linear both!important; -moz-animation: turn2 .5s linear both!important; animation: turn2 .5s linear both!important; } .flip-clock-wrapper ul li.flip-clock-active { z-index: 3!important; } .bigi-special-image { width: 40%; display: -webkit-inline-box; display: -moz-inline-box; display: inline-box; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-align: end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; -ms-flex-align: end; box-pack: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; position: relative; text-align: center; } .special_offers .discount { position: absolute; top: 17px; right: 10px; transform: translateY(-10%); display: -webkit-inline-box; display: -moz-inline-box; display: inline-box; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-align: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; box-orient: horizontal; box-direction: normal; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; -webkit-box-lines: single; -moz-box-lines: single; box-lines: single; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: hidden; height: 28px; border-radius: 3px; background: #fb3449; color: #fff; } .special_offers .discount__amount { padding: 0 7px 0 3px; font-size: 23px; font-family: IRANYekan; } .special_offers .takhfifat { background: #e5494a; font-size: 14px; text-align: center; font-family: IRANYekan, Titillium Web; padding: 0 8px; } .special_offers .woocommerce-Price-currencySymbol { font: 14px IRANYekan!important; } .bigi-special-des { float: left; padding: 0 10px 0 25px; width: 50%; } .bigi-product-title { margin: 15px 0 0; font-size: 14px; line-height: 26px; min-height: 52px; color: #373737; } .bigi-special-product-finish { position: absolute; right: 110px; bottom: 50%; margin-bottom: -23px; } .bigi-special-offers-homepage-page a:active, .bigi-special-offers-homepage-page a:focus, .bigi-special-offers-homepage-page a:hover { color: #fff!important; } .bigi-adaptive-slider { margin-top: 10px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .24); background: #eaeaea; } .bigi-adaptive-flip-clock { padding: 12px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; text-align: right; font-size: 13px; color: #000; background: #eaeaea; } .bigi-adaptive-timer-icon { overflow: hidden; height: 30px; width: 30px; fill: #5b5b5b; content: ''; background: url(../img/clock.png) 100% center no-repeat; margin: 5px 5px 10px 10px; } .bigi-adaptive-flip-clock>span { display: -webkit-inline-box; display: -moz-inline-box; display: inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; padding: 0; } .bigi-adaptive-product { position: relative; margin: 0 0 20px 10px; white-space: nowrap; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .24); width: 52vw; background: #fff; border-radius: 4px; text-align: center; overflow: hidden; min-width: 205px; } .bigi-adaptive-product .secondary { display: none; } .bigi-adaptive-title { display: block; color: #333; font-size: 11px; padding: 0 10px; text-decoration: none!important; text-overflow: ellipsis; } .bigi-adaptive-image { margin: 10px auto 45px; display: block; width: 150px; height: 150px; } .new-price, .old-price { padding: 0 7px; height: 25px; font-weight: 100; } .bigi-adaptive-prices { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; color: #fff; margin-top: 6px; } .old-price { position: relative; background-color: grey; border-radius: 0 4px 4px 0; font-size: 15px; min-width: 31%; line-height: 29px; } .old-price .woocommerce-Price-currencySymbol { display: none; } .new-price { background: #fe5353; font-size: 15px; min-width: 38%; line-height: 28px; border-radius: 4px 0 0 4px; text-align: center; } .old-price:before { content: ""; position: absolute; top: 11px; right: 9px; bottom: 0; left: 0; border-bottom: 1px solid #fe5353; z-index: 2; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); height: 0; width: 70%; } .bigi-timer .hour, .bigi-timer .minutes { width: 35px; background: #5c5c5c; color: #fff; border-radius: 2px; line-height: 5px; height: 25px; padding-top: 7px; text-align: center; } .bigi-timer { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: single; -moz-box-lines: single; box-lines: single; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; min-width: 82px; direction: ltr; margin-left: 5px; } .bigi-timer .minutes { display: -webkit-inline-grid; display: -moz-inline-grid; display: -ms-inline-grid; display: inline-grid; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bigi-timer .hour { display: -webkit-inline-box; display: -moz-inline-box; display: inline-box; display: -webkit-inline-grid; display: -moz-inline-grid; display: -ms-inline-grid; display: inline-grid; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bigi-timer-seprator { font-weight: 600; display: inline-block; font-size: 16px; padding: 0 3px; } .bigi-timer .hour span, .bigi-timer .minutes span { font-size: 9px; color: #d3d3d3; margin: 0; } .bigi-adaptive-flip-clock span { float: right; margin-right: -20px; font-size: 12px; } .wonders { max-width: 70%; } .bigi-adaptive-finish { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 4; pointer-events: none; } .carousel--incredible__button { margin: -10px 10px 10px; display: block; background: #2196f3; color: #fff; font-size: 3.5vw; line-height: 45px; border-radius: 3px; text-align: center; } @media (max-width:720px) { .bigi-special-product { background: #fff; border: 1px solid #ebeced; color: #4d4d4d; font: 400 11px/37px IRANYekan, Titillium Web; overflow: hidden; margin: 0 auto 10px; min-height: auto; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); width: 100%; } .bigi-product-view { margin-bottom: 10px; } .bigi-special-image { vertical-align: middle; top: 40%; margin-top: 5%; } .special_offers .discount { position: absolute; top: -8px; right: 0; transform: translateY(-10%); border-radius: 0!important; } .special_offers .discount__amount { font-size: 14px; } .special_offers .woocommerce-Price-currencySymbol { font: 10px IRANYekan!important; } .special_offers .takhfifat { font-size: 12px; } .bigi-product-attributes { background: #fafafa; padding: 10px; margin: 0; height: 62px; color: #7a7a7a; font-size: 11px; overflow: hidden; border-radius: 2px; } .bigi-product-title { margin: 15px 0 0; color: #373737; font-size: 12px; line-height: 35px; min-height: 20px; } .bigi-product-attributes p { margin: 0; } .bigi-product-view, .bigi-product-view a { font-size: 2.6vw; } .bigi-product-view { padding: 1vw 1.8vw; } .promotion__timer { display: none; } .bigi-product-sale-price { position: relative; font-size: 17px; color: #fa3348; padding-left: 55px; margin-top: -15px; } } .promotion { margin: 0 auto; text-align: center; } .bigi-product-view, .bigi-product-view a { color: #fff!important; } .sticky-wrapper .hours { display: none; } .sticky-wrapper .flip-clock-divider { margin-top: 4px; } .bigi-adaptive-title a { font-family: IRANYekan, Titillium Web; display: block; color: #333; font-size: 13px; padding: 0 10px; text-decoration: none!important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 35ex; margin: 0 auto; } .carousel--incredible__button { font-family: IRANYekan; } .new-price .woocommerce-Price-currencySymbol { font-family: IRANYekan, Titillium Web; font-size: 10px; padding: 0; line-height: 17px; } .columnone label { overflow: hidden; top: 0; right: 15px; height: 46px; display: block; border-radius: 0 0 24px 24px; width: 264px; z-index: 99; font-size: 0!important; background: url(../img/specialoffer.png) center no-repeat #ef5661; position: absolute; text-align: right; } .bigi-special-offers-homepage-page a::after, .bigi-special-offers-homepage-page a::before { content: "\E010"; font-family: bigikala; z-index: 2; transform: rotate(-180deg); position: absolute; display: block; } .bigi-special-offers-homepage-page a::after { right: -42px; font-size: 23px; top: 10px; } .bigi-special-offers-homepage-page a::after, .columnone h3 { overflow: hidden; font-weight: 700; text-align: right; box-sizing: border-box; } .bigi-special-offers-homepage-page a::before { top: -18px; background: hsla(0, 0%, 100%, .21); border-radius: 50%; transition: all .3s ease-in-out; right: -52px; font-size: 21px; width: 90px; height: 90px; line-height: 94px; text-align: right; padding-right: 12px; } .bigi-adaptive-flip-clock span, .bigi-adaptive-title, .bigi-product-title, .bigi-special-offers-homepage-page a, .bigi-timer, .bigi-timer .hour, .bigi-timer .minutes, .new-price, .old-price { font-family: IRANYekan, Titillium Web; } ul.lofslidersmain li .wc-thumb { float: right; margin-top: 55px; width: 45%; height: 382px; margin-left: 3%; text-align: center; } .lofslidervoc .wc-descrip, lofslidervoc .wc-descrip { float: right; overflow: hidden; box-sizing: border-box; text-align: justify; } ul.lofslidersmain li .wc-thumb img { margin: 20px 35px; max-width: 290px; max-height: 290px; } lofslidervoc .wc-descrip { width: 50%; margin-right: 2%; padding: 20px; margin-top: 25px; } .columnone h3 { display: block; width: 100%; font-size: 16px!important; line-height: 1.5; max-width: 100%; margin: 10px 0; color: #333; font-family: IRANYekan, Titillium Web; } .lofslidervoc .wc-descrip span, .lofslidervoc .wc-descrip span a, ul.lofslidersmain li .wc-thumb a { color: #000; } .columntwo { font: 13px/18px IRANYekan, Titillium Web; min-height: 90px; max-height: 90px; margin-top: 0; white-space: pre-line; color: #494949; padding-right: 5px; } .lofslidervoc ul.navigator-wrap-inner li span { display: block; overflow: hidden; box-sizing: border-box; width: 97%; padding: 0 5px; text-overflow: ellipsis; } .lofslidervoc ul.navigator-wrap-inner li::before { position: absolute; right: -9px; width: 6px; background-color: #ef5661; border-radius: 3px; top: 0; content: ""; opacity: 0; max-width: 100%; height: 100%; transition: all .15s ease-in; transition-delay: 0s; } .lofslidervoc .wc-descrip { width: 50%; margin-right: 2%; padding: 20px; margin-top: 25px; } .lofslidervoc .navigator-content { float: left; width: 25%; border-right: 1px solid #e5e5e5; background-color: #f5f5f5; } .columncounter { border-top: 1px solid #eaeaea; } .columnone dell span { display: block; font-size: 1.143rem; line-height: 23px; position: relative; color: #727272!important; vertical-align: middle; white-space: nowrap; text-decoration: line-through; } .columnone inss span { font-size: 20px; line-height: 35px; color: #ef5662!important; font-family: IRANYekan; } .columnone inss { font-size: 20px; line-height: 27px; letter-spacing: .3px; color: #ef5661!important; font-weight: 700; } .columnone dell span { font-family: IRANYekan, Titillium Web; } .flip-clock-wrapper ul li a div div.inn { font-size: 22px!important; } .flip-clock-wrapper ul { position: relative!important; float: left!important; display: inline-block!important; width: 23px!important; height: 33px!important; background: #3a3a3a; color: transparent!important; text-align: center!important; border-radius: 4px!important; margin-right: 2px!important; font-size: 10px!important; line-height: 40px!important; } .columntwo { margin: 30px 0; } .promotion__header.fixed { display: none; } .lofslidervoc .navigator-wrapper { position: relative; z-index: 10; float: left; width: 107% !important; height: 382px !important; } .bigi-special-offers-homepage-page a { display: block; padding-right: 38px; height: 48px; line-height: 48px; cursor: pointer; background: #00bfd6; color: #fff !important; box-shadow: none !important; font-size: 13px; text-align: center; border-radius: 0 !important; bottom: -28px; position: absolute; width: 94%; overflow: hidden; font-family: IRANYekan, Titillium Web !important; left: 0; } .flip-clock-wrapper ul { background: transparent !important; } .discount__amount span.amount { white-space: nowrap; color: #fff; font-weight: bold; } .bigi-product-old-price span.amount { white-space: nowrap; color: #b6b4b4; font-weight: bold; } .lofslidervoc .navigator-wrapper { width: 100% !important; } .bigi-special-offers-homepage-page a { width: 100%; } .flip-clock-wrapper ul li a div div.inn { background-color: transparent; font-family: IRANYekan !important; font-weight: bold; font-size: 35px !important; color: #5d5d5d !important; } .columnone inss span,.columnone dell span { font-family: IRANYekan; } .bigi-adaptive-flip-clock span, .bigi-adaptive-title, .bigi-product-title, .bigi-special-offers-homepage-page a, .bigi-timer, .bigi-timer .hour, .bigi-timer .minutes, .new-price, .old-price { font-family: IRANYekan !important; } .lofslidervoc .navigator-content { float: left !important; } .entry-content #lofslider ul, .entry-content #lofslider ol { margin: 0; padding: 0; } .bigi-adaptive-image { margin: 10px auto; } .new-price span.amount, .old-price span.amount { color: #fff; } @media only screen and (max-width: 600px) { .product_bar { display: flex; background: #fff5f5; } .flip-clock-wrapper ul li a div div.inn { font-size: 14px !important; } .flip-clock-wrapper ul { width: 9px !important; height: 30px !important; } .flip-clock-dot.top { top: 15px !important; } .flip-clock-dot { width: 3px !important; height: 3px !important; left: 0 !important; } .product_bar_price { margin-left: 0; } .product_bar_price inss { font: 18px/28px IRANYekan, Titillium Web; } .product_bar_dis { font: 14px/26px IRANYekan, Titillium Web; width: 54px; } #bigiCountDown.small { float: right; } }