string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=353313&expand=properties"
string(14023) "[{"templateId":353313,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":190,"categoryName":"Business School Templates","templateTitle":"Business School Responsive Joomla Template","templatePreviewHtmlTitle":"JL Kobimatic Digital Agency  Joomla4 and 5Template","templateDemoHtmlTitle":"Live demo for JL Kobimatic Digital Agency  Joomla4 and 5Template #353313","typeShortName":"Joomla","templatePreviewFBTitle":"<p>The digital world is rapidly evolving, becoming more competitive every day. Strengthening your online presence is achievable with an impressive website, and that's where our specially crafted innovative web theme comes into play!</p><p>Our web theme adopts a modern and elegant design philosophy. Visitors will be drawn to your site instantly with its simple yet impactful design and will begin exploring your content.</p><p>A fully responsive design that ensures a perfect viewing experience on mobile devices, allowing users to access your site easily anytime, anywhere. Customize the web theme with color palettes, fonts, and layout options that reflect your business identity. A design tailored uniquely to you!</p><p>Being at the top of search engine results enhances online visibility. Our theme is designed following SEO best practices, making it easier for potential customers to find you.</p><p>Engaging with your site's visitors is now easier than ever. Our theme facilitates customer interaction through integrated contact forms and live chat options. Understanding website performance is key to refining your strategy. Our web theme provides integrated analytics tools to track visitor statistics.</p><p>Designed to empower digital agencies and SMEs, our web theme is created to enhance your online presence. Stand out in the digital world with its unique design, user-friendly interface, and advanced features!</p><p><strong>Note:</strong> Images, Texts, Slogans, Clips, Videos and Mp3s on the site do not have a political or commercial meaning; They are published in good faith only. All our customers who purchase our theme can continue to use the Images, Texts, Slogans, Mp3s, Videos, Clips and all promotional images on the site free of charge for life in the themes they purchased...</p><p>Remember, digital success is just a click away!</p><ul><li>12 Awesome Agency Demo Homepages (Code Developer, Seo Consultant, Creative Agency, Call Center, Coworking Space, Consultancy Firm, Free Web Designing, Online Instructor, Graphic Designer, Mobile App, The Tour Guide, Digital Agency, Book Blogger, Interpreter, Tech Agency, SAAS)</li><li>About, Services, Blog, Contact, Our Partners, Portfolio and Gallery Pages</li><li>Wonderful Dark Pages</li><li>Cool Light Pages</li><li>Shape Divider Pages</li><li>Awesome Video Slider Pages</li><li>Differentiate As You Wish With The Drag And Drop Method.</li><li>Great Visual Animation Title Image Area (Not available elsewhere)</li><li>Sp Page Builder Pro</li><li>Helix Ultimate 2</li><li>100% Mobile Responsive</li><li>Wide And Boxed Version</li><li>Jt Content Slider</li><li>Large collection of home and inner pages</li><li>One Click import demo site</li><li>Various Portfolio List Layouts</li><li>Smooth Scrolling</li><li>Smooth Page Transitions</li><li>Boxed and Grid layout option</li><li>IE9+, Firefox, Safari, Opera, Chrome - And more!</li></ul><p>And more...</p>","templateFullTitle":"JL Kobimatic Digital Agency  Joomla4 and 5Template","templatePreviewMetaDescription":"The digital world is rapidly evolving, becoming more competitive every day. Strengthening your online presence is achievable with an impressive website, and","templateDemoMetaDescription":"Check out the demo preview of the top quality Kobimatic Digital Agency  Joomla4 Template Joomla Template (#353313) to get a better notion of what this template is before you purchase it. Click through the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"JL Kobimatic Digital Agency  Joomla4 and 5Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/kobimatic-digital-agency-joomla4-template-353313.html","userRating":0,"designIndex":1,"authorUserId":"30481598","exclusive":"1","state":1,"price":49,"inserted_date":"2023-08-29","sent":0,"downloads":1,"search_words":"agency business company consulting corporate creative industrial industry information marketing portfolio responsive template joomla photo multipurpose guard finance","is_adult":0,"exc_price":2100,"sent_date":"2023-08-29 12:10:11","last_upload":"2023-08-29 12:15:15","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3193311,"templ_id":353313,"filename":"353313-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3193312,"templ_id":353313,"filename":"353313-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3193313,"templ_id":353313,"filename":"353313-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3193314,"templ_id":353313,"filename":"353313-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3193315,"templ_id":353313,"filename":"353313-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/353313.html","image":"https://s.tmimgcdn.com/scr/353300/jl-kobimatic-digital-agency-joomla4-and-5template_353313-original.jpg","searchHash":"234bef6af0679cbc9e9ec37549b23a9c","previewHash":"9e56817f1194411d3f8c239b9b505f73","authorNickname":"joomlove","lowLevelTopic":"Marketing Agency Templates; Advertising Agency Templates; Business School Templates; Model Agency Templates; Travel Agency Templates; Security Templates; Business Audit; Business Coach; Adoption Agency Templates","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":1,"productBoost":35,"onSale":0,"finalPrice":41,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Admin Panel","Ajax","Background video","Blog","Bootstrap","Dropdown Menu","Gallery","Google map","JQuery","MegaMenu","Mobile Layout Included","Multipurpose","Portfolio","Pro","Quickstart Package","Responsive","Tabs","Website Builder"],"isLastAdded":"1","livePreviewURL":"https://kobimatic.joomlalove.com","styles":["Cartoon","Clean","Corporate","Dark","Flat","Mobile","Retro","Vector"],"nameOfTheTemplate":"JL Kobimatic Digital Agency  Joomla4 and 5Template","shortDescription":"<p>The digital world is rapidly evolving, becoming more competitive every day. Strengthening your online presence is achievable with an impressive website, and that's where our specially crafted innovative web theme comes into play!</p><p>Our web theme adopts a modern and elegant design philosophy. Visitors will be drawn to your site instantly with its simple yet impactful design and will begin exploring your content.</p><p>A fully responsive design that ensures a perfect viewing experience on mobile devices, allowing users to access your site easily anytime, anywhere. Customize the web theme with color palettes, fonts, and layout options that reflect your business identity. A design tailored uniquely to you!</p><p>Being at the top of search engine results enhances online visibility. Our theme is designed following SEO best practices, making it easier for potential customers to find you.</p><p>Engaging with your site's visitors is now easier than ever. Our theme facilitates customer interaction through integrated contact forms and live chat options. Understanding website performance is key to refining your strategy. Our web theme provides integrated analytics tools to track visitor statistics.</p><p>Designed to empower digital agencies and SMEs, our web theme is created to enhance your online presence. Stand out in the digital world with its unique design, user-friendly interface, and advanced features!</p><p><strong>Note:</strong> Images, Texts, Slogans, Clips, Videos and Mp3s on the site do not have a political or commercial meaning; They are published in good faith only. All our customers who purchase our theme can continue to use the Images, Texts, Slogans, Mp3s, Videos, Clips and all promotional images on the site free of charge for life in the themes they purchased...</p><p>Remember, digital success is just a click away!</p><ul><li>12 Awesome Agency Demo Homepages (Code Developer, Seo Consultant, Creative Agency, Call Center, Coworking Space, Consultancy Firm, Free Web Designing, Online Instructor, Graphic Designer, Mobile App, The Tour Guide, Digital Agency, Book Blogger, Interpreter, Tech Agency, SAAS)</li><li>About, Services, Blog, Contact, Our Partners, Portfolio and Gallery Pages</li><li>Wonderful Dark Pages</li><li>Cool Light Pages</li><li>Shape Divider Pages</li><li>Awesome Video Slider Pages</li><li>Differentiate As You Wish With The Drag And Drop Method.</li><li>Great Visual Animation Title Image Area (Not available elsewhere)</li><li>Sp Page Builder Pro</li><li>Helix Ultimate 2</li><li>100% Mobile Responsive</li><li>Wide And Boxed Version</li><li>Jt Content Slider</li><li>Large collection of home and inner pages</li><li>One Click import demo site</li><li>Various Portfolio List Layouts</li><li>Smooth Scrolling</li><li>Smooth Page Transitions</li><li>Boxed and Grid layout option</li><li>IE9+, Firefox, Safari, Opera, Chrome - And more!</li></ul><p>And more...</p>","joomlaCompatibility":["4.3.x","4.2.x","4.1.x","4.0.x","4.4.x","5.0.x"],"topic":["Marketing Agency Templates","Advertising Agency Templates","Business School Templates","Model Agency Templates","Travel Agency Templates","Education Templates","Fashion Templates","Security Templates","Travel Templates","Education & Books","Business & Services","Fashion & Beauty","Sports, Outdoors & Travel","Career & Special Education","Business Audit","Business Coach","Adoption Agency Templates","Society & People"],"uniqueKeywords":"agency,business,company,consulting,corporate,creative,industrial,industry,information,marketing,portfolio,responsive,template,joomla,photo,multipurpose,guard,finance","customUrl":"/joomla-templates/kobimatic-digital-agency-joomla4-template-353313.html","isFree":"none","metaDescription":"The digital world is rapidly evolving, becoming more competitive every day. Strengthening your online presence is achievable with an impressive website, and","changeLog":"## 28 01,2024\n\n- Joomla has been upgraded to 4.4.2 and 5.0.2\n- Akeeba Backup package has been upgraded to v.9.8.4\n- JT Content Slider has been upgraded v3.0.9\n- Helix Ultimate has been upgraded to 2.0.18\n- Sp Page Builder has been upgraded to 5.2.5\n- Sp simple portfolio v2.0.8\n- Speasyimagegallery has been upgraded v2.0.4\n\n## 08 11,2023\n\n- Joomla has been upgraded to 4.4.0 \n- Akeeba Backup package has been upgraded to v.9.8.3\n- Helix Ultimate has been upgraded to 2.0.17\n- Sp Page Builder has been upgraded to\n- Sp simple portfolio v2.0.7\n- Speasyimagegallery has been upgraded v2.0.3\n- JT Content Slider has been upgraded v3.0.3\n\n\n\n## 31 10,2023\n\n- Joomla has been upgraded to 4.4.0 \n- Akeeba Backup package has been upgraded to v.9.8.1\n- Helix Ultimate has been upgraded to 2.0.16\n- Sp Page Builder has been upgraded to 3.8.10\n- Sp simple portfolio v2.0.7\n- Speasyimagegallery has been upgraded v2.0.3\n- JT Content Slider has been upgraded v3.0.2\n\n------------------------------------------------","color":["black","brown"],"imageKeyFeatures":"https://s3u.tmimgcdn.com/u30481598/dfa71290ae3c6b254be10569cb760890.jpg, https://s3u.tmimgcdn.com/u30481598/d51e5831d3ba8a2be4d461cd0c733e7d.jpg","demoMetaDescription":"Check out the demo preview of the top quality Kobimatic Digital Agency  Joomla4 Template Joomla Template (#353313) to get a better notion of what this template is before you purchase it. Click through the pages, check out the images, click the buttons, explore the features.","changeLogDate":"2024-02-01","productOfTheDay":"-1","trendiness":"1","showVariantForcibly":"b","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u30481598/1a65dafed5f8d3a0e3b83012e29597ab.jpg, https://s3u.tmimgcdn.com/u30481598/7b1414d7cf29500493625b16b958a59e.jpg","authorUserId":"30481598","exclusive":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u30481598/a1581e5fe664f551c41b8328bdc3a8fd.jpg","affiliateSells":"1","saleSells":"1","templateSupportOptions":"[]","alreadyPacked":"1","marketplaceMembership":"None","tags":["agency","business","company","consulting","corporate","creative","finance","guard","industrial","industry","information","marketing","multipurpose","photo","portfolio","responsive","template","joomla"],"advImage":"https://s3u.tmimgcdn.com/u30481598/d04b38b875952a5ef541a4a0853212be.jpg","productSize":"252330801","imagesIncluded":"Yes","joomlaEditor":"SP Page Builder","paidSupport":"Yes","pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"webServerCompatibility":"Apache 2.4","databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>The digital world is developing rapidly and becoming more competitive every day. These stylish agency themes specially prepared for you will meet all your needs.</p>","installation":"Installation and set up instructions are attached (look for Documentation folder).","types":"Joomla Templates","templateIcon":"icon-joomla","followUpLetter":"joomla-templates-offers","productFamily":"None","templateGroup":"CMS Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 02 May 2024 04:15:40 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(293) "Link: <http://products/api/v2/products/en?language=en&ids=353313&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=353313&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=353313&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 02 May 2024 04:20:40 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://kobimatic.joomlalove.com<!DOCTYPE html>
<html lang="en">
<head>
    <title>#353313 Preview</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=11; IE=10; IE=9; IE=8;"/>
    <link rel="canonical" href="https://rms.templates.com/demo/353313.html">
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/styles.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/jquery.fancybox.css" />
    <link rel="icon" type="image/png" href="/themes/theme-2018-v03-en/images/favicon.png"/>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.form.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.validate.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.fancybox.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/demo-main.js"></script>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/fontello-embedded.css"/>
    <script charset="utf-8">
        //TODO: some strange value
        var min_height = 600;
        $(function () {
            resizeFrame();
        });
        function resizeFrame() {
            if (0 == 0
        )
            return false;
            var main_iframe = $('#preview');
            var height = $(window).height() - $('#preview-bar:visible').outerHeight();
            /* if ($.browser.opera)
                height += 5; */
            if (height < min_height)
                height = min_height;
            $('#preview').height(height);
            $('#iframelive').height(height);
            if ($(window).width() < 1400)
                $('#min-hide-this').hide();
            else
                $('#min-hide-this').show();
        }
        $(window).resize(function () {
            resizeFrame();
        }).load(function () {
            resizeFrame();
        });
        $(document).ready(function(){
            $('#close').click(function(e){
                e.preventDefault();
                $('#preview-bar').hide();
            });
        })
    </script>
    <script type="text/javascript">
        window.su = 'https://rms.templates.com/';
    </script>
    

    <script>
    $(function () {

    $('#frame_controls .device_item').click(function(){
            $(this).siblings().removeClass('device_current');
            $(this).addClass('device_current');
            var className = $(this).data('device');
            $('#showframe').attr('class', className);
            return false;
        });

    });
    </script>
    <style>
    /* Frame with demo-----  */

/* Desktop */
#showframe {
    width: 100%;
    margin: 0 auto;
    /*
    position: relative;
    z-index: 1;
    */
}
    #showframe .hide_wrap {
        overflow: hidden;
    }
    #showframe iframe {
        width: 100%;
        height: 100%;
        display:block;
        vertical-align: top;
    }

/* Tablet landscape */
#showframe.tab_land {
    margin-top: 30px;
    /*width: 1224px;*/
    width: 1200px;
    padding: 38px 103px 37px 85px;
    background: url(../images/tab_landscape.png) 0 0 no-repeat;
}
    #showframe.tab_land .hide_wrap {
        width: 1024px;
                height: 640px;
        -webkit-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
    #showframe.tab_land .hide_wrap iframe {
        width: 1041px !important;
        height: 640px !important;
    }

/* Tablet portrait */
#showframe.tab_port {
    margin-top: 30px;
    /*width: 480px;*/
    width: 540px;
    padding: 65px 27px 78px 28px;
    background: url(../images/tab_portrait.png) 0 0 no-repeat;
}
    #showframe.tab_port .hide_wrap {
        width: 480px;
        height: 640px;
        -webkit-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
    #showframe.tab_port .hide_wrap iframe {
    	width: 497px !important;
		height: 640px !important;
	}

/* Tablet mobile */
#showframe.mobile {
	margin-top: 30px;
	/*width: 320px;*/
	width: 360px;
	padding: 92px 19px 102px 19px;
	background: url(../images/mobile.png) 0 0 no-repeat;
}
	#showframe.mobile .hide_wrap {
		width: 320px;
		height: 520px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile .hide_wrap iframe {
		width: 337px !important;
		height: 520px !important;
	}
#frame_controls .device_tablet_landscape:before{
    transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

}

/* Mobile landscape */
#showframe.mobile_land {
	margin-top: 30px;
	/*width: 1024px;*/
	width: 800px;
	padding: 15px 103px 37px 90px;
	background: url(../images/mobile_landscape.png) 0 0 no-repeat;
}
	#showframe.mobile_land .hide_wrap {
		width: 1024px;
				height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile_land .hide_wrap iframe {
		width: 520px !important;
		height: 320px !important;
	}
	#frame_controls .device_mobile_landscape:before{
    transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

}

/*Device Styles start*/
#frame_controls {
	display: inline-block;
	vertical-align: top;
	height:100%;
	/*
	margin-left:10em;
	*/
}
	#frame_controls .device_item {
		display: inline-block;
		vertical-align: top;
		/*font-size: 1.5em;*/
		height: 54px;
		/*line-height: 54px;*/
		text-align:center;

		width: 54px;
		margin-left:2px;
		/*background-color: #233448;*/

		/*padding: 0 12px;*/
		color: #546171;
	}
	#frame_controls .device_item:hover {
		color: #fff;
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_current {
		color: #fff;	/* #15e27f; */
		/*
		background-color: #15e27f;
		*/
	}
/*Device Styles End*/
	.pricer{
		max-width:100px!important;
		min-width:100px!important;
		}

    </style>
    <style>
	/*Advanced Styles*/
a {
	text-decoration: none;
	-webkit-transition: color .3s ease, background-color .3s ease;
	    -ms-transition: color .3s ease, background-color .3s ease;
	        transition: color .3s ease, background-color .3s ease;
}
body, a, a:visited, a:active {
	color: #fff;
}
a:active {
	outline: none;
}

[class*="icon-"]:before {
	margin:0;
	padding:0;
	line-height:inherit;
	vertical-align:baseline;
}


#header {
	background-color: #0a1d33;
	height: 54px;
	text-align: center;
	position: relative;
	z-index: 2;
}
#header:after {
	content:' ';
	display:block;
	width: 100%;
	height:0;
	clear:both;
}

#header .left_col {
	float: left;
	height: 54px;
}

	#logo {
		display: inline-block;
		vertical-align: top;
		text-align:center;
		/*margin-right: 1px;*/
	}
		#logo img {
			vertical-align: top;
			width: auto;
			height: 54px;
			max-height:100%;
		}

	#socials {
		display: inline-block;
		vertical-align: top;
		height:100%;
	}
		#socials .social_item {
			display: inline-block;
			vertical-align: top;
			font-size: 16px;
			width: 54px;
			height: 54px;
			line-height: 54px;
			text-align:center;
			/*
			margin-left:2px;
			background-color: #233448;
			*/
			border-right: 1px solid #2f3f51;
		}


	#theme_selector {
		display: inline-block;
		vertical-align: top;
		color: #dedfe0;
		position:relative;
		/*
		background-color: #233448;
		margin-left: 2px;
		*/
		border-right: 1px solid #2f3f51;
		text-align: left;
	}
		#theme_selector .current_theme {
			display: block;
			width: 390px;
			height: 54px;
			line-height: 54px;
			overflow:hidden;
			padding: 0 3em 0 2em;
			color: #dedfe0;
			-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
					box-sizing: border-box;
		}
		#theme_selector .current_theme:hover {
			color: #fff;
		}
		#theme_selector .current_theme:after {
			content: '\e825';
			font-family: 'fontello';
			display:inline-block;
			vertical-align:top;
			line-height: 56px;
			font-size: 1.25em;
			position:absolute;
			z-index:1;
			right: 1.5em;
			top: 0;
			-webkit-transition: -webkit-transform 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease;
			transition: transform 0.5s ease;
		}
		#theme_selector .current_theme:hover:after {
			color: #fff;
		}
		#theme_selector .theme_selector_opened:after {
			-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			transform: rotate(180deg);
		}
			#theme_selector .current_theme_name {
				width: 100%;
				overflow: hidden;
			}
		#theme_selector .related_themes {
			display: none;
			width: 390px;
			padding: 2em;
			-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
					box-sizing: border-box;
			position: absolute;
			left: 0;
			top: 54px;
			background-color: #0a1d33;
		}
			#theme_selector .themes_list {
				list-style: none;
				padding: 0;
				margin: 0;
			}
			#theme_selector .themes_list li {
				position: relative;
				padding-left: 2em;
			}
			#theme_selector .themes_list li:before {
				content: " ";
				display: block;
				position: absolute;
				top: 11px;
				left: 0;
				width: 1em;
				height: 2px;
				background-color: #15e27f;
			}
			#theme_selector .themes_list li a {
				display:block;
				color: #dedfe0;
			}
			#theme_selector .themes_list li.active a,
			#theme_selector .themes_list li a:hover {
				color: #15e27f;
			}
			#theme_selector .themes_list li + li {
				margin-top: 0.5em;
			}
			#theme_selector .placeholder {
				width: 100%;
				margin-top: 1em;
			}
			#theme_selector .placeholder img {
				width: 100%;
				max-width:100%;
				height: auto;
				vertical-align: top;
			}

#frame_controls {
	display: inline-block;
	vertical-align: top;
	height:100%;
	/*
	margin-left:10em;
	*/
}
	#frame_controls .device_item {
		display: inline-block;
		vertical-align: top;
		font-size: 1.5em;
		height: 54px;
		line-height: 54px;
		text-align:center;
		/*
		width: 54px;
		margin-left:2px;
		background-color: #233448;
		*/
		padding: 0 12px;
		color: #546171;
	}
	#frame_controls .device_item:hover {
		color: #fff;
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_current {
		color: #fff;	/* #15e27f; */
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_tablet_landscape:before {
		-webkit-transform:rotate(-90deg);
			-ms-transform:rotate(-90deg);
				transform:rotate(-90deg);
	}


#header .right_col {
	float: right;
	display:inline-block;
	vertical-align: top;
	height: 54px;
}
	#header .right_col > a {
		display: inline-block;
		vertical-align:top;
		height: 54px;
		line-height:54px;
		text-align:center;
		padding: 0 3.4em;
		font-size: 10px;
		font-weight:bold;
		text-transform: uppercase;
		letter-spacing:1px;
		/*
		margin-left: 2px;
		background-color: #233448;
		*/
		border-left: 1px solid #2f3f51;
	}
	#header .right_col > a:hover {
		background-color: #ff1f00;
	}
	#header .right_col > a:before {
		margin-right: 0.5em;
		vertical-align: top;
		font-size:1.25em;
	}
	#header .right_col > a.docs {
		padding: 0 3.6em;
	}
	#header .right_col > a.purchase {
		color: #fff;
		background-color: #15e27f;
		padding: 0 4em;
		border-left: none;
	}
	#header .right_col > a.purchase:hover,
	#header .right_col > a.docs:hover {
		color: #0a1d33;
		background-color: #f7f7f7;
	}
	#header .right_col > a.closeframe {
		padding:0 !important;
		letter-spacing:0 !important;
		width: 54px;
		visibility: hidden;
	}
	#header .right_col > a.closeframe:hover {
		color: #15e27f;
		background-color: #0a1d33;
	}
	#header .right_col > a.closeframe:before {
		margin-right: 0;
	}


.openframe,
.basket {
	display: block;
	width: 54px;
	height: 54px;
	line-height:54px;
	background-color: #0a1d33;
	text-align:center;
	font-size: 14px;
	font-weight:bold;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	-ms-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;
}
.basket {
	background-color:#15e27f;
	z-index: 1;
	font-size: 18px;
}
.basket:hover {
	color: #0a1d33;
	background-color: #f7f7f7;
}
.openframe:before {
	content: '\e815';
	font-family: 'fontello';
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
}
body.header_off .openframe:before {
	/*
	content: '\e829';
	*/
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.openframe:hover {
	color: #15e27f;
	background-color: #0a1d33;
}


/* Frame with demo
-----------------------------  */

/* Desktop */
#showframe {
	width: 100%;
	margin: 0 auto;
	/*
	position: relative;
	z-index: 1;
	*/
}
	#showframe .hide_wrap {
		overflow: hidden;
	}
	#showframe iframe {
		width: 100%;
		height: 100%;
		display:block;
		vertical-align: top;
	}

/* Tablet landscape */
#showframe.tab_land {
	margin-top: 30px;
	width: 1224px;
	padding: 38px 103px 37px 85px;
	background: url(../images/tab_landscape.png) 0 0 no-repeat;
}
	#showframe.tab_land .hide_wrap {
		width: 1024px;
		height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.tab_land .hide_wrap iframe {
		width: 1041px !important;
		height: 640px !important;
	}

/* Tablet portrait */
#showframe.tab_port {
	margin-top: 30px;
	width: 540px;
	padding: 65px 27px 78px 28px;
	background: url(../images/tab_portrait.png) 0 0 no-repeat;
}
	#showframe.tab_port .hide_wrap {
		width: 480px;
		height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.tab_port .hide_wrap iframe {
		width: 497px !important;
		height: 640px !important;
	}

/* Tablet mobile */
#showframe.mobile {
	margin-top: 30px;
	width: 360px;
	padding: 92px 19px 102px 19px;
	background: url(../images/mobile.png) 0 0 no-repeat;
}
	#showframe.mobile .hide_wrap {
		width: 320px;
		height: 520px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile .hide_wrap iframe {
		width: 337px !important;
		height: 520px !important;
	}




@media (max-width: 1529px) {
	body {
		font-size:13px;
		line-height:20px;
	}
	#header,
	#header .left_col,
	#header .right_col,
	#logo img {
		height:42px;
	}
	#socials .social_item {
		font-size: 14px;
		width: 42px;
		height: 42px;
		line-height: 42px;
	}
	#theme_selector .current_theme {
		width: 300px;
		height: 42px;
		line-height: 42px;
		padding: 0 2em 0 1.5em;
	}
	#theme_selector .current_theme:after {
		line-height: 42px;
		right: 1em;
	}
	#theme_selector .related_themes {
		width: 300px;
		padding: 1.5em;
		top: 42px;
	}
	#frame_controls .device_item {
		height: 42px;
		line-height: 42px;
		padding: 0 10px;
	}
	#header .right_col > a {
		height: 42px;
		line-height:42px;
		padding: 0 2em !important;
	}
	#header .right_col > a.closeframe {
		width: 42px;
	}
	.openframe,
	.basket {
		width: 42px;
		height: 42px;
		line-height:42px;
		font-size: 12px;
	}
}
@media (max-width: 1199px) {
	#frame_controls {
		display:none;
	}
}
@media (max-width: 1023px) {
	#header .right_col > a.docs {
		display: none;
	}
}
@media (max-width: 959px) {
	#header .right_col > a.customization {
		display: none;
	}
}
@media (max-width: 767px) {
	#socials {
		display: none;
	}
	#theme_selector .current_theme {
		width: 270px;
		padding: 0 1.5em 0 1em;
	}
	#theme_selector .current_theme:after {
		right: 0.5em;
	}
	#theme_selector .related_themes {
		width: 270px;
		padding: 1em;
	}
	#header .right_col > a {
		font-size: 10px;
	}
}
@media (max-width: 639px) {
	#theme_selector .current_theme {
		display: none;
	}
}
@media (max-width: 479px) {
	body {
		font-size:12px;
		line-height:18px;
	}
	#header,
	#header .left_col,
	#header .right_col,
	#logo img {
		height:36px;
	}
	#socials .social_item {
		font-size: 14px;
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
	#header .right_col > a {
		height: 36px;
		line-height:36px;
		font-size: 10px;
	}
	#header .right_col > a.purchase {
		letter-spacing:0;
	}
	#header .right_col > a.closeframe {
		width: 36px;
	}
	.openframe,
	.basket {
		width: 36px;
		height: 36px;
		line-height:36px;
	}
}
	</style>



</head>
<body id="fullscreen-preview">
    <div id="preview-bar">
        <ul id="bar-inner">
            <li class="tm-logo block">
                <a href="https://rms.templates.com/">
                    <img src="/themes/theme-2018-v03-en/images/Logo_white.png" alt="">
                </a>
            </li>
            <li class="block inner info">
                Joomla Templates #353313            </li>
            <!--responsivator HTML-->
            <li class="block inner info" id="frame_controls">
                <a href="#" class="icon-desktop device_item device_desktop device_current" data-width="100%" data-device="desktop"></a>
                <!--<a href="#" class="icon-tablet device_item device_tablet_landscape" data-width="960" data-device="tab_land"></a>-->
                <a href="#" class="icon-tablet device_item device_tablet_portrait" data-width="480" data-device="tab_port"></a>
                <a href="#" class="icon-mobile device_item device_mobile" data-width="320" data-device="mobile"></a>
                <!--<a href="#" class="icon-mobile device_item device_mobile_landscape" data-width="320" data-device="mobile_land"></a>-->
			</li>

                        <li class="block inner"><a href="https://www.templatehelp.com/preset/cart.php?act=add&amp;templ=353313&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $45                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

        <div id="preview-wrapper" class="hide_wrap">

                            <div class="technical-problems">
                    <p>Technical operations</p>
                    <p class="problems-message">Live demo of this template will be available within 5-6 hours.</p>
                    <p>
                        <a href="/joomla-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>