string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=89588&expand=properties"
string(13020) "[{"templateId":89588,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":356,"categoryName":"Travel Agency Templates","templateTitle":"Travel Agency Responsive Joomla Template","templatePreviewHtmlTitle":"Booking Hotel-Villa and Travel Joomla 5 Template","templateDemoHtmlTitle":"Live preview for Booking Hotel-Villa and Travel Joomla 5 Template #89588","typeShortName":"Joomla","templatePreviewFBTitle":"<p><strong>BookMe Booking Hotel-Motel-Villa Joomla 5 Template</strong> is made with latest<strong> Helix Ultimate</strong> 2 framework and<strong> SP Page Builder 5</strong>, one of the best page builder extension for Joomla. BookMe Template offer you great booking form generator where you can easily add more fields or to edit those tat are added. This template is made for hotel, motel, villa and other kind of services that need an website fast, clean easy to make it and with great<strong> booking extension form.</strong></p><p>With addon contact you can easily add contact form, and addon form builder for proffesional booking form' easy to configure, to add fields.</p><p><strong>BookMe Features:</strong></p><p>- Joomla 5</p><p>- RTL language layout</p><p>- Helix Ultimate 2 Framework</p><p>- Made with Sp Page Builder</p><p>- Quickinstall</p><p>- Build in Megamenu</p><p>- Layout builder generator</p><p>- Responsive</p><p>- Clean &amp; Minimal Hotel template</p><p>- Contact form &amp; Generator form</p><p>- Css custom in every addon tab easy to custom</p><p>- Color change</p><p>- Typography change</p><p>- Parallax</p><p>- Background gradient</p><p>- Over 40 addons</p><p>- SEO &amp; SMM Optimised</p><p>- Multilingual Support</p><p>- Post Formats</p><p>- 600 Google Fonts</p><p>- Logo Option</p><p>- Favicon option</p><p>- Custom Code</p><p>- Social Share</p><p>- Social Icons</p><p>- Fluid and Boxed Layout</p><p>- FontAwesome 5</p><p>- Sticky Header</p><p>- Facebook Open Graph Data</p><p>- and more</p><p><strong>Quickstart installation included</strong></p><p>We included quickinstall zip for you to have our demo in seconds. Quickinstall is joomla installed + templates, extensions, plugins, configured and ready to use in your websites. You need to upload on your server, to create new database, user, add user to database and hit install button. In few seconds you can have our demo on your server, live and ready to be edited.</p><p><strong>Detailed documentation</strong></p><p>In our pack, please check our documentation. In documentation, you can find all about BookMe Joomla Template, how to install, more info regarding demo and fast quickinstall and more.</p><p><strong>Premium Support</strong></p><p>Need help? We are here to help you with any issue, question. We want to help you fast and your business to growth.</p>","templateFullTitle":"Booking Hotel-Villa and Travel Joomla 5 Template","templatePreviewMetaDescription":"BookMe Booking Hotel-Motel-Villa Joomla 5 Template is made with latest Helix Ultimate 2 framework and SP Page Builder 5, one of the best page builder extension","templateDemoMetaDescription":"The live preview for this premium Booking Hotel-Motel-Villa Joomla Template (#89588) is made available for you to get the look and feel of the template before you choose to buy it. Click through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Booking Hotel-Villa and Travel Joomla 5 Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/booking-hotel-motel-villa-joomla-template-89588.html","userRating":0,"designIndex":"84","authorUserId":"1527933","exclusive":"1","state":1,"price":52,"inserted_date":"2019-11-20","sent":1,"downloads":16,"search_words":"hotel booking motel villa travel reservation appointment joomla page builder parallax ultimate joomla4 helix ultimate 2 joomla5 joomla 5","is_adult":0,"exc_price":2100,"sent_date":"2020-03-06 05:53:32","last_upload":"2024-03-05 16:55:01","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1871834,"templ_id":89588,"filename":"89588-2-original.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1871835,"templ_id":89588,"filename":"89588-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1871836,"templ_id":89588,"filename":"89588-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1871837,"templ_id":89588,"filename":"89588-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1871838,"templ_id":89588,"filename":"89588-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/89588.html","image":"https://s.tmimgcdn.com/scr/89500/booking-hotel-villa-and-travel-joomla-5-template_89588-2-original.jpg","searchHash":"23e98c2e62414e7f7db29507b0f8a169","previewHash":"b965336dc597cf1c2c5b2e89f105f3c6","authorNickname":"prothemes","lowLevelTopic":"Life Coach Templates; Hotels Templates; Travel Agency Templates","weightedRating":null,"annualSale":4,"monthlySales":1,"quarterlySales":2,"productBoost":35,"onSale":0,"finalPrice":46,"discountPercent":0,"discountAmount":0,"semiannualSales":2,"properties":{"bitLyUrl":"http://bit.ly/2pzTnLL","features":["Admin Panel","Ajax","Bootstrap","Hotel Booking","Multipurpose","Responsive","Retina Ready","Search Engine Friendly","Team Members","Parallax","HTML 5","JQuery","Blog","Gallery","Portfolio","Background video"],"livePreviewURL":"https://bookme.themes-pro.com/","styles":["Clean","Corporate"],"nameOfTheTemplate":"Booking Hotel-Villa and Travel Joomla 5 Template","shortDescription":"<p><strong>BookMe Booking Hotel-Motel-Villa Joomla 5 Template</strong> is made with latest<strong> Helix Ultimate</strong> 2 framework and<strong> SP Page Builder 5</strong>, one of the best page builder extension for Joomla. BookMe Template offer you great booking form generator where you can easily add more fields or to edit those tat are added. This template is made for hotel, motel, villa and other kind of services that need an website fast, clean easy to make it and with great<strong> booking extension form.</strong></p><p>With addon contact you can easily add contact form, and addon form builder for proffesional booking form' easy to configure, to add fields.</p><p><strong>BookMe Features:</strong></p><p>- Joomla 5</p><p>- RTL language layout</p><p>- Helix Ultimate 2 Framework</p><p>- Made with Sp Page Builder</p><p>- Quickinstall</p><p>- Build in Megamenu</p><p>- Layout builder generator</p><p>- Responsive</p><p>- Clean &amp; Minimal Hotel template</p><p>- Contact form &amp; Generator form</p><p>- Css custom in every addon tab easy to custom</p><p>- Color change</p><p>- Typography change</p><p>- Parallax</p><p>- Background gradient</p><p>- Over 40 addons</p><p>- SEO &amp; SMM Optimised</p><p>- Multilingual Support</p><p>- Post Formats</p><p>- 600 Google Fonts</p><p>- Logo Option</p><p>- Favicon option</p><p>- Custom Code</p><p>- Social Share</p><p>- Social Icons</p><p>- Fluid and Boxed Layout</p><p>- FontAwesome 5</p><p>- Sticky Header</p><p>- Facebook Open Graph Data</p><p>- and more</p><p><strong>Quickstart installation included</strong></p><p>We included quickinstall zip for you to have our demo in seconds. Quickinstall is joomla installed + templates, extensions, plugins, configured and ready to use in your websites. You need to upload on your server, to create new database, user, add user to database and hit install button. In few seconds you can have our demo on your server, live and ready to be edited.</p><p><strong>Detailed documentation</strong></p><p>In our pack, please check our documentation. In documentation, you can find all about BookMe Joomla Template, how to install, more info regarding demo and fast quickinstall and more.</p><p><strong>Premium Support</strong></p><p>Need help? We are here to help you with any issue, question. We want to help you fast and your business to growth.</p>","webForms":["Advanced Search","Booking Form","Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"joomlaEngine":"3.9","joomlaCompatibility":["5.0.x","4.4.x"],"topic":["Business & Services","Society & People","Life Coach Templates","Hotels Templates","Travel Templates","Sports, Outdoors & Travel","Travel Agency Templates"],"uniqueKeywords":"hotel,booking,motel,villa,travel,reservation,appointment,joomla,page,builder,parallax,ultimate,joomla4,helix ultimate 2,joomla5,joomla 5","customUrl":"/joomla-templates/booking-hotel-motel-villa-joomla-template-89588.html","isFree":"none","metaDescription":"BookMe Booking Hotel-Motel-Villa Joomla 5 Template is made with latest Helix Ultimate 2 framework and SP Page Builder 5, one of the best page builder extension","htmlTitle":"Booking Hotel-Motel-Villa Joomla Template","changeLog":"## Feb 28 2024\n- Joomla 5 Template\n- Joomla 5 Quickinstall\n- PHP 8.1, PHP 8.2\n- SP Page Builder 5x\n- FontAwesome 5 and 6\nFixes\n- Resolved frontend media upload issue when using thirdparty editors\n- Fixed the issue with navigation font settings not working on Offcanvas\n- Images and Links not working in frontend article edit even if enabled from settings\n\n#################\n\n## May 08 2023\nNew version of SP Page Builder Version 3.8.10\n\nBug Fix:\n- Column background overlay (pattern) issue.\n- Addon custom CSS auto ID generate issue.\n- Droptables custom addon issue.\n- Addon text editor emoji support issue.\n- XSS vulnerability warning issue from Bootstrap\n\nAll new updates are in folder Extensions-Update and can be installed manually from Joomla Administrator. \n\nAfter installation, clean cache. Don't forget to make full backup before installing this update.\n*********************************************************************************Added html steps: \n##February 03, 2023\n- New folder how-to-update-to-joomla4 is added in main zip pack.\n- Unzip main zip pack and open index.html from folder how-to-update-to-joomla4 into your browser.\n- All steps that need to be made to update your Joomla 3 to Joomla 4 using 2 methods: Step by step or using Quickinstall.\n- How to prepare your Joomla 3 website before updating to Joomla 4.\n\n- 20.10.2022 - Extension updated to latest version.\n*************************************************************\n\n- Extensions Updated\n- Documentation Updated\n- Template updated\n- Quickinstall, template updated","color":["black","white","grey","brown","purple"],"imageKeyFeatures":"https://s3.tmimgcdn.com/templates/55531/scr/1587239294864_Presentationa.jpg","demoMetaDescription":"The live preview for this premium Booking Hotel-Motel-Villa Joomla Template (#89588) is made available for you to get the look and feel of the template before you choose to buy it. Click through the pages, examine the images, press the buttons, explore the features.","changeLogDate":"2024-03-05","lastmod":"2022-02-06T22:37:18-05:00","trendiness":"1","showVariantForcibly":"b","dqi":"84","previewScreensOrVideoURLs":"https://s3.tmimgcdn.com/templates/55531/scr/1587239286255_Slider.jpg","authorUserId":"1527933","exclusive":"1","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/55531/scr/1587239277944_Main.jpg","affiliateSells":"1","saleSells":"1","templateSupportOptions":"[]","alreadyPacked":"1","marketplaceMembership":"One","excludeExclusive":"Yes","tags":["appointment","booking","builder","hotel","motel","page","parallax","reservation","travel","ultimate","villa","joomla","joomla4","helix ultimate 2","joomla5","joomla 5"],"filesDescription":"<p>Documentation, Quickinstall, Template</p>","advImage":"https://s3u.tmimgcdn.com/u1527933/13dcd7a1f04045e503a791403912dbb0.jpg","productSize":"69759423","imagesIncluded":"Yes","authorMainScreenshotVersion":"2","joomlaEditor":"SP Page Builder","paidSupport":"Yes","pHPVersionCompatibility":["8.2","8.1"],"webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>This template is made for hotel, motel, villa and other kind of services that need an website fast, clean easy to make it and with great booking extension form.</p>","installation":"Installation and set up instructions are attached (look for Documentation folder).","types":"Joomla Templates","templateIcon":"icon-joomla","followUpLetter":"joomla-templates-offers","productFamily":"None","templateGroup":"CMS Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Mon, 13 May 2024 12:30:10 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=89588&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=89588&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=89588&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 13 May 2024 12:35:10 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://bookme.themes-pro.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#89588 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/89588.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 #89588            </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=89588&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $48                <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>