{"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:\/\/test2.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=\"\/\" target=\"_self\"><input type=\"hidden\" name=\"customize_messenger_channel\" value=\"preview-0\">\n\t\t\t\t<input type=\"hidden\" name=\"customize_changeset_uuid\" value=\"e4acb088-4d64-48c7-979f-88d4a836611c\">\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=\"Search...\" 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\">Read More...<\/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:\/\/test2.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 = 'Title';;\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 = 'Subtitle';\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);\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:\/\/test2.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:\/\/test2.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\tSlide 1\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\tSlide 1Slide 1Slide 1Slide 1Slide 1Slide 1\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>Read More...<\/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:\/\/test2.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:\/\/test2.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\tSlide 2\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\tslide2 slide2 slide2 slide2 slide2slide2slide2slide2 slide2slide2slide2\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>Read More...<\/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:\/\/test2.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:\/\/test2.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\tSlide 3\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\tSlide 3Slide 3Slide 3 Slide 3Slide 3 Slide 3Slide 3Slide 3Slide 3Slide 3Slide 3Slide 3\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>Read More...<\/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:\/\/test2.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:\/\/test2.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\tSlide 4\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\tSlide 4 Slide 4Slide 4Slide 4Slide 4Slide 4Slide 4Slide 4Slide 4Slide 4Slide 4\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>Read More...<\/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:\/\/test2.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:\/\/test2.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\tSlide 5\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\tSlide 5Slide 5Slide 5Slide 5Slide 5Slide 5Slide 5Slide 5Slide 5Slide 5Slide 5\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>Read More...<\/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:\/\/test2.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:\/\/test2.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\tSlide 6\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\tSlide 6Slide 6Slide 6Slide 6Slide 6Slide 6Slide 6Slide 6Slide 6Slide 6Slide 6Slide 6Slide 6Slide 6Slide 6Slide 6Slide 6Slide 6Slide 6Slide 6Slide 6Slide 6Slide 6\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>Read More...<\/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:\/\/test2.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:\/\/test2.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:\/\/test2.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:\/\/test2.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:\/\/test2.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:\/\/test2.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\">Information Technology<\/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\">Telecommunications<\/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\">Sound & Vision<\/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\">Energy<\/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\">Gaming<\/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:\/\/test2.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:\/\/test2.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:\/\/test2.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:\/\/test2.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:\/\/test2.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>Styling1<\/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>Sed ut perspiciatis unde omnis quia accu santium sed ut doloremque dolorem ipsum quia dolores sunt in culpa. 1<\/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>Explore Now1<\/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>Styling2<\/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>Sed ut perspiciatis unde omnis quia accu santium sed ut doloremque dolorem ipsum quia dolores sunt in culpa. 2<\/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>Explore Now2<\/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>Styling3<\/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>Sed ut perspiciatis unde omnis quia accu santium sed ut doloremque dolorem ipsum quia dolores sunt in culpa. 3<\/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>Explore Now3<\/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>Styling4<\/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>Sed ut perspiciatis unde omnis quia accu santium sed ut doloremque dolorem ipsum quia dolores sunt in culpa. 4<\/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>Explore Now4<\/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:\/\/test2.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\"> <\/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\">Ut maximus elit 1<\/h2>\n\t\t\t<div>Ut maximus elit tellus, quis facilisis diam venenatis in. Vivamus ac aliquet urna. Aliquam nec magna ac nisl hendrerit pellentesque. Donec quis ligula vel massa venenatis imperdiet sed vehicula ex. Vivamus dictum dolor at magna pellentesque, eget consequat magna dapibus. Curabitur vitae nisl nulla. Vivamus a egestas lorem. Duis et erat et arcu mattis sodales qui<\/div>\n\t\t\t<a href=\"\/home\" class=\"show-button\">\n\t\t\t\t<button>Ut maximus 1<\/button>\n\t\t\t<\/a>\n\t\t<\/div>\n\n\t<\/div>\n\n\n\t<style>\n\n\t\/*** Content: Shortcode HTML Based - 2 Boxes in a row one - 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\tbackground: url('https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/720x360\/lab-bg1-720x360-1.jpg');\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\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\"> <\/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\">Ut maximus elit 2<\/h2>\n\t\t\t<div>Ut maximus elit tellus, quis facilisis diam venenatis in. Vivamus ac aliquet urna. Aliquam nec magna ac nisl hendrerit pellentesque. Donec quis ligula vel massa venenatis imperdiet sed vehicula ex. Vivamus dictum dolor at magna pellentesque, eget consequat magna dapibus. Curabitur vitae nisl nulla. Vivamus a egestas lorem. Duis et erat et arcu mattis sodales qui<\/div>\n\t\t\t<a href=\"\/home2\" class=\"show-button\">\n\t\t\t\t<button>Ut maximus 2<\/button>\n\t\t\t<\/a>\n\t\t<\/div>\n\n\t<\/div>\n\n\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\tbackground: url('https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/720x360\/lab-bg3-720x360-1.jpg');\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\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\"> <\/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\">Ut maximus elit 3<\/h2>\n\t\t\t<div>Ut maximus elit tellus, quis facilisis diam venenatis in. Vivamus ac aliquet urna. Aliquam nec magna ac nisl hendrerit pellentesque. Donec quis ligula vel massa venenatis imperdiet sed vehicula ex. Vivamus dictum dolor at magna pellentesque, eget consequat magna dapibus. Curabitur vitae nisl nulla. Vivamus a egestas lorem. Duis et erat et arcu mattis sodales qui<\/div>\n\t\t\t<a href=\"\/home\" class=\"show-button\">\n\t\t\t\t<button>Ut maximus 3<\/button>\n\t\t\t<\/a>\n\t\t<\/div>\n\n\n\t<\/div>\n\n\n\t<style>\n\n\t\/*** Content: Shortcode HTML Based - 2 boxes in a row one - 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\tbackground: url('https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/720x360\/lab-bg3-720x360-1.jpg');\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\n\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\">Ut maximus elit 4<\/h2>\n\t\t\t<div>Ut maximus elit tellus, quis facilisis diam venenatis in. Vivamus ac aliquet urna. Aliquam nec magna ac nisl hendrerit pellentesque. Donec quis ligula vel massa venenatis imperdiet sed vehicula ex. Vivamus dictum dolor at magna pellentesque, eget consequat magna dapibus. Curabitur vitae nisl nulla. Vivamus a egestas lorem. Duis et erat et arcu mattis sodales qui<\/div>\n\t\t\t<a href=\"\/home4\" class=\"show-button\">\n\t\t\t\t<button>Ut maximus 4<\/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\"> <\/div>           \n\n\t\t\t<\/div>\n\t\t<\/div>\n\n\n\t<\/div>\n\n\t<style>\n\n\t\/*** Content: Shortcode HTML Based - 2 boxes in a row one - 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\tbackground: url('https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/720x360\/lab-bg3-720x360-1.jpg');\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\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\">\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\">Ut maximus elit 5<\/h2>\n\t\t\t<div>Ut maximus elit tellus, quis facilisis diam venenatis in. Vivamus ac aliquet urna. Aliquam nec magna ac nisl hendrerit pellentesque. Donec quis ligula vel massa venenatis imperdiet sed vehicula ex. Vivamus dictum dolor at magna pellentesque, eget consequat magna dapibus. Curabitur vitae nisl nulla. Vivamus a egestas lorem. Duis et erat et arcu mattis sodales qui\t<\/div>\n\t\t\t<a href=\"\/home3\" class=\"show-button\">\n\t\t\t\t<button>Ut maximus 5<\/button>\n\t\t\t<\/a>\n\t\t<\/div>\n\n\t<\/div>\n\n\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\tbackground: url('https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/720x360\/lab-bg5-720x360-1.jpg');\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\n\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\">\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\">Ut maximus elit 6<\/h2>\n\t\t\t<div>Ut maximus elit tellus, quis facilisis diam venenatis in. Vivamus ac aliquet urna. Aliquam nec magna ac nisl hendrerit pellentesque. Donec quis ligula vel massa venenatis imperdiet sed vehicula ex. Vivamus dictum dolor at magna pellentesque, eget consequat magna dapibus. Curabitur vitae nisl nulla. Vivamus a egestas lorem. Duis et erat et arcu mattis sodales qui<\/div>\n\t\t\t<a href=\"\/home4\" class=\"show-button\">\n\t\t\t\t<button>Ut maximus 6<\/button>\n\t\t\t<\/a>\n\t\t<\/div>\n\t<\/div>\n\n\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\tbackground: url('https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/Backgrounds\/720x360\/lab-bg7-720x360-1.jpg');\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>\t\n\n\t\n\t<div class=\"html-tbiar-one-alternating-text-images-one-parent\">\n\t\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:\/\/test2.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\">Ut maximus elit 7<\/h4>\n\t\t\t\t<div>Ut maximus elit tellus, quis facilisis diam venenatis in. Vivamus ac aliquet urna. Aliquam nec magna ac nisl hendrerit pellentesque. Donec quis ligula vel massa venenatis imperdiet sed vehicula ex. Vivamus dictum dolor at magna pellentesque, eget consequat magna dapibus. Curabitur vitae nisl nulla. Vivamus a egestas lorem. Duis et erat et arcu mattis sodales qui<\/div>\n\t\t\t\t<a href=\"\" class=\"show-button\"><button>Ut maximus elit 7<\/button><\/a>\n\t\t\t<\/div> \n\t\t<\/div>  \n\t<\/div>\n\t\n\t<\/div>\n\n\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>\t\n\n\t<div class=\"html-tbiar-one-alternating-text-images-one-parent\">\n\t\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:\/\/test2.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\">Ut maximus elit 8 <\/h4>\n\t\t\t\t<div>Ut maximus elit tellus, quis facilisis diam venenatis in. Vivamus ac aliquet urna. Aliquam nec magna ac nisl hendrerit pellentesque. Donec quis ligula vel massa venenatis imperdiet sed vehicula ex. Vivamus dictum dolor at magna pellentesque, eget consequat magna dapibus. Curabitur vitae nisl nulla. Vivamus a egestas lorem. Duis et erat et arcu mattis sodales qui<\/div>\n\t\t\t\t<a href=\"\" class=\"show-button\">\n\t\t\t\t\t<button>Ut maximus elit 8<\/button>\n\t\t\t\t<\/a>\n\t\t\t<\/div> \n\t\t<\/div>  \n\t<\/div>\n\n\t\n\t<\/div>\n\n\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>\t\n\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\tBEGIN YOUR EXOTIC ADVENTURE\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\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dictum commodo iaculis. Curabitur sollicitudin iaculis molestie. Donec maximus semper orci, vel tincidunt sapien. Duis finibus leo laoreet ligula placerat dignissim. Vivamus lobortis orci vitae finibus cursus. Donec eu eros id lectus porta pharetra. Ut ac tempor ligula. Mauris mattis gravida urna, quis ultricies erat hendrerit eget.\t\t\t<\/div>\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<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>VISIT THE BRAND STORE<\/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:\/\/test2.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\">Ut maximus elit tellus, quis facilisis diam venenatis in. Vivamus ac aliquet urna. Aliquam nec magna ac nisl hendrerit pellentesque. Donec quis ligula vel massa venenatis imperdiet sed vehicula ex. Vivamus dictum dolor at magna pellentesque, eget consequat magna dapibus. Curabitur vitae nisl nulla. Vivamus a egestas lorem. Duis et erat et arcu mattis sodales qui<\/div>\n\t<div class=\"html-overlap-box-two text-animation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas feugiat nunc eu eros placerat, quis pretium lorem pellentesque. Proin nulla orci, lacinia eget leo id, aliquam feugiat ex. Phasellus scelerisque mi vitae vulputate auctor. Suspendisse elit quam, pulvinar nec dictum malesuada, placerat nec erat. Sed neque ipsum, lacinia eget ultricies eget, lobortis quis justo. Nam vehicula, eros quis venenatis semper, eros sem ultrices sem, sed accumsan eros turpis quis nulla. Nulla dignissim dolor lectus, sit amet finibus risus pellentesque et. Morbi viverra accumsan tortor sed pulvinar.<\/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>TLorem ipsum 1<\/h5>\n          <p>TLorem ipsum dolor sit amet 1<\/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>TLorem ipsum 2<\/h5>\n          <p>TLorem ipsum dolor sit amet 2<\/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>TLorem ipsum 3<\/h5>\n          <p>TLorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam 3<\/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>TLorem ipsum 4<\/h5>\n          <p>WTLorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lTLorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam 4<\/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>TLorem ipsum 5<\/h5>\n          <p>TLorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet nibh neque, vel maximus tellus commodo a. Suspendisse turpis diam, porttitor in lacus sed, volutpat egestas mauris. Sed lobortis eget ligula sed vestibulum. Etiam porta lectus nec nulla consectetur luctus. Quisque porttitor egestas felis, eget tempus velit aliquet eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam rutrum diam ac eros tempus auctor. Fusce finibus dictum vestibulum. . 5<\/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>TLorem ipsum 6<\/h5>\n          <p>TLorem ipsum dolor sit amet, consectetur adipiscing elit. Aliq 6<\/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>TLorem ipsum 7<\/h5>\n          <p>TLorem ipsum dolor sit amet, consectetur adipiscing elit. Aliq 7<\/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>TLorem ipsum 8<\/h5>\n          <p>TLorem ipsum dolor sit amet, consectetur adipiscing elit. Aliqa 8<\/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\tStep 1\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\tSed egestas tellus eu sollicitudin sollicitudin. Vestibulum quis diam sit amet ligula iaculis mollis. Pellentesque dictum eros sed pellentesque sagittis. Aliquam erat volutpat. Aenean purus diam, posuere vel scelerisque varius, accumsan sit amet ante. Suspendisse eu fermentum elit. Sed interdum lorem justo, ut luctus neque consequat in. Etiam volutpat lectus id nisi dapibus iaculis. Aliquam erat volutpat.Sed egestas tellus eu sollicitudin sollicitudin. Vestibulum quis diam sit amet ligula iaculis mollis. Pellentesque dictum eros sed pellentesque sagittis. Aliquam erat volutpat. Aenean purus diam, posuere vel scelerisque varius, accumsan sit amet ante. Suspendisse eu fermentum elit. Sed interdum lorem justo, ut luctus neque consequat in. Etiam volutpat lectus id nisi dapibus iaculis. Aliquam erat volutpat. 111\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>Read More 1<\/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:\/\/test2.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\tStep 2\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\tSed egestas tellus eu sollicitudin sollicitudin. Vestibulum quis diam sit amet ligula iaculis mollis. Pellentesque dictum eros sed pellentesque sagittis. Aliquam erat volutpat. Aenean purus diam, posuere vel scelerisque varius, accumsan sit amet ante. Suspendisse eu fermentum elit. Sed interdum lorem justo, ut luctus neque consequat in. Etiam volutpat lectus id nisi dapibus iaculis. Aliquam erat volutpat.Sed egestas tellus eu sollicitudin sollicitudin. Vestibulum quis diam sit amet ligula iaculis mollis. Pellentesque dictum eros sed pellentesque sagittis. Aliquam erat volutpat. Aenean purus diam, posuere vel scelerisque varius, accumsan sit amet ante. Suspendisse eu fermentum elit. Sed interdum lorem justo, ut luctus neque consequat in. Etiam volutpat lectus id nisi dapibus iaculis. Aliquam erat volutpat. 222\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>Read More 2<\/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:\/\/test2.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\tStep 3\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\tSed egestas tellus eu sollicitudin sollicitudin. Vestibulum quis diam sit amet ligula iaculis mollis. Pellentesque dictum eros sed pellentesque sagittis. Aliquam erat volutpat. Aenean purus diam, posuere vel scelerisque varius, accumsan sit amet ante. Suspendisse eu fermentum elit. Sed interdum lorem justo, ut luctus neque consequat in. Etiam volutpat lectus id nisi dapibus iaculis. Aliquam erat volutpat.Sed egestas tellus eu sollicitudin sollicitudin. Vestibulum quis diam sit amet ligula iaculis mollis. Pellentesque dictum eros sed pellentesque sagittis. Aliquam erat volutpat. Aenean purus diam, posuere vel scelerisque varius, accumsan sit amet ante. Suspendisse eu fermentum elit. Sed interdum lorem justo, ut luctus neque consequat in. Etiam volutpat lectus id nisi dapibus iaculis. Aliquam erat volutpat. 333\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>Read More 3<\/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:\/\/test2.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\tStep 4\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\tSed egestas tellus eu sollicitudin sollicitudin. Vestibulum quis diam sit amet ligula iaculis mollis. Pellentesque dictum eros sed pellentesque sagittis. Aliquam erat volutpat. Aenean purus diam, posuere vel scelerisque varius, accumsan sit amet ante. Suspendisse eu fermentum elit. Sed interdum lorem justo, ut luctus neque consequat in. Etiam volutpat lectus id nisi dapibus iaculis. Aliquam erat volutpat.Sed egestas tellus eu sollicitudin sollicitudin. Vestibulum quis diam sit amet ligula iaculis mollis. Pellentesque dictum eros sed pellentesque sagittis. Aliquam erat volutpat. Aenean purus diam, posuere vel scelerisque varius, accumsan sit amet ante. Suspendisse eu fermentum elit. Sed interdum lorem justo, ut luctus neque consequat in. Etiam volutpat lectus id nisi dapibus iaculis. Aliquam erat volutpat. 444\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>Read More 4<\/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:\/\/test2.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\tStep 5\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\tSed egestas tellus eu sollicitudin sollicitudin. Vestibulum quis diam sit amet ligula iaculis mollis. Pellentesque dictum eros sed pellentesque sagittis. Aliquam erat volutpat. Aenean purus diam, posuere vel scelerisque varius, accumsan sit amet ante. Suspendisse eu fermentum elit. Sed interdum lorem justo, ut luctus neque consequat in. Etiam volutpat lectus id nisi dapibus iaculis. Aliquam erat volutpat.Sed egestas tellus eu sollicitudin sollicitudin. Vestibulum quis diam sit amet ligula iaculis mollis. Pellentesque dictum eros sed pellentesque sagittis. Aliquam erat volutpat. Aenean purus diam, posuere vel scelerisque varius, accumsan sit amet ante. Suspendisse eu fermentum elit. Sed interdum lorem justo, ut luctus neque consequat in. Etiam volutpat lectus id nisi dapibus iaculis. Aliquam erat volutpat. 555\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>Read More 5<\/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:\/\/test2.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\tStep 6\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\tSed egestas tellus eu sollicitudin sollicitudin. Vestibulum quis diam sit amet ligula iaculis mollis. Pellentesque dictum eros sed pellentesque sagittis. Aliquam erat volutpat. Aenean purus diam, posuere vel scelerisque varius, accumsan sit amet ante. Suspendisse eu fermentum elit. Sed interdum lorem justo, ut luctus neque consequat in. Etiam volutpat lectus id nisi dapibus iaculis. Aliquam erat volutpat.Sed egestas tellus eu sollicitudin sollicitudin. Vestibulum quis diam sit amet ligula iaculis mollis. Pellentesque dictum eros sed pellentesque sagittis. Aliquam erat volutpat. Aenean purus diam, posuere vel scelerisque varius, accumsan sit amet ante. Suspendisse eu fermentum elit. Sed interdum lorem justo, ut luctus neque consequat in. Etiam volutpat lectus id nisi dapibus iaculis. Aliquam erat volutpat. 666\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>Read More 6<\/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:\/\/test2.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\r\n\r\n<div class=\"contact-stripe-section\">\r\n\t<div>\r\n\t\t<h3>\r\n\t\t\t<i class='fas fa-phone-alt'><\/i>\t\t\t<a href=\"tel:00306942838228\">\r\n\t\t\t\t+30 694 28 38 228\t\t\t<\/a>\r\n\t\t<\/h3>\r\n\t<\/div>\r\n\t<div>\r\n\t\t<h3>\r\n\t\t\t<i class='fas fa-envelope'><\/i>\t\t\t<a href=\":mailto:info@bcwgroup.com.gr\">\r\n\t\t\t\tinfo@bcwgroup.com.g\t\t\t<\/a>\r\n\t\t<\/h3>\r\n\t<\/div>\r\n<\/div>\r\n\t\r\n\t\r\n<style>\r\n\t\r\n\t\/*** Content: Shortcode HTML Based - Contact Stripe Section ***\/\r\n\r\n.contact-stripe-section {\r\n\toverflow:hidden;\r\n\ttext-align:center;\r\n\tpadding:60px 0px 46px;\r\n\tbackground:var(--primary-color);\r\n}\r\n\r\n.contact-stripe-section div {\r\n\tdisplay:inline-block;\r\n\tpadding:0px 80px;\r\n}\r\n\r\n\r\n\r\n@media only screen and (max-width: 800px) {\t\r\n\t\r\n\t\r\n\t\t\r\n.contact-stripe-section {\r\n\tpadding:30px 0px 16px;\r\n}\r\n\t\r\n.contact-stripe-section div {\r\n\tpadding:0px 20px;\r\n}\r\n\t\r\n.contact-stripe-section h3 {\r\n\tfont-size:24px;\r\n\tmargin-bottom:20px;\r\n}\t\r\n\r\n}\r\n\r\n\r\n.contact-stripe-section h3 a, \r\n.contact-stripe-section h3 i, \r\n.contact-stripe-section h6 {\r\n\tcolor:var(--alternate-color)!important;\r\n}\r\n\r\n.contact-stripe-section h3 i {\r\n\tmargin-right:16px;\r\n}\r\n\t\t\r\n\r\n<\/style>\r\n\r\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+302106535671\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+302106535672\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+302106535673\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\taaa@aaa.aaa\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:\/\/test2.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\tSpecial Offers\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:\/\/test2.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:\/\/test2.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\tSee all Items on sale\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:\/\/test2.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:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/T_1_front-640x640.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Woo Logo\" srcset=\"https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/T_1_front-640x640.jpg 640w, https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/T_1_front-340x340.jpg 340w, https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/T_1_front-720x720.jpg 720w, https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/T_1_front-169x169.jpg 169w, https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/T_1_front-180x180.jpg 180w, https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/T_1_front-64x64.jpg 64w, https:\/\/test2.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\">&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\">&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:\/\/test2.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:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/hoodie_7_front-640x640.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Ship Your Idea\" srcset=\"https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/hoodie_7_front-640x640.jpg 640w, https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/hoodie_7_front-340x340.jpg 340w, https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/hoodie_7_front-720x720.jpg 720w, https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/hoodie_7_front-169x169.jpg 169w, https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/hoodie_7_front-180x180.jpg 180w, https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/hoodie_7_front-64x64.jpg 64w, https:\/\/test2.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\">&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\">&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:\/\/test2.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=\"nofollow\">\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:\/\/test2.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:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/poster_3_up-640x640.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Premium Quality\" srcset=\"https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/poster_3_up-640x640.jpg 640w, https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/poster_3_up-340x340.jpg 340w, https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/poster_3_up-720x720.jpg 720w, https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/poster_3_up-169x169.jpg 169w, https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/poster_3_up-180x180.jpg 180w, https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/poster_3_up-64x64.jpg 64w, https:\/\/test2.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\">&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\">&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:\/\/test2.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:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/poster_2_up-640x640.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Flying Ninja\" srcset=\"https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/poster_2_up-640x640.jpg 640w, https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/poster_2_up-340x340.jpg 340w, https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/poster_2_up-720x720.jpg 720w, https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/poster_2_up-169x169.jpg 169w, https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/poster_2_up-180x180.jpg 180w, https:\/\/test2.bluecloudnet.com\/wp-content\/uploads\/poster_2_up-64x64.jpg 64w, https:\/\/test2.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\">&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\">&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\r\n<div class=\"html-gallery-buttons\">\r\n\t<\/div>\r\n\r\n\t\t\r\n\r\n<style>\r\n\r\n\/*** Content: Shortcode HTML Based - Gallery Buttons ***\/\r\n\r\n.html-gallery-buttons {\r\n    text-align:center;\r\n}\r\n\r\n.su-custom-gallery-slide img {\r\n    background:var(--border-color);\r\n    padding: 1px;\r\n    border-radius: 3px;\r\n    -moz-border-radius: 3px;\r\n    -webkit-border-radius: 3px;\r\n}\r\n\r\n.dark-mode-on\t.su-custom-gallery-slide img {\r\n    background:var(--dark-border-color);\r\n}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n.su-custom-gallery-slide img:hover {\r\n    background: var(--border-color);\r\n    padding: 1px;\r\n    border-radius: 3px;\r\n    -moz-border-radius: 3px;\r\n    -webkit-border-radius: 3px;\r\n}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n.dark-mode-on .su-custom-gallery-slide img:hover {\r\n    background: var(--dark-border-color);\r\n\r\n}\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n.su-custom-gallery-slide span {\r\n    font-size: 18px;\r\n    background: rgba(0, 0, 0, 0.7);\r\n}\r\n\r\n@media only screen and (min-width: 1240px){\r\n.su-custom-gallery-slide {\r\n    width: 18%;\r\n    margin-left:1%;\r\n    margin-right:1%;\r\n}\r\n}\r\n\r\n@media only screen and (max-width: 1239px){\r\n.su-custom-gallery-slide {\r\n    width: 23%;\r\n    margin-left:1%;\r\n    margin-right:1%;\r\n}\r\n}\r\n\r\n@media only screen and (max-width: 768px){\r\n.su-custom-gallery-slide {\r\n    width: 48%;\r\n    margin-left:1%;\r\n    margin-right:1%;\r\n}\r\n}\r\n\r\n@media only screen and (max-width: 520px){\r\n.su-custom-gallery-slide {\r\n    width: 96%;\r\n    margin-left:2%;\r\n    margin-right:2%;\r\n}\r\n}\r\n\r\n<\/style>\r\n\r\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:\/\/test2.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:\/\/test2.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:\/\/test2.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:\/\/test2.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-privacy-policy menu-item-1348\"><a rel=\"privacy-policy\" href=\"https:\/\/test2.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:\/\/test2.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:\/\/test2.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:\/\/test2.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:\/\/test2.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:\/\/test2.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-privacy-policy menu-item-1348\"><a rel=\"privacy-policy\" href=\"https:\/\/test2.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:\/\/test2.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:\/\/test2.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:\/\/test2.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:\/\/test2.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:\/\/test2.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-privacy-policy menu-item-1348\"><a rel=\"privacy-policy\" href=\"https:\/\/test2.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:\/\/test2.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:\/\/test2.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:\/\/test2.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:\/\/test2.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:\/\/test2.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-privacy-policy menu-item-1348\"><a rel=\"privacy-policy\" href=\"https:\/\/test2.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:\/\/test2.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":{"0":"post-2189","1":"page","2":"type-page","3":"status-publish","5":"entry"},"_links":{"self":[{"href":"https:\/\/test2.bluecloudnet.com\/el\/wp-json\/wp\/v2\/pages\/2189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test2.bluecloudnet.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test2.bluecloudnet.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test2.bluecloudnet.com\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test2.bluecloudnet.com\/el\/wp-json\/wp\/v2\/comments?post=2189"}],"version-history":[{"count":3,"href":"https:\/\/test2.bluecloudnet.com\/el\/wp-json\/wp\/v2\/pages\/2189\/revisions"}],"predecessor-version":[{"id":2517,"href":"https:\/\/test2.bluecloudnet.com\/el\/wp-json\/wp\/v2\/pages\/2189\/revisions\/2517"}],"wp:attachment":[{"href":"https:\/\/test2.bluecloudnet.com\/el\/wp-json\/wp\/v2\/media?parent=2189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}