+
+
+
+
+
\ No newline at end of file
diff --git a/theme_lego/static/description/theme_screenshot.png b/theme_lego/static/description/theme_screenshot.png
new file mode 100644
index 000000000..3ebc37271
Binary files /dev/null and b/theme_lego/static/description/theme_screenshot.png differ
diff --git a/theme_lego/static/src/css/owl.carousel.min.css b/theme_lego/static/src/css/owl.carousel.min.css
new file mode 100644
index 000000000..a71df11c0
--- /dev/null
+++ b/theme_lego/static/src/css/owl.carousel.min.css
@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
\ No newline at end of file
diff --git a/theme_lego/static/src/css/owl.theme.default.min.css b/theme_lego/static/src/css/owl.theme.default.min.css
new file mode 100644
index 000000000..487088d2e
--- /dev/null
+++ b/theme_lego/static/src/css/owl.theme.default.min.css
@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
\ No newline at end of file
diff --git a/theme_lego/static/src/css/style.css b/theme_lego/static/src/css/style.css
new file mode 100644
index 000000000..388561044
--- /dev/null
+++ b/theme_lego/static/src/css/style.css
@@ -0,0 +1,3473 @@
+
+
+/*@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Roboto&display=swap");
+*/
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+/* Document
+ ========================================================================== */
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+html {
+ line-height: 1.15;
+ /* 1 */
+ -webkit-text-size-adjust: 100%;
+ /* 2 */
+}
+
+/* Sections
+ ========================================================================== */
+/**
+ * Remove the margin in all browsers.
+ */
+body {
+ margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+main {
+ display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ ========================================================================== */
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+hr {
+ box-sizing: content-box;
+ /* 1 */
+ height: 0;
+ /* 1 */
+ overflow: visible;
+ /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+pre {
+ font-family: monospace, monospace;
+ /* 1 */
+ font-size: 1em;
+ /* 2 */
+}
+
+/* Text-level semantics
+ ========================================================================== */
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+a {
+ background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+abbr[title] {
+ border-bottom: none;
+ /* 1 */
+ text-decoration: underline;
+ /* 2 */
+ text-decoration: underline dotted;
+ /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+code,
+kbd,
+samp {
+ font-family: monospace, monospace;
+ /* 1 */
+ font-size: 1em;
+ /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+img {
+ border-style: none;
+}
+
+/* Forms
+ ========================================================================== */
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit;
+ /* 1 */
+ font-size: 100%;
+ /* 1 */
+ line-height: 1.15;
+ /* 1 */
+ margin: 0;
+ /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+button,
+input {
+ /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+button,
+select {
+ /* 1 */
+ text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+legend {
+ box-sizing: border-box;
+ /* 1 */
+ color: inherit;
+ /* 2 */
+ display: table;
+ /* 1 */
+ max-width: 100%;
+ /* 1 */
+ padding: 0;
+ /* 3 */
+ white-space: normal;
+ /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress {
+ vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box;
+ /* 1 */
+ padding: 0;
+ /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+[type="search"] {
+ -webkit-appearance: textfield;
+ /* 1 */
+ outline-offset: -2px;
+ /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ /* 1 */
+ font: inherit;
+ /* 2 */
+}
+
+/* Interactive
+ ========================================================================== */
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+details {
+ display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+summary {
+ display: list-item;
+}
+
+/* Misc
+ ========================================================================== */
+/**
+ * Add the correct display in IE 10+.
+ */
+template {
+ display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+[hidden] {
+ display: none;
+}
+
+*body {
+ line-height: 24px;
+ font-size: 14px;
+ font-weight: 400;
+ color: #777777;
+ background: #fff;
+}
+
+html,
+body {
+ height: 100%;
+}
+
+ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+*h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-family: "Poppins", sans-serif;
+ color: #222222;
+ font-weight: 500;
+ line-height: 1.2 !important;
+}
+
+.list {
+ list-style: none;
+ margin: 0px;
+ padding: 0px;
+}
+
+*a {
+ text-decoration: none;
+ transition: all 0.3s ease-in-out;
+}
+
+*a:hover, *a:focus {
+ text-decoration: none;
+ outline: none;
+}
+
+*button:focus {
+ outline: none;
+ box-shadow: none;
+}
+
+.overflow-hidden {
+ overflow: hidden;
+}
+
+*:focus {
+ outline: 0 !important;
+}
+
+*button:focus {
+ border: none;
+ outline: none;
+}
+
+* {
+ list-style-type: none;
+ font-family: "Poppins", sans-serif;
+ font-size: 14px;
+}
+
+*:focus, *:active {
+ outline: none !important;
+}
+
+*:hover {
+ transition: 0.5s;
+}
+
+.banner {
+ background-image: url(./../img/banner/banner-bg.jpg);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: cover;
+ position: relative;
+}
+
+.banner .banner_content {
+ position: relative;
+ padding-top: 250px;
+ padding-bottom: 150px;
+}
+
+@media screen and (max-width: 996px) {
+ .banner .banner_content {
+ padding-top: 220px;
+ padding-bottom: 75px;
+ }
+}
+
+.banner .banner_content .banner_left h1 {
+ font-size: 50px;
+ font-weight: 700;
+ text-transform: uppercase;
+ color: #fff;
+}
+
+@media screen and (max-width: 1100px) {
+ .banner .banner_content .banner_left h1 {
+ font-size: 40px;
+ }
+}
+
+@media screen and (max-width: 996px) {
+ .banner .banner_content .banner_left h1 {
+ font-size: 30px;
+ }
+}
+
+.banner .banner_content .banner_left p {
+ color: #fff;
+ line-height: 24px;
+ margin-bottom: 33px;
+}
+
+@media screen and (max-width: 786px) {
+ .banner .banner_content .banner_img {
+ display: none;
+ }
+}
+
+.banner .banner_content .banner_img img {
+ width: 100%;
+}
+
+.banner .banner_content .owl-carousel {
+ position: relative;
+}
+
+.banner .banner_content .owl-carousel .owl-nav {
+ position: absolute;
+ right: 50px;
+ bottom: 12px;
+}
+
+.banner .banner_content .owl-carousel .owl-nav .owl-prev {
+ color: #fff;
+}
+
+.banner .banner_content .owl-carousel .owl-nav .owl-prev:hover {
+ color: #000;
+}
+
+.banner .banner_content .owl-carousel .owl-nav .owl-prev i {
+ font-size: 27px;
+ padding: 10px;
+}
+
+.banner .banner_content .owl-carousel .owl-nav .owl-next {
+ color: #fff;
+}
+
+.banner .banner_content .owl-carousel .owl-nav .owl-next:hover {
+ color: #000;
+}
+
+.banner .banner_content .owl-carousel .owl-nav .owl-next i {
+ font-size: 27px;
+}
+
+.banner_product {
+ background-image: url(./../img/banner/banner-bg.jpg);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: cover;
+ position: relative;
+}
+
+.banner_product .banner_content {
+ text-align: end;
+ padding-top: 180px;
+}
+
+.banner_product .banner_content .product_heading h1 {
+ color: #000;
+ text-transform: uppercase;
+ font-size: 50px;
+ font-weight: 700;
+ color: #fff;
+}
+
+@media screen and (max-width: 768px) {
+ .banner_product .banner_content .product_heading h1 {
+ font-size: 40px;
+ }
+}
+
+@media screen and (max-width: 600px) {
+ .banner_product .banner_content .product_heading h1 {
+ font-size: 25px;
+ text-align: left;
+ }
+}
+
+.banner_product .banner_content .product_heading .breadcrumb {
+ background-color: transparent;
+ justify-content: end;
+}
+
+@media screen and (max-width: 600px) {
+ .banner_product .banner_content .product_heading .breadcrumb {
+ justify-content: left;
+ padding-left: 0;
+ }
+}
+
+.banner_product .banner_content .product_heading .breadcrumb .active {
+ color: #000;
+}
+
+.banner_product .banner_content .product_heading .breadcrumb .breadcrumb-item a {
+ color: #fff;
+ text-decoration: none;
+}
+
+.banner_product .banner_content .product_heading .breadcrumb .breadcrumb-item:before {
+ display: inline-block;
+ padding-right: 0.5rem;
+ color: #1b80da;
+ content: "";
+}
+
+.banner_product .banner_content .product_heading .breadcrumb .breadcrumb-item .material-icons {
+ padding-top: 6px;
+ padding-left: 3px;
+}
+
+.btn {
+ border: none !important;
+ outline: 0 !important;
+ transition: 0.5s;
+ box-shadow: none !important;
+}
+
+.btn-primary {
+ background-color: transparent !important;
+ border-color: #fff;
+ padding: 12px 36px;
+ color: #000 !important;
+ font-size: 16px;
+ font-weight: 600;
+ border-radius: 0;
+ border: 1px solid !important;
+}
+
+.btn-primary:hover {
+ border: none !important;
+ color: #000 !important;
+ background: #fff !important;
+}
+
+.btn-add {
+ text-transform: uppercase !important;
+ font-size: 14px;
+ font-weight: 600;
+ color: #222222;
+ display: flex;
+ color: #fff;
+ align-items: center;
+ text-decoration: none !important;
+}
+
+.btn-add:hover {
+ color: #ff6c00;
+}
+
+.btn-add i {
+ height: 45px;
+ width: 45px;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ color: white !important;
+ border-radius: 50%;
+ padding: 12px;
+ margin-right: 13px;
+}
+
+.btn-add2 {
+ text-transform: uppercase !important;
+ font-size: 14px;
+ font-weight: 600;
+ color: #222222;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-decoration: none !important;
+}
+
+.btn-add2:hover {
+ color: #222222;
+}
+
+.btn-add2 i {
+ height: 45px;
+ width: 45px;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ color: #fff !important;
+ border-radius: 50%;
+ padding: 12px;
+ margin-right: 13px;
+ color: #222222 !important;
+}
+
+.btn-add2 i:hover {
+ background-image: linear-gradient(45deg, #22c1c3 0%, #e0d8d8 60%);
+}
+
+.btn-shop {
+ color: #222222;
+ display: block;
+ position: absolute;
+ z-index: 2;
+ left: 41%;
+ top: 62%;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ padding: 14px 27px;
+ font-weight: 600;
+ border-radius: 25px;
+}
+
+@media screen and (max-width: 996px) {
+ .btn-shop {
+ top: 75%;
+ }
+}
+
+.btn-shop:hover {
+ text-decoration: none;
+ color: #222222;
+}
+
+.btn-cart {
+ color: #fff;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ padding: 14px 35px;
+ font-weight: 600;
+ border-radius: 6px;
+ box-shadow: none !important;
+}
+
+.btn-cart:hover {
+ text-decoration: none;
+ color: #fff;
+}
+
+.btn-replay {
+ color: #000;
+ border: 1px solid !important;
+ border-radius: 25px;
+ border-color: #777777 !important;
+ padding: 5px 15px;
+ box-shadow: none !important;
+}
+
+.btn-replay:hover {
+ text-decoration: none;
+ color: #fff;
+ background-color: #00c2fb !important;
+ border: none !important;
+}
+
+.btn-login {
+ color: #fff;
+ border-radius: 0px;
+ background-color: #00c2fb !important;
+ padding: 8px 22px;
+ box-shadow: none !important;
+ border-radius: 5px;
+ font-weight: 600;
+}
+
+.btn-login:hover {
+ text-decoration: none;
+ color: #fff;
+ border: none !important;
+}
+
+.btn-checkout_c {
+ text-transform: uppercase !important;
+ font-size: 14px;
+ font-weight: 600;
+ color: #fff;
+ height: 50px;
+ padding-top: 15px;
+ display: block;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ text-decoration: none !important;
+}
+
+.btn-checkout_c:hover {
+ color: #fff;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+}
+
+.btn-update {
+ background-color: #acdfee99 !important;
+ padding: 12px 36px;
+ color: #000 !important;
+ font-size: 16px;
+ border-radius: 0;
+}
+
+.btn-update:hover {
+ border: none !important;
+ color: #000 !important;
+}
+
+.btn-update2 {
+ background-color: #acdfee99 !important;
+ display: block;
+ padding: 12px 36px;
+ color: #000 !important;
+ font-size: 16px;
+ border-radius: 0;
+}
+
+.btn-update2:hover {
+ border: none !important;
+ color: #000 !important;
+}
+
+.btn-cartc {
+ color: #fff;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ padding: 14px 35px;
+ font-weight: 600;
+ box-shadow: none !important;
+}
+
+.btn-cartc:hover {
+ text-decoration: none;
+ color: #fff;
+}
+
+@media screen and (max-width: 474px) {
+ .btn-cartc {
+ margin-bottom: 15px;
+ padding: 14px 38px;
+ }
+}
+
+.btn-cartd {
+ color: #fff;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ padding: 14px 28px;
+ font-weight: 600;
+ box-shadow: none !important;
+}
+
+.btn-cartd:hover {
+ text-decoration: none;
+ color: #fff;
+}
+
+.btn-register {
+ color: #fff;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ padding: 14px 28px;
+ font-weight: 600;
+ box-shadow: none !important;
+ border-radius: 0 !important;
+}
+
+.btn-register:hover {
+ text-decoration: none;
+ color: #fff;
+}
+
+.btn-login {
+ color: #fff;
+ display: block;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ padding: 14px 28px;
+ font-weight: 600;
+ box-shadow: none !important;
+ border-radius: 0 !important;
+}
+
+.btn-login:hover {
+ text-decoration: none;
+ color: #fff;
+}
+
+.btn-send {
+ background-color: #00c2fb !important;
+ border-color: #fff;
+ padding: 8px 40px;
+ color: #fff !important;
+ font-size: 16px;
+ border-radius: 0;
+ margin-top: 31px;
+ margin-left: auto;
+ margin-right: 16px;
+}
+
+.btn-send:hover {
+ border: none !important;
+ background: #00aee2 !important;
+}
+
+.product {
+ margin-top: 100px;
+}
+
+.product .main_heading {
+ text-align: center;
+ padding-bottom: 10px;
+}
+
+.product .main_heading h3 {
+ font-size: 25px;
+ font-weight: 600;
+ text-transform: uppercase;
+ font-family: "Poppins", sans-serif;
+ color: #222222;
+}
+
+.product .main_heading p {
+ color: #777777;
+ line-height: 24px;
+ margin-bottom: 33px;
+}
+
+.product .wrapper {
+ margin-top: 40px;
+}
+
+.product .wrapper .product_img {
+ margin-bottom: 50px;
+}
+
+@media screen and (max-width: 576px) {
+ .product .wrapper .product_img {
+ margin: 0 10px;
+ padding-bottom: 30px;
+ }
+}
+
+.product .wrapper .product_img .wrapper_img {
+ padding-bottom: 15px;
+}
+
+.product .wrapper .product_img .wrapper_img img {
+ width: 100%;
+}
+
+.product .wrapper .product_img h5 {
+ color: #222222;
+ text-transform: uppercase;
+ font-weight: 600;
+ margin-top: 15px;
+ font-family: "Poppins", sans-serif;
+}
+
+.product .wrapper .product_img .rate {
+ display: flex;
+ padding-top: 10px;
+}
+
+.product .wrapper .product_img .rate p {
+ color: #222222;
+ margin-right: 50px;
+}
+
+.product .wrapper .product_img .rate span {
+ color: #777777;
+ text-decoration: line-through;
+}
+
+.product .wrapper .product_img .product_bottom {
+ display: flex;
+ padding-left: 0;
+ position: relative;
+}
+
+.product .wrapper .product_img .product_bottom li {
+ height: 35px;
+ width: 35px;
+ border-radius: 50%;
+ background-color: #fc5205;
+ margin-right: 12px;
+}
+
+.product .wrapper .product_img .product_bottom a {
+ color: #fff;
+}
+
+.product .wrapper .product_img .product_bottom a span {
+ padding: 11px;
+}
+
+.main_heading {
+ text-align: center;
+ padding-bottom: 10px;
+}
+
+.main_heading h3 {
+ font-size: 25px;
+ font-weight: 600;
+ text-transform: uppercase;
+ font-family: "Poppins", sans-serif;
+ color: #222222;
+}
+
+.main_heading p {
+ color: #777777;
+ line-height: 24px;
+ margin-bottom: 33px;
+}
+
+.fixed-top {
+ top: 30px;
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+ transition: all 0.3s ease 0s;
+ background: #fff;
+ left: 2.5%;
+ width: 95%;
+ padding: 20px 0;
+}
+
+.navbar-dark {
+ color: #000;
+}
+
+.navbar-dark #nav-bg {
+ margin: 0px auto 0;
+ display: flex;
+}
+
+.navbar-dark #nav-bg .navbar-toggler {
+ background-color: #00c2fb;
+ color: #fff;
+}
+
+@media screen and (max-width: 610px) {
+ .navbar-dark #nav-bg .navbar-toggler {
+ margin-right: 20px;
+ }
+}
+
+.navbar-dark .navbar-brand {
+ color: #00c2fb;
+ font-family: "Poppins", sans-serif;
+ font-size: 30px;
+ font-weight: 600;
+ letter-spacing: 2px;
+ padding-left: 10px;
+}
+
+.navbar-dark .navbar-brand:hover {
+ color: #00c2fb !important;
+}
+
+@media screen and (max-width: 996px) {
+ .navbar-dark .navbar-collapse {
+ text-align: center;
+ }
+}
+
+.navbar-dark .navbar-collapse .navbar-nav .nav-item.active .nav-link {
+ color: #00c2fb !important;
+}
+
+.navbar-dark .navbar-collapse .navbar-nav .dropdown-menu {
+ border: 0;
+ border-radius: 0;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ -ms-border-radius: 0;
+ -o-border-radius: 0;
+ padding: 15px 15px;
+}
+
+.navbar-dark .navbar-collapse .navbar-nav .dropdown-menu .dropdown-item {
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+
+@media screen and (max-width: 996px) {
+ .navbar-dark .navbar-collapse .navbar-nav .dropdown-menu .dropdown-item {
+ text-align: center;
+ }
+}
+
+.navbar-dark .navbar-collapse .navbar-nav .dropdown-menu .dropdown-item:hover {
+ color: #fff;
+ background-color: #00c2fb;
+}
+
+.navbar-dark .navbar-collapse .navbar-nav .dropdown:hover > .dropdown-menu {
+ display: block;
+}
+
+.navbar-dark .navbar-collapse .nav-item {
+ text-transform: uppercase;
+ padding: 0 12px;
+}
+
+.navbar-dark .navbar-collapse .nav-item .nav-link {
+ color: #222222;
+ font-weight: 500;
+ font-size: 13px;
+}
+
+.navbar-dark .navbar-collapse .nav-item .nav-link:hover {
+ color: #00c2fb;
+}
+
+.navbar-dark .nav_right {
+ display: flex;
+}
+
+@media screen and (max-width: 996px) {
+ .navbar-dark .nav_right {
+ justify-content: center;
+ }
+}
+
+.navbar-dark .nav_right .nav_cart {
+ padding: 0 12px;
+}
+
+.navbar-dark .nav_right .nav_cart a {
+ color: #222222;
+}
+
+.navbar-dark .nav_right .nav_cart a:hover {
+ color: #00c2fb;
+}
+
+.navbar-dark .nav_right .nav_search {
+ padding: 0 12px;
+}
+
+.navbar-dark .nav_right .nav_search a {
+ color: #222222;
+}
+
+.navbar-dark .nav_right .nav_search a:hover {
+ color: #00c2fb;
+}
+
+#new {
+ transition: 0.5s;
+}
+.o_footer {
+ background-color: transparent !important;
+ color: #222222 !important;
+}
+.o_footer .o_footer_copyright{
+ background-color: #30353b !important;
+}
+
+.footer {
+ margin-top: 100px;
+ background-color: #222222;
+}
+
+.footer .footer_content {
+ padding-top: 90px;
+ padding-bottom: 90px;
+}
+
+@media screen and (max-width: 996px) {
+ .footer .footer_content .ft_b {
+ margin-top: 45px;
+ }
+}
+
+.footer .footer_content .wrapper h6 {
+ color: #fff;
+ font-weight: 600;
+ font-size: 23px;
+ margin-bottom: 30px;
+}
+
+.footer .footer_content .wrapper p {
+ color: #777777;
+ line-height: 21px;
+ font-size: 14px;
+}
+
+@media screen and (max-width: 768px) {
+ .footer .footer_content .wrapper p {
+ margin-bottom: 45px;
+ }
+}
+
+.footer .footer_content .wrapper .input-group {
+ width: 100%;
+ height: 50px;
+ border-radius: 0;
+ margin-top: 30px;
+}
+
+.footer .footer_content .wrapper .input-group .form-control {
+ border-radius: 0;
+ height: 50px;
+}
+
+.footer .footer_content .wrapper .input-group .input-group-text {
+ border-radius: 0;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #e0d8d8 60%);
+ padding: 0 20px;
+ color: #fff;
+ font-weight: 700;
+}
+
+.footer .footer_content .wrapper .footer_icon {
+ display: flex;
+ margin-top: 30px;
+}
+
+.footer .footer_content .wrapper .footer_icon a {
+ color: #fff;
+ margin-right: 18px;
+}
+
+.footer .footer_content .wrapper .footer_icon a:hover {
+ color: #f1a138;
+}
+
+.footer .footer_content .wrapper .footer_icon a span {
+ font-size: 12px;
+}
+
+.footer .footer_content .footer_bottom {
+ margin-top: 50px;
+ text-align: center;
+ color: #777777;
+ margin-bottom: 20px;
+ width: 100%;
+}
+
+@media screen and (max-width: 996px) {
+ .footer .footer_content .footer_bottom {
+ text-align: left;
+ padding-left: 12px;
+ }
+}
+
+.footer .footer_content .footer_bottom a {
+ color: #00c2fb;
+ text-decoration: none;
+}
+
+.footer .footer_content .footer_bottom a:hover {
+ color: #f1a138;
+}
+
+.sidebar .wrapper {
+ margin-bottom: 20px;
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+ transition: all 0.3s ease 0s;
+ -ms-transition: all 0.3s ease 0s;
+}
+
+.sidebar .wrapper .sidebar_head {
+ background: #fc5205;
+ color: #fff;
+ padding: 18px 10px;
+ padding-left: 20px;
+ margin-bottom: 20px;
+}
+
+.sidebar .wrapper .sidebar_content .categories__accordion .card {
+ border: none;
+ border-radius: 0;
+ padding-left: 20px;
+ padding-bottom: 12px;
+ border-bottom: 1px solid #f2f2f2 !important;
+ margin-bottom: 12px;
+}
+
+.sidebar .wrapper .sidebar_content .categories__accordion .card-heading {
+ cursor: pointer;
+}
+
+.sidebar .wrapper .sidebar_content .categories__accordion .card-heading a {
+ font-size: 14px;
+ font-weight: 500;
+ color: #000;
+ display: block;
+ text-decoration: none;
+}
+
+.sidebar .wrapper .sidebar_content .categories__accordion .card-body {
+ padding-left: 0;
+ padding-top: 6px;
+ padding-bottom: 0;
+}
+
+.sidebar .wrapper .sidebar_content .categories__accordion .card-body li {
+ list-style: none;
+ position: relative;
+ padding-left: 16px;
+}
+
+.sidebar .wrapper .sidebar_content .categories__accordion .card-body li:before {
+ position: absolute;
+ left: 4px;
+ top: 14px;
+ height: 1px;
+ width: 4px;
+ background: #666666;
+ content: "";
+}
+
+.sidebar .wrapper .sidebar_content .categories__accordion .card-body li a {
+ font-size: 14px;
+ color: #666666;
+ line-height: 30px;
+}
+
+.sidebar .wrapper .sidebar_content .filter_head {
+ color: #000;
+ font-size: 20px;
+ font-weight: 600;
+ padding: 18px 10px;
+}
+
+.sidebar .wrapper .sidebar_content .filter {
+ padding-left: 20px;
+ padding-right: 10px;
+ padding-bottom: 20px;
+ /* Hide the browser's default radio button */
+ /* Create a custom radio button */
+ /* On mouse-over, add a grey background color */
+ /* When the radio button is checked, add a blue background */
+ /* Create the indicator (the dot/circle - hidden when not checked) */
+ /* Show the indicator (dot/circle) when checked */
+ /* Style the indicator (dot/circle) */
+}
+
+.sidebar .wrapper .sidebar_content .filter .container {
+ display: block;
+ position: relative;
+ padding-left: 35px;
+ margin-bottom: 12px;
+ cursor: pointer;
+ font-size: 14px;
+ user-select: none;
+ color: #777777;
+}
+
+.sidebar .wrapper .sidebar_content .filter .container input {
+ position: absolute;
+ opacity: 0;
+ cursor: pointer;
+}
+
+.sidebar .wrapper .sidebar_content .filter .checkmark {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 20px;
+ width: 20px;
+ background-color: #4e4848;
+ border-radius: 50%;
+}
+
+.sidebar .wrapper .sidebar_content .filter .container:hover input ~ .checkmark {
+ background-color: #f1a138;
+}
+
+.sidebar .wrapper .sidebar_content .filter .container input:checked ~ .checkmark {
+ background-color: #00c2fb;
+}
+
+.sidebar .wrapper .sidebar_content .filter .checkmark:after {
+ content: "";
+ position: absolute;
+ display: none;
+}
+
+.sidebar .wrapper .sidebar_content .filter .container input:checked ~ .checkmark:after {
+ display: block;
+}
+
+.sidebar__filter {
+ position: relative;
+}
+
+.sidebar__filter input {
+ font-family: inherit;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ width: 50%;
+}
+
+.sidebar__filter .section-title {
+ margin-bottom: 50px;
+}
+
+.sidebar__filter .section-title .borderd_header {
+ text-transform: uppercase;
+}
+
+.sidebar__filter .section-title h4 {
+ font-size: 18px;
+}
+
+#slider-range {
+ margin-bottom: 30px;
+ background-color: #fc5205;
+ border: none;
+ height: 8px;
+ border-radius: 8px;
+}
+
+#slider-range .ui-state-default,
+#slider-range .ui-widget-content .ui-state-default {
+ background-color: #3a3a3a;
+ border: none;
+ height: 18px;
+ width: 18px;
+ top: -4.8px;
+ position: absolute;
+ border-radius: 50%;
+}
+
+#slider-range.ui-slider-horizontal .ui-slider-range {
+ top: 0;
+ background-color: #fc5205 !important;
+ left: 0%;
+ width: 60%;
+ position: absolute;
+ height: 8px;
+ border-radius: 8px;
+}
+
+.services {
+ margin-top: 100px;
+}
+
+.services .wrapper {
+ text-align: center;
+}
+
+@media screen and (max-width: 576px) {
+ .services .wrapper {
+ padding-bottom: 20px;
+ }
+}
+
+.services .wrapper i {
+ font-size: 48px;
+ padding-bottom: 16px;
+}
+
+.services .wrapper h6 {
+ font-size: 18px;
+ font-weight: 500;
+ font-family: "Poppins", sans-serif;
+ padding-bottom: 2px;
+}
+
+.services .wrapper p {
+ color: #777777;
+}
+
+.offers {
+ padding-top: 100px;
+}
+
+@media screen and (max-width: 996px) {
+ .offers {
+ padding-top: 75px;
+ }
+}
+
+@media screen and (max-width: 996px) {
+ .offers .tt {
+ margin-top: 20px;
+ }
+}
+
+.offers .offer_img {
+ position: relative;
+}
+
+.offers .offer_img .inline-photo {
+ opacity: 0;
+ transform: translateY(0em) rotateZ(0deg);
+ transition: transform 6s 0.25s cubic-bezier(0, 1, 0.3, 1), opacity 0.9s 0.25s ease-out;
+ will-change: transform, opacity;
+ -webkit-transform: translateY(0em) rotateZ(0deg);
+ -moz-transform: translateY(0em) rotateZ(0deg);
+ -ms-transform: translateY(0em) rotateZ(0deg);
+ -o-transform: translateY(0em) rotateZ(0deg);
+ -webkit-transition: transform 6s 0.25s cubic-bezier(0, 1, 0.3, 1), opacity 0.9s 0.25s ease-out;
+ -moz-transition: transform 6s 0.25s cubic-bezier(0, 1, 0.3, 1), opacity 0.9s 0.25s ease-out;
+ -ms-transition: transform 6s 0.25s cubic-bezier(0, 1, 0.3, 1), opacity 0.9s 0.25s ease-out;
+ -o-transition: transform 6s 0.25s cubic-bezier(0, 1, 0.3, 1), opacity 0.9s 0.25s ease-out;
+}
+
+.offers .offer_img .inline-photo.is-visible {
+ opacity: 1;
+ transform: rotateZ(0deg);
+ -webkit-transform: rotateZ(0deg);
+ -moz-transform: rotateZ(0deg);
+ -ms-transform: rotateZ(0deg);
+ -o-transform: rotateZ(0deg);
+}
+
+.offers .offer_img img {
+ width: 100%;
+ display: block;
+ height: auto;
+}
+
+.offers .offer_img .overlay {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 100%;
+ width: 100%;
+ opacity: 0;
+ transition: 0.5s ease;
+ background-color: #00000069;
+}
+
+.offers .offer_img .overlay:hover {
+ opacity: 1;
+}
+
+.offers .offer_img .overlay .text {
+ color: white;
+ font-size: 20px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+}
+
+.offers .offer_left {
+ position: relative;
+}
+
+@media screen and (max-width: 996px) {
+ .offers .offer_left {
+ margin-top: 25px;
+ }
+}
+
+.offers .offer_left img {
+ width: 100%;
+}
+
+.offers .offer_left .overlay {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 100%;
+ width: 100%;
+ opacity: 0;
+ transition: 0.5s ease;
+ background-color: #00000069;
+}
+
+.offers .offer_left .overlay:hover {
+ opacity: 1;
+}
+
+.offers .offer_left .overlay .text {
+ color: white;
+ font-size: 20px;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+}
+
+.hot {
+ margin-top: 70px;
+}
+
+.hot .left {
+ background-image: url(./../img/exclusive.jpg);
+ height: 100vh;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: cover;
+ position: relative;
+}
+
+.hot .left:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 100%;
+ width: 100%;
+ background-color: #00000069;
+}
+
+.hot .left .wrapper {
+ text-align: center;
+ position: relative;
+ padding: 33px 109px;
+ z-index: 1;
+}
+
+@media screen and (max-width: 996px) {
+ .hot .left .wrapper {
+ padding: 73px 109px;
+ }
+}
+
+@media screen and (max-width: 576px) {
+ .hot .left .wrapper {
+ padding: 30px 50px;
+ }
+}
+
+.hot .left .wrapper .deal {
+ color: #fff;
+ font-size: 33px;
+ font-weight: 600;
+ padding-top: 120px;
+ margin-bottom: 7px;
+}
+
+.hot .left .bt {
+ color: #fff;
+ font-size: 15px;
+}
+
+.hot .left #countdown {
+ width: 100%;
+ border-radius: 8px;
+ margin-top: 65px;
+}
+
+@media screen and (max-width: 576px) {
+ .hot .left #countdown {
+ margin-top: 30px;
+ }
+}
+
+.hot .left label {
+ clear: both;
+ display: block;
+}
+
+.hot .left #countdown span {
+ color: #fff;
+ font-size: 45px;
+ font-weight: 700;
+ text-align: center;
+ width: 25%;
+ float: left;
+}
+
+.hot .right {
+ background-color: #f9f9ff;
+ height: 100%;
+ padding-top: 20%;
+}
+
+.hot .right .wrapper {
+ text-align: center;
+ position: relative;
+}
+
+.hot .right .wrapper .img_right {
+ max-width: 350px;
+ margin: auto;
+}
+
+.hot .right .wrapper .img_right img {
+ width: 100%;
+}
+
+.hot .right .wrapper h5 {
+ color: #222222;
+ text-transform: uppercase;
+ font-weight: 600;
+ margin-top: 15px;
+ font-family: "Poppins", sans-serif;
+ font-size: 25px;
+ margin-bottom: 30px;
+}
+
+.hot .right .wrapper .rate {
+ display: flex;
+ justify-content: center;
+ padding-top: 10px;
+}
+
+.hot .right .wrapper .rate p {
+ color: #222222;
+ margin-right: 50px;
+}
+
+.hot .right .wrapper .rate span {
+ color: #777777;
+ text-decoration: line-through;
+}
+
+.hot .right #owl-theme2 {
+ position: relative;
+}
+
+.hot .right #owl-theme2 .owl-nav .owl-prev {
+ color: #f1a138;
+}
+
+.hot .right #owl-theme2 .owl-nav .owl-prev:hover {
+ color: #000;
+}
+
+.hot .right #owl-theme2 .owl-nav .owl-prev i {
+ font-size: 27px;
+ padding: 10px;
+}
+
+.hot .right #owl-theme2 .owl-nav .owl-next {
+ color: #f1a138;
+}
+
+.hot .right #owl-theme2 .owl-nav .owl-next:hover {
+ color: #000;
+}
+
+.hot .right #owl-theme2 .owl-nav .owl-next i {
+ font-size: 27px;
+}
+
+.brands {
+ margin-top: 100px;
+}
+
+@media screen and (max-width: 996px) {
+ .brands {
+ margin-top: 75px;
+ }
+}
+
+@media screen and (max-width: 996px) {
+ .brands {
+ margin-top: 50px;
+ }
+}
+
+.brands .brand_img {
+ max-width: 120px;
+ display: block;
+ margin: auto;
+}
+
+@media screen and (max-width: 996px) {
+ .brands .brand_img {
+ margin-bottom: 15px;
+ }
+}
+
+.brands .brand_img img {
+ width: 100%;
+ opacity: 0.2;
+ transition: all 0.3s ease 0s;
+}
+
+.brands .brand_img img:hover {
+ opacity: 0.8;
+}
+
+.deals {
+ margin-top: 100px;
+}
+
+@media screen and (max-width: 996px) {
+ .deals {
+ margin-top: 75px;
+ }
+}
+
+@media screen and (max-width: 996px) {
+ .deals {
+ margin-top: 50px;
+ }
+}
+
+.deals .r_wrapper {
+ margin-bottom: 20px;
+}
+
+.deals .r_wrapper .r_img img {
+ width: 70px;
+ height: 70px;
+}
+
+.deals .r_wrapper .p_deatials {
+ padding-left: 10px;
+}
+
+.deals .r_wrapper .p_deatials a {
+ text-decoration: none;
+}
+
+.deals .r_wrapper .p_deatials a h5 {
+ color: #222222;
+ text-transform: uppercase;
+ font-weight: 400;
+ margin-top: 14px !important;
+ font-family: "Poppins", sans-serif;
+ font-size: 14px;
+}
+
+.deals .r_wrapper .p_deatials a h5 span{
+ color: #222222;
+ text-transform: uppercase;
+ font-weight: 400;
+ margin-top: 14px !important;
+ font-family: "Poppins", sans-serif;
+ font-size: 14px;
+}
+
+.deals .r_wrapper .p_deatials a h5:hover {
+ color: #f1a138 !important;
+ transition: 0.5s;
+}
+
+.deals .r_wrapper .p_deatials a h5 span:hover {
+ color: #f1a138 !important;
+ transition: 0.5s;
+}
+
+
+.deals .r_wrapper .p_deatials .rate {
+ display: flex;
+ padding-top: 5x;
+}
+
+.deals .r_wrapper .p_deatials .rate p {
+ color: #222222;
+ margin-right: 10px;
+ font-weight: 600;
+}
+
+
+.deals .r_wrapper .p_deatials .rate p span {
+ color: #222222;
+ margin-right: 10px;
+ font-weight: 600;
+ text-decoration: none;
+}
+.deals .r_wrapper .p_deatials .rate p span:hover {
+ text-decoration: none;
+}
+
+.deals a {
+ color: #222222;
+ margin-right: 10px;
+ font-weight: 600;
+}
+
+.deals .r_wrapper .p_deatials .rate span {
+ color: #777777;
+ text-decoration: line-through;
+}
+
+.deals .d_right_img {
+ max-width: 250px;
+}
+
+@media screen and (max-width: 996px) {
+ .deals .d_right_img {
+ max-width: 100%;
+ margin-top: 40px;
+ }
+}
+
+.deals .d_right_img img {
+ width: 100%;
+}
+
+.main_product {
+ margin-top: 0px !important;
+}
+
+@media screen and (max-width: 600px) {
+ .main_product {
+ margin-top: 70px;
+ padding: 0 10px;
+ }
+}
+
+.main_product .product_top {
+ background: #fc5205;
+ padding: 13px 10px;
+ margin-bottom: 20px;
+}
+
+
+.main_product .product_top .left .drp2 {
+ margin-left: 15px !important;
+}
+
+.main_product .product_top .dropdown {
+ width: 100%;
+}
+
+
+.main_product .product_top .dropdown .btn-secondary-1{
+background: #fcfcfc;
+ border-radius: 0;
+ color: #777777;
+ width: 50%;
+}
+
+
+
+.main_product .product_top .dropdown .btn-secondary {
+ background: #fcfcfc;
+ border-radius: 0;
+ color: #777777;
+ width: 80%;
+}
+
+.main_product .product_top .dropdown .dropdown-menu {
+ border-radius: 0;
+ border: 0;
+}
+
+.main_product .product_top .dropdown .dropdown-menu .dropdown-item {
+ color: #777777;
+ padding: 10px 4px;
+}
+
+.main_product .product_top .dropdown .dropdown-menu .dropdown-item:hover {
+ background: #f1a138 !important;
+ color: #fff;
+}
+
+.main_product .product_top .right .shop_pagination_area {
+ text-align: center;
+ display: flex;
+ justify-content: end;
+}
+
+@media screen and (max-width: 768px) {
+ .main_product .product_top .right .shop_pagination_area {
+ justify-content: left;
+ }
+}
+
+.main_product .product_top .right .shop_pagination_area .pagination .page-item.active .page-link {
+ color: #fff;
+ background-color: #00c2fb;
+}
+
+.main_product .product_top .right .shop_pagination_area .pagination .page-item .page-link {
+ color: #000;
+ background-color: #fff;
+ border: 0;
+ font-size: 15px;
+ font-weight: 600;
+ border: 2px solid;
+ border: 0;
+ border-radius: 0;
+ border-color: #777777;
+ height: 35px;
+ width: 37px;
+ box-shadow: none;
+ padding: 8px 10px;
+}
+
+.main_product .product_top .right .shop_pagination_area .pagination .page-item .page-link:hover {
+ color: #fff;
+ background-color: #00c2fb;
+}
+
+.main_product .product_top .right .shop_pagination_area .pagination .page-item:nth-child(4) .page-link {
+ background-color: transparent !important;
+}
+
+.main_product .product_shop .main_heading {
+ text-align: center;
+ padding-bottom: 10px;
+}
+
+.main_product .product_shop .main_heading h3 {
+ font-size: 25px;
+ font-weight: 600;
+ text-transform: uppercase;
+ font-family: "Poppins", sans-serif;
+ color: #222222;
+}
+
+.main_product .product_shop .main_heading p {
+ color: #777777;
+ line-height: 24px;
+ margin-bottom: 33px;
+}
+
+.main_product .product_shop .wrapper .product_img {
+ margin-bottom: 50px;
+}
+
+.main_product .product_shop .wrapper .product_img .wrapper_img {
+ padding-bottom: 25px;
+}
+
+.main_product .product_shop .wrapper .product_img .wrapper_img img {
+ width: 100%;
+}
+
+.main_product .product_shop .wrapper .product_img h5 {
+ color: #222222;
+ text-transform: uppercase;
+ font-weight: 600;
+ margin-top: 15px;
+ font-family: "Poppins", sans-serif;
+}
+
+.main_product .product_shop .wrapper .product_img .rate {
+ display: flex;
+ padding-top: 10px;
+}
+
+.main_product .product_shop .wrapper .product_img .rate p {
+ color: #222222;
+ margin-right: 50px;
+}
+
+.main_product .product_shop .wrapper .product_img .rate span {
+ color: #777777;
+ text-decoration: line-through;
+}
+
+.main_product .product_shop .wrapper .product_img .product_bottom {
+ display: flex;
+ padding-left: 0;
+ position: relative;
+ justify-content: center;
+}
+
+.main_product .product_shop .wrapper .product_img .product_bottom li {
+ height: 35px;
+ width: 35px;
+ border-radius: 50%;
+ background-color: #fc5205;
+ margin-right: 12px;
+ margin-left: 12px;
+}
+
+.main_product .product_shop .wrapper .product_img .product_bottom a {
+ color: #fff;
+}
+
+.main_product .product_shop .wrapper .product_img .product_bottom a span {
+ padding: 11px;
+}
+
+.Poduct_preview {
+ margin-top: 100px;
+}
+
+@media screen and (max-width: 996px) {
+ .Poduct_preview {
+ margin-top: 10px;
+ }
+}
+
+.Poduct_preview .preview_img {
+ padding-top: 30px;
+ position: relative;
+}
+
+.Poduct_preview .preview_img .wrapper {
+ max-width: 600px;
+}
+
+@media screen and (max-width: 768px) {
+ .Poduct_preview .preview_img .wrapper {
+ padding-bottom: 30px;
+ }
+}
+
+.Poduct_preview .preview_img .wrapper img {
+ width: 100%;
+}
+
+.Poduct_preview .preview_img .owl-carousel button.owl-dot span {
+ height: 25px;
+ width: 7px;
+ border-radius: 8px;
+ background-color: #fff;
+ background-color: #00c2fb;
+ display: block;
+ font-weight: 700;
+ margin: 2px;
+}
+
+@media screen and (max-width: 576px) {
+ .Poduct_preview .preview_img .owl-carousel button.owl-dot span {
+ height: 18px;
+ width: 5px;
+ margin: 1px;
+ }
+}
+
+.Poduct_preview .preview_img .owl-carousel button.owl-dot.active span {
+ height: 40px;
+ width: 7px;
+ border-radius: 8px;
+ background-color: #fc5205;
+}
+
+@media screen and (max-width: 576px) {
+ .Poduct_preview .preview_img .owl-carousel button.owl-dot.active span {
+ height: 25px;
+ width: 5px;
+ }
+}
+
+.Poduct_preview .preview_img .owl-carousel {
+ position: relative;
+}
+
+.Poduct_preview .preview_img .owl-carousel .owl-dots {
+ position: absolute;
+ bottom: 1%;
+ left: 75%;
+ transform: rotate(89deg);
+}
+
+@media screen and (max-width: 768px) {
+ .Poduct_preview .preview_img .owl-carousel .owl-dots {
+ bottom: 0;
+ }
+}
+
+.Poduct_preview .preview_details {
+ padding-top: 30px;
+ margin-left: 20px;
+}
+
+.Poduct_preview .preview_details .preview_heading {
+ color: #222222;
+ font-size: 25px;
+ font-weight: 600;
+ letter-spacing: 1px;
+}
+
+.Poduct_preview .preview_details .price {
+ color: #00c2fb;
+ font-size: 28px;
+ font-weight: 700;
+ padding-top: 10px;
+}
+
+.Poduct_preview .preview_details .category {
+ padding-left: 0;
+ margin-top: 20px;
+}
+
+.Poduct_preview .preview_details .category li {
+ padding-bottom: 10px;
+}
+
+.Poduct_preview .preview_details .category li a {
+ color: #555;
+ text-decoration: none;
+}
+
+.Poduct_preview .preview_details .category li a span {
+ color: #00c2fb;
+ padding-left: 15px;
+}
+
+.Poduct_preview .preview_details p {
+ padding-top: 30px;
+ color: #777777;
+ line-height: 25px;
+}
+
+.Poduct_preview .preview_details .product_quantity {
+ display: flex;
+ align-items: center;
+ margin-top: 40px;
+}
+
+.Poduct_preview .preview_details .product_quantity span {
+ color: #777777;
+ padding-right: 10px;
+}
+
+.Poduct_preview .preview_details .product_quantity #myform {
+ text-align: center;
+ border: 2px solid #ccc;
+ display: flex;
+ border-radius: 0px;
+ width: 100px;
+ justify-content: space-around;
+ align-items: center;
+}
+
+.Poduct_preview .preview_details .product_quantity #myform .wrapper_q {
+ display: block !important;
+}
+
+.Poduct_preview .preview_details .product_quantity .qty {
+ width: 40px;
+ height: 15px;
+ text-align: center;
+ border: none;
+}
+
+.Poduct_preview .preview_details .product_quantity input.qtyplus {
+ width: 25px;
+ border: none;
+ background-color: transparent;
+ display: block !important;
+ padding-top: 4px;
+}
+
+.Poduct_preview .preview_details .product_quantity input.qtyminus {
+ width: 25px;
+ border: none;
+ background-color: transparent;
+}
+
+.Poduct_preview .preview_details .add_c {
+ display: flex;
+ align-items: center;
+ margin-top: 20px;
+}
+
+.Poduct_preview .preview_details .add_c .c_icon {
+ padding-left: 10px;
+}
+
+.Poduct_preview .preview_details .add_c .c_icon a {
+ color: #fff;
+ font-size: 18px;
+}
+
+.Poduct_preview .preview_details .add_c .c_icon span {
+ height: 37px;
+ width: 37px;
+ background-color: #fc5205;
+ border-radius: 50%;
+ padding: 11px;
+ margin-left: 10px;
+}
+
+.Poduct_preview .preview_details .add_c .c_icon span:hover {
+ background-color: #00c2fb;
+ transition: 0.5s;
+}
+
+.preview_tab {
+ margin-top: 100px;
+}
+
+.preview_tab .nav-pills {
+ justify-content: center;
+}
+
+.preview_tab .nav-pills .nav-item {
+ padding: 12px 22px;
+}
+
+.preview_tab .nav-pills .nav-item .active {
+ color: #fff !important;
+ border: none;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ border-radius: 0;
+ padding: 12px 22px;
+}
+
+.preview_tab .nav-pills .nav-item .nav-link {
+ color: #000;
+}
+
+.preview_tab .tab-content {
+ padding-top: 20px;
+}
+
+.preview_tab .tab-content .tab-pane {
+ line-height: 24px;
+ font-size: 14px;
+ font-family: "Roboto", sans-serif;
+ font-weight: 400;
+ color: #777777;
+}
+
+.preview_tab .tab-content .tab-pane .det {
+ padding: 0 15px;
+}
+
+.preview_tab .tab-content .tab-pane table {
+ color: #777777;
+}
+
+@media screen and (max-width: 600px) {
+ .preview_tab .tab-content .tab-pane table {
+ padding: 0 15px;
+ }
+}
+
+@media screen and (max-width: 600px) {
+ .preview_tab .tab-content .tab-pane .comments {
+ padding: 0 15px;
+ }
+}
+
+.preview_tab .tab-content .tab-pane .comments .over_all {
+ margin: auto;
+ text-align: center;
+ background-color: #e8e8e8;
+ height: 150px;
+ width: 150px;
+}
+
+.preview_tab .tab-content .tab-pane .comments .over_all h5 {
+ color: #000;
+ margin-bottom: 10px;
+ padding-top: 25px;
+ font-size: 20px;
+ font-weight: 600;
+}
+
+.preview_tab .tab-content .tab-pane .comments .over_all .num {
+ color: #00c2fb;
+ font-size: 40px;
+ font-weight: 700;
+ padding-bottom: 10px;
+}
+
+.preview_tab .tab-content .tab-pane .comments .wrapper {
+ margin-top: 20px;
+}
+
+.preview_tab .tab-content .tab-pane .comments .person {
+ display: flex !important;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.preview_tab .tab-content .tab-pane .comments .person .p_img {
+ display: flex;
+ align-items: center;
+}
+
+.preview_tab .tab-content .tab-pane .comments .person .p_img .img_d {
+ padding-top: 15px;
+ margin-left: 10px;
+}
+
+.preview_tab .tab-content .tab-pane .comments .person .p_img .img_d h6 {
+ color: #000;
+}
+
+.preview_tab .tab-content .tab-pane .comments .c_p {
+ line-height: 24px;
+ font-size: 14px;
+ font-family: "Roboto", sans-serif;
+ font-weight: 400;
+ color: #777777;
+ margin-top: 20px;
+}
+
+.preview_tab .tab-content .tab-pane .p_comment .rating {
+ display: flex;
+ padding-bottom: 20px;
+}
+
+.preview_tab .tab-content .tab-pane .p_comment .rating .star {
+ display: flex;
+ padding-left: 0;
+ margin: 0 10px;
+}
+
+.preview_tab .tab-content .tab-pane .p_comment .rating .star li a {
+ margin-right: 4px;
+ color: #ff9800;
+}
+
+.preview_tab .tab-content .tab-pane .p_comment .rating .star li a span {
+ font-size: 13px;
+}
+
+.preview_tab .tab-content .tab-pane .p_comment h5 {
+ color: #000;
+}
+
+.preview_tab .tab-content .tab-pane .p_comment .contact-form {
+ margin-top: 10px;
+}
+
+.preview_tab .tab-content .tab-pane .p_comment .contact-form .form-control {
+ display: block;
+ width: 100%;
+ height: calc(2.5em + 0.75rem + 2px);
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #495057;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ced4da;
+ border-color: transparent;
+ border-bottom-color: #000;
+ border-radius: 0;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.preview_tab .tab-content .tab-pane .p_comment .contact-form .form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ border-bottom-color: #000 !important;
+ outline: 0;
+ box-shadow: none;
+}
+
+.preview_tab .tab-content .tab-pane .p_comment .contact-form .input-block {
+ margin-bottom: 30px;
+}
+
+.preview_tab .tab-content .tab-pane .p_comment .contact-form .input-block label {
+ color: #777777;
+}
+
+.checkout {
+ margin-top: 100px;
+}
+
+.checkout .wrapper {
+ background-color: #faffcb;
+ padding: 20 20px;
+}
+
+.checkout .checkout_top .wrp {
+ padding: 0 15px;
+}
+
+.checkout .checkout_top .one {
+ background-color: #f2ede2;
+ text-align: left;
+ display: block;
+ width: 100%;
+ padding: 15px 0px 15px 10px;
+}
+
+.checkout .checkout_top .one a {
+ color: #c5322d;
+ text-decoration: none;
+ padding-left: 5px;
+}
+
+.checkout .checkout_top p {
+ color: #777777;
+ padding: 15px 0;
+}
+
+.checkout .checkout_top .md-form {
+ color: #777777;
+ margin-right: 20px;
+}
+
+.checkout .checkout_top .form-control {
+ display: block;
+ width: 100%;
+ height: calc(2em + 0.85rem + 3px);
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #495057;
+ background-color: #e3e3e3;
+ background-clip: padding-box;
+ border: 1px solid;
+ border-color: #00c2fb !important;
+ border-radius: 0;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.checkout .checkout_top .coupon {
+ display: block;
+ width: 100%;
+ height: calc(2em + 0.85rem + 3px);
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #495057;
+ background-color: #e3e3e300;
+ background-clip: padding-box;
+ border: 1px solid;
+ border-color: #00c2fb !important;
+ border-radius: 0;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.checkout .checkout_top .coupon:focus {
+ color: #495057;
+ background-color: #c2bfbf !important;
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
+}
+
+.checkout .checkout_top .form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
+}
+
+.checkout .checkout_top .custom-control-input:checked ~ .custom-control-label::before {
+ color: red;
+ border-color: red;
+ background-color: red;
+ outline: none !important;
+ box-shadow: none !important;
+}
+
+.checkout .checkout_top .form-check-input:checked {
+ outline: none !important;
+ box-shadow: none !important;
+}
+
+.checkout .checkout_left {
+ margin-top: 70px;
+}
+
+.checkout .checkout_left .billing h3 {
+ font-weight: 600;
+ color: #ff6c00;
+ text-transform: uppercase;
+}
+
+.checkout .checkout_left .billing p {
+ color: #777777;
+ margin-top: 15px;
+}
+
+.checkout .checkout_left .form-control {
+ display: block;
+ width: 100%;
+ height: calc(2em + 0.85rem + 3px);
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #495057;
+ background-color: #e3e3e3;
+ background-clip: padding-box;
+ border: 1px solid;
+ border-color: transparent !important;
+ border-radius: 0;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.checkout .checkout_left .form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ border-color: #ff6c00 !important;
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
+}
+
+.checkout .checkout_left .custom-select {
+ display: inline-block;
+ width: 100%;
+ height: calc(2em + 0.85rem + 3px);
+ padding: 0.375rem 1.75rem 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #495057;
+ vertical-align: middle;
+ border: 1px solid #777777;
+ border-radius: 0;
+ appearance: none;
+ box-shadow: none;
+}
+
+.checkout .checkout_left .card {
+ border: none;
+ background-color: #f2ede2;
+}
+
+.checkout .checkout_left .card .card-body .md-form {
+ color: #777777;
+}
+
+.checkout .checkout_left .card .card-body .md-form .lable {
+ color: #000;
+}
+
+.checkout .checkout_left .card .card-body .custom-control-input:checked ~ .custom-control-label::before {
+ color: #f1a138;
+ border-color: #f1a138;
+ background-color: #f1a138;
+ outline: none;
+}
+
+.checkout .checkout_left .card .card-body .form-check-input:checked ~ .form-check-label::before {
+ color: #f1a138 !important;
+ border-color: #f1a138 !important;
+ background-color: #f1a138 !important;
+ content: "";
+}
+
+.checkout .checkout_left .card .card-body .input[type="checkbox"]:before,
+.checkout .checkout_left .card .card-body input[type="radio"]:before {
+ position: absolute;
+ top: 0.25rem;
+ left: -1.5rem;
+ display: block;
+ width: 1rem;
+ height: 1rem;
+ pointer-events: none;
+ background-color: #8a1717;
+ border: #3e71a5 solid 1px;
+}
+
+.checkout .checkout_right {
+ margin-top: 70px;
+}
+
+.checkout .checkout_right .order h3 {
+ font-weight: 600;
+ color: #ff6c00;
+}
+
+.checkout .checkout_right .order .subhead {
+ color: #777777;
+ padding-top: 10px;
+}
+
+.checkout .checkout_right .order .wrapper {
+ padding-left: 30px;
+}
+
+.checkout .checkout_right .order ul {
+ padding-top: 20px;
+ padding-left: 0;
+}
+
+.checkout .checkout_right .order ul li {
+ display: flex;
+ justify-content: space-between;
+ margin-top: 20px;
+ padding-bottom: 15px;
+}
+
+.checkout .checkout_right .order ul li span {
+ padding-right: 30px;
+}
+
+.checkout .checkout_right .order ul li .nn {
+ color: #000;
+}
+
+.checkout .checkout_right .order .payment label {
+ color: #000;
+}
+
+.checkout .checkout_right .order .payment [type="radio"]:checked,
+.checkout .checkout_right .order .payment [type="radio"]:not(:checked) {
+ position: absolute;
+ left: -9999px;
+}
+
+.checkout .checkout_right .order .payment [type="radio"]:checked + label,
+.checkout .checkout_right .order .payment [type="radio"]:not(:checked) + label {
+ position: relative;
+ padding-left: 28px;
+ cursor: pointer;
+ line-height: 20px;
+ display: inline-block;
+ color: #666;
+}
+
+.checkout .checkout_right .order .payment [type="radio"]:checked + label:before,
+.checkout .checkout_right .order .payment [type="radio"]:not(:checked) + label:before {
+ content: "";
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 18px;
+ height: 18px;
+ border: 1px solid;
+ border-color: #f1a138;
+ border-radius: 100%;
+ background: #fff;
+}
+
+.checkout .checkout_right .order .payment [type="radio"]:checked + label:after,
+.checkout .checkout_right .order .payment [type="radio"]:not(:checked) + label:after {
+ content: "";
+ width: 11px;
+ height: 12px;
+ background: #f1a138;
+ position: absolute;
+ top: 3px;
+ left: 3px;
+ border-radius: 100%;
+ transition: all 0.2s ease;
+}
+
+.checkout .checkout_right .order .payment [type="radio"]:not(:checked) + label:after {
+ opacity: 0;
+ transform: scale(0);
+}
+
+.checkout .checkout_right .order .payment [type="radio"]:checked + label:after {
+ opacity: 1;
+ transform: scale(1);
+}
+
+.checkout .checkout_right .order .order_text {
+ font-style: italic;
+ color: #777777;
+ margin-top: 55px;
+ margin-bottom: 20px;
+}
+
+.cart {
+ margin-top: 90px;
+}
+
+.cart .table_wrapper {
+ overflow: auto;
+}
+
+.cart .table_wrapper .table {
+ overflow-x: auto;
+}
+
+.cart .table_wrapper .table thead {
+ background-color: #acdfee99;
+}
+
+.cart .table_wrapper .table tbody .cart_img {
+ display: flex;
+ align-items: center;
+ padding-bottom: 30px;
+}
+
+@media screen and (max-width: 576px) {
+ .cart .table_wrapper .table tbody .cart_img {
+ margin-top: 30px;
+ }
+}
+
+.cart .table_wrapper .table tbody .cart_img .wrapper {
+ max-width: 150px;
+}
+
+.cart .table_wrapper .table tbody .cart_img .wrapper img {
+ width: 100%;
+}
+
+.cart .table_wrapper .table tbody .cart_img h6 {
+ color: #00c2fb;
+ font-size: 23px;
+ padding-left: 20px;
+}
+
+@media screen and (max-width: 600px) {
+ .cart .table_wrapper .table tbody .cart_img h6 {
+ font-size: 12px;
+ padding-left: 10px;
+ }
+}
+
+.cart .table_wrapper .table tbody td {
+ vertical-align: middle;
+}
+
+.cart .table_wrapper .table tbody td .cart_q {
+ position: relative;
+}
+
+.cart .table_wrapper .table tbody td .quantity {
+ position: absolute;
+ top: -21px;
+ left: 30px;
+}
+
+@media screen and (max-width: 576px) {
+ .cart .table_wrapper .table tbody td .quantity {
+ padding-left: 15px;
+ left: 10px;
+ }
+}
+
+.cart .table_wrapper .table tbody td input[type="number"]::-webkit-inner-spin-button,
+.cart .table_wrapper .table tbody td input[type="number"]::-webkit-outer-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+}
+
+.cart .table_wrapper .table tbody td input[type="number"] {
+ -moz-appearance: textfield;
+}
+
+.cart .table_wrapper .table tbody td .quantity input {
+ width: 45px;
+ height: 42px;
+ line-height: 1.65;
+ display: block;
+ padding: 0;
+ margin: 0;
+ padding-left: 20px;
+ border: 1px solid #eee;
+}
+
+.cart .table_wrapper .table tbody td .quantity input:focus {
+ outline: 0;
+}
+
+.cart .table_wrapper .table tbody td .quantity-nav {
+ float: left;
+ position: relative;
+ height: 42px;
+}
+
+.cart .table_wrapper .table tbody td .quantity-button {
+ position: relative;
+ cursor: pointer;
+ border-left: 1px solid #eee;
+ width: 20px;
+ text-align: center;
+ color: #333;
+ font-size: 13px;
+ line-height: 1.7;
+ transform: translateX(-100%);
+ -o-user-select: none;
+ user-select: none;
+}
+
+.cart .table_wrapper .table tbody td .quantity-button.quantity-up {
+ position: absolute;
+ height: 50%;
+ top: -38px;
+ border-bottom: 1px solid #eee;
+}
+
+.cart .table_wrapper .table tbody td .quantity-button.quantity-down {
+ position: absolute;
+ bottom: 38px;
+ height: 50%;
+}
+
+.cart .table_bottom {
+ margin-top: 30px;
+}
+
+.cart .table_bottom .input-group {
+ width: 100%;
+ height: 50px;
+ border-radius: 0;
+}
+
+@media screen and (max-width: 768px) {
+ .cart .table_bottom .input-group {
+ padding-top: 20px;
+ }
+}
+
+.cart .table_bottom .input-group .form-control {
+ border-radius: 0;
+ height: 50px;
+}
+
+.cart .table_bottom .input-group .input-group-text {
+ border-radius: 0;
+ background-color: #00c2fb;
+ padding: 0 20px;
+ color: #fff;
+ border: 1px solid;
+ font-weight: 700;
+}
+
+.cart .table_bottom .form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ border-color: #00c2fb;
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
+}
+
+.cart .price_details {
+ margin-top: 50px;
+}
+
+.cart .price_details .total {
+ display: flex;
+ justify-content: space-between;
+ padding: 0 75px;
+}
+
+.cart .price_details .bb {
+ margin-top: 30px;
+}
+
+.cart .wrap {
+ justify-content: space-between;
+ margin-top: 40px;
+ padding: 0 40px;
+}
+
+.cart .wrap .ship {
+ padding-left: 40px;
+ font-weight: 600;
+}
+
+.cart .payment {
+ /* Hide the browser's default radio button */
+ /* Create a custom radio button */
+ /* On mouse-over, add a grey background color */
+ /* When the radio button is checked, add a blue background */
+ /* Create the indicator (the dot/circle - hidden when not checked) */
+ /* Show the indicator (dot/circle) when checked */
+ /* Style the indicator (dot/circle) */
+}
+
+.cart .payment .c1 {
+ display: block;
+ position: relative;
+ padding-left: 35px;
+ margin-bottom: 12px;
+ cursor: pointer;
+ font-size: 15px;
+ user-select: none;
+}
+
+.cart .payment .c1 input {
+ position: absolute;
+ opacity: 0;
+ cursor: pointer;
+}
+
+.cart .payment .checkmark {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 20px;
+ width: 20px;
+ background-color: #d4d4d4;
+ border-radius: 50%;
+}
+
+.cart .payment .c1:hover input ~ .checkmark {
+ background-color: rgba(204, 204, 204, 0);
+}
+
+.cart .payment .c1 input:checked ~ .checkmark {
+ background-color: #f0e76c;
+}
+
+.cart .payment .checkmark:after {
+ content: "";
+ position: absolute;
+ display: none;
+}
+
+.cart .payment .c1 input:checked ~ .checkmark:after {
+ display: block;
+}
+
+.cart .payment .c1 .checkmark:after {
+ top: 9px;
+ left: 9px;
+ width: 8px;
+ height: 8px;
+ border-radius: 50%;
+ background: rgba(255, 255, 255, 0);
+}
+
+.confirmation {
+ margin-top: 100px;
+}
+
+@media screen and (max-width: 768px) {
+ .confirmation .wrapper {
+ padding-bottom: 15px;
+ }
+}
+
+.confirmation .wrapper h5 {
+ font-weight: 600;
+ margin-bottom: 40px;
+}
+
+@media screen and (max-width: 768px) {
+ .confirmation .wrapper h5 {
+ padding-left: 15px;
+ }
+}
+
+.confirmation .wrapper ul {
+ padding-left: 0;
+ padding-right: 30px;
+}
+
+@media screen and (max-width: 768px) {
+ .confirmation .wrapper ul {
+ padding: 0 15px;
+ }
+}
+
+.confirmation .wrapper ul li {
+ color: #777777;
+ display: flex;
+ margin-bottom: 15px;
+ justify-content: space-between;
+}
+
+.confirmation .wrapper ul li span {
+ color: #000;
+}
+
+.confirmation .billing_details {
+ margin-top: 50px;
+ background-color: #acdfee99;
+ padding: 20px 40px;
+}
+
+.confirmation .billing_details table tr {
+ padding-bottom: 10px;
+}
+
+.login {
+ margin-top: 100px;
+}
+
+.login .wrapper_img {
+ position: relative;
+}
+
+.login .wrapper_img::before {
+ content: "";
+ position: absolute;
+ background-color: #0000008a;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+}
+
+.login .wrapper_img .register {
+ position: absolute;
+ padding: 0 30px;
+ bottom: 30%;
+ color: #fff;
+ text-align: center;
+}
+
+.login .wrapper_img .register h5 {
+ margin-bottom: 15px;
+ font-size: 22px;
+}
+
+.login .wrapper_img img {
+ width: 100%;
+}
+
+.login .login_form {
+ margin-top: 70px;
+ padding: 0 20px;
+}
+
+.login .login_form h4 {
+ margin-bottom: 50px;
+}
+
+.login .login_form .contact-form {
+ margin-top: 10px;
+}
+
+.login .login_form .contact-form .form-control {
+ display: block;
+ width: 100%;
+ height: calc(2.5em + 0.75rem + 2px);
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #495057;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ced4da;
+ border-color: transparent;
+ border-bottom-color: #000;
+ border-radius: 0;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.login .login_form .contact-form .form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ border-bottom-color: #000 !important;
+ outline: 0;
+ box-shadow: none;
+}
+
+.login .login_form .contact-form .input-block {
+ margin-bottom: 30px;
+}
+
+.login .login_form .contact-form .input-block label {
+ color: #777777;
+}
+
+.login .login_form .forgot {
+ color: #777777;
+ display: block;
+ text-decoration: none;
+ text-align: center;
+ margin-top: 20px;
+}
+
+.tracking {
+ margin-top: 100px;
+}
+
+.tracking .track_form {
+ max-width: 70%;
+ margin: auto;
+}
+
+.tracking .track_form p {
+ padding-bottom: 15px;
+}
+
+.tracking .track_form .contact-form {
+ margin-top: 10px;
+}
+
+.tracking .track_form .contact-form .form-control {
+ display: block;
+ width: 100%;
+ height: calc(2.5em + 0.75rem + 2px);
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #495057;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ced4da;
+ border-color: transparent;
+ border-bottom-color: #000;
+ border-radius: 0;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.tracking .track_form .contact-form .form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ border-bottom-color: #000 !important;
+ outline: 0;
+ box-shadow: none;
+}
+
+.tracking .track_form .contact-form .input-block {
+ margin-bottom: 30px;
+}
+
+.tracking .track_form .contact-form .input-block label {
+ color: #777777;
+}
+
+.contact {
+ margin-top: 100px;
+}
+
+.contact .map .mapouter {
+ position: relative;
+ text-align: right;
+ height: 400px;
+ widows: 100%;
+}
+
+.contact .map .mapouter .mapouter {
+ overflow: hidden;
+ background: none !important;
+ height: 100%;
+ width: 100%;
+}
+
+.contact .contact_form {
+ margin-top: 70px;
+}
+
+.contact .contact_form .contact_left {
+ margin-top: 100px;
+}
+
+.contact .contact_form .contact_left .wrapper {
+ display: flex;
+ margin-bottom: 20px;
+}
+
+.contact .contact_form .contact_left .wrapper span {
+ color: #00c2fb;
+ font-size: 20px;
+}
+
+.contact .contact_form .contact_left .wrapper .rc {
+ padding-left: 15px;
+}
+
+.contact .contact_form .contact_left .wrapper .rc h4 {
+ font-size: 16px;
+ font-weight: 600;
+}
+
+.contact .contact_form .contact_left .wrapper .rc p {
+ color: #777777;
+}
+
+.contact .contact_right .form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
+}
+
+.contact .contact_right .custom-control-input:checked ~ .custom-control-label::before {
+ color: red;
+ border-color: red;
+ background-color: red;
+ outline: none !important;
+ box-shadow: none !important;
+}
+
+.contact .contact_right .form-check-input:checked {
+ outline: none !important;
+ box-shadow: none !important;
+}
+
+.contact .contact_right .form-control {
+ display: block;
+ width: 100%;
+ height: calc(2em + 0.85rem + 3px);
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #495057;
+ background-color: #e3e3e3;
+ background-clip: padding-box;
+ border: 1px solid;
+ border-color: #00c2fb !important;
+ border-radius: 0;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.contact .contact_right .card {
+ border: none;
+ background-color: #f2ede2;
+}
+
+.contact .contact_right .card .card-body .md-form {
+ color: #777777;
+}
+
+.contact .contact_right .card .card-body .md-form .lable {
+ color: #000;
+}
+
+.contact .contact_right .card .card-body .custom-control-input:checked ~ .custom-control-label::before {
+ color: #f1a138;
+ border-color: #f1a138;
+ background-color: #f1a138;
+ outline: none;
+}
+
+.contact .contact_right .card .card-body .form-check-input:checked ~ .form-check-label::before {
+ color: #f1a138 !important;
+ border-color: #f1a138 !important;
+ background-color: #f1a138 !important;
+ content: "";
+}
+
+.contact .contact_right .card .card-body .input[type="checkbox"]:before,
+.contact .contact_right .card .card-body input[type="radio"]:before {
+ position: absolute;
+ top: 0.25rem;
+ left: -1.5rem;
+ display: block;
+ width: 1rem;
+ height: 1rem;
+ pointer-events: none;
+ background-color: #8a1717;
+ border: #3e71a5 solid 1px;
+}
+
+/*new created styles*/
+
+.container .products_pager{
+ background: #fc5205;
+ padding: 13px 10px;
+ margin-bottom: 25px;
+ margin-top: 50px
+}
+
+
+.container .products_pager .btn-secondary {
+ background: #fcfcfc;
+ border-radius: 0;
+ color: #777777;
+ width: 80%;
+}
+
+.oe_product_cart .oe_product_image {
+ height: 255px;
+ border: 0.1rem solid black;
+}
+
+.oe_product_cart .o_wsale_product_information .o_wsale_product_information_text .o_wsale_products_item_title a{
+ color: #040404;
+ text-decoration: none;
+}
+.product_buttons .product_bottom {
+ display: flex;
+ padding-left: 0;
+ position: relative;
+}
+
+.product_buttons .product_bottom li {
+ height: 35px;
+ width: 35px;
+ border-radius: 50%;
+ background-color: #fc5205;
+ margin-right: 12px;
+}
+
+.product_buttons .product_bottom a {
+ color: #fff;
+}
+
+.product_buttons .product_bottom a span {
+ padding: 11px;
+}
+
+.nav-pills .nav-link.active {
+ color: #fff !important;
+ background-color: #fc5205 !important;
+ padding: 13px;
+ border-radius: 0px;
+}
+
+.nav-pills .nav-link {
+ color: #040404;
+}
+
+#products_grid_before #wsale_products_categories_collapse {
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+}
+
+.price .product_price .oe_price_h4 .oe_price {
+ font-size: 28px ;
+}
+.price .product_price .oe_price_h4 .oe_price .oe_currency_value{
+ font-size: 28px ;
+}
+.products_header.btn-toolbar.flex-nowrap.align-items-center.justify-content-between.mb-3 {
+ background-color: #fc5205;
+ padding: 15px;
+}
+.btn-primary {
+ background-color: #fff !important;
+ padding: 4px 12px !important;
+
+ border: 0px solid !important;
+}
+.btn.btn-primary.a-submit {
+ border: 0px solid !important;
+
+ background-color: #fc5205 !important;
+
+}
+.o_wsale_product_btn .btn.btn-primary.a-submit {
+ color: #fff !important;
+}
+.bg-white {
+ background-color: #fc5205 !important;
+ color: #fff !important;
+}
+
+.btn.btn-primary.a-submit {
+ border: 0px solid !important;
+ border-radius: .25rem;
+
+
+}
+.oe_currency_value {
+ padding: 4px;
+}
+.o_wsale_products_grid_before_rail.vh-100.pe-lg-2.pb-lg-5.overflow-y-auto {
+ padding-left: 16px !important;
+}
+.navbar.navbar-expand-sm.navbar-light {
+ margin-top: 128px;
+}
+.navbar.navbar-light.border-top.shadow-sm.d-print-none {
+ margin-top: 128px;
+}
+.col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
+
+ margin-top: 53px;
+}
+#wrap {
+ margin-top: 101px !important;
+}
+.btn.btn-link.js_add_cart_json {
+ background-color: #6c757d !important;
+ color: #fff !important;
+}
+#add_to_cart {
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ padding: 14px 36px !important;
+ font-weight: 600;
+ border-radius: 6px;
+ box-shadow: none !important;
+ color: #fff !important;
+ margin-top: 18px !important;
+ background-color: transparent !important;
+}
+#add_to_cart:hover {
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%) !important;
+ background-color: transparent !important;
+}
+.o_wsale_product_btn {
+ position: relative !important;
+ width: 100px;
+ display: flex;
+}
+
+#products_grid:not(.o_wsale_layout_list) td.oe_product:not(:hover) .o_wsale_product_btn {
+ opacity: 1;
+}
+o_wsale_product_btn button {
+ margin-left: 5px !important;
+}
+.btn.btn-outline-primary.bg-white.o_add_wishlist {
+ background-color: #fc5205 !important;
+ margin-left: 4px;
+}
+.d-none.d-md-inline-block.btn.btn-outline-primary.bg-white.o_add_compare {
+ background-color: #fc5205 !important;
+ margin-left: 4px;
+}
+.btn.btn-secondary.float-end.d-none.d-xl-inline-block {
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%) !important;
+ padding: 14px 28px !important;
+background-color: transparent !important;
+ }
+.btn-secondary {
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%) !important;
+ padding: 14px 28px !important;
+background-color: transparent !important;
+}
+.btn.btn-primary.o_sale_product_configurator_edit {
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%) !important;
+ padding: 14px 26px !important;
+background-color: transparent !important;
+ color: #fff !important;
+ border-radius: 3px;
+}
+.btn.btn-primary.float-end {
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%) !important;
+ padding: 14px 26px !important;
+ background-color: transparent !important;
+ color: #fff !important;
+ border-radius: 3px;
+}
+.col-12 .mt-3 .float-end .btn.btn-primary {
+ padding: 14px 26px !important;
+ background-color: transparent !important;
+ color: #fff !important;
+ border-radius: 3px;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%) !important;
+}
+.wrap {
+ margin-top: 130px;
+}
+.btn.btn-link.float_left.js_add_cart_json.d-none.d-md-inline-block {
+ margin-top: 0px !important;
+ margin-left: 0px !important;
+
+}
+.input-group .btn-secondary {
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%) !important;
+ background-color: transparent !important;
+ color: #fff !important;
+ padding: inherit !important;
+
+}
+.d-flex .btn.btn-primary.mb32 {
+ padding: 14px 28px;
+ font-weight: 600;
+ box-shadow: none !important;
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%);
+ color: #fff !important;
+ border-radius: 3px;
+ padding: 14px 26px !important;
+}
+.btn.btn-primary.mb32:hover {
+ background-image: linear-gradient(45deg, #22c1c3 0%, #21392b59 60%) !important;
+}
+/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/theme_lego/static/src/img/banner/banner-1.png b/theme_lego/static/src/img/banner/banner-1.png
new file mode 100644
index 000000000..ce5709e42
Binary files /dev/null and b/theme_lego/static/src/img/banner/banner-1.png differ
diff --git a/theme_lego/static/src/img/banner/banner-bg.jpg b/theme_lego/static/src/img/banner/banner-bg.jpg
new file mode 100644
index 000000000..afce07f08
Binary files /dev/null and b/theme_lego/static/src/img/banner/banner-bg.jpg differ
diff --git a/theme_lego/static/src/img/blog/add.jpg b/theme_lego/static/src/img/blog/add.jpg
new file mode 100644
index 000000000..f04fa80af
Binary files /dev/null and b/theme_lego/static/src/img/blog/add.jpg differ
diff --git a/theme_lego/static/src/img/blog/author.png b/theme_lego/static/src/img/blog/author.png
new file mode 100644
index 000000000..8d8893a25
Binary files /dev/null and b/theme_lego/static/src/img/blog/author.png differ
diff --git a/theme_lego/static/src/img/blog/c1.jpg b/theme_lego/static/src/img/blog/c1.jpg
new file mode 100644
index 000000000..c59d4bfb1
Binary files /dev/null and b/theme_lego/static/src/img/blog/c1.jpg differ
diff --git a/theme_lego/static/src/img/blog/c2.jpg b/theme_lego/static/src/img/blog/c2.jpg
new file mode 100644
index 000000000..dc601f4de
Binary files /dev/null and b/theme_lego/static/src/img/blog/c2.jpg differ
diff --git a/theme_lego/static/src/img/blog/c3.jpg b/theme_lego/static/src/img/blog/c3.jpg
new file mode 100644
index 000000000..d8086dbfa
Binary files /dev/null and b/theme_lego/static/src/img/blog/c3.jpg differ
diff --git a/theme_lego/static/src/img/blog/c4.jpg b/theme_lego/static/src/img/blog/c4.jpg
new file mode 100644
index 000000000..88fccaec0
Binary files /dev/null and b/theme_lego/static/src/img/blog/c4.jpg differ
diff --git a/theme_lego/static/src/img/blog/c5.jpg b/theme_lego/static/src/img/blog/c5.jpg
new file mode 100644
index 000000000..9397bc321
Binary files /dev/null and b/theme_lego/static/src/img/blog/c5.jpg differ
diff --git a/theme_lego/static/src/img/blog/c6.jpg b/theme_lego/static/src/img/blog/c6.jpg
new file mode 100644
index 000000000..8d56fc0fc
Binary files /dev/null and b/theme_lego/static/src/img/blog/c6.jpg differ
diff --git a/theme_lego/static/src/img/blog/cat-post/cat-post-1.jpg b/theme_lego/static/src/img/blog/cat-post/cat-post-1.jpg
new file mode 100644
index 000000000..85df6ce84
Binary files /dev/null and b/theme_lego/static/src/img/blog/cat-post/cat-post-1.jpg differ
diff --git a/theme_lego/static/src/img/blog/cat-post/cat-post-2.jpg b/theme_lego/static/src/img/blog/cat-post/cat-post-2.jpg
new file mode 100644
index 000000000..7969c5d66
Binary files /dev/null and b/theme_lego/static/src/img/blog/cat-post/cat-post-2.jpg differ
diff --git a/theme_lego/static/src/img/blog/cat-post/cat-post-3.jpg b/theme_lego/static/src/img/blog/cat-post/cat-post-3.jpg
new file mode 100644
index 000000000..095fc64af
Binary files /dev/null and b/theme_lego/static/src/img/blog/cat-post/cat-post-3.jpg differ
diff --git a/theme_lego/static/src/img/blog/causes/causes-1.jpg b/theme_lego/static/src/img/blog/causes/causes-1.jpg
new file mode 100644
index 000000000..1808351e8
Binary files /dev/null and b/theme_lego/static/src/img/blog/causes/causes-1.jpg differ
diff --git a/theme_lego/static/src/img/blog/causes/causes-2.jpg b/theme_lego/static/src/img/blog/causes/causes-2.jpg
new file mode 100644
index 000000000..b18950e72
Binary files /dev/null and b/theme_lego/static/src/img/blog/causes/causes-2.jpg differ
diff --git a/theme_lego/static/src/img/blog/causes/causes-3.jpg b/theme_lego/static/src/img/blog/causes/causes-3.jpg
new file mode 100644
index 000000000..a5f12c6da
Binary files /dev/null and b/theme_lego/static/src/img/blog/causes/causes-3.jpg differ
diff --git a/theme_lego/static/src/img/blog/feature-img1.jpg b/theme_lego/static/src/img/blog/feature-img1.jpg
new file mode 100644
index 000000000..eb117b12c
Binary files /dev/null and b/theme_lego/static/src/img/blog/feature-img1.jpg differ
diff --git a/theme_lego/static/src/img/blog/latest-post/l-post-1.jpg b/theme_lego/static/src/img/blog/latest-post/l-post-1.jpg
new file mode 100644
index 000000000..1eca2b83d
Binary files /dev/null and b/theme_lego/static/src/img/blog/latest-post/l-post-1.jpg differ
diff --git a/theme_lego/static/src/img/blog/latest-post/l-post-2.jpg b/theme_lego/static/src/img/blog/latest-post/l-post-2.jpg
new file mode 100644
index 000000000..8af01ea6b
Binary files /dev/null and b/theme_lego/static/src/img/blog/latest-post/l-post-2.jpg differ
diff --git a/theme_lego/static/src/img/blog/latest-post/l-post-3.jpg b/theme_lego/static/src/img/blog/latest-post/l-post-3.jpg
new file mode 100644
index 000000000..18560feb3
Binary files /dev/null and b/theme_lego/static/src/img/blog/latest-post/l-post-3.jpg differ
diff --git a/theme_lego/static/src/img/blog/latest-post/l-post-4.jpg b/theme_lego/static/src/img/blog/latest-post/l-post-4.jpg
new file mode 100644
index 000000000..1e3c4d96a
Binary files /dev/null and b/theme_lego/static/src/img/blog/latest-post/l-post-4.jpg differ
diff --git a/theme_lego/static/src/img/blog/main-blog/m-blog-1.jpg b/theme_lego/static/src/img/blog/main-blog/m-blog-1.jpg
new file mode 100644
index 000000000..ef842e9a8
Binary files /dev/null and b/theme_lego/static/src/img/blog/main-blog/m-blog-1.jpg differ
diff --git a/theme_lego/static/src/img/blog/main-blog/m-blog-2.jpg b/theme_lego/static/src/img/blog/main-blog/m-blog-2.jpg
new file mode 100644
index 000000000..2ea1b791c
Binary files /dev/null and b/theme_lego/static/src/img/blog/main-blog/m-blog-2.jpg differ
diff --git a/theme_lego/static/src/img/blog/main-blog/m-blog-3.jpg b/theme_lego/static/src/img/blog/main-blog/m-blog-3.jpg
new file mode 100644
index 000000000..588a609e0
Binary files /dev/null and b/theme_lego/static/src/img/blog/main-blog/m-blog-3.jpg differ
diff --git a/theme_lego/static/src/img/blog/main-blog/m-blog-4.jpg b/theme_lego/static/src/img/blog/main-blog/m-blog-4.jpg
new file mode 100644
index 000000000..f71baa0c7
Binary files /dev/null and b/theme_lego/static/src/img/blog/main-blog/m-blog-4.jpg differ
diff --git a/theme_lego/static/src/img/blog/main-blog/m-blog-5.jpg b/theme_lego/static/src/img/blog/main-blog/m-blog-5.jpg
new file mode 100644
index 000000000..f81e83307
Binary files /dev/null and b/theme_lego/static/src/img/blog/main-blog/m-blog-5.jpg differ
diff --git a/theme_lego/static/src/img/blog/next.jpg b/theme_lego/static/src/img/blog/next.jpg
new file mode 100644
index 000000000..03134da3b
Binary files /dev/null and b/theme_lego/static/src/img/blog/next.jpg differ
diff --git a/theme_lego/static/src/img/blog/popular-post/post1.jpg b/theme_lego/static/src/img/blog/popular-post/post1.jpg
new file mode 100644
index 000000000..4c1de3644
Binary files /dev/null and b/theme_lego/static/src/img/blog/popular-post/post1.jpg differ
diff --git a/theme_lego/static/src/img/blog/popular-post/post2.jpg b/theme_lego/static/src/img/blog/popular-post/post2.jpg
new file mode 100644
index 000000000..1651ec924
Binary files /dev/null and b/theme_lego/static/src/img/blog/popular-post/post2.jpg differ
diff --git a/theme_lego/static/src/img/blog/popular-post/post3.jpg b/theme_lego/static/src/img/blog/popular-post/post3.jpg
new file mode 100644
index 000000000..3562e9bc4
Binary files /dev/null and b/theme_lego/static/src/img/blog/popular-post/post3.jpg differ
diff --git a/theme_lego/static/src/img/blog/popular-post/post4.jpg b/theme_lego/static/src/img/blog/popular-post/post4.jpg
new file mode 100644
index 000000000..3e83c192d
Binary files /dev/null and b/theme_lego/static/src/img/blog/popular-post/post4.jpg differ
diff --git a/theme_lego/static/src/img/blog/post-img1.jpg b/theme_lego/static/src/img/blog/post-img1.jpg
new file mode 100644
index 000000000..205cb40b4
Binary files /dev/null and b/theme_lego/static/src/img/blog/post-img1.jpg differ
diff --git a/theme_lego/static/src/img/blog/post-img2.jpg b/theme_lego/static/src/img/blog/post-img2.jpg
new file mode 100644
index 000000000..cb1067675
Binary files /dev/null and b/theme_lego/static/src/img/blog/post-img2.jpg differ
diff --git a/theme_lego/static/src/img/blog/prev.jpg b/theme_lego/static/src/img/blog/prev.jpg
new file mode 100644
index 000000000..f27c826ab
Binary files /dev/null and b/theme_lego/static/src/img/blog/prev.jpg differ
diff --git a/theme_lego/static/src/img/brand/1.png b/theme_lego/static/src/img/brand/1.png
new file mode 100644
index 000000000..e22bce5aa
Binary files /dev/null and b/theme_lego/static/src/img/brand/1.png differ
diff --git a/theme_lego/static/src/img/brand/2.png b/theme_lego/static/src/img/brand/2.png
new file mode 100644
index 000000000..a9faf47fc
Binary files /dev/null and b/theme_lego/static/src/img/brand/2.png differ
diff --git a/theme_lego/static/src/img/brand/3.png b/theme_lego/static/src/img/brand/3.png
new file mode 100644
index 000000000..4d58ae907
Binary files /dev/null and b/theme_lego/static/src/img/brand/3.png differ
diff --git a/theme_lego/static/src/img/brand/4.png b/theme_lego/static/src/img/brand/4.png
new file mode 100644
index 000000000..33c2a4feb
Binary files /dev/null and b/theme_lego/static/src/img/brand/4.png differ
diff --git a/theme_lego/static/src/img/brand/5.png b/theme_lego/static/src/img/brand/5.png
new file mode 100644
index 000000000..796e04bd8
Binary files /dev/null and b/theme_lego/static/src/img/brand/5.png differ
diff --git a/theme_lego/static/src/img/cart.jpg b/theme_lego/static/src/img/cart.jpg
new file mode 100644
index 000000000..253108344
Binary files /dev/null and b/theme_lego/static/src/img/cart.jpg differ
diff --git a/theme_lego/static/src/img/cart2.jpg b/theme_lego/static/src/img/cart2.jpg
new file mode 100644
index 000000000..41037751f
Binary files /dev/null and b/theme_lego/static/src/img/cart2.jpg differ
diff --git a/theme_lego/static/src/img/category/c1.jpg b/theme_lego/static/src/img/category/c1.jpg
new file mode 100644
index 000000000..714d5990a
Binary files /dev/null and b/theme_lego/static/src/img/category/c1.jpg differ
diff --git a/theme_lego/static/src/img/category/c1L.jpg b/theme_lego/static/src/img/category/c1L.jpg
new file mode 100644
index 000000000..399a0c920
Binary files /dev/null and b/theme_lego/static/src/img/category/c1L.jpg differ
diff --git a/theme_lego/static/src/img/category/c2.jpg b/theme_lego/static/src/img/category/c2.jpg
new file mode 100644
index 000000000..ea45d029b
Binary files /dev/null and b/theme_lego/static/src/img/category/c2.jpg differ
diff --git a/theme_lego/static/src/img/category/c2L.jpg b/theme_lego/static/src/img/category/c2L.jpg
new file mode 100644
index 000000000..1f414023b
Binary files /dev/null and b/theme_lego/static/src/img/category/c2L.jpg differ
diff --git a/theme_lego/static/src/img/category/c3.jpg b/theme_lego/static/src/img/category/c3.jpg
new file mode 100644
index 000000000..d1952b0a6
Binary files /dev/null and b/theme_lego/static/src/img/category/c3.jpg differ
diff --git a/theme_lego/static/src/img/category/c3L.jpg b/theme_lego/static/src/img/category/c3L.jpg
new file mode 100644
index 000000000..f870e4313
Binary files /dev/null and b/theme_lego/static/src/img/category/c3L.jpg differ
diff --git a/theme_lego/static/src/img/category/c4.jpg b/theme_lego/static/src/img/category/c4.jpg
new file mode 100644
index 000000000..828980f5b
Binary files /dev/null and b/theme_lego/static/src/img/category/c4.jpg differ
diff --git a/theme_lego/static/src/img/category/c4L.jpg b/theme_lego/static/src/img/category/c4L.jpg
new file mode 100644
index 000000000..11e06e111
Binary files /dev/null and b/theme_lego/static/src/img/category/c4L.jpg differ
diff --git a/theme_lego/static/src/img/category/c5.jpg b/theme_lego/static/src/img/category/c5.jpg
new file mode 100644
index 000000000..1ac8b3017
Binary files /dev/null and b/theme_lego/static/src/img/category/c5.jpg differ
diff --git a/theme_lego/static/src/img/category/pexels-markus-spiske-191159.jpg b/theme_lego/static/src/img/category/pexels-markus-spiske-191159.jpg
new file mode 100644
index 000000000..8814e4191
Binary files /dev/null and b/theme_lego/static/src/img/category/pexels-markus-spiske-191159.jpg differ
diff --git a/theme_lego/static/src/img/category/s-p1.jpg b/theme_lego/static/src/img/category/s-p1.jpg
new file mode 100644
index 000000000..6fa789b6f
Binary files /dev/null and b/theme_lego/static/src/img/category/s-p1.jpg differ
diff --git a/theme_lego/static/src/img/deals/pexels-min-an-1437149.jpg b/theme_lego/static/src/img/deals/pexels-min-an-1437149.jpg
new file mode 100644
index 000000000..ff8dc1f8c
Binary files /dev/null and b/theme_lego/static/src/img/deals/pexels-min-an-1437149.jpg differ
diff --git a/theme_lego/static/src/img/deals/pexels-ray-piedra-1478441.jpg b/theme_lego/static/src/img/deals/pexels-ray-piedra-1478441.jpg
new file mode 100644
index 000000000..fbcf3806d
Binary files /dev/null and b/theme_lego/static/src/img/deals/pexels-ray-piedra-1478441.jpg differ
diff --git a/theme_lego/static/src/img/deals/pexels-ray-piedra-1537671.jpg b/theme_lego/static/src/img/deals/pexels-ray-piedra-1537671.jpg
new file mode 100644
index 000000000..ef6271ec3
Binary files /dev/null and b/theme_lego/static/src/img/deals/pexels-ray-piedra-1537671.jpg differ
diff --git a/theme_lego/static/src/img/deals/pexels-wallace-chuck-2838793.jpg b/theme_lego/static/src/img/deals/pexels-wallace-chuck-2838793.jpg
new file mode 100644
index 000000000..c6cf07666
Binary files /dev/null and b/theme_lego/static/src/img/deals/pexels-wallace-chuck-2838793.jpg differ
diff --git a/theme_lego/static/src/img/deals/pexels-wallace-chuck-3261069.jpg b/theme_lego/static/src/img/deals/pexels-wallace-chuck-3261069.jpg
new file mode 100644
index 000000000..8cbe433fd
Binary files /dev/null and b/theme_lego/static/src/img/deals/pexels-wallace-chuck-3261069.jpg differ
diff --git a/theme_lego/static/src/img/deals/r1.jpg b/theme_lego/static/src/img/deals/r1.jpg
new file mode 100644
index 000000000..af2cd29d4
Binary files /dev/null and b/theme_lego/static/src/img/deals/r1.jpg differ
diff --git a/theme_lego/static/src/img/deals/r10.jpg b/theme_lego/static/src/img/deals/r10.jpg
new file mode 100644
index 000000000..4a81b8ab6
Binary files /dev/null and b/theme_lego/static/src/img/deals/r10.jpg differ
diff --git a/theme_lego/static/src/img/deals/r11.jpg b/theme_lego/static/src/img/deals/r11.jpg
new file mode 100644
index 000000000..b0f54c26c
Binary files /dev/null and b/theme_lego/static/src/img/deals/r11.jpg differ
diff --git a/theme_lego/static/src/img/deals/r12.jpg b/theme_lego/static/src/img/deals/r12.jpg
new file mode 100644
index 000000000..7f0cc9a31
Binary files /dev/null and b/theme_lego/static/src/img/deals/r12.jpg differ
diff --git a/theme_lego/static/src/img/deals/r2.jpg b/theme_lego/static/src/img/deals/r2.jpg
new file mode 100644
index 000000000..ef02f14f7
Binary files /dev/null and b/theme_lego/static/src/img/deals/r2.jpg differ
diff --git a/theme_lego/static/src/img/deals/r3.jpg b/theme_lego/static/src/img/deals/r3.jpg
new file mode 100644
index 000000000..62ec4bc57
Binary files /dev/null and b/theme_lego/static/src/img/deals/r3.jpg differ
diff --git a/theme_lego/static/src/img/deals/r4.jpg b/theme_lego/static/src/img/deals/r4.jpg
new file mode 100644
index 000000000..48a747b2c
Binary files /dev/null and b/theme_lego/static/src/img/deals/r4.jpg differ
diff --git a/theme_lego/static/src/img/deals/r5.jpg b/theme_lego/static/src/img/deals/r5.jpg
new file mode 100644
index 000000000..cb62303bc
Binary files /dev/null and b/theme_lego/static/src/img/deals/r5.jpg differ
diff --git a/theme_lego/static/src/img/deals/r6.jpg b/theme_lego/static/src/img/deals/r6.jpg
new file mode 100644
index 000000000..f4c6315e9
Binary files /dev/null and b/theme_lego/static/src/img/deals/r6.jpg differ
diff --git a/theme_lego/static/src/img/deals/r7.jpg b/theme_lego/static/src/img/deals/r7.jpg
new file mode 100644
index 000000000..a75b4eaee
Binary files /dev/null and b/theme_lego/static/src/img/deals/r7.jpg differ
diff --git a/theme_lego/static/src/img/deals/r8.jpg b/theme_lego/static/src/img/deals/r8.jpg
new file mode 100644
index 000000000..5a8555f9c
Binary files /dev/null and b/theme_lego/static/src/img/deals/r8.jpg differ
diff --git a/theme_lego/static/src/img/deals/r9.jpg b/theme_lego/static/src/img/deals/r9.jpg
new file mode 100644
index 000000000..8e5071f0e
Binary files /dev/null and b/theme_lego/static/src/img/deals/r9.jpg differ
diff --git a/theme_lego/static/src/img/deals/xcx.jpg b/theme_lego/static/src/img/deals/xcx.jpg
new file mode 100644
index 000000000..c63d61acb
Binary files /dev/null and b/theme_lego/static/src/img/deals/xcx.jpg differ
diff --git a/theme_lego/static/src/img/exclusive.jpg b/theme_lego/static/src/img/exclusive.jpg
new file mode 100644
index 000000000..e73ba1290
Binary files /dev/null and b/theme_lego/static/src/img/exclusive.jpg differ
diff --git a/theme_lego/static/src/img/instagram/i1.jpg b/theme_lego/static/src/img/instagram/i1.jpg
new file mode 100644
index 000000000..36fead470
Binary files /dev/null and b/theme_lego/static/src/img/instagram/i1.jpg differ
diff --git a/theme_lego/static/src/img/instagram/i2.jpg b/theme_lego/static/src/img/instagram/i2.jpg
new file mode 100644
index 000000000..9446b574e
Binary files /dev/null and b/theme_lego/static/src/img/instagram/i2.jpg differ
diff --git a/theme_lego/static/src/img/instagram/i3.jpg b/theme_lego/static/src/img/instagram/i3.jpg
new file mode 100644
index 000000000..9d865c518
Binary files /dev/null and b/theme_lego/static/src/img/instagram/i3.jpg differ
diff --git a/theme_lego/static/src/img/instagram/i4.jpg b/theme_lego/static/src/img/instagram/i4.jpg
new file mode 100644
index 000000000..ed75c2e9f
Binary files /dev/null and b/theme_lego/static/src/img/instagram/i4.jpg differ
diff --git a/theme_lego/static/src/img/instagram/i5.jpg b/theme_lego/static/src/img/instagram/i5.jpg
new file mode 100644
index 000000000..99a560625
Binary files /dev/null and b/theme_lego/static/src/img/instagram/i5.jpg differ
diff --git a/theme_lego/static/src/img/instagram/i6.jpg b/theme_lego/static/src/img/instagram/i6.jpg
new file mode 100644
index 000000000..8d930ae18
Binary files /dev/null and b/theme_lego/static/src/img/instagram/i6.jpg differ
diff --git a/theme_lego/static/src/img/instagram/i7.jpg b/theme_lego/static/src/img/instagram/i7.jpg
new file mode 100644
index 000000000..17f3a26d5
Binary files /dev/null and b/theme_lego/static/src/img/instagram/i7.jpg differ
diff --git a/theme_lego/static/src/img/instagram/i8.jpg b/theme_lego/static/src/img/instagram/i8.jpg
new file mode 100644
index 000000000..9446b574e
Binary files /dev/null and b/theme_lego/static/src/img/instagram/i8.jpg differ
diff --git a/theme_lego/static/src/img/l.jpg b/theme_lego/static/src/img/l.jpg
new file mode 100644
index 000000000..0e0b8fa0c
Binary files /dev/null and b/theme_lego/static/src/img/l.jpg differ
diff --git a/theme_lego/static/src/img/login/login.jpg b/theme_lego/static/src/img/login/login.jpg
new file mode 100644
index 000000000..bf68cc88f
Binary files /dev/null and b/theme_lego/static/src/img/login/login.jpg differ
diff --git a/theme_lego/static/src/img/product/P1.jpg b/theme_lego/static/src/img/product/P1.jpg
new file mode 100644
index 000000000..4cc7b97d0
Binary files /dev/null and b/theme_lego/static/src/img/product/P1.jpg differ
diff --git a/theme_lego/static/src/img/product/e-p1.jpg b/theme_lego/static/src/img/product/e-p1.jpg
new file mode 100644
index 000000000..ed54c43c7
Binary files /dev/null and b/theme_lego/static/src/img/product/e-p1.jpg differ
diff --git a/theme_lego/static/src/img/product/p2.jpg b/theme_lego/static/src/img/product/p2.jpg
new file mode 100644
index 000000000..7bca589fe
Binary files /dev/null and b/theme_lego/static/src/img/product/p2.jpg differ
diff --git a/theme_lego/static/src/img/product/p3.jpg b/theme_lego/static/src/img/product/p3.jpg
new file mode 100644
index 000000000..e15802934
Binary files /dev/null and b/theme_lego/static/src/img/product/p3.jpg differ
diff --git a/theme_lego/static/src/img/product/p4.jpg b/theme_lego/static/src/img/product/p4.jpg
new file mode 100644
index 000000000..fcd4ac498
Binary files /dev/null and b/theme_lego/static/src/img/product/p4.jpg differ
diff --git a/theme_lego/static/src/img/product/p5.jpg b/theme_lego/static/src/img/product/p5.jpg
new file mode 100644
index 000000000..6de0b1a89
Binary files /dev/null and b/theme_lego/static/src/img/product/p5.jpg differ
diff --git a/theme_lego/static/src/img/product/p6.jpg b/theme_lego/static/src/img/product/p6.jpg
new file mode 100644
index 000000000..fdba4266d
Binary files /dev/null and b/theme_lego/static/src/img/product/p6.jpg differ
diff --git a/theme_lego/static/src/img/product/p7.jpg b/theme_lego/static/src/img/product/p7.jpg
new file mode 100644
index 000000000..5f5fb2816
Binary files /dev/null and b/theme_lego/static/src/img/product/p7.jpg differ
diff --git a/theme_lego/static/src/img/product/p8.jpg b/theme_lego/static/src/img/product/p8.jpg
new file mode 100644
index 000000000..7b443b861
Binary files /dev/null and b/theme_lego/static/src/img/product/p8.jpg differ
diff --git a/theme_lego/static/src/img/product/pexels-melvin-buezo-2529158.jpg b/theme_lego/static/src/img/product/pexels-melvin-buezo-2529158.jpg
new file mode 100644
index 000000000..46ffc78f9
Binary files /dev/null and b/theme_lego/static/src/img/product/pexels-melvin-buezo-2529158.jpg differ
diff --git a/theme_lego/static/src/img/product/pexels-mister-mister-3490360.jpg b/theme_lego/static/src/img/product/pexels-mister-mister-3490360.jpg
new file mode 100644
index 000000000..c0047b1d3
Binary files /dev/null and b/theme_lego/static/src/img/product/pexels-mister-mister-3490360.jpg differ
diff --git a/theme_lego/static/src/img/product/pexels-ray-piedra-1456706.jpg b/theme_lego/static/src/img/product/pexels-ray-piedra-1456706.jpg
new file mode 100644
index 000000000..8a14cb32b
Binary files /dev/null and b/theme_lego/static/src/img/product/pexels-ray-piedra-1456706.jpg differ
diff --git a/theme_lego/static/src/img/product/review-1.png b/theme_lego/static/src/img/product/review-1.png
new file mode 100644
index 000000000..81924ae01
Binary files /dev/null and b/theme_lego/static/src/img/product/review-1.png differ
diff --git a/theme_lego/static/src/img/product/review-2.png b/theme_lego/static/src/img/product/review-2.png
new file mode 100644
index 000000000..dd56a79d0
Binary files /dev/null and b/theme_lego/static/src/img/product/review-2.png differ
diff --git a/theme_lego/static/src/img/product/review-3.png b/theme_lego/static/src/img/product/review-3.png
new file mode 100644
index 000000000..d1d54aeb9
Binary files /dev/null and b/theme_lego/static/src/img/product/review-3.png differ
diff --git a/theme_lego/static/src/img/sd/c1.jpg b/theme_lego/static/src/img/sd/c1.jpg
new file mode 100644
index 000000000..21b802d51
Binary files /dev/null and b/theme_lego/static/src/img/sd/c1.jpg differ
diff --git a/theme_lego/static/src/img/sd/c2.jpg b/theme_lego/static/src/img/sd/c2.jpg
new file mode 100644
index 000000000..fd983d9ba
Binary files /dev/null and b/theme_lego/static/src/img/sd/c2.jpg differ
diff --git a/theme_lego/static/src/img/sd/c3.jpg b/theme_lego/static/src/img/sd/c3.jpg
new file mode 100644
index 000000000..c4a5c315f
Binary files /dev/null and b/theme_lego/static/src/img/sd/c3.jpg differ
diff --git a/theme_lego/static/src/img/sd/c4.jpg b/theme_lego/static/src/img/sd/c4.jpg
new file mode 100644
index 000000000..1ab87ddd6
Binary files /dev/null and b/theme_lego/static/src/img/sd/c4.jpg differ
diff --git a/theme_lego/static/src/img/sd/c5.jpg b/theme_lego/static/src/img/sd/c5.jpg
new file mode 100644
index 000000000..57e90fe38
Binary files /dev/null and b/theme_lego/static/src/img/sd/c5.jpg differ
diff --git a/theme_lego/static/src/img/snippets/banner-block.jpg b/theme_lego/static/src/img/snippets/banner-block.jpg
new file mode 100644
index 000000000..3a5423a3f
Binary files /dev/null and b/theme_lego/static/src/img/snippets/banner-block.jpg differ
diff --git a/theme_lego/static/src/img/snippets/brands-block.jpg b/theme_lego/static/src/img/snippets/brands-block.jpg
new file mode 100644
index 000000000..c304fb71b
Binary files /dev/null and b/theme_lego/static/src/img/snippets/brands-block.jpg differ
diff --git a/theme_lego/static/src/img/snippets/contact-block.jpg b/theme_lego/static/src/img/snippets/contact-block.jpg
new file mode 100644
index 000000000..772d5914d
Binary files /dev/null and b/theme_lego/static/src/img/snippets/contact-block.jpg differ
diff --git a/theme_lego/static/src/img/snippets/deals-of-the-day-blocks.jpg b/theme_lego/static/src/img/snippets/deals-of-the-day-blocks.jpg
new file mode 100644
index 000000000..13fce2bb7
Binary files /dev/null and b/theme_lego/static/src/img/snippets/deals-of-the-day-blocks.jpg differ
diff --git a/theme_lego/static/src/img/snippets/front-gallery-block.jpg b/theme_lego/static/src/img/snippets/front-gallery-block.jpg
new file mode 100644
index 000000000..e3b5657c2
Binary files /dev/null and b/theme_lego/static/src/img/snippets/front-gallery-block.jpg differ
diff --git a/theme_lego/static/src/img/snippets/half-columns-block.jpg b/theme_lego/static/src/img/snippets/half-columns-block.jpg
new file mode 100644
index 000000000..65cbec636
Binary files /dev/null and b/theme_lego/static/src/img/snippets/half-columns-block.jpg differ
diff --git a/theme_lego/static/src/img/snippets/home-banner-blockt.jpg b/theme_lego/static/src/img/snippets/home-banner-blockt.jpg
new file mode 100644
index 000000000..50b10d4d3
Binary files /dev/null and b/theme_lego/static/src/img/snippets/home-banner-blockt.jpg differ
diff --git a/theme_lego/static/src/img/snippets/login-block.jpg b/theme_lego/static/src/img/snippets/login-block.jpg
new file mode 100644
index 000000000..32f08d9ef
Binary files /dev/null and b/theme_lego/static/src/img/snippets/login-block.jpg differ
diff --git a/theme_lego/static/src/img/snippets/map-block.jpg b/theme_lego/static/src/img/snippets/map-block.jpg
new file mode 100644
index 000000000..9fe9cfebc
Binary files /dev/null and b/theme_lego/static/src/img/snippets/map-block.jpg differ
diff --git a/theme_lego/static/src/img/snippets/services-block.jpg b/theme_lego/static/src/img/snippets/services-block.jpg
new file mode 100644
index 000000000..e00924ad7
Binary files /dev/null and b/theme_lego/static/src/img/snippets/services-block.jpg differ
diff --git a/theme_lego/static/src/img/snippets/upcoming-products-blocks.jpg b/theme_lego/static/src/img/snippets/upcoming-products-blocks.jpg
new file mode 100644
index 000000000..5613f6bb2
Binary files /dev/null and b/theme_lego/static/src/img/snippets/upcoming-products-blocks.jpg differ
diff --git a/theme_lego/static/src/js/deal.js b/theme_lego/static/src/js/deal.js
new file mode 100644
index 000000000..e4803eb01
--- /dev/null
+++ b/theme_lego/static/src/js/deal.js
@@ -0,0 +1,20 @@
+odoo.define('theme_lego.deal_week', function(require) {
+ 'use strict';
+ var Animation = require('website.content.snippets.animation');
+ var ajax = require('web.ajax');
+ // Define Animation class for the 'Deal of the Week' snippet
+ Animation.registry.deal_of_the_week = Animation.Class.extend({
+ selector: '.deal',
+ start: function() {
+ var self = this;
+ // Call backend JSON endpoint to fetch the products marked as 'Deal of the Week'
+ ajax.jsonRpc('/get_deal_of_the_week', 'call', {})
+ .then(function(data) {
+ if (data) {
+ // Render the fetched product information on the webpage
+ self.$target.empty().append(data);
+ }
+ });
+ }
+ });
+});
diff --git a/theme_lego/static/src/js/index.js b/theme_lego/static/src/js/index.js
new file mode 100644
index 000000000..ae95b6207
--- /dev/null
+++ b/theme_lego/static/src/js/index.js
@@ -0,0 +1,61 @@
+odoo.define('theme_lego.index', function(require) {
+ "use strict";
+ // Import the PublicWidget module
+ var PublicWidget = require('web.public.widget');
+ // Define a new class named "Slider" that extends the "PublicWidget" class
+ var Slider = PublicWidget.Widget.extend({
+ // Set the CSS selector for the widget element
+ selector: '#slider',
+ start: function() {
+ var self = this;
+ // Call the "onSlider" function to initialize the owlCarousel slider
+ self.onSlider();
+ },
+ // Define the "onSlider" function that initializes the owlCarousel slider
+ onSlider: function() {
+ var self = this;
+ // Initialize the slider with owlCarousel options
+ this.$el.owlCarousel({
+ items: 1,
+ loop: true,
+ margin: 30,
+ stagePadding: 30,
+ smartSpeed: 450,
+ autoplay: true,
+ autoPlaySpeed: 1000,
+ autoPlayTimeout: 1000,
+ autoplayHoverPause: true,
+ dots: true,
+ nav: true,
+ navText: ['', '']
+ });
+ // Define a helper function named "counter" that sets the correct slide number for the dots
+ function counter() {
+ var buttons = self.$el.find('.owl-dots button');
+ buttons.each(function(index, item) {
+ $(item).find('span').text(index + 1);
+ });
+ }
+ // Initialize another owlCarousel slider with different options
+ this.$el.owlCarousel({
+ items: 1,
+ loop: true,
+ margin: 30,
+ stagePadding: 30,
+ smartSpeed: 450,
+ autoplay: true,
+ autoPlaySpeed: 1000,
+ autoPlayTimeout: 1000,
+ autoplayHoverPause: true,
+ dots: true,
+ nav: true,
+ navText: ['', '']
+ });
+ // Call the "counter" function to set the correct slide number for the dots
+ counter();
+ }
+ });
+ // Register the "Slider" class in the PublicWidget registry
+ PublicWidget.registry.slider = Slider;
+ return Slider;
+ });
\ No newline at end of file
diff --git a/theme_lego/static/src/js/owl.carousel.js b/theme_lego/static/src/js/owl.carousel.js
new file mode 100644
index 000000000..e65140ad5
--- /dev/null
+++ b/theme_lego/static/src/js/owl.carousel.js
@@ -0,0 +1,2951 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+/**
+ * Owl carousel
+ * @version 2.3.4
+ * @author Bartosz Wojciechowski
+ * @author David Deutsch
+ * @license The MIT License (MIT)
+ * @todo Lazy Load Icon
+ * @todo prevent animationend bubling
+ * @todo itemsScaleUp
+ * @todo Test Zepto
+ * @todo stagePadding calculate wrong active classes
+ */
+;(function($, window, document, undefined) {
+ /**
+ * Creates a carousel.
+ * @class The Owl Carousel.
+ * @public
+ * @param {HTMLElement|jQuery} element - The element to create the carousel for.
+ * @param {Object} [options] - The options
+ */
+ function Owl(element, options) {
+ /**
+ * Current settings for the carousel.
+ * @public
+ */
+ this.settings = null;
+ /**
+ * Current options set by the caller including defaults.
+ * @public
+ */
+ this.options = $.extend({}, Owl.Defaults, options);
+ /**
+ * Plugin element.
+ * @public
+ */
+ this.$element = $(element);
+ /**
+ * Proxied event handlers.
+ * @protected
+ */
+ this._handlers = {};
+ /**
+ * References to the running plugins of this carousel.
+ * @protected
+ */
+ this._plugins = {};
+ /**
+ * Currently suppressed events to prevent them from being retriggered.
+ * @protected
+ */
+ this._supress = {};
+ /**
+ * Absolute current position.
+ * @protected
+ */
+ this._current = null;
+ /**
+ * Animation speed in milliseconds.
+ * @protected
+ */
+ this._speed = null;
+ /**
+ * Coordinates of all items in pixel.
+ * @todo The name of this member is missleading.
+ * @protected
+ */
+ this._coordinates = [];
+ /**
+ * Current breakpoint.
+ * @todo Real media queries would be nice.
+ * @protected
+ */
+ this._breakpoint = null;
+ /**
+ * Current width of the plugin element.
+ */
+ this._width = null;
+ /**
+ * All real items.
+ * @protected
+ */
+ this._items = [];
+ /**
+ * All cloned items.
+ * @protected
+ */
+ this._clones = [];
+ /**
+ * Merge values of all items.
+ * @todo Maybe this could be part of a plugin.
+ * @protected
+ */
+ this._mergers = [];
+ /**
+ * Widths of all items.
+ */
+ this._widths = [];
+ /**
+ * Invalidated parts within the update process.
+ * @protected
+ */
+ this._invalidated = {};
+ /**
+ * Ordered list of workers for the update process.
+ * @protected
+ */
+ this._pipe = [];
+ /**
+ * Current state information for the drag operation.
+ * @todo #261
+ * @protected
+ */
+ this._drag = {
+ time: null,
+ target: null,
+ pointer: null,
+ stage: {
+ start: null,
+ current: null
+ },
+ direction: null
+ };
+ /**
+ * Current state information and their tags.
+ * @type {Object}
+ * @protected
+ */
+ this._states = {
+ current: {},
+ tags: {
+ 'initializing': [ 'busy' ],
+ 'animating': [ 'busy' ],
+ 'dragging': [ 'interacting' ]
+ }
+ };
+ $.each([ 'onResize', 'onThrottledResize' ], $.proxy(function(i, handler) {
+ this._handlers[handler] = $.proxy(this[handler], this);
+ }, this));
+ $.each(Owl.Plugins, $.proxy(function(key, plugin) {
+ this._plugins[key.charAt(0).toLowerCase() + key.slice(1)]
+ = new plugin(this);
+ }, this));
+ $.each(Owl.Workers, $.proxy(function(priority, worker) {
+ this._pipe.push({
+ 'filter': worker.filter,
+ 'run': $.proxy(worker.run, this)
+ });
+ }, this));
+ this.setup();
+ this.initialize();
+ }
+ /**
+ * Default options for the carousel.
+ * @public
+ */
+ Owl.Defaults = {
+ items: 3,
+ loop: false,
+ center: false,
+ rewind: false,
+ checkVisibility: true,
+ mouseDrag: true,
+ touchDrag: true,
+ pullDrag: true,
+ freeDrag: false,
+ margin: 0,
+ stagePadding: 0,
+ merge: false,
+ mergeFit: true,
+ autoWidth: false,
+ startPosition: 0,
+ rtl: false,
+ smartSpeed: 250,
+ fluidSpeed: false,
+ dragEndSpeed: false,
+ responsive: {},
+ responsiveRefreshRate: 200,
+ responsiveBaseElement: window,
+ fallbackEasing: 'swing',
+ slideTransition: '',
+ info: false,
+ nestedItemSelector: false,
+ itemElement: 'div',
+ stageElement: 'div',
+ refreshClass: 'owl-refresh',
+ loadedClass: 'owl-loaded',
+ loadingClass: 'owl-loading',
+ rtlClass: 'owl-rtl',
+ responsiveClass: 'owl-responsive',
+ dragClass: 'owl-drag',
+ itemClass: 'owl-item',
+ stageClass: 'owl-stage',
+ stageOuterClass: 'owl-stage-outer',
+ grabClass: 'owl-grab'
+ };
+ /**
+ * Enumeration for width.
+ * @public
+ * @readonly
+ * @enum {String}
+ */
+ Owl.Width = {
+ Default: 'default',
+ Inner: 'inner',
+ Outer: 'outer'
+ };
+ /**
+ * Enumeration for types.
+ * @public
+ * @readonly
+ * @enum {String}
+ */
+ Owl.Type = {
+ Event: 'event',
+ State: 'state'
+ };
+ /**
+ * Contains all registered plugins.
+ * @public
+ */
+ Owl.Plugins = {};
+ /**
+ * List of workers involved in the update process.
+ */
+ Owl.Workers = [ {
+ filter: [ 'width', 'settings' ],
+ run: function() {
+ this._width = this.$element.width();
+ }
+ }, {
+ filter: [ 'width', 'items', 'settings' ],
+ run: function(cache) {
+ cache.current = this._items && this._items[this.relative(this._current)];
+ }
+ }, {
+ filter: [ 'items', 'settings' ],
+ run: function() {
+ this.$stage.children('.cloned').remove();
+ }
+ }, {
+ filter: [ 'width', 'items', 'settings' ],
+ run: function(cache) {
+ var margin = this.settings.margin || '',
+ grid = !this.settings.autoWidth,
+ rtl = this.settings.rtl,
+ css = {
+ 'width': 'auto',
+ 'margin-left': rtl ? margin : '',
+ 'margin-right': rtl ? '' : margin
+ };
+ !grid && this.$stage.children().css(css);
+ cache.css = css;
+ }
+ }, {
+ filter: [ 'width', 'items', 'settings' ],
+ run: function(cache) {
+ var width = (this.width() / this.settings.items).toFixed(3) - this.settings.margin,
+ merge = null,
+ iterator = this._items.length,
+ grid = !this.settings.autoWidth,
+ widths = [];
+ cache.items = {
+ merge: false,
+ width: width
+ };
+ while (iterator--) {
+ merge = this._mergers[iterator];
+ merge = this.settings.mergeFit && Math.min(merge, this.settings.items) || merge;
+ cache.items.merge = merge > 1 || cache.items.merge;
+ widths[iterator] = !grid ? this._items[iterator].width() : width * merge;
+ }
+ this._widths = widths;
+ }
+ }, {
+ filter: [ 'items', 'settings' ],
+ run: function() {
+ var clones = [],
+ items = this._items,
+ settings = this.settings,
+ // TODO: Should be computed from number of min width items in stage
+ view = Math.max(settings.items * 2, 4),
+ size = Math.ceil(items.length / 2) * 2,
+ repeat = settings.loop && items.length ? settings.rewind ? view : Math.max(view, size) : 0,
+ append = '',
+ prepend = '';
+ repeat /= 2;
+ while (repeat > 0) {
+ // Switch to only using appended clones
+ clones.push(this.normalize(clones.length / 2, true));
+ append = append + items[clones[clones.length - 1]][0].outerHTML;
+ clones.push(this.normalize(items.length - 1 - (clones.length - 1) / 2, true));
+ prepend = items[clones[clones.length - 1]][0].outerHTML + prepend;
+ repeat -= 1;
+ }
+ this._clones = clones;
+ $(append).addClass('cloned').appendTo(this.$stage);
+ $(prepend).addClass('cloned').prependTo(this.$stage);
+ }
+ }, {
+ filter: [ 'width', 'items', 'settings' ],
+ run: function() {
+ var rtl = this.settings.rtl ? 1 : -1,
+ size = this._clones.length + this._items.length,
+ iterator = -1,
+ previous = 0,
+ current = 0,
+ coordinates = [];
+ while (++iterator < size) {
+ previous = coordinates[iterator - 1] || 0;
+ current = this._widths[this.relative(iterator)] + this.settings.margin;
+ coordinates.push(previous + current * rtl);
+ }
+ this._coordinates = coordinates;
+ }
+ }, {
+ filter: [ 'width', 'items', 'settings' ],
+ run: function() {
+ var padding = this.settings.stagePadding,
+ coordinates = this._coordinates,
+ css = {
+ 'width': Math.ceil(Math.abs(coordinates[coordinates.length - 1])) + padding * 2,
+ 'padding-left': padding || '',
+ 'padding-right': padding || ''
+ };
+ this.$stage.css(css);
+ }
+ }, {
+ filter: [ 'width', 'items', 'settings' ],
+ run: function(cache) {
+ var iterator = this._coordinates.length,
+ grid = !this.settings.autoWidth,
+ items = this.$stage.children();
+ if (grid && cache.items.merge) {
+ while (iterator--) {
+ cache.css.width = this._widths[this.relative(iterator)];
+ items.eq(iterator).css(cache.css);
+ }
+ } else if (grid) {
+ cache.css.width = cache.items.width;
+ items.css(cache.css);
+ }
+ }
+ }, {
+ filter: [ 'items' ],
+ run: function() {
+ this._coordinates.length < 1 && this.$stage.removeAttr('style');
+ }
+ }, {
+ filter: [ 'width', 'items', 'settings' ],
+ run: function(cache) {
+ cache.current = cache.current ? this.$stage.children().index(cache.current) : 0;
+ cache.current = Math.max(this.minimum(), Math.min(this.maximum(), cache.current));
+ this.reset(cache.current);
+ }
+ }, {
+ filter: [ 'position' ],
+ run: function() {
+ this.animate(this.coordinates(this._current));
+ }
+ }, {
+ filter: [ 'width', 'position', 'items', 'settings' ],
+ run: function() {
+ var rtl = this.settings.rtl ? 1 : -1,
+ padding = this.settings.stagePadding * 2,
+ begin = this.coordinates(this.current()) + padding,
+ end = begin + this.width() * rtl,
+ inner, outer, matches = [], i, n;
+ for (i = 0, n = this._coordinates.length; i < n; i++) {
+ inner = this._coordinates[i - 1] || 0;
+ outer = Math.abs(this._coordinates[i]) + padding * rtl;
+ if ((this.op(inner, '<=', begin) && (this.op(inner, '>', end)))
+ || (this.op(outer, '<', begin) && this.op(outer, '>', end))) {
+ matches.push(i);
+ }
+ }
+ this.$stage.children('.active').removeClass('active');
+ this.$stage.children(':eq(' + matches.join('), :eq(') + ')').addClass('active');
+ this.$stage.children('.center').removeClass('center');
+ if (this.settings.center) {
+ this.$stage.children().eq(this.current()).addClass('center');
+ }
+ }
+ } ];
+ /**
+ * Create the stage DOM element
+ */
+ Owl.prototype.initializeStage = function() {
+ this.$stage = this.$element.find('.' + this.settings.stageClass);
+ // if the stage is already in the DOM, grab it and skip stage initialization
+ if (this.$stage.length) {
+ return;
+ }
+ this.$element.addClass(this.options.loadingClass);
+ // create stage
+ this.$stage = $('<' + this.settings.stageElement + '>', {
+ "class": this.settings.stageClass
+ }).wrap( $( '', {
+ "class": this.settings.stageOuterClass
+ }));
+ // append stage
+ this.$element.append(this.$stage.parent());
+ };
+ /**
+ * Create item DOM elements
+ */
+ Owl.prototype.initializeItems = function() {
+ var $items = this.$element.find('.owl-item');
+ // if the items are already in the DOM, grab them and skip item initialization
+ if ($items.length) {
+ this._items = $items.get().map(function(item) {
+ return $(item);
+ });
+ this._mergers = this._items.map(function() {
+ return 1;
+ });
+ this.refresh();
+ return;
+ }
+ // append content
+ this.replace(this.$element.children().not(this.$stage.parent()));
+ // check visibility
+ if (this.isVisible()) {
+ // update view
+ this.refresh();
+ } else {
+ // invalidate width
+ this.invalidate('width');
+ }
+ this.$element
+ .removeClass(this.options.loadingClass)
+ .addClass(this.options.loadedClass);
+ };
+ /**
+ * Initializes the carousel.
+ * @protected
+ */
+ Owl.prototype.initialize = function() {
+ this.enter('initializing');
+ this.trigger('initialize');
+ this.$element.toggleClass(this.settings.rtlClass, this.settings.rtl);
+ if (this.settings.autoWidth && !this.is('pre-loading')) {
+ var imgs, nestedSelector, width;
+ imgs = this.$element.find('img');
+ nestedSelector = this.settings.nestedItemSelector ? '.' + this.settings.nestedItemSelector : undefined;
+ width = this.$element.children(nestedSelector).width();
+ if (imgs.length && width <= 0) {
+ this.preloadAutoWidthImages(imgs);
+ }
+ }
+ this.initializeStage();
+ this.initializeItems();
+ // register event handlers
+ this.registerEventHandlers();
+ this.leave('initializing');
+ this.trigger('initialized');
+ };
+ /**
+ * @returns {Boolean} visibility of $element
+ * if you know the carousel will always be visible you can set `checkVisibility` to `false` to
+ * prevent the expensive browser layout forced reflow the $element.is(':visible') does
+ */
+ Owl.prototype.isVisible = function() {
+ return this.settings.checkVisibility
+ ? this.$element.is(':visible')
+ : true;
+ };
+ /**
+ * Setups the current settings.
+ * @todo Remove responsive classes. Why should adaptive designs be brought into IE8?
+ * @todo Support for media queries by using `matchMedia` would be nice.
+ * @public
+ */
+ Owl.prototype.setup = function() {
+ var viewport = this.viewport(),
+ overwrites = this.options.responsive,
+ match = -1,
+ settings = null;
+ if (!overwrites) {
+ settings = $.extend({}, this.options);
+ } else {
+ $.each(overwrites, function(breakpoint) {
+ if (breakpoint <= viewport && breakpoint > match) {
+ match = Number(breakpoint);
+ }
+ });
+ settings = $.extend({}, this.options, overwrites[match]);
+ if (typeof settings.stagePadding === 'function') {
+ settings.stagePadding = settings.stagePadding();
+ }
+ delete settings.responsive;
+ // responsive class
+ if (settings.responsiveClass) {
+ this.$element.attr('class',
+ this.$element.attr('class').replace(new RegExp('(' + this.options.responsiveClass + '-)\\S+\\s', 'g'), '$1' + match)
+ );
+ }
+ }
+ this.trigger('change', { property: { name: 'settings', value: settings } });
+ this._breakpoint = match;
+ this.settings = settings;
+ this.invalidate('settings');
+ this.trigger('changed', { property: { name: 'settings', value: this.settings } });
+ };
+ /**
+ * Updates option logic if necessery.
+ * @protected
+ */
+ Owl.prototype.optionsLogic = function() {
+ if (this.settings.autoWidth) {
+ this.settings.stagePadding = false;
+ this.settings.merge = false;
+ }
+ };
+ /**
+ * Prepares an item before add.
+ * @todo Rename event parameter `content` to `item`.
+ * @protected
+ * @returns {jQuery|HTMLElement} - The item container.
+ */
+ Owl.prototype.prepare = function(item) {
+ var event = this.trigger('prepare', { content: item });
+ if (!event.data) {
+ event.data = $('<' + this.settings.itemElement + '/>')
+ .addClass(this.options.itemClass).append(item)
+ }
+ this.trigger('prepared', { content: event.data });
+ return event.data;
+ };
+ /**
+ * Updates the view.
+ * @public
+ */
+ Owl.prototype.update = function() {
+ var i = 0,
+ n = this._pipe.length,
+ filter = $.proxy(function(p) { return this[p] }, this._invalidated),
+ cache = {};
+ while (i < n) {
+ if (this._invalidated.all || $.grep(this._pipe[i].filter, filter).length > 0) {
+ this._pipe[i].run(cache);
+ }
+ i++;
+ }
+ this._invalidated = {};
+ !this.is('valid') && this.enter('valid');
+ };
+ /**
+ * Gets the width of the view.
+ * @public
+ * @param {Owl.Width} [dimension=Owl.Width.Default] - The dimension to return.
+ * @returns {Number} - The width of the view in pixel.
+ */
+ Owl.prototype.width = function(dimension) {
+ dimension = dimension || Owl.Width.Default;
+ switch (dimension) {
+ case Owl.Width.Inner:
+ case Owl.Width.Outer:
+ return this._width;
+ default:
+ return this._width - this.settings.stagePadding * 2 + this.settings.margin;
+ }
+ };
+ /**
+ * Refreshes the carousel primarily for adaptive purposes.
+ * @public
+ */
+ Owl.prototype.refresh = function() {
+ this.enter('refreshing');
+ this.trigger('refresh');
+ this.setup();
+ this.optionsLogic();
+ this.$element.addClass(this.options.refreshClass);
+ this.update();
+ this.$element.removeClass(this.options.refreshClass);
+ this.leave('refreshing');
+ this.trigger('refreshed');
+ };
+ /**
+ * Checks window `resize` event.
+ * @protected
+ */
+ Owl.prototype.onThrottledResize = function() {
+ window.clearTimeout(this.resizeTimer);
+ this.resizeTimer = window.setTimeout(this._handlers.onResize, this.settings.responsiveRefreshRate);
+ };
+ /**
+ * Checks window `resize` event.
+ * @protected
+ */
+ Owl.prototype.onResize = function() {
+ if (!this._items.length) {
+ return false;
+ }
+ if (this._width === this.$element.width()) {
+ return false;
+ }
+ if (!this.isVisible()) {
+ return false;
+ }
+ this.enter('resizing');
+ if (this.trigger('resize').isDefaultPrevented()) {
+ this.leave('resizing');
+ return false;
+ }
+ this.invalidate('width');
+ this.refresh();
+ this.leave('resizing');
+ this.trigger('resized');
+ };
+ /**
+ * Registers event handlers.
+ * @todo Check `msPointerEnabled`
+ * @todo #261
+ * @protected
+ */
+ Owl.prototype.registerEventHandlers = function() {
+ if ($.support.transition) {
+ this.$stage.on($.support.transition.end + '.owl.core', $.proxy(this.onTransitionEnd, this));
+ }
+ if (this.settings.responsive !== false) {
+ this.on(window, 'resize', this._handlers.onThrottledResize);
+ }
+ if (this.settings.mouseDrag) {
+ this.$element.addClass(this.options.dragClass);
+ this.$stage.on('mousedown.owl.core', $.proxy(this.onDragStart, this));
+ this.$stage.on('dragstart.owl.core selectstart.owl.core', function() { return false });
+ }
+ if (this.settings.touchDrag){
+ this.$stage.on('touchstart.owl.core', $.proxy(this.onDragStart, this));
+ this.$stage.on('touchcancel.owl.core', $.proxy(this.onDragEnd, this));
+ }
+ };
+ /**
+ * Handles `touchstart` and `mousedown` events.
+ * @todo Horizontal swipe threshold as option
+ * @todo #261
+ * @protected
+ * @param {Event} event - The event arguments.
+ */
+ Owl.prototype.onDragStart = function(event) {
+ var stage = null;
+ if (event.which === 3) {
+ return;
+ }
+ if ($.support.transform) {
+ stage = this.$stage.css('transform').replace(/.*\(|\)| /g, '').split(',');
+ stage = {
+ x: stage[stage.length === 16 ? 12 : 4],
+ y: stage[stage.length === 16 ? 13 : 5]
+ };
+ } else {
+ stage = this.$stage.position();
+ stage = {
+ x: this.settings.rtl ?
+ stage.left + this.$stage.width() - this.width() + this.settings.margin :
+ stage.left,
+ y: stage.top
+ };
+ }
+ if (this.is('animating')) {
+ $.support.transform ? this.animate(stage.x) : this.$stage.stop()
+ this.invalidate('position');
+ }
+ this.$element.toggleClass(this.options.grabClass, event.type === 'mousedown');
+ this.speed(0);
+ this._drag.time = new Date().getTime();
+ this._drag.target = $(event.target);
+ this._drag.stage.start = stage;
+ this._drag.stage.current = stage;
+ this._drag.pointer = this.pointer(event);
+ $(document).on('mouseup.owl.core touchend.owl.core', $.proxy(this.onDragEnd, this));
+ $(document).one('mousemove.owl.core touchmove.owl.core', $.proxy(function(event) {
+ var delta = this.difference(this._drag.pointer, this.pointer(event));
+ $(document).on('mousemove.owl.core touchmove.owl.core', $.proxy(this.onDragMove, this));
+ if (Math.abs(delta.x) < Math.abs(delta.y) && this.is('valid')) {
+ return;
+ }
+ event.preventDefault();
+ this.enter('dragging');
+ this.trigger('drag');
+ }, this));
+ };
+ /**
+ * Handles the `touchmove` and `mousemove` events.
+ * @todo #261
+ * @protected
+ * @param {Event} event - The event arguments.
+ */
+ Owl.prototype.onDragMove = function(event) {
+ var minimum = null,
+ maximum = null,
+ pull = null,
+ delta = this.difference(this._drag.pointer, this.pointer(event)),
+ stage = this.difference(this._drag.stage.start, delta);
+ if (!this.is('dragging')) {
+ return;
+ }
+ event.preventDefault();
+ if (this.settings.loop) {
+ minimum = this.coordinates(this.minimum());
+ maximum = this.coordinates(this.maximum() + 1) - minimum;
+ stage.x = (((stage.x - minimum) % maximum + maximum) % maximum) + minimum;
+ } else {
+ minimum = this.settings.rtl ? this.coordinates(this.maximum()) : this.coordinates(this.minimum());
+ maximum = this.settings.rtl ? this.coordinates(this.minimum()) : this.coordinates(this.maximum());
+ pull = this.settings.pullDrag ? -1 * delta.x / 5 : 0;
+ stage.x = Math.max(Math.min(stage.x, minimum + pull), maximum + pull);
+ }
+ this._drag.stage.current = stage;
+ this.animate(stage.x);
+ };
+ /**
+ * Handles the `touchend` and `mouseup` events.
+ * @todo #261
+ * @todo Threshold for click event
+ * @protected
+ * @param {Event} event - The event arguments.
+ */
+ Owl.prototype.onDragEnd = function(event) {
+ var delta = this.difference(this._drag.pointer, this.pointer(event)),
+ stage = this._drag.stage.current,
+ direction = delta.x > 0 ^ this.settings.rtl ? 'left' : 'right';
+ $(document).off('.owl.core');
+ this.$element.removeClass(this.options.grabClass);
+ if (delta.x !== 0 && this.is('dragging') || !this.is('valid')) {
+ this.speed(this.settings.dragEndSpeed || this.settings.smartSpeed);
+ this.current(this.closest(stage.x, delta.x !== 0 ? direction : this._drag.direction));
+ this.invalidate('position');
+ this.update();
+ this._drag.direction = direction;
+ if (Math.abs(delta.x) > 3 || new Date().getTime() - this._drag.time > 300) {
+ this._drag.target.one('click.owl.core', function() { return false; });
+ }
+ }
+ if (!this.is('dragging')) {
+ return;
+ }
+ this.leave('dragging');
+ this.trigger('dragged');
+ };
+ /**
+ * Gets absolute position of the closest item for a coordinate.
+ * @todo Setting `freeDrag` makes `closest` not reusable. See #165.
+ * @protected
+ * @param {Number} coordinate - The coordinate in pixel.
+ * @param {String} direction - The direction to check for the closest item. Ether `left` or `right`.
+ * @return {Number} - The absolute position of the closest item.
+ */
+ Owl.prototype.closest = function(coordinate, direction) {
+ var position = -1,
+ pull = 30,
+ width = this.width(),
+ coordinates = this.coordinates();
+ if (!this.settings.freeDrag) {
+ // check closest item
+ $.each(coordinates, $.proxy(function(index, value) {
+ // on a left pull, check on current index
+ if (direction === 'left' && coordinate > value - pull && coordinate < value + pull) {
+ position = index;
+ // on a right pull, check on previous index
+ // to do so, subtract width from value and set position = index + 1
+ } else if (direction === 'right' && coordinate > value - width - pull && coordinate < value - width + pull) {
+ position = index + 1;
+ } else if (this.op(coordinate, '<', value)
+ && this.op(coordinate, '>', coordinates[index + 1] !== undefined ? coordinates[index + 1] : value - width)) {
+ position = direction === 'left' ? index + 1 : index;
+ }
+ return position === -1;
+ }, this));
+ }
+ if (!this.settings.loop) {
+ // non loop boundries
+ if (this.op(coordinate, '>', coordinates[this.minimum()])) {
+ position = coordinate = this.minimum();
+ } else if (this.op(coordinate, '<', coordinates[this.maximum()])) {
+ position = coordinate = this.maximum();
+ }
+ }
+ return position;
+ };
+ /**
+ * Animates the stage.
+ * @todo #270
+ * @public
+ * @param {Number} coordinate - The coordinate in pixels.
+ */
+ Owl.prototype.animate = function(coordinate) {
+ var animate = this.speed() > 0;
+ this.is('animating') && this.onTransitionEnd();
+ if (animate) {
+ this.enter('animating');
+ this.trigger('translate');
+ }
+ if ($.support.transform3d && $.support.transition) {
+ this.$stage.css({
+ transform: 'translate3d(' + coordinate + 'px,0px,0px)',
+ transition: (this.speed() / 1000) + 's' + (
+ this.settings.slideTransition ? ' ' + this.settings.slideTransition : ''
+ )
+ });
+ } else if (animate) {
+ this.$stage.animate({
+ left: coordinate + 'px'
+ }, this.speed(), this.settings.fallbackEasing, $.proxy(this.onTransitionEnd, this));
+ } else {
+ this.$stage.css({
+ left: coordinate + 'px'
+ });
+ }
+ };
+ /**
+ * Checks whether the carousel is in a specific state or not.
+ * @param {String} state - The state to check.
+ * @returns {Boolean} - The flag which indicates if the carousel is busy.
+ */
+ Owl.prototype.is = function(state) {
+ return this._states.current[state] && this._states.current[state] > 0;
+ };
+ /**
+ * Sets the absolute position of the current item.
+ * @public
+ * @param {Number} [position] - The new absolute position or nothing to leave it unchanged.
+ * @returns {Number} - The absolute position of the current item.
+ */
+ Owl.prototype.current = function(position) {
+ if (position === undefined) {
+ return this._current;
+ }
+ if (this._items.length === 0) {
+ return undefined;
+ }
+ position = this.normalize(position);
+ if (this._current !== position) {
+ var event = this.trigger('change', { property: { name: 'position', value: position } });
+ if (event.data !== undefined) {
+ position = this.normalize(event.data);
+ }
+ this._current = position;
+ this.invalidate('position');
+ this.trigger('changed', { property: { name: 'position', value: this._current } });
+ }
+ return this._current;
+ };
+ /**
+ * Invalidates the given part of the update routine.
+ * @param {String} [part] - The part to invalidate.
+ * @returns {Array.
+
+
+ 
+
+
+
+ +
+
+
+
+
+ 
+
+
+
+
+ Theme Lego
++ Theme Lego is a attractive and unique front-end theme mainly suitable for eCommerce website. Many + custom designed snippets facilitates to add better user experience. Contains best deals with new arrival + that's configured from the backend. This theme fully customized the eCommerce website, shop view, + custom categories view, product view, cart view page...etc. +
+
+
+
+
+ Desktop View
++ It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages. +
+
+ 
+
+
+
+
+
+
+
+ 
+
+
+
+
+ Mobile View
++ User friendly and modern looking theme makes your page more Stylish And Beautiful. +
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+ Home Page
++ It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages. +
+
+
+
+
+
+
+ 
+
+
+
+
+ Product View
++ It is user friendly and modern looking theme and fully customized view. +
+
+
+
+
+
+ 
+
+
+
+
+ Overview
++ It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages. +
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+ Shop
++ It is user friendly and modern looking theme and fully customized view. +
+
+
+
+
+
+
+
+ 
+
+
+
+
+ Confirmation
++ It is user friendly and modern looking theme makes your page more Stylish And Beautiful. +
+
+
+
+
+
+
+ 
+
+
+
+
+ Cart
++ It is user friendly and modern looking theme makes your page more Stylish And Beautiful. +
+
+
+
+
+
+ Demo Pages
++
+
+
+
+
+ 
+
+
+
+ Home
++
+
+
+ 
+
+
+
+ Shop
++
+
+
+ 
+
+
+
+ Product Preview
++
+
+
+
+
+ Get Help
++
If you have anything to share with us + based + on + your use of this module, please let us know. We are ready to offer our support.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ www.cybrosys.com
+
+
+
+
+
+ A Quality Theme From
+
+ 
+
+
+ ' +
+ $(e.content).find('[data-dot]').addBack('[data-dot]').attr('data-dot') + '
');
+ }
+ }, this),
+ 'added.owl.carousel': $.proxy(function(e) {
+ if (e.namespace && this._core.settings.dotsData) {
+ this._templates.splice(e.position, 0, this._templates.pop());
+ }
+ }, this),
+ 'remove.owl.carousel': $.proxy(function(e) {
+ if (e.namespace && this._core.settings.dotsData) {
+ this._templates.splice(e.position, 1);
+ }
+ }, this),
+ 'changed.owl.carousel': $.proxy(function(e) {
+ if (e.namespace && e.property.name == 'position') {
+ this.draw();
+ }
+ }, this),
+ 'initialized.owl.carousel': $.proxy(function(e) {
+ if (e.namespace && !this._initialized) {
+ this._core.trigger('initialize', null, 'navigation');
+ this.initialize();
+ this.update();
+ this.draw();
+ this._initialized = true;
+ this._core.trigger('initialized', null, 'navigation');
+ }
+ }, this),
+ 'refreshed.owl.carousel': $.proxy(function(e) {
+ if (e.namespace && this._initialized) {
+ this._core.trigger('refresh', null, 'navigation');
+ this.update();
+ this.draw();
+ this._core.trigger('refreshed', null, 'navigation');
+ }
+ }, this)
+ };
+ // set default options
+ this._core.options = $.extend({}, Navigation.Defaults, this._core.options);
+ // register event handlers
+ this.$element.on(this._handlers);
+ };
+ /**
+ * Default options.
+ * @public
+ * @todo Rename `slideBy` to `navBy`
+ */
+ Navigation.Defaults = {
+ nav: false,
+ navText: [
+ '‹',
+ '›'
+ ],
+ navSpeed: false,
+ navElement: 'button type="button" role="presentation"',
+ navContainer: false,
+ navContainerClass: 'owl-nav',
+ navClass: [
+ 'owl-prev',
+ 'owl-next'
+ ],
+ slideBy: 1,
+ dotClass: 'owl-dot',
+ dotsClass: 'owl-dots',
+ dots: true,
+ dotsEach: false,
+ dotsData: false,
+ dotsSpeed: false,
+ dotsContainer: false
+ };
+ /**
+ * Initializes the layout of the plugin and extends the carousel.
+ * @protected
+ */
+ Navigation.prototype.initialize = function() {
+ var override,
+ settings = this._core.settings;
+ // create DOM structure for relative navigation
+ this._controls.$relative = (settings.navContainer ? $(settings.navContainer)
+ : $('').addClass(settings.navContainerClass).appendTo(this.$element)).addClass('disabled');
+ this._controls.$previous = $('<' + settings.navElement + '>')
+ .addClass(settings.navClass[0])
+ .html(settings.navText[0])
+ .prependTo(this._controls.$relative)
+ .on('click', $.proxy(function(e) {
+ this.prev(settings.navSpeed);
+ }, this));
+ this._controls.$next = $('<' + settings.navElement + '>')
+ .addClass(settings.navClass[1])
+ .html(settings.navText[1])
+ .appendTo(this._controls.$relative)
+ .on('click', $.proxy(function(e) {
+ this.next(settings.navSpeed);
+ }, this));
+ // create DOM structure for absolute navigation
+ if (!settings.dotsData) {
+ this._templates = [ $('