string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=80531&expand=properties"
string(15147) "[{"templateId":80531,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":411,"categoryName":"Architecture Templates","templateTitle":"Architecture Responsive Joomla Template","templatePreviewHtmlTitle":"Belton - Minimal Black and White Joomla 5 Template","templateDemoHtmlTitle":"Demo Preview for Belton - Minimal Black and White Joomla 5 Template #80531","typeShortName":"Joomla","templatePreviewFBTitle":"<p>Belton is a modern and sleek <strong>Joomla 5 theme</strong> built with a keen eye on providing you with timeless design and usable, flexible features.</p><p>Belton is made on Helix Ultimate and SP Page Builder Pro (you can use it as a free extension with our theme), the best Joomla page builder extension, Belton is fast, secure, easy to use, fast to use with our Quickinstall and Import function.</p><p>Belton is not only a beauty to behold, thanks to the power of the included SP Page Builder Pro, but it's also a joy to use. We provide you with everything you need to create jaw-dropping pages for anything from an Agency, to Restaurant and much more.</p><p>Thanks to a stylish Portfolio element, you can also use Belton to showcase your incredible photography or designs – not convinced? Check out the demo today.</p><h3>Version 2.2 (04 Apr 2024)</h3><ul><li>- Quickinstall Update to Joomla 5</li><li>- Extensions are updated</li><li>- Documentation updated</li><li>- PHP 8.1, 8.2</li><li>- SP Page Builder is updated to 5XX</li></ul><h3>Version 2.1 (04 Aug 2023)</h3><ul><li><strong>UPDATED</strong> Sp Page Builder Pro to latest 3.X Version</li></ul><h3>Version 2.0 (16 Dec 2022)</h3><ul><li><strong>ADDED</strong> Joomla 4, Helix Ultimate 2 Compatibility</li><li><strong>FIXED</strong> Some minor bugs for browser compatibility</li><li><strong>FIXED</strong> Some minor bugs for responsive</li><li><strong>REMOVED</strong> J2Store Component</li><li><strong>REMOVED</strong> Twitter Addon</li><li><strong>UPDATED</strong> FontAwesome to Latest Version</li><li><strong>UPDATED</strong> Bootstrap to Latest Version</li><li><strong>UPDATED</strong> Improvements in CSS and JS</li></ul><h2>Bundled Plugin Power:</h2><p>Not only will you save heaps but you also get to extend the functionality with Joomla! with some of the heaviest hitting plugins, but they are all included in the one off purchase price of Belton.</p><p><strong>SP Page Builder </strong>version Trusted by over 400,000 people across the world, with SP Page Builder you’ll be creating killer pages with the ease of drag &amp; drop. With a completely visual way of building pages, SP Page Builder is fast, easy to use and best of all happens in true time so you can be sure of your changes before committing them to the live site.</p><h2>Quickstart installation included:</h2><p>We included quickinstall zip for you to have our demo in seconds. Quickinstall is joomla installed + templates, extensions, plugins, configured and ready to use in your websites. You need to upload on your server, to create new database, user, add user to database and hit install button.</p><h2>Belton Joomla 5 Theme Features:</h2><ul><li>Helix Ultimate framework</li><li>Drag &amp; Drop Layout Builder PRO version (premium extension included as free product in our theme)</li><li>Fully Responsive and Mobile Friendly template</li><li>Megamenu Builder</li><li>Page builder custom addons</li><li>Import theme’s settings included in pack</li><li>Slider import in pack</li><li>Builder’s pages for import included in pack</li><li>Fast loading</li><li>Multipurpose template</li><li>+49 Addons Page builder</li><li>Post Formats</li><li>600+ Google Fonts</li><li>Logo Option</li><li>Custom Code</li><li>Social Share</li><li>Social Icons</li><li>Fluid and Boxed Layout</li><li>FontAwesome</li><li>Sticky Header</li><li>Documentation</li><li>Facebook Open Graph Data</li></ul><h2>Other information:</h2><p><strong>Note:</strong> <em>The images you see in the screenshots are used for demo purposes only, they are not included in the download package, the original ones are replaces with placeholders.</em></p><p>Thank you very much.</p>","templateFullTitle":"Belton - Minimal Black and White Joomla 5 Template","templatePreviewMetaDescription":"Belton is a modern and sleek Joomla 5 theme built with a keen eye on providing you with timeless design and usable, flexible features.Belton is made on Helix","templateDemoMetaDescription":"Try out the live preview of the top notch Belton – Minimal Black and White Multipurpose Joomla Template (#80531) to get a better idea of what this theme is prior to buying it. Browse through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Belton - Minimal Black and White Joomla 5 Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/80531.html","userRating":0,"designIndex":"84","authorUserId":"1981537","exclusive":"1","state":1,"price":57,"inserted_date":"2019-05-13","sent":1,"downloads":7,"search_words":"animation architect architecture creative agency doctor engineer fitness interior design medical packery photography portfolio restaurant joomlastars responsive quickinstall documentation joomla5","is_adult":0,"exc_price":2100,"sent_date":"2020-03-06 00:00:00","last_upload":"2024-04-04 04:41:38","package_id":295,"hasExclusivePrice":0,"screenshots":[{"id":1819358,"templ_id":80531,"filename":"80531-original.png","width":800,"height":1200,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1819359,"templ_id":80531,"filename":"80531-big.png","width":1366,"height":632,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1819360,"templ_id":80531,"filename":"80531-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":1819361,"templ_id":80531,"filename":"80531-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":1819362,"templ_id":80531,"filename":"80531-b.jpg","width":430,"height":199,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/80531.html","image":"https://s.tmimgcdn.com/scr/80500/belton-minimal-black-and-white-joomla-5-template_80531-original.png","searchHash":"3b04d63095debba6b8722c71a9136fb3","previewHash":"b1ca42106d5a5f3164bd47d8991e8533","authorNickname":"joomlastars","lowLevelTopic":"Architecture; IT Templates; Food & Drink Templates; Hotels Templates; Industrial Templates; Doctor","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":50,"onSale":0,"finalPrice":49,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Pro","Admin Panel","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","Multipurpose","Team Members","Restaurant Menu","Light Template","Single Product","eCommerce","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Drag and Drop Content","MegaMenu","Performance Optimization","Blog","Gallery","Portfolio","One Page Templates","JQuery","Static","Parallax","Background video","Lazy Load effect","Website Builder","One click installation"],"styles":["Clean","Corporate","Collage","Dark","Flat"],"topic":["Architecture","IT Templates","Food & Drink Templates","Hotels Templates","Industrial Templates","Medical Templates","Design","Design & Photography","Business & Services","Home & Family","Food & Restaurant","Sports, Outdoors & Travel","Doctor"],"isFree":"none","dateRange":"Last 6 Months","color":["black","grey","brown","green"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","joomlaEngine":"4.0","authorUserId":"1981537","excludeExclusive":"Yes","nameOfTheTemplate":"Belton - Minimal Black and White Joomla 5 Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1981537-1557736551806_slide1.png, https://s3u.tmimgcdn.com/1981537-1557736554911_slide2.png, https://s3u.tmimgcdn.com/1981537-1557736557225_slide3.png, https://s3u.tmimgcdn.com/1981537-1557736559273_slide4.png, https://s3u.tmimgcdn.com/1981537-1557736561166_slide5.png","shortDescription":"<p>Belton is a modern and sleek <strong>Joomla 5 theme</strong> built with a keen eye on providing you with timeless design and usable, flexible features.</p><p>Belton is made on Helix Ultimate and SP Page Builder Pro (you can use it as a free extension with our theme), the best Joomla page builder extension, Belton is fast, secure, easy to use, fast to use with our Quickinstall and Import function.</p><p>Belton is not only a beauty to behold, thanks to the power of the included SP Page Builder Pro, but it's also a joy to use. We provide you with everything you need to create jaw-dropping pages for anything from an Agency, to Restaurant and much more.</p><p>Thanks to a stylish Portfolio element, you can also use Belton to showcase your incredible photography or designs – not convinced? Check out the demo today.</p><h3>Version 2.2 (04 Apr 2024)</h3><ul><li>- Quickinstall Update to Joomla 5</li><li>- Extensions are updated</li><li>- Documentation updated</li><li>- PHP 8.1, 8.2</li><li>- SP Page Builder is updated to 5XX</li></ul><h3>Version 2.1 (04 Aug 2023)</h3><ul><li><strong>UPDATED</strong> Sp Page Builder Pro to latest 3.X Version</li></ul><h3>Version 2.0 (16 Dec 2022)</h3><ul><li><strong>ADDED</strong> Joomla 4, Helix Ultimate 2 Compatibility</li><li><strong>FIXED</strong> Some minor bugs for browser compatibility</li><li><strong>FIXED</strong> Some minor bugs for responsive</li><li><strong>REMOVED</strong> J2Store Component</li><li><strong>REMOVED</strong> Twitter Addon</li><li><strong>UPDATED</strong> FontAwesome to Latest Version</li><li><strong>UPDATED</strong> Bootstrap to Latest Version</li><li><strong>UPDATED</strong> Improvements in CSS and JS</li></ul><h2>Bundled Plugin Power:</h2><p>Not only will you save heaps but you also get to extend the functionality with Joomla! with some of the heaviest hitting plugins, but they are all included in the one off purchase price of Belton.</p><p><strong>SP Page Builder </strong>version Trusted by over 400,000 people across the world, with SP Page Builder you’ll be creating killer pages with the ease of drag &amp; drop. With a completely visual way of building pages, SP Page Builder is fast, easy to use and best of all happens in true time so you can be sure of your changes before committing them to the live site.</p><h2>Quickstart installation included:</h2><p>We included quickinstall zip for you to have our demo in seconds. Quickinstall is joomla installed + templates, extensions, plugins, configured and ready to use in your websites. You need to upload on your server, to create new database, user, add user to database and hit install button.</p><h2>Belton Joomla 5 Theme Features:</h2><ul><li>Helix Ultimate framework</li><li>Drag &amp; Drop Layout Builder PRO version (premium extension included as free product in our theme)</li><li>Fully Responsive and Mobile Friendly template</li><li>Megamenu Builder</li><li>Page builder custom addons</li><li>Import theme’s settings included in pack</li><li>Slider import in pack</li><li>Builder’s pages for import included in pack</li><li>Fast loading</li><li>Multipurpose template</li><li>+49 Addons Page builder</li><li>Post Formats</li><li>600+ Google Fonts</li><li>Logo Option</li><li>Custom Code</li><li>Social Share</li><li>Social Icons</li><li>Fluid and Boxed Layout</li><li>FontAwesome</li><li>Sticky Header</li><li>Documentation</li><li>Facebook Open Graph Data</li></ul><h2>Other information:</h2><p><strong>Note:</strong> <em>The images you see in the screenshots are used for demo purposes only, they are not included in the download package, the original ones are replaces with placeholders.</em></p><p>Thank you very much.</p>","uniqueKeywords":"animation,architect,architecture,creative,agency,doctor,engineer,fitness,interior,design,medical,packery,photography,portfolio,restaurant,joomlastars,responsive,quickinstall,documentation,joomla5","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/1981537-1557736547601_belton.png","dqi":"84","livePreviewURL":"https://belton.joomlastars.co.in","metaDescription":"Belton is a modern and sleek Joomla 5 theme built with a keen eye on providing you with timeless design and usable, flexible features.Belton is made on Helix","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"http://bit.ly/2VY3UhP","customUrl":"/joomla-templates/80531.html","demoMetaDescription":"Try out the live preview of the top notch Belton – Minimal Black and White Multipurpose Joomla Template (#80531) to get a better idea of what this theme is prior to buying it. Browse through the pages, examine the images, press the buttons, explore the features.","trendiness":"1","lastmod":"2020-07-24T05:11:28-04:00","changeLogDate":"2024-04-04","advImage":"https://s3u.tmimgcdn.com/u1981537/5de8fd96de9d3fba7d6b2c6212493908.png","changeLog":"Version 2.2 (20 Mar 2024)\n- Quickinstall Update to Joomla 5 \n- Extensions are updated\n- Documentation updated\n- PHP 8.1, 8.2\n- SP Page Builder is updated to 5XX\n\nVersion 2.1 (04 Aug 2023)\nUPDATED Sp Page Builder Pro to latest 3.X Version\n\nVersion 2.0 (16 Dec 2022)\nADDED Joomla 4, Helix Ultimate 2 Compatibility\nFIXED Some minor bugs for browser compatibility\nFIXED Some minor bugs for responsive\nREMOVED J2Store Component\nREMOVED Twitter Addon\nUPDATED FontAwesome to Latest Version\nUPDATED Bootstrap to Latest Version\nUPDATED Improvements in CSS and JS","htmlTitle":"Joomla Website Template","productSize":"54345602","imagesIncluded":"No","tags":["agency","animation","architect","architecture","creative","design","doctor","documentation","engineer","fitness","interior","medical","packery","photography","portfolio","responsive","restaurant","quickinstall","joomlastars","joomla5"],"marketplaceMembership":"None","joomlaEditor":"SP Page Builder","paidSupport":"Yes","webServerCompatibility":"Apache 2.4","pHPVersionCompatibility":["8.1","8.2"],"databaseServerCompatibility":"MySQL 8.0","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"imageKeyFeatures":"https://s3u.tmimgcdn.com/u1981537/fecfd63be1584a1d6aef83a565f188be.png","excerpt":"<p>Belton is a modern and sleek Joomla 5 theme for Agency, Restaurant, Fitness, Photography, Architect, Medical</p>","joomlaCompatibility":["4.4.x","5.0.x"],"installation":"Installation and set up instructions are attached (look for Documentation folder).","types":"Joomla Templates","templateIcon":"icon-joomla","followUpLetter":"joomla-templates-offers","productFamily":"None","templateGroup":"CMS Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 26 Apr 2024 17:18:32 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=80531&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=80531&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=80531&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 17:23:32 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://belton.joomlastars.co.in<!DOCTYPE html>
<html lang="en">
<head>
    <title>#80531 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/80531.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 #80531            </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=80531&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $52                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

        <div id="preview-wrapper" class="hide_wrap">

                            <div class="technical-problems">
                    <p>Technical operations</p>
                    <p class="problems-message">Live demo of this template will be available within 5-6 hours.</p>
                    <p>
                        <a href="/joomla-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>