string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=78928&expand=properties"
string(12244) "[{"templateId":78928,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":133,"categoryName":"Advertising Agency Templates","templateTitle":"Advertising Agency Responsive Joomla Template","templatePreviewHtmlTitle":"Afela | Flexible Multi-Purpose Business Joomla Template","templateDemoHtmlTitle":"Live preview for Afela | Flexible Multi-Purpose Business Joomla Template #78928","typeShortName":"Joomla","templatePreviewFBTitle":"<p>Afela is a modern, flexible and responsive Joomla! theme. Built with the latest technologies. A versatile and responsive grid makes your website look perfect on all mobile devices. Afela includes 8 Home Versions (Business, Agency, Onepage, shop, Magazine and Photography); custom pages like Services, About Us and more. Afela is E-commerce ready and has all important shop pages. It is great for business companies, digital agencies, startups, photographers, online stores, webmasters, freelancers, personal portfolios and landing pages as well. Start your journey with Afela today and you’ll never forget it!</p><p><strong>Note: Afela is in Joomla 3.9.x and it will support PHP Version 7.4 only</strong></p><p><strong>Joomla! Compatibility: 3.9.x</strong></p><p><strong>PHP Version Compatibility: 7.4</strong></p><p><strong>AFELA FEATURES:</strong></p><ul><li>Quick Start package ready for Joomla 3.9.x (Demo)</li><li>Drag & Drop Page Builder PRO</li><li>Revolution Slider (Unite Slider)</li><li>Based on the Helix Framework</li><li>Drag & Drop Template Builder</li><li>8+ Predefined Home Pages</li><li>4 Preset Colors</li><li>8+ header Styles</li><li>3 Photography Layouts</li><li>3 Revolution Slider Styles</li><li>Hero Styles</li><li>One page (Convert Any Homestyle on Onepage)</li><li>UT Contact Pro (Google Map, Forms and Info - 17 Styles)</li><li>All Joomla Components Support</li><li>Touch Navigation (Owl Carousel, Revolution Slider)</li><li>Blog Multicategory</li><li>Advanced Portfolio</li><li>Newsletter subscription form</li><li>Share buttons for Portfolio, products, magazine and blog items</li><li>Comment Systems (Disqus, Facebook and IntenseDebate)</li><li>Contact Module and Component</li><li>404 error page</li><li>Fully responsive layout</li><li>Compatible with Bootstrap</li><li>Parallax effects</li><li>Mega menu</li><li>Font Awesome Icons</li><li>ET-Line Icons</li><li>Elegant Icons</li><li>All required Extensions Included (Components Modules and Plugins)</li><li>Bootstrap grid layout (12 columns support – Fluid Layout)</li><li>Well documented</li><li>Supported by all the latest browsers</li><li>Back to Top Button</li><li>No extra payments, we give all.</li></ul><p><strong>CREDITS:</strong></p><p>Images: Stock Images and royalty free copyright images. Images not Included to Theme</p><p>Icons: Font Awesome</p><p>Fonts: Google Fonts</p>","templateFullTitle":"Afela | Flexible Multi-Purpose Business Joomla Template","templatePreviewMetaDescription":"Afela is a modern, flexible and responsive Joomla! theme. Built with the latest technologies. A versatile and responsive grid makes your website look perfect","templateDemoMetaDescription":"Before you purchase it, get the look and feel of the high quality Afela | Flexible Multi-Purpose Business  With Page Builder | Joomla Template (#78928) by enjoying the demo preview. View the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Afela | Flexible Multi-Purpose Business Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/afela-flexible-multi-purpose-business-with-page-builder-joomla-template-78928.html","userRating":0,"designIndex":"82","authorUserId":"1981537","exclusive":"1","state":1,"price":57,"inserted_date":"2019-03-18","sent":1,"downloads":17,"search_words":"joomlatheme minimaltheme joomlatemplate ecommerce virtuemart landing modern multipurpose onepage photography portfolio magazine template joomla video multipage quickinstall documentation responsive pagebuilder","is_adult":0,"exc_price":2100,"sent_date":"2020-03-06 00:00:00","last_upload":"2020-04-09 06:04:25","package_id":295,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":311,"filename":"78928-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":78928,"width":800,"window_params":"","banner_url":"","id":1809796,"href":"","height":1200},{"scr_type_id":312,"filename":"78928-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":78928,"width":370,"window_params":"","banner_url":"","id":1809797,"href":"","height":370},{"scr_type_id":9,"filename":"78928-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":78928,"width":145,"window_params":"","banner_url":"","id":1809798,"href":"","height":156},{"scr_type_id":57,"filename":"78928-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":78928,"width":430,"window_params":"","banner_url":"","id":1809799,"href":"","height":645},{"scr_type_id":334,"filename":"78928-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":78928,"width":800,"window_params":"","banner_url":"","id":1921265,"href":"","height":1200},{"scr_type_id":311,"filename":"78928-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":78928,"width":1366,"window_params":"","banner_url":"","id":1921266,"href":"","height":632}],"demoUrl":"/demo/78928.html","image":"https://s.tmimgcdn.com/scr/78900/afela--flexible-multi-purpose-business-joomla-template_78928-original.jpg","searchHash":"12e06daf26168ae121aca07309f07f88","previewHash":"7ad680712c955e23470e57e7a7f825fa","authorNickname":"joomlastars","lowLevelTopic":"Advertising Agency Templates; Design & Photography; Society & People; Magazine","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":57,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productSize":"54795452","uniqueKeywords":"joomlatheme,minimaltheme,joomlatemplate,ecommerce,virtuemart,landing,modern,multipurpose,onepage,photography,portfolio,magazine,template,joomla,video,multipage,quickinstall,documentation,responsive,pagebuilder","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Afela is a modern, flexible and responsive Joomla! theme. Built with the latest technologies. A versatile and responsive grid makes your website look perfect","excludeExclusive":"Yes","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1981537/5be36eadaff8ac303228a3725637a5dc.png","features":["Premium","Responsive","Pro","Admin Panel","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","Multipurpose","Team Members","Light Template","Single Product","eCommerce","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Drag and Drop Content","MegaMenu","Performance Optimization","Themes Bundle","Blog","Online Store/Shop","Gallery","Portfolio","One Page Templates","JQuery","Completely JS","Static","Parallax","Background video","Lazy Load effect","Website Builder","One click installation"],"saleSells":"1","authorUserId":"1981537","isFree":"none","exclusive":"1","webServerCompatibility":"Apache 2.4","lastmod":"2022-01-18T11:29:37-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1981537-1552906412547_slide6.png, https://s3u.tmimgcdn.com/1981537-1552906418988_slide2.png, https://s3u.tmimgcdn.com/1981537-1552906422304_slide3.png, https://s3u.tmimgcdn.com/1981537-1552906424762_slide4.png, https://s3u.tmimgcdn.com/1981537-1552906426857_slide5.png","demoMetaDescription":"Before you purchase it, get the look and feel of the high quality Afela | Flexible Multi-Purpose Business  With Page Builder | Joomla Template (#78928) by enjoying the demo preview. View the pages, check out the images, click the buttons, explore the functionality.","shortDescription":"<p>Afela is a modern, flexible and responsive Joomla! theme. Built with the latest technologies. A versatile and responsive grid makes your website look perfect on all mobile devices. Afela includes 8 Home Versions (Business, Agency, Onepage, shop, Magazine and Photography); custom pages like Services, About Us and more. Afela is E-commerce ready and has all important shop pages. It is great for business companies, digital agencies, startups, photographers, online stores, webmasters, freelancers, personal portfolios and landing pages as well. Start your journey with Afela today and you’ll never forget it!</p><p><strong>Note: Afela is in Joomla 3.9.x and it will support PHP Version 7.4 only</strong></p><p><strong>Joomla! Compatibility: 3.9.x</strong></p><p><strong>PHP Version Compatibility: 7.4</strong></p><p><strong>AFELA FEATURES:</strong></p><ul><li>Quick Start package ready for Joomla 3.9.x (Demo)</li><li>Drag & Drop Page Builder PRO</li><li>Revolution Slider (Unite Slider)</li><li>Based on the Helix Framework</li><li>Drag & Drop Template Builder</li><li>8+ Predefined Home Pages</li><li>4 Preset Colors</li><li>8+ header Styles</li><li>3 Photography Layouts</li><li>3 Revolution Slider Styles</li><li>Hero Styles</li><li>One page (Convert Any Homestyle on Onepage)</li><li>UT Contact Pro (Google Map, Forms and Info - 17 Styles)</li><li>All Joomla Components Support</li><li>Touch Navigation (Owl Carousel, Revolution Slider)</li><li>Blog Multicategory</li><li>Advanced Portfolio</li><li>Newsletter subscription form</li><li>Share buttons for Portfolio, products, magazine and blog items</li><li>Comment Systems (Disqus, Facebook and IntenseDebate)</li><li>Contact Module and Component</li><li>404 error page</li><li>Fully responsive layout</li><li>Compatible with Bootstrap</li><li>Parallax effects</li><li>Mega menu</li><li>Font Awesome Icons</li><li>ET-Line Icons</li><li>Elegant Icons</li><li>All required Extensions Included (Components Modules and Plugins)</li><li>Bootstrap grid layout (12 columns support – Fluid Layout)</li><li>Well documented</li><li>Supported by all the latest browsers</li><li>Back to Top Button</li><li>No extra payments, we give all.</li></ul><p><strong>CREDITS:</strong></p><p>Images: Stock Images and royalty free copyright images. Images not Included to Theme</p><p>Icons: Font Awesome</p><p>Fonts: Google Fonts</p>","tags":["documentation","landing","magazine","modern","multipurpose","photography","portfolio","responsive","template","video","ecommerce","joomla","onepage","pagebuilder","multipage","quickinstall","virtuemart","joomlatheme","minimaltheme","joomlatemplate"],"joomlaCompatibility":"3.10.x","customUrl":"/joomla-templates/afela-flexible-multi-purpose-business-with-page-builder-joomla-template-78928.html","nameOfTheTemplate":"Afela | Flexible Multi-Purpose Business Joomla Template","pHPVersionCompatibility":"7.4","topic":["Advertising Agency Templates","Media Templates","Design & Photography","Business & Services","Society & People","Magazine"],"changeLogDate":"2020-04-09","styles":["Clean","Corporate","Collage","Dark","Flat"],"advImage":"https://s3u.tmimgcdn.com/u1981537/a6933edd44dbc0104be792b8ecdcd746.png","excerpt":"<p>It is great for business companies, digital agencies, startups, photographers, online stores, webmasters, freelancers, personal portfolios and landing pages as well.</p>","productFamily":"None","color":["black","white","grey"],"followUpLetter":"joomla-templates-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"templateSupportOptions":"[]","livePreviewURL":"https://afela.joomlastars.co.in/landing/","authorMainScreenshot":"https://s3u.tmimgcdn.com/1981537-1552906120842_afela.jpg","templateGroup":"CMS Templates","databaseServerCompatibility":"MySQL 5.7","popularity":"Top Rated","alreadyPacked":"1","installation":"Installation and set up instructions are attached (look for Documentation folder).","imagesIncluded":"No","templateIcon":"icon-joomla","types":"Joomla Templates","trendiness":"1","bitLyUrl":"http://bit.ly/2Y7cgSv","paidSupport":"Yes","joomlaEditor":"SP Page Builder","marketplaceMembership":"None","category":"Website templates","dqi":"82"}}]"
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 17:59:55 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(290) "Link: <http://products/api/v2/products/en?language=en&ids=78928&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=78928&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=78928&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 02 May 2024 18:04:55 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://afela.joomlastars.co.in/landing/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#78928 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/78928.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 #78928            </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=78928&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $52                <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>