string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=64899&expand=properties"
string(15474) "[{"templateId":64899,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":187,"categoryName":"Dance Studio Templates","templateTitle":"Dance Studio Responsive Joomla Template","templatePreviewHtmlTitle":"Kate Johnson - Dance Trainer Joomla Template","templateDemoHtmlTitle":"Demo Preview for Kate Johnson - Dance Trainer Joomla Template #64899","typeShortName":"Joomla","templatePreviewFBTitle":"This Dance Trainer Joomla Template will impress you with a clean professional design and a set of functions that come included in the kit. You don't need to think more about developing a website by using a web development agency, because you'll have a drag & drop constructor. With it, you don't have to write a single line of code to customize the site according to your requirements. It will work perfectly on both stationary and mobile devices. In the design of the template, there are a mega menu and thousands of beautiful icons. With the help of special add-ons you can fill the site with different objects: contact forms, notification boxes, buttons, Google maps and pop-ups. The template uses Bootstrap framework and has an excellent SEO optimization.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</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 is Career & Special Education Joomla theme with Portfolio</h3> <p><b>What is it?</b></p><p>The portfolio is a sort of an album, exhibiting examples of your jobs. For an interior expert that might be images of suites he styled, for website-developer, it can be a listing of website pages he constructed. The portfolio is really a business presentation of your competencies.</p> <p><b>Why is it Good?</b></p><p>Properly-crafted portfolio may lead to sales and profit increase. Additionally, it may bring in more prospective customers to your company. </p><p>Find newest <a href=\"https://www.templatemonster.com/portfolio-joomla-templates/\">Portfolio Joomla designs</a> here</p> <h3>This Education & Books Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive layouts alter to scaled-down and large display screen dimensions automatically.</p> <p><b>Why is it Good?</b></p><p>No matter what sort of gadget your users can work with to enter the web-site - they are going to view a stunning picture along with a handy navigation menu. It is an especially critical function, taking into consideration that a great number of potential customers nowadays prefer their mobile phone handsets for web surfing.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design themes</a> here</p> <h3>This is a Bootstrap Dance School Joomla template</h3> <p><b>What is it?</b></p><p>Bootstrap is a very well-known framework, that makes the work with Web-page coding, Style sheet and JS much easier. It had been built to be a tool to put together a responsive design, however over time it introduced lots of extra functionality.</p> <p><b>Why is it Good?</b></p><p>With the help of Bootstrap, you may build fully responsive web designs using HTML and CSS based website templates for typography, print styles, forms, buttons, tables, and so forth.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Kate Johnson - Dance Trainer Joomla Template","templatePreviewMetaDescription":"This Dance Trainer Joomla Template will impress you with a clean professional design and a set of functions that come included in the kit. You don't need to","templateDemoMetaDescription":"The demo of this high quality Kate Johnson - Dance Trainer Joomla Template (#64899) is presented here for you to get the look and feel of the theme before you choose to buy it. Go through the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Kate Johnson - Dance Trainer Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/web-development-responsive-joomla-template-64899.html","userRating":"4.5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":45,"inserted_date":"2017-08-23","sent":2,"downloads":17,"search_words":"","is_adult":0,"exc_price":4500,"sent_date":"2017-12-19 00:00:00","last_upload":"2017-08-23 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":315,"filename":"64899-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64899,"width":1903,"window_params":"","banner_url":"","id":1722285,"href":"","height":5000},{"scr_type_id":298,"filename":"64899-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64899,"width":430,"window_params":"","banner_url":"","id":1722286,"href":"","height":900},{"scr_type_id":334,"filename":"64899-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64899,"width":1600,"window_params":"","banner_url":"","id":1722287,"href":"","height":1000},{"scr_type_id":9,"filename":"64899-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64899,"width":145,"window_params":"","banner_url":"","id":1722288,"href":"","height":156},{"scr_type_id":300,"filename":"64899-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64899,"width":320,"window_params":"","banner_url":"","id":1722289,"href":"","height":900},{"scr_type_id":3,"filename":"64899-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64899,"width":895,"window_params":"","banner_url":"","id":1722290,"href":"","height":599},{"scr_type_id":178,"filename":"64899-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64899,"width":430,"window_params":"","banner_url":"","id":1722291,"href":"","height":1130},{"scr_type_id":311,"filename":"64899-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64899,"width":965,"window_params":"","banner_url":"","id":1722292,"href":"","height":2535},{"scr_type_id":179,"filename":"64899-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64899,"width":430,"window_params":"","banner_url":"","id":1722293,"href":"","height":60},{"scr_type_id":3,"filename":"64899-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64899,"width":1903,"window_params":"","banner_url":"","id":1722294,"href":"","height":5000},{"scr_type_id":299,"filename":"64899-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64899,"width":430,"window_params":"","banner_url":"","id":1722295,"href":"","height":900},{"scr_type_id":312,"filename":"64899-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64899,"width":370,"window_params":"","banner_url":"","id":1722296,"href":"","height":370},{"scr_type_id":3,"filename":"64899-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64899,"width":408,"window_params":"","banner_url":"","id":1722297,"href":"","height":55},{"scr_type_id":314,"filename":"64899-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64899,"width":1903,"window_params":"","banner_url":"","id":1722298,"href":"","height":5000},{"scr_type_id":78,"filename":"64899-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":64899,"width":970,"window_params":"","banner_url":"","id":1722299,"href":"","height":280}],"demoUrl":"/demo/64899.html","image":"https://s.tmimgcdn.com/scr/64800/kate-johnson-dance-trainer-joomla-template_64899-0-original.jpg","searchHash":"942930f127e7c600d21b48e96b8944d8","previewHash":"757be11dc20bb22c60ed0650adf18376","authorNickname":"RockThemes","lowLevelTopic":"Dance Studio Templates","weightedRating":4.166666666666666,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":45,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"trainer, dance, blog, fitness, personal, coach, sport, gym, coaching, Blog, educational","joomlaModules":["Articles - Newsflash","Articles Single","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"uniqueKeywords":"trainer dance blog fitness personal coach sport gym coaching Blog educational","showVariantForcibly":"b","metaDescription":"A fully responsive Dance Trainer Joomla Template with stylish look, modern design and user-friendly interface.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/64800/64899-en_01.jpg, https://s.tmimgcdn.com/scr/64800/64899-en_02.jpg, https://s.tmimgcdn.com/scr/64800/64899-en_03.jpg, https://s.tmimgcdn.com/scr/64800/64899-en_04.jpg, https://s.tmimgcdn.com/scr/64800/64899-en_05.jpg, https://s.tmimgcdn.com/scr/64800/64899-en_06.jpg, https://s.tmimgcdn.com/scr/64800/64899-en_07.jpg, https://s.tmimgcdn.com/scr/64800/64899-en_08.jpg, https://s.tmimgcdn.com/scr/64800/64899-en_09.jpg","features":["Responsive","Admin Panel","Bootstrap","Mobile Layout Included","Sliced PSD","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Blog","Gallery","Portfolio","Forum","HTML 5","JQuery","HTML plus JS"],"joomlaEngine":"3.7.4","languageSupport":"English","authorUserId":"1768190","htmlTitle":"Dance Trainer Joomla Template","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.4","imageDescription":"https://s.tmimgcdn.com/scr/64800/64899-responsive-layout.jpg","lastmod":"2022-02-16T04:17:08-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"The demo of this high quality Kate Johnson - Dance Trainer Joomla Template (#64899) is presented here for you to get the look and feel of the theme before you choose to buy it. Go through the pages, check the images, click the buttons, explore the functionality.","shortDescription":"This Dance Trainer Joomla Template will impress you with a clean professional design and a set of functions that come included in the kit. You don't need to think more about developing a website by using a web development agency, because you'll have a drag & drop constructor. With it, you don't have to write a single line of code to customize the site according to your requirements. It will work perfectly on both stationary and mobile devices. In the design of the template, there are a mega menu and thousands of beautiful icons. With the help of special add-ons you can fill the site with different objects: contact forms, notification boxes, buttons, Google maps and pop-ups. The template uses Bootstrap framework and has an excellent SEO optimization.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</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 is Career & Special Education Joomla theme with Portfolio</h3> <p><b>What is it?</b></p><p>The portfolio is a sort of an album, exhibiting examples of your jobs. For an interior expert that might be images of suites he styled, for website-developer, it can be a listing of website pages he constructed. The portfolio is really a business presentation of your competencies.</p> <p><b>Why is it Good?</b></p><p>Properly-crafted portfolio may lead to sales and profit increase. Additionally, it may bring in more prospective customers to your company. </p><p>Find newest <a href=\"https://www.templatemonster.com/portfolio-joomla-templates/\">Portfolio Joomla designs</a> here</p> <h3>This Education & Books Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive layouts alter to scaled-down and large display screen dimensions automatically.</p> <p><b>Why is it Good?</b></p><p>No matter what sort of gadget your users can work with to enter the web-site - they are going to view a stunning picture along with a handy navigation menu. It is an especially critical function, taking into consideration that a great number of potential customers nowadays prefer their mobile phone handsets for web surfing.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design themes</a> here</p> <h3>This is a Bootstrap Dance School Joomla template</h3> <p><b>What is it?</b></p><p>Bootstrap is a very well-known framework, that makes the work with Web-page coding, Style sheet and JS much easier. It had been built to be a tool to put together a responsive design, however over time it introduced lots of extra functionality.</p> <p><b>Why is it Good?</b></p><p>With the help of Bootstrap, you may build fully responsive web designs using HTML and CSS based website templates for typography, print styles, forms, buttons, tables, and so forth.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design templates</a> here</p> <br /></div></div></div></div>","joomlaCompatibility":"3.8","tags":["coach","coaching","dance","educational","fitness","gym","personal","sport","trainer","blog"],"customUrl":"/joomla-templates/web-development-responsive-joomla-template-64899.html","badge":"badge-responsive","nameOfTheTemplate":"Kate Johnson - Dance Trainer Joomla Template","pHPVersionCompatibility":"7.x","topic":["Dance Studio Templates","Education Templates","Education & Books","Career & Special Education"],"styles":["Neutral","Flat"],"productFamily":"None","color":["black","white","grey"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"2","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","reviewAverageScore":"4.5","sqi":"95","bootstrapVersion":"3.0","livePreviewURL":"https://livedemo00.template-help.com/joomla_64899","templateGroup":"CMS Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","galleryScript":"MixItUp","dynamicChangeLog":"<ul>\n<li>- 2 CSS issues fixed</li>\n<li>- 2 minor JS issues fixed</li>\n<li>- 1 minor database issue fixed</li>\n<li>- 3 minor styles bugs fixed</li>\n<li>- 2 PSD layers updated</li>\n</ul>","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"width":"1920px","skupromo":"20%","marketplaceMembership":"One","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 28 Nov 2024 23:34:12 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=64899&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=64899&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=64899&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 28 Nov 2024 23:39:12 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.template-help.com/joomla_64899<!DOCTYPE html>
<html lang="en">
<head>
    <title>#64899 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/64899.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 #64899            </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=64899&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $41                <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>