string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=64017&expand=properties"
string(14286) "[{"templateId":64017,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":281,"categoryName":"News Portal Templates","templateTitle":"News Portal Responsive Joomla Template","templatePreviewHtmlTitle":"News Portal Responsive Joomla Template - TemplateMonster","templateDemoHtmlTitle":"Live demo for News Portal Responsive Joomla Template #64017","typeShortName":"Joomla","templatePreviewFBTitle":"Today's is a premium and features rich Joomla theme for magazines and newspapers. If you are in publishing business or just want to create eye catching news portal at minimal cost the theme is exactly what you need. Your users can easily stay informed of all updates and events thanks to a newsletter subscription, they also can reach you in any question using a neat contact form. Therefore, your site's visitors can use any modern device and any browser to get to know with your website.<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 Small Business Joomla design theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the web page changes its shape and size in order to suit any type of screen, from the tiniest touch screen phones to the largest PC screens. For every single device, web page elements grow or greatly reduce to appear perfect.</p> <p><b>Why is it Good?</b></p><p>Responsive design is the reason why the website will provide a good browsing experience to all users across all devices. </p><p>Browse for more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <h3>This is a Bootstrap Media Advertising Joomla theme</h3> <p><b>What is it?</b></p><p>Bootstrap is really a costless front-end framework that provides for faster and also hassle-free web development practice.</p> <p><b>Why is it Good?</b></p><p>Thanks to the use of Bootstrap a website can adapt its content to any display size. It's important for both Search engine optimisation and website users.</p><p>Click for more <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"News Portal Responsive Joomla Template","templatePreviewMetaDescription":"Today's is a premium and features rich Joomla theme for magazines and newspapers. If you are in publishing business or just want to create eye catching news","templateDemoMetaDescription":"Before you purchase it, get yourself acquainted with the professional Trucking Responsive Joomla Template (#64017) by visiting the demo. Browse through the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"News Portal Responsive Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/news-portal-responsive-joomla-template-64017.html","userRating":"4.5","designIndex":"96","authorUserId":"1768190","exclusive":0,"state":1,"price":55,"inserted_date":"2017-06-19","sent":1,"downloads":79,"search_words":"today's news portal newspaper entertainment events occurrence development rubric heading fitness training facilities nutrition body muscle diet health care beauty weight loss group exercises recipes fruits vitamins lean stamina training apparatus","is_adult":0,"exc_price":4500,"sent_date":"2019-01-10 02:17:38","last_upload":"2017-06-19 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":312,"filename":"64017-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64017,"width":370,"window_params":"","banner_url":"","id":1695383,"href":"","height":370},{"scr_type_id":334,"filename":"64017-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64017,"width":1600,"window_params":"","banner_url":"","id":1695384,"href":"","height":1000},{"scr_type_id":300,"filename":"64017-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64017,"width":320,"window_params":"","banner_url":"","id":1695385,"href":"","height":900},{"scr_type_id":78,"filename":"64017-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":64017,"width":970,"window_params":"","banner_url":"","id":1695386,"href":"","height":280},{"scr_type_id":299,"filename":"64017-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64017,"width":430,"window_params":"","banner_url":"","id":1695387,"href":"","height":900},{"scr_type_id":315,"filename":"64017-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64017,"width":1800,"window_params":"","banner_url":"","id":1695388,"href":"","height":4716},{"scr_type_id":3,"filename":"64017-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64017,"width":895,"window_params":"","banner_url":"","id":1695389,"href":"","height":599},{"scr_type_id":3,"filename":"64017-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64017,"width":1800,"window_params":"","banner_url":"","id":1695390,"href":"","height":4716},{"scr_type_id":3,"filename":"64017-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64017,"width":408,"window_params":"","banner_url":"","id":1695391,"href":"","height":55},{"scr_type_id":311,"filename":"64017-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64017,"width":965,"window_params":"","banner_url":"","id":1695392,"href":"","height":2528},{"scr_type_id":9,"filename":"64017-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64017,"width":145,"window_params":"","banner_url":"","id":1695393,"href":"","height":156},{"scr_type_id":298,"filename":"64017-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64017,"width":430,"window_params":"","banner_url":"","id":1695394,"href":"","height":900},{"scr_type_id":314,"filename":"64017-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64017,"width":1903,"window_params":"","banner_url":"","id":1695395,"href":"","height":4716},{"scr_type_id":179,"filename":"64017-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64017,"width":430,"window_params":"","banner_url":"","id":1695396,"href":"","height":60},{"scr_type_id":178,"filename":"64017-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64017,"width":430,"window_params":"","banner_url":"","id":1695397,"href":"","height":1127}],"demoUrl":"/demo/64017.html","image":"https://s.tmimgcdn.com/scr/64000/news-portal-responsive-joomla-template_64017-0-original.jpg","searchHash":"dec52e7c57a6d0c281a8d2a7abe9c6de","previewHash":"8b7d311921a588fd577494d306393706","authorNickname":"RockThemes","lowLevelTopic":"News Portal Templates","weightedRating":4.2941176470588,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":55,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"joomlaModules":["Articles - Newsflash","Articles Single","Camera Slideshow","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"uniqueKeywords":"portal newspaper entertainment events occurrence development rubric heading facilities weight loss group exercises recipes training  politics finance developments war visits","showVariantForcibly":"b","metaDescription":"That's a smart move to make - go and check out every piece of information on a Trucking Responsive Joomla Template (#64017) before purchasing it. That's exactly what the detailed preview is for.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/64000/64017-1300_01.jpg,https://s.tmimgcdn.com/scr/64000/64017-1300_02.jpg,https://s.tmimgcdn.com/scr/64000/64017-1300_03.jpg,https://s.tmimgcdn.com/scr/64000/64017-1300_04.jpg,https://s.tmimgcdn.com/scr/64000/64017-1300_05.jpg,https://s.tmimgcdn.com/scr/64000/64017-1300_06.jpg,https://s.tmimgcdn.com/scr/64000/64017-1300_07.jpg,https://s.tmimgcdn.com/scr/64000/64017-1300_08.jpg","features":["Responsive","Admin Panel","Bootstrap","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Blog","Gallery","Forum","HTML 5","JQuery","HTML plus JS"],"joomlaEngine":"3.9","templateSources":[".PSD",".PHP"],"languageSupport":"English","authorUserId":"1768190","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.5","imageDescription":"https://s.tmimgcdn.com/scr/64000/64017-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":"2020-06-25T04:41:31-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Before you purchase it, get yourself acquainted with the professional Trucking Responsive Joomla Template (#64017) by visiting the demo. Browse through the pages, check the images, click the buttons, explore the functionality.","shortDescription":"Today's is a premium and features rich Joomla theme for magazines and newspapers. If you are in publishing business or just want to create eye catching news portal at minimal cost the theme is exactly what you need. Your users can easily stay informed of all updates and events thanks to a newsletter subscription, they also can reach you in any question using a neat contact form. Therefore, your site's visitors can use any modern device and any browser to get to know with your website.<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 Small Business Joomla design theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the web page changes its shape and size in order to suit any type of screen, from the tiniest touch screen phones to the largest PC screens. For every single device, web page elements grow or greatly reduce to appear perfect.</p> <p><b>Why is it Good?</b></p><p>Responsive design is the reason why the website will provide a good browsing experience to all users across all devices. </p><p>Browse for more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <h3>This is a Bootstrap Media Advertising Joomla theme</h3> <p><b>What is it?</b></p><p>Bootstrap is really a costless front-end framework that provides for faster and also hassle-free web development practice.</p> <p><b>Why is it Good?</b></p><p>Thanks to the use of Bootstrap a website can adapt its content to any display size. It's important for both Search engine optimisation and website users.</p><p>Click for more <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design templates</a> here</p> <br /></div></div></div></div>","joomlaCompatibility":"3.9.x","tags":["apparatus","beauty","body","care","development","developments","diet","entertainment","events","exercises","facilities","finance","fitness","fruits","group","heading","health","lean","loss","muscle","news","newspaper","nutrition","occurrence","politics","portal","recipes","rubric","stamina","training","visits","vitamins","war","weight"],"customUrl":"/joomla-templates/news-portal-responsive-joomla-template-64017.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":"News Portal Responsive Joomla Template","pHPVersionCompatibility":"7.x","topic":["News Portal Templates","Media Templates","Business & Services"],"styles":["Neutral","Flat"],"productFamily":"None","color":["black","white","grey"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"7","reviewAverageScore":"4.5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","changeLog":"<b>Update (January 10, 2019):</b><br/><br/><ul> <li> - Updated Joomla to version 3.9.1; <li> - FIX: minor bugs.</ul> <b>TODAY'S v1.1 (February 26, 2018):</b><br/><br/><ul> <li> - Updated Joomla to version 3.8.4; <li> - FIX: minor bugs.</ul>","sqi":"95","bootstrapVersion":"3.0","livePreviewURL":"https://livedemo00-joomla.template-help.com/joomla_prod-7665_v1","templateGroup":"CMS Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","galleryScript":"MixItUp","dynamicChangeLog":"<ul><li>- 3 minor HTML issues fixed</li><li>- 2 minor JS issues fixed</li><li>- 3 minor font issues fixed</li><li>- 3 background bugs fixed</li><li>- 3 styles bugs fixed</li></ul>","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2t1QZO4","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"loyaltySells":"1","width":"2050px","skupromo":"9%","marketplaceMembership":"One","category":"Website templates","dqi":"96"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 25 Apr 2024 20:48:22 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=64017&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=64017&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=64017&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 20:53:22 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://livedemo00-joomla.template-help.com/joomla_prod-7665_v1<!DOCTYPE html>
<html lang="en">
<head>
    <title>#64017 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/64017.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 #64017            </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=64017&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>