string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=220520&expand=properties"
string(16417) "[{"templateId":220520,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":127,"categoryName":"Consulting Templates","templateTitle":"Consulting Responsive Joomla Template","templatePreviewHtmlTitle":"Syrius - SEO Digital Agency Creative Joomla 4 Template","templateDemoHtmlTitle":"Live preview for Syrius - SEO Digital Agency Creative Joomla 4 Template #220520","typeShortName":"Joomla","templatePreviewFBTitle":"<p>SEO Digital Agency Creative for Joomla template is built on the best Joomla framework ever made: Helix 3 Framework and pages are created using SP Page Builder. Our template Syrius is easy to edit using Drag & Drop Page Builder with add-ons. Just install on your server, login, and you can start making modifications, change images, change text, add other row with add-ons etc.</p><p>Try Syrius and you will love it, for sure. Syrius is built on Bootstrap 5, FontAwesome 5 and custom fonts. You can have our Syrius installed on your server fast with our Quick-start (is Joomla installed + templates, extensions, plugins, configured and ready to use in your websites).</p><p>You need to upload on your server, to create new database, user, add user to database and hit installation button; in few moments you will have template with demo installed on your server. Syrius is a user-friendly, modern, highly customizable and easy to integrate solution to build your custom Joomla website, is Modern Digital Marketing Agency Joomla Template perfectly suitable for the digital studio, SEO, agency, consulting, business, marketing, start-up business and other type of business website.</p><p>It has a purpose-oriented design, responsive layout, and special features like different Home pages, blog layouts, galleries, services, and pricing tables, One-Page layout, Portfolio with filter and vertical menu. Menu and Mega menu With Syrius you can easily build your mega menu from template options, you don't need to know CSS or HTML or to edit one line of code for this.</p><p><strong>Drag and Drop Layout Builder </strong></p><p>Our pages are made with Drag and Drop Layout Builder for you to be easy to edit, custom and to make your website fast, secure and good-looking.</p><p><strong>SEO Optimized </strong></p><p>Our template have options for SEO and CSS & JavaScript Compression with Joomla Power, your website will become faster.</p><p><strong>Captcha and reCAPTCHA Invisible</strong></p><p>Our contact forms have options for GDPR and Captcha and reCAPTCHA Invisible</p><p><strong>Background options </strong></p><p>You can make your background: color, video, many shapes.</p><p><strong>RTL Support </strong></p><p>Our Syrius Joomla Template is complete RTL (Right to Left Language), no configuration needed, just install your language and all Done!.</p><p><strong>Quick-start installation included </strong></p><p>We included quick-start zip for you to have our demo in seconds. Quick-start is Joomla installed + templates, extensions, plugins, configured and ready to use in your websites. You need to upload on your server, to create new database, user, add user to database and hit installation button.</p><p><strong>Boxed & Full-Width Layout Mode </strong></p><p>Now you can choose your Layout either Boxed or Full Width with just a click of the Button from template options, changing the complete look of your website within few seconds. You can change your layout from Boxed to Full Width using Helix Template Options, without affecting the design quality of your website.</p><p><strong>Why built on Helix Framework </strong></p><p>We love our work and every time we want to give our clients the best way to build their websites, so we chose Helix, because you have layout builder, Google Analytics, Ajax Rating, Lazy Loading, Error Pages, Add Retina Logo, Sticky Header, Preset Style Options, Free Icons And Fonts, Bootstrap 5, Font Awesome 5, RTL, mega menu, sticky header and more.</p><p><strong>Ecommerce HikaShop Ready</strong></p><p>Our Joomla template is fully compatible with HikaShop, so you can have your ecommerce fast and simple. HikaShop is one of the best ecommerce extension, built on bootstrap so is full responsive, secure and light code.</p><p><strong>Documentation </strong></p><p>In main pack, after downloading from TemplateMonster, unzip it, then you will find Documentation folder, open index.html file in browser and there you can find images how to configure, how to edit.</p>","templateFullTitle":"Syrius - SEO Digital Agency Creative Joomla 4 Template","templatePreviewMetaDescription":"SEO Digital Agency Creative for Joomla template is built on the best Joomla framework ever made: Helix 3 Framework and pages are created using SP Page Builder.","templateDemoMetaDescription":"The demo preview for this high quality Syrius - SEO Digital Agency Creative Joomla Template Joomla Template (#220520) is created for you to get informed about the template before you purchase it. Browse through the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Syrius - SEO Digital Agency Creative Joomla 4 Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/syrius-seo-digital-agency-creative-joomla-template-220520.html","userRating":"2","designIndex":1,"authorUserId":"1527933","exclusive":"1","state":1,"price":46,"inserted_date":"2021-12-16","sent":0,"downloads":4,"search_words":"business corporate creative ecommerce joomla seo joomla theme marketing multipurpose onepage photography theme portfolio theme responsive joomla seo agency shop web agency","is_adult":0,"exc_price":2100,"sent_date":"2021-12-16 13:16:34","last_upload":"2023-10-12 07:32:17","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2529481,"templ_id":220520,"filename":"220520-original.jpg","width":1300,"height":813,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2529482,"templ_id":220520,"filename":"220520-big.jpg","width":1300,"height":813,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2529483,"templ_id":220520,"filename":"220520-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":2529484,"templ_id":220520,"filename":"220520-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":2529485,"templ_id":220520,"filename":"220520-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/220520.html","image":"https://s.tmimgcdn.com/scr/220500/syrius-seo-digital-agency-creative-joomla-4-template_220520-original.jpg","searchHash":"f477a91a348efff5d6bd33980ba304ce","previewHash":"94785fd796b183cc3eed9d7989cac9bf","authorNickname":"prothemes","lowLevelTopic":"Consulting Templates; Accounting Website Templates; Management Company Templates; Advertising Agency Templates; Finance; Business Audit; Business Coach","weightedRating":3.9090909090909,"annualSale":3,"monthlySales":0,"quarterlySales":0,"productBoost":35,"onSale":0,"finalPrice":46,"discountPercent":0,"discountAmount":0,"semiannualSales":2,"properties":{"features":["Responsive","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Multipurpose","Team Members","eCommerce","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Drag and Drop Content","MegaMenu","Blog","Online Store/Shop","Gallery","Portfolio","One Page Templates","HTML 5","JQuery","Parallax","Background video","Lazy Load effect","j2store"],"styles":["Clean","Corporate","Minimalist","Futurist","Flat"],"isLastAdded":"1","topic":["Consulting Templates","Accounting Website Templates","Management Company Templates","Advertising Agency Templates","Business & Services","Finance","Business Audit","Business Coach"],"isFree":"none","popularity":"Top Rated","color":["white","grey","brown","purple","cyan"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1527933","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["business","corporate","creative","marketing","multipurpose","shop","ecommerce","onepage","photography theme","portfolio theme","seo agency","web agency","joomla seo","joomla theme","responsive joomla"],"joomlaEditor":"SP Page Builder","paidSupport":"Yes","nameOfTheTemplate":"Syrius - SEO Digital Agency Creative Joomla 4 Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1527933/3bd11bdaf014a60feaf8ed7e39c66b9e.jpg","shortDescription":"<p>SEO Digital Agency Creative for Joomla template is built on the best Joomla framework ever made: Helix 3 Framework and pages are created using SP Page Builder. Our template Syrius is easy to edit using Drag & Drop Page Builder with add-ons. Just install on your server, login, and you can start making modifications, change images, change text, add other row with add-ons etc.</p><p>Try Syrius and you will love it, for sure. Syrius is built on Bootstrap 5, FontAwesome 5 and custom fonts. You can have our Syrius installed on your server fast with our Quick-start (is Joomla installed + templates, extensions, plugins, configured and ready to use in your websites).</p><p>You need to upload on your server, to create new database, user, add user to database and hit installation button; in few moments you will have template with demo installed on your server. Syrius is a user-friendly, modern, highly customizable and easy to integrate solution to build your custom Joomla website, is Modern Digital Marketing Agency Joomla Template perfectly suitable for the digital studio, SEO, agency, consulting, business, marketing, start-up business and other type of business website.</p><p>It has a purpose-oriented design, responsive layout, and special features like different Home pages, blog layouts, galleries, services, and pricing tables, One-Page layout, Portfolio with filter and vertical menu. Menu and Mega menu With Syrius you can easily build your mega menu from template options, you don't need to know CSS or HTML or to edit one line of code for this.</p><p><strong>Drag and Drop Layout Builder </strong></p><p>Our pages are made with Drag and Drop Layout Builder for you to be easy to edit, custom and to make your website fast, secure and good-looking.</p><p><strong>SEO Optimized </strong></p><p>Our template have options for SEO and CSS & JavaScript Compression with Joomla Power, your website will become faster.</p><p><strong>Captcha and reCAPTCHA Invisible</strong></p><p>Our contact forms have options for GDPR and Captcha and reCAPTCHA Invisible</p><p><strong>Background options </strong></p><p>You can make your background: color, video, many shapes.</p><p><strong>RTL Support </strong></p><p>Our Syrius Joomla Template is complete RTL (Right to Left Language), no configuration needed, just install your language and all Done!.</p><p><strong>Quick-start installation included </strong></p><p>We included quick-start zip for you to have our demo in seconds. Quick-start is Joomla installed + templates, extensions, plugins, configured and ready to use in your websites. You need to upload on your server, to create new database, user, add user to database and hit installation button.</p><p><strong>Boxed & Full-Width Layout Mode </strong></p><p>Now you can choose your Layout either Boxed or Full Width with just a click of the Button from template options, changing the complete look of your website within few seconds. You can change your layout from Boxed to Full Width using Helix Template Options, without affecting the design quality of your website.</p><p><strong>Why built on Helix Framework </strong></p><p>We love our work and every time we want to give our clients the best way to build their websites, so we chose Helix, because you have layout builder, Google Analytics, Ajax Rating, Lazy Loading, Error Pages, Add Retina Logo, Sticky Header, Preset Style Options, Free Icons And Fonts, Bootstrap 5, Font Awesome 5, RTL, mega menu, sticky header and more.</p><p><strong>Ecommerce HikaShop Ready</strong></p><p>Our Joomla template is fully compatible with HikaShop, so you can have your ecommerce fast and simple. HikaShop is one of the best ecommerce extension, built on bootstrap so is full responsive, secure and light code.</p><p><strong>Documentation </strong></p><p>In main pack, after downloading from TemplateMonster, unzip it, then you will find Documentation folder, open index.html file in browser and there you can find images how to configure, how to edit.</p>","uniqueKeywords":"business,corporate,creative,ecommerce,joomla seo,joomla theme,marketing,multipurpose,onepage,photography theme,portfolio theme,responsive joomla,seo agency,shop,web agency","advImage":"https://s3u.tmimgcdn.com/u1527933/ec4e47484c623e3054c9b5d9b36f573e.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1527933/9d822703c8dff8257fda9d9b8ea3075e.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1527933/79f00cd03ec92b2d70c30d2b6544ccdf.jpg","livePreviewURL":"https://syrius.themes-pro.com/","metaDescription":"SEO Digital Agency Creative for Joomla template is built on the best Joomla framework ever made: Helix 3 Framework and pages are created using SP Page Builder.","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3p3AJri","demoMetaDescription":"The demo preview for this high quality Syrius - SEO Digital Agency Creative Joomla Template Joomla Template (#220520) is created for you to get informed about the template before you purchase it. Browse through the pages, check out the images, click the buttons, explore the features.","customUrl":"/joomla-templates/syrius-seo-digital-agency-creative-joomla-template-220520.html","productSize":"87217217","lastmod":"2022-01-28T11:28:18-05:00","trendiness":"1","reviewsTotal":"1","reviewAverageScore":"2","changeLogDate":"2023-10-26","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.0","7.4"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"changeLog":"## October 06 2023\r\nNew version of SP Page Builder Version 5.0.10\r\n- Add context menu functionality for productlist item (settings, show/hide and delete)\r\n- Fixes: Single page preview link issue from backend editor\r\n- Fixes: Fixed table addon issue after updating to 5.1.0\r\n- Fixes: Fixed carousel pro undefined property warning issue\r\n- Fixes: Fixed module field value update issue\r\n- Fixes: Fixed repeatable item link attachment issue\r\n\r\n\r\n## May 08 2023\r\nNew version of SP Page Builder Version 3.8.10\r\n\r\nBug Fix:\r\n- Column background overlay (pattern) issue.\r\n- Addon custom CSS auto ID generate issue.\r\n- Droptables custom addon issue.\r\n- Addon text editor emoji support issue.\r\n- XSS vulnerability warning issue from Bootstrap\r\n\r\nAll new updates are in folder Extensions-Update and can be installed manually from Joomla Administrator. \r\n\r\nAfter installation, clean cache. Don't forget to make full backup before installing this update.\r\n*********************************************************************************## March 27, 2023:\r\n- Update Quickinstall zip to Joomla 4\r\n- Update template to Joomla 4\r\n- Update Plugin Helix to Joomla 4\r\n- New: HikaShop and removed J2store (this extension is not compatible with Joomla 4)\r\n- New: Shop Design for HikaShop\r\n- Fix: Css file \r\n*************************************************************","excerpt":"<p>SEO Digital Agency Creative for Joomla template is built on the best Joomla framework ever made: Helix 3 Framework and pages are created using SP Page Builder.</p>","joomlaCompatibility":"4.3.x","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, 25 Apr 2024 16:26:03 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=220520&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=220520&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=220520&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 16:31:03 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: 159.203.151.221:80"
}
https://syrius.themes-pro.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#220520 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/220520.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 #220520            </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=220520&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $42                <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>