string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=65452&expand=properties"
string(15204) "[{"templateId":65452,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":492,"categoryName":"Electronics Store Templates","templateTitle":"Electronics Store Responsive Joomla Template","templatePreviewHtmlTitle":"Electrocloud - Mobile Store Joomla Template - TemplateMonster","templateDemoHtmlTitle":"Live preview for Electrocloud - Mobile Store Joomla Template #65452","typeShortName":"Joomla","templatePreviewFBTitle":"This template was made for creating an incredible website for an online mobile store. We offer you a highly efficient, responsive design bound to always make your clients happy! With Contacts page, your customers will always know how to communicate with you. In a need to set up a blog? With our template, you can do just that whenever needed. Feel like sharing images with your customers? Setting up galleries has never been easier. Want to change the appearance of your website? We present you with high customizability. With our template, your website will be available on all known devices and all around the world.<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 a Bootstrap Electronics Store Joomla design theme</h3> <p><b>What is it?</b></p><p>Bootstrap could be a cost free front-end framework that provides for faster and also simple and easy web development practice.</p> <p><b>Why is it Good?</b></p><p>Bootstrap helps to build better websites .  </p><p>View latest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla templates</a> here</p> <h3>This Electronics Parts Joomla design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is an approach to website design that enables web pages to adjust to a display size of any type of device - whether it's a desktop computer, a laptop or a mobile.</p> <p><b>Why is it Good?</b></p><p>Regardless of kind of device your visitors could work with to enter the web business - they could discover a stunning picture which has a practical navigation menu. It really is an especially crucial function, taking into consideration that the majority of end users at this point favor their mobile phone handsets for web browsing.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design templates</a> here</p> <h3>This is Electronics Store Joomla design with Portfolio</h3> <p><b>What is it?</b></p><p>The portfolio is a kind of an album, exhibiting samples of your jobs. For an interior expert that could be photos of rooms he styled, for web-developer, it is a set of sites he made. The portfolio is really a presentation of your abilities.</p> <p><b>Why is it Good?</b></p><p>It may serve as a completely independent strategy of promotion. Any website visitor can see your works and creations. You can attract customers and operate without intermediaries - buyers on their own will come to you.</p><p>Click for more <a href=\"https://www.templatemonster.com/portfolio-joomla-templates/\">Portfolio Joomla templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Electrocloud - Mobile Store Joomla Template","templatePreviewMetaDescription":"This template was made for creating an incredible website for an online mobile store. We offer you a highly efficient, responsive design bound to always make","templateDemoMetaDescription":"Prior to buying it, get acquainted with the top notch Electrocloud - Mobile Store Joomla Template (#65452) by visiting the live preview. View the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Electrocloud - Mobile Store Joomla Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/electrocloud-mobile-store-joomla-template-65452.html","userRating":0,"designIndex":"86","authorUserId":"1768190","exclusive":0,"state":1,"price":55,"inserted_date":"2017-09-25","sent":1,"downloads":14,"search_words":"","is_adult":0,"exc_price":4500,"sent_date":"2019-02-15 00:00:00","last_upload":"2017-09-25 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":3,"filename":"65452-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65452,"width":895,"window_params":"","banner_url":"","id":1722867,"href":"","height":599},{"scr_type_id":78,"filename":"65452-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":65452,"width":970,"window_params":"","banner_url":"","id":1722868,"href":"","height":280},{"scr_type_id":3,"filename":"65452-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65452,"width":408,"window_params":"","banner_url":"","id":1722869,"href":"","height":55},{"scr_type_id":299,"filename":"65452-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65452,"width":430,"window_params":"","banner_url":"","id":1722870,"href":"","height":900},{"scr_type_id":334,"filename":"65452-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65452,"width":1600,"window_params":"","banner_url":"","id":1722871,"href":"","height":1000},{"scr_type_id":298,"filename":"65452-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65452,"width":430,"window_params":"","banner_url":"","id":1722872,"href":"","height":900},{"scr_type_id":311,"filename":"65452-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65452,"width":965,"window_params":"","banner_url":"","id":1722873,"href":"","height":1820},{"scr_type_id":3,"filename":"65452-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65452,"width":1800,"window_params":"","banner_url":"","id":1722874,"href":"","height":3394},{"scr_type_id":179,"filename":"65452-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65452,"width":430,"window_params":"","banner_url":"","id":1722875,"href":"","height":60},{"scr_type_id":312,"filename":"65452-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65452,"width":370,"window_params":"","banner_url":"","id":1722876,"href":"","height":370},{"scr_type_id":9,"filename":"65452-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65452,"width":145,"window_params":"","banner_url":"","id":1722877,"href":"","height":156},{"scr_type_id":178,"filename":"65452-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65452,"width":430,"window_params":"","banner_url":"","id":1722878,"href":"","height":811},{"scr_type_id":315,"filename":"65452-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65452,"width":1800,"window_params":"","banner_url":"","id":1722879,"href":"","height":3394},{"scr_type_id":300,"filename":"65452-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65452,"width":320,"window_params":"","banner_url":"","id":1722880,"href":"","height":900},{"scr_type_id":314,"filename":"65452-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":65452,"width":1903,"window_params":"","banner_url":"","id":1722881,"href":"","height":3394}],"demoUrl":"/demo/65452.html","image":"https://s.tmimgcdn.com/scr/65400/electrocloud-mobile-store-joomla-template_65452-0-original.jpg","searchHash":"4265ccf1e92c788772329ed5eb08404e","previewHash":"79d1e90ee864333d5b73e7350d4835d1","authorNickname":"RockThemes","lowLevelTopic":"Electronics Store Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":55,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"Electronics, mobile store","categoriesView":["Grid","List"],"joomlaModules":["Articles - Newsflash","TM Ajax Contact Form","Komento"],"uniqueKeywords":"electronics, e commerce, mobile, wholesale, products, online store, camera, computer, drone, online shop, online shopping, virtuemart, joomla ecommerce, joomla","showVariantForcibly":"b","metaDescription":"This template is equipped with responsive design, Google fonts, search engine optimization, personal blog, contacts page and much more!","imageKeyFeatures":"https://s.tmimgcdn.com/scr/65400/65452-1300_01.jpg,https://s.tmimgcdn.com/scr/65400/65452-1300_02.jpg,https://s.tmimgcdn.com/scr/65400/65452-1300_03.jpg,https://s.tmimgcdn.com/scr/65400/65452-1300_04.jpg,https://s.tmimgcdn.com/scr/65400/65452-1300_05.jpg,https://s.tmimgcdn.com/scr/65400/65452-1300_06.jpg,https://s.tmimgcdn.com/scr/65400/65452-1300_07.jpg,https://s.tmimgcdn.com/scr/65400/65452-1300_08.jpg","features":["Responsive","Admin Panel","Bootstrap","Dropdown Menu","Google map","Sample content","Quickstart Package","Advanced Theme Options","Blog","Online Store/Shop","Gallery","Portfolio","Forum","HTML 5","JQuery","HTML plus JS"],"joomlaEngine":"3.9","languageSupport":["English","Russian","German"],"authorUserId":"1768190","htmlTitle":"Mobile Store Template","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.4","imageDescription":"https://s.tmimgcdn.com/scr/65400/65452-responsive-layout.jpg","lastmod":"2020-07-24T07:46:43-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Prior to buying it, get acquainted with the top notch Electrocloud - Mobile Store Joomla Template (#65452) by visiting the live preview. View the pages, check the images, press the buttons, explore the functionality.","shortDescription":"This template was made for creating an incredible website for an online mobile store. We offer you a highly efficient, responsive design bound to always make your clients happy! With Contacts page, your customers will always know how to communicate with you. In a need to set up a blog? With our template, you can do just that whenever needed. Feel like sharing images with your customers? Setting up galleries has never been easier. Want to change the appearance of your website? We present you with high customizability. With our template, your website will be available on all known devices and all around the world.<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 a Bootstrap Electronics Store Joomla design theme</h3> <p><b>What is it?</b></p><p>Bootstrap could be a cost free front-end framework that provides for faster and also simple and easy web development practice.</p> <p><b>Why is it Good?</b></p><p>Bootstrap helps to build better websites .  </p><p>View latest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla templates</a> here</p> <h3>This Electronics Parts Joomla design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is an approach to website design that enables web pages to adjust to a display size of any type of device - whether it's a desktop computer, a laptop or a mobile.</p> <p><b>Why is it Good?</b></p><p>Regardless of kind of device your visitors could work with to enter the web business - they could discover a stunning picture which has a practical navigation menu. It really is an especially crucial function, taking into consideration that the majority of end users at this point favor their mobile phone handsets for web browsing.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design templates</a> here</p> <h3>This is Electronics Store Joomla design with Portfolio</h3> <p><b>What is it?</b></p><p>The portfolio is a kind of an album, exhibiting samples of your jobs. For an interior expert that could be photos of rooms he styled, for web-developer, it is a set of sites he made. The portfolio is really a presentation of your abilities.</p> <p><b>Why is it Good?</b></p><p>It may serve as a completely independent strategy of promotion. Any website visitor can see your works and creations. You can attract customers and operate without intermediaries - buyers on their own will come to you.</p><p>Click for more <a href=\"https://www.templatemonster.com/portfolio-joomla-templates/\">Portfolio Joomla templates</a> here</p> <br /></div></div></div></div>","joomlaCompatibility":"3.9.x","tags":["camera","commerce","computer","drone","electronics","mobile","online","products","shop","shopping","store","wholesale","ecommerce","joomla"],"customUrl":"/joomla-templates/electrocloud-mobile-store-joomla-template-65452.html","badge":"badge-responsive","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/53500/53576-joomla-extendedsupport_1300.png\" srcset=\"https://s.tmimgcdn.com/scr/53500/53576-joomla-extendedsupport_2560.png 2x\" alt=\"img\"/>","nameOfTheTemplate":"Electrocloud - Mobile Store Joomla Template","pHPVersionCompatibility":"7.x","topic":["Electronics Templates","Electronics Store Templates"],"styles":["Neutral","Flat"],"productFamily":"None","color":["black","white","grey","blue"],"followUpLetter":"joomla-templates-offers","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","changeLog":"<b>Update (February 15, 2019):</b><br/><br/>  <ul>  <li> - Updated to Joomla 3.9.2 engine version;    <li> - FIX: minor bugs.   </ul>","sqi":"95","bootstrapVersion":"3.0","livePreviewURL":"https://livedemo00-joomla.template-help.com/joomla_prod-22189","templateGroup":"CMS Templates","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","galleryScript":"MixItUp","dynamicChangeLog":"<ul><li>- 3 minor database issues fixed</li><li>- 2 front-end bugs fixed</li><li>- 2 minor layout issues fixed</li><li>- 1 styles issue fixed</li><li>- 1 PSD layer changed</li></ul>","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Advanced Search","Search Form"],"width":"2050px","skupromo":"21%","marketplaceMembership":"One","category":"Website templates","dqi":"86","currencies":["USD","GBP","EUR"]}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 03 May 2024 05:17: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=65452&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=65452&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=65452&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 03 May 2024 05:22: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-joomla.template-help.com/joomla_prod-22189<!DOCTYPE html>
<html lang="en">
<head>
    <title>#65452 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/65452.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 #65452            </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=65452&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $51                <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>