string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=61415&expand=properties"
string(14489) "[{"templateId":61415,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":337,"categoryName":"Retirement Planning Templates","templateTitle":"Retirement Planning Responsive Joomla Template","templatePreviewHtmlTitle":"Harmony - Retirement Planning Joomla Template","templateDemoHtmlTitle":"Demo Preview for Harmony - Retirement Planning Joomla Template #61415","typeShortName":"Joomla","templatePreviewFBTitle":"<b>Harmony</b> is a fully responsive Retirement Planning Joomla Theme, created for retirement services websites. If you are looking for high functionality and productivity this retirement housing theme is your goal! Enjoy pre-made HTML pages that allow you to showcase your business in a pro way. A rich UI kit will help you customize your crossbrowser compatible site with multiple types of content up to your needs. Testimonials and team members will showcase the quality of your service and your staff that will make your aged care website more trustable, while elegant design, underpinned by cozy family backgrounds and calm tones will capture your audience. Let people know about your elderly care with this retirement accommodation theme!<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is Society & People Support Joomla design template with Portfolio</h3> <p><b>What is it?</b></p><p>Portfolio website is a kind of website that lets demonstrating different items (services, works of art, merchandise, and so on).</p> <p><b>Why is it Good?</b></p><p>Portfolio is the most effective option to to be creative with the info about you and your business and simply catch the attention of your potential clientele.</p><p>Find more <a href=\"https://www.templatemonster.com/portfolio-joomla-templates/\">Portfolio Joomla themes</a> here</p> <h3>This Society & People Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the page adjusts its size and shape in order to suit virtually any screen, from the smallest mobile phone handsets to the largest Desktop computer displays. For every single gadget, website page elements grow or decrease to seem ideal.</p> <p><b>Why is it Good?</b></p><p>Along with the increasing fascination with smartphones, how many individuals who log on to the sites from smartphones has expanded a lot. This type of aspect enables you to adapt websites to smartphones and different screen extensions, finally providing cellphone consumers with better alternatives.</p><p>Latest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla designs</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Harmony - Retirement Planning Joomla Template","templatePreviewMetaDescription":"Harmony is a fully responsive Retirement Planning Joomla Theme, created for retirement services websites. If you are looking for high functionality and","templateDemoMetaDescription":"Experience the live preview for the top notch Harmony - Retirement Planning Joomla Template (#61415) get yourself acquainted with this theme prior to buying it. Go through the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Harmony - Retirement Planning Joomla Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/retirement-planning-responsive-joomla-template-61415.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":45,"inserted_date":"2016-12-27","sent":2,"downloads":29,"search_words":"harmony retirement senior planning life budget finance consultation money tax old elder pension","is_adult":0,"exc_price":4500,"sent_date":"2017-01-09 06:15:17","last_upload":"2016-12-27 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":298,"filename":"61415-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61415,"width":430,"window_params":"","banner_url":"","id":1677476,"href":"","height":900},{"scr_type_id":78,"filename":"61415-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":61415,"width":970,"window_params":"","banner_url":"","id":1677477,"href":"","height":280},{"scr_type_id":314,"filename":"61415-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61415,"width":1903,"window_params":"","banner_url":"","id":1677478,"href":"","height":5548},{"scr_type_id":312,"filename":"61415-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61415,"width":370,"window_params":"","banner_url":"","id":1677479,"href":"","height":370},{"scr_type_id":300,"filename":"61415-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61415,"width":320,"window_params":"","banner_url":"","id":1677480,"href":"","height":900},{"scr_type_id":3,"filename":"61415-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61415,"width":1903,"window_params":"","banner_url":"","id":1677481,"href":"","height":5548},{"scr_type_id":299,"filename":"61415-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61415,"width":430,"window_params":"","banner_url":"","id":1677482,"href":"","height":900},{"scr_type_id":311,"filename":"61415-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61415,"width":965,"window_params":"","banner_url":"","id":1677483,"href":"","height":2813},{"scr_type_id":179,"filename":"61415-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61415,"width":430,"window_params":"","banner_url":"","id":1677484,"href":"","height":60},{"scr_type_id":315,"filename":"61415-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61415,"width":1903,"window_params":"","banner_url":"","id":1677485,"href":"","height":5548},{"scr_type_id":178,"filename":"61415-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61415,"width":430,"window_params":"","banner_url":"","id":1677486,"href":"","height":1254},{"scr_type_id":3,"filename":"61415-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61415,"width":408,"window_params":"","banner_url":"","id":1677487,"href":"","height":55},{"scr_type_id":3,"filename":"61415-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61415,"width":895,"window_params":"","banner_url":"","id":1677488,"href":"","height":599},{"scr_type_id":334,"filename":"61415-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61415,"width":1600,"window_params":"","banner_url":"","id":1677489,"href":"","height":1000},{"scr_type_id":9,"filename":"61415-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61415,"width":145,"window_params":"","banner_url":"","id":1677490,"href":"","height":156}],"demoUrl":"/demo/61415.html","image":"https://s.tmimgcdn.com/scr/61400/harmony-retirement-planning-joomla-template_61415-0-original.jpg","searchHash":"786ad518b0b4c24a9b35113e27bae0f0","previewHash":"8dd4491b4c9def7840ae77a18b7b0741","authorNickname":"RockThemes","lowLevelTopic":"Retirement Planning Templates","weightedRating":4.25,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":45,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"This theme is created for retirement, aged care, hospital, nursing home, healthcare, grandparents, Senior Citizen, and society & people websites.","categoriesView":["Grid","List"],"joomlaModules":["Articles - Newsflash","Articles Single","Camera Slideshow","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"uniqueKeywords":"CMS Convert","metaDescription":"Need a quality theme for your grandparents care website? Use our Retirement Planning Joomla Theme with Social options, Sortable Gallery, Google Map, Login Form, 24/7 support, and other features.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/61400/61415-en_01.jpg, https://s.tmimgcdn.com/scr/61400/61415-en_02.jpg, https://s.tmimgcdn.com/scr/61400/61415-en_03.jpg, https://s.tmimgcdn.com/scr/61400/61415-en_04.jpg, https://s.tmimgcdn.com/scr/61400/61415-en_05.jpg, https://s.tmimgcdn.com/scr/61400/61415-en_06.jpg, https://s.tmimgcdn.com/scr/61400/61415-en_07.jpg, https://s.tmimgcdn.com/scr/61400/61415-en_08.jpg, https://s.tmimgcdn.com/scr/61400/61415-en_09.jpg","features":["Responsive","Admin Panel","Sliced PSD","Dropdown Menu","Google map","Sample content","Quickstart Package","Advanced Theme Options","Blog","Gallery","Portfolio","Forum","HTML 5","JQuery","HTML plus JS"],"joomlaEngine":"3.6.0","templateSources":[".PSD",".PHP"],"languageSupport":"English","authorUserId":"1768190","htmlTitle":"Retirement Planning Joomla Theme","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.4","imageDescription":"http://scr.templatemonster.com/61400/61415-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"lastmod":"2021-01-22T08:05:17-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Experience the live preview for the top notch Harmony - Retirement Planning Joomla Template (#61415) get yourself acquainted with this theme prior to buying it. Go through the pages, check the images, click the buttons, explore the functionality.","shortDescription":"<b>Harmony</b> is a fully responsive Retirement Planning Joomla Theme, created for retirement services websites. If you are looking for high functionality and productivity this retirement housing theme is your goal! Enjoy pre-made HTML pages that allow you to showcase your business in a pro way. A rich UI kit will help you customize your crossbrowser compatible site with multiple types of content up to your needs. Testimonials and team members will showcase the quality of your service and your staff that will make your aged care website more trustable, while elegant design, underpinned by cozy family backgrounds and calm tones will capture your audience. Let people know about your elderly care with this retirement accommodation theme!<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is Society & People Support Joomla design template with Portfolio</h3> <p><b>What is it?</b></p><p>Portfolio website is a kind of website that lets demonstrating different items (services, works of art, merchandise, and so on).</p> <p><b>Why is it Good?</b></p><p>Portfolio is the most effective option to to be creative with the info about you and your business and simply catch the attention of your potential clientele.</p><p>Find more <a href=\"https://www.templatemonster.com/portfolio-joomla-templates/\">Portfolio Joomla themes</a> here</p> <h3>This Society & People Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the page adjusts its size and shape in order to suit virtually any screen, from the smallest mobile phone handsets to the largest Desktop computer displays. For every single gadget, website page elements grow or decrease to seem ideal.</p> <p><b>Why is it Good?</b></p><p>Along with the increasing fascination with smartphones, how many individuals who log on to the sites from smartphones has expanded a lot. This type of aspect enables you to adapt websites to smartphones and different screen extensions, finally providing cellphone consumers with better alternatives.</p><p>Latest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla designs</a> here</p> <br /></div></div></div></div>","joomlaCompatibility":"3.8","tags":["budget","cms","consultation","convert","elder","finance","harmony","life","money","old","pension","planning","retirement","senior","tax"],"customUrl":"/joomla-templates/retirement-planning-responsive-joomla-template-61415.html","badge":"badge-responsive","nameOfTheTemplate":"Harmony - Retirement Planning Joomla Template","pHPVersionCompatibility":"7.x","topic":["Retirement Planning Templates","Society & People"],"styles":"Neutral","productFamily":"None","color":["white","grey","purple"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"2","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"3.0","livePreviewURL":"https://livedemo00.template-help.com/joomla_61415","templateGroup":"CMS Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","galleryScript":"MixItUp","dynamicChangeLog":"<ul>\n<li>- 2 minor CSS issues fixed</li>\n<li>- 3 JS bugs fixed</li>\n<li>- 3 minor font issues fixed</li>\n<li>- 1 back-end bug fixed</li>\n<li>- 1 layout bug fixed</li>\n</ul>","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2jtYVm8","webForms":["Contact Form","Login Form","User Registration","Search Form"],"loyaltySells":"1","width":"2048px","skupromo":"31%","marketplaceMembership":"One","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 19 Apr 2024 15:30:04 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=61415&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=61415&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=61415&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 19 Apr 2024 15:35:04 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://livedemo00.template-help.com/joomla_61415<!DOCTYPE html>
<html lang="en">
<head>
    <title>#61415 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/61415.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 #61415            </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=61415&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $41                <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>