{"id":2189,"date":"2022-10-26T18:09:33","date_gmt":"2022-10-26T15:09:33","guid":{"rendered":"https:\/\/lab.bluecloudnet.com\/dev\/"},"modified":"2023-09-22T22:32:14","modified_gmt":"2023-09-22T19:32:14","slug":"dev","status":"publish","type":"page","link":"https:\/\/lab.bluecloudnet.com\/el\/dev\/","title":{"rendered":"Dev"},"content":{"rendered":"\n\n<div class=\"hero-image-fp-parent parallax-mode show-video video-loop show-after-slider-button-inline\">\n\n\t\t\t<div class=\"hero-image-fp-parent-background\"><\/div>\n\t\t\n\t\t\t<div class=\"hero-image-fp-shine-animation\"><\/div>\n\t\t\n\t\t\t<video autoplay muted preload playsinline webkit-playsinline loop id=\"front-page-video\" class=\"hero-video\">\n\t\t\t\t<source src=\"https:\/\/www.baroulamps.com\/wp-content\/uploads\/slider540-1.mp4\" type=\"video\/mp4\">\n\t\t\t<\/video>\n\t\t<div class=\"hero-image-fp-container\">\t\n\t\t\t\t<div class=\"hero-image-fp-title no-fadedin-introed-title\"><div id=\"hero-image-fp-title-inner\"><\/div><\/div>\n\t\t\t\n\t\t\t\t<div class=\"hero-image-fp-subtitle no-fadedin-introed-subtitle\"><div id=\"hero-image-fp-subtitle-inner\"><\/div><\/div>\n\t\t\t\n\t\t\t<form role=\"search\" method=\"get\" class=\"woocommerce-product-search\" action=\"https:\/\/lab.bluecloudnet.com\/el\/\" target=\"_self\">\n\t\t\t\t<label class=\"screen-reader-text\" for=\"woocommerce-product-search-field-0\">Search for:<\/label>\n\t\t\t\t<input type=\"search\" id=\"woocommerce-product-search-field-0\" class=\"search-field\" placeholder=\"\" value=\"\" name=\"s\">\n\t\t\t\t<button class=\"hero-image-with-search-search-button\" type=\"submit\" value=\"Search\">Find<\/button>\n\t\t\t\t\n\t\t\t<\/form>\n\t\t\t\n\t\t\t\t<div class=\"hero-image-fp-button-parent\"><a href=\"\/home\" ><div class=\"hero-image-fp-button\"><\/div><\/a><\/div>\n\t\t\t\n<div class=\"html-after-slider-parent\">\n\t<div id=\"html-after-slider\" class=\"html-after-slider\">\n\t\t<div id=\"html-after-slider-text\" class=\"html-after-slider-text\">Scroll Down<\/div>\n\t\t<div id=\"html-after-slider-symbol\" class=\"html-after-slider-symbol\"><\/div>\n\t<\/div>    \n<\/div>\n\t\t\n\n<style>\n\n\/*** Content: Shortcode HTML Based - After Slider Button ***\/\n\n.html-after-slider-parent {\n\tposition: relative;\n\twidth:200px;\n\tmargin: auto;\n\tline-height: 1;\n}\n\n.html-after-slider {\n\tposition: absolute;\n\tleft: 0;\n\tright: 0;\n\tbottom: 4vh;\/*Always use ch, pixels are bad on low heights, percentage does nothing*\/\n\tz-index:100;\n\tcolor:var(--alternate-color);\t\t\n\ttext-shadow: 2px 2px 8px #222;\n}\n\n.html-after-slider-parent:hover {\n  cursor:pointer;\n}\n\n@media only screen and (max-width:800px){\n\t.html-after-slider {\n\t\tbottom: 5px; \n\t}\n\n\t.html-after-slider-text {\n\t\tdisplay:none;\n\t}\n}\n\n.html-after-slider-text {\n    font-size: 20px;\n    text-align:center;\t\n}\n\n.html-after-slider-symbol {\n    margin: auto;\n    text-align:center;\n    font-size: 20px;\n    transition: all 0.3s;\n\t\tanimation-name: arrow-down;\n\t\tanimation-duration: 5s;\n\t\tanimation-iteration-count: infinite;\n}\n\n\n@keyframes arrow-down {\n  0%   {transform:translateY(0px);}\n  90%  {transform:translateY(0px);}\n  95%  {transform:translateY(6px);}\n  100% {transform:translateY(0px);}\n}\n\n.html-after-slider-parent:hover {\n  cursor:pointer;\n}\n\n.html-after-slider-symbol::before {\n\tcontent: '\\f347';\n\tfont-family: dashicons;\n\tfont-size: 36px;\n\ttransition: all 0.3s;\t\n}\n\n.html-after-slider-parent:hover .html-after-slider-symbol {\n\tanimation-name: hovered-arrow-down;\n\tanimation-duration: 0.3s;\t\n\tanimation-iteration-count: 1;\n\tanimation-fill-mode: forwards;\n\t\n}\n\n@keyframes hovered-arrow-down {\n  0%   {transform:translateY(0px);}\n  100%  {transform:translateY(7px);}\n}\n\n\n<\/style>\n\t\n<script defer>\n\t(function($) {\n\t\n\t  $(document).ready(function() {\n      $(\".html-after-slider-parent\").click(function(){\n        $('html, body').animate({\n          scrollTop: $(\".html-after-slider-parent\").offset().top - 90\n        }, 800);\n\t\t\t });\n\t\t\n    });\n  \t\n  })( jQuery );\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n<\/script>\t\t\t\n\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t\t\t\t   \n\n\t<\/div>\n<\/div>\n\n\n<style>\n\t\t\n\t\t\/*** Content: Shortcode HTML Based - Hero Image ***\/\n\t\n.hero-image-fp-parent {\n\tposition:relative;\t\n\toverflow:hidden;\n\tmargin: auto;\n\theight: auto;\t\t\n\tmin-height: 100vh;\n\ttext-align:center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content:center;\n}\t\t\n\t\n\n\n@media only screen and (max-width:800px){\n    .hero-image-fp-parent {\n       \n\t}\n}\n\t\n.hero-image-fp-parent-background {\n\tposition:absolute;\n\tz-index:-2;\n\ttop:0;\n\tleft:0;\n\twidth:100%;\n\theight:100%;\t\n\tbackground-image:url(\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/lab-bg2-1920x1080-1.jpg\");\n\tbackground-position: center;\n\tbackground-repeat: no-repeat; \n\tbackground-size: cover;\n\tfilter:brightness(100%);\t\n}\t\n\n\t\n\t\n@media only screen and (max-width:800px){\n\t.hero-image-fp-parent-background {\n\t\tmax-height: calc(100vh - 70px);\n\t}\n}\t\n\t\n@media only screen and (min-width:1241px) {\t\n\t.show-video.no-video-loop .hero-image-fp-parent-background\t{\n\t\tfilter:brightness(0);\/* for white background effect use opacity instead of brighness*\/\n\t}\n\t\n\t.show-video.no-video-loop.video-end .hero-image-fp-parent-background {\n\t\tfilter:brightness(1);\/* for white background effect use opacity instead of brighness*\/\n\t\ttransition:all 2s;\n\t\ttransition-delay:4s;\n\t}\t\n}\t\t\n\t\n\t\n.hero-image-fp-shine-animation {\n\tposition:absolute;\n\tleft:0;\n\ttop:0;\n\twidth:100%;\n\theight:100%;\n\tbackground: rgb(0,0,0);\n\tbackground: linear-gradient(90deg, rgba(0,0,0,0) 45%, rgba(255,255,255,0.4) 50%, rgba(0,0,0,0) 51%);\n\ttransform:translateX(-50%);\n\tanimation-name: shine-from-left-to-right;\n\tanimation-duration: 12s;\n\tanimation-delay: 8s;\n\t\/*animation-timing-function: ease-in;*\/\n\tanimation-iteration-count: infinite;\n}\n\n\n@keyframes shine-from-left-to-right {\n  0%   {\n\ttransform:translateX(-60%);\n\tbackground: linear-gradient(90deg, rgba(0,0,0,0) 45%, rgba(255,255,255,0.4) 50%, rgba(0,0,0,0) 51%);\n\t}\n\t20%   {\n\ttransform:translateX(-60%);\n\tbackground: linear-gradient(90deg, rgba(0,0,0,0) 45%, rgba(255,255,255,0.4) 50%, rgba(0,0,0,0) 51%);\n\t}\n  40%  {\n\ttransform:translateX(-25%);\n\tbackground: linear-gradient(90deg, rgba(0,0,0,0) 45%, rgba(255,255,255,0.4) 50%, rgba(0,0,0,0) 51%);\n\t}\n\t41%  {\n\tbackground: linear-gradient(90deg, rgba(0,0,0,0) 44%, rgba(255,255,255,0.4) 50%, rgba(0,0,0,0) 51%);\n\t}\n\t42%  {\n\tbackground: linear-gradient(90deg, rgba(0,0,0,0) 43%, rgba(255,255,255,0.4) 50%, rgba(0,0,0,0) 51%);\n\t}\n  44%  {\n\ttransform:translateX(100%);\n\tbackground: linear-gradient(90deg, rgba(0,0,0,0) 42%, rgba(255,255,255,0.4) 50%, rgba(0,0,0,0) 51%);\n\t}\n  100% {\n\ttransform:translateX(100%);\n\tbackground: linear-gradient(90deg, rgba(0,0,0,0) 35%, rgba(255,255,255,0.4) 50%, rgba(0,0,0,0) 51%);\n\t}\n}\t\n\t\n\t\n.hero-video {\n  position: absolute;\t\n\tz-index: -1;\n\tmax-width: initial;\/*to override css that says 100%*\/\t\n\twidth:100%;\/* These all help the video to fill the container no matter its dimensions *\/\n\theight: 100%;\/* These all help the video to fill the container no matter its dimensions *\/\n\tobject-fit: cover;\/* These all help the video to fill the container no matter its dimensions *\/\n\tdisplay: block;\/*to override css that says inline-block*\/\n\tleft: 50%; \/* these two are for centering the item *\/\n\ttransform: translateX(-50%); \/* these two are for centering the item *\/\n}\n\t\n@media only screen and (min-width:1241px) {\t\n\t.show-video.no-video-loop .hero-video\t{\n\t\tanimation: lights-in 5s, lights-out 4s calc(25000ms - 3000ms);\n\t}\n\t\n\t\t@keyframes lights-in {\n\t\t0%   {filter:brightness(0) blur(10px);}\/* for white background effect use opacity instead of brighness*\/\n\t\t40%   {filter:brightness(0) blur(10px);}\/* for white background effect use opacity instead of brighness*\/\n\t\t100% {filter:brightness(1) blur(0px);}\/* for white background effect use opacity instead of brighness*\/\n\t}\n\t\n\t@keyframes lights-out {\n\t\t0%   {filter:brightness(1) blur(0px);}\/* for white background effect use opacity instead of brighness*\/\n\t\t90% {filter:brightness(0) blur(10px);}\/* for white background effect use opacity instead of brighness*\/\n\t\t100% {filter:brightness(0) blur(10px);}\/* for white background effect use opacity instead of brighness*\/\n\t}\n\t\n\t.show-video.no-video-loop.video-end .hero-video {\n\t\topacity:0;\n\t\tvisibility:hidden;\t\t\t\n\t}\t\n}\t\t\t\n\n@media only screen and (max-width:1240px){\n\t.hero-video {\n\t\tdisplay:none;\n\t}\n}\t\t\n\t\n.hero-image-fp-container {\n\tposition:relative;\t\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n}\t\n\t\n@media only screen and (min-width: 801px) {\n\t.hero-image-fp-container {\n\t\tmargin: auto 3%;\n\t}\n}\n\n@media only screen and (max-width: 800px) {\n\t.hero-image-fp-container {\n\tmargin: auto 3%;\n\t}\n}\t\t\n\n.hero-image-fp-title {\n\tcolor:var(--alternate-color);\n\ttext-align:center;\n\tfont-size: 68px;\n\tpadding:0 30px;\n\tmargin:10px auto; \t\t\n\tbackground: rgba(0, 0, 0, 0.4);  \n\ttext-shadow: ; \n}\n\n.dark-mode-on .hero-image-fp-title {\n\tcolor:var(--dark-alternate-color);\n}\n\t\n@media only screen and (min-width:1241px) {\t\n\t.show-video.no-video-loop .hero-image-fp-title\t{\n\t\topacity:0;\n\t\tvisibility:hidden;\n\t\ttransition:all 1.5s;\n\t\ttransition-delay:0.5s;\n\t}\n\t\n\t.show-video.no-video-loop.video-end .hero-image-fp-title {\n\t\topacity:1;\n\t\tvisibility:visible;\n\t}\t\n}\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n@media only screen and (max-width:800px){\n   .hero-image-fp-title {\n     font-size: 32px;   \n\t}\n}\n\n\t\n.hero-image-fp-title > div {\t\n\t\tdisplay: inline;\/* Ensures that the cursor will follow the line break *\/\n\t\toverflow:hidden;\n\t\tpadding:0 10px 0 0;\n\t\tborder-right: 3px solid white; \/* The typwriter cursor *\/\n\t\tanimation:  blink-caret 0.75s step-end infinite;\n\t\tanimation-delay: 0s;\n}\n\t\n\t\n.hero-image-fp-subtitle {\n    color:var(--alternate-color);\n\t\ttext-align:center;\n    font-size: 32px;   \n    display: inline-block;    \n    padding:0 30px;\n\t\tmargin:10px auto; \n    background: rgba(0, 0, 0, 0.4); \n\t\ttext-shadow: ; \n}\t\n\n.dark-mode-on .hero-image-fp-subtitle {\n    color:var(--dark-alternate-color);\n}\n\t\n@media only screen and (min-width:1241px) {\t\n\t.show-video.no-video-loop .hero-image-fp-subtitle\t{\n\t\topacity:0;\n\t\tvisibility:hidden;\n\t\ttransition:all 1.5s;\n\t\ttransition-delay:2s;\n\t}\n\t\n\t.show-video.no-video-loop.video-end .hero-image-fp-subtitle {\n\t\topacity:1;\n\t\tvisibility:visible;\n\t}\t\n}\t\t\n\t\n@media only screen and (max-width:800px){\n.hero-image-fp-subtitle {\n     font-size: 18px;   \n\t}\n}\t\n\t\n\t\n.hero-image-fp-subtitle > div {\t\n\tdisplay: inline;\/* Ensures that the cursor will follow the line break *\/\n\toverflow:hidden;\n\tpadding:0 10px 0 0;\n\tborder-right: 3px solid white; \/* The typwriter cursor *\/\n\tanimation:  blink-caret 0.75s step-end infinite;\n\tanimation-delay: 0s;\n}\n\t\t\n\t\n\/* The typewriter cursor effect *\/\n@keyframes blink-caret {\n  from, to { border-color: transparent }\n  50% { border-color: white; }\n}\t\n\t\n.fadedin-introed-title,\n.fadedin-introed-subtitle {\n\topacity:0;\n\tvisibility:hidden;\n\tanimation-name: herotitlesfadein;\n  animation-duration: 2s;\n  animation-delay: 1s;\n\tanimation-fill-mode: forwards;\n}\n\n.fadedin-introed-subtitle {\n  animation-delay: 2.2s;\n}\n\n@keyframes herotitlesfadein {\n\t0%   {opacity:0; visibility:hidden;}\n\t100%   {opacity:1; visibility:visible;}\n}\t\t\n\t\n.hero-image-fp-parent .woocommerce-product-search {\n\tmargin:auto;\n\tmargin-top:60px;\n\tmargin-bottom:40px;\n\tmax-width:1260px;\n\twidth:94%;\t\n}\t\n\t\n.hero-image-fp-parent .woocommerce-product-search input.search-field {\n\tborder-color:transparent;\t\n}\n\n.hero-image-fp-parent .woocommerce-product-search {\n\tdisplay:flex;\n}\n\n.hero-image-fp-parent .hero-image-with-search-search-button {\t\n\tborder:var(--border-width-style-small);\n\tborder-radius:var(--border-radius-small);\n\tbox-shadow:var(--box-shadow-small) var(--shadow-color);\n\tborder-color:var(--border-secondary-color);\n  color:var(--link-alternate-color);\n\tfont-size:13px;\n\ttransition:all 0.3s;\n}\n\n.hero-image-fp-parent .hero-image-with-search-search-button:hover {\t\n\tbox-shadow:var(--box-shadow-small) var(--hovered-shadow-color);\n\ttransition:all 0.3s;\n}\n\n@media only screen and (min-width: 801px){\n\t.hero-image-fp-parent .hero-image-with-search-search-button\t{\n\t\tmin-width:120px;\n\t}\t\n}\t\n\n.hero-image-fp-button-parent {\n\tdisplay:inline-block;\n\tmargin: 10px auto; \n}\n\n.hero-image-fp-button-parent > a {\n\tdisplay:inline-block;\n}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n.hero-image-fp-button {\t\n\tdisplay:inline-block;\n\tpadding: 12px 20px;\n  text-align: center;\n  white-space: normal;\t\n  border-radius: 2px;\n\tborder-radius: var(--border-radius-medium);\t\n\tbackground: var(--button-color);\n  color: var(--button-text-color);\n\tbox-shadow:var(--box-shadow-vertical-small) var(--shadow-color);\n  transition: all 0.3s ease-in-out;\n}\n\n.dark-mode-on .hero-image-fp-button {\t\n\tbox-shadow:var(--box-shadow-vertical-small) var(--dark-shadow-color);\n}\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n.hero-image-fp-button:hover {\n\tbackground: var(--button-hover-color);\n  color: var(--button-text-hover-color);\n  box-shadow: var(--box-shadow-small) var(--hovered-shadow-color);\n  transition: all 0.3s ease-in-out;\n}\n\n.dark-mode-on .hero-image-fp-button:hover {\n\tbox-shadow: var(--box-shadow-small) var(--dark-hovered-shadow-color);\n}\t\t\n\t\n.show-after-slider-button-inline .hero-image-fp-container {\n\tmin-height: 57vh;\n\tmargin-bottom: calc(0vh + 100px);\n}\n\t\n@media only screen and (max-width: 800px){\n\t.show-after-slider-button-inline .hero-image-fp-container {\n\t\tmin-height: 59vh;\n\t\tmargin-bottom: calc(0vh + 184px);\n\t}\n}\t\t\n\t\t\n.show-after-slider-button-inline .html-after-slider-parent {\n\tmargin-bottom: 0;\n}\n\t\n.show-after-slider-button-inline .html-after-slider {\n\tposition: relative;\n\tbottom: 0;\n}\n\n\/*:Redundant now since we use front-page-1:after as a layer to darken the color*\/\t\n\/*.darken-header {\n    background: linear-gradient(180deg, rgba(28,28,201,0.2) 0%, rgba(28,28,201,0) 100%)!important;\n}*\/\n\n<\/style>\n\n\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<script defer>\n\n(function($) {\n\n\tif (window.matchMedia(\"(max-width: 1240px)\").matches) {\n\t\t$('#front-page-video').remove();\n\t}\n    \n\t\/\/Darken-header:Redundant now since we use front-page-1:after as a layer to darken the color\n\t\/*if (window.matchMedia(\"(min-width: 1241px)\").matches && $(\".front-page-1 .hero-image-fp-parent\").length > 0) {\/\/ only on big screen and if the shortcode is in the first home widget area\n\t\t\t\/\/console.log(\"its true\");\n\t\t\t$('.front-page-1').addClass('darken-header');\n\t}*\/\n\t\n\t\/\/Paralax Mode\t\n\t$(window).on('scroll', function() {\n\t\tvar element_distance_from_top = $(\".hero-image-fp-parent\").offset().top;\n\t\t\/\/console.log(\"Elenemt Distance from top: \"+element_distance_from_top);\n\t\tvar window_scroll_distance = $(window).scrollTop();\n\t\t\/\/console.log(\"Wondow scroll Distance: \"+window_scroll_distance);\n\t\tvar disntance_from_viewport = element_distance_from_top - window_scroll_distance;\n\t\t\/\/console.log(\"Distance from viewport: \"+disntance_from_viewport);\n    $('.hero-image-fp-parent.parallax-mode .hero-image-fp-container').css('transform', 'translateY('+ disntance_from_viewport * .4 +'px)');\n\t});\n\t\n\t\/\/Title Typewriter effect\n\t\t\t\n\tvar i = 0;\n\tvar title_typeWriter_effect_txt = \"\"; \/\/ JSON encoded, so quotes \/ apostrophes don't break the script\n\tvar title_typeWriter_effect_speed = 150;\/\/ two times the speed of cursor\n\n\tfunction title_typeWriter_effect() {\n\t\tif (i < title_typeWriter_effect_txt.length) {\n\t\t\tdocument.getElementById(\"hero-image-fp-title-inner\").innerHTML += title_typeWriter_effect_txt.charAt(i);\n\t\t\ti++;\n\t\t\tsetTimeout(title_typeWriter_effect, title_typeWriter_effect_speed);\n\t\t}\n\t}\n\n\tsetTimeout(function() {\/\/use this to delay the start of the typewriter\n\t\ttitle_typeWriter_effect();\t\n\t}, 0);\n\t\t\n\t\t\n\t\/\/Subtitle Typewriter effect\n\t\t \n\t\n\tvar j = 0;\n\tvar subtitle_typeWriter_effect_txt = \"\"; \/\/ JSON encoded, so quotes \/ apostrophes don't break the script\n\tvar subtitle_typeWriter_effect_speed = 150;\/\/ two times the speed of cursor\n\n\tfunction subtitle_typeWriter_effect() {\n\t\tif (j < subtitle_typeWriter_effect_txt.length) {\n\t\t\tdocument.getElementById(\"hero-image-fp-subtitle-inner\").innerHTML += subtitle_typeWriter_effect_txt.charAt(j);\n\t\t\tj++;\n\t\t\tsetTimeout(subtitle_typeWriter_effect, subtitle_typeWriter_effect_speed);\n\t\t}\n\t}\n\tsetTimeout(function() {\/\/use this to delay the start of the typewriter\n\t\tsubtitle_typeWriter_effect();\n\t}, 0);\n\t\n\t\n\t\t\n\tvar whenVideoEnds = function(){\n     $('.hero-image-fp-parent').addClass('video-end');\n\t};\n\tsetTimeout(whenVideoEnds, 25000); \/\/ intval: an empty value would be a syntax error and stop the whole script\n \n})( jQuery );\n\n<\/script>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\n\n<div class=\"html-after-slider-parent\">\n\t<div id=\"html-after-slider\" class=\"html-after-slider\">\n\t\t<div id=\"html-after-slider-text\" class=\"html-after-slider-text\">Scroll Down<\/div>\n\t\t<div id=\"html-after-slider-symbol\" class=\"html-after-slider-symbol\"><\/div>\n\t<\/div>    \n<\/div>\n\t\t\n\n<style>\n\n\/*** Content: Shortcode HTML Based - After Slider Button ***\/\n\n.html-after-slider-parent {\n\tposition: relative;\n\twidth:200px;\n\tmargin: auto;\n\tline-height: 1;\n}\n\n.html-after-slider {\n\tposition: absolute;\n\tleft: 0;\n\tright: 0;\n\tbottom: 4vh;\/*Always use ch, pixels are bad on low heights, percentage does nothing*\/\n\tz-index:100;\n\tcolor:var(--alternate-color);\t\t\n\ttext-shadow: 2px 2px 8px #222;\n}\n\n.html-after-slider-parent:hover {\n  cursor:pointer;\n}\n\n@media only screen and (max-width:800px){\n\t.html-after-slider {\n\t\tbottom: 5px; \n\t}\n\n\t.html-after-slider-text {\n\t\tdisplay:none;\n\t}\n}\n\n.html-after-slider-text {\n    font-size: 20px;\n    text-align:center;\t\n}\n\n.html-after-slider-symbol {\n    margin: auto;\n    text-align:center;\n    font-size: 20px;\n    transition: all 0.3s;\n\t\tanimation-name: arrow-down;\n\t\tanimation-duration: 5s;\n\t\tanimation-iteration-count: infinite;\n}\n\n\n@keyframes arrow-down {\n  0%   {transform:translateY(0px);}\n  90%  {transform:translateY(0px);}\n  95%  {transform:translateY(6px);}\n  100% {transform:translateY(0px);}\n}\n\n.html-after-slider-parent:hover {\n  cursor:pointer;\n}\n\n.html-after-slider-symbol::before {\n\tcontent: '\\f347';\n\tfont-family: dashicons;\n\tfont-size: 36px;\n\ttransition: all 0.3s;\t\n}\n\n.html-after-slider-parent:hover .html-after-slider-symbol {\n\tanimation-name: hovered-arrow-down;\n\tanimation-duration: 0.3s;\t\n\tanimation-iteration-count: 1;\n\tanimation-fill-mode: forwards;\n\t\n}\n\n@keyframes hovered-arrow-down {\n  0%   {transform:translateY(0px);}\n  100%  {transform:translateY(7px);}\n}\n\n\n<\/style>\n\t\n<script defer>\n\t(function($) {\n\t\n\t  $(document).ready(function() {\n      $(\".html-after-slider-parent\").click(function(){\n        $('html, body').animate({\n          scrollTop: $(\".html-after-slider-parent\").offset().top - 90\n        }, 800);\n\t\t\t });\n\t\t\n    });\n  \t\n  })( jQuery );\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n<\/script>\t\t\t\n\t\t\t\t\t\t\t\t   \n\t\t\t\t\t\t\t\t\t\t\t   \n\n<div id=\"simple-slider-fp-parent\" class=\"simple-slider-fp-parent\">  \n\t<div class=\"simple-slider-fp-container simple-slider-fp-container-one\">  \n\t\t<div class=\"simple-slider-fp-arrow-button simple-slider-fp-arrow-button-left\">left button<\/div>  \n\t\t<div class=\"simple-slider-fp-container-inner simple-slider-fp-container-inner-one\">    \n\t\t\t\t\t\t<!-- Box 1 -->\n\t\t\t<div class=\"simple-slider-fp-category just-show-image simple-slider-fp-category-1\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/lab.bluecloudnet.com\/\">\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t<img decoding=\"async\"\n\t\t\t\t\t\t\t\t class=\"simple-slider-fp-category-image simple-slider-fp-category-1-image just-show-image\"\n\t\t\t\t\t\t\t\t src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/1520x560\/lab-bg2-1520x560-1.jpg\"\n\t\t\t\t\t\t\t\t \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-category-title display\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-message-button-parent\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-category-message display\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-category-button display\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"simple-slider-fp-category-background simple-slider-fp-category-1-background just-show-image\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<!-- Box 2 -->\n\t\t\t<div class=\"simple-slider-fp-category just-show-image simple-slider-fp-category-2\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/lab.bluecloudnet.com\/\">\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t<img decoding=\"async\"\n\t\t\t\t\t\t\t\t class=\"simple-slider-fp-category-image simple-slider-fp-category-2-image just-show-image\"\n\t\t\t\t\t\t\t\t src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/1520x560\/lab-bg3-1520x560-1.jpg\"\n\t\t\t\t\t\t\t\t \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-category-title display\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-message-button-parent\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-category-message display\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-category-button display\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"simple-slider-fp-category-background simple-slider-fp-category-2-background just-show-image\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<!-- Box 3 -->\n\t\t\t<div class=\"simple-slider-fp-category just-show-image simple-slider-fp-category-3\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/lab.bluecloudnet.com\/\">\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t<img decoding=\"async\"\n\t\t\t\t\t\t\t\t class=\"simple-slider-fp-category-image simple-slider-fp-category-3-image just-show-image\"\n\t\t\t\t\t\t\t\t src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/1520x560\/lab-bg4-1520x560-1.jpg\"\n\t\t\t\t\t\t\t\t \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-category-title display\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-message-button-parent\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-category-message display\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-category-button display\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"simple-slider-fp-category-background simple-slider-fp-category-3-background just-show-image\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<!-- Box 4 -->\n\t\t\t<div class=\"simple-slider-fp-category just-show-image simple-slider-fp-category-4\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/lab.bluecloudnet.com\/\">\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t<img decoding=\"async\"\n\t\t\t\t\t\t\t\t class=\"simple-slider-fp-category-image simple-slider-fp-category-4-image just-show-image\"\n\t\t\t\t\t\t\t\t src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/1520x560\/lab-bg6-1520x560-1.jpg\"\n\t\t\t\t\t\t\t\t \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-category-title display\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-message-button-parent\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-category-message display\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-category-button display\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"simple-slider-fp-category-background simple-slider-fp-category-4-background just-show-image\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<!-- Box 5 -->\n\t\t\t<div class=\"simple-slider-fp-category just-show-image simple-slider-fp-category-5\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/lab.bluecloudnet.com\/\">\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t<img decoding=\"async\"\n\t\t\t\t\t\t\t\t class=\"simple-slider-fp-category-image simple-slider-fp-category-5-image just-show-image\"\n\t\t\t\t\t\t\t\t src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/1520x560\/lab-bg5-1520x560-1.jpg\"\n\t\t\t\t\t\t\t\t \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-category-title display\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-message-button-parent\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-category-message display\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-category-button display\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"simple-slider-fp-category-background simple-slider-fp-category-5-background just-show-image\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<!-- Box 6 -->\n\t\t\t<div class=\"simple-slider-fp-category just-show-image simple-slider-fp-category-6\">\n\t\t\t\t\t\t\t\t<a href=\"https:\/\/lab.bluecloudnet.com\/\">\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t<img decoding=\"async\"\n\t\t\t\t\t\t\t\t class=\"simple-slider-fp-category-image simple-slider-fp-category-6-image just-show-image\"\n\t\t\t\t\t\t\t\t src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/1520x560\/lab-bg8-1520x560-1.jpg\"\n\t\t\t\t\t\t\t\t \/>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-category-title display\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-message-button-parent\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-category-message display\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"simple-slider-fp-category-button display\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button><\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"simple-slider-fp-category-background simple-slider-fp-category-6-background just-show-image\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div><!-- .simple-slider-fp-container-inner -->\n\t\t<div class=\"simple-slider-fp-arrow-button simple-slider-fp-arrow-button-right\">right button<\/div>\n\t<\/div><!-- .simple-slider-fp-container -->\n<\/div><!-- #simple-slider-fp-parent -->\n\n<style>\n\t\/*** Content: Shortcode HTML Based - Simple Slider FP ***\/\n\n\t\/** Simple Slider FP **\/\n\t.simple-slider-fp-parent {\t\n\t\twidth:96%;\n\t\tmax-width: 1520px;\n\t\tmargin: 120px auto 50px;\n\t\toverflow: hidden;\n\t}\n\n\t@media only screen and (max-width: 1520px){\n\t\t.simple-slider-fp-parent {\n\t\t\tmargin: 120px auto 50px;\n\t\t}\n\t}\n\n\t@media only screen and (max-width: 920px){\n\t\t.simple-slider-fp-parent {\n\t\t\tmargin: 80px auto 40px;\n\t\t}\n\t}\n\n\t@media only screen and (max-width: 800px){\n\t\t.simple-slider-fp-parent {\n\t\t\tmargin: 20px auto 30px;\n\t\t}\n\t}\n\n\t.simple-slider-fp-parent { \t\n\t\tborder-radius:var(--border-radius-large);\n\t\tbox-shadow:var(--box-shadow-large) var(--shadow-color);\n\t}\n\n\t.simple-slider-fp-parent:hover {\n\t\tbox-shadow:var(--box-shadow-large) var(--hovered-shadow-color);\n\t}\n\n\t.dark-mode-on .simple-slider-fp-parent {\n\t\tbox-shadow:var(--box-shadow-large) var(--dark-shadow-color);\n\t}\n\n\t.dark-mode-on .simple-slider-fp-parent:hover {\n\t\tbox-shadow:var(--box-shadow-large) var(--dark-hovered-shadow-color);\n\t}\n\n\t.simple-slider-fp-container {\n\t\tposition:relative; \n\t\tdisplay:flex;\t\n\t\ttransition: all 0.3s;\n\t}\n\n\t.simple-slider-fp-container:hover {\t\n\t\ttransition: all 0.3s;\n\t}\n\n\t.simple-slider-fp-container-inner {\t\n\t\twidth:100%;\n\t\t\t\tdisplay:flex;\n\t\ttransition: all 0.5s;\t\n\t\t\t\n\t}\t\n\n\t.simple-slider-fp-arrow-button {\n\t\tposition:absolute;\n\t\tdisplay:flex;\t\n\t\t\t\n\t\tflex-direction: column;\n\t\tjustify-content: center;\t\n\t\tz-index: 100;\n\t\tfont-size: 0;\t\n\t\tline-height: 0;\n\t\twidth: 40px;\n\t\tmin-width: 40px;\n\t\theight: 100%; \/* alternative can be set up 80px *\/\n\t\ttransition: all .1s;\n\t}\n\n\t.simple-slider-fp-arrow-button:hover {\n\t\tbackground:rgba(28,28,28,0.2);\n\t\tcursor:pointer;\n\t}\n\n\t.simple-slider-fp-arrow-button:after {\n\t\tdisplay: inline-block;\n\t\tvertical-align: top;\n\t\tpadding: 15px 0;\n\t\t-webkit-font-smoothing: antialiased;\n\t\tcolor: #fff;\n\t\topacity: .8;\n\t\tfont-size: 44px;\n\t\tline-height: normal;\n\t\ttransition: .2s ease all;\n\t}\n\n\t.simple-slider-fp-arrow-button-left {\n\t\tleft:0;\n\t}\n\n\t.simple-slider-fp-arrow-button-left:after {\n\t\tfont: normal 44px\/14px 'dashicons';\t\n\t\tcontent: \"\\f341\";\t\n\t}\n\n\t.simple-slider-fp-arrow-button-right {\n\t\tright:0;\n\t}\n\n\t.simple-slider-fp-arrow-button-right:after {\n\t\tfont: normal 44px\/14px 'dashicons';\t\n\t\tcontent: \"\\f345\";\t\n\t}\n\n\t.simple-slider-fp-category {\n\t\tdisplay: block;\n\t\twidth:100%;\n\t\tmin-width:100%;\n\t\tposition:relative;\n\t\t\t\n\t\toverflow:hidden;\t\n\t\ttransition: all 2s;\n\t\ttransition-delay: 0s;\n\t}\n\n\t.simple-slider-fp-category.set-image-as-background,\n\t.simple-slider-fp-category.set-image-as-background.active-slide {\n\t\theight:560px;\n\t\tmax-height: 70vh;\n\t}\t\n\n\t.simple-slider-fp-category-image { \n\t\tdisplay:block;\n\t\twidth: 100vw;\n\t\tmax-width: 100%;\n\t\tposition: relative;\n\t\tz-index: 1;\n\t\tfilter: brightness(100%) \/*sepia(30%) blur(1px)*\/;\n\t\ttransform:scale(1.0);\n\t\ttransition: all 0.3s;\n\t}\n\n\t.simple-slider-fp-category-image.set-image-as-background {\n\t\tdisplay:none;\n\t}\n\n\t.simple-slider-fp-category.active-slide {\n\t\tvisibility:visible;\n\t\topacity:1;\n\t\ttransition: all 2s;\n\t\tposition: relative;\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\toverflow: hidden;\n\t}\n\n\t.simple-slider-fp-category-background {\n\t\tposition:absolute;\n\t\twidth:100%;\n\t\theight:100%;\n\t\tbackground-size:cover!important;\n\t\tbackground-position:center!important;\n\t\tbackground-repeat:no-repeat;\n\t\ttransition: all 0.3s;\n\t\tfilter: brightness(100%) \/*sepia(30%) blur(1px)*\/;\n\t\ttransform:scale(1.02);\n\t}\n\n\t.simple-slider-fp-category-image:hover, \n\t.simple-slider-fp-category-background:hover,\n\t.simple-slider-fp-category-title:hover + .simple-slider-fp-category-background {\n\t\ttransform:scale(1.04);\n\t\tfilter: brightness(80%);\n\t}\n\n\t\t.simple-slider-fp-category-1-background.set-image-as-background {\n\t\tbackground-image:url(\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/1520x560\/lab-bg2-1520x560-1.jpg\");\n\t}\n\t\t.simple-slider-fp-category-2-background.set-image-as-background {\n\t\tbackground-image:url(\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/1520x560\/lab-bg3-1520x560-1.jpg\");\n\t}\n\t\t.simple-slider-fp-category-3-background.set-image-as-background {\n\t\tbackground-image:url(\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/1520x560\/lab-bg4-1520x560-1.jpg\");\n\t}\n\t\t.simple-slider-fp-category-4-background.set-image-as-background {\n\t\tbackground-image:url(\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/1520x560\/lab-bg6-1520x560-1.jpg\");\n\t}\n\t\t.simple-slider-fp-category-5-background.set-image-as-background {\n\t\tbackground-image:url(\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/1520x560\/lab-bg5-1520x560-1.jpg\");\n\t}\n\t\t.simple-slider-fp-category-6-background.set-image-as-background {\n\t\tbackground-image:url(\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/1520x560\/lab-bg8-1520x560-1.jpg\");\n\t}\n\t\n\n\t.simple-slider-fp-message-button-parent {\n\t\tposition:absolute;\n\t\tleft:0;\n\t\ttop:0;\n\t\twidth:100%;\n\t\theight:100%;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tz-index:1;\t\n\t}\n\n\t.simple-slider-fp-category-message {\n\t\toverflow:hidden;\n\t\tline-height: 1;\n\t\ttext-align:right;\n\t\tmargin:auto 4% 0 auto;;  \n\t\tpadding: 20px 10px;\n\t\tfont-size:24px;  \n\t\tcolor:var(--alternate-color);\n\t\tbackground: rgba(0, 0, 0, 0.0);\n\t\ttext-shadow: 2px 4px 14px #000;  \n\t}\n\n\t@media only screen and (min-width:801px) {\n\t\t.simple-slider-fp-category-message {\n\t\t\tmax-width: 50%;  \n\t\t\tfont-size: 48px;  \n\t\t}\n\t}\n\n\t.simple-slider-fp-category-button {\n\t\tmargin:0px 4% auto auto;  \n\t\tpadding: 0px 10px;\n\t}\n\n\t.simple-slider-fp-category-title {\n\t\tposition:absolute;\n\t\tleft: 4px;\n\t\tbottom: 4px;\n\t\tright: 4px;\n\t\tdisplay: block;\n\t\tpadding: 2px 4px;\n\t\tfont-size: 18px;\n\t\tcolor: var(--alternate-color);\n\t\tbackground: rgba(0,0,0,0.5);\n\t\tz-index:2;\n\t}\n\n\t.dark-mode-on .simple-slider-fp-category-title {\n\t\tcolor: var(--dark-alternate-color);\n\t\tbackground: rgba(0,0,0,0.5);\n\t}\n\n\t\/** End Simple Slider **\/\n<\/style>\n\n<script>\n\t\/*!\nThis Script helps with detecting swipes\nInstuctions:\nSpecify the event types to listen for:\n\n\/\/ swiped-left\ndocument.addEventListener('swiped-left', function(e) {\n  \/\/ ...\n});\n\/\/ swiped-right\ndocument.addEventListener('swiped-right', function(e) {\n  \/\/ ...\n});\n\/\/ swiped-up\ndocument.addEventListener('swiped-up', function(e) {\n  \/\/ ...\n});\n\/\/ swiped-down\ndocument.addEventListener('swiped-down', function(e) {\n  \/\/ ...\n});\n*\/\n\t!function(t,e){\"use strict\";\"function\"!=typeof t.CustomEvent&&(t.CustomEvent=function(t,n){n=n||{bubbles:!1,cancelable:!1,detail:void 0};var a=e.createEvent(\"CustomEvent\");return a.initCustomEvent(t,n.bubbles,n.cancelable,n.detail),a},t.CustomEvent.prototype=t.Event.prototype),e.addEventListener(\"touchstart\",function(t){if(\"true\"===t.target.getAttribute(\"data-swipe-ignore\"))return;s=t.target,r=Date.now(),n=t.touches[0].clientX,a=t.touches[0].clientY,u=0,i=0},!1),e.addEventListener(\"touchmove\",function(t){if(!n||!a)return;var e=t.touches[0].clientX,r=t.touches[0].clientY;u=n-e,i=a-r},!1),e.addEventListener(\"touchend\",function(t){if(s!==t.target)return;var e=parseInt(l(s,\"data-swipe-threshold\",\"20\"),10),o=parseInt(l(s,\"data-swipe-timeout\",\"500\"),10),c=Date.now()-r,d=\"\",p=t.changedTouches||t.touches||[];Math.abs(u)>Math.abs(i)?Math.abs(u)>e&&c<o&&(d=u>0?\"swiped-left\":\"swiped-right\"):Math.abs(i)>e&&c<o&&(d=i>0?\"swiped-up\":\"swiped-down\");if(\"\"!==d){var b={dir:d.replace(\/swiped-\/,\"\"),touchType:(p[0]||{}).touchType||\"direct\",xStart:parseInt(n,10),xEnd:parseInt((p[0]||{}).clientX||-1,10),yStart:parseInt(a,10),yEnd:parseInt((p[0]||{}).clientY||-1,10)};s.dispatchEvent(new CustomEvent(\"swiped\",{bubbles:!0,cancelable:!0,detail:b})),s.dispatchEvent(new CustomEvent(d,{bubbles:!0,cancelable:!0,detail:b}))}n=null,a=null,r=null},!1);var n=null,a=null,u=null,i=null,r=null,s=null;function l(t,n,a){for(;t&&t!==e.documentElement;){var u=t.getAttribute(n);if(u)return u;t=t.parentNode}return a}}(window,document);\n<\/script>\n\n<script defer>\n\t\/** Simple Slider **\/\n\n\t(function($) {\n\t\t\/** Turn the Slides **\/\n\n\t\tvar simple_slider_fp_container_inner = document.querySelector(\".simple-slider-fp-container-inner\");\n\t\tvar simple_slider_fp_arrow_left = document.querySelector(\".simple-slider-fp-arrow-button-left\");\n\t\tvar simple_slider_fp_arrow_right = document.querySelector(\".simple-slider-fp-arrow-button-right\");\n\t\tvar simple_slider_fp_slide = document.querySelectorAll(\".simple-slider-fp-category\");\n\n\t\t\n\t\t  \n\t\tvar simple_slider_fp_slide_active = 1;\n\t\tvar slides_amount = simple_slider_fp_slide.length;\n\t\tfunction previous_slide_fp () {   \n\t\t\tif ( simple_slider_fp_slide_active < 2 ) {\n\t\t\t\tsimple_slider_fp_slide_active = slides_amount;\n\t\t\t} else {\n\t\t\t\tsimple_slider_fp_slide_active = simple_slider_fp_slide_active - 1;       \n\t\t\t}\n\t\t\tsimple_slider_fp_container_inner.style.transform = \"translatex(calc(-100% * \"+ (simple_slider_fp_slide_active - 1) +\"))\"; \n\t\t} \n\t\tsimple_slider_fp_arrow_left.addEventListener(\"click\", previous_slide_fp);\n\t\tdocument.addEventListener('swiped-right', function(e) {\n\t\t\tprevious_slide_fp();\n\t\t});\n\n\t\tfunction next_slide_fp () {\n\t\t\tif ( simple_slider_fp_slide_active === simple_slider_fp_slide.length ) {\n\t\t\t\tsimple_slider_fp_slide_active = 1;\n\t\t\t} else {\n\t\t\t\tsimple_slider_fp_slide_active = simple_slider_fp_slide_active + 1;   \n\t\t\t}\n\t\t\tsimple_slider_fp_container_inner.style.transform = \"translatex(calc(-100% * \"+ (simple_slider_fp_slide_active - 1) +\"))\";  \n\t\t}     \n\t\tsimple_slider_fp_arrow_right.addEventListener(\"click\", next_slide_fp);\n\t\tdocument.addEventListener('swiped-left', function(e) {\n\t\t\tnext_slide_fp();\n\t\t});\n\t\t\n\t\t\/\/Go to the next slide every X Seconds       \n\t\tsimple_slider_fp_timer = setInterval(next_slide_fp, 4000);\n\t\t$('.simple-slider-fp-parent').hover(function(){\n\t\t\tclearInterval(simple_slider_fp_timer);\n\t\t}, function(){\n\t\t\tsimple_slider_fp_timer = setInterval(next_slide_fp, 4000);\n\t\t});\n\t})( jQuery );\n\t\/** End Simple Slider **\/\n<\/script>\n\n\n<div class=\"masonry-boxes-fp-parent\">\n  <div class=\"masonry-boxes-fp-container masonry-boxes-fp-container-one\">\n     <a href=\"\/product-category\/information-technology\/\" class=\"masonry-boxes-fp-category masonry-boxes-fp-category-one\">\n\t\t\t<div href=\"\/product-category\/information-technology\/\" class=\"masonry-boxes-fp-category-title show-title\"><\/div>\n\t\t\t<div class=\"masonry-boxes-fp-category-background masonry-boxes-fp-category-one-background\"><\/div>\n      <\/a>\n  <\/div>\n\n  <div class=\"masonry-boxes-fp-container masonry-boxes-fp-container-two\">\n     <a href=\"\/product-category\/sound-and-vision\/\" class=\"masonry-boxes-fp-category masonry-boxes-fp-category-two\">\n\t\t\t<div href=\"\/product-category\/sound-and-vision\/\" class=\"masonry-boxes-fp-category-title show-title\"><\/div>\n\t\t\t<div class=\"masonry-boxes-fp-category-background masonry-boxes-fp-category-two-background\"><\/div>\n     <\/a>\n     <a href=\"\/product-category\/telecommunications\/\" class=\"masonry-boxes-fp-category masonry-boxes-fp-category-three\">\n\t\t\t<div href=\"\/product-category\/telecommunications\/\" class=\"masonry-boxes-fp-category-title show-title\"><\/div>\n\t\t\t<div class=\"masonry-boxes-fp-category-background masonry-boxes-fp-category-three-background\"><\/div>\n   <\/a>\n     <a href=\"\/product-category\/energy\/\" class=\"masonry-boxes-fp-category masonry-boxes-fp-category-four\">\n\t\t\t<div href=\"\/product-category\/energy\/\" class=\"masonry-boxes-fp-category-title show-title\"><\/div>\n\t\t\t<div class=\"masonry-boxes-fp-category-background masonry-boxes-fp-category-four-background\"><\/div>      \n    <\/a>\n     <a href=\"\/product-category\/gaming\/\" class=\"masonry-boxes-fp-category masonry-boxes-fp-category-five\">\n\t\t\t<div href=\"\/product-category\/gaming\/\" class=\"masonry-boxes-fp-category-title show-title\"><\/div>\n\t\t\t<div class=\"masonry-boxes-fp-category-background masonry-boxes-fp-category-five-background\"><\/div>\n    <\/a>\n  <\/div>\n\n<\/div>\n\t\t\n\n<style>\n\n\/*** Content: Shortcode HTML Based - Masonry Boxes FP ***\/\n\n\/** Masonry Boxes FP **\/\n\n@media only screen and (max-width: 800px){\n\t.masonry-boxes-fp-parent {\n  \tmargin-top:0px;\n \t}\n\n}\n\t\n\t\n@media only screen and (min-width: 801px){\n\t.masonry-boxes-fp-parent {\n \t\tmargin-top:25px;\n\t}\n\n}\n\n.masonry-boxes-fp-parent {\n  display: flex;\n  flex-wrap:wrap;\n\tmax-width: 1520px;\n\tmargin: auto;\n  margin-bottom: 50px;\n}\n\n.masonry-boxes-fp-parent  { \n\tborder:var(--border-width-style-small);\n\tborder-radius:var(--border-radius-medium);\n\tbox-shadow:var(--box-shadow-medium) var(--shadow-color);\n\ttransition:all 0.3s;\n}\n\n.masonry-boxes-fp-parent:hover {\n\tbox-shadow:var(--box-shadow-medium) var(--hovered-shadow-color);\n\ttransition:all 0.3s;\n}\n\n.dark-mode-on .masonry-boxes-fp-parent  {\n\tbox-shadow:var(--box-shadow-medium) var(--dark-shadow-color);\n}\n\n.dark-mode-on .masonry-boxes-fp-parent:hover {\n\tbox-shadow:var(--box-shadow-medium) var(--dark-hovered-shadow-color);\n}\n\n.masonry-boxes-fp-container {\n  display: flex;\n  flex-wrap: wrap;\n\toverflow:hidden;\n}\n\n\n.masonry-boxes-fp-category {\n\tposition:relative;\n\toverflow:hidden;\n}\n\n\n.masonry-boxes-fp-category-background{\n\tposition:absolute;\n\twidth:100%;\n\theight:100%;\n\tbackground-size:cover!important;\n\tbackground-position:center!important;\n\tbackground-repeat:no-repeat;\n\ttransition: all 0.3s;\n\tfilter: brightness(100%) sepia(30%) blur(1px);\n\ttransform:scale(1.02);\n\n}\n\n.masonry-boxes-fp-category-background:hover ,.masonry-boxes-fp-category-title:hover + .masonry-boxes-fp-category-background {\n\ttransform:scale(1.06);\n\tfilter: brightness(80%);\n}\n\n.masonry-boxes-fp-category-one-background {\n   background-image:url(\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/720x360\/lab-bg7-720x360-1.jpg\");\n\t\n}\n\n.masonry-boxes-fp-category-two-background {\n  background-image:url(\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/460x345\/lab-bg11-460x345-1.jpg\");\n\t\n}\n\n.masonry-boxes-fp-category-three-background {\n  background-image:url(\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/460x345\/lab-bg12-460x345-1.jpg\");\n\t\n}\n\n.masonry-boxes-fp-category-four-background {\n   background-image:url(\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/460x345\/lab-bg14-460x345-1.jpg\");\n\n}\n\n.masonry-boxes-fp-category-five-background {\n   background-image:url(\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/460x345\/lab-bg13-460x345-1.jpg\");\n\t\n}\n\n.masonry-boxes-fp-category-title {\n\t\tposition:absolute;\n    left: 4px;\n    bottom: 4px;\n    right: 4px;\n    display: block;\n    padding: 2px 4px;\n    font-size: 18px;\n    color: var(--alternate-color);\n    background: rgba(0,0,0,0.5);\n\t\tz-index:1;\n}\n\n.dark-mode-on\t.masonry-boxes-fp-category-title {\n    color: var(--dark-alternate-color);\n    background: rgba(0,0,0,0.5);\n\n}\t\n\n.masonry-boxes-fp-category-title.hide-title {\n\tdisplay:none;\n}\n\n@media only screen and (max-width: 800px){\n.masonry-boxes-fp-container-one {\n  width:100%;\n}\n\n.masonry-boxes-fp-container-two {\n  width:100%;\n \n}\n\n.masonry-boxes-fp-category {\n  width:100%;\n\theight:100px;\n}\n\n\n\t\n}\n\n@media only screen and (min-width: 801px){\n\t.masonry-boxes-fp-container-one {\n \t \twidth:40%;\n\t}\n\n\t.masonry-boxes-fp-container-two {\n \t \twidth:60%;\n \t}\n\n\t.masonry-boxes-fp-category {\n \t\t width:50%;\n \t}\n\n\t.masonry-boxes-fp-category-one {\n \t\twidth:100%;\n\t  height:460px;\n\t}\n\t\n}\n\n\n\n\/** End Masonry Boxes **\/\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\n<\/style>\n\n\n[html-grid-boxes-one-fp]\n\n<div id=\"html-four-boxes-with-central-background-one-fp-parent\" class=\"html-four-boxes-with-central-background-one-fp-parent\">\t\n  <div id=\"html-four-boxes-with-central-background-one-fp\" class=\"html-four-boxes-with-central-background-one-fp\">\n    \n\t<div id=\"html-four-boxes-with-central-background-one-fp-one\" class=\"html-four-boxes-with-central-background-one-fp-one eds-on-scroll animated slideInLeft duration2\">\n\t\t\t\t\t\t\t\t<a href=\"\/tutorials1\">\n\t\t\t\t\n\t\t\t\t<h3><\/h3>\t\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t<div><\/div>\n\t\t\t\t\n\t\t\t\t\t\t<div class=\"html-four-boxes-with-central-background-one-fp-button-parent\">\t\t\t\n\t\t\t<a href=\"\/tutorials1\">\n\t\t\t\t<button><\/button>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\t  <\/div>\t\t\n\t\t\n  <div id=\"html-four-boxes-with-central-background-one-fp-two\" class=\"html-four-boxes-with-central-background-one-fp-two eds-on-scroll animated slideInLeft duration2\">\n\t\t\t\n\t \t\t\t\t\t<a href=\"\/tutorials2\">\n\t\t\t\t\n\t\t\t\t<h3><\/h3>\t\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"html-four-boxes-with-central-background-one-fp-button-parent\">\n\t\t\t<a href=\"\/tutorials2\">\n\t\t\t\t<button><\/button>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\t  <\/div>\t\t\n\t\t\n   <div id=\"html-four-boxes-with-central-background-one-fp-three\" class=\"html-four-boxes-with-central-background-one-fp-three eds-on-scroll animated bounceInUp duration1\">\n\t <\/div>\t\t\n\t\t\n   <div id=\"html-four-boxes-with-central-background-one-fp-four\" class=\"html-four-boxes-with-central-background-one-fp-four eds-on-scroll animated slideInRight duration2\">\n\t\t\t\n\t\t\t\t\t\t<a href=\"\/tutorials3\">\n\t\t\t\t\n\t\t\t\t<h3><\/h3>\t\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\n\t\t\t\n\t \t\t\n\t\t\t\t\n\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t \t\t\t <div class=\"html-four-boxes-with-central-background-one-fp-button-parent\">\n\t\t\t<a href=\"\/tutorials3\">\n\t\t\t\t<button><\/button>\n\t\t <\/a>\n\t\t<\/div>\n\t\t    <\/div>\n\t\t\n    <div id=\"html-four-boxes-with-central-background-one-fp-five\" class=\"html-four-boxes-with-central-background-one-fp-five eds-on-scroll animated slideInRight duration2\">\n\t\t\t\t\n\t\t\t\t\t\t\t\t<a href=\"\/tutorials4\">\n\t\t\t\t\t\n\t\t\t\t\t<h3><\/h3>\t\n\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<div><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"html-four-boxes-with-central-background-one-fp-button-parent\">\n\t\t\t\t<a href=\"\/tutorials4\">\n\t\t\t\t\t<button><\/button>\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t    <\/div>\n    \n  <\/div>\n<\/div>\n\t\t\n\n<style>\n\n\/*** Content: Shortcode HTML Based - 4 boxes with central background one fp ***\/\n\n.html-four-boxes-with-central-background-one-fp-parent {\n  width:100%;\n  max-width:1200px; \n  margin:auto;\n\tmargin-bottom:80px;\n}\n\n.html-four-boxes-with-central-background-one-fp {\n  display:grid;\n\tgrid-template-columns: repeat(3, 1fr);\n  grid-gap: 40px; \n\twidth: 90%;\n  margin: auto;\n}\n\t\n.html-four-boxes-with-central-background-one-fp-one {\n  grid-column: 1 \/ span 1;\n  grid-row: 1 \/ span 2;\n}\n\n.html-four-boxes-with-central-background-one-fp-two {\n  grid-column: 1 \/ span 1;\n  grid-row: 2 \/ span 1;\n}\n\n.html-four-boxes-with-central-background-one-fp-three {\n  grid-column: 2 \/ span 1;\n  grid-row: 1 \/ span 2;\n}\n\n.html-four-boxes-with-central-background-one-fp-four {\n  grid-column: 3 \/ span 1;\n  grid-row: 1 \/ span 1;\n}\n\n.html-four-boxes-with-central-background-one-fp-five {\n  grid-column: 3 \/ span 1;\n  grid-row: 2 \/ span 1;\n}\t\n\n\n.html-four-boxes-with-central-background-one-fp-three {\n  height:100%;\n  background:url(\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Product-Categories\/lab-bg11-550x550-1.jpg\");\n  background-repeat:no-repeat;\n  background-position:center top;\n}\n\n.html-four-boxes-with-central-background-one-fp  > div > div {\n  padding:10px 0;\n}\n\t\n.html-four-boxes-with-central-background-one-fp-button-parent {\n\ttext-align:center;\n\tmargin:15px 0;\n}\n\t\n@media only screen and (max-width:800px){\n\t.html-four-boxes-with-central-background-one-fp-parent{\n\t\twidth:90%;\n\t\theight:auto;\n\t}\n\n\t.html-four-boxes-with-central-background-one-fp {\n\t\tdisplay:block;\n\t}\n\n\t.html-four-boxes-with-central-background-one-fp > div {\n\t\twidth:100%;\n\t\theight:auto;\n\t\tmargin-top:30px;\n\t}\n\n\t.html-four-boxes-with-central-background-one-fp > div > h3  {\n\t}\n\n\t.html-four-boxes-with-central-background-one-fp  > div > a > button  {\n\t\ttransition:all 0.3s;\n\t}\n\n\t.html-four-boxes-with-central-background-one-fp  > div > a > button:hover  {\n\t\ttransition:all 0.3s;\n\t}  \n\n\t.html-four-boxes-with-central-background-one-fp-three {\n\t\tdisplay:none;\n\t}\n}\n\t\t\t\t\t\t\t\t\t\t\t\t\n<\/style>\n\n\n\n\t<div class=\"html-tbiar-one-left-image-square-one\">\n\t\t<div class=\"html-tbiar-one-left-box  animated slideInLeft  duration2 eds-on-scroll \">\n\t\t\t<div class=\"html-tbiar-one-left-box-outer\"><\/div>\n\t\t\t<div class=\"html-tbiar-one-left-box-outer-overlay\"><\/div>\n\t\t\t<div class=\"html-tbiar-one-left-box-inner\">\n\t\t\t\t<div class=\"html-tbiar-one-left-box-inner-child\" style=\"background-image:url('https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/720x360\/lab-bg1-720x360-1.jpg');\"> <\/div>\n\n\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"html-tbiar-one-right-box  animated slideInRight  duration2 eds-on-scroll \">\n\t\t\t<h2 class=\"show-title\"><\/h2>\n\t\t\t<div><\/div>\n\t\t\t<a href=\"\/home\" class=\"show-button\">\n\t\t\t\t<button><\/button>\n\t\t\t<\/a>\n\t\t<\/div>\n\n\t<\/div>\n\n\t\t<style>\n\n\t\/*** Content: Shortcode HTML Based - 2 Boxes in a row - left image square 1 ***\/\n\n\t.html-tbiar-one-left-image-square-one {\n\t\tdisplay:table;\n\t\toverflow: hidden;\n\t\twidth:100%;\n\t\tmax-width:1200px;\n\t\tmargin: 0px auto;\n\t\tpadding:20px;\t\n\t}\n\n\t.html-tbiar-one-left-image-square-one .hide-title, .html-tbiar-one-left-image-square-one .hide-button {\n\t\tdisplay:none;\n\t}\n\n\t@media only screen and (min-width: 801px) { \n\t\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box, .html-tbiar-one-left-image-square-one .html-tbiar-one-right-box {\n\t\t\twidth:50%;\n\t\t\tdisplay:table-cell;\n\t\t\tvertical-align: middle;\n\t\t}\n\t}\n\n\t@media only screen and (max-width: 800px) { \n\n\t\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box, .html-tbiar-one-left-image-square-one .html-tbiar-one-right-box {\n\t\t\tdisplay:block;\n\t\t\tvertical-align: middle;\n\t\t\tmargin-bottom:40px;\n\t\t\toverflow: hidden;\n\t\t}\n\t}\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box{\n\t\tposition:relative;\n\t\tvertical-align: middle;\n\t\theight:400px;\n\t}\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box-outer {    \n\t\tposition: absolute;\n\t\tz-index:-2;\n\t\tdisplay: block;\n\t\twidth: 90%;\n\t\theight: 80%;\n\t\ttop: 10%;\n\t\tleft: 0;\n\t\tmargin-bottom:40px;\n\t\tborder-radius: 10px 0 0 10px;\n\t\tbackground: var(--primary-color);\n\t\ttransition: transform 0.3s;   \n\t}\n\n\t.dark-mode-on .html-tbiar-one-left-image-square-one .html-tbiar-one-left-box-outer {\n\t\tbackground: var(--dark-primary-color);   \n\t}\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box:hover .html-tbiar-one-left-box-outer { \n\t\ttransform: translateX(3px);\n\t}\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box-outer-overlay {    \n\t\tposition: absolute;\n\t\tz-index:-1;\n\t\tdisplay: block;\n\t\twidth: 90%;\n\t\theight: 80%;\n\t\ttop: 10%;\n\t\tleft:0;\n\t\tborder-radius: 10px 0 0 10px;\n\t\tbackground: linear-gradient(130deg, rgba(28,28,201,0) 10%, rgba(255,255,255,1) 70%);\n\t\ttransition: transform 0.3s;\n\t}\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box:hover .html-tbiar-one-left-box-outer-overlay { \n\t\ttransform: translateX(3px);\n\t}\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box-inner {\n\t\tposition: absolute;\n\t\tz-index: 1;\n\t\twidth: 90%;\n\t\theight: 70%;\n\t\ttop: 15%;\n\t\tleft:5%;\n\t\toverflow:hidden;\n\t\tborder-radius: 6px;\n\t\ttransition: transform 0.3s;    \n\t}\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box:hover .html-tbiar-one-left-box-inner { \n\t\ttransform: translateX(-3px);\n\t}\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box-inner-child {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\t\/* background-image is set inline on each instance, so several instances can be on the same page *\/\n\t\tbackground-size: cover;    \n\t}\n\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box-inner-child:before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tdisplay: block;\n\t\ttop: 0;\n\t\tleft: 0%;\n\t\twidth: 100%;\n\t\theight: 120%;\n\t\tbackground: rgba(255, 255, 255, 0.15);\n\t\ttransition: transform 1s;\n\t\ttransform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);\n\t\tz-index: 200;\n\t}\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-left-box-inner:hover .html-tbiar-one-left-box-inner-child::before { \n\t\ttransform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 80%, 0);\n\t}\n\n\t.html-tbiar-one-left-image-square-one .html-tbiar-one-right-box {}\n\n\t.html-tbiar-one-left-image-square-one button {\n\t\tmargin-top:20px;\n\t\ttransition:all 0.3s;\n\t}\t\n\n\t.html-tbiar-one-left-image-square-one button:hover {\n\t\ttransition:all 0.3s;\n\t}\t\n\n\t<\/style>\n\t\n\t\t\n\n\t<div class=\"html-tbiar-one-right-image-square-one\">\n\n\t\t<div class=\"html-tbiar-one-right-box  animated slideInRight  duration2 eds-on-scroll \">\n\t\t\t<div class=\"html-tbiar-one-right-box-outer\"><\/div>\n\t\t\t<div class=\"html-tbiar-one-right-box-outer-overlay\"><\/div>\n\t\t\t<div class=\"html-tbiar-one-right-box-inner\">\n\t\t\t\t<div class=\"html-tbiar-one-right-box-inner-child\" style=\"background-image:url('https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/720x360\/lab-bg3-720x360-1.jpg');\"> <\/div>\n\n\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"html-tbiar-one-left-box  animated slideInLeft  duration2 eds-on-scroll \">\n\t\t\t<h2 class=\"show-title\"><\/h2>\n\t\t\t<div><\/div>\n\t\t\t<a href=\"\/home2\" class=\"show-button\">\n\t\t\t\t<button><\/button>\n\t\t\t<\/a>\n\t\t<\/div>\n\n\t<\/div>\n\n\t\t<style>\n\n\t\/*** Content: Shortcode HTML Based - 2 boxes in a row - right image square 1 ***\/\n\n\t.html-tbiar-one-right-image-square-one {\n\t\tdisplay:table;\n\t\toverflow: hidden;\n\t\twidth:100%;\n\t\tmax-width:1200px;\n\t\tmargin: 0px auto;\n\t\tpadding:20px;\n\t}\n\n\t.html-tbiar-one-right-image-square-one .hide-title, .html-tbiar-one-right-image-square-one .hide-button {\n\t\tdisplay:none;\n\t}\n\n\t@media only screen and (min-width: 801px) {    \n\t\t.html-tbiar-one-right-image-square-one {\n\t\t\tdirection: rtl;\n\t\t}\n\n\t\t.html-tbiar-one-right-image-square-one .html-tbiar-one-left-box, .html-tbiar-one-right-image-square-one .html-tbiar-one-right-box {\n\t\t\twidth:50%;\n\t\t\tdisplay:table-cell;\n\t\t\tvertical-align: middle;\n\t\t\tdirection: ltr;  \n\t\t}\n\t}\n\n\t@media only screen and (max-width: 800px) { \n\t\t.html-tbiar-one-right-image-square-one .html-tbiar-one-left-box, .html-tbiar-one-right-image-square-one .html-tbiar-one-right-box {\n\t\t\tdisplay:block;\n\t\t\tvertical-align: middle;\n\t\t\tmargin-bottom:40px;\n\t\t\toverflow: hidden;\n\t\t}\n\t}\n\n\t.html-tbiar-one-right-image-square-one .html-tbiar-one-leftbox {}\n\n\t.html-tbiar-one-right-image-square-one button {\n\t\tmargin-top:20px;\n\t\ttransition:all 0.3s;\n\t}\t\t\t\t\t\n\n\t.html-tbiar-one-right-image-square-one button:hover {\n\t\ttransition:all 0.3s;\n\t}\t\n\n\t.html-tbiar-one-right-image-square-one .html-tbiar-one-right-box {\n\t\tposition:relative;\n\t\tvertical-align: middle;\n\t\theight:400px;\n\t}\n\n\t.html-tbiar-one-right-image-square-one .html-tbiar-one-right-box-outer {    \n\t\tposition: absolute;\n\t\tz-index:-2;\n\t\tdisplay: block;\n\t\twidth: 90%;\n\t\theight: 80%;\n\t\ttop: 10%;\n\t\tright: 0;\n\t\tmargin-bottom:40px;\n\t\tborder-radius: 0px 10px 10px 0px;\n\t\tbackground: var(--primary-color);\n\t\ttransition: transform 0.3s;   \n\t}\n\n\t.dark-mode-on .html-tbiar-one-right-image-square-one .html-tbiar-one-right-box-outer {\n\t\tbackground: var(--dark-primary-color);   \n\t}\n\n\t.html-tbiar-one-right-image-square-one .html-tbiar-one-right-box:hover .html-tbiar-one-right-box-outer { \n\t\ttransform: translateX(-3px);\n\t}\n\n\t.html-tbiar-one-right-image-square-one .html-tbiar-one-right-box-outer-overlay {    \n\t\tposition: absolute;\n\t\tz-index:-1;\n\t\tdisplay: block;\n\t\twidth: 90%;\n\t\theight: 80%;\n\t\ttop: 10%;\n\t\tright:0;\n\t\tborder-radius: 0px 10px 10px 0px;\n\t\tbackground: linear-gradient(-130deg, rgba(28,28,201,0) 10%, rgba(255,255,255,1) 70%);\n\t\ttransition: transform 0.3s;\n\t}\n\n\t.html-tbiar-one-right-image-square-one .html-tbiar-one-right-box:hover .html-tbiar-one-right-box-outer-overlay { \n\t\ttransform: translateX(-3px);\n\t}\n\n\t.html-tbiar-one-right-image-square-one .html-tbiar-one-right-box-inner {\n\t\tposition: absolute;\n\t\tz-index: 1;\n\t\twidth: 90%;\n\t\theight: 70%;\n\t\ttop: 15%;\n\t\tright:5%;\n\t\toverflow:hidden;\n\t\tborder-radius: 6px;\n\t\ttransition: transform 0.3s;\n\n\t}\n\n\t.html-tbiar-one-right-image-square-one .html-tbiar-one-right-box:hover .html-tbiar-one-right-box-inner { \n\t\ttransform: translateX(3px);\n\t}\n\n\t.html-tbiar-one-right-image-square-one .html-tbiar-one-right-box-inner-child {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\t\/* background-image is set inline on each instance, so several instances can be on the same page *\/\n\t\tbackground-size: cover;    \n\t}\n\n\n\t.html-tbiar-one-right-image-square-one .html-tbiar-one-right-box-inner-child:before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tdisplay: block;\n\t\ttop: 0;\n\t\tleft: 0%;\n\t\twidth: 100%;\n\t\theight: 120%;\n\t\tbackground: rgba(255, 255, 255, 0.15);\n\t\ttransition: transform 1s;\n\t\ttransform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);\n\t\tz-index: 200;\n\t}\n\n\t.html-tbiar-one-right-image-square-one .html-tbiar-one-right-box-inner:hover .html-tbiar-one-right-box-inner-child::before { \n\t\ttransform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 80%, 0);\n\t}\n\n\t<\/style>\n\t\n\t\n\t<div class=\"html-tbiar-one-photo-frame-left-one\">\n\t\t<div class=\"html-tbiar-one-left-photo-frame  animated slideInLeft  duration2 eds-on-scroll \">\n\t\t\t<div class=\"html-tbiar-one-left-photo-frame-outer\"><\/div>\n\t\t\t<div class=\"html-tbiar-one-left-photo-frame-outer-overlay\"><\/div>\n\t\t\t<div class=\"html-tbiar-one-left-photo-frame-inner\">\n\t\t\t\t<div class=\"html-tbiar-one-left-photo-frame-inner-child\" style=\"background-image:url('https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/720x360\/lab-bg3-720x360-1.jpg');\"> <\/div>\n\n\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"html-tbiar-one-right-photo-frame  animated slideInRight  duration2 eds-on-scroll \">\n\t\t\t<h2 class=\"show-title\"><\/h2>\n\t\t\t<div><\/div>\n\t\t\t<a href=\"\/home\" class=\"show-button\">\n\t\t\t\t<button><\/button>\n\t\t\t<\/a>\n\t\t<\/div>\n\n\n\t<\/div>\n\n\t\t<style>\n\n\t\/*** Content: Shortcode HTML Based - 2 boxes in a row - photo frame left 1 ***\/\n\n\t.html-tbiar-one-photo-frame-left-one {\n\t\tdisplay:table; \n\t\tmax-width:1200px;\n\t\tmargin: 100px auto;\n\t\tpadding:20px;\t\n\t}\n\n\t.html-tbiar-one-photo-frame-left-one .hide-title, .html-tbiar-one-photo-frame-left-one .hide-button {\n\t\tdisplay:none;\n\t}\n\n\t@media only screen and (min-width: 801px) { \n\t\t.html-tbiar-one-photo-frame-left-one .html-tbiar-one-left-photo-frame, .html-tbiar-one-photo-frame-left-one .html-tbiar-one-right-photo-frame {\n\t\t\twidth:50%;\n\t\t\tdisplay:table-cell;\n\t\t\tvertical-align: middle;\n\t\t}\n\t}\n\n\t@media only screen and (max-width: 800px) { \n\t\t.html-tbiar-one-photo-frame-left-one .html-tbiar-one-left-photo-frame, .html-tbiar-one-photo-frame-left-one .html-tbiar-one-right-photo-frame {\n\t\t\tdisplay:block;\n\t\t\tvertical-align: middle;\n\t\t\tmargin-bottom:40px;\n\t\t\toverflow: hidden;\n\t\t}\n\t}\n\n\t.html-tbiar-one-photo-frame-left-one .html-tbiar-one-left-photo-frame {\n\t\tposition:relative;\n\t\tvertical-align: middle;\n\t\theight:600px;\n\t}\n\t\t\n\t\t@media only screen and (max-width: 800px) { \n\t\t\t.html-tbiar-one-photo-frame-left-one .html-tbiar-one-left-photo-frame {\n\t\t\t\theight:400px;\n\t\t\t}\n\t\t}\t\n\n\t.html-tbiar-one-photo-frame-left-one .html-tbiar-one-left-photo-frame-outer {    \n\t\tposition: absolute;\n\t\tz-index:-3;\n\t\tdisplay: block;\n\t\twidth: 80%;\n\t\theight: 100%;\n\t\ttop: 0;\n\t\tleft:0;\t \n\t\tbackground: var(--primary-color);\n\t\tborder:10px solid white;\n\t\tbox-shadow: 0px 2px 20px 4px rgba(0, 0, 0, 0.2);\n\t\ttransition: transform 0.3s;   \n\t}\n\t\t\n\t\t@media only screen and (max-width: 800px) { \n\t\t\t.html-tbiar-one-photo-frame-left-one .html-tbiar-one-left-photo-frame-outer {\n\t\t\t\twidth: 80%;\n\t\t\t\theight: 80%;\n\t\t\t\ttop: 10%;\n\t\t\t\tleft: 10%;\n\t\t\t}\n\t\t}\n\n\t.dark-mode-on .html-tbiar-one-photo-frame-left-one .html-tbiar-one-left-photo-frame-outer {\n\t\tbackground: var(--dark-primary-color);   \n\t}\n\n\t.html-tbiar-one-photo-frame-left-one .html-tbiar-one-left-photo-frame-outer-overlay {    \n\t\tposition: absolute;\n\t\tz-index:-2;\n\t\tdisplay: block;\n\t\twidth: 80%;\n\t\theight: 100%;\n\t\ttop: 0;\n\t\tleft:0;\n\t\tbackground: var(--primary-color);\n\t\tborder:10px solid white;\n\t\tbox-shadow: 0px 2px 20px 4px rgba(0, 0, 0, 0.2);\n\t\ttransform: rotate(6deg);\n\t\ttransition: transform 0.3s;\n\t}\n\n\t.html-tbiar-one-photo-frame-left-one .html-tbiar-one-left-photo-frame:hover .html-tbiar-one-left-photo-frame-outer-overlay { \n\t\ttransform: rotate(5deg);\n\t\ttransition: transform 0.3s;\n\t}\n\t\t\n\t\t@media only screen and (max-width: 800px) { \n\t\t\t.html-tbiar-one-photo-frame-left-one .html-tbiar-one-left-photo-frame-outer-overlay {  \n\t\t\t\twidth: 80%;\n\t\t\t\theight: 80%;\n\t\t\t\ttop: 10%;\n\t\t\t\tleft: 10%;\n\t\t\t}\n\t\t}\t\n\n\t.html-tbiar-one-photo-frame-left-one .html-tbiar-one-left-photo-frame-inner {\n\t\tposition: absolute;\n\t\tz-index: -1;\n\t\twidth: 70%;\n\t\theight: 91%;\n\t\ttop: 4.5%;\n\t\tleft: 5%;\n\t\toverflow:hidden;  \n\t\ttransform: rotate(6deg);\n\t\ttransition: transform 0.3s;    \n\t}\n\n\t.html-tbiar-one-photo-frame-left-one .html-tbiar-one-left-photo-frame:hover .html-tbiar-one-left-photo-frame-inner {\n\t\ttransform: rotate(5deg); \n\t\ttransition: transform 0.3s;\n\t}\n\t\t\n\t\t@media only screen and (max-width: 800px) { \n\t\t\t.html-tbiar-one-photo-frame-left-one .html-tbiar-one-left-photo-frame-inner {\n\t\t\t\twidth: 70%;\n\t\t\t\theight: 75%;\n\t\t\t\ttop: 12.5%;\n\t\t\t\tleft: 15%;   \n\t\t\t}\n\t\t}\t\n\n\t.html-tbiar-one-photo-frame-left-one .html-tbiar-one-left-photo-frame-inner-child {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\t\/* background-image is set inline on each instance, so several instances can be on the same page *\/\n\t\tbackground-size: cover;    \n\t}\n\n\n\t.html-tbiar-one-photo-frame-left-one .html-tbiar-one-left-photo-frame-inner-child:before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tdisplay: block;\n\t\ttop: 0;\n\t\tleft: 0%;\n\t\twidth: 100%;\n\t\theight: 120%;\n\t\tbackground: rgba(255, 255, 255, 0.15);\n\t\ttransition: transform 1s;\n\t\ttransform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);\n\t\tz-index: 200;\n\t}\n\n\t.html-tbiar-one-photo-frame-left-one .html-tbiar-one-left-photo-frame-inner:hover .html-tbiar-one-left-photo-frame-inner-child::before { \n\t\ttransform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 80%, 0);\n\t}\n\n\t.html-tbiar-one-photo-frame-left-one .html-tbiar-one-right-photo-frame {}\n\n\t.html-tbiar-one-photo-frame-left-one button {\n\t\tmargin-top:20px;\n\t\ttransition:all 0.3s;\n\t}\t\n\n\t.html-tbiar-one-photo-frame-left-one button:hover {\n\t\ttransition:all 0.3s;\n\t}\t\n\n\t<\/style>\n\t\n\t\n\t<div class=\"html-tbiar-one-photo-frame-right-one\">  \n\n\t\t<div class=\"html-tbiar-one-left-photo-frame  animated slideInLeft  duration2 eds-on-scroll \">\n\t\t\t<h2 class=\"show-title\"><\/h2>\n\t\t\t<div><\/div>\n\t\t\t<a href=\"\/home4\" class=\"show-button\">\n\t\t\t\t<button><\/button>\n\t\t\t<\/a>\n\t\t<\/div>\n\n\t\t<div class=\"html-tbiar-one-right-photo-frame  animated slideInRight  duration2 eds-on-scroll \">\n\t\t\t<div class=\"html-tbiar-one-right-photo-frame-outer\"><\/div>\n\t\t\t<div class=\"html-tbiar-one-right-photo-frame-outer-overlay\"><\/div>\n\t\t\t<div class=\"html-tbiar-one-right-photo-frame-inner\">\n\t\t\t\t<div class=\"html-tbiar-one-right-photo-frame-inner-child\" style=\"background-image:url('https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/720x360\/lab-bg3-720x360-1.jpg');\"> <\/div>           \n\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n\t<\/div>\n\n\t\t<style>\n\n\t\/*** Content: Shortcode HTML Based - 2 boxes in a row - photo frame right 1 ***\/\n\n\t.html-tbiar-one-photo-frame-right-one {\n\t\tdisplay:table; \n\t\tmax-width:1200px;\n\t\tmargin: 100px auto;\n\t\tpadding:20px;\t\n\t}\n\n\t.html-tbiar-one-photo-frame-right-one .hide-title, .html-tbiar-one-photo-frame-right-one .hide-button {\n\t\tdisplay:none;\n\t}\n\n\t@media only screen and (min-width: 801px) { \n\t\t.html-tbiar-one-photo-frame-right-one .html-tbiar-one-left-photo-frame, .html-tbiar-one-photo-frame-right-one .html-tbiar-one-right-photo-frame {\n\t\t\twidth:50%;\n\t\t\tdisplay:table-cell;\n\t\t\tvertical-align: middle;\n\t\t}\n\t}\n\n\t@media only screen and (max-width: 800px) { \n\t\t.html-tbiar-one-photo-frame-right-one .html-tbiar-one-left-photo-frame, .html-tbiar-one-photo-frame-right-one .html-tbiar-one-right-photo-frame {\n\t\t\tdisplay:block;\n\t\t\tvertical-align: middle;\n\t\t\tmargin-bottom:40px;\n\t\t\toverflow: hidden;\n\t\t}\n\t}\n\n\t.html-tbiar-one-photo-frame-right-one .html-tbiar-one-right-photo-frame {\n\t\tposition:relative;\n\t\tvertical-align: middle;\n\t\theight:600px;\n\t}\n\t\t\n\t\t@media only screen and (max-width: 800px) { \n\t\t\t.html-tbiar-one-photo-frame-right-one .html-tbiar-one-right-photo-frame {\n\t\t\t\theight:400px;\n\t\t\t}\n\t\t}\n\n\t.html-tbiar-one-photo-frame-right-one .html-tbiar-one-right-photo-frame-outer {    \n\t\tposition: absolute;\n\t\tz-index:-3;\n\t\tdisplay: block;\n\t\twidth: 80%;\n\t\theight: 100%;\n\t\ttop: 0;\n\t\tright:0;\n\t\tbackground: var(--primary-color);\n\t\tborder:10px solid white;\n\t\tbox-shadow: 0px 2px 20px 4px rgba(0, 0, 0, 0.2);\n\t\ttransition: transform 0.3s;   \n\t}\n\n\t.dark-mode-on .html-tbiar-one-photo-frame-right-one .html-tbiar-one-right-photo-frame-outer {\n\t\tbackground: var(--dark-primary-color);   \n\t}\n\t\t\n\t@media only screen and (max-width: 800px) { \n\t\t.html-tbiar-one-photo-frame-right-one .html-tbiar-one-right-photo-frame-outer {\n\t\t\twidth: 80%;\n\t\t\theight: 80%;\n\t\t\ttop: 10%;\n\t\t\tright: 10%;\n\t\t}\n\t}\n\t\t\n\t\t\n\t.html-tbiar-one-photo-frame-right-one .html-tbiar-one-right-photo-frame-outer-overlay {    \n\t\tposition: absolute;\n\t\tz-index:-2;\n\t\tdisplay: block;\n\t\twidth: 80%;\n\t\theight: 100%;\n\t\ttop: 0;\n\t\tright:0;\n\t\tbackground: var(--primary-color);\n\t\tborder:10px solid white;\n\t\tbox-shadow: 0px 2px 20px 4px rgba(0, 0, 0, 0.2);\n\t\ttransform: rotate(6deg);\n\t\ttransition: transform 0.3s;\n\t}\n\n\t.html-tbiar-one-photo-frame-right-one .html-tbiar-one-right-photo-frame:hover .html-tbiar-one-right-photo-frame-outer-overlay { \n\t\ttransform: rotate(5deg);\n\t\ttransition: transform 0.3s;\n\t}\n\t\t\n\t\t@media only screen and (max-width: 800px) { \n\t\t\t.html-tbiar-one-photo-frame-right-one .html-tbiar-one-right-photo-frame-outer-overlay {  \n\t\t\t\twidth: 80%;\n\t\t\t\theight: 80%;\n\t\t\t\ttop: 10%;\n\t\t\t\tright: 10%;\n\t\t\t}\n\t\t}\n\n\t.html-tbiar-one-photo-frame-right-one .html-tbiar-one-right-photo-frame-inner {\n\t\tposition: absolute;\n\t\tz-index: -1;\n\t\twidth: 70%;\n\t\theight: 91%;\n\t\ttop: 4.5%;\n\t\tright: 5%;\n\t\toverflow:hidden;  \n\t\ttransform: rotate(6deg);\n\t\ttransition: transform 0.3s;    \n\t}\n\n\t.html-tbiar-one-photo-frame-right-one .html-tbiar-one-right-photo-frame:hover .html-tbiar-one-right-photo-frame-inner {\n\t\ttransform: rotate(5deg); \n\t\ttransition: transform 0.3s;\n\t}\n\t\t\n\t\t@media only screen and (max-width: 800px) { \n\t\t\t.html-tbiar-one-photo-frame-right-one .html-tbiar-one-right-photo-frame-inner {\n\t\t\t\twidth: 70%;\n\t\t\t\theight: 75%;\n\t\t\t\ttop: 12.5%;\n\t\t\t\tright: 15%;   \n\t\t\t}\n\t\t}\t\n\n\t.html-tbiar-one-photo-frame-right-one .html-tbiar-one-right-photo-frame-inner-child {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\t\/* background-image is set inline on each instance, so several instances can be on the same page *\/\n\t\tbackground-size: cover;    \n\t}\n\n\n\t.html-tbiar-one-photo-frame-right-one .html-tbiar-one-right-photo-frame-inner-child:before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tdisplay: block;\n\t\ttop: 0;\n\t\tright: 0%;\n\t\twidth: 100%;\n\t\theight: 120%;\n\t\tbackground: rgba(255, 255, 255, 0.15);\n\t\ttransition: transform 1s;\n\t\ttransform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);\n\t\tz-index: 200;\n\t}\n\n\t.html-tbiar-one-photo-frame-right-one .html-tbiar-one-right-photo-frame-inner:hover .html-tbiar-one-right-photo-frame-inner-child::before { \n\t\ttransform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 80%, 0);\n\t}\n\n\t.html-tbiar-one-photo-frame-right-one .html-tbiar-one-right-photo-frame {}\n\n\t.html-tbiar-one-photo-frame-right-one button {\n\t\tmargin-top:20px;\n\t\ttransition:all 0.3s;\n\t}\t\n\n\t.html-tbiar-one-photo-frame-right-one button:hover {\n\t\ttransition:all 0.3s;\n\t}\t\n\n\n\t<\/style>\n\t\n\t\n\t<div class=\"html-tbiar-one-right-image-rhombus-one\">\n\n\t\t<div class=\"html-tbiar-one-right-box animated slideInRight  duration2 eds-on-scroll\">\n\t\t\t<div class=\"html-tbiar-one-right-box-outer-one\"><\/div>\n\t\t\t<div class=\"html-tbiar-one-right-box-outer-two\"><\/div>\n\t\t\t<div class=\"html-tbiar-one-right-box-inner\">\n\t\t\t\t<div class=\"html-tbiar-one-right-box-inner-child\" style=\"background-image:url('https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/720x360\/lab-bg5-720x360-1.jpg');\">\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<div class=\"html-tbiar-one-left-box  animated slideInLeft delay1 duration2 eds-on-scroll \">\n\t\t\t<h2 class=\"show-title\"><\/h2>\n\t\t\t<div><\/div>\n\t\t\t<a href=\"\/home3\" class=\"show-button\">\n\t\t\t\t<button><\/button>\n\t\t\t<\/a>\n\t\t<\/div>\n\n\t<\/div>\n\n\t\t<style>\n\n\t\/*** Content: Shortcode HTML Based - 2 boxes in a row - right image rhombus 1 ***\/\n\n\t.html-tbiar-one-right-image-rhombus-one {\n\t\tdisplay:table;\n\t\toverflow: hidden;\n\t\tmax-width:1200px;\n\t\tmargin: 30px auto;\n\t\tpadding:20px;\t\n\t}\n\n\t.html-tbiar-one-right-image-rhombus-one .hide-title, .html-tbiar-one-right-image-rhombus-one .hide-button {\n\t\tdisplay:none;\n\t}\n\n\t@media only screen and (min-width: 801px) {     \n\t\t.html-tbiar-one-right-image-rhombus-one {\n\t\t\tdirection: rtl;  \t\n\t\t}\n\n\t\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-left-box, .html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box {\n\t\t\twidth:50%;\n\t\t\tdisplay:table-cell;\n\t\t\tvertical-align: middle;\n\t\t\tdirection: ltr;\n\t\t}\n\t}\n\n\t@media only screen and (max-width: 800px) { \n\t\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-left-box, .html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box {\n\t\t\twidth:100%;\n\t\t\tdisplay:block;\n\t\t\tvertical-align: middle;\n\t\t\tmargin-bottom:40px;\n\t\t\toverflow: hidden;\n\t\t}\n\t}\n\n\th2.html-tbiar-one-left-box {\n\t\tcolor:var(--primary-color);\n\t}\n\n\t.dark-mode-on h2.html-tbiar-one-left-box {\n\t\tcolor:var(--dark-primary-color);\n\t}\n\n\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-left-box {\n\t\tz-index: 1; \n\t}\n\n\t.html-tbiar-one-right-image-rhombus-one button {\n\t\tmargin-top:20px;\n\t\ttransition:all 0.3s;\n\t}\t\t\n\n\t.html-tbiar-one-right-image-rhombus-one button:hover {\n\t\ttransition:all 0.3s;\n\t}\t\t\n\n\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box {\n\t\tposition:relative;\n\t\tvertical-align: middle;\n\t\theight: 500px\n\t}\n\t\t\n\t\t@media only screen and (max-width: 800px) { \n\t\t\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box {\n\t\t\t\theight: 400px\n\t\t\t}\n\t\t}\t\n\n\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-outer-one {\n\t\tposition: absolute;\n\t\tz-index:-2;\n\t\tdisplay: block;\n\t\twidth: 500px;\n\t\theight: 500px;\n\t\tright: 12%;\n\t\ttop: 0;\n\t\tborder-radius: 88px;\n\t\tbackground: var(--primary-color);\n\t\ttransform: rotate(45deg);\n\t\ttransition:transform 0.3s;\n\t}\n\t\t\n\t\t@media only screen and (max-width: 800px) { \n\t\t\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-outer-one {\n\t\t\t\twidth: 300px;\n\t\t\t\theight: 300px;\n\t\t\t\tright: 14%;\n\t\t\t\ttop: 60px;\n\t\t\t\tborder-radius: 58px;\n\t\t\t}\n\t\t}\t\t\n\n\t.dark-mode-on .html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-outer-one {\n\t\tbackground: var(--dark-primary-color);\n\t}\n\n\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box:hover .html-tbiar-one-right-box-outer-one {    \n\t\ttransform: rotate(45deg) translateX(4px)  translateY(-4px);\n\t}\n\n\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-outer-two {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tz-index:-1;\n\t\twidth: 421px;\n\t\theight: 420px;\n\t\tright: 36%;\n\t\ttop:40px;\n\t\ttransform: rotate(45deg);\n\t\tborder-radius: 40px;\n\t\tbackground: var(--body-background-color);\n\t}\n\t\t\n\t\t@media only screen and (max-width: 800px) { \n\t\t\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-outer-two {\n\t\t\t\twidth: 301px;\n\t\t\t\theight: 301px;\n\t\t\t\tright: 36%;\n\t\t\t\ttop: 60px;\n\t\t\t\tborder-radius: 40px;\n\t\t\t}\n\t\t}\t\n\n\t.dark-mode-on .html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-outer-two {\n\t\tbackground: var(--dark-body-background-color);\n\t}\n\n\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-inner {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\twidth: 300px;\n\t\theight: 300px;\n\t\tright: 20%; \n\t\ttop: 100px;\n\t\toverflow: hidden;\n\t\tborder-radius: 80px;\n\t\ttransform: rotate(45deg);\n\t\tbox-shadow: var(--box-shadow-medium) var(--shadow-color);\n\t\ttransition:all 0.3s;\n\t}\n\n\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-inner:hover {\n\t\tbox-shadow: var(--box-shadow-medium) var(--hovered-shadow-color);\n\t\ttransition:all 0.3s;\n\t}\n\t\t\n\t\t@media only screen and (max-width: 800px) { \n\t\t\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-inner {\n\t\t\t\twidth: 240px;\n\t\t\t\theight: 240px;\n\t\t\t\tright: 24%;\n\t\t\t\ttop: 90px;\n\t\t\t\tborder-radius: 70px;\n\t\t\t}\n\t\t}\n\n\t.dark-mode-on .html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-inner {\n\t\tbox-shadow: var(--box-shadow-medium) var(--dark-shadow-color);\n\t}\n\n\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-inner-child {\n\t\ttransform: rotate(-45deg);\n\t\tposition: absolute;\n\t\twidth: 420px;\n\t\theight: 420px;\n\t\tleft: -75px;\n\t\ttop: -75px; \n\t\t\/* background-image is set inline on each instance, so several instances can be on the same page *\/\n\t\tbackground-size: cover;    \n\t}\n\n\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-inner-child::before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tdisplay: block;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth:420px;\n\t\theight: 420px;\n\t\tbackground: rgba(255, 255, 255, 0.15);\n\t\ttransition: transform 1s;\n\t\ttransition: transform 1s; \n\t\ttransform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 60deg) translate3d(0, -100%, 0);\n\t\tz-index: 200;  \n\t}\n\n\t.html-tbiar-one-right-image-rhombus-one .html-tbiar-one-right-box-inner:hover .html-tbiar-one-right-box-inner-child::before { \n\t\ttransform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 55deg) translate3d(0, 68%, 0);\n\t}\n\n<\/style>\n\t\n\t\t\n\n\t<div class=\"html-tbiar-one-right-image-rhombus-two\">\n\t\t<div class=\"html-tbiar-one-right-box  animated slideInRight  duration2 eds-on-scroll \">\n\t\t\t<div class=\"html-tbiar-one-right-box-outer\">\n\t\t\t\t<div class=\"html-tbiar-one-right-box-inner-one\"><\/div>\n\t\t\t\t<div class=\"html-tbiar-one-right-box-inner-two\">\n\t\t\t\t\t<div class=\"html-tbiar-one-right-box-inner-two-child\" style=\"background-image:url('https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/720x360\/lab-bg7-720x360-1.jpg');\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"html-tbiar-one-left-box  animated slideInLeft  duration2 eds-on-scroll \">\n\t\t\t<h2 class=\"show-title\"><\/h2>\n\t\t\t<div><\/div>\n\t\t\t<a href=\"\/home4\" class=\"show-button\">\n\t\t\t\t<button><\/button>\n\t\t\t<\/a>\n\t\t<\/div>\n\t<\/div>\n\n\t\t<style>\n\n\t\/*** Content: Shortcode HTML Based - 2 boxes in a row - right image rhombus 2 ***\/\n\n\t.html-tbiar-one-right-image-rhombus-two {\n\t\tdisplay:table;\n\t\toverflow: hidden;\n\t\tmax-width:1200px;\n\t\tmargin: 30px auto;\n\t\tpadding:20px;\n\t}\n\n\t.html-tbiar-one-right-image-rhombus-two .hide-title, .html-tbiar-one-right-image-rhombus-two .hide-button {\n\t\tdisplay:none;\n\t}\n\n\t@media only screen and (min-width: 801px) {    \n\t\t.html-tbiar-one-right-image-rhombus-two {\n\t\t\tdirection: rtl;\n\t\t}\n\n\t\t.html-tbiar-one-right-image-rhombus-two .html-tbiar-one-left-box, .html-tbiar-one-right-image-rhombus-two .html-tbiar-one-right-box {\n\t\t\twidth:50%;\n\t\t\tdisplay:table-cell;\n\t\t\tvertical-align: middle;\n\t\t\tdirection: ltr;\n\t\t}\n\t}\n\n\t@media only screen and (max-width: 800px) { \n\t\t.html-tbiar-one-right-image-rhombus-two .html-tbiar-one-left-box, .html-tbiar-one-right-image-rhombus-two .html-tbiar-one-right-box {\n\t\t\twidth:100%;\n\t\t\tdisplay:block;\n\t\t\tvertical-align: middle;\n\t\t\tmargin-bottom:30px;\n\t\t\toverflow: hidden;\t\t\n\t\t}\n\t}\n\n\t.html-tbiar-one-right-image-rhombus-two .html-tbiar-one-left-box {}\n\n\t.html-tbiar-one-right-image-rhombus-two button {\n\t\tmargin-top:20px;\n\t\ttransition:all 0.3s;\n\t}\t\t\n\n\t.html-tbiar-one-right-image-rhombus-two button:hover {\n\t\ttransition:all 0.3s;\n\t}\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\n\t.html-tbiar-one-right-image-rhombus-two .html-tbiar-one-right-box {\n\t\toverflow:visible;\n\t\tposition:relative;\n\t\tvertical-align: middle;\n\t\theight: 460px;\n\t}\n\t\t\n\t\t\n\t\t@media only screen and (max-width: 800px) { \n\t\t\t.html-tbiar-one-right-image-rhombus-two .html-tbiar-one-right-box {\n\t\t\t\theight: 420px;\n\t\t\t}\t\n\t\t}\n\n\n\t.html-tbiar-one-right-image-rhombus-two .html-tbiar-one-right-box-inner-one {\n\t\tposition: absolute;\n\t\tz-index:1;\n\t\tdisplay: block;\n\t\ttransform: rotate(45deg);\n\t\twidth: 300px;\n\t\theight: 300px;\n\t\tright: 20%;\n\t\ttop: 50px;\n\t\tborder-radius: 40px;\n\t\tborder:20px solid;\n\t\tcolor: var(--primary-color);\n\t\ttransition:transform 0.3s;\n\t}\n\t\t\n\t\t@media only screen and (max-width: 800px) { \n\t\t\t.html-tbiar-one-right-image-rhombus-two .html-tbiar-one-right-box-inner-one {\n\t\t\t\twidth: 300px;\n\t\t\t\theight: 300px;\n\t\t\t\tright: 16%; \n\t\t\t\ttop: 60px;\n\t\t\t}\t\n\t\t}\n\n\t.dark-mode-on .html-tbiar-one-right-image-rhombus-two .html-tbiar-one-right-box-inner-one {\n\t\tcolor: var(--dark-primary-color);\n\t}\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\n\t.html-tbiar-one-right-image-rhombus-two .html-tbiar-one-right-box-outer:hover .html-tbiar-one-right-box-inner-one {\n\t\ttransform: rotateX(2deg) rotateY(7deg) rotateZ(45deg) skewX(-2deg);\n\t}\n\n\t.html-tbiar-one-right-image-rhombus-two .html-tbiar-one-right-box-inner-two {\n\t\tposition: absolute;\n\t\tdisplay: block;\n\t\twidth: 300px;\n\t\theight: 300px;\n\t\tright: 36%; \n\t\ttop: 70px;\n\t\toverflow: hidden;\n\t\tborder-radius: 40px;\n\t\ttransform: rotate(45deg);\n\t\tbox-shadow: var(--box-shadow-medium) var(--shadow-color);\n\t\ttransition:all 0.3s;\n\t}\n\n\t.html-tbiar-one-right-image-rhombus-two .html-tbiar-one-right-box-inner-two:hover {\n\t\tbox-shadow: var(--box-shadow-medium) var(--hovered-shadow-color);\n\t\ttransition:all 0.3s;\n\t}\n\t\t\n\t\t@media only screen and (max-width: 800px) { \n\t\t\t.html-tbiar-one-right-image-rhombus-two .html-tbiar-one-right-box-inner-two {\n\t\t\t\twidth: 301px;\n\t\t\t\theight: 301px;\n\t\t\t\tright: 28%; \n\t\t\t\ttop: 66px;\n\t\t\t}\t\n\t\t}\t\n\n\t.dark-mode-on .html-tbiar-one-right-image-rhombus-two .html-tbiar-one-right-box-inner-two {\n\t\tbox-shadow: var(--box-shadow-medium) var(--dark-shadow-color);\n\t}\n\n\t.html-tbiar-one-right-image-rhombus-two .html-tbiar-one-right-box-inner-two-child {\n\t\ttransform: rotate(-45deg);\n\t\tposition: absolute;\n\t\twidth: 420px;\n\t\theight: 420px;\n\t\tleft: -60px;\n\t\ttop: -60px;\n\t\t\/* background-image is set inline on each instance, so several instances can be on the same page *\/\n\t\tbackground-size: cover;   \n\t}\n\t\t\n\t\t@media only screen and (max-width: 800px) { \n\t\t\t.html-tbiar-one-right-image-rhombus-two .html-tbiar-one-right-box-inner-two-child {\n\t\t\t\twidth: 360px;\n\t\t\t\theight: 360px;\n\t\t\t\tleft: -40px;\n\t\t\t\ttop: -40px;\n\t\t\t}\t\n\t\t}\t\n\n\t.html-tbiar-one-right-image-rhombus-two .html-tbiar-one-right-box-inner-two-child::before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tdisplay: block;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth:420px;\n\t\theight: 420px;\n\t\tbackground: rgba(255, 255, 255, 0.15);\n\t\ttransition: transform 1s;\n\t\ttransform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 60deg) translate3d(0, -100%, 0);\n\t\tz-index: 200;  \n\t}\n\n\t.html-tbiar-one-right-image-rhombus-two .html-tbiar-one-right-box-outer:hover .html-tbiar-one-right-box-inner-two-child::before { \n\t\ttransform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 55deg) translate3d(0, 68%, 0);\n\t}\n\n\t<\/style>\n\t\n\t\n\t<div class=\"html-tbiar-one-alternating-text-images-one-parent\">\n\t<div class=\"html-tbiar-one-alternating-text-images-one-row\">\n\t\t<div class=\"html-tbiar-one-alternating-text-images-one-column tbiar-column-left\">   \n\t\t\t<div class=\"html-tbiar-one-alternating-text-images-one-image\">   \n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/720x360\/lab-bg9-720x360-1.jpg\"\/>\n\t\t\t<\/div> \n\t\t<\/div> \n\t\t<div class=\"html-tbiar-one-alternating-text-images-one-column tbiar-column-right\">   \n\t\t\t<div class=\"html-tbiar-one-alternating-text-images-one-text\">   \n\t\t\t\t<h4 class=\"show-title\"><\/h4>\n\t\t\t\t<div><\/div>\n\t\t\t\t<a href=\"\" class=\"show-button\">\n\t\t\t\t<button><\/button>\n\t\t\t<\/a>\n\t\t\t<\/div> \n\t\t<\/div>  \n\t<\/div>\n\t<\/div>\n\t\t\t<style>\n\n\t\/*** Content: Shortcode HTML Based - 2 boxes in a row - Alternating Text and Images One ***\/\n\n\t.html-tbiar-one-alternating-text-images-one-row {\n\t\tdisplay:flex;\n\t\tflex-direction: row; \t\n\t}\n\n\t.dark-mode-on .html-tbiar-one-alternating-text-images-one-row {}\n\n\t.html-tbiar-one-alternating-text-images-one-row .hide-title, .html-tbiar-one-alternating-text-images-one-row .hide-button {\n\t\tdisplay:none;\n\t}\n\n\t@media only screen and (min-width: 801px){\n\t\t.html-tbiar-one-alternating-text-images-one-row.tbiar-reverse-row {\n\t\t\tflex-direction: row-reverse; \n\t\t}\n\t}\n\n\t@media only screen and (max-width: 800px){\n\t\t.html-tbiar-one-alternating-text-images-one-row {\n\t\t\tflex-direction: column; \n\t\t}\n\t}\n\n\t.html-tbiar-one-alternating-text-images-one-column {  \n\t\toverflow:hidden; \n\t}\n\n\t@media only screen and (min-width: 801px){\n\t\t.html-tbiar-one-alternating-text-images-one-column { \n\t\t\twidth:50%;\n\t\t} \n\t}\n\n\t@media only screen and (max-width: 800px){\n\t\t.html-tbiar-one-alternating-text-images-one-column { \n\t\t\twidth:100%;\n\t\t} \n\t}\n\n\t.html-tbiar-one-alternating-text-images-one-column {  \n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\tjustify-content:center;  \n\t}\n\t\t\n\t.html-tbiar-one-alternating-text-images-one-image {\n\t\tdisplay:flex;\n\t\tjustify-content:center;  \n\t}\n\t\t\n\t@media only screen and (min-width: 801px){\n\t\t.html-tbiar-one-alternating-text-images-one-column img { \n\t\t\tdisplay:block;\n\t\t\twidth:auto;\n\t\t\tmax-width: unset;\n\t\t\tmax-height: 800px;\n\t\t}\n\t}\n\t\t\n\t@media only screen and (min-width: 981px){\n\t\t.html-tbiar-one-alternating-text-images-one-column img { \n\t\t\tmax-height: 540px;\n\t\t} \n\t}\t\n\t\t\n\t@media only screen and (min-width: 1440px){\n\t  .html-tbiar-one-alternating-text-images-one-column img { \n\t\t\twidth: 100%;\n  \t\tmax-height: unset;\n\t\t} \n\t}\t\t\n\n\t.html-tbiar-one-alternating-text-images-one-text {\n\t\tpadding:40px 8%;\n\t}\n\n\t.html-tbiar-one-alternating-text-images-one-text button {\n\t\tmargin-top:12px;\n\t\ttransition:all 0.3s;\n\t}\n\n\t.html-tbiar-one-alternating-text-images-one-text button:hover {\n\t\ttransition:all 0.3s;\n\t}\n\n<\/style>\n\t\n\t\n\t<div class=\"html-tbiar-one-alternating-text-images-one-parent\">\n\t<div class=\"html-tbiar-one-alternating-text-images-one-row tbiar-reverse-row\">\n\t\t<div class=\"html-tbiar-one-alternating-text-images-one-column tbiar-column-left\">   \n\t\t\t<div class=\"html-tbiar-one-alternating-text-images-one-image\">   \n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/720x360\/lab-bg8-720x360-1.jpg\"\/>\n\t\t\t<\/div> \n\t\t<\/div> \n\t\t<div class=\"html-tbiar-one-alternating-text-images-one-column tbiar-column-right\">   \n\t\t\t<div class=\"html-tbiar-one-alternating-text-images-one-text\">   \n\t\t\t\t<h4 class=\"show-title\"><\/h4>\n\t\t\t\t<div><\/div>\n\t\t\t\t<a href=\"\" class=\"show-button\">\n\t\t\t\t<button><\/button>\n\t\t\t<\/a>\n\t\t\t<\/div> \n\t\t<\/div>  \n\t<\/div>\n\t<\/div>\n\t\t\n\t\n\n\n<div class=\"html-box-on-background-one-fp-parent moving-water-background saturation-on-hover  \">\n\t<div class=\"html-box-on-background-one-fp\">    \n\t\t\n\t\t\t\n\t\t\t    \n\t\t\t<a href=\"\/shop\">\n\t\t\t\t\n\t\t\t\t<h3 class=\"html-box-on-background-one-fp-title\">\n\t\t\t\t\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t \n\t\t\t\n\t\t\t\t\n  \t\t<div class=\"html-box-on-background-one-fp-content\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t \n\t\t\t\n\t\t\t<div class=\"html-box-on-background-one-fp-button-parent\">\t\t\t\t\n\t\t\t\t<a class=\"html-box-on-background-one-fp-button\" href=\"\/shop\" target=\"_self\">\n\t\t\t\t\t<button><\/button>\t\n\t\t\t\t<\/a>\t\t\t\n\t\t\t<\/div>\t\t\t\t   \t\n\t\t\t\t\n <\/div>\n<\/div>\n\t\t\n\n<style>\n\n\/*** Content: Shortcode HTML Based - Box on Background ***\/ \n\n.html-box-on-background-one-fp-parent { \n  position:relative;\n  width:100%;\n  height:640px;\n  margin-bottom:140px;\n\ttransition: all 0.3s;\n }\n\t\n@media only screen and (max-width: 800px){\t\n\t.html-box-on-background-one-fp-parent {\n\t\tpadding: 50px 0px;\n\t\theight:auto;\n\t\tmargin-bottom:80px; \n\t}\n}\t\n\t\n.html-box-on-background-one-fp-parent:before {\t\n\tcontent: \"\";\n  position: absolute;\n  top: 0; left: 0;\n  width: 100%;\n\theight: 100%;\n\tbackground-image: url(\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/lab-bg9-1920x1080-1.jpg\");\n\tbackground-size: cover;  \n\tbackground-repeat: no-repeat;\n\tbackground-position: center; \n\ttransition: all 0.3s;\n}\n\t\n.html-box-on-background-one-fp-parent.saturation-on-hover:hover:before {\n\tfilter: saturate(0);\n\ttransition: all 0.3s;\n}\t\t\n\t\n.html-box-on-background-one-fp-parent.zoom-on-hover:hover:before {\n\ttransform: scale(1.04);\t\n\ttransition: all 0.3s;\n}\t\n\t\n.html-box-on-background-one-fp-parent.intense-zoom-on-hover:hover:before {\n\ttransform: scale(1.2);\t\n\ttransition: all 0.3s;\n}\t\t\t\t\n\n.html-box-on-background-one-fp {\n\tposition: absolute;\n\tpadding: 51px 43px 63px 48px;\n\tbackground-color: var(--body-background-color);\n\tbox-sizing: border-box;\n\tmax-width: 500px;\n\twidth: 100%;\n\tmargin: auto;\n\ttop: auto;\n\tbottom: -70px;\n\tleft: 35.4%;\n\tright: 0px;\n\tz-index: 5;   \n}\n\n.dark-mode-on\t.html-box-on-background-one-fp {\n background-color: var(--dark-body-background-color);  \n}\n\n.html-box-on-background-one-fp  { \n\tborder:var(--border-width-style-small);\n\tborder-radius:var(--border-radius-large);\n\tbox-shadow:var(--box-shadow-large) var(--shadow-color);\n\ttransition:all 0.3s;\n}\n\n.html-box-on-background-one-fp:hover {\n\tbox-shadow:var(--box-shadow-large) var(--hovered-shadow-color);\n\ttransition:all 0.3s;\n}\n\n.dark-mode-on .html-box-on-background-one-fp  {\n\tbox-shadow:var(--box-shadow-large) var(--dark-shadow-color);\n}\n\n.dark-mode-on .html-box-on-background-one-fp:hover {\n\tbox-shadow:var(--box-shadow-large) var(--dark-hovered-shadow-color);\n}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n@media only screen and (max-width: 800px){\n .html-box-on-background-one-fp {\n   position: relative;\n   max-width: 96%;\n   top:0;\n   bottom:0;\n   left:0;\n   right:0;\n   padding: 40px 20px;\n   width: 100%;\n   margin: 0 2%;  \n\t} \n}\n\n.html-box-on-background-one-fp-title{\n\tcolor:var(--header-color);    \n}\t\n\n.dark-mode-on\t.html-box-on-background-one-fp-title{\n  color:var(--dark-header-color);\n}\n\t\nh3.html-box-on-background-one-fp-title {\n\tposition:relative;\n\tmargin: 0 0 20px 0;\n\tpadding: 5px;\n\ttext-align: right;\n}\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n.html-box-on-background-one-fp-content {\n\tcolor:var(--text-color);\n\tmargin: 5px;\n\tpadding: 0;\n\ttext-align: justify;\n\tmax-width: 100%;\n\tword-wrap: break-word;    \n}\n\n\n.dark-mode-on\t.html-box-on-background-one-fp-content {\n\tcolor:var(--dark-text-color);   \n}\t\n\t\n.html-box-on-background-one-fp-button-parent {\n\ttext-align:right;\n}\n\t\n.html-box-on-background-one-fp-button {\n\tdisplay:inline-block;\n\tborder: 0 !important;\n\ttext-transform:none;\n\tmargin: 5px;\n}\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<\/style>\n\n\n\n<div class=\"html-overlap-boxes\">\n\t<div class=\"html-overlap-box-one slide-in-from-left-animation\"><\/div>\n\t<div class=\"html-overlap-box-two text-animation\"><\/div>\n<\/div>\n\n\t\t\n\n<style>\n\n\/*** Content: Shortcode HTML Based - Overlapping Boxes ***\/\n\n.html-overlap-boxes {\n  display: flex;\n\tjustify-content:center;\n\talign-items:center;\n  position: relative;\n  box-sizing: border-box;\n\tmargin:80px 5%;\n}\n\n.html-overlap-box-one,\n.html-overlap-box-two {\t\n\tdisplay: flex;\n\tflex-direction:column;\n  justify-content: center;\n\twidth:45%;\n\tpadding:20px 5%;\t\t\n\tbox-sizing: border-box;\n\tborder: var(--border-width-style-small) var(--border-color);\n\tborder-radius:var(--border-radius-medium);\n\tbox-shadow:var(--box-shadow-large) var(--shadow-color);\n\ttransition:all 0.3s;\n}\n\n.html-overlap-box-one:hover,\n.html-overlap-box-two:hover {\t\n\tbox-shadow:var(--box-shadow-large) var(--hovered-shadow-color);\n\ttransition:all 0.3s;\n}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n.dark-mode-on\t.html-overlap-box-one,\n.dark-mode-on .html-overlap-box-two {\n\tborder: var(--border-width-style-small) var(--dark-border-color);\n\tbox-shadow:var(--box-shadow-large) var(--dark-shadow-color);\n}\t\t\t\n\n.dark-mode-on\t.html-overlap-box-one:hover,\n.dark-mode-on .html-overlap-box-two:hover {\n\tbox-shadow:var(--box-shadow-large) var(--dark-hovered-shadow-color);\n}\t\t\t\n\n .html-overlap-box-one {\n  background: var(--body-background-color);\n\tcolor:var(--text-color);\n\tmargin-right:-1%;\n}\n\n.dark-mode-on\t .html-overlap-box-one {\n  background: var(--dark-body-background-color);\n\tcolor:var(--dark-text-color);\n}\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n.html-overlap-box-two {\n  background: var(--primary-color);\n  color:var(--alternate-color);\n\tmargin-left:-1%;\n}\n\n.dark-mode-on\t.html-overlap-box-two {\n  background: var(--dark-primary-color);\n  color:var(--dark-alternate-color);\n \t\n}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n@media only screen and (max-width:800px){\n\t.html-overlap-boxes {\n\t\tflex-wrap:wrap;\t\t\n\t}\n\t\n\t.html-overlap-box-one,\n\t.html-overlap-box-two {\n\t\twidth:96%;\n\t\tmargin:0 auto;\n\t\tmargin-bottom:40px;\n\t}\n}\n\n<\/style>\n\n\n\n\n\n<div class=\"html-cards-no-borders-one-fp-container\"> \n  <div class=\"html-cards-no-borders-one-fp-row row-one\">\n    <div class=\"html-cards-no-borders-one-fp-col column-one\">\n      <div class=\"html-cards-no-borders-one-fp-item card-one\">\n        <div class=\"html-cards-no-borders-one-fp-item-content\">\n          <h5><\/h5>\n          <p><\/p>\n        <\/div>\n      <\/div>\n      <div class=\"html-cards-no-borders-one-fp-item card-two\">\n        <div class=\"html-cards-no-borders-one-fp-item-content\">\n          <h5><\/h5>\n          <p><\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"html-cards-no-borders-one-fp-col column-two\">\n      <div class=\"html-cards-no-borders-one-fp-item card-one\">\n        <div class=\"html-cards-no-borders-one-fp-item-content\">\n          <h5><\/h5>\n          <p><\/p>\n        <\/div>\n      <\/div>\n      <div class=\"html-cards-no-borders-one-fp-item card-two\">\n        <div class=\"html-cards-no-borders-one-fp-item-content\">\n          <h5><\/h5>\n          <p><\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"html-cards-no-borders-one-fp-col column-three\">\n      <div class=\"html-cards-no-borders-one-fp-item card-one\">\n        <div class=\"html-cards-no-borders-one-fp-item-content\">\n          <h5><\/h5>\n          <p><\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"html-cards-no-borders-one-fp-row row-two\">\n    <div class=\"html-cards-no-borders-one-fp-col column-one\">\n      <div class=\"html-cards-no-borders-one-fp-item card-one\">\n        <div class=\"html-cards-no-borders-one-fp-item-content\">\n          <h5><\/h5>\n          <p><\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"html-cards-no-borders-one-fp-col column-two\">\n      <div class=\"html-cards-no-borders-one-fp-item card-one\">\n        <div class=\"html-cards-no-borders-one-fp-item-content\">\n          <h5><\/h5>\n          <p><\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"html-cards-no-borders-one-fp-col column-three\">\n      <div class=\"html-cards-no-borders-one-fp-item card-one\">\n        <div class=\"html-cards-no-borders-one-fp-item-content\">\n          <h5><\/h5>\n          <p><\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<style>\n\n\/*** Content: Shortcode HTML Based - Three boxes No Borders ***\/\n\n.html-cards-no-borders-one-fp-container {\n    padding: 70px 20px 0 20px;\n    max-width: 1440px;\n    min-width: 320px;\n    margin: auto;\n\n}\n\n.html-cards-no-borders-one-fp-container .html-cards-no-borders-one-fp-row {\n    display: flex;\n    align-items: stretch;\n    flex-wrap: wrap;\n    margin-left: -5px;\n    margin-right: -5px;\n}\n\n.html-cards-no-borders-one-fp-container .html-cards-no-borders-one-fp-col {\n    width: 100%;\n    flex-basis: 0;\n    flex-grow: 1;\n    min-height: 1px;\n    padding: 0 5px;\n}\n\n@media only screen and (max-width: 800px) {\n\t.html-cards-no-borders-one-fp-container .html-cards-no-borders-one-fp-col {\n    flex: 0 0 100%;\n    max-width: 100%;\n\t}\n}\n\n.html-cards-no-borders-one-fp-container .html-cards-no-borders-one-fp-item {\n\tdisplay:flex;\n\tflex-direction:column;\n\tmargin-top: 40px;\n\tmargin-bottom: 20px;\n\tpadding: 20px;\n\tborder: 1px solid transparent;\n\tborder-radius:var(--border-radius-medium);\n\tmin-height: 180px;\n\tbackground:var(--section-background-color);\n\tbox-shadow: 0 2px 4px 0 var(--shadow-color), 0 7px 64px 0 var(--shadow-color);\t\t\n}\n\n.dark-mode-on .html-cards-no-borders-one-fp-container .html-cards-no-borders-one-fp-item {\n\tbackground:var(--dark-section-background-color);\n\tbox-shadow: 0 2px 4px 0 var(--dark-shadow-color), 0 7px 64px 0 var(--dark-shadow-color);\n}\n\t\n.html-cards-no-borders-one-fp-item-content {\n\n}\n\n.html-cards-no-borders-one-fp-container p {\n\tfont-size: 16px;\n\tmargin-bottom: 10px;\n}\n\t\n.front-page-1 .html-cards-no-borders-one-fp-container p,\n.front-page-2 .html-cards-no-borders-one-fp-container p,\t\t\n.front-page-3 .html-cards-no-borders-one-fp-container p,\t\t\n.front-page-4 .html-cards-no-borders-one-fp-container p,\t\t\n.front-page-5 .html-cards-no-borders-one-fp-container p,\t\t\n.front-page-6 .html-cards-no-borders-one-fp-container p,\t\n.front-page-7 .html-cards-no-borders-one-fp-container p {\t\t\n  color: var(--text-color);\t\n}\t\t\n\n\n.dark-mode-on .front-page-1 .html-cards-no-borders-one-fp-container p,\n.dark-mode-on .front-page-2 .html-cards-no-borders-one-fp-container p,\t\t\n.dark-mode-on .front-page-3 .html-cards-no-borders-one-fp-container p,\t\t\n.dark-mode-on .front-page-4 .html-cards-no-borders-one-fp-container p,\t\t\n.dark-mode-on .front-page-5 .html-cards-no-borders-one-fp-container p,\t\t\n.dark-mode-on .front-page-6 .html-cards-no-borders-one-fp-container p,\t\n.dark-mode-on .front-page-7 .html-cards-no-borders-one-fp-container p {\t\t\n  color: var(--dark-text-color);\t\n}\t\t\n\t\n\n<\/style>\n\n\n\n\n<div class=\"html-timeline-one-fp-parent saturation-on-hover zoom-on-hover \">\n    <div class=\"html-timeline-one-fp\">\n\t\t\t\n\t\t\t<!-- Box 1 -->\n\t\t\t\t\n\t\t\t<div class=\"html-timeline-one-fp-container html-timeline-one-fp-container-left animated bounceInLeft duration2 eds-on-scroll \">\n\t\t\t\t<div class=\"html-timeline-one-fp-section\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"html-timeline-one-fp-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"html-timeline-one-fp-button-parent\">\t\t\t\t\n\t\t\t\t\t\t\t<a class=\"html-timeline-one-fp-button\" href=\"\/step1\" target=\"_self\"><button><\/button><\/a>\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-floating img-floating-right animated appear delay2 duration4 eds-on-scroll\" src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Product-Categories\/lab-bg12-550x550-1.jpg\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\n\n\t\t\t<!-- Box 2 -->\n\t\t\t\t    \n\t\t\t<div class=\"html-timeline-one-fp-container html-timeline-one-fp-container-right animated bounceInRight duration2 eds-on-scroll\">\n\t\t\t\t<div class=\"html-timeline-one-fp-section\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"html-timeline-one-fp-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"html-timeline-one-fp-button-parent\">\t\t\t\t\n\t\t\t\t\t\t\t<a class=\"html-timeline-one-fp-button\" href=\"\/step2\" target=\"_self\"><button><\/button><\/a>\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-floating img-floating-left animated appear delay2 duration4 eds-on-scroll\" src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Product-Categories\/lab-bg14-550x550-1.jpg\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\n\n\t\t\t<!-- Box 3 -->\n\t\t\t\t\n\t\t\t<div class=\"html-timeline-one-fp-container html-timeline-one-fp-container-left animated bounceInLeft duration2 eds-on-scroll\">\n\t\t\t\t<div class=\"html-timeline-one-fp-section\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"html-timeline-one-fp-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"html-timeline-one-fp-button-parent\">\t\t\t\t\n\t\t\t\t\t\t\t<a class=\"html-timeline-one-fp-button\" href=\"\/step3\" target=\"_self\"><button><\/button><\/a>\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-floating img-floating-right animated appear delay2 duration4 eds-on-scroll\" src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Product-Categories\/lab-bg14-550x550-1.jpg\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\t\t\n\t\t\t\t\n\n\t\t\t<!-- Box 4 -->\n\t\t\t\t\t\t\t\n\t\t\t<div class=\"html-timeline-one-fp-container html-timeline-one-fp-container-right animated bounceInRight duration2 eds-on-scroll\">\n\t\t\t\t<div class=\"html-timeline-one-fp-section\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"html-timeline-one-fp-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"html-timeline-one-fp-button-parent\">\t\t\t\t\n\t\t\t\t\t\t\t<a class=\"html-timeline-one-fp-button\" href=\"\/step4\" target=\"_self\"><button><\/button><\/a>\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-floating img-floating-left animated appear delay2 duration4 eds-on-scroll\" src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Product-Categories\/lab-bg11-550x550-1.jpg\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\n\n\t\t\t<!-- Box 5 -->\n\t\t\t\t\t\t\t\n\t\t\t<div class=\"html-timeline-one-fp-container html-timeline-one-fp-container-left animated bounceInLeft duration2 eds-on-scroll\">\n\t\t\t\t<div class=\"html-timeline-one-fp-section\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"html-timeline-one-fp-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"html-timeline-one-fp-button-parent\">\t\t\t\t\n\t\t\t\t\t\t\t<a class=\"html-timeline-one-fp-button\" href=\"\/step5\" target=\"_self\"><button><\/button><\/a>\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-floating img-floating-right animated appear delay2 duration4 eds-on-scroll\" src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Product-Categories\/lab-bg12-550x550-1.jpg\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\t\t\n\t\t\t\t\t\t\n\t\t\t<!-- Box 6 -->\n\t\t\t\t    \n\t\t\t<div class=\"html-timeline-one-fp-container html-timeline-one-fp-container-right animated bounceInRight duration2 eds-on-scroll\">\n\t\t\t\t<div class=\"html-timeline-one-fp-section\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"html-timeline-one-fp-content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"html-timeline-one-fp-button-parent\">\t\t\t\t\n\t\t\t\t\t\t\t<a class=\"html-timeline-one-fp-button\" href=\"\/step6\" target=\"_self\"><button><\/button><\/a>\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-floating img-floating-left animated appear delay2 duration4 eds-on-scroll\" src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Product-Categories\/lab-bg14-550x550-1.jpg\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\n    <\/div>\n<\/div>\n\t\t\n\n<style>\n\n.html-timeline-one-fp-parent {\n    margin:25px auto;\n\t\t    \tbackground: linear-gradient(90deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 100%),  \/** Same Values in order to keep the opacity even **\/ url(\"\");\t\t\n    \tbackground-size: cover;\n    \tbackground-position: bottom;\n\t\t}\n\n.html-timeline-one-fp-parent  { \n\tborder:var(--border-width-style-small);\n\tborder-radius:var(--border-radius-large);\n\tbox-shadow:var(--box-shadow-large) var(--shadow-color);\n\ttransition:all 0.3s;\n}\n\n.html-timeline-one-fp-parent:hover {\n\tbox-shadow:var(--box-shadow-large) var(--hovered-shadow-color);\n\ttransition:all 0.3s;\n}\n\n.dark-mode-on .html-timeline-one-fp-parent  {\n\tbox-shadow:var(--box-shadow-large) var(--dark-shadow-color);\n}\n\n.dark-mode-on .html-timeline-one-fp-parent:hover {\n\tbox-shadow:var(--box-shadow-large) var(--dark-hovered-shadow-color);\n}\n\n\n@media only screen and (max-width:800px) {\n\t.html-timeline-one-fp-parent {\n\t\tbackground: none;\n\t}\n}\n\n\/*** Content: Shortcode HTML Based - Timeline - Centered ***\/\n\n\n\/* The actual html-timeline-one-fp (the vertical ruler) *\/\n.html-timeline-one-fp {\n\tposition: relative;\n\tmargin:  auto;\n\tpadding: 110px 0px;\t\n}\n\n\/* The actual html-timeline-one-fp (the vertical ruler) *\/\n.html-timeline-one-fp::after {\n\tcontent: '';\n\tposition: absolute;\n\twidth: 3px;\n\tbackground: var(--primary-color);\n\ttop: 90px;\n\tbottom: 90px;\n\tright: 50%;   \n}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n.dark-mode-on .html-timeline-one-fp::after {\n    background: var(--dark-primary-color);\n\n   \n}\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\n\/* Container around sections *\/\n.html-timeline-one-fp-container {\n\tpadding: 0px 50px 0px 50px;\n\tposition: relative;\n\twidth: 40%;\t\n}\n\t\n@media only screen and (max-width: 1180px){\n\t.html-timeline-one-fp-container {\n\t\tpadding: 0px 50px 0px 10px;\n\t}\n}\t\n\n\/* The circles on the html-timeline-one-fp *\/\n.html-timeline-one-fp-container::after {\n\tcontent: '';\n\tposition: absolute;\n\twidth: 18px;\n\theight: 18px;\n\tright: -7px;\n\tbackground: var(--primary-color);\n\ttop: 18px;\n\tborder-radius: 50%;\n\tz-index: 1;\n}\n\n.dark-mode-on .html-timeline-one-fp-container::after {\n\tbackground: var(--dark-primary-color);\n}\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\/* Place the html-timeline-one-fp-container to the left *\/\n.html-timeline-one-fp-container-left {\n\tleft: 10%;\n}\n\n\/* Place the html-timeline-one-fp-container to the right *\/\n.html-timeline-one-fp-container-right {\n\tright: -50%;\n}\n\n\/* Add arrows to the left html-timeline-one-fp-container (pointing right) *\/\n.html-timeline-one-fp-container-left::before {\n\tcontent: \" \";\n\theight: 0;\n\tposition: absolute;\n\ttop: 17.5px;\n\twidth: 0;\n\tz-index: 1;\n\tright: 20px;\n\tborder: medium solid;\n\tborder-width: 10px 0 10px 10px;\n\tborder-color: transparent transparent transparent var(--primary-color);\n}\n\n.dark-mode-on .html-timeline-one-fp-container-left::before {\n\tborder-color: transparent transparent transparent var(--dark-primary-color);\n}\t\n\t\n\/* Add arrows to the right html-timeline-one-fp-container (pointing left) *\/\n.html-timeline-one-fp-container-right::before {\n\tcontent: \" \";\n\theight: 0;\n\tposition: absolute;\n\ttop: 18px;\n\twidth: 0;\n\tz-index: 1;\n\tborder: medium solid;\n\tborder-width: 10px 10px 10px 0;\n\tborder-color: transparent var(--primary-color) transparent transparent;\n}\n\n.dark-mode-on .html-timeline-one-fp-container-right::before {\n\tborder-color: transparent var(--dark-primary-color) transparent transparent;\n}\t\t\n\t\n\/* Images *\/\n\t\n.img-floating {\n\tmax-height:340px;\n\ttransition: all 0.3s;\n}\t\t\n\t\n.html-timeline-one-fp-parent.saturation-on-hover .img-floating:hover  {\n\tfilter: saturate(0);\n\ttransition: all 0.3s;\n}\t\t\n\t\n.html-timeline-one-fp-parent.zoom-on-hover .img-floating:hover {\n\ttransform: scale(1.04);\t\n\ttransition: all 0.3s;\n}\t\n\t\n.html-timeline-one-fp-parent.intense-zoom-on-hover .img-floating:hover {\n\ttransform: scale(1.2);\t\n\ttransition: all 0.3s;\n}\t\t\n\t\n\t\n\/* Mode Centered\t*\/\t\n\t\n\t\n@media only screen and (min-width: 1181px){\n\t.html-timeline-one-fp-container-right::before {\n\t\tleft: 20px;\n\t}\n}\n\t\n\n\/* Fix the circle for html-timeline-one-fp-containers on the right side *\/\n@media only screen and (min-width: 1181px){\n\n\t\t.html-timeline-one-fp-container {\n\t\tmin-height:480px;\n\t}\n\t\n\t.html-timeline-one-fp-container-right::after {\n\t\t\tleft: -11px;\n\t}\n}\n\/* The actual section *\/\n.html-timeline-one-fp-section {\n\tcolor:var(--text-color);\n\tpadding: 0px 0px;\n\tmargin-bottom:40px;\n\tbackground: transparent;\n\tposition: relative;\n}\n\n.dark-mode-on .html-timeline-one-fp-section {\n\tcolor:var(--dark-text-color);\n}\n\n\/* Show the image on the left or right *\/\n@media only screen and (min-width: 1181px){\n\t.img-floating {\n\t\tposition:absolute;\n\t\ttop:90px;\n\t}\n\n\t.img-floating-left {\n\t\tleft: calc(-100% - 100px);\n\n\t}\n\n\t.img-floating-right {\n\t\tright: calc(-100% - 100px);\n\t}\n}\n\t\t\n\/* End Mode Centered\t*\/\t\n\/* Mode On The Right\t*\/\n\t\n\t\n\/* End Mode On The Right\t*\/\t\n\/* Smaller Devices *\/\n\n@media only screen and (max-width: 1180px){\n\t.html-timeline-one-fp-container {\n\t\twidth: 80%;\n\t}\n\n\t.html-timeline-one-fp-container-left {\n\t\tleft: 20%;\n\t}\n\n\t.html-timeline-one-fp-container-right {\n\t\tright: -20%;\n\t}\n\n\t.img-floating {\n\t\tposition:relative;\n\t\tmargin:30px auto 10px;\n\t}\n\n\t\/* Place the html-timeline to the Right *\/\n\t.html-timeline-one-fp::after {\n\t\tright: 19px;\n\t}\n\n  \n\t\/* Make sure that all arrows are pointing rightwards and are at the same spot *\/\n  .html-timeline-one-fp-container-left::before, .html-timeline-one-fp-container-right::before {\n    right: 35px;\n    border-width: 10px 0px 10px 10px;\n    border-color: transparent transparent transparent var(--primary-color);\n  }\n\n\t.dark-mode-on .html-timeline-one-fp-container-left::before, .dark-mode-on .html-timeline-one-fp-container-right::before {\n\t\tborder-color: transparent transparent transparent var(--dark-primary-color);\n\t}\n\n\t\/* Make sure all circles are at the same spot *\/\n\t.html-timeline-one-fp-container-left::after, .html-timeline-one-fp-container-right::after {\n\t\tright: 11px;\n\t}\n\n\t\/* Make all left containers behave like the right ones *\/\n\t.html-timeline-one-fp-container-left {\n\t\tright: 0%;\n\t}\n}\n\n@media only screen and (max-width: 768px){\n\t.html-timeline-one-fp-container {\n\t\twidth: 100%;\n\t}\n\n\t.html-timeline-one-fp-container-left {\n\t\tleft: 0%;\n\t}\n\n\t.html-timeline-one-fp-container-right {\n\t\tright: 0%;\n\t}\t\n}\n\t\n\t\n\/* End Smaller Devices *\/\t\n\t\n.html-timeline-one-fp-content {\t\n\ttext-align: justify;\n}\t\t\n\t\t\n.html-timeline-one-fp-button-parent {\n\ttext-align:right;\n}\n\t\n.html-timeline-one-fp-button {\n\tdisplay:inline-block;\n\tborder: 0 !important;\n\ttext-transform:none;\n\tmargin: 10px 0;\n}\t\t\t\n\t\n\t\n\/** End html-timeline-one-fp **\/\n\n<\/style>\n\n\n\n\n<div class=\"contact-stripe-section\">\n\t<div>\n\t\t<h3>\n\t\t\t<i class='fas fa-phone-alt'><\/i>\t\t\t<a href=\"tel:00306942838228\">\n\t\t\t\t\t\t\t<\/a>\n\t\t<\/h3>\n\t<\/div>\n\t<div>\n\t\t<h3>\n\t\t\t<i class='fas fa-envelope'><\/i>\t\t\t<a href=\"mailto:info@bcwgroup.com.gr\">\n\t\t\t\t\t\t\t<\/a>\n\t\t<\/h3>\n\t<\/div>\n<\/div>\n\t\n\t\n<style>\n\t\n\t\/*** Content: Shortcode HTML Based - Contact Stripe Section ***\/\n\n.contact-stripe-section {\n\toverflow:hidden;\n\ttext-align:center;\n\tpadding:60px 0px 46px;\n\tbackground:var(--primary-color);\n}\n\n.contact-stripe-section div {\n\tdisplay:inline-block;\n\tpadding:0px 80px;\n}\n\n\n\n@media only screen and (max-width: 800px) {\t\n\t\n\t\n\t\t\n.contact-stripe-section {\n\tpadding:30px 0px 16px;\n}\n\t\n.contact-stripe-section div {\n\tpadding:0px 20px;\n}\n\t\n.contact-stripe-section h3 {\n\tfont-size:24px;\n\tmargin-bottom:20px;\n}\t\n\n}\n\n\n.contact-stripe-section h3 a, \n.contact-stripe-section h3 i, \n.contact-stripe-section h6 {\n\tcolor:var(--alternate-color)!important;\n}\n\n.contact-stripe-section h3 i {\n\tmargin-right:16px;\n}\n\t\t\n\n<\/style>\n\n\n\n<div class=\"html-map-contact-info-fp\">\n\t<div class=\"html-map-contact-info-fp-row\">\n\t\t\n\t\t<!-- Box 1 -->\n    \t\n\t\t\t<div class=\"html-map-contact-info-fp-column\">\n\t\t\t\t<div class=\"html-map-contact-info-fp-icon\">\n\t\t\t\t\t<i class='fas fa-phone'><\/i>\t\t\t\t\t\t<a href=\"tel:00302106535671\">\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\n\t\t<!-- Box 2 -->\n\t\t\t\n\t\t\t<div class=\"html-map-contact-info-fp-column\">\n\t\t\t\t<div class=\"html-map-contact-info-fp-icon\">\n\t\t\t\t\t<i class='fas fa-fax'><\/i>\t\t\t\t\t<a href=\"tel:00302106535672\">\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\n\t\t<!-- Box 3 -->\n\t\t\t\n\t\t\t<div class=\"html-map-contact-info-fp-column\">\n\t\t\t\t<div class=\"html-map-contact-info-fp-icon\">\n\t\t\t\t\t<i class='fas fa-mobile-alt'><\/i>\t\t\t\t\t<a href=\"tel:00302106535673\">\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\n\t\t<!-- Box 4 -->\n\t\t\t\n\t\t\t<div class=\"html-map-contact-info-fp-column\">\n\t\t\t\t<div class=\"html-map-contact-info-fp-icon\">\n\t\t\t\t\t<i class='fas fa-envelope'><\/i>\t\t\t\t\t<a href=\"mailto:aaa@aaa.aaa\">\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n    \t\n\t\t\n\t<\/div>\n<\/div>\t\t\n\n\t<div class=\"su-gmap su-u-responsive-media-yes\"><iframe loading=\"lazy\" width=\"100\" height=\"450\" src=\"\/\/maps.google.com\/maps?q=37.82007%2C%2021.31064&amp;output=embed\" title=\"\"><\/iframe><\/div>\t\n<style>\n\n\/*** Content: Shortcode HTML Based - Map with contact info ***\/\n\n.html-map-contact-info-fp {\n\toverflow: hidden;\n\twidth: 98%;\n\tmargin:auto;\n\tbackground:var(--body-background-color);\n\n}\n\n.dark-mode-on .html-map-contact-info-fp {\n\tbackground:var(--dark-body-background-color);\n\n}\n\n.html-map-contact-info-fp { \n\tborder-top-left-radius:var(--border-radius-large);\n\tborder-top-right-radius:var(--border-radius-large);\n\tbox-shadow:var(--box-shadow-large) var(--shadow-color);\n\ttransition:all 0.3s;\n}\n\n.html-map-contact-info-fp:hover {\n\tbox-shadow:var(--box-shadow-large) var(--hovered-shadow-color);\n\ttransition:all 0.3s;\n}\n\n.dark-mode-on .html-map-contact-info-fp {\n\tbox-shadow:var(--box-shadow-large) var(--dark-shadow-color);\n}\n\n.dark-mode-on .html-map-contact-info-fp:hover {\n\tbox-shadow:var(--box-shadow-large) var(--dark-hovered-shadow-color);\n}\n\n.html-map-contact-info-fp-row {\n    display: flex;\n\t\tjustify-content: space-between;\n\t\tflex-wrap:wrap;\n}\n\n .html-map-contact-info-fp-column {\n\t \ttext-align: left;\n \t\tpadding:3px 10px;\n\t \tmin-width: 180px;\n }\n\n@media only screen and (min-width: 801px) {\n   .html-map-contact-info-fp-column {\n       \n} \n}\n\n@media only screen and (max-width: 800px) {\n    .html-map-contact-info-fp-column {\n      \n}\n}\n\n\n@media only screen and (max-width: 400px) {\n    .html-map-contact-info-fp-column {\n     \n}\n}\n\n.html-map-contact-info-fp-icon i {\n    color: var(--primary-color);\n    \n}\n\n.dark-mode-on .html-map-contact-info-fp-icon i {\n    color: var(--dark-primary-color);    \n}\n\n.html-map-contact-info-fp-icon a {\n    color: var(--text-color);\n    \n}\n\n.dark-mode-on .html-map-contact-info-fp-icon a {\n    color: var(--dark-text-color);    \n}\n\n.su-gmap {\n  width: 98%;\n  margin: auto!important;\n  margin-bottom:15px!important;\n  box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.6);\n}\n\n.dark-mode-on .su-gmap {\n  box-shadow: 1px 5px 5px 0px rgba(120,120,120,0.6);\n}\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n<\/style>\n\n\n<!-- The div that contains the above contents -->\n<div class=\"shortcode-container container-one\">\n\t<div class=\"ajax-preloader-vertical-bars\"><span class=\"vbar\"><\/span><span class=\"vbar\"><\/span><span class=\"vbar\"><\/span><\/div>\n<\/div>\n\n<style>\n\t\/** Loading Bars Vertical **\/ \n\n\t.ajax-preloader-vertical-bars {\n\t\tmin-height:380px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 30px 0;\n\t}\n\n\t.ajax-preloader-vertical-bars .vbar {\n\t\tdisplay: inline-block;\n\t\twidth: 3px;\n\t\theight: 20px;\n\t\tbackground: var(--primary-color);\n\t\topacity:0.5;\n\t\tborder-radius: 10px;\n\t\tanimation: scale-up4 1s linear infinite;\n\t}\n\n\t.dark-mode-on .ajax-preloader-vertical-bars .vbar {\n\t\tbackground: var(--dark-primary-color);\n\t}\t\n\n\t.ajax-preloader-vertical-bars .vbar:nth-child(2) {\n\t\theight: 35px;\n\t\tmargin: 0 5px;\n\t\tanimation-delay: .25s;\n\t}\n\n\t.ajax-preloader-vertical-bars .vbar:nth-child(3) {\n\t\tanimation-delay: .5s;\n\t}\n\n\t@keyframes scale-up4 {\n\t\t20% {\n\t\t\topacity:1;\n\t\t\ttransform: scaleY(1.5);\n\t\t}\n\n\t\t40% {\n\t\t\ttransform: scaleY(1);\n\t\t}\n\t}\n\n\t\/** End Loading Bars Vertical **\/ \n<\/style>\t\n\n<script type=\"text\/javascript\" defer>\n\t(function($) { \n\t\tfunction shortcode_ajax_loader() {\n\t\t\t\/\/console.log(\"shortcode_ajax_loader ajax is running\");\n\t\t\tvar ajaxurl = 'https:\/\/lab.bluecloudnet.com\/wp-admin\/admin-ajax.php'; \/\/ get ajaxurl\t\n\t\t\tvar data = {\t\t\t\n\t\t\t\t'action': 'shortcode_container_function_caller', \/\/ your action name \n\t\t\t\t'lang': 'el'\n\t\t\t};\n\t\t\t$.ajax({\t\t\n\t\t\t\turl: ajaxurl, \/\/ this will point to admin-ajax.php\n\t\t\t\ttype : \"POST\",\n\t\t\t\tdata : data,\n\t\t\t\tsuccess: function(response) {\n\t\t\t\t\t\/\/console.log(\"response is: \" + response);\n\t\t\t\t\t$(\".shortcode-container.container-one\").html(response); \n\t\t\t\t}  \n\t\t\t}); \n\t\t}  \n\t\t$(document).ready(shortcode_ajax_loader);\/\/to break cache\n\t})( jQuery );\t \n<\/script>\n\n\n[categories-display]\n<h2>Needs other plugins to work<\/h2>\n<div class=\"su-spacer\" style=\"height:60px\"><\/div>\n\n\n<div class=\"html-home-page-sales-fp\">\n\t<h2 class=\"html-home-page-sales-fp-left-text-big-header\">\n\t\t<a href=\"\/salea\">\n\t\t\t\t\t<\/a>\n\t<\/h2>\n\t<div class=\"html-home-page-sales-fp-inner\">\n\t\t\t\n\t\t<div class=\"html-home-page-sales-fp-left\">\n\t\t\t<a href=\"\/salea\">\n\t\t\t\t<div class=\"html-home-page-sales-fp-left-image-square\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/lab-bg11-550x550-1.jpg\" alt=\"\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"html-home-page-sales-fp-left-image-wide\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/lab-bg11-1240x300-1.jpg\" alt=\"\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"html-home-page-sales-fp-left-text\">\n\t\t\t\t\t<h4 class=\"html-home-page-sales-fp-left-text-small-header\">\n\t\t\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t<\/div>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\t<div class=\"html-home-page-sales-fp-right\">\n\t\t\t<div class=\"woocommerce columns-4 \"><ul class=\"products columns-4\">\n<li class=\"entry has-post-thumbnail product type-product post-1950 status-publish first instock product_cat-clothing product_cat-t-shirts sale taxable shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/lab.bluecloudnet.com\/el\/shop\/clothing\/t-shirts\/woo-logo-3\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\n\t<span class=\"onsale\">\u0388\u03ba\u03c0\u03c4\u03c9\u03c3\u03b7 10%<\/span>\n\t<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"640\" src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/T_1_front-640x640.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Woo Logo\" srcset=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/T_1_front-640x640.jpg 640w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/T_1_front-340x340.jpg 340w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/T_1_front-720x720.jpg 720w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/T_1_front-169x169.jpg 169w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/T_1_front-180x180.jpg 180w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/T_1_front-64x64.jpg 64w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/T_1_front.jpg 1000w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><h2 class=\"woocommerce-loop-product__title\">Woo Logo<\/h2>\n\t<span class=\"price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">&euro;<\/span>20.00<\/bdi><\/span><\/del> <span class=\"screen-reader-text\">Original price was: &euro;20.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">&euro;<\/span>18.00<\/bdi><\/span><\/ins><span class=\"screen-reader-text\">\u0397 \u03c4\u03c1\u03ad\u03c7\u03bf\u03c5\u03c3\u03b1 \u03c4\u03b9\u03bc\u03ae \u03b5\u03af\u03bd\u03b1\u03b9: &euro;18.00.<\/span><\/span>\n<\/a><a href=\"\/el\/wp-json\/wp\/v2\/pages\/2189?add-to-cart=1950\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_1950\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"1950\" data-product_sku=\"T-SHIRT-WOO-LOGO\" aria-label=\"\u03a0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b7 \u03c3\u03c4\u03bf \u03ba\u03b1\u03bb\u03ac\u03b8\u03b9: &ldquo;Woo Logo&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Woo Logo&rdquo; has been added to your cart\" role=\"button\">\u03a0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b7 \u03c3\u03c4\u03bf \u03ba\u03b1\u03bb\u03ac\u03b8\u03b9<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_1950\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"entry has-post-thumbnail product type-product post-1956 status-publish instock product_cat-clothing product_cat-hoodies sale taxable shipping-taxable purchasable product-type-variable has-default-attributes\">\n\t<a href=\"https:\/\/lab.bluecloudnet.com\/el\/shop\/clothing\/hoodies\/ship-your-idea-2\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\n\t<span class=\"onsale\">\u0388\u03ba\u03c0\u03c4\u03c9\u03c3\u03b7 14%<\/span>\n\t<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"640\" src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/hoodie_7_front-640x640.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Ship Your Idea\" srcset=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/hoodie_7_front-640x640.jpg 640w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/hoodie_7_front-340x340.jpg 340w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/hoodie_7_front-720x720.jpg 720w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/hoodie_7_front-169x169.jpg 169w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/hoodie_7_front-180x180.jpg 180w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/hoodie_7_front-64x64.jpg 64w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/hoodie_7_front.jpg 1000w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><h2 class=\"woocommerce-loop-product__title\">Ship Your Idea<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">&euro;<\/span>30.00<\/bdi><\/span> <span aria-hidden=\"true\">&ndash;<\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">&euro;<\/span>35.00<\/bdi><\/span><span class=\"screen-reader-text\">Price range: &euro;30.00 through &euro;35.00<\/span><\/span>\n<\/a><a href=\"https:\/\/lab.bluecloudnet.com\/el\/shop\/clothing\/hoodies\/ship-your-idea-2\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_1956\" data-quantity=\"1\" class=\"button product_type_variable add_to_cart_button\" data-product_id=\"1956\" data-product_sku=\"HOODIE-SHIP-YOUR-IDEA\" aria-label=\"\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ad\u03c2 \u03b3\u03b9\u03b1  &ldquo;Ship Your Idea&rdquo;\" rel=\"\">\u0395\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_1956\" class=\"screen-reader-text\">\n\t\t\u0391\u03c5\u03c4\u03cc \u03c4\u03bf \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd \u03ad\u03c7\u03b5\u03b9 \u03c0\u03bf\u03bb\u03bb\u03b1\u03c0\u03bb\u03ad\u03c2 \u03c0\u03b1\u03c1\u03b1\u03bb\u03bb\u03b1\u03b3\u03ad\u03c2. \u039f\u03b9 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ad\u03c2 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03bd \u03bd\u03b1 \u03b5\u03c0\u03b9\u03bb\u03b5\u03b3\u03bf\u03cd\u03bd \u03c3\u03c4\u03b7 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1 \u03c4\u03bf\u03c5 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03bf\u03c2\t<\/span>\n<\/li>\n<li class=\"entry has-post-thumbnail product type-product post-2001 status-publish instock product_cat-posters sale taxable shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/lab.bluecloudnet.com\/el\/shop\/posters\/premium-quality\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\n\t<span class=\"onsale\">\u0388\u03ba\u03c0\u03c4\u03c9\u03c3\u03b7 20%<\/span>\n\t<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"640\" src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/poster_3_up-640x640.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Premium Quality\" srcset=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/poster_3_up-640x640.jpg 640w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/poster_3_up-340x340.jpg 340w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/poster_3_up-720x720.jpg 720w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/poster_3_up-169x169.jpg 169w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/poster_3_up-180x180.jpg 180w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/poster_3_up-64x64.jpg 64w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/poster_3_up.jpg 1000w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><h2 class=\"woocommerce-loop-product__title\">Premium Quality<\/h2>\n\t<span class=\"price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">&euro;<\/span>15.00<\/bdi><\/span><\/del> <span class=\"screen-reader-text\">Original price was: &euro;15.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">&euro;<\/span>12.00<\/bdi><\/span><\/ins><span class=\"screen-reader-text\">\u0397 \u03c4\u03c1\u03ad\u03c7\u03bf\u03c5\u03c3\u03b1 \u03c4\u03b9\u03bc\u03ae \u03b5\u03af\u03bd\u03b1\u03b9: &euro;12.00.<\/span><\/span>\n<\/a><a href=\"\/el\/wp-json\/wp\/v2\/pages\/2189?add-to-cart=2001\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_2001\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"2001\" data-product_sku=\"POSTER-PREMIUM-QUALITY\" aria-label=\"\u03a0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b7 \u03c3\u03c4\u03bf \u03ba\u03b1\u03bb\u03ac\u03b8\u03b9: &ldquo;Premium Quality&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Premium Quality&rdquo; has been added to your cart\" role=\"button\">\u03a0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b7 \u03c3\u03c4\u03bf \u03ba\u03b1\u03bb\u03ac\u03b8\u03b9<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_2001\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"entry has-post-thumbnail product type-product post-2006 status-publish last instock product_cat-posters sale taxable shipping-taxable purchasable product-type-simple\">\n\t<a href=\"https:\/\/lab.bluecloudnet.com\/el\/shop\/posters\/flying-ninja\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\n\t<span class=\"onsale\">\u0388\u03ba\u03c0\u03c4\u03c9\u03c3\u03b7 20%<\/span>\n\t<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"640\" src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/poster_2_up-640x640.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Flying Ninja\" srcset=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/poster_2_up-640x640.jpg 640w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/poster_2_up-340x340.jpg 340w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/poster_2_up-720x720.jpg 720w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/poster_2_up-169x169.jpg 169w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/poster_2_up-180x180.jpg 180w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/poster_2_up-64x64.jpg 64w, https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/poster_2_up.jpg 1000w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><h2 class=\"woocommerce-loop-product__title\">Flying Ninja<\/h2>\n\t<span class=\"price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">&euro;<\/span>15.00<\/bdi><\/span><\/del> <span class=\"screen-reader-text\">Original price was: &euro;15.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">&euro;<\/span>12.00<\/bdi><\/span><\/ins><span class=\"screen-reader-text\">\u0397 \u03c4\u03c1\u03ad\u03c7\u03bf\u03c5\u03c3\u03b1 \u03c4\u03b9\u03bc\u03ae \u03b5\u03af\u03bd\u03b1\u03b9: &euro;12.00.<\/span><\/span>\n<\/a><a href=\"\/el\/wp-json\/wp\/v2\/pages\/2189?add-to-cart=2006\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_2006\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"2006\" data-product_sku=\"POSTER-FLYING-NINJA\" aria-label=\"\u03a0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b7 \u03c3\u03c4\u03bf \u03ba\u03b1\u03bb\u03ac\u03b8\u03b9: &ldquo;Flying Ninja&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;Flying Ninja&rdquo; has been added to your cart\" role=\"button\">\u03a0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b7 \u03c3\u03c4\u03bf \u03ba\u03b1\u03bb\u03ac\u03b8\u03b9<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_2006\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<\/ul>\n<\/div>\t\t<\/div>\n\t\t\t\t\t<\/div>\n<\/div>\n\t\t\n\n<style>\n\n\/*** Content: Shortcode HTML Based - Home Page Sales ***\/\n\n.html-home-page-sales-fp {\n  margin: 0 1%;\n}\n\n.html-home-page-sales-fp-left-image-square,\n.html-home-page-sales-fp-left-image-wide {\n\tborder: var(--border-width-style-small) var(--border-color);\n\tborder-bottom:0px;\t\n}\n\n.dark-mode-on\t.html-home-page-sales-fp-left-image-square,\n.dark-mode-on .html-home-page-sales-fp-left-image-wide {\n\tborder: var(--border-width-style-small) var(--dark-border-color);\t\n}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n.html-home-page-sales-fp-left-text {\n\tbackground:var(--button-color);\n\tmargin:0!important;\n\tborder:var(--border-width-style-small) var(--border-color);\n}\n\n.dark-mode-on\t.html-home-page-sales-fp-left-text {\n\tbackground:var(--dark-button-color);\n\tborder:var(--border-width-style-small) var(--dark-border-color);\n}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n.html-home-page-sales-fp-left-text-big-header\t{\n\ttext-align: center;\n\tmargin: 30px 0 50px;\t\n}\t\t\t\t\t\t\t\t\t  \n\n.html-home-page-sales-fp-left-text-small-header {\n\tmargin:0!important;\n\tpadding:12px 0;\n\ttext-align:center;\n}\n\n.html-home-page-sales-fp-left-text-small-header {\n\tcolor:var(--button-text-color)!important;\n}\n\n.dark-mode-on\t.html-home-page-sales-fp-left-text-small-header {\n\tcolor:var(--dark-button-text-color)!important;\n}\n\t\n\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n@media only screen and (min-width: 1240px) {\n\t.html-home-page-sales-fp-inner {\n\t\tdisplay:flex;\n\t}\n\t\n\t.html-home-page-sales-fp-left {\n\t\twidth:22.05%;\n\t\tmargin-right:3.6%;\n\t}\t\n\n\t.html-home-page-sales-fp-left-image-square {\n\t\tdisplay:flex;\n\t}\t\n\n\t.html-home-page-sales-fp-left-image-wide {\n\t\tdisplay:none;\n\t}\t\n\t\n\t.html-home-page-sales-fp-right {\n\t\twidth: calc(100% - 22.05%);\n\t}\n}\n\n@media only screen and (max-width: 1239px) {\n\t.html-home-page-sales-fp-left {\n\t\tfloat:left;\n\t\twidth:100%;\n\t\tmargin-bottom:45px;\t\n\t}\n\n\t.html-home-page-sales-fp-left-image-square {\n\t\tdisplay:none;\n\t}\t\n\n\t.html-home-page-sales-fp-left-image-wide {\n\t\tdisplay:flex;\n\t}\t\n\n\t.html-home-page-sales-fp-right {\n\t\tfloat:left;\n\t\twidth:100%;\n\t\tpadding:0px 5px;\n\t}\n}\n\n<\/style>\n\n\n[html-home-slider]\n[html-popup-builder-form-inline]\n\r\n\r\n<div class=\"html-carousel-container\">\r\n\t<div class=\"su-divider su-divider-style-default\" style=\"margin:15px 0;border-width:8px;border-color:var(--secondary-color)\"><a href=\"#\" style=\"color:transparent\"> <\/a><\/div>\r\n<h1 style=\"text-align: center;\"><a href=\"https:\/\/www.motor-and-soul.gr\/brands\/\">Carousel<\/a><\/h1>\r\n\t\r\n\t<div class=\"su-divider su-divider-style-default\" style=\"margin:15px 0;border-width:8px;border-color:var(--secondary-color)\"><a href=\"#\" style=\"color:transparent\"> <\/a><\/div>\r\n<\/div>\r\n\t\t\r\n\r\n<style>\r\n\/*** Content: Shortcode HTML Based - Carousel ***\/\r\n\r\n.html-carousel-container {\r\n    margin-left: 5%;\r\n    margin-right: 5%;\r\n}\r\n\r\n.su-html-carousel .su-html-carousel-slide  { \r\n\tborder:var(--border-width-style-small);\r\n\tborder-radius:var(--border-radius-medium);\r\n\tbox-shadow:var(--box-shadow-medium) var(--shadow-color);\r\n\ttransition:all 0.3s;\r\n}\r\n\r\n.su-html-carousel .su-html-carousel-slide:hover {\r\n\tbox-shadow:var(--box-shadow-medium) var(--hovered-shadow-color);\r\n\ttransition:all 0.3s;\r\n}\r\n\r\n.dark-mode-on .su-html-carousel .su-html-carousel-slide  {\r\n\tbox-shadow:var(--box-shadow-medium) var(--dark-shadow-color);\r\n}\r\n\r\n.dark-mode-on .su-html-carousel .su-html-carousel-slide:hover {\r\n\tbox-shadow:var(--box-shadow-medium) var(--dark-hovered-shadow-color);\r\n}\r\n\r\n.su-html-carousel .su-html-carousel-slide img {\r\n    \r\n}\r\n\r\n.su-html-carousel-prev,  .su-html-carousel-next {\r\n    width: 50px!important;;\r\n    height: 50px!important;;\r\n    opacity: 1!important;\r\n}\r\n\r\n.su-html-carousel .su-html-carousel-prev {\r\n    right: 0px!important;;\r\n    margin-right: 0px!important;\r\n    background-position: -35px 5px!important;\r\n}\r\n\r\n.su-html-carousel .su-html-carousel-next{\r\n    left: 0px!important;\r\n    margin-left: 0px!important;\r\n    background-position: 5px 5px!important;\r\n}\r\n\r\n<\/style>\r\n\r\n\n\n<div class=\"html-gallery-buttons\">\n\t<div class=\"su-custom-gallery su-custom-gallery-align-left su-custom-gallery-title-always su-lightbox-gallery\"><div class=\"su-custom-gallery-slide\" style=\"width:430px;height:220px\"><a href=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Product-Categories\/lab-bg14-550x550-1.jpg\" title=\"lab-bg14-550\u00d7550-1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Product-Categories\/lab-bg14-550x550-1-430x220.jpg\" alt=\"lab-bg14-550\u00d7550-1\" width=\"430\" height=\"220\" \/><span class=\"su-custom-gallery-title\">lab-bg14-550&#215;550-1<\/span><\/a><\/div><div class=\"su-custom-gallery-slide\" style=\"width:430px;height:220px\"><a href=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Product-Categories\/lab-bg13-550x550-1.jpg\" title=\"lab-bg13-550\u00d7550-1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Product-Categories\/lab-bg13-550x550-1-430x220.jpg\" alt=\"lab-bg13-550\u00d7550-1\" width=\"430\" height=\"220\" \/><span class=\"su-custom-gallery-title\">lab-bg13-550&#215;550-1<\/span><\/a><\/div><div class=\"su-custom-gallery-slide\" style=\"width:430px;height:220px\"><a href=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Product-Categories\/lab-bg11-550x550-1.jpg\" title=\"lab-bg11-550\u00d7550-1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Product-Categories\/lab-bg11-550x550-1-430x220.jpg\" alt=\"lab-bg11-550\u00d7550-1\" width=\"430\" height=\"220\" \/><span class=\"su-custom-gallery-title\">lab-bg11-550&#215;550-1<\/span><\/a><\/div><div class=\"su-custom-gallery-slide\" style=\"width:430px;height:220px\"><a href=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Product-Categories\/lab-bg12-550x550-1.jpg\" title=\"lab-bg12-550\u00d7550-1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lab.bluecloudnet.com\/wp-content\/uploads\/Product-Categories\/lab-bg12-550x550-1-430x220.jpg\" alt=\"lab-bg12-550\u00d7550-1\" width=\"430\" height=\"220\" \/><span class=\"su-custom-gallery-title\">lab-bg12-550&#215;550-1<\/span><\/a><\/div><div class=\"su-clear\"><\/div><\/div>\t\t\t\n\t\t\t\n<\/div>\n\n\t\t\n\n<style>\n\n\/*** Content: Shortcode HTML Based - Gallery Buttons ***\/\n\n.html-gallery-buttons {\n    text-align:center;\n}\n\n.su-custom-gallery-slide img {\n    background:var(--border-color);\n    padding: 1px;\n    border-radius: 3px;\n    -moz-border-radius: 3px;\n    -webkit-border-radius: 3px;\n}\n\n.dark-mode-on\t.su-custom-gallery-slide img {\n    background:var(--dark-border-color);\n}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n.su-custom-gallery-slide img:hover {\n    background: var(--border-color);\n    padding: 1px;\n    border-radius: 3px;\n    -moz-border-radius: 3px;\n    -webkit-border-radius: 3px;\n}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n.dark-mode-on .su-custom-gallery-slide img:hover {\n    background: var(--dark-border-color);\n\n}\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n.su-custom-gallery-slide span {\n    font-size: 18px;\n    background: rgba(0, 0, 0, 0.7);\n}\n\n@media only screen and (min-width: 1240px){\n.su-custom-gallery-slide {\n    width: 18%;\n    margin-left:1%;\n    margin-right:1%;\n}\n}\n\n@media only screen and (max-width: 1239px){\n.su-custom-gallery-slide {\n    width: 23%;\n    margin-left:1%;\n    margin-right:1%;\n}\n}\n\n@media only screen and (max-width: 768px){\n.su-custom-gallery-slide {\n    width: 48%;\n    margin-left:1%;\n    margin-right:1%;\n}\n}\n\n@media only screen and (max-width: 520px){\n.su-custom-gallery-slide {\n    width: 96%;\n    margin-left:2%;\n    margin-right:2%;\n}\n}\n\n<\/style>\n\n\n\r\n<div class=\"menu-on-page-parent\">\r\n\t<div class=\"menu-on-page-inner\">\r\n\t\t<ul id=\"menu-footer-menu\" class=\"menu\"><li id=\"menu-item-1347\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1347\"><a href=\"https:\/\/lab.bluecloudnet.com\/about-us\/\">About us<\/a><\/li>\n<li id=\"menu-item-1346\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1346\"><a href=\"https:\/\/lab.bluecloudnet.com\/delivery-information\/\">Delivery Information<\/a><\/li>\n<li id=\"menu-item-2789\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2789\"><a href=\"https:\/\/lab.bluecloudnet.com\/refund-returns-polucy\/\">Refund and Returns Policy<\/a><\/li>\n<li id=\"menu-item-1345\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1345\"><a href=\"https:\/\/lab.bluecloudnet.com\/terms-conditions\/\">Terms &#038; Conditions<\/a><\/li>\n<li id=\"menu-item-1348\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1348\"><a href=\"https:\/\/lab.bluecloudnet.com\/privacy-policy\/\">Privacy Policy<\/a><\/li>\n<li id=\"menu-item-1349\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1349\"><a href=\"https:\/\/lab.bluecloudnet.com\/contact-us\/\">Contact Us<\/a><\/li>\n<\/ul>\t<\/div>\r\n\t<div class=\"menu-on-page-inner\">\r\n\t\t<ul id=\"menu-footer-menu-1\" class=\"menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1347\"><a href=\"https:\/\/lab.bluecloudnet.com\/about-us\/\">About us<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1346\"><a href=\"https:\/\/lab.bluecloudnet.com\/delivery-information\/\">Delivery Information<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2789\"><a href=\"https:\/\/lab.bluecloudnet.com\/refund-returns-polucy\/\">Refund and Returns Policy<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1345\"><a href=\"https:\/\/lab.bluecloudnet.com\/terms-conditions\/\">Terms &#038; Conditions<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1348\"><a href=\"https:\/\/lab.bluecloudnet.com\/privacy-policy\/\">Privacy Policy<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1349\"><a href=\"https:\/\/lab.bluecloudnet.com\/contact-us\/\">Contact Us<\/a><\/li>\n<\/ul>\t<\/div>\r\n\t<div class=\"menu-on-page-inner\">\r\n\t\t<ul id=\"menu-footer-menu-2\" class=\"menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1347\"><a href=\"https:\/\/lab.bluecloudnet.com\/about-us\/\">About us<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1346\"><a href=\"https:\/\/lab.bluecloudnet.com\/delivery-information\/\">Delivery Information<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2789\"><a href=\"https:\/\/lab.bluecloudnet.com\/refund-returns-polucy\/\">Refund and Returns Policy<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1345\"><a href=\"https:\/\/lab.bluecloudnet.com\/terms-conditions\/\">Terms &#038; Conditions<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1348\"><a href=\"https:\/\/lab.bluecloudnet.com\/privacy-policy\/\">Privacy Policy<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1349\"><a href=\"https:\/\/lab.bluecloudnet.com\/contact-us\/\">Contact Us<\/a><\/li>\n<\/ul>\t<\/div>\r\n\t<div class=\"menu-on-page-inner\">\r\n\t\t<ul id=\"menu-footer-menu-3\" class=\"menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1347\"><a href=\"https:\/\/lab.bluecloudnet.com\/about-us\/\">About us<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1346\"><a href=\"https:\/\/lab.bluecloudnet.com\/delivery-information\/\">Delivery Information<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2789\"><a href=\"https:\/\/lab.bluecloudnet.com\/refund-returns-polucy\/\">Refund and Returns Policy<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1345\"><a href=\"https:\/\/lab.bluecloudnet.com\/terms-conditions\/\">Terms &#038; Conditions<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1348\"><a href=\"https:\/\/lab.bluecloudnet.com\/privacy-policy\/\">Privacy Policy<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1349\"><a href=\"https:\/\/lab.bluecloudnet.com\/contact-us\/\">Contact Us<\/a><\/li>\n<\/ul>\t<\/div>\r\n<\/div>\r\n\t\t\r\n\r\n<style>\r\n\t\/*** Content: Shortcode PHP Based - Menu on Page ***\/\r\n\r\n\/** On Page Menu **\/\r\n\r\n.menu-on-page-parent {\r\n\tdisplay:block;\r\n\toverflow:hidden;\r\n}\r\n\r\n.menu-on-page-parent ul {\r\n\tmargin:0;\r\n}\r\n\r\n\r\n.menu-on-page-inner {\r\n\tfloat:left;\r\n}\r\n\r\n.html-on-page-menu,.html-on-page-menu li  {\r\n\tlist-style:none!important;\r\n}\r\n\r\n.html-on-page-menu a {\r\n\ttext-transform:uppercase;\r\n\tfont-size: 14px;\r\n\tfont-weight: 400;\r\n\tcolor:var(--link-secondary-color);\r\n}\r\n\r\n.dark-mode-on .html-on-page-menu a {\t\r\n\tcolor:var(--dark-link-secondary-color);\r\n}\t\r\n\r\n.html-on-page-menu > a {\t\r\n\tfont-size: 18px;\r\n\ttext-align:center;\t\r\n\twidth:100%;\r\n\tpadding:0px;\r\n\tpadding-bottom:10px;\r\n\ttransform:translatey(0px);\r\n\ttransition: ease-in-out 0.2s;\r\n}\t\r\n\r\n.html-on-page-menu > a:hover {\r\n\ttransform:translatey(-10px);\r\n\ttransition: ease-in-out 0.3s;\r\n}\r\n\r\n\r\n.html-on-page-menu > ul {\t\r\n\tmargin:10px 16px;\r\n\tpadding-top:6px;\r\n\tborder-top:1px solid;\r\n\tborder-color:var(--border-color);\r\n}\t\r\n\r\n\r\n.dark-mode-on .html-on-page-menu > ul {\t\r\n\tborder-color:var(--dark-border-color);\r\n}\t\r\n\r\n.html-on-page-menu > ul li {\t\r\n\tborder-bottom:1px dotted;\r\n\tborder-color:var(--border-color);\r\n}\t\r\n\r\n.dark-mode-on .html-on-page-menu > ul li {\t\r\n\tborder-color:var(--dark-border-color);\r\n}\t\r\n\r\n\r\n@media only screen and (max-width: 768px){\r\n\r\n\t.menu-on-page-inner {\r\n\t\twidth: 98%;\r\n\t\tmargin: 1%;\r\n\t\tmargin-bottom:40px;\r\n\t}\r\n\r\n\t.menu-image.menu-image-title-below {\r\n\t\tdisplay:none!important;\r\n\t}\r\n\t\r\n\t.html-on-page-menu{\r\n\t\tmargin-right:0%;\r\n\t\twidth:100%;\r\n\t\tmin-height:100%;\r\n\t}\r\n\t\r\n\r\n\r\n\r\n}\r\n\r\n@media only screen and (min-width: 769px){\r\n\r\n\t.menu-on-page-inner {\r\n\t\twidth: 48%;\r\n\t\tmargin: 1%;\r\n\t\tmargin-bottom:40px;\r\n\t}\r\n\r\n\t.menu-on-page-inner:nth-child(2n+1) {\r\n\t\tclear:left;\r\n\t}\t\r\n\r\n\r\n\r\n\t\r\n}\r\n\r\n@media only screen and (min-width: 1240px){\r\n\r\n\t.menu-on-page-inner {\r\n\t\twidth: 23%;\r\n\t\tmargin: 1%;\r\n\t\tmargin-bottom:40px;\r\n\t}\r\n\r\n\r\n\t.menu-on-page-inner:nth-child(2n+1) {\r\n\t\tclear:none;\r\n\t}\t\r\n\t\r\n\r\n\t\r\n}\r\n\r\n\/** End On Page Menu **\/\r\n\r\n<\/style>\r\n\r\n\n","protected":false},"excerpt":{"rendered":"<p>[html-grid-boxes-one-fp] Needs other plugins to work [html-home-slider] [html-popup-builde&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"sidebar-content","footnotes":""},"class_list":["post-2189","page","type-page","status-publish","entry"],"_links":{"self":[{"href":"https:\/\/lab.bluecloudnet.com\/el\/wp-json\/wp\/v2\/pages\/2189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lab.bluecloudnet.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lab.bluecloudnet.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lab.bluecloudnet.com\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lab.bluecloudnet.com\/el\/wp-json\/wp\/v2\/comments?post=2189"}],"version-history":[{"count":3,"href":"https:\/\/lab.bluecloudnet.com\/el\/wp-json\/wp\/v2\/pages\/2189\/revisions"}],"predecessor-version":[{"id":2517,"href":"https:\/\/lab.bluecloudnet.com\/el\/wp-json\/wp\/v2\/pages\/2189\/revisions\/2517"}],"wp:attachment":[{"href":"https:\/\/lab.bluecloudnet.com\/el\/wp-json\/wp\/v2\/media?parent=2189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}