string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=80481&expand=properties"
string(10405) "[{"templateId":80481,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":418,"categoryName":"Business Templates","templateTitle":"Business Responsive Joomla Template","templatePreviewHtmlTitle":"Mono - Creative MultiPurpose Business Joomla Template","templateDemoHtmlTitle":"Live demo for Mono - Creative MultiPurpose Business Joomla Template #80481","typeShortName":"Joomla","templatePreviewFBTitle":"<p><strong>Mono</strong> is a modern, powerful Multi-Purpose Joomla Template with huge package of Features, Options, Elements and Premade Templates. It’s fully responsive and looks stunning on any desktop, tablet or mobile devices. Mono is made by professionals and has everything you need to build any kind of modern beautiful website. All the files are highly organized and documented in order to make it easy to use.</p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><h2>Mono Joomla Template Features:</h2><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><ul><li>Fully Responsive &amp; Retina Ready</li><li>Bootstrap 4</li><li>Joomla Quickinstall Ready 3.9.x</li><li>High Performance &amp; Lightweight</li><li>Helix Framework</li><li>11 Page Preloaders</li><li>Multiple Header layouts</li><li>One &amp; Multi-Page Demos</li><li>Unlimited Footer Layouts</li><li>Beautiful Hover styles</li><li>Grid &amp; Masonry Blog layouts</li><li>Unlimited Portfolio layouts</li><li>E-Commerce / Shop Ready</li><li>Super Flexible</li><li>Lightbox Image, Gallery and Video</li><li>Owl Carousel Sliders</li><li>Multiple Portfolio Filter styles</li><li>Ajax/PHP Contact Form</li><li>Google Maps</li><li>Cross-browser compatible</li><li>Font Awesome</li><li>Countdown Timer</li><li>Parallax Image &amp; Video backgrounds</li><li>Highly Organized</li><li>Detailed Documentation</li><li>Lifetime Free Updates and Support</li><li>Fast &amp; Professional Support</li><li>and much more..</li></ul><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><h2>Other information:</h2><p><br></p><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><br></p><p>Thank you very much.</p>","templateFullTitle":"Mono - Creative MultiPurpose Business Joomla Template","templatePreviewMetaDescription":"Mono is a modern, powerful Multi-Purpose Joomla Template with huge package of Features, Options, Elements and Premade Templates. It’s fully responsive and","templateDemoMetaDescription":"Before buying it, get the look and feel of the high quality Mono - Creative Multi-Purpose Joomla Template | Business Joomla Template (#80481) by viewing the demo preview. Go through the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Mono - Creative MultiPurpose Business Joomla Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/80481.html","userRating":0,"designIndex":"79","authorUserId":"1981537","exclusive":"1","state":1,"price":80,"inserted_date":"2019-05-09","sent":0,"downloads":1,"search_words":"agency bootstrap4 business clean corporate creative highperformance joomla lightweight minimal modern multipurpose portfolio professional helix blog photographer landing shop resume","is_adult":0,"exc_price":2100,"sent_date":"2019-05-09 11:53:09","last_upload":"2020-02-04 04:54:15","package_id":295,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":334,"filename":"80481-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":80481,"width":800,"window_params":"","banner_url":"","id":1818974,"href":"","height":1200},{"scr_type_id":311,"filename":"80481-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":80481,"width":800,"window_params":"","banner_url":"","id":1818975,"href":"","height":1200},{"scr_type_id":312,"filename":"80481-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":80481,"width":370,"window_params":"","banner_url":"","id":1818976,"href":"","height":370},{"scr_type_id":9,"filename":"80481-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":80481,"width":145,"window_params":"","banner_url":"","id":1818977,"href":"","height":156},{"scr_type_id":57,"filename":"80481-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":80481,"width":430,"window_params":"","banner_url":"","id":1818978,"href":"","height":645}],"demoUrl":"/demo/80481.html","image":"https://s.tmimgcdn.com/scr/80400/mono-creative-multipurpose-business-joomla-template_80481-original.png","searchHash":"3a0d93dcfbf27013284cbad0aa952c17","previewHash":"7556de03994d86661c6acdeb79d87fa3","authorNickname":"joomlastars","lowLevelTopic":"Design & Photography; Business & Services; Computers & Internet; Home & Family; Fashion & Beauty; Society & People","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":80,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","grey"],"followUpLetter":"joomla-templates-offers","dateRange":"Last 6 Months","uniqueKeywords":"agency bootstrap4 business clean corporate creative highperformance joomla lightweight minimal modern multipurpose portfolio professional helix blog photographer landing shop resume","templateSupportOptions":"[{\"id\":64960,\"template_id\":49999,\"type\":1,\"measure\":\"day\",\"value\":1,\"phone\":\"\"}]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Mono is a modern, powerful Multi-Purpose Joomla Template with huge package of Features, Options, Elements and Premade Templates. It’s fully responsive and","excludeExclusive":"Yes","features":["Premium","Responsive","Pro","Admin Panel","Bootstrap","Retina Ready","Multipurpose","Right to left language support","Team Members"],"saleSells":"1","livePreviewURL":"https://www.mono.joomlastars.co.in","authorUserId":"1981537","googleAnalyticsId":"UA-137907458-1","authorMainScreenshot":"https://tmuploader.s3.us-west-1.amazonaws.com/1981537-1556523627981_mono.png","facebookPixelId":"381416082463906","isFree":"none","templateGroup":"CMS Templates","alreadyPacked":"1","installation":"Installation and set up instructions are attached (look for Documentation folder).","exclusive":"1","templateSoftwareRequired":["Supported by the current versions of popular browsers","Apache server with the mod_rewrite module \r\nApache server supporting .htaccess files \r\nPHP 5.0.0 version or higher \r\nPHP extensions: 'mysql', 'json', 'curl' \r\nFile manager - FTP access","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)","Notepad++ or any php-editor","Joomla! 3.9x"],"templateIcon":"icon-joomla","lastmod":"2020-07-24T05:11:48-04:00","previewScreensOrVideoURLs":"https://tmuploader.s3.us-west-1.amazonaws.com/1981537-1556523633014_slide1.png, https://tmuploader.s3.us-west-1.amazonaws.com/1981537-1556523636367_slide2.png, https://tmuploader.s3.us-west-1.amazonaws.com/1981537-1556523638658_slide3.png, https://tmuploader.s3.us-west-1.amazonaws.com/1981537-1556523641025_slide4.png, https://tmuploader.s3.us-west-1.amazonaws.com/1981537-1556523643346_slide5.png","types":"Joomla Templates","trendiness":"2","demoMetaDescription":"Before buying it, get the look and feel of the high quality Mono - Creative Multi-Purpose Joomla Template | Business Joomla Template (#80481) by viewing the demo preview. Go through the pages, check the images, click the buttons, explore the features.","shortDescription":"<p><strong>Mono</strong> is a modern, powerful Multi-Purpose Joomla Template with huge package of Features, Options, Elements and Premade Templates. It’s fully responsive and looks stunning on any desktop, tablet or mobile devices. Mono is made by professionals and has everything you need to build any kind of modern beautiful website. All the files are highly organized and documented in order to make it easy to use.</p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><h2>Mono Joomla Template Features:</h2><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><ul><li>Fully Responsive &amp; Retina Ready</li><li>Bootstrap 4</li><li>Joomla Quickinstall Ready 3.9.x</li><li>High Performance &amp; Lightweight</li><li>Helix Framework</li><li>11 Page Preloaders</li><li>Multiple Header layouts</li><li>One &amp; Multi-Page Demos</li><li>Unlimited Footer Layouts</li><li>Beautiful Hover styles</li><li>Grid &amp; Masonry Blog layouts</li><li>Unlimited Portfolio layouts</li><li>E-Commerce / Shop Ready</li><li>Super Flexible</li><li>Lightbox Image, Gallery and Video</li><li>Owl Carousel Sliders</li><li>Multiple Portfolio Filter styles</li><li>Ajax/PHP Contact Form</li><li>Google Maps</li><li>Cross-browser compatible</li><li>Font Awesome</li><li>Countdown Timer</li><li>Parallax Image &amp; Video backgrounds</li><li>Highly Organized</li><li>Detailed Documentation</li><li>Lifetime Free Updates and Support</li><li>Fast &amp; Professional Support</li><li>and much more..</li></ul><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><h2>Other information:</h2><p><br></p><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><br></p><p>Thank you very much.</p>","bitLyUrl":"http://bit.ly/2LAk7G0","tags":["agency","business","clean","corporate","creative","helix","landing","lightweight","minimal","modern","multipurpose","photographer","portfolio","professional","resume","shop","blog","joomla"],"customUrl":"/joomla-templates/80481.html","nameOfTheTemplate":"Mono - Creative MultiPurpose Business Joomla Template","loyaltySells":"1","topic":["Design & Photography","Business & Services","Computers & Internet","Home & Family","Fashion & Beauty","Society & People"],"changeLogDate":"2020-02-04","marketplaceMembership":"None","advImage":"https://s.tmimgcdn.com/scr/80400/80481-original.png","category":"Website templates","dqi":"79"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Wed, 01 May 2024 08:07:14 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=80481&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=80481&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=80481&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 01 May 2024 08:12:14 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://www.mono.joomlastars.co.in<!DOCTYPE html>
<html lang="en">
<head>
    <title>#80481 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/80481.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 #80481            </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=80481&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $74                <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>