string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=61261&expand=properties"
string(17184) "[{"templateId":61261,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":316,"categoryName":"Christian Templates","templateTitle":"Christian Responsive Joomla Template","templatePreviewHtmlTitle":"Christian Church - Religious & Non-Profit Joomla Template","templateDemoHtmlTitle":"Live demo for Christian Church - Religious & Non-Profit Joomla Template #61261","typeShortName":"Joomla","templatePreviewFBTitle":"Searching for a neutral and well-balanced Joomla template? Try <b>Christian Joomla Template</b> created for church, prayer house and religious sites. Its minimalist yet functional structure will fit for every kind of non-profit business. If the color scheme of this template does not fit for your company, you can change it on demand with theme color switcher. It does not require any coding knowledge. Thanks to multiple header and footer layouts, you have an opportunity to adjust the look of your site whenever needed. Using detailed documentation you can install and customize this template in a matter of clics. We provide every customer with lifetime support service, it works 24/7 and your questions will be answered instantly. Enhanced with loads of additional pages, this theme can be informative as you need it to be. Also, you can add announcements about upcoming events and showcase latest photos in a Gallery or in a Portfolio. Clean and intuitively navigated <b>Christian Joomla Template</b> is a great fit for religious and non-profit organizations.Click the demo to see it in action.<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 Christian Joomla design template</h3> <p><b>What is it?</b></p><p>Parallax effect is a solution in web page design wherein the background page content shifts less quickly than the foreground.</p> <p><b>Why is it Good?</b></p><p>A website with parallax scrolling effect always catches the interest of an audience and increases brand popularity due to the eye-catching design.</p><p>View more <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design themes</a> here</p> <h3>This is Christian Monastery Joomla design template with Background video</h3> <p><b>What is it?</b></p><p>Background video is a feature which enables applying videos as backgrounds for website pages. </p> <p><b>Why is it Good?</b></p><p>Video Background can make your website more fascinating. It grabs guests' interest, indicates your corporate style, and can help to increase user experience and engagement. </p><p>Find latest <a href=\"https://www.templatemonster.com/background-video-joomla-templates/\">Background video Joomla templates</a> here</p> <h3>This is a Bootstrap Society Joomla template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for establishing online pages.</p> <p><b>Why is it Good?</b></p><p>With Bootstrap, you may make 100 % responsive web designs utilizing HTML and CSS based templates for typography, print styles, forms, buttons, tables, et cetera.</p><p>Find latest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla themes</a> here</p> <h3>This Society Joomla design template is Responsive</h3> <p><b>What is it?</b></p><p>This is actually the ability of the layout to change according to the width of the display.</p> <p><b>Why is it Good?</b></p><p>Responsive webpage design allows you to improve consumer experience and provide you with a 100 % access to the website data from any device.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Christian Church - Religious & Non-Profit Joomla Template","templatePreviewMetaDescription":"Searching for a neutral and well-balanced Joomla template? Try Christian Joomla Template created for church, prayer house and religious sites. Its minimalist","templateDemoMetaDescription":"The live preview for this premium Christian Church - Religious & Non-Profit Joomla Template (#61261) is presented here for you to get the look and feel of the template prior to buying it. View the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Christian Church - Religious & Non-Profit Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/christian-responsive-joomla-template-61261.html","userRating":"5","designIndex":"89","authorUserId":"1768190","exclusive":0,"state":1,"price":55,"inserted_date":"2016-12-12","sent":1,"downloads":25,"search_words":"christian church religious religion God family care education Bible mission community sermon priest clergyman choir health Sunday school archive credence faith belief in God kindness confession homily sermon help support Christian catholic prayer","is_adult":0,"exc_price":4500,"sent_date":"2019-02-05 06:15:16","last_upload":"2016-12-12 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":315,"filename":"61261-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61261,"width":1800,"window_params":"","banner_url":"","id":1676030,"href":"","height":3397},{"scr_type_id":3,"filename":"61261-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61261,"width":1800,"window_params":"","banner_url":"","id":1676031,"href":"","height":3397},{"scr_type_id":3,"filename":"61261-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61261,"width":895,"window_params":"","banner_url":"","id":1676032,"href":"","height":599},{"scr_type_id":179,"filename":"61261-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61261,"width":430,"window_params":"","banner_url":"","id":1676033,"href":"","height":60},{"scr_type_id":311,"filename":"61261-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61261,"width":965,"window_params":"","banner_url":"","id":1676034,"href":"","height":1821},{"scr_type_id":312,"filename":"61261-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61261,"width":370,"window_params":"","banner_url":"","id":1676035,"href":"","height":370},{"scr_type_id":300,"filename":"61261-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61261,"width":320,"window_params":"","banner_url":"","id":1676036,"href":"","height":900},{"scr_type_id":334,"filename":"61261-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61261,"width":1600,"window_params":"","banner_url":"","id":1676037,"href":"","height":1000},{"scr_type_id":299,"filename":"61261-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61261,"width":430,"window_params":"","banner_url":"","id":1676038,"href":"","height":900},{"scr_type_id":3,"filename":"61261-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61261,"width":408,"window_params":"","banner_url":"","id":1676039,"href":"","height":55},{"scr_type_id":178,"filename":"61261-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61261,"width":430,"window_params":"","banner_url":"","id":1676040,"href":"","height":812},{"scr_type_id":78,"filename":"61261-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":61261,"width":970,"window_params":"","banner_url":"","id":1676041,"href":"","height":280},{"scr_type_id":9,"filename":"61261-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61261,"width":145,"window_params":"","banner_url":"","id":1676042,"href":"","height":156},{"scr_type_id":314,"filename":"61261-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61261,"width":1903,"window_params":"","banner_url":"","id":1676043,"href":"","height":3397},{"scr_type_id":298,"filename":"61261-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61261,"width":430,"window_params":"","banner_url":"","id":1676044,"href":"","height":900}],"demoUrl":"/demo/61261.html","image":"https://s.tmimgcdn.com/scr/61200/christian-church-religious--non-profit-joomla-template_61261-0-original.jpg","searchHash":"3e046beb29916dfb5f41217a728af964","previewHash":"7f5589eeb2f5bf93ef4616eb06814bdf","authorNickname":"RockThemes","lowLevelTopic":"Christian Templates","weightedRating":4.181818181818182,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":55,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"Custom made for church, prayer house, religious, business & services society & people, fashion & beauty, sports, outdoors & travel sites.","joomlaModules":["Articles - Newsflash","Articles Single","Camera Slideshow","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"uniqueKeywords":"blog business company joomla non-profits organization religious joomla responcive","showVariantForcibly":"b","metaDescription":"Grab moderate-looking <b>Christian Joomla Template</b> loaded with Google web fonts and hi-res stock photos.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/61200/61261-1300_01.jpg,https://s.tmimgcdn.com/scr/61200/61261-1300_02.jpg,https://s.tmimgcdn.com/scr/61200/61261-1300_03.jpg,https://s.tmimgcdn.com/scr/61200/61261-1300_04.jpg,https://s.tmimgcdn.com/scr/61200/61261-1300_05.jpg,https://s.tmimgcdn.com/scr/61200/61261-1300_06.jpg,https://s.tmimgcdn.com/scr/61200/61261-1300_07.jpg,https://s.tmimgcdn.com/scr/61200/61261-1300_08.jpg","features":["Responsive","Admin Panel","Bootstrap","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Blog","Gallery","Forum","HTML 5","JQuery","HTML plus JS","Parallax"],"joomlaEngine":"3.9","templateSources":[".PSD",".PHP"],"languageSupport":"English","authorUserId":"1768190","htmlTitle":"Christian Joomla Template","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.5","imageDescription":"http://scr.templatemonster.com/61200/61261-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-22T12:34:21-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"The live preview for this premium Christian Church - Religious & Non-Profit Joomla Template (#61261) is presented here for you to get the look and feel of the template prior to buying it. View the pages, check the images, click the buttons, explore the features.","shortDescription":"Searching for a neutral and well-balanced Joomla template? Try <b>Christian Joomla Template</b> created for church, prayer house and religious sites. Its minimalist yet functional structure will fit for every kind of non-profit business. If the color scheme of this template does not fit for your company, you can change it on demand with theme color switcher. It does not require any coding knowledge. Thanks to multiple header and footer layouts, you have an opportunity to adjust the look of your site whenever needed. Using detailed documentation you can install and customize this template in a matter of clics. We provide every customer with lifetime support service, it works 24/7 and your questions will be answered instantly. Enhanced with loads of additional pages, this theme can be informative as you need it to be. Also, you can add announcements about upcoming events and showcase latest photos in a Gallery or in a Portfolio. Clean and intuitively navigated <b>Christian Joomla Template</b> is a great fit for religious and non-profit organizations.Click the demo to see it in action.<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 Christian Joomla design template</h3> <p><b>What is it?</b></p><p>Parallax effect is a solution in web page design wherein the background page content shifts less quickly than the foreground.</p> <p><b>Why is it Good?</b></p><p>A website with parallax scrolling effect always catches the interest of an audience and increases brand popularity due to the eye-catching design.</p><p>View more <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design themes</a> here</p> <h3>This is Christian Monastery Joomla design template with Background video</h3> <p><b>What is it?</b></p><p>Background video is a feature which enables applying videos as backgrounds for website pages. </p> <p><b>Why is it Good?</b></p><p>Video Background can make your website more fascinating. It grabs guests' interest, indicates your corporate style, and can help to increase user experience and engagement. </p><p>Find latest <a href=\"https://www.templatemonster.com/background-video-joomla-templates/\">Background video Joomla templates</a> here</p> <h3>This is a Bootstrap Society Joomla template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for establishing online pages.</p> <p><b>Why is it Good?</b></p><p>With Bootstrap, you may make 100 % responsive web designs utilizing HTML and CSS based templates for typography, print styles, forms, buttons, tables, et cetera.</p><p>Find latest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla themes</a> here</p> <h3>This Society Joomla design template is Responsive</h3> <p><b>What is it?</b></p><p>This is actually the ability of the layout to change according to the width of the display.</p> <p><b>Why is it Good?</b></p><p>Responsive webpage design allows you to improve consumer experience and provide you with a 100 % access to the website data from any device.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <br /></div></div></div></div>","joomlaCompatibility":"3.9.x","tags":["archive","belief","bible","business","care","catholic","choir","christian","church","clergyman","community","company","confession","credence","education","faith","family","god","health","help","kindness","mission","organization","prayer","priest","religion","religious","school","sermon","sunday","support","blog","joomla","in"],"customUrl":"/joomla-templates/christian-responsive-joomla-template-61261.html","badge":"badge-responsive","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/53500/53576-joomla-extendedsupport_1300.png\" srcset=\"https://s.tmimgcdn.com/scr/53500/53576-joomla-extendedsupport_2560.png 2x\" alt=\"img\"/>","nameOfTheTemplate":"Christian Church - Religious & Non-Profit Joomla Template","pHPVersionCompatibility":"7.x","topic":["Christian Templates","Religious Templates","Society & People"],"styles":"Neutral","productFamily":"None","color":["black","grey"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"1","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","changeLog":"<b>Upadate (February 05, 2018):</b><br/><br/> <ul>  <li> - Updated to Joomla 3.9.2 Engine version;  <li> - FIX: minor bugs. </ul>","reviewAverageScore":"5","sqi":"95","bootstrapVersion":"3.0","livePreviewURL":"https://livedemo00-joomla.template-help.com/joomla_prod-22253","templateGroup":"CMS Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","galleryScript":"MixItUp","dynamicChangeLog":"<ul><li>- 2 minor CSS bugs fixed</li><li>- 2 back-end bugs fixed</li><li>- 1 minor background issue fixed</li></ul>","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2hfR4It","webForms":["Contact Form","Login Form","User Registration","Search Form"],"loyaltySells":"1","width":"1920px","skupromo":"21%","marketplaceMembership":"One","category":"Website templates","dqi":"89"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 03 May 2024 09:35:35 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=61261&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=61261&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=61261&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 03 May 2024 09:40:35 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-joomla.template-help.com/joomla_prod-22253<!DOCTYPE html>
<html lang="en">
<head>
    <title>#61261 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/61261.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 #61261            </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=61261&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>