string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=49660&expand=properties"
string(15768) "[{"templateId":49660,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":313,"categoryName":"Real Estate Agency Templates","templateTitle":"Real Estate Agency Responsive Joomla Template","templatePreviewHtmlTitle":"Apartments for Rent Joomla Template #49660 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Apartments for Rent Joomla Template #49660","typeShortName":"Joomla","templatePreviewFBTitle":"It's a brilliant idea to showcase your apartments for rent on the internet. But you should take care of good imagery as this is the sales drive here. Our template will help you feature a large portion of your visual content in the most lovable manner. Both slider and gallery photos are supplied with captions, where you can briefly state benefits of the offered premises. Company advantages as well as happy customers' testimonials are marked out with a nice coral red color. 'About us' section is right between these blocks. Newsletter subscription form is placed over the blurred image in the bottom of the page, which looks very unusual and inviting.<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 template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a method of website design that lets web pages to adapt to a display size of pretty much any device - be it a personal computer, a laptop or a phone.</p> <p><b>Why is it Good?</b></p><p>Responsive design will help your internet site look equally well on display screen of any desktop or handheld gadget.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design themes</a> here</p> <h3>This is aBootstrap Joomla theme</h3> <p><b>What is it?</b></p><p>Bootstrap is actually a extremely popular framework, which makes the work with Web-page coding, Cascading stylesheet and also JS a lot quicker. It has been produced as a tool to create a responsive design, however later it added a bunch of additional functionality.</p> <p><b>Why is it Good?</b></p><p>Implementing such a framework tremendously accelerates the entire process of producing website pages. Ordinary patterns are super easy to adjust, which supplies a versatile and easy method for creating site themes.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design themes</a> here</p> <h3>This Joomla design is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>SEO Friendly is the type of website design that enables the search engine to explore and index its pages.</p> <p><b>Why is it Good?</b></p><p>The Search Engine Friendly theme is definitely a good standard platform to start with promoting and also increasing search rankings of the internet page. It is really easier to work with this sort of internet page for Web optimization professional considering the fact that half of the work is already completed.</p><p>Find latest <a href=\"https://www.templatemonster.com/seo-joomla-templates/\">Search Engine Friendly Joomla templates</a> here</p> </div></div></div></div>","templateFullTitle":"Apartments for Rent Joomla Template","templatePreviewMetaDescription":"It's a brilliant idea to showcase your apartments for rent on the internet. But you should take care of good imagery as this is the sales drive here. Our","templateDemoMetaDescription":"Have a look at the live preview of the professional Apartments for Rent Joomla Template (#49660) to understand what this template is before you decide to buy it. Click through the pages, examine the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Apartments for Rent Joomla Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/49660.html","userRating":"4","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":47,"inserted_date":"2014-06-23","sent":2,"downloads":32,"search_words":"Good Deal agency services house home apartment buildings finance loan sales rentals management search team money foreclosure estimator investment development constructions architecture engineering apartment sale rent architecture broker lots","is_adult":0,"exc_price":4500,"sent_date":"2014-06-26 06:15:11","last_upload":"2014-06-23 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":9,"filename":"49660-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49660,"width":145,"window_params":"","banner_url":"","id":1397153,"href":"","height":156},{"scr_type_id":178,"filename":"49660-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49660,"width":430,"window_params":"","banner_url":"","id":1397154,"href":"","height":833},{"scr_type_id":78,"filename":"49660-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":49660,"width":970,"window_params":"","banner_url":"","id":1397155,"href":"","height":280},{"scr_type_id":320,"filename":"49660-modules.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49660,"width":965,"window_params":"","banner_url":"","id":1397156,"href":"","height":1869},{"scr_type_id":299,"filename":"49660-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49660,"width":430,"window_params":"","banner_url":"","id":1397157,"href":"","height":900},{"scr_type_id":312,"filename":"49660-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49660,"width":370,"window_params":"","banner_url":"","id":1397158,"href":"","height":370},{"scr_type_id":3,"filename":"49660-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49660,"width":1332,"window_params":"","banner_url":"","id":1397159,"href":"","height":2580},{"scr_type_id":3,"filename":"49660-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49660,"width":1332,"window_params":"","banner_url":"","id":1397160,"href":"","height":2580},{"scr_type_id":311,"filename":"49660-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49660,"width":965,"window_params":"","banner_url":"","id":1397161,"href":"","height":1869},{"scr_type_id":179,"filename":"49660-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49660,"width":430,"window_params":"","banner_url":"","id":1397162,"href":"","height":60},{"scr_type_id":182,"filename":"49660-joom-b-p.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49660,"width":430,"window_params":"","banner_url":"","id":1397163,"href":"","height":833},{"scr_type_id":314,"filename":"49660-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49660,"width":1332,"window_params":"","banner_url":"","id":1397164,"href":"","height":2580},{"scr_type_id":300,"filename":"49660-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49660,"width":320,"window_params":"","banner_url":"","id":1397165,"href":"","height":900},{"scr_type_id":3,"filename":"49660-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49660,"width":408,"window_params":"","banner_url":"","id":1397166,"href":"","height":55},{"scr_type_id":315,"filename":"49660-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49660,"width":1332,"window_params":"","banner_url":"","id":1397167,"href":"","height":2580},{"scr_type_id":298,"filename":"49660-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49660,"width":430,"window_params":"","banner_url":"","id":1397168,"href":"","height":900},{"scr_type_id":334,"filename":"49660-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49660,"width":1600,"window_params":"","banner_url":"","id":1635602,"href":"","height":1000}],"demoUrl":"/demo/49660.html","image":"https://s.tmimgcdn.com/scr/49600/apartments-for-rent-joomla-template_49660-0-original.jpg","searchHash":"d706093fbdda20eb011ad4b55623e18b","previewHash":"703b09747df00ebe8dc1e191fe19ffc9","authorNickname":"RockThemes","lowLevelTopic":"Real Estate Agency Templates; Business & Services","weightedRating":4.142857142857142,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":47,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"Use this template for your real estate, architectural or travel company.","joomlaModules":["Articles - Newsflash","Articles Single","Camera Slideshow","CarouFredSel","Komento"],"uniqueKeywords":"Apartments for Rent","metaDescription":"Before buying it, have a closer look at this beautiful Apartments for Rent Joomla Template (#49660) - get to know tech features and requirements, read customer reviews, ask a question.","features":["Responsive","Admin Panel","Search Engine Friendly","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Sample content","Quickstart Package","Advanced Theme Options","Blog","Gallery","Forum","HTML 5","JQuery","HTML plus JS"],"joomlaEngine":"3.4.x","templateSources":[".PSD",".PHP"],"authorUserId":"1768190","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v2.4","imageDescription":"https://s.tmimgcdn.com/scr/49600/49660-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Joomla! 3.3.0","PHP editor."],"lastmod":"2022-01-19T07:48:58-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Have a look at the live preview of the professional Apartments for Rent Joomla Template (#49660) to understand what this template is before you decide to buy it. Click through the pages, examine the images, press the buttons, explore the functionality.","shortDescription":"It's a brilliant idea to showcase your apartments for rent on the internet. But you should take care of good imagery as this is the sales drive here. Our template will help you feature a large portion of your visual content in the most lovable manner. Both slider and gallery photos are supplied with captions, where you can briefly state benefits of the offered premises. Company advantages as well as happy customers' testimonials are marked out with a nice coral red color. 'About us' section is right between these blocks. Newsletter subscription form is placed over the blurred image in the bottom of the page, which looks very unusual and inviting.<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 template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a method of website design that lets web pages to adapt to a display size of pretty much any device - be it a personal computer, a laptop or a phone.</p> <p><b>Why is it Good?</b></p><p>Responsive design will help your internet site look equally well on display screen of any desktop or handheld gadget.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design themes</a> here</p> <h3>This is aBootstrap Joomla theme</h3> <p><b>What is it?</b></p><p>Bootstrap is actually a extremely popular framework, which makes the work with Web-page coding, Cascading stylesheet and also JS a lot quicker. It has been produced as a tool to create a responsive design, however later it added a bunch of additional functionality.</p> <p><b>Why is it Good?</b></p><p>Implementing such a framework tremendously accelerates the entire process of producing website pages. Ordinary patterns are super easy to adjust, which supplies a versatile and easy method for creating site themes.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design themes</a> here</p> <h3>This Joomla design is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>SEO Friendly is the type of website design that enables the search engine to explore and index its pages.</p> <p><b>Why is it Good?</b></p><p>The Search Engine Friendly theme is definitely a good standard platform to start with promoting and also increasing search rankings of the internet page. It is really easier to work with this sort of internet page for Web optimization professional considering the fact that half of the work is already completed.</p><p>Find latest <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":["agency","apartment","apartments","architecture","broker","buildings","constructions","deal","development","engineering","estimator","finance","for","foreclosure","good","home","house","investment","loan","lots","management","money","rent","rentals","sale","sales","search","services","team"],"customUrl":"/joomla-templates/49660.html","badge":"badge-responsive","nameOfTheTemplate":"Apartments for Rent Joomla Template","pHPVersionCompatibility":"7.x","topic":["Real Estate Agency Templates","Real Estate Templates","Business & Services"],"changeLogDate":"2016-08-31","styles":["Neutral","Flat"],"imagesList":"Depositphotos1291560original.jpg,Depositphotos2192523original.jpg,Depositphotos2192533original.jpg,Depositphotos2192557original.jpg,Depositphotos2528330original.jpg,Depositphotos2602401original.jpg,Depositphotos2828268original.jpg,Depositphotos3569826original.jpg,Depositphotos4714219original.jpg,Depositphotos4824523original.jpg,Depositphotos5487873original.jpg,Depositphotos5780317original.jpg,Depositphotos6594772original.jpg,Depositphotos8018120original.jpg","productFamily":"None","color":["black","white","grey","cyan","orange"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"4","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_49660","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/TzPwZ8","layout":"2 columns","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"loyaltySells":"1","width":"1332px","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: Wed, 24 Apr 2024 21:06:29 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=49660&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=49660&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=49660&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 24 Apr 2024 21:11:29 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_49660<!DOCTYPE html>
<html lang="en">
<head>
    <title>#49660 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/49660.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 #49660            </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=49660&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>