string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=68391&expand=properties"
string(13588) "[{"templateId":68391,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":418,"categoryName":"Business Templates","templateTitle":"Business Responsive Joomla Template","templatePreviewHtmlTitle":"BitKing - Cryptocurrency Creative Joomla Template","templateDemoHtmlTitle":"Demo Preview for BitKing - Cryptocurrency Creative Joomla Template #68391","typeShortName":"Joomla","templatePreviewFBTitle":"<p>This is a great business template that is suitable for a bitcoin website. A collection of various blocks and pages is present. The design is complemented by the ability to edit the components and by the responsiveness of the layouts. All of the elements were developed very carefully and contribute to the most pleasant perception by the user. If you don’t have enough time, you can use several interesting design options included in the package. You can use one of the complete layouts. Later, you'll be able to change the layout and make it your own. The template has full SEO optimization and Google fonts support. All this will help you to promote your business.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Financial Company Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a method of website design that lets web pages to adapt to a display size of any sort of gadget - whether it's a pc, a tablet or a mobile phone.</p> <p><b>Why is it Good?</b></p><p>It is great because the website is available for more users from the large variety of gadgets. </p><p>Find more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <h3>This Financial Company Joomla template is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina Ready WordPress themes are templates that will be able to adapt to Retina displays and always appear clear and vibrant.</p> <p><b>Why is it Good?</b></p><p>Apple gadgets were 1st to own Retina display screens, however at this point their opponents utilize that technology as well. Many tablets and touch screen phones possess Retina display screens, in case you want your internet page to look perfect for any site user - you must use a Retina-ready design template.</p><p>Browse for more <a href=\"https://www.templatemonster.com/retina-ready-joomla-templates/\">Retina Ready Joomla design templates</a> here</p> <h3>This is a Parallax Finance News Joomla theme</h3> <p><b>What is it?</b></p><p>Parallax is a CSS animation effect that makes background elements shift slower than the front ones. It is one of the most advanced trends in the current website design. </p> <p><b>Why is it Good?</b></p><p>Animation effects make the internet site more powerful and also attention-grabbing. Parallax is a kind of modern trend, and so having it at your own site not merely makes it more appealing but in addition fancier.</p><p>Find more <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla designs</a> here</p> <h3>This is a Bootstrap Financial Company Joomla template</h3> <p><b>What is it?</b></p><p>Bootstrap really is a no cost front-end framework which gives for a lot quicker plus quick web development expertise.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your web projects from mobile phones to desktop computers employing the same codebase. It makes the web developing process faster and easier.</p><p>Find more <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"BitKing - Cryptocurrency Creative Joomla Template","templatePreviewMetaDescription":"This is a great business template that is suitable for a bitcoin website. A collection of various blocks and pages is present. The design is complemented by","templateDemoMetaDescription":"Sit back and watch the demo preview of the high quality BitKing - Cryptocurrency Creative Joomla Template (#68391) get yourself acquainted with this template before buying it. Click through the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"BitKing - Cryptocurrency Creative Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/bitking-bitcoin-joomla-template-68391.html","userRating":0,"designIndex":"87","authorUserId":"1768190","exclusive":"1","state":1,"price":55,"inserted_date":"2018-04-10","sent":0,"downloads":8,"search_words":"cryptocurrency crypto bitcoin corporate technology agency company industry mobile creative web financial trading consultancy blockchain business mining finance","is_adult":0,"exc_price":2100,"sent_date":"2018-04-10 05:07:42","last_upload":"2018-04-10 00:00:00","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"68391-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":68391,"width":1600,"window_params":"","banner_url":"","id":1740174,"href":"","height":1000},{"scr_type_id":311,"filename":"68391-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":68391,"width":800,"window_params":"","banner_url":"","id":1740175,"href":"","height":1200},{"scr_type_id":312,"filename":"68391-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":68391,"width":370,"window_params":"","banner_url":"","id":1740176,"href":"","height":370},{"scr_type_id":9,"filename":"68391-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":68391,"width":145,"window_params":"","banner_url":"","id":1740177,"href":"","height":156},{"scr_type_id":57,"filename":"68391-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":68391,"width":430,"window_params":"","banner_url":"","id":1740178,"href":"","height":645}],"demoUrl":"/demo/68391.html","image":"https://s.tmimgcdn.com/scr/68300/bitking-cryptocurrency-creative-joomla-template_68391-0-original.jpg","searchHash":"f29f7dd1a9eb3b951acc55d900e2f0ee","previewHash":"a440a55bdf16269b9dff44d9556871ae","authorNickname":"RockThemes","lowLevelTopic":"Finance","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":39,"discountPercent":30,"discountAmount":17,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","grey"],"followUpLetter":"joomla-templates-offers","dateRange":"Last Year","joomlaModules":["Articles - Newsflash","Articles Single","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"uniqueKeywords":"cryptocurrency crypto bitcoin corporate technology agency company industry mobile creative web financial trading consultancy blockchain business mining finance","templateSupportOptions":"[{\"id\":29357,\"template_id\":24057,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":29358,\"template_id\":24057,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","changeLog":"<b>Update (February 18, 2019):</b><br/><br/>  <ul>  <li> - Updated to Joomla 3.9.2 engine version;    <li> - FIX: minor bugs.   </ul>","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"This is a great business template that is suitable for a bitcoin website. A collection of various blocks and pages is present. The design is complemented by","authorDownloadUrl":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1523341547076_prod-14579.zip?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJNZLEYTTESHWAE3Q%2F20180410%2Fus-west-1%2Fs3%2Faws4_request&X-Amz-Date=20180410T090749Z&X-Amz-SignedHeaders=host&X-Amz-Expires=601200&X-Amz-Signature=ac25c91b15c4936576a1f86e183341a29d9abce32834f2092c6eda2edeaab051","imageKeyFeatures":"https://s.tmimgcdn.com/scr/68300/68391_v1-1300_01.jpg,https://s.tmimgcdn.com/scr/68300/68391_v1-1300_02.jpg,https://s.tmimgcdn.com/scr/68300/68391_v1-1300_03.jpg,https://s.tmimgcdn.com/scr/68300/68391_v1-1300_04.jpg,https://s.tmimgcdn.com/scr/68300/68391_v1-1300_05.jpg,https://s.tmimgcdn.com/scr/68300/68391_v1-1300_06.jpg,https://s.tmimgcdn.com/scr/68300/68391_v1-1300_07.jpg,https://s.tmimgcdn.com/scr/68300/68391_v1-1300_08.jpg,https://s.tmimgcdn.com/scr/68300/68391_v1-1300_09.jpg,https://s.tmimgcdn.com/scr/68300/68391_v1-1300_10.jpg","features":["Responsive","Admin Panel","Bootstrap","Retina Ready","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","HTML 5","JQuery","HTML plus JS","Parallax"],"saleSells":"1","joomlaEngine":"3.9","livePreviewURL":"https://livedemo00-joomla.template-help.com/joomla_prod-22255/","authorUserId":"1768190","authorMainScreenshot":"https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/7717/scr/1550484097699_22255-original.jpg","isFree":"none","templateGroup":"CMS Templates","installation":"Installation and set up instructions are attached (look for Documentation folder).","exclusive":"1","templateIcon":"icon-joomla","lastmod":"2020-07-24T06:28:18-04:00","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","demoMetaDescription":"Sit back and watch the demo preview of the high quality BitKing - Cryptocurrency Creative Joomla Template (#68391) get yourself acquainted with this template before buying it. Click through the pages, check out the images, click the buttons, explore the features.","shortDescription":"<p>This is a great business template that is suitable for a bitcoin website. A collection of various blocks and pages is present. The design is complemented by the ability to edit the components and by the responsiveness of the layouts. All of the elements were developed very carefully and contribute to the most pleasant perception by the user. If you don’t have enough time, you can use several interesting design options included in the package. You can use one of the complete layouts. Later, you'll be able to change the layout and make it your own. The template has full SEO optimization and Google fonts support. All this will help you to promote your business.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Financial Company Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a method of website design that lets web pages to adapt to a display size of any sort of gadget - whether it's a pc, a tablet or a mobile phone.</p> <p><b>Why is it Good?</b></p><p>It is great because the website is available for more users from the large variety of gadgets. </p><p>Find more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <h3>This Financial Company Joomla template is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina Ready WordPress themes are templates that will be able to adapt to Retina displays and always appear clear and vibrant.</p> <p><b>Why is it Good?</b></p><p>Apple gadgets were 1st to own Retina display screens, however at this point their opponents utilize that technology as well. Many tablets and touch screen phones possess Retina display screens, in case you want your internet page to look perfect for any site user - you must use a Retina-ready design template.</p><p>Browse for more <a href=\"https://www.templatemonster.com/retina-ready-joomla-templates/\">Retina Ready Joomla design templates</a> here</p> <h3>This is a Parallax Finance News Joomla theme</h3> <p><b>What is it?</b></p><p>Parallax is a CSS animation effect that makes background elements shift slower than the front ones. It is one of the most advanced trends in the current website design. </p> <p><b>Why is it Good?</b></p><p>Animation effects make the internet site more powerful and also attention-grabbing. Parallax is a kind of modern trend, and so having it at your own site not merely makes it more appealing but in addition fancier.</p><p>Find more <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla designs</a> here</p> <h3>This is a Bootstrap Financial Company Joomla template</h3> <p><b>What is it?</b></p><p>Bootstrap really is a no cost front-end framework which gives for a lot quicker plus quick web development expertise.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your web projects from mobile phones to desktop computers employing the same codebase. It makes the web developing process faster and easier.</p><p>Find more <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla templates</a> here</p> <br /></div></div></div></div>","bitLyUrl":"http://bit.ly/2HaehYI","joomlaCompatibility":"3.9.x","tags":["agency","business","company","consultancy","corporate","creative","crypto","finance","financial","industry","mining","mobile","technology","trading","web","bitcoin","cryptocurrency"],"customUrl":"/joomla-templates/bitking-bitcoin-joomla-template-68391.html","webForms":["Contact Form","Login Form","User Registration","Search Form"],"nameOfTheTemplate":"BitKing - Cryptocurrency Creative Joomla Template","loyaltySells":"1","pHPVersionCompatibility":"7.x","topic":["Business & Services","Finance"],"changeLogDate":"2019-02-18","marketplaceMembership":"One","category":"Website templates","dqi":"87"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sun, 24 Nov 2024 09:21:56 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=68391&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=68391&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=68391&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 24 Nov 2024 09:26:56 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://livedemo00-joomla.template-help.com/joomla_prod-22255/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#68391 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/68391.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 #68391            </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=68391&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>