string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=307304&expand=properties"
string(13867) "[{"templateId":307304,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":128,"categoryName":"Marketing Agency Templates","templateTitle":"Marketing Agency Responsive Joomla Template","templatePreviewHtmlTitle":"JL Classic Retro Bussines and Corporate Joomla4 and 5 Template","templateDemoHtmlTitle":"Live preview for JL Classic Retro Bussines and Corporate Joomla4 and 5 Template #307304","typeShortName":"Joomla","templatePreviewFBTitle":"<p>Using the latest modules and plugins, we proudly present the Classic theme, which we have prepared in a high quality way that reflects your corporate identity in a professional way. After choosing the style, color, blog layout, suitable for you on our website, you can publish your site immediately. Classic Theme is fully responsive Joomla template and offers stunning design on smartphones, tablets and desktops. The template is multipurpose designed for Agency, Office, Business, Corporations, Holdings, Corporate, Creative people, and Professional Blogging. With great colors, animations and eye-catching layouts on every page, Joomla Classic Theme will help you grab the attention of your visitors at first sight. By using this ready-made design, you can have a professional website suitable for your business in minutes. Every detail in our designs reflects our experience in brand management, digital marketing and visual design. Our designs give you an advantage by appealing not only to the eyes of your users, but also to their intuitive usage habits. When visitors land on your website, it's just the beginning. Determining how they will interact is just as important as making your site look good. Classic theme will satisfy your need.</p><p>(This work was inspired by the once legendary theme of Bowthemes designer BT Arise, and adapted for joomla 4/5.)</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><p>• The template came in 10 colors: green, blue, cyan, orange, purple, gray, red, dark blue, magenta and pink.</p><p>• 10 Different Blog layouts</p><p>• 100% Mobile Responsive</p><p>• About Us, Our Team, Pricing, Portfolio, Contact, Blog, Gallery, Timeline, Sponsors, Projects and Services</p><p>• Standard Post Format, Post Slider, Classic Blog, Video Format, Audio Format, Article Category List, Smart Search</p><p>• Add unlimited product pages</p><p>• Add unlimited blog pages</p><p>• Add photos to gallery upload</p><p>• Link to social media pages</p><p>• Sp Page builder Pro</p><p>• Helix Ultimate 2</p><p>• The template supports multiple browsers such as IE8+, Firefox 4+, Safari 4+, Chrome 8+, Opera 9+.</p><p>• Google Fonts and cool icons make your site look good.</p><p>• The template can be customized in various styles thanks to the latest bootstrap and JavaScript MooTools.</p>","templateFullTitle":"JL Classic Retro Bussines and Corporate Joomla4 and 5 Template","templatePreviewMetaDescription":"Using the latest modules and plugins, we proudly present the Classic theme, which we have prepared in a high quality way that reflects your corporate identity","templateDemoMetaDescription":"Before buying it, get informed about the high quality Classic Retro Bussines and Corporate Joomla4 Template Joomla Template (#307304) by viewing the live preview. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"JL Classic Retro Bussines and Corporate Joomla4 and 5 Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/classic-retro-bussines-and-corporate-joomla4-template-307304.html","userRating":0,"designIndex":1,"authorUserId":"30481598","exclusive":"1","state":1,"price":49,"inserted_date":"2023-01-12","sent":0,"downloads":1,"search_words":"advertisement agency automate clients company consulting creative customer industry responsive template joomla news entertainment corporate business portfolio services finance corporation","is_adult":0,"exc_price":2100,"sent_date":"2023-01-12 12:59:32","last_upload":"2023-01-12 13:03:27","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2963294,"templ_id":307304,"filename":"307304-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":2963295,"templ_id":307304,"filename":"307304-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":2963296,"templ_id":307304,"filename":"307304-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":2963297,"templ_id":307304,"filename":"307304-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":2963298,"templ_id":307304,"filename":"307304-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/307304.html","image":"https://s.tmimgcdn.com/scr/307300/jl-classic-retro-bussines-and-corporate-joomla4-and-5-template_307304-original.jpg","searchHash":"21c5cf6426b383323d0e6764818bb886","previewHash":"d82c515567ab3005693d7d5f89cfdda5","authorNickname":"joomlove","lowLevelTopic":"Marketing Agency Templates; Management Company Templates; Advertising Agency Templates; Public Relations Templates; Media Templates; Merchant Services Templates; Job Portal Templates; Self Storage; Business Audit; Business Coach","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":35,"onSale":0,"finalPrice":41,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Responsive","Pro","Admin Panel","Ajax","Mobile Layout Included","Multipurpose","Team Members","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","MegaMenu","Blog","Gallery","Portfolio","JQuery","Background video"],"styles":["Clean","Corporate","Retro","Dark","Mobile"],"isLastAdded":"1","topic":["Marketing Agency Templates","Management Company Templates","Advertising Agency Templates","Public Relations Templates","Media Templates","Merchant Services Templates","Job Portal Templates","Business & Services","Finance","Self Storage","Business Audit","Business Coach"],"isFree":"none","color":["white","grey","brown","green"],"productOfTheDay":"-5","showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","imagesIncluded":"Yes","tags":["advertisement","agency","automate","business","clients","company","consulting","corporate","corporation","creative","customer","entertainment","finance","industry","news","portfolio","responsive","services","template","joomla"],"marketplaceMembership":"None","joomlaEditor":"SP Page Builder","paidSupport":"Yes","joomlaCompatibility":["4.0.x","4.1.x","4.2.x","4.3.x","4.4.x","5.0.x"],"authorUserId":"30481598","webServerCompatibility":"Apache 2.4","pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"nameOfTheTemplate":"JL Classic Retro Bussines and Corporate Joomla4 and 5 Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u30481598/09d3fea0736b12032b4a6cf27ec465cc.jpg, https://s3u.tmimgcdn.com/u30481598/4985a23327faba2be12181d18955b3d4.jpg, https://s3u.tmimgcdn.com/u30481598/05ea72224b96d075838afbbe350f03f1.jpg, https://s3u.tmimgcdn.com/u30481598/77aa47fd70fea0d317a74c97cb83b726.jpg, https://s3u.tmimgcdn.com/u30481598/bb0e89c16464293f296af05bb9bd3f3c.jpg","shortDescription":"<p>Using the latest modules and plugins, we proudly present the Classic theme, which we have prepared in a high quality way that reflects your corporate identity in a professional way. After choosing the style, color, blog layout, suitable for you on our website, you can publish your site immediately. Classic Theme is fully responsive Joomla template and offers stunning design on smartphones, tablets and desktops. The template is multipurpose designed for Agency, Office, Business, Corporations, Holdings, Corporate, Creative people, and Professional Blogging. With great colors, animations and eye-catching layouts on every page, Joomla Classic Theme will help you grab the attention of your visitors at first sight. By using this ready-made design, you can have a professional website suitable for your business in minutes. Every detail in our designs reflects our experience in brand management, digital marketing and visual design. Our designs give you an advantage by appealing not only to the eyes of your users, but also to their intuitive usage habits. When visitors land on your website, it's just the beginning. Determining how they will interact is just as important as making your site look good. Classic theme will satisfy your need.</p><p>(This work was inspired by the once legendary theme of Bowthemes designer BT Arise, and adapted for joomla 4/5.)</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><p>• The template came in 10 colors: green, blue, cyan, orange, purple, gray, red, dark blue, magenta and pink.</p><p>• 10 Different Blog layouts</p><p>• 100% Mobile Responsive</p><p>• About Us, Our Team, Pricing, Portfolio, Contact, Blog, Gallery, Timeline, Sponsors, Projects and Services</p><p>• Standard Post Format, Post Slider, Classic Blog, Video Format, Audio Format, Article Category List, Smart Search</p><p>• Add unlimited product pages</p><p>• Add unlimited blog pages</p><p>• Add photos to gallery upload</p><p>• Link to social media pages</p><p>• Sp Page builder Pro</p><p>• Helix Ultimate 2</p><p>• The template supports multiple browsers such as IE8+, Firefox 4+, Safari 4+, Chrome 8+, Opera 9+.</p><p>• Google Fonts and cool icons make your site look good.</p><p>• The template can be customized in various styles thanks to the latest bootstrap and JavaScript MooTools.</p>","uniqueKeywords":"advertisement,agency,automate,clients,company,consulting,creative,customer,industry,responsive,template,joomla,news,entertainment,corporate,business,portfolio,services,finance,corporation","advImage":"https://s3u.tmimgcdn.com/u30481598/493fe417004771e66e11abebdccebc0a.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u30481598/a14e1ff6038e876abdbf5838fcfed294.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u30481598/54b8192202546947246329613af1e75f.jpg, https://s3u.tmimgcdn.com/u30481598/1a89ab4b1e43191de8cc3033d3bead10.jpg, https://s3u.tmimgcdn.com/u30481598/f1a983ea40c704bdbbdd3e0be2b547b9.jpg, https://s3u.tmimgcdn.com/u30481598/9e187128842ef91e1693c5550a5c9c30.jpg","livePreviewURL":"https://classic.joomlalove.com/","metaDescription":"Using the latest modules and plugins, we proudly present the Classic theme, which we have prepared in a high quality way that reflects your corporate identity","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3GBok5B","demoMetaDescription":"Before buying it, get informed about the high quality Classic Retro Bussines and Corporate Joomla4 Template Joomla Template (#307304) by viewing the live preview. View the pages, check out the images, click the buttons, explore the features.","customUrl":"/joomla-templates/classic-retro-bussines-and-corporate-joomla4-template-307304.html","productSize":"228915673","trendiness":"1","changeLog":"## 28 02,2024\n- Joomla has been upgraded to 4.4.3 and 5.0.3\n- Akeeba Backup package has been upgraded to v.9.8.5\n- JT Content Slider has been upgraded v3.0.9\n- Helix Ultimate has been upgraded to 2.0.18\n- Sp Page Builder has been upgraded to 5.2.5\n- Sp simple portfolio v2.0.8\n- Speasyimagegallery has been upgraded v2.0.4\n- JT Carosel Yendif V1.5 has been upgraded v3.0.9\n\n## 24 12,2023\n- Joomla has been upgraded to 4.4.1 \n- Akeeba Backup package has been upgraded to v.9.8.3\n- Helix Ultimate has been upgraded to 2.0.18\n- Sp Page Builder has been upgraded to 3.8.10\n- Sp simple portfolio v2.0.7\n- Speasyimagegallery has been upgraded v2.0.3\n- JT Content Slider has been upgraded v3.0.8\n\n## 28 08,2023\n- Joomla has been upgraded to 4.3.4 \n- Akeeba Backup package has been upgraded to v.9.6.2\n- Helix Ultimate has been upgraded to 2.0.18\n- Sp Page Builder has been upgraded to 3.8.10\n- Sp simple portfolio v2.0.7\n- Speasyimagegallery has been upgraded v2.0.3\n- JT Content Slider has been upgraded v2.9.9\n\n## 07 01,2023\n- document file improved","changeLogDate":"2024-03-13","excerpt":"<p>Classic Theme is fully responsive Joomla template and offers stunning design on smartphones, tablets and desktops</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 07:49:06 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=307304&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=307304&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=307304&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 07:54:06 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://classic.joomlalove.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#307304 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/307304.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 #307304            </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=307304&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $45                <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>