string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=216157&expand=properties"
string(14511) "[{"templateId":216157,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":101,"categoryName":"Art Templates","templateTitle":"Art Responsive Joomla Template","templatePreviewHtmlTitle":"WEKITHEME - Multi-Purpose Joomla Template - TemplateMonster","templateDemoHtmlTitle":"Live demo for WEKITHEME - Multi-Purpose Joomla Template #216157","typeShortName":"Joomla","templatePreviewFBTitle":"<p><strong>The Wekitheme - Multi-Purpose Joomla Template</strong> is one of the best light and feature rich responsive template for Joomla. It's very Easy to customise. Wekitheme will make your experience of creating website much smoother than ever before. This Template ready for use for Store, School, hospital, corporative, travel, fashion, jewellery and any business.</p><h2>Template Features</h2><ul><li><strong>19 Demo Design</strong> Included.</li><li>Drag & Drop Layout Builder and SP Page Builder Pro Integration. With <strong>65 Premium Addons.</strong></li><li>Very Customized Virtuemart Design</li><li>WHM Portfolio component – Advanced, custom built version of WHM Portfolio with additional <strong>4 styles</strong> , <strong>lightbox gallery</strong>, Perfect portfolio solution for designers, photographers, artists, professionals and all kinds of creative business.</li><li><strong>Multiple Headers</strong>. Wekitheme comes with several header layouts to match your personal taste. Classic header with navigation, centered or inline, transparent, white or coloured + 2 Sticky Header Styles.</li><li><strong>“Parallax”</strong> scrolling Or <strong>Gardient </strong>effect for Pages Tiltle.</li><li>Multi-languages Support.</li><li>2 <strong>Search Module</strong> Styles (Modal and Normar Search Bar)</li><li>Profseeional Login Form With Modal Or normal Style.</li><li>Full & Boxed Template layout</li><li>Layout Builder</li><li>Fully Responsive Design</li><li>Unlimited Module positions</li><li>Fonts Option</li><li>Powered By BootStrap 4</li><li>Built With Scss</li><li>Rich typography</li><li>Shortcode Support</li><li>Logo Options</li><li>CSS & JavaScript Compression</li><li>Google Analytics</li><li>Compatible with Joomla 3.+ including quick start package.</li><li>Used Helix Ultimate Framework</li><li>Designed with HTML5 and CSS3.</li><li>Fresh and Clean Design.</li><li>Easy Customizable Design and Code.</li><li>Profsional Portfolio Component with lot of Designs and Variations.</li><li>Customized Contact Page.</li><li>All installed Extensions (Component, Modules and Plugins) are included in package.</li><li>K2 component Styling Template</li><li>Mega Menu System</li><li>Custom error page</li><li>Custom offline page</li><li>Slide to top smoothscroll</li><li>Optimized code for search engines which helps in SEO</li><li>Documentation included for your help.</li><li>More features coming soon just stay with this template.</li></ul><p><br></p><h2>Source & Credits</h2><p><strong>Extensions:</strong></p><ul><li><strong>Helix Ultimate</strong></li><li><strong>K2</strong></li><li><strong>Virtuemart</strong></li><li><strong>SP Page Builder Pro</strong></li><li><strong>Whm Portfolio</strong></li><li><strong>Whm Contact Form</strong></li><li><strong>Whm Search For Virtuemart</strong></li><li><strong>SP Simple Gallery Pro</strong></li></ul><p><strong>Images:</strong></p><ul><li>High quality photos from pixabay.com. Free for commercial use. No attribution required. – https://pixabay.com</li><li>Beautiful free photos from unsplash.com. All photos published on Unsplash can be used for free. – https://unsplash.com</li><li>Beautiful free stock photos from stocksnap.io. All photos are free from copyright restrictions – No attribution required. – https://stocksnap.io</li></ul><p><strong>Videos:</strong></p><ul><li>High quality videos from Mazwai.com. – http://mazwai.com</li></ul>","templateFullTitle":"WEKITHEME - Multi-Purpose Joomla Template","templatePreviewMetaDescription":"The Wekitheme - Multi-Purpose Joomla Template is one of the best light and feature rich responsive template for Joomla. It's very Easy to customise. Wekitheme","templateDemoMetaDescription":"Before you decide to buy it, get the look and feel of the WEKITHEME - Multi-Purpose Joomla Template Joomla Template (#216157) by enjoying the demo. Click through the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"WEKITHEME - Multi-Purpose Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/wekitheme-multi-purpose-joomla-template-216157.html","userRating":0,"designIndex":1,"authorUserId":"31466231","exclusive":"1","state":1,"price":55,"inserted_date":"2021-11-09","sent":0,"downloads":12,"search_words":"ajax,blog,business,clean,corporate,ecommerce,joomla,one page,online store,page builder,photography,portfolio,responsive,retina,virtuemart","is_adult":0,"exc_price":2100,"sent_date":"2021-11-09 12:24:08","last_upload":"2021-11-09 14:34:35","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"216157-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":216157,"width":800,"window_params":"","banner_url":"","id":2507651,"href":"","height":500},{"scr_type_id":311,"filename":"216157-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":216157,"width":800,"window_params":"","banner_url":"","id":2507652,"href":"","height":500},{"scr_type_id":312,"filename":"216157-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":216157,"width":370,"window_params":"","banner_url":"","id":2507653,"href":"","height":370},{"scr_type_id":9,"filename":"216157-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":216157,"width":145,"window_params":"","banner_url":"","id":2507654,"href":"","height":156},{"scr_type_id":57,"filename":"216157-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":216157,"width":430,"window_params":"","banner_url":"","id":2507655,"href":"","height":269}],"demoUrl":"/demo/216157.html","image":"https://s.tmimgcdn.com/scr/216100/wekitheme-multi-purpose-joomla-template_216157-original.png","searchHash":"d9089bc2076bbf0b634e9a471374dd66","previewHash":"8e724a53bc32e67b44d4ea7436f044a9","authorNickname":"WhmStudio","lowLevelTopic":"Art Templates; Fashion Templates; Industrial Templates; Design","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":10,"onSale":0,"finalPrice":55,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","grey"],"followUpLetter":"joomla-templates-offers","productSize":"204820835","uniqueKeywords":"ajax,blog,business,clean,corporate,ecommerce,joomla,one page,online store,page builder,photography,portfolio,responsive,retina,virtuemart","templateSupportOptions":"[{\"id\":348588,\"template_id\":378348,\"type\":1,\"measure\":\"day\",\"value\":1,\"phone\":\"\"}]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"The Wekitheme - Multi-Purpose Joomla Template is one of the best light and feature rich responsive template for Joomla. It's very Easy to customise. Wekitheme","isLastAdded":"1","imageKeyFeatures":"https://s3u.tmimgcdn.com/u31466231/d0037ec59a90033a6551603127a074bf.png, https://s3u.tmimgcdn.com/u31466231/48b6aab6439b179fcb12fda88441b111.png, https://s3u.tmimgcdn.com/u31466231/5d48e2518ffc0fc062f431f48147166d.jpeg, https://s3u.tmimgcdn.com/u31466231/a3b098f789d3be80b2496c0270956054.png, https://s3u.tmimgcdn.com/u31466231/a80d5430c42e10ee66d6870384e5e7a7.png, https://s3u.tmimgcdn.com/u31466231/1d8923ac2785129689fff3a9da7d9474.png, https://s3u.tmimgcdn.com/u31466231/1ef67bcc7e1cf4accf9341a5a4d4c0d7.png, https://s3u.tmimgcdn.com/u31466231/4c0f69cee4bbfc90be1c750242a4cd98.png, https://s3u.tmimgcdn.com/u31466231/fdb858118879b686115b449af4602dd4.png, https://s3u.tmimgcdn.com/u31466231/36c12ad1eba8e5c8119cf790a84b50b2.png, https://s3u.tmimgcdn.com/u31466231/b4846c42d1a380f83bb2963c632aa4e8.png, https://s3u.tmimgcdn.com/u31466231/8dfb3014e62fe401860b82d0ee8c59ec.png, https://s3u.tmimgcdn.com/u31466231/e48578275ec7c56e65ea65598824241e.png, https://s3u.tmimgcdn.com/u31466231/abc9bb5c07bc1f0ee92186f1dd1e0901.png, https://s3u.tmimgcdn.com/u31466231/0b728524547ae9a454c55719dd0efd3f.png, https://s3u.tmimgcdn.com/u31466231/6cc00c8f5f763515fa7302bbae785ca1.png, https://s3u.tmimgcdn.com/u31466231/1cfb3b6c1d6198f074d55fdef64cc381.png, https://s3u.tmimgcdn.com/u31466231/f4439532ff1ad33083c975a23468ecfb.png","features":["Responsive","Pro","Admin Panel","Search Engine Friendly","Bootstrap","Mobile Layout Included","Multipurpose","Team Members","eCommerce","Dropdown Menu","Google map","Sample content","Quickstart Package","Drag and Drop Content","MegaMenu","Blog","Online Store/Shop","Gallery","Portfolio","One Page Templates","HTML plus JS","Parallax"],"saleSells":"1","livePreviewURL":"https://wekitheme.whmdesign.com/","authorUserId":"31466231","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u31466231/9ce59fdf083102c3ef799b2e206514d9.png","templateGroup":"CMS Templates","alreadyPacked":"1","installation":"Installation and set up instructions are attached (look for Documentation folder).","exclusive":"1","imagesIncluded":"Yes","templateSoftwareRequired":"Hosting with PHP5x and MySQL5x","templateIcon":"icon-joomla","lastmod":"2022-02-25T17:35:59-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u31466231/bb33fae1f91ea4ea1dfeeb183da6775e.png, https://s3u.tmimgcdn.com/u31466231/fcffca488640d34b47a76663ce823656.png, https://s3u.tmimgcdn.com/u31466231/e5ce17c0527ebf404e0707127f4e8352.png, https://s3u.tmimgcdn.com/u31466231/2caa7e7bbdc208aa7d34d1fa759a1f79.jpeg, https://s3u.tmimgcdn.com/u31466231/9b82169a5812b93f376238a3d0467ecb.png","types":"Joomla Templates","trendiness":"14","demoMetaDescription":"Before you decide to buy it, get the look and feel of the WEKITHEME - Multi-Purpose Joomla Template Joomla Template (#216157) by enjoying the demo. Click through the pages, examine the images, click the buttons, explore the features.","shortDescription":"<p><strong>The Wekitheme - Multi-Purpose Joomla Template</strong> is one of the best light and feature rich responsive template for Joomla. It's very Easy to customise. Wekitheme will make your experience of creating website much smoother than ever before. This Template ready for use for Store, School, hospital, corporative, travel, fashion, jewellery and any business.</p><h2>Template Features</h2><ul><li><strong>19 Demo Design</strong> Included.</li><li>Drag & Drop Layout Builder and SP Page Builder Pro Integration. With <strong>65 Premium Addons.</strong></li><li>Very Customized Virtuemart Design</li><li>WHM Portfolio component – Advanced, custom built version of WHM Portfolio with additional <strong>4 styles</strong> , <strong>lightbox gallery</strong>, Perfect portfolio solution for designers, photographers, artists, professionals and all kinds of creative business.</li><li><strong>Multiple Headers</strong>. Wekitheme comes with several header layouts to match your personal taste. Classic header with navigation, centered or inline, transparent, white or coloured + 2 Sticky Header Styles.</li><li><strong>“Parallax”</strong> scrolling Or <strong>Gardient </strong>effect for Pages Tiltle.</li><li>Multi-languages Support.</li><li>2 <strong>Search Module</strong> Styles (Modal and Normar Search Bar)</li><li>Profseeional Login Form With Modal Or normal Style.</li><li>Full & Boxed Template layout</li><li>Layout Builder</li><li>Fully Responsive Design</li><li>Unlimited Module positions</li><li>Fonts Option</li><li>Powered By BootStrap 4</li><li>Built With Scss</li><li>Rich typography</li><li>Shortcode Support</li><li>Logo Options</li><li>CSS & JavaScript Compression</li><li>Google Analytics</li><li>Compatible with Joomla 3.+ including quick start package.</li><li>Used Helix Ultimate Framework</li><li>Designed with HTML5 and CSS3.</li><li>Fresh and Clean Design.</li><li>Easy Customizable Design and Code.</li><li>Profsional Portfolio Component with lot of Designs and Variations.</li><li>Customized Contact Page.</li><li>All installed Extensions (Component, Modules and Plugins) are included in package.</li><li>K2 component Styling Template</li><li>Mega Menu System</li><li>Custom error page</li><li>Custom offline page</li><li>Slide to top smoothscroll</li><li>Optimized code for search engines which helps in SEO</li><li>Documentation included for your help.</li><li>More features coming soon just stay with this template.</li></ul><p><br></p><h2>Source & Credits</h2><p><strong>Extensions:</strong></p><ul><li><strong>Helix Ultimate</strong></li><li><strong>K2</strong></li><li><strong>Virtuemart</strong></li><li><strong>SP Page Builder Pro</strong></li><li><strong>Whm Portfolio</strong></li><li><strong>Whm Contact Form</strong></li><li><strong>Whm Search For Virtuemart</strong></li><li><strong>SP Simple Gallery Pro</strong></li></ul><p><strong>Images:</strong></p><ul><li>High quality photos from pixabay.com. Free for commercial use. No attribution required. – https://pixabay.com</li><li>Beautiful free photos from unsplash.com. All photos published on Unsplash can be used for free. – https://unsplash.com</li><li>Beautiful free stock photos from stocksnap.io. All photos are free from copyright restrictions – No attribution required. – https://stocksnap.io</li></ul><p><strong>Videos:</strong></p><ul><li>High quality videos from Mazwai.com. – http://mazwai.com</li></ul>","joomlaCompatibility":"3.9.x","tags":["ajax","business","clean","corporate","photography","portfolio","responsive","retina","blog","ecommerce","joomla","online store","page builder","one page","virtuemart"],"bitLyUrl":"https://bit.ly/304EdzW","customUrl":"/joomla-templates/wekitheme-multi-purpose-joomla-template-216157.html","nameOfTheTemplate":"WEKITHEME - Multi-Purpose Joomla Template","paidSupport":"Yes","topic":["Art Templates","Fashion Templates","Industrial Templates","Design","Art & Culture","Design & Photography","Business & Services","Fashion & Beauty"],"styles":["Clean","Corporate","Minimalist","Artworks"],"joomlaEditor":"SP Page Builder","marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u31466231/f8041bb27f328bdec071c857019b4c90.png","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 19 Apr 2024 19:47:54 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=216157&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=216157&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=216157&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 19 Apr 2024 19:52:54 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://wekitheme.whmdesign.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#216157 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/216157.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 #216157            </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=216157&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $51                <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>