string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=79276&expand=properties"
string(13112) "[{"templateId":79276,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":477,"categoryName":"Personal Page Templates","templateTitle":"Personal Page Responsive Joomla Template","templatePreviewHtmlTitle":"Rose - Responsive One Page Joomla 5 Template","templateDemoHtmlTitle":"Live preview for Rose - Responsive One Page Joomla 5 Template #79276","typeShortName":"Joomla","templatePreviewFBTitle":"<p><strong>ROSE</strong> is a Unique Modern, Responsive multi-purpose Multipurpose Joomla 5 theme. You can use it to build any kind of websites Creative, Business, Photography, Agency… Also it can be used as a landing page, it’s easily customizable and flexible for all your needs. It’s fully Responsive, Retina ready, with beautiful css3 animations and transitions, and it comes with tons of helpful features.</p><h3>Version 2.2 (02 Feb 2024)</h3><ul><li>- Updated Joomla from the quickinstall to 5x version (we also left the Joomla 4 quickinstall in case you prefer this version)</li><li>- Updated free extensions to latest version</li><li>- Updated Sp Page Builder Pro to latest 5x version (we also left the Sp Page Builder Pro 3 in case you prefer this version) - if you encounter issues during the transition, please check the Migration from Sp Page Builder 3 to 5 - Read Here.txt we attached to this update.</li></ul><h3>Version 2.1 (04 Aug 2023)</h3><ul><li><strong>UPDATED</strong> Sp Page Builder Pro to latest 3.X Version</li></ul><h3>Version 2.0 (05 Nov 2022)</h3><ul><li><strong>ADDED</strong> Joomla 4, Helix 3 Compatibility</li><li><strong>FIXED</strong> Some minor bugs for browser compatibility</li><li><strong>FIXED</strong> Some minor bugs for responsive</li><li><strong>UPDATED</strong> FontAwesome to Latest Version</li><li><strong>UPDATED</strong> Bootstrap to Latest Version</li><li><strong>UPDATED</strong> Improvements in CSS and JS</li></ul><h3>ROSE Joomla 5 Theme Features:</h3><ul><li>Drag &amp; Drop Joomla! Page Builder (latest PRO version)</li><li>Based on Helix Framework</li><li>Quickinstall included!</li><li>Import : theme’s settings, every page to be imported in builder, layer sliders (if you don’t want to use quick install as demo, you can install one by one and just import what you need)</li><li>Images from demo are not included in our pack.</li><li>Well formatted and commented, so it should be easy to adapt and extend</li><li>Quick Start &amp; Well documented</li><li>One/Multi pages ready</li><li>13 Demos</li><li>Amazing css3 animation</li><li>Fully responsive</li><li>Retina Ready</li><li>Unlimited colors</li><li>Multiple styles of header</li><li>Google fonts</li><li>+ 400 icons</li><li>Advanced Portfolio</li><li>Clean blog layouts</li><li>Video background support</li><li>Documentation</li><li>Cross browser compatible</li><li>Working ajax contact form</li><li>Free Support 24×7</li></ul><h3>Other information:</h3><p><strong>Note:</strong> <em>The images you see in the screenshots are used for demo purposes only, they are not included in the download package, the original ones are replaces with placeholders.</em></p><p>Thank you very much.</p>","templateFullTitle":"Rose - Responsive One Page Joomla 5 Template","templatePreviewMetaDescription":"ROSE is a Unique Modern, Responsive multi-purpose Multipurpose Joomla 5 theme. You can use it to build any kind of websites Creative, Business, Photography,","templateDemoMetaDescription":"Explore the live preview for the Rose - Multipurpose Responsive One Page With Page Builder | Creative Joomla Template (#79276) get yourself familiar with this design before you buy it. Click through the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Rose - Responsive One Page Joomla 5 Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/rose-multipurpose-responsive-one-page-with-page-builder-creative-joomla-template-79276.html","userRating":0,"designIndex":"81","authorUserId":"1981537","exclusive":"1","state":1,"price":57,"inserted_date":"2019-03-28","sent":1,"downloads":4,"search_words":"creative business photography agency animation bootstrap ecommerce landing page multipurpose onepage parallax photographer portfolio responsive retina joomla5 website personal joomla","is_adult":0,"exc_price":2100,"sent_date":"2020-03-06 00:00:00","last_upload":"2023-08-10 08:11:28","package_id":295,"hasExclusivePrice":0,"screenshots":[{"id":1811745,"templ_id":79276,"filename":"79276-2-original.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1811746,"templ_id":79276,"filename":"79276-big.png","width":1366,"height":632,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1811747,"templ_id":79276,"filename":"79276-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":1811748,"templ_id":79276,"filename":"79276-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":1811749,"templ_id":79276,"filename":"79276-b.jpg","width":430,"height":199,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/79276.html","image":"https://s.tmimgcdn.com/scr/79200/rose-responsive-one-page-joomla-5-template_79276-2-original.png","searchHash":"af25ade3d5456f29c6e0822df014bce1","previewHash":"b7d3f2b2e81cfb42b59a61c84639b764","authorNickname":"joomlastars","lowLevelTopic":"Personal Page Templates; Design & Photography; Business & Services; Home & Family; Fashion & Beauty","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":35,"onSale":0,"finalPrice":49,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Pro","Admin Panel","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","Multipurpose","Team Members","Light Template","Single Product","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Drag and Drop Content","MegaMenu","Performance Optimization","Themes Bundle","Blog","Gallery","Portfolio","One Page Templates","JQuery","Static","Parallax","Background video","Lazy Load effect","Website Builder","One click installation"],"styles":["Clean","Corporate","Collage","Dark","Flat"],"topic":["Personal Page Templates","Design & Photography","Business & Services","Home & Family","Fashion & Beauty","Society & People"],"isFree":"none","color":["black","grey","brown","green"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","authorUserId":"1981537","excludeExclusive":"Yes","nameOfTheTemplate":"Rose - Responsive One Page Joomla 5 Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1981537-1553756593934_slide1.png, https://s3u.tmimgcdn.com/1981537-1553756597009_slide2.png, https://s3u.tmimgcdn.com/1981537-1553756599465_slide3.png, https://s3u.tmimgcdn.com/1981537-1553756601980_slide4.png, https://s3u.tmimgcdn.com/1981537-1553756604077_slide5.png","shortDescription":"<p><strong>ROSE</strong> is a Unique Modern, Responsive multi-purpose Multipurpose Joomla 5 theme. You can use it to build any kind of websites Creative, Business, Photography, Agency… Also it can be used as a landing page, it’s easily customizable and flexible for all your needs. It’s fully Responsive, Retina ready, with beautiful css3 animations and transitions, and it comes with tons of helpful features.</p><h3>Version 2.2 (02 Feb 2024)</h3><ul><li>- Updated Joomla from the quickinstall to 5x version (we also left the Joomla 4 quickinstall in case you prefer this version)</li><li>- Updated free extensions to latest version</li><li>- Updated Sp Page Builder Pro to latest 5x version (we also left the Sp Page Builder Pro 3 in case you prefer this version) - if you encounter issues during the transition, please check the Migration from Sp Page Builder 3 to 5 - Read Here.txt we attached to this update.</li></ul><h3>Version 2.1 (04 Aug 2023)</h3><ul><li><strong>UPDATED</strong> Sp Page Builder Pro to latest 3.X Version</li></ul><h3>Version 2.0 (05 Nov 2022)</h3><ul><li><strong>ADDED</strong> Joomla 4, Helix 3 Compatibility</li><li><strong>FIXED</strong> Some minor bugs for browser compatibility</li><li><strong>FIXED</strong> Some minor bugs for responsive</li><li><strong>UPDATED</strong> FontAwesome to Latest Version</li><li><strong>UPDATED</strong> Bootstrap to Latest Version</li><li><strong>UPDATED</strong> Improvements in CSS and JS</li></ul><h3>ROSE Joomla 5 Theme Features:</h3><ul><li>Drag &amp; Drop Joomla! Page Builder (latest PRO version)</li><li>Based on Helix Framework</li><li>Quickinstall included!</li><li>Import : theme’s settings, every page to be imported in builder, layer sliders (if you don’t want to use quick install as demo, you can install one by one and just import what you need)</li><li>Images from demo are not included in our pack.</li><li>Well formatted and commented, so it should be easy to adapt and extend</li><li>Quick Start &amp; Well documented</li><li>One/Multi pages ready</li><li>13 Demos</li><li>Amazing css3 animation</li><li>Fully responsive</li><li>Retina Ready</li><li>Unlimited colors</li><li>Multiple styles of header</li><li>Google fonts</li><li>+ 400 icons</li><li>Advanced Portfolio</li><li>Clean blog layouts</li><li>Video background support</li><li>Documentation</li><li>Cross browser compatible</li><li>Working ajax contact form</li><li>Free Support 24×7</li></ul><h3>Other information:</h3><p><strong>Note:</strong> <em>The images you see in the screenshots are used for demo purposes only, they are not included in the download package, the original ones are replaces with placeholders.</em></p><p>Thank you very much.</p>","uniqueKeywords":"creative,business,photography,agency,animation,bootstrap,ecommerce,landing,page,multipurpose,onepage,parallax,photographer,portfolio,responsive,retina,joomla5,website,personal,joomla","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1981537/5efead2dc1bdfc94c2c2c27bee84d4b6.png","dqi":"81","livePreviewURL":"https://rose.joomlastars.co.in","metaDescription":"ROSE is a Unique Modern, Responsive multi-purpose Multipurpose Joomla 5 theme. You can use it to build any kind of websites Creative, Business, Photography,","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"http://bit.ly/2UdTaex","customUrl":"/joomla-templates/rose-multipurpose-responsive-one-page-with-page-builder-creative-joomla-template-79276.html","lastmod":"2020-07-24T05:19:15-04:00","trendiness":"1","changeLogDate":"2024-02-13","demoMetaDescription":"Explore the live preview for the Rose - Multipurpose Responsive One Page With Page Builder | Creative Joomla Template (#79276) get yourself familiar with this design before you buy it. Click through the pages, check out the images, click the buttons, explore the functionality.","advImage":"https://s3u.tmimgcdn.com/u1981537/b21a41821d2a3b509919abc0a52c0427.png","imagesIncluded":"No","tags":["agency","animation","bootstrap","business","creative","landing","multipurpose","page","parallax","personal","photographer","photography","portfolio","responsive","retina","website","ecommerce","joomla","onepage","joomla5"],"marketplaceMembership":"None","joomlaEditor":"SP Page Builder","paidSupport":"Yes","webServerCompatibility":"Apache 2.4","pHPVersionCompatibility":["8.1","8.0","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"changeLog":"Version 2.2 (29 Jan 2024)\nUPDATED Sp Page Builder Pro to the latest 5. X Version\nADDED Update to Joomla 5\n\nVersion 2.1 (04 Aug 2023)\nUPDATED Sp Page Builder Pro to latest 3.X Version\n\nVersion 2.0 (05 Nov 2022)\nADDED Joomla 4, Helix 3 Compatibility\nFIXED Some minor bugs for browser compatibility\nFIXED Some minor bugs for responsive\nUPDATED FontAwesome to Latest Version\nUPDATED Bootstrap to Latest Version\nUPDATED Improvements in CSS and JS","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1981537/dafea5c868fee9354399a684ec1503ad.png","productSize":"129271359","excerpt":"<p>ROSE is a Unique Modern, Responsive multi-purpose Multipurpose Bootstrap based Joomla 5 theme. You can use it to build any kind of websites Creative, Business, Photography, Agency</p>","authorMainScreenshotVersion":"2","joomlaCompatibility":["4.4.x","5.0.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: Wed, 01 May 2024 02:14:21 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=79276&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=79276&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=79276&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 01 May 2024 02:19:21 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://rose.joomlastars.co.in<!DOCTYPE html>
<html lang="en">
<head>
    <title>#79276 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/79276.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 #79276            </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=79276&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>