string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=98742&expand=properties"
string(12795) "[{"templateId":98742,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":316,"categoryName":"Christian Templates","templateTitle":"Christian Responsive Joomla Template","templatePreviewHtmlTitle":"Charionsafe Charity Joomla 5 Joomla 4 and Joomla 3 Template","templateDemoHtmlTitle":"Demo for Charionsafe Charity Joomla 5 Joomla 4 and Joomla 3 Template #98742","typeShortName":"Joomla","templatePreviewFBTitle":"<p>Charionsafe is a full-featured premium flexible and T3 Framework based Joomla Template which fits for all kind of Charity, Non-Profit Organizations, Fundraising, NGO, Donations and other charity projects website. With the latest improvements, features and ease of usage, you can now easily adapt it to your site.</p><p>Charionsafe layout looks beautiful at any size of screen (Desktop or Laptop screen, iPad, iPhone, Android Mobile or tablets). Plus, the theme includes plenty of customization options that allow you to change the visual style of any elements without touching to a single line of codes.</p><p><strong>Features:</strong></p><ul><li>Fully Responsive Design</li><li>Joomla 5-4 and Joomla 3</li><li>5 <strong>Mega Menu </strong>Styles</li><li>14 Preset Color Styles</li><li>09 Homepage layouts</li><li>Light and Dark Versions</li><li>21 <strong>Google Fonts</strong></li><li>Select Google Font For Body (24 Different Google Fonts)</li><li>Select Google Font For Headings and Titles (24 Different Google Fonts)</li><li>Select Google Font For Nav Menu (24 Different Google Fonts)</li><li>Adminim Free Joomla Administrator Template (Optional)</li><li><strong>K2</strong> Component</li><li><strong>Sticky Menu</strong></li><li>Full and Boxed Layout</li><li>Off-Canvas Sidebar</li><li>Bootstrap 3 - Responsive</li><li>1170px Grid System</li><li>Full Demo Included Quickstart Package</li><li>Unite <strong>Revolution Slider</strong></li><li>Clean and Modern Style</li><li>Different Portfolio Pages</li><li>About Us Page</li><li><strong>Events </strong>Page and Events Calendar</li><li>Contact Page with <strong>Google Map</strong></li><li><strong>Video </strong>Extension and Video Page</li><li>FAQ Page</li><li><strong>Blog </strong>Pages</li><li>Top Reading Position Indicator with mouse wheeling</li></ul><p><br /></p><p>(Note: No PSD File Included it can be sent if desired by Customer.)</p>","templateFullTitle":"Charionsafe Charity Joomla 5 Joomla 4 and Joomla 3 Template","templatePreviewMetaDescription":"Charionsafe is a full-featured premium flexible and T3 Framework based Joomla Template which fits for all kind of Charity, Non-Profit Organizations,","templateDemoMetaDescription":"Check out the demo preview of the top notch Charionsafe Charity Joomla Template (#98742) get yourself informed about this design before you buy it. Go through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Charionsafe Charity Joomla 5 Joomla 4 and Joomla 3 Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/charionsafe-charity-joomla-template-98742.html","userRating":0,"designIndex":"92","authorUserId":"1575147","exclusive":"1","state":1,"price":73,"inserted_date":"2020-03-23","sent":1,"downloads":53,"search_words":"charionsafe joomla charity template ngo ngo non-profit nonprofit non profit church responsive theme fundraising organization political foundation","is_adult":0,"exc_price":2100,"sent_date":"2020-05-26 00:00:01","last_upload":"2024-04-22 04:03:14","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1921187,"templ_id":98742,"filename":"98742-3-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1921188,"templ_id":98742,"filename":"98742-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1921189,"templ_id":98742,"filename":"98742-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1921190,"templ_id":98742,"filename":"98742-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1921191,"templ_id":98742,"filename":"98742-b.jpg","width":430,"height":430,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/98742.html","image":"https://s.tmimgcdn.com/scr/98700/charionsafe-charity-joomla-5-joomla-4-and-joomla-3-template_98742-3-original.jpg","searchHash":"910c53bf5e777f378bfdc60fc4f97fea","previewHash":"c4d34d0e21f7be048b53140ad88c3623","authorNickname":"JoomlaTema","lowLevelTopic":"Christian Templates; Retirement Planning Templates; Immigration Consulting Templates; Social Foundation Templates; Politics Templates; Child Charity Templates; NGO","weightedRating":3.8181818181818,"annualSale":11,"monthlySales":1,"quarterlySales":3,"productBoost":35,"onSale":0,"finalPrice":65,"discountPercent":0,"discountAmount":0,"semiannualSales":6,"properties":{"features":["Responsive","Admin Panel","Search Engine Friendly","Bootstrap","Mobile Layout Included","Events Calendar","Team Members","Dropdown Menu","Google map","Sample content","Quickstart Package","Advanced Theme Options","MegaMenu","Blog","Portfolio","JQuery"],"joomlaCompatibility":["3.0.1","3.0.2","3.1.1","3.1.5","3.2.0","3.2.1","3.5","3.8","3.9.x","3.10.x","4.0.x","4.1.x","4.2.x","4.3.x","4.4.x","5.0.x"],"topic":["Christian Templates","Retirement Planning Templates","Immigration Consulting Templates","Social Foundation Templates","Charity Templates","Politics Templates","Religious Templates","Child Charity Templates","Society & People","NGO"],"isFree":"none","popularity":["Top Rated","Recently Updated"],"color":["black","white","grey","brown"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1575147","alreadyPacked":"1","joomlaEngine":"3.9","nameOfTheTemplate":"Charionsafe Charity Joomla 5 Joomla 4 and Joomla 3 Template","previewScreensOrVideoURLs":"https://s3.tmimgcdn.com/templates/72202/scr/1589400315462_1585123810505_1.jpg, https://s3.tmimgcdn.com/templates/55075/scr/1585123928856_2.jpg, https://s3u.tmimgcdn.com/1575147-1584907364069_4.jpg, https://s3u.tmimgcdn.com/1575147-1584907368892_5.jpg, https://s3.tmimgcdn.com/templates/55075/scr/1585123941067_3.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3.tmimgcdn.com/u1575147/templates/224743/scr/T4suC2RvM90y36jO3DFI.jpg","dqi":"92","imageKeyFeatures":"https://s3.tmimgcdn.com/templates/55075/scr/1585124012971_p1.png, https://s3.tmimgcdn.com/templates/55075/scr/1585124019972_p2.png, https://s3.tmimgcdn.com/templates/55075/scr/1585124025879_p3.png, https://s3.tmimgcdn.com/templates/55075/scr/1585124032798_p5.png","saleSells":"1","templateSupportOptions":"[]","lastmod":"2022-02-08T05:34:39-05:00","bitLyUrl":"https://bit.ly/39c31F7","customUrl":"/joomla-templates/charionsafe-charity-joomla-template-98742.html","demoMetaDescription":"Check out the demo preview of the top notch Charionsafe Charity Joomla Template (#98742) get yourself informed about this design before you buy it. Go through the pages, examine the images, press the buttons, explore the features.","trendiness":"1","advImage":"https://s3.tmimgcdn.com/templates/58288/scr/1589351354705_mainimage.jpg","filesDescription":"ExtensionsGPL licensingInstallation TutorialsQuickstart PackageTemplate and T3 Plugin","changeLogDate":"2024-04-22","productSize":"297828458","imagesIncluded":"Yes","tags":["charity","church","foundation","fundraising","ngo","non","nonprofit","organization","political","profit","responsive","template","theme","joomla","non-profit","charionsafe"],"authorMainScreenshotVersion":"3","changeLog":"Changelog:\n-22/04/2024 Joomla 4-5  Version,  Icagenda,  SP  Portfolio, Smart Slider  and Acymailing Updated.\n-28/10/2023 Joomla 5  Version added,  Icagenda,  QuickForm, Smart Slider Yendif Video Share and Acymailing Updated.\n-24/06/2023 QuickForm, Jt Content Slier Updated User reported module override problem fixed.\n19/06/2023 Joomla 4  Version,  Icagenda,  QuickForm, T3 Plugin, Smart Slider Yendif Video Share and Acymailing Updated.\n19/03/2023 Joomla 4  Version,  Icagenda QuickForm and Acymailing Updated. User reported minor css bug fixed\n05/02/2023 Joomla 4  Version,  Icagenda , T3 Framework and Acymailing Updated \n02/11/2022 Joomla 4 and Joomla 3 Version Updated,  Icagenda , T3 Framework and Acymailing Updated \n25/06/2022 Joomla 4 Version added,  Icagenda , T3 Framework and Acymailing Updated \n22/11/2021 Joomla Version,  Icagenda , T3 Framework and Acymailing Updated \n15/09/2021 Joomla Version, SP Simple Portfolio, Icagenda and T3 Framework Updated \n25/04/2021 Joomla Version, SP Simple Portfolio, Icagenda and Acymailing Updated \n05/03/2021 Joomla and Acymailing Updated \n13/01/2021 Joomla Version, SP Simple Portfolio and Acymailing Updated \n1/12/2020 Joomla and Icagenda Updated\n10/10/2020 Joomla and Icagenda Updated\n07/09/2020 Extensions List Updated\n26/08/2020 Joomla and Acymailing Updated \n07/07/2020 Joomla Icagenda and Acymailing Updated User reported minor bug fixed\n15/07/2020 Joomla Updated\n01/06/2020 Joomla, Icagenda Updated\n22/04/2020 Joomla, Icagenda and Revolution Slider Updated","htmlTitle":"Charionsafe Charity Joomla Template","marketplaceMembership":"None","joomlaEditor":"T3 Framework","shortDescription":"<p>Charionsafe is a full-featured premium flexible and T3 Framework based Joomla Template which fits for all kind of Charity, Non-Profit Organizations, Fundraising, NGO, Donations and other charity projects website. With the latest improvements, features and ease of usage, you can now easily adapt it to your site.</p><p>Charionsafe layout looks beautiful at any size of screen (Desktop or Laptop screen, iPad, iPhone, Android Mobile or tablets). Plus, the theme includes plenty of customization options that allow you to change the visual style of any elements without touching to a single line of codes.</p><p><strong>Features:</strong></p><ul><li>Fully Responsive Design</li><li>Joomla 5-4 and Joomla 3</li><li>5 <strong>Mega Menu </strong>Styles</li><li>14 Preset Color Styles</li><li>09 Homepage layouts</li><li>Light and Dark Versions</li><li>21 <strong>Google Fonts</strong></li><li>Select Google Font For Body (24 Different Google Fonts)</li><li>Select Google Font For Headings and Titles (24 Different Google Fonts)</li><li>Select Google Font For Nav Menu (24 Different Google Fonts)</li><li>Adminim Free Joomla Administrator Template (Optional)</li><li><strong>K2</strong> Component</li><li><strong>Sticky Menu</strong></li><li>Full and Boxed Layout</li><li>Off-Canvas Sidebar</li><li>Bootstrap 3 - Responsive</li><li>1170px Grid System</li><li>Full Demo Included Quickstart Package</li><li>Unite <strong>Revolution Slider</strong></li><li>Clean and Modern Style</li><li>Different Portfolio Pages</li><li>About Us Page</li><li><strong>Events </strong>Page and Events Calendar</li><li>Contact Page with <strong>Google Map</strong></li><li><strong>Video </strong>Extension and Video Page</li><li>FAQ Page</li><li><strong>Blog </strong>Pages</li><li>Top Reading Position Indicator with mouse wheeling</li></ul><p><br /></p><p>(Note: No PSD File Included it can be sent if desired by Customer.)</p>","uniqueKeywords":"charionsafe,joomla,charity,template,ngo,ngo,non-profit,nonprofit,non,profit,church,responsive,theme,fundraising,organization,political,foundation","livePreviewURL":"https://charionsafe.joomlatema.net/","metaDescription":"Charionsafe is a full-featured premium flexible and T3 Framework based Joomla Template which fits for all kind of Charity, Non-Profit Organizations,","paidSupport":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Charionsafe is a full-featured premium flexible and T3 Framework based Joomla Template which fits for all kind of Charity, Non-Profit Organizations, Fundraising, NGO, Donations website.</p>","installation":"Installation and set up instructions are attached (look for Documentation folder).","types":"Joomla Templates","templateIcon":"icon-joomla","followUpLetter":"joomla-templates-offers","productFamily":"None","templateGroup":"CMS Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 03 May 2024 04:02:46 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=98742&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=98742&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=98742&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 03 May 2024 04:07:46 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://charionsafe.joomlatema.net/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#98742 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/98742.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 #98742            </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=98742&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $67                <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>