string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=233310&expand=properties"
string(11963) "[{"templateId":233310,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":549,"categoryName":"Sports News Templates","templateTitle":"Sports News Responsive Joomla Template","templatePreviewHtmlTitle":"JL Habermatic News And Magazine Joomla4-5 Template","templateDemoHtmlTitle":"Demo for JL Habermatic News And Magazine Joomla4-5 Template #233310","typeShortName":"Joomla","templatePreviewFBTitle":"<p>-Sort and differentiate the blocks on the main page as you wish with the drag and drop method.</p><p>-Advertising areas have been created on each homepage and you can receive advertisements from your business partners as you wish.</p><p>-All sections of your site in the desktop version have been configured to correspond to the mobile version.</p><p>-10 different homepages have been created with various color combinations and designs.</p><p>-Multipurpose Vertical Scroller JT1 Pro (Save $9.99) included.</p><p>-Multipurpose Headline JT2 Pro (Save $9.99) included.</p><p>-SP Page Builder 5 Pro Integration.</p><p>-Currency rate, Weather, Daily Horoscope, Social channels, Spotify list</p><p>-10 unique Home Pages</p><p>-Image gallery, Instagram gallery, Portfolio gallery, Video gallery, Flickr Gallery</p><p>-8 different category layouts</p><p>-3 different author layouts</p><p>-Advertising areas in various positions on all homepages</p><p><br /></p><p><strong>Note:</strong> Images, Texts, Slogans, Clips, Videos and Mp3s on the site do not have a political or commercial meaning; They are published in good faith only. All our customers who purchase our theme can continue to use the Images, Texts, Slogans, Mp3s, Videos, Clips and all promotional images on the site free of charge for life in the themes they purchased...</p>","templateFullTitle":"JL Habermatic News And Magazine Joomla4-5 Template","templatePreviewMetaDescription":"-Sort and differentiate the blocks on the main page as you wish with the drag and drop method.-Advertising areas have been created on each homepage and you can","templateDemoMetaDescription":"Have a look at the demo of the top notch Habermatic News And Magazine Joomla4 Template Joomla Template (#233310) to get a better concept of what this design is before you decide to buy it. View the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"JL Habermatic News And Magazine Joomla4-5 Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/habermatic-news-and-magazine-joomla4-template-233310.html","userRating":0,"designIndex":1,"authorUserId":"30481598","exclusive":"1","state":1,"price":62,"inserted_date":"2022-03-09","sent":0,"downloads":5,"search_words":"news magazine sport media newspaper campany life style economy corporate club portal training book broadcast template blog joomla framework education music","is_adult":0,"exc_price":2100,"sent_date":"2022-03-09 11:20:43","last_upload":"2022-10-24 11:21:15","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2593411,"templ_id":233310,"filename":"233310-4-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2593412,"templ_id":233310,"filename":"233310-4-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2593413,"templ_id":233310,"filename":"233310-4-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":2593414,"templ_id":233310,"filename":"233310-4-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":2593415,"templ_id":233310,"filename":"233310-4-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/233310.html","image":"https://s.tmimgcdn.com/scr/233300/jl-habermatic-news-and-magazine-joomla4-5-template_233310-4-original.jpg","searchHash":"cf8f7a10d226e17aced6eef410a55fba","previewHash":"1c97452ba370512fed9472b54093ea13","authorNickname":"joomlove","lowLevelTopic":"News Portal Templates; Celebrity Website Templates; TV Channel Templates; Magazine; Sports News Templates; Music Portal Templates; Political News Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":35,"onSale":0,"finalPrice":54,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"bitLyUrl":"https://bit.ly/3hUdtI6","features":["Admin Panel","Mobile Layout Included","Multipurpose","Blog","Gallery","Portfolio","Website Builder","Bootstrap","Responsive","Team Members","Quickstart Package","Advanced Theme Options","MegaMenu","JQuery"],"isLastAdded":"1","livePreviewURL":"https://habermatic.joomlalove.com/","styles":["Dark","Mobile","Clean","Corporate","Retro","Vector"],"nameOfTheTemplate":"JL Habermatic News And Magazine Joomla4-5 Template","shortDescription":"<p>-Sort and differentiate the blocks on the main page as you wish with the drag and drop method.</p><p>-Advertising areas have been created on each homepage and you can receive advertisements from your business partners as you wish.</p><p>-All sections of your site in the desktop version have been configured to correspond to the mobile version.</p><p>-10 different homepages have been created with various color combinations and designs.</p><p>-Multipurpose Vertical Scroller JT1 Pro (Save $9.99) included.</p><p>-Multipurpose Headline JT2 Pro (Save $9.99) included.</p><p>-SP Page Builder 5 Pro Integration.</p><p>-Currency rate, Weather, Daily Horoscope, Social channels, Spotify list</p><p>-10 unique Home Pages</p><p>-Image gallery, Instagram gallery, Portfolio gallery, Video gallery, Flickr Gallery</p><p>-8 different category layouts</p><p>-3 different author layouts</p><p>-Advertising areas in various positions on all homepages</p><p><br /></p><p><strong>Note:</strong> Images, Texts, Slogans, Clips, Videos and Mp3s on the site do not have a political or commercial meaning; They are published in good faith only. All our customers who purchase our theme can continue to use the Images, Texts, Slogans, Mp3s, Videos, Clips and all promotional images on the site free of charge for life in the themes they purchased...</p>","popularity":"Recently Updated","joomlaCompatibility":["4.1.x","4.4.x","4.3.x","4.2.x","5.0.x"],"topic":["News Portal Templates","Celebrity Website Templates","TV Channel Templates","Media Templates","Sport Templates","Business & Services","Sports, Outdoors & Travel","Magazine","Sports News Templates","Music Portal Templates","Political News Templates","Music Templates","Politics Templates","Art & Culture","Society & People"],"featured":"50sale","uniqueKeywords":"news,magazine,sport,media,newspaper,campany,life style,economy,corporate,club,portal,training,book,broadcast,template,blog,joomla,framework,education,music","customUrl":"/joomla-templates/habermatic-news-and-magazine-joomla4-template-233310.html","isFree":"none","metaDescription":"-Sort and differentiate the blocks on the main page as you wish with the drag and drop method.-Advertising areas have been created on each homepage and you can","changeLog":"## 10 04,2023\n-Joomla has been upgraded to 4.4.3 / 5.0.3\n-Akeeba Backup package has been upgraded to v.9.9.0\n-Helix Ultimate has been upgraded to 2.0.18\n-Sp Page Builder has been upgraded to 3.8.10\n-JT Content Slider has been upgraded v3.0.9\n\n## 24 11,2023\n-Joomla has been upgraded to 4.4.0\n-Akeeba Backup package has been upgraded to v.9.6.8\n-Helix Ultimate has been upgraded to 2.0.17\n-Sp Page Builder has been upgraded to 3.8.10\n-JT Content Slider has been upgraded v3.0.8\n\n\n## 06 06,2023\n-Joomla has been upgraded to 4.3.2 \n-Akeeba Backup package has been upgraded to v.9.6.1\n-Helix Ultimate has been upgraded to 2.0.13\n-Sp Page Builder has been upgraded to 3.8.10\n-Sp_weather_v4.0.1\n-Sp simple portfolio v2.0.7\n-Speasyimagegallery has been upgraded v2.0.2\n-JT Content Slider has been upgraded v2.9.6\n-JT Columnar is an extension add\n\n\n## 23 10,2022\n-Joomla has been upgraded to 4.2.3\n-Akeeba Backup package has been upgraded to v.9.3.3\n-Helix Ultimate has been upgraded to 2.0.11\n-Sp Page Builder has been upgraded to 3.8.\n-Sp simple portfolio v2.0.7\n-Contentslider has been upgraded4 2.8\n-Php8.x compatibility Bugs fixed\n\n## 21 08,2022\n-Joomla has been upgraded to 4.1.5\n-Akeeba Backup package has been upgraded to v.9.2.7\n-Helix Ultimate has been upgraded to 2.0.11\n-Sp Page Builder has been upgraded to 3.8.7\n-Speasy image gallery fullpackage v2.0.2-\n-Sp simple portfolio v2.0.6\n\n\n## 25 04,2022\n-Akeeba Backup package has been upgraded to v.9.2.1, \n-Helix Ultimate has been upgraded to 2.0.7, \n-Sp Page Builder has been upgraded to 3.8.6, \n-Joomla has been upgraded to 4.1.2.","color":["black","white","grey","purple","blue","cyan"],"imageKeyFeatures":"https://s3u.tmimgcdn.com/u30481598/5111fcd721462a4e30ac7c19e4055302.jpg(https://habermatic.joomlalove.com/index.php?option=com_sppagebuilder&view=page&id=56&Itemid=410), https://s3u.tmimgcdn.com/u30481598/af25046512cc7593482ff5ae4ac89559.jpg(https://habermatic.joomlalove.com/index.php?option=com_sppagebuilder&view=page&id=58&Itemid=229), https://s3u.tmimgcdn.com/u30481598/21e8599b60241154bd7e17bd09a12c6a.jpg(https://habermatic.joomlalove.com/index.php?option=com_sppagebuilder&view=page&id=106&Itemid=338)","demoMetaDescription":"Have a look at the demo of the top notch Habermatic News And Magazine Joomla4 Template Joomla Template (#233310) to get a better concept of what this design is before you decide to buy it. View the pages, examine the images, press the buttons, explore the features.","changeLogDate":"2024-04-18","lastmod":"2022-03-13T03:21:34-04:00","trendiness":"1","showVariantForcibly":"b","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u30481598/cd205e621c6a8c9078370de10d02d597.jpg, https://s3u.tmimgcdn.com/u30481598/182b42a49c464115fbd7c8b6a0769498.jpg, https://s3u.tmimgcdn.com/u30481598/9c23e39699418e1a7d4c9c95c987924f.jpg, https://s3u.tmimgcdn.com/u30481598/944dd6779a7a09463b956516edef33e9.jpg, https://s3u.tmimgcdn.com/u30481598/6a25a7b6c58359a2447796a013146ba6.jpg, https://s3u.tmimgcdn.com/u30481598/fe6ce421e345c3fdff170c5998caf125.jpg","authorUserId":"30481598","exclusive":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u30481598/be46c7871d7f435725683106d289939c.jpg","affiliateSells":"1","saleSells":"1","templateSupportOptions":"[]","alreadyPacked":"1","marketplaceMembership":"None","tags":["corporate","economy","magazine","media","news","newspaper","sport","life style","campany","book","blog","broadcast","club","portal","training","framework","template","joomla","education","music"],"advImage":"https://s3u.tmimgcdn.com/u30481598/c0eea418bbb792470b3bf5ff9eb0b187.jpg","productSize":"296956983","imagesIncluded":"Yes","authorMainScreenshotVersion":"4","joomlaEditor":"SP Page Builder","paidSupport":"Yes","pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"webServerCompatibility":"Apache 2.4","databaseServerCompatibility":"MySQL 8.0","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>10 different homepages were created with various color combinations and designs. Great work for news and magazine agencies.</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: Thu, 25 Apr 2024 09:22:01 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(293) "Link: <http://products/api/v2/products/en?language=en&ids=233310&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=233310&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=233310&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 09:27:01 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://habermatic.joomlalove.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#233310 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/233310.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 #233310            </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=233310&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $57                <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>