string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58868&expand=properties"
string(13824) "[{"templateId":58868,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":180,"categoryName":"ISP Templates","templateTitle":"ISP Responsive Joomla Template","templatePreviewHtmlTitle":"Internet Provider Joomla Template #58868 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Internet Provider Joomla Template #58868","typeShortName":"Joomla","templatePreviewFBTitle":"This theme with bluish layout was created for internet providers. It has a great simple pricing plans presentation. There are only three of them, which is great as too many plans seem obscure to the user. Bright yellow call-to-action buttons look very appealing. Main menu has fixed position on the page. Two sliders make it more dynamic and let site owner arrange as much content as he/she wants right on the home page without the risk to make it cluttered. There is really enough white space on the page, which is also good for focusing visitors' attention on the essential things.<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 Internet Service Provider Joomla design</h3> <p><b>What is it?</b></p><p>Bootstrap is actually a extremely well-known framework, which makes the work with HTML, CSS and JS more convenient. It had been designed as the tool to build up a responsive design, yet after some time it put in loads of extra functionality.</p> <p><b>Why is it Good?</b></p><p>Thanks to Bootstrap, you could make fully responsive sites by means of HTML and CSS based design templates for typography, print styles, forms, buttons, tables, and many others.</p><p>Browse for more <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla templates</a> here</p> <h3>This Wireless ISP Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive web page design strategy makes a internet site's screen flexible to a type of screen resolution.</p> <p><b>Why is it Good?</b></p><p>Considering the expanding fascination with smartphones, the amount of individuals who log on to the websites from cell phones has expanded a lot. This sort of feature helps you to modify websites to mobile devices and a variety of screen extensions, finally offering cellphone consumers with improved options.</p><p>View more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Internet Provider Joomla Template","templatePreviewMetaDescription":"This theme with bluish layout was created for internet providers. It has a great simple pricing plans presentation. There are only three of them, which is","templateDemoMetaDescription":"Explore the demo preview of the professional Internet Provider Joomla Template (#58868) to get a better notion of what this design is prior to buying it. View the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Internet Provider Joomla Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/internet-provider-joomla-template-58868.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":55,"inserted_date":"2016-06-02","sent":1,"downloads":113,"search_words":"internet provider line communication company communication information informational technologies connection internet mail www web contact transfer","is_adult":0,"exc_price":4500,"sent_date":"2019-01-25 06:15:16","last_upload":"2016-06-02 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":300,"filename":"58868-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58868,"width":320,"window_params":"","banner_url":"","id":1656047,"href":"","height":900},{"scr_type_id":311,"filename":"58868-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58868,"width":965,"window_params":"","banner_url":"","id":1656048,"href":"","height":2394},{"scr_type_id":3,"filename":"58868-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58868,"width":1800,"window_params":"","banner_url":"","id":1656049,"href":"","height":4466},{"scr_type_id":78,"filename":"58868-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":58868,"width":970,"window_params":"","banner_url":"","id":1656050,"href":"","height":280},{"scr_type_id":178,"filename":"58868-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58868,"width":430,"window_params":"","banner_url":"","id":1656051,"href":"","height":1067},{"scr_type_id":3,"filename":"58868-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58868,"width":895,"window_params":"","banner_url":"","id":1656052,"href":"","height":599},{"scr_type_id":179,"filename":"58868-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58868,"width":430,"window_params":"","banner_url":"","id":1656053,"href":"","height":60},{"scr_type_id":314,"filename":"58868-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58868,"width":1902,"window_params":"","banner_url":"","id":1656054,"href":"","height":4466},{"scr_type_id":315,"filename":"58868-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58868,"width":1800,"window_params":"","banner_url":"","id":1656055,"href":"","height":4466},{"scr_type_id":299,"filename":"58868-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58868,"width":430,"window_params":"","banner_url":"","id":1656056,"href":"","height":900},{"scr_type_id":9,"filename":"58868-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58868,"width":145,"window_params":"","banner_url":"","id":1656057,"href":"","height":156},{"scr_type_id":334,"filename":"58868-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58868,"width":1600,"window_params":"","banner_url":"","id":1656058,"href":"","height":1000},{"scr_type_id":3,"filename":"58868-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58868,"width":408,"window_params":"","banner_url":"","id":1656059,"href":"","height":55},{"scr_type_id":298,"filename":"58868-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58868,"width":430,"window_params":"","banner_url":"","id":1656060,"href":"","height":900},{"scr_type_id":312,"filename":"58868-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58868,"width":370,"window_params":"","banner_url":"","id":1656061,"href":"","height":370}],"demoUrl":"/demo/58868.html","image":"https://s.tmimgcdn.com/scr/58800/internet-provider-joomla-template_58868-0-original.jpg","searchHash":"0dff8cec8adea1e2122dca687a2c6537","previewHash":"85c97d6fb70b8b479465126209765902","authorNickname":"RockThemes","lowLevelTopic":"ISP Templates","weightedRating":4.5263157894737,"annualSale":2,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":55,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"Use this theme for internet and connection providing company websites.","uniqueKeywords":"computer web hosting shared cloud services virtual host storage provider solution company reliable server cpanel internet online software ftp domain","showVariantForcibly":"b","metaDescription":"Internet Joomla theme in bluish tones with two sliders and pinned menu. The best option for internet providers.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/58800/58868-1300_01.jpg,https://s.tmimgcdn.com/scr/58800/58868-1300_02.jpg,https://s.tmimgcdn.com/scr/58800/58868-1300_03.jpg,https://s.tmimgcdn.com/scr/58800/58868-1300_04.jpg,https://s.tmimgcdn.com/scr/58800/58868-1300_05.jpg,https://s.tmimgcdn.com/scr/58800/58868-1300_06.jpg,https://s.tmimgcdn.com/scr/58800/58868-1300_07.jpg,https://s.tmimgcdn.com/scr/58800/58868-1300_08.jpg","features":["Responsive","Admin Panel","Bootstrap","Dropdown Menu","Google map","Sample content","Quickstart Package","Advanced Theme Options","Blog","Gallery","Forum","HTML 5","JQuery","HTML plus JS"],"joomlaEngine":"3.9","templateSources":[".PSD",".PHP"],"authorUserId":"1768190","htmlTitle":"Internet Joomla Theme","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.4","imageDescription":"https://s.tmimgcdn.com/scr/58800/58868-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","PHP editor."],"lastmod":"2022-02-01T13:36:48-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Explore the demo preview of the professional Internet Provider Joomla Template (#58868) to get a better notion of what this design is prior to buying it. View the pages, check the images, click the buttons, explore the functionality.","shortDescription":"This theme with bluish layout was created for internet providers. It has a great simple pricing plans presentation. There are only three of them, which is great as too many plans seem obscure to the user. Bright yellow call-to-action buttons look very appealing. Main menu has fixed position on the page. Two sliders make it more dynamic and let site owner arrange as much content as he/she wants right on the home page without the risk to make it cluttered. There is really enough white space on the page, which is also good for focusing visitors' attention on the essential things.<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 Internet Service Provider Joomla design</h3> <p><b>What is it?</b></p><p>Bootstrap is actually a extremely well-known framework, which makes the work with HTML, CSS and JS more convenient. It had been designed as the tool to build up a responsive design, yet after some time it put in loads of extra functionality.</p> <p><b>Why is it Good?</b></p><p>Thanks to Bootstrap, you could make fully responsive sites by means of HTML and CSS based design templates for typography, print styles, forms, buttons, tables, and many others.</p><p>Browse for more <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla templates</a> here</p> <h3>This Wireless ISP Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive web page design strategy makes a internet site's screen flexible to a type of screen resolution.</p> <p><b>Why is it Good?</b></p><p>Considering the expanding fascination with smartphones, the amount of individuals who log on to the websites from cell phones has expanded a lot. This sort of feature helps you to modify websites to mobile devices and a variety of screen extensions, finally offering cellphone consumers with improved options.</p><p>View more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design themes</a> here</p> <br /></div></div></div></div>","joomlaCompatibility":"3.9.x","tags":["cloud","communication","company","computer","connection","contact","domain","ftp","host","hosting","information","informational","internet","line","mail","online","provider","reliable","server","services","shared","software","solution","storage","technologies","transfer","virtual","web"],"customUrl":"/joomla-templates/internet-provider-joomla-template-58868.html","badge":"badge-responsive","nameOfTheTemplate":"Internet Provider Joomla Template","pHPVersionCompatibility":"7.x","topic":["ISP Templates","Communications Templates","Computers & Internet"],"styles":["Neutral","Flat"],"productFamily":"None","color":["black","white","grey","cyan"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"9","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","changeLog":"<b>Upadate (January 25, 2018):</b><br/><br/> <ul>  <li> - Updated to Joomla 3.9.1 Engine version;  <li> - FIX: minor bugs. </ul>","sqi":"95","bootstrapVersion":"2.3.1","livePreviewURL":"https://livedemo00-joomla.template-help.com/joomla_prod-22064_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>- 1 JS bug fixed</li><li>- 2 PSD layers updated</li></ul>","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/28ZYdnm","loyaltySells":"1","width":"2048px","skupromo":"9%","marketplaceMembership":"One","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 03 May 2024 13:11:59 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=58868&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58868&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58868&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 03 May 2024 13:16:59 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-22064_v1<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58868 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/58868.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 #58868            </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=58868&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>