string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=51325&expand=properties"
string(16174) "[{"templateId":51325,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":219,"categoryName":"Summer Camp Templates","templateTitle":"Summer Camp Responsive Joomla Template","templatePreviewHtmlTitle":"Summer Camp Joomla Template #51325 - TemplateMonster","templateDemoHtmlTitle":"Live demo for Summer Camp Joomla Template #51325","typeShortName":"Joomla","templatePreviewFBTitle":"Children of all ages are dreaming about aweinspiring holidays in the summer camp, and their parents try to find the best possible options. The Internet is the first place they visit to check out all variants, and if a website of a certain camp offers them what they are looking for, they choose it. Trustworthy design that clearly communicates camp's ideas and programs reassure parents in reliability of a certain organization. The more sound the site of a summer camp looks, the more people will trust in it and visit. Try this professional design perfectly tailored for such a reliable presentation of a camp online and drive visitors in.<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 Joomla design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means that the website page changes its size and shape to match any kind of screen, from the tiniest cell phones to the largest Personal computer displays. For any device, internet page elements enlarge or decrease to seem ideal.</p> <p><b>Why is it Good?</b></p><p>Whatever type of device your end users might use to enter the internet site - they will view a stunning picture which has a hassle-free navigation menu. It becomes an especially necessary function, taking into consideration that a large amount of end users at present choose their cellular phones for internet surfing.</p><p>View more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design templates</a> here</p> <h3>This is aBootstrap Joomla theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a free of charge grid-based framework that enables the creation of responsive websites. </p> <p><b>Why is it Good?</b></p><p>Due to the use of Bootstrap a website will be able to adjust its content to any display resolution. It's necessary for both Search engine optimisation and website users.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla designs</a> here</p> <h3>This Joomla template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search engine friendly layouts are improved as per the modern-day SEO specifications. This grows the possibility they'll be spotted online, consequently rising your internet site's ranking positions in search listings.</p> <p><b>Why is it Good?</b></p><p>The Search Engine Friendly web theme is in fact a wonderful standard platform to begin marketing and advertising and boosting research rankings of the web site. It can be considerably easier to deal with this kind of web site for Website seo professional as part of the work is previously completed.</p><p>Browse for more <a href=\"https://www.templatemonster.com/seo-joomla-templates/\">Search Engine Friendly Joomla templates</a> here</p> </div></div></div></div>","templateFullTitle":"Summer Camp Joomla Template","templatePreviewMetaDescription":"Children of all ages are dreaming about aweinspiring holidays in the summer camp, and their parents try to find the best possible options. The Internet is the","templateDemoMetaDescription":"Before buying it, get yourself acquainted with the top notch Summer Camp Joomla Template (#51325) by visiting the demo preview. View the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Summer Camp Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/51325.html","userRating":"4","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":47,"inserted_date":"2014-09-23","sent":2,"downloads":18,"search_words":"green plateau camping tourism equipment tents campers motorhome hire western lakes mountains mid coast down east sunrise country tourists guide tips regions destination map compass info statewide activity gallery location relaxation recreation impression vacatio","is_adult":0,"exc_price":4500,"sent_date":"2014-09-24 06:15:13","last_upload":"2014-09-23 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":311,"filename":"51325-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51325,"width":965,"window_params":"","banner_url":"","id":1416326,"href":"","height":1653},{"scr_type_id":298,"filename":"51325-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51325,"width":430,"window_params":"","banner_url":"","id":1416327,"href":"","height":900},{"scr_type_id":312,"filename":"51325-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51325,"width":370,"window_params":"","banner_url":"","id":1416328,"href":"","height":370},{"scr_type_id":182,"filename":"51325-joom-b-p.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51325,"width":430,"window_params":"","banner_url":"","id":1416329,"href":"","height":924},{"scr_type_id":178,"filename":"51325-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51325,"width":430,"window_params":"","banner_url":"","id":1416330,"href":"","height":840},{"scr_type_id":9,"filename":"51325-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51325,"width":145,"window_params":"","banner_url":"","id":1416331,"href":"","height":156},{"scr_type_id":320,"filename":"51325-modules.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51325,"width":965,"window_params":"","banner_url":"","id":1416332,"href":"","height":1653},{"scr_type_id":300,"filename":"51325-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51325,"width":320,"window_params":"","banner_url":"","id":1416333,"href":"","height":900},{"scr_type_id":314,"filename":"51325-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51325,"width":1903,"window_params":"","banner_url":"","id":1416334,"href":"","height":2741},{"scr_type_id":3,"filename":"51325-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51325,"width":1903,"window_params":"","banner_url":"","id":1416335,"href":"","height":2741},{"scr_type_id":299,"filename":"51325-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51325,"width":430,"window_params":"","banner_url":"","id":1416336,"href":"","height":900},{"scr_type_id":78,"filename":"51325-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":51325,"width":970,"window_params":"","banner_url":"","id":1416337,"href":"","height":280},{"scr_type_id":3,"filename":"51325-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51325,"width":1600,"window_params":"","banner_url":"","id":1416338,"href":"","height":2741},{"scr_type_id":315,"filename":"51325-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51325,"width":1600,"window_params":"","banner_url":"","id":1416339,"href":"","height":2741},{"scr_type_id":3,"filename":"51325-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51325,"width":895,"window_params":"","banner_url":"","id":1416340,"href":"","height":599},{"scr_type_id":3,"filename":"51325-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51325,"width":408,"window_params":"","banner_url":"","id":1416341,"href":"","height":55},{"scr_type_id":179,"filename":"51325-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51325,"width":430,"window_params":"","banner_url":"","id":1416342,"href":"","height":60},{"scr_type_id":334,"filename":"51325-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51325,"width":1600,"window_params":"","banner_url":"","id":1636541,"href":"","height":1000}],"demoUrl":"/demo/51325.html","image":"https://s.tmimgcdn.com/scr/51300/summer-camp-joomla-template_51325-0-original.jpg","searchHash":"d1a095596c779b048b4970d5ed1375e7","previewHash":"17848e7e6cedbde71782ca11fb0aa4bc","authorNickname":"RockThemes","lowLevelTopic":"Summer Camp Templates","weightedRating":4.09090909090909,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":47,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"The contemporary template is perfect social organizations, education, environmental agencies, business companies.","joomlaModules":["Articles - Newsflash","Articles Single","Camera Slideshow","CarouFredSel"],"uniqueKeywords":"Summer Camp Busines","metaDescription":"This detailed preview of the Summer Camp Joomla Template (#51325) will help you make an educated decision to buy and enjoy this professional site theme.","features":["Responsive","Blog","HTML plus JS","HTML 5","JQuery","Advanced Theme Options","Sliced PSD","Dropdown Menu","Google map","Quickstart Package","Sample content","Search Engine Friendly","Bootstrap","Forum","Gallery","Admin Panel","Lazy Load effect"],"joomlaEngine":"3.4.x","templateSources":[".PSD",".PHP"],"languageSupport":"English","authorUserId":"1768190","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.0","imageDescription":"https://s.tmimgcdn.com/scr/51300/51325-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Joomla! 3.3.3","PHP editor."],"lastmod":"2019-06-21T16:51:27-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Before buying it, get yourself acquainted with the top notch Summer Camp Joomla Template (#51325) by visiting the demo preview. View the pages, check the images, click the buttons, explore the features.","shortDescription":"Children of all ages are dreaming about aweinspiring holidays in the summer camp, and their parents try to find the best possible options. The Internet is the first place they visit to check out all variants, and if a website of a certain camp offers them what they are looking for, they choose it. Trustworthy design that clearly communicates camp's ideas and programs reassure parents in reliability of a certain organization. The more sound the site of a summer camp looks, the more people will trust in it and visit. Try this professional design perfectly tailored for such a reliable presentation of a camp online and drive visitors in.<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 Joomla design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means that the website page changes its size and shape to match any kind of screen, from the tiniest cell phones to the largest Personal computer displays. For any device, internet page elements enlarge or decrease to seem ideal.</p> <p><b>Why is it Good?</b></p><p>Whatever type of device your end users might use to enter the internet site - they will view a stunning picture which has a hassle-free navigation menu. It becomes an especially necessary function, taking into consideration that a large amount of end users at present choose their cellular phones for internet surfing.</p><p>View more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design templates</a> here</p> <h3>This is aBootstrap Joomla theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a free of charge grid-based framework that enables the creation of responsive websites. </p> <p><b>Why is it Good?</b></p><p>Due to the use of Bootstrap a website will be able to adjust its content to any display resolution. It's necessary for both Search engine optimisation and website users.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla designs</a> here</p> <h3>This Joomla template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search engine friendly layouts are improved as per the modern-day SEO specifications. This grows the possibility they'll be spotted online, consequently rising your internet site's ranking positions in search listings.</p> <p><b>Why is it Good?</b></p><p>The Search Engine Friendly web theme is in fact a wonderful standard platform to begin marketing and advertising and boosting research rankings of the web site. It can be considerably easier to deal with this kind of web site for Website seo professional as part of the work is previously completed.</p><p>Browse for more <a href=\"https://www.templatemonster.com/seo-joomla-templates/\">Search Engine Friendly Joomla templates</a> here</p> </div></div></div></div>","joomlaCompatibility":["3.5","3.8"],"tags":["activity","camping","coast","compass","country","destination","down","east","equipment","gallery","green","guide","hire","impression","info","location","map","mid","mountains","recreation","relaxation","sunrise","tents","tips","tourism","tourists","western","camp","summer"],"customUrl":"/joomla-templates/51325.html","badge":"badge-responsive","nameOfTheTemplate":"Summer Camp Joomla Template","pHPVersionCompatibility":"7.x","topic":["Summer Camp Templates","Family Templates","Home & Family","Kids & Children"],"changeLogDate":"2016-08-31","styles":["Neutral","Flat"],"imagesList":"Depositphotos1409719original,,Depositphotos2593330original,,Depositphotos10894242EL4,,Depositphotos13885686original,,Depositphotos13886736original,,,, Depositphotos10894242EL4,,Depositphotos1915296original,,Depositphotos3047284l,,Depositphotos3500306original,,Depositphotos4823231original,,Depositphotos5141464original,,Depositphotos6060914original,,Depositphotos6469813original,,Depositphotos9901177original,,Depositphotos11751298EL4,,Depositphotos12249583EL4,,Depositphotos13885686original","productFamily":"None","color":["black","white"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"1","isbestsellers":"1","reviewAverageScore":"4","changeLog":"<b>September 02, 2016</b><br /><ul><li>- We updated the engine version to Joomla 3.4.8;</li><ul>","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"2.3.1","livePreviewURL":"https://livedemo00.template-help.com/joomla_51325","templateGroup":"CMS Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","galleryScript":"MixItUp","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1yqAJTn","layout":"2 columns","webForms":["Advanced Search","Contact Form","Login Form","User Registration","Search Form"],"loyaltySells":"1","width":"1800px","skupromo":"40%","marketplaceMembership":"None","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Tue, 23 Apr 2024 07:02:36 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=51325&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=51325&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=51325&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 23 Apr 2024 07:07:36 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://livedemo00.template-help.com/joomla_51325<!DOCTYPE html>
<html lang="en">
<head>
    <title>#51325 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/51325.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 #51325            </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=51325&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $43                <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>