',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",offset:[0,0],container:!1,fallbackPlacements:["top","right","bottom","left"],boundary:"clippingParents",customClass:"",sanitize:!0,sanitizeFn:null,allowList:{"*":["class","dir","id","lang","role",/^aria-[\w-]*$/i],a:["target","href","title","rel"],area:[],b:[],br:[],col:[],code:[],div:[],em:[],hr:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],i:[],img:["src","srcset","alt","title","width","height"],li:[],ol:[],p:[],pre:[],s:[],small:[],span:[],sub:[],sup:[],strong:[],u:[],ul:[]},popperConfig:null},en={HIDE:"hide.bs.tooltip",HIDDEN:"hidden.bs.tooltip",SHOW:"show.bs.tooltip",SHOWN:"shown.bs.tooltip",INSERTED:"inserted.bs.tooltip",CLICK:"click.bs.tooltip",FOCUSIN:"focusin.bs.tooltip",FOCUSOUT:"focusout.bs.tooltip",MOUSEENTER:"mouseenter.bs.tooltip",MOUSELEAVE:"mouseleave.bs.tooltip"},nn="fade",sn="show",on="show",rn="out",an=".tooltip-inner",ln=".modal",cn="hide.bs.modal",hn="hover",dn="focus";class un extends B{constructor(t,e){if(void 0===Fe)throw new TypeError("Bootstrap's tooltips require Popper (https://popper.js.org)");super(t),this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this._config=this._getConfig(e),this.tip=null,this._setListeners()}static get Default(){return tn}static get NAME(){return Qi}static get Event(){return en}static get DefaultType(){return Zi}enable(){this._isEnabled=!0}disable(){this._isEnabled=!1}toggleEnabled(){this._isEnabled=!this._isEnabled}toggle(t){if(this._isEnabled)if(t){const e=this._initializeOnDelegatedTarget(t);e._activeTrigger.click=!e._activeTrigger.click,e._isWithActiveTrigger()?e._enter(null,e):e._leave(null,e)}else{if(this.getTipElement().classList.contains(sn))return void this._leave(null,this);this._enter(null,this)}}dispose(){clearTimeout(this._timeout),j.off(this._element.closest(ln),cn,this._hideModalHandler),this.tip&&this.tip.remove(),this._disposePopper(),super.dispose()}show(){if("none"===this._element.style.display)throw new Error("Please use show on visible elements");if(!this.isWithContent()||!this._isEnabled)return;const t=j.trigger(this._element,this.constructor.Event.SHOW),e=h(this._element),i=null===e?this._element.ownerDocument.documentElement.contains(this._element):e.contains(this._element);if(t.defaultPrevented||!i)return;"tooltip"===this.constructor.NAME&&this.tip&&this.getTitle()!==this.tip.querySelector(an).innerHTML&&(this._disposePopper(),this.tip.remove(),this.tip=null);const n=this.getTipElement(),s=(t=>{do{t+=Math.floor(1e6*Math.random())}while(document.getElementById(t));return t})(this.constructor.NAME);n.setAttribute("id",s),this._element.setAttribute("aria-describedby",s),this._config.animation&&n.classList.add(nn);const o="function"==typeof this._config.placement?this._config.placement.call(this,n,this._element):this._config.placement,r=this._getAttachment(o);this._addAttachmentClass(r);const{container:a}=this._config;H.set(n,this.constructor.DATA_KEY,this),this._element.ownerDocument.documentElement.contains(this.tip)||(a.append(n),j.trigger(this._element,this.constructor.Event.INSERTED)),this._popper?this._popper.update():this._popper=qe(this._element,n,this._getPopperConfig(r)),n.classList.add(sn);const l=this._resolvePossibleFunction(this._config.customClass);l&&n.classList.add(...l.split(" ")),"ontouchstart"in document.documentElement&&[].concat(...document.body.children).forEach((t=>{j.on(t,"mouseover",d)}));const c=this.tip.classList.contains(nn);this._queueCallback((()=>{const t=this._hoverState;this._hoverState=null,j.trigger(this._element,this.constructor.Event.SHOWN),t===rn&&this._leave(null,this)}),this.tip,c)}hide(){if(!this._popper)return;const t=this.getTipElement();if(j.trigger(this._element,this.constructor.Event.HIDE).defaultPrevented)return;t.classList.remove(sn),"ontouchstart"in document.documentElement&&[].concat(...document.body.children).forEach((t=>j.off(t,"mouseover",d))),this._activeTrigger.click=!1,this._activeTrigger.focus=!1,this._activeTrigger.hover=!1;const e=this.tip.classList.contains(nn);this._queueCallback((()=>{this._isWithActiveTrigger()||(this._hoverState!==on&&t.remove(),this._cleanTipClass(),this._element.removeAttribute("aria-describedby"),j.trigger(this._element,this.constructor.Event.HIDDEN),this._disposePopper())}),this.tip,e),this._hoverState=""}update(){null!==this._popper&&this._popper.update()}isWithContent(){return Boolean(this.getTitle())}getTipElement(){if(this.tip)return this.tip;const t=document.createElement("div");t.innerHTML=this._config.template;const e=t.children[0];return this.setContent(e),e.classList.remove(nn,sn),this.tip=e,this.tip}setContent(t){this._sanitizeAndSetContent(t,this.getTitle(),an)}_sanitizeAndSetContent(t,e,i){const n=V.findOne(i,t);e||!n?this.setElementContent(n,e):n.remove()}setElementContent(t,e){if(null!==t)return o(e)?(e=r(e),void(this._config.html?e.parentNode!==t&&(t.innerHTML="",t.append(e)):t.textContent=e.textContent)):void(this._config.html?(this._config.sanitize&&(e=Yi(e,this._config.allowList,this._config.sanitizeFn)),t.innerHTML=e):t.textContent=e)}getTitle(){const t=this._element.getAttribute("data-bs-original-title")||this._config.title;return this._resolvePossibleFunction(t)}updateAttachment(t){return"right"===t?"end":"left"===t?"start":t}_initializeOnDelegatedTarget(t,e){return e||this.constructor.getOrCreateInstance(t.delegateTarget,this._getDelegateConfig())}_getOffset(){const{offset:t}=this._config;return"string"==typeof t?t.split(",").map((t=>Number.parseInt(t,10))):"function"==typeof t?e=>t(e,this._element):t}_resolvePossibleFunction(t){return"function"==typeof t?t.call(this._element):t}_getPopperConfig(t){const e={placement:t,modifiers:[{name:"flip",options:{fallbackPlacements:this._config.fallbackPlacements}},{name:"offset",options:{offset:this._getOffset()}},{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"arrow",options:{element:`.${this.constructor.NAME}-arrow`}},{name:"onChange",enabled:!0,phase:"afterWrite",fn:t=>this._handlePopperPlacementChange(t)}],onFirstUpdate:t=>{t.options.placement!==t.placement&&this._handlePopperPlacementChange(t)}};return{...e,..."function"==typeof this._config.popperConfig?this._config.popperConfig(e):this._config.popperConfig}}_addAttachmentClass(t){this.getTipElement().classList.add(`${this._getBasicClassPrefix()}-${this.updateAttachment(t)}`)}_getAttachment(t){return Ji[t.toUpperCase()]}_setListeners(){this._config.trigger.split(" ").forEach((t=>{if("click"===t)j.on(this._element,this.constructor.Event.CLICK,this._config.selector,(t=>this.toggle(t)));else if("manual"!==t){const e=t===hn?this.constructor.Event.MOUSEENTER:this.constructor.Event.FOCUSIN,i=t===hn?this.constructor.Event.MOUSELEAVE:this.constructor.Event.FOCUSOUT;j.on(this._element,e,this._config.selector,(t=>this._enter(t))),j.on(this._element,i,this._config.selector,(t=>this._leave(t)))}})),this._hideModalHandler=()=>{this._element&&this.hide()},j.on(this._element.closest(ln),cn,this._hideModalHandler),this._config.selector?this._config={...this._config,trigger:"manual",selector:""}:this._fixTitle()}_fixTitle(){const t=this._element.getAttribute("title"),e=typeof this._element.getAttribute("data-bs-original-title");(t||"string"!==e)&&(this._element.setAttribute("data-bs-original-title",t||""),!t||this._element.getAttribute("aria-label")||this._element.textContent||this._element.setAttribute("aria-label",t),this._element.setAttribute("title",""))}_enter(t,e){e=this._initializeOnDelegatedTarget(t,e),t&&(e._activeTrigger["focusin"===t.type?dn:hn]=!0),e.getTipElement().classList.contains(sn)||e._hoverState===on?e._hoverState=on:(clearTimeout(e._timeout),e._hoverState=on,e._config.delay&&e._config.delay.show?e._timeout=setTimeout((()=>{e._hoverState===on&&e.show()}),e._config.delay.show):e.show())}_leave(t,e){e=this._initializeOnDelegatedTarget(t,e),t&&(e._activeTrigger["focusout"===t.type?dn:hn]=e._element.contains(t.relatedTarget)),e._isWithActiveTrigger()||(clearTimeout(e._timeout),e._hoverState=rn,e._config.delay&&e._config.delay.hide?e._timeout=setTimeout((()=>{e._hoverState===rn&&e.hide()}),e._config.delay.hide):e.hide())}_isWithActiveTrigger(){for(const t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1}_getConfig(t){const e=U.getDataAttributes(this._element);return Object.keys(e).forEach((t=>{Gi.has(t)&&delete e[t]})),(t={...this.constructor.Default,...e,..."object"==typeof t&&t?t:{}}).container=!1===t.container?document.body:r(t.container),"number"==typeof t.delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),a(Qi,t,this.constructor.DefaultType),t.sanitize&&(t.template=Yi(t.template,t.allowList,t.sanitizeFn)),t}_getDelegateConfig(){const t={};for(const e in this._config)this.constructor.Default[e]!==this._config[e]&&(t[e]=this._config[e]);return t}_cleanTipClass(){const t=this.getTipElement(),e=new RegExp(`(^|\\s)${this._getBasicClassPrefix()}\\S+`,"g"),i=t.getAttribute("class").match(e);null!==i&&i.length>0&&i.map((t=>t.trim())).forEach((e=>t.classList.remove(e)))}_getBasicClassPrefix(){return"bs-tooltip"}_handlePopperPlacementChange(t){const{state:e}=t;e&&(this.tip=e.elements.popper,this._cleanTipClass(),this._addAttachmentClass(this._getAttachment(e.placement)))}_disposePopper(){this._popper&&(this._popper.destroy(),this._popper=null)}static jQueryInterface(t){return this.each((function(){const e=un.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}}g(un);const fn={...un.Default,placement:"right",offset:[0,8],trigger:"click",content:"",template:'
'},pn={...un.DefaultType,content:"(string|element|function)"},mn={HIDE:"hide.bs.popover",HIDDEN:"hidden.bs.popover",SHOW:"show.bs.popover",SHOWN:"shown.bs.popover",INSERTED:"inserted.bs.popover",CLICK:"click.bs.popover",FOCUSIN:"focusin.bs.popover",FOCUSOUT:"focusout.bs.popover",MOUSEENTER:"mouseenter.bs.popover",MOUSELEAVE:"mouseleave.bs.popover"};class gn extends un{static get Default(){return fn}static get NAME(){return"popover"}static get Event(){return mn}static get DefaultType(){return pn}isWithContent(){return this.getTitle()||this._getContent()}setContent(t){this._sanitizeAndSetContent(t,this.getTitle(),".popover-header"),this._sanitizeAndSetContent(t,this._getContent(),".popover-body")}_getContent(){return this._resolvePossibleFunction(this._config.content)}_getBasicClassPrefix(){return"bs-popover"}static jQueryInterface(t){return this.each((function(){const e=gn.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}}g(gn);const _n="scrollspy",bn={offset:10,method:"auto",target:""},vn={offset:"number",method:"string",target:"(string|element)"},yn="active",wn=".nav-link, .list-group-item, .dropdown-item",En="position";class An extends B{constructor(t,e){super(t),this._scrollElement="BODY"===this._element.tagName?window:this._element,this._config=this._getConfig(e),this._offsets=[],this._targets=[],this._activeTarget=null,this._scrollHeight=0,j.on(this._scrollElement,"scroll.bs.scrollspy",(()=>this._process())),this.refresh(),this._process()}static get Default(){return bn}static get NAME(){return _n}refresh(){const t=this._scrollElement===this._scrollElement.window?"offset":En,e="auto"===this._config.method?t:this._config.method,n=e===En?this._getScrollTop():0;this._offsets=[],this._targets=[],this._scrollHeight=this._getScrollHeight(),V.find(wn,this._config.target).map((t=>{const s=i(t),o=s?V.findOne(s):null;if(o){const t=o.getBoundingClientRect();if(t.width||t.height)return[U[e](o).top+n,s]}return null})).filter((t=>t)).sort(((t,e)=>t[0]-e[0])).forEach((t=>{this._offsets.push(t[0]),this._targets.push(t[1])}))}dispose(){j.off(this._scrollElement,".bs.scrollspy"),super.dispose()}_getConfig(t){return(t={...bn,...U.getDataAttributes(this._element),..."object"==typeof t&&t?t:{}}).target=r(t.target)||document.documentElement,a(_n,t,vn),t}_getScrollTop(){return this._scrollElement===window?this._scrollElement.pageYOffset:this._scrollElement.scrollTop}_getScrollHeight(){return this._scrollElement.scrollHeight||Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)}_getOffsetHeight(){return this._scrollElement===window?window.innerHeight:this._scrollElement.getBoundingClientRect().height}_process(){const t=this._getScrollTop()+this._config.offset,e=this._getScrollHeight(),i=this._config.offset+e-this._getOffsetHeight();if(this._scrollHeight!==e&&this.refresh(),t>=i){const t=this._targets[this._targets.length-1];this._activeTarget!==t&&this._activate(t)}else{if(this._activeTarget&&t
");return c.inlineElement=f,f}return b.updateStatus("ready"),b._parseMarkup(d,{},c),d}}});var H,I="ajax",J=function(){H&&a(document.body).removeClass(H)},K=function(){J(),b.req&&b.req.abort()};a.magnificPopup.registerModule(I,{options:{settings:null,cursor:"mfp-ajax-cur",tError:'The content could not be loaded.'},proto:{initAjax:function(){b.types.push(I),H=b.st.ajax.cursor,w(h+"."+I,K),w("BeforeChange."+I,K)},getAjax:function(c){H&&a(document.body).addClass(H),b.updateStatus("loading");var d=a.extend({url:c.src,success:function(d,e,f){var g={data:d,xhr:f};y("ParseAjax",g),b.appendContent(a(g.data),I),c.finished=!0,J(),b._setFocus(),setTimeout(function(){b.wrap.addClass(q)},16),b.updateStatus("ready"),y("AjaxContentAdded")},error:function(){J(),c.finished=c.loadError=!0,b.updateStatus("error",b.st.ajax.tError.replace("%url%",c.src))}},b.st.ajax.settings);return b.req=a.ajax(d),""}}});var L,M=function(c){if(c.data&&void 0!==c.data.title)return c.data.title;var d=b.st.image.titleSrc;if(d){if(a.isFunction(d))return d.call(b,c);if(c.el)return c.el.attr(d)||""}return""};a.magnificPopup.registerModule("image",{options:{markup:'![]()
').on("load.mfploader",function(){d.hasSize=!0}).on("error.mfploader",function(){d.hasSize=!0,d.loadError=!0,y("LazyLoadError",d)}).attr("src",d.src)),d.preloaded=!0}}}});var U="retina";a.magnificPopup.registerModule(U,{options:{replaceSrc:function(a){return a.src.replace(/\.\w+$/,function(a){return"@2x"+a})},ratio:1},proto:{initRetina:function(){if(window.devicePixelRatio>1){var a=b.st.retina,c=a.ratio;c=isNaN(c)?c():c,c>1&&(w("ImageHasSize."+U,function(a,b){b.img.css({"max-width":b.img[0].naturalWidth/c,width:"100%"})}),w("ElementParse."+U,function(b,d){d.src=a.replaceSrc(d,c)}))}}}}),A()});
\ No newline at end of file
diff --git a/public/js/main.js b/public/js/main.js
new file mode 100644
index 0000000..fff3d98
--- /dev/null
+++ b/public/js/main.js
@@ -0,0 +1,461 @@
+/***************************************************
+/***************************************************
+==================== JS INDEX ======================
+****************************************************
+
+****************************************************/
+
+(function ($) {
+ "use strict";
+
+ var windowOn = $(window);
+ ////////////////////////////////////////////////////
+ // 01. PreLoader Js
+ windowOn.on('load', function () {
+ $(".tp-preloader").fadeOut(500);
+ });
+
+ ////////////////////////////////////////////////////
+ // 02. Mobile Menu Js
+ $('#mobile-menu').meanmenu({
+ meanMenuContainer: '.mobile-menu',
+ meanScreenWidth: "991",
+ meanExpand: [''],
+ });
+
+
+ ////////////////////////////////////////////////////
+ // 03. Sidebar Js
+ $(".offcanvas-open-btn").on("click", function () {
+ $(".offcanvas__area").addClass("offcanvas-opened");
+ $(".body-overlay").addClass("opened");
+ });
+ $(".offcanvas-close-btn").on("click", function () {
+ $(".offcanvas__area").removeClass("offcanvas-opened");
+ $(".body-overlay").removeClass("opened");
+ });
+
+
+ ////////////////////////////////////////////////////
+ // 04. Body overlay Js
+ $(".body-overlay").on("click", function () {
+ $(".offcanvas__area").removeClass("offcanvas-opened");
+ $(".body-overlay").removeClass("opened");
+ });
+
+
+ ////////////////////////////////////////////////////
+ // 05. Search Js
+ $(".search-toggle").on("click", function () {
+ $(".search__area").addClass("opened");
+ });
+ $(".search-close-btn").on("click", function () {
+ $(".search__area").removeClass("opened");
+ });
+
+
+ ////////////////////////////////////////////////////
+ // 06. Sticky Header Js
+ windowOn.on('scroll', function () {
+ var scroll = $(window).scrollTop();
+ if (scroll < 300) {
+ $("#header-sticky").removeClass("header-sticky");
+ } else {
+ $("#header-sticky").addClass("header-sticky");
+ }
+ });
+
+ // last child menu
+ $('.wp-menu nav > ul > li').slice(-4).addClass('menu-last');
+
+
+ ////////////////////////////////////////////////////
+ // 07. Data CSS Js
+ $("[data-background").each(function () {
+ $(this).css("background-image", "url( " + $(this).attr("data-background") + " )");
+ });
+
+ $("[data-width]").each(function () {
+ $(this).css("width", $(this).attr("data-width"));
+ });
+
+ $("[data-bg-color]").each(function () {
+ $(this).css("background-color", $(this).attr("data-bg-color"));
+ });
+
+ ////////////////////////////////////////////////////
+ // 07. Nice Select Js
+ $('select').niceSelect();
+
+ ////////////////////////////////////////////////////
+ // 07. Smooth Scroll Js
+ function smoothSctollTop() {
+ $('.smooth a').on('click', function (event) {
+ var target = $(this.getAttribute('href'));
+ if (target.length) {
+ event.preventDefault();
+ $('html, body').stop().animate({
+ scrollTop: target.offset().top - 120
+ }, 1500);
+ }
+ });
+ }
+ smoothSctollTop();
+
+ // mainSlider
+ function mainSlider() {
+ var BasicSlider = $('.tp-slilder-active');
+ BasicSlider.on('init', function (e, slick) {
+ var $firstAnimatingElements = $('.tp-slider__item:first-child').find('[data-animation]');
+ doAnimations($firstAnimatingElements);
+ });
+ BasicSlider.on('beforeChange', function (e, slick, currentSlide, nextSlide) {
+ var $animatingElements = $('.tp-slider__item[data-slick-index="' + nextSlide + '"]').find('[data-animation]');
+ doAnimations($animatingElements);
+ });
+ BasicSlider.slick({
+ autoplay: true,
+ autoplaySpeed: 4000,
+ dots: false,
+ fade: true,
+ arrows: true,
+ appendArrows: '.tp-slider__arrows',
+ prevArrow: '',
+ nextArrow: '',
+ responsive: [
+ {
+ breakpoint: 767,
+ settings: {
+ dots: false,
+ arrows: false
+ }
+ }
+ ]
+ });
+
+ function doAnimations(elements) {
+ var animationEndEvents = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
+ elements.each(function () {
+ var $this = $(this);
+ var $animationDelay = $this.data('delay');
+ var $animationType = 'animated ' + $this.data('animation');
+ $this.css({
+ 'animation-delay': $animationDelay,
+ '-webkit-animation-delay': $animationDelay
+ });
+ $this.addClass($animationType).one(animationEndEvents, function () {
+ $this.removeClass($animationType);
+ });
+ });
+ }
+ }
+ mainSlider();
+
+
+
+ $('.tp-slick-test').slick({
+ autoplay: true,
+ autoplaySpeed: 4000,
+ dots: true,
+ fade: true,
+ arrows: true,
+ prevArrow: '',
+ nextArrow: '',
+ infinite: true,
+ speed: 300,
+ slidesToShow: 4,
+ slidesToScroll: 4,
+ responsive: [
+ {
+ breakpoint: 1024,
+ settings: {
+ slidesToShow: 3,
+ slidesToScroll: 3,
+ infinite: true,
+ dots: true
+ }
+ },
+ {
+ breakpoint: 600,
+ settings: {
+ slidesToShow: 2,
+ slidesToScroll: 2
+ }
+ },
+ {
+ breakpoint: 480,
+ settings: {
+ slidesToShow: 1,
+ slidesToScroll: 1
+ }
+ }
+ ]
+ });
+
+ // tesimonial slider
+ $('.tp-testimonial__slider').slick({
+ autoplay: true,
+ autoplaySpeed: 4000,
+ dots: true,
+ arrows: true,
+ appendArrows: '.tp-testimonial__arrows',
+ prevArrow: '',
+ nextArrow: '',
+ appendDots: ".tp-testimonial__dots",
+ infinite: true,
+ speed: 300,
+ slidesToShow: 1,
+ slidesToScroll: 1,
+ responsive: [
+ {
+ breakpoint: 1024,
+ settings: {
+ slidesToShow: 1,
+ slidesToScroll: 1,
+ infinite: true,
+ arrows: false,
+ }
+ },
+ {
+ breakpoint: 480,
+ settings: {
+ slidesToShow: 1,
+ slidesToScroll: 1,
+ arrows: false,
+ }
+ }
+ ]
+ });
+
+ // tesimonial slider
+ $('.tp-testimonial-2__slider').slick({
+ autoplay: true,
+ autoplaySpeed: 4000,
+ dots: true,
+ arrows: false,
+ appendDots: ".tp-testimonial-2__dots",
+ infinite: true,
+ speed: 300,
+ slidesToShow: 3,
+ slidesToScroll: 1,
+ responsive: [
+ {
+ breakpoint: 1024,
+ settings: {
+ slidesToShow: 1,
+ slidesToScroll: 1,
+ infinite: true,
+ arrows: false,
+ }
+ },
+ {
+ breakpoint: 480,
+ settings: {
+ slidesToShow: 1,
+ slidesToScroll: 1,
+ arrows: false,
+ }
+ }
+ ]
+ });
+
+ // brnad slider
+ $('.tp-brand_slider').slick({
+ autoplay: true,
+ autoplaySpeed: 4000,
+ dots: false,
+ arrows: false,
+ infinite: true,
+ speed: 300,
+ slidesToShow: 6,
+ slidesToScroll: 1,
+ responsive: [
+ {
+ breakpoint: 1024,
+ settings: {
+ slidesToShow: 3,
+ slidesToScroll: 1,
+ infinite: true,
+
+ }
+ },
+ {
+ breakpoint: 600,
+ settings: {
+ slidesToShow: 2,
+ slidesToScroll: 1
+ }
+ },
+ {
+ breakpoint: 480,
+ settings: {
+ slidesToShow: 1,
+ slidesToScroll: 1
+ }
+ }
+ ]
+ });
+
+
+ ////////////////////////////////////////////////////
+ // 13. Masonary Js
+ $('.grid').imagesLoaded(function () {
+ // init Isotope
+ var $grid = $('.grid').isotope({
+ itemSelector: '.grid-item',
+ percentPosition: true,
+ masonry: {
+ // use outer width of grid-sizer for columnWidth
+ columnWidth: '.grid-item',
+ }
+ });
+
+
+ // filter items on button click
+ $('.masonary-menu').on('click', 'button', function () {
+ var filterValue = $(this).attr('data-filter');
+ $grid.isotope({ filter: filterValue });
+ });
+
+ //for menu active class
+ $('.masonary-menu button').on('click', function (event) {
+ $(this).siblings('.active').removeClass('active');
+ $(this).addClass('active');
+ event.preventDefault();
+ });
+
+ });
+
+ /* magnificPopup img view */
+ $('.popup-image').magnificPopup({
+ type: 'image',
+ gallery: {
+ enabled: true
+ }
+ });
+
+ /* magnificPopup video view */
+ $(".popup-video").magnificPopup({
+ type: "iframe",
+ });
+
+ ////////////////////////////////////////////////////
+ // 14. Wow Js
+ new WOW().init();
+
+ ////////////////////////////////////////////////////
+ // 16. Cart Quantity Js
+ $('.cart-minus').on('click', function () {
+ var $input = $(this).parent().find('input');
+ var count = parseInt($input.val()) - 1;
+ count = count < 1 ? 1 : count;
+ $input.val(count);
+ $input.change();
+ return false;
+ });
+
+ $('.cart-plus').on('click', function () {
+ var $input = $(this).parent().find('input');
+ $input.val(parseInt($input.val()) + 1);
+ $input.change();
+ return false;
+ });
+
+
+ ////////////////////////////////////////////////////
+ // 17. Show Login Toggle Js
+ $('#showlogin').on('click', function () {
+ $('#checkout-login').slideToggle(900);
+ });
+
+ ////////////////////////////////////////////////////
+ // 18. Show Coupon Toggle Js
+ $('#showcoupon').on('click', function () {
+ $('#checkout_coupon').slideToggle(900);
+ });
+
+ ////////////////////////////////////////////////////
+ // 19. Create An Account Toggle Js
+ $('#cbox').on('click', function () {
+ $('#cbox_info').slideToggle(900);
+ });
+
+ ////////////////////////////////////////////////////
+ // 20. Shipping Box Toggle Js
+ $('#ship-box').on('click', function () {
+ $('#ship-box-info').slideToggle(1000);
+ });
+
+ ////////////////////////////////////////////////////
+ // 21. Counter Js
+ $('.counter').counterUp({
+ delay: 10,
+ time: 1000
+ });
+
+ ////////////////////////////////////////////////////
+ // 22. Parallax Js
+ if ($('.scene').length > 0) {
+ $('.scene').parallax({
+ scalarX: 10.0,
+ scalarY: 15.0,
+ });
+ };
+
+ ////////////////////////////////////////////////////
+ // 23. InHover Active Js
+ $('.hover__active').on('mouseenter', function () {
+ $(this).addClass('active').parent().siblings().find('.hover__active').removeClass('active');
+ });
+
+ if ($('#nft-slider').length > 0) {
+ var stepsSlider = document.getElementById('nft-slider');
+ var input0 = document.getElementById('input-with-keypress-0');
+ var input1 = document.getElementById('input-with-keypress-1');
+ var inputs = [input0, input1];
+
+ noUiSlider.create(stepsSlider, {
+ start: [0, 4],
+ connect: true,
+ range: {
+ 'min': [0],
+ 'max': 10
+ }
+ });
+
+ stepsSlider.noUiSlider.on('update', function (values, handle) {
+ inputs[handle].value = values[handle];
+ });
+ }
+
+
+ ////////////////////////////////////////////////////
+ // 25. back to top Js
+ var btn = $('.tp-backtotop');
+ $(window).on('scroll', function () {
+ if ($(window).scrollTop() > 300) {
+ btn.addClass('show');
+ } else {
+ btn.removeClass('show');
+ }
+ });
+ btn.on('click', function (e) {
+ e.preventDefault();
+ $('html, body').animate({
+ scrollTop: 0
+ }, '300');
+ });
+
+ // 36. Data Countdown Js
+ $('[data-countdown]').each(function() {
+ var $this = $(this),
+ finalDate = $(this).data('countdown');
+ $this.countdown(finalDate, function(event) {
+ $this.html(event.strftime('%-D =e[r];)r+=1;return r}function r(t,e,r){if(r>=t.slice(-1)[0])return 100;var n=l(r,t),i=t[n-1],o=t[n],t=e[n-1],n=e[n];return t+(r=r,a(o=[i,o],o[0]<0?r+Math.abs(o[0]):r-o[0],0)/s(t,n))}function o(t,e,r,n){if(100===n)return n;var i=l(n,t),o=t[i-1],s=t[i];return r?(s-o)/2this.xPct[n+1];)n++;else t===this.xPct[this.xPct.length-1]&&(n=this.xPct.length-2);r||t!==this.xPct[n+1]||n++;for(var i,o=1,s=(e=null===e?[]:e)[n],a=0,l=0,u=0,c=r?(t-this.xPct[n])/(this.xPct[n+1]-this.xPct[n]):(this.xPct[n+1]-t)/(this.xPct[n+1]-this.xPct[n]);0= 2) required for mode 'count'.");for(var e=t.values-1,r=100/e,n=[];e--;)n[e]=e*r;return n.push(100),U(n,t.stepped)}(d),m={},t=S.xVal[0],e=S.xVal[S.xVal.length-1],g=!1,v=!1,b=0;return(h=h.slice().sort(function(t,e){return t-e}).filter(function(t){return!this[t]&&(this[t]=!0)},{}))[0]!==t&&(h.unshift(t),g=!0),h[h.length-1]!==e&&(h.push(e),v=!0),h.forEach(function(t,e){var r,n,i,o,s,a,l,u,t=t,c=h[e+1],p=d.mode===ot.PipsMode.Steps,f=(f=p?S.xNumSteps[e]:f)||c-t;for(void 0===c&&(c=t),f=Math.max(f,1e-7),r=t;r<=c;r=Number((r+f).toFixed(7))){for(a=(o=(i=S.toStepping(r))-b)/(d.density||1),u=o/(l=Math.round(a)),n=1;n<=l;n+=1)m[(s=b+n*u).toFixed(5)]=[S.fromStepping(s),0];a=-1ot.PipsType.NoValue&&((t=P(a,!1)).className=p(n,f.cssClasses.value),t.setAttribute("data-value",String(r)),t.style[f.style]=e+"%",t.innerHTML=String(s.to(r))))}),a}function L(){n&&(st(n),n=null)}function T(t){L();var e=D(t),r=t.filter,t=t.format||{to:function(t){return String(Math.round(t))}};return n=d.appendChild(O(e,r,t))}function j(){var t=i.getBoundingClientRect(),e="offset"+["Width","Height"][f.ort];return 0===f.ort?t.width||i[e]:t.height||i[e]}function z(n,i,o,s){function e(t){var e,r=function(e,t,r){var n=0===e.type.indexOf("touch"),i=0===e.type.indexOf("mouse"),o=0===e.type.indexOf("pointer"),s=0,a=0;0===e.type.indexOf("MSPointer")&&(o=!0);if("mousedown"===e.type&&!e.buttons&&!e.touches)return!1;if(n){var l=function(t){t=t.target;return t===r||r.contains(t)||e.composed&&e.composedPath().shift()===r};if("touchstart"===e.type){n=Array.prototype.filter.call(e.touches,l);if(1r.stepAfter.startValue&&(i=r.stepAfter.startValue-n),t=n>r.thisStep.startValue?r.thisStep.step:!1!==r.stepBefore.step&&n-r.stepBefore.highestStep,100===e?i=null:0===e&&(t=null);e=S.countStepDecimals();return null!==i&&!1!==i&&(i=Number(i.toFixed(e))),[t=null!==t&&!1!==t?Number(t.toFixed(e)):t,i]}ft(t=d,f.cssClasses.target),0===f.dir?ft(t,f.cssClasses.ltr):ft(t,f.cssClasses.rtl),0===f.ort?ft(t,f.cssClasses.horizontal):ft(t,f.cssClasses.vertical),ft(t,"rtl"===getComputedStyle(t).direction?f.cssClasses.textDirectionRtl:f.cssClasses.textDirectionLtr),i=P(t,f.cssClasses.base),function(t,e){var r=P(e,f.cssClasses.connects);a=[],(l=[]).push(N(r,t[0]));for(var n=0;n 0 && propertyValue !== "none";
+ documentElement.style.overflow = documentOverflow;
+ body.removeChild(element);
+ if ( isCreatedBody ) {
+ body.removeAttribute('style');
+ body.parentNode.removeChild(body);
+ }
+ }
+ break;
+ }
+ return featureSupport;
+ };
+
+ Plugin.prototype.ww = null;
+ Plugin.prototype.wh = null;
+ Plugin.prototype.wcx = null;
+ Plugin.prototype.wcy = null;
+ Plugin.prototype.wrx = null;
+ Plugin.prototype.wry = null;
+ Plugin.prototype.portrait = null;
+ Plugin.prototype.desktop = !navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry|BB10|mobi|tablet|opera mini|nexus 7)/i);
+ Plugin.prototype.vendors = [null,['-webkit-','webkit'],['-moz-','Moz'],['-o-','O'],['-ms-','ms']];
+ Plugin.prototype.motionSupport = !!window.DeviceMotionEvent;
+ Plugin.prototype.orientationSupport = !!window.DeviceOrientationEvent;
+ Plugin.prototype.orientationStatus = 0;
+ Plugin.prototype.transform2DSupport = Plugin.prototype.transformSupport('2D');
+ Plugin.prototype.transform3DSupport = Plugin.prototype.transformSupport('3D');
+ Plugin.prototype.propertyCache = {};
+
+ Plugin.prototype.initialise = function() {
+
+ // Configure Styles
+ if (this.$context.css('position') === 'static') {
+ this.$context.css({
+ position:'relative'
+ });
+ }
+
+ // Pointer events
+ if(!this.pointerEvents){
+ this.$context.css({
+ pointerEvents: 'none'
+ });
+ }
+
+ // Hardware Accelerate Context
+ this.accelerate(this.$context);
+
+ // Setup
+ this.updateLayers();
+ this.updateDimensions();
+ this.enable();
+ this.queueCalibration(this.calibrationDelay);
+ };
+
+ Plugin.prototype.updateLayers = function() {
+
+ // Cache Layer Elements
+ this.$layers = this.$context.find('.layer');
+ this.depthsX = [];
+ this.depthsY = [];
+
+ // Configure Layer Styles
+ this.$layers.css({
+ position:'absolute',
+ display:'block',
+ left: 0,
+ top: 0
+ });
+ this.$layers.first().css({
+ position:'relative'
+ });
+
+ // Hardware Accelerate Layers
+ this.accelerate(this.$layers);
+
+ // Cache Depths
+ this.$layers.each($.proxy(function(index, element) {
+ //Graceful fallback on depth if depth-x or depth-y is absent
+ var depth = $(element).data('depth') || 0;
+ this.depthsX.push($(element).data('depth-x') || depth);
+ this.depthsY.push($(element).data('depth-y') || depth);
+ }, this));
+ };
+
+ Plugin.prototype.updateDimensions = function() {
+ this.ww = window.innerWidth;
+ this.wh = window.innerHeight;
+ this.wcx = this.ww * this.originX;
+ this.wcy = this.wh * this.originY;
+ this.wrx = Math.max(this.wcx, this.ww - this.wcx);
+ this.wry = Math.max(this.wcy, this.wh - this.wcy);
+ };
+
+ Plugin.prototype.updateBounds = function() {
+ this.bounds = this.element.getBoundingClientRect();
+ this.ex = this.bounds.left;
+ this.ey = this.bounds.top;
+ this.ew = this.bounds.width;
+ this.eh = this.bounds.height;
+ this.ecx = this.ew * this.originX;
+ this.ecy = this.eh * this.originY;
+ this.erx = Math.max(this.ecx, this.ew - this.ecx);
+ this.ery = Math.max(this.ecy, this.eh - this.ecy);
+ };
+
+ Plugin.prototype.queueCalibration = function(delay) {
+ clearTimeout(this.calibrationTimer);
+ this.calibrationTimer = setTimeout(this.onCalibrationTimer, delay);
+ };
+
+ Plugin.prototype.enable = function() {
+ if (!this.enabled) {
+ this.enabled = true;
+ if (this.orientationSupport) {
+ this.portrait = null;
+ window.addEventListener('deviceorientation', this.onDeviceOrientation);
+ setTimeout(this.onOrientationTimer, this.supportDelay);
+ } else {
+ this.cx = 0;
+ this.cy = 0;
+ this.portrait = false;
+ window.addEventListener('mousemove', this.onMouseMove);
+ }
+ window.addEventListener('resize', this.onWindowResize);
+ this.raf = requestAnimationFrame(this.onAnimationFrame);
+ }
+ };
+
+ Plugin.prototype.disable = function() {
+ if (this.enabled) {
+ this.enabled = false;
+ if (this.orientationSupport) {
+ window.removeEventListener('deviceorientation', this.onDeviceOrientation);
+ } else {
+ window.removeEventListener('mousemove', this.onMouseMove);
+ }
+ window.removeEventListener('resize', this.onWindowResize);
+ cancelAnimationFrame(this.raf);
+ }
+ };
+
+ Plugin.prototype.calibrate = function(x, y) {
+ this.calibrateX = x === undefined ? this.calibrateX : x;
+ this.calibrateY = y === undefined ? this.calibrateY : y;
+ };
+
+ Plugin.prototype.invert = function(x, y) {
+ this.invertX = x === undefined ? this.invertX : x;
+ this.invertY = y === undefined ? this.invertY : y;
+ };
+
+ Plugin.prototype.friction = function(x, y) {
+ this.frictionX = x === undefined ? this.frictionX : x;
+ this.frictionY = y === undefined ? this.frictionY : y;
+ };
+
+ Plugin.prototype.scalar = function(x, y) {
+ this.scalarX = x === undefined ? this.scalarX : x;
+ this.scalarY = y === undefined ? this.scalarY : y;
+ };
+
+ Plugin.prototype.limit = function(x, y) {
+ this.limitX = x === undefined ? this.limitX : x;
+ this.limitY = y === undefined ? this.limitY : y;
+ };
+
+ Plugin.prototype.origin = function(x, y) {
+ this.originX = x === undefined ? this.originX : x;
+ this.originY = y === undefined ? this.originY : y;
+ };
+
+ Plugin.prototype.clamp = function(value, min, max) {
+ value = Math.max(value, min);
+ value = Math.min(value, max);
+ return value;
+ };
+
+ Plugin.prototype.css = function(element, property, value) {
+ var jsProperty = this.propertyCache[property];
+ if (!jsProperty) {
+ for (var i = 0, l = this.vendors.length; i < l; i++) {
+ if (this.vendors[i] !== null) {
+ jsProperty = $.camelCase(this.vendors[i][1] + '-' + property);
+ } else {
+ jsProperty = property;
+ }
+ if (element.style[jsProperty] !== undefined) {
+ this.propertyCache[property] = jsProperty;
+ break;
+ }
+ }
+ }
+ element.style[jsProperty] = value;
+ };
+
+ Plugin.prototype.accelerate = function($element) {
+ for (var i = 0, l = $element.length; i < l; i++) {
+ var element = $element[i];
+ this.css(element, 'transform', 'translate3d(0,0,0)');
+ this.css(element, 'transform-style', 'preserve-3d');
+ this.css(element, 'backface-visibility', 'hidden');
+ }
+ };
+
+ Plugin.prototype.setPosition = function(element, x, y) {
+ x += 'px';
+ y += 'px';
+ if (this.transform3DSupport) {
+ this.css(element, 'transform', 'translate3d('+x+','+y+',0)');
+ } else if (this.transform2DSupport) {
+ this.css(element, 'transform', 'translate('+x+','+y+')');
+ } else {
+ element.style.left = x;
+ element.style.top = y;
+ }
+ };
+
+ Plugin.prototype.onOrientationTimer = function(event) {
+ if (this.orientationSupport && this.orientationStatus === 0) {
+ this.disable();
+ this.orientationSupport = false;
+ this.enable();
+ }
+ };
+
+ Plugin.prototype.onCalibrationTimer = function(event) {
+ this.calibrationFlag = true;
+ };
+
+ Plugin.prototype.onWindowResize = function(event) {
+ this.updateDimensions();
+ };
+
+ Plugin.prototype.onAnimationFrame = function() {
+ this.updateBounds();
+ var dx = this.ix - this.cx;
+ var dy = this.iy - this.cy;
+ if ((Math.abs(dx) > this.calibrationThreshold) || (Math.abs(dy) > this.calibrationThreshold)) {
+ this.queueCalibration(0);
+ }
+ if (this.portrait) {
+ this.mx = this.calibrateX ? dy : this.iy;
+ this.my = this.calibrateY ? dx : this.ix;
+ } else {
+ this.mx = this.calibrateX ? dx : this.ix;
+ this.my = this.calibrateY ? dy : this.iy;
+ }
+ this.mx *= this.ew * (this.scalarX / 100);
+ this.my *= this.eh * (this.scalarY / 100);
+ if (!isNaN(parseFloat(this.limitX))) {
+ this.mx = this.clamp(this.mx, -this.limitX, this.limitX);
+ }
+ if (!isNaN(parseFloat(this.limitY))) {
+ this.my = this.clamp(this.my, -this.limitY, this.limitY);
+ }
+ this.vx += (this.mx - this.vx) * this.frictionX;
+ this.vy += (this.my - this.vy) * this.frictionY;
+ for (var i = 0, l = this.$layers.length; i < l; i++) {
+ var depthX = this.depthsX[i];
+ var depthY = this.depthsY[i];
+ var layer = this.$layers[i];
+ var xOffset = this.vx * (depthX * (this.invertX ? -1 : 1));
+ var yOffset = this.vy * (depthY * (this.invertY ? -1 : 1));
+ this.setPosition(layer, xOffset, yOffset);
+ }
+ this.raf = requestAnimationFrame(this.onAnimationFrame);
+ };
+
+ Plugin.prototype.onDeviceOrientation = function(event) {
+
+ // Validate environment and event properties.
+ if (!this.desktop && event.beta !== null && event.gamma !== null) {
+
+ // Set orientation status.
+ this.orientationStatus = 1;
+
+ // Extract Rotation
+ var x = (event.beta || 0) / MAGIC_NUMBER; // -90 :: 90
+ var y = (event.gamma || 0) / MAGIC_NUMBER; // -180 :: 180
+
+ // Detect Orientation Change
+ var portrait = window.innerHeight > window.innerWidth;
+ if (this.portrait !== portrait) {
+ this.portrait = portrait;
+ this.calibrationFlag = true;
+ }
+
+ // Set Calibration
+ if (this.calibrationFlag) {
+ this.calibrationFlag = false;
+ this.cx = x;
+ this.cy = y;
+ }
+
+ // Set Input
+ this.ix = x;
+ this.iy = y;
+ }
+ };
+
+ Plugin.prototype.onMouseMove = function(event) {
+
+ // Cache mouse coordinates.
+ var clientX = event.clientX;
+ var clientY = event.clientY;
+
+ // Calculate Mouse Input
+ if (!this.orientationSupport && this.relativeInput) {
+
+ // Clip mouse coordinates inside element bounds.
+ if (this.clipRelativeInput) {
+ clientX = Math.max(clientX, this.ex);
+ clientX = Math.min(clientX, this.ex + this.ew);
+ clientY = Math.max(clientY, this.ey);
+ clientY = Math.min(clientY, this.ey + this.eh);
+ }
+
+ // Calculate input relative to the element.
+ this.ix = (clientX - this.ex - this.ecx) / this.erx;
+ this.iy = (clientY - this.ey - this.ecy) / this.ery;
+
+ } else {
+
+ // Calculate input relative to the window.
+ this.ix = (clientX - this.wcx) / this.wrx;
+ this.iy = (clientY - this.wcy) / this.wry;
+ }
+ };
+
+ var API = {
+ enable: Plugin.prototype.enable,
+ disable: Plugin.prototype.disable,
+ updateLayers: Plugin.prototype.updateLayers,
+ calibrate: Plugin.prototype.calibrate,
+ friction: Plugin.prototype.friction,
+ invert: Plugin.prototype.invert,
+ scalar: Plugin.prototype.scalar,
+ limit: Plugin.prototype.limit,
+ origin: Plugin.prototype.origin
+ };
+
+ $.fn[NAME] = function (value) {
+ var args = arguments;
+ return this.each(function () {
+ var $this = $(this);
+ var plugin = $this.data(NAME);
+ if (!plugin) {
+ plugin = new Plugin(this, value);
+ $this.data(NAME, plugin);
+ }
+ if (API[value]) {
+ plugin[value].apply(plugin, Array.prototype.slice.call(args, 1));
+ }
+ });
+ };
+
+})(window.jQuery || window.Zepto, window, document);
\ No newline at end of file
diff --git a/public/js/slick.js b/public/js/slick.js
new file mode 100644
index 0000000..483c6a5
--- /dev/null
+++ b/public/js/slick.js
@@ -0,0 +1,2 @@
+!function(a){"use strict";"function"==typeof define&&define.amd?define(["jquery"],a):"undefined"!=typeof exports?module.exports=a(require("jquery")):a(jQuery)}(function(a){"use strict";var b=window.Slick||{};b=function(){function c(c,d){var f,e=this;e.defaults={accessibility:!0,adaptiveHeight:!1,appendArrows:a(c),appendDots:a(c),arrows:!0,asNavFor:null,prevArrow:'',nextArrow:'',autoplay:!1,autoplaySpeed:3e3,centerMode:!1,centerPadding:"50px",cssEase:"ease",customPaging:function(a,b){return'"},dots:!1,dotsClass:"slick-dots",draggable:!0,easing:"linear",edgeFriction:.35,fade:!1,focusOnSelect:!1,infinite:!0,initialSlide:0,lazyLoad:"ondemand",mobileFirst:!1,pauseOnHover:!0,pauseOnDotsHover:!1,respondTo:"window",responsive:null,rows:1,rtl:!1,slide:"",slidesPerRow:1,slidesToShow:1,slidesToScroll:1,speed:500,swipe:!0,swipeToSlide:!1,touchMove:!0,touchThreshold:5,useCSS:!0,variableWidth:!1,vertical:!1,verticalSwiping:!1,waitForAnimate:!0,zIndex:1e3},e.initials={animating:!1,dragging:!1,autoPlayTimer:null,currentDirection:0,currentLeft:null,currentSlide:0,direction:1,$dots:null,listWidth:null,listHeight:null,loadIndex:0,$nextArrow:null,$prevArrow:null,slideCount:null,slideWidth:null,$slideTrack:null,$slides:null,sliding:!1,slideOffset:0,swipeLeft:null,$list:null,touchObject:{},transformsEnabled:!1,unslicked:!1},a.extend(e,e.initials),e.activeBreakpoint=null,e.animType=null,e.animProp=null,e.breakpoints=[],e.breakpointSettings=[],e.cssTransitions=!1,e.hidden="hidden",e.paused=!1,e.positionProp=null,e.respondTo=null,e.rowCount=1,e.shouldClick=!0,e.$slider=a(c),e.$slidesCache=null,e.transformType=null,e.transitionType=null,e.visibilityChange="visibilitychange",e.windowWidth=0,e.windowTimer=null,f=a(c).data("slick")||{},e.options=a.extend({},e.defaults,f,d),e.currentSlide=e.options.initialSlide,e.originalSettings=e.options,"undefined"!=typeof document.mozHidden?(e.hidden="mozHidden",e.visibilityChange="mozvisibilitychange"):"undefined"!=typeof document.webkitHidden&&(e.hidden="webkitHidden",e.visibilityChange="webkitvisibilitychange"),e.autoPlay=a.proxy(e.autoPlay,e),e.autoPlayClear=a.proxy(e.autoPlayClear,e),e.changeSlide=a.proxy(e.changeSlide,e),e.clickHandler=a.proxy(e.clickHandler,e),e.selectHandler=a.proxy(e.selectHandler,e),e.setPosition=a.proxy(e.setPosition,e),e.swipeHandler=a.proxy(e.swipeHandler,e),e.dragHandler=a.proxy(e.dragHandler,e),e.keyHandler=a.proxy(e.keyHandler,e),e.autoPlayIterator=a.proxy(e.autoPlayIterator,e),e.instanceUid=b++,e.htmlExpr=/^(?:\s*(<[\w\W]+>)[^>]*)$/,e.registerBreakpoints(),e.init(!0),e.checkResponsive(!0)}var b=0;return c}(),b.prototype.addSlide=b.prototype.slickAdd=function(b,c,d){var e=this;if("boolean"==typeof c)d=c,c=null;else if(0>c||c>=e.slideCount)return!1;e.unload(),"number"==typeof c?0===c&&0===e.$slides.length?a(b).appendTo(e.$slideTrack):d?a(b).insertBefore(e.$slides.eq(c)):a(b).insertAfter(e.$slides.eq(c)):d===!0?a(b).prependTo(e.$slideTrack):a(b).appendTo(e.$slideTrack),e.$slides=e.$slideTrack.children(this.options.slide),e.$slideTrack.children(this.options.slide).detach(),e.$slideTrack.append(e.$slides),e.$slides.each(function(b,c){a(c).attr("data-slick-index",b)}),e.$slidesCache=e.$slides,e.reinit()},b.prototype.animateHeight=function(){var a=this;if(1===a.options.slidesToShow&&a.options.adaptiveHeight===!0&&a.options.vertical===!1){var b=a.$slides.eq(a.currentSlide).outerHeight(!0);a.$list.animate({height:b},a.options.speed)}},b.prototype.animateSlide=function(b,c){var d={},e=this;e.animateHeight(),e.options.rtl===!0&&e.options.vertical===!1&&(b=-b),e.transformsEnabled===!1?e.options.vertical===!1?e.$slideTrack.animate({left:b},e.options.speed,e.options.easing,c):e.$slideTrack.animate({top:b},e.options.speed,e.options.easing,c):e.cssTransitions===!1?(e.options.rtl===!0&&(e.currentLeft=-e.currentLeft),a({animStart:e.currentLeft}).animate({animStart:b},{duration:e.options.speed,easing:e.options.easing,step:function(a){a=Math.ceil(a),e.options.vertical===!1?(d[e.animType]="translate("+a+"px, 0px)",e.$slideTrack.css(d)):(d[e.animType]="translate(0px,"+a+"px)",e.$slideTrack.css(d))},complete:function(){c&&c.call()}})):(e.applyTransition(),b=Math.ceil(b),d[e.animType]=e.options.vertical===!1?"translate3d("+b+"px, 0px, 0px)":"translate3d(0px,"+b+"px, 0px)",e.$slideTrack.css(d),c&&setTimeout(function(){e.disableTransition(),c.call()},e.options.speed))},b.prototype.asNavFor=function(b){var c=this,d=c.options.asNavFor;d&&null!==d&&(d=a(d).not(c.$slider)),null!==d&&"object"==typeof d&&d.each(function(){var c=a(this).slick("getSlick");c.unslicked||c.slideHandler(b,!0)})},b.prototype.applyTransition=function(a){var b=this,c={};c[b.transitionType]=b.options.fade===!1?b.transformType+" "+b.options.speed+"ms "+b.options.cssEase:"opacity "+b.options.speed+"ms "+b.options.cssEase,b.options.fade===!1?b.$slideTrack.css(c):b.$slides.eq(a).css(c)},b.prototype.autoPlay=function(){var a=this;a.autoPlayTimer&&clearInterval(a.autoPlayTimer),a.slideCount>a.options.slidesToShow&&a.paused!==!0&&(a.autoPlayTimer=setInterval(a.autoPlayIterator,a.options.autoplaySpeed))},b.prototype.autoPlayClear=function(){var a=this;a.autoPlayTimer&&clearInterval(a.autoPlayTimer)},b.prototype.autoPlayIterator=function(){var a=this;a.options.infinite===!1?1===a.direction?(a.currentSlide+1===a.slideCount-1&&(a.direction=0),a.slideHandler(a.currentSlide+a.options.slidesToScroll)):(0===a.currentSlide-1&&(a.direction=1),a.slideHandler(a.currentSlide-a.options.slidesToScroll)):a.slideHandler(a.currentSlide+a.options.slidesToScroll)},b.prototype.buildArrows=function(){var b=this;b.options.arrows===!0&&(b.$prevArrow=a(b.options.prevArrow).addClass("slick-arrow"),b.$nextArrow=a(b.options.nextArrow).addClass("slick-arrow"),b.slideCount>b.options.slidesToShow?(b.$prevArrow.removeClass("slick-hidden").removeAttr("aria-hidden tabindex"),b.$nextArrow.removeClass("slick-hidden").removeAttr("aria-hidden tabindex"),b.htmlExpr.test(b.options.prevArrow)&&b.$prevArrow.prependTo(b.options.appendArrows),b.htmlExpr.test(b.options.nextArrow)&&b.$nextArrow.appendTo(b.options.appendArrows),b.options.infinite!==!0&&b.$prevArrow.addClass("slick-disabled").attr("aria-disabled","true")):b.$prevArrow.add(b.$nextArrow).addClass("slick-hidden").attr({"aria-disabled":"true",tabindex:"-1"}))},b.prototype.buildDots=function(){var c,d,b=this;if(b.options.dots===!0&&b.slideCount>b.options.slidesToShow){for(d='",b.$dots=a(d).appendTo(b.options.appendDots),b.$dots.find("li").first().addClass("slick-active").attr("aria-hidden","false")}},b.prototype.buildOut=function(){var b=this;b.$slides=b.$slider.children(b.options.slide+":not(.slick-cloned)").addClass("slick-slide"),b.slideCount=b.$slides.length,b.$slides.each(function(b,c){a(c).attr("data-slick-index",b).data("originalStyling",a(c).attr("style")||"")}),b.$slidesCache=b.$slides,b.$slider.addClass("slick-slider"),b.$slideTrack=0===b.slideCount?a('').appendTo(b.$slider):b.$slides.wrapAll('').parent(),b.$list=b.$slideTrack.wrap('').parent(),b.$slideTrack.css("opacity",0),(b.options.centerMode===!0||b.options.swipeToSlide===!0)&&(b.options.slidesToScroll=1),a("img[data-lazy]",b.$slider).not("[src]").addClass("slick-loading"),b.setupInfinite(),b.buildArrows(),b.buildDots(),b.updateDots(),b.setSlideClasses("number"==typeof b.currentSlide?b.currentSlide:0),b.options.draggable===!0&&b.$list.addClass("draggable")},b.prototype.buildRows=function(){var b,c,d,e,f,g,h,a=this;if(e=document.createDocumentFragment(),g=a.$slider.children(),a.options.rows>1){for(h=a.options.slidesPerRow*a.options.rows,f=Math.ceil(g.length/h),b=0;f>b;b++){var i=document.createElement("div");for(c=0;cd.breakpoints[e]&&(f=d.breakpoints[e]));null!==f?null!==d.activeBreakpoint?(f!==d.activeBreakpoint||c)&&(d.activeBreakpoint=f,"unslick"===d.breakpointSettings[f]?d.unslick(f):(d.options=a.extend({},d.originalSettings,d.breakpointSettings[f]),b===!0&&(d.currentSlide=d.options.initialSlide),d.refresh(b)),h=f):(d.activeBreakpoint=f,"unslick"===d.breakpointSettings[f]?d.unslick(f):(d.options=a.extend({},d.originalSettings,d.breakpointSettings[f]),b===!0&&(d.currentSlide=d.options.initialSlide),d.refresh(b)),h=f):null!==d.activeBreakpoint&&(d.activeBreakpoint=null,d.options=d.originalSettings,b===!0&&(d.currentSlide=d.options.initialSlide),d.refresh(b),h=f),b||h===!1||d.$slider.trigger("breakpoint",[d,h])}},b.prototype.changeSlide=function(b,c){var f,g,h,d=this,e=a(b.target);switch(e.is("a")&&b.preventDefault(),e.is("li")||(e=e.closest("li")),h=0!==d.slideCount%d.options.slidesToScroll,f=h?0:(d.slideCount-d.currentSlide)%d.options.slidesToScroll,b.data.message){case"previous":g=0===f?d.options.slidesToScroll:d.options.slidesToShow-f,d.slideCount>d.options.slidesToShow&&d.slideHandler(d.currentSlide-g,!1,c);break;case"next":g=0===f?d.options.slidesToScroll:f,d.slideCount>d.options.slidesToShow&&d.slideHandler(d.currentSlide+g,!1,c);break;case"index":var i=0===b.data.index?0:b.data.index||e.index()*d.options.slidesToScroll;d.slideHandler(d.checkNavigable(i),!1,c),e.children().trigger("focus");break;default:return}},b.prototype.checkNavigable=function(a){var c,d,b=this;if(c=b.getNavigableIndexes(),d=0,a>c[c.length-1])a=c[c.length-1];else for(var e in c){if(ab.options.slidesToShow&&(b.$prevArrow&&b.$prevArrow.off("click.slick",b.changeSlide),b.$nextArrow&&b.$nextArrow.off("click.slick",b.changeSlide)),b.$list.off("touchstart.slick mousedown.slick",b.swipeHandler),b.$list.off("touchmove.slick mousemove.slick",b.swipeHandler),b.$list.off("touchend.slick mouseup.slick",b.swipeHandler),b.$list.off("touchcancel.slick mouseleave.slick",b.swipeHandler),b.$list.off("click.slick",b.clickHandler),a(document).off(b.visibilityChange,b.visibility),b.$list.off("mouseenter.slick",a.proxy(b.setPaused,b,!0)),b.$list.off("mouseleave.slick",a.proxy(b.setPaused,b,!1)),b.options.accessibility===!0&&b.$list.off("keydown.slick",b.keyHandler),b.options.focusOnSelect===!0&&a(b.$slideTrack).children().off("click.slick",b.selectHandler),a(window).off("orientationchange.slick.slick-"+b.instanceUid,b.orientationChange),a(window).off("resize.slick.slick-"+b.instanceUid,b.resize),a("[draggable!=true]",b.$slideTrack).off("dragstart",b.preventDefault),a(window).off("load.slick.slick-"+b.instanceUid,b.setPosition),a(document).off("ready.slick.slick-"+b.instanceUid,b.setPosition)},b.prototype.cleanUpRows=function(){var b,a=this;a.options.rows>1&&(b=a.$slides.children().children(),b.removeAttr("style"),a.$slider.html(b))},b.prototype.clickHandler=function(a){var b=this;b.shouldClick===!1&&(a.stopImmediatePropagation(),a.stopPropagation(),a.preventDefault())},b.prototype.destroy=function(b){var c=this;c.autoPlayClear(),c.touchObject={},c.cleanUpEvents(),a(".slick-cloned",c.$slider).detach(),c.$dots&&c.$dots.remove(),c.options.arrows===!0&&(c.$prevArrow&&c.$prevArrow.length&&(c.$prevArrow.removeClass("slick-disabled slick-arrow slick-hidden").removeAttr("aria-hidden aria-disabled tabindex").css("display",""),c.htmlExpr.test(c.options.prevArrow)&&c.$prevArrow.remove()),c.$nextArrow&&c.$nextArrow.length&&(c.$nextArrow.removeClass("slick-disabled slick-arrow slick-hidden").removeAttr("aria-hidden aria-disabled tabindex").css("display",""),c.htmlExpr.test(c.options.nextArrow)&&c.$nextArrow.remove())),c.$slides&&(c.$slides.removeClass("slick-slide slick-active slick-center slick-visible slick-current").removeAttr("aria-hidden").removeAttr("data-slick-index").each(function(){a(this).attr("style",a(this).data("originalStyling"))}),c.$slideTrack.children(this.options.slide).detach(),c.$slideTrack.detach(),c.$list.detach(),c.$slider.append(c.$slides)),c.cleanUpRows(),c.$slider.removeClass("slick-slider"),c.$slider.removeClass("slick-initialized"),c.unslicked=!0,b||c.$slider.trigger("destroy",[c])},b.prototype.disableTransition=function(a){var b=this,c={};c[b.transitionType]="",b.options.fade===!1?b.$slideTrack.css(c):b.$slides.eq(a).css(c)},b.prototype.fadeSlide=function(a,b){var c=this;c.cssTransitions===!1?(c.$slides.eq(a).css({zIndex:c.options.zIndex}),c.$slides.eq(a).animate({opacity:1},c.options.speed,c.options.easing,b)):(c.applyTransition(a),c.$slides.eq(a).css({opacity:1,zIndex:c.options.zIndex}),b&&setTimeout(function(){c.disableTransition(a),b.call()},c.options.speed))},b.prototype.fadeSlideOut=function(a){var b=this;b.cssTransitions===!1?b.$slides.eq(a).animate({opacity:0,zIndex:b.options.zIndex-2},b.options.speed,b.options.easing):(b.applyTransition(a),b.$slides.eq(a).css({opacity:0,zIndex:b.options.zIndex-2}))},b.prototype.filterSlides=b.prototype.slickFilter=function(a){var b=this;null!==a&&(b.unload(),b.$slideTrack.children(this.options.slide).detach(),b.$slidesCache.filter(a).appendTo(b.$slideTrack),b.reinit())},b.prototype.getCurrent=b.prototype.slickCurrentSlide=function(){var a=this;return a.currentSlide},b.prototype.getDotCount=function(){var a=this,b=0,c=0,d=0;if(a.options.infinite===!0)for(;bb.options.slidesToShow&&(b.slideOffset=-1*b.slideWidth*b.options.slidesToShow,e=-1*d*b.options.slidesToShow),0!==b.slideCount%b.options.slidesToScroll&&a+b.options.slidesToScroll>b.slideCount&&b.slideCount>b.options.slidesToShow&&(a>b.slideCount?(b.slideOffset=-1*(b.options.slidesToShow-(a-b.slideCount))*b.slideWidth,e=-1*(b.options.slidesToShow-(a-b.slideCount))*d):(b.slideOffset=-1*b.slideCount%b.options.slidesToScroll*b.slideWidth,e=-1*b.slideCount%b.options.slidesToScroll*d))):a+b.options.slidesToShow>b.slideCount&&(b.slideOffset=(a+b.options.slidesToShow-b.slideCount)*b.slideWidth,e=(a+b.options.slidesToShow-b.slideCount)*d),b.slideCount<=b.options.slidesToShow&&(b.slideOffset=0,e=0),b.options.centerMode===!0&&b.options.infinite===!0?b.slideOffset+=b.slideWidth*Math.floor(b.options.slidesToShow/2)-b.slideWidth:b.options.centerMode===!0&&(b.slideOffset=0,b.slideOffset+=b.slideWidth*Math.floor(b.options.slidesToShow/2)),c=b.options.vertical===!1?-1*a*b.slideWidth+b.slideOffset:-1*a*d+e,b.options.variableWidth===!0&&(f=b.slideCount<=b.options.slidesToShow||b.options.infinite===!1?b.$slideTrack.children(".slick-slide").eq(a):b.$slideTrack.children(".slick-slide").eq(a+b.options.slidesToShow),c=f[0]?-1*f[0].offsetLeft:0,b.options.centerMode===!0&&(f=b.options.infinite===!1?b.$slideTrack.children(".slick-slide").eq(a):b.$slideTrack.children(".slick-slide").eq(a+b.options.slidesToShow+1),c=f[0]?-1*f[0].offsetLeft:0,c+=(b.$list.width()-f.outerWidth())/2)),c},b.prototype.getOption=b.prototype.slickGetOption=function(a){var b=this;return b.options[a]},b.prototype.getNavigableIndexes=function(){var e,a=this,b=0,c=0,d=[];for(a.options.infinite===!1?e=a.slideCount:(b=-1*a.options.slidesToScroll,c=-1*a.options.slidesToScroll,e=2*a.slideCount);e>b;)d.push(b),b=c+a.options.slidesToScroll,c+=a.options.slidesToScroll<=a.options.slidesToShow?a.options.slidesToScroll:a.options.slidesToShow;return d},b.prototype.getSlick=function(){return this},b.prototype.getSlideCount=function(){var c,d,e,b=this;return e=b.options.centerMode===!0?b.slideWidth*Math.floor(b.options.slidesToShow/2):0,b.options.swipeToSlide===!0?(b.$slideTrack.find(".slick-slide").each(function(c,f){return f.offsetLeft-e+a(f).outerWidth()/2>-1*b.swipeLeft?(d=f,!1):void 0}),c=Math.abs(a(d).attr("data-slick-index")-b.currentSlide)||1):b.options.slidesToScroll},b.prototype.goTo=b.prototype.slickGoTo=function(a,b){var c=this;c.changeSlide({data:{message:"index",index:parseInt(a)}},b)},b.prototype.init=function(b){var c=this;a(c.$slider).hasClass("slick-initialized")||(a(c.$slider).addClass("slick-initialized"),c.buildRows(),c.buildOut(),c.setProps(),c.startLoad(),c.loadSlider(),c.initializeEvents(),c.updateArrows(),c.updateDots()),b&&c.$slider.trigger("init",[c]),c.options.accessibility===!0&&c.initADA()},b.prototype.initArrowEvents=function(){var a=this;a.options.arrows===!0&&a.slideCount>a.options.slidesToShow&&(a.$prevArrow.on("click.slick",{message:"previous"},a.changeSlide),a.$nextArrow.on("click.slick",{message:"next"},a.changeSlide))},b.prototype.initDotEvents=function(){var b=this;b.options.dots===!0&&b.slideCount>b.options.slidesToShow&&a("li",b.$dots).on("click.slick",{message:"index"},b.changeSlide),b.options.dots===!0&&b.options.pauseOnDotsHover===!0&&b.options.autoplay===!0&&a("li",b.$dots).on("mouseenter.slick",a.proxy(b.setPaused,b,!0)).on("mouseleave.slick",a.proxy(b.setPaused,b,!1))},b.prototype.initializeEvents=function(){var b=this;b.initArrowEvents(),b.initDotEvents(),b.$list.on("touchstart.slick mousedown.slick",{action:"start"},b.swipeHandler),b.$list.on("touchmove.slick mousemove.slick",{action:"move"},b.swipeHandler),b.$list.on("touchend.slick mouseup.slick",{action:"end"},b.swipeHandler),b.$list.on("touchcancel.slick mouseleave.slick",{action:"end"},b.swipeHandler),b.$list.on("click.slick",b.clickHandler),a(document).on(b.visibilityChange,a.proxy(b.visibility,b)),b.$list.on("mouseenter.slick",a.proxy(b.setPaused,b,!0)),b.$list.on("mouseleave.slick",a.proxy(b.setPaused,b,!1)),b.options.accessibility===!0&&b.$list.on("keydown.slick",b.keyHandler),b.options.focusOnSelect===!0&&a(b.$slideTrack).children().on("click.slick",b.selectHandler),a(window).on("orientationchange.slick.slick-"+b.instanceUid,a.proxy(b.orientationChange,b)),a(window).on("resize.slick.slick-"+b.instanceUid,a.proxy(b.resize,b)),a("[draggable!=true]",b.$slideTrack).on("dragstart",b.preventDefault),a(window).on("load.slick.slick-"+b.instanceUid,b.setPosition),a(document).on("ready.slick.slick-"+b.instanceUid,b.setPosition)},b.prototype.initUI=function(){var a=this;a.options.arrows===!0&&a.slideCount>a.options.slidesToShow&&(a.$prevArrow.show(),a.$nextArrow.show()),a.options.dots===!0&&a.slideCount>a.options.slidesToShow&&a.$dots.show(),a.options.autoplay===!0&&a.autoPlay()},b.prototype.keyHandler=function(a){var b=this;a.target.tagName.match("TEXTAREA|INPUT|SELECT")||(37===a.keyCode&&b.options.accessibility===!0?b.changeSlide({data:{message:"previous"}}):39===a.keyCode&&b.options.accessibility===!0&&b.changeSlide({data:{message:"next"}}))},b.prototype.lazyLoad=function(){function g(b){a("img[data-lazy]",b).each(function(){var b=a(this),c=a(this).attr("data-lazy"),d=document.createElement("img");d.onload=function(){b.animate({opacity:0},100,function(){b.attr("src",c).animate({opacity:1},200,function(){b.removeAttr("data-lazy").removeClass("slick-loading")})})},d.src=c})}var c,d,e,f,b=this;b.options.centerMode===!0?b.options.infinite===!0?(e=b.currentSlide+(b.options.slidesToShow/2+1),f=e+b.options.slidesToShow+2):(e=Math.max(0,b.currentSlide-(b.options.slidesToShow/2+1)),f=2+(b.options.slidesToShow/2+1)+b.currentSlide):(e=b.options.infinite?b.options.slidesToShow+b.currentSlide:b.currentSlide,f=e+b.options.slidesToShow,b.options.fade===!0&&(e>0&&e--,f<=b.slideCount&&f++)),c=b.$slider.find(".slick-slide").slice(e,f),g(c),b.slideCount<=b.options.slidesToShow?(d=b.$slider.find(".slick-slide"),g(d)):b.currentSlide>=b.slideCount-b.options.slidesToShow?(d=b.$slider.find(".slick-cloned").slice(0,b.options.slidesToShow),g(d)):0===b.currentSlide&&(d=b.$slider.find(".slick-cloned").slice(-1*b.options.slidesToShow),g(d))},b.prototype.loadSlider=function(){var a=this;a.setPosition(),a.$slideTrack.css({opacity:1}),a.$slider.removeClass("slick-loading"),a.initUI(),"progressive"===a.options.lazyLoad&&a.progressiveLazyLoad()},b.prototype.next=b.prototype.slickNext=function(){var a=this;a.changeSlide({data:{message:"next"}})},b.prototype.orientationChange=function(){var a=this;a.checkResponsive(),a.setPosition()},b.prototype.pause=b.prototype.slickPause=function(){var a=this;a.autoPlayClear(),a.paused=!0},b.prototype.play=b.prototype.slickPlay=function(){var a=this;a.paused=!1,a.autoPlay()},b.prototype.postSlide=function(a){var b=this;b.$slider.trigger("afterChange",[b,a]),b.animating=!1,b.setPosition(),b.swipeLeft=null,b.options.autoplay===!0&&b.paused===!1&&b.autoPlay(),b.options.accessibility===!0&&b.initADA()},b.prototype.prev=b.prototype.slickPrev=function(){var a=this;a.changeSlide({data:{message:"previous"}})},b.prototype.preventDefault=function(a){a.preventDefault()},b.prototype.progressiveLazyLoad=function(){var c,d,b=this;c=a("img[data-lazy]",b.$slider).length,c>0&&(d=a("img[data-lazy]",b.$slider).first(),d.attr("src",d.attr("data-lazy")).removeClass("slick-loading").load(function(){d.removeAttr("data-lazy"),b.progressiveLazyLoad(),b.options.adaptiveHeight===!0&&b.setPosition()}).error(function(){d.removeAttr("data-lazy"),b.progressiveLazyLoad()}))},b.prototype.refresh=function(b){var c=this,d=c.currentSlide;c.destroy(!0),a.extend(c,c.initials,{currentSlide:d}),c.init(),b||c.changeSlide({data:{message:"index",index:d}},!1)},b.prototype.registerBreakpoints=function(){var c,d,e,b=this,f=b.options.responsive||null;if("array"===a.type(f)&&f.length){b.respondTo=b.options.respondTo||"window";for(c in f)if(e=b.breakpoints.length-1,d=f[c].breakpoint,f.hasOwnProperty(c)){for(;e>=0;)b.breakpoints[e]&&b.breakpoints[e]===d&&b.breakpoints.splice(e,1),e--;b.breakpoints.push(d),b.breakpointSettings[d]=f[c].settings}b.breakpoints.sort(function(a,c){return b.options.mobileFirst?a-c:c-a})}},b.prototype.reinit=function(){var b=this;b.$slides=b.$slideTrack.children(b.options.slide).addClass("slick-slide"),b.slideCount=b.$slides.length,b.currentSlide>=b.slideCount&&0!==b.currentSlide&&(b.currentSlide=b.currentSlide-b.options.slidesToScroll),b.slideCount<=b.options.slidesToShow&&(b.currentSlide=0),b.registerBreakpoints(),b.setProps(),b.setupInfinite(),b.buildArrows(),b.updateArrows(),b.initArrowEvents(),b.buildDots(),b.updateDots(),b.initDotEvents(),b.checkResponsive(!1,!0),b.options.focusOnSelect===!0&&a(b.$slideTrack).children().on("click.slick",b.selectHandler),b.setSlideClasses(0),b.setPosition(),b.$slider.trigger("reInit",[b]),b.options.autoplay===!0&&b.focusHandler()},b.prototype.resize=function(){var b=this;a(window).width()!==b.windowWidth&&(clearTimeout(b.windowDelay),b.windowDelay=window.setTimeout(function(){b.windowWidth=a(window).width(),b.checkResponsive(),b.unslicked||b.setPosition()},50))},b.prototype.removeSlide=b.prototype.slickRemove=function(a,b,c){var d=this;return"boolean"==typeof a?(b=a,a=b===!0?0:d.slideCount-1):a=b===!0?--a:a,d.slideCount<1||0>a||a>d.slideCount-1?!1:(d.unload(),c===!0?d.$slideTrack.children().remove():d.$slideTrack.children(this.options.slide).eq(a).remove(),d.$slides=d.$slideTrack.children(this.options.slide),d.$slideTrack.children(this.options.slide).detach(),d.$slideTrack.append(d.$slides),d.$slidesCache=d.$slides,d.reinit(),void 0)},b.prototype.setCSS=function(a){var d,e,b=this,c={};b.options.rtl===!0&&(a=-a),d="left"==b.positionProp?Math.ceil(a)+"px":"0px",e="top"==b.positionProp?Math.ceil(a)+"px":"0px",c[b.positionProp]=a,b.transformsEnabled===!1?b.$slideTrack.css(c):(c={},b.cssTransitions===!1?(c[b.animType]="translate("+d+", "+e+")",b.$slideTrack.css(c)):(c[b.animType]="translate3d("+d+", "+e+", 0px)",b.$slideTrack.css(c)))},b.prototype.setDimensions=function(){var a=this;a.options.vertical===!1?a.options.centerMode===!0&&a.$list.css({padding:"0px "+a.options.centerPadding}):(a.$list.height(a.$slides.first().outerHeight(!0)*a.options.slidesToShow),a.options.centerMode===!0&&a.$list.css({padding:a.options.centerPadding+" 0px"})),a.listWidth=a.$list.width(),a.listHeight=a.$list.height(),a.options.vertical===!1&&a.options.variableWidth===!1?(a.slideWidth=Math.ceil(a.listWidth/a.options.slidesToShow),a.$slideTrack.width(Math.ceil(a.slideWidth*a.$slideTrack.children(".slick-slide").length))):a.options.variableWidth===!0?a.$slideTrack.width(5e3*a.slideCount):(a.slideWidth=Math.ceil(a.listWidth),a.$slideTrack.height(Math.ceil(a.$slides.first().outerHeight(!0)*a.$slideTrack.children(".slick-slide").length)));var b=a.$slides.first().outerWidth(!0)-a.$slides.first().width();a.options.variableWidth===!1&&a.$slideTrack.children(".slick-slide").width(a.slideWidth-b)},b.prototype.setFade=function(){var c,b=this;b.$slides.each(function(d,e){c=-1*b.slideWidth*d,b.options.rtl===!0?a(e).css({position:"relative",right:c,top:0,zIndex:b.options.zIndex-2,opacity:0}):a(e).css({position:"relative",left:c,top:0,zIndex:b.options.zIndex-2,opacity:0})}),b.$slides.eq(b.currentSlide).css({zIndex:b.options.zIndex-1,opacity:1})},b.prototype.setHeight=function(){var a=this;if(1===a.options.slidesToShow&&a.options.adaptiveHeight===!0&&a.options.vertical===!1){var b=a.$slides.eq(a.currentSlide).outerHeight(!0);a.$list.css("height",b)}},b.prototype.setOption=b.prototype.slickSetOption=function(b,c,d){var f,g,e=this;if("responsive"===b&&"array"===a.type(c))for(g in c)if("array"!==a.type(e.options.responsive))e.options.responsive=[c[g]];else{for(f=e.options.responsive.length-1;f>=0;)e.options.responsive[f].breakpoint===c[g].breakpoint&&e.options.responsive.splice(f,1),f--;e.options.responsive.push(c[g])}else e.options[b]=c;d===!0&&(e.unload(),e.reinit())},b.prototype.setPosition=function(){var a=this;a.setDimensions(),a.setHeight(),a.options.fade===!1?a.setCSS(a.getLeft(a.currentSlide)):a.setFade(),a.$slider.trigger("setPosition",[a])},b.prototype.setProps=function(){var a=this,b=document.body.style;a.positionProp=a.options.vertical===!0?"top":"left","top"===a.positionProp?a.$slider.addClass("slick-vertical"):a.$slider.removeClass("slick-vertical"),(void 0!==b.WebkitTransition||void 0!==b.MozTransition||void 0!==b.msTransition)&&a.options.useCSS===!0&&(a.cssTransitions=!0),a.options.fade&&("number"==typeof a.options.zIndex?a.options.zIndex<3&&(a.options.zIndex=3):a.options.zIndex=a.defaults.zIndex),void 0!==b.OTransform&&(a.animType="OTransform",a.transformType="-o-transform",a.transitionType="OTransition",void 0===b.perspectiveProperty&&void 0===b.webkitPerspective&&(a.animType=!1)),void 0!==b.MozTransform&&(a.animType="MozTransform",a.transformType="-moz-transform",a.transitionType="MozTransition",void 0===b.perspectiveProperty&&void 0===b.MozPerspective&&(a.animType=!1)),void 0!==b.webkitTransform&&(a.animType="webkitTransform",a.transformType="-webkit-transform",a.transitionType="webkitTransition",void 0===b.perspectiveProperty&&void 0===b.webkitPerspective&&(a.animType=!1)),void 0!==b.msTransform&&(a.animType="msTransform",a.transformType="-ms-transform",a.transitionType="msTransition",void 0===b.msTransform&&(a.animType=!1)),void 0!==b.transform&&a.animType!==!1&&(a.animType="transform",a.transformType="transform",a.transitionType="transition"),a.transformsEnabled=null!==a.animType&&a.animType!==!1},b.prototype.setSlideClasses=function(a){var c,d,e,f,b=this;d=b.$slider.find(".slick-slide").removeClass("slick-active slick-center slick-current").attr("aria-hidden","true"),b.$slides.eq(a).addClass("slick-current"),b.options.centerMode===!0?(c=Math.floor(b.options.slidesToShow/2),b.options.infinite===!0&&(a>=c&&a<=b.slideCount-1-c?b.$slides.slice(a-c,a+c+1).addClass("slick-active").attr("aria-hidden","false"):(e=b.options.slidesToShow+a,d.slice(e-c+1,e+c+2).addClass("slick-active").attr("aria-hidden","false")),0===a?d.eq(d.length-1-b.options.slidesToShow).addClass("slick-center"):a===b.slideCount-1&&d.eq(b.options.slidesToShow).addClass("slick-center")),b.$slides.eq(a).addClass("slick-center")):a>=0&&a<=b.slideCount-b.options.slidesToShow?b.$slides.slice(a,a+b.options.slidesToShow).addClass("slick-active").attr("aria-hidden","false"):d.length<=b.options.slidesToShow?d.addClass("slick-active").attr("aria-hidden","false"):(f=b.slideCount%b.options.slidesToShow,e=b.options.infinite===!0?b.options.slidesToShow+a:a,b.options.slidesToShow==b.options.slidesToScroll&&b.slideCount-ab.options.slidesToShow)){for(e=b.options.centerMode===!0?b.options.slidesToShow+1:b.options.slidesToShow,c=b.slideCount;c>b.slideCount-e;c-=1)d=c-1,a(b.$slides[d]).clone(!0).attr("id","").attr("data-slick-index",d-b.slideCount).prependTo(b.$slideTrack).addClass("slick-cloned");for(c=0;e>c;c+=1)d=c,a(b.$slides[d]).clone(!0).attr("id","").attr("data-slick-index",d+b.slideCount).appendTo(b.$slideTrack).addClass("slick-cloned");b.$slideTrack.find(".slick-cloned").find("[id]").each(function(){a(this).attr("id","")})}},b.prototype.setPaused=function(a){var b=this;b.options.autoplay===!0&&b.options.pauseOnHover===!0&&(b.paused=a,a?b.autoPlayClear():b.autoPlay())},b.prototype.selectHandler=function(b){var c=this,d=a(b.target).is(".slick-slide")?a(b.target):a(b.target).parents(".slick-slide"),e=parseInt(d.attr("data-slick-index"));return e||(e=0),c.slideCount<=c.options.slidesToShow?(c.setSlideClasses(e),c.asNavFor(e),void 0):(c.slideHandler(e),void 0)},b.prototype.slideHandler=function(a,b,c){var d,e,f,g,h=null,i=this;return b=b||!1,i.animating===!0&&i.options.waitForAnimate===!0||i.options.fade===!0&&i.currentSlide===a||i.slideCount<=i.options.slidesToShow?void 0:(b===!1&&i.asNavFor(a),d=a,h=i.getLeft(d),g=i.getLeft(i.currentSlide),i.currentLeft=null===i.swipeLeft?g:i.swipeLeft,i.options.infinite===!1&&i.options.centerMode===!1&&(0>a||a>i.getDotCount()*i.options.slidesToScroll)?(i.options.fade===!1&&(d=i.currentSlide,c!==!0?i.animateSlide(g,function(){i.postSlide(d)}):i.postSlide(d)),void 0):i.options.infinite===!1&&i.options.centerMode===!0&&(0>a||a>i.slideCount-i.options.slidesToScroll)?(i.options.fade===!1&&(d=i.currentSlide,c!==!0?i.animateSlide(g,function(){i.postSlide(d)}):i.postSlide(d)),void 0):(i.options.autoplay===!0&&clearInterval(i.autoPlayTimer),e=0>d?0!==i.slideCount%i.options.slidesToScroll?i.slideCount-i.slideCount%i.options.slidesToScroll:i.slideCount+d:d>=i.slideCount?0!==i.slideCount%i.options.slidesToScroll?0:d-i.slideCount:d,i.animating=!0,i.$slider.trigger("beforeChange",[i,i.currentSlide,e]),f=i.currentSlide,i.currentSlide=e,i.setSlideClasses(i.currentSlide),i.updateDots(),i.updateArrows(),i.options.fade===!0?(c!==!0?(i.fadeSlideOut(f),i.fadeSlide(e,function(){i.postSlide(e)
+ })):i.postSlide(e),i.animateHeight(),void 0):(c!==!0?i.animateSlide(h,function(){i.postSlide(e)}):i.postSlide(e),void 0)))},b.prototype.startLoad=function(){var a=this;a.options.arrows===!0&&a.slideCount>a.options.slidesToShow&&(a.$prevArrow.hide(),a.$nextArrow.hide()),a.options.dots===!0&&a.slideCount>a.options.slidesToShow&&a.$dots.hide(),a.$slider.addClass("slick-loading")},b.prototype.swipeDirection=function(){var a,b,c,d,e=this;return a=e.touchObject.startX-e.touchObject.curX,b=e.touchObject.startY-e.touchObject.curY,c=Math.atan2(b,a),d=Math.round(180*c/Math.PI),0>d&&(d=360-Math.abs(d)),45>=d&&d>=0?e.options.rtl===!1?"left":"right":360>=d&&d>=315?e.options.rtl===!1?"left":"right":d>=135&&225>=d?e.options.rtl===!1?"right":"left":e.options.verticalSwiping===!0?d>=35&&135>=d?"left":"right":"vertical"},b.prototype.swipeEnd=function(){var c,b=this;if(b.dragging=!1,b.shouldClick=b.touchObject.swipeLength>10?!1:!0,void 0===b.touchObject.curX)return!1;if(b.touchObject.edgeHit===!0&&b.$slider.trigger("edge",[b,b.swipeDirection()]),b.touchObject.swipeLength>=b.touchObject.minSwipe)switch(b.swipeDirection()){case"left":c=b.options.swipeToSlide?b.checkNavigable(b.currentSlide+b.getSlideCount()):b.currentSlide+b.getSlideCount(),b.slideHandler(c),b.currentDirection=0,b.touchObject={},b.$slider.trigger("swipe",[b,"left"]);break;case"right":c=b.options.swipeToSlide?b.checkNavigable(b.currentSlide-b.getSlideCount()):b.currentSlide-b.getSlideCount(),b.slideHandler(c),b.currentDirection=1,b.touchObject={},b.$slider.trigger("swipe",[b,"right"])}else b.touchObject.startX!==b.touchObject.curX&&(b.slideHandler(b.currentSlide),b.touchObject={})},b.prototype.swipeHandler=function(a){var b=this;if(!(b.options.swipe===!1||"ontouchend"in document&&b.options.swipe===!1||b.options.draggable===!1&&-1!==a.type.indexOf("mouse")))switch(b.touchObject.fingerCount=a.originalEvent&&void 0!==a.originalEvent.touches?a.originalEvent.touches.length:1,b.touchObject.minSwipe=b.listWidth/b.options.touchThreshold,b.options.verticalSwiping===!0&&(b.touchObject.minSwipe=b.listHeight/b.options.touchThreshold),a.data.action){case"start":b.swipeStart(a);break;case"move":b.swipeMove(a);break;case"end":b.swipeEnd(a)}},b.prototype.swipeMove=function(a){var d,e,f,g,h,b=this;return h=void 0!==a.originalEvent?a.originalEvent.touches:null,!b.dragging||h&&1!==h.length?!1:(d=b.getLeft(b.currentSlide),b.touchObject.curX=void 0!==h?h[0].pageX:a.clientX,b.touchObject.curY=void 0!==h?h[0].pageY:a.clientY,b.touchObject.swipeLength=Math.round(Math.sqrt(Math.pow(b.touchObject.curX-b.touchObject.startX,2))),b.options.verticalSwiping===!0&&(b.touchObject.swipeLength=Math.round(Math.sqrt(Math.pow(b.touchObject.curY-b.touchObject.startY,2)))),e=b.swipeDirection(),"vertical"!==e?(void 0!==a.originalEvent&&b.touchObject.swipeLength>4&&a.preventDefault(),g=(b.options.rtl===!1?1:-1)*(b.touchObject.curX>b.touchObject.startX?1:-1),b.options.verticalSwiping===!0&&(g=b.touchObject.curY>b.touchObject.startY?1:-1),f=b.touchObject.swipeLength,b.touchObject.edgeHit=!1,b.options.infinite===!1&&(0===b.currentSlide&&"right"===e||b.currentSlide>=b.getDotCount()&&"left"===e)&&(f=b.touchObject.swipeLength*b.options.edgeFriction,b.touchObject.edgeHit=!0),b.swipeLeft=b.options.vertical===!1?d+f*g:d+f*(b.$list.height()/b.listWidth)*g,b.options.verticalSwiping===!0&&(b.swipeLeft=d+f*g),b.options.fade===!0||b.options.touchMove===!1?!1:b.animating===!0?(b.swipeLeft=null,!1):(b.setCSS(b.swipeLeft),void 0)):void 0)},b.prototype.swipeStart=function(a){var c,b=this;return 1!==b.touchObject.fingerCount||b.slideCount<=b.options.slidesToShow?(b.touchObject={},!1):(void 0!==a.originalEvent&&void 0!==a.originalEvent.touches&&(c=a.originalEvent.touches[0]),b.touchObject.startX=b.touchObject.curX=void 0!==c?c.pageX:a.clientX,b.touchObject.startY=b.touchObject.curY=void 0!==c?c.pageY:a.clientY,b.dragging=!0,void 0)},b.prototype.unfilterSlides=b.prototype.slickUnfilter=function(){var a=this;null!==a.$slidesCache&&(a.unload(),a.$slideTrack.children(this.options.slide).detach(),a.$slidesCache.appendTo(a.$slideTrack),a.reinit())},b.prototype.unload=function(){var b=this;a(".slick-cloned",b.$slider).remove(),b.$dots&&b.$dots.remove(),b.$prevArrow&&b.htmlExpr.test(b.options.prevArrow)&&b.$prevArrow.remove(),b.$nextArrow&&b.htmlExpr.test(b.options.nextArrow)&&b.$nextArrow.remove(),b.$slides.removeClass("slick-slide slick-active slick-visible slick-current").attr("aria-hidden","true").css("width","")},b.prototype.unslick=function(a){var b=this;b.$slider.trigger("unslick",[b,a]),b.destroy()},b.prototype.updateArrows=function(){var b,a=this;b=Math.floor(a.options.slidesToShow/2),a.options.arrows===!0&&a.slideCount>a.options.slidesToShow&&!a.options.infinite&&(a.$prevArrow.removeClass("slick-disabled").attr("aria-disabled","false"),a.$nextArrow.removeClass("slick-disabled").attr("aria-disabled","false"),0===a.currentSlide?(a.$prevArrow.addClass("slick-disabled").attr("aria-disabled","true"),a.$nextArrow.removeClass("slick-disabled").attr("aria-disabled","false")):a.currentSlide>=a.slideCount-a.options.slidesToShow&&a.options.centerMode===!1?(a.$nextArrow.addClass("slick-disabled").attr("aria-disabled","true"),a.$prevArrow.removeClass("slick-disabled").attr("aria-disabled","false")):a.currentSlide>=a.slideCount-1&&a.options.centerMode===!0&&(a.$nextArrow.addClass("slick-disabled").attr("aria-disabled","true"),a.$prevArrow.removeClass("slick-disabled").attr("aria-disabled","false")))},b.prototype.updateDots=function(){var a=this;null!==a.$dots&&(a.$dots.find("li").removeClass("slick-active").attr("aria-hidden","true"),a.$dots.find("li").eq(Math.floor(a.currentSlide/a.options.slidesToScroll)).addClass("slick-active").attr("aria-hidden","false"))},b.prototype.visibility=function(){var a=this;document[a.hidden]?(a.paused=!0,a.autoPlayClear()):a.options.autoplay===!0&&(a.paused=!1,a.autoPlay())},b.prototype.initADA=function(){var b=this;b.$slides.add(b.$slideTrack.find(".slick-cloned")).attr({"aria-hidden":"true",tabindex:"-1"}).find("a, input, button, select").attr({tabindex:"-1"}),b.$slideTrack.attr("role","listbox"),b.$slides.not(b.$slideTrack.find(".slick-cloned")).each(function(c){a(this).attr({role:"option","aria-describedby":"slick-slide"+b.instanceUid+c})}),null!==b.$dots&&b.$dots.attr("role","tablist").find("li").each(function(c){a(this).attr({role:"presentation","aria-selected":"false","aria-controls":"navigation"+b.instanceUid+c,id:"slick-slide"+b.instanceUid+c})}).first().attr("aria-selected","true").end().find("button").attr("role","button").end().closest("div").attr("role","toolbar"),b.activateADA()},b.prototype.activateADA=function(){var a=this,b=a.$slider.find("*").is(":focus");a.$slideTrack.find(".slick-active").attr({"aria-hidden":"false",tabindex:"0"}).find("a, input, button, select").attr({tabindex:"0"}),b&&a.$slideTrack.find(".slick-active").focus()},b.prototype.focusHandler=function(){var b=this;b.$slider.on("focus.slick blur.slick","*",function(c){c.stopImmediatePropagation();var d=a(this);setTimeout(function(){b.isPlay&&(d.is(":focus")?(b.autoPlayClear(),b.paused=!0):(b.paused=!1,b.autoPlay()))},0)})},a.fn.slick=function(){var g,a=this,c=arguments[0],d=Array.prototype.slice.call(arguments,1),e=a.length,f=0;for(f;e>f;f++)if("object"==typeof c||"undefined"==typeof c?a[f].slick=new b(a[f],c):g=a[f].slick[c].apply(a[f].slick,d),"undefined"!=typeof g)return g;return a}});
\ No newline at end of file
diff --git a/public/js/vendor/jquery.js b/public/js/vendor/jquery.js
new file mode 100644
index 0000000..c4c6022
--- /dev/null
+++ b/public/js/vendor/jquery.js
@@ -0,0 +1,2 @@
+/*! jQuery v3.6.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */
+!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.6.0",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},j=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||D,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,D=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="",y.option=!!ce.lastChild;var ge={thead:[1,"","
"],col:[2,"
"],tr:[2,"","
"],td:[3,"
"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n",""]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function je(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function qe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Le(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var _t,zt=[],Ut=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=zt.pop()||S.expando+"_"+wt.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Ut.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Ut.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Ut,"$1"+r):!1!==e.jsonp&&(e.url+=(Tt.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,zt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((_t=E.implementation.createHTMLDocument("").body).innerHTML="",2===_t.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=Fe(y.pixelPosition,function(e,t){if(t)return t=We(e,n),Pe.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0n;n++)e[n][t]()},t.destroyAll=function(){t.invokeAll("destroy")},t.disableAll=function(){t.invokeAll("disable")},t.enableAll=function(){t.invokeAll("enable")},t.refreshAll=function(){t.Context.refreshAll()},t.viewportHeight=function(){return window.innerHeight||document.documentElement.clientHeight},t.viewportWidth=function(){return document.documentElement.clientWidth},t.adapters=[],t.defaults={context:window,continuous:!0,enabled:!0,group:"default",horizontal:!1,offset:0},t.offsetAliases={"bottom-in-view":function(){return this.context.innerHeight()-this.adapter.outerHeight()},"right-in-view":function(){return this.context.innerWidth()-this.adapter.outerWidth()}},window.Waypoint=t}(),function(){"use strict";function t(t){window.setTimeout(t,1e3/60)}function e(t){this.element=t,this.Adapter=n.Adapter,this.adapter=new this.Adapter(t),this.key="waypoint-context-"+i,this.didScroll=!1,this.didResize=!1,this.oldScroll={x:this.adapter.scrollLeft(),y:this.adapter.scrollTop()},this.waypoints={vertical:{},horizontal:{}},t.waypointContextKey=this.key,o[t.waypointContextKey]=this,i+=1,this.createThrottledScrollHandler(),this.createThrottledResizeHandler()}var i=0,o={},n=window.Waypoint,r=window.onload;e.prototype.add=function(t){var e=t.options.horizontal?"horizontal":"vertical";this.waypoints[e][t.key]=t,this.refresh()},e.prototype.checkEmpty=function(){var t=this.Adapter.isEmptyObject(this.waypoints.horizontal),e=this.Adapter.isEmptyObject(this.waypoints.vertical);t&&e&&(this.adapter.off(".waypoints"),delete o[this.key])},e.prototype.createThrottledResizeHandler=function(){function t(){e.handleResize(),e.didResize=!1}var e=this;this.adapter.on("resize.waypoints",function(){e.didResize||(e.didResize=!0,n.requestAnimationFrame(t))})},e.prototype.createThrottledScrollHandler=function(){function t(){e.handleScroll(),e.didScroll=!1}var e=this;this.adapter.on("scroll.waypoints",function(){(!e.didScroll||n.isTouch)&&(e.didScroll=!0,n.requestAnimationFrame(t))})},e.prototype.handleResize=function(){n.Context.refreshAll()},e.prototype.handleScroll=function(){var t={},e={horizontal:{newScroll:this.adapter.scrollLeft(),oldScroll:this.oldScroll.x,forward:"right",backward:"left"},vertical:{newScroll:this.adapter.scrollTop(),oldScroll:this.oldScroll.y,forward:"down",backward:"up"}};for(var i in e){var o=e[i],n=o.newScroll>o.oldScroll,r=n?o.forward:o.backward;for(var s in this.waypoints[i]){var a=this.waypoints[i][s],l=o.oldScroll=a.triggerPoint,p=l&&h,u=!l&&!h;(p||u)&&(a.queueTrigger(r),t[a.group.id]=a.group)}}for(var c in t)t[c].flushTriggers();this.oldScroll={x:e.horizontal.newScroll,y:e.vertical.newScroll}},e.prototype.innerHeight=function(){return this.element==this.element.window?n.viewportHeight():this.adapter.innerHeight()},e.prototype.remove=function(t){delete this.waypoints[t.axis][t.key],this.checkEmpty()},e.prototype.innerWidth=function(){return this.element==this.element.window?n.viewportWidth():this.adapter.innerWidth()},e.prototype.destroy=function(){var t=[];for(var e in this.waypoints)for(var i in this.waypoints[e])t.push(this.waypoints[e][i]);for(var o=0,n=t.length;n>o;o++)t[o].destroy()},e.prototype.refresh=function(){var t,e=this.element==this.element.window,i=e?void 0:this.adapter.offset(),o={};this.handleScroll(),t={horizontal:{contextOffset:e?0:i.left,contextScroll:e?0:this.oldScroll.x,contextDimension:this.innerWidth(),oldScroll:this.oldScroll.x,forward:"right",backward:"left",offsetProp:"left"},vertical:{contextOffset:e?0:i.top,contextScroll:e?0:this.oldScroll.y,contextDimension:this.innerHeight(),oldScroll:this.oldScroll.y,forward:"down",backward:"up",offsetProp:"top"}};for(var r in t){var s=t[r];for(var a in this.waypoints[r]){var l,h,p,u,c,d=this.waypoints[r][a],f=d.options.offset,w=d.triggerPoint,y=0,g=null==w;d.element!==d.element.window&&(y=d.adapter.offset()[s.offsetProp]),"function"==typeof f?f=f.apply(d):"string"==typeof f&&(f=parseFloat(f),d.options.offset.indexOf("%")>-1&&(f=Math.ceil(s.contextDimension*f/100))),l=s.contextScroll-s.contextOffset,d.triggerPoint=y+l-f,h=w=s.oldScroll,u=h&&p,c=!h&&!p,!g&&u?(d.queueTrigger(s.backward),o[d.group.id]=d.group):!g&&c?(d.queueTrigger(s.forward),o[d.group.id]=d.group):g&&s.oldScroll>=d.triggerPoint&&(d.queueTrigger(s.forward),o[d.group.id]=d.group)}}return n.requestAnimationFrame(function(){for(var t in o)o[t].flushTriggers()}),this},e.findOrCreateByElement=function(t){return e.findByElement(t)||new e(t)},e.refreshAll=function(){for(var t in o)o[t].refresh()},e.findByElement=function(t){return o[t.waypointContextKey]},window.onload=function(){r&&r(),e.refreshAll()},n.requestAnimationFrame=function(e){var i=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||t;i.call(window,e)},n.Context=e}(),function(){"use strict";function t(t,e){return t.triggerPoint-e.triggerPoint}function e(t,e){return e.triggerPoint-t.triggerPoint}function i(t){this.name=t.name,this.axis=t.axis,this.id=this.name+"-"+this.axis,this.waypoints=[],this.clearTriggerQueues(),o[this.axis][this.name]=this}var o={vertical:{},horizontal:{}},n=window.Waypoint;i.prototype.add=function(t){this.waypoints.push(t)},i.prototype.clearTriggerQueues=function(){this.triggerQueues={up:[],down:[],left:[],right:[]}},i.prototype.flushTriggers=function(){for(var i in this.triggerQueues){var o=this.triggerQueues[i],n="up"===i||"left"===i;o.sort(n?e:t);for(var r=0,s=o.length;s>r;r+=1){var a=o[r];(a.options.continuous||r===o.length-1)&&a.trigger([i])}}this.clearTriggerQueues()},i.prototype.next=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints),o=i===this.waypoints.length-1;return o?null:this.waypoints[i+1]},i.prototype.previous=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints);return i?this.waypoints[i-1]:null},i.prototype.queueTrigger=function(t,e){this.triggerQueues[e].push(t)},i.prototype.remove=function(t){var e=n.Adapter.inArray(t,this.waypoints);e>-1&&this.waypoints.splice(e,1)},i.prototype.first=function(){return this.waypoints[0]},i.prototype.last=function(){return this.waypoints[this.waypoints.length-1]},i.findOrCreate=function(t){return o[t.axis][t.name]||new i(t)},n.Group=i}(),function(){"use strict";function t(t){this.$element=e(t)}var e=window.jQuery,i=window.Waypoint;e.each(["innerHeight","innerWidth","off","offset","on","outerHeight","outerWidth","scrollLeft","scrollTop"],function(e,i){t.prototype[i]=function(){var t=Array.prototype.slice.call(arguments);return this.$element[i].apply(this.$element,t)}}),e.each(["extend","inArray","isEmptyObject"],function(i,o){t[o]=e[o]}),i.adapters.push({name:"jquery",Adapter:t}),i.Adapter=t}(),function(){"use strict";function t(t){return function(){var i=[],o=arguments[0];return t.isFunction(arguments[0])&&(o=t.extend({},arguments[1]),o.handler=arguments[0]),this.each(function(){var n=t.extend({},o,{element:this});"string"==typeof n.context&&(n.context=t(this).closest(n.context)[0]),i.push(new e(n))}),i}}var e=window.Waypoint;window.jQuery&&(window.jQuery.fn.waypoint=t(window.jQuery)),window.Zepto&&(window.Zepto.fn.waypoint=t(window.Zepto))}();
\ No newline at end of file
diff --git a/public/js/wow.js b/public/js/wow.js
new file mode 100644
index 0000000..0a646f2
--- /dev/null
+++ b/public/js/wow.js
@@ -0,0 +1,2 @@
+/*! WOW - v1.1.3 - 2016-05-06
+* Copyright (c) 2016 Matthieu Aussaguel;*/(function(){var a,b,c,d,e,f=function(a,b){return function(){return a.apply(b,arguments)}},g=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1};b=function(){function a(){}return a.prototype.extend=function(a,b){var c,d;for(c in b)d=b[c],null==a[c]&&(a[c]=d);return a},a.prototype.isMobile=function(a){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)},a.prototype.createEvent=function(a,b,c,d){var e;return null==b&&(b=!1),null==c&&(c=!1),null==d&&(d=null),null!=document.createEvent?(e=document.createEvent("CustomEvent"),e.initCustomEvent(a,b,c,d)):null!=document.createEventObject?(e=document.createEventObject(),e.eventType=a):e.eventName=a,e},a.prototype.emitEvent=function(a,b){return null!=a.dispatchEvent?a.dispatchEvent(b):b in(null!=a)?a[b]():"on"+b in(null!=a)?a["on"+b]():void 0},a.prototype.addEvent=function(a,b,c){return null!=a.addEventListener?a.addEventListener(b,c,!1):null!=a.attachEvent?a.attachEvent("on"+b,c):a[b]=c},a.prototype.removeEvent=function(a,b,c){return null!=a.removeEventListener?a.removeEventListener(b,c,!1):null!=a.detachEvent?a.detachEvent("on"+b,c):delete a[b]},a.prototype.innerHeight=function(){return"innerHeight"in window?window.innerHeight:document.documentElement.clientHeight},a}(),c=this.WeakMap||this.MozWeakMap||(c=function(){function a(){this.keys=[],this.values=[]}return a.prototype.get=function(a){var b,c,d,e,f;for(f=this.keys,b=d=0,e=f.length;e>d;b=++d)if(c=f[b],c===a)return this.values[b]},a.prototype.set=function(a,b){var c,d,e,f,g;for(g=this.keys,c=e=0,f=g.length;f>e;c=++e)if(d=g[c],d===a)return void(this.values[c]=b);return this.keys.push(a),this.values.push(b)},a}()),a=this.MutationObserver||this.WebkitMutationObserver||this.MozMutationObserver||(a=function(){function a(){"undefined"!=typeof console&&null!==console&&console.warn("MutationObserver is not supported by your browser."),"undefined"!=typeof console&&null!==console&&console.warn("WOW.js cannot detect dom mutations, please call .sync() after loading new content.")}return a.notSupported=!0,a.prototype.observe=function(){},a}()),d=this.getComputedStyle||function(a,b){return this.getPropertyValue=function(b){var c;return"float"===b&&(b="styleFloat"),e.test(b)&&b.replace(e,function(a,b){return b.toUpperCase()}),(null!=(c=a.currentStyle)?c[b]:void 0)||null},this},e=/(\-([a-z]){1})/g,this.WOW=function(){function e(a){null==a&&(a={}),this.scrollCallback=f(this.scrollCallback,this),this.scrollHandler=f(this.scrollHandler,this),this.resetAnimation=f(this.resetAnimation,this),this.start=f(this.start,this),this.scrolled=!0,this.config=this.util().extend(a,this.defaults),null!=a.scrollContainer&&(this.config.scrollContainer=document.querySelector(a.scrollContainer)),this.animationNameCache=new c,this.wowEvent=this.util().createEvent(this.config.boxClass)}return e.prototype.defaults={boxClass:"wow",animateClass:"animated",offset:0,mobile:!0,live:!0,callback:null,scrollContainer:null},e.prototype.init=function(){var a;return this.element=window.document.documentElement,"interactive"===(a=document.readyState)||"complete"===a?this.start():this.util().addEvent(document,"DOMContentLoaded",this.start),this.finished=[]},e.prototype.start=function(){var b,c,d,e;if(this.stopped=!1,this.boxes=function(){var a,c,d,e;for(d=this.element.querySelectorAll("."+this.config.boxClass),e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this),this.all=function(){var a,c,d,e;for(d=this.boxes,e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this),this.boxes.length)if(this.disabled())this.resetStyle();else for(e=this.boxes,c=0,d=e.length;d>c;c++)b=e[c],this.applyStyle(b,!0);return this.disabled()||(this.util().addEvent(this.config.scrollContainer||window,"scroll",this.scrollHandler),this.util().addEvent(window,"resize",this.scrollHandler),this.interval=setInterval(this.scrollCallback,50)),this.config.live?new a(function(a){return function(b){var c,d,e,f,g;for(g=[],c=0,d=b.length;d>c;c++)f=b[c],g.push(function(){var a,b,c,d;for(c=f.addedNodes||[],d=[],a=0,b=c.length;b>a;a++)e=c[a],d.push(this.doSync(e));return d}.call(a));return g}}(this)).observe(document.body,{childList:!0,subtree:!0}):void 0},e.prototype.stop=function(){return this.stopped=!0,this.util().removeEvent(this.config.scrollContainer||window,"scroll",this.scrollHandler),this.util().removeEvent(window,"resize",this.scrollHandler),null!=this.interval?clearInterval(this.interval):void 0},e.prototype.sync=function(b){return a.notSupported?this.doSync(this.element):void 0},e.prototype.doSync=function(a){var b,c,d,e,f;if(null==a&&(a=this.element),1===a.nodeType){for(a=a.parentNode||a,e=a.querySelectorAll("."+this.config.boxClass),f=[],c=0,d=e.length;d>c;c++)b=e[c],g.call(this.all,b)<0?(this.boxes.push(b),this.all.push(b),this.stopped||this.disabled()?this.resetStyle():this.applyStyle(b,!0),f.push(this.scrolled=!0)):f.push(void 0);return f}},e.prototype.show=function(a){return this.applyStyle(a),a.className=a.className+" "+this.config.animateClass,null!=this.config.callback&&this.config.callback(a),this.util().emitEvent(a,this.wowEvent),this.util().addEvent(a,"animationend",this.resetAnimation),this.util().addEvent(a,"oanimationend",this.resetAnimation),this.util().addEvent(a,"webkitAnimationEnd",this.resetAnimation),this.util().addEvent(a,"MSAnimationEnd",this.resetAnimation),a},e.prototype.applyStyle=function(a,b){var c,d,e;return d=a.getAttribute("data-wow-duration"),c=a.getAttribute("data-wow-delay"),e=a.getAttribute("data-wow-iteration"),this.animate(function(f){return function(){return f.customStyle(a,b,d,c,e)}}(this))},e.prototype.animate=function(){return"requestAnimationFrame"in window?function(a){return window.requestAnimationFrame(a)}:function(a){return a()}}(),e.prototype.resetStyle=function(){var a,b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],e.push(a.style.visibility="visible");return e},e.prototype.resetAnimation=function(a){var b;return a.type.toLowerCase().indexOf("animationend")>=0?(b=a.target||a.srcElement,b.className=b.className.replace(this.config.animateClass,"").trim()):void 0},e.prototype.customStyle=function(a,b,c,d,e){return b&&this.cacheAnimationName(a),a.style.visibility=b?"hidden":"visible",c&&this.vendorSet(a.style,{animationDuration:c}),d&&this.vendorSet(a.style,{animationDelay:d}),e&&this.vendorSet(a.style,{animationIterationCount:e}),this.vendorSet(a.style,{animationName:b?"none":this.cachedAnimationName(a)}),a},e.prototype.vendors=["moz","webkit"],e.prototype.vendorSet=function(a,b){var c,d,e,f;d=[];for(c in b)e=b[c],a[""+c]=e,d.push(function(){var b,d,g,h;for(g=this.vendors,h=[],b=0,d=g.length;d>b;b++)f=g[b],h.push(a[""+f+c.charAt(0).toUpperCase()+c.substr(1)]=e);return h}.call(this));return d},e.prototype.vendorCSS=function(a,b){var c,e,f,g,h,i;for(h=d(a),g=h.getPropertyCSSValue(b),f=this.vendors,c=0,e=f.length;e>c;c++)i=f[c],g=g||h.getPropertyCSSValue("-"+i+"-"+b);return g},e.prototype.animationName=function(a){var b;try{b=this.vendorCSS(a,"animation-name").cssText}catch(c){b=d(a).getPropertyValue("animation-name")}return"none"===b?"":b},e.prototype.cacheAnimationName=function(a){return this.animationNameCache.set(a,this.animationName(a))},e.prototype.cachedAnimationName=function(a){return this.animationNameCache.get(a)},e.prototype.scrollHandler=function(){return this.scrolled=!0},e.prototype.scrollCallback=function(){var a;return!this.scrolled||(this.scrolled=!1,this.boxes=function(){var b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],a&&(this.isVisible(a)?this.show(a):e.push(a));return e}.call(this),this.boxes.length||this.config.live)?void 0:this.stop()},e.prototype.offsetTop=function(a){for(var b;void 0===a.offsetTop;)a=a.parentNode;for(b=a.offsetTop;a=a.offsetParent;)b+=a.offsetTop;return b},e.prototype.isVisible=function(a){var b,c,d,e,f;return c=a.getAttribute("data-wow-offset")||this.config.offset,f=this.config.scrollContainer&&this.config.scrollContainer.scrollTop||window.pageYOffset,e=f+Math.min(this.element.clientHeight,this.util().innerHeight())-c,d=this.offsetTop(a),b=d+a.clientHeight,e>=d&&b>=f},e.prototype.util=function(){return null!=this._util?this._util:this._util=new b},e.prototype.disabled=function(){return!this.config.mobile&&this.util().isMobile(navigator.userAgent)},e}()}).call(this);
\ No newline at end of file
diff --git a/public/scssold/components/_accordion.scss b/public/scssold/components/_accordion.scss
new file mode 100644
index 0000000..f69a868
--- /dev/null
+++ b/public/scssold/components/_accordion.scss
@@ -0,0 +1,80 @@
+@use '../utils' as *;
+
+.tp-custom-accordio {
+ & .accordion-items {
+ margin-bottom: 20px;
+ border:1px solid #F2F5FA;
+ }
+
+ & .accordion-buttons {
+ position: relative;
+ width: 100%;
+ text-align: left;
+ font-size: 24px;
+ font-weight: 700;
+ padding: 40px;
+ padding-bottom: 20px;
+ background-color: var(--tp-common-white);
+ color: #212121;
+ border-radius: 10px 10px 0 0;
+ @media #{$xs} {
+ font-size: 17px;
+ padding: 28px 20px
+ }
+
+ &::after {
+ position: absolute;
+ content: "\f063";
+ font-family: 'Font Awesome 5 Pro';
+ background-image: none;
+ top: auto;
+ right: 40px;
+ color: var(--tp-theme-primary);
+ width: auto;
+ height: auto;
+ font-weight: 300;
+ font-size: 20px;
+
+ @media #{$xs} {
+ top: 33px;
+ right: 18px;
+ }
+ }
+
+ &.collapsed {
+ padding: 40px;
+ &::after {
+ content: '\f062';
+ color: var(--tp-common-black);
+ }
+ }
+ }
+
+ & .collapsed {
+ border-radius: 10px 10px 10px 10px;
+ }
+
+ & .accordion-body {
+ background-color: var(--tp-common-white);
+ padding: 0;
+ position: relative;
+ z-index: 1;
+ font-size: 16px;
+ padding: 40px;
+ padding-top: 0;
+ padding-right: 80px;
+ border-bottom: 4px solid var(--tp-theme-primary);
+ @media #{$xs} {
+ padding: 20px 25px;
+ }
+ }
+}
+
+.faq-accordio-border {
+ & .accordion-items {
+ background-color: var(--tp-common-white);
+ border: 1px solid #F5F5F5;
+ border-radius: 10px;
+ }
+
+}
diff --git a/public/scssold/components/_animation.scss b/public/scssold/components/_animation.scss
new file mode 100644
index 0000000..b4af744
--- /dev/null
+++ b/public/scssold/components/_animation.scss
@@ -0,0 +1,226 @@
+/* pulse effect animation */
+
+@-webkit-keyframes pulse {
+ 0% {
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
+ }
+
+ 70% {
+ -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
+ }
+
+ 100% {
+ -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
+ }
+}
+
+@keyframes pulse {
+ 0% {
+ -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
+ }
+
+ 70% {
+ -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
+ box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
+ }
+
+ 100% {
+ -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
+ }
+}
+
+
+@keyframes tp-bounce {
+
+ 20%,
+ 53%,
+ 80%,
+ from,
+ to {
+ animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+ transform: translate3d(0, 0, 0)
+ }
+
+ 40%,
+ 43% {
+ animation-timing-function: cubic-bezier(.755, .050, .855, .060);
+ transform: translate3d(0, -30px, 0)
+ }
+
+ 70% {
+ animation-timing-function: cubic-bezier(.755, .050, .855, .060);
+ transform: translate3d(0, -15px, 0)
+ }
+
+ 90% {
+ transform: translate3d(0, -4px, 0)
+ }
+}
+
+.tp-bounce {
+ animation-name: bounce;
+ transform-origin: center bottom
+}
+
+@keyframes tfLeftToRight {
+ 49% {
+ transform: translateX(30%);
+ }
+
+ 50% {
+ opacity: 0;
+ transform: translateX(-30%);
+ }
+
+ 51% {
+ opacity: 1;
+ }
+}
+
+@-webkit-keyframes tp-float-1 {
+ 0% {
+ transform: translate(0px, 0px) rotate(0deg) scale(1);
+ }
+
+ 50% {
+ transform: translate(30px, 40px) rotate(0deg) scale(1);
+ }
+
+ 100% {
+ transform: translate(0px, 0px) rotate(0deg) scale(1);
+ }
+}
+
+@keyframes tp-float-1 {
+ 0% {
+ transform: translate(0px, 0px) rotate(0deg) scale(1);
+ }
+
+ 50% {
+ transform: translate(30px, 40px) rotate(0deg) scale(1);
+ }
+
+ 100% {
+ transform: translate(0px, 0px) rotate(0deg) scale(1);
+ }
+}
+
+@keyframes tp-float-2 {
+ 0% {
+ transform: translate(0px, 0px) rotate(0deg) scale(1);
+ }
+
+ 50% {
+ transform: translate(30px, -30px) rotate(0deg) scale(1);
+ }
+
+ 100% {
+ transform: translate(0px, 0px) rotate(0deg) scale(1);
+ }
+}
+
+@-webkit-keyframes tp-float-2 {
+ 0% {
+ transform: translate(0px, 0px) rotate(0deg) scale(1);
+ }
+
+ 50% {
+ transform: translate(30px, 40px) rotate(0deg) scale(1);
+ }
+
+ 100% {
+ transform: translate(0px, 0px) rotate(0deg) scale(1);
+ }
+}
+
+@-webkit-keyframes tp-float-3 {
+ 0% {
+ transform: translate(0px, 0px) rotate(0deg) scale(1);
+ }
+
+ 50% {
+ transform: translate(20px, 30px) rotate(0deg) scale(1);
+ }
+
+ 100% {
+ transform: translate(0px, 0px) rotate(0deg) scale(1);
+ }
+}
+
+@keyframes tp-float-3 {
+ 0% {
+ transform: translate(0px, 0px) rotate(0deg) scale(1);
+ }
+
+ 50% {
+ transform: translate(20px, 30px) rotate(0deg) scale(1);
+ }
+
+ 100% {
+ transform: translate(0px, 0px) rotate(0deg) scale(1);
+ }
+}
+
+
+// tp swing animtaion
+
+@keyframes tpswing{
+ 0% {
+ transform:rotate(6deg);
+ }
+ 100% {
+ transform:rotate(-6deg);
+ }
+}
+@keyframes tpswing2{
+ 0% {
+ transform:rotate(5deg);
+ }
+ 100% {
+ transform:rotate(-1deg);
+ }
+}
+// tp up down animtaion
+@keyframes tpupdown{
+ 0% {
+ transform:translateY(0);
+ }
+ 100% {
+ transform:translateY(-20px);
+ }
+}
+@keyframes opactiy{
+ 0% {
+ transform:rotate(5deg);
+ }
+ 100% {
+ transform:rotate(-1deg);
+ }
+}
+// tp up down animtaion
+@keyframes opactiy{
+ 0% {
+ opacity: .1;
+ }
+ 50% {
+ opacity: 1;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+
+@keyframes borderanimate2{
+ 0% {
+ transform: translate(-50%, -50%) scale(.8);
+ }
+ 60%{
+ opacity: 1;
+ }
+ 100% {
+ transform: translate(-50%, -50%) scale(2.5);
+ opacity: 0;
+ }
+}
diff --git a/public/scssold/components/_background.scss b/public/scssold/components/_background.scss
new file mode 100644
index 0000000..60703d1
--- /dev/null
+++ b/public/scssold/components/_background.scss
@@ -0,0 +1,28 @@
+@use '../utils' as *;
+
+/*--
+ - Background color
+-----------------------------------------*/
+.grey-bg {
+ background: var(--tp-grey-1);
+}
+.grey-bg-2 {
+ background: var(--tp-grey-2);
+}
+
+.white-bg {
+ background: var(--tp-common-white);
+}
+
+.black-bg {
+ background: var(--tp-common-black);
+}
+.theme-bg{
+ background-color: var(--tp-theme-bg);
+}
+.theme-bg-2{
+ background-color: var(--tp-theme-bg-2);
+}
+.primary-bg{
+ background-color: var(--tp-theme-primary);
+}
\ No newline at end of file
diff --git a/public/scssold/components/_breadcrumb.scss b/public/scssold/components/_breadcrumb.scss
new file mode 100644
index 0000000..506c366
--- /dev/null
+++ b/public/scssold/components/_breadcrumb.scss
@@ -0,0 +1,92 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* BREADCRUMB CSS START
+/*----------------------------------------*/
+
+.breadcrumb{
+ &__area{
+ @media #{$xs} {
+ padding-top: 150px;
+ padding-bottom: 100px;
+ }
+ }
+ &__title{
+ font-size: 70px;
+ color: var(--tp-common-white);
+ @media #{$sm}{
+ font-size: 68px;
+ }
+ @media #{$xs}{
+ font-size: 40px;
+ }
+ &-2{
+ font-size: 50px;
+ line-height: 1.1;
+ margin-top: 12px;
+ @media #{$sm}{
+ font-size: 40px;
+ }
+ @media #{$xs}{
+ font-size: 26px;
+ }
+ }
+ &-pre{
+ display: inline-block;
+ height: 24px;
+ line-height: 26px;
+ font-size: 14px;
+ color: #ffffff;
+ font-weight: 500;
+ background: var(--tp-theme-2);
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ padding: 0 7px;
+ margin-bottom: 12px;
+ }
+ }
+ &__list{
+ & span{
+ font-size: 16px;
+ color: var(--tp-common-white);
+ font-weight: 500;
+ padding-right: 3px;
+ margin-right: 3px;
+ text-transform: capitalize;
+ & a{
+ &:hover{
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ &-2{
+ & span{
+ font-size: 14px;
+ color: var(--tp-text-11);
+ font-weight: 500;
+ padding-right: 3px;
+ margin-right: 3px;
+ text-transform: capitalize;
+ & a{
+ &:hover{
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ }
+ }
+ &__overlay{
+ position: relative;
+
+ &::after{
+ position: absolute;
+ content: "";
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba(0, 3, 32, 0.6);
+ }
+ }
+}
\ No newline at end of file
diff --git a/public/scssold/components/_buttons.scss b/public/scssold/components/_buttons.scss
new file mode 100644
index 0000000..ff8d9f8
--- /dev/null
+++ b/public/scssold/components/_buttons.scss
@@ -0,0 +1,542 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* ALL CSS START
+/*----------------------------------------*/
+
+/* theme btn */
+.br-0{
+ & span{
+ border-radius: 0 !important;
+ }
+}
+.tp-btn-2 {
+ display: inline-block;
+ font-size: 14px;
+ font-weight: 600;
+ color: var(--tp-common-white);
+ background: var(--tp-theme-primary);
+ text-align: center;
+ padding: 15px 38px;
+ position: relative;
+ z-index: 1;
+ overflow: hidden;
+
+ & i {
+ padding-left: 5px;
+
+ }
+
+ &:hover {
+ color: var(--tp-theme-primary);
+ background-color: var(--tp-common-white);
+ }
+
+ &:focus {
+ color: var(--tp-theme-primary);
+ }
+
+}
+
+
+
+/* Button 9 */
+.tp-btn {
+ padding: 2px;
+ text-align: center;
+ position: relative;
+ text-decoration: none;
+ display: inline-block;
+ overflow: hidden;
+ border-radius: 6px;
+
+ & span {
+ color: var(--tp-common-white);
+ background-color: var(--tp-theme-primary);
+ width: 100%;
+ font-size: 14px;
+ font-weight: 500;
+ position: relative;
+ padding: 8px 25px;
+ letter-spacing: -.02rem;
+ border: 1px solid var(--tp-theme-primary);
+ display: inline-block;
+ border-radius: 6px;
+ @include transition(.3s);
+ }
+
+ & i {
+ padding-left: 15px;
+ }
+ &:hover {
+
+ & span {
+ color: var(--tp-common-white);
+ background-color: var(--tp-theme-secondary);
+ border-color: transparent;
+ }
+ }
+}
+
+.tp-border-btn, .tp-border-btn-white {
+ padding: 2px;
+ text-align: center;
+ position: relative;
+ text-decoration: none;
+ display: inline-block;
+ & span {
+ color: var(--tp-theme-primary);
+ background-color: var(--tp-common-white);
+ width: 100%;
+ font-size: 14px;
+ font-weight: 500;
+ position: relative;
+ padding: 7px 35px;
+ letter-spacing: -.02rem;
+ border: 2px solid var(--tp-theme-primary);
+ display: inline-block;
+ border-radius: 6px;
+ @include transition(.3s);
+ }
+
+ & i {
+ padding-left: 15px;
+ }
+ &:hover {
+ & span {
+ color: var(--tp-common-white);
+ background-color: var(--tp-theme-primary);
+ border-color: transparent;
+
+ }
+ }
+}
+.tp-border-btn-white{
+ & span {
+ border-color: rgba(50, 112, 252, 0.08);
+ color: var(--tp-common-black);
+ padding: 7px 25px;
+ }
+}
+.tp-transparent-btn {
+ padding: 2px;
+ text-align: center;
+ position: relative;
+ text-decoration: none;
+ display: inline-block;
+ overflow: hidden;
+
+ & span {
+ color: var(--tp-common-white);
+ background-color: transparent;
+ width: 100%;
+ font-size: 14px;
+ font-weight: 500;
+ position: relative;
+ padding: 10px 35px;
+ letter-spacing: -.02rem;
+ border: 2px solid;
+ border-color: rgba($color: #fff, $alpha: .1);
+ display: inline-block;
+ border-radius: 6px;
+ @include transition(.3s);
+ }
+
+ & i {
+ padding-left: 15px;
+ }
+ &:hover {
+ & span {
+ color: var(--tp-common-white);
+ background-color: var(--tp-theme-primary);
+ border-color: transparent;
+ }
+ }
+}
+
+.tp-white-btn {
+ padding: 2px;
+ text-align: center;
+ position: relative;
+ text-decoration: none;
+ display: inline-block;
+ overflow: hidden;
+
+ & span {
+ color: var(--tp-common-black);
+ background-color: var(--tp-common-white);
+ width: 100%;
+ font-size: 14px;
+ font-weight: 500;
+ position: relative;
+ padding: 12px 35px;
+ letter-spacing: -.02rem;
+ display: inline-block;
+ border-radius: 4px;
+ @include transition(.3s);
+ }
+
+ & i {
+ padding-left: 15px;
+ }
+ &:hover {
+ & span {
+ color: var(--tp-common-white);
+ background-color: var(--tp-theme-primary);
+ border-color: transparent;
+ }
+ }
+}
+
+.tp-phone-btn {
+ font-size: 14px;
+ color: var(--tp-common-white);
+ margin-right: 20px;
+
+ & i {
+ margin-right: 5px;
+ }
+
+ &:hover {
+ color: var(--tp-common-white);
+ }
+}
+
+.tp-play-btn {
+ color: var(--tp-common-white);
+ display: inline-block;
+
+ span {
+ display: inline-block;
+ }
+
+ & i {
+ font-size: 24px;
+ @include square-btn(47px, $circle: true);
+ line-height: 43px;
+ border: 2px solid var(--tp-common-white);
+ display: inline-block;
+ margin-right: 15px;
+ @include transition(.3s);
+
+ }
+
+ &:hover {
+ color: var(--tp-common-white);
+ & {
+ i {
+ background-color: var(--tp-theme-secondary);
+ }
+ }
+ }
+}
+
+.tp-submit-btn {
+ display: inline-block;
+ font-size: 14px;
+ font-weight: 600;
+ color: var(--tp-common-white);
+ background-color: var(--tp-theme-primary);
+ text-align: center;
+ padding: 12px 30px;
+ position: relative;
+ z-index: 1;
+ overflow: hidden;
+ border-radius: 6px;
+
+ & i {
+ padding-left: 5px;
+
+ }
+
+ &:hover {
+ color: var(--tp-common-white);
+ background-color: var(--tp-theme-secondary);
+ }
+
+ &:focus {
+ color: var(--tp-theme-primary);
+ }
+
+}
+
+.e-btn {
+ display: inline-block;
+ height: 50px;
+ line-height: 52px;
+ text-align: center;
+ padding: 0 25px;
+ color: #ffffff;
+ background: var(--tp-theme-primary);
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ font-weight: 500;
+ &:hover {
+ background-color: var(--tp-theme-secondary);
+ }
+}
+
+.tp-hader-btn {
+ color: var(--tp-common-white);
+ & .icon {
+ margin-left: 10px;
+ display: inline-block;
+
+ }
+ & .avata {
+ @include square-btn(36px, $circle: true);
+ display: inline-block;
+ border-width: 2px;
+ border-color: rgba(255, 255, 255,.1);
+ border-style: solid;
+ border-radius: 50%;
+ line-height: 32px;
+ margin-left: 40px;
+ }
+ &:hover{
+ color: var(--tp-common-white);
+ & .icon{
+ animation: tfLeftToRight 0.5s forwards;
+ }
+ }
+}
+
+.play-btn {
+ display: inline-block;
+ width: 44px;
+ height: 44px;
+ font-size: 12px;
+ text-align: center;
+ line-height: 44px;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ border-radius: 50%;
+ background: #ffffff;
+ color: var(--tp-theme-primary);
+ animation: pulse 2s infinite;
+ }
+/* pulse btn */
+
+.pulse-btn {
+ display: inline-block;
+ width: 80px;
+ height: 80px;
+ line-height: 84px;
+ text-align: center;
+ background-color: var(--tp-common-white);
+ @include border-radius(50%);
+ color: var(--tp-common-black);
+ animation: pulse 2s infinite;
+ & i {
+ font-size: 18px;
+ }
+ &:hover {
+ background-color: var(--tp-common-black);
+ color: var(--tp-common-white);
+ }
+
+ & i {
+ padding-left: 2px;
+ }
+}
+
+/* hambur btn */
+.hamburger-btn {
+ width: 30px;
+ height: 30px;
+ position: relative;
+ -webkit-transition: 0.5s ease-in-out;
+ -moz-transition: 0.5s ease-in-out;
+ -o-transition: 0.5s ease-in-out;
+ transition: 0.5s ease-in-out;
+ cursor: pointer;
+ background: transparent;
+ border: 0;
+ outline: 0;
+
+ & span {
+ display: inline-block;
+ width: 100%;
+ background: var(--tp-common-black);
+ display: block;
+ position: absolute;
+ height: 3px;
+ width: 100%;
+ opacity: 1;
+ left: 0;
+ z-index: 1;
+
+ &:nth-child(1) {
+ top: 0;
+ }
+
+ &:nth-child(2) {
+ top: 10px;
+ }
+
+ &:nth-child(3) {
+ top: 20px;
+ }
+ }
+}
+
+/* link btn style 1 */
+
+.link-btn {
+ position: relative;
+ display: inline-block;
+ font-size: 18px;
+ color: var(--tp-text-3);
+ background: transparent;
+ border: 1px solid var(--tp-border-2);
+ width: 50px;
+ height: 50px;
+ text-align: center;
+ line-height: 48px;
+ padding-right: 25px;
+ transition: all ease .2s;
+ -webkit-transition: all ease .2s;
+ -moz-transition: all ease .2s;
+ -ms-transition: all ease .2s;
+ -o-transition: all ease .2s;
+ overflow: hidden;
+
+ & i {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ @include transform(translate(-50%, -50%));
+ transition: all ease .2s;
+ -webkit-transition: all ease .2s;
+ -moz-transition: all ease .2s;
+ -ms-transition: all ease .2s;
+ -o-transition: all ease .2s;
+
+ &:last-child {
+ left: 0%;
+ visibility: hidden;
+ opacity: 0;
+ }
+ }
+
+ &:hover {
+ color: var(--tp-common-white);
+ background-color: var(--tp-theme-primary);
+ border-color: var(--tp-theme-primary);
+
+ & i {
+ left: 100%;
+ visibility: hidden;
+ opacity: 0;
+
+ &:last-child {
+ left: 50%;
+ visibility: visible;
+ opacity: 1;
+ }
+ }
+ }
+}
+
+/* link btn style 2 */
+
+.link-btn-2 {
+ position: relative;
+ font-size: 16px;
+ color: var(--tp-text-1);
+ font-weight: 500;
+ padding-right: 21px;
+ display: inline-block;
+
+ & i {
+ font-size: 14px;
+ position: absolute;
+ top: 12px;
+ @include transform(translateY(-50%));
+ transition: all ease .2s;
+ -webkit-transition: all ease .2s;
+ -moz-transition: all ease .2s;
+ -ms-transition: all ease .2s;
+ -o-transition: all ease .2s;
+
+ &:first-child {
+ right: 10%;
+ visibility: hidden;
+ opacity: 0;
+ }
+
+ &:last-child {
+ right: 0;
+ }
+ }
+
+ &:hover {
+ color: var(--tp-theme-primary);
+
+ & i {
+ &:first-child {
+ right: 0;
+ visibility: visible;
+ opacity: 1;
+ }
+
+ &:last-child {
+ right: -10%;
+ visibility: hidden;
+ opacity: 0;
+ }
+ }
+ }
+
+ &.link-prev {
+ padding-right: 0;
+ padding-left: 21px;
+
+ & i {
+ &:first-child {
+ left: 10%;
+ right: auto;
+ }
+
+ &:last-child {
+ left: 0;
+ right: auto;
+ }
+ }
+
+ &:hover {
+ & i {
+ &:first-child {
+ left: 0%;
+ right: auto;
+ }
+
+ &:last-child {
+ left: -10%;
+ right: auto;
+ }
+ }
+ }
+ }
+}
+
+.more-btn {
+ font-weight: 500;
+ font-size: 16px;
+ & i {
+ margin-left: 10px;
+
+ }
+
+ &:hover {
+ color: var(--tp-theme-primary);
+
+ & i {
+ animation: tfLeftToRight 0.5s forwards;
+ }
+ }
+}
+.hero-btn-2{
+ margin-bottom: 10px;
+}
\ No newline at end of file
diff --git a/public/scssold/components/_carousel.scss b/public/scssold/components/_carousel.scss
new file mode 100644
index 0000000..0bdd25f
--- /dev/null
+++ b/public/scssold/components/_carousel.scss
@@ -0,0 +1,110 @@
+@use '../utils' as *;
+
+
+/* tp range slider css */
+.tp-range-slider{
+
+ & .inside-slider{
+ padding-left: 7px;
+ padding-right: 17px;
+ }
+ & .noUi-target{
+ background-color: #191C3C;
+ @include border-radius(12px);
+ border: 0;
+ box-shadow: none;
+ }
+
+ & .noUi-connect{
+ background-color: var(--tp-theme-primary);
+ }
+
+ & .noUi-horizontal{
+ height: 6px;
+ }
+ & .noUi-handle{
+ height: 24px;
+ width: 24px;
+ background-color: var(--tp-theme-primary);
+ @include border-radius(50%);
+ border: 4px solid var(--tp-common-white);
+ box-shadow: 0px 4px 10px rgba(5, 9, 43, 0.3);
+ top: -9px;
+
+ &:hover{
+ cursor: pointer;
+ }
+ &::before,
+ &::after{
+ display: none;
+ }
+ }
+
+ &-dark{
+
+
+ & .noUi-handle{
+ border: 4px solid #2D314B;
+ }
+ }
+}
+
+
+/* tp swiper slider dot */
+
+.tp-swiper-dot{
+ .swiper-pagination-bullet{
+ width: 8px;
+ height: 8px;
+ background-color: var(--tp-grey-1);
+ opacity: 1;
+ margin: 0 9px;
+ position: relative;
+
+ &::after{
+ position: absolute;
+ content: '';
+ left: 50%;
+ top: 50%;
+ width: calc(100% + 16px);
+ height: calc(100% + 16px);
+ background-color: transparent;
+ border: 2px solid transparent;
+ border-radius: 50%;
+ transform: translate(-50%, -50%) scale(0);
+ }
+ & button{
+ font-size: 0;
+ }
+
+ &.swiper-pagination-bullet-active{
+ background-color: var(--tp-theme-primary);
+
+ &::after{
+ border-color: var(--tp-theme-primary);
+ transform: translate(-50%, -50%) scale(1);
+ }
+ }
+ }
+}
+
+.tp-swiper-arrow{
+ width: 80px;
+ height: 80px;
+ line-height: 80px;
+ font-size: 20px;
+ text-align: center;
+ background-color: var(--tp-common-white);
+ color: var(--tp-common-black);
+ &:hover{
+ background-color: var(--tp-common-black);
+ color: var(--tp-common-white);
+ }
+}
+
+
+/* tp slick arrow */
+
+.tp-slick-dot{
+
+}
diff --git a/public/scssold/components/_modal.scss b/public/scssold/components/_modal.scss
new file mode 100644
index 0000000..22d63d2
--- /dev/null
+++ b/public/scssold/components/_modal.scss
@@ -0,0 +1,5 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* MODAL CSS START
+/*----------------------------------------*/
\ No newline at end of file
diff --git a/public/scssold/components/_offcanvas.scss b/public/scssold/components/_offcanvas.scss
new file mode 100644
index 0000000..969ca1f
--- /dev/null
+++ b/public/scssold/components/_offcanvas.scss
@@ -0,0 +1,127 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* OFFCANVAS CSS START
+/*----------------------------------------*/
+
+.offcanvas {
+ &__logo{
+ & img {
+ max-width: 128px;
+ }
+
+ }
+ &__area {
+ position: fixed;
+ right: -490px;
+ top: 0;
+ width: 450px;
+ height: 100%;
+
+
+ transition-duration: .5s;
+ z-index: 999;
+ -ms-overflow-style: none;
+ /* for Internet Explorer, Edge */
+ scrollbar-width: none;
+ /* for Firefox */
+ overflow-y: scroll;
+ min-width: 300px;
+ min-height: 768px;
+ background-size: cover;
+
+ &::-webkit-scrollbar {
+ display: none;
+ /* for Chrome, Safari, and Opera */
+ }
+ background-color: var(--tp-grey-1);
+
+ &.offcanvas-opened {
+ right: 0px;
+ }
+
+ @media #{$xs} {
+ width: 290px;
+ }
+ }
+
+ &__wrapper {
+ position: relative;
+ padding: 45px;
+ overflow: auto;
+ width: 100%;
+ height: 100%;
+ scrollbar-width: none;
+ & .tp-btn{
+ height: 45px;
+ line-height: 45px;
+ }
+ @media #{$xs} {
+ padding: 20px;
+ }
+
+ }
+
+ &__close {
+ &-btn {
+ display: inline-block;
+ font-size: 16px;
+ height: 40px;
+ width: 40px;
+ line-height: 36px;
+ background: var(--tp-theme-primary);
+ color: #fff;
+
+ &:hover {
+ background: var(--tp-theme-secondary);
+ }
+ }
+ }
+ &-info{
+ & p {
+ margin-bottom: 40px;
+ color: var(--tp-common-black);
+ }
+ }
+ &__top {
+ padding-bottom: 20px;
+ @media #{$xs,$sm,$md} {
+ margin-bottom: 0;
+ }
+ }
+
+ &__cta {
+ &-2{
+ position: static;
+ }
+ position: absolute;
+ bottom: 0;
+ @media #{$xs,$sm,$md} {
+ position: static;
+ }
+
+ &-title {
+ color: var(--tp-common-black);
+ font-size: 18px;
+ font-weight: 700;
+ text-transform: uppercase;
+ line-height: 22px;
+ margin-bottom: 20px;
+
+ }
+
+ & span {
+ display: block;
+ font-size: 16px;
+ color: var(--tp-common-black);
+ margin-bottom: 15px;
+ & a {
+ &:hover {
+ color:var(--tp-theme-primary) ;
+ }
+ }
+ }
+ }
+
+
+}
\ No newline at end of file
diff --git a/public/scssold/components/_preloader.scss b/public/scssold/components/_preloader.scss
new file mode 100644
index 0000000..95b2b31
--- /dev/null
+++ b/public/scssold/components/_preloader.scss
@@ -0,0 +1,72 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* PRELOADER CSS START
+/*----------------------------------------*/
+
+.tp-preloader {
+ background-color: var(--tp-common-white);
+ height: 100%;
+ width: 100%;
+ position: fixed;
+ top: 0;
+ z-index: 9999;
+ left: 0;
+ opacity: 1;
+ visibility: visible;
+ @include transition(.3s);
+
+ &__center {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100%;
+ }
+
+ & img,
+ svg {
+ display: block;
+ width: 100px;
+ height: 100px;
+ animation: tp-bounce 3s infinite;
+ & .path-yellow {
+ color: #EDB83E;
+ width: 0;
+ animation: colorchange 1.5s infinite;
+ @include transition(.5s);
+ }
+ }
+}
+
+@keyframes colorchange {
+ 10% {
+ color:green;
+ }
+ 10% {
+ color:pink;
+ }
+ 20% {
+ color:deeppink;
+ }
+ 30% {
+ color:darkorange;
+ }
+ 40% {
+ color:aquamarine;
+ }
+ 50% {
+ color:darkcyan;
+ }
+ 70% {
+ color:orange;
+ }
+ 80% {
+ color:cornflowerblue;
+ }
+ 90% {
+ color:grey;
+ }
+ 100% {
+ color:white;
+ }
+}
\ No newline at end of file
diff --git a/public/scssold/components/_section-title.scss b/public/scssold/components/_section-title.scss
new file mode 100644
index 0000000..64e9d11
--- /dev/null
+++ b/public/scssold/components/_section-title.scss
@@ -0,0 +1,45 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* SECTION TITLE CSS START
+/*----------------------------------------*/
+
+.tp-section{
+ &__title{
+ font-size: 40px;
+ color: var(--tp-common-black);
+ & span {
+ color: var(--tp-theme-primary);
+ }
+ @media #{$lg}{
+ font-size: 35px;
+ }
+ @media #{$md} {
+ & br{
+ display: none;
+ }
+ }
+ @media #{$sm}{
+ font-size: 30px;
+ & br{
+ display: none;
+ }
+ }
+
+ @media #{$xs}{
+ font-size: 25px;
+ & br{
+ display: none;
+ }
+ }
+ }
+ &__title-wrapper{
+ & p{
+ font-size: 16px;
+ }
+ }
+}
+
+.error__title{
+ font-size: 70px;
+}
\ No newline at end of file
diff --git a/public/scssold/components/_spacing.scss b/public/scssold/components/_spacing.scss
new file mode 100644
index 0000000..77c19b8
--- /dev/null
+++ b/public/scssold/components/_spacing.scss
@@ -0,0 +1,4 @@
+
+/*--
+ - Spacing
+-----------------------------------------*/
\ No newline at end of file
diff --git a/public/scssold/components/_tab.scss b/public/scssold/components/_tab.scss
new file mode 100644
index 0000000..5fb4ee1
--- /dev/null
+++ b/public/scssold/components/_tab.scss
@@ -0,0 +1,19 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* NAV TAB CSS START
+/*----------------------------------------*/
+
+.tp-tab{
+ & .nav-tabs{
+ padding: 0;
+ margin: 0;
+ border: 0;
+
+ & .nav-link{
+ padding: 0;
+ margin: 0;
+ border: 0;
+ }
+ }
+}
\ No newline at end of file
diff --git a/public/scssold/components/_theme.scss b/public/scssold/components/_theme.scss
new file mode 100644
index 0000000..c149a7d
--- /dev/null
+++ b/public/scssold/components/_theme.scss
@@ -0,0 +1,502 @@
+@use '../utils' as *;
+/*-----------------------------------------------------------------------------------
+
+ Theme Name: Tutorgo - Online Learning and Education HTML Template
+ Author: Theme Pure
+ Support: https://themepure.net/help/support/login
+ Description: Tutorgo – Education Template is a clean and modern HTML5 , Bootstrap Education Template.
+ Version: 1.0
+
+-----------------------------------------------------------------------------------
+
+/************ TABLE OF CONTENTS ***************
+
+ 01. THEME DEFAULT CSS
+ 02. HEADER CSS
+ 03. MEAN MENU CSS
+ 04. SLIDER CSS
+ 05. HERO CSS
+ 06. ABOUT CSS
+ 07. TEAM CSS
+ 08. SERVICES CSS
+ 09. PORTFOLIO CSS
+ 10. COURSES CSS
+ 11. EVENT CSS
+ 12. CTA CSS
+ 13. COUNTER CSS
+ 14. FEATURE CSS
+ 15. TESTIMONIAL CSS
+ 16. BRAND CSS
+ 17. BLOG CSS
+ 18. CHECKOUT CSS
+ 19. CART CSS
+ 20. LOGIN CSS
+ 21. FOOTER CSS
+
+**********************************************/
+
+
+
+
+/*----------------------------------------*/
+/* 01. THEME DEFAULT CSS START
+/*----------------------------------------*/
+
+@import url($font-url);
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+/*---------------------------------
+ typography css start
+---------------------------------*/
+body {
+ font-family: var(--tp-ff-body);
+ font-size: var(--tp-fz-body);
+ font-weight: normal;
+ color: var(--tp-text-body);
+ line-height: 26px;
+}
+
+a {
+ text-decoration: none;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-family: var(--tp-ff-heading);
+ color: var(--tp-heading-primary);
+ margin-top: 0px;
+ font-weight: 700;
+ line-height: 1.2;
+ @include transition(.3s);
+}
+
+h1 {
+ font-size: var(--tp-fz-h1);
+}
+
+h2 {
+ font-size: var(--tp-fz-h2);
+}
+
+h3 {
+ font-size: var(--tp-fz-h3);
+}
+
+h4 {
+ font-size: var(--tp-fz-h4);
+}
+
+h5 {
+ font-size: var(--tp-fz-h5);
+}
+
+h6 {
+ font-size: var(--tp-fz-h6);
+}
+
+ul {
+ margin: 0px;
+ padding: 0px;
+}
+
+p {
+ font-family: var(--tp-ff-p);
+ font-size: var(--tp-fz-p);
+ font-weight: var(--tp-fw-normal);
+ color: var(--tp-text-body);
+ margin-bottom: 15px;
+ line-height: 26px;
+}
+
+
+a,
+button,
+p,
+input,
+select,
+textarea,
+li,
+.transition-3,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ @include transition(.3s);
+}
+
+a:focus,
+.button:focus {
+ text-decoration: none;
+ outline: none;
+}
+
+a:focus,
+a:hover {
+ color: inherit;
+ text-decoration: none;
+}
+
+a,
+button {
+ color: inherit;
+ outline: none;
+ border: none;
+ background: transparent;
+}
+
+button:hover {
+ cursor: pointer;
+}
+
+button:focus {
+ outline: 0;
+}
+
+.uppercase {
+ text-transform: uppercase;
+}
+
+.capitalize {
+ text-transform: capitalize;
+}
+
+input {
+ outline: none;
+
+ @include tp-placeholder {
+ color: var(--tp-text-3);
+ }
+}
+
+input[type="color"] {
+ appearance: none;
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ background: none;
+ border: 0;
+ cursor: pointer;
+ height: 100%;
+ width: 100%;
+ padding: 0;
+ border-radius: 50%;
+}
+
+*::-moz-selection {
+ background: var(--tp-common-black);
+ color: var(--tp-common-white);
+ text-shadow: none;
+}
+
+::-moz-selection {
+ background: var(--tp-common-black);
+ color: var(--tp-common-white);
+ text-shadow: none;
+}
+
+::selection {
+ background: var(--tp-common-black);
+ color: var(--tp-common-white);
+ text-shadow: none;
+}
+
+
+*::-moz-placeholder {
+ color: var(--tp-common-black);
+ font-size: var(--tp-fz-body);
+ opacity: 1;
+
+ @include tp-placeholder {
+ color: var(--tp-text-3);
+ }
+}
+
+*::placeholder {
+ color: var(--tp-common-black);
+ font-size: var(--tp-fz-body);
+ opacity: 1;
+
+ @include tp-placeholder {
+ color: var(--tp-text-3);
+ }
+}
+
+/*---------------------------------
+ common classes css start
+---------------------------------*/
+
+.w-img {
+ & img {
+ width: 100%;
+ }
+}
+
+.m-img {
+ & img {
+ max-width: 100%;
+ }
+}
+
+.fix {
+ overflow: hidden
+}
+
+.clear {
+ clear: both;
+}
+
+
+.z-index-1 {
+ z-index: 1;
+}
+
+.z-index-11 {
+ z-index: 11;
+}
+
+.overflow-y-visible {
+ overflow-x: hidden;
+ overflow-y: visible;
+}
+
+.p-relative {
+ position: relative;
+}
+
+.p-absolute {
+ position: absolute;
+}
+
+.include-bg {
+ @include background();
+}
+
+
+
+/*----------------------------------------
+ Body Overlay
+-----------------------------------------*/
+
+
+.body-overlay {
+ background-color: var(--tp-common-black);
+ height: 100%;
+ width: 100%;
+ position: fixed;
+ top: 0;
+ z-index: 98;
+ right: 0;
+ opacity: 0;
+ visibility: hidden;
+ @include transition(.3s);
+
+ &:hover {
+ cursor: url(../img/icons/cross-out.png), pointer;
+ }
+}
+
+.body-overlay.opened {
+ opacity: .7;
+ visibility: visible;
+
+}
+
+
+/*----------------------------------------
+ Progress Wrap
+-----------------------------------------*/
+
+.progress-wrap {
+ @media #{$xs} {
+ right: 15px;
+ bottom: 15px;
+ }
+}
+
+
+// basic pagination
+
+.basic-pagination {
+ & ul {
+ & li {
+ display: inline-block;
+ margin-bottom: 30px;
+ &:not(:last-child) {
+ margin-right: 10px;
+ @media #{$xs} {
+ margin-right: 3px;
+ }
+ }
+
+ & a,
+ & span {
+ display: inline-block;
+ width: 50px;
+ height: 50px;
+ line-height: 46px;
+ text-align: center;
+ @include border-radius(7px);
+ border: 2px solid #f1f1f1;
+ font-size: 18px;
+ font-weight: 600;
+
+ &:hover,
+ &.current {
+ background: var(--tp-theme-primary);
+ border-color: var(--tp-theme-primary);
+ color: var(--tp-common-white);
+ }
+ }
+ }
+ }
+}
+
+
+// nice select arrow
+
+.nice-select {
+ &::after {
+ border: none;
+ background-color: transparent;
+ @include transform(translateY(-50%));
+ margin-top: 0;
+ right: 0;
+ content: '\f107';
+ font-family: var(--tp-ff-fontawesome);
+ transform-origin: center;
+ color: var(--tp-common-black);
+ font-weight: 500;
+ height: auto;
+ width: auto;
+ }
+
+ &.open {
+ &::after {
+ @include transform(translateY(-50%) rotate(-180deg));
+ ;
+ }
+ }
+}
+
+/* cart plus minus default style css */
+
+// back to top
+
+.tp-backtotop {
+ position: fixed;
+ bottom: 0;
+ right: 40px;
+ background: var(--tp-theme-primary);
+ z-index: 6;
+ width: 50px;
+ height: 50px;
+ text-align: center;
+ line-height: 50px;
+ color: #fff;
+ font-size: 16px;
+ box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
+ opacity: 0;
+ transition: .6s;
+ z-index: 99;
+ font-size: 20px;
+ border-radius: 5px;
+
+ &.show {
+ top: auto;
+ bottom: 40px;
+ opacity: 1;
+ }
+
+ &:hover {
+ background-color: var(--tp-theme-secondary);
+ }
+}
+.cart-plus,
+.cart-minus{
+ width: 25px;
+ height: 30px;
+ line-height: 30px;
+ // border: 2px solid var(--tp-border-1);
+ display: inline-block;
+ vertical-align: middle;
+ text-align: center;
+ font-size: 14px;
+ @include transition(.3s);
+ & input {
+
+ }
+ &:hover{
+ cursor: pointer;
+ // color: var(--tp-common-white);
+ // background: var(--tp-theme-primary);
+ // border-color: var(--tp-theme-primary);
+ }
+}
+.product-quantity input {
+ color: #000;
+ font-size: 14px;
+ font-weight: normal;
+ text-align: center;
+ width: 40px;
+}
+.cart-input{
+ height:30px;
+ width: 32px;
+ text-align: center;
+ font-size: 14px;
+ border: none;
+ border-top: 2px solid var(--tp-border-1);
+ border-bottom: 2px solid var(--tp-border-1);
+ display: inline-block;
+ vertical-align: middle;
+ margin: 0 -3px;
+ padding-bottom: 0px;
+ &:focus{
+ outline: none;
+ }
+}
+
+/* dropcap */
+
+.tp-dropcap {
+ display: inline-block;
+ font-size: 50px;
+ font-weight: 700;
+ float: left;
+ height: 70px;
+ width: 70px;
+ line-height: 70px;
+ text-align: center;
+ color: var(--tp-common-black);
+ background-color: var(--tp-common-white);
+ box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
+ margin-right: 20px;
+}
+
+.course__view h4 {
+ font-size: 15px;
+ font-weight: 500;
+ color: #53545b;
+ display: inline-block;
+ margin-bottom: 0;
+}
+
+.course__sort-inner {
+ & .nice-select{
+ background-color: var(--tp-grey-2);
+ &::after{
+ right: 10px;
+ background-color: var(--tp-grey-2);
+ }
+ }
+}
\ No newline at end of file
diff --git a/public/scssold/layout/_about.scss b/public/scssold/layout/_about.scss
new file mode 100644
index 0000000..e86d9e2
--- /dev/null
+++ b/public/scssold/layout/_about.scss
@@ -0,0 +1,392 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* 06. ABOUT CSS
+/*----------------------------------------*/
+
+.tp-about {
+ &__img {
+ &-large {
+ position: relative;
+ z-index: 1;
+ margin-right: 30px;
+
+ @media #{$xs,$sm} {
+ margin-right: 0;
+
+ }
+ }
+
+ &-sm {
+ position: relative;
+ z-index: 1;
+ margin-top: 220px;
+ margin-right: 40px;
+
+ @media #{$xs,$sm} {
+ margin-right: 0;
+ margin-top: 0;
+ }
+ }
+ }
+
+ &__shapes {
+ &-1 {
+ position: absolute;
+ top: -50px;
+ left: 0;
+ @media #{$xs,$sm,$md} {
+ & > img {
+ width: 100%;
+ }
+ }
+
+ }
+
+ &-2 {
+ position: absolute;
+ top: 30%;
+ text-align: center;
+ left: 0;
+ right: 0;
+ transform: translateX(110px);
+
+ @media #{$xs,$sm} {
+ transform: translateX(0);
+ }
+
+ & img {
+ display: inline-block;
+ }
+
+ }
+ }
+
+ &__feature {
+ &-list {
+ & ul {
+ & li {
+ list-style: none;
+ font-size: 15px;
+ font-weight: 700;
+ padding-left: 35px;
+ position: relative;
+ margin-bottom: 20px;
+
+ & i {
+ background-image: -moz-linear-gradient(120deg, rgb(43, 112, 250) 0%, rgb(132, 188, 250) 100%);
+ background-image: -webkit-linear-gradient(120deg, rgb(43, 112, 250) 0%, rgb(132, 188, 250) 100%);
+ background-image: -ms-linear-gradient(120deg, rgb(43, 112, 250) 0%, rgb(132, 188, 250) 100%);
+ box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
+ @include square-btn(25px, $circle: true);
+ display: inline-block;
+ color: var(--tp-common-white);
+ position: absolute;
+ left: 0;
+
+ }
+
+ &:hover {
+ & i {
+ box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+.tp-about-2 {
+ &__img {
+ &-large {
+ position: relative;
+ z-index: 1;
+ margin-right: 30px;
+
+ @media #{$xs,$sm} {
+ margin-right: 0;
+
+ }
+ }
+
+ &-sm {
+ position: relative;
+ z-index: 1;
+ margin-right: 40px;
+
+ @media #{$xs,$sm} {
+ margin-right: 0;
+ margin-top: 0;
+ }
+ }
+ }
+
+ &__shapes {
+ &-1 {
+ position: absolute;
+ right: 0px;
+ top: 80%;
+ z-index: -1;
+ animation: tp-float-3 4s infinite alternate;
+
+ @media #{$xs,$sm,$md} {
+ & img {
+ width: 100%;
+ }
+ }
+ }
+
+ &-2 {
+ position: absolute;
+ left: 30px;
+ bottom: 150px;
+ z-index: -1;
+ animation: tp-float-2 6s infinite alternate;
+
+ @media #{$xs,$sm} {
+ transform: translateX(0);
+ }
+
+ & img {
+ display: inline-block;
+ }
+ }
+
+ &-3 {
+ position: absolute;
+ left: 100px;
+ top: 50%;
+ z-index: -1;
+ animation: tp-float-2 6s infinite alternate;
+
+ @media #{$xs,$sm} {
+ display: none;
+ }
+
+ & img {
+ display: inline-block;
+ }
+ }
+
+ &-4 {
+ position: absolute;
+ left: 50%;
+ top: 150px;
+ z-index: -1;
+ animation: tp-float-2 6s infinite alternate;
+
+ @media #{$xs,$sm} {
+ transform: translateX(0);
+ }
+
+ & img {
+ display: inline-block;
+ }
+ }
+
+ &-7 {
+ position: absolute;
+ left: 70%;
+ top: 260px;
+ z-index: 1;
+ animation: tp-float-2 6s infinite alternate;
+ @media #{$lg} {
+ left: 0;
+ }
+ @media #{$xs,$sm} {
+ transform: translateX(0);
+ left: 7%;
+ }
+
+ & img {
+ display: inline-block;
+ }
+ }
+ &-8 {
+ position: absolute;
+ right:0px;
+ top: 260px;
+ z-index: 1;
+ animation: tpswing 1s ease-in-out 1s forwards infinite alternate;
+ @media #{$xs,$sm} {
+ transform: translateX(0);
+ }
+
+ & img {
+ display: inline-block;
+ }
+ }
+ }
+
+ &__feature {
+ &-list {
+ display: inline-block;
+
+ & ul {
+ & li {
+ list-style: none;
+ font-size: 16px;
+ font-weight: 500;
+ padding-left: 35px;
+ position: relative;
+ margin-bottom: 30px;
+ width: 50%;
+ float: left;
+ color: #000f2f;
+ @media #{$xs,$sm} {
+ width: 100%;
+ }
+
+ & i {
+ display: inline-block;
+ color: var(--tp-theme-primary);
+ position: absolute;
+ left: 0;
+ top: 2px;
+ @include transition(.3s);
+ font-size: 20px;
+ }
+
+ &:hover {
+ & i {
+ transform: rotateY(-180deg);
+ }
+ }
+ }
+ }
+ }
+ }
+
+ &__right {
+ @media #{$lg,$md,$xs,$sm} {
+ margin-left: 0;
+ }
+ }
+}
+
+.tp-about-3 {
+ &__img {
+ &-large {
+ position: relative;
+ z-index: 1;
+ margin-right: 30px;
+
+ @media #{$xs,$sm} {
+ margin-right: 0;
+
+ }
+ }
+
+ &-sm {
+ position: relative;
+ z-index: 1;
+ margin-right: 40px;
+
+ @media #{$xs,$sm} {
+ margin-right: 0;
+ margin-top: 0;
+ }
+ }
+ }
+
+ &__shapes {
+ &-1 {
+ position: absolute;
+ left: -40px;
+ bottom: 110px;
+ z-index: -1;
+ animation: tp-float-3 4s infinite alternate;
+
+ @media #{$xs,$sm,$md} {
+ & img {
+ width: 100%;
+ }
+ }
+ }
+
+ }
+
+ &__feature {
+ &-list {
+ display: inline-block;
+
+ & ul {
+ & li {
+ list-style: none;
+ font-size: 16px;
+ font-weight: 400;
+ padding-left: 70px;
+ position: relative;
+ margin-bottom: 50px;
+ width: 50%;
+ float: left;
+ color: #011025;
+ @media #{$xs,$sm} {
+ width: 100%;
+ }
+
+ & i {
+ width: 50px;
+ height: 50px;
+ text-align: center;
+ line-height: 50px;
+ border-radius: 50%;
+ display: inline-block;
+ color: var(--tp-theme-primary);
+ background-color: rgba($color: #2878eb, $alpha: .1);
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ left: 0;
+ @include transition(.3s);
+ font-size: 20px;
+ }
+ }
+ }
+ }
+ }
+
+ &__right {
+ @media #{$lg,$md,$xs,$sm} {
+ margin-left: 0;
+ }
+ }
+
+ &__whitebox {
+ background-color: var(--tp-common-white);
+ position: absolute;
+ bottom: 30px;
+ right: 30px;
+ padding: 30px;
+ border-radius: 10px;
+ padding-right: 50px;
+ box-shadow: 0px 10px 20px 0px rgba(1, 16, 37, 0.06);
+
+ & span {
+ @include square-btn(50px);
+ text-align: center;
+ display: inline-block;
+ background-color: #f2f7fe;
+ font-size: 21px;
+ color: var(--tp-theme-primary);
+ margin-bottom: 30px;
+ border-radius: 6px;
+ }
+
+ & h4 {
+ font-size: 18px;
+ }
+ }
+
+ &__img-wrapper {
+ margin-right: 50px;
+ margin-left: -80px;
+
+ @media #{$xs,$sm} {
+ margin-right: 0;
+ }
+
+ }
+
+}
\ No newline at end of file
diff --git a/public/scssold/layout/_blog.scss b/public/scssold/layout/_blog.scss
new file mode 100644
index 0000000..138f6d5
--- /dev/null
+++ b/public/scssold/layout/_blog.scss
@@ -0,0 +1,661 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* 17. BLOG CSS
+/*----------------------------------------*/
+
+// postbox css start
+
+.tp-blog {
+ &__item {
+ margin-bottom: 20px;
+ background-color: var(--tp-common-white);
+ @include transition(.3s);
+ &:hover{
+ box-shadow: 0px 30px 50px 0px rgba(3, 27, 40, 0.1);
+ & .tp-blog__content {
+ border-color: transparent;
+ }
+ }
+ @media #{$xs} {
+ border-radius: 10px;
+ }
+
+ }
+
+ &__content {
+ padding: 35.5px 25px;
+ border: 2px solid;
+ border-color: #e5e7e8;
+ border-left: 0;
+ @include transition(.3s);
+ @media #{$xs,$sm} {
+ padding-top: 30px;
+ padding-bottom: 30px;
+ border: 0;
+ box-shadow: 0px 30px 50px 0px rgba(3, 27, 40, 0.1);
+ border-radius: 10px;
+ }
+
+ }
+ &__thub{
+ @media #{$xs,$sm} {
+ & img {
+ width: 100%;
+ border-radius: 10px;
+ }
+ }
+ }
+ &__title{
+ margin-bottom: 25px;
+ & a {
+ &:hover{
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ &__meta {
+ margin-bottom: 10px;
+
+ & span {
+ margin-right: 10px;
+ & i {
+ margin-right: 5px;
+ }
+ }
+ }
+}
+
+.postbox {
+ &__wrapper {
+ @media #{$xs,$sm,$md} {
+ padding-right: 0;
+ margin-bottom: 60px;
+ }
+ }
+ &__thumb {
+ & .play-btn {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ @include transform(translate(-50%, -50%));
+ z-index: 1;
+ }
+ }
+
+ &__audio {
+ height: 455px;
+ width: 100%;
+
+ & iframe {
+ width: 100%;
+ height: 100%;
+ border: none;
+ }
+ }
+
+ &__item {
+ &-single {
+ &:hover {
+ @include box-shadow(none);
+ }
+ }
+ }
+
+ &__content {
+
+ padding: 40px 0;
+
+ @media #{$xs} {
+ padding-left: 20px;
+ padding-right: 20px;
+ }
+
+ &-single {
+ padding-left: 0;
+ padding-right: 0;
+ border: none;
+ }
+ }
+
+ &__title {
+ font-size: 38px;
+ margin-bottom: 20px;
+
+ @media #{$lg} {
+ font-size: 28px;
+ }
+
+ @media #{$md} {
+ font-size: 33px;
+ }
+
+ @media #{$sm} {
+ font-size: 30px;
+ }
+
+ @media #{$xs} {
+ font-size: 25px;
+ }
+
+ & a {
+ &:hover {
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+
+ &__meta {
+ margin-bottom: 5px;
+
+ & span {
+ font-size: 14px;
+ font-weight: 600;
+ // color: var(--tp-common-black);
+ text-transform: uppercase;
+ display: inline-block;
+ margin-right: 30px;
+
+ &:last-child {
+ margin-right: 0;
+ }
+
+ & i {
+ color: var(--tp-theme-primary);
+ margin-right: 3px;
+ }
+ }
+ }
+
+ &__text {
+ & img {
+ max-width: 100%;
+ }
+
+ & p {
+ margin-bottom: 28px;
+ }
+
+ &-single {
+ & p {
+ margin-bottom: 15px;
+ }
+ }
+ }
+
+ &__slider {
+ & button {
+ position: absolute;
+ left: 50px;
+ top: 50%;
+ @include transform(translateY(-50%));
+ z-index: 1;
+ font-size: 30px;
+ color: var(--tp-common-white);
+
+ &.postbox-slider-button-next {
+ left: auto;
+ right: 50px;
+
+ @media #{$xs} {
+ right: 10px;
+ }
+ }
+
+ @media #{$xs} {
+ left: 10px;
+ }
+ }
+ }
+
+ &__comment {
+ & ul {
+ & li {
+ margin-bottom: 10px;
+ list-style: none;
+
+ &.children {
+ margin-left: 100px;
+
+ @media #{$xs} {
+ margin-left: 15px;
+ }
+ }
+ }
+ }
+
+ &-form {
+ margin-bottom: 20px;
+ padding: 40px 30px;
+ box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .09);
+ background: var(--tp-common-white);
+
+ &-title {
+ font-size: 26px;
+ font-weight: 600;
+ margin-bottom: 40px;
+ }
+ }
+
+ &-input {
+ position: relative;
+ margin-bottom: 20px;
+
+ & span {
+ font-weight: 600;
+ color: var(--tp-common-black);
+ margin-bottom: 12px;
+ display: block;
+ }
+
+ & input,
+ & textarea {
+ height: 55px;
+ padding: 0 20px;
+ width: 100%;
+ font-size: 14px;
+ color: var(--tp-common-black);
+ outline: none;
+ border: 1px solid transparent;
+ @include border-radius(7px);
+ background: #f7f7f7;
+ }
+
+ & textarea {
+ height: 175px;
+ resize: none;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ @include tp-placeholder{
+ color: var(--tp-text-3);
+ }
+ }
+ }
+
+ &-title {
+ font-size: 26px;
+ font-weight: 600;
+ margin-bottom: 20px;
+ }
+
+ &-box {
+ padding: 30px;
+ padding-right: 40px;
+ padding-top: 25px;
+ @include border-radius(4px);
+ }
+
+ &-avater {
+ & img {
+ width: 50px;
+ height: 50px;
+ @include border-radius(50%);
+ }
+ }
+
+ &-name {
+ margin-bottom: 5px;
+
+ & h5 {
+ font-size: 16px;
+ line-height: 1;
+ margin-bottom: 0;
+ }
+
+ & span {
+ font-size: 14px;
+ color: var(--tp-text-1);
+ }
+ }
+
+ &-text {
+ @media #{$xs} {
+ margin-left: 0;
+ margin-top: 15px;
+ }
+
+ & p {
+ font-size: 16px;
+ color: var(--tp-text-11);
+ margin-bottom: 15px;
+ }
+ }
+
+ &-reply {
+ margin-top: 10px;
+
+ & a {
+ display: inline-block;
+ color: var(--tp-theme-primary);
+ background: rgba(61, 108, 231, 0.1);
+ height: 22px;
+ line-height: 22px;
+ padding: 0 10px;
+ font-weight: 500;
+ font-size: 14px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ -o-border-radius: 4px;
+ -ms-border-radius: 4px;
+ border-radius: 4px;
+
+ &:hover {
+ color: var(--tp-common-white);
+ background: var(--tp-theme-primary);
+ }
+ }
+ }
+
+ &-agree {
+ padding-left: 5px;
+
+ & input {
+ margin: 0;
+ appearance: none;
+ -moz-appearance: none;
+ display: block;
+ width: 14px;
+ height: 14px;
+ background: var(--tp-common-white);
+ border: 1px solid #b9bac1;
+ outline: none;
+ @include border-radius(4px);
+ flex: 0 0 auto;
+ @include transform(translateY(-1px));
+
+ &:checked {
+ position: relative;
+ background-color: var(--tp-theme-primary);
+ border-color: transparent;
+
+ &::after {
+ box-sizing: border-box;
+ content: '\f00c';
+ position: absolute;
+ font-family: var(--tp-ff-fontawesome);
+ font-size: 10px;
+ color: var(--tp-common-white);
+ top: 46%;
+ left: 50%;
+ @include transform(translate(-50%, -50%));
+ }
+ }
+
+ &:hover {
+ cursor: pointer;
+ }
+ }
+
+ & label {
+ padding-left: 8px;
+ color: var(--tp-text-1);
+ line-height: 1;
+
+ & a {
+ color: var(--tp-common-black);
+ font-weight: 600;
+ padding-left: 4px;
+
+ &:hover {
+ color: var(--tp-theme-primary);
+ }
+ }
+
+ &:hover {
+ cursor: pointer;
+ }
+ }
+ }
+ }
+
+ &__tag {
+ & span {
+ font-size: 16px;
+ margin-bottom: 17px;
+ color: var(--tp-common-black);
+ margin-right: 10px;
+ }
+ }
+}
+
+
+// recent post css start
+
+.rc {
+ &__post {
+ & ul {
+ & li {
+ &:not(:last-child) {
+ margin-bottom: 15px;
+ }
+ }
+ }
+
+ &-thumb {
+ & img {
+ width: 80px;
+ height: 80px;
+ object-fit: cover;
+ }
+ }
+
+ &-title {
+ margin-bottom: 6px;
+ font-size: 17px;
+
+ & a {
+ &:hover {
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ }
+
+ &__meta {
+ & span {
+ font-size: 12px;
+ text-transform: uppercase;
+ font-weight: 600;
+ }
+ }
+}
+
+
+// sidebar css start
+
+.sidebar {
+ &__widget {
+ padding: 30px;
+ background: var(--tp-grey-2);
+ &-title {
+ position: relative;
+ display: inline-block;
+ font-size: 20px;
+ margin-bottom: 30px;
+ font-weight: 600;
+ text-transform: capitalize;
+ }
+
+ & ul {
+ & li {
+ list-style: none;
+ padding-left: 19px;
+ margin-bottom: 25px;
+ line-height: 1;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+
+ a {
+ font-size: 16px;
+ color: var(--tp-common-black);
+ position: relative;
+ &::after {
+ position: absolute;
+ content: '\f105';
+ left: -19px;
+ top: 50%;
+ @include transform(translateY(-50%));
+ color: var(--tp-common-black);
+ font-family: var(--tp-ff-fontawesome);
+ font-size: 16px;
+ @include transition(.3s);
+ }
+
+ &:hover {
+ color: var(--tp-theme-primary);
+
+ &::after {
+ color: var(--tp-theme-primary);
+ left: -14px;
+ }
+ }
+ }
+ & span {
+ float: right;
+ }
+ & ul {
+ padding-left: 25px;
+ padding-top: 20px;
+ }
+ }
+ }
+ }
+
+ &__search {
+ position: relative;
+
+ & input {
+ width: 100%;
+ height: 60px;
+ line-height: 60px;
+ background-color: var(--tp-common-white);
+ padding: 0 25px;
+ text-transform: capitalize;
+ border: 1px solid var(--tp-grey-1);
+ outline: none;
+ padding-top: 3px;
+ padding-right: 80px;
+ &:focus{
+ border-color: var(--tp-theme-primary);
+ }
+ }
+
+ & button {
+ position: absolute;
+ top: 0;
+ right: 0;
+ height: 100%;
+ padding: 0 24px;
+ color: #fff;
+ line-height: 60px;
+ background: var(--tp-theme-primary);
+ }
+
+ }
+
+ &__banner {
+ &::after {
+ position: absolute;
+ content: '';
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba($color: #000, $alpha: .5);
+ }
+
+ &-content {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ @include transform(translate(-50%, -50%));
+ z-index: 1;
+ background: var(--tp-common-white);
+
+ & h4 {
+ padding: 15px 20px;
+ font-size: 24px;
+ color: var(--tp-common-black);
+ text-transform: uppercase;
+ margin-bottom: 0;
+ }
+ }
+ }
+}
+
+// tagcloud css start
+
+.tagcloud {
+ & a {
+ background: var(--tp-common-white);
+ color: var(--tp-common-black);
+ display: inline-block;
+ font-size: 13px;
+ line-height: 1;
+ padding: 8px 21px;
+ padding-bottom: 8px;
+ margin-bottom: 8px;
+ margin-right: 5px;
+ text-transform: uppercase;
+ border: 0;
+
+ &:hover {
+ background: var(--tp-common-black);
+ color: var(--tp-common-white);
+ }
+ }
+}
+
+// blockquote css start
+
+blockquote {
+ background: var(--tp-grey-1);
+ padding: 35px 50px;
+ margin-bottom: 35px;
+
+ @media #{$xs} {
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+
+ & p {
+ line-height: 1.5;
+ font-size: 20px;
+ color: #57565e;
+ font-weight: 400;
+ }
+
+ & cite {
+ font-size: 18px;
+ display: block;
+ margin-top: 10px;
+ color: #070337;
+ font-style: inherit;
+ font-weight: 600;
+ position: relative;
+
+ &::before {
+ content: "";
+ font-size: 28px;
+ color: var(--tp-theme-primary);
+ padding-bottom: 0px;
+ display: inline-block;
+ background: var(--tp-theme-primary);
+ height: 2px;
+ width: 40px;
+ font-weight: 400;
+ text-align: center;
+ top: -4px;
+ margin-right: 10px;
+ position: relative;
+ }
+ }
+}
+
+.sidebar__wrapper{
+ @media #{$xs,$sm,$md} {
+ padding-left: 0;
+ }
+}
\ No newline at end of file
diff --git a/public/scssold/layout/_brand.scss b/public/scssold/layout/_brand.scss
new file mode 100644
index 0000000..e7be035
--- /dev/null
+++ b/public/scssold/layout/_brand.scss
@@ -0,0 +1,53 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* 16. BRAND CSS
+/*----------------------------------------*/
+
+
+.tp-brand {
+ &__box {
+ & h3 {
+ font-size: 20px;
+ margin-bottom: 6px;
+
+ }
+
+ & p {
+ color: var(--tp-text-2);
+ }
+
+ & span {
+ color: var(--tp-theme-secondary);
+ margin-bottom: 2px;
+ display: inline-block;
+ }
+ }
+
+ &__item {
+ height: 130px;
+ display: flex !important;
+ align-items: center;
+
+ & img {
+ max-width: 100%;
+ filter: grayscale(1);
+ opacity: .7;
+ }
+ }
+
+ &__box {
+ box-shadow: 0px 30px 40px 0px rgba(1, 16, 37, 0.1);
+ padding-left: 60px;
+ padding-right: 60px;
+ position: relative;
+ z-index: 1;
+
+ @media #{$xs,$sm} {
+ padding-left: 30px;
+ padding-right: 30px;
+ }
+
+ }
+
+}
\ No newline at end of file
diff --git a/public/scssold/layout/_cart.scss b/public/scssold/layout/_cart.scss
new file mode 100644
index 0000000..ee74bbf
--- /dev/null
+++ b/public/scssold/layout/_cart.scss
@@ -0,0 +1,211 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* 19. CART CSS
+/*----------------------------------------*/
+
+.cart-area {
+
+ .table-content table {
+ background: #ffffff;
+ border-color: #eaedff;
+ border-radius: 0;
+ border-style: solid;
+ border-width: 1px 0 0 1px;
+ text-align: center;
+ width: 100%;
+ margin-bottom: 0;
+ }
+ .table > :not(:first-child){
+ border: 0;
+ }
+ .table-content .product-quantity {
+ float: none;
+ }
+
+ .table-content table td.product-name {
+ font-size: 16px;
+ font-weight: 400;
+ text-transform: capitalize;
+ }
+
+
+ .table> :not(:last-child)> :last-child>* {
+ border-bottom-color: #eaedff;
+ }
+
+ .table-content table td.product-name a:hover {
+ color: var(--tp-common-black);
+ }
+
+ .table-content table td {
+ border-top: medium none;
+ padding: 20px 10px;
+ vertical-align: middle;
+ font-size: 16px;
+ }
+
+ .table-content table th,
+ .table-content table td {
+ border-bottom: 1px solid #eaedff;
+ border-right: 1px solid #eaedff;
+ }
+
+
+ .table td,
+ .table th {
+ border-top: 1px solid #eaedff;
+ }
+
+ .table-content table td.product-subtotal {
+ font-size: 16px;
+ }
+
+ .table-content table td .cart-plus-minus {
+ float: none;
+ margin: 0 auto;
+ }
+
+ .coupon-all {
+ margin-top: 50px;
+ }
+
+ .coupon {
+ float: left;
+ }
+
+ @media (max-width: 767px) {
+ .coupon {
+ float: none;
+ }
+ }
+
+ #coupon_code {
+ height: 50px;
+ border: 2px solid #eaedff;
+ padding: 0 15px;
+ margin-right: 10px;
+ outline: none;
+ @include box-shadow(none);
+
+ &:focus {
+ border-color: var(--tp-common-black);
+ }
+ }
+
+ @media (max-width: 767px) {
+ #coupon_code {
+ margin-bottom: 15px;
+ }
+ }
+
+ .coupon2 {
+ float: right;
+ }
+
+ @media (max-width: 767px) {
+ .coupon2 {
+ float: none;
+ margin-top: 15px;
+ }
+ }
+
+ .cart-page-total {
+ padding-top: 50px;
+ }
+
+ .cart-page-total>h2 {
+ font-size: 25px;
+ margin-bottom: 20px;
+ text-transform: capitalize;
+ }
+
+ .cart-page-total>ul {
+ border: 1px solid #eaedff;
+ }
+
+ .cart-page-total>ul>li {
+ list-style: none;
+ font-size: 15px;
+ color: #6f7172;
+ padding: 10px 30px;
+ border-bottom: 1px solid #eaedff;
+ font-weight: 400;
+ }
+
+ .cart-page-total ul>li>span {
+ float: right;
+ }
+
+ .cart-page-total li:last-child {
+ border-bottom: 0;
+ }
+
+ td.product-thumbnail img {
+ width: 125px;
+ }
+
+ & .product-quantity-form {
+ margin: auto;
+ width: 122px;
+ height: 58px;
+ border: 2px solid #dadada;
+ text-align: center;
+ position: relative;
+ @include transition(.3s);
+
+ &:hover {
+ border-color: var(--tp-common-black);
+ }
+ }
+
+ & .cart-plus,
+ & .cart-minus {
+ position: absolute;
+ top: 50%;
+ left: 0;
+ @include transform(translateY(-50%));
+ width: 45px;
+ height: 40px;
+ line-height: 40px;
+ display: inline-block;
+ vertical-align: middle;
+ text-align: center;
+ font-size: 14px;
+ background: transparent;
+ border: none;
+ outline: none;
+
+ &:hover {
+ cursor: pointer;
+ color: var(--tp-common-black);
+ background: transparent;
+ }
+ }
+
+ & .cart-plus {
+ left: auto;
+ right: 0;
+ }
+
+ & .cart-input {
+ height: 58px;
+ width: 32px;
+ text-align: center;
+ font-size: 14px;
+ border: none;
+ display: inline-block;
+ vertical-align: middle;
+ margin: 0 -3px;
+ padding-bottom: 4px;
+ background: transparent;
+
+ &:focus {
+ outline: none;
+ }
+ }
+}
+
+/* cart plus minus default style css */
+
+
diff --git a/public/scssold/layout/_checkout.scss b/public/scssold/layout/_checkout.scss
new file mode 100644
index 0000000..1cda8ff
--- /dev/null
+++ b/public/scssold/layout/_checkout.scss
@@ -0,0 +1,622 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* 18. CHECKOUT CSS
+/*----------------------------------------*/
+
+
+/* 16. Cart */
+.table-content {
+ & .table > :not(:first-child) {
+ border-top: 0;
+ }
+ & table {
+ background: #ffffff;
+ border-color: #eaedff;
+ border-radius: 0;
+ border-style: solid;
+ border-width: 1px 0 0 1px;
+ text-align: center;
+ width: 100%;
+ margin-bottom: 0;
+ }
+}
+.table-content .table > :not(:last-child) > :last-child > *{
+ border-bottom-color: #eaedff;
+ }
+ .table-content .product-quantity {
+ float: none;
+ }
+ .table-content table td.product-name {
+ font-size: 16px;
+ font-weight: 400;
+ text-transform: capitalize;
+ }
+
+ .table-content table td.product-name a:hover {
+ color: var(--tp-theme-1);
+ }
+
+ .table-content table td {
+ border-top: medium none;
+ padding: 20px 10px;
+ vertical-align: middle;
+ font-size: 16px;
+ }
+
+ .table-content table th, .table-content table td {
+ border-bottom: 1px solid #eaedff;
+ border-right: 1px solid #eaedff;
+ }
+
+ .table-content table td.product-subtotal {
+ font-size: 16px;
+ }
+
+ .table-content table td .cart-plus-minus {
+ float: none;
+ margin: 0 auto;
+ }
+
+ .coupon-all {
+ margin-top: 50px;
+ }
+
+ .coupon {
+ float: left;
+ }
+
+ @media (max-width: 767px) {
+ .coupon {
+ float: none;
+ }
+ }
+ #coupon_code {
+ height: 58px;
+ border: 2px solid #eaedff;
+ padding: 0 15px;
+ margin-right: 10px;
+ }
+
+ @media (max-width: 767px) {
+ #coupon_code {
+ margin-bottom: 15px;
+ }
+ }
+
+ .coupon2 {
+ float: right;
+ }
+
+ @media (max-width: 767px) {
+ .coupon2 {
+ float: none;
+ margin-top: 15px;
+ }
+ }
+
+ .cart-page-total {
+ padding-top: 50px;
+ }
+
+ .cart-page-total > h2 {
+ font-size: 25px;
+ margin-bottom: 20px;
+ text-transform: capitalize;
+ }
+
+ .cart-page-total > ul {
+ border: 1px solid #eaedff;
+ }
+
+ .cart-page-total > ul > li {
+ list-style: none;
+ font-size: 15px;
+ color: #6f7172;
+ padding: 10px 30px;
+ border-bottom: 1px solid #eaedff;
+ font-weight: 400;
+ }
+
+ .cart-page-total ul > li > span {
+ float: right;
+ }
+
+ .cart-page-total li:last-child {
+ border-bottom: 0;
+ }
+ td.product-thumbnail img {
+ width: 125px;
+ }
+
+/* 17. Checkout */
+.coupon-accordion h3 {
+ background-color: #f7f7f7;
+ border-top: 3px solid var(--tp-theme-primary);
+ font-size: 16px;
+ font-weight: 500;
+ margin: 0 0 25px;
+ padding: 1em 2em 1em 3.5em;
+ position: relative;
+ width: auto;
+ & span {
+ font-weight: 400;
+ @include transition(.3s);
+ cursor: pointer;
+ &:hover{
+ color: var(--tp-theme-primary);
+ }
+ }
+
+}
+
+.coupon-accordion h3::before {
+ content: "\f07b";
+ left: 15px;
+ top: 13px;
+ position: absolute;
+ color: var(--tp-theme-1);
+ font-family: "Font Awesome 5 Pro";
+ font-weight: 700;
+}
+
+.coupon-accordion > span {
+ color: #6f7172;
+ cursor: pointer;
+ transition: .3s;
+ font-weight: 500;
+}
+
+.coupon-accordion > span:hover, p.lost-password a:hover {
+ color: var(--tp-common-black);
+}
+
+.coupon-content {
+ border: 1px solid #eaedff;
+ display: none;
+ margin-bottom: 20px;
+ padding: 30px;
+}
+
+.coupon-info p.coupon-text {
+ margin-bottom: 15px;
+}
+
+.coupon-info p {
+ margin-bottom: 0;
+}
+
+.coupon-info p.form-row-first label, .coupon-info p.form-row-last label {
+ display: block;
+ color: #6f7172;
+}
+
+.coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required {
+ color: var(--tp-theme-1);
+ font-weight: 700;
+}
+
+.coupon-info p.form-row-first input, .coupon-info p.form-row-last input {
+ border: 1px solid #eaedff;
+ height: 45px;
+ margin: 0 0 14px;
+ max-width: 100%;
+ padding: 0 0 0 10px;
+ width: 100%;
+ outline: none;
+ @include box-shadow(none);
+ &:focus{
+ border-color: var(--tp-common-black);
+ }
+}
+
+.coupon-info p.form-row input[type="submit"]:hover, p.checkout-coupon input[type="submit"]:hover {
+ background: #3e976c none repeat scroll 0 0;
+}
+
+.coupon-info p.form-row input[type="checkbox"] {
+ position: relative;
+}
+
+.form-row > label {
+ margin-top: 15px;
+ margin-left: 15px;
+ color: #6f7172;
+}
+
+.buttons-cart input, .coupon input[type="submit"], .buttons-cart a, .coupon-info p.form-row input[type="submit"] {
+ background: #252525 none repeat scroll 0 0;
+ border: medium none;
+ color: #fff;
+ display: inline-block;
+ float: left;
+ font-size: 12px;
+ font-weight: 700;
+ height: 40px;
+ line-height: 40px;
+ margin-right: 15px;
+ padding: 0 15px;
+ text-transform: uppercase;
+ transition: all 0.3s ease 0s;
+}
+
+p.lost-password {
+ margin-top: 15px;
+}
+
+p.lost-password a {
+ color: #6f6f6f;
+}
+
+p.checkout-coupon input[type="text"] {
+ height: 45px;
+ padding: 0 15px;
+ width: 100%;
+ border: 1px solid #eaedff;
+ margin-bottom: 15px;
+ outline: none;
+ @include box-shadow(none);
+ &:focus{
+ border-color: var(--tp-common-black);
+ }
+ @include tp-placeholder();
+}
+
+.coupon-checkout-content {
+ display: none;
+}
+
+.checkbox-form h3 {
+ border-bottom: 1px solid #eaedff;
+ font-size: 26px;
+ margin: 0 0 20px;
+ padding-bottom: 10px;
+ width: 100%;
+ font-weight: 500;
+}
+
+.country-select {
+ margin-bottom: 30px;
+ position: relative;
+}
+.country-select select{
+ width: 100%;
+ background-color: transparent;
+ border: 1px solid #eaedff;
+ padding: 0 10px;
+ height: 50px;
+}
+
+.country-select label, .checkout-form-list label {
+ color: #6f7172;
+ display: block;
+ margin: 0 0 5px;
+}
+
+.country-select label span.required, .checkout-form-list label span.required {
+ color: var(--tp-theme-1);
+}
+
+.country-select .nice-select {
+ border: 1px solid #eaedff;
+ height: 45px;
+ padding-left: 10px;
+ width: 100%;
+ color: #6f7172;
+ margin-bottom: 20px;
+ border-radius: 0;
+ &::after{
+ right: 10px;
+ }
+}
+
+
+.country-select .nice-select .list{
+ width: 100%;
+}
+
+
+.checkout-form-list {
+ margin-bottom: 30px;
+}
+
+.checkout-form-list label {
+ color: #6f7172;
+}
+
+.checkout-form-list input[type="text"], .checkout-form-list input[type="password"], .checkout-form-list input[type="email"] {
+ background: #ffffff;
+ border: 1px solid #eaedff;
+ border-radius: 0;
+ height: 45px;
+ padding: 0 0 0 10px;
+ width: 100%;
+ outline: none;
+ @include box-shadow(none);
+ &:focus{
+ border-color: var(--tp-common-black);
+ }
+}
+
+.checkout-form-list input[type="text"]::-moz-placeholder,
+.checkout-form-list input[type="password"]::-moz-placeholder,
+.checkout-form-list input[type="email"]::-moz-placeholder {
+ color: #6f7172;
+ opacity: 1;
+}
+
+.checkout-form-list input[type="text"]::placeholder,
+.checkout-form-list input[type="password"]::placeholder,
+.checkout-form-list input[type="email"]::placeholder {
+ color: #6f7172;
+ opacity: 1;
+}
+
+.checkout-form-list input[type="checkbox"] {
+ display: inline-block;
+ margin-right: 10px;
+ position: relative;
+ top: 1px;
+}
+
+.create-acc label {
+ color: #6f7172;
+ display: inline-block;
+}
+
+.create-account {
+ display: none;
+}
+
+.ship-different-title h3 label {
+ display: inline-block;
+ margin-right: 20px;
+ color: var(--tp-common-black);
+ font-weight: 700;
+}
+
+.order-notes textarea {
+ border: 1px solid #eaedff;
+ height: 120px;
+ padding: 15px;
+ width: 100%;
+ outline: 0;
+ resize: none;
+}
+
+.order-notes textarea:focus {
+ border-color: var(--tp-common-black);
+}
+
+.order-notes textarea::-moz-placeholder {
+ color: #6f7172;
+ opacity: 1;
+}
+
+.order-notes textarea::placeholder {
+ color: #6f7172;
+ opacity: 1;
+}
+
+#ship-box-info {
+ display: none;
+}
+
+.panel-group .panel {
+ border-radius: 0;
+}
+
+.panel-default > .panel-heading {
+ border-radius: 0;
+}
+
+.your-order {
+ padding: 30px 40px 45px;
+ border: 3px solid #f7f7f7;
+}
+
+@media (max-width: 767px) {
+ .your-order {
+ padding: 15px;
+ }
+}
+
+.your-order h3 {
+ border-bottom: 1px solid #eaedff;
+ font-size: 30px;
+ margin: 0 0 20px;
+ padding-bottom: 10px;
+ width: 100%;
+ font-weight:700;
+}
+
+.your-order-table table {
+ background: none;
+ border: 0;
+ width: 100%;
+}
+
+.your-order-table table th, .your-order-table table td {
+ border-bottom: 1px solid #eaedff;
+ border-right: medium none;
+ color: #6f7172;
+ font-size: 14px;
+ padding: 15px 0;
+ text-align: left;
+}
+
+@media (max-width: 767px) {
+ .your-order-table table th, .your-order-table table td {
+ padding-right: 10px;
+ }
+}
+
+.your-order-table table th {
+ border-top: medium none;
+ color: #6f7172;
+ font-weight: normal;
+ text-align: left;
+ vertical-align: middle;
+ white-space: nowrap;
+ width: 250px;
+}
+
+.panel-body > p {
+ color: #222;
+}
+
+.your-order-table table .shipping ul li {
+ list-style: none;
+}
+
+.your-order-table table .shipping ul li input {
+ position: relative;
+ top: 2px;
+}
+
+.your-order-table table .shipping ul li label {
+ color: #6f7172;
+}
+
+.your-order-table table .shipping th {
+ vertical-align: top;
+}
+
+.your-order-table table .order-total th {
+ border-bottom: 0;
+ font-size: 14px;
+}
+
+.your-order-table table .order-total td {
+ border-bottom: medium none;
+}
+
+.your-order-table table tr.cart_item:hover {
+ background: #F9F9F9;
+}
+
+.your-order-table table tr.order-total td span {
+ color: var(--tp-common-black);
+ font-size: 18px;
+ font-weight: 500;
+}
+
+.payment-method {
+ margin-top: 40px;
+
+ & .accordion-item:last-of-type {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ & .accordion-item {
+ background-color: #fff;
+ border: 0;
+ border-bottom: 1px solid #e7e7e7;
+ }
+ & .accordion-button{
+ font-size: 16px;
+ font-weight: 500;
+ color: var(--tp-common-black);
+ padding: 23px 0;
+ border: none;
+ &:focus{
+ @include box-shadow(none);
+ }
+ &::after{
+ position: absolute;
+ content: '\f067';
+ right: 0;
+ top: 50%;
+ @include transform(translateY(-50%));
+ font-family: var(--tp-ff-fontawesome);
+ font-size: 16px;
+ font-weight: 400;
+ margin-left: 0;
+ background-image: none;
+ color: var(--tp-theme-1);
+ }
+ }
+ & .accordion-button:not(.collapsed) {
+ color: var(--tp-common-black);
+ background-color: var(--tp-common-white);
+ box-shadow: none;
+ &::after{
+ content: '\f068';
+ }
+ }
+ & .accordion-body{
+ padding: 8px 0;
+ padding-bottom: 40px;
+ }
+ & .accordion-collapse{
+ border: none;
+ }
+}
+
+.panel-title > a {
+ display: block;
+}
+
+.order-button-payment input {
+ background: #232323 none repeat scroll 0 0;
+ border: medium none;
+ color: #fff;
+ font-size: 15px;
+ font-weight: 600;
+ height: 40px;
+ margin: 0px 0 0;
+ padding: 0;
+ text-transform: uppercase;
+ transition: all 0.3s ease 0s;
+ width: 100%;
+}
+
+.order-button-payment input:hover {
+ background: #3e976c none repeat scroll 0 0;
+}
+
+.payment-method .btn-link {
+ -moz-user-select: none;
+ background: no-repeat;
+ border: medium none;
+ border-radius: 0;
+ color: #444;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 14px;
+ font-weight: 500;
+ letter-spacing: 1px;
+ line-height: 1;
+ margin-bottom: 0;
+ padding: 3px 10px;
+ text-align: center;
+ text-transform: uppercase;
+ transition: all 0.3s ease 0s;
+ vertical-align: middle;
+ white-space: nowrap;
+ text-decoration: none;
+}
+
+.payment-method .card {
+ background-color: #ffffff;
+ border: 1px solid #eaedff;
+ border-radius: 0;
+ margin-bottom: 10px;
+}
+
+.payment-method .accordion .card:first-of-type {
+ border: 1px solid #eaedff;
+}
+
+.card-header:first-child {
+ border-radius: 0;
+}
+
+.payment-method .card-header {
+ background-color: #ffffff;
+ border-bottom: 1px solid #eaedff;
+}
+
+.order-button-payment button {
+ width: 100%;
+}
diff --git a/public/scssold/layout/_counter.scss b/public/scssold/layout/_counter.scss
new file mode 100644
index 0000000..f8d4211
--- /dev/null
+++ b/public/scssold/layout/_counter.scss
@@ -0,0 +1,191 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* 13. COUNTER CSS
+/*----------------------------------------*/
+
+// Counter css start
+
+.tp-counter {
+ &__item {
+ text-align: center;
+ color: var(--tp-common-white);
+ &.has-border{
+ @media #{$xs,$sm,$md} {
+ &::after{
+ display: none !important;
+ }
+ }
+ position: relative;
+ &::after{
+ position: absolute;
+ right: -20px;
+ top: -20px;
+ content: '';
+ width: 1px;
+ height:100px ;
+ background-color: rgba($color: #fff, $alpha: .2);
+ display: inline-block;
+ }
+
+ }
+ & span {
+ & b {
+ font-size: 36px;
+ display: block;
+ line-height: 1;
+ position: relative;
+
+ &::after {
+ content: '+';
+
+ }
+ }
+ }
+ }
+}
+
+.tp-counter-2 {
+ &__bg {
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-position: center center;
+ border-radius: 10px;
+ }
+
+ &__icon {
+ font-size: 40px;
+ display: inline-block;
+ margin-bottom: 30px;
+ }
+
+ &__item {
+ text-align: center;
+ color: var(--tp-common-white);
+
+ & span {
+ & b {
+ font-size: 36px;
+ display: block;
+ line-height: 1;
+ position: relative;
+
+ &::after {
+ content: '+';
+
+ }
+
+ }
+ }
+ }
+}
+.tp-pulse-border{
+ border-radius: 50%;
+ z-index: 1;
+ &::before{
+ position: absolute;
+ content: '';
+ left: 50%;
+ top: 50%;
+ @include transform(translate(-50%, -50%));
+ width: 100%;
+ height: 100%;
+ border-radius: 50%;
+ border: 1px solid rgba($color: #fff, $alpha: .4);
+ animation: borderanimate2 2s linear infinite;
+ animation-delay: 0s;
+ -webkit-animation-delay: 0s;
+ animation-delay: 0s;
+ @include transition(.3s);
+ z-index: -1;
+ }
+ &::before{
+ animation-delay: .7s;
+ }
+}
+
+.tp-countdown{
+ &__video {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ min-height: 300px;
+ & a {
+ background-color: var(--tp-common-white);
+ @include square-btn(90px,$circle:true);
+ display: inline-block;
+ font-size: 20px;
+ color: var(--tp-theme-primary);
+ position: relative;
+ &::after{
+ content: '';
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ border-radius: 50%;
+ border:1px solid var(--tp-common-white);
+ left: 0;
+ top: 0;
+ transform: scale(1.3);
+ }
+ }
+ }
+ &__right{
+ @media #{$xs} {
+ padding-left: 30px;
+ padding-right: 30px;
+ }
+ }
+}
+.tp-coundown {
+ &__countdown {
+ @media #{$xs} {
+ background-color: var(--tp-common-white);
+ padding:30px 15px ;
+ display: inline-block;
+ }
+ & .cdown {
+ padding: 20px 25px;
+ background-color: white;
+ display: inline-block;
+ text-align: center;
+ margin-right: 5px;
+ border-radius: 5px;
+ @media #{$xs} {
+ padding: 0;
+ margin-right:10px;
+ }
+ & p {
+ margin-bottom: 0;
+ }
+
+ }
+
+ & .time-count {
+ font-size: 30px;
+ font-weight: 700;
+ }
+ }
+}
+
+
+.count-down-shapes-1{
+ position: absolute;
+ left: 50px;
+ top: 40px;
+ transform: scale(.6);
+}
+.count-down-shapes-2{
+ position: absolute;
+ right: 25%;
+ transform: scale(.6);
+}
+.count-down-shapes-3{
+ position: absolute;
+ right: 0px;
+ bottom: 20%;
+}
+
+.course__view{
+ margin-left: 15px;
+}
\ No newline at end of file
diff --git a/public/scssold/layout/_courses.scss b/public/scssold/layout/_courses.scss
new file mode 100644
index 0000000..2cd6c4c
--- /dev/null
+++ b/public/scssold/layout/_courses.scss
@@ -0,0 +1,1321 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* 10. COURSES CSS
+/*----------------------------------------*/
+
+// courses css start
+
+.tp-courses {
+ $main: &;
+
+ &__item {
+ background-color: var(--tp-common-white);
+ @include transition(.3s);
+ &.has-radius{
+ border-radius: 4px;
+ }
+ &:hover {
+ box-shadow: 0px 30px 50px 0px rgba(4, 5, 60, 0.1);
+ #{$main} {
+ &__content {
+ box-shadow: none;
+ }
+
+ &__thumb {
+ & img {
+ transform: scale(1.05, 1.05) rotate(2deg);
+ }
+ }
+ }
+ }
+ }
+
+ &__thumb {
+ & img {
+ @include transition(.3s)
+ }
+ }
+
+ &__cat {
+ position: absolute;
+ top: 20px;
+ left: 20px;
+ border-radius: 4px;
+
+ & a {
+ padding: 0 15px;
+ color: var(--tp-common-white);
+ display: inline-block;
+
+ }
+
+ &.cat-color {
+ &-1 {
+ background-color: var(--tp-theme-primary);
+ }
+
+ &-2 {
+ background-color: #be4ffd;
+ }
+
+ &-3 {
+ background-color: #fa7919;
+ }
+
+ &-4 {
+ background-color: #f2277e;
+ }
+
+ &-5 {
+ background-color: #30a820;
+ }
+
+ &-6 {
+ background-color: #3a53a4;
+ }
+ }
+ }
+
+ &__content {
+ padding-top: 30px;
+ padding-bottom: -30px;
+ box-shadow: 0px 1px 2px 0px rgba(34, 22, 56, 0.1);
+ }
+
+ &__title {
+ font-size: 20px;
+ font-weight: 700;
+ line-height: 1.4;
+ margin-bottom: 15px;
+ padding-right: 30px;
+ padding-left: 30px;
+
+ & a {
+ &:hover {
+ color: var(--tp-theme-primary);
+ }
+ }
+
+ }
+
+ &__meta {
+ margin-bottom: 10px;
+ padding-right: 30px;
+ padding-left: 30px;
+
+ & span {
+ margin-right: 20px;
+
+ &.tp-ratting {
+ i {
+ color: var(--tp-theme-secondary);
+ }
+ }
+
+ & i {
+ margin-right: 5px;
+ }
+ }
+ }
+
+ &__avata {
+ margin-bottom: 20px;
+ padding-right: 30px;
+ padding-left: 30px;
+ position: relative;
+
+ img {
+ @include square-btn(34px, $circle: true);
+ margin-right: 10px;
+ }
+
+ & a {
+ &:hover {
+ color: var(--tp-theme-primary);
+ }
+ }
+
+ }
+
+ &__price {
+ padding-right: 30px;
+ padding-left: 30px;
+ padding-top: 15px;
+ padding-bottom: 15px;
+ border-top: 1px solid var(--tp-border-2);
+ }
+
+ &__time {
+ color: #333f59;
+ & span {
+ & i {
+ margin-right: 10px;
+ }
+ }
+ }
+
+ &__value {
+ font-size: 18px;
+ font-weight: 700;
+ color: #020c2a;
+ }
+
+ &__buttons {
+ & .nav-link {
+ background-color: var(--tp-common-white);
+ border-radius: 0;
+ padding: 5px 20px;
+ color: inherit;
+
+ @media #{$xs,$sm} {
+ margin-bottom: 30px;
+ }
+
+ &.active {
+ background-color: var(--tp-theme-primary);
+ color: var(--tp-common-white);
+ }
+ }
+
+ & ul {
+ & li {
+ &:not(:last-child) {
+ margin-right: 10px;
+ }
+ }
+ }
+ }
+}
+
+.tp-courses-2 {
+ $main: &;
+
+ &__item {
+ border-radius: 6px;
+ overflow: hidden;
+
+ &:hover {
+ #{$main} {
+ &__thumb {
+ & img {
+ transform: scale(1.05, 1.05) rotate(2deg);
+ }
+ }
+ }
+ }
+ }
+
+ &__thumb {
+ & img {
+ @include transition(.3s)
+ }
+ }
+
+ &__cat {
+
+ & a {
+ padding: 0 20px;
+ border-radius: 4px;
+ color: var(--tp-common-white);
+ display: inline-block;
+ background-color: var(--tp-theme-primary);
+ }
+
+ &.cat-color {
+ &-1 {
+ & a {
+ background-color: rgba($color: #b128ff, $alpha: .08);
+ color: #b128ff;
+ }
+ }
+
+ &-2 {
+ & a {
+ background-color: rgba($color: #3270fc, $alpha: .08);
+ color: var(--tp-theme-primary);
+ }
+ }
+
+ &-3 {
+ & a {
+ background-color: rgba($color: #30a820, $alpha: .08);
+ color: #30a820;
+ }
+ }
+ }
+ }
+
+ &__content {
+ padding-top: 30px;
+ padding-bottom: -30px;
+ box-shadow: 0px 1px 2px 0px rgba(34, 22, 56, 0.1);
+ }
+
+ &__title {
+ font-size: 20px;
+ font-weight: 700;
+ line-height: 1.4;
+ margin-bottom: 25px;
+ padding-right: 25px;
+ padding-left: 25px;
+
+ & a {
+ &:hover {
+ color: var(--tp-theme-primary);
+ }
+ }
+
+ }
+
+ &__price {
+ font-size: 18px;
+ font-weight: 700;
+ }
+
+ &__meta {
+ margin-bottom: 15px;
+ padding-right: 25px;
+ padding-left: 25px;
+ }
+
+ &__sub {
+ @media #{$xs,$sm} {
+ margin-bottom: 10px;
+ }
+
+ & i {
+ margin-right: 8px;
+ }
+ }
+ &__review {
+ @media #{$md} {
+ display: none;
+ }
+ }
+ &__bottom {
+ padding-right: 25px;
+ padding-left: 25px;
+ padding-top: 15px;
+ padding-bottom: 15px;
+ border-top: 1px solid var(--tp-border-2);
+ }
+
+ &__review {
+ & span {
+ & i {
+ color: var(--tp-theme-secondary);
+ }
+ }
+ }
+}
+
+
+.course__tab {
+ &-inner {
+ padding: 15px 20px;
+ @include border-radius(4px);
+ }
+
+ &-btn {
+ & .nav-tabs {
+ border: none;
+
+ & .nav-item {
+ & .nav-link {
+ @include border-radius(4px);
+ border: none;
+ width: 30px;
+ height: 30px;
+ background: transparent;
+ padding: 0;
+ margin-right: 6px;
+
+ & svg {
+ width: 14px;
+ height: 14px !important;
+
+ &.grid {
+ & .st0 {
+ fill: none;
+ stroke: var(--tp-common-black);
+ stroke-width: 1.5;
+ stroke-linecap: round;
+ stroke-linejoin: round;
+ }
+ }
+
+ }
+
+ &.active {
+ background: var(--tp-theme-primary);
+
+ & svg {
+ &.grid {
+ & .st0 {
+ fill: none;
+ stroke: var(--tp-common-white);
+ }
+ }
+
+ & .st0 {
+ fill: var(--tp-common-white);
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+
+ &-2 {
+ & .nav-tabs {
+ border: none;
+ @include border-radius(4px);
+ overflow: hidden;
+
+ & .nav-item {
+ width: 25%;
+
+ &:not(:last-child) {
+ & .nav-link {
+ border-right: 1px solid var(--tp-common-white);
+ }
+ }
+
+ & .nav-link {
+ background: #e4e4e4;
+ font-size: 16px;
+ font-weight: 600;
+ color: var(--tp-common-color);
+ width: 100%;
+ height: 54px;
+ line-height: 54px;
+ padding: 0;
+ text-align: center;
+ @include border-radius(0);
+
+ & i {
+ padding-right: 5px;
+ }
+
+ &.active {
+ background: var(--tp-theme-primary);
+ color: var(--tp-common-white);
+ }
+
+ & span {
+ @media #{$xs} {
+ display: none;
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+.tp-courses-4 {
+ $main: &;
+
+ &__item {
+ box-shadow: 0px 1px 2px 0px rgba(34, 22, 56, 0.1);
+ background-color: var(--tp-common-white);
+ box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
+ }
+
+ &__thumb {
+ height: 100%;
+ & img {
+ @include transition(.3s);
+ height: 100%;
+ object-fit: cover;
+ }
+ }
+
+ &__cat {
+ & a {
+ padding: 2px 20px;
+ color: var(--tp-common-white);
+ display: inline-block;
+ background-color: var(--tp-theme-primary);
+ }
+
+ &.cat-color {
+ &-1 {
+ & a {
+ background-color: rgba($color: #b128ff, $alpha: .08);
+ color: #b128ff;
+ }
+ }
+
+ &-2 {
+ & a {
+ background-color: rgba($color: #3270fc, $alpha: .08);
+ color: var(--tp-theme-primary);
+ }
+ }
+
+ &-3 {
+ & a {
+ background-color: rgba($color: #30a820, $alpha: .08);
+ color: #30a820;
+ }
+ }
+ }
+ }
+
+ &__content {
+ padding: 60px 80px;
+ padding-top: 30px;
+ @media #{$md} {
+ padding: 40px 35px;
+ }
+
+ @media #{$sm} {
+ padding: 40px 35px;
+ }
+
+ @media #{$xs} {
+ padding: 20px 15px;
+ }
+ }
+
+ &__title {
+ font-size: 36px;
+ font-weight: 700;
+ line-height: 1.4;
+ margin-bottom: 25px;
+
+ @media #{$xs} {
+ font-size: 30px
+ }
+
+ & a {
+ &:hover {
+ color: var(--tp-theme-primary);
+ }
+ }
+
+ }
+
+ &__price {
+ font-size: 18px;
+ font-weight: 700;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ padding-left: 80px;
+ padding-right: 80px;
+ border-top: 1px solid var(--tp-border-2);
+
+ @media #{$xs} {
+ padding-left: 20px;
+ padding-right: 20px;
+ }
+ }
+
+ &__meta {
+ margin-bottom: 15px;
+
+ & i {
+ margin-right: 5px;
+ }
+
+ & span {
+ margin-right: 20px;
+
+ @media #{$xs} {
+ margin-right: 15px;
+ }
+
+ &.tp-ratting {
+ & i {
+ color: var(--tp-theme-secondary);
+
+ }
+ }
+ }
+ }
+
+ &__sub {
+ @media #{$xs,$sm} {
+ margin-bottom: 10px;
+ }
+
+ & i {
+ margin-right: 8px;
+ }
+ }
+
+ &__bottom {
+ padding-right: 25px;
+ padding-left: 25px;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ border-top: 1px solid var(--tp-border-2);
+ }
+
+ &__avata {
+ & img {
+ margin-right: 10px;
+ border-radius: 50%;
+ }
+ }
+
+ &__review {
+ & span {
+ & i {
+ color: var(--tp-theme-secondary);
+ }
+ }
+ }
+}
+
+
+.course__description-list {
+ & h4 {
+ font-size: 22px;
+ font-weight: 600;
+ margin-bottom: 15px;
+ }
+
+ & ul {
+ & li {
+ font-size: 16px;
+ color: var(--tp-common-black);
+ ;
+ list-style: none;
+
+ &:not(:last-child) {
+ margin-bottom: 5px;
+ }
+
+ & i {
+ display: inline-block;
+ width: 18px;
+ height: 18px;
+ text-align: center;
+ line-height: 018px;
+ font-size: 15px;
+ font-weight: 500;
+
+ @include border-radius(50%);
+ margin-right: 10px;
+ }
+ }
+ }
+}
+
+.course__tag-2 {
+ border-top: 1px solid #e4e6ef;
+ padding-top: 25px;
+ & i {
+ margin-right: 10px;
+ }
+ & span {
+ font-size: 16px;
+ color: var(--tp-text-3);
+ margin-right: 7px;
+
+ }
+
+ & a {
+ font-size: 16px;
+ font-weight: 500;
+ margin-left: 5px;
+ &:hover {
+ color: var(--tp-theme-primary);
+ }
+ }
+}
+
+
+.course__curriculum {
+
+ & .accordion-item {
+ padding: 0;
+
+ & .accordion-button {
+ outline: none;
+ border: 1px solid var(--tp=border-1);
+ @include border-radius(4px 4px 0 0);
+ background: var(--tp-grey-3);
+ font-size: 20px;
+ font-weight: 700;
+ color: var(--tp-common-black);
+ padding-top: 18px;
+ padding-left: 30px;
+ padding-right: 30px;
+
+ &.collapsed {
+ @include border-radius(4px);
+ }
+
+ &:focus {
+ @include box-shadow(none);
+ }
+ }
+
+ & .accordion-body {
+ padding: 0;
+ }
+ }
+}
+
+.course__curriculum-content {
+ padding: 13px 30px;
+ border-bottom: 1px solid #edeef2;
+ -webkit-transition: all 0.3s ease-out 0s;
+ -moz-transition: all 0.3s ease-out 0s;
+ -ms-transition: all 0.3s ease-out 0s;
+ -o-transition: all 0.3s ease-out 0s;
+ transition: all 0.3s ease-out 0s;
+}
+
+.course__curriculum-info svg {
+ width: 16px;
+ height: 16px;
+ margin-right: 7px;
+ color: var(--tp-grey-3);
+}
+
+.course__curriculum-info svg .st0 {
+ fill: none;
+ stroke: #6D6E75;
+ stroke-width: 2;
+ stroke-linecap: round;
+ stroke-linejoin: round;
+}
+
+.course__curriculum-info h3 {
+ display: inline-block;
+ font-size: 16px;
+ color: #53545b;
+ font-weight: 400;
+ margin-bottom: 0;
+}
+
+.course__curriculum-meta span.time {
+ font-size: 16px;
+ color: #53545b;
+}
+
+.course__curriculum-meta span.question {
+ display: inline-block;
+ height: 24px;
+ line-height: 24px;
+ color: #ffffff;
+ padding: 0 11px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ background: var(--tp-theme-primary);
+ margin-left: 20px;
+}
+
+.course__review-rating-info {
+ padding: 51px 0;
+ border-right: 3px solid #ffffff;
+ -webkit-border-radius: 4px 0 0 4px;
+ -moz-border-radius: 4px 0 0 4px;
+ border-radius: 4px 0 0 4px;
+}
+
+.course__review-rating-info h5 {
+ font-size: 100px;
+ line-height: 70px;
+ font-weight: 500;
+ margin-bottom: 8px;
+}
+
+.course__review-rating-info ul li a {
+ color: var(--tp-theme-secondary);
+}
+
+.course__review-rating-info ul li {
+ display: inline-block;
+}
+
+.course__review-details {
+ padding: 35px 65px 10px 35px;
+ -webkit-border-radius: 0 4px 4px 0;
+ -moz-border-radius: 0 4px 4px 0;
+ border-radius: 0 4px 4px 0;
+}
+
+.course__review-progress {
+ width: calc(100% - 60px - 60px);
+ height: 4px;
+ overflow: hidden;
+ background: #d8dae3;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ border-radius: 2px;
+}
+
+.course__review-text span {
+ font-size: 16px;
+ color: #53545b;
+}
+
+.course__review-progress .single-progress {
+ background: #2b4eff;
+ height: 100%;
+}
+
+.course__review-text span {
+ font-size: 16px;
+ color: #53545b;
+}
+
+.course__review-percent h5 {
+ font-size: 16px;
+ font-weight: 400;
+ color: #53545b;
+ margin-bottom: 0;
+}
+
+.course__review-item {
+ margin-bottom: 5px;
+}
+
+.course__comment {
+ & li {
+ list-style: none;
+ }
+}
+
+.course__comment-box {
+ background: #f3f4f8;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ padding: 25px 40px 25px 30px;
+ margin-bottom: 10px;
+}
+
+.course__comment-info h4 {
+ font-size: 16px;
+ line-height: 1;
+ margin-bottom: 0;
+}
+
+.course__comment-rating ul li {
+ display: inline-block;
+}
+
+.course__comment-rating ul li a {
+ font-size: 12px;
+ color: var(--tp-theme-secondary);
+}
+
+.course__rating-inner {
+ & i {
+ color: var(--tp-theme-secondary);
+ }
+}
+
+.course__comment-info {
+ margin-bottom: 15px;
+}
+
+.course__comment-thumb img {
+ width: 50px;
+ height: 50px;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ border-radius: 50%;
+}
+
+.page__title-pre {
+ background-color: var(--tp-theme-primary);
+ color: var(--tp-common-white);
+ padding: 5px 10px;
+ margin-bottom: 10px;
+ display: inline-block;
+}
+
+.course {
+ &__form {
+ & h3 {
+ font-size: 26px;
+ margin-bottom: 40px;
+ }
+
+ &-input {
+
+ & input,
+ & textarea {
+ width: 100%;
+ height: 56px;
+ line-height: 54px;
+ border: 2px solid var(--tp-grey-2);
+ outline: none;
+ background: var(--tp-grey-1);
+ padding: 0 22px;
+ font-size: 15px;
+ @include border-radius(4px);
+ margin-bottom: 20px;
+
+ &:focus {
+ border-color: var(--tp-theme-primary);
+ background: var(--tp-common-white);
+ }
+
+ &::placeholder {
+ color: grey;
+ }
+ }
+
+ & textarea {
+ height: 150px;
+ resize: none;
+ padding: 20px;
+ line-height: 1.1;
+ }
+ }
+
+ &-rating {
+ margin-bottom: 10px;
+
+ & span {
+ color: var(--tp-common-black);
+ }
+
+ & ul {
+ display: inline-block;
+
+ & li {
+ display: inline-block;
+
+ & a {
+ font-size: 14px;
+ color: var(--tp-theme-secondary);
+
+ &.no-rating {
+ color: #b8b9bf;
+ }
+ }
+ }
+ }
+ }
+
+ &-btn {
+ & button {
+ text-transform: capitalize;
+ }
+ }
+ }
+
+ &__member {
+
+ &-item {
+ padding: 25px 30px;
+ background: var(--tp-grey-1);
+ @include border-radius(4px);
+ margin-bottom: 10px;
+ }
+
+ &-thumb {
+ position: relative;
+
+ &::after {
+ position: absolute;
+ content: '';
+ right: 0;
+ top: -5px;
+ width: 1px;
+ height: 80px;
+ background: #dddee4;
+
+ @media #{$xs} {
+ display: none;
+ }
+ }
+
+ & img {
+ width: 70px;
+ height: 70px;
+ @include border-radius(50%);
+ }
+ }
+
+ &-name {
+ & h5 {
+ font-size: 16px;
+ line-height: 1;
+ margin-bottom: 0;
+ }
+
+ & span {
+ font-size: 15px;
+ color: var(--tp-text-3);
+ }
+ }
+
+ &-content {}
+
+ &-info {
+ @media #{$sm} {
+ padding-left: 0;
+ }
+
+ @media #{$xs} {
+ margin-top: 25px;
+ padding-left: 0;
+ }
+
+ & h5 {
+ font-size: 16px;
+ line-height: 1;
+ margin-bottom: 0;
+ }
+
+ & span {
+ font-size: 15px;
+ color: var(--tp-text-3);
+ }
+ }
+ }
+
+ &__instructor {
+ & h3 {
+ font-size: 26px;
+ }
+
+ &-item {
+ @media #{$lg} {
+ margin-right: 40px;
+ }
+
+ @media #{$sm} {
+ margin-top: 25px;
+ margin-right: 0px;
+ }
+
+ @media #{$xs} {
+ margin-top: 25px;
+ margin-right: 0px;
+ }
+ }
+
+ &-thumb {
+ & img {
+ width: 50px;
+ height: 50px;
+ @include border-radius(50%);
+ }
+ }
+
+ &-content {
+ & h3 {
+ font-size: 16px;
+ margin-bottom: 0;
+ line-height: 1;
+ }
+
+ & p {
+ font-size: 14px;
+ margin-bottom: 0;
+ }
+ }
+ }
+
+ &__share {
+ & h3 {
+ font-size: 20px;
+ }
+
+ & ul {
+ & li {
+ display: inline-block;
+ margin-right: 10px;
+
+ & a {
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ line-height: 44px;
+ text-align: center;
+ font-size: 13px;
+ color: var(--tp-common-black);
+ background: var(--tp-common-white);
+ @include border-radius(4px);
+
+ &.fb {
+ color: #285da1;
+ background: rgba($color: #285da1, $alpha: .1);
+
+ &:hover {
+ color: var(--tp-common-white);
+ background: #285da1;
+ }
+ }
+
+ &.tw {
+ color: #03a9f4;
+ background: rgba($color: #03a9f4, $alpha: .1);
+
+ &:hover {
+ color: var(--tp-common-white);
+ background: #03a9f4;
+ }
+ }
+
+ &.pin {
+ color: #d8163f;
+ background: rgba($color: #d8163f, $alpha: .1);
+
+ &:hover {
+ color: var(--tp-common-white);
+ background: #d8163f;
+ }
+ }
+ }
+ }
+ }
+ }
+
+ &__video {
+ &-thumb {
+ position: relative;
+ overflow: hidden;
+ @include border-radius(4px);
+
+ &::after {
+ position: absolute;
+ content: '';
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba($color: #000320, $alpha: .5);
+
+ }
+ }
+
+ &-play {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ @include transform(translate(-50%, -50%));
+ z-index: 1;
+ }
+
+ &-price {
+ & h5 {
+ font-size: 26px;
+ display: inline-block;
+ margin-bottom: 0;
+
+ & span {
+ font-size: 20px;
+ font-weight: 600;
+ }
+
+ &.old-price {
+ text-decoration: line-through;
+ color: var(--tp-grey-3);
+ font-weight: 500;
+ font-size: 16px;
+ padding-left: 10px;
+ }
+ }
+ }
+
+ &-discount {
+ & span {
+ display: inline-block;
+ font-size: 14px;
+ height: 24px;
+ line-height: 24px;
+ padding: 0 12px;
+ color: var(--tp-theme-primary);
+ background: rgba($color: red, $alpha: .08);
+ font-weight: 600;
+ @include border-radius(4px);
+ }
+ }
+
+ &-content {
+ & ul {
+ & li {
+ &:not(:last-child) {
+ padding-bottom: 12px;
+ margin-bottom: 12px;
+ border-bottom: 1px solid #eef0f6;
+ }
+ }
+ }
+ }
+
+ &-icon {
+ & svg {
+ width: 16px;
+ height: 20px;
+ margin-right: 12px;
+
+ & .st0 {
+ fill: none;
+ stroke: var(--tp-theme-primary);
+ stroke-linecap: round;
+ stroke-linejoin: round;
+ stroke-miterlimit: 2.6667;
+ }
+ }
+ }
+
+ &-info {
+ & h5 {
+ margin-bottom: 0;
+ font-weight: 400;
+ color: var(--tp-text-3);
+ font-size: 15px;
+ line-height: 1;
+
+ & span {
+ font-weight: 500;
+ color: var(--tp-common-black);
+ padding-right: 5px;
+ }
+ }
+ }
+ }
+
+ &__payment {
+ & h3 {
+ font-size: 20px;
+ font-weight: 600;
+ margin-bottom: 10px;
+ }
+ }
+
+ &__enroll-btn {
+ & i {
+ padding-left: 4px;
+ }
+ }
+
+ &__sm {
+ &-thumb {
+ & img {
+ width: 60px;
+ height: 60px;
+ object-fit: cover;
+ @include border-radius(6px);
+
+ }
+ }
+
+ &-content {
+ & h5 {
+ font-size: 16px;
+ margin-bottom: 0;
+ font-weight: 600;
+ line-height: 1;
+
+ & a {
+ &:hover {
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ }
+
+ &-price {
+ & span {
+ font-size: 14px;
+ color: var(--tp-text-3);
+ font-weight: 600;
+ }
+ }
+
+ &-rating {
+ & ul {
+ & li {
+ display: inline-block;
+
+ & a {
+ font-size: 10px;
+ color: var(--tp-theme-secondary);
+ line-height: 1;
+ }
+ }
+ }
+ }
+ }
+
+ &__instructor {
+ & h3 {
+ font-size: 26px;
+ }
+
+ &-item {
+ @media #{$lg} {
+ margin-right: 40px;
+ }
+
+ @media #{$sm} {
+ margin-top: 25px;
+ margin-right: 0px;
+ }
+
+ @media #{$xs} {
+ margin-top: 25px;
+ margin-right: 0px;
+ }
+ }
+
+ &-thumb {
+ & img {
+ width: 50px;
+ height: 50px;
+ @include border-radius(50%);
+ }
+ }
+
+ &-content {
+ & h3 {
+ font-size: 16px;
+ margin-bottom: 0;
+ line-height: 1;
+ }
+
+ & p {
+ font-size: 14px;
+
+ margin-bottom: 0;
+ }
+ }
+ }
+}
+
+.course__tab-wrapper {
+ @media #{$xs,$sm} {
+ margin-bottom: 30px;
+ }
+}
+
+.course__sidebar-widget-2 {
+ padding: 30px;
+ -webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
+ -moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
+ box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ @media #{$xs} {
+ padding:30px 15px;
+ }
+ & ul {
+ & li {
+ list-style: none;
+ }
+ }
+}
+
+.course__sidebar {
+ @media #{$xl,$lg,$md,$sm,$xs} {
+ padding-left: 0;
+ }
+}
\ No newline at end of file
diff --git a/public/scssold/layout/_cta.scss b/public/scssold/layout/_cta.scss
new file mode 100644
index 0000000..1a73fba
--- /dev/null
+++ b/public/scssold/layout/_cta.scss
@@ -0,0 +1,485 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* 12. CTA CSS
+/*----------------------------------------*/
+
+// cta css start
+
+
+.tp-cta {
+ &__bg {
+ position: absolute;
+ bottom: 0;
+ height: 50%;
+ width: 100%;
+ display: inline-block;
+ border-radius: 4px;
+ background-size: cover;
+ background-repeat: no-repeat;
+ z-index: -1;
+ }
+
+ &__box {
+ padding: 40px 60px;
+ border-radius: 4px;
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-position: center center;
+
+ @media #{$lg,$md} {
+ padding: 40px 30px;
+ }
+
+ @media #{$xs,$sm} {
+ padding: 40px 20px;
+ }
+
+ }
+
+ &__title {
+ font-size: 44px;
+ font-weight: 800;
+
+ & span {
+ font-weight: 300;
+ }
+
+ @media #{$xs,$sm,$md} {
+ font-size: 35px;
+ margin-bottom: 30px;
+ & br{
+ display: none;
+ }
+ }
+ }
+
+ &__form {
+ & input {
+ width: 100%;
+ height: 72px;
+ position: relative;
+ padding-right: 200px;
+ padding-left: 20px;
+ border: 1px solid var(--tp-border-2);
+ border-radius: 4px;
+
+ @include tp-placeholder {
+ color: var(--tp-text-4);
+ }
+
+ &:focus {
+ border-color: var(--tp-theme-primary);
+ }
+
+ @media #{$xs,$sm} {
+ margin-bottom: 30px;
+ padding-left: 5px;
+ padding-right: 5px;
+ }
+ }
+
+ button {
+ position: absolute;
+ top: 50%;
+ right: 0;
+ transform: translateY(-50%);
+ margin-right: 6px;
+
+ @media #{$xs,$sm} {
+ position: relative;
+ transform: translateY(0);
+ }
+ }
+ }
+}
+.tp-cta__btn-wrappper {
+ & .tp-white-btn{
+ padding: inherit;
+ box-shadow: 0px 10px 20px 0px rgba(8, 30, 68, 0.1);
+ & .transition{
+ display: none;
+ }
+ }
+}
+
+.tp-box__shadow {
+ box-shadow: 0px 30px 50px 0px rgba(4, 5, 60, 0.1);
+}
+.tp-form {
+ &__main {
+ padding: 40px 50px;
+ box-shadow: 0px 30px 40px 0px rgba(0, 15, 47, 0.1);
+ @media #{$lg} {
+ margin-right: 30px;
+ }
+
+ @media #{$sm,$xs,$md} {
+ margin-right: 0px;
+ }
+
+ @media #{$sm,$xs} {
+ padding: 40px 20px;
+ }
+ }
+
+ &__field {
+ margin-bottom: 20px;
+
+ & input {
+ width: 100%;
+ height: 48px;
+ padding-left: 20px;
+ padding-right: 20px;
+ border: 0;
+ background-color: #f5f5f5;
+ border-radius: 6px;
+
+ @include tp-placeholder {
+ color: var(--tp-text-3);
+ }
+ }
+
+ & label {
+ font-weight: 700;
+ margin-bottom: 5px;
+ }
+
+
+ }
+
+ &__text {
+ @media #{$lg} {
+ padding-left: 30px;
+ padding-right: 30px;
+ }
+
+ @media #{$sm,$xs,$md} {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ }
+}
+
+.tp-cta-2 {
+ &__section {
+ background-size: cover;
+ background-repeat: no-repeat;
+ }
+
+ &_form {}
+
+ &__field {
+ & input {
+ width: 100%;
+ height: 60px;
+ padding-left: 20px;
+ padding-right: 150px;
+ border: 0;
+ background-color: #f5f5f5;
+ border-radius: 6px;
+ font-size: 16px;
+ }
+ }
+
+ &__btn {
+ position: absolute;
+ top: 0;
+ right: 0;
+ display: inline-block;
+ height: 100%;
+ line-height: 60px;
+ padding: 0 30px;
+ text-align: center;
+ font-size: 15px;
+ color: var(--tp-common-white);
+ background-color: #000f2f;
+ border-radius: 0 6px 6px 0;
+ text-transform: uppercase;
+
+ &:hover {
+ background-color: var(--tp-theme-secondary);
+ }
+
+ @media #{$xs} {
+ margin-top: 20px;
+ position: relative;
+ border-radius: 6px;
+ }
+ }
+
+ &__img {
+ @media #{$xs,$sm} {
+ & img {
+ width: 100%;
+ }
+ }
+ }
+}
+
+.tp-contact__form-6 {
+ input {
+ width: 100%;
+ height: 60px;
+ margin-bottom: 30px;
+ padding: 0 20px;
+ border: 2px solid #e4e4e4;
+ @include transition(.3s);
+
+ @include tp-placeholder {
+ color: var(--tp-text-7);
+ }
+
+ &:focus {
+ border-color: var(--tp-theme-primary);
+ }
+ }
+
+ & textarea {
+ width: 100%;
+ height: 230px;
+ margin-bottom: 30px;
+ padding: 20px;
+ resize: none;
+ border: 2px solid #e4e4e4;
+ @include transition(.3s);
+
+ @include tp-placeholder {
+ color: var(--tp-text-7);
+ }
+
+ &:focus {
+ outline: 0;
+ border-color: var(--tp-theme-primary);
+ }
+
+ }
+}
+
+.contact__form-input {
+
+ & input,
+ textarea {
+ width: 100%;
+ height: 52px;
+ padding-left: 20px;
+ padding-right: 20px;
+ border: 2px solid transparent;
+ background-color: #f5f5f5;
+ border-radius: 6px;
+ margin-bottom: 20px;
+
+ &:focus {
+ border-color: var(--tp-theme-primary);
+ outline: 0;
+ }
+ }
+
+ & textarea {
+ height: 200px;
+ padding: 20px;
+ resize: none;
+ @include transition(.3s);
+
+ @include tp-placeholder {
+ color: var(--tp-text-3);
+ }
+ }
+
+ & .contact__form-agree {
+ & label {
+ margin-left: 5px;
+ }
+ }
+}
+
+.contact__info-inner {
+ padding: 45px 40px;
+ padding-right: 70px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ -webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
+ -moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
+ box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
+ position: relative;
+ z-index: 1;
+
+ & li {
+ list-style: none;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .contact__info-inner {
+ margin-top: 50px;
+ }
+}
+
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+ .contact__info-inner {
+ margin-top: 50px;
+ }
+}
+
+@media (max-width: 575px) {
+ .contact__info-inner {
+ margin-top: 50px;
+ padding-right: 35px;
+ }
+}
+
+.contact__info-icon svg {
+ fill: none;
+ stroke: var(--tp-theme-primary);
+ stroke-width: 2;
+ stroke-linecap: round;
+ stroke-linejoin: round;
+}
+
+.contact__info-icon svg.map {
+ width: 16px;
+ height: 20px;
+}
+
+.contact__info-icon svg.mail {
+ width: 18px;
+ height: 18px;
+}
+
+.contact__info-icon svg.call {
+ width: 18px;
+ height: 18px;
+}
+
+.contact__info-text h4 {
+ font-size: 20px;
+ font-weight: 600;
+ margin-bottom: 6px;
+}
+
+.contact__info-text p {
+ margin-bottom: 0;
+}
+
+.contact__info-text p a:hover {
+ color: var(--tp-theme-primary);
+}
+
+.contact__social h4 {
+ font-size: 20px;
+ font-weight: 600;
+ margin-bottom: 13px;
+}
+
+.contact__social ul li {
+ display: inline-block;
+ margin-right: 10px;
+}
+
+.contact__social ul li a {
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ line-height: 44px;
+ text-align: center;
+ font-size: 13px;
+ color: #0e1133;
+ background: #f3f4f8;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+
+.contact__social ul li a.fb {
+ color: #285da1;
+ background: rgba(40, 93, 161, 0.1);
+}
+
+.contact__social ul li a.fb:hover {
+ color: #ffffff;
+ background: #285da1;
+}
+
+.contact__social ul li a.tw {
+ color: #03a9f4;
+ background: rgba(3, 169, 244, 0.1);
+}
+
+.contact__social ul li a.tw:hover {
+ color: #ffffff;
+ background: #03a9f4;
+}
+
+.contact__social ul li a.pin {
+ color: #d8163f;
+ background: rgba(216, 22, 63, 0.1);
+}
+
+.contact__social ul li a.pin:hover {
+ color: #ffffff;
+ background: #d8163f;
+}
+
+.tp-contact-map {
+ & iframe {
+ width: 100%;
+ height: 100%;
+ display: block;
+ }
+}
+.tp-map-height{
+ height: 700px;
+ @media #{$xs} {
+ height: 450px;
+ }
+}
+
+.tp-form-shape{
+ &-1{
+ position: absolute;
+ left:120px;
+ bottom:128px;
+ animation: tp-float-3 5s infinite alternate;
+ }
+ &-2{
+ position: absolute;
+ left:120px;
+ top:-130px;
+
+ }
+ &-3{
+ position: absolute;
+ top:50%;
+ right: -150px;
+ transform: translateY(-50%);
+ }
+
+}
+
+.tp-cta-2__shape{
+ img{
+ position: absolute;
+ left: 55%;
+ animation: tp-float-2 7s infinite alternate;
+ @media #{$lg,$md} {
+ top: 50%;
+ }
+ @media #{$xs,$sm} {
+ display: none;
+ }
+ }
+}
+.tp-cta-2__img{
+ margin-right: -150px;
+ @media #{$xs,$sm,$md,$lg,$xl,$xxl} {
+ margin-right: 0;
+ }
+}
+
+.tp-form__main-shape{
+ position: absolute;
+ bottom: 80px;
+ left: -30px;
+ z-index: -1;
+}
\ No newline at end of file
diff --git a/public/scssold/layout/_event.scss b/public/scssold/layout/_event.scss
new file mode 100644
index 0000000..f8b9571
--- /dev/null
+++ b/public/scssold/layout/_event.scss
@@ -0,0 +1,673 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* 11. EVENT CSS
+/*----------------------------------------*/
+
+.tp-event {
+ $main: &;
+
+ &__item {
+ box-shadow: 0px 30px 50px 0px rgba(4, 5, 60, 0.1);
+
+ &:hover {
+ #{$main} {
+ &__thumb {
+ & img {
+ transform: scale(1.05, 1.05) rotate(2deg);
+ }
+ }
+ }
+ }
+ }
+
+ &__thumb {
+ & img {
+ @include transition(.3s);
+ }
+ }
+
+ &__content {
+ padding: 25px 30px;
+ padding-bottom: 40px;
+
+ @media #{$xs,$sm,$md,$lg,$xl} {
+ padding: 25px 20px;
+ }
+ }
+
+ &__title {
+ font-size: 20px;
+ font-weight: 700;
+ line-height: 1.4;
+ margin-bottom: 25px;
+
+ & a {
+ &:hover {
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+
+ &__meta {
+ & span {
+ &.event {
+ &-date {
+ margin-right: 8px;
+
+ & i {
+ color: var(--tp-theme-primary);
+ margin-right: 2px;
+ }
+ }
+
+ &-cat {
+ & i {
+ color: #0acc86;
+ margin-right: 2px;
+ }
+ }
+ }
+ }
+ }
+}
+
+.tp-event-2 {
+ $main: &;
+
+ &__item {
+ padding: 15px 40px;
+ box-shadow: 0px 30px 50px 0px rgba(4, 5, 60, 0.1);
+ border-radius: 6px;
+ background-color: var(--tp-common-white);
+
+ &:hover {
+ #{$main} {
+ &__thumb {
+ & img {
+ transform: scale(1.05, 1.05) rotate(2deg);
+ }
+ }
+ }
+ }
+
+ @media #{$xs,$sm} {
+ padding: 30px 25px;
+ }
+
+ & .tp-border-btn {
+ & span {
+ border-color: rgba($color: #3270fc, $alpha: 0.08);
+ color: #020c2a;
+ padding: 4px 25px;
+ }
+
+ &:hover {
+ & span {
+ color: var(--tp-common-white);
+ }
+ }
+
+ }
+ }
+
+ &__content {
+ @media #{$xs,$sm,$md} {
+ margin-bottom: 30px;
+ }
+ }
+
+ &__title {
+ font-size: 24px;
+ font-weight: 500;
+ line-height: 1.4;
+ margin-bottom: 15px;
+
+ & a {
+ &:hover {
+ color: var(--tp-theme-primary);
+ }
+ }
+
+ @media #{$lg} {
+ font-size: 22px;
+ }
+
+ }
+
+ &__info {
+ span {
+ color: var(--tp-text-3);
+ }
+
+ @media #{$xs,$sm} {
+ margin-bottom: 30px;
+ }
+ }
+
+ &__date {
+ & span {
+ border-right: 1px solid;
+ display: inline-block;
+ padding-right: 30px;
+ border-color: rgba($color: #000f2f, $alpha: .1);
+
+ @media #{$xs,$sm} {
+ border: 0;
+ }
+
+ & b {
+ display: block;
+ font-size: 40px;
+ line-height: 1.2;
+ }
+ }
+
+ @media #{$xs,$sm} {
+ margin-bottom: 30px;
+ }
+ }
+
+ &__meta {
+ & img {
+ margin-right: 10px;
+ margin-bottom: 5px;
+ }
+ }
+
+ &__time {
+ border-radius: 8px;
+ overflow: hidden;
+ display: inline-block;
+ @media #{$xs,$sm} {
+ margin-bottom: 20px;
+ }
+
+ & span {
+ background-color: rgba($color: #3270fc, $alpha: 0.06);
+ padding: 2px 15px;
+ display: inline-block;
+ border-radius: 8px;
+
+ @media #{$lg} {
+ padding: 5px 15px;
+ margin-right: 0;
+ }
+
+ @media #{$xs,$sm,$md} {
+ padding: 5px 10px;
+ margin-right: 0;
+ }
+ }
+
+ &.color {
+ &-1 {
+ background-color: rgba($color: #3270fc, $alpha: 0.06);
+ color: #3270fc;
+ }
+
+ &-2 {
+ background-color: rgba($color: #b128ff, $alpha: 0.06);
+ color: #b128ff;
+ }
+
+ &-3 {
+ background-color: rgba($color: #30a820, $alpha: 0.06);
+ color: #30a820;
+ }
+
+ &-4 {
+ background-color: rgba($color: #ff8a00, $alpha: 0.06);
+ color: #ff8a00;
+ }
+ }
+
+
+ }
+
+ &__shapes {
+ &-1 {
+ position: absolute;
+ top: 110px;
+ left: 50%;
+ animation: tp-float-1 6s infinite alternate;
+ @media #{$xs,$sm,$md} {
+ top: 50px;
+ }
+ }
+
+ &-2 {
+ position: absolute;
+ top: 60%;
+ left: 5%;
+ animation: tp-float-2 8s infinite alternate;
+
+ @media #{$lg,$xs,$sm,$md,$xl} {
+ display: none;
+ }
+
+ }
+
+ &-3 {
+ position: absolute;
+ top: 50%;
+ right: 0;
+ animation: tpswing 1s ease-in-out 1s forwards infinite alternate;
+ transform-origin: top bottom;
+ }
+ }
+ // &__btn {
+ // & .tp-border-btn{
+ // & span {
+ // padding: 7px 25px;
+ // }
+ // }
+ // }
+}
+
+.tp-event-3 {
+ $main: &;
+
+ &__item {
+ padding: 30px 40px;
+ border-radius: 6px;
+ background-color: var(--tp-common-white);
+ border: 2px solid;
+ border-color: rgba(1, 16, 37, .06);
+ border-radius: 4px;
+ @include transition(.3s);
+
+ &:hover {
+ box-shadow: 0px 20px 50px 0px rgba(1, 16, 37, 0.14);
+ border-color: transparent;
+
+ #{$main} {
+ &__thumb {
+ & img {
+ transform: scale(1.05, 1.05) rotate(2deg);
+ }
+ }
+ }
+ }
+
+ @media #{$xs,$sm} {
+ padding: 30px 25px;
+ }
+
+ & .tp-border-btn {
+ & span {
+ border-color: rgba($color: #3270fc, $alpha: 0.08);
+ color: #020c2a;
+ }
+
+ &:hover {
+ & span {
+ color: var(--tp-common-white);
+ }
+ }
+
+ }
+ }
+
+ &__title {
+ font-size: 24px;
+ font-weight: 500;
+ line-height: 1.4;
+ padding-right: 40px;
+ margin-bottom: 0;
+
+ @media #{$xs,$sm} {
+ padding-right: 0;
+ }
+
+ & a {
+ &:hover {
+ color: var(--tp-theme-primary);
+ }
+ }
+
+ @media #{$lg} {
+ font-size: 22px;
+ }
+
+ }
+
+ &__info {
+ span {
+ color: var(--tp-text-3);
+ margin-right: 15px;
+ margin-bottom: 10px;
+ display: inline-block;
+ }
+
+ @media #{$xs,$sm} {
+ margin-bottom: 30px;
+ }
+ }
+}
+
+.events {
+ &__sidebar {
+ &-widget {
+ position: relative;
+ padding: 30px;
+ -webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
+ -moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
+ box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ }
+
+
+ }
+
+ &__info {
+ &-price {
+ & h5 {
+ font-size: 26px;
+ display: inline-block;
+ margin-bottom: 0;
+
+ & span {
+ font-size: 20px;
+ font-weight: 600;
+ }
+
+ &.old-price {
+ text-decoration: line-through;
+ color: var(--tp-text-3);
+ font-weight: 500;
+ font-size: 16px;
+ padding-left: 10px;
+ }
+ }
+ }
+
+ &-discount {
+ & span {
+ display: inline-block;
+ font-size: 14px;
+ height: 24px;
+ line-height: 24px;
+ padding: 0 12px;
+ color: red;
+ background: rgba($color: red, $alpha: .08);
+ font-weight: 600;
+ @include border-radius(4px);
+ }
+ }
+
+ &-content {
+ & ul {
+ & li {
+ &:not(:last-child) {
+ padding-bottom: 12px;
+ margin-bottom: 12px;
+ border-bottom: 1px solid #eef0f6;
+ }
+ }
+ }
+ }
+
+ &-icon {
+ & svg {
+ width: 16px;
+ height: 20px;
+ margin-right: 12px;
+
+ & .st0 {
+ fill: none;
+ stroke: var(--tp-theme-primary);
+ stroke-linecap: round;
+ stroke-linejoin: round;
+ stroke-miterlimit: 2.6667;
+ }
+ }
+ }
+
+ &-item {
+ & h5 {
+ margin-bottom: 0;
+ font-weight: 400;
+ color: var(--tp-grey-3);
+ font-size: 15px;
+ line-height: 1;
+
+ & span {
+ font-weight: 500;
+ color: var(--tp-common-black);
+ padding-right: 5px;
+ }
+ }
+ }
+ }
+
+ &__sponsor {
+ &-title {
+ font-size: 20px;
+ margin-bottom: 20px;
+ }
+
+ &-info {
+ & h3 {
+ font-size: 16px;
+
+ }
+
+ &>h4 {
+ font-size: 15px;
+ font-weight: 500;
+ margin-bottom: 10px;
+
+ & span {
+ font-weight: 400;
+ color: var(--tp-text-3);
+ }
+ }
+ }
+ }
+
+ &__social {
+ & h4 {
+ font-size: 20px;
+ font-weight: 600;
+ margin-bottom: 0px;
+ margin-right: 10px;
+
+ }
+
+ & ul {
+ & li {
+ display: inline-block;
+ margin-left: 5px;
+
+ & a {
+ display: inline-block;
+ width: 40px;
+ height: 40px;
+ line-height: 44px;
+ text-align: center;
+ font-size: 13px;
+ color: var(--tp-common-black);
+ background: var();
+ @include border-radius(4px);
+
+ &.fb {
+ color: #285da1;
+ background: rgba($color: #285da1, $alpha: .1);
+
+ &:hover {
+ color: var(--tp-common-white);
+ ;
+ background: #285da1;
+ }
+ }
+
+ &.tw {
+ color: #03a9f4;
+ background: rgba($color: #03a9f4, $alpha: .1);
+
+ &:hover {
+ color: var(--tp-common-white);
+ ;
+ background: #03a9f4;
+ }
+ }
+
+ &.pin {
+ color: #d8163f;
+ background: rgba($color: #d8163f, $alpha: .1);
+
+ &:hover {
+ color: var(--tp-common-white);
+ ;
+ background: #d8163f;
+ }
+ }
+ }
+ }
+ }
+ }
+
+ &__allow {
+ & h3 {
+ font-size: 26px;
+ font-weight: 600;
+ margin-bottom: 15px;
+ }
+
+ & ul {
+ & li {
+ font-size: 16px;
+ color: var(--tp-common-black);
+ ;
+ list-style: none;
+
+ &:not(:last-child) {
+ margin-bottom: 5px;
+ }
+
+ & i {
+ display: inline-block;
+ width: 18px;
+ height: 18px;
+ text-align: center;
+ line-height: 18px;
+ font-size: 10px;
+ font-weight: 500;
+ color: var(--tp-theme-primary);
+ background: rgba($color: #5392FB, $alpha: .1);
+ @include border-radius(50%);
+ margin-right: 10px;
+ }
+ }
+ }
+ }
+
+ &__tag {
+ border-top: 1px solid #e4e6ef;
+ padding-top: 25px;
+
+ & span {
+ font-size: 16px;
+ color: var(--tp-text-3);
+ margin-right: 7px;
+ }
+
+ & a {
+ font-size: 16px;
+ color: var(--tp-theme-primary);
+ font-weight: 600;
+
+ &:hover {
+ color: var(--tp-theme-secondary);
+ }
+ }
+ }
+}
+
+.events__info-discount span {
+ display: inline-block;
+ font-size: 14px;
+ height: 24px;
+ line-height: 24px;
+ padding: 0 12px;
+ color: #ff4690;
+ background: rgba(255, 70, 144, 0.08);
+ font-weight: 600;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+
+.course__teacher-thumb-3 img {
+ width: 44px;
+ height: 44px;
+ margin-bottom: 30px;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ border-radius: 50%;
+ border: 2px solid #ffffff;
+ -webkit-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
+ -moz-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
+ box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
+}
+
+.course__instructor-thumb img {
+ width: 50px;
+ height: 50px;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ border-radius: 50%;
+}
+
+.tp-event__shape {
+ & .event-1 {
+ position: absolute;
+ right: 100px;
+ animation: tp-float-1 6s infinite alternate;
+
+ @media #{$xs,$sm,$md} {
+ display: none;
+ }
+ }
+
+ & .event-2 {
+ position: absolute;
+ top: 50%;
+ left: 100px;
+ animation: tp-float-3 6s infinite alternate;
+ @media #{$lg} {
+ top:0;
+ }
+ @media #{$xs,$sm,$md} {
+ display: none;
+ }
+ }
+}
+
+
+.tp-counter-2__item{
+ &.has-border{
+ position: relative;
+ &::after {
+ content: '';
+ width: 2px;
+ height: 54px;
+ position: absolute;
+ right: 0;
+ top: 50%;
+ display: inline-block;
+ background-color: var(--tp-common-white);
+ opacity: .10;
+
+ }
+ }
+}
+
+.events__sidebar{
+ @media #{$xs,$sm,$md} {
+ padding-left: 0;
+ }
+}
\ No newline at end of file
diff --git a/public/scssold/layout/_feature.scss b/public/scssold/layout/_feature.scss
new file mode 100644
index 0000000..3dae518
--- /dev/null
+++ b/public/scssold/layout/_feature.scss
@@ -0,0 +1,237 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* 14. FEATURE CSS
+/*----------------------------------------*/
+
+// postbox css start
+
+
+.tp-feature {
+ $main: &;
+
+ &__item {
+ padding-top: 40px;
+ padding-bottom: 40px;
+ text-align: center;
+ border: 1px solid rgba($color: #000000, $alpha: .078);
+ background-color: rgba(255, 255, 255, 0);
+ @include transition(.3s);
+ position: relative;
+
+ &::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ height: 3px;
+ width: 0;
+ right: 0;
+ display: inline-block;
+ background-color: var(--tp-theme-primary);
+ @include transition(.3s);
+ }
+
+ &.before-color {
+ &-1 {
+ &::before {
+ background-color: #ffa28f;
+ }
+ }
+
+ &-2 {
+ &::before {
+ background-color: #8997f9;
+ }
+ }
+
+ &-3 {
+ &::before {
+ background-color: #f86470;
+ }
+ }
+
+ &-4 {
+ &::before {
+ background-color: #5fa79c;
+ }
+ }
+
+ &-5 {
+ &::before {
+ background-color: #73d17e;
+ }
+ }
+
+ &-6 {
+ &::before {
+ background-color: #b451f9;
+ }
+ }
+
+ &-7 {
+ &::before {
+ background-color: #11c5ce;
+ }
+ }
+
+ &-8 {
+ &::before {
+ background-color: #ee9c2d;
+ }
+ }
+
+ }
+
+ &:hover {
+ box-shadow: 0px 16px 40px 0px rgba(0, 15, 47, 0.1), inset 0px 3px 0px 0px rgba(44, 121, 255, 0.004);
+ border-color: transparent;
+
+ &::before {
+ width: 100%;
+ right: auto;
+ left: 0;
+ }
+
+ #{$main} {
+ &__icon {
+ transform: translateY(-8px);
+ }
+ }
+
+ }
+ }
+
+ &__icon {
+ margin-bottom: 50px;
+ @include transition(.3s);
+ }
+
+ &__title {
+ font-size: 20px;
+ & a {
+ &:hover{
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+
+ &__item {
+ & p {
+ margin-bottom: 0;
+ }
+ }
+}
+
+.tp-feature-2 {
+ $main: &;
+ &__section{
+ & .row{
+ & [class*="col-"]{
+ &:first-child{
+ #{$main}{
+ &__item{
+ border-radius: 10px 0 0 10px;
+ @media #{$xs,$sm} {
+ border-radius: 10px 10px 0 0;
+ }
+ }
+ }
+ }
+ &:last-child{
+ #{$main}{
+ &__item{
+ border-radius: 0 10px 10px 0;
+ @media #{$xs,$sm} {
+ border-radius:0 0 10px 10px;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ &__item {
+ padding: 35px 50px;
+ @include transition(.3s);
+ position: relative;
+ @media #{$xs,$sm,$md} {
+ padding: 35px 25px;
+ }
+ &.tp-feature-2 {
+ &__color {
+ &-1 {
+ background-color: #ffa423;
+ box-shadow: 0px 40px 60px 0px rgba(255, 164, 35, 0.3);
+ }
+
+ &-2 {
+ background-color: rgb(44, 121, 255);
+ box-shadow: 0px 40px 60px 0px rgba(50, 111, 253, 0.3);
+ }
+
+ &-3 {
+ background-color: rgb(162, 0, 255);
+ box-shadow: 0px 40px 60px 0px rgba(162, 0, 255, 0.3);
+ }
+ }
+ }
+
+ &:hover {
+ #{$main} {
+ &__icon {
+ transform: rotateY(-180deg);
+ }
+ }
+
+ }
+ }
+
+ &__icon {
+ color: var(--tp-common-white);
+ margin-bottom: 50px;
+ @include transition(.3s);
+ font-size: 36px;
+ display: inline-block;
+ }
+
+ &__title {
+ font-size: 22px;
+ color: var(--tp-common-white);
+ margin-bottom: 15px;
+ }
+
+ &__content {
+ & p {
+ margin-bottom: 20px;
+ color: var(--tp-common-white);
+ font-size: 16px;
+ }
+
+ & span {
+ a {
+ color: var(--tp-common-white);
+ @include square-btn(36px, $circle: true);
+ border: 2px solid;
+ display: inline-block;
+ border-color: rgba($color: #fff, $alpha: .2);
+ line-height: 32px;
+
+ &:hover {
+ background-color: var(--tp-common-white);
+ border-color: transparent;
+ & i {
+ animation: tfLeftToRight 0.5s forwards;
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ }
+ }
+}
+
+.gx-70{
+ --bs-gutter-x: 70px;
+ @media #{$xs,$sm,$md,$lg} {
+ --bs-gutter-x: 1.5rem;
+ }
+}
\ No newline at end of file
diff --git a/public/scssold/layout/_footer.scss b/public/scssold/layout/_footer.scss
new file mode 100644
index 0000000..e327c60
--- /dev/null
+++ b/public/scssold/layout/_footer.scss
@@ -0,0 +1,305 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* 21. FOOTER CSS
+/*----------------------------------------*/
+
+.footer {
+ &__widget {
+ &-logo{
+ & img {
+ width: 150px;
+ }
+ }
+ & p {
+ color: var(--tp-text-1);
+ font-size: 16px;
+ margin-bottom: 20px;
+ }
+
+ &-space {
+ padding-top: 40px;
+ padding-bottom: 40px;
+ }
+
+ &-title {
+ font-size: 20px;
+ padding-top: 15px;
+ margin-bottom: 35px;
+ font-weight: 500;
+ position: relative;
+ }
+
+ & ul {
+ overflow: hidden;
+
+ & li {
+ list-style: none;
+ margin-bottom: 24px;
+ line-height: 1;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+
+ a {
+ font-size: 14px;
+ color: var(--tp-text-body);
+ position: relative;
+
+ &:hover {
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ }
+ }
+
+ &__blog {
+ &-meta {
+ margin-bottom: 3px;
+
+ & span {
+ color: var(--tp-text-1);
+
+ & i {
+ color: var(--tp-theme-primary);
+ margin-right: 3px;
+ }
+
+ &:hover {
+ color: var(--tp-common-black);
+ }
+ }
+ }
+
+ &-title {
+ font-size: 15px;
+ text-transform: uppercase;
+ color: var(--tp-common-black);
+ margin-bottom: 0;
+ line-height: 1.4;
+
+ & a {
+ &:hover {
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ }
+
+ &__info {
+ &-item {
+ margin-bottom: 20px;
+ }
+
+ &-icon {
+ & i {
+ font-size: 20px;
+ color: var(--tp-theme-primary);
+ }
+ }
+
+ &-text {
+ & h4 {
+ color: var(--tp-common-black);
+ font-size: 18px;
+ margin-bottom: 0;
+ }
+
+ & a {
+ color: var(--tp-text-1);
+ }
+ }
+ }
+
+ &__contact {
+ & p {
+ color: var(--tp-text-1);
+ font-size: 16px;
+ margin-bottom: 20px;
+ }
+
+ & iframe {
+ width: 100%;
+ height: 110px;
+ filter: grayscale(100%);
+ }
+ }
+
+ &__subscribe {
+ & p {
+ color: var(--tp-text-1);
+ font-size: 16px;
+ margin-bottom: 20px;
+ }
+
+ &-box {
+ position: relative;
+
+ }
+
+ &-input {
+ &.has-border-radius{
+ border-radius: 4px;
+ overflow: hidden;
+ }
+ & input {
+ width: 100%;
+ height: 50px;
+ padding: 0 23px;
+ padding-right: 160px;
+ border: 1px solid transparent;
+ background-color: var(--tp-common-white);
+ font-size: 16px;
+ color: var(--tp-common-black);
+ &:focus{
+ border-color: var(--tp-theme-primary);
+ }
+ @include tp-placeholder {
+ color: var(--tp-text-3);
+ }
+ @media #{$lg} {
+ padding-right: 23px;
+ }
+ @media #{$md} {
+ padding-right: 160px;
+ }
+ @media #{$xs,$sm} {
+ padding-right:23px;
+ }
+ }
+ }
+ }
+
+ &__copyright {
+ & p {
+ font-size: 16px;
+ & a {
+ color: var(--tp-theme-primary);
+ opacity: .7;
+ &:hover{
+ opacity: .9;
+ }
+ }
+ }
+
+ }
+
+ &__social {
+ & span {
+ display: inline-block;
+ &:not(:last-child) {
+ margin-right: 10px;
+ }
+
+ & a {
+ display: inline-block;
+ font-size: 15px;
+ @include square-btn(34px,$circle:true);
+ line-height: 32px;
+ text-align: center;
+ background: #0d88f0;
+ color: var(--tp-common-white);
+ border:1px solid transparent;
+ &:hover {
+ background-color: var(--tp-common-white);
+ color: #0d88f0;
+ border:1px solid var(--tp-theme-primary);
+ }
+
+ &.tw {
+ background: #03a9f4;
+ &:hover {
+ background-color: var(--tp-common-white);
+ color: #03a9f4;
+ border-color:#03a9f4 ;
+ }
+ }
+
+ &.yt {
+ background: #d2173f;
+ border-color: #d2173f;
+
+ &:hover {
+ background-color: var(--tp-common-white);
+ color: #d2173f;
+ }
+ }
+ }
+ }
+ }
+ &__top {
+ position: relative;
+ padding-top: 100px;
+ padding-bottom: 40px;
+ z-index: 1;
+ }
+
+ &__bottom {
+ border-top: 1px solid;
+ border-color: rgba($color: #000f2f, $alpha: .06);
+ padding-top: 25px;
+ padding-bottom: 25px;
+
+ & p {
+ margin-bottom: 0;
+ }
+ }
+}
+
+
+.footer-sub-btn {
+ position: absolute;
+ top: 0;
+ right: 0;
+ display: inline-block;
+ height: 100%;
+ line-height: 50px;
+ padding: 0 30px;
+ text-align: center;
+ font-size: 15px;
+ color: var(--tp-common-white);
+ background-color: var(--tp-theme-primary);
+ @media #{$xs,$sm,$lg} {
+ position: relative;
+ margin-top: 15px;
+ width: 100%;
+ }
+ &:hover {
+ color: var(--tp-common-white);
+ background-color: var(--tp-common-black);
+ }
+}
+
+/* footer col design for home 1 */
+.footer-col {
+ &-1 {
+ padding-right: 35px;
+ @media #{$xs,$sm,$md,$lg} {
+ padding-right: 0;
+ }
+ }
+
+ &-2 {
+ padding-left: 30px;
+ padding-right: 30px;
+
+ @media #{$sm,$xs,$md} {
+ padding-right: 0;
+ padding-left: 0;
+ }
+ }
+
+ &-3 {
+ padding-right: 10px;
+ padding-left: 60px;
+ padding-right: 60px;
+
+ @media #{$sm,$xs,$md,$lg} {
+ padding-right: 0;
+ padding-left: 0;
+ }
+ }
+
+}
\ No newline at end of file
diff --git a/public/scssold/layout/_header.scss b/public/scssold/layout/_header.scss
new file mode 100644
index 0000000..8adf40a
--- /dev/null
+++ b/public/scssold/layout/_header.scss
@@ -0,0 +1,809 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* 02. HEADER CSS
+/*----------------------------------------*/
+
+.tp-header {
+ &__transparent {
+ position: absolute !important;
+ left: 0;
+ margin: auto;
+ top: 0;
+ width: 100%;
+ z-index: 88;
+ background: transparent;
+ }
+
+ &__container {
+ padding-left: 200px;
+ padding-right: 200px;
+
+ @media #{$xxxl,$xxl} {
+ padding-left: 130px;
+ padding-right: 130px;
+ }
+
+ @media #{$xxl} {
+ padding-left: 80px;
+ padding-right: 80px;
+ }
+
+ @media #{$xl} {
+ padding-left: 0px;
+ padding-right: 0px;
+ }
+ @media #{$lg,$md,$xs,$sm} {
+ padding-left: 0px;
+ padding-right: 0px;
+ }
+
+ }
+ &__main{
+ @media #{$md,$xs,$sm} {
+ padding-top: 20px;
+ padding-bottom: 20px;
+ }
+ }
+
+ &__top {
+ padding: 4px 0;
+ }
+
+ &__info {
+ & ul {
+ & li {
+ list-style: none;
+ display: inline-block;
+ margin-right: 20px;
+ color: var(--tp-common-white);
+ opacity: .7;
+ font-size: 12px;
+ &:last-child {
+ margin-right: 0;
+ }
+
+ &:hover {
+ opacity: 1;
+ }
+ & a {
+
+ & i {
+ margin-right: 5px;
+ }
+
+ & svg {
+ width: 13px;
+ height: 13px;
+ margin-right: 5px;
+
+ & path {
+ fill: var(--tp-text-4);
+ }
+ }
+ }
+ }
+ }
+ }
+
+ &__border {
+ border-bottom: 1px solid rgba($color: #031220, $alpha: .07);
+ }
+
+ &__search {
+ &-input {
+ position: relative;
+
+ & input {
+ width: 100%;
+ height: 40px;
+ background-color: var(--tp-grey-1);
+ border: 1px solid var(--tp-grey-1);
+ padding: 0 20px;
+ padding-right: 60px;
+
+ @include tp-placeholder {
+ color: var(--tp-text-3);
+ }
+ }
+ }
+
+ &-btn {
+ position: absolute;
+ top: 46%;
+ @include transform(translateY(-50%));
+ right: 15px;
+ font-size: 16px;
+ color: var(--tp-common-black);
+ padding-left: 17px;
+ background-color: var(--tp-grey-1);
+
+ &::after {
+ position: absolute;
+ content: '';
+ left: 0;
+ top: 57%;
+ @include transform(translateY(-50%));
+ height: 100%;
+ width: 1px;
+ background-color: rgba($color: #031220, $alpha: .1);
+ }
+ }
+
+ &-2 {
+ margin-left: 13px;
+
+ & input {
+ height: 44px;
+ line-height: 44px;
+ @include border-radius(6px);
+ background-color: var(--tp-grey-5);
+
+ @include tp-placeholder {
+ color: var(--tp-text-10);
+ }
+ }
+
+ & button {
+ &::after {
+ background-color: rgba($color: #3E8454, $alpha: .14);
+ }
+ }
+ }
+
+ &-3 {
+ & button {
+ & svg path {
+ stroke: var(--tp-theme-3);
+ }
+ }
+ }
+ }
+
+ &__hamburger {
+ margin-top: 3px;
+ }
+
+ &__sticky {
+ &.header__sticky {
+ position: fixed !important;
+ left: 0;
+ margin: auto;
+ top: 0;
+ width: 100%;
+ box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
+ z-index: 99;
+ -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
+ animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
+ -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
+ background: var(--tp-common-white);
+ }
+ }
+
+ &__account {
+ & ul {
+ & li {
+ display: inline-block;
+ margin-right: 10px;
+
+ & a {
+ color: var(--tp-common-white);
+ font-size: 12px;
+ opacity: .7;
+
+ &:hover {
+ opacity: 1;
+ }
+
+ & i {
+ margin-right: 5px;
+ }
+ }
+ }
+ }
+ }
+
+ &__category {
+ position: relative;
+ margin-right: 20px;
+ @media #{$xl} {
+ margin-right: 10px;
+ }
+ & svg {
+ width: 16px;
+
+ & .cat-dot {
+ fill: var(--tp-common-black);
+ }
+ }
+ &::after {
+ position: absolute;
+ content: '';
+ left: 0;
+ top: 60%;
+ @include transform(translateY(-50%));
+ width: 1px;
+ height: 40px;
+ }
+
+ & ul {
+ & li {
+ position: relative;
+ list-style: none;
+
+ & .cat-submenu {
+ position: absolute;
+ top: calc(100% + 30px);
+ left: 0;
+ width: 200px;
+ padding: 17px 0;
+ padding-bottom: 15px;
+ background: var(--tp-common-white);
+ @include box-shadow(0px 10px 20px 0px rgba(8, 0, 42, 0.08));
+ @include border-radius(4px);
+ z-index: 1;
+ visibility: hidden;
+ opacity: 0;
+ @include transition(.3s);
+
+ & li {
+ display: block;
+ margin-right: 0;
+
+ &>a {
+ width: 100%;
+ display: block;
+ padding: 3px 30px;
+ text-transform: capitalize;
+ color: var(--tp-text-body);
+ font-weight: 500;
+ position: relative;
+
+ &::after {
+ right: 30px;
+ @include transform(translateY(-50%) rotate(-90deg));
+ }
+
+ }
+
+ &:hover {
+ &>a {
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ }
+
+ &:hover {
+ & .cat-submenu {
+ visibility: visible;
+ opacity: 1;
+ top: calc(100% + 10px);
+ }
+ }
+ }
+ }
+ }
+
+ &__search {
+ & form {
+ position: relative;
+
+ & input {
+ height: 46px;
+ border: 0;
+ background-color: var(--tp-grey-2);
+ padding-left: 20px;
+ padding-right: 40px;
+ border-radius: 6px;
+ @media #{$xxxl} {
+ width: 200px;
+ }
+ @media #{$xl,$xxl} {
+ width: 170px;
+ }
+ @include tp-placeholder{
+ color:#838b95;
+ }
+
+ }
+
+ & button {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ right: 20px;
+
+ }
+ }
+ }
+
+ &__search-2 {
+ & form {
+ padding-top:17px;
+ padding-bottom: 17px;
+ position: relative;
+ & input {
+ width: 350px;
+ }
+ }
+ }
+}
+
+.cat-menu {
+ font-weight: 500;
+ & i {
+ margin-left: 5px;
+ display: inline-block;
+ }
+}
+
+/* logo */
+
+.logo {
+ &.has-border{
+ border-right: 1px solid;
+ border-color:rgba($color: #fff, $alpha: .1);
+ @media #{$xs,$sm,$md,$lg} {
+ border-right: 0;
+ }
+ }
+ & img {
+ width: 150px;
+ }
+}
+
+.cat-dot-icon {
+ margin-right: 10px;
+}
+
+.header-sticky {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ background-color: var(--tp-common-white);
+ animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
+ box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.09);
+ z-index: 91;
+}
+
+/* main menu css */
+.tp-header {
+ &__transparent {
+ & .main-menu {
+ @media #{$lg} {
+ // margin-left: 50px;
+ }
+
+ & ul {
+ & li {
+ position: relative;
+ list-style: none;
+ display: inline-block;
+ margin-right: 35px;
+ text-align: left;
+
+ & a {
+ display: inline-block;
+ font-size: 14px;
+ color: var(--tp-common-white);
+ padding: 27px 0;
+ font-weight: 500;
+ }
+
+ &.has-dropdown {
+ &>a {
+ position: relative;
+
+ &::after {
+ content: '\f107';
+ @include transform(translateY(1px));
+ font-size: 14px;
+ color: var(--tp-common-white);
+ font-family: var(--tp-ff-fontawesome);
+ font-weight: 400;
+ margin-left: 5px;
+ display: inline-block;
+ @include transition(.3s);
+ }
+ }
+ }
+
+ & .submenu {
+ position: absolute;
+ top: 120%;
+ left: 0;
+ width: 200px;
+ background: var(--tp-common-white);
+ z-index: 99;
+ @include transition(.3s);
+ visibility: hidden;
+ opacity: 0;
+ @include box-shadow(0px 30px 70px 0px rgba(11, 6, 70, 0.08));
+ padding-top: 20px;
+ padding-bottom: 20px;
+ border-top: 3px solid var(--tp-theme-primary);
+ & li {
+ display: block;
+ width: 100%;
+ margin: 0;
+ &.has-dropdown {
+ &>a {
+ &::after {
+ position: absolute;
+ top: 50%;
+ right: 25px;
+ @include transform(translateY(-50%) rotate(-90deg));
+ }
+ }
+ }
+
+ & a {
+ padding: 5px 25px;
+ font-size: 13px;
+ position: relative;
+ z-index: 1;
+ color: var(--tp-common-black);
+ width: 100%;
+ }
+
+ & .submenu {
+ left: 120%;
+ top: 0;
+ visibility: hidden;
+ opacity: 0;
+ }
+
+ &:hover {
+ &>a {
+ color: var(--tp-theme-primary);
+
+ &::after {
+ color: var(--tp-theme-primary);
+ }
+
+ &::before {
+ left: 0;
+ right: auto;
+ width: 100%;
+ }
+ }
+
+ &>.submenu {
+ left: 100%;
+ visibility: visible;
+ opacity: 1;
+ }
+ }
+ }
+ }
+
+ &:hover {
+ &>a {
+ color: var(--tp-theme-primary);
+ &::after {
+ color: var(--tp-theme-primary);
+ transform: rotate(-180deg);
+ }
+ }
+
+ &>.submenu {
+ top: 100%;
+ visibility: visible;
+ opacity: 1;
+ }
+ }
+ }
+ }
+ }
+ & .hamburger-btn{
+ & span {
+ background-color: var(--tp-common-white);
+ }
+ }
+ .header-sticky {
+ background-color: #3a53a4;
+ }
+
+ }
+
+}
+
+.main-menu {
+ @media #{$lg} {
+ padding-left: 30px;
+ }
+ & ul {
+ & li {
+ position: relative;
+ list-style: none;
+ display: inline-block;
+ margin-right: 35px;
+ text-align: left;
+ @media #{$xl,$lg} {
+ margin-right: 30px;
+ }
+ @media #{$xxl} {
+ margin-right: 30px;
+ }
+ @media #{$lg} {
+ margin-right: 20px;
+ }
+ &:last-child {
+ margin-right: 0;
+ }
+
+ & a {
+ display: inline-block;
+ font-size: 14px;
+ color: var(--tp-common-black);
+ padding: 27px 0;
+ font-weight: 500;
+ }
+
+ &.has-dropdown {
+ &>a {
+ position: relative;
+
+ &::after {
+ content: '\f107';
+ @include transform(translateY(1px));
+ font-size: 14px;
+ color: var(--tp-common-black);
+ font-family: var(--tp-ff-fontawesome);
+ font-weight: 400;
+ margin-left: 5px;
+ display: inline-block;
+ @include transition(.3s);
+ }
+ }
+ }
+
+ & .submenu {
+ position: absolute;
+ top: 120%;
+ left: 0;
+ width: 200px;
+ background: var(--tp-common-white);
+ z-index: 99;
+ @include transition(.3s);
+ visibility: hidden;
+ opacity: 0;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ border-top: 3px solid var(--tp-theme-primary);
+ @include box-shadow(0px 30px 70px 0px rgba(11, 6, 70, 0.08));
+
+ & li {
+ display: block;
+ width: 100%;
+ margin: 0;
+ &.has-dropdown {
+ &>a {
+ &::after {
+ position: absolute;
+ top: 50%;
+ right: 25px;
+ @include transform(translateY(-50%) rotate(-90deg));
+ }
+ }
+ }
+
+ & a {
+ padding: 5px 25px;
+ font-size: 13px;
+ position: relative;
+ z-index: 1;
+ color: var(--tp-common-black);
+ width: 100%;
+
+ }
+
+ & .submenu {
+ left: 120%;
+ top: 0;
+ visibility: hidden;
+ opacity: 0;
+ }
+
+ &:hover {
+ &>a {
+ color: var(--tp-theme-primary);
+
+ &::after {
+ color: var(--tp-theme-primary);
+ }
+
+ &::before {
+ left: 0;
+ right: auto;
+ width: 100%;
+ }
+ }
+
+ &>.submenu {
+ left: 100%;
+ visibility: visible;
+ opacity: 1;
+ }
+ }
+ }
+ }
+
+ &:hover {
+ &>a {
+ color: var(--tp-theme-primary);
+
+ &::after {
+ color: var(--tp-theme-primary);
+ transform: rotate(-180deg);
+ }
+ }
+
+ &>.submenu {
+ top: 100%;
+ visibility: visible;
+ opacity: 1;
+ }
+ }
+ }
+ }
+}
+
+
+.main-menu-2 {
+ @media #{$lg} {
+ // margin-left: 50px;
+ }
+
+ & ul {
+ & li {
+ position: relative;
+ list-style: none;
+ display: inline-block;
+ margin-right: 35px;
+ text-align: left;
+
+ & a {
+ display: inline-block;
+ font-size: 14px;
+ color: var(--tp-common-white);
+ padding: 15px 0;
+ font-weight: 500;
+ }
+
+ &.has-dropdown {
+ &>a {
+ position: relative;
+
+ &::after {
+ content: '\f107';
+ @include transform(translateY(1px));
+ font-size: 14px;
+ color: var(--tp-common-white);
+ font-family: var(--tp-ff-fontawesome);
+ font-weight: 400;
+ margin-left: 5px;
+ display: inline-block;
+ @include transition(.3s);
+ }
+ }
+ }
+
+ & .submenu {
+ position: absolute;
+ top: 120%;
+ left: 0;
+ width: 200px;
+ background: var(--tp-common-white);
+ z-index: 99;
+ @include transition(.3s);
+ visibility: hidden;
+ opacity: 0;
+ border-top: 3px solid var(--tp-theme-primary);
+ @include box-shadow(0px 30px 70px 0px rgba(11, 6, 70, 0.08));
+
+ & li {
+ display: block;
+ width: 100%;
+ margin: 0;
+ &.has-dropdown {
+ &>a {
+ &::after {
+ position: absolute;
+ top: 50%;
+ right: 25px;
+ @include transform(translateY(-50%) rotate(-90deg));
+ }
+ }
+ }
+
+ & a {
+ padding: 5px 25px;
+ font-size: 13px;
+ position: relative;
+ z-index: 1;
+ color: var(--tp-common-black);
+ width: 100%;
+ }
+
+ & .submenu {
+ left: 120%;
+ top: 0;
+ visibility: hidden;
+ opacity: 0;
+ }
+
+ &:hover {
+ &>a {
+ color: var(--tp-theme-secondary);
+
+ &::after {
+ color: var(--tp-theme-secondary);
+ }
+
+ &::before {
+ left: 0;
+ right: auto;
+ width: 100%;
+ }
+ }
+
+ &>.submenu {
+ left: 100%;
+ visibility: visible;
+ opacity: 1;
+ }
+ }
+ }
+ }
+
+ &:hover {
+ &>a {
+ color: var(--tp-theme-secondary);
+ &::after {
+ color: var(--tp-theme-secondary);
+ transform: rotate(-180deg);
+ }
+ }
+
+ &>.submenu {
+ top: 100%;
+ visibility: visible;
+ opacity: 1;
+ }
+ }
+ }
+ }
+}
+
+.tp-header__area.header-sticky{
+ & .tp-header__main{
+ @media only screen and (min-width: 992px) and (max-width: 99999px) {
+ display:none;
+ }
+ }
+}
+
+.header-acttion-btns{
+ & .tp-hader-btn {
+ margin-right: 40px;
+ }
+ & .avata {
+ width: 36px;
+ height: 36px;
+ border-radius: 50%;
+ border:2px solid;
+ display: inline-block;
+ text-align: center;
+ line-height: 32px;
+ color: var(--tp-common-white);
+ border-color: rgba($color: #fff, $alpha: .1);
+ @include transition(.3s);
+ &:hover{
+ border-color: rgba($color: #fff, $alpha: .7);
+ }
+ }
+
+}
\ No newline at end of file
diff --git a/public/scssold/layout/_hero.scss b/public/scssold/layout/_hero.scss
new file mode 100644
index 0000000..72d8478
--- /dev/null
+++ b/public/scssold/layout/_hero.scss
@@ -0,0 +1,89 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* 05. HERO CSS
+/*----------------------------------------*/
+
+/* hero css start here */
+
+.tp-hero {
+ &__section {}
+
+ &__shapes {
+ &-1 {
+ position: absolute;
+ top: 110px;
+ left: 50%;
+ animation: tp-float-1 6s infinite alternate;
+ }
+ &-2 {
+ position: absolute;
+ top: 310px;
+ right: 5%;
+ animation: tp-float-2 8s infinite alternate;
+ }
+ &-3 {
+ position: absolute;
+ bottom: 100px;
+ left: 5%;
+ animation: tp-float-1 5s infinite alternate;
+ }
+ &-4 {
+ position: absolute;
+ top: 0;
+ right: 0;
+
+ }
+ &-5 {
+ position: absolute;
+ bottom: 270px;
+ right: 0;
+ animation: tpswing 1s ease-in-out 1s forwards infinite alternate;
+ transform-origin: top bottom;
+ }
+ &-6 {
+ position: absolute;
+ top: 240px;
+ left: 13%;
+ animation: tp-float-2 7s infinite alternate;
+ }
+ }
+ &__img {
+ margin-left: -80px;
+ }
+}
+
+.tp-hero {
+ &__section{
+ margin-bottom: -100px;
+ }
+ &__subtitle {
+ font-size: 20px;
+ display: inline-block;
+ }
+ &__title{
+ font-size: 70px;
+ font-weight: 800;
+ line-height: 1.1;
+ @media #{$xs} {
+ font-size: 48px;
+ }
+ }
+ &__content{
+ position: relative;
+ z-index: 1;
+ @media #{$xs,$sm} {
+ padding-top: 0;
+ }
+ & p{
+ font-size: 18px;
+ }
+ }
+ &__img{
+ @media #{$xs,$sm,$md} {
+ & img {
+ width: 100%;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/public/scssold/layout/_login.scss b/public/scssold/layout/_login.scss
new file mode 100644
index 0000000..51e888e
--- /dev/null
+++ b/public/scssold/layout/_login.scss
@@ -0,0 +1,382 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* 20. LOGIN CSS
+/*----------------------------------------*/
+.sign{
+ &__wrapper{
+ padding: 50px 70px;
+ padding-bottom: 45px;
+ margin: 0 30px;
+
+ @include border-radius(10px);
+ @include box-shadow(0px 40px 80px 0px rgba(2, 2, 26, 0.14));
+ z-index: 11;
+
+ @media #{$xs}{
+ margin: 0;
+ padding: 30px 20px;
+ padding-bottom: 25px;
+ }
+ }
+ &__shape{
+ & img{
+ position: absolute;
+ z-index: -1;
+ &.man-1{
+ left: 50%;
+ top: 50%;
+ z-index: -1;
+ transform: translateX(-50%) translateY(-50%);
+ }
+ &.man-2{
+ right: 24%;
+ top: 65%;
+ }
+ &.circle{
+ right: 32%;
+ top: 38%;
+ animation: signCircle 5s linear 0s infinite alternate;
+ -webkit-animation: signCircle 5s linear 0s infinite alternate;
+ @media #{$xxl}{
+ right: 25%;
+ }
+ @media #{$xl}{
+ right: 22%;
+ }
+ @media #{$lg}{
+ right: 11%;
+ }
+ @media #{$md}{
+ right: 4%;
+ }
+ @media #{$sm}{
+ right: 2%;
+ }
+ @media #{$xs}{
+ display: none;
+ }
+ }
+ &.dot{
+ right: 34%;
+ top: 43%;
+ animation: signDot 5s linear 0s infinite alternate;
+ -webkit-animation: signDot 5s linear 0s infinite alternate;
+ @media #{$xxl}{
+ right: 29%;
+ }
+ @media #{$xl}{
+ right: 26%;
+ }
+ @media #{$lg}{
+ right: 18%;
+ }
+ @media #{$md}{
+ right: 5%;
+ }
+ @media #{$sm}{
+ right: 3%;
+ }
+ @media #{$xs}{
+ display: none;
+ }
+ }
+ &.bg{
+ left: 33%;
+ top: 26%;
+ opacity: .06;
+ max-width: 100%;
+ animation: signBg 5s linear 0s infinite alternate;
+ -webkit-animation: signBg 5s linear 0s infinite alternate;
+ @media #{$md}{
+ left: 10%;
+ }
+ @media #{$sm}{
+ left: 0%;
+ }
+ @media #{$xs}{
+ display: none;
+ }
+ }
+ &.zigzag{
+ left: 32%;
+ top: 43%;
+ animation: signZigzag 5s linear 0s infinite alternate;
+ -webkit-animation: signZigzag 5s linear 0s infinite alternate;
+ @media #{$xxl}{
+ left: 24%;
+ }
+ @media #{$xl}{
+ left: 23%;
+ }
+ @media #{$lg}{
+ left: 11%;
+ }
+ @media #{$md}{
+ left: 3%;
+ }
+ @media #{$sm}{
+ left: 2%;
+ }
+ @media #{$xs}{
+ display: none;
+ }
+ }
+ &.flower{
+ bottom: 13%;
+ right: 30%;
+ @media #{$xxl}{
+ right: 24%;
+ }
+ @media #{$xl}{
+ right: 24%;
+ }
+ @media #{$lg}{
+ right: 12%;
+ }
+ @media #{$md}{
+ right: 3%;
+ }
+ @media #{$sm}{
+ right: 1%;
+ }
+ @media #{$xs}{
+ right: 1%;
+ bottom: 3%;
+ }
+ }
+ }
+ }
+ &__header{
+ padding: 0 35px;
+ @media #{$sm}{
+ padding: 0 10px;
+ }
+ @media #{$xs}{
+ padding: 0px;
+ }
+ & p{
+ margin-bottom: 0;
+ // color: $grey-9;
+ position: relative;
+ padding: 0 40px;
+ display: inline-block;
+ & span{
+ position: absolute;
+ top: 40%;
+ left: 0;
+ @include transform(translateY(-50%));
+ &:last-child{
+ left: auto;
+ right: 0;
+ }
+ }
+ & a{
+ &:hover{
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ }
+ &__social{
+ display: block;
+ height: 50px;
+ // background: $grey-11;
+ @include border-radius(6px);
+ position: relative;
+ line-height: 52px;
+ padding-left: 23px;
+ z-index: 1;
+ overflow: hidden;
+ font-size: 16px;
+ &::after{
+ position: absolute;
+ content: '';
+ left: -55%;
+ top: 45%;
+ @include transform(translateY(-50%));
+ height: 220px;
+ width: 220px;
+ background: #3360bd;
+ @include border-radius(50%);
+ z-index: -1;
+ @media #{$xs}{
+ left: -62%;
+ }
+ }
+ & i{
+ color: var(--tp-common-white);
+ font-size: 16px;
+ margin-right: 50px;
+ @media #{$xs}{
+ margin-right: 35px;
+ }
+ }
+ &:hover{
+ color: var(--tp-common-white);
+ &::after{
+ width: 100%;
+ height: 150%;
+ left: 0;
+ @include border-radius(6px);
+ }
+ }
+ &.g-plus{
+ &::after{
+ background: #e93e30;
+ }
+ }
+ }
+ &__form{
+ & h5{
+ font-size: 16px;
+ font-weight: 500;
+ color:var(--tp-common-black);
+ margin-bottom: 11px;
+ }
+ }
+ &__input{
+ position: relative;
+ &-wrapper{
+
+ }
+ & input{
+ width: 100%;
+ height: 60px;
+ line-height: 52px;
+ padding: 0 50px;
+ font-size: 14px;
+ border: 2px solid #ccc;
+ // background: $grey-12;
+ color:var(--tp-common-black);
+ @include border-radius(6px);
+ &::placeholder{
+ // color: $grey-13;
+ }
+ &:focus{
+ outline: none;
+ background: var(--tp-common-white);
+ border-color: var(--tp-theme-primary);
+ @include box-shadow(0px 1px 4px 0px rgba(8, 0, 42, 0.2));
+ }
+ }
+ & i{
+ position: absolute;
+ top: 51%;
+ @include transform(translateY(-50%));
+ left: 25px;
+ font-size: 14px;
+
+ }
+ }
+ &__agree{
+ & input{
+ margin: 0;
+ appearance: none;
+ -moz-appearance: none;
+ display: block;
+ width: 14px;
+ height: 14px;
+ background: transparent;
+ border: 1px solid #ccc ;
+ outline: none;
+ @include border-radius(4px);
+ &:checked{
+ position: relative;
+ background-color: var(--tp-theme-primary);
+ border-color: transparent;
+ &::after{
+ box-sizing: border-box;
+ content: '\f00c';
+ position: absolute;
+ font-family: var(--tp-ff-fontawesome);
+ font-size: 10px;
+ color: var(--tp-common-white);
+ top: 46%;
+ left: 50%;
+ @include transform(translate(-50%, -50%));
+ }
+ }
+ &:hover{
+ cursor: pointer;
+ }
+ }
+ & label{
+ padding-left: 10px;
+ font-size: 14px;
+ &:hover{
+ cursor: pointer;
+ }
+ & a{
+ color:var(--tp-common-black);
+ font-weight: 500;
+ &:hover{
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ }
+ &__forgot{
+ & a{
+ &:hover{
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ &__new{
+ & p{
+ margin-bottom: 0;
+ & a{
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+}
+
+
+
+@keyframes signDot{
+ 0%{
+ transform: translateY(0);
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -ms-transform: translateY(0);
+ -o-transform: translateY(0);
+}
+
+ 100%{
+ transform: translateY(50px);
+ -webkit-transform: translateY(50px);
+ -moz-transform: translateY(50px);
+ -ms-transform: translateY(50px);
+ -o-transform: translateY(50px);
+}
+}
+
+@keyframes signZigzag{
+ 0%{
+ transform: translateY(0);
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -ms-transform: translateY(0);
+ -o-transform: translateY(0);
+}
+
+ 100%{
+ transform: translateY(50px);
+ -webkit-transform: translateY(50px);
+ -moz-transform: translateY(50px);
+ -ms-transform: translateY(50px);
+ -o-transform: translateY(50px);
+}
+}
+
+@keyframes signCircle{
+ 0%{
+ @include transform(rotate(0deg));
+ }
+
+ 100%{
+ @include transform(rotate(360deg));
+ }
+}
diff --git a/public/scssold/layout/_meanmenu.scss b/public/scssold/layout/_meanmenu.scss
new file mode 100644
index 0000000..79b9da9
--- /dev/null
+++ b/public/scssold/layout/_meanmenu.scss
@@ -0,0 +1,90 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* 03. MEAN MENU CSS
+/*----------------------------------------*/
+
+
+
+/* mean menu customize */
+.mean-container a.meanmenu-reveal {
+ display: none;
+}
+.mean-container .mean-nav {
+ background: none;
+ margin-top: 0;
+}
+.mean-container .mean-bar {
+ padding: 0;
+ min-height: auto;
+ background: none;
+}
+.mean-container .mean-nav > ul {
+ padding: 0;
+ margin: 0;
+ width: 100%;
+ list-style-type: none;
+ display: block !important;
+}
+.mean-container a.meanmenu-reveal {
+ display: none !important;
+}
+.mean-container .mean-nav ul li a {
+ width: 100%;
+ padding: 10px 0;
+ color: var(--tp-common-black);
+ border-top: 1px solid #ebebeb;
+ font-size: 14px;
+ line-height: 1.5;
+ font-weight: 700;
+ &:hover{
+ color: var(--tp-theme-primary);
+ }
+}
+
+
+.mean-container .mean-nav ul li a.mean-expand {
+ margin-top: 5px;
+ padding: 0 !important;
+ line-height: 14px;
+ border: 1px solid #ebebeb !important;
+ height: 30px;
+ width: 30px;
+ line-height: 30px;
+ color: var(--tp-common-black);
+ line-height: 30px;
+ top: 0;
+ font-weight: 400;
+ &:hover{
+ background: var(--tp-theme-primary);
+ color: var(--tp-common-white);
+ border-color: var(--tp-theme-primary);
+ }
+
+}
+
+.mean-container .mean-nav ul li > a > i {
+ display: none;
+}
+.mean-container .mean-nav ul li > a.mean-expand i{
+ display: inline-block;
+}
+
+.mean-container .mean-nav > ul > li:first-child > a{
+ border-top: 0;
+}
+
+
+
+.mean-container .mean-nav ul li a.mean-expand.mean-clicked{
+ color: var(--tp-common-white);
+ background-color: var(--tp-theme-primary);
+}
+.mean-container .mean-nav ul li a.mean-expand.mean-clicked i{
+ transform: rotate(45deg);
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ color: var(--tp-common-white);
+}
diff --git a/public/scssold/layout/_portfolio.scss b/public/scssold/layout/_portfolio.scss
new file mode 100644
index 0000000..b4ecd4b
--- /dev/null
+++ b/public/scssold/layout/_portfolio.scss
@@ -0,0 +1,384 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* 09. PORTFOLIO CSS
+/*----------------------------------------*/
+
+.portfolio{
+ $self : &;
+ &__item{
+ min-height: 416px;
+ position: relative;
+ z-index: 1;
+ &::after{
+ @include tp-afbf-full($bg-color: var(--tp-common-black));
+ opacity: 0;
+ }
+
+ &:hover{
+ &::after{
+ opacity: .9;
+ }
+ #{$self}{
+ &__content{
+ bottom: 45px;
+ opacity: 1;
+ visibility: visible;
+
+ @media #{$xs}{
+ bottom: 20px;
+ }
+ }
+ &__view{
+ top: 50px;
+ opacity: 1;
+ visibility: visible;
+ @media #{$xs}{
+ top: 20px;
+ }
+ }
+ }
+ }
+ }
+ &__title{
+ font-size: 24px;
+ color: var(--tp-common-white);
+ text-transform: uppercase;
+ margin-bottom: 0;
+
+ & a{
+ &:hover{
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ &__content{
+ position: absolute;
+ bottom: 0;
+ left: 50px;
+ z-index: 1;
+ visibility: hidden;
+ opacity: 0;
+ @media #{$xs}{
+ left: 20px;
+ }
+
+ &-3{
+
+ }
+ }
+ &__tag{
+ display: inline-block;
+ font-size: 14px;
+ font-weight: 700;
+ color: var(--tp-common-white);
+ text-transform: uppercase;
+ margin-bottom: 5px;
+
+ &-3{
+ position: absolute;
+ bottom: 0;
+ left: 40px;
+ & a{
+ display: inline-block;
+ font-size: 14px;
+ font-weight: 700;
+ text-transform: uppercase;
+ color: var(--tp-common-black);
+ background-color: var(--tp-theme-primary);
+ padding: 0 7px;
+ }
+ }
+ }
+ &__view{
+ position: absolute;
+ top: 0;
+ left: 50px;
+ z-index: 1;
+ visibility: hidden;
+ opacity: 0;
+ & .portfolio-view-btn{
+ display: inline-block;
+ width: 50px;
+ height: 50px;
+ line-height: 50px;
+ text-align: center;
+ color: var(--tp-common-white);
+ background-color: var(--tp-theme-primary);
+ font-size: 16px;
+
+ &:hover{
+ color: var(--tp-theme-primary);
+ background-color: var(--tp-common-white);
+ }
+ }
+
+ @media #{$xs}{
+ left: 20px;
+ }
+ }
+ &__thumb{
+ min-height: 416px;
+ &-bg{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ @include background();
+
+ }
+ }
+ &__box{
+ $self : &;
+ &-item{
+ &.portfolio-item-active{
+ #{$self}{
+ &-btn{
+ @include transform(perspective(400px) rotateX(0deg));
+ visibility: visible;
+ opacity: 1;
+ }
+ }
+ }
+ &:hover{
+ #{$self}{
+ &-btn{
+ @include transform(perspective(400px) rotateX(0deg));
+ visibility: visible;
+ opacity: 1;
+ }
+ }
+ }
+ }
+ &-title{
+ font-size: 24px;
+ color: var(--tp-common-black);
+ text-transform: uppercase;
+ margin-bottom: 0;
+
+ @media #{$lg}{
+ font-size: 18px;
+ }
+
+ @media #{$md}{
+ font-size: 20px;
+ }
+ @media #{$xs}{
+ font-size: 20px;
+ }
+ & a{
+ &:hover{
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ &-content{
+ border: 1px solid var(--tp-border-1);
+ padding: 32px 40px;
+
+ @media #{$xs}{
+ padding-left: 20px;
+ padding-right: 20px;
+ }
+ }
+ &-tag{
+ position: absolute;
+ bottom: 0;
+ left: 40px;
+ & a{
+ display: inline-block;
+ font-size: 14px;
+ font-weight: 700;
+ text-transform: uppercase;
+ color: var(--tp-common-black);
+ background-color: var(--tp-theme-primary);
+ padding: 0 7px;
+ }
+ }
+ &-btn{
+ @include transform(perspective(400px) rotateX(-60deg));
+ transform-origin: top center;
+ visibility: hidden;
+ opacity: 0;
+
+ }
+ }
+ &__details{
+ &-wrapper{
+ @media #{$md, $sm, $xs}{
+ padding-right: 0;
+ }
+ }
+ &-text{
+ & h3{
+ font-size: 30px;
+ text-transform: uppercase;
+ margin-bottom: 15px;
+ }
+ & p{
+ font-size: 16px;
+ line-height: 26px;
+ margin-bottom: 30px;
+ padding-right: 10px;
+ }
+
+ &.has-dropcap{
+ & p::first-letter {
+
+ }
+
+ }
+ &-highlight{
+ color: #333333;
+ }
+ }
+ &-msg{
+ font-size: 20px;
+ text-transform: uppercase;
+ line-height: 1.5;
+ margin-bottom: 55px;
+ }
+ &-goal{
+ &-item{
+ & h4{
+ font-size: 20px;
+ text-transform: uppercase;
+ border-bottom: 1px solid var(--tp-border-1);
+ padding-bottom: 15px;
+ margin-bottom: 20px;
+ & span{
+ color: var(--tp-theme-primary);
+ }
+ }
+ & p{
+ font-size: 16px;
+ padding-right: 20px;
+ }
+ }
+ }
+ &-post{
+ &-item{
+ padding: 10px;
+ @media #{$md, $sm, $xs}{
+ margin-bottom: 20px;
+ }
+ &-right{
+ & .portfolio__details-post-thumb{
+ @media #{$lg, $md, $sm, $xs}{
+ margin-right: 20px;
+ margin-left: 0;
+ }
+ }
+ }
+ }
+ &-thumb{
+ & img{
+ width: 80px;
+ height: 80px;
+ }
+ }
+ &-content{
+ & span{
+ font-size: 14px;
+ display: inline-block;
+ font-weight: 700;
+ color: var(--tp-theme-primary);
+ text-transform: uppercase;
+ margin-bottom: 5px;
+ }
+
+ & h4{
+ font-size: 24px;
+ text-transform: uppercase;
+ margin-bottom: 0;
+
+ @media #{$sm, $xs}{
+ font-size: 20px;
+ }
+ & a{
+ &:hover{
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ }
+ }
+ &-info{
+ padding: 0 40px 30px;
+ & ul{
+ & li{
+ list-style: none;
+ border-bottom: 1px solid #f2f2f2;
+ margin-bottom: 13px;
+ padding-bottom: 10px;
+ &:last-child{
+ margin-bottom: 0;
+ padding-bottom: 0;
+ border-bottom: none;
+ }
+ & p{
+ font-size: 14px;
+ color: var(--tp-text-1);
+ margin-bottom: 0;
+ & span{
+ color: var(--tp-common-black);
+ font-weight: 700;
+ }
+ }
+ }
+ }
+ }
+ }
+ &__contact{
+ &-title{
+ font-size: 18px;
+ text-transform: uppercase;
+ margin-bottom: 25px;
+ }
+
+ .contact__input{
+ & input,
+ & textarea{
+ border-color: #f2f2f2;
+ height: 60px;
+ line-height: 60px;
+ padding-left: 50px;
+ padding-right: 15px;
+ &:focus{
+ border-color: var(--tp-theme-primary);
+ }
+ }
+
+ & textarea{
+ height: 140px;
+ line-height: 1.3;
+ }
+
+ & .nice-select{
+ height: 60px;
+ line-height: 60px;
+ border: 1px solid #f2f2f2;
+ background-color: transparent;
+ padding-left: 50px;
+ }
+
+ & i{
+ top: 23px;
+ left: 23px;
+ right: auto;
+ color: var(--tp-common-black);
+ }
+ }
+ }
+ &__widget{
+ box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
+ border: 1px solid #f2f2f2;
+ &-title{
+ font-size: 18px;
+ text-transform: uppercase;
+ margin-bottom: 20px;
+ padding: 35px 40px 0;
+ }
+ }
+}
diff --git a/public/scssold/layout/_services.scss b/public/scssold/layout/_services.scss
new file mode 100644
index 0000000..cc332f5
--- /dev/null
+++ b/public/scssold/layout/_services.scss
@@ -0,0 +1,429 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* 08. SERVICES CSS
+/*----------------------------------------*/
+
+.services{
+ $self: &;
+ &__item{
+ padding: 45px 45px 40px;
+ position: relative;
+ z-index: 1;
+
+ @media #{$xs}{
+ padding-left: 35px;
+ padding-right: 35px;
+ }
+ }
+ &__icon{
+ margin-bottom: 20px;
+ & i{
+ font-size: 60px;
+ color: var(--tp-theme-primary);
+ }
+
+ }
+ &__counter{
+ counter-reset: count;
+ &-2{
+ counter-reset: count2;
+ }
+ }
+ &__title{
+ font-size: 26px;
+ color: var(--tp-common-black);
+ text-transform: uppercase;
+ margin-bottom: 15px;
+ & a{
+ &:hover{
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ &__no{
+ & span{
+ display: inline-block;
+ font-size: 14px;
+ color: var(--tp-text-1);
+ position: relative;
+ padding-right: 20px;
+ text-transform: uppercase;
+
+ &::after{
+ position: absolute;
+ counter-increment: count;
+ content: '0' counter(count);
+ right: 0;
+ top: 48%;
+ @include transform(translateY(-50%));
+ color: var(--tp-text-1);
+
+ }
+ }
+ &-text{
+ position: relative;
+ &::before{
+ position: absolute;
+ counter-increment: count2;
+ content: '0' counter(count2);
+ right: -45px;
+ top: 25px;
+ -webkit-text-fill-color: transparent;
+ background: var(--tp-common-white);
+ -webkit-background-clip: text;
+ -webkit-text-stroke: 1px var(--tp-border-1);
+ color: var(--tp-common-white) !important;
+ font-size: 170px;
+ z-index: -1;
+ font-weight: 700;
+ }
+ }
+ }
+ &__content{
+ position: relative;
+ border: 1px solid var(--tp-border-2);
+ border-top: 0;
+ padding: 30px 0px;
+
+ @media #{$xl}{
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+ }
+ &__box{
+ &-item{
+ padding: 40px 30px;
+ }
+ &-title{
+ font-size: 26px;
+ color: var(--tp-common-black);
+ text-transform: uppercase;
+ margin-bottom: 15px;
+ & a{
+ &:hover{
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ &-icon{
+ margin-bottom: 20px;
+ & i{
+ font-size: 60px;
+ color: var(--tp-theme-primary);
+ }
+ }
+ &-content{
+ & p{
+ font-size: 16px;
+ color: var(--tp-text-1);
+ }
+ }
+ }
+ &__grid{
+ &-item{
+
+ }
+ &-tag{
+ position: absolute;
+ top: 0;
+ right: 20px;
+ & span{
+ color: var(--tp-common-white);
+ font-size: 14px;
+ font-weight: 700;
+ display: inline-block;
+ padding: 0 18px;
+ padding-top: 2px;
+ background-color: var(--tp-theme-primary);
+ text-transform: uppercase;
+
+ &:hover{
+ color: var(--tp-common-white);
+ background-color: var(--tp-common-black);
+ }
+ }
+ }
+ &-title{
+ font-size: 26px;
+ color: var(--tp-common-black);
+ text-transform: uppercase;
+ margin-bottom: 15px;
+ & a{
+ &:hover{
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ &-thumb{
+
+ }
+ &-content{
+ padding: 30px 30px 40px;
+ border: 1px solid var(--tp-border-1);
+ border-top: none;
+ & p{
+ font-size: 16px;
+ color: var(--tp-text-1);
+ }
+ }
+ }
+ &__square{
+ &-item{
+ &:hover{
+ #{$self}{
+ &__thumb-3 img{
+ @include transform(scale(1.1));
+ }
+ }
+ }
+ }
+ &-title{
+ font-size: 24px;
+ color: var(--tp-common-black);
+
+ @media #{$lg}{
+ font-size: 20px;
+ }
+ & a{
+ &:hover{
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ &-icon{
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ @include transform(translate(-50%, -50%));
+ width: 120px;
+ height: 120px;
+ text-align: center;
+ line-height: 135px;
+ background-color: var(--tp-common-white);
+ @include border-radius(50%);
+ z-index: 1;
+ & i{
+ display: inline-block;
+ width: 60px;
+ height: 60px;
+ line-height: 60px;
+ font-size: 50px;
+ }
+ }
+ &-thumb{
+ z-index: 1;
+ &::after{
+ position: absolute;
+ content: '';
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-color: var(--tp-common-black);
+ opacity: .5;
+ }
+ }
+ &-content{
+ padding-top: 20px;
+ }
+ }
+ &__details{
+ &-thumb{
+ margin-bottom: 50px;
+ }
+ &-title{
+ font-size: 40px;
+ text-transform: uppercase;
+ margin-bottom: 23px;
+
+ @media #{$lg}{
+ font-size: 35px;
+ }
+
+ @media #{$sm, $xs}{
+ font-size: 30px;
+ }
+ }
+ &-content{
+ & p{
+ font-size: 16px;
+ line-height: 1.6;
+ margin-bottom: 15px;
+ }
+ }
+ &-question{
+ & h4{
+ font-size: 20px;
+ text-transform: uppercase;
+ margin-bottom: 20px;
+ }
+ & ul{
+ & li{
+ list-style: none;
+ line-height: 1;
+ & p{
+ font-size: 16px;
+ line-height: 1.6;
+
+ & span{
+ color: var(--tp-common-black);
+ font-weight: 700;
+ }
+ }
+ }
+ }
+ }
+ &-process{
+ & h4{
+ font-size: 20px;
+ text-transform: uppercase;
+ margin-bottom: 22px;
+ }
+ }
+ &-contact{
+ padding: 50px 60px 60px;
+ border: 1px solid #f1f1f1;
+ box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
+
+ @media #{$sm, $xs}{
+ padding-left: 15px;
+ padding-right: 15px;
+ }
+ & h4{
+ font-size: 40px;
+ text-transform: uppercase;
+ margin-bottom: 30px;
+
+ @media #{$sm, $xs}{
+ font-size: 30px;
+ }
+ }
+
+ & .contact__input{
+ & input,
+ & textarea{
+ background-color: var(--tp-grey-4);
+ border-color: var(--tp-grey-4);
+
+ &:focus{
+ border-color: var(--tp-theme-primary);
+ }
+
+ @include tp-placeholder{
+ color: var(--tp-text-12);
+ }
+ }
+
+ & i{
+ color: var(--tp-common-black);
+ }
+ }
+ }
+ }
+ &__widget{
+ padding: 33px 40px 30px;
+ border: 1px solid #f3f3f3;
+ &-title{
+ font-size: 20px;
+ text-transform: uppercase;
+ padding-right: 70px;
+ position: relative;
+ margin-bottom: 17px;
+ &::after{
+ position: absolute;
+ content: '';
+ right: 0;
+ top: 50%;
+ @include transform(translateY(-50%));
+ width: 70px;
+ height: 1px;
+ background-color: var(--tp-theme-primary);
+ }
+ }
+
+ & ul{
+ & li{
+ list-style: none;
+ margin-bottom: 2px;
+
+ &:last-child{
+ margin-bottom: 0;
+ }
+ & a{
+ font-size: 16px;
+ color: var(--tp-text-1);
+ padding-left: 30px;
+ position: relative;
+ &::after{
+ position: absolute;
+ content: '';
+ left: 0;
+ top: 50%;
+ @include transform(translateY(-50%));
+ width: 16px;
+ height: 1px;
+ background-color: var(--tp-common-black);
+ }
+ }
+ &:hover{
+ & > a{
+ color: var(--tp-theme-primary);
+ padding-left: 40px;
+ &::after{
+ background-color: var(--tp-theme-primary);
+ width: 22px;
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+
+.services-widget-banner{
+ position: relative;
+ background-color: var(--tp-grey-4);
+ z-index: 1;
+ padding: 50px 25px 35px;
+ & .services-banner-shape-1{
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ z-index: -1;
+ }
+
+ & .services-banner-content{
+ text-align: center;
+ & span{
+ font-size: 14px;
+ display: inline-block;
+ margin-bottom: 5px;
+ }
+
+ & h5{
+ font-size: 20px;
+ text-transform: uppercase;
+ margin-bottom: 15px;
+ }
+ & p{
+ font-size: 30px;
+ color: var(--tp-theme-primary);
+ font-weight: 700;
+ position: relative;
+ display: inline-block;
+ &::after{
+ position: absolute;
+ content: '';
+ left: 0;
+ bottom: -3px;
+ width: 100%;
+ height: 2px;
+ background-color: var(--tp-theme-primary);
+ }
+
+ }
+ }
+}
diff --git a/public/scssold/layout/_slider.scss b/public/scssold/layout/_slider.scss
new file mode 100644
index 0000000..259d37e
--- /dev/null
+++ b/public/scssold/layout/_slider.scss
@@ -0,0 +1,170 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* 04. SLIDER CSS
+/*----------------------------------------*/
+
+.tp-slider{
+ $self : &;
+ &__section{
+ margin-bottom: -70px;
+ @media #{$xs,$sm} {
+ margin-bottom: -15px;
+ }
+ }
+ &__height{
+ min-height: 950px;
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-position: center;
+ @media #{$md}{
+ min-height: 750px;
+ }
+ @media #{$sm}{
+ min-height: 650px;
+ }
+ @media #{$xs}{
+ min-height: 450px;
+ }
+ &-2{
+ min-height: 820px;
+ @media #{$md}{
+ min-height: 750px;
+ }
+ @media #{$sm}{
+ min-height: 650px;
+ }
+ @media #{$xs}{
+ min-height: 450px;
+ }
+ }
+ }
+ &__item{
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
+ }
+ &__overlay{
+ position: relative;
+ z-index: 1;
+ &::after{
+ @include tp-afbf-full();
+ background-color: rgb(0, 6, 20);
+ opacity: .8;
+ z-index: -1;
+ }
+ }
+ &__subtitle{
+ color:var(--tp-common-white) ;
+ font-size: 20px;
+ margin-bottom: 10px;
+ display: inline-block;
+ }
+ &__title{
+ font-size: 90px;
+ color: var(--tp-common-white);
+ font-weight: var(--tp-fw-bold);
+ line-height: 1.1;
+ margin-bottom: 20px;
+ @media #{$xs,$sm,$md,$lg} {
+ font-size: 60px;
+ & br {
+ display: none;
+
+ }
+ }
+ @media #{$sm}{
+ font-size: 60px;
+ }
+
+ @media #{$xs}{
+ font-size: 45px;
+ }
+
+ &-pre{
+ font-size: 18px;
+ font-weight: 500;
+ color: var(--tp-common-white);
+ display: inline-block;
+ margin-bottom: 15px;
+ text-transform: uppercase;
+ }
+ }
+
+ &__content{
+ & p{
+ font-size: 18px;
+ line-height: 28px;
+ color: var(--tp-common-white);
+ margin-bottom: 45px;
+ }
+ }
+ &__arrows{
+ @media #{$sm, $xs}{
+ display: none;
+ }
+ & button{
+ position: absolute;
+ top: 50%;
+ left: 30px;
+ z-index: 1;
+ font-size: 50px;
+ font-weight: 300;
+ color: var(--tp-common-white);
+ @media #{$md} {
+ left: 10px;
+ }
+ &.slick-next{
+ left: auto;
+ right: 30px;
+ z-index: 11;
+ @media #{$md} {
+ right: 10px;
+ }
+ }
+ }
+ }
+ &__dot{
+ position: absolute;
+ bottom: 0;
+ left: 50%;
+ @include transform(translateX(-50%));
+ z-index: 9;
+ text-align: center;
+ & .swiper-pagination-bullet{
+ width: 8px;
+ height: 8px;
+ background-color: var(--tp-common-white);
+ margin: 0 8px;
+ @include transform(scale(1));
+ }
+ }
+}
+
+
+.slider-play-btn{
+ font-size: 14px;
+ color: var(--tp-common-dark-3);
+ text-transform: capitalize;
+ font-weight: 700;
+ @media #{$xs}{
+ display: block;
+ }
+ & .slider-play-btn-icon{
+ display: inline-block;
+ width: 60px;
+ height: 60px;
+ line-height: 60px;
+ text-align: center;
+ background-color: var(--tp-common-white);
+ color: var(--tp-common-dark-3);
+ border-radius: 50%;
+ }
+
+ & .slider-play-btn-text{
+ margin-left: 20px;
+ }
+ &:hover{
+ color: var(--tp-common-white);
+ }
+}
diff --git a/public/scssold/layout/_team.scss b/public/scssold/layout/_team.scss
new file mode 100644
index 0000000..fff86fe
--- /dev/null
+++ b/public/scssold/layout/_team.scss
@@ -0,0 +1,431 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* 07. TEAM CSS
+/*----------------------------------------*/
+
+
+.tp-team {
+ $main: &;
+
+ &__overlay {
+ position: relative;
+
+ &::after {
+ content: '';
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ left: 0;
+ top: 0;
+ background-image: -moz-linear-gradient(90deg, rgba(0, 5, 14, 0.8) 0%, rgba(0, 5, 14, 0.54) 32%, rgba(0, 5, 14, 0) 100%);
+ background-image: -webkit-linear-gradient(90deg, rgba(0, 5, 14, 0.8) 0%, rgba(0, 5, 14, 0.54) 32%, rgba(0, 5, 14, 0) 100%);
+ background-image: -ms-linear-gradient(90deg, rgba(0, 5, 14, 0.8) 0%, rgba(0, 5, 14, 0.54) 32%, rgba(0, 5, 14, 0) 100%);
+ @include transition(.3s);
+ pointer-events: none;
+ }
+ }
+
+ &__member {
+ &:hover {
+ & {
+ #{$main} {
+ &__info {
+ opacity: 0;
+ transform: translateY(100%);
+ }
+
+ &__social {
+ opacity: 1;
+ transform: translateY(0);
+ }
+
+ &__img {
+ & img {
+ transform: scale(1.05, 1.05);
+ }
+ }
+
+ &__overlay {
+ &::after {
+ opacity: 0;
+ }
+ }
+ }
+ }
+ }
+ }
+
+ &__img {
+ & img {
+ @include transition(.3s);
+ }
+ }
+
+ &__info {
+ width: 100%;
+ position: absolute;
+ bottom: 10px;
+ z-index: 1;
+ color: var(--tp-common-white);
+ @include transition(.3s)
+ }
+
+ &__name {
+ font-size: 18px;
+ color: var(--tp-common-white);
+ line-height: 1;
+ margin-bottom: 0;
+ }
+
+ &__social {
+ position: absolute;
+ bottom: 0;
+ transform: translateY(100%);
+ width: 100%;
+ text-align: center;
+ z-index: 3;
+ background-color: var(--tp-theme-primary);
+ z-index: 2;
+ padding: 15px 0;
+ opacity: 0;
+ @include transition(.3s);
+
+ & span {
+ margin: 0 5px;
+
+ & a {
+ @include square-btn(40px,$circle:true);
+ display: inline-block;
+ text-align: center;
+ line-height: 36px;
+ color: var(--tp-common-white);
+ border: 2px solid;
+ border-color: rgba($color: #fff, $alpha: .3);
+ &:hover {
+ background-color: var(--tp-common-white);
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ }
+}
+
+.tp-team-2 {
+ $main: &;
+
+ &__overlay {
+ &::after {
+ content: '';
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ left: 0;
+ top: 0;
+ background-image: -moz-linear-gradient(90deg, rgb(0, 5, 14) 0%, rgba(0, 5, 14, 0.68) 32%, rgba(0, 5, 14, 0) 100%);
+ background-image: -webkit-linear-gradient(90deg, rgb(0, 5, 14) 0%, rgba(0, 5, 14, 0.68) 32%, rgba(0, 5, 14, 0) 100%);
+ background-image: -ms-linear-gradient(90deg, rgb(0, 5, 14) 0%, rgba(0, 5, 14, 0.68) 32%, rgba(0, 5, 14, 0) 100%);
+ @include transition(.3s);
+ opacity: 0;
+ border-radius: 6px;
+ }
+ }
+
+ &__member {
+ &:hover {
+ & {
+ #{$main} {
+ &__social {
+ opacity: 1;
+ transform: translateY(0);
+ }
+
+ &__img {
+ & img {
+
+ }
+ }
+
+ &__overlay {
+ &::after {
+ opacity: 1;
+ }
+ }
+ }
+ }
+ }
+ }
+
+ &__img {
+ & img {
+ @include transition(.3s);
+ border-radius: 6px;
+ }
+ }
+
+ &__info {
+ padding-top: 20px;
+ }
+
+ &__name {
+ font-size: 20px;
+ line-height: 1;
+ margin-bottom: 0;
+
+ & a {
+ &:hover {
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+
+ &__social {
+ position: absolute;
+ bottom: 20px;
+ transform: translateY(100%);
+ width: 100%;
+ left: 25px;
+ z-index: 2;
+ opacity: 0;
+ @include transition(.3s);
+ & span {
+ margin-right: 10px;
+
+ & a {
+ @include square-btn(40px);
+ border-radius: 4px;
+ line-height: 36px;
+ display: inline-block;
+ text-align: center;
+ color: var(--tp-common-white);
+ border: 2px solid;
+ border-color: rgba($color: #fff, $alpha: .1);
+
+ &:hover {
+ background-color: var(--tp-common-white);
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ }
+
+ &__ratting {
+ color: #faa423;
+ }
+ &__pro{
+ color: var(--tp-text-2);
+ display: inline-block;
+ margin-bottom: 5px;
+ }
+}
+
+
+.teacher{
+ &__item{
+ @include border-radius(6px);
+ padding: 30px;
+ &:hover{
+ background: var(--tp-common-white);
+ @include box-shadow(0px 30px 40px 0px rgba(1, 11, 60, 0.1));
+
+ & .teacher__thumb{
+ & img{
+ @include transform(scale(1.1));
+ }
+ }
+ }
+ }
+ &__content{
+ padding-top: 25px;
+ & span{
+ font-size: 16px;
+
+ }
+ }
+ &__title{
+ display: inline-block;
+ font-size: 20px;
+ margin-bottom: 10px;
+ }
+ &__social{
+ & ul{
+ & li{
+ display: inline-block;
+ margin: 0 5px;
+ & a{
+ display: inline-block;
+ width: 36px;
+ height: 36px;
+ line-height: 36px;
+ font-size: 13px;
+ text-align: center;
+ border: 2px solid red;
+ @include border-radius(4px);
+ color: var(var(--tp-common-black));
+ &:hover{
+ background: var(--tp-theme-primary);
+ color: var(--tp-common-white);
+ border-color: red;
+ }
+ }
+ }
+ }
+ &-2{
+ @media #{$sm}{
+ margin-bottom: 30px;
+ }
+ @media #{$xs}{
+ margin-bottom: 30px;
+ }
+ & h4{
+ font-size: 16px;
+ font-weight: 500;
+
+ margin-bottom: 0;
+ }
+ & ul{
+ & li{
+ display: inline-block;
+ & a{
+ font-size: 14px;
+ color: #898a93;
+ margin: 2px;
+ &:hover{
+ color: var(--tp-theme-primary);
+ }
+ }
+ }
+ }
+ }
+ }
+ &__rating{
+ @media #{$sm}{
+ margin-bottom: 30px;
+ }
+ @media #{$xs}{
+ margin-bottom: 30px;
+ }
+ & span{
+ font-size: 16px;
+ & i{
+ padding-right: 5px;
+
+ }
+ }
+ & h5{
+ font-size: 14px;
+ font-weight: 600;
+ margin-bottom: 0;
+ }
+ & ul{
+ & li{
+ display: inline-block;
+ & a{
+ font-size: 14px;
+ color: var(--tp-theme-secondary);
+ }
+ }
+ }
+ &-inner{
+ & p{
+ font-size: 16px;
+ color: var(var(--tp-common-black));
+ font-weight: 600;
+ margin-bottom: 0;
+ padding-left: 3px;
+ }
+ }
+ }
+ &__info{
+ @media #{$sm}{
+ margin-bottom: 30px;
+ }
+ @media #{$xs}{
+ margin-bottom: 30px;
+ }
+ & h4{
+ font-size: 40px;
+ margin-bottom: 0;
+ }
+ & span{
+ font-size: 16px;
+
+ }
+ }
+ &__follow{
+ &-btn{
+ display: inline-block;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ padding: 0 25px;
+ border: 2px solid #eef0f6;
+ @include border-radius(4px);
+ color: var(var(--tp-common-black));
+ font-weight: 16px;
+ font-weight: 500;
+ text-transform: capitalize;
+ background: var(--tp-common-white);
+ &:hover{
+ background-color: var(--tp-theme-primary);
+ color: var(--tp-common-white);
+ border-color: transparent;
+ }
+ }
+ }
+ &__top{
+ padding-bottom: 20px;
+ border-bottom: 1px solid #e8eaf0;
+ }
+ &__bio{
+ padding-bottom: 50px;
+ padding-top: 35px;
+ border-bottom: 1px solid #e8eaf0;
+ & h3{
+ font-size: 20px;
+ margin-bottom: 15px;
+ }
+ & p{
+ font-size: 16px;
+ line-height: 26px;
+ margin-bottom: 0;
+ }
+ }
+ &__courses{
+ & .section__title{
+ font-size: 30px;
+ }
+ }
+ &__details{
+ &-thumb{
+ & img{
+ @include border-radius(6px);
+ }
+ @media #{$md}{
+ margin-bottom: 50px;
+ }
+ @media #{$sm}{
+ margin-bottom: 50px;
+ }
+ @media #{$xs}{
+ margin-bottom: 50px;
+ padding-right: 0;
+ }
+ }
+ &-shape{
+ & img{
+ position: absolute;
+ z-index: -1;
+ width: auto;
+ &.teacher-details-shape-1{
+ right: 0px;
+ bottom: 70px;
+ }
+ &.teacher-details-shape-2{
+ left: -27px;
+ top: 55px;
+ }
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/public/scssold/layout/_testimonial.scss b/public/scssold/layout/_testimonial.scss
new file mode 100644
index 0000000..9898cc5
--- /dev/null
+++ b/public/scssold/layout/_testimonial.scss
@@ -0,0 +1,244 @@
+@use '../utils' as *;
+
+/*----------------------------------------*/
+/* 15. TESTIMONIAL CSS
+/*----------------------------------------*/
+
+.tp-testimonial {
+ &__slider {
+ box-shadow: 0px 30px 50px 0px rgba(4, 5, 60, 0.1);
+ & .slick-slide img{
+ @media #{$xs,$sm} {
+ width: 100%;
+ }
+ }
+ }
+
+ &___thumb {
+ flex: 0 0 auto;
+ object-fit: cover;
+ }
+
+ &__bg {
+ @media #{$xs,$sm} {
+ background-color: var(--tp-common-white);
+ }
+ }
+
+ &__review {
+ padding-left: 50px;
+ padding-right: 50px;
+ padding-top: 30px;
+ padding-bottom: 30px;
+ @media #{$md} {
+ padding-left: 30px;
+ padding-right: 30px;
+ }
+
+ @media #{$xs,$sm} {
+ padding-left: 30px;
+ padding-right: 30px;
+ padding-top: 30px;
+ padding-bottom: 30px;
+ }
+
+ & h3 {
+ font-size: 20px;
+ margin-bottom: 0;
+ line-height: 1;
+ }
+
+ & p {
+ font-size: 18px;
+ margin-bottom: 30px;
+ line-height: 1.7;
+ @media #{$xs,$sm} {
+ & br {
+ display: none;
+ }
+ }
+ }
+ & span {
+ color: #7e8188;
+ }
+ }
+
+ &__quote {
+ font-size: 50px;
+ margin-bottom: 15px;
+ display: inline-block;
+ & i {
+ color: var(--tp-theme-primary);
+ }
+ @media #{$md} {
+ margin-bottom: 30px;
+ }
+ }
+
+ &__dots {
+ text-align: center;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ text-align: center;
+ transform: translateY(100%);
+
+ & li {
+ list-style: none;
+ display: inline-block;
+ margin-right: 20px;
+
+ & button {
+ font-size: 0;
+ position: relative;
+
+ &:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ @include square-btn(10px, $circle: true);
+ display: inline-block;
+ background-color: var(--tp-theme-primary);
+ opacity: .5;
+ }
+ }
+
+ &.slick-active {
+ & button {
+ &:before {
+ opacity: 1;
+ }
+ }
+
+ }
+ }
+ }
+
+ &__arrows {
+ @media #{$xs,$sm} {
+ display: none;
+ }
+ & .slick-arrow {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ left: 20px;
+ font-size: 40px;
+ &:hover{
+ color: var(--tp-theme-primary);
+ }
+ &.slick-next {
+ left: auto;
+ right: 20px;
+ }
+
+ }
+
+
+ }
+
+}
+
+.tp-testimonial-2 {
+ &__slider {
+ & .slick-track {
+ padding-top: 50px;
+ }
+ &.slick-list {
+ margin:0 -15px;
+
+ }
+ & .slick-slide {
+ margin-right:15px;
+ margin-left:15px;
+ }
+ }
+
+ &__avata {
+ text-align: center;
+ & img {
+ border-radius: 50%;
+ margin-bottom: 30px;
+ display: inline-block;
+ }
+ display: inline-block;
+ }
+
+ &__ratting {
+ display: block;
+ margin-bottom: 5px;
+ & i {
+ color: #faa423;
+ }
+ }
+ &__box{
+ padding: 30px 40px;
+ border-radius: 10px;
+ background-color: rgb(255, 255, 255);
+ box-shadow: 0px 15px 30px 0px rgba(67, 68, 71, 0.1);
+ text-align: center;
+ margin-bottom: 60px;
+ @media #{$xs,$sm} {
+ padding: 30px 10px;
+ }
+ }
+ &__review {
+ @media #{$md} {
+ padding-left: 30px;
+ padding-right: 30px;
+ }
+
+ @media #{$xs,$sm} {
+ padding-left: 0px;
+ padding-right: 0px;
+ padding-top: 30px;
+ // padding-bottom: 30px;
+ }
+
+ & h3 {
+ font-size: 20px;
+ margin-bottom: 0;
+ line-height: 1;
+ }
+
+ & p {
+ font-size: 16px;
+ margin-bottom: 30px;
+ }
+ }
+
+ &__dots {
+ text-align: center;
+ & li {
+ list-style: none;
+ display: inline-block;
+ margin-right: 20px;
+
+ & button {
+ font-size: 0;
+ position: relative;
+
+ &:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ @include square-btn(10px, $circle: true);
+ display: inline-block;
+ background-color: #cbd1dc;
+ }
+ }
+
+ &.slick-active {
+ & button {
+ &:before {
+ background-color: var(--tp-theme-primary);
+ }
+ }
+
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/public/scssold/main.scss b/public/scssold/main.scss
new file mode 100644
index 0000000..714d543
--- /dev/null
+++ b/public/scssold/main.scss
@@ -0,0 +1,34 @@
+@forward 'components/theme';
+@forward 'components/spacing';
+@forward 'components/buttons';
+@forward 'components/animation';
+@forward 'components/preloader';
+@forward 'components/background';
+@forward 'components/carousel';
+@forward 'components/offcanvas';
+@forward 'components/breadcrumb';
+@forward 'components/accordion';
+@forward 'components/tab';
+@forward 'components/modal';
+@forward 'components/section-title';
+@forward 'layout/header';
+@forward 'layout/meanmenu';
+@forward 'layout/slider';
+@forward 'layout/hero';
+@forward 'layout/about';
+@forward 'layout/team';
+@forward 'layout/services';
+@forward 'layout/portfolio';
+@forward 'layout/courses';
+@forward 'layout/event';
+@forward 'layout/cta';
+@forward 'layout/counter';
+@forward 'layout/feature';
+@forward 'layout/testimonial';
+@forward 'layout/brand';
+@forward 'layout/blog';
+@forward 'layout/checkout';
+@forward 'layout/cart';
+@forward 'layout/login';
+@forward 'layout/footer';
+
diff --git a/public/scssold/utils/_breakpoints.scss b/public/scssold/utils/_breakpoints.scss
new file mode 100644
index 0000000..92a7517
--- /dev/null
+++ b/public/scssold/utils/_breakpoints.scss
@@ -0,0 +1,13 @@
+// Responsive Variables
+$xxxl: 'only screen and (min-width: 1600px) and (max-width: 1700px)';
+$xxl: 'only screen and (min-width: 1400px) and (max-width: 1599px)';
+$xl: 'only screen and (min-width: 1200px) and (max-width: 1399px)';
+$lg : 'only screen and (min-width: 992px) and (max-width: 1199px)';
+$md:'only screen and (min-width: 768px) and (max-width: 991px)';
+$sm: 'only screen and (min-width: 576px) and (max-width: 767px)';
+$xs:'(max-width: 575px)';
+
+
+// responsive variable for wordpress admin bar
+$wp-sm: '@media (max-width: 782px)';
+$wp-xs: '@media (max-width: 600px)';
\ No newline at end of file
diff --git a/public/scssold/utils/_colors.scss b/public/scssold/utils/_colors.scss
new file mode 100644
index 0000000..db30980
--- /dev/null
+++ b/public/scssold/utils/_colors.scss
@@ -0,0 +1,32 @@
+$colors: (
+ common: (
+ white: #ffffff,
+ black: #000,
+ ),
+ heading: (
+ primary: #000f2f,
+ ),
+ grey: (
+ 1:#f5f5f5,
+ 2:#f5f7fb,
+
+ ),
+ text: (
+ body:#333f59,
+ 2:#7e8188,
+ 3:#949db1,
+ 4:#737383,
+ ),
+ theme: (
+ primary: #2c79ff,
+ secondary:#ffa423,
+ bg:#006147,
+ bg-2:#020c2a,
+
+ ),
+ border: (
+ 1: #000f2f,
+ 2:#eeeff0,
+ )
+);
+
diff --git a/public/scssold/utils/_index.scss b/public/scssold/utils/_index.scss
new file mode 100644
index 0000000..9c2d397
--- /dev/null
+++ b/public/scssold/utils/_index.scss
@@ -0,0 +1,5 @@
+@forward 'colors';
+@forward 'mixins';
+@forward 'breakpoints';
+@forward 'typography';
+@forward 'root';
\ No newline at end of file
diff --git a/public/scssold/utils/_mixins.scss b/public/scssold/utils/_mixins.scss
new file mode 100644
index 0000000..443181a
--- /dev/null
+++ b/public/scssold/utils/_mixins.scss
@@ -0,0 +1,184 @@
+ @use "sass:selector";
+
+ @mixin tp-root($child) {
+ @at-root #{selector.unify(&, $child)} {
+ @content;
+ }
+ }
+
+
+ // bg color
+ @mixin bg-color($color, $opacity) {
+ background-color: rgba($color, $opacity);
+ }
+
+
+ @mixin tp-afbf-default($content: '', $top: 50%, $left: 0, $right: auto, $x: 0%, $y: -50%, $height: 12px, $width: 1px, $bg-color: var(--tp-common-black)) {
+ position: absolute;
+ content: $content;
+ top: $top;
+ left: $left;
+ right: $right;
+ width: $width;
+ height: $height;
+ @include transform(translate($x, $y));
+ background-color: $bg-color;
+ }
+
+ @mixin tp-afbf-full($content: '', $top: 0, $left: 0, $right: auto, $x: 0%, $y: 0%, $height: 100%, $width: 100%, $bg-color: var(--tp-common-black)) {
+ position: absolute;
+ content: $content;
+ top: $top;
+ left: $left;
+ right: $right;
+ width: $width;
+ height: $height;
+ @include transform(translate($x, $y));
+ background-color: $bg-color;
+ }
+
+ @mixin tp-afbf-center($content: '', $top: 50%, $left: 50%, $right: auto, $x: -50%, $y: -50%, $height: 50px, $width: 50px, $bg-color: var(--tp-common-black)) {
+ position: absolute;
+ content: $content;
+ top: $top;
+ left: $left;
+ right: $right;
+ width: $width;
+ height: $height;
+ @include transform(translate($x, $y));
+ background-color: $bg-color;
+ }
+
+
+ // placeholder input
+ @mixin tp-placeholder {
+ &::-webkit-input-placeholder {
+ @content;
+ }
+
+ &:-moz-placeholder {
+ @content;
+ }
+
+ &::-moz-placeholder {
+ @content;
+ }
+
+ &:-ms-input-placeholder {
+ @content;
+ }
+ }
+
+ // animate
+ @mixin animate($animation, $duration, $repeat, $easing) {
+ -webkit-animation: $animation $duration $repeat $easing;
+ -moz-animation: $animation $duration $repeat $easing;
+ -ms-animation: $animation $duration $repeat $easing;
+ -o-animation: $animation $duration $repeat $easing;
+ animation: $animation $duration $repeat $easing;
+ }
+
+ // filter
+ @mixin filter($value) {
+ -webkit-filter: $value;
+ filter: $value;
+ }
+
+ // appearance for select
+ @mixin appearance($value) {
+ -webkit-appearance: $value;
+ -moz-appearance: $value;
+ -ms-appearance: $value;
+ -o-appearance: $value;
+ appearance: $value;
+ }
+
+ // keyframes
+ @mixin keyframes($name) {
+ @-webkit-keyframes #{$name} {
+ @content;
+ }
+
+ @-moz-keyframes #{$name} {
+ @content;
+ }
+
+ @-ms-keyframes #{$name} {
+ @content;
+ }
+
+ @keyframes #{$name} {
+ @content;
+ }
+ }
+
+ //backgroud
+ @mixin background {
+ background-position: center;
+ background-size: cover;
+ background-repeat: no-repeat;
+ }
+
+ //transition
+ @mixin transition($time) {
+ -webkit-transition: all $time ease-out 0s;
+ -moz-transition: all $time ease-out 0s;
+ -ms-transition: all $time ease-out 0s;
+ -o-transition: all $time ease-out 0s;
+ transition: all $time ease-out 0s;
+ }
+
+ // transform
+ @mixin transform($transforms) {
+ -webkit-transform: $transforms;
+ -moz-transform: $transforms;
+ -ms-transform: $transforms;
+ -o-transform: $transforms;
+ transform: $transforms;
+ }
+
+ //border
+ @mixin border-radius($man) {
+ -webkit-border-radius: $man;
+ -moz-border-radius: $man;
+ -o-border-radius: $man;
+ -ms-border-radius: $man;
+ border-radius: $man;
+ }
+
+ // sentence case
+ @mixin sentence-case() {
+ text-transform: lowercase;
+
+ &:first-letter {
+ text-transform: uppercase;
+ }
+ }
+
+ // Flexbox display
+ @mixin flexbox() {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: -webkit-flex;
+ display: flex;
+ }
+
+ // Box shadows
+ @mixin box-shadow($shadow) {
+ -webkit-box-shadow: $shadow;
+ -moz-box-shadow: $shadow;
+ -ms-box-shadow: $shadow;
+ -o-box-shadow: $shadow;
+ box-shadow: $shadow;
+ }
+
+ @mixin square-btn($size, $circle: false) {
+ width: $size;
+ height: $size;
+ line-height: $size;
+ text-align: center;
+ @if $circle {
+ border-radius: 50%;
+ }
+ }
\ No newline at end of file
diff --git a/public/scssold/utils/_root.scss b/public/scssold/utils/_root.scss
new file mode 100644
index 0000000..ce3cd16
--- /dev/null
+++ b/public/scssold/utils/_root.scss
@@ -0,0 +1,43 @@
+@use 'colors' as *;
+@use 'typography' as *;
+
+:root {
+ /**
+ @font family declaration
+ */
+ @each $ff, $shades in $font-family {
+ @each $shade, $value in $shades {
+ --tp-#{$ff}-#{$shade}: #{$value};
+ }
+ }
+
+ /**
+ @color declaration
+ */
+ @each $color, $shades in $colors {
+ @each $shade, $value in $shades {
+ --tp-#{$color}-#{$shade}: #{$value};
+ }
+ }
+
+
+ /**
+ @font weight declaration
+ */
+
+ @each $fw, $shades in $font-scale {
+ @each $shade, $value in $shades {
+ --tp-#{$fw}-#{$shade}: #{$value};
+ }
+ }
+
+ /**
+ @font size declaration
+ */
+
+ @each $fz, $shades in $font-size {
+ @each $shade, $value in $shades {
+ --tp-#{$fz}-#{$shade}: #{$value};
+ }
+ }
+}
diff --git a/public/scssold/utils/_typography.scss b/public/scssold/utils/_typography.scss
new file mode 100644
index 0000000..6956685
--- /dev/null
+++ b/public/scssold/utils/_typography.scss
@@ -0,0 +1,50 @@
+
+// font url
+
+$font-url: 'https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap';
+
+// font family
+$font-family: (
+ ff: (
+ body: "'Roboto', sans-serif",
+ heading: "'Roboto', sans-serif",
+ p: "'Roboto', sans-serif",
+ fontawesome: '"Font Awesome 6 Pro"',
+ eleganticons:'"ElegantIcons"'
+
+ )
+);
+
+// font weight
+$font-scale: (
+ fw: (
+ normal: normal,
+ elight: 200,
+ light: 300,
+ regular: 400,
+ medium: 500,
+ sbold: 600,
+ bold: 700,
+ ebold: 800,
+ black: 900,
+ )
+);
+
+
+
+// font size
+$font-size: (
+
+ fz: (
+ body: 14px,
+ p: 14px,
+ h1: 40px,
+ h2: 36px,
+ h3: 24px,
+ h4: 20px,
+ h5: 16px,
+ h6: 14px,
+ )
+);
+
+
diff --git a/public/svg/img/book.svg b/public/svg/img/book.svg
new file mode 100644
index 0000000..cd706eb
--- /dev/null
+++ b/public/svg/img/book.svg
@@ -0,0 +1,19 @@
+
+
+
+
diff --git a/public/svg/img/circle.svg b/public/svg/img/circle.svg
new file mode 100644
index 0000000..3a7d9a0
--- /dev/null
+++ b/public/svg/img/circle.svg
@@ -0,0 +1,22 @@
+
+
+
+
diff --git a/public/svg/img/schit.svg b/public/svg/img/schit.svg
new file mode 100644
index 0000000..282b4ec
--- /dev/null
+++ b/public/svg/img/schit.svg
@@ -0,0 +1,21 @@
+
+
+
+
diff --git a/public/svg/index.html b/public/svg/index.html
new file mode 100644
index 0000000..db882f9
--- /dev/null
+++ b/public/svg/index.html
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+ SVG анимац
+
+
+
+
+
+ ',srcAction:"iframe_src",patterns:{youtube:{index:"youtube.com",id:"v=",src:"//www.youtube.com/embed/%id%?autoplay=1"},vimeo:{index:"vimeo.com/",id:"/",src:"//player.vimeo.com/video/%id%?autoplay=1"},gmaps:{index:"//maps.google.",src:"%id%&output=embed"}}},proto:{initIframe:function(){b.types.push(P),w("BeforeChange",function(a,b,c){b!==c&&(b===P?R():c===P&&R(!0))}),w(h+"."+P,function(){R()})},getIframe:function(c,d){var e=c.src,f=b.st.iframe;a.each(f.patterns,function(){return e.indexOf(this.index)>-1?(this.id&&(e="string"==typeof this.id?e.substr(e.lastIndexOf(this.id)+this.id.length,e.length):this.id.call(this,e)),e=this.src.replace("%id%",e),!1):void 0});var g={};return f.srcAction&&(g[f.srcAction]=e),b._parseMarkup(d,g,c),b.updateStatus("ready"),d}}});var S=function(a){var c=b.items.length;return a>c-1?a-c:0>a?c+a:a},T=function(a,b,c){return a.replace(/%curr%/gi,b+1).replace(/%total%/gi,c)};a.magnificPopup.registerModule("gallery",{options:{enabled:!1,arrowMarkup:'',preload:[0,2],navigateByImgClick:!0,arrows:!0,tPrev:"Previous (Left arrow key)",tNext:"Next (Right arrow key)",tCounter:"%curr% of %total%"},proto:{initGallery:function(){var c=b.st.gallery,e=".mfp-gallery";return b.direction=!0,c&&c.enabled?(f+=" mfp-gallery",w(m+e,function(){c.navigateByImgClick&&b.wrap.on("click"+e,".mfp-img",function(){return b.items.length>1?(b.next(),!1):void 0}),d.on("keydown"+e,function(a){37===a.keyCode?b.prev():39===a.keyCode&&b.next()})}),w("UpdateStatus"+e,function(a,c){c.text&&(c.text=T(c.text,b.currItem.index,b.items.length))}),w(l+e,function(a,d,e,f){var g=b.items.length;e.counter=g>1?T(c.tCounter,f.index,g):""}),w("BuildControls"+e,function(){if(b.items.length>1&&c.arrows&&!b.arrowLeft){var d=c.arrowMarkup,e=b.arrowLeft=a(d.replace(/%title%/gi,c.tPrev).replace(/%dir%/gi,"left")).addClass(s),f=b.arrowRight=a(d.replace(/%title%/gi,c.tNext).replace(/%dir%/gi,"right")).addClass(s);e.click(function(){b.prev()}),f.click(function(){b.next()}),b.container.append(e.add(f))}}),w(n+e,function(){b._preloadTimeout&&clearTimeout(b._preloadTimeout),b._preloadTimeout=setTimeout(function(){b.preloadNearbyImages(),b._preloadTimeout=null},16)}),void w(h+e,function(){d.off(e),b.wrap.off("click"+e),b.arrowRight=b.arrowLeft=null})):!1},next:function(){b.direction=!0,b.index=S(b.index+1),b.updateItemHTML()},prev:function(){b.direction=!1,b.index=S(b.index-1),b.updateItemHTML()},goTo:function(a){b.direction=a>=b.index,b.index=a,b.updateItemHTML()},preloadNearbyImages:function(){var a,c=b.st.gallery.preload,d=Math.min(c[0],b.items.length),e=Math.min(c[1],b.items.length);for(a=1;a<=(b.direction?e:d);a++)b._preloadItem(b.index+a);for(a=1;a<=(b.direction?d:e);a++)b._preloadItem(b.index-a)},_preloadItem:function(c){if(c=S(c),!b.items[c].preloaded){var d=b.items[c];d.parsed||(d=b.parseEl(c)),y("LazyLoad",d),"image"===d.type&&(d.img=a('
DAYS
%-HHOURS
%MMINS
%SSECS
')); + }); + }); + +})(jQuery); + + + diff --git a/public/js/meanmenu.js b/public/js/meanmenu.js new file mode 100644 index 0000000..0edc71a --- /dev/null +++ b/public/js/meanmenu.js @@ -0,0 +1,282 @@ +/*! +* jQuery meanMenu v2.0.8 +* @Copyright (C) 2012-2014 Chris Wharton @ MeanThemes (https://github.com/meanthemes/meanMenu) +* +*/ +/* +* This program is free software: you can redistribute it and/or modify +* it under the terms of the GNU General Public License as published by +* the Free Software Foundation, either version 3 of the License, or +* (at your option) any later version. +* +* THIS SOFTWARE AND DOCUMENTATION IS PROVIDED "AS IS," AND COPYRIGHT +* HOLDERS MAKE NO REPRESENTATIONS OR WARRANTIES, EXPRESS OR IMPLIED, +* INCLUDING BUT NOT LIMITED TO, WARRANTIES OF MERCHANTABILITY OR +* FITNESS FOR ANY PARTICULAR PURPOSE OR THAT THE USE OF THE SOFTWARE +* OR DOCUMENTATION WILL NOT INFRINGE ANY THIRD PARTY PATENTS, +* COPYRIGHTS, TRADEMARKS OR OTHER RIGHTS.COPYRIGHT HOLDERS WILL NOT +* BE LIABLE FOR ANY DIRECT, INDIRECT, SPECIAL OR CONSEQUENTIAL +* DAMAGES ARISING OUT OF ANY USE OF THE SOFTWARE OR DOCUMENTATION. +* +* You should have received a copy of the GNU General Public License +* along with this program. If not, see+
+ 
+ 
+ 
+
+
+
diff --git a/resources/views/assets/docs b/resources/views/assets/docs
new file mode 100644
index 0000000..e69de29
diff --git a/resources/views/assets/mail.php b/resources/views/assets/mail.php
new file mode 100644
index 0000000..59c0319
--- /dev/null
+++ b/resources/views/assets/mail.php
@@ -0,0 +1,114 @@
+";
+
+
+
+ // Send the email.
+
+ if (mail($recipient, $sender, $email_content, $email_headers)) {
+
+ // Set a 200 (okay) response code.
+
+ http_response_code(200);
+
+ echo "Thank You! Your message has been sent.";
+
+ } else {
+
+ // Set a 500 (internal server error) response code.
+
+ http_response_code(500);
+
+ echo "Oops! Something went wrong and we couldn't send your message.";
+
+ }
+
+
+
+ } else {
+
+ // Not a POST request, set a 403 (forbidden) response code.
+
+ http_response_code(403);
+
+ echo "There was a problem with your submission, please try again.";
+
+ }
+
+
+
+?>
+
diff --git a/resources/views/assets/sass.txt b/resources/views/assets/sass.txt
new file mode 100644
index 0000000..8f9f264
--- /dev/null
+++ b/resources/views/assets/sass.txt
@@ -0,0 +1 @@
+sass --watch "C:\Users\Tushar\Dropbox\Tushar\tutorgo\assets\scss\main.scss":"C:\Users\Tushar\Dropbox\Tushar\tutorgo\assets\css\main.css"
\ No newline at end of file
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index 80e1b39..57c5c2a 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -43,5 +43,12 @@
{{ __('Log in') }}
+
+
+
+ @if (Route::has('register'))
+ Нет аккаунта?
+ Зарегистрируйтесь
+ @endif
+
diff --git a/resources/views/components/application-logo.blade.php b/resources/views/components/application-logo.blade.php
index 46579cf..6b25b12 100644
--- a/resources/views/components/application-logo.blade.php
+++ b/resources/views/components/application-logo.blade.php
@@ -1,3 +1,7 @@
+{{--
+--}}
+
+
diff --git a/resources/views/components/footer.blade.php b/resources/views/components/footer.blade.php
new file mode 100644
index 0000000..80c9ad0
--- /dev/null
+++ b/resources/views/components/footer.blade.php
@@ -0,0 +1,103 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+