string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58391&expand=properties"
string(15136) "[{"templateId":58391,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":280,"categoryName":"Law Firm Templates","templateTitle":"Law Firm Responsive Joomla Template","templatePreviewHtmlTitle":"Law Firm Responsive Joomla Template #58391 - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Law Firm Responsive Joomla Template #58391","typeShortName":"Joomla","templatePreviewFBTitle":"Searching for a perfect theme of your law business website ? The Joomla Theme fits for business and services sites. Create different kinds of post types, insert banner advertisement and monetize your blog with ease. The template includes a newsletter subscription form that helps you grow your subscribers list. Thanks to an integrated social login form, your visitors can easily sign up to your site using one of their social media accounts such as Facebook or Google. Use our social media widget to stay in touch with your readers on popular social media platforms. The Education is fully responsive and scales seamlessly to different screen sizes and resolutions, making it a pleasure to read and browse your blog on mobile phones and tablet devices. The template includes a comprehensive manual on how to install and set up the template, as well as 24/7 chat and email support.<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 a Parallax Corporate Joomla template</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 sophisticated trends in the current website design. </p> <p><b>Why is it Good?</b></p><p>Parallax scrolling may help you add intensity to your web presence appeal.</p><p>View more <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla templates</a> here</p> <h3>This is a Bootstrap Corporate Joomla design</h3> <p><b>What is it?</b></p><p>It is the most widely used HTML and CSS based framework which contain designs for the most important elements found in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>Due to the use of Bootstrap a website will adapt its content to any screen size. It's necessary for both SEO and website users.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design themes</a> here</p> <h3>This Law Journal Joomla design template is Responsive</h3> <p><b>What is it?</b></p><p>It is a capability of the website to immediately adjust to any display size and resolution. </p> <p><b>Why is it Good?</b></p><p>Responsive design implies that the website will offer a good browsing experience to all users throughout all gadgets. </p><p>Find fresh <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Law Firm Responsive Joomla Template","templatePreviewMetaDescription":"Searching for a perfect theme of your law business website ? The Joomla Theme fits for business and services sites. Create different kinds of post types,","templateDemoMetaDescription":"Sit back and watch the demo preview of the high quality Law Firm Responsive Joomla Template (#58391) 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":"Law Firm Responsive Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/law-firm-responsive-joomla-template-58391.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":45,"inserted_date":"2016-01-22","sent":2,"downloads":10,"search_words":"attorney group law agency constitution rules case business affair practice experience membership work articles responsibility biography hobbies testimonials client clients partners services specials help support advocacy maintenance protect","is_adult":0,"exc_price":4500,"sent_date":"2017-07-25 06:15:07","last_upload":"2016-01-22 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":9,"filename":"58391-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58391,"width":145,"window_params":"","banner_url":"","id":1703446,"href":"","height":156},{"scr_type_id":311,"filename":"58391-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58391,"width":965,"window_params":"","banner_url":"","id":1703447,"href":"","height":4101},{"scr_type_id":179,"filename":"58391-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58391,"width":430,"window_params":"","banner_url":"","id":1703448,"href":"","height":60},{"scr_type_id":300,"filename":"58391-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58391,"width":320,"window_params":"","banner_url":"","id":1703449,"href":"","height":900},{"scr_type_id":3,"filename":"58391-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58391,"width":408,"window_params":"","banner_url":"","id":1703450,"href":"","height":55},{"scr_type_id":3,"filename":"58391-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58391,"width":1800,"window_params":"","banner_url":"","id":1703451,"href":"","height":7649},{"scr_type_id":315,"filename":"58391-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58391,"width":1800,"window_params":"","banner_url":"","id":1703452,"href":"","height":7649},{"scr_type_id":334,"filename":"58391-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58391,"width":1600,"window_params":"","banner_url":"","id":1703453,"href":"","height":1000},{"scr_type_id":299,"filename":"58391-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58391,"width":430,"window_params":"","banner_url":"","id":1703454,"href":"","height":900},{"scr_type_id":312,"filename":"58391-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58391,"width":370,"window_params":"","banner_url":"","id":1703455,"href":"","height":370},{"scr_type_id":314,"filename":"58391-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58391,"width":1903,"window_params":"","banner_url":"","id":1703456,"href":"","height":7649},{"scr_type_id":3,"filename":"58391-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58391,"width":895,"window_params":"","banner_url":"","id":1703457,"href":"","height":599},{"scr_type_id":178,"filename":"58391-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58391,"width":430,"window_params":"","banner_url":"","id":1703458,"href":"","height":1827},{"scr_type_id":298,"filename":"58391-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58391,"width":430,"window_params":"","banner_url":"","id":1703459,"href":"","height":900},{"scr_type_id":78,"filename":"58391-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":58391,"width":970,"window_params":"","banner_url":"","id":1703460,"href":"","height":280}],"demoUrl":"/demo/58391.html","image":"https://s.tmimgcdn.com/scr/58300/law-firm-responsive-joomla-template_58391-0-original.jpg","searchHash":"0ebb08e039210b313836fbd1068d8837","previewHash":"41ef661a532128cec6ab5edd8e106a4f","authorNickname":"RockThemes","lowLevelTopic":"Law Firm Templates","weightedRating":3.9166666666667,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":45,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"joomlaModules":["Articles - Newsflash","Articles Single","Camera Slideshow","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"uniqueKeywords":"law support personal audit agency accounting services consultant financial attorney corporate consulting business help justice lawer client","showVariantForcibly":"e","metaDescription":"This is the design you're looking for! Check out the in depth preview of this professional Law Firm Responsive Joomla Template (#58391) to have a better idea of what you are planning to buy.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/58300/58391-en_01.jpg, https://s.tmimgcdn.com/scr/58300/58391-en_02.jpg, https://s.tmimgcdn.com/scr/58300/58391-en_03.jpg, https://s.tmimgcdn.com/scr/58300/58391-en_04.jpg, https://s.tmimgcdn.com/scr/58300/58391-en_05.jpg, https://s.tmimgcdn.com/scr/58300/58391-en_06.jpg, https://s.tmimgcdn.com/scr/58300/58391-en_07.jpg, https://s.tmimgcdn.com/scr/58300/58391-en_08.jpg, https://s.tmimgcdn.com/scr/58300/58391-en_09.jpg","features":["Responsive","Admin Panel","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Blog","Gallery","Forum","HTML 5","JQuery","HTML plus JS","Parallax"],"joomlaEngine":"3.6.5","templateSources":[".PSD",".PHP"],"languageSupport":"English","authorUserId":"1768190","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.5","imageDescription":"https://s.tmimgcdn.com/scr/58300/58391-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"lastmod":"2021-11-26T07:59:09-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Sit back and watch the demo preview of the high quality Law Firm Responsive Joomla Template (#58391) get yourself acquainted with this template before buying it. Click through the pages, check out the images, click the buttons, explore the features.","shortDescription":"Searching for a perfect theme of your law business website ? The Joomla Theme fits for business and services sites. Create different kinds of post types, insert banner advertisement and monetize your blog with ease. The template includes a newsletter subscription form that helps you grow your subscribers list. Thanks to an integrated social login form, your visitors can easily sign up to your site using one of their social media accounts such as Facebook or Google. Use our social media widget to stay in touch with your readers on popular social media platforms. The Education is fully responsive and scales seamlessly to different screen sizes and resolutions, making it a pleasure to read and browse your blog on mobile phones and tablet devices. The template includes a comprehensive manual on how to install and set up the template, as well as 24/7 chat and email support.<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 a Parallax Corporate Joomla template</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 sophisticated trends in the current website design. </p> <p><b>Why is it Good?</b></p><p>Parallax scrolling may help you add intensity to your web presence appeal.</p><p>View more <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla templates</a> here</p> <h3>This is a Bootstrap Corporate Joomla design</h3> <p><b>What is it?</b></p><p>It is the most widely used HTML and CSS based framework which contain designs for the most important elements found in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>Due to the use of Bootstrap a website will adapt its content to any screen size. It's necessary for both SEO and website users.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design themes</a> here</p> <h3>This Law Journal Joomla design template is Responsive</h3> <p><b>What is it?</b></p><p>It is a capability of the website to immediately adjust to any display size and resolution. </p> <p><b>Why is it Good?</b></p><p>Responsive design implies that the website will offer a good browsing experience to all users throughout all gadgets. </p><p>Find fresh <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design themes</a> here</p> <br /></div></div></div></div>","tags":["accounting","advocacy","affair","agency","articles","attorney","audit","biography","business","case","client","clients","constitution","consultant","consulting","corporate","experience","financial","group","help","hobbies","justice","law","maintenance","membership","partners","personal","practice","protect","responsibility","rules","services","specials","support","testimonials","work"],"customUrl":"/joomla-templates/law-firm-responsive-joomla-template-58391.html","badge":"badge-responsive","nameOfTheTemplate":"Law Firm Responsive Joomla Template","pHPVersionCompatibility":"7.x","topic":["Law Firm Templates","Law Templates","Business & Services","Society & People"],"styles":"Neutral","productFamily":"None","color":["black","grey"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"1","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"3.0","livePreviewURL":"https://livedemo00.template-help.com/joomla_58391","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>- JS optimized for better performance</li>\n<li>- 1 minor back-end bugs fixed</li>\n</ul>","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2tVK4li","webForms":["Contact Form","Login Form","User Registration","Search Form"],"loyaltySells":"1","width":"2050px","skupromo":"40%","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, 25 Apr 2024 04:25:58 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=58391&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58391&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58391&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 04:30:58 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://livedemo00.template-help.com/joomla_58391<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58391 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/58391.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 #58391            </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=58391&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>