string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=80117&expand=properties"
string(12819) "[{"templateId":80117,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":138,"categoryName":"IT Templates","templateTitle":"IT Responsive Joomla Template","templatePreviewHtmlTitle":"TopBiz - Responsive Corporate Joomla Template","templateDemoHtmlTitle":"Live demo for TopBiz - Responsive Corporate Joomla Template #80117","typeShortName":"Joomla","templatePreviewFBTitle":"<p>TopBiz is modern, clean and professionally crafted Site Joomla Template. It has 6 homepages. This template suits for any type of portfolio, personal website, business, corporate, design studio etc. This Site Template has accent color chemes, dark &amp; light versions and boxed &amp; wide versions. TopBiz is made on Helix framework, Layer Slider PRO version, SP Page Builder PRO version.</p><h3>Version 2.2 (31 Jan 2024)</h3><ul><li><strong>UPDATED</strong> Sp Page Builder Pro to the latest 5. X Version</li><li><strong>ADDED </strong>Update to Joomla 5</li></ul><h3>Version 2.1 (07 July 2023)</h3><ul><li><strong>UPDATED</strong> Sp Page Builder Pro to latest 3.X Version</li></ul><h3>Version 2.0 (07 Feb 2023)</h3><ul><li><strong>ADDED</strong> Joomla 4, Helix 3 Compatibility</li><li><strong>FIXED</strong> Some minor bugs for browser compatibility</li><li><strong>FIXED</strong> Some minor bugs for responsive</li><li><strong>REMOVED</strong> J2Store shop component</li><li><strong>UPDATED</strong> FontAwesome to Latest Version</li><li><strong>UPDATED</strong> Bootstrap to Latest Version</li><li><strong>UPDATED</strong> Improvements in CSS and JS</li></ul><h2>Topbiz Joomla Theme Features:</h2><ul><li>- Sp page builder Pro</li><li>- Drag &amp; Drop Sections (you can build your page easy, fast, just drag section made by us, also you can add your new sections)</li><li>- Layer Slider</li><li>- Documentation</li><li>- Import files : theme’s settings + slide + pages</li><li>- Quick install</li><li>- Responsive Ready</li><li>- Layout builder</li><li>- Fast loading and better seo</li><li>- Preloading website (5 types)</li><li>- Offcanvas (3 types)</li><li>- Portfolio pages</li><li>- Owl Carousel</li><li>- Mega menu</li><li>- Colors change</li><li>- Option to custom css from addon admin</li><li>– Drag &amp; Drop Layout Builder PRO 3x version</li><li>– +49 Addons Page builder</li><li>– Post Formats</li><li>– 600+ Google Fonts</li><li>– Logo Option</li><li>– Custom Code</li><li>– Social Share</li><li>– Social Icons</li><li>– Fluid and Boxed Layout</li><li>– FontAwesome</li><li>– Sticky Header</li></ul><h2>Quickstart installation included</h2><p>We included quickinstall zip for you to have our demo in seconds. Quickinstall is joomla installed + templates, extensions, plugins, configured and ready to use in your websites. You need to upload on your server, to create new database, user, add user to database and hit install button.</p><h2>Other information</h2><p><strong>Note:</strong> <em>The images you see in the screenshots are used for demo purposes only, they are not included in the download package, the original ones are replaces with placeholders.</em></p><p>Thank you very much.</p>","templateFullTitle":"TopBiz - Responsive Corporate Joomla Template","templatePreviewMetaDescription":"TopBiz is modern, clean and professionally crafted Site Joomla Template. It has 6 homepages. This template suits for any type of portfolio, personal website,","templateDemoMetaDescription":"Explore the demo of the top notch TopBiz - Responsive Corporate Joomla Template (#80117) to find out what this template is prior to buying it. Go through the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"TopBiz - Responsive Corporate Joomla Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/80117.html","userRating":0,"designIndex":"84","authorUserId":"1981537","exclusive":"1","state":1,"price":57,"inserted_date":"2019-04-25","sent":1,"downloads":4,"search_words":"blog bootstrap bright business corporate creative helix framework theme modern multipurpose onepage parallax portfolio responsive pagebuider quickinstall documentation rtl joomla5","is_adult":0,"exc_price":2100,"sent_date":"2020-03-06 00:00:00","last_upload":"2024-02-01 11:13:13","package_id":295,"hasExclusivePrice":0,"screenshots":[{"id":1816780,"templ_id":80117,"filename":"80117-original.png","width":800,"height":1200,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1816781,"templ_id":80117,"filename":"80117-big.png","width":1346,"height":603,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1816782,"templ_id":80117,"filename":"80117-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":1816783,"templ_id":80117,"filename":"80117-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":1816784,"templ_id":80117,"filename":"80117-b.jpg","width":430,"height":193,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/80117.html","image":"https://s.tmimgcdn.com/scr/80100/topbiz-responsive-corporate-joomla-template_80117-original.png","searchHash":"360824abb1bdb14709c16c3a9b618ab9","previewHash":"a7f00bf6378da8bf357f62520799db4b","authorNickname":"joomlastars","lowLevelTopic":"IT Templates; Personal Page Templates; Design","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":50,"onSale":0,"finalPrice":49,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Pro","Admin Panel","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","Multipurpose","Team Members","Light Template","Single Product","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Drag and Drop Content","MegaMenu","Performance Optimization","Themes Bundle","Blog","Gallery","Portfolio","One Page Templates","JQuery","Static","Parallax","Background video","Lazy Load effect","Website Builder","One click installation"],"styles":["Clean","Corporate","Collage","Dark","Flat"],"topic":["IT Templates","Personal Page Templates","Design","Design & Photography","Business & Services","Society & People"],"isFree":"none","color":["white","brown","cyan","green","orange"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","authorUserId":"1981537","excludeExclusive":"Yes","nameOfTheTemplate":"TopBiz - Responsive Corporate Joomla Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1981537-1555569748237_slide1.png, https://s3u.tmimgcdn.com/1981537-1555569752436_slide2.png, https://s3u.tmimgcdn.com/1981537-1555569755374_slide3.png, https://s3u.tmimgcdn.com/1981537-1555569757964_slide4.png, https://s3u.tmimgcdn.com/1981537-1555569760471_slide5.png","shortDescription":"<p>TopBiz is modern, clean and professionally crafted Site Joomla Template. It has 6 homepages. This template suits for any type of portfolio, personal website, business, corporate, design studio etc. This Site Template has accent color chemes, dark &amp; light versions and boxed &amp; wide versions. TopBiz is made on Helix framework, Layer Slider PRO version, SP Page Builder PRO version.</p><h3>Version 2.2 (31 Jan 2024)</h3><ul><li><strong>UPDATED</strong> Sp Page Builder Pro to the latest 5. X Version</li><li><strong>ADDED </strong>Update to Joomla 5</li></ul><h3>Version 2.1 (07 July 2023)</h3><ul><li><strong>UPDATED</strong> Sp Page Builder Pro to latest 3.X Version</li></ul><h3>Version 2.0 (07 Feb 2023)</h3><ul><li><strong>ADDED</strong> Joomla 4, Helix 3 Compatibility</li><li><strong>FIXED</strong> Some minor bugs for browser compatibility</li><li><strong>FIXED</strong> Some minor bugs for responsive</li><li><strong>REMOVED</strong> J2Store shop component</li><li><strong>UPDATED</strong> FontAwesome to Latest Version</li><li><strong>UPDATED</strong> Bootstrap to Latest Version</li><li><strong>UPDATED</strong> Improvements in CSS and JS</li></ul><h2>Topbiz Joomla Theme Features:</h2><ul><li>- Sp page builder Pro</li><li>- Drag &amp; Drop Sections (you can build your page easy, fast, just drag section made by us, also you can add your new sections)</li><li>- Layer Slider</li><li>- Documentation</li><li>- Import files : theme’s settings + slide + pages</li><li>- Quick install</li><li>- Responsive Ready</li><li>- Layout builder</li><li>- Fast loading and better seo</li><li>- Preloading website (5 types)</li><li>- Offcanvas (3 types)</li><li>- Portfolio pages</li><li>- Owl Carousel</li><li>- Mega menu</li><li>- Colors change</li><li>- Option to custom css from addon admin</li><li>– Drag &amp; Drop Layout Builder PRO 3x version</li><li>– +49 Addons Page builder</li><li>– Post Formats</li><li>– 600+ Google Fonts</li><li>– Logo Option</li><li>– Custom Code</li><li>– Social Share</li><li>– Social Icons</li><li>– Fluid and Boxed Layout</li><li>– FontAwesome</li><li>– Sticky Header</li></ul><h2>Quickstart installation included</h2><p>We included quickinstall zip for you to have our demo in seconds. Quickinstall is joomla installed + templates, extensions, plugins, configured and ready to use in your websites. You need to upload on your server, to create new database, user, add user to database and hit install button.</p><h2>Other information</h2><p><strong>Note:</strong> <em>The images you see in the screenshots are used for demo purposes only, they are not included in the download package, the original ones are replaces with placeholders.</em></p><p>Thank you very much.</p>","uniqueKeywords":"blog,bootstrap,bright,business,corporate,creative,helix,framework,theme,modern,multipurpose,onepage,parallax,portfolio,responsive,pagebuider,quickinstall,documentation,rtl,joomla5","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/1981537-1555569655438_topbiz.png","dqi":"84","livePreviewURL":"https://topbiz.joomlastars.co.in","metaDescription":"TopBiz is modern, clean and professionally crafted Site Joomla Template. It has 6 homepages. This template suits for any type of portfolio, personal website,","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"http://bit.ly/2XFqSrp","customUrl":"/joomla-templates/80117.html","lastmod":"2020-07-24T05:14:04-04:00","trendiness":"1","demoMetaDescription":"Explore the demo of the top notch TopBiz - Responsive Corporate Joomla Template (#80117) to find out what this template is prior to buying it. Go through the pages, examine the images, click the buttons, explore the features.","changeLogDate":"2024-02-01","advImage":"https://s3u.tmimgcdn.com/u1981537/83a8192d1325b83bfa69717503bfc9ed.png","imagesIncluded":"No","tags":["bootstrap","bright","business","corporate","creative","documentation","framework","helix","modern","multipurpose","parallax","portfolio","responsive","rtl","theme","blog","onepage","quickinstall","pagebuider","joomla5"],"marketplaceMembership":"None","joomlaEditor":"SP Page Builder","paidSupport":"Yes","webServerCompatibility":"Apache 2.4","pHPVersionCompatibility":["8.1","8.0","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"changeLog":"Version 2.2 (31 Jan 2024)\nUPDATED Sp Page Builder Pro to the latest 5. X Version\nADDED Update to Joomla 5\n\nVersion 2.1 (07 July 2023)\nUPDATED Sp Page Builder Pro to latest 3.X Version\n\nVersion 2.0 (07 Feb 2023)\nADDED Joomla 4, Helix 3 Compatibility\nFIXED Some minor bugs for browser compatibility\nFIXED Some minor bugs for responsive\nREMOVED J2Store shop component (only for Joomla 4)\nUPDATED FontAwesome to Latest Version\nUPDATED Bootstrap to Latest Version\nUPDATED Improvements in CSS and JS","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1981537/931c79f32c13cd259d31533ce7590486.png","productSize":"62651919","excerpt":"<p>TopBiz is modern, clean and professionally crafted Site Joomla Template. This template suits for any type of portfolio, personal website, business, corporate, design studio</p>","joomlaCompatibility":["4.4.x","5.0.x"],"installation":"Installation and set up instructions are attached (look for Documentation folder).","types":"Joomla Templates","templateIcon":"icon-joomla","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, 02 May 2024 23:10:13 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=80117&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=80117&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=80117&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 02 May 2024 23:15:13 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://topbiz.joomlastars.co.in<!DOCTYPE html>
<html lang="en">
<head>
    <title>#80117 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/80117.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 #80117            </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=80117&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $52                <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>