').addClass(settings.dotsClass).appendTo(this.$element)).addClass('disabled');
+
+ this._controls.$absolute.on('click', 'button', $.proxy(function(e) {
+ var index = $(e.target).parent().is(this._controls.$absolute)
+ ? $(e.target).index() : $(e.target).parent().index();
+
+ e.preventDefault();
+
+ this.to(index, settings.dotsSpeed);
+ }, this));
+
+ /*$el.on('focusin', function() {
+ $(document).off(".carousel");
+
+ $(document).on('keydown.carousel', function(e) {
+ if(e.keyCode == 37) {
+ $el.trigger('prev.owl')
+ }
+ if(e.keyCode == 39) {
+ $el.trigger('next.owl')
+ }
+ });
+ });*/
+
+ // override public methods of the carousel
+ for (override in this._overrides) {
+ this._core[override] = $.proxy(this[override], this);
+ }
+ };
+
+ /**
+ * Destroys the plugin.
+ * @protected
+ */
+ Navigation.prototype.destroy = function() {
+ var handler, control, property, override, settings;
+ settings = this._core.settings;
+
+ for (handler in this._handlers) {
+ this.$element.off(handler, this._handlers[handler]);
+ }
+ for (control in this._controls) {
+ if (control === '$relative' && settings.navContainer) {
+ this._controls[control].html('');
+ } else {
+ this._controls[control].remove();
+ }
+ }
+ for (override in this.overides) {
+ this._core[override] = this._overrides[override];
+ }
+ for (property in Object.getOwnPropertyNames(this)) {
+ typeof this[property] != 'function' && (this[property] = null);
+ }
+ };
+
+ /**
+ * Updates the internal state.
+ * @protected
+ */
+ Navigation.prototype.update = function() {
+ var i, j, k,
+ lower = this._core.clones().length / 2,
+ upper = lower + this._core.items().length,
+ maximum = this._core.maximum(true),
+ settings = this._core.settings,
+ size = settings.center || settings.autoWidth || settings.dotsData
+ ? 1 : settings.dotsEach || settings.items;
+
+ if (settings.slideBy !== 'page') {
+ settings.slideBy = Math.min(settings.slideBy, settings.items);
+ }
+
+ if (settings.dots || settings.slideBy == 'page') {
+ this._pages = [];
+
+ for (i = lower, j = 0, k = 0; i < upper; i++) {
+ if (j >= size || j === 0) {
+ this._pages.push({
+ start: Math.min(maximum, i - lower),
+ end: i - lower + size - 1
+ });
+ if (Math.min(maximum, i - lower) === maximum) {
+ break;
+ }
+ j = 0, ++k;
+ }
+ j += this._core.mergers(this._core.relative(i));
+ }
+ }
+ };
+
+ /**
+ * Draws the user interface.
+ * @todo The option `dotsData` wont work.
+ * @protected
+ */
+ Navigation.prototype.draw = function() {
+ var difference,
+ settings = this._core.settings,
+ disabled = this._core.items().length <= settings.items,
+ index = this._core.relative(this._core.current()),
+ loop = settings.loop || settings.rewind;
+
+ this._controls.$relative.toggleClass('disabled', !settings.nav || disabled);
+
+ if (settings.nav) {
+ this._controls.$previous.toggleClass('disabled', !loop && index <= this._core.minimum(true));
+ this._controls.$next.toggleClass('disabled', !loop && index >= this._core.maximum(true));
+ }
+
+ this._controls.$absolute.toggleClass('disabled', !settings.dots || disabled);
+
+ if (settings.dots) {
+ difference = this._pages.length - this._controls.$absolute.children().length;
+
+ if (settings.dotsData && difference !== 0) {
+ this._controls.$absolute.html(this._templates.join(''));
+ } else if (difference > 0) {
+ this._controls.$absolute.append(new Array(difference + 1).join(this._templates[0]));
+ } else if (difference < 0) {
+ this._controls.$absolute.children().slice(difference).remove();
+ }
+
+ this._controls.$absolute.find('.active').removeClass('active');
+ this._controls.$absolute.children().eq($.inArray(this.current(), this._pages)).addClass('active');
+ }
+ };
+
+ /**
+ * Extends event data.
+ * @protected
+ * @param {Event} event - The event object which gets thrown.
+ */
+ Navigation.prototype.onTrigger = function(event) {
+ var settings = this._core.settings;
+
+ event.page = {
+ index: $.inArray(this.current(), this._pages),
+ count: this._pages.length,
+ size: settings && (settings.center || settings.autoWidth || settings.dotsData
+ ? 1 : settings.dotsEach || settings.items)
+ };
+ };
+
+ /**
+ * Gets the current page position of the carousel.
+ * @protected
+ * @returns {Number}
+ */
+ Navigation.prototype.current = function() {
+ var current = this._core.relative(this._core.current());
+ return $.grep(this._pages, $.proxy(function(page, index) {
+ return page.start <= current && page.end >= current;
+ }, this)).pop();
+ };
+
+ /**
+ * Gets the current succesor/predecessor position.
+ * @protected
+ * @returns {Number}
+ */
+ Navigation.prototype.getPosition = function(successor) {
+ var position, length,
+ settings = this._core.settings;
+
+ if (settings.slideBy == 'page') {
+ position = $.inArray(this.current(), this._pages);
+ length = this._pages.length;
+ successor ? ++position : --position;
+ position = this._pages[((position % length) + length) % length].start;
+ } else {
+ position = this._core.relative(this._core.current());
+ length = this._core.items().length;
+ successor ? position += settings.slideBy : position -= settings.slideBy;
+ }
+
+ return position;
+ };
+
+ /**
+ * Slides to the next item or page.
+ * @public
+ * @param {Number} [speed=false] - The time in milliseconds for the transition.
+ */
+ Navigation.prototype.next = function(speed) {
+ $.proxy(this._overrides.to, this._core)(this.getPosition(true), speed);
+ };
+
+ /**
+ * Slides to the previous item or page.
+ * @public
+ * @param {Number} [speed=false] - The time in milliseconds for the transition.
+ */
+ Navigation.prototype.prev = function(speed) {
+ $.proxy(this._overrides.to, this._core)(this.getPosition(false), speed);
+ };
+
+ /**
+ * Slides to the specified item or page.
+ * @public
+ * @param {Number} position - The position of the item or page.
+ * @param {Number} [speed] - The time in milliseconds for the transition.
+ * @param {Boolean} [standard=false] - Whether to use the standard behaviour or not.
+ */
+ Navigation.prototype.to = function(position, speed, standard) {
+ var length;
+
+ if (!standard && this._pages.length) {
+ length = this._pages.length;
+ $.proxy(this._overrides.to, this._core)(this._pages[((position % length) + length) % length].start, speed);
+ } else {
+ $.proxy(this._overrides.to, this._core)(position, speed);
+ }
+ };
+
+ $.fn.owlCarousel.Constructor.Plugins.Navigation = Navigation;
+
+})(window.Zepto || window.jQuery, window, document);
+
+/**
+ * Hash Plugin
+ * @version 2.3.4
+ * @author Artus Kolanowski
+ * @author David Deutsch
+ * @license The MIT License (MIT)
+ */
+;(function($, window, document, undefined) {
+ 'use strict';
+
+ /**
+ * Creates the hash plugin.
+ * @class The Hash Plugin
+ * @param {Owl} carousel - The Owl Carousel
+ */
+ var Hash = function(carousel) {
+ /**
+ * Reference to the core.
+ * @protected
+ * @type {Owl}
+ */
+ this._core = carousel;
+
+ /**
+ * Hash index for the items.
+ * @protected
+ * @type {Object}
+ */
+ this._hashes = {};
+
+ /**
+ * The carousel element.
+ * @type {jQuery}
+ */
+ this.$element = this._core.$element;
+
+ /**
+ * All event handlers.
+ * @protected
+ * @type {Object}
+ */
+ this._handlers = {
+ 'initialized.owl.carousel': $.proxy(function(e) {
+ if (e.namespace && this._core.settings.startPosition === 'URLHash') {
+ $(window).trigger('hashchange.owl.navigation');
+ }
+ }, this),
+ 'prepared.owl.carousel': $.proxy(function(e) {
+ if (e.namespace) {
+ var hash = $(e.content).find('[data-hash]').addBack('[data-hash]').attr('data-hash');
+
+ if (!hash) {
+ return;
+ }
+
+ this._hashes[hash] = e.content;
+ }
+ }, this),
+ 'changed.owl.carousel': $.proxy(function(e) {
+ if (e.namespace && e.property.name === 'position') {
+ var current = this._core.items(this._core.relative(this._core.current())),
+ hash = $.map(this._hashes, function(item, hash) {
+ return item === current ? hash : null;
+ }).join();
+
+ if (!hash || window.location.hash.slice(1) === hash) {
+ return;
+ }
+
+ window.location.hash = hash;
+ }
+ }, this)
+ };
+
+ // set default options
+ this._core.options = $.extend({}, Hash.Defaults, this._core.options);
+
+ // register the event handlers
+ this.$element.on(this._handlers);
+
+ // register event listener for hash navigation
+ $(window).on('hashchange.owl.navigation', $.proxy(function(e) {
+ var hash = window.location.hash.substring(1),
+ items = this._core.$stage.children(),
+ position = this._hashes[hash] && items.index(this._hashes[hash]);
+
+ if (position === undefined || position === this._core.current()) {
+ return;
+ }
+
+ this._core.to(this._core.relative(position), false, true);
+ }, this));
+ };
+
+ /**
+ * Default options.
+ * @public
+ */
+ Hash.Defaults = {
+ URLhashListener: false
+ };
+
+ /**
+ * Destroys the plugin.
+ * @public
+ */
+ Hash.prototype.destroy = function() {
+ var handler, property;
+
+ $(window).off('hashchange.owl.navigation');
+
+ for (handler in this._handlers) {
+ this._core.$element.off(handler, this._handlers[handler]);
+ }
+ for (property in Object.getOwnPropertyNames(this)) {
+ typeof this[property] != 'function' && (this[property] = null);
+ }
+ };
+
+ $.fn.owlCarousel.Constructor.Plugins.Hash = Hash;
+
+})(window.Zepto || window.jQuery, window, document);
+
+/**
+ * Support Plugin
+ *
+ * @version 2.3.4
+ * @author Vivid Planet Software GmbH
+ * @author Artus Kolanowski
+ * @author David Deutsch
+ * @license The MIT License (MIT)
+ */
+;(function($, window, document, undefined) {
+
+ var style = $('
').get(0).style,
+ prefixes = 'Webkit Moz O ms'.split(' '),
+ events = {
+ transition: {
+ end: {
+ WebkitTransition: 'webkitTransitionEnd',
+ MozTransition: 'transitionend',
+ OTransition: 'oTransitionEnd',
+ transition: 'transitionend'
+ }
+ },
+ animation: {
+ end: {
+ WebkitAnimation: 'webkitAnimationEnd',
+ MozAnimation: 'animationend',
+ OAnimation: 'oAnimationEnd',
+ animation: 'animationend'
+ }
+ }
+ },
+ tests = {
+ csstransforms: function() {
+ return !!test('transform');
+ },
+ csstransforms3d: function() {
+ return !!test('perspective');
+ },
+ csstransitions: function() {
+ return !!test('transition');
+ },
+ cssanimations: function() {
+ return !!test('animation');
+ }
+ };
+
+ function test(property, prefixed) {
+ var result = false,
+ upper = property.charAt(0).toUpperCase() + property.slice(1);
+
+ $.each((property + ' ' + prefixes.join(upper + ' ') + upper).split(' '), function(i, property) {
+ if (style[property] !== undefined) {
+ result = prefixed ? property : true;
+ return false;
+ }
+ });
+
+ return result;
+ }
+
+ function prefixed(property) {
+ return test(property, true);
+ }
+
+ if (tests.csstransitions()) {
+ /* jshint -W053 */
+ $.support.transition = new String(prefixed('transition'))
+ $.support.transition.end = events.transition.end[ $.support.transition ];
+ }
+
+ if (tests.cssanimations()) {
+ /* jshint -W053 */
+ $.support.animation = new String(prefixed('animation'))
+ $.support.animation.end = events.animation.end[ $.support.animation ];
+ }
+
+ if (tests.csstransforms()) {
+ /* jshint -W053 */
+ $.support.transform = new String(prefixed('transform'));
+ $.support.transform3d = tests.csstransforms3d();
+ }
+
+})(window.Zepto || window.jQuery, window, document);
diff --git a/theme_xtream/static/src/js/owl.carousel.min.js b/theme_xtream/static/src/js/owl.carousel.min.js
new file mode 100644
index 000000000..fbbffc534
--- /dev/null
+++ b/theme_xtream/static/src/js/owl.carousel.min.js
@@ -0,0 +1,7 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+!function(a,b,c,d){function e(b,c){this.settings=null,this.options=a.extend({},e.Defaults,c),this.$element=a(b),this._handlers={},this._plugins={},this._supress={},this._current=null,this._speed=null,this._coordinates=[],this._breakpoint=null,this._width=null,this._items=[],this._clones=[],this._mergers=[],this._widths=[],this._invalidated={},this._pipe=[],this._drag={time:null,target:null,pointer:null,stage:{start:null,current:null},direction:null},this._states={current:{},tags:{initializing:["busy"],animating:["busy"],dragging:["interacting"]}},a.each(["onResize","onThrottledResize"],a.proxy(function(b,c){this._handlers[c]=a.proxy(this[c],this)},this)),a.each(e.Plugins,a.proxy(function(a,b){this._plugins[a.charAt(0).toLowerCase()+a.slice(1)]=new b(this)},this)),a.each(e.Workers,a.proxy(function(b,c){this._pipe.push({filter:c.filter,run:a.proxy(c.run,this)})},this)),this.setup(),this.initialize()}e.Defaults={items:3,loop:!1,center:!1,rewind:!1,checkVisibility:!0,mouseDrag:!0,touchDrag:!0,pullDrag:!0,freeDrag:!1,margin:0,stagePadding:0,merge:!1,mergeFit:!0,autoWidth:!1,startPosition:0,rtl:!1,smartSpeed:250,fluidSpeed:!1,dragEndSpeed:!1,responsive:{},responsiveRefreshRate:200,responsiveBaseElement:b,fallbackEasing:"swing",slideTransition:"",info:!1,nestedItemSelector:!1,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"},e.Width={Default:"default",Inner:"inner",Outer:"outer"},e.Type={Event:"event",State:"state"},e.Plugins={},e.Workers=[{filter:["width","settings"],run:function(){this._width=this.$element.width()}},{filter:["width","items","settings"],run:function(a){a.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(a){var b=this.settings.margin||"",c=!this.settings.autoWidth,d=this.settings.rtl,e={width:"auto","margin-left":d?b:"","margin-right":d?"":b};!c&&this.$stage.children().css(e),a.css=e}},{filter:["width","items","settings"],run:function(a){var b=(this.width()/this.settings.items).toFixed(3)-this.settings.margin,c=null,d=this._items.length,e=!this.settings.autoWidth,f=[];for(a.items={merge:!1,width:b};d--;)c=this._mergers[d],c=this.settings.mergeFit&&Math.min(c,this.settings.items)||c,a.items.merge=c>1||a.items.merge,f[d]=e?b*c:this._items[d].width();this._widths=f}},{filter:["items","settings"],run:function(){var b=[],c=this._items,d=this.settings,e=Math.max(2*d.items,4),f=2*Math.ceil(c.length/2),g=d.loop&&c.length?d.rewind?e:Math.max(e,f):0,h="",i="";for(g/=2;g>0;)b.push(this.normalize(b.length/2,!0)),h+=c[b[b.length-1]][0].outerHTML,b.push(this.normalize(c.length-1-(b.length-1)/2,!0)),i=c[b[b.length-1]][0].outerHTML+i,g-=1;this._clones=b,a(h).addClass("cloned").appendTo(this.$stage),a(i).addClass("cloned").prependTo(this.$stage)}},{filter:["width","items","settings"],run:function(){for(var a=this.settings.rtl?1:-1,b=this._clones.length+this._items.length,c=-1,d=0,e=0,f=[];++c",h)||this.op(b,"<",g)&&this.op(b,">",h))&&i.push(c);this.$stage.children(".active").removeClass("active"),this.$stage.children(":eq("+i.join("), :eq(")+")").addClass("active"),this.$stage.children(".center").removeClass("center"),this.settings.center&&this.$stage.children().eq(this.current()).addClass("center")}}],e.prototype.initializeStage=function(){this.$stage=this.$element.find("."+this.settings.stageClass),this.$stage.length||(this.$element.addClass(this.options.loadingClass),this.$stage=a("<"+this.settings.stageElement+">",{class:this.settings.stageClass}).wrap(a("
",{class:this.settings.stageOuterClass})),this.$element.append(this.$stage.parent()))},e.prototype.initializeItems=function(){var b=this.$element.find(".owl-item");if(b.length)return this._items=b.get().map(function(b){return a(b)}),this._mergers=this._items.map(function(){return 1}),void this.refresh();this.replace(this.$element.children().not(this.$stage.parent())),this.isVisible()?this.refresh():this.invalidate("width"),this.$element.removeClass(this.options.loadingClass).addClass(this.options.loadedClass)},e.prototype.initialize=function(){if(this.enter("initializing"),this.trigger("initialize"),this.$element.toggleClass(this.settings.rtlClass,this.settings.rtl),this.settings.autoWidth&&!this.is("pre-loading")){var a,b,c;a=this.$element.find("img"),b=this.settings.nestedItemSelector?"."+this.settings.nestedItemSelector:d,c=this.$element.children(b).width(),a.length&&c<=0&&this.preloadAutoWidthImages(a)}this.initializeStage(),this.initializeItems(),this.registerEventHandlers(),this.leave("initializing"),this.trigger("initialized")},e.prototype.isVisible=function(){return!this.settings.checkVisibility||this.$element.is(":visible")},e.prototype.setup=function(){var b=this.viewport(),c=this.options.responsive,d=-1,e=null;c?(a.each(c,function(a){a<=b&&a>d&&(d=Number(a))}),e=a.extend({},this.options,c[d]),"function"==typeof e.stagePadding&&(e.stagePadding=e.stagePadding()),delete e.responsive,e.responsiveClass&&this.$element.attr("class",this.$element.attr("class").replace(new RegExp("("+this.options.responsiveClass+"-)\\S+\\s","g"),"$1"+d))):e=a.extend({},this.options),this.trigger("change",{property:{name:"settings",value:e}}),this._breakpoint=d,this.settings=e,this.invalidate("settings"),this.trigger("changed",{property:{name:"settings",value:this.settings}})},e.prototype.optionsLogic=function(){this.settings.autoWidth&&(this.settings.stagePadding=!1,this.settings.merge=!1)},e.prototype.prepare=function(b){var c=this.trigger("prepare",{content:b});return c.data||(c.data=a("<"+this.settings.itemElement+"/>").addClass(this.options.itemClass).append(b)),this.trigger("prepared",{content:c.data}),c.data},e.prototype.update=function(){for(var b=0,c=this._pipe.length,d=a.proxy(function(a){return this[a]},this._invalidated),e={};b0)&&this._pipe[b].run(e),b++;this._invalidated={},!this.is("valid")&&this.enter("valid")},e.prototype.width=function(a){switch(a=a||e.Width.Default){case e.Width.Inner:case e.Width.Outer:return this._width;default:return this._width-2*this.settings.stagePadding+this.settings.margin}},e.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")},e.prototype.onThrottledResize=function(){b.clearTimeout(this.resizeTimer),this.resizeTimer=b.setTimeout(this._handlers.onResize,this.settings.responsiveRefreshRate)},e.prototype.onResize=function(){return!!this._items.length&&(this._width!==this.$element.width()&&(!!this.isVisible()&&(this.enter("resizing"),this.trigger("resize").isDefaultPrevented()?(this.leave("resizing"),!1):(this.invalidate("width"),this.refresh(),this.leave("resizing"),void this.trigger("resized")))))},e.prototype.registerEventHandlers=function(){a.support.transition&&this.$stage.on(a.support.transition.end+".owl.core",a.proxy(this.onTransitionEnd,this)),!1!==this.settings.responsive&&this.on(b,"resize",this._handlers.onThrottledResize),this.settings.mouseDrag&&(this.$element.addClass(this.options.dragClass),this.$stage.on("mousedown.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("dragstart.owl.core selectstart.owl.core",function(){return!1})),this.settings.touchDrag&&(this.$stage.on("touchstart.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("touchcancel.owl.core",a.proxy(this.onDragEnd,this)))},e.prototype.onDragStart=function(b){var d=null;3!==b.which&&(a.support.transform?(d=this.$stage.css("transform").replace(/.*\(|\)| /g,"").split(","),d={x:d[16===d.length?12:4],y:d[16===d.length?13:5]}):(d=this.$stage.position(),d={x:this.settings.rtl?d.left+this.$stage.width()-this.width()+this.settings.margin:d.left,y:d.top}),this.is("animating")&&(a.support.transform?this.animate(d.x):this.$stage.stop(),this.invalidate("position")),this.$element.toggleClass(this.options.grabClass,"mousedown"===b.type),this.speed(0),this._drag.time=(new Date).getTime(),this._drag.target=a(b.target),this._drag.stage.start=d,this._drag.stage.current=d,this._drag.pointer=this.pointer(b),a(c).on("mouseup.owl.core touchend.owl.core",a.proxy(this.onDragEnd,this)),a(c).one("mousemove.owl.core touchmove.owl.core",a.proxy(function(b){var d=this.difference(this._drag.pointer,this.pointer(b));a(c).on("mousemove.owl.core touchmove.owl.core",a.proxy(this.onDragMove,this)),Math.abs(d.x)0^this.settings.rtl?"left":"right";a(c).off(".owl.core"),this.$element.removeClass(this.options.grabClass),(0!==d.x&&this.is("dragging")||!this.is("valid"))&&(this.speed(this.settings.dragEndSpeed||this.settings.smartSpeed),this.current(this.closest(e.x,0!==d.x?f:this._drag.direction)),this.invalidate("position"),this.update(),this._drag.direction=f,(Math.abs(d.x)>3||(new Date).getTime()-this._drag.time>300)&&this._drag.target.one("click.owl.core",function(){return!1})),this.is("dragging")&&(this.leave("dragging"),this.trigger("dragged"))},e.prototype.closest=function(b,c){var e=-1,f=30,g=this.width(),h=this.coordinates();return this.settings.freeDrag||a.each(h,a.proxy(function(a,i){return"left"===c&&b>i-f&&bi-g-f&&b",h[a+1]!==d?h[a+1]:i-g)&&(e="left"===c?a+1:a),-1===e},this)),this.settings.loop||(this.op(b,">",h[this.minimum()])?e=b=this.minimum():this.op(b,"<",h[this.maximum()])&&(e=b=this.maximum())),e},e.prototype.animate=function(b){var c=this.speed()>0;this.is("animating")&&this.onTransitionEnd(),c&&(this.enter("animating"),this.trigger("translate")),a.support.transform3d&&a.support.transition?this.$stage.css({transform:"translate3d("+b+"px,0px,0px)",transition:this.speed()/1e3+"s"+(this.settings.slideTransition?" "+this.settings.slideTransition:"")}):c?this.$stage.animate({left:b+"px"},this.speed(),this.settings.fallbackEasing,a.proxy(this.onTransitionEnd,this)):this.$stage.css({left:b+"px"})},e.prototype.is=function(a){return this._states.current[a]&&this._states.current[a]>0},e.prototype.current=function(a){if(a===d)return this._current;if(0===this._items.length)return d;if(a=this.normalize(a),this._current!==a){var b=this.trigger("change",{property:{name:"position",value:a}});b.data!==d&&(a=this.normalize(b.data)),this._current=a,this.invalidate("position"),this.trigger("changed",{property:{name:"position",value:this._current}})}return this._current},e.prototype.invalidate=function(b){return"string"===a.type(b)&&(this._invalidated[b]=!0,this.is("valid")&&this.leave("valid")),a.map(this._invalidated,function(a,b){return b})},e.prototype.reset=function(a){(a=this.normalize(a))!==d&&(this._speed=0,this._current=a,this.suppress(["translate","translated"]),this.animate(this.coordinates(a)),this.release(["translate","translated"]))},e.prototype.normalize=function(a,b){var c=this._items.length,e=b?0:this._clones.length;return!this.isNumeric(a)||c<1?a=d:(a<0||a>=c+e)&&(a=((a-e/2)%c+c)%c+e/2),a},e.prototype.relative=function(a){return a-=this._clones.length/2,this.normalize(a,!0)},e.prototype.maximum=function(a){var b,c,d,e=this.settings,f=this._coordinates.length;if(e.loop)f=this._clones.length/2+this._items.length-1;else if(e.autoWidth||e.merge){if(b=this._items.length)for(c=this._items[--b].width(),d=this.$element.width();b--&&!((c+=this._items[b].width()+this.settings.margin)>d););f=b+1}else f=e.center?this._items.length-1:this._items.length-e.items;return a&&(f-=this._clones.length/2),Math.max(f,0)},e.prototype.minimum=function(a){return a?0:this._clones.length/2},e.prototype.items=function(a){return a===d?this._items.slice():(a=this.normalize(a,!0),this._items[a])},e.prototype.mergers=function(a){return a===d?this._mergers.slice():(a=this.normalize(a,!0),this._mergers[a])},e.prototype.clones=function(b){var c=this._clones.length/2,e=c+this._items.length,f=function(a){return a%2==0?e+a/2:c-(a+1)/2};return b===d?a.map(this._clones,function(a,b){return f(b)}):a.map(this._clones,function(a,c){return a===b?f(c):null})},e.prototype.speed=function(a){return a!==d&&(this._speed=a),this._speed},e.prototype.coordinates=function(b){var c,e=1,f=b-1;return b===d?a.map(this._coordinates,a.proxy(function(a,b){return this.coordinates(b)},this)):(this.settings.center?(this.settings.rtl&&(e=-1,f=b+1),c=this._coordinates[b],c+=(this.width()-c+(this._coordinates[f]||0))/2*e):c=this._coordinates[f]||0,c=Math.ceil(c))},e.prototype.duration=function(a,b,c){return 0===c?0:Math.min(Math.max(Math.abs(b-a),1),6)*Math.abs(c||this.settings.smartSpeed)},e.prototype.to=function(a,b){var c=this.current(),d=null,e=a-this.relative(c),f=(e>0)-(e<0),g=this._items.length,h=this.minimum(),i=this.maximum();this.settings.loop?(!this.settings.rewind&&Math.abs(e)>g/2&&(e+=-1*f*g),a=c+e,(d=((a-h)%g+g)%g+h)!==a&&d-e<=i&&d-e>0&&(c=d-e,a=d,this.reset(c))):this.settings.rewind?(i+=1,a=(a%i+i)%i):a=Math.max(h,Math.min(i,a)),this.speed(this.duration(c,a,b)),this.current(a),this.isVisible()&&this.update()},e.prototype.next=function(a){a=a||!1,this.to(this.relative(this.current())+1,a)},e.prototype.prev=function(a){a=a||!1,this.to(this.relative(this.current())-1,a)},e.prototype.onTransitionEnd=function(a){if(a!==d&&(a.stopPropagation(),(a.target||a.srcElement||a.originalTarget)!==this.$stage.get(0)))return!1;this.leave("animating"),this.trigger("translated")},e.prototype.viewport=function(){var d;return this.options.responsiveBaseElement!==b?d=a(this.options.responsiveBaseElement).width():b.innerWidth?d=b.innerWidth:c.documentElement&&c.documentElement.clientWidth?d=c.documentElement.clientWidth:console.warn("Can not detect viewport width."),d},e.prototype.replace=function(b){this.$stage.empty(),this._items=[],b&&(b=b instanceof jQuery?b:a(b)),this.settings.nestedItemSelector&&(b=b.find("."+this.settings.nestedItemSelector)),b.filter(function(){return 1===this.nodeType}).each(a.proxy(function(a,b){b=this.prepare(b),this.$stage.append(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)},this)),this.reset(this.isNumeric(this.settings.startPosition)?this.settings.startPosition:0),this.invalidate("items")},e.prototype.add=function(b,c){var e=this.relative(this._current);c=c===d?this._items.length:this.normalize(c,!0),b=b instanceof jQuery?b:a(b),this.trigger("add",{content:b,position:c}),b=this.prepare(b),0===this._items.length||c===this._items.length?(0===this._items.length&&this.$stage.append(b),0!==this._items.length&&this._items[c-1].after(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)):(this._items[c].before(b),this._items.splice(c,0,b),this._mergers.splice(c,0,1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)),this._items[e]&&this.reset(this._items[e].index()),this.invalidate("items"),this.trigger("added",{content:b,position:c})},e.prototype.remove=function(a){(a=this.normalize(a,!0))!==d&&(this.trigger("remove",{content:this._items[a],position:a}),this._items[a].remove(),this._items.splice(a,1),this._mergers.splice(a,1),this.invalidate("items"),this.trigger("removed",{content:null,position:a}))},e.prototype.preloadAutoWidthImages=function(b){b.each(a.proxy(function(b,c){this.enter("pre-loading"),c=a(c),a(new Image).one("load",a.proxy(function(a){c.attr("src",a.target.src),c.css("opacity",1),this.leave("pre-loading"),!this.is("pre-loading")&&!this.is("initializing")&&this.refresh()},this)).attr("src",c.attr("src")||c.attr("data-src")||c.attr("data-src-retina"))},this))},e.prototype.destroy=function(){this.$element.off(".owl.core"),this.$stage.off(".owl.core"),a(c).off(".owl.core"),!1!==this.settings.responsive&&(b.clearTimeout(this.resizeTimer),this.off(b,"resize",this._handlers.onThrottledResize));for(var d in this._plugins)this._plugins[d].destroy();this.$stage.children(".cloned").remove(),this.$stage.unwrap(),this.$stage.children().contents().unwrap(),this.$stage.children().unwrap(),this.$stage.remove(),this.$element.removeClass(this.options.refreshClass).removeClass(this.options.loadingClass).removeClass(this.options.loadedClass).removeClass(this.options.rtlClass).removeClass(this.options.dragClass).removeClass(this.options.grabClass).attr("class",this.$element.attr("class").replace(new RegExp(this.options.responsiveClass+"-\\S+\\s","g"),"")).removeData("owl.carousel")},e.prototype.op=function(a,b,c){var d=this.settings.rtl;switch(b){case"<":return d?a>c:a":return d?ac;case">=":return d?a<=c:a>=c;case"<=":return d?a>=c:a<=c}},e.prototype.on=function(a,b,c,d){a.addEventListener?a.addEventListener(b,c,d):a.attachEvent&&a.attachEvent("on"+b,c)},e.prototype.off=function(a,b,c,d){a.removeEventListener?a.removeEventListener(b,c,d):a.detachEvent&&a.detachEvent("on"+b,c)},e.prototype.trigger=function(b,c,d,f,g){var h={item:{count:this._items.length,index:this.current()}},i=a.camelCase(a.grep(["on",b,d],function(a){return a}).join("-").toLowerCase()),j=a.Event([b,"owl",d||"carousel"].join(".").toLowerCase(),a.extend({relatedTarget:this},h,c));return this._supress[b]||(a.each(this._plugins,function(a,b){b.onTrigger&&b.onTrigger(j)}),this.register({type:e.Type.Event,name:b}),this.$element.trigger(j),this.settings&&"function"==typeof this.settings[i]&&this.settings[i].call(this,j)),j},e.prototype.enter=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]===d&&(this._states.current[b]=0),this._states.current[b]++},this))},e.prototype.leave=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]--},this))},e.prototype.register=function(b){if(b.type===e.Type.Event){if(a.event.special[b.name]||(a.event.special[b.name]={}),!a.event.special[b.name].owl){var c=a.event.special[b.name]._default;a.event.special[b.name]._default=function(a){return!c||!c.apply||a.namespace&&-1!==a.namespace.indexOf("owl")?a.namespace&&a.namespace.indexOf("owl")>-1:c.apply(this,arguments)},a.event.special[b.name].owl=!0}}else b.type===e.Type.State&&(this._states.tags[b.name]?this._states.tags[b.name]=this._states.tags[b.name].concat(b.tags):this._states.tags[b.name]=b.tags,this._states.tags[b.name]=a.grep(this._states.tags[b.name],a.proxy(function(c,d){return a.inArray(c,this._states.tags[b.name])===d},this)))},e.prototype.suppress=function(b){a.each(b,a.proxy(function(a,b){this._supress[b]=!0},this))},e.prototype.release=function(b){a.each(b,a.proxy(function(a,b){delete this._supress[b]},this))},e.prototype.pointer=function(a){var c={x:null,y:null};return a=a.originalEvent||a||b.event,a=a.touches&&a.touches.length?a.touches[0]:a.changedTouches&&a.changedTouches.length?a.changedTouches[0]:a,a.pageX?(c.x=a.pageX,c.y=a.pageY):(c.x=a.clientX,c.y=a.clientY),c},e.prototype.isNumeric=function(a){return!isNaN(parseFloat(a))},e.prototype.difference=function(a,b){return{x:a.x-b.x,y:a.y-b.y}},a.fn.owlCarousel=function(b){var c=Array.prototype.slice.call(arguments,1);return this.each(function(){var d=a(this),f=d.data("owl.carousel");f||(f=new e(this,"object"==typeof b&&b),d.data("owl.carousel",f),a.each(["next","prev","to","destroy","refresh","replace","add","remove"],function(b,c){f.register({type:e.Type.Event,name:c}),f.$element.on(c+".owl.carousel.core",a.proxy(function(a){a.namespace&&a.relatedTarget!==this&&(this.suppress([c]),f[c].apply(this,[].slice.call(arguments,1)),this.release([c]))},f))})),"string"==typeof b&&"_"!==b.charAt(0)&&f[b].apply(f,c)})},a.fn.owlCarousel.Constructor=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._interval=null,this._visible=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoRefresh&&this.watch()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers)};e.Defaults={autoRefresh:!0,autoRefreshInterval:500},e.prototype.watch=function(){this._interval||(this._visible=this._core.isVisible(),this._interval=b.setInterval(a.proxy(this.refresh,this),this._core.settings.autoRefreshInterval))},e.prototype.refresh=function(){this._core.isVisible()!==this._visible&&(this._visible=!this._visible,this._core.$element.toggleClass("owl-hidden",!this._visible),this._visible&&this._core.invalidate("width")&&this._core.refresh())},e.prototype.destroy=function(){var a,c;b.clearInterval(this._interval);for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoRefresh=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._loaded=[],this._handlers={"initialized.owl.carousel change.owl.carousel resized.owl.carousel":a.proxy(function(b){if(b.namespace&&this._core.settings&&this._core.settings.lazyLoad&&(b.property&&"position"==b.property.name||"initialized"==b.type)){var c=this._core.settings,e=c.center&&Math.ceil(c.items/2)||c.items,f=c.center&&-1*e||0,g=(b.property&&b.property.value!==d?b.property.value:this._core.current())+f,h=this._core.clones().length,i=a.proxy(function(a,b){this.load(b)},this);for(c.lazyLoadEager>0&&(e+=c.lazyLoadEager,c.loop&&(g-=c.lazyLoadEager,e++));f++-1||(e.each(a.proxy(function(c,d){var e,f=a(d),g=b.devicePixelRatio>1&&f.attr("data-src-retina")||f.attr("data-src")||f.attr("data-srcset");this._core.trigger("load",{element:f,url:g},"lazy"),f.is("img")?f.one("load.owl.lazy",a.proxy(function(){f.css("opacity",1),this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("src",g):f.is("source")?f.one("load.owl.lazy",a.proxy(function(){this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("srcset",g):(e=new Image,e.onload=a.proxy(function(){f.css({"background-image":'url("'+g+'")',opacity:"1"}),this._core.trigger("loaded",{element:f,url:g},"lazy")},this),e.src=g)},this)),this._loaded.push(d.get(0)))},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this._core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Lazy=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(c){this._core=c,this._previousHeight=null,this._handlers={"initialized.owl.carousel refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&this.update()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&"position"===a.property.name&&this.update()},this),"loaded.owl.lazy":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&a.element.closest("."+this._core.settings.itemClass).index()===this._core.current()&&this.update()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._intervalId=null;var d=this;a(b).on("load",function(){d._core.settings.autoHeight&&d.update()}),a(b).resize(function(){d._core.settings.autoHeight&&(null!=d._intervalId&&clearTimeout(d._intervalId),d._intervalId=setTimeout(function(){d.update()},250))})};e.Defaults={autoHeight:!1,autoHeightClass:"owl-height"},e.prototype.update=function(){var b=this._core._current,c=b+this._core.settings.items,d=this._core.settings.lazyLoad,e=this._core.$stage.children().toArray().slice(b,c),f=[],g=0;a.each(e,function(b,c){f.push(a(c).height())}),g=Math.max.apply(null,f),g<=1&&d&&this._previousHeight&&(g=this._previousHeight),this._previousHeight=g,this._core.$stage.parent().height(g).addClass(this._core.settings.autoHeightClass)},e.prototype.destroy=function(){var a,b;for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoHeight=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._videos={},this._playing=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.register({type:"state",name:"playing",tags:["interacting"]})},this),"resize.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.video&&this.isInFullScreen()&&a.preventDefault()},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.is("resizing")&&this._core.$stage.find(".cloned .owl-video-frame").remove()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"===a.property.name&&this._playing&&this.stop()},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find(".owl-video");c.length&&(c.css("display","none"),this.fetch(c,a(b.content)))}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._core.$element.on("click.owl.video",".owl-video-play-icon",a.proxy(function(a){this.play(a)},this))};e.Defaults={video:!1,videoHeight:!1,videoWidth:!1},e.prototype.fetch=function(a,b){var c=function(){return a.attr("data-vimeo-id")?"vimeo":a.attr("data-vzaar-id")?"vzaar":"youtube"}(),d=a.attr("data-vimeo-id")||a.attr("data-youtube-id")||a.attr("data-vzaar-id"),e=a.attr("data-width")||this._core.settings.videoWidth,f=a.attr("data-height")||this._core.settings.videoHeight,g=a.attr("href");if(!g)throw new Error("Missing video URL.");if(d=g.match(/(http:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com|be\-nocookie\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/),d[3].indexOf("youtu")>-1)c="youtube";else if(d[3].indexOf("vimeo")>-1)c="vimeo";else{if(!(d[3].indexOf("vzaar")>-1))throw new Error("Video URL not supported.");c="vzaar"}d=d[6],this._videos[g]={type:c,id:d,width:e,height:f},b.attr("data-video",g),this.thumbnail(a,this._videos[g])},e.prototype.thumbnail=function(b,c){var d,e,f,g=c.width&&c.height?"width:"+c.width+"px;height:"+c.height+"px;":"",h=b.find("img"),i="src",j="",k=this._core.settings,l=function(c){e='
',d=k.lazyLoad?a("
",{class:"owl-video-tn "+j,srcType:c}):a("
",{class:"owl-video-tn",style:"opacity:1;background-image:url("+c+")"}),b.after(d),b.after(e)};if(b.wrap(a("
",{class:"owl-video-wrapper",style:g})),this._core.settings.lazyLoad&&(i="data-src",j="owl-lazy"),h.length)return l(h.attr(i)),h.remove(),!1;"youtube"===c.type?(f="//img.youtube.com/vi/"+c.id+"/hqdefault.jpg",l(f)):"vimeo"===c.type?a.ajax({type:"GET",url:"//vimeo.com/api/v2/video/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a[0].thumbnail_large,l(f)}}):"vzaar"===c.type&&a.ajax({type:"GET",url:"//vzaar.com/api/videos/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a.framegrab_url,l(f)}})},e.prototype.stop=function(){this._core.trigger("stop",null,"video"),this._playing.find(".owl-video-frame").remove(),this._playing.removeClass("owl-video-playing"),this._playing=null,this._core.leave("playing"),this._core.trigger("stopped",null,"video")},e.prototype.play=function(b){var c,d=a(b.target),e=d.closest("."+this._core.settings.itemClass),f=this._videos[e.attr("data-video")],g=f.width||"100%",h=f.height||this._core.$stage.height();this._playing||(this._core.enter("playing"),this._core.trigger("play",null,"video"),e=this._core.items(this._core.relative(e.index())),this._core.reset(e.index()),c=a(''),c.attr("height",h),c.attr("width",g),"youtube"===f.type?c.attr("src","//www.youtube.com/embed/"+f.id+"?autoplay=1&rel=0&v="+f.id):"vimeo"===f.type?c.attr("src","//player.vimeo.com/video/"+f.id+"?autoplay=1"):"vzaar"===f.type&&c.attr("src","//view.vzaar.com/"+f.id+"/player?autoplay=true"),a(c).wrap('
').insertAfter(e.find(".owl-video")),this._playing=e.addClass("owl-video-playing"))},e.prototype.isInFullScreen=function(){var b=c.fullscreenElement||c.mozFullScreenElement||c.webkitFullscreenElement;return b&&a(b).parent().hasClass("owl-video-frame")},e.prototype.destroy=function(){var a,b;this._core.$element.off("click.owl.video");for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Video=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this.core=b,this.core.options=a.extend({},e.Defaults,this.core.options),this.swapping=!0,this.previous=d,this.next=d,this.handlers={"change.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&(this.previous=this.core.current(),this.next=a.property.value)},this),"drag.owl.carousel dragged.owl.carousel translated.owl.carousel":a.proxy(function(a){a.namespace&&(this.swapping="translated"==a.type)},this),"translate.owl.carousel":a.proxy(function(a){a.namespace&&this.swapping&&(this.core.options.animateOut||this.core.options.animateIn)&&this.swap()},this)},this.core.$element.on(this.handlers)};e.Defaults={animateOut:!1,
+animateIn:!1},e.prototype.swap=function(){if(1===this.core.settings.items&&a.support.animation&&a.support.transition){this.core.speed(0);var b,c=a.proxy(this.clear,this),d=this.core.$stage.children().eq(this.previous),e=this.core.$stage.children().eq(this.next),f=this.core.settings.animateIn,g=this.core.settings.animateOut;this.core.current()!==this.previous&&(g&&(b=this.core.coordinates(this.previous)-this.core.coordinates(this.next),d.one(a.support.animation.end,c).css({left:b+"px"}).addClass("animated owl-animated-out").addClass(g)),f&&e.one(a.support.animation.end,c).addClass("animated owl-animated-in").addClass(f))}},e.prototype.clear=function(b){a(b.target).css({left:""}).removeClass("animated owl-animated-out owl-animated-in").removeClass(this.core.settings.animateIn).removeClass(this.core.settings.animateOut),this.core.onTransitionEnd()},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this.core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Animate=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._call=null,this._time=0,this._timeout=0,this._paused=!0,this._handlers={"changed.owl.carousel":a.proxy(function(a){a.namespace&&"settings"===a.property.name?this._core.settings.autoplay?this.play():this.stop():a.namespace&&"position"===a.property.name&&this._paused&&(this._time=0)},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoplay&&this.play()},this),"play.owl.autoplay":a.proxy(function(a,b,c){a.namespace&&this.play(b,c)},this),"stop.owl.autoplay":a.proxy(function(a){a.namespace&&this.stop()},this),"mouseover.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"mouseleave.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.play()},this),"touchstart.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"touchend.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this.play()},this)},this._core.$element.on(this._handlers),this._core.options=a.extend({},e.Defaults,this._core.options)};e.Defaults={autoplay:!1,autoplayTimeout:5e3,autoplayHoverPause:!1,autoplaySpeed:!1},e.prototype._next=function(d){this._call=b.setTimeout(a.proxy(this._next,this,d),this._timeout*(Math.round(this.read()/this._timeout)+1)-this.read()),this._core.is("interacting")||c.hidden||this._core.next(d||this._core.settings.autoplaySpeed)},e.prototype.read=function(){return(new Date).getTime()-this._time},e.prototype.play=function(c,d){var e;this._core.is("rotating")||this._core.enter("rotating"),c=c||this._core.settings.autoplayTimeout,e=Math.min(this._time%(this._timeout||c),c),this._paused?(this._time=this.read(),this._paused=!1):b.clearTimeout(this._call),this._time+=this.read()%c-e,this._timeout=c,this._call=b.setTimeout(a.proxy(this._next,this,d),c-e)},e.prototype.stop=function(){this._core.is("rotating")&&(this._time=0,this._paused=!0,b.clearTimeout(this._call),this._core.leave("rotating"))},e.prototype.pause=function(){this._core.is("rotating")&&!this._paused&&(this._time=this.read(),this._paused=!0,b.clearTimeout(this._call))},e.prototype.destroy=function(){var a,b;this.stop();for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.autoplay=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(b){this._core=b,this._initialized=!1,this._pages=[],this._controls={},this._templates=[],this.$element=this._core.$element,this._overrides={next:this._core.next,prev:this._core.prev,to:this._core.to},this._handlers={"prepared.owl.carousel":a.proxy(function(b){b.namespace&&this._core.settings.dotsData&&this._templates.push(''+a(b.content).find("[data-dot]").addBack("[data-dot]").attr("data-dot")+"
")},this),"added.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,0,this._templates.pop())},this),"remove.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,1)},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&this.draw()},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&!this._initialized&&(this._core.trigger("initialize",null,"navigation"),this.initialize(),this.update(),this.draw(),this._initialized=!0,this._core.trigger("initialized",null,"navigation"))},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._initialized&&(this._core.trigger("refresh",null,"navigation"),this.update(),this.draw(),this._core.trigger("refreshed",null,"navigation"))},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers)};e.Defaults={nav:!1,navText:['‹ ','› '],navSpeed:!1,navElement:'button type="button" role="presentation"',navContainer:!1,navContainerClass:"owl-nav",navClass:["owl-prev","owl-next"],slideBy:1,dotClass:"owl-dot",dotsClass:"owl-dots",dots:!0,dotsEach:!1,dotsData:!1,dotsSpeed:!1,dotsContainer:!1},e.prototype.initialize=function(){var b,c=this._core.settings;this._controls.$relative=(c.navContainer?a(c.navContainer):a("").addClass(c.navContainerClass).appendTo(this.$element)).addClass("disabled"),this._controls.$previous=a("<"+c.navElement+">").addClass(c.navClass[0]).html(c.navText[0]).prependTo(this._controls.$relative).on("click",a.proxy(function(a){this.prev(c.navSpeed)},this)),this._controls.$next=a("<"+c.navElement+">").addClass(c.navClass[1]).html(c.navText[1]).appendTo(this._controls.$relative).on("click",a.proxy(function(a){this.next(c.navSpeed)},this)),c.dotsData||(this._templates=[a('
').addClass(c.dotClass).append(a("")).prop("outerHTML")]),this._controls.$absolute=(c.dotsContainer?a(c.dotsContainer):a("").addClass(c.dotsClass).appendTo(this.$element)).addClass("disabled"),this._controls.$absolute.on("click","button",a.proxy(function(b){var d=a(b.target).parent().is(this._controls.$absolute)?a(b.target).index():a(b.target).parent().index();b.preventDefault(),this.to(d,c.dotsSpeed)},this));for(b in this._overrides)this._core[b]=a.proxy(this[b],this)},e.prototype.destroy=function(){var a,b,c,d,e;e=this._core.settings;for(a in this._handlers)this.$element.off(a,this._handlers[a]);for(b in this._controls)"$relative"===b&&e.navContainer?this._controls[b].html(""):this._controls[b].remove();for(d in this.overides)this._core[d]=this._overrides[d];for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},e.prototype.update=function(){var a,b,c,d=this._core.clones().length/2,e=d+this._core.items().length,f=this._core.maximum(!0),g=this._core.settings,h=g.center||g.autoWidth||g.dotsData?1:g.dotsEach||g.items;if("page"!==g.slideBy&&(g.slideBy=Math.min(g.slideBy,g.items)),g.dots||"page"==g.slideBy)for(this._pages=[],a=d,b=0,c=0;a
=h||0===b){if(this._pages.push({start:Math.min(f,a-d),end:a-d+h-1}),Math.min(f,a-d)===f)break;b=0,++c}b+=this._core.mergers(this._core.relative(a))}},e.prototype.draw=function(){var b,c=this._core.settings,d=this._core.items().length<=c.items,e=this._core.relative(this._core.current()),f=c.loop||c.rewind;this._controls.$relative.toggleClass("disabled",!c.nav||d),c.nav&&(this._controls.$previous.toggleClass("disabled",!f&&e<=this._core.minimum(!0)),this._controls.$next.toggleClass("disabled",!f&&e>=this._core.maximum(!0))),this._controls.$absolute.toggleClass("disabled",!c.dots||d),c.dots&&(b=this._pages.length-this._controls.$absolute.children().length,c.dotsData&&0!==b?this._controls.$absolute.html(this._templates.join("")):b>0?this._controls.$absolute.append(new Array(b+1).join(this._templates[0])):b<0&&this._controls.$absolute.children().slice(b).remove(),this._controls.$absolute.find(".active").removeClass("active"),this._controls.$absolute.children().eq(a.inArray(this.current(),this._pages)).addClass("active"))},e.prototype.onTrigger=function(b){var c=this._core.settings;b.page={index:a.inArray(this.current(),this._pages),count:this._pages.length,size:c&&(c.center||c.autoWidth||c.dotsData?1:c.dotsEach||c.items)}},e.prototype.current=function(){var b=this._core.relative(this._core.current());return a.grep(this._pages,a.proxy(function(a,c){return a.start<=b&&a.end>=b},this)).pop()},e.prototype.getPosition=function(b){var c,d,e=this._core.settings;return"page"==e.slideBy?(c=a.inArray(this.current(),this._pages),d=this._pages.length,b?++c:--c,c=this._pages[(c%d+d)%d].start):(c=this._core.relative(this._core.current()),d=this._core.items().length,b?c+=e.slideBy:c-=e.slideBy),c},e.prototype.next=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!0),b)},e.prototype.prev=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!1),b)},e.prototype.to=function(b,c,d){var e;!d&&this._pages.length?(e=this._pages.length,a.proxy(this._overrides.to,this._core)(this._pages[(b%e+e)%e].start,c)):a.proxy(this._overrides.to,this._core)(b,c)},a.fn.owlCarousel.Constructor.Plugins.Navigation=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(c){this._core=c,this._hashes={},this.$element=this._core.$element,this._handlers={"initialized.owl.carousel":a.proxy(function(c){c.namespace&&"URLHash"===this._core.settings.startPosition&&a(b).trigger("hashchange.owl.navigation")},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find("[data-hash]").addBack("[data-hash]").attr("data-hash");if(!c)return;this._hashes[c]=b.content}},this),"changed.owl.carousel":a.proxy(function(c){if(c.namespace&&"position"===c.property.name){var d=this._core.items(this._core.relative(this._core.current())),e=a.map(this._hashes,function(a,b){return a===d?b:null}).join();if(!e||b.location.hash.slice(1)===e)return;b.location.hash=e}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers),a(b).on("hashchange.owl.navigation",a.proxy(function(a){var c=b.location.hash.substring(1),e=this._core.$stage.children(),f=this._hashes[c]&&e.index(this._hashes[c]);f!==d&&f!==this._core.current()&&this._core.to(this._core.relative(f),!1,!0)},this))};e.Defaults={URLhashListener:!1},e.prototype.destroy=function(){var c,d;a(b).off("hashchange.owl.navigation");for(c in this._handlers)this._core.$element.off(c,this._handlers[c]);for(d in Object.getOwnPropertyNames(this))"function"!=typeof this[d]&&(this[d]=null)},a.fn.owlCarousel.Constructor.Plugins.Hash=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){function e(b,c){var e=!1,f=b.charAt(0).toUpperCase()+b.slice(1);return a.each((b+" "+h.join(f+" ")+f).split(" "),function(a,b){if(g[b]!==d)return e=!c||b,!1}),e}function f(a){return e(a,!0)}var g=a("").get(0).style,h="Webkit Moz O ms".split(" "),i={transition:{end:{WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd",transition:"transitionend"}},animation:{end:{WebkitAnimation:"webkitAnimationEnd",MozAnimation:"animationend",OAnimation:"oAnimationEnd",animation:"animationend"}}},j={csstransforms:function(){return!!e("transform")},csstransforms3d:function(){return!!e("perspective")},csstransitions:function(){return!!e("transition")},cssanimations:function(){return!!e("animation")}};j.csstransitions()&&(a.support.transition=new String(f("transition")),a.support.transition.end=i.transition.end[a.support.transition]),j.cssanimations()&&(a.support.animation=new String(f("animation")),a.support.animation.end=i.animation.end[a.support.animation]),j.csstransforms()&&(a.support.transform=new String(f("transform")),a.support.transform3d=j.csstransforms3d())}(window.Zepto||window.jQuery,window,document);
\ No newline at end of file
diff --git a/theme_xtream/static/src/js/testimonials.js b/theme_xtream/static/src/js/testimonials.js
new file mode 100644
index 000000000..7b0d921af
--- /dev/null
+++ b/theme_xtream/static/src/js/testimonials.js
@@ -0,0 +1,41 @@
+/** @odoo-module **/
+import { rpc } from "@web/core/network/rpc";
+import Animation from "@website/js/content/snippets.animation";
+/**
+ * Defines an animation class for the arrivals element in the HTML document.
+ * Sends an AJAX request to the /get_testimonials URL using the ajax.jsonRpc
+ * method, and calls the 'call' method on the server-side. If the request is successful,
+ * @extends Animation.Class
+ */
+
+Animation.registry.testimonial_xtream = Animation.Class.extend({
+ selector : '.testimonial_xtream',
+
+ start: function(){
+ var self = this;
+ return rpc('/get_testimonials', {
+ }).then(function (data) {
+ if(data){
+ self.$target.empty().append(data);
+ }
+ self.$target.find('#slider2').owlCarousel(
+ {
+ items: 1,
+ loop: true,
+ smartSpeed: 450,
+ autoplay: true,
+ autoPlaySpeed: 1000,
+ autoPlayTimeout: 1000,
+ autoplayHoverPause: true,
+ onInitialized: self.counter,
+ dots: true,
+ }
+ );
+ });
+ },
+ counter() {
+ var buttons = $('.owl-dots button');
+ buttons.each(function (item) {
+ });
+ },
+});
diff --git a/theme_xtream/static/src/scss/_common.scss b/theme_xtream/static/src/scss/_common.scss
new file mode 100644
index 000000000..f2cddb250
--- /dev/null
+++ b/theme_xtream/static/src/scss/_common.scss
@@ -0,0 +1,25 @@
+*:focus {
+ outline: 0 !important;
+
+}
+
+*button:focus {
+ border: none;
+ outline: none;
+}
+
+*{
+ list-style-type:none;
+
+ font-family: $font-default;
+ font-size: 14px;
+ &:focus,&:active{
+ outline: none !important;
+ }
+}
+
+*:hover{
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+}
+
diff --git a/theme_xtream/static/src/scss/_normalize.scss b/theme_xtream/static/src/scss/_normalize.scss
new file mode 100644
index 000000000..eec96676e
--- /dev/null
+++ b/theme_xtream/static/src/scss/_normalize.scss
@@ -0,0 +1,352 @@
+/*! 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;
+ }
+
+
\ No newline at end of file
diff --git a/theme_xtream/static/src/scss/_variables.scss b/theme_xtream/static/src/scss/_variables.scss
new file mode 100644
index 000000000..6a70db6ef
--- /dev/null
+++ b/theme_xtream/static/src/scss/_variables.scss
@@ -0,0 +1,60 @@
+//font
+$font-default:'Poppins', sans-serif;
+$font-offer: 'Roboto', sans-serif;
+
+
+//colors
+
+
+$color-brand: #031B09;
+$color-brand2: #5FED83;
+$color-black:#000000;
+$color-white:#fff;
+$color-font:#9f9f9f;
+$color-font2:#9f9f9f;
+$color-grey:#b8b8b8;
+$color-green:#28a745;
+$color-button:#0069d9;
+$color-footer:#121725;
+$color-grey:#6c6a74;
+$color-hover:#e9c939;
+$color-border:#dedede;
+$color-transp:#3a3a3ab3;
+$color-h-bg:#f4f2f8;
+
+$select-border-color: #ccc;
+$select-focus-color: green;
+
+
+
+
+
+
+
+
+
+// $color-brand: #1b1b1b;
+// $color-black:#000000;
+// $color-white:#fff;
+// $color-font:#797979;
+// $color-font2:#535353;
+// $color-green:#44a038;
+$color-bg:#f7f7f7;
+// $color-footer:#121725;
+// $color-grey:#6c6a74;
+// $color-hover:#e95a5a;
+// $color-border:#c3c1cc;
+
+//font-size
+
+
+$font-h1:36px;
+$font-h2: 18px;
+$font-h3:36px;
+$font-h4: 25px;
+$font-h5:36px;
+$font-h6: 18px;
+$font-size-banner:60px;
+$font-heading:46px;
+$font-sub-heading:28px;
+$font-text:14px;
diff --git a/theme_xtream/static/src/scss/components/_banner.scss b/theme_xtream/static/src/scss/components/_banner.scss
new file mode 100644
index 000000000..3066c3d41
--- /dev/null
+++ b/theme_xtream/static/src/scss/components/_banner.scss
@@ -0,0 +1,498 @@
+.banner_main{
+
+
+ // .single-item{
+
+ // }
+
+ .banner_bg{
+ background-image: linear-gradient(#11111191, #11111191),url(./../img/bg-img/bg-1.jpg);
+ justify-content: center;
+ height: 100vh;
+ background-size: cover;
+ width: 100%;
+ background-repeat: no-repeat;
+
+
+ @media screen and(max-width:768px) {
+ height: 70vh;
+ }
+
+
+ .card{
+ background: transparent;
+ padding-top: 175px;
+ padding-bottom: 100px;
+ border: none !important;
+
+
+ @media screen and(max-width:600px) {
+ padding-left: 40px;
+ }
+
+
+ @media screen and(max-width:768px) {
+ padding-top:100px;
+ }
+ .card-title{
+ color:$color-white;
+ font-size:7vw;
+ font-weight: bold;
+ padding-bottom: 20px;
+
+ }
+ .card-text{
+ color:$color-white;
+ font-weight: 700;
+ font-size:15px;
+
+
+ }
+ }
+
+ }
+
+ .banner_bg2{
+ background-image: linear-gradient(#11111191, #11111191),url(./../img/bg-img/bg-2.jpg);
+ justify-content: center;
+
+ height: 100vh;
+ background-size: cover;
+ width: 100%;
+ background-repeat: no-repeat;
+
+ @media screen and(max-width:768px) {
+ height: 70vh;
+
+ }
+
+
+
+
+ .card{
+ background: transparent;
+ padding-top: 175px;
+ padding-bottom: 100px;
+ border: none !important;
+
+
+ @media screen and(max-width:600px) {
+ padding-left: 40px;
+ }
+
+
+ @media screen and(max-width:768px) {
+ padding-top:100px;
+ padding-bottom: 0;
+ }
+ .card-title{
+ color:$color-white;
+ font-size:7vw;
+ font-weight: bold;
+ padding-bottom: 20px;
+
+ }
+ .card-text{
+ color:$color-white;
+ font-weight: 700;
+ font-size:15px;
+
+
+ }
+ }
+
+ }
+
+ .banner_bg3{
+
+ background-image: linear-gradient(#11111191, #11111191),url(./../img/bg-img/bg-4.jpg);
+ justify-content: center;
+
+ height: 100vh;
+ background-size: cover;
+ width: 100%;
+ background-repeat: no-repeat;
+
+
+ @media screen and(max-width:768px) {
+ height: 70vh;
+ }
+
+ .card{
+ background: transparent;
+ padding-top: 175px;
+ padding-bottom: 100px;
+ border: none !important;
+ animation-name: fadeInOut;
+ animation-delay: 1s;
+ animation-duration: 3s;
+
+
+ @media screen and(max-width:600px) {
+ padding-left: 40px;
+ }
+
+ @media screen and(max-width:768px) {
+ padding-top:50px;
+ padding-bottom: 100px;
+ }
+ .card-title{
+ color:$color-white;
+ font-size:5vw;
+ font-weight: bold;
+ padding-bottom: 20px;
+ text-transform: uppercase;
+
+ }
+ .card-text{
+ color:$color-white;
+ padding-bottom: 30px;
+ font-size: 14px;
+
+ }
+ }
+
+ .breadcrumb{
+ background: transparent;
+ padding-top: 110px;
+ padding-bottom: 110px;
+
+ .breadcrumb-item{
+ color: $color-hover;
+
+ &:first-child{
+ &::before{
+ display: none;
+ }
+ }
+
+ &::before{
+
+ display: inline-block;
+ padding-right: 1.5rem;
+ color: #fff;
+ content: "/";
+
+ }
+
+ a{
+ color: $color-white;
+ text-decoration: none;
+ &:hover{
+ color:$color-hover;
+ }
+ }
+ }
+ }
+
+ }
+
+ .banner_bg4{
+ background-image: url(./../images/banner/home.jpg);
+ justify-content: center;
+ max-width: 1400px;
+ margin: auto;
+
+ background-size: cover;
+ width: 100%;
+ background-repeat: no-repeat;
+ background-position: center;
+ margin-top: 134px;
+
+
+ .breadcrumb{
+ background: transparent;
+ padding-top: 110px;
+ padding-bottom: 110px;
+
+ .breadcrumb-item{
+ color: $color-hover;
+
+ &:first-child{
+ &::before{
+ display: none;
+ }
+ }
+
+ &::before{
+
+ display: inline-block;
+ padding-right: 1.5rem;
+ color: #fff;
+ content: "/";
+
+ }
+
+ a{
+ color: $color-white;
+ text-decoration: none;
+ &:hover{
+ color:$color-hover;
+ }
+ }
+ }
+ }
+
+ }
+
+
+
+.owl-carousel button.owl-dot span {
+ height: 10px;
+ width: 10px;
+ color: $color-white;
+ background-color: $color-white;
+ border-radius: 50%;
+ display: block;
+ font-weight: 700;
+ margin: 5px;
+}
+.owl-carousel button.owl-dot.active span{
+ background-color: $color-brand2;
+}
+
+
+.owl-carousel{
+
+ .owl-dots{
+ position: absolute;
+ bottom:250px;
+ left: 40px;
+ transform: rotate(89deg);
+ background-color: transparent;
+
+ @media screen and(max-width:1150px){
+ left: 0 !important;
+
+ }
+ @media screen and(max-width:768px) {
+
+ }
+ @media screen and(max-width:600px) {
+
+ }
+}
+}
+
+}
+
+
+.slideInDown {
+ -webkit-animation-name: slideInDown;
+ animation-name: slideInDown;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ }
+ @-webkit-keyframes slideInDown {
+ 0% {
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ visibility: visible;
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+ }
+ @keyframes slideInDown {
+ 0% {
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ visibility: visible;
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+ }
+
+
+
+ .tada {
+ -webkit-animation-name: tada;
+ animation-name: tada;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ }
+ @-webkit-keyframes tada {
+ 0% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+ 10%, 20% {
+ -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+ transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+ }
+ 30%, 50%, 70%, 90% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ }
+ 40%, 60%, 80% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ }
+ 100% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+ }
+ @keyframes tada {
+ 0% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+ 10%, 20% {
+ -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+ transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+ }
+ 30%, 50%, 70%, 90% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ }
+ 40%, 60%, 80% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ }
+ 100% {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+ }
+
+ .slideInUp {
+ -webkit-animation-name: slideInUp;
+ animation-name: slideInUp;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ }
+ @-webkit-keyframes slideInUp {
+ 0% {
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ visibility: visible;
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+ }
+ @keyframes slideInUp {
+ 0% {
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ visibility: visible;
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+ }
+
+
+ .slideInLeft {
+ -webkit-animation-name: slideInLeft;
+ animation-name: slideInLeft;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ }
+ @-webkit-keyframes slideInLeft {
+ 0% {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ visibility: visible;
+ }
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+ }
+ @keyframes slideInLeft {
+ 0% {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ visibility: visible;
+ }
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+ }
+
+
+ .fadeInDownBig {
+ -webkit-animation-name: fadeInDownBig;
+ animation-name: fadeInDownBig;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ }
+ @-webkit-keyframes fadeInDownBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+ }
+ @keyframes fadeInDownBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+ }
+
+
+
+
+ .fadeInLeftBig {
+ -webkit-animation-name: fadeInLeftBig;
+ animation-name: fadeInLeftBig;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+ }
+ @-webkit-keyframes fadeInLeftBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+ }
+ @keyframes fadeInLeftBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
+ 100% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+ }
+
\ No newline at end of file
diff --git a/theme_xtream/static/src/scss/components/_button.scss b/theme_xtream/static/src/scss/components/_button.scss
new file mode 100644
index 000000000..90103c480
--- /dev/null
+++ b/theme_xtream/static/src/scss/components/_button.scss
@@ -0,0 +1,168 @@
+.btn {
+ border: none !important;
+ outline: 0 !important;
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ box-shadow: none !important;
+ font-weight: 400;
+ &-primary {
+ background-color: transparent !important;
+ border-color: $color-white;
+ padding: 12px 36px;
+ color: #fff !important;
+ font-size: 16px;
+ font-weight: 600;
+ border-radius:0;
+ border:3px solid !important;
+ &:hover {
+
+ border-color: $color-brand2 !important;
+ color: $color-white !important;
+ background: $color-brand2 !important;
+ }
+ }
+ &:focus,
+ &.focus {
+ outline: 0;
+
+ }
+
+ &-cart {
+ background-color:$color-brand !important;
+ margin-right: 5px;
+ padding: 2px 9px;
+ color: #fff !important;
+ font-size: 13px;
+ border-radius: 0 !important;
+ border: none;
+
+ }
+
+ &-checkout {
+ background-color:$color-brand2 !important;
+ padding: 2px 9px;
+ color: #fff !important;
+ font-size: 13px;
+ border-radius: 0 !important;
+ border: none;
+ }
+ &-details {
+ background-color:transparent!important;
+ padding: 2px 9px;
+ color: #fff !important;
+ font-size: 13px;
+ border-radius: 0 !important;
+ border: 1px solid !important;
+ border-color:$color-white !important;
+ border-radius: 50% !important;
+ }
+ &-checkout_m {
+ background-color:$color-brand2 !important;
+ text-decoration: none !important;
+ padding: 7px 12px;
+ color: #fff !important;
+ font-size: 13px;
+ border-radius: 0 !important;
+ border: none;
+
+ }
+ &-cart_p {
+ background-color:$color-brand2 !important;
+ color: #fff !important;
+ font-size: 13px;
+ border-radius: 0 !important;
+ border: none;
+padding: 13px 40px;
+margin-left: 33px;
+ }
+ &-shopping {
+ background-color:transparent !important;
+ color: $color-brand !important;
+ font-size: 20px;
+ @media screen and(max-width:768px) {
+ padding: 8px 15px;
+
+ font-size: 2vw;
+ }
+ font-weight: 700;
+ border-radius: 0 !important;
+ border: 2px solid !important;
+ border-color: $color-brand !important;
+padding: 13px 40px;
+margin-left: 33px;
+ }
+
+
+ &-clear {
+ background-color:transparent !important;
+ color: $color-font !important;
+ font-size: 20px;
+ @media screen and(max-width:768px) {
+ padding: 8px 15px;
+ margin-bottom: 10px;
+ font-size: 2vw;
+ }
+ font-weight: 700;
+ border-radius: 0 !important;
+ border: 2px solid !important;
+ border-color: $color-border !important;
+ padding: 13px 40px;
+ margin-left: 33px;
+ }
+
+
+ &-update {
+ background-color:$color-h-bg !important;
+ color: $color-font !important;
+ font-size: 20px;
+ @media screen and(max-width:768px) {
+ padding: 8px 15px;
+
+ font-size: 2vw;
+ }
+ font-weight: 700;
+ border-radius: 0 !important;
+ border: 2px solid !important;
+ border-color: $color-h-bg !important;
+padding: 13px 40px;
+margin-left: 33px;
+ }
+
+ &-checkout_c{
+ text-transform: uppercase;
+ background-color:$color-brand2 !important;
+ text-decoration: none !important;
+ width: 100%;
+ height: 60px;
+ color: #fff !important;
+ font-size: 16px;
+ font-weight: 700;
+ border-radius: 0 !important;
+ border: none;
+ line-height: 50px;
+height: 60px;
+&:hover{
+ background-color: $color-brand !important;
+}
+ }
+
+
+ &-contact{
+ margin-top: 30px;
+ text-transform: uppercase;
+ background-color:$color-brand2 !important;
+ text-decoration: none !important;
+ width: 100%;
+ height: 60px;
+ color: #fff !important;
+ font-size: 16px;
+ font-weight: 700;
+ border-radius: 0 !important;
+ border: none;
+ line-height: 50px;
+height: 60px;
+&:hover{
+ background-color: $color-brand !important;
+}
+ }
+}
\ No newline at end of file
diff --git a/theme_xtream/static/src/scss/components/_components.scss b/theme_xtream/static/src/scss/components/_components.scss
new file mode 100644
index 000000000..e0b5c4550
--- /dev/null
+++ b/theme_xtream/static/src/scss/components/_components.scss
@@ -0,0 +1,3 @@
+@import './banner';
+@import './button';
+@import './product';
diff --git a/theme_xtream/static/src/scss/components/_product.scss b/theme_xtream/static/src/scss/components/_product.scss
new file mode 100644
index 000000000..ffc9d4af6
--- /dev/null
+++ b/theme_xtream/static/src/scss/components/_product.scss
@@ -0,0 +1,304 @@
+.product{
+ margin-top: 90px;
+.main {
+ padding-top: 30px;
+ margin: auto;
+ h2{
+ text-align: center;
+ font-size: 60px;
+ font-weight: 700;
+ color: $color-brand;
+ text-transform: uppercase;
+ padding-bottom: 30px;
+ @media screen and(max-width:768px){
+ font-size: 30px;
+ }
+ }
+ .categories{
+ display: flex;
+ justify-content: center;
+ @media screen and(max-width:768px){
+ display: block;
+ }
+ }
+ }
+ h1 {
+ font-size: 50px;
+ word-break: break-all;
+ }
+ .row {
+ margin: 10px -16px;
+ }
+ /* Add padding BETWEEN each column */
+ .row,
+ .row > .column {
+ padding: 8px;
+ }
+ /* Create three equal columns that floats next to each other */
+ .column {
+ float: left;
+ width: 33.33%;
+ display: none; /* Hide all elements by default */
+ }
+ /* Clear floats after rows */
+ .row:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+ /* Content */
+ .content {
+ padding: 50px 0;
+ .img_zoom{
+ overflow: hidden;
+ }
+ .wrapper{
+ max-width: 330px;
+ position: relative;
+ &:hover{
+ .img_details{
+ position: absolute;
+ left: 44%;
+ display: block;
+bottom: 45%;
+ z-index: 3;
+ @media screen and(max-width:992px){
+ left: 35%;
+bottom: 43%;
+ }
+ @media screen and(max-width:992px){
+ left: 44%;
+bottom: 43%;
+ }
+ i{
+ font-size: 25px;
+ color: $color-white;
+ padding: 4px 2px;
+
+ @media screen and(max-width:992px){
+ font-size: 12px;
+ }
+
+ }
+ }
+ &:after{
+ position: absolute;
+ content: " ";
+ height: 100%;
+ width: 100%;
+ top: 0;
+ left: 0;
+ background:#00000054 !important
+ }
+ }
+ &:before{
+ position: absolute;
+ content: " ";
+ display: block;
+ top: 50%;
+ left: 50%;
+ }
+ @media screen and(max-width:576px){
+ max-width: none;
+ }
+.img_details{
+ display: none;
+}
+ img{
+ width: 100%;
+ }
+ }
+ p{
+ color: $color-font;
+ font-size: 25px;
+ font-weight: lighter;
+ margin-top: 20px;
+ margin-bottom: 5px;
+ }
+ h6{
+ color: $color-brand;
+ line-height: 1.5;
+ font-weight: 400;
+ font-size: 15px;
+ letter-spacing: 1px;
+ margin-bottom: 40px;
+ }
+ a{
+ font-size: 13px;
+font-weight: 700;
+color: $color-brand2;
+text-decoration: none;
+&:hover{
+ color: $color-brand;
+}
+ }
+ #zoomIn{
+ transform: scale(1);
+ transition: .3s ease-in-out;
+ &:hover{
+ transform: scale(1.3);
+ border-radius: 6px 6px 0px 0px;
+ }
+ }
+ }
+ /* The "show" class is added to the filtered elements */
+ .show {
+ display: block;
+ }
+ /* Style the buttons */
+ .btn {
+ border: none;
+ outline: none;
+ padding: 12px 16px;
+ background-color: white;
+ cursor: pointer;
+ color: $color-font;
+ font-weight: 700;
+ }
+ .btn:hover {
+ background-color: #ddd;
+ }
+ .btn.active {
+ color: $color-brand;
+ }
+}
+.modal-content {
+ position: relative;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ width: 100%;
+ pointer-events: auto;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0,0,0,.2);
+ border-radius: 0;
+ outline: 0;
+ margin: auto;
+ @media screen and(max-width:768px) {
+margin: auto;
+max-width: 65%;
+ }
+ @media screen and(max-width:576px) {
+ margin: auto;
+ max-width: 80%;
+ }
+}
+.modal-dialog {
+ max-width: 660px;
+ margin: 1.75rem auto;
+ @media screen and(max-width:768px) {
+ margin: 50px 50px;
+ }
+}
+.modal{
+ .model-body{
+ padding: 20px 25px;
+ }
+ .wrapper{
+ max-width: 100% !important;
+ img{
+ width: 100%;
+ }
+ }
+ .model_details{
+ h4{
+ color: $color-brand;
+ font-size: 22px;
+ font-weight: 700;
+ padding-bottom: 10px;
+ }
+ .model_rate{
+ ul{
+ padding-left: 0;
+ display: flex;
+ span{
+ color:#ffcd07;
+ }
+ }
+ }
+ .price{
+ color: $color-brand;
+ font-size: 20px;
+ font-weight: 700;
+ span{
+ margin-left: 5px;
+ font-weight: 700;
+ font-size: 16;
+ color: $color-grey;
+ text-decoration: line-through;
+ }
+ }
+ p{
+ color: $color-brand;
+ line-height: 24px;
+ }
+ a{
+ text-decoration: underline;
+ }
+ .product_count{
+ margin-top: 30px;
+ display: flex;
+ @media screen and(max-width:412px) {
+ display: grid !important;
+ grid-row-gap: 20px !important;
+ }
+ #myform {
+ margin-right:10px ;
+ text-align: center;
+ // padding: 5px;
+ // border: 1px solid #ccc;
+ display: flex;
+ // margin: 2%;
+ // border-radius: 9px;
+ width: 100px;
+ }
+ .qty {
+ width: 40px;
+ height: 25px;
+ text-align: center;
+ border: none;
+ }
+ input.qtyplus { width:25px; height:25px;
+ background-color: transparent;
+ border: none;
+ }
+ input.qtyminus { width:25px; height:25px;
+ background-color: transparent;
+ border: none;
+ }
+ .icons{
+ margin-left: 15px;
+ span{
+ background: $color-brand2;
+ color: $color-white;
+ font-size: 16px;
+ padding: 9px 10px;
+ &:hover{
+ background-color: $color-black;
+ }
+ &:last-child{
+ background-color: #00bcd4 !important;
+ margin-left: 15px;
+ }
+ }
+ }
+ }
+ .share{
+ font-size: 14px;
+ font-weight: 400;
+ padding-top: 20px;
+ }
+ .footer_icon{
+ padding-top: 5px;
+ a{
+ color: $color-font;
+ margin-right: 15px;
+ &:hover{
+ color:$color-black;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/theme_xtream/static/src/scss/layout/_footer.scss b/theme_xtream/static/src/scss/layout/_footer.scss
new file mode 100644
index 000000000..18ae41f4b
--- /dev/null
+++ b/theme_xtream/static/src/scss/layout/_footer.scss
@@ -0,0 +1,155 @@
+.card-footer {
+ margin-top: 90px;
+ .footer_content {
+ padding: 50px 0;
+ .wrapper_head {
+ a {
+ text-decoration: none;
+ }
+ .made_by {
+ color: $color-font;
+ margin-top: 20px;
+ line-height: 2;
+ span {
+ margin: 0 5px;
+ }
+ a {
+ text-decoration: none;
+ color: $color-black;
+ &:hover {
+ color: $color-brand;
+ }
+ }
+ @media screen and(max-width:768px) {
+ margin-bottom: 40px;
+ }
+ }
+ }
+ .heading {
+ color: $color-brand;
+ font-size: 30px;
+ font-weight: 700;
+ letter-spacing: 12px;
+ &::first-letter {
+ color: $color-brand2;
+ }
+ hr {
+ background: $color-font;
+ margin: 3px 7px;
+ padding-right: 5px;
+ }
+ p {
+ color: $color-font;
+ font-weight: normal;
+ text-align: center;
+ @media screen and(max-width:768px) {
+ text-align: left;
+ }
+ }
+ @media screen and(max-width:768px) {
+ margin-bottom: 20px;
+ }
+ }
+ .footer_links {
+ @media screen and(max-width:992px) {
+ margin-top: 40px;
+ }
+ @media screen and(max-width:768px) {
+ margin-top: 0;
+ }
+ ul {
+ padding-left: 0;
+ li {
+ padding: 5px 0;
+ display: block;
+ margin-bottom: 15px;
+ // &:last-child {
+ // }
+ a {
+ text-decoration: none;
+ font-size: 14px;
+ font-weight: bold;
+ color: $color-brand;
+ text-transform: uppercase;
+ }
+ }
+ }
+ .scale-up-ver-center {
+ &:hover {
+ animation: scale-up-ver-center 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
+ }
+ }
+ @keyframes scale-up-ver-center {
+ 0% {
+ transform: scaleY(0.4);
+ }
+ 100% {
+ transform: scaleY(1);
+ }
+ }
+ }
+ .subscribe {
+ @media screen and(max-width:992px) {
+ margin-top: 40px;
+ }
+ h4 {
+ font-size: 20px;
+ font-weight: 700;
+ color: $color-brand;
+ text-transform: uppercase;
+ }
+ .input-group {
+ width: 100%;
+ height: 50px;
+ border-radius: 0;
+ margin-top: 70px;
+ @media screen and(max-width:768px) {
+ margin-top: 40px;
+ }
+ .form-control {
+ border-radius: 0;
+ height: 50px;
+ }
+ .input-group-text {
+ border-radius: 0;
+ background-color: $color-brand;
+ padding: 0 20px;
+ color: $color-white;
+ border: 1px solid;
+ font-weight: 700;
+ }
+ }
+ }
+ .footer_icon {
+ display: flex;
+ justify-content: space-between;
+ margin-top: 30px;
+ @media screen and(max-width:768px) {
+ margin-top: 40px;
+ }
+ a {
+ color: $color-black;
+ margin-right: 15px;
+ @media screen and(max-width:768px) {
+ margin-right: 5px;
+ }
+ &:hover {
+ color: $color-font;
+ }
+ span {
+ font-size: 35px;
+ @media screen and(max-width:768px) {
+ font-size: 20px;
+ }
+ }
+ }
+ }
+ }
+}
+.form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ border-color: $color-brand2;
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
+}
diff --git a/theme_xtream/static/src/scss/layout/_forms.scss b/theme_xtream/static/src/scss/layout/_forms.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/theme_xtream/static/src/scss/layout/_grid.scss b/theme_xtream/static/src/scss/layout/_grid.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/theme_xtream/static/src/scss/layout/_header.scss b/theme_xtream/static/src/scss/layout/_header.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/theme_xtream/static/src/scss/layout/_layouts.scss b/theme_xtream/static/src/scss/layout/_layouts.scss
new file mode 100644
index 000000000..cb4e401b2
--- /dev/null
+++ b/theme_xtream/static/src/scss/layout/_layouts.scss
@@ -0,0 +1,3 @@
+@import './navigation';
+@import './footer';
+@import './sidebar';
\ No newline at end of file
diff --git a/theme_xtream/static/src/scss/layout/_navigation.scss b/theme_xtream/static/src/scss/layout/_navigation.scss
new file mode 100644
index 000000000..5c7fe8a17
--- /dev/null
+++ b/theme_xtream/static/src/scss/layout/_navigation.scss
@@ -0,0 +1,336 @@
+.top_nav {
+ margin: 25px 0;
+ .wrapper {
+ display: flex;
+ justify-content: space-between;
+ padding-top: 20px;
+ align-items: center;
+ @media screen and(max-width:572px) {
+ display: block;
+ }
+ .nav_center {
+ margin: auto;
+ @media screen and(max-width:992px) {
+ margin: 0;
+ }
+ a {
+ text-decoration: none;
+ }
+ .heading {
+ color: $color-brand;
+ font-size: 30px;
+ font-weight: 700;
+ @media screen and(max-width:572px) {
+ text-align: center;
+ }
+ @media screen and(max-width:768px) {
+ font-size: 3vw;
+ }
+ letter-spacing: 12px;
+ &::first-letter {
+ color: $color-brand2;
+ }
+ hr {
+ background: $color-font;
+ margin: 3px 7px;
+ padding-right: 5px;
+ }
+ p {
+ color: $color-font;
+ font-weight: normal;
+ text-align: center;
+ @media screen and(max-width:572px) {
+ font-size: 12px;
+ }
+ }
+ }
+ }
+ .nav_right {
+ display: flex;
+ align-items: center;
+ @media screen and(max-width:572px) {
+ justify-content: center;
+ }
+ .bag {
+ position: relative;
+ span {
+ color: $color-white;
+ background-color: $color-brand2;
+ height: 20px;
+ width: 20px;
+ font-size: 13px;
+ position: absolute;
+ left: -8px;
+ top: 12px;
+ border-radius: 50%;
+ }
+ }
+ .dropdown {
+ i {
+ font-size: 20px;
+ padding-right: 7px;
+ }
+ .d_image {
+ display: block;
+ max-width: 40px;
+ img {
+ width: 100%;
+ }
+ }
+ .dropdown-menu {
+ padding: 30px 20px;
+ .nav_product {
+ color: $color-black;
+ margin-top: 10px;
+ span {
+ color: $color-brand;
+ }
+ }
+ .drop_buttons {
+ margin-top: 10px;
+ span {
+ padding-left: 5px;
+ }
+ }
+ }
+ }
+ .side_b {
+ background-color: $color-brand;
+ color: $color-white;
+ border-radius: 50%;
+ padding-top: 5px;
+ font-size: 30px;
+ cursor: pointer;
+ height: 55px;
+ display: block;
+ width: 55px;
+ padding-left: 14px;
+ @media screen and(max-width:768px) {
+ background-color: $color-brand;
+ color: $color-white;
+ border-radius: 50%;
+ padding-top: 6px !important;
+ font-size: 15px !important;
+ cursor: pointer;
+ height: 35px;
+ display: block;
+ width: 35px;
+ padding-left: 11px !important;
+ }
+ }
+ }
+ }
+}
+.navigation {
+ padding: 35px 0 50px 0px;
+ .help-line {
+ background-color: $color-brand2;
+ width: auto;
+ height: 35px;
+ padding: 0 30px;
+ display: block;
+ line-height: 35px;
+ font-size: 14px;
+ font-weight: 600;
+ a {
+ color: $color-white;
+ text-decoration: none;
+ }
+ &:hover {
+ background-color: $color-brand;
+ }
+ }
+}
+.navbar-dark {
+ padding: 20px 0;
+ @media screen and(max-width:768px) {
+ display: grid;
+ grid-template-columns: 1fr;
+ grid-row-gap: 30px;
+ }
+ .navbar-toggler {
+ border: 2px solid;
+ border-color: $color-brand2;
+ background-color: $color-brand2;
+ border-radius: 0;
+ .navbar-toggler-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+ }
+ }
+ .navbar-brand {
+ @media screen and(max-width:768px) {
+ margin: auto;
+ }
+ .footer_icon {
+ position: relative;
+ .link_top {
+ color: $color-white;
+ background: $color-brand2;
+ font-size: 11px;
+ padding: 5px 12px;
+ font-weight: 700;
+ position: absolute;
+ top: -43px;
+ left: 9px;
+ &:after {
+ position: absolute;
+ z-index: 2;
+ content: "";
+ width: 0;
+ height: 0;
+ border-style: solid;
+ border-width: 0 9px 9px 9px;
+ border-color: transparent transparent #7bf098 transparent;
+ bottom: -2px;
+ left: -6px;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ }
+ }
+ }
+ a {
+ color: $color-black;
+ margin-right: 15px;
+ &:hover {
+ color: $color-font;
+ }
+ }
+ }
+}
+.navbar-nav {
+ text-align: center;
+ position: relative;
+ .link_top {
+ color: $color-white;
+ background: $color-brand2;
+ font-size: 11px;
+ padding: 5px 15px;
+ font-weight: 700;
+ position: absolute;
+ top: -29px;
+ left: 221px;
+ &:after {
+ position: absolute;
+ z-index: 2;
+ content: "";
+ width: 0;
+ height: 0;
+ border-style: solid;
+ border-width: 0 9px 9px 9px;
+ border-color: transparent transparent #7bf098 transparent;
+ bottom: -2px;
+ left: -6px;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ // bottom: -1px;
+ // left: -6px;
+ // transform: rotate(-36deg);
+ }
+ }
+ .nav-item {
+ .dropdown-menu {
+ @media screen and(max-width:992px) {
+ text-align: center;
+ }
+ .dropdown-item {
+ padding: 10px 10px;
+ &:hover {
+ color: $color-brand;
+ }
+ }
+ }
+ .nav-link {
+ color: $color-black;
+ padding-right: 15px;
+ padding-left: 15px;
+ position: relative;
+ z-index: 1;
+ font-size: 14px;
+ font-weight: 700;
+ text-transform: uppercase;
+ @media screen and(max-width:992px) {
+ padding: 10px 0;
+ }
+
+ }
+ }
+}
+.navbar-nav .nav-item.active .nav-link {
+ color: $color-brand !important;
+}
+.navbar-dark .navbar-nav .nav-link:focus,
+.navbar-dark .navbar-nav .nav-link:hover {
+ color: $color-font !important;
+}
+/* ============ desktop view ============ */
+@media all and (min-width: 992px) {
+ .navbar .nav-item .dropdown-menu {
+ display: none;
+ }
+ .navbar .nav-item:hover .nav-link {
+ color: #181818;
+ }
+ .navbar .nav-item:hover .dropdown-menu {
+ display: block;
+ border: none;
+ }
+ .navbar .nav-item .dropdown-menu {
+ margin-top: 0;
+ padding: 20px 10px;
+ }
+}
+/* ============ desktop view .end// ============ */
+#arrow {
+ position: relative;
+ top: 0;
+ transition: top ease 0.5s;
+}
+#arrow:hover {
+ top: -5px;
+}
+.navbar-dark .navbar-nav .nav-item .dropdown-menu .dropdown-item:active {
+ background-color: $color-brand2;
+ color: $color-white;
+}
+.sidenav {
+ height: 100%;
+ width: 0;
+ position: fixed;
+ z-index: 4;
+ top: 0;
+ left: 0;
+ background-color: $color-white;
+ overflow-x: hidden;
+ transition: 0.5s;
+ padding-top: 60px;
+}
+.sidenav a {
+ padding: 8px 8px 8px 32px;
+ text-decoration: none;
+ font-size: 25px;
+ color: $color-brand;
+ display: block;
+ transition: 0.3s;
+}
+.sidenav a:hover {
+ color: $color-brand2;
+}
+.sidenav .closebtn {
+ position: absolute;
+ top: 0;
+ right: 25px;
+ font-size: 36px;
+ margin-left: 50px;
+}
+#main {
+ transition: margin-left 0.5s;
+ padding: 16px;
+}
+@media screen and (max-height: 450px) {
+ .sidenav {
+ padding-top: 15px;
+ }
+ .sidenav a {
+ font-size: 18px;
+ }
+}
diff --git a/theme_xtream/static/src/scss/layout/_sidebar.scss b/theme_xtream/static/src/scss/layout/_sidebar.scss
new file mode 100644
index 000000000..0ccfe3414
--- /dev/null
+++ b/theme_xtream/static/src/scss/layout/_sidebar.scss
@@ -0,0 +1,204 @@
+.Shop_product .btn:hover {
+ background-color: transparent !important;
+}
+.sidebar {
+ padding-right: 30px;
+ .wrapper {
+ .Sidebar_head {
+ color: $color-brand;
+ font-size: 18px;
+ font-weight: 700;
+ margin-top: 30px;
+ margin-bottom: 40px;
+ }
+ .card {
+ border: none;
+ .card-header {
+ border-color: $color-border;
+ .custom-checkbox {
+ .custom-control-label {
+ font-weight: 400;
+ color: $color-brand;
+ }
+ .custom-control-label::before {
+ box-shadow: none !important;
+ border-color: -$color-brand;
+ }
+ .custom-control-input:checked ~ .custom-control-label::before {
+ color: #a5a3a3;
+ border-color: $color-brand2;
+ background-color: #ff1f49;
+ box-shadow: none !important;
+ }
+ .custom-control-input:checked ~ .custom-control-label::after {
+ background-image: none;
+ }
+ }
+ }
+ .list-group-item {
+ .custom-checkbox {
+ .custom-control-label {
+ color: $color-grey;
+ }
+ .custom-control-label::before {
+ box-shadow: none !important;
+ border-color: $color-font !important;
+ }
+ .custom-control-input:checked ~ .custom-control-label::before {
+ color: #a5a3a3;
+ border-color: $color-font;
+ background-color: #ff1f49;
+ box-shadow: none !important;
+ }
+ .custom-control-input:checked ~ .custom-control-label::after {
+ background-image: none;
+ }
+ }
+ }
+ }
+ .sidebar__filter {
+ .price_wrapper {
+ display: flex;
+ p {
+ align-items: center;
+ margin: 0;
+ display: flex;
+ padding-right: 15px;
+ font-weight: bold;
+ }
+ }
+ }
+ .color {
+ display: flex;
+ padding-left: 0px;
+ li {
+ a:hover {
+ color: $color-brand2;
+ }
+ span {
+ display: block;
+ height: 27px;
+ width: 27px;
+ font-size: 20px;
+ background-color: yellow;
+ border: 1px solid;
+ border-color: transparent;
+ margin-right: 18px;
+ &:hover {
+ border: 3px solid !important;
+ border-color: $color-brand2;
+ }
+ }
+ P {
+ color: $color-brand;
+ padding-top: 10px;
+ font-size: 13px;
+ }
+ &:nth-child(2) {
+ span {
+ background-color: rgba(255, 51, 0, 0.753) !important;
+ }
+ }
+ &:nth-child(3) {
+ span {
+ background-color: rgba(2, 2, 2, 0.753) !important;
+ }
+ }
+ &:nth-child(4) {
+ span {
+ background-color: rgba(34, 148, 255, 0.753) !important;
+ }
+ }
+ &:nth-child(5) {
+ span {
+ background-color: rgba(0, 255, 128, 0.753) !important;
+ }
+ }
+ }
+ }
+ .size {
+ display: flex;
+ padding-left: 0;
+ li {
+ a {
+ text-decoration: none;
+ }
+ span {
+ font-size: 14px;
+ color: $color-brand;
+ display: block;
+ padding: 7px 6px;
+ font-size: 13px;
+ background-color: transparent;
+ font-weight: 700;
+ margin-right: 10px;
+ &:hover {
+ background-color: $color-brand2 !important;
+ color: $color-white;
+ }
+ }
+ }
+ }
+ .rec_wrapper {
+ display: flex;
+ margin-bottom: 25px;
+ &:last-child {
+ margin-bottom: 0;
+ }
+ .rec_img {
+ max-width: 100px;
+ img {
+ width: 100%;
+ }
+ }
+ .rec_details {
+ margin-left: 14px;
+ h6 {
+ font-size: 17px;
+ font-weight: bold;
+ color: $color-brand;
+ }
+ p {
+ font-size: 16px;
+ color: $color-brand;
+ }
+ }
+ }
+ }
+ .sidebar__filter {
+ position: relative;
+ margin-bottom: 60px;
+ .section-title {
+ margin-bottom: 50px;
+ .borderd_header {
+ text-transform: uppercase;
+ }
+ h4 {
+ font-size: 18px;
+ }
+ }
+ }
+ #slider-range {
+ margin-bottom: 30px;
+ background-color: $color-grey;
+ border: none;
+ height: 8px;
+ .ui-state-default,
+ .ui-widget-content .ui-state-default {
+ background-color: #3a3a3a;
+ border: none;
+ height: 18px;
+ width: 18px;
+ top: -4.8px;
+ position: absolute;
+ }
+ &.ui-slider-horizontal .ui-slider-range {
+ top: 0;
+ background-color: $color-brand !important;
+ left: 0%;
+ width: 60%;
+ position: absolute;
+ height: 8px;
+ }
+ }
+}
diff --git a/theme_xtream/static/src/scss/pages/_cart.scss b/theme_xtream/static/src/scss/pages/_cart.scss
new file mode 100644
index 000000000..e9329f780
--- /dev/null
+++ b/theme_xtream/static/src/scss/pages/_cart.scss
@@ -0,0 +1,132 @@
+.cart {
+ margin-top: 90px;
+ .table_wrapper {
+ .table-responsive {
+ overflow-x: auto;
+ }
+ .table {
+ overflow-x: auto;
+ thead {
+ background-color: $color-h-bg;
+ }
+ tbody {
+ .cart_img {
+ display: flex;
+ align-items: center;
+ .wrapper {
+ max-width: 150px;
+ img {
+ width: 100%;
+ }
+ }
+ h6 {
+ color: $color-brand;
+ font-size: 23px;
+ padding-left: 20px;
+ @media screen and(max-width:600px) {
+ font-size: 14px;
+ padding-left: 10px;
+ }
+ }
+ }
+ td {
+ vertical-align: middle;
+ }
+ .cart_q {
+ #myform {
+ text-align: center;
+ padding: 5px;
+ border: 1px solid #ccc;
+ display: flex;
+ margin: 2%;
+ width: 95px;
+ }
+ .qty {
+ width: 40px;
+ height: 25px;
+ text-align: center;
+ border: none;
+ }
+ input.qtyplus {
+ width: 25px;
+ height: 25px;
+ background-color: transparent;
+ border: none;
+ }
+ input.qtyminus {
+ width: 25px;
+ height: 25px;
+ background-color: transparent;
+ border: none;
+ }
+ }
+ }
+ }
+ }
+ .c_buttons {
+ margin-top: 30px;
+ }
+ .cart_bottom {
+ margin-top: 70px;
+ .coupen {
+ padding-top: 30px;
+ .hb {
+ h5 {
+ color: $color-brand;
+ font-size: 23px;
+ font-weight: 700;
+ }
+ p {
+ color: $color-font;
+ }
+ }
+ .input-group {
+ width: 100%;
+ height: 50px;
+ border-radius: 0;
+ margin-top: 70px;
+ .form-control {
+ border-radius: 0;
+ height: 50px;
+ }
+ .input-group-text {
+ border-radius: 0;
+ background-color: $color-brand2;
+ padding: 0 20px;
+ color: $color-white;
+ border: 1px solid;
+ font-weight: 700;
+ }
+ }
+ .form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ border-color: $color-brand2;
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
+ }
+ .radio_wrapper {
+ margin-top: 35px;
+ }
+ .custom-control {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 30px;
+ margin-right: 20px;
+ p {
+ color: $color-black;
+ }
+ }
+ .cart-total-chart {
+ padding-left: 0;
+ margin-top: 35px;
+ li {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 30px;
+ margin-right: 20px;
+ }
+ }
+ }
+ }
+}
diff --git a/theme_xtream/static/src/scss/pages/_categories.scss b/theme_xtream/static/src/scss/pages/_categories.scss
new file mode 100644
index 000000000..8b595db9e
--- /dev/null
+++ b/theme_xtream/static/src/scss/pages/_categories.scss
@@ -0,0 +1,82 @@
+.choose {
+ margin: 90px 0;
+ .wrapper {
+ padding: 10px 0;
+ }
+ .choose_left {
+ color: $color-grey;
+ font-size: $font-text;
+ }
+ .choose_right {
+ @media screen and(max-width:768px) {
+ float: none;
+ }
+ float: right;
+ /* Custom dropdown */
+ .custom-dropdown {
+ width: 300px;
+ border: 1px solid;
+ border-color: $color-border;
+ border-radius: 5px;
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ font-size: $font-text;
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ }
+ .custom-dropdown select {
+ width: 300px;
+ background-color: #ffffff;
+ color: $color-grey;
+ font-size: inherit;
+ padding: 0.7em;
+ padding-right: 2.5em;
+ margin: 0;
+ border: none !important;
+ text-indent: 0.01px;
+ text-overflow: "";
+ /*Hiding the select arrow for firefox*/
+ -moz-appearance: none;
+ /*Hiding the select arrow for chrome*/
+ -webkit-appearance: none;
+ /*Hiding the select arrow default implementation*/
+ appearance: none;
+ }
+ /*Hiding the select arrow for IE10*/
+ .custom-dropdown select::-ms-expand {
+ display: none;
+ }
+ .custom-dropdown::before,
+ .custom-dropdown::after {
+ content: "";
+ position: absolute;
+ pointer-events: none;
+ }
+ .custom-dropdown::after {
+ /* Custom dropdown arrow */
+ content: "\25BC";
+ height: 1em;
+ font-size: 0.625em;
+ line-height: 1;
+ right: 1.2em;
+ top: 50%;
+ margin-top: -0.5em;
+ }
+ .custom-dropdown::before {
+ /* Custom dropdown arrow cover */
+ width: 2em;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ border-radius: 0 3px 3px 0;
+ background-color: rgba(0, 0, 0, 0.2);
+ }
+ .custom-dropdown::after {
+ color: rgba(0, 0, 0, 0.6);
+ }
+ .custom-dropdown select[disabled] {
+ color: rgba(0, 0, 0, 0.25);
+ }
+ }
+}
diff --git a/theme_xtream/static/src/scss/pages/_checkout.scss b/theme_xtream/static/src/scss/pages/_checkout.scss
new file mode 100644
index 000000000..fc6496de8
--- /dev/null
+++ b/theme_xtream/static/src/scss/pages/_checkout.scss
@@ -0,0 +1,185 @@
+.checkout {
+ margin-top: 90px;
+ .checkout_left {
+ .billing {
+ h3 {
+ font-weight: 600;
+ color: $color-brand;
+ text-transform: uppercase;
+ }
+ p {
+ color: $color-grey;
+ margin-top: 15px;
+ }
+ }
+ .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;
+ }
+ .form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ border-color: $color-brand2 !important;
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
+ }
+ .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 $color-font;
+ border-radius: 0;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ box-shadow: none;
+ }
+ .card {
+ border: none;
+ .card-body {
+ .md-form {
+ color: $color-grey;
+ .lable {
+ color: $color-black;
+ }
+ }
+ .custom-control-input:checked ~ .custom-control-label::before {
+ color: $color-hover;
+ border-color: $color-hover;
+ background-color: $color-hover;
+ outline: none;
+ }
+ .form-check-input:checked ~ .form-check-label::before {
+ color: $color-hover !important;
+ border-color: $color-hover !important;
+ background-color: $color-hover !important;
+ content: "";
+ }
+ .input[type="checkbox"],
+ input[type="radio"] {
+ &:before {
+ position: absolute;
+ top: 0.25rem;
+ left: -1.5rem;
+ display: block;
+ width: 1rem;
+ height: 1rem;
+ pointer-events: none;
+ background-color: rgb(138, 23, 23);
+ border: #3e71a5 solid 1px;
+ }
+ }
+ }
+ }
+ }
+ .checkout_right {
+ .order {
+ h3 {
+ font-weight: 600;
+ color: $color-brand;
+ }
+ .subhead {
+ color: $color-grey;
+ padding-top: 10px;
+ }
+ .wrapper {
+ padding-left: 30px;
+ }
+ ul {
+ padding-top: 20px;
+ padding-left: 0;
+ li {
+ display: flex;
+ justify-content: space-between;
+ margin-top: 20px;
+ padding-bottom: 15px;
+ span {
+ padding-right: 30px;
+ }
+ .nn {
+ color: $color-black;
+ }
+ }
+ }
+ .payment {
+ label {
+ color: $color-black;
+ }
+ [type="radio"]:checked,
+ [type="radio"]:not(:checked) {
+ position: absolute;
+ left: -9999px;
+ }
+ [type="radio"]:checked + label,
+ [type="radio"]:not(:checked) + label {
+ position: relative;
+ padding-left: 28px;
+ cursor: pointer;
+ line-height: 20px;
+ display: inline-block;
+ color: #666;
+ }
+ [type="radio"]:checked + label:before,
+ [type="radio"]:not(:checked) + label:before {
+ content: "";
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 18px;
+ height: 18px;
+ border: 1px solid;
+ border-color: $color-border;
+ border-radius: 100%;
+ background: #fff;
+ }
+ [type="radio"]:checked + label:after,
+ [type="radio"]:not(:checked) + label:after {
+ content: "";
+ width: 11px;
+ height: 12px;
+ background: $color-hover;
+ position: absolute;
+ top: 3px;
+ left: 3px;
+ border-radius: 100%;
+ -webkit-transition: all 0.2s ease;
+ transition: all 0.2s ease;
+ }
+ [type="radio"]:not(:checked) + label:after {
+ opacity: 0;
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ }
+ [type="radio"]:checked + label:after {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ }
+ .order_text {
+ font-style: italic;
+ color: $color-grey;
+ margin-top: 55px;
+ margin-bottom: 20px;
+ }
+ }
+ }
+}
diff --git a/theme_xtream/static/src/scss/pages/_contact.scss b/theme_xtream/static/src/scss/pages/_contact.scss
new file mode 100644
index 000000000..5705b6a67
--- /dev/null
+++ b/theme_xtream/static/src/scss/pages/_contact.scss
@@ -0,0 +1,90 @@
+.contact {
+ margin-top: 90px;
+ margin-bottom: 90px;
+ .contact_left {
+ .name {
+ h3 {
+ font-weight: 700;
+ color: $color-brand;
+ text-transform: uppercase;
+ }
+ p {
+ color: $color-grey;
+ }
+ .contact-form {
+ margin-top: 70px;
+ .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: $color-border;
+ border-radius: 0;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ }
+ .form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ border-bottom-color: $color-brand2 !important;
+ outline: 0;
+ box-shadow: none;
+ }
+ .input-block {
+ margin-bottom: 30px;
+ label {
+ color: $color-grey;
+ }
+ }
+ }
+ }
+ }
+ .contact_right {
+ @media screen and(max-width:992px) {
+ margin-top: 50px;
+ }
+ .c_info {
+ margin-bottom: 60px;
+ }
+ h3 {
+ margin-bottom: 30px;
+ text-transform: uppercase;
+ font-weight: 700;
+ color: $color-brand;
+ }
+ .phone {
+ padding-top: 30px;
+ span {
+ padding-right: 20px;
+ }
+ a {
+ color: $color-grey;
+ text-decoration: none;
+ &:hover {
+ color: $color-hover !important;
+ }
+ }
+ }
+ }
+}
+.map {
+ .mapouter {
+ position: relative;
+ text-align: right;
+ height: 500px;
+ widows: 100%;
+ .mapouter {
+ overflow: hidden;
+ background: none !important;
+ height: 100%;
+ width: 100%;
+ }
+ }
+}
diff --git a/theme_xtream/static/src/scss/pages/_pages.scss b/theme_xtream/static/src/scss/pages/_pages.scss
new file mode 100644
index 000000000..8b679c05e
--- /dev/null
+++ b/theme_xtream/static/src/scss/pages/_pages.scss
@@ -0,0 +1,7 @@
+@import './home/home';
+@import './categories';
+@import './shop';
+@import './product-preview';
+@import './cart';
+@import './checkout';
+@import './contact';
\ No newline at end of file
diff --git a/theme_xtream/static/src/scss/pages/_product-preview.scss b/theme_xtream/static/src/scss/pages/_product-preview.scss
new file mode 100644
index 000000000..05cd1b405
--- /dev/null
+++ b/theme_xtream/static/src/scss/pages/_product-preview.scss
@@ -0,0 +1,237 @@
+.product_preview {
+ margin-top: 90px;
+ .breadcrumb {
+ background: transparent;
+ margin-top: 40px;
+ padding-left: 0;
+ .breadcrumb-item {
+ a {
+ color: $color-brand;
+ text-decoration: none;
+ }
+ }
+ }
+ .back_to_page {
+ a {
+ font-size: 12px;
+ color: $color-brand;
+ text-decoration: none;
+ }
+ span {
+ margin-right: 5px;
+ font-size: 11px;
+ }
+ }
+ .product_p {
+ margin-top: 90px;
+ .wrapper {
+ position: relative;
+ .preview_details {
+ @media screen and(max-width:768px) {
+ margin-top: 70px;
+ }
+ h5 {
+ color: $color-black;
+ font-size: 25px;
+ }
+ .price {
+ font-size: 25px;
+ font-weight: 700;
+ margin-top: 10px;
+ color: $color-brand;
+ }
+ .stock {
+ font-size: 12px;
+ line-height: 1.5;
+ span {
+ font-size: 12px;
+ line-height: 1.5;
+ color: $color-font;
+ }
+ }
+ .rating {
+ display: flex;
+ padding-left: 0;
+ padding-top: 10px;
+ li {
+ a {
+ margin-right: 4px;
+ color: #ff9800;
+ span {
+ font-size: 13px;
+ }
+ }
+ }
+ }
+ .size_wrapper {
+ h4 {
+ color: $color-brand;
+ font-size: 14px;
+ font-weight: 700;
+ padding-top: 15px;
+ }
+ .size {
+ display: flex;
+ padding-left: 0;
+ a {
+ text-decoration: none;
+ }
+ span {
+ font-size: 14px;
+ color: $color-black;
+ display: block;
+ padding: 8px 12px;
+ font-size: 13px;
+ background-color: transparent;
+ font-weight: 700;
+ margin-right: 12px;
+ border: 2px solid;
+ border-color: $color-brand;
+ &:hover {
+ background-color: $color-brand2 !important;
+ color: $color-white;
+ border-color: $color-brand2 !important ;
+ }
+ }
+ }
+ }
+ .product_quantity {
+ display: flex;
+ margin-top: 45px;
+ #myform {
+ text-align: center;
+ border: 2px solid #ccc;
+ display: flex;
+ border-radius: 0px;
+ width: 100px;
+ justify-content: space-around;
+ align-items: center;
+ .wrapper_q {
+ display: block !important;
+ }
+ }
+ .qty {
+ width: 40px;
+ height: 15px;
+ text-align: center;
+ border: none;
+ }
+ input.qtyplus {
+ width: 25px;
+ border: none;
+ background-color: transparent;
+ display: block !important;
+ }
+ input.qtyminus {
+ width: 25px;
+ border: none;
+ background-color: transparent;
+ }
+ }
+ .collpase_wrapper {
+ margin-top: 50px;
+ .accordion {
+ &:nth-child(2) {
+ .card {
+ border-bottom-color: $color-brand2;
+ }
+ }
+ .card {
+ border-bottom-color: transparent;
+ background-color: transparent;
+ border-radius: 0;
+ border-left-color: transparent;
+ border-right-color: transparent;
+ .card-header {
+ background-color: transparent;
+ padding: 25px 0;
+ .btn-link,
+ .collapsed {
+ color: $color-black;
+ font-size: 18px;
+ text-decoration: none;
+ font-weight: 700;
+ text-transform: uppercase;
+ }
+ }
+ .collapse {
+ .card-body {
+ color: $color-font;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ .trending_body1 {
+ @media screen and(max-width:576px) {
+ // max-width: 400px;
+ }
+ .outer {
+ margin: 0 auto;
+ }
+ #big .item {
+ width: 100%;
+ display: block;
+ }
+ #thumbs {
+ @media screen and(max-width:576px) {
+ display: none;
+ }
+ }
+ #thumbs .item {
+ background: #c9c9c9;
+ height: 70px;
+ line-height: 70px;
+ padding: 0px;
+ margin: 2px;
+ color: #fff;
+ border-radius: 3px;
+ text-align: center;
+ cursor: pointer;
+ }
+ #thumbs .item h1 {
+ font-size: 18px;
+ }
+ .owl-theme .owl-nav [class*="owl-"] {
+ -webkit-transition: all 0.3s ease;
+ transition: all 0.3s ease;
+ }
+ .owl-theme .owl-nav [class*="owl-"].disabled:hover {
+ background-color: #d6d6d6;
+ }
+ #big.owl-theme {
+ position: relative;
+ }
+ #big.owl-theme .owl-next,
+ #big.owl-theme .owl-prev {
+ background: transparent;
+ width: 22px;
+ line-height: 40px;
+ height: 40px;
+ margin-top: -20px;
+ position: absolute;
+ text-align: center;
+ top: 50%;
+ }
+ #big.owl-theme .owl-prev {
+ left: 10px;
+ }
+ #big.owl-theme .owl-next {
+ right: 10px;
+ }
+ }
+}
+.demo_h {
+ text-align: center;
+ font-size: 60px;
+ font-weight: 700;
+ color: $color-brand;
+ text-transform: uppercase;
+ padding-bottom: 30px;
+ @media screen and(max-width:768px) {
+ font-size: 30px;
+ }
+}
diff --git a/theme_xtream/static/src/scss/pages/_shop.scss b/theme_xtream/static/src/scss/pages/_shop.scss
new file mode 100644
index 000000000..e38939ede
--- /dev/null
+++ b/theme_xtream/static/src/scss/pages/_shop.scss
@@ -0,0 +1,333 @@
+.Shop_product {
+ margin-top: 90px;
+ .main {
+ padding-top: 30px;
+ margin: auto;
+ h2 {
+ text-align: center;
+ font-size: 60px;
+ font-weight: 700;
+ color: $color-brand;
+ text-transform: uppercase;
+ padding-bottom: 30px;
+ @media screen and(max-width:768px) {
+ font-size: 30px;
+ }
+ }
+ .categories {
+ display: flex;
+ justify-content: center;
+ @media screen and(max-width:768px) {
+ display: block;
+ }
+ }
+ }
+ h1 {
+ font-size: 50px;
+ word-break: break-all;
+ }
+ .row {
+ margin: 10px -16px;
+ }
+ /* Add padding BETWEEN each column */
+ .row,
+ .row > .column {
+ padding: 8px;
+ }
+ /* Create three equal columns that floats next to each other */
+ .column {
+ float: left;
+ width: 33.33%;
+ display: none; /* Hide all elements by default */
+ }
+ /* Clear floats after rows */
+ .row:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+ /* Content */
+ .content {
+ padding: 50px 0;
+ .img_zoom {
+ overflow: hidden;
+ }
+ .wrapper {
+ max-width: 330px;
+ position: relative;
+ &:hover {
+ .img_details {
+ position: absolute;
+ left: 44%;
+ display: block;
+ bottom: 45%;
+ z-index: 3;
+ @media screen and(max-width:992px) {
+ left: 35%;
+ bottom: 43%;
+ }
+ @media screen and(max-width:992px) {
+ left: 44%;
+ bottom: 43%;
+ }
+ i {
+ font-size: 25px;
+ color: $color-white;
+ padding: 4px 2px;
+ @media screen and(max-width:992px) {
+ font-size: 12px;
+ }
+ }
+ }
+ &:after {
+ position: absolute;
+ content: " ";
+ height: 100%;
+ width: 100%;
+ top: 0;
+ left: 0;
+ background: #00000054 !important;
+ }
+ }
+ &:before {
+ position: absolute;
+ content: " ";
+ display: block;
+ top: 50%;
+ left: 50%;
+ }
+ @media screen and(max-width:576px) {
+ max-width: none;
+ }
+ .img_details {
+ display: none;
+ }
+ img {
+ width: 100%;
+ }
+ }
+ p {
+ color: $color-font;
+ font-size: 25px;
+ font-weight: lighter;
+ margin-top: 20px;
+ margin-bottom: 5px;
+ }
+ h6 {
+ color: $color-brand;
+ line-height: 1.5;
+ font-weight: 400;
+ font-size: 15px;
+ letter-spacing: 1px;
+ margin-bottom: 40px;
+ }
+ a {
+ font-size: 13px;
+ font-weight: 700;
+ color: $color-brand2;
+ text-decoration: none;
+ &:hover {
+ color: $color-brand;
+ }
+ }
+ #zoomIn {
+ transform: scale(1);
+ transition: 0.3s ease-in-out;
+ &:hover {
+ transform: scale(1.3);
+ border-radius: 6px 6px 0px 0px;
+ }
+ }
+ }
+ /* The "show" class is added to the filtered elements */
+ .show {
+ display: block;
+ }
+ /* Style the buttons */
+ .btn {
+ border: none;
+ outline: none;
+ padding: 12px 16px;
+ background-color: white;
+ cursor: pointer;
+ color: $color-font;
+ font-weight: 700;
+ }
+ .btn:hover {
+ background-color: #ddd;
+ }
+ .btn.active {
+ color: $color-brand;
+ }
+ .modal-content {
+ position: relative;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ width: 100%;
+ pointer-events: auto;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 0;
+ outline: 0;
+ margin: auto;
+ @media screen and(max-width:768px) {
+ margin: auto;
+ max-width: 65%;
+ }
+ @media screen and(max-width:576px) {
+ margin: auto;
+ max-width: 80%;
+ }
+ }
+ .modal-dialog {
+ max-width: 660px;
+ margin: 1.75rem auto;
+ @media screen and(max-width:768px) {
+ margin: 50px 50px;
+ }
+ }
+ .modal {
+ .model-body {
+ padding: 20px 25px;
+ }
+ .wrapper {
+ max-width: 100% !important;
+ img {
+ width: 100%;
+ }
+ }
+ .model_details {
+ h4 {
+ color: $color-brand;
+ font-size: 22px;
+ font-weight: 700;
+ padding-bottom: 10px;
+ }
+ .model_rate {
+ ul {
+ padding-left: 0;
+ display: flex;
+ span {
+ color: #ffcd07;
+ }
+ }
+ }
+ .price {
+ color: $color-brand;
+ font-size: 20px;
+ font-weight: 700;
+ span {
+ margin-left: 5px;
+ font-weight: 700;
+ font-size: 16;
+ color: $color-grey;
+ text-decoration: line-through;
+ }
+ }
+ p {
+ color: $color-brand;
+ line-height: 24px;
+ }
+ a {
+ text-decoration: underline;
+ }
+ .product_count {
+ margin-top: 30px;
+ display: flex;
+ @media screen and(max-width:412px) {
+ display: grid !important;
+ grid-row-gap: 20px !important;
+ }
+ #myform {
+ margin-right: 10px;
+ text-align: center;
+ // padding: 5px;
+ // border: 1px solid #ccc;
+ display: flex;
+ // margin: 2%;
+ // border-radius: 9px;
+ width: 100px;
+ }
+ .qty {
+ width: 40px;
+ height: 25px;
+ text-align: center;
+ border: none;
+ }
+ input.qtyplus {
+ width: 25px;
+ height: 25px;
+ background-color: transparent;
+ border: none;
+ }
+ input.qtyminus {
+ width: 25px;
+ height: 25px;
+ background-color: transparent;
+ border: none;
+ }
+ .icons {
+ margin-left: 15px;
+ span {
+ background: $color-brand2;
+ color: $color-white;
+ font-size: 16px;
+ padding: 9px 10px;
+ &:hover {
+ background-color: $color-black;
+ }
+ &:last-child {
+ background-color: #00bcd4 !important;
+ margin-left: 15px;
+ }
+ }
+ }
+ }
+ .share {
+ font-size: 14px;
+ font-weight: 400;
+ padding-top: 20px;
+ }
+ .footer_icon {
+ padding-top: 5px;
+ a {
+ color: $color-font;
+ margin-right: 15px;
+ &:hover {
+ color: $color-black;
+ }
+ }
+ }
+ }
+ }
+}
+.shop_pagination_area {
+ .pagination {
+ .page-item.active .page-link {
+ color: $color-brand2;
+ background-color: transparent;
+ border-color: $color-brand2;
+ }
+ .page-item {
+ .page-link {
+ color: $color-font;
+ color: $color-font;
+ border: 0;
+ font-size: 22px;
+ font-weight: 600;
+ border: 2px solid;
+ margin-left: 10px;
+ border-radius: 0;
+ border-color: $color-font;
+ box-shadow: none;
+ &:hover {
+ color: $color-brand2;
+ border-color: $color-brand2 !important;
+ }
+ }
+ }
+ }
+}
diff --git a/theme_xtream/static/src/scss/pages/home/_amazing.scss b/theme_xtream/static/src/scss/pages/home/_amazing.scss
new file mode 100644
index 000000000..d1e149ffa
--- /dev/null
+++ b/theme_xtream/static/src/scss/pages/home/_amazing.scss
@@ -0,0 +1,56 @@
+.amazing {
+ margin-top: 20px;
+ .amazing_bg {
+ background-image: url(./../img/bg-img/bg-5.jpg);
+ padding-top: 100px;
+ background-size: cover;
+ width: 100%;
+ background-position: center top;
+ background-size: cover;
+ @media screen and(max-width: 768px) {
+ padding-bottom: 50px;
+ padding-top: 50px;
+ }
+ .amazing_content {
+ margin: 100px 0;
+ margin-left: auto;
+ background-color: $color-transp;
+ padding: 50px 50px;
+ float: right;
+ color: $color-white;
+ @media screen and(max-width:768px) {
+ float: none;
+ margin: auto;
+ }
+ }
+ h2 {
+ font-size: 55px;
+ font-weight: 600;
+ margin-bottom: 20px;
+ @media screen and(max-width:768px) {
+ font-size: 30px;
+ }
+ }
+ p {
+ padding-bottom: 10px;
+ font-size: 15px;
+ font-weight: 700;
+ }
+ .rate {
+ span {
+ color: $color-white;
+ font-size: 30px;
+ font-weight: 500;
+ text-decoration: line-through;
+ &:last-child {
+ color: $color-brand2;
+ font-size: 35px;
+ margin-left: 10px;
+ font-weight: 600;
+ text-decoration: none;
+ }
+ }
+ margin-bottom: 20px;
+ }
+ }
+}
diff --git a/theme_xtream/static/src/scss/pages/home/_discount.scss b/theme_xtream/static/src/scss/pages/home/_discount.scss
new file mode 100644
index 000000000..a71fb2936
--- /dev/null
+++ b/theme_xtream/static/src/scss/pages/home/_discount.scss
@@ -0,0 +1,61 @@
+.discount {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ @media screen and(max-width:992px) {
+ grid-template-columns: 1fr;
+ }
+ .dicount_content1 {
+ text-align: center;
+ color: $color-white;
+ background-color: $color-font;
+ padding: 40px 15px;
+ h4 {
+ font-size: 25px;
+ font-weight: 700;
+ @media screen and(max-width:992px) {
+ font-size: 22px;
+ }
+ }
+ a {
+ color: $color-white;
+ font-size: 14px;
+ text-decoration: none;
+ font-weight: 700;
+ &:hover {
+ color: $color-brand;
+ }
+ }
+ }
+ .dicount_content2 {
+ text-align: center;
+ color: $color-white;
+ background-color: $color-brand2;
+ padding: 40px 15px;
+ h4 {
+ font-size: 25px;
+ font-weight: 700;
+ }
+ p {
+ color: $color-white;
+ font-size: 14px;
+ text-decoration: none;
+ font-weight: 700;
+ }
+ }
+ .dicount_content3 {
+ text-align: center;
+ color: $color-white;
+ background-color: $color-brand;
+ padding: 40px 15px;
+ h4 {
+ font-size: 25px;
+ font-weight: 700;
+ }
+ p {
+ color: $color-white;
+ font-size: 14px;
+ text-decoration: none;
+ font-weight: 700;
+ }
+ }
+}
diff --git a/theme_xtream/static/src/scss/pages/home/_home.scss b/theme_xtream/static/src/scss/pages/home/_home.scss
new file mode 100644
index 000000000..046fda13f
--- /dev/null
+++ b/theme_xtream/static/src/scss/pages/home/_home.scss
@@ -0,0 +1,23 @@
+@import './main-product';
+@import './amazing';
+@import './testmonial';
+@import './discount';
+
+
+
+
+
+
+
+
+
+// .body_section{
+// background-color: $color-white !important;
+
+// position: relative;
+// margin-bottom: 230px;
+// @media screen and(max-width:992px) {
+// margin-bottom: 400px;
+// }
+
+// }
\ No newline at end of file
diff --git a/theme_xtream/static/src/scss/pages/home/_main-product.scss b/theme_xtream/static/src/scss/pages/home/_main-product.scss
new file mode 100644
index 000000000..67931dbea
--- /dev/null
+++ b/theme_xtream/static/src/scss/pages/home/_main-product.scss
@@ -0,0 +1,98 @@
+.main_product {
+ .wrapper {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ @media screen and(max-width:768px) {
+ grid-template-columns: 1fr;
+ }
+ .main_left {
+ position: relative;
+ background-size: cover;
+ width: 100%;
+ background-repeat: no-repeat;
+ &:hover {
+ -webkit-transition: 0.5s;
+ transition: 0.5s;
+ &:after {
+ position: absolute;
+ content: " ";
+ height: 100%;
+ width: 100%;
+ top: 0;
+ left: 0;
+ background: #7bf09885 !important;
+ }
+ }
+ .card {
+ background: transparent;
+ padding-top: 112px;
+ padding-bottom: 100px;
+ border: none !important;
+ margin-left: 65px;
+ z-index: 3;
+ @media screen and(max-width:768px) {
+ padding-top: 100px;
+ }
+ .card-title {
+ color: $color-white;
+ font-size: 5vw;
+ font-weight: bold;
+ padding-bottom: 20px;
+ text-transform: uppercase;
+ @media screen and(max-width:768px) {
+ font-size: 30px !important;
+ }
+ }
+ .card-text {
+ color: $color-white;
+ font-weight: 700;
+ font-size: 15px;
+ }
+ }
+ }
+ .main_right {
+ background-size: cover;
+ width: 100%;
+ background-repeat: no-repeat;
+ position: relative;
+ &:hover {
+ &:after {
+ position: absolute;
+ content: " ";
+ height: 100%;
+ width: 100%;
+ top: 0;
+ left: 0;
+ background: #7bf09885 !important;
+ }
+ }
+ .card {
+ background: transparent;
+ padding-top: 112px;
+ padding-bottom: 100px;
+ border: none !important;
+ margin-left: 65px;
+ z-index: 3;
+ @media screen and(max-width:768px) {
+ padding-top: 100px;
+ padding-bottom: 100px;
+ }
+ .card-title {
+ color: $color-white;
+ font-size: 5vw;
+ font-weight: bold;
+ padding-bottom: 20px;
+ text-transform: uppercase;
+ @media screen and(max-width:768px) {
+ font-size: 30px !important;
+ }
+ }
+ .card-text {
+ color: $color-white;
+ font-weight: 700;
+ font-size: 15px;
+ }
+ }
+ }
+ }
+}
diff --git a/theme_xtream/static/src/scss/pages/home/_testmonial.scss b/theme_xtream/static/src/scss/pages/home/_testmonial.scss
new file mode 100644
index 000000000..021dec87a
--- /dev/null
+++ b/theme_xtream/static/src/scss/pages/home/_testmonial.scss
@@ -0,0 +1,104 @@
+.testiomonial {
+ margin-top: 90px;
+ .wrapper {
+ position: relative;
+ h2 {
+ text-align: center;
+ font-size: 60px;
+ font-weight: 700;
+ color: $color-brand;
+ text-transform: uppercase;
+ padding-bottom: 30px;
+ @media screen and(max-width:768px) {
+ font-size: 30px;
+ }
+ }
+ .testimonial_content {
+ padding: 0px 111px;
+ padding-top: 30px;
+ @media screen and(max-width:992px) {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ span {
+ color: $color-brand2;
+ font-size: 30px;
+ text-align: center;
+ justify-content: center;
+ display: flex;
+ }
+ .pp {
+ margin: 40px 0;
+ font-size: 17px;
+ line-height: 2;
+ font-weight: 700;
+ color: $color-font;
+ text-align: center;
+ padding: 0 100px;
+ @media screen and(max-width:768px) {
+ padding: 0 50px;
+ }
+ }
+ .img_test {
+ padding-top: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ .wrapper {
+ max-width: 75px;
+ img {
+ width: 100%;
+ border-radius: 50%;
+ }
+ }
+ .name {
+ margin-left: 20px;
+ p {
+ color: $color-brand;
+ font-size: 18px;
+ font-weight: 700;
+ margin: 0;
+ }
+ span {
+ color: $color-brand2;
+ font-size: 16px;
+ font-weight: 700;
+ }
+ }
+ }
+ }
+ }
+ .owl-carousel button.owl-dot span {
+ height: 10px;
+ width: 10px;
+ border: 1px solid !important;
+ border-color: $color-font !important;
+ color: $color-white;
+ // background-color: $color-brand2 !important;
+ border-radius: 50%;
+ display: block;
+ font-weight: 700;
+ margin: 5px;
+ }
+ .owl-carousel button.owl-dot.active span {
+ background-color: $color-brand2 !important;
+ }
+ .owl-carousel {
+ .owl-dots {
+ position: absolute;
+ bottom: 165px;
+ left: 0px !important;
+ transform: rotate(90deg);
+ background-color: transparent;
+ @media screen and(max-width:1000px) {
+ left: 150px;
+ }
+ @media screen and(max-width:768px) {
+ left: 100px;
+ }
+ @media screen and(max-width:600px) {
+ left: 75px;
+ }
+ }
+ }
+}
diff --git a/theme_xtream/static/src/scss/style.scss b/theme_xtream/static/src/scss/style.scss
new file mode 100644
index 000000000..2c907dd4a
--- /dev/null
+++ b/theme_xtream/static/src/scss/style.scss
@@ -0,0 +1,15 @@
+//Google font
+// @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;500;600;700;800;900;1000&family=Roboto&display=swap');
+// @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');
+
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap');
+
+
+//Global
+
+@import './variables';
+@import './normalize';
+@import './common';
+@import './components/components';
+@import './layout/layouts';
+@import './pages/pages';
\ No newline at end of file
diff --git a/theme_xtream/views/contact_us_templates.xml b/theme_xtream/views/contact_us_templates.xml
new file mode 100644
index 000000000..eb996e753
--- /dev/null
+++ b/theme_xtream/views/contact_us_templates.xml
@@ -0,0 +1,209 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_xtream/views/footer_templates.xml b/theme_xtream/views/footer_templates.xml
new file mode 100644
index 000000000..dc732c048
--- /dev/null
+++ b/theme_xtream/views/footer_templates.xml
@@ -0,0 +1,72 @@
+
+
+
+
+
diff --git a/theme_xtream/views/header_templates.xml b/theme_xtream/views/header_templates.xml
new file mode 100644
index 000000000..d6617b9f1
--- /dev/null
+++ b/theme_xtream/views/header_templates.xml
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_xtream/views/layout_templates.xml b/theme_xtream/views/layout_templates.xml
new file mode 100644
index 000000000..d0f663e04
--- /dev/null
+++ b/theme_xtream/views/layout_templates.xml
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
+
+ Xtream
+
+
+
+
+
+
+
+
+
diff --git a/theme_xtream/views/shop_templates.xml b/theme_xtream/views/shop_templates.xml
new file mode 100644
index 000000000..d1a930d65
--- /dev/null
+++ b/theme_xtream/views/shop_templates.xml
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_xtream/views/snippets/amazing.xml b/theme_xtream/views/snippets/amazing.xml
new file mode 100644
index 000000000..a3ef93ae8
--- /dev/null
+++ b/theme_xtream/views/snippets/amazing.xml
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
+
+
+
BLACK BOOTS
+
+ * Free shipping until 25 Dec 2017
+
+
+ $25.90
+
+ $15.90
+
+
+
SHOP NOW
+
+
+
+
+
+
+
+
diff --git a/theme_xtream/views/snippets/discount.xml b/theme_xtream/views/snippets/discount.xml
new file mode 100644
index 000000000..6556639a0
--- /dev/null
+++ b/theme_xtream/views/snippets/discount.xml
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+
Free Shipping & Returns
+
Buy now
+
+
+
20% Discount for all dresses
+
USE CODE: Cybro
+
+
+
20% Discount for dresses
+
USE CODE: Cybro
+
+
+
+
+
diff --git a/theme_xtream/views/snippets/main_banner.xml b/theme_xtream/views/snippets/main_banner.xml
new file mode 100644
index 000000000..6f54df9d2
--- /dev/null
+++ b/theme_xtream/views/snippets/main_banner.xml
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
*Only today we offer free shipping
+
FASHION TRENDS
+
Shop Now
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A new Online Shop Experience.
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ Nullam a ultricies metus. Sed nec molestie.
+
CHECK COLLECTION
+
+
+
+
+
+
+
+
+
+ Previous
+
+
+
+ Next
+
+
+
+
+
diff --git a/theme_xtream/views/snippets/main_product.xml b/theme_xtream/views/snippets/main_product.xml
new file mode 100644
index 000000000..16d8194f4
--- /dev/null
+++ b/theme_xtream/views/snippets/main_product.xml
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
ON ACCESSORIES
+
Sale 30%
+
SHOP NOW
+
+
+
+
+
+
+
in Bags excepting the new collection
+
DESIGNER BAGS
+
SHOP NOW
+
+
+
+
+
+
+
+
diff --git a/theme_xtream/views/snippets/new_arrivals.xml b/theme_xtream/views/snippets/new_arrivals.xml
new file mode 100644
index 000000000..54c014a48
--- /dev/null
+++ b/theme_xtream/views/snippets/new_arrivals.xml
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
Snippet will be displayed here... Please Save to view the snippet.
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_xtream/views/snippets/snippets_templates.xml b/theme_xtream/views/snippets/snippets_templates.xml
new file mode 100644
index 000000000..834e36c45
--- /dev/null
+++ b/theme_xtream/views/snippets/snippets_templates.xml
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_xtream/views/snippets/testimonial.xml b/theme_xtream/views/snippets/testimonial.xml
new file mode 100644
index 000000000..30ddb43c4
--- /dev/null
+++ b/theme_xtream/views/snippets/testimonial.xml
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+
+
+
Snippet will be displayed here... Please Save to view the snippet.
+
+
+
+
+
+
+
+
+
+
+
Configure Testimonials : Website > Configuration > Xtream Testimonials
+
+
+
+
+
+
+
+
Testimonial
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme_xtream/views/xtream_testimonials_views.xml b/theme_xtream/views/xtream_testimonials_views.xml
new file mode 100644
index 000000000..1ebf9aedd
--- /dev/null
+++ b/theme_xtream/views/xtream_testimonials_views.xml
@@ -0,0 +1,27 @@
+
+
+
+
+ xtream.testimonials.tree
+ xtream.testimonials
+
+
+
+
+
+
+
+
+
+ Xtream Testimonials
+ xtream.testimonials
+ list
+
+
+
+