string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=84038&expand=properties"
string(13217) "[{"templateId":84038,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":549,"categoryName":"Sports News Templates","templateTitle":"Sports News Responsive Joomla Template","templatePreviewHtmlTitle":"Habernews News and Magazine Joomla 5 Joomla 4 and Joomla 3 Template","templateDemoHtmlTitle":"Demo for Habernews News and Magazine Joomla 5 Joomla 4 and Joomla 3 Template #84038","typeShortName":"Joomla","templatePreviewFBTitle":"<p>Habernews is a T3 Framework and Bootstrap 3 based Responsive Joomla Template for News and Magazine web sites. Habernews Joomla News and Magazine Template is compatible latest Joomla Version. It has great features and graphics. With the latest improvements, features and ease of usage of T3 Framework, you can now easily adapt it to your site. Habernews supports full-width and boxed layouts. It has 12+ Homepage Designs and 4 Dark color styles. It is created by using the latest techniques : Bootstrap V3, 20 Awesome Google Font Support, LESS, CSS3, HTML5 that makes it more powerful and flexible.</p><p><br /></p><p>Template is based on T3-Framework with a fully responsive design. That means it will fit any mobile devices. Habernews is a perfect solution for content-rich News and Magazine websites. It has a lot of module positions and variations. Habernews Comes with highly customizable and powefull T3 Framework which gives the theme high flexibility like you can change the skin easily, or define your own style, typeface etc.</p><p>Features</p><ul><li>Fully <strong>Responsive</strong> Design</li><li><strong>Joomla 4 </strong>and <strong>Joomla 3</strong> Compatible</li><li>Powerful <strong>T3 Framework</strong></li><li>12 Preset Color Styles</li><li>5 <strong>Mega Menu</strong> Styles</li><li>Light and 4 Dark Versions</li><li>20 <strong>Google Fonts</strong></li><li><strong>Sticky Menu</strong></li><li>Full and Boxed Layout</li><li>Off-Canvas Sidebar</li><li>Bootstrap 3 - Font Awesome</li><li>Videos and <strong>Video Gallery</strong></li><li>Up to <strong>3 Columns</strong> layout</li><li><strong>Google Map</strong>-Contact page</li><li>Different <strong>Portfolio </strong>Pages</li><li><strong>Blog </strong>Layout Samples</li><li><strong>K2</strong> Component</li><li>Custom module variations</li><li>Subscribe to <strong>Mailing List</strong></li><li>Image or Text logo</li><li>Easy to use 404 Page</li><li>Client Feedbacks</li><li>Video Menu</li><li>Back to Top Button</li><li>About Us Page - Team</li></ul><p>Note: K2 Component is not Joomla 4 compatible for now. So it is not included on Joomla 4 version. K2 Joomla 4 version will be added on release. Demo page displays Joomla 3 version.</p>","templateFullTitle":"Habernews News and Magazine Joomla 5 Joomla 4 and Joomla 3 Template","templatePreviewMetaDescription":"Habernews is a T3 Framework and Bootstrap 3 based Responsive Joomla Template for News and Magazine web sites. Habernews Joomla News and Magazine Template is","templateDemoMetaDescription":"Try out the live preview of the high quality Habernews Joomla Template (#84038) to get a better notion of what this design is before you buy it. Click through the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Habernews News and Magazine Joomla 5 Joomla 4 and Joomla 3 Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/habernews-joomla-template-84038.html","userRating":0,"designIndex":"76","authorUserId":"1575147","exclusive":"1","state":1,"price":70,"inserted_date":"2019-07-25","sent":1,"downloads":33,"search_words":"habernews joomla news magazine template theme responsive newspaper blog personal company business corporate politics politic","is_adult":0,"exc_price":2100,"sent_date":"2020-07-30 00:00:30","last_upload":"2024-01-09 12:33:26","package_id":295,"hasExclusivePrice":0,"screenshots":[{"id":1839223,"templ_id":84038,"filename":"84038-original.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1839224,"templ_id":84038,"filename":"84038-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1839225,"templ_id":84038,"filename":"84038-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":1839226,"templ_id":84038,"filename":"84038-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":1839227,"templ_id":84038,"filename":"84038-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/84038.html","image":"https://s.tmimgcdn.com/scr/84000/habernews-news-and-magazine-joomla-5-joomla-4-and-joomla-3-template_84038-original.jpg","searchHash":"f09d89233471ec7c6138441c6955c7fd","previewHash":"b264866cc6e6b101fd2160be12b9ff8c","authorNickname":"JoomlaTema","lowLevelTopic":"News Portal Templates; Celebrity Website Templates; TV Channel Templates; Political News Templates; Education Templates; Sports News Templates; Magazine","weightedRating":null,"annualSale":6,"monthlySales":0,"quarterlySales":0,"productBoost":35,"onSale":0,"finalPrice":70,"discountPercent":0,"discountAmount":0,"semiannualSales":2,"properties":{"features":["Responsive","Admin Panel","Search Engine Friendly","Bootstrap","Team Members","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","MegaMenu","Blog","Portfolio","JQuery"],"joomlaCompatibility":["3.0.1","3.0.2","3.1.1","3.1.5","3.2.0","3.2.1","3.5","3.8","3.9.x","3.10.x","4.0.x","4.1.x","4.2.x","4.3.x","4.4.x","5.0.x"],"topic":["News Portal Templates","Celebrity Website Templates","TV Channel Templates","Political News Templates","Education Templates","Media Templates","Politics Templates","Sport Templates","Sports News Templates","Education & Books","Business & Services","Society & People","Sports, Outdoors & Travel","Magazine"],"isFree":"none","dateRange":["This Week","This Month"],"color":["black","white","grey"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1575147","alreadyPacked":"1","joomlaEngine":"3.9","excludeExclusive":"Yes","nameOfTheTemplate":"Habernews News and Magazine Joomla 5 Joomla 4 and Joomla 3 Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1575147-1563966948368_2.jpg, https://s3u.tmimgcdn.com/1575147-1563967025352_3.jpg, https://s3u.tmimgcdn.com/1575147-1563967071556_4.jpg, https://s3u.tmimgcdn.com/1575147-1563967628832_5.jpg, https://s3u.tmimgcdn.com/1575147-1563967740091_6.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/1575147-1563966373511_home-1.jpg","dqi":"76","imageKeyFeatures":"https://s3u.tmimgcdn.com/1575147-1563968058201_presentational.jpg, https://s3u.tmimgcdn.com/1575147-1563968130871_presentational2.jpg, https://s3u.tmimgcdn.com/1575147-1563968196939_presentational3.jpg","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"http://bit.ly/30Xnqdj","customUrl":"/joomla-templates/habernews-joomla-template-84038.html","demoMetaDescription":"Try out the live preview of the high quality Habernews Joomla Template (#84038) to get a better notion of what this design is before you buy it. Click through the pages, check the images, press the buttons, explore the functionality.","lastmod":"2022-02-08T05:24:36-05:00","trendiness":"1","changeLogDate":"2024-01-09","advImage":"https://s3.tmimgcdn.com/templates/58292/scr/1589351618990_2.jpg","productSize":"328371172","imagesIncluded":"Yes","tags":["business","company","corporate","magazine","news","newspaper","personal","politic","politics","responsive","template","theme","blog","joomla","habernews"],"changeLog":"Changelog:\n23/12/2023 Joomla 4-5 version, T3 Plugin and Acymailing  Updated\n27/10/2023 Joomla 5 version added, Acymailing  Updated\n02/08/2023 Joomla 4 version, Acymailing, JT Testimonial, News Pro GK5 and T3 Framework Updated\n31/05/2023 Joomla 4 version, Acymailing and T3 Framework Updated\n15/09/2022 Joomla 4  Version added demo page updated for Joomla 4 and Joomla 3. \nMinor mobile css bug on Joomla 4 demo site fixed\n16/07/2022  Joomla 3 version, Acymailing Module and T3 Framework Updated\n15/09/2021 Joomla version, SP Simple Portfolio, News Pro GK and T3 Framework Updated\n21/06/2021 Joomla version and T3 Framework Updated\n25/04/2021 Joomla version, Acymailing Module and SP Simple Portfolio Updated\n06/03/2021 Joomla Version and Acymailing Updated\n13/01/2021 Joomla version, Acymailing Module and SP Simple Portfolio Updated\n02/12/2020 Joomla Version and Acymailing Module Updated\n11/10/2020 Joomla Version Updated 3.9.22\n26/08/2020 Joomla Version Updated 3.9.21\n15/07/2020 Joomla Version Updated 3.9.20\n08/06/2020 Joomla Version Updated 3.9.19 K2 Acymailing Module and SP Simple Portfolio Updated\n22/04/2020 Joomla Version Updated 3.9.18\n12/03/2020 Joomla Version and AcyMail Updated\n31/01/2020 Joomla version updated to latest 3.9.15. Acymailing Module and SP Simple Portfolio Updated\n08/01/2020 Joomla Version Updated - Acymailing Module,News Pro GK5,K2 Component Updated\n06/11/19 Joomla Version Updated\n26/10/19 Joomla Version and T3 Plugin Updated - Acymailing Module Updated\n25/09/19 Joomla Version Updated - Acymailing Module Updated\n23/08/19 Joomla Version Updated - Acymailing Module Updated","htmlTitle":"Habernews is a T3 Framework and Bootstrap 3 based Responsive Joomla Template for News and Magazine web sites.","marketplaceMembership":"None","joomlaEditor":"T3 Framework","shortDescription":"<p>Habernews is a T3 Framework and Bootstrap 3 based Responsive Joomla Template for News and Magazine web sites. Habernews Joomla News and Magazine Template is compatible latest Joomla Version. It has great features and graphics. With the latest improvements, features and ease of usage of T3 Framework, you can now easily adapt it to your site. Habernews supports full-width and boxed layouts. It has 12+ Homepage Designs and 4 Dark color styles. It is created by using the latest techniques : Bootstrap V3, 20 Awesome Google Font Support, LESS, CSS3, HTML5 that makes it more powerful and flexible.</p><p><br /></p><p>Template is based on T3-Framework with a fully responsive design. That means it will fit any mobile devices. Habernews is a perfect solution for content-rich News and Magazine websites. It has a lot of module positions and variations. Habernews Comes with highly customizable and powefull T3 Framework which gives the theme high flexibility like you can change the skin easily, or define your own style, typeface etc.</p><p>Features</p><ul><li>Fully <strong>Responsive</strong> Design</li><li><strong>Joomla 4 </strong>and <strong>Joomla 3</strong> Compatible</li><li>Powerful <strong>T3 Framework</strong></li><li>12 Preset Color Styles</li><li>5 <strong>Mega Menu</strong> Styles</li><li>Light and 4 Dark Versions</li><li>20 <strong>Google Fonts</strong></li><li><strong>Sticky Menu</strong></li><li>Full and Boxed Layout</li><li>Off-Canvas Sidebar</li><li>Bootstrap 3 - Font Awesome</li><li>Videos and <strong>Video Gallery</strong></li><li>Up to <strong>3 Columns</strong> layout</li><li><strong>Google Map</strong>-Contact page</li><li>Different <strong>Portfolio </strong>Pages</li><li><strong>Blog </strong>Layout Samples</li><li><strong>K2</strong> Component</li><li>Custom module variations</li><li>Subscribe to <strong>Mailing List</strong></li><li>Image or Text logo</li><li>Easy to use 404 Page</li><li>Client Feedbacks</li><li>Video Menu</li><li>Back to Top Button</li><li>About Us Page - Team</li></ul><p>Note: K2 Component is not Joomla 4 compatible for now. So it is not included on Joomla 4 version. K2 Joomla 4 version will be added on release. Demo page displays Joomla 3 version.</p>","uniqueKeywords":"habernews,joomla,news,magazine,template,theme,responsive,newspaper,blog,personal,company,business,corporate,politics,politic","livePreviewURL":"https://habernews.joomlatema.net/landing/index.html","metaDescription":"Habernews is a T3 Framework and Bootstrap 3 based Responsive Joomla Template for News and Magazine web sites. Habernews Joomla News and Magazine Template is","paidSupport":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Habernews is a T3 Framework and Bootstrap 3 based Responsive Joomla Template for News and Magazine web sites.</p>","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: Fri, 19 Apr 2024 15:36:34 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=84038&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=84038&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=84038&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 19 Apr 2024 15:41:34 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://habernews.joomlatema.net/landing/index.html<!DOCTYPE html>
<html lang="en">
<head>
    <title>#84038 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/84038.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 #84038            </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=84038&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $64                <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>