diff --git a/assets/css/style.css b/assets/css/style.css index 99fe51e..7bb7525 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,3572 +1,3572 @@ @font-face { - font-family: "ExpoArabic"; - src: url(../fonts/ExpoArabic/ExpoArabic-Medium.ttf); - font-weight: 700; + font-family: "ExpoArabic"; + src: url(../fonts/ExpoArabic/ExpoArabic-Medium.ttf); + font-weight: 700; } @font-face { - font-family: "ExpoArabic"; - src: url(../fonts/ExpoArabic/ExpoArabic-Book.ttf); - font-weight: 500; + font-family: "ExpoArabic"; + src: url(../fonts/ExpoArabic/ExpoArabic-Book.ttf); + font-weight: 500; } @font-face { - font-family: "ExpoArabic"; - src: url(../fonts/ExpoArabic/ExpoArabic-SemiBold.ttf); - font-weight: 900; + font-family: "ExpoArabic"; + src: url(../fonts/ExpoArabic/ExpoArabic-SemiBold.ttf); + font-weight: 900; } * { - margin: 0px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - font-family: "ExpoArabic", sans-serif; - scroll-behavior: smooth; + margin: 0px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-family: "ExpoArabic", sans-serif; + scroll-behavior: smooth; } *::-moz-selection { - background-color: #6e1214; - color: #fff; + background-color: #6e1214; + color: #fff; } *::selection { - background-color: #6e1214; - color: #fff; + background-color: #6e1214; + color: #fff; } *::-webkit-scrollbar { - width: 8px; + width: 8px; } *::-webkit-scrollbar-track { - background-color: #ccc; + background-color: #ccc; } *::-webkit-scrollbar-thumb { - background: #6e1214; - border-radius: 8px; + background: #6e1214; + border-radius: 8px; } *::-webkit-scrollbar-thumb:hover { - background: #808080; + background: #808080; } .overflowNone { - overflow: hidden; + overflow: hidden; } .btn:focus, button:focus, input:focus, .form-control:focus { - outline-width: 0px !important; - outline-color: transparent !important; - -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); - box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + outline-width: 0px !important; + outline-color: transparent !important; + -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } a { - text-decoration: none !important; + text-decoration: none !important; } ul { - list-style: none; - margin: 0px; - padding: 0px; + list-style: none; + margin: 0px; + padding: 0px; } .owl-theme .owl-dots .owl-dot span { - width: 20px; - height: 4px; - border-radius: 4px; - background-color: #ffd371; - opacity: 0.5; - -webkit-transition: all 0.5s linear; - transition: all 0.5s linear; + width: 20px; + height: 4px; + border-radius: 4px; + background-color: #ffd371; + opacity: 0.5; + -webkit-transition: all 0.5s linear; + transition: all 0.5s linear; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { - opacity: 1; + opacity: 1; } .overflowNone { - overflow: hidden; + overflow: hidden; } .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev, .swiper-container-horizontal .swiper-button-next, .swiper-container-horizontal .swiper-button-prev { - background-image: unset; - width: 35px; - height: 35px; - border: 1px solid transparent; - border-radius: 10px; - background-image: unset; - background-color: #000; - color: var(--primary); - -webkit-transition: all 0.3s linear; - transition: all 0.3s linear; - opacity: 0.7; + background-image: unset; + width: 35px; + height: 35px; + border: 1px solid transparent; + border-radius: 10px; + background-image: unset; + background-color: #000; + color: var(--primary); + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; + opacity: 0.7; } .swiper-container .swiper-button-next::before, .swiper-container .swiper-button-prev::before, .swiper-container-horizontal .swiper-button-next::before, .swiper-container-horizontal .swiper-button-prev::before { - font-family: "Font Awesome 5 Free"; - font-weight: 900; - width: 35px; - height: 35px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; - font-size: 15px; - color: var(--primary); - -webkit-transition: all 0.3s linear; - transition: all 0.3s linear; + font-family: "Font Awesome 5 Free"; + font-weight: 900; + width: 35px; + height: 35px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + font-size: 15px; + color: var(--primary); + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; } .swiper-container .swiper-button-next:hover, .swiper-container .swiper-button-prev:hover, .swiper-container-horizontal .swiper-button-next:hover, .swiper-container-horizontal .swiper-button-prev:hover { - background-color: var(--primary); - opacity: 1; + background-color: var(--primary); + opacity: 1; } .swiper-container .swiper-button-next:hover::before, .swiper-container .swiper-button-prev:hover::before, .swiper-container-horizontal .swiper-button-next:hover::before, .swiper-container-horizontal .swiper-button-prev:hover::before { - color: #fff; + color: #fff; } .swiper-container .swiper-button-next::before, .swiper-container-horizontal .swiper-button-next::before { - content: "\f0d9"; + content: "\f0d9"; } .swiper-container .swiper-button-prev::before, .swiper-container-horizontal .swiper-button-prev::before { - content: "\f0da"; + content: "\f0da"; } .buttons-contain { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .buttons-contain .btn-contain { - width: 100%; - height: 50px; - background-color: var(--primary); - border-radius: 10px; - color: #fff; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - position: relative; - overflow: hidden; - z-index: 9; - outline: none !important; - border: 0px !important; - -webkit-margin-start: 10px; - margin-inline-start: 10px; + width: 100%; + height: 50px; + background-color: var(--primary); + border-radius: 10px; + color: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + position: relative; + overflow: hidden; + z-index: 9; + outline: none !important; + border: 0px !important; + -webkit-margin-start: 10px; + margin-inline-start: 10px; } .buttons-contain .btn-contain.red-btn { - background-color: #f00 !important; + background-color: #f00 !important; } .buttons-contain .btn-contain:last-child { - background-color: var(--secondary); - -webkit-margin-start: 10px; - margin-inline-start: 10px; + background-color: var(--secondary); + -webkit-margin-start: 10px; + margin-inline-start: 10px; } .buttons-contain .btn-contain.active { - background-color: #f00 !important; + background-color: #f00 !important; } .buttons-contain .btn-contain::after { - content: ""; - position: absolute; - width: 0%; - height: 100%; - background-color: var(--secondary); - top: 0; - left: 0; - z-index: -1; - -webkit-transition: all 0.4s linear; - transition: all 0.4s linear; + content: ""; + position: absolute; + width: 0%; + height: 100%; + background-color: var(--secondary); + top: 0; + left: 0; + z-index: -1; + -webkit-transition: all 0.4s linear; + transition: all 0.4s linear; } .buttons-contain .btn-contain:hover::after { - width: 100%; + width: 100%; } .heading { - width: 100%; - text-align: center; - margin-bottom: 50px; + width: 100%; + text-align: center; + margin-bottom: 50px; } .heading h1 { - color: var(--dark); - font-size: 30px; - font-weight: 900; - margin-bottom: 20px; + color: var(--dark); + font-size: 30px; + font-weight: 900; + margin-bottom: 20px; } .heading p { - color: #808080; - font-size: 15px; - font-weight: 500; - margin: 0px; + color: #808080; + font-size: 15px; + font-weight: 500; + margin: 0px; } .general-section { - width: 100%; - padding: 50px 0px; - background-color: var(--light); + width: 100%; + padding: 50px 0px; + background-color: var(--light); } .general-section .buttons-contain { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .product-box { - position: relative; - width: 100%; - border-radius: 9px; - overflow: hidden; - background-color: var(--light); - -webkit-box-shadow: 0px 0px 2px 0px #800000; - box-shadow: 0px 0px 2px 0px #800000; - -webkit-transition: all 0.3s linear; - transition: all 0.3s linear; + position: relative; + width: 100%; + border-radius: 9px; + overflow: hidden; + background-color: var(--light); + -webkit-box-shadow: 0px 0px 2px 0px #800000; + box-shadow: 0px 0px 2px 0px #800000; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; } .product-box .image-content { - width: 100%; - height: 200px; + width: 100%; + height: 200px; } .product-box .image-content .product-img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - -o-object-position: center; - object-position: center; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + -o-object-position: center; + object-position: center; } .product-box .image-content .fav-icon { - position: absolute; - left: 20px; - top: 10px; + position: absolute; + left: 20px; + top: 10px; } @media (max-width: 600px) { - .product-box .image-content .fav-icon { - left: 5px; - top: 5px; - } + .product-box .image-content .fav-icon { + left: 5px; + top: 5px; + } } .product-box .content { - width: 100%; - padding: 10px 10px; + width: 100%; + padding: 10px 10px; } .product-box .content .head { - color: var(--dark); - font-size: 16px; - font-weight: 700; - margin: 0px; - display: block; - text-align: center; + color: var(--dark); + font-size: 16px; + font-weight: 700; + margin: 0px; + display: block; + text-align: center; } .product-box .content p { - color: #808080; - font-size: 12px; - font-weight: 500; - /* margin-top: 10px; */ - text-align: center; + color: #808080; + font-size: 12px; + font-weight: 500; + /* margin-top: 10px; */ + text-align: center; } .product-box .content .price { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - margin: 10px 0px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + margin: 10px 0px; } .product-box .content .price p { - margin: 0px; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; + margin: 0px; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; } .product-box .content .price p:last-child { - -webkit-margin-start: 15px; - margin-inline-start: 15px; + -webkit-margin-start: 15px; + margin-inline-start: 15px; } .product-box .content .price p.price-after { - color: #333; - font-size: 15px; - font-weight: 500; - padding: 0px 10px; - text-decoration: line-through; + color: #333; + font-size: 15px; + font-weight: 500; + padding: 0px 10px; + text-decoration: line-through; } .product-box .content .price p.price-before { - color: var(--primary); - font-size: 18px; - font-weight: 900; + color: var(--primary); + font-size: 18px; + font-weight: 900; } .product-box .content .buttons-data { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -ms-flex-pack: distribute; - justify-content: space-around; - width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -ms-flex-pack: distribute; + justify-content: space-around; + width: 100%; } .product-box .content .buttons-data .btn-data { - width: 100% !important; - height: 55px; - background-color: #800000; - border-radius: 9px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-line-pack: center; - align-content: center; - border: 0px; - outline: none; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - overflow: hidden; + width: 100% !important; + height: 55px; + background-color: #800000; + border-radius: 9px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-line-pack: center; + align-content: center; + border: 0px; + outline: none; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + overflow: hidden; } .product-box .content .buttons-data .btn-data span { - color: #fff; - font-size: 10px; - font-weight: 500; - -webkit-margin-start: 4px; - margin-inline-start: 4px; + color: #fff; + font-size: 10px; + font-weight: 500; + -webkit-margin-start: 4px; + margin-inline-start: 4px; } .product-box .content .buttons-data .btn-data img { - width: 15px; - height: 15px; - -o-object-fit: contain; - object-fit: contain; + width: 15px; + height: 15px; + -o-object-fit: contain; + object-fit: contain; } .product-box .content .buttons-data .btn-data:hover img { - -webkit-animation: none; - animation: none; + -webkit-animation: none; + animation: none; } .product-box .content .buttons-data .btn-data.active { - background-color: var(--secondary) !important; + background-color: var(--secondary) !important; } .product-box:hover { - -webkit-transform: translateY(-10px); - transform: translateY(-10px); + -webkit-transform: translateY(-10px); + transform: translateY(-10px); } @-webkit-keyframes bounce-in-fwd { - 0% { - -webkit-transform: scale(0); - transform: scale(0); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - 38% { - -webkit-transform: scale(1); - transform: scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - opacity: 1; - } - 55% { - -webkit-transform: scale(0.7); - transform: scale(0.7); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 72% { - -webkit-transform: scale(1); - transform: scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 81% { - -webkit-transform: scale(0.84); - transform: scale(0.84); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 89% { - -webkit-transform: scale(1); - transform: scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 95% { - -webkit-transform: scale(0.95); - transform: scale(0.95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } + 0% { + -webkit-transform: scale(0); + transform: scale(0); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + 38% { + -webkit-transform: scale(1); + transform: scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + opacity: 1; + } + 55% { + -webkit-transform: scale(0.7); + transform: scale(0.7); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 72% { + -webkit-transform: scale(1); + transform: scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 81% { + -webkit-transform: scale(0.84); + transform: scale(0.84); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 89% { + -webkit-transform: scale(1); + transform: scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 95% { + -webkit-transform: scale(0.95); + transform: scale(0.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } } @keyframes bounce-in-fwd { - 0% { - -webkit-transform: scale(0); - transform: scale(0); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - 38% { - -webkit-transform: scale(1); - transform: scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - opacity: 1; - } - 55% { - -webkit-transform: scale(0.7); - transform: scale(0.7); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 72% { - -webkit-transform: scale(1); - transform: scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 81% { - -webkit-transform: scale(0.84); - transform: scale(0.84); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 89% { - -webkit-transform: scale(1); - transform: scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 95% { - -webkit-transform: scale(0.95); - transform: scale(0.95); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } + 0% { + -webkit-transform: scale(0); + transform: scale(0); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + 38% { + -webkit-transform: scale(1); + transform: scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + opacity: 1; + } + 55% { + -webkit-transform: scale(0.7); + transform: scale(0.7); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 72% { + -webkit-transform: scale(1); + transform: scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 81% { + -webkit-transform: scale(0.84); + transform: scale(0.84); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 89% { + -webkit-transform: scale(1); + transform: scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 95% { + -webkit-transform: scale(0.95); + transform: scale(0.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 100% { + -webkit-transform: scale(1); + transform: scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } } @-webkit-keyframes bounce-in-top { - 0% { - -webkit-transform: translateY(-50px); - transform: translateY(-50px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - 38% { - -webkit-transform: translateY(0); - transform: translateY(0); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - opacity: 1; - } - 55% { - -webkit-transform: translateY(-20px); - transform: translateY(-20px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 72% { - -webkit-transform: translateY(0); - transform: translateY(0); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 81% { - -webkit-transform: translateY(-15px); - transform: translateY(-15px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 90% { - -webkit-transform: translateY(0); - transform: translateY(0); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 95% { - -webkit-transform: translateY(-4px); - transform: translateY(-4px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } + 0% { + -webkit-transform: translateY(-50px); + transform: translateY(-50px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + 38% { + -webkit-transform: translateY(0); + transform: translateY(0); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + opacity: 1; + } + 55% { + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 72% { + -webkit-transform: translateY(0); + transform: translateY(0); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 81% { + -webkit-transform: translateY(-15px); + transform: translateY(-15px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 90% { + -webkit-transform: translateY(0); + transform: translateY(0); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 95% { + -webkit-transform: translateY(-4px); + transform: translateY(-4px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } } @keyframes bounce-in-top { - 0% { - -webkit-transform: translateY(-50px); - transform: translateY(-50px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - 38% { - -webkit-transform: translateY(0); - transform: translateY(0); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - opacity: 1; - } - 55% { - -webkit-transform: translateY(-20px); - transform: translateY(-20px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 72% { - -webkit-transform: translateY(0); - transform: translateY(0); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 81% { - -webkit-transform: translateY(-15px); - transform: translateY(-15px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 90% { - -webkit-transform: translateY(0); - transform: translateY(0); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 95% { - -webkit-transform: translateY(-4px); - transform: translateY(-4px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } + 0% { + -webkit-transform: translateY(-50px); + transform: translateY(-50px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + 38% { + -webkit-transform: translateY(0); + transform: translateY(0); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + opacity: 1; + } + 55% { + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 72% { + -webkit-transform: translateY(0); + transform: translateY(0); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 81% { + -webkit-transform: translateY(-15px); + transform: translateY(-15px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 90% { + -webkit-transform: translateY(0); + transform: translateY(0); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 95% { + -webkit-transform: translateY(-4px); + transform: translateY(-4px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } } @-webkit-keyframes bounce-in-left { - 0% { - -webkit-transform: translateX(-30px); - transform: translateX(-30px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - 38% { - -webkit-transform: translateX(0); - transform: translateX(0); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - opacity: 1; - } - 55% { - -webkit-transform: translateX(-20px); - transform: translateX(-20px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 72% { - -webkit-transform: translateX(0); - transform: translateX(0); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 81% { - -webkit-transform: translateX(-10px); - transform: translateX(-10px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 90% { - -webkit-transform: translateX(0); - transform: translateX(0); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 95% { - -webkit-transform: translateX(-4px); - transform: translateX(-4px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } + 0% { + -webkit-transform: translateX(-30px); + transform: translateX(-30px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + 38% { + -webkit-transform: translateX(0); + transform: translateX(0); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + opacity: 1; + } + 55% { + -webkit-transform: translateX(-20px); + transform: translateX(-20px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 72% { + -webkit-transform: translateX(0); + transform: translateX(0); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 81% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 90% { + -webkit-transform: translateX(0); + transform: translateX(0); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 95% { + -webkit-transform: translateX(-4px); + transform: translateX(-4px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } } @keyframes bounce-in-left { - 0% { - -webkit-transform: translateX(-30px); - transform: translateX(-30px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - opacity: 0; - } - 38% { - -webkit-transform: translateX(0); - transform: translateX(0); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - opacity: 1; - } - 55% { - -webkit-transform: translateX(-20px); - transform: translateX(-20px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 72% { - -webkit-transform: translateX(0); - transform: translateX(0); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 81% { - -webkit-transform: translateX(-10px); - transform: translateX(-10px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 90% { - -webkit-transform: translateX(0); - transform: translateX(0); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } - 95% { - -webkit-transform: translateX(-4px); - transform: translateX(-4px); - -webkit-animation-timing-function: ease-in; - animation-timing-function: ease-in; - } - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - } + 0% { + -webkit-transform: translateX(-30px); + transform: translateX(-30px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + 38% { + -webkit-transform: translateX(0); + transform: translateX(0); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + opacity: 1; + } + 55% { + -webkit-transform: translateX(-20px); + transform: translateX(-20px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 72% { + -webkit-transform: translateX(0); + transform: translateX(0); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 81% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 90% { + -webkit-transform: translateX(0); + transform: translateX(0); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 95% { + -webkit-transform: translateX(-4px); + transform: translateX(-4px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } } @-webkit-keyframes pulsecust { - 0% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } - 50% { - opacity: 0; - -webkit-transform: scale(1.4); - transform: scale(1.4); - } - 100% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } + 50% { + opacity: 0; + -webkit-transform: scale(1.4); + transform: scale(1.4); + } + 100% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } } @keyframes pulsecust { - 0% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } - 50% { - opacity: 0; - -webkit-transform: scale(1.4); - transform: scale(1.4); - } - 100% { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } + 50% { + opacity: 0; + -webkit-transform: scale(1.4); + transform: scale(1.4); + } + 100% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } } @-webkit-keyframes pulse-shadow { - 100% { - -webkit-box-shadow: 0 0 0 10px rgba(255, 102, 0, 0), - 0 0 0 20px rgba(255, 102, 0, 0); - box-shadow: 0 0 0 10px rgba(255, 102, 0, 0), 0 0 0 20px rgba(255, 102, 0, 0); - } + 100% { + -webkit-box-shadow: 0 0 0 10px rgba(255, 102, 0, 0), + 0 0 0 20px rgba(255, 102, 0, 0); + box-shadow: 0 0 0 10px rgba(255, 102, 0, 0), 0 0 0 20px rgba(255, 102, 0, 0); + } } @keyframes pulse-shadow { - 100% { - -webkit-box-shadow: 0 0 0 10px rgba(255, 102, 0, 0), - 0 0 0 20px rgba(255, 102, 0, 0); - box-shadow: 0 0 0 10px rgba(255, 102, 0, 0), 0 0 0 20px rgba(255, 102, 0, 0); - } + 100% { + -webkit-box-shadow: 0 0 0 10px rgba(255, 102, 0, 0), + 0 0 0 20px rgba(255, 102, 0, 0); + box-shadow: 0 0 0 10px rgba(255, 102, 0, 0), 0 0 0 20px rgba(255, 102, 0, 0); + } } @-webkit-keyframes spinner { - 0% { - -webkit-transform: rotate(0deg) scale3d(1, 1, 1); - transform: rotate(0deg) scale3d(1, 1, 1); - } - 100% { - -webkit-transform: rotate(10deg) scale3d(1.5, 1.5, 1.5); - transform: rotate(10deg) scale3d(1.5, 1.5, 1.5); - } + 0% { + -webkit-transform: rotate(0deg) scale3d(1, 1, 1); + transform: rotate(0deg) scale3d(1, 1, 1); + } + 100% { + -webkit-transform: rotate(10deg) scale3d(1.5, 1.5, 1.5); + transform: rotate(10deg) scale3d(1.5, 1.5, 1.5); + } } @keyframes spinner { - 0% { - -webkit-transform: rotate(0deg) scale3d(1, 1, 1); - transform: rotate(0deg) scale3d(1, 1, 1); - } - 100% { - -webkit-transform: rotate(10deg) scale3d(1.5, 1.5, 1.5); - transform: rotate(10deg) scale3d(1.5, 1.5, 1.5); - } + 0% { + -webkit-transform: rotate(0deg) scale3d(1, 1, 1); + transform: rotate(0deg) scale3d(1, 1, 1); + } + 100% { + -webkit-transform: rotate(10deg) scale3d(1.5, 1.5, 1.5); + transform: rotate(10deg) scale3d(1.5, 1.5, 1.5); + } } @-webkit-keyframes pulse { - 0% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - opacity: 0; - } - 50% { - -webkit-transform: scale3d(0.8, 0.8, 0.8); - transform: scale3d(0.8, 0.8, 0.8); - opacity: 0.5; - } - 100% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - opacity: 1; - } + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 0; + } + 50% { + -webkit-transform: scale3d(0.8, 0.8, 0.8); + transform: scale3d(0.8, 0.8, 0.8); + opacity: 0.5; + } + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } } @keyframes pulse { - 0% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - opacity: 0; - } - 50% { - -webkit-transform: scale3d(0.8, 0.8, 0.8); - transform: scale3d(0.8, 0.8, 0.8); - opacity: 0.5; - } - 100% { - -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); - opacity: 1; - } + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 0; + } + 50% { + -webkit-transform: scale3d(0.8, 0.8, 0.8); + transform: scale3d(0.8, 0.8, 0.8); + opacity: 0.5; + } + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1; + } } /*dropdown animation*/ @-webkit-keyframes dropdown-animate { - 0% { - opacity: 0; - -webkit-transform: rotateX(-90deg); - transform: rotateX(-90deg); - } - 50% { - -webkit-transform: rotateX(20deg); - transform: rotateX(20deg); - } - 100% { - opacity: 1; - -webkit-transform: rotateX(0deg); - transform: rotateX(0deg); - } + 0% { + opacity: 0; + -webkit-transform: rotateX(-90deg); + transform: rotateX(-90deg); + } + 50% { + -webkit-transform: rotateX(20deg); + transform: rotateX(20deg); + } + 100% { + opacity: 1; + -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); + } } @keyframes dropdown-animate { - 0% { - opacity: 0; - -webkit-transform: rotateX(-90deg); - transform: rotateX(-90deg); - } - 50% { - -webkit-transform: rotateX(20deg); - transform: rotateX(20deg); - } - 100% { - opacity: 1; - -webkit-transform: rotateX(0deg); - transform: rotateX(0deg); - } + 0% { + opacity: 0; + -webkit-transform: rotateX(-90deg); + transform: rotateX(-90deg); + } + 50% { + -webkit-transform: rotateX(20deg); + transform: rotateX(20deg); + } + 100% { + opacity: 1; + -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); + } } @-webkit-keyframes rotation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 50% { - -webkit-transform: rotate(10deg); - transform: rotate(10deg); - } - 100% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 50% { + -webkit-transform: rotate(10deg); + transform: rotate(10deg); + } + 100% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } } @keyframes rotation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 50% { - -webkit-transform: rotate(10deg); - transform: rotate(10deg); - } - 100% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 50% { + -webkit-transform: rotate(10deg); + transform: rotate(10deg); + } + 100% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } } @-webkit-keyframes spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } } @keyframes spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } } @-webkit-keyframes wave { - 0%, - 100% { - -webkit-clip-path: polygon( - 0% 45%, - 15% 44%, - 32% 50%, - 54% 60%, - 70% 61%, - 84% 59%, - 100% 52%, - 100% 100%, - 0% 100% - ); - clip-path: polygon( - 0% 45%, - 15% 44%, - 32% 50%, - 54% 60%, - 70% 61%, - 84% 59%, - 100% 52%, - 100% 100%, - 0% 100% - ); - } - 50% { - -webkit-clip-path: polygon( - 0% 60%, - 16% 65%, - 34% 66%, - 51% 62%, - 67% 50%, - 84% 45%, - 100% 46%, - 100% 100%, - 0% 100% - ); - clip-path: polygon( - 0% 60%, - 16% 65%, - 34% 66%, - 51% 62%, - 67% 50%, - 84% 45%, - 100% 46%, - 100% 100%, - 0% 100% - ); - } + 0%, + 100% { + -webkit-clip-path: polygon( + 0% 45%, + 15% 44%, + 32% 50%, + 54% 60%, + 70% 61%, + 84% 59%, + 100% 52%, + 100% 100%, + 0% 100% + ); + clip-path: polygon( + 0% 45%, + 15% 44%, + 32% 50%, + 54% 60%, + 70% 61%, + 84% 59%, + 100% 52%, + 100% 100%, + 0% 100% + ); + } + 50% { + -webkit-clip-path: polygon( + 0% 60%, + 16% 65%, + 34% 66%, + 51% 62%, + 67% 50%, + 84% 45%, + 100% 46%, + 100% 100%, + 0% 100% + ); + clip-path: polygon( + 0% 60%, + 16% 65%, + 34% 66%, + 51% 62%, + 67% 50%, + 84% 45%, + 100% 46%, + 100% 100%, + 0% 100% + ); + } } @keyframes wave { - 0%, - 100% { - -webkit-clip-path: polygon( - 0% 45%, - 15% 44%, - 32% 50%, - 54% 60%, - 70% 61%, - 84% 59%, - 100% 52%, - 100% 100%, - 0% 100% - ); - clip-path: polygon( - 0% 45%, - 15% 44%, - 32% 50%, - 54% 60%, - 70% 61%, - 84% 59%, - 100% 52%, - 100% 100%, - 0% 100% - ); - } - 50% { - -webkit-clip-path: polygon( - 0% 60%, - 16% 65%, - 34% 66%, - 51% 62%, - 67% 50%, - 84% 45%, - 100% 46%, - 100% 100%, - 0% 100% - ); - clip-path: polygon( - 0% 60%, - 16% 65%, - 34% 66%, - 51% 62%, - 67% 50%, - 84% 45%, - 100% 46%, - 100% 100%, - 0% 100% - ); - } + 0%, + 100% { + -webkit-clip-path: polygon( + 0% 45%, + 15% 44%, + 32% 50%, + 54% 60%, + 70% 61%, + 84% 59%, + 100% 52%, + 100% 100%, + 0% 100% + ); + clip-path: polygon( + 0% 45%, + 15% 44%, + 32% 50%, + 54% 60%, + 70% 61%, + 84% 59%, + 100% 52%, + 100% 100%, + 0% 100% + ); + } + 50% { + -webkit-clip-path: polygon( + 0% 60%, + 16% 65%, + 34% 66%, + 51% 62%, + 67% 50%, + 84% 45%, + 100% 46%, + 100% 100%, + 0% 100% + ); + clip-path: polygon( + 0% 60%, + 16% 65%, + 34% 66%, + 51% 62%, + 67% 50%, + 84% 45%, + 100% 46%, + 100% 100%, + 0% 100% + ); + } } @-webkit-keyframes niceAnimate { - 0% { - -webkit-transform: scaleX(1); - transform: scaleX(1); - } - 50% { - -webkit-transform: scaleX(0); - transform: scaleX(0); - } - 100% { - -webkit-transform: scaleX(1); - transform: scaleX(1); - } + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + 50% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + } + 100% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } } @keyframes niceAnimate { - 0% { - -webkit-transform: scaleX(1); - transform: scaleX(1); - } - 50% { - -webkit-transform: scaleX(0); - transform: scaleX(0); - } - 100% { - -webkit-transform: scaleX(1); - transform: scaleX(1); - } + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + 50% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + } + 100% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } } @-webkit-keyframes translation { - 0% { - -webkit-transform: translateZ(0%); - transform: translateZ(0%); - } - 100% { - -webkit-transform: translateZ(10%); - transform: translateZ(10%); - } + 0% { + -webkit-transform: translateZ(0%); + transform: translateZ(0%); + } + 100% { + -webkit-transform: translateZ(10%); + transform: translateZ(10%); + } } @keyframes translation { - 0% { - -webkit-transform: translateZ(0%); - transform: translateZ(0%); - } - 100% { - -webkit-transform: translateZ(10%); - transform: translateZ(10%); - } + 0% { + -webkit-transform: translateZ(0%); + transform: translateZ(0%); + } + 100% { + -webkit-transform: translateZ(10%); + transform: translateZ(10%); + } } @-webkit-keyframes rotate-scale-up { - 0% { - -webkit-transform: scale(1) rotateZ(0); - transform: scale(1) rotateZ(0); - } - 50% { - -webkit-transform: scale(2) rotateZ(180deg); - transform: scale(2) rotateZ(180deg); - } - 100% { - -webkit-transform: scale(1) rotateZ(360deg); - transform: scale(1) rotateZ(360deg); - } + 0% { + -webkit-transform: scale(1) rotateZ(0); + transform: scale(1) rotateZ(0); + } + 50% { + -webkit-transform: scale(2) rotateZ(180deg); + transform: scale(2) rotateZ(180deg); + } + 100% { + -webkit-transform: scale(1) rotateZ(360deg); + transform: scale(1) rotateZ(360deg); + } } @keyframes rotate-scale-up { - 0% { - -webkit-transform: scale(1) rotateZ(0); - transform: scale(1) rotateZ(0); - } - 50% { - -webkit-transform: scale(2) rotateZ(180deg); - transform: scale(2) rotateZ(180deg); - } - 100% { - -webkit-transform: scale(1) rotateZ(360deg); - transform: scale(1) rotateZ(360deg); - } + 0% { + -webkit-transform: scale(1) rotateZ(0); + transform: scale(1) rotateZ(0); + } + 50% { + -webkit-transform: scale(2) rotateZ(180deg); + transform: scale(2) rotateZ(180deg); + } + 100% { + -webkit-transform: scale(1) rotateZ(360deg); + transform: scale(1) rotateZ(360deg); + } } @-webkit-keyframes fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } @keyframes fadeInUp { - from { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } @-webkit-keyframes fadeInLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } @keyframes fadeInLeft { - from { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } } @-webkit-keyframes vibrate { - 0% { - -webkit-transform: translate(0); - transform: translate(0); - } - 20% { - -webkit-transform: translate(-10px, 10px); - transform: translate(-10px, 10px); - } - 40% { - -webkit-transform: translate(-10px, -10px); - transform: translate(-10px, -10px); - } - 60% { - -webkit-transform: translate(10px, 10px); - transform: translate(10px, 10px); - } - 80% { - -webkit-transform: translate(10px, -10px); - transform: translate(10px, -10px); - } - 100% { - -webkit-transform: translate(0); - transform: translate(0); - } + 0% { + -webkit-transform: translate(0); + transform: translate(0); + } + 20% { + -webkit-transform: translate(-10px, 10px); + transform: translate(-10px, 10px); + } + 40% { + -webkit-transform: translate(-10px, -10px); + transform: translate(-10px, -10px); + } + 60% { + -webkit-transform: translate(10px, 10px); + transform: translate(10px, 10px); + } + 80% { + -webkit-transform: translate(10px, -10px); + transform: translate(10px, -10px); + } + 100% { + -webkit-transform: translate(0); + transform: translate(0); + } } @keyframes vibrate { - 0% { - -webkit-transform: translate(0); - transform: translate(0); - } - 20% { - -webkit-transform: translate(-10px, 10px); - transform: translate(-10px, 10px); - } - 40% { - -webkit-transform: translate(-10px, -10px); - transform: translate(-10px, -10px); - } - 60% { - -webkit-transform: translate(10px, 10px); - transform: translate(10px, 10px); - } - 80% { - -webkit-transform: translate(10px, -10px); - transform: translate(10px, -10px); - } - 100% { - -webkit-transform: translate(0); - transform: translate(0); - } + 0% { + -webkit-transform: translate(0); + transform: translate(0); + } + 20% { + -webkit-transform: translate(-10px, 10px); + transform: translate(-10px, 10px); + } + 40% { + -webkit-transform: translate(-10px, -10px); + transform: translate(-10px, -10px); + } + 60% { + -webkit-transform: translate(10px, 10px); + transform: translate(10px, 10px); + } + 80% { + -webkit-transform: translate(10px, -10px); + transform: translate(10px, -10px); + } + 100% { + -webkit-transform: translate(0); + transform: translate(0); + } } @-webkit-keyframes translateX { - 0%, - 100% { - -webkit-transform: translateX(2px); - transform: translateX(2px); - } - 50% { - -webkit-transform: translateX(-2px); - transform: translateX(-2px); - } + 0%, + 100% { + -webkit-transform: translateX(2px); + transform: translateX(2px); + } + 50% { + -webkit-transform: translateX(-2px); + transform: translateX(-2px); + } } @keyframes translateX { - 0%, - 100% { - -webkit-transform: translateX(2px); - transform: translateX(2px); - } - 50% { - -webkit-transform: translateX(-2px); - transform: translateX(-2px); - } + 0%, + 100% { + -webkit-transform: translateX(2px); + transform: translateX(2px); + } + 50% { + -webkit-transform: translateX(-2px); + transform: translateX(-2px); + } } @-webkit-keyframes translateY { - 0%, - 100% { - -webkit-transform: translateY(2px); - transform: translateY(2px); - } - 50% { - -webkit-transform: translateY(-2px); - transform: translateY(-2px); - } + 0%, + 100% { + -webkit-transform: translateY(2px); + transform: translateY(2px); + } + 50% { + -webkit-transform: translateY(-2px); + transform: translateY(-2px); + } } @keyframes translateY { - 0%, - 100% { - -webkit-transform: translateY(2px); - transform: translateY(2px); - } - 50% { - -webkit-transform: translateY(-2px); - transform: translateY(-2px); - } + 0%, + 100% { + -webkit-transform: translateY(2px); + transform: translateY(2px); + } + 50% { + -webkit-transform: translateY(-2px); + transform: translateY(-2px); + } } @-webkit-keyframes flip-in-hor-bottom { - 0% { - -webkit-transform: rotateX(80deg) translate(-50%, -50%); - transform: rotateX(80deg) translate(-50%, -50%); - opacity: 0; - } - 100% { - -webkit-transform: rotateX(0) translate(-50%, -50%); - transform: rotateX(0) translate(-50%, -50%); - opacity: 1; - } + 0% { + -webkit-transform: rotateX(80deg) translate(-50%, -50%); + transform: rotateX(80deg) translate(-50%, -50%); + opacity: 0; + } + 100% { + -webkit-transform: rotateX(0) translate(-50%, -50%); + transform: rotateX(0) translate(-50%, -50%); + opacity: 1; + } } @keyframes flip-in-hor-bottom { - 0% { - -webkit-transform: rotateX(80deg) translate(-50%, -50%); - transform: rotateX(80deg) translate(-50%, -50%); - opacity: 0; - } - 100% { - -webkit-transform: rotateX(0) translate(-50%, -50%); - transform: rotateX(0) translate(-50%, -50%); - opacity: 1; - } + 0% { + -webkit-transform: rotateX(80deg) translate(-50%, -50%); + transform: rotateX(80deg) translate(-50%, -50%); + opacity: 0; + } + 100% { + -webkit-transform: rotateX(0) translate(-50%, -50%); + transform: rotateX(0) translate(-50%, -50%); + opacity: 1; + } } @-webkit-keyframes shadow { - 0% { - -webkit-box-shadow: 0px 0px 35px -4px #00a4e6; - box-shadow: 0px 0px 35px -4px #00a4e6; - opacity: 0 !important; - } - 100% { - -webkit-box-shadow: 0px 0px 35px -4px rgba(0, 164, 230, 0); - box-shadow: 0px 0px 35px -4px rgba(0, 164, 230, 0); - } + 0% { + -webkit-box-shadow: 0px 0px 35px -4px #00a4e6; + box-shadow: 0px 0px 35px -4px #00a4e6; + opacity: 0 !important; + } + 100% { + -webkit-box-shadow: 0px 0px 35px -4px rgba(0, 164, 230, 0); + box-shadow: 0px 0px 35px -4px rgba(0, 164, 230, 0); + } } @keyframes shadow { - 0% { - -webkit-box-shadow: 0px 0px 35px -4px #00a4e6; - box-shadow: 0px 0px 35px -4px #00a4e6; - opacity: 0 !important; - } - 100% { - -webkit-box-shadow: 0px 0px 35px -4px rgba(0, 164, 230, 0); - box-shadow: 0px 0px 35px -4px rgba(0, 164, 230, 0); - } + 0% { + -webkit-box-shadow: 0px 0px 35px -4px #00a4e6; + box-shadow: 0px 0px 35px -4px #00a4e6; + opacity: 0 !important; + } + 100% { + -webkit-box-shadow: 0px 0px 35px -4px rgba(0, 164, 230, 0); + box-shadow: 0px 0px 35px -4px rgba(0, 164, 230, 0); + } } @-webkit-keyframes rotate { - 0% { - border-radius: 50% 60% 55% 40%; - } - 25% { - border-radius: 30% 10% 70% 20%; - } - 50% { - border-radius: 20% 40% 30% 60%; - } - 75% { - border-radius: 70% 20% 50% 30%; - } - 100% { - border-radius: 50% 60% 55% 40%; - } + 0% { + border-radius: 50% 60% 55% 40%; + } + 25% { + border-radius: 30% 10% 70% 20%; + } + 50% { + border-radius: 20% 40% 30% 60%; + } + 75% { + border-radius: 70% 20% 50% 30%; + } + 100% { + border-radius: 50% 60% 55% 40%; + } } @keyframes rotate { - 0% { - border-radius: 50% 60% 55% 40%; - } - 25% { - border-radius: 30% 10% 70% 20%; - } - 50% { - border-radius: 20% 40% 30% 60%; - } - 75% { - border-radius: 70% 20% 50% 30%; - } - 100% { - border-radius: 50% 60% 55% 40%; - } + 0% { + border-radius: 50% 60% 55% 40%; + } + 25% { + border-radius: 30% 10% 70% 20%; + } + 50% { + border-radius: 20% 40% 30% 60%; + } + 75% { + border-radius: 70% 20% 50% 30%; + } + 100% { + border-radius: 50% 60% 55% 40%; + } } @-webkit-keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(-30px); - transform: translateX(-30px); - } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); - } + 0% { + opacity: 0; + -webkit-transform: translateX(-30px); + transform: translateX(-30px); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } } @keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translateX(-30px); - transform: translateX(-30px); - } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); - } + 0% { + opacity: 0; + -webkit-transform: translateX(-30px); + transform: translateX(-30px); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } } @keyframes fadeInLeft { - 0% { - opacity: 0; - -webkit-transform: translateX(30px); - transform: translateX(30px); - } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); - } + 0% { + opacity: 0; + -webkit-transform: translateX(30px); + transform: translateX(30px); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } } @-webkit-keyframes move { - 25% { - opacity: 1; - } - 33% { - opacity: 1; - -webkit-transform: translateX(30px); - transform: translateX(30px); - } - 67% { - opacity: 1; - -webkit-transform: translateX(40px); - transform: translateX(40px); - } - 100% { - opacity: 0; - -webkit-transform: translateX(55px) scale3d(0.5, 0.5, 0.5); - transform: translateX(55px) scale3d(0.5, 0.5, 0.5); - } + 25% { + opacity: 1; + } + 33% { + opacity: 1; + -webkit-transform: translateX(30px); + transform: translateX(30px); + } + 67% { + opacity: 1; + -webkit-transform: translateX(40px); + transform: translateX(40px); + } + 100% { + opacity: 0; + -webkit-transform: translateX(55px) scale3d(0.5, 0.5, 0.5); + transform: translateX(55px) scale3d(0.5, 0.5, 0.5); + } } @keyframes move { - 25% { - opacity: 1; - } - 33% { - opacity: 1; - -webkit-transform: translateX(30px); - transform: translateX(30px); - } - 67% { - opacity: 1; - -webkit-transform: translateX(40px); - transform: translateX(40px); - } - 100% { - opacity: 0; - -webkit-transform: translateX(55px) scale3d(0.5, 0.5, 0.5); - transform: translateX(55px) scale3d(0.5, 0.5, 0.5); - } + 25% { + opacity: 1; + } + 33% { + opacity: 1; + -webkit-transform: translateX(30px); + transform: translateX(30px); + } + 67% { + opacity: 1; + -webkit-transform: translateX(40px); + transform: translateX(40px); + } + 100% { + opacity: 0; + -webkit-transform: translateX(55px) scale3d(0.5, 0.5, 0.5); + transform: translateX(55px) scale3d(0.5, 0.5, 0.5); + } } @-webkit-keyframes clip { - 0% { - -webkit-clip-path: polygon(57% 41%, 100% 0, 52% 46%, 0 100%); - clip-path: polygon(57% 41%, 100% 0, 52% 46%, 0 100%); - } - 50% { - -webkit-clip-path: polygon(57% 41%, 100% 0, 0 0, 0 100%); - clip-path: polygon(57% 41%, 100% 0, 0 0, 0 100%); - } - 100% { - -webkit-clip-path: polygon(100% 100%, 100% 0, 0 0, 0 100%); - clip-path: polygon(100% 100%, 100% 0, 0 0, 0 100%); - } + 0% { + -webkit-clip-path: polygon(57% 41%, 100% 0, 52% 46%, 0 100%); + clip-path: polygon(57% 41%, 100% 0, 52% 46%, 0 100%); + } + 50% { + -webkit-clip-path: polygon(57% 41%, 100% 0, 0 0, 0 100%); + clip-path: polygon(57% 41%, 100% 0, 0 0, 0 100%); + } + 100% { + -webkit-clip-path: polygon(100% 100%, 100% 0, 0 0, 0 100%); + clip-path: polygon(100% 100%, 100% 0, 0 0, 0 100%); + } } @keyframes clip { - 0% { - -webkit-clip-path: polygon(57% 41%, 100% 0, 52% 46%, 0 100%); - clip-path: polygon(57% 41%, 100% 0, 52% 46%, 0 100%); - } - 50% { - -webkit-clip-path: polygon(57% 41%, 100% 0, 0 0, 0 100%); - clip-path: polygon(57% 41%, 100% 0, 0 0, 0 100%); - } - 100% { - -webkit-clip-path: polygon(100% 100%, 100% 0, 0 0, 0 100%); - clip-path: polygon(100% 100%, 100% 0, 0 0, 0 100%); - } + 0% { + -webkit-clip-path: polygon(57% 41%, 100% 0, 52% 46%, 0 100%); + clip-path: polygon(57% 41%, 100% 0, 52% 46%, 0 100%); + } + 50% { + -webkit-clip-path: polygon(57% 41%, 100% 0, 0 0, 0 100%); + clip-path: polygon(57% 41%, 100% 0, 0 0, 0 100%); + } + 100% { + -webkit-clip-path: polygon(100% 100%, 100% 0, 0 0, 0 100%); + clip-path: polygon(100% 100%, 100% 0, 0 0, 0 100%); + } } @-webkit-keyframes sideClip { - 0% { - -webkit-clip-path: polygon(0 0, 100% 0, 0 0, 0 100%); - clip-path: polygon(0 0, 100% 0, 0 0, 0 100%); - } - 50% { - -webkit-clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%); - clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%); - } - 100% { - -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); - clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); - } + 0% { + -webkit-clip-path: polygon(0 0, 100% 0, 0 0, 0 100%); + clip-path: polygon(0 0, 100% 0, 0 0, 0 100%); + } + 50% { + -webkit-clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%); + clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%); + } + 100% { + -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); + clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); + } } @keyframes sideClip { - 0% { - -webkit-clip-path: polygon(0 0, 100% 0, 0 0, 0 100%); - clip-path: polygon(0 0, 100% 0, 0 0, 0 100%); - } - 50% { - -webkit-clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%); - clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%); - } - 100% { - -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); - clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); - } + 0% { + -webkit-clip-path: polygon(0 0, 100% 0, 0 0, 0 100%); + clip-path: polygon(0 0, 100% 0, 0 0, 0 100%); + } + 50% { + -webkit-clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%); + clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%); + } + 100% { + -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); + clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); + } } @-webkit-keyframes sideClip_2 { - 0% { - -webkit-clip-path: polygon( - 50% 0%, - 100% 0, - 100% 60%, - 100% 100%, - 55% 100%, - 31% 100%, - 46% 68%, - 70% 53%, - 60% 26% - ); - clip-path: polygon( - 50% 0%, - 100% 0, - 100% 60%, - 100% 100%, - 55% 100%, - 31% 100%, - 46% 68%, - 70% 53%, - 60% 26% - ); - } - 50% { - -webkit-clip-path: polygon( - 50% 0%, - 100% 0, - 100% 60%, - 100% 100%, - 55% 100%, - 31% 100%, - 46% 68%, - 26% 33%, - 11% 10% - ); - clip-path: polygon( - 50% 0%, - 100% 0, - 100% 60%, - 100% 100%, - 55% 100%, - 31% 100%, - 46% 68%, - 26% 33%, - 11% 10% - ); - } - 100% { - -webkit-clip-path: polygon( - 0 0, - 100% 0, - 100% 60%, - 100% 100%, - 55% 100%, - 0 100%, - 0 59%, - 0 31%, - 0 14% - ); - clip-path: polygon( - 0 0, - 100% 0, - 100% 60%, - 100% 100%, - 55% 100%, - 0 100%, - 0 59%, - 0 31%, - 0 14% - ); - } + 0% { + -webkit-clip-path: polygon( + 50% 0%, + 100% 0, + 100% 60%, + 100% 100%, + 55% 100%, + 31% 100%, + 46% 68%, + 70% 53%, + 60% 26% + ); + clip-path: polygon( + 50% 0%, + 100% 0, + 100% 60%, + 100% 100%, + 55% 100%, + 31% 100%, + 46% 68%, + 70% 53%, + 60% 26% + ); + } + 50% { + -webkit-clip-path: polygon( + 50% 0%, + 100% 0, + 100% 60%, + 100% 100%, + 55% 100%, + 31% 100%, + 46% 68%, + 26% 33%, + 11% 10% + ); + clip-path: polygon( + 50% 0%, + 100% 0, + 100% 60%, + 100% 100%, + 55% 100%, + 31% 100%, + 46% 68%, + 26% 33%, + 11% 10% + ); + } + 100% { + -webkit-clip-path: polygon( + 0 0, + 100% 0, + 100% 60%, + 100% 100%, + 55% 100%, + 0 100%, + 0 59%, + 0 31%, + 0 14% + ); + clip-path: polygon( + 0 0, + 100% 0, + 100% 60%, + 100% 100%, + 55% 100%, + 0 100%, + 0 59%, + 0 31%, + 0 14% + ); + } } @keyframes sideClip_2 { - 0% { - -webkit-clip-path: polygon( - 50% 0%, - 100% 0, - 100% 60%, - 100% 100%, - 55% 100%, - 31% 100%, - 46% 68%, - 70% 53%, - 60% 26% - ); - clip-path: polygon( - 50% 0%, - 100% 0, - 100% 60%, - 100% 100%, - 55% 100%, - 31% 100%, - 46% 68%, - 70% 53%, - 60% 26% - ); - } - 50% { - -webkit-clip-path: polygon( - 50% 0%, - 100% 0, - 100% 60%, - 100% 100%, - 55% 100%, - 31% 100%, - 46% 68%, - 26% 33%, - 11% 10% - ); - clip-path: polygon( - 50% 0%, - 100% 0, - 100% 60%, - 100% 100%, - 55% 100%, - 31% 100%, - 46% 68%, - 26% 33%, - 11% 10% - ); - } - 100% { - -webkit-clip-path: polygon( - 0 0, - 100% 0, - 100% 60%, - 100% 100%, - 55% 100%, - 0 100%, - 0 59%, - 0 31%, - 0 14% - ); - clip-path: polygon( - 0 0, - 100% 0, - 100% 60%, - 100% 100%, - 55% 100%, - 0 100%, - 0 59%, - 0 31%, - 0 14% - ); - } + 0% { + -webkit-clip-path: polygon( + 50% 0%, + 100% 0, + 100% 60%, + 100% 100%, + 55% 100%, + 31% 100%, + 46% 68%, + 70% 53%, + 60% 26% + ); + clip-path: polygon( + 50% 0%, + 100% 0, + 100% 60%, + 100% 100%, + 55% 100%, + 31% 100%, + 46% 68%, + 70% 53%, + 60% 26% + ); + } + 50% { + -webkit-clip-path: polygon( + 50% 0%, + 100% 0, + 100% 60%, + 100% 100%, + 55% 100%, + 31% 100%, + 46% 68%, + 26% 33%, + 11% 10% + ); + clip-path: polygon( + 50% 0%, + 100% 0, + 100% 60%, + 100% 100%, + 55% 100%, + 31% 100%, + 46% 68%, + 26% 33%, + 11% 10% + ); + } + 100% { + -webkit-clip-path: polygon( + 0 0, + 100% 0, + 100% 60%, + 100% 100%, + 55% 100%, + 0 100%, + 0 59%, + 0 31%, + 0 14% + ); + clip-path: polygon( + 0 0, + 100% 0, + 100% 60%, + 100% 100%, + 55% 100%, + 0 100%, + 0 59%, + 0 31%, + 0 14% + ); + } } @-webkit-keyframes toRightFromLeft { - 49% { - -webkit-transform: translate(100%); - transform: translate(100%); - } - 50% { - opacity: 0; - -webkit-transform: translate(-100%); - transform: translate(-100%); - } - 51% { - opacity: 1; - } + 49% { + -webkit-transform: translate(100%); + transform: translate(100%); + } + 50% { + opacity: 0; + -webkit-transform: translate(-100%); + transform: translate(-100%); + } + 51% { + opacity: 1; + } } @keyframes toRightFromLeft { - 49% { - -webkit-transform: translate(100%); - transform: translate(100%); - } - 50% { - opacity: 0; - -webkit-transform: translate(-100%); - transform: translate(-100%); - } - 51% { - opacity: 1; - } + 49% { + -webkit-transform: translate(100%); + transform: translate(100%); + } + 50% { + opacity: 0; + -webkit-transform: translate(-100%); + transform: translate(-100%); + } + 51% { + opacity: 1; + } } @-webkit-keyframes topBubbles { - 0% { - background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, - 40% 90%, 55% 90%, 70% 90%; - } - 50% { - background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, - 50% 50%, 65% 20%, 90% 30%; - } - 100% { - background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, - 50% 40%, 65% 10%, 90% 20%; - background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; - } + 0% { + background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, + 40% 90%, 55% 90%, 70% 90%; + } + 50% { + background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, + 50% 50%, 65% 20%, 90% 30%; + } + 100% { + background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, + 50% 40%, 65% 10%, 90% 20%; + background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; + } } @keyframes topBubbles { - 0% { - background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, - 40% 90%, 55% 90%, 70% 90%; - } - 50% { - background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, - 50% 50%, 65% 20%, 90% 30%; - } - 100% { - background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, - 50% 40%, 65% 10%, 90% 20%; - background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; - } + 0% { + background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, + 40% 90%, 55% 90%, 70% 90%; + } + 50% { + background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, + 50% 50%, 65% 20%, 90% 30%; + } + 100% { + background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, + 50% 40%, 65% 10%, 90% 20%; + background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; + } } @-webkit-keyframes bottomBubbles { - 0% { - background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, - 70% -10%, 70% 0%; - } - 50% { - background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, - 105% 0%; - } - 100% { - background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, - 110% 10%; - background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; - } + 0% { + background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, + 70% -10%, 70% 0%; + } + 50% { + background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, + 105% 0%; + } + 100% { + background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, + 110% 10%; + background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; + } } @keyframes bottomBubbles { - 0% { - background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, - 70% -10%, 70% 0%; - } - 50% { - background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, - 105% 0%; - } - 100% { - background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, - 110% 10%; - background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; - } + 0% { + background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, + 70% -10%, 70% 0%; + } + 50% { + background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, + 105% 0%; + } + 100% { + background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, + 110% 10%; + background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; + } } :root { - --primary: #6e1214; - --secondary: #8a0000; - --light: #fff; - --dark: #000; + --primary: #6e1214; + --secondary: #8a0000; + --light: #fff; + --dark: #000; } /* Sidebar */ .navbar-nav { - position: fixed; - top: 0; - left: -250px; - width: 250px; - height: 100%; - background-color: #333; - color: white; - padding-top: 20px; - transition: left 0.3s ease; - z-index: 1000; + position: fixed; + top: 0; + left: -250px; + width: 250px; + height: 100%; + background-color: #333; + color: white; + padding-top: 20px; + transition: left 0.3s ease; + z-index: 1000; } .navbar-nav ul { - list-style-type: none; - padding: 0; + list-style-type: none; + padding: 0; } .navbar-nav ul li { - padding: 15px; + padding: 15px; } .navbar-nav ul li a { - color: white; - text-decoration: none; + color: white; + text-decoration: none; } .navbar-nav.active-nav { - left: 0; + left: 0; } .overflowNone { - overflow: hidden; + overflow: hidden; } .navbar { - width: 100%; - padding: 10px 0px; - background-color: #800000; - /* position: fixed; */ - top: 0; - left: 0; - z-index: 999; - -webkit-transition: all 0.3s linear; - transition: all 0.3s linear; + width: 100%; + padding: 10px 0px; + background-color: #800000; + /* position: fixed; */ + top: 0; + left: 0; + z-index: 999; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; } .navbar.scrolled { - padding: 5px 0px; - -webkit-box-shadow: 0px 0px 10px rgba(110, 18, 20, 0.3); - box-shadow: 0px 0px 10px rgba(110, 18, 20, 0.3); + padding: 5px 0px; + -webkit-box-shadow: 0px 0px 10px rgba(110, 18, 20, 0.3); + box-shadow: 0px 0px 10px rgba(110, 18, 20, 0.3); } .navbar.scrolled .brand-name img { - height: 70px !important; + height: 70px !important; } .navbar .content { - width: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } .navbar .content .hamburger { - display: none; + display: none; } .navbar .content .hamburger .line { - width: 30px; - height: 3px; - background: white; - display: block; - margin: 8px auto; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; + width: 30px; + height: 3px; + background: white; + display: block; + margin: 8px auto; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } .navbar .content .hamburger.active { - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-transition-delay: 0.6s; - transition-delay: 0.6s; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + -webkit-transition-delay: 0.6s; + transition-delay: 0.6s; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .navbar .content .hamburger.active .line:nth-child(2) { - width: 0px; + width: 0px; } .navbar .content .hamburger.active .line:nth-child(1), .navbar .content .hamburger.active .line:nth-child(3) { - -webkit-transition-delay: 0.3s; - transition-delay: 0.3s; + -webkit-transition-delay: 0.3s; + transition-delay: 0.3s; } .navbar .content .hamburger.active .line:nth-child(1) { - -webkit-transform: translateY(6.5px); - transform: translateY(6.5px); + -webkit-transform: translateY(6.5px); + transform: translateY(6.5px); } .navbar .content .hamburger.active .line:nth-child(3) { - -webkit-transform: translateY(-15px) rotate(90deg); - transform: translateY(-15px) rotate(90deg); + -webkit-transform: translateY(-15px) rotate(90deg); + transform: translateY(-15px) rotate(90deg); } .navbar .content .navbar-nave { - display: flex; + display: flex; } .navbar .content .navbar-nave li img { - height: 36px; + height: 36px; } .navbar .content .brand-name img { - /*width: 120px;*/ - /*height: 100px;*/ - -o-object-fit: contain; - object-fit: contain; - -webkit-transition: all 0.3s linear; - transition: all 0.3s linear; + /*width: 120px;*/ + /*height: 100px;*/ + -o-object-fit: contain; + object-fit: contain; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; } .navbar .content .navbar-nav { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } .navbar .content .navbar-nav li { - -webkit-margin-end: 20px; - margin-inline-end: 20px; + -webkit-margin-end: 20px; + margin-inline-end: 20px; } .navbar .content .navbar-nav li:last-child { - margin: 0px !important; + margin: 0px !important; } .navbar .content .navbar-nav li a { - color: var(--dark); - font-size: 15px; - font-weight: 700; + color: var(--dark); + font-size: 15px; + font-weight: 700; } .navbar .content .navbar-nav li a:hover, .navbar .content .navbar-nav li a.active { - color: var(--primary); + color: var(--primary); } .navbar .content .links-contain { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; } .navbar .content .links-contain li { - -webkit-margin-end: 10px; - margin-inline-end: 10px; + -webkit-margin-end: 10px; + margin-inline-end: 10px; } .navbar .content .links-contain li:last-child { - -webkit-margin-end: 0px !important; - margin-inline-end: 0px !important; + -webkit-margin-end: 0px !important; + margin-inline-end: 0px !important; } .navbar .content .links-contain li a { - width: 40px; - height: 40px; - background-color: var(--primary); - border-radius: 4px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - overflow: hidden; + width: 40px; + height: 40px; + background-color: var(--primary); + border-radius: 4px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + overflow: hidden; } .navbar .content .links-contain li a img { - width: 24px; - height: 24px; - -o-object-fit: contain; - object-fit: contain; + width: 24px; + height: 24px; + -o-object-fit: contain; + object-fit: contain; } .navbar .content .links-contain li a:hover img { - -webkit-animation: fadeInLeft 0.4s linear; - animation: fadeInLeft 0.4s linear; + -webkit-animation: fadeInLeft 0.4s linear; + animation: fadeInLeft 0.4s linear; } header { - padding-top: 70px !important; + padding-top: 70px !important; } header .item { - position: relative; - background-color: #222; - width: 100%; - display: block !important; - height: 500px !important; + position: relative; + background-color: #222; + width: 100%; + display: block !important; + height: 500px !important; } header .item .header-img { - width: 100%; - height: 100%; - position: absolute; - left: 0; - bottom: 0; - top: 0; - -o-object-fit: cover; - object-fit: cover; + width: 100%; + height: 100%; + position: absolute; + left: 0; + bottom: 0; + top: 0; + -o-object-fit: cover; + object-fit: cover; } header .swiper-slide-active .item .header-img, header .swiper-slide-active .item p { - -webkit-animation: fadeInRight 1s both; - animation: fadeInRight 1s both; + -webkit-animation: fadeInRight 1s both; + animation: fadeInRight 1s both; } header .swiper-slide-active .item h1 { - -webkit-animation: fadeInDown 1s both; - animation: fadeInDown 1s both; + -webkit-animation: fadeInDown 1s both; + animation: fadeInDown 1s both; } header .swiper-slide-active .item .btn-contain { - -webkit-animation: fadeInUp 1s both; - animation: fadeInUp 1s both; + -webkit-animation: fadeInUp 1s both; + animation: fadeInUp 1s both; } header .swiper-pagination { - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - right: 10%; - left: unset; - bottom: 50px; - color: #fff; - z-index: 6; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + right: 10%; + left: unset; + bottom: 50px; + color: #fff; + z-index: 6; } header .swiper-pagination span { - font-size: 40px; - font-family: "Oswald", sans-serif; - -webkit-text-stroke-width: 0.5px; - -webkit-text-stroke-color: #fff; - color: transparent; - padding: 0 5px; + font-size: 40px; + font-family: "Oswald", sans-serif; + -webkit-text-stroke-width: 0.5px; + -webkit-text-stroke-color: #fff; + color: transparent; + padding: 0 5px; } header .swiper-pagination .swiper-pagination-current { - font-size: 50px; - -webkit-text-stroke-color: var(--primary); + font-size: 50px; + -webkit-text-stroke-color: var(--primary); } .banners .image-content { - width: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - overflow: hidden; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + overflow: hidden; } .banners .image-content.large-img { - height: 400px; + height: 400px; } .banners .image-content.small-img { - height: 250px; + height: 250px; } .banners .image-content img { - width: 100%; - height: 100%; - -webkit-transition: all 0.3s linear; - transition: all 0.3s linear; - -o-object-fit: cover; - object-fit: cover; + width: 100%; + height: 100%; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; + -o-object-fit: cover; + object-fit: cover; } .banners .image-content:hover img { - -webkit-transform: scale(1.2); - transform: scale(1.2); + -webkit-transform: scale(1.2); + transform: scale(1.2); } .products.bk-shape, .opinion.bk-shape { - background-color: #f8f8f8; + background-color: #f8f8f8; } .products .swiper-button-next, .products .swiper-button-prev, .opinion .swiper-button-next, .opinion .swiper-button-prev { - top: unset !important; - -webkit-transform: translate(0px) !important; - transform: translate(0px) !important; - position: absolute; - bottom: 0px !important; + top: unset !important; + -webkit-transform: translate(0px) !important; + transform: translate(0px) !important; + position: absolute; + bottom: 0px !important; } .products .swiper-button-prev, .opinion .swiper-button-prev { - left: unset !important; - right: calc(50% - 45px) !important; + left: unset !important; + right: calc(50% - 45px) !important; } .products .swiper-button-next, .opinion .swiper-button-next { - left: calc(50% - 45px) !important; - right: unset !important; + left: calc(50% - 45px) !important; + right: unset !important; } .products .swiper-container, .opinion .swiper-container { - padding: 15px 0px 60px 0px !important; + padding: 15px 0px 60px 0px !important; } .products .flex-data, .opinion .flex-data { - width: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } .products .flex-data h1, .opinion .flex-data h1 { - color: #000; - font-size: 20px; - font-weight: 900; - margin-bottom: 0px; + color: #000; + font-size: 20px; + font-weight: 900; + margin-bottom: 0px; } .products .flex-data .form-contain, .opinion .flex-data .form-contain { - width: 200px; + width: 200px; } .products .flex-data .form-contain .form-group, .opinion .flex-data .form-contain .form-group { - width: 100%; - height: 50px; - position: relative; - z-index: 9; + width: 100%; + height: 50px; + position: relative; + z-index: 9; } .products .flex-data .form-contain .form-group img, .opinion .flex-data .form-contain .form-group img { - width: 24px; - height: 24px; - -o-object-fit: contain; - object-fit: contain; - position: absolute; - right: 5px; - top: calc(50% - 12px); - z-index: 9; + width: 24px; + height: 24px; + -o-object-fit: contain; + object-fit: contain; + position: absolute; + right: 5px; + top: calc(50% - 12px); + z-index: 9; } .products .flex-data .form-contain .form-group .form-control, .opinion .flex-data .form-contain .form-group .form-control { - -webkit-padding-start: 30px; - padding-inline-start: 30px; - width: 100%; - height: 100%; - border: 1px solid rgba(110, 18, 20, 0.4); - border-radius: 10px; + -webkit-padding-start: 30px; + padding-inline-start: 30px; + width: 100%; + height: 100%; + border: 1px solid rgba(110, 18, 20, 0.4); + border-radius: 10px; } .products .buttons-contain, .opinion .buttons-contain { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .about-us .heading { - margin-bottom: 30px; + margin-bottom: 30px; } .about-us .heading h1 { - margin: 0px !important; + margin: 0px !important; } .about-us .image-content { - width: 100%; - height: 300px; - overflow: hidden; - border-radius: 15px; + width: 100%; + height: 300px; + overflow: hidden; + border-radius: 15px; } .about-us .image-content img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - -o-object-position: center; - object-position: center; - -webkit-transition: all 0.3s linear; - transition: all 0.3s linear; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + -o-object-position: center; + object-position: center; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; } .about-us .image-content:hover img { - -webkit-transform: scale(1.5); - transform: scale(1.5); + -webkit-transform: scale(1.5); + transform: scale(1.5); } .about-us .content { - margin-top: 15px; + margin-top: 15px; } .about-us .content .heading { - text-align: unset !important; - margin-bottom: 20px; + text-align: unset !important; + margin-bottom: 20px; } .about-us .content .heading h1 { - color: var(--secondary); - margin: unset !important; + color: var(--secondary); + margin: unset !important; } .about-us .content p { - color: #808080; - font-size: 15px; - font-weight: 500; - line-height: 1.8rem; + color: #808080; + font-size: 15px; + font-weight: 500; + line-height: 1.8rem; } .about-us .content .list { - width: 100%; + width: 100%; } .about-us .content .list li { - width: 100%; - position: relative; - color: #808080; - font-size: 15px; - font-weight: 500; - line-height: 1.8rem; - -webkit-padding-start: 20px; - padding-inline-start: 20px; - margin-bottom: 20px; + width: 100%; + position: relative; + color: #808080; + font-size: 15px; + font-weight: 500; + line-height: 1.8rem; + -webkit-padding-start: 20px; + padding-inline-start: 20px; + margin-bottom: 20px; } .about-us .content .list li::before { - content: ""; - position: absolute; - width: 10px; - height: 10px; - background-color: var(--secondary); - border-radius: 3px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - right: -6px; - top: 5px; + content: ""; + position: absolute; + width: 10px; + height: 10px; + background-color: var(--secondary); + border-radius: 3px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + right: -6px; + top: 5px; } .checkout .checkout-content { - width: 100%; - border-radius: 20px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); - padding: 25px 30px; + width: 100%; + border-radius: 20px; + -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); + padding: 25px 30px; } .checkout .checkout-content .heading { - margin-bottom: 20px !important; - text-align: unset !important; + margin-bottom: 20px !important; + text-align: unset !important; } .checkout .checkout-content .heading h1 { - color: var(--secondary); - margin: unset !important; + color: var(--secondary); + margin: unset !important; } .checkout .checkout-content h2 { - color: #333; - font-size: 18px; - font-weight: 700; - margin-bottom: 20px; + color: #333; + font-size: 18px; + font-weight: 700; + margin-bottom: 20px; } .checkout .checkout-content p { - color: #808080; - font-size: 15px; - font-weight: 500; - margin-bottom: 20px; + color: #808080; + font-size: 15px; + font-weight: 500; + margin-bottom: 20px; } .checkout .checkout-content .form-control { - border-radius: 8px !important; - -webkit-appearance: auto !important; - -moz-appearance: auto !important; - appearance: auto !important; + border-radius: 8px !important; + -webkit-appearance: auto !important; + -moz-appearance: auto !important; + appearance: auto !important; } .checkout.E-payement .checkout-content .button-contain a { - width: 176px !important; + width: 176px !important; } .product-details .prodcutDetailsSwiper { - margin: 0px !important; - overflow: hidden; + margin: 0px !important; + overflow: hidden; } .product-details .prodcutDetailsSwiper .swiper-slide { - width: 100%; - height: 373px; + width: 100%; + height: 373px; } .product-details .prodcutDetailsSwiper .swiper-slide img { - width: 100% !important; - height: 100% !important; - border-radius: 20px !important; - -o-object-fit: cover !important; - object-fit: cover !important; + width: 100% !important; + height: 100% !important; + border-radius: 20px !important; + -o-object-fit: cover !important; + object-fit: cover !important; } .product-details .prodcutDetailsThumbsSlider { - margin-top: 10px; - position: relative; - overflow: hidden; - z-index: 99; - border-radius: 20px !important; + margin-top: 10px; + position: relative; + overflow: hidden; + z-index: 99; + border-radius: 20px !important; } .product-details .prodcutDetailsThumbsSlider::after { - content: ""; - position: absolute; - width: 100%; - height: 105px; - top: 0; - left: 0px; - z-index: 2; - pointer-events: none; - border-radius: 20px; + content: ""; + position: absolute; + width: 100%; + height: 105px; + top: 0; + left: 0px; + z-index: 2; + pointer-events: none; + border-radius: 20px; } .product-details .prodcutDetailsThumbsSlider::after { - left: 0px; + left: 0px; } .product-details .prodcutDetailsThumbsSlider::before { - right: 0px; - background: -webkit-gradient( - linear, - right top, - left top, - from(#6e1214), - to(transparent) - ); - background: linear-gradient(-90deg, #6e1214, transparent); + right: 0px; + background: -webkit-gradient( + linear, + right top, + left top, + from(#6e1214), + to(transparent) + ); + background: linear-gradient(-90deg, #6e1214, transparent); } .product-details .prodcutDetailsThumbsSlider .swiper-slide { - width: 100%; - height: 105px; - cursor: pointer; + width: 100%; + height: 105px; + cursor: pointer; } .product-details .prodcutDetailsThumbsSlider .swiper-slide img { - width: 100% !important; - height: 100% !important; - border-radius: 20px !important; - -o-object-fit: cover !important; - object-fit: cover !important; + width: 100% !important; + height: 100% !important; + border-radius: 20px !important; + -o-object-fit: cover !important; + object-fit: cover !important; } .product-details .prodcutDetailsThumbsSlider .swiper-button-lock { - display: block !important; + display: block !important; } .product-details -.prodcutDetailsThumbsSlider -.swiper-button-next.swiper-button-disabled, + .prodcutDetailsThumbsSlider + .swiper-button-next.swiper-button-disabled, .product-details -.prodcutDetailsThumbsSlider -.swiper-button-prev.swiper-button-disabled { - opacity: 1 !important; + .prodcutDetailsThumbsSlider + .swiper-button-prev.swiper-button-disabled { + opacity: 1 !important; } .product-details .add-data { - width: 100%; - height: 50px; - border: 1px solid #6e1214; - border-radius: 10px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + width: 100%; + height: 50px; + border: 1px solid #6e1214; + border-radius: 10px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } .product-details .add-data .button-add { - width: 50px; - height: 50px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - background-color: transparent; + width: 50px; + height: 50px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + background-color: transparent; } .product-details .add-data .button-add img { - width: 25px; - height: 24px; - -o-object-fit: contain; - object-fit: contain; - -webkit-filter: invert(28%) sepia(72%) saturate(1558%) hue-rotate(350deg) + width: 25px; + height: 24px; + -o-object-fit: contain; + object-fit: contain; + -webkit-filter: invert(28%) sepia(72%) saturate(1558%) hue-rotate(350deg) brightness(93%) contrast(82%); - filter: invert(28%) sepia(72%) saturate(1558%) hue-rotate(350deg) + filter: invert(28%) sepia(72%) saturate(1558%) hue-rotate(350deg) brightness(93%) contrast(82%); } .product-details .add-data .add-input { - width: calc(100% - 100px); - background-color: transparent; - height: 100%; - border: 0px !important; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; + width: calc(100% - 100px); + background-color: transparent; + height: 100%; + border: 0px !important; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; } .product-details .form-contain { - width: 100%; + width: 100%; } .product-details .form-contain .form-group { - width: 100%; - height: 50px; - position: relative; - z-index: 9; + width: 100%; + height: 50px; + position: relative; + z-index: 9; } .product-details .form-contain .form-group img { - width: 24px; - height: 24px; - -o-object-fit: contain; - object-fit: contain; - position: absolute; - right: 5px; - top: calc(50% - 12px); - z-index: 9; + width: 24px; + height: 24px; + -o-object-fit: contain; + object-fit: contain; + position: absolute; + right: 5px; + top: calc(50% - 12px); + z-index: 9; } .product-details .form-contain .form-group .form-control { - -webkit-padding-start: 30px; - padding-inline-start: 30px; - width: 100%; - height: 100%; - border: 1px solid rgba(110, 18, 20, 0.4); - border-radius: 10px; + -webkit-padding-start: 30px; + padding-inline-start: 30px; + width: 100%; + height: 100%; + border: 1px solid rgba(110, 18, 20, 0.4); + border-radius: 10px; } .product-details .content { - width: 100%; - padding: 30px 15px; - background-color: #fff; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.04); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.04); - border-radius: 10px; + width: 100%; + padding: 30px 15px; + background-color: #fff; + -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.04); + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.04); + border-radius: 10px; } .product-details .content h1 { - color: #000; - font-size: 18px; - font-weight: 900; - margin: 0px; + color: #000; + font-size: 18px; + font-weight: 900; + margin: 0px; } .product-details .content .flex-data { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 20px 0px; - padding: 10px 0px; - border-top: 1px solid #ddd; - border-bottom: 1px solid #ddd; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + margin: 20px 0px; + padding: 10px 0px; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; } .product-details .content .flex-data .flex-price { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; } .product-details .content .flex-data .flex-price .title { - color: #000; - font-size: 15px; - font-weight: 700; - -webkit-margin-end: 10px; - margin-inline-end: 10px; - margin-bottom: 0px; + color: #000; + font-size: 15px; + font-weight: 700; + -webkit-margin-end: 10px; + margin-inline-end: 10px; + margin-bottom: 0px; } .product-details .content .flex-data .price { - color: #6e1214; - font-size: 15px; - font-weight: 700; - margin: 0px; + color: #6e1214; + font-size: 15px; + font-weight: 700; + margin: 0px; } .product-details .content .flex-data .after { - color: #808080; - text-decoration: line-through; - font-size: 15px; - font-weight: 700; - margin: 0px; + color: #808080; + text-decoration: line-through; + font-size: 15px; + font-weight: 700; + margin: 0px; } .product-details .content .flex-data .offer { - padding: 10px 20px; - background-color: #8cc540; - color: #fff; - font-size: 15px; - font-weight: 700; - border-radius: 5px; + padding: 10px 20px; + background-color: #8cc540; + color: #fff; + font-size: 15px; + font-weight: 700; + border-radius: 5px; } .product-details .content h3 { - color: #000; - font-size: 18px; - font-weight: 700; + color: #000; + font-size: 18px; + font-weight: 700; } .product-details .content .desc { - color: #808080; - font-size: 15px; - font-weight: 500; - line-height: 1.8rem; - margin: 0px; + color: #808080; + font-size: 15px; + font-weight: 500; + line-height: 1.8rem; + margin: 0px; } .product-details .content .list { - margin: 20px 0px; + margin: 20px 0px; } .product-details .content .list li { - margin-bottom: 10px; + margin-bottom: 10px; } .product-details .content .list li:last-child { - margin: 0px; + margin: 0px; } .product-details .content .list li a { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; } .product-details .content .list li a .title { - color: #6e1214; - font-size: 15px; - font-weight: 700; - -webkit-margin-end: 10px; - margin-inline-end: 10px; + color: #6e1214; + font-size: 15px; + font-weight: 700; + -webkit-margin-end: 10px; + margin-inline-end: 10px; } .product-details .content .list li a .data { - color: #333; - font-size: 15px; - font-weight: 500; + color: #333; + font-size: 15px; + font-weight: 500; } .product-details .content .button-contain { - width: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } .product-details .content .button-contain .fav { - width: 50px; - height: 50px; - background-color: #fff; - border: 1px solid #6e1214; - background-color: var(--primary); - border-radius: 50%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + width: 50px; + height: 50px; + background-color: #fff; + border: 1px solid #6e1214; + background-color: var(--primary); + border-radius: 50%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .product-details .content .button-contain .fav img { - width: 50%; - height: 50%; - -o-object-fit: contain; - object-fit: contain; + width: 50%; + height: 50%; + -o-object-fit: contain; + object-fit: contain; } .product-details .content .button-contain .fav:hover { - background-color: #6e1214; + background-color: #6e1214; } .product-details .content .button-contain .fav:hover img { - -webkit-animation: tada 0.4s linear; - animation: tada 0.4s linear; + -webkit-animation: tada 0.4s linear; + animation: tada 0.4s linear; } .product-details .content .button-contain .custom-btn { - width: calc(100% - 60px) !important; - height: 50px; - border: 0px; - outline: none; - border-radius: 50px; - background: -webkit-gradient( - linear, - left top, - right top, - from(#6e1214), - to(#6e1214) - ) !important; - background: linear-gradient(90deg, #6e1214, #6e1214) !important; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 15px; - font-weight: 500; - color: #fff; + width: calc(100% - 60px) !important; + height: 50px; + border: 0px; + outline: none; + border-radius: 50px; + background: -webkit-gradient( + linear, + left top, + right top, + from(#6e1214), + to(#6e1214) + ) !important; + background: linear-gradient(90deg, #6e1214, #6e1214) !important; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 15px; + font-weight: 500; + color: #fff; } .product-details .content .button-contain .custom-btn:hover { - background: -webkit-gradient( - linear, - left top, - right top, - from(#6e1214), - to(#6e1214) - ) !important; - background: linear-gradient(90deg, #6e1214, #6e1214) !important; + background: -webkit-gradient( + linear, + left top, + right top, + from(#6e1214), + to(#6e1214) + ) !important; + background: linear-gradient(90deg, #6e1214, #6e1214) !important; } .product-details .content .button-contain .custom-btn:last-child { - -webkit-margin-start: 15px !important; - margin-inline-start: 15px !important; + -webkit-margin-start: 15px !important; + margin-inline-start: 15px !important; } .product-details .content .buttons-contain .btn-contain { - width: unset !important; - padding: 15px 10px !important; - margin-top: 10px; - min-width: 120px !important; + width: unset !important; + padding: 15px 10px !important; + margin-top: 10px; + min-width: 120px !important; } .profile-page .profile-nav { - width: 100% !important; + width: 100% !important; } .profile-page .profile-nav .nav { - width: 100%; - background-color: #fff; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); - border-radius: 15px; - overflow: hidden; + width: 100%; + background-color: #fff; + -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); + border-radius: 15px; + overflow: hidden; } .profile-page .profile-nav .nav .nav-item { - width: 100%; - border-bottom: 1px solid #ddd; + width: 100%; + border-bottom: 1px solid #ddd; } .profile-page .profile-nav .nav .nav-item .nav-link { - width: 100%; - padding: 20px 10px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; + width: 100%; + padding: 20px 10px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; } .profile-page .profile-nav .nav .nav-item .nav-link img { - width: 25px; - height: 25px; - -o-object-fit: contain; - object-fit: contain; - -webkit-margin-end: 10px; - margin-inline-end: 10px; + width: 25px; + height: 25px; + -o-object-fit: contain; + object-fit: contain; + -webkit-margin-end: 10px; + margin-inline-end: 10px; } .profile-page .profile-nav .nav .nav-item .nav-link span { - color: var(--dark); - font-size: 15px; - font-weight: 500; + color: var(--dark); + font-size: 15px; + font-weight: 500; } .profile-page .profile-nav .nav .nav-item .nav-link.active, .profile-page .profile-nav .nav .nav-item .nav-link:hover { - background-color: var(--secondary) !important; + background-color: var(--secondary) !important; } .profile-page .profile-nav .nav .nav-item .nav-link.active img, .profile-page .profile-nav .nav .nav-item .nav-link:hover img { - -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) + -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); - filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) + filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .profile-page .profile-nav .nav .nav-item .nav-link.active span, .profile-page .profile-nav .nav .nav-item .nav-link:hover span { - color: #fff; + color: #fff; } .profile-page .tab-pane { - width: 100%; - padding: 15px 10px; - background-color: #fff; - border-radius: 20px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); + width: 100%; + padding: 15px 10px; + background-color: #fff; + border-radius: 20px; + -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); } .profile-page .tab-pane .profile-avatar { - width: 150px; - height: 150px; - border-radius: 50%; - border: 2px solid var(--secondary); - margin: auto; - cursor: pointer; - position: relative; - background-size: cover !important; - background-position: center !important; - background-repeat: no-repeat !important; + width: 150px; + height: 150px; + border-radius: 50%; + border: 2px solid var(--secondary); + margin: auto; + cursor: pointer; + position: relative; + background-size: cover !important; + background-position: center !important; + background-repeat: no-repeat !important; } .profile-page .tab-pane .profile-avatar input { - position: absolute; - bottom: 0; - left: 64%; - background-color: #fff; - border-radius: 30px; - display: inline-block; - color: #222; - width: 50px; - height: 50px; - line-height: 50px; - cursor: pointer; - border: none; - opacity: 0; - z-index: 3; + position: absolute; + bottom: 0; + left: 64%; + background-color: #fff; + border-radius: 30px; + display: inline-block; + color: #222; + width: 50px; + height: 50px; + line-height: 50px; + cursor: pointer; + border: none; + opacity: 0; + z-index: 3; } .profile-page .tab-pane .profile-avatar button { - width: 45px; - height: 45px; - -webkit-box-shadow: 0px 0px 10px #ddd; - box-shadow: 0px 0px 10px #ddd; - background-color: var(--primary); - color: #fff; - border-radius: 50%; - text-align: center; - cursor: pointer !important; - border: 1px solid #eee; - position: absolute; - right: 2px; - bottom: 0px; - cursor: pointer; + width: 45px; + height: 45px; + -webkit-box-shadow: 0px 0px 10px #ddd; + box-shadow: 0px 0px 10px #ddd; + background-color: var(--primary); + color: #fff; + border-radius: 50%; + text-align: center; + cursor: pointer !important; + border: 1px solid #eee; + position: absolute; + right: 2px; + bottom: 0px; + cursor: pointer; } .profile-page .tab-pane .profile-avatar button i { - position: relative; - top: 1px; - cursor: pointer !important; + position: relative; + top: 1px; + cursor: pointer !important; } .profile-page .tab-pane .buttons-contain { - -webkit-box-pack: center !important; - -ms-flex-pack: center !important; - justify-content: center !important; + -webkit-box-pack: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; } .profile-page .tab-pane .address-contain { - width: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -ms-flex-line-pack: start; - align-content: flex-start; - padding: 15px 10px; - border-radius: 20px; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - background-color: #f7f7f7; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -ms-flex-line-pack: start; + align-content: flex-start; + padding: 15px 10px; + border-radius: 20px; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + background-color: #f7f7f7; } .profile-page .tab-pane .address-contain .image-content { - width: 50px; - height: 50px; - background-color: var(--secondary); - border-radius: 50%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + width: 50px; + height: 50px; + background-color: var(--secondary); + border-radius: 50%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .profile-page .tab-pane .address-contain .image-content img { - width: 24px; - height: 24px; - -o-object-fit: contain; - object-fit: contain; - -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) + width: 24px; + height: 24px; + -o-object-fit: contain; + object-fit: contain; + -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); - filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) + filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .profile-page .tab-pane .address-contain .data-list { - width: calc(100% - 60px); + width: calc(100% - 60px); } .profile-page .tab-pane .address-contain .data-list li { - width: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - margin-bottom: 15px; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + margin-bottom: 15px; } .profile-page .tab-pane .address-contain .data-list li:last-child { - margin: 0px; + margin: 0px; } .profile-page .tab-pane .address-contain .data-list li span { - font-size: 15px; - display: block !important; + font-size: 15px; + display: block !important; } .profile-page .tab-pane .address-contain .data-list li span.title { - font-weight: 700; - color: var(--secondary); - -webkit-margin-end: 10px; - margin-inline-end: 10px; + font-weight: 700; + color: var(--secondary); + -webkit-margin-end: 10px; + margin-inline-end: 10px; } .profile-page .tab-pane .address-contain .data-list li span.data { - font-weight: 500; - color: var(--dark); + font-weight: 500; + color: var(--dark); } .profile-page .tab-pane .address-contain .data-list li .btn-data { - width: 24px; - height: 24px; - border-radius: 50%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + width: 24px; + height: 24px; + border-radius: 50%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .profile-page .tab-pane .address-contain .data-list li .btn-data:first-child { - -webkit-margin-end: 10px; - margin-inline-end: 10px; + -webkit-margin-end: 10px; + margin-inline-end: 10px; } .profile-page .tab-pane .address-contain .data-list li .btn-data img { - width: 24px; - height: 24px; - -o-object-fit: contain; - object-fit: contain; + width: 24px; + height: 24px; + -o-object-fit: contain; + object-fit: contain; } .profile-page .tab-pane .nav { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal !important; - -webkit-box-direction: normal !important; - -ms-flex-direction: row !important; - flex-direction: row !important; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - border: 0px !important; - margin-bottom: 20px !important; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal !important; + -webkit-box-direction: normal !important; + -ms-flex-direction: row !important; + flex-direction: row !important; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + border: 0px !important; + margin-bottom: 20px !important; } .profile-page .tab-pane .nav li { - -webkit-margin-end: 10px; - margin-inline-end: 10px; - border: 0px !important; + -webkit-margin-end: 10px; + margin-inline-end: 10px; + border: 0px !important; } .profile-page .tab-pane .nav li a { - padding: 10px 15px; - width: 150px !important; - height: 50px; - border: 0px; - outline: none; - border-radius: 50px; - background: #fff; - border: 1px solid var(--secondary); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 15px; - font-weight: 500; - color: var(--primary); + padding: 10px 15px; + width: 150px !important; + height: 50px; + border: 0px; + outline: none; + border-radius: 50px; + background: #fff; + border: 1px solid var(--secondary); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 15px; + font-weight: 500; + color: var(--primary); } .profile-page .tab-pane .nav li a:hover, .profile-page .tab-pane .nav li a.active { - border-radius: 50px; - background: -webkit-gradient( - linear, - left top, - right top, - from(#6e1214), - to(#6e1214) - ) !important; - background: linear-gradient(90deg, #6e1214, #6e1214) !important; - color: #fff; + border-radius: 50px; + background: -webkit-gradient( + linear, + left top, + right top, + from(#6e1214), + to(#6e1214) + ) !important; + background: linear-gradient(90deg, #6e1214, #6e1214) !important; + color: #fff; } .table-resposive { - width: 100%; - overflow-x: scroll; + width: 100%; + overflow-x: scroll; } .table-resposive table { - width: 100%; + width: 100%; } .table-resposive table th { - background-color: #f6fafc; - color: var(--secondary); - font-size: 13px; - font-weight: 900; + background-color: #f6fafc; + color: var(--secondary); + font-size: 13px; + font-weight: 900; } .table-resposive table th, .table-resposive table td { - border: 1px solid #ddd; - text-align: center; - height: 50px; - padding: 10px; - vertical-align: middle; - min-width: 140px; + border: 1px solid #ddd; + text-align: center; + height: 50px; + padding: 10px; + vertical-align: middle; + min-width: 140px; } .table-resposive table td { - background-color: #fff; - font-size: 13px; - font-weight: 500; - text-align: center; - color: #000; + background-color: #fff; + font-size: 13px; + font-weight: 500; + text-align: center; + color: #000; } .table-resposive table td .product-img { - width: 100px; - height: 100px; - -o-object-fit: cover; - object-fit: cover; - -o-object-position: center; - object-position: center; - border-radius: 10px; + width: 100px; + height: 100px; + -o-object-fit: cover; + object-fit: cover; + -o-object-position: center; + object-position: center; + border-radius: 10px; } .table-resposive table td .product-num { - width: 140px; - height: 40px; - position: relative; - z-index: 9; - margin: auto !important; - border: 1px solid #f4f7fc; + width: 140px; + height: 40px; + position: relative; + z-index: 9; + margin: auto !important; + border: 1px solid #f4f7fc; } .table-resposive table td .product-num .product-input { - width: 100%; - height: 100%; - background-color: transparent; - border: 0px; - text-align: center; - color: #000; - font-size: 15px; + width: 100%; + height: 100%; + background-color: transparent; + border: 0px; + text-align: center; + color: #000; + font-size: 15px; } .table-resposive table td .product-num .num-btn { - width: 15px; - height: 15px; - position: absolute; - top: 50%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + width: 15px; + height: 15px; + position: absolute; + top: 50%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); } .table-resposive table td .product-num .num-btn img { - width: 100%; - height: 100%; - -o-object-fit: contain; - object-fit: contain; + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; } .table-resposive table td .product-num .num-btn.add { - left: 10px; + left: 10px; } .table-resposive table td .product-num .num-btn.min { - right: 10px; + right: 10px; } .table-resposive table td .delete-btn { - width: 25px; - height: 25px; - -o-object-fit: contain; - object-fit: contain; + width: 25px; + height: 25px; + -o-object-fit: contain; + object-fit: contain; } .cart .button-contain a { - -webkit-margin-end: 15px; - margin-inline-end: 15px; - width: -webkit-fit-content !important; - width: -moz-fit-content !important; - width: fit-content !important; - padding: 20px 25px; + -webkit-margin-end: 15px; + margin-inline-end: 15px; + width: -webkit-fit-content !important; + width: -moz-fit-content !important; + width: fit-content !important; + padding: 20px 25px; } .cart .button-contain a:nth-child(2) { - background: #ec3737 !important; - border: 1px solid #ec3737; + background: #ec3737 !important; + border: 1px solid #ec3737; } .cart .button-contain a:nth-child(2):hover { - background: transparent !important; - color: #ec3737; + background: transparent !important; + color: #ec3737; } .cart .nav { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - border: 0px !important; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + border: 0px !important; } .cart .nav li { - -webkit-margin-end: 10px; - margin-inline-end: 10px; + -webkit-margin-end: 10px; + margin-inline-end: 10px; } .cart .nav li a { - padding: 10px 15px; - min-width: 163px !important; - height: 50px; - border: 0px; - outline: none; - border-radius: 50px; - background: #fff; - border: 1px solid #6e1214; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 15px; - font-weight: 500; - color: #6e1214; + padding: 10px 15px; + min-width: 163px !important; + height: 50px; + border: 0px; + outline: none; + border-radius: 50px; + background: #fff; + border: 1px solid #6e1214; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 15px; + font-weight: 500; + color: #6e1214; } .cart .nav li a:hover, .cart .nav li a.active { - border-radius: 50px; - background: -webkit-gradient( - linear, - left top, - right top, - from(#6e1214), - to(#6e1214) - ) !important; - background: linear-gradient(90deg, #6e1214, #6e1214) !important; - color: #fff; + border-radius: 50px; + background: -webkit-gradient( + linear, + left top, + right top, + from(#6e1214), + to(#6e1214) + ) !important; + background: linear-gradient(90deg, #6e1214, #6e1214) !important; + color: #fff; } .discount-shape { - width: 100%; - padding: 30px 15px; - background-color: #fff; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); - border-radius: 15px; + width: 100%; + padding: 30px 15px; + background-color: #fff; + -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); + border-radius: 15px; } .discount-shape p { - color: #000; - font-size: 18px; - font-weight: 900; - margin: 0px !important; + color: #000; + font-size: 18px; + font-weight: 900; + margin: 0px !important; } .discount-shape .form-contain .form-group { - width: 100%; - height: 50px; - position: relative; - margin: 15px 0px !important; + width: 100%; + height: 50px; + position: relative; + margin: 15px 0px !important; } .discount-shape .form-contain .form-group .form-control { - width: 100%; - height: 100%; - background-color: #fff; - border: 1px solid #6e1214; - border-radius: 50px; - padding: 0px 20px; - color: #000; - font-size: 15px; - font-weight: 500; - -webkit-padding-end: 120px !important; - padding-inline-end: 120px !important; + width: 100%; + height: 100%; + background-color: #fff; + border: 1px solid #6e1214; + border-radius: 50px; + padding: 0px 20px; + color: #000; + font-size: 15px; + font-weight: 500; + -webkit-padding-end: 120px !important; + padding-inline-end: 120px !important; } .discount-shape -.form-contain -.form-group -.form-control::-webkit-input-placeholder { - font-size: 13px; - font-weight: 500; - color: #888; + .form-contain + .form-group + .form-control::-webkit-input-placeholder { + font-size: 13px; + font-weight: 500; + color: #888; } .discount-shape .form-contain .form-group .form-control:-ms-input-placeholder { - font-size: 13px; - font-weight: 500; - color: #888; + font-size: 13px; + font-weight: 500; + color: #888; } .discount-shape .form-contain .form-group .form-control::-ms-input-placeholder { - font-size: 13px; - font-weight: 500; - color: #888; + font-size: 13px; + font-weight: 500; + color: #888; } .discount-shape .form-contain .form-group .form-control::placeholder { - font-size: 13px; - font-weight: 500; - color: #888; + font-size: 13px; + font-weight: 500; + color: #888; } .discount-shape .form-contain .form-group .search-btn { - width: 100px; - height: 40px; - border: 0px; - outline: none; - border-radius: 50px; - background: -webkit-gradient( - linear, - left top, - right top, - from(#6e1214), - to(#6e1214) - ); - background: linear-gradient(90deg, #6e1214, #6e1214); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 15px; - font-weight: 500; - color: #fff; - position: absolute; - top: calc(50% - 20px); - left: 5px; + width: 100px; + height: 40px; + border: 0px; + outline: none; + border-radius: 50px; + background: -webkit-gradient( + linear, + left top, + right top, + from(#6e1214), + to(#6e1214) + ); + background: linear-gradient(90deg, #6e1214, #6e1214); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 15px; + font-weight: 500; + color: #fff; + position: absolute; + top: calc(50% - 20px); + left: 5px; } .discount-shape .form-contain .form-group .search-btn:hover { - background: -webkit-gradient( - linear, - left top, - right top, - from(#6e1214), - to(#6e1214) - ); - background: linear-gradient(90deg, #6e1214, #6e1214); + background: -webkit-gradient( + linear, + left top, + right top, + from(#6e1214), + to(#6e1214) + ); + background: linear-gradient(90deg, #6e1214, #6e1214); } .discount-shape span { - color: #6e1214; - font-size: 15px; - font-weight: 700; + color: #6e1214; + font-size: 15px; + font-weight: 700; } .discount-shape .flex-data { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - margin-bottom: 20px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 20px; } .discount-shape .button-contain a { - width: 100% !important; + width: 100% !important; } .login { - width: 100%; - padding: 150px 0px 50px 0px; - background-color: #fff; - position: relative; - z-index: 9; + width: 100%; + padding: 150px 0px 50px 0px; + background-color: #fff; + position: relative; + z-index: 9; } .login .login-contain { - width: 100%; - border-radius: 30px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.04); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.04); - overflow: hidden; - background-color: #fff; + width: 100%; + border-radius: 30px; + -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.04); + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.04); + overflow: hidden; + background-color: #fff; } .login .login-contain .data { - width: 100%; - padding: 20px 25px; - width: 100%; - height: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + width: 100%; + padding: 20px 25px; + width: 100%; + height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .login .login-contain .contain { - width: 100%; - height: 100%; - padding: 30px 15px; - background-color: #f4f7fc; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - text-align: center; + width: 100%; + height: 100%; + padding: 30px 15px; + background-color: #f4f7fc; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + text-align: center; } .login .login-contain .contain img { - width: 200px; - height: 80px; - -o-object-fit: contain; - object-fit: contain; + width: 200px; + height: 80px; + -o-object-fit: contain; + object-fit: contain; } .login .login-contain .contain h1 { - color: var(--secondary); - font-size: 28px; - font-weight: 900; - margin: 20px 0px; + color: var(--secondary); + font-size: 28px; + font-weight: 900; + margin: 20px 0px; } .login .login-contain .contain p { - color: #333; - font-size: 15px; - font-weight: 500; - line-height: 1.8rem; + color: #333; + font-size: 15px; + font-weight: 500; + line-height: 1.8rem; } .login .login-contain h2 { - color: #333; - font-size: 25px; - font-weight: 900; - margin-bottom: 20px; + color: #333; + font-size: 25px; + font-weight: 900; + margin-bottom: 20px; } .login .login-contain h3 { - color: var(--secondary); - font-size: 15px; - font-weight: 900; - margin: 10px 0px; - text-align: center; + color: var(--secondary); + font-size: 15px; + font-weight: 900; + margin: 10px 0px; + text-align: center; } .login .login-contain .socail-media { - width: 100%; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - margin-top: 20px; - padding-bottom: 20px !important; + width: 100%; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + margin-top: 20px; + padding-bottom: 20px !important; } .login .login-contain .socail-media li { - -webkit-margin-end: 15px; - margin-inline-end: 15px; + -webkit-margin-end: 15px; + margin-inline-end: 15px; } .login .login-contain .socail-media li:last-child { - margin: 0px; + margin: 0px; } .login .login-contain .socail-media li a { - padding: 10px 12px; - background-color: #fff; - border-radius: 4px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); + padding: 10px 12px; + background-color: #fff; + border-radius: 4px; + -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); } .login .login-contain .socail-media li a img { - width: 24px; - height: 24px; - -o-object-fit: contain; - object-fit: contain; - opacity: 0.3; - -webkit-filter: invert(28%) sepia(72%) saturate(1558%) hue-rotate(350deg) + width: 24px; + height: 24px; + -o-object-fit: contain; + object-fit: contain; + opacity: 0.3; + -webkit-filter: invert(28%) sepia(72%) saturate(1558%) hue-rotate(350deg) brightness(93%) contrast(82%); - filter: invert(28%) sepia(72%) saturate(1558%) hue-rotate(350deg) + filter: invert(28%) sepia(72%) saturate(1558%) hue-rotate(350deg) brightness(93%) contrast(82%); - -webkit-transition: all 0.3s linear; - transition: all 0.3s linear; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; } .login .login-contain .socail-media li a span { - color: var(--secondary); - font-size: 15px; - font-weight: 500; - -webkit-margin-start: 9px; - margin-inline-start: 9px; + color: var(--secondary); + font-size: 15px; + font-weight: 500; + -webkit-margin-start: 9px; + margin-inline-start: 9px; } .login .login-contain .socail-media li a:hover img { - opacity: 1; - -webkit-animation: tada 0.4s linear; - animation: tada 0.4s linear; + opacity: 1; + -webkit-animation: tada 0.4s linear; + animation: tada 0.4s linear; } .login .forget_pass { - font-size: 15px; - font-weight: 500; - color: #000 !important; - margin: 10px 0px; + font-size: 15px; + font-weight: 500; + color: #000 !important; + margin: 10px 0px; } .login .btn-contain { - width: 100% !important; - margin: 10px 0px 10px 0px; + width: 100% !important; + margin: 10px 0px 10px 0px; } .login .form-contain .form-group, .login .form-data .form-group { - position: relative; + position: relative; } .login .form-contain .form-group .form-control, .login .form-data .form-group .form-control { - border: 1px solid #808080; - background-color: #fff; - border-radius: 50px; - color: #333; + border: 1px solid #808080; + background-color: #fff; + border-radius: 50px; + color: #333; } .login .form-contain .form-group .form-control::-webkit-input-placeholder, .login .form-data .form-group .form-control::-webkit-input-placeholder { - color: #333; + color: #333; } .login .form-contain .form-group .form-control:-ms-input-placeholder, .login .form-data .form-group .form-control:-ms-input-placeholder { - color: #333; + color: #333; } .login .form-contain .form-group .form-control::-ms-input-placeholder, .login .form-data .form-group .form-control::-ms-input-placeholder { - color: #333; + color: #333; } .login .form-contain .form-group .form-control::placeholder, .login .form-data .form-group .form-control::placeholder { - color: #333; + color: #333; } .login .form-contain .form-group.form-floating > label, .login .form-data .form-group.form-floating > label { - padding: 0.8rem 1rem; + padding: 0.8rem 1rem; } .login .form-contain .flex-data, .login .form-data .flex-data { - width: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } .login .form-contain textarea, .login .form-data textarea { - height: 100px !important; - border-radius: 5px !important; - resize: none !important; + height: 100px !important; + border-radius: 5px !important; + resize: none !important; } .login .form-contain .radio-lable, .login .form-data .radio-lable { - width: 180px; - height: 50px; - -webkit-margin-end: 10px; - margin-inline-end: 10px; - cursor: pointer; + width: 180px; + height: 50px; + -webkit-margin-end: 10px; + margin-inline-end: 10px; + cursor: pointer; } .login .form-contain .radio-lable:last-child, .login .form-data .radio-lable:last-child { - margin: 0px !important; + margin: 0px !important; } .login .form-contain .radio-lable input[type="radio"], @@ -3575,8 +3575,8 @@ header .swiper-pagination .swiper-pagination-current { .login .form-data .radio-lable input[type="radio"], .login .form-data .radio-lable input[type="checkbox"], .login .form-data .radio-lable input[type="file"] { - display: none; - cursor: pointer; + display: none; + cursor: pointer; } .login .form-contain .radio-lable input[type="radio"]:checked + label, @@ -3585,21 +3585,21 @@ header .swiper-pagination .swiper-pagination-current { .login .form-data .radio-lable input[type="radio"]:checked + label, .login .form-data .radio-lable input[type="checkbox"]:checked + label, .login .form-data .radio-lable input[type="file"]:checked + label { - background-color: #008bd2; - color: #fff; + background-color: #008bd2; + color: #fff; } .login .form-contain .radio-lable input[type="radio"]:checked + label::before, .login -.form-contain -.radio-lable -input[type="checkbox"]:checked -+ label::before, + .form-contain + .radio-lable + input[type="checkbox"]:checked + + label::before, .login .form-contain .radio-lable input[type="file"]:checked + label::before, .login .form-data .radio-lable input[type="radio"]:checked + label::before, .login .form-data .radio-lable input[type="checkbox"]:checked + label::before, .login .form-data .radio-lable input[type="file"]:checked + label::before { - border: 5px solid #fff; + border: 5px solid #fff; } .login .form-contain .radio-lable input[type="radio"]:checked + label::after, @@ -3608,1779 +3608,1779 @@ input[type="checkbox"]:checked .login .form-data .radio-lable input[type="radio"]:checked + label::after, .login .form-data .radio-lable input[type="checkbox"]:checked + label::after, .login .form-data .radio-lable input[type="file"]:checked + label::after { - -webkit-filter: invert(100%) sepia(100%) saturate(25%) hue-rotate(358deg) + -webkit-filter: invert(100%) sepia(100%) saturate(25%) hue-rotate(358deg) brightness(105%) contrast(107%); - filter: invert(100%) sepia(100%) saturate(25%) hue-rotate(358deg) + filter: invert(100%) sepia(100%) saturate(25%) hue-rotate(358deg) brightness(105%) contrast(107%); } .login .form-contain .radio-lable label, .login .form-data .radio-lable label { - position: relative; - color: #0e76bd; - font-size: 12px; - cursor: pointer; - width: 100%; - height: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; - text-align: center; - border: 1px solid #008bd2; - border-radius: 5px; - padding: 10px 10px; + position: relative; + color: #0e76bd; + font-size: 12px; + cursor: pointer; + width: 100%; + height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + text-align: center; + border: 1px solid #008bd2; + border-radius: 5px; + padding: 10px 10px; } .login .form-contain .radio-lable label::before, .login .form-data .radio-lable label::before { - content: ""; - width: 15px; - height: 15px; - border: 2px solid #008bd2; - -webkit-transition: all 0.3s linear; - transition: all 0.3s linear; - -webkit-margin-end: 10px; - margin-inline-end: 10px; - border-radius: 50%; + content: ""; + width: 15px; + height: 15px; + border: 2px solid #008bd2; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; + -webkit-margin-end: 10px; + margin-inline-end: 10px; + border-radius: 50%; } .login .form-contain .radio-lable.Upload label, .login .form-data .radio-lable.Upload label { - -webkit-box-orient: horizontal !important; - -webkit-box-direction: reverse !important; - -ms-flex-direction: row-reverse !important; - flex-direction: row-reverse !important; - -webkit-box-pack: end !important; - -ms-flex-pack: end !important; - justify-content: flex-end !important; + -webkit-box-orient: horizontal !important; + -webkit-box-direction: reverse !important; + -ms-flex-direction: row-reverse !important; + flex-direction: row-reverse !important; + -webkit-box-pack: end !important; + -ms-flex-pack: end !important; + justify-content: flex-end !important; } .login .form-contain .radio-lable.Upload label::after, .login .form-data .radio-lable.Upload label::after { - content: ""; - width: 15px; - height: 15px; - background: url("../images/upload.png") center/contain no-repeat; - -webkit-transition: all 0.3s linear; - transition: all 0.3s linear; - -webkit-margin-end: 10px; - margin-inline-end: 10px; - float: left !important; - -webkit-filter: invert(40%) sepia(30%) saturate(6476%) hue-rotate(177deg) + content: ""; + width: 15px; + height: 15px; + background: url("../images/upload.png") center/contain no-repeat; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; + -webkit-margin-end: 10px; + margin-inline-end: 10px; + float: left !important; + -webkit-filter: invert(40%) sepia(30%) saturate(6476%) hue-rotate(177deg) brightness(95%) contrast(101%); - filter: invert(40%) sepia(30%) saturate(6476%) hue-rotate(177deg) + filter: invert(40%) sepia(30%) saturate(6476%) hue-rotate(177deg) brightness(95%) contrast(101%); } .login .form-contain .radio-lable.Upload label::before, .login .form-data .radio-lable.Upload label::before { - display: none; + display: none; } .login .form-contain input, .login .form-contain select, .login .form-data input, .login .form-data select { - height: 50px !important; + height: 50px !important; } .login .form-contain .form-floating > label, .login .form-data .form-floating > label { - color: #666; + color: #666; } .login .form-contain .form-floating > textarea, .login .form-data .form-floating > textarea { - height: auto !important; + height: auto !important; } .login .form-contain .show_pass, .login .form-data .show_pass { - position: absolute; - top: 15px; - left: 25px; - cursor: pointer; - color: #888; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 18px; - height: 18px; - -o-object-fit: contain; - object-fit: contain; - -webkit-filter: invert(52%) sepia(0%) saturate(2%) hue-rotate(65deg) + position: absolute; + top: 15px; + left: 25px; + cursor: pointer; + color: #888; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 18px; + height: 18px; + -o-object-fit: contain; + object-fit: contain; + -webkit-filter: invert(52%) sepia(0%) saturate(2%) hue-rotate(65deg) brightness(95%) contrast(89%); - filter: invert(52%) sepia(0%) saturate(2%) hue-rotate(65deg) brightness(95%) + filter: invert(52%) sepia(0%) saturate(2%) hue-rotate(65deg) brightness(95%) contrast(89%); } .loader { - width: 100%; - padding: 20px 0px !important; - background-color: transparent; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - z-index: 999999; + width: 100%; + padding: 20px 0px !important; + background-color: transparent; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + z-index: 999999; } .loader .spinner { - width: 128px; - height: 128px; - border: 3px solid var(--secondary); - border-bottom: 3px solid transparent; - border-radius: 50%; - position: relative; - -webkit-animation: spin 1s linear infinite; - animation: spin 1s linear infinite; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + width: 128px; + height: 128px; + border: 3px solid var(--secondary); + border-bottom: 3px solid transparent; + border-radius: 50%; + position: relative; + -webkit-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } .loader .spinner .inner { - width: 64px; - height: 64px; - border: 3px solid transparent; - border-top: 3px solid var(--secondary); - border-radius: 50%; - -webkit-animation: spinInner 1s linear infinite; - animation: spinInner 1s linear infinite; + width: 64px; + height: 64px; + border: 3px solid transparent; + border-top: 3px solid var(--secondary); + border-radius: 50%; + -webkit-animation: spinInner 1s linear infinite; + animation: spinInner 1s linear infinite; } -.page-loader.hidden{ - display: none; +.page-loader.hidden { + display: none; } .loader.hidden { - -webkit-animation: loaderSlideDown 1s; - animation: loaderSlideDown 1s; - -webkit-animation-fill-mode: forwards; - animation-fill-mode: forwards; + -webkit-animation: loaderSlideDown 1s; + animation: loaderSlideDown 1s; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; } @keyframes spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } } @-webkit-keyframes spinInner { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-720deg); - transform: rotate(-720deg); - } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(-720deg); + transform: rotate(-720deg); + } } @keyframes spinInner { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-720deg); - transform: rotate(-720deg); - } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(-720deg); + transform: rotate(-720deg); + } } .show_pass { - position: absolute; - top: 15px; - left: 25px; - cursor: pointer; - color: #888; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 18px; - height: 18px; - -o-object-fit: contain; - object-fit: contain; - -webkit-filter: invert(52%) sepia(0%) saturate(2%) hue-rotate(65deg) + position: absolute; + top: 15px; + left: 25px; + cursor: pointer; + color: #888; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 18px; + height: 18px; + -o-object-fit: contain; + object-fit: contain; + -webkit-filter: invert(52%) sepia(0%) saturate(2%) hue-rotate(65deg) brightness(95%) contrast(89%); - filter: invert(52%) sepia(0%) saturate(2%) hue-rotate(65deg) brightness(95%) + filter: invert(52%) sepia(0%) saturate(2%) hue-rotate(65deg) brightness(95%) contrast(89%); } .single-order { - width: 100%; + width: 100%; } .single-order .image-content { - width: 100%; - height: 300px; - border-radius: 20px; - overflow: hidden; + width: 100%; + height: 300px; + border-radius: 20px; + overflow: hidden; } .single-order .image-content img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; } .single-order .content { - width: 100%; + width: 100%; } .single-order .content .flex-data { - width: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - margin-bottom: 20px; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 20px; } .single-order .content .flex-data h1 { - color: var(--secondary); - font-size: 20px; - font-weight: 900; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - margin: 0px !important; + color: var(--secondary); + font-size: 20px; + font-weight: 900; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + margin: 0px !important; } .single-order .content .flex-data a img { - width: 24px; - height: 24px; - -o-object-fit: contain; - object-fit: contain; - -webkit-margin-end: 15px; - margin-inline-end: 15px; + width: 24px; + height: 24px; + -o-object-fit: contain; + object-fit: contain; + -webkit-margin-end: 15px; + margin-inline-end: 15px; } .single-order .content .text-desc { - font-weight: 900; - font-size: 18px; - color: var(--dark); - display: block; - margin-bottom: 15px; + font-weight: 900; + font-size: 18px; + color: var(--dark); + display: block; + margin-bottom: 15px; } .single-order .content p { - color: #808080; - font-size: 15px; - font-weight: 500; - line-height: 2rem; + color: #808080; + font-size: 15px; + font-weight: 500; + line-height: 2rem; } .single-order .content .data-list li { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - margin-bottom: 15px; - padding: 10px 0px; - border-bottom: 1px solid #ddd; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + margin-bottom: 15px; + padding: 10px 0px; + border-bottom: 1px solid #ddd; } .single-order .content .data-list li:last-child { - border: 0px !important; + border: 0px !important; } .single-order .content .data-list li .name { - color: var(--primary); - font-size: 15px; - font-weight: 700; - -webkit-margin-end: 10px; - margin-inline-end: 10px; + color: var(--primary); + font-size: 15px; + font-weight: 700; + -webkit-margin-end: 10px; + margin-inline-end: 10px; } .single-order .content .data-list li .data { - color: var(--dark); - font-size: 15px; - font-weight: 500; - -webkit-margin-end: 10px; - margin-inline-end: 10px; + color: var(--dark); + font-size: 15px; + font-weight: 500; + -webkit-margin-end: 10px; + margin-inline-end: 10px; } .single-order .content .data-list li .data.green { - color: #080; + color: #080; } .single-order .content .data-list li .data.blue { - color: #008bd2; + color: #008bd2; } .single-order .content .data-list li .data.red { - color: #f00; + color: #f00; } .checkout .checkout-form .payment_method .form-check { - position: relative; - padding-right: 0; - margin-bottom: 25px; + position: relative; + padding-right: 0; + margin-bottom: 25px; } .checkout .checkout-form .payment_method .form-check .form-check-label { - text-align: center; - border: 1px solid #ddd; - border-radius: 8px; - width: 100%; - padding: 20px; - cursor: pointer; + text-align: center; + border: 1px solid #ddd; + border-radius: 8px; + width: 100%; + padding: 20px; + cursor: pointer; } .checkout -.checkout-form -.payment_method -.form-check -.form-check-label -.pay_logo { - width: 100px; - height: 50px; - display: block; - margin: 0 auto 20px auto; - -o-object-fit: contain; - object-fit: contain; + .checkout-form + .payment_method + .form-check + .form-check-label + .pay_logo { + width: 100px; + height: 50px; + display: block; + margin: 0 auto 20px auto; + -o-object-fit: contain; + object-fit: contain; } .checkout .checkout-form .payment_method .form-check .form-check-input { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100% !important; - cursor: pointer; - opacity: 0; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100% !important; + cursor: pointer; + opacity: 0; } .checkout -.checkout-form -.payment_method -.form-check -.form-check-input:checked -~ .form-check-label { - border: 1px solid var(--secondary); + .checkout-form + .payment_method + .form-check + .form-check-input:checked + ~ .form-check-label { + border: 1px solid var(--secondary); } .checkout -.checkout-form -.payment_method -.form-check -.form-check-input:checked -~ .form-check-label -.name { - color: var(--secondary); - font-weight: bold; + .checkout-form + .payment_method + .form-check + .form-check-input:checked + ~ .form-check-label + .name { + color: var(--secondary); + font-weight: bold; } .opinion .swiper-slide { - padding: 0px 10px; + padding: 0px 10px; } .opinion .box { - width: 100%; - padding: 20px 30px; - background-color: #fff; - border-radius: 20px; - -webkit-box-shadow: 0px 0px 10px rgba(110, 18, 20, 0.4); - box-shadow: 0px 0px 10px rgba(110, 18, 20, 0.4); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - text-align: center; - position: relative; - z-index: 9; - overflow: hidden; - -webkit-transition: all 0.3s linear; - transition: all 0.3s linear; + width: 100%; + padding: 20px 30px; + background-color: #fff; + border-radius: 20px; + -webkit-box-shadow: 0px 0px 10px rgba(110, 18, 20, 0.4); + box-shadow: 0px 0px 10px rgba(110, 18, 20, 0.4); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + text-align: center; + position: relative; + z-index: 9; + overflow: hidden; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; } .opinion .box::after { - content: ""; - position: absolute; - width: 100px; - height: 100px; - background: url("../images/qoute.svg") bottom left/contain no-repeat; - bottom: 0; - opacity: 0.4; - left: 10px; - z-index: -1; + content: ""; + position: absolute; + width: 100px; + height: 100px; + background: url("../images/qoute.svg") bottom left/contain no-repeat; + bottom: 0; + opacity: 0.4; + left: 10px; + z-index: -1; } .opinion .box .image-content img { - width: 100px; - height: 100px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; + width: 100px; + height: 100px; + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover; } .opinion .box h2 { - color: #000; - font-size: 20px; - font-weight: 900; - margin: 20px 0px; + color: #000; + font-size: 20px; + font-weight: 900; + margin: 20px 0px; } .opinion .box p { - color: #808088; - font-size: 15px; - font-weight: 500; - line-height: 2rem; + color: #808088; + font-size: 15px; + font-weight: 500; + line-height: 2rem; } .opinion .box:hover { - -webkit-transform: translateY(-10px); - transform: translateY(-10px); + -webkit-transform: translateY(-10px); + transform: translateY(-10px); } .shipping { - width: 100%; - padding: 40px 0px 10px 0px; - background-color: #fff; + width: 100%; + padding: 40px 0px 10px 0px; + background-color: #fff; } .shipping .box { - width: 100%; - background-color: #6e1214; - border-radius: 10px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - padding: 20px 10px; - -webkit-transition: all 0.3s linear; - transition: all 0.3s linear; + width: 100%; + background-color: #6e1214; + border-radius: 10px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding: 20px 10px; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; } .shipping .box img { - width: 70px; - height: 70px; - -o-object-fit: contain; - object-fit: contain; - -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(331deg) + width: 70px; + height: 70px; + -o-object-fit: contain; + object-fit: contain; + -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(331deg) brightness(104%) contrast(105%); - filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(331deg) + filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(331deg) brightness(104%) contrast(105%); - -webkit-transition: all 0.3s linear; - transition: all 0.3s linear; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; } .shipping .box p { - color: #fff; - font-size: 15px; - font-weight: 700; - text-align: center; - margin: 20px 0px 0px !important; + color: #fff; + font-size: 15px; + font-weight: 700; + text-align: center; + margin: 20px 0px 0px !important; } .shipping .box:hover { - -webkit-transform: translateY(-10px); - transform: translateY(-10px); + -webkit-transform: translateY(-10px); + transform: translateY(-10px); } .shipping .box:hover img { - -webkit-animation: tada 0.4s linear; - animation: tada 0.4s linear; + -webkit-animation: tada 0.4s linear; + animation: tada 0.4s linear; } footer { - width: 100%; - padding: 40px 0px 10px 0px; - background: linear-gradient( - 180deg, - rgba(0, 0, 0, 0) 0%, - rgba(128, 0, 0, 0.2) 100% - ); + width: 100%; + padding: 40px 0px 10px 0px; + background: linear-gradient( + 180deg, + rgba(0, 0, 0, 0) 0%, + rgba(128, 0, 0, 0.2) 100% + ); } footer .content { - width: 100%; + width: 100%; } footer .content .brand-name img { - width: 200px; - height: 70px; - -o-object-fit: contain; - object-fit: contain; + width: 200px; + height: 70px; + -o-object-fit: contain; + object-fit: contain; } footer .content p { - color: #000000; - font-size: 20px; - font-weight: 600; - line-height: 1.8rem; - margin: 20px 0px; - text-align: justify; + color: #000000; + font-size: 20px; + font-weight: 600; + line-height: 1.8rem; + margin: 20px 0px; + text-align: justify; } footer .content .socail-media { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; } footer .content .socail-media li { - -webkit-margin-end: 10px; - margin-inline-end: 10px; + -webkit-margin-end: 10px; + margin-inline-end: 10px; } footer .content .socail-media li:last-child { - margin: 0px; + margin: 0px; } footer .content .socail-media li a img { - width: 24px; - height: 24px; - -o-object-fit: contain; - object-fit: contain; - -webkit-transition: all 0.3s linear; - transition: all 0.3s linear; + width: 24px; + height: 24px; + -o-object-fit: contain; + object-fit: contain; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; } footer .content .socail-media li a:hover img { - -webkit-animation: tada 0.4s linear; - animation: tada 0.4s linear; + -webkit-animation: tada 0.4s linear; + animation: tada 0.4s linear; } footer .content h1 { - font-size: 24px; - font-weight: 600; - color: #000000; + font-size: 24px; + font-weight: 600; + color: #000000; } footer .content .links-contain { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - -ms-flex-line-pack: start; - align-content: flex-start; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + -ms-flex-line-pack: start; + align-content: flex-start; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } footer .content .links-contain .links { - width: 60%; + width: 60%; } footer .content .links-contain .links ul { - /* margin-bottom: 15px; */ + /* margin-bottom: 15px; */ } footer .content .links-contain .links li:last-child { - margin: 0px; + margin: 0px; } footer .content .links-contain .links li a { - color: #000; - font-size: 24px; - font-weight: 600; + color: #000; + font-size: 20px; + font-weight: 600; } footer .content .links-contain .links li a:hover { - color: #6e1214; + color: #6e1214; } footer .content .form-contain .form-group { - width: 100%; - height: 50px; - position: relative; - margin-bottom: 25px; + width: 100%; + height: 50px; + position: relative; + margin-bottom: 25px; } footer .content .form-contain .form-group .form-control { - width: 100%; - height: 100%; - background-color: #ffffff; - border: none; - border-radius: 9px; - padding: 0px 20px; - color: #000; - font-size: 15px; - font-weight: 500; - -webkit-padding-end: 120px !important; - padding-inline-end: 120px !important; + width: 100%; + height: 100%; + background-color: #ffffff; + border: none; + border-radius: 9px; + padding: 0px 20px; + color: #000; + font-size: 15px; + font-weight: 500; + -webkit-padding-end: 120px !important; + padding-inline-end: 120px !important; } footer -.content -.form-contain -.form-group -.form-control::-webkit-input-placeholder { - font-size: 15px; - font-weight: 500; - color: #888; + .content + .form-contain + .form-group + .form-control::-webkit-input-placeholder { + font-size: 15px; + font-weight: 500; + color: #888; } footer .content .form-contain .form-group .form-control:-ms-input-placeholder { - font-size: 15px; - font-weight: 500; - color: #888; + font-size: 15px; + font-weight: 500; + color: #888; } footer .content .form-contain .form-group .form-control::-ms-input-placeholder { - font-size: 12px; - font-weight: 600; - color: #800000; + font-size: 12px; + font-weight: 600; + color: #800000; } footer .content .form-contain .form-group .form-control::placeholder { - font-size: 12px; - font-weight: 600; - color: #800000; + font-size: 12px; + font-weight: 600; + color: #800000; } footer .content .form-contain .form-group .search-btn { - width: 118px; - height: 40px; - border: 0px; - outline: none; - border-radius: 9px; - background: -webkit-gradient( - linear, - left top, - right top, - from(#6e1214), - to(#6e1214) - ); - background: linear-gradient(90deg, #6e1214, #6e1214); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 15px; - font-weight: 500; - color: #fff; - position: absolute; - top: calc(50% - 20px); - left: 5px; + width: 118px; + height: 40px; + border: 0px; + outline: none; + border-radius: 9px; + background: -webkit-gradient( + linear, + left top, + right top, + from(#6e1214), + to(#6e1214) + ); + background: linear-gradient(90deg, #6e1214, #6e1214); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 15px; + font-weight: 500; + color: #fff; + position: absolute; + top: calc(50% - 20px); + left: 5px; } footer .content .form-contain .form-group .search-btn:hover { - background: -webkit-gradient( - linear, - left top, - right top, - from(#6e1214), - to(#6e1214) - ); - background: linear-gradient(90deg, #6e1214, #6e1214); + background: -webkit-gradient( + linear, + left top, + right top, + from(#6e1214), + to(#6e1214) + ); + background: linear-gradient(90deg, #6e1214, #6e1214); } footer .paymentS { - display: flex; - align-items: center; - gap: 40px; - margin-top: 100px; + display: flex; + align-items: center; + gap: 40px; + margin-top: 100px; +} + +footer .paymentS img { + cursor: pointer; } footer .content .list { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; } footer .content .list li { - -webkit-margin-end: 10px; - margin-inline-end: 10px; + -webkit-margin-end: 10px; + margin-inline-end: 10px; } footer .content .list li:last-child { - margin: 0px !important; + margin: 0px !important; } footer .content .list li img { - width: 120px; - height: 50px; - -o-object-fit: contain; - object-fit: contain; - -o-object-position: center; - object-position: center; + width: 120px; + height: 50px; + -o-object-fit: contain; + object-fit: contain; + -o-object-position: center; + object-position: center; } footer .copyrigths { - margin-top: 25px; - padding-top: 15px; - border-top: 1px solid #800000; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: center; + /* margin-top: 25px; */ + padding-top: 27px; + border-top: 1px solid #800000; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: center; } footer .copyrigths img { - width: 423px; + width: 423px; } footer .copyrigths p { - color: #000; - font-size: 15px; - font-weight: 500; - margin: 0px; + color: #000; + font-size: 15px; + font-weight: 500; + margin: 0px; } footer .copyrigths .payment { - width: 200px; - height: 40px; - -o-object-fit: contain; - object-fit: contain; - margin-top: 10px; + width: 200px; + height: 40px; + -o-object-fit: contain; + object-fit: contain; + margin-top: 10px; } .list-numbers { - width: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin-top: 10px; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-top: 10px; } .list-numbers li { - -webkit-margin-end: 10px; - margin-inline-end: 10px; + -webkit-margin-end: 10px; + margin-inline-end: 10px; } .list-numbers li a { - width: 50px; - height: 50px; - border: 1px solid var(--secondary); - background-color: #fff; - border-radius: 10px; - color: var(--secondary); - font-size: 15px; - font-weight: 500; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + width: 50px; + height: 50px; + border: 1px solid var(--secondary); + background-color: #fff; + border-radius: 10px; + color: var(--secondary); + font-size: 15px; + font-weight: 500; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .list-numbers li a.active, .list-numbers li a:hover { - background-color: var(--secondary); - color: #fff; + background-color: var(--secondary); + color: #fff; } .sub-header { - width: 100%; - padding: 150px 0px 50px 0px; - background: #f4f7fc; + width: 100%; + padding: 150px 0px 50px 0px; + background: #f4f7fc; } .sub-header .content { - width: 100%; - text-align: center; + width: 100%; + text-align: center; } .sub-header .content h1 { - color: var(--secondary); - font-size: 25px; - font-weight: 900; - margin-bottom: 20px; + color: var(--secondary); + font-size: 25px; + font-weight: 900; + margin-bottom: 20px; } .sub-header .content .sub-header-list { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .sub-header .content .sub-header-list li { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; } .sub-header .content .sub-header-list li::after { - content: ""; - width: 10px; - height: 10px; - border-radius: 50%; - background-color: var(--secondary); - display: inline-block; - margin: 0px 10px; + content: ""; + width: 10px; + height: 10px; + border-radius: 50%; + background-color: var(--secondary); + display: inline-block; + margin: 0px 10px; } .sub-header .content .sub-header-list li:last-child::after { - display: none; + display: none; } .sub-header .content .sub-header-list li a { - color: var(--dark); - font-size: 15px; - font-weight: 500; + color: var(--dark); + font-size: 15px; + font-weight: 500; } .sub-header .content .sub-header-list li span { - color: var(--secondary); - font-size: 18px; - font-weight: 700; + color: var(--secondary); + font-size: 18px; + font-weight: 700; } .form-contain .form-group { - width: 100%; - height: 50px; - position: relative; - margin-bottom: 25px; + width: 100%; + height: 50px; + position: relative; + margin-bottom: 25px; } .form-contain .form-group .form-control { - width: 100%; - height: 100%; - background-color: #fff; - border: 1px solid #6e1214; - border-radius: 50px; - padding: 0px 20px; - color: #000; - font-size: 15px; - font-weight: 500; - -webkit-padding-end: 120px !important; - padding-inline-end: 120px !important; + width: 100%; + height: 100%; + background-color: #fff; + border: 1px solid #6e1214; + border-radius: 50px; + padding: 0px 20px; + color: #000; + font-size: 15px; + font-weight: 500; + -webkit-padding-end: 120px !important; + padding-inline-end: 120px !important; } .form-contain .form-group .form-control::-webkit-input-placeholder { - font-size: 12px; - font-weight: 600; - color: #800000; + font-size: 12px; + font-weight: 600; + color: #800000; } .form-contain .form-group .form-control:-ms-input-placeholder { - font-size: 12px; - font-weight: 600; - color: #800000; + font-size: 12px; + font-weight: 600; + color: #800000; } .form-contain .form-group .form-control::-ms-input-placeholder { - font-size: 12px; - font-weight: 600; - color: #800000; + font-size: 12px; + font-weight: 600; + color: #800000; } .form-contain .form-group .form-control::placeholder { - font-size: 12px; - font-weight: 600; - color: #800000; + font-size: 12px; + font-weight: 600; + color: #800000; } .modal-content .modal-body { - width: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } .modal-content .form-group { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .modal-content .form-map { - width: 100%; - height: 200px; + width: 100%; + height: 200px; } .modal-content .form-map iframe { - width: 100%; - height: 100%; + width: 100%; + height: 100%; } .modal-content .buttons-contain { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .modal-content h2 { - color: var(--secondary); - font-size: 18px; - font-weight: 700; - text-align: center; - margin-bottom: 20px; + color: var(--secondary); + font-size: 18px; + font-weight: 700; + text-align: center; + margin-bottom: 20px; } .modal-content img { - width: 120px; - height: 120px; - -o-object-fit: contain; - object-fit: contain; - margin: auto; + width: 120px; + height: 120px; + -o-object-fit: contain; + object-fit: contain; + margin: auto; } .modal-content .form-contain .form-group { - width: 100%; - height: 50px; - position: relative; - margin-bottom: 25px; + width: 100%; + height: 50px; + position: relative; + margin-bottom: 25px; } .modal-content .form-contain .form-group .form-control { - width: 100%; - height: 100%; - background-color: #fff; - border: 1px solid #6e1214; - border-radius: 50px; - padding: 0px 20px; - color: #000; - font-size: 15px; - font-weight: 500; - -webkit-padding-end: 120px !important; - padding-inline-end: 120px !important; + width: 100%; + height: 100%; + background-color: #fff; + border: 1px solid #6e1214; + border-radius: 50px; + padding: 0px 20px; + color: #000; + font-size: 15px; + font-weight: 500; + -webkit-padding-end: 120px !important; + padding-inline-end: 120px !important; } .modal-content -.form-contain -.form-group -.form-control::-webkit-input-placeholder { - font-size: 12px; - font-weight: 600; - color: #800000; + .form-contain + .form-group + .form-control::-webkit-input-placeholder { + font-size: 12px; + font-weight: 600; + color: #800000; } .modal-content .form-contain .form-group .form-control:-ms-input-placeholder { - font-size: 12px; - font-weight: 600; - color: #800000; + font-size: 12px; + font-weight: 600; + color: #800000; } .modal-content .form-contain .form-group .form-control::-ms-input-placeholder { - font-size: 12px; - font-weight: 600; - color: #800000; + font-size: 12px; + font-weight: 600; + color: #800000; } .modal-content .form-contain .form-group .form-control::placeholder { - font-size: 12px; - font-weight: 600; - color: #800000; + font-size: 12px; + font-weight: 600; + color: #800000; } .modal-content .form-contain .form-group .search-btn { - width: 100px; - height: 40px; - border: 0px; - outline: none; - border-radius: 50px; - background: -webkit-gradient( - linear, - left top, - right top, - from(#6e1214), - to(#6e1214) - ); - background: linear-gradient(90deg, #6e1214, #6e1214); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 15px; - font-weight: 500; - color: #fff; - position: absolute; - top: calc(50% - 20px); - left: 5px; + width: 100px; + height: 40px; + border: 0px; + outline: none; + border-radius: 50px; + background: -webkit-gradient( + linear, + left top, + right top, + from(#6e1214), + to(#6e1214) + ); + background: linear-gradient(90deg, #6e1214, #6e1214); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 15px; + font-weight: 500; + color: #fff; + position: absolute; + top: calc(50% - 20px); + left: 5px; } .modal-content .form-contain .form-group .search-btn:hover { - background: -webkit-gradient( - linear, - left top, - right top, - from(#6e1214), - to(#6e1214) - ); - background: linear-gradient(90deg, #6e1214, #6e1214); + background: -webkit-gradient( + linear, + left top, + right top, + from(#6e1214), + to(#6e1214) + ); + background: linear-gradient(90deg, #6e1214, #6e1214); } .modal-content .close { - width: 30px; - height: 30px; - background-color: #6e1214; - border-radius: 50%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - color: #fff; - opacity: 1 !important; + width: 30px; + height: 30px; + background-color: #6e1214; + border-radius: 50%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + color: #fff; + opacity: 1 !important; } .contact-us { - width: 100%; - padding: 30px 0px; + width: 100%; + padding: 30px 0px; } .contact-us .form-contain { - width: 100%; - padding: 30px 15px; - background-color: #fff; - border-radius: 20px; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); + width: 100%; + padding: 30px 15px; + background-color: #fff; + border-radius: 20px; + -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); } .contact-us .form-contain .form-group.textarea { - height: 100px !important; - border-radius: 5px !important; + height: 100px !important; + border-radius: 5px !important; } .contact-us .form-contain .form-group.textarea .form-control { - resize: none !important; - border-radius: 15px !important; - height: 100%; - padding: 10px 10px; + resize: none !important; + border-radius: 15px !important; + height: 100%; + padding: 10px 10px; } .contact-us .form-contain .buttons-contain { - -webkit-box-pack: center !important; - -ms-flex-pack: center !important; - justify-content: center !important; + -webkit-box-pack: center !important; + -ms-flex-pack: center !important; + justify-content: center !important; } .contact-us .form-contain .buttons-contain .btn-contain { - width: 100% !important; - border-radius: 40px !important; + width: 100% !important; + border-radius: 40px !important; } .contact-us .contact-shape { - width: 100%; - padding: 40px 15px; - background-color: #fff; - -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); - border-radius: 30px; + width: 100%; + padding: 40px 15px; + background-color: #fff; + -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); + border-radius: 30px; } .contact-us .contact-shape .box { - width: 100%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - padding: 32px 0px; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + padding: 32px 0px; } .contact-us .contact-shape .box:first-child { - padding-top: 0px !important; + padding-top: 0px !important; } .contact-us .contact-shape .box:last-child { - padding-bottom: 0px !important; + padding-bottom: 0px !important; } .contact-us .contact-shape .box:nth-child(2) { - border-top: 1px solid #ddd; - border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; } .contact-us .contact-shape .box img { - width: 40px; - height: 40px; - -o-object-fit: contain; - object-fit: contain; - margin-bottom: 20px; + width: 40px; + height: 40px; + -o-object-fit: contain; + object-fit: contain; + margin-bottom: 20px; } .contact-us .contact-shape .box p { - color: #000; - font-size: 15px; - font-weight: 500; - margin-bottom: 0px; + color: #000; + font-size: 15px; + font-weight: 500; + margin-bottom: 0px; } .contact-us .contact-shape .box:hover img { - -webkit-animation: tada 0.4s linear; - animation: tada 0.4s linear; + -webkit-animation: tada 0.4s linear; + animation: tada 0.4s linear; } .contact-us .map-contain { - width: 100%; - height: 400px; - border-radius: 30px; - overflow: hidden; + width: 100%; + height: 400px; + border-radius: 30px; + overflow: hidden; } .contact-us .map-contain iframe { - width: 100%; - height: 100%; + width: 100%; + height: 100%; } .page-loader { - width: 100%; - height: 100%; - padding: 20px 0px !important; - background-color: rgba(110, 18, 20, 0.5); - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - position: fixed; - top: 0; - left: 0; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - z-index: 999999; + width: 100%; + height: 100%; + padding: 20px 0px !important; + background-color: rgba(110, 18, 20, 0.5); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + position: fixed; + top: 0; + left: 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + z-index: 999999; } .page-loader .spinner { - width: 128px; - height: 128px; - border: 3px solid var(--light); - border-bottom: 3px solid transparent; - border-radius: 50%; - position: relative; - -webkit-animation: spin 1s linear infinite; - animation: spin 1s linear infinite; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + width: 128px; + height: 128px; + border: 3px solid var(--light); + border-bottom: 3px solid transparent; + border-radius: 50%; + position: relative; + -webkit-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } .page-loader .spinner .inner { - width: 64px; - height: 64px; - border: 3px solid transparent; - border-top: 3px solid var(--light); - border-radius: 50%; - -webkit-animation: spinInner 1s linear infinite; - animation: spinInner 1s linear infinite; + width: 64px; + height: 64px; + border: 3px solid transparent; + border-top: 3px solid var(--light); + border-radius: 50%; + -webkit-animation: spinInner 1s linear infinite; + animation: spinInner 1s linear infinite; } .fixed-icon { - width: 40px; - height: 40px; - background-color: var(--secondary); - border-radius: 50%; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - position: fixed; - bottom: 10px; - left: 10px; - z-index: 99; + width: 40px; + height: 40px; + background-color: var(--secondary); + border-radius: 50%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + position: fixed; + bottom: 10px; + left: 10px; + z-index: 99; } .fixed-icon img { - width: 20px; - height: 20px; - -o-object-fit: contain; - object-fit: contain; - -webkit-filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(237deg) + width: 20px; + height: 20px; + -o-object-fit: contain; + object-fit: contain; + -webkit-filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(237deg) brightness(103%) contrast(104%); - filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(237deg) + filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(237deg) brightness(103%) contrast(104%); } .form-contain .form-group .form-control { - -webkit-padding-end: 0px !important; - padding-inline-end: 0px !important; + -webkit-padding-end: 0px !important; + padding-inline-end: 0px !important; } /*# sourceMappingURL=style.css.map */ .links-contain .form-control { - position: relative; - width: 377px; - height: 40px; - border-radius: 8px; - text-align: left; - border-top-right-radius: 8px !important; - border-bottom-right-radius: 8px !important; + position: relative; + width: 377px; + height: 40px; + border-radius: 8px; + text-align: left; + border-top-right-radius: 8px !important; + border-bottom-right-radius: 8px !important; } .links-contain .form-control::placeholder { - position: absolute; - left: 2%; + position: absolute; + left: 2%; } .links-contain .search-icon { - position: absolute; - right: 2%; - z-index: 20; + position: absolute; + right: 2%; + z-index: 20; } .first-barContent { - display: flex; - align-items: center; - gap: 27px; - padding-top: 15px; + display: flex; + align-items: center; + gap: 27px; + padding-top: 15px; } .first-barContent p { - display: flex; - align-items: center; - gap: 7px; - color: white; + display: flex; + align-items: center; + gap: 7px; + color: white; } .currency-dropdown { - position: relative; - display: inline-block; + position: relative; + display: inline-block; } #currency-toggle { - cursor: pointer; + cursor: pointer; } .dropdown-content { - display: none; - position: absolute; - background-color: white; - min-width: 100px; - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); - z-index: 9999; - left: 5%; + display: none; + position: absolute; + background-color: white; + min-width: 100px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); + z-index: 9999; + left: 5%; } .dropdown-content p { - padding: 8px 12px; - margin: 0; - cursor: pointer; - color: black; + padding: 8px 12px; + margin: 0; + cursor: pointer; + color: black; } .dropdown-content p:hover { - background-color: #f1f1f1; + background-color: #f1f1f1; } .offer { - display: flex; - justify-content: space-around; - align-items: center; - background-color: #444144; - color: #ffffff; - padding: 9px 0 0px 0px; + display: flex; + justify-content: space-around; + align-items: center; + background-color: #444144; + color: #ffffff; + padding: 9px 0 0px 0px; } .offer .flagIcon { - display: flex; - gap: 12px; - align-items: center; + display: flex; + gap: 12px; + align-items: center; } .offer .contact-details { - display: flex; - gap: 7px; - align-items: center; - color: white; + display: flex; + gap: 7px; + align-items: center; + color: white; } .offer div { - display: flex; - gap: 5px; + display: flex; + gap: 5px; } .offer .navContacts { - display: flex; - align-items: center; - gap: 33.74px; + display: flex; + align-items: center; + gap: 33.74px; } .thirdBar { - display: flex; - justify-content: start; - background: #444144; + display: flex; + justify-content: start; + background: #444144; } .thirdBar ul { - display: flex; - gap: 35px; + display: flex; + gap: 35px; } .thirdBar ul li a { - color: white; + color: white; } .main-header { - display: flex; + display: flex; } .shopping { - margin-top: 37px; + margin-top: 37px; } .shopping .cont-heading { - display: flex; - justify-content: space-between; + display: flex; + justify-content: space-between; } .shopping .cont-heading h1 { - font-size: 36px; + font-size: 36px; } .shopping .cont-heading h2 { - font-size: 24px; - color: #800000; + font-size: 24px; + color: #800000; } .shopping .dept-products { - display: grid; - grid-template-columns: repeat(6, 1fr); - gap: 10px; + display: grid; + grid-template-columns: repeat(6, 1fr); + gap: 10px; } @media (max-width: 768px) { - .shopping .dept-products { - grid-template-columns: repeat(3, 1fr); - } + .shopping .dept-products { + grid-template-columns: repeat(3, 1fr); + } - .shopping .dept-products a img { - width: 100px !important; - height: 100px !important; - } - .shopping .dept-products a p { - font-size: 16px !important; - } + .shopping .dept-products a img { + width: 100px !important; + height: 100px !important; + } + .shopping .dept-products a p { + font-size: 16px !important; + } } .shopping .dept-products a { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; } .shopping .dept-products a img { - width: 180px; - height: 180px; + width: 180px; + height: 180px; } .shopping .dept-products a p { - font-size: 24px; - font-weight: 600; - line-height: 42px; - color: black; + font-size: 24px; + font-weight: 600; + line-height: 42px; + color: black; } .general-section .heading { - margin-bottom: 27px; + margin-bottom: 27px; } .general-section .heading { - display: flex; - justify-content: space-between; - align-items: centter; + display: flex; + justify-content: space-between; + align-items: centter; } .general-section .heading h1 { - font-size: 36px; - font-weight: 600; + font-size: 36px; + font-weight: 600; } .general-section .heading p { - font-size: 24px; - color: #800000; - font-weight: 600; + font-size: 24px; + color: #800000; + font-weight: 600; } .headerImg { - display: flex; - gap: 34px; - margin-top: 26px; + display: flex; + gap: 34px; + margin-top: 26px; } .headerImg a img { - width: 550px !important; + width: 550px !important; } .lastImg { - display: none; + display: none; } @media (max-width: 999px) { - .first-bar { - display: none !important; - } - - .navbar .content .navbar-nave { - order: 1; - } - - .offer { - display: none !important; - } - - .thirdBar { - display: none !important; - } - - .general-section .heading h1 { - font-size: 24px !important; - font-weight: 600 !important; - margin-bottom: 0; - } - - .links { - column-count: 2; - column-gap: 20px; - } - - .headerImg a img { - width: 90vw !important; - } - - .headerImg .sec_Img { - display: none !important; - } - - .shopping .cont-heading { - display: flex; - flex-direction: column; - align-items: center; - } - - .shopping .cont-heading h1 { - font-size: 24px; - font-weight: 600px; - } - - .shopping .cont-heading h2 { - font-size: 12px; - } - .lastImg { - display: flex; - justify-content: center; - } - .lastImg img { - width: 300px; - } - - footer .content .links-contain .links { - width: 100%; - } - - footer .paymentS { - display: none !important; - } - - footer .lastText p { - font-size: 10px !important; - } - - footer .copyrigths img { - width: 205px; - } - - .general-section .heading p { - font-size: 14px !important; - font-weight: 400 !important; - } - - .links-contain .input-group { - display: none !important; - } - - .general-section .heading { - flex-direction: column; - } - - .navbar { - padding: 0px !important; - } - .navbar .hamburger { - display: block !important; - } - .navbar.scrolled .navbar-nav { - top: 70px !important; - } - .navbar .brand-name img { - width: 200px !important; - height: 70px !important; - } - .navbar .navbar-nav { - width: 100%; - height: 100vh; - position: absolute; - top: 70px; - right: -100%; - background-color: var(--light); - -webkit-box-orient: vertical !important; - -webkit-box-direction: normal !important; - -ms-flex-direction: column !important; - flex-direction: column !important; - -webkit-box-pack: start !important; - -ms-flex-pack: start !important; - justify-content: flex-start !important; - padding: 20px 0px; - -webkit-box-align: center !important; - -ms-flex-align: center !important; - align-items: center !important; - text-align: center !important; - -webkit-transition: all 0.3s linear; - transition: all 0.3s linear; - } - .navbar .navbar-nav.active-nav { - right: 0% !important; - } - .navbar .navbar-nav li { - margin-bottom: 20px !important; - -webkit-margin-end: 0px !important; - margin-inline-end: 0px !important; - } - .navbar .links-contain li { - -webkit-margin-end: 5px !important; - margin-inline-end: 5px !important; - } - .navbar .links-contain li a { - width: unset !important; - height: unset !important; - background-color: transparent !important; - } - .navbar .links-contain li a img { - -webkit-filter: invert(12%) sepia(35%) saturate(5502%) hue-rotate(0deg) - brightness(24%) contrast(100%); - filter: invert(12%) sepia(35%) saturate(5502%) hue-rotate(0deg) - brightness(24%) contrast(100%); - } - .navbar .links-contain li:last-child { - display: none !important; - } - header .swiper-button-next, - header .swiper-button-prev { - top: unset !important; - -webkit-transform: translate(0px) !important; - transform: translate(0px) !important; - position: absolute; - bottom: 20px !important; - } - header .swiper-button-prev { - left: unset !important; - right: calc(50% - 45px) !important; - } - header .swiper-button-next { - left: calc(50% - 45px) !important; - right: unset !important; - } - footer .copyrigths, - .profile-page .tab-pane .address-contain { - -webkit-box-orient: vertical !important; - -webkit-box-direction: normal !important; - -ms-flex-direction: column !important; - flex-direction: column !important; - } - header .item, - .banners .image-content.small-img { - height: 210px !important; - } - .profile-page .tab-pane .address-contain .data-list { - width: 100% !important; - margin-top: 15px !important; - } - .single-order .content .flex-data { - -webkit-box-orient: vertical !important; - -webkit-box-direction: normal !important; - -ms-flex-direction: column !important; - flex-direction: column !important; - -webkit-box-pack: start !important; - -ms-flex-pack: start !important; - justify-content: flex-start !important; - -webkit-box-align: start !important; - -ms-flex-align: start !important; - align-items: flex-start !important; - -ms-flex-line-pack: start !important; - align-content: flex-start !important; - } - .single-order .content .flex-data h1 { - margin-bottom: 20px !important; - width: 100% !important; - display: block !important; - } - .login .login-contain .socail-media li { - -webkit-margin-end: 7px !important; - margin-inline-end: 7px !important; - } - .login .login-contain .data { - padding: 20px 10px !important; - } - .general-section { - padding: 20px 0px !important; - } - .sub-header { - padding: 80px 0px 25px 0px !important; - } - .form-contain .form-group .form-control { - -webkit-padding-end: 0px !important; - padding-inline-end: 0px !important; - } - .products .flex-data .form-contain .form-group, - .opinion .flex-data .form-contain .form-group { - margin: 0px !important; - } - - .next-headerImg { - display: none !important; - } + .first-bar { + display: none !important; + } + + .navbar .content .navbar-nave { + order: 1; + } + + .offer { + display: none !important; + } + + .thirdBar { + display: none !important; + } + + .general-section .heading h1 { + font-size: 24px !important; + font-weight: 600 !important; + margin-bottom: 0; + } + + .links { + column-count: 2; + column-gap: 20px; + } + + .headerImg a img { + width: 90vw !important; + } + + .headerImg .sec_Img { + display: none !important; + } + + .shopping .cont-heading { + display: flex; + flex-direction: column; + align-items: center; + } + + .shopping .cont-heading h1 { + font-size: 24px; + font-weight: 600px; + } + + .shopping .cont-heading h2 { + font-size: 12px; + } + .lastImg { + display: flex; + justify-content: center; + } + .lastImg img { + width: 300px; + } + + footer .content .links-contain .links { + width: 100%; + } + + footer .paymentS { + display: none !important; + } + + footer .copyrigths img { + width: 205px; + } + + .general-section .heading p { + font-size: 14px !important; + font-weight: 400 !important; + } + + .links-contain .input-group { + display: none !important; + } + + .general-section .heading { + flex-direction: column; + } + + .navbar { + padding: 0px !important; + } + .navbar .hamburger { + display: block !important; + } + .navbar.scrolled .navbar-nav { + top: 70px !important; + } + .navbar .brand-name img { + width: 200px !important; + height: 70px !important; + } + .navbar .navbar-nav { + width: 100%; + height: 100vh; + position: absolute; + top: 70px; + right: -100%; + background-color: var(--light); + -webkit-box-orient: vertical !important; + -webkit-box-direction: normal !important; + -ms-flex-direction: column !important; + flex-direction: column !important; + -webkit-box-pack: start !important; + -ms-flex-pack: start !important; + justify-content: flex-start !important; + padding: 20px 0px; + -webkit-box-align: center !important; + -ms-flex-align: center !important; + align-items: center !important; + text-align: center !important; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; + } + .navbar .navbar-nav.active-nav { + right: 0% !important; + } + .navbar .navbar-nav li { + margin-bottom: 20px !important; + -webkit-margin-end: 0px !important; + margin-inline-end: 0px !important; + } + .navbar .links-contain li { + -webkit-margin-end: 5px !important; + margin-inline-end: 5px !important; + } + .navbar .links-contain li a { + width: unset !important; + height: unset !important; + background-color: transparent !important; + } + .navbar .links-contain li a img { + -webkit-filter: invert(12%) sepia(35%) saturate(5502%) hue-rotate(0deg) + brightness(24%) contrast(100%); + filter: invert(12%) sepia(35%) saturate(5502%) hue-rotate(0deg) + brightness(24%) contrast(100%); + } + .navbar .links-contain li:last-child { + display: none !important; + } + header .swiper-button-next, + header .swiper-button-prev { + top: unset !important; + -webkit-transform: translate(0px) !important; + transform: translate(0px) !important; + position: absolute; + bottom: 20px !important; + } + header .swiper-button-prev { + left: unset !important; + right: calc(50% - 45px) !important; + } + header .swiper-button-next { + left: calc(50% - 45px) !important; + right: unset !important; + } + footer .copyrigths, + .profile-page .tab-pane .address-contain { + -webkit-box-orient: vertical !important; + -webkit-box-direction: normal !important; + -ms-flex-direction: column !important; + flex-direction: column !important; + } + header .item, + .banners .image-content.small-img { + height: 210px !important; + } + .profile-page .tab-pane .address-contain .data-list { + width: 100% !important; + margin-top: 15px !important; + } + .single-order .content .flex-data { + -webkit-box-orient: vertical !important; + -webkit-box-direction: normal !important; + -ms-flex-direction: column !important; + flex-direction: column !important; + -webkit-box-pack: start !important; + -ms-flex-pack: start !important; + justify-content: flex-start !important; + -webkit-box-align: start !important; + -ms-flex-align: start !important; + align-items: flex-start !important; + -ms-flex-line-pack: start !important; + align-content: flex-start !important; + } + .single-order .content .flex-data h1 { + margin-bottom: 20px !important; + width: 100% !important; + display: block !important; + } + .login .login-contain .socail-media li { + -webkit-margin-end: 7px !important; + margin-inline-end: 7px !important; + } + .login .login-contain .data { + padding: 20px 10px !important; + } + .general-section { + padding: 20px 0px !important; + } + .sub-header { + padding: 80px 0px 25px 0px !important; + } + .form-contain .form-group .form-control { + -webkit-padding-end: 0px !important; + padding-inline-end: 0px !important; + } + .products .flex-data .form-contain .form-group, + .opinion .flex-data .form-contain .form-group { + margin: 0px !important; + } + + .next-headerImg { + display: none !important; + } } diff --git a/index.html b/index.html index 8c7ed70..5641e74 100644 --- a/index.html +++ b/index.html @@ -791,7 +791,7 @@

-
+

روابط هامة

@@ -868,7 +868,7 @@

-

+

2024 جميع الحقوق محفوظة لـ Marvelous Emotion