string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=67267&expand=properties"
string(13172) "[{"templateId":67267,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":490,"categoryName":"Child Charity Templates","templateTitle":"Child Charity Responsive Joomla Template","templatePreviewHtmlTitle":"BigHeart - Charity Sticky Menu Light Joomla Template","templateDemoHtmlTitle":"Demo Preview for BigHeart - Charity Sticky Menu Light Joomla Template #67267","typeShortName":"Joomla","templatePreviewFBTitle":"<p>If you are a child charity organization and you want to have a nice website, try our new fully responsive Child Charity Joomla Template. It has a modern design that is simply adjustable. Using our different layouts and themes you can easily change this template to suit your type of charity organization. This template belongs to the category of specialized premium Joomla templates because it's designed specifically for the needs of charity organizations. The design is beautiful and remains so when using any device, whether it's a computer, laptop, iPhone or Android smartphone. And we made sure it's easy to use. It also supports blogging functionality.</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 Society & People Joomla design</h3> <p><b>What is it?</b></p><p>A parallax scrolling is a technique in web design when background picture moves at a slower rate than a foreground article, making the illusion of depth. </p> <p><b>Why is it Good?</b></p><p>Parallax scrolling gives your visitors an illusion of depth in 2D spaces of your website. It makes your resource more vivid and exceptional. Parallax is good for spicing up a landing page, refreshing infographics, or perhaps displaying a portfolio.</p><p>Click for more <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design templates</a> here</p> <h3>This is a Bootstrap Children Donations Joomla theme</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for web page and applications design.</p> <p><b>Why is it Good?</b></p><p>Due to the use of Bootstrap a website can adapt its content to any display size. It's necessary for both Search engine optimisation and website visitors.</p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design templates</a> here</p> <h3>This Society & People Support Joomla 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 dimension and resolution. </p> <p><b>Why is it Good?</b></p><p>It is great because the website can be reached by more users from the vast amount of devices. </p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design templates</a> here</p> <h3>This Charity Organization Joomla template is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina Ready WordPress themes are templates that will be able to adjust to Retina screens and still look sharp and vibrant.</p> <p><b>Why is it Good?</b></p><p>Being Retina Ready your website becomes available from Apple devices which expands the group of potential customers.  </p><p>Fresh <a href=\"https://www.templatemonster.com/retina-ready-joomla-templates/\">Retina Ready Joomla templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"BigHeart - Charity Sticky Menu Light Joomla Template","templatePreviewMetaDescription":"If you are a child charity organization and you want to have a nice website, try our new fully responsive Child Charity Joomla Template. It has a modern design","templateDemoMetaDescription":"Experience the demo for the professional BigHeart - Charity Sticky Menu Light Joomla Template (#67267) get yourself acquainted with this design prior to buying it. Click through the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"BigHeart - Charity Sticky Menu Light Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/bigheart-child-charity-joomla-template-67267.html","userRating":0,"designIndex":"89","authorUserId":"1768190","exclusive":"1","state":1,"price":55,"inserted_date":"2018-02-15","sent":1,"downloads":18,"search_words":"charity organization company donate voluntary medical hospice poorhouse service volunteer society culture family non-profits donation foundations volunteering welfare organizations","is_adult":0,"exc_price":2100,"sent_date":"2018-12-26 11:22:47","last_upload":"2018-02-15 00:00:00","package_id":295,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":334,"filename":"67267-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":67267,"width":1600,"window_params":"","banner_url":"","id":1731984,"href":"","height":1000},{"scr_type_id":311,"filename":"67267-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":67267,"width":800,"window_params":"","banner_url":"","id":1731985,"href":"","height":1200},{"scr_type_id":312,"filename":"67267-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":67267,"width":370,"window_params":"","banner_url":"","id":1731986,"href":"","height":370},{"scr_type_id":9,"filename":"67267-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":67267,"width":145,"window_params":"","banner_url":"","id":1731987,"href":"","height":156},{"scr_type_id":57,"filename":"67267-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":67267,"width":430,"window_params":"","banner_url":"","id":1731988,"href":"","height":645}],"demoUrl":"/demo/67267.html","image":"https://s.tmimgcdn.com/scr/67200/bigheart-charity-sticky-menu-light-joomla-template_67267-0-original.jpg","searchHash":"6bd1dde4fec87bc22123d61a85b11fc3","previewHash":"52c0ba0fcadf4f11191093ad572f0841","authorNickname":"RockThemes","lowLevelTopic":"Child Charity Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":55,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","grey"],"followUpLetter":"joomla-templates-offers","dateRange":"Last Year","joomlaModules":["Articles - Newsflash","Articles Single","Camera Slideshow","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"uniqueKeywords":"charity organization company donate voluntary medical hospice poorhouse service volunteer society culture family non-profits donation foundations volunteering welfare organizations","templateSupportOptions":"[{\"id\":25475,\"template_id\":21374,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":25476,\"template_id\":21374,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","changeLog":"<b>Update (December 26, 2018):</b><br/><br/>  <ul> <li> - Updated Joomla to version 3.9.1; <li> - FIX: minor bugs.   </ul>","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"If you are a child charity organization and you want to have a nice website, try our new fully responsive Child Charity Joomla Template. It has a modern design","authorDownloadUrl":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1518711056411_prod-13317.zip?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJNZLEYTTESHWAE3Q%2F20180215%2Fus-west-1%2Fs3%2Faws4_request&X-Amz-Date=20180215T162252Z&X-Amz-SignedHeaders=host&X-Amz-Expires=601200&X-Amz-Signature=d7e51c10e441ee2ac5ba96ff65451c9c267f6e4e640bd6a45aa2c9866e5d5b3b","excludeExclusive":"Yes","imageKeyFeatures":"https://s.tmimgcdn.com/scr/67200/67267_v1-1300_01.jpg,https://s.tmimgcdn.com/scr/67200/67267_v1-1300_02.jpg,https://s.tmimgcdn.com/scr/67200/67267_v1-1300_03.jpg,https://s.tmimgcdn.com/scr/67200/67267_v1-1300_04.jpg,https://s.tmimgcdn.com/scr/67200/67267_v1-1300_05.jpg,https://s.tmimgcdn.com/scr/67200/67267_v1-1300_06.jpg,https://s.tmimgcdn.com/scr/67200/67267_v1-1300_07.jpg,https://s.tmimgcdn.com/scr/67200/67267_v1-1300_08.jpg","features":["Responsive","Admin Panel","Bootstrap","Retina Ready","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Blog","Gallery","Forum","HTML plus JS","Parallax"],"saleSells":"1","joomlaEngine":"3.9","livePreviewURL":"https://livedemo00.template-help.com/joomla_prod-13317/","languageSupport":"English","authorUserId":"1768190","authorMainScreenshot":"https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/5833/scr/1545824414730_13317-original.jpg","isFree":"none","templateGroup":"CMS Templates","installation":"Installation and set up instructions are attached (look for Documentation folder).","exclusive":"1","galleryScript":"MixItUp","templateIcon":"icon-joomla","lastmod":"2021-10-01T19:21:14-04:00","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","demoMetaDescription":"Experience the demo for the professional BigHeart - Charity Sticky Menu Light Joomla Template (#67267) get yourself acquainted with this design prior to buying it. Click through the pages, check the images, click the buttons, explore the features.","shortDescription":"<p>If you are a child charity organization and you want to have a nice website, try our new fully responsive Child Charity Joomla Template. It has a modern design that is simply adjustable. Using our different layouts and themes you can easily change this template to suit your type of charity organization. This template belongs to the category of specialized premium Joomla templates because it's designed specifically for the needs of charity organizations. The design is beautiful and remains so when using any device, whether it's a computer, laptop, iPhone or Android smartphone. And we made sure it's easy to use. It also supports blogging functionality.</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 Society & People Joomla design</h3> <p><b>What is it?</b></p><p>A parallax scrolling is a technique in web design when background picture moves at a slower rate than a foreground article, making the illusion of depth. </p> <p><b>Why is it Good?</b></p><p>Parallax scrolling gives your visitors an illusion of depth in 2D spaces of your website. It makes your resource more vivid and exceptional. Parallax is good for spicing up a landing page, refreshing infographics, or perhaps displaying a portfolio.</p><p>Click for more <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design templates</a> here</p> <h3>This is a Bootstrap Children Donations Joomla theme</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for web page and applications design.</p> <p><b>Why is it Good?</b></p><p>Due to the use of Bootstrap a website can adapt its content to any display size. It's necessary for both Search engine optimisation and website visitors.</p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design templates</a> here</p> <h3>This Society & People Support Joomla 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 dimension and resolution. </p> <p><b>Why is it Good?</b></p><p>It is great because the website can be reached by more users from the vast amount of devices. </p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design templates</a> here</p> <h3>This Charity Organization Joomla template is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina Ready WordPress themes are templates that will be able to adjust to Retina screens and still look sharp and vibrant.</p> <p><b>Why is it Good?</b></p><p>Being Retina Ready your website becomes available from Apple devices which expands the group of potential customers.  </p><p>Fresh <a href=\"https://www.templatemonster.com/retina-ready-joomla-templates/\">Retina Ready Joomla templates</a> here</p> <br /></div></div></div></div>","bitLyUrl":"http://bit.ly/2F4qJ8D","joomlaCompatibility":"3.9.x","tags":["charity","company","culture","donate","donation","family","foundations","hospice","medical","organization","organizations","poorhouse","service","society","voluntary","volunteer","volunteering","welfare"],"customUrl":"/joomla-templates/bigheart-child-charity-joomla-template-67267.html","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"nameOfTheTemplate":"BigHeart - Charity Sticky Menu Light Joomla Template","loyaltySells":"1","pHPVersionCompatibility":"7.x","topic":["Charity Templates","Child Charity Templates","Society & People"],"changeLogDate":"2018-12-26","skupromo":"31%","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, 26 Apr 2024 01:15:40 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=67267&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=67267&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=67267&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 01:20:40 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_prod-13317/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#67267 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/67267.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 #67267            </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=67267&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>