string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58088&expand=properties"
string(17156) "[{"templateId":58088,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":284,"categoryName":"TV Channel Templates","templateTitle":"TV Channel Responsive Joomla Template","templatePreviewHtmlTitle":"88 Channel Joomla Template #58088 - TemplateMonster","templateDemoHtmlTitle":"Live preview for 88 Channel Joomla Template #58088","typeShortName":"Joomla","templatePreviewFBTitle":"<b>88 Channel</b> is a photo heavy Television Joomla Template that is intended to appeal to the wide audience with its captivating look. The front page features nothing but the big bold banners representing the latest TV projects. A filterable option allows to sort the content displayed on the front page of the theme by the projects that are shown Ring Now, On Tonight or Previews. A stunning full-width header slider is intended to draw the users' attention to the latest shows that people are most likely to get interested in. The theme also features video integration and audio support. A schedule of the upcoming events is also displayed on the front page of the theme. Powered by the fully responsive framework, the design was optimized to run smoothly across all the modern devices.<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 Business Firm Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a technique of website design that enables pages to adapt to a screen resolution of just about any device - may it be a pc, a tablet or a phone.</p> <p><b>Why is it Good?</b></p><p>With the expanding popularity of smartphones, how many persons who log on to the internet sites from mobile phones has grown considerably. Such a aspect helps you to modify websites to smartphones and different screen extensions, eventually supplying mobile device users with improved possibilities.</p><p>View latest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design templates</a> here</p> <h3>This is a Bootstrap Business Company Joomla design</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for starting online sites.</p> <p><b>Why is it Good?</b></p><p>Due to the use of Bootstrap a website will be able to adjust its content to any screen size. It's important for both Search engine optimisation and website users.</p><p>View latest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla templates</a> here</p> <h3>This is a Parallax Business Bureau Joomla design theme</h3> <p><b>What is it?</b></p><p>A parallax scrolling effect is a technique in website design when background image moves at a slower pace than a front content, making the impression of depth. </p> <p><b>Why is it Good?</b></p><p>Parallax make it possible for your web page visitors interact with your site and achieve an improved client experience. It allows you you to differentiate yourself among your competitors.</p><p>Browse for more <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla designs</a> here</p> <h3>This is Media Joomla theme with Background video</h3> <p><b>What is it?</b></p><p>This unique function really helps to insert video background to your website page.</p> <p><b>Why is it Good?</b></p><p>Graphic data is a lot more easy to understand and appealing compared to the textual content or possibly tables. As soon as you take a nice video regarding your products or services - it is best to place it to the background. It will make the webpage a lot more eye-catching and might enable you to impress the possible buyer.</p><p>Latest <a href=\"https://www.templatemonster.com/background-video-joomla-templates/\">Background video Joomla themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"88 Channel Joomla Template","templatePreviewMetaDescription":"88 Channel is a photo heavy Television Joomla Template that is intended to appeal to the wide audience with its captivating look. The front page features","templateDemoMetaDescription":"The demo for this top notch 88 Channel Joomla Template (#58088) is available here for you to get acquainted with the theme before you buy it. Click through the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"88 Channel Joomla Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/88-channel-joomla-template-58088.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":55,"inserted_date":"2016-03-04","sent":1,"downloads":94,"search_words":"88 channel TV television schedule high-speed home video multimedia features prime time on air exploration entertainment work team program traffic sport news show TV broadcast weather forecast sport events film movie","is_adult":0,"exc_price":4500,"sent_date":"2019-01-14 07:20:07","last_upload":"2016-03-04 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"id":1646937,"templ_id":58088,"filename":"58088-banner.jpg","width":408,"height":55,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1646938,"templ_id":58088,"filename":"58088-joom.html","width":430,"height":60,"href":"","window_params":"","scr_type_id":179,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1646939,"templ_id":58088,"filename":"58088-0-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1646940,"templ_id":58088,"filename":"58088-origin-1200.jpg","width":1903,"height":5435,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1646941,"templ_id":58088,"filename":"58088-smart1-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":299,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1646942,"templ_id":58088,"filename":"58088-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1646943,"templ_id":58088,"filename":"58088-rs.jpg","width":970,"height":280,"href":"","window_params":"","scr_type_id":78,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":1},{"id":1646944,"templ_id":58088,"filename":"58088-origin.jpg","width":1903,"height":5435,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1646945,"templ_id":58088,"filename":"58088-original-1200.jpg","width":1903,"height":5435,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1646946,"templ_id":58088,"filename":"58088-joom-b.jpg","width":430,"height":1228,"href":"","window_params":"","scr_type_id":178,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1646947,"templ_id":58088,"filename":"58088-smart2-responsive.jpg","width":320,"height":900,"href":"","window_params":"","scr_type_id":300,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1646948,"templ_id":58088,"filename":"58088-responsive-layout.jpg","width":895,"height":599,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1646949,"templ_id":58088,"filename":"58088-tablet-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":298,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1646950,"templ_id":58088,"filename":"58088-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1646951,"templ_id":58088,"filename":"58088-big.jpg","width":965,"height":2756,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/58088.html","image":"https://s.tmimgcdn.com/scr/58000/i-88-channel-joomla-template_58088-0-original.jpg","searchHash":"8c514dbdaf543a2d08e82a5c56a28ff9","previewHash":"0293b66bcac793ec9af35b7a07b1ba3c","authorNickname":"RockThemes","lowLevelTopic":"TV Channel Templates","weightedRating":4.421052631578947,"annualSale":1,"monthlySales":0,"quarterlySales":1,"productBoost":0,"onSale":0,"finalPrice":55,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"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","Parallax"],"styles":["Neutral","Dark","Flat"],"languageSupport":"English","webForms":["Contact Form","Login Form","User Registration","Search Form"],"badge":"badge-responsive","joomlaModules":["Articles - Newsflash","Articles Single","Camera Slideshow","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","PHP editor."],"templateSources":[".PSD",".PHP"],"bootstrapVersion":"2.3.1","types":"Joomla Templates","topic":["TV Channel Templates","Media Templates","Business & Services"],"documentationVersion":"v3.1","galleryScript":"MixItUp","popularity":"Top Rated","nomotopress":"1","color":["black","grey","brown","blue","green"],"livePreviewURL":"https://livedemo00-joomla.template-help.com/joomla_prod-21831/","width":"2050px","imageDescription":"https://s.tmimgcdn.com/scr/58000/58088-responsive-layout.jpg","kindOfShops":"The theme is best suited for media, cinema, music, and entertainment websites.","imagesList":"Depositphotos11740380original.jpg,Depositphotos13976698original.jpg,Depositphotos19745739original.jpg,Depositphotos23675259original.jpg,Depositphotos30762547original.jpg,Depositphotos48038791original 1.jpg,Depositphotos67042831original.jpg,Depositphotos71391855original.jpg,Depositphotos71392089original 1.jpg,Range-Rover-Sentinel-2016-widescreen-04.jpg","metaDescription":"Entertain the audience and let people keep abreast of the latest TV shows by means of this fully responsive and fully featured Television Joomla Template.","htmlTitle":"Television Joomla Template","shortDescription":"<b>88 Channel</b> is a photo heavy Television Joomla Template that is intended to appeal to the wide audience with its captivating look. The front page features nothing but the big bold banners representing the latest TV projects. A filterable option allows to sort the content displayed on the front page of the theme by the projects that are shown Ring Now, On Tonight or Previews. A stunning full-width header slider is intended to draw the users' attention to the latest shows that people are most likely to get interested in. The theme also features video integration and audio support. A schedule of the upcoming events is also displayed on the front page of the theme. Powered by the fully responsive framework, the design was optimized to run smoothly across all the modern devices.<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 Business Firm Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a technique of website design that enables pages to adapt to a screen resolution of just about any device - may it be a pc, a tablet or a phone.</p> <p><b>Why is it Good?</b></p><p>With the expanding popularity of smartphones, how many persons who log on to the internet sites from mobile phones has grown considerably. Such a aspect helps you to modify websites to smartphones and different screen extensions, eventually supplying mobile device users with improved possibilities.</p><p>View latest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design templates</a> here</p> <h3>This is a Bootstrap Business Company Joomla design</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for starting online sites.</p> <p><b>Why is it Good?</b></p><p>Due to the use of Bootstrap a website will be able to adjust its content to any screen size. It's important for both Search engine optimisation and website users.</p><p>View latest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla templates</a> here</p> <h3>This is a Parallax Business Bureau Joomla design theme</h3> <p><b>What is it?</b></p><p>A parallax scrolling effect is a technique in website design when background image moves at a slower pace than a front content, making the impression of depth. </p> <p><b>Why is it Good?</b></p><p>Parallax make it possible for your web page visitors interact with your site and achieve an improved client experience. It allows you you to differentiate yourself among your competitors.</p><p>Browse for more <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla designs</a> here</p> <h3>This is Media Joomla theme with Background video</h3> <p><b>What is it?</b></p><p>This unique function really helps to insert video background to your website page.</p> <p><b>Why is it Good?</b></p><p>Graphic data is a lot more easy to understand and appealing compared to the textual content or possibly tables. As soon as you take a nice video regarding your products or services - it is best to place it to the background. It will make the webpage a lot more eye-catching and might enable you to impress the possible buyer.</p><p>Latest <a href=\"https://www.templatemonster.com/background-video-joomla-templates/\">Background video Joomla themes</a> here</p> <br /></div></div></div></div>","uniqueKeywords":"tv channel show entertainment talk broadcasting leading studio broadcast press news journalist","nameOfTheTemplate":"88 Channel Joomla Template","imageKeyFeatures":"https://s.tmimgcdn.com/scr/58000/58088-1300_01.jpg,https://s.tmimgcdn.com/scr/58000/58088-1300_02.jpg,https://s.tmimgcdn.com/scr/58000/58088-1300_03.jpg,https://s.tmimgcdn.com/scr/58000/58088-1300_04.jpg,https://s.tmimgcdn.com/scr/58000/58088-1300_05.jpg,https://s.tmimgcdn.com/scr/58000/58088-1300_06.jpg,https://s.tmimgcdn.com/scr/58000/58088-1300_07.jpg,https://s.tmimgcdn.com/scr/58000/58088-1300_08.jpg","bitLyUrl":"http://bit.ly/1U3nCS0","reviewsTotal":"9","reviewAverageScore":"5","changeLog":"<b>January 14, 2019</b><br /><ul><li>- We updated the engine version to Joomla 3.9.1;</li></ul></br> <b>September 02, 2016</b><br /><ul><li>- We updated the engine version to Joomla 3.4.8;</li><ul>","changeLogDate":"2016-08-31","showVariantForcibly":"b","trendiness":"1","lastmod":"2021-05-27T07:35:16-04:00","loyaltySells":"1","sqi":"95","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","dqi":"00","authorUserId":"1768190","skupromo":"21%","joomlaEngine":"3.9","marketplaceMembership":"One","joomlaCompatibility":"3.9.x","customUrl":"/joomla-templates/88-channel-joomla-template-58088.html","demoMetaDescription":"The demo for this top notch 88 Channel Joomla Template (#58088) is available here for you to get acquainted with the theme before you buy it. Click through the pages, examine the images, click the buttons, explore the features.","isOldDemoUrl":"1","tags":["air","broadcast","broadcasting","channel","entertainment","events","exploration","features","film","forecast","home","journalist","leading","movie","multimedia","news","press","program","schedule","show","sport","studio","talk","team","television","time","traffic","video","weather","work","on"],"pHPVersionCompatibility":"7.x","hELPURL":"/quick-start-guide/joomla-3/","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"installation":"Installation and set up instructions are attached (look for Documentation folder).","templateIcon":"icon-joomla","isFree":"none","followUpLetter":"joomla-templates-offers","productFamily":"None","templateGroup":"CMS Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 18 Apr 2024 21:40:50 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=58088&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58088&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58088&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 18 Apr 2024 21:45:50 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-21831/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58088 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/58088.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 #58088            </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=58088&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>