string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=399424&expand=properties"
string(13359) "[{"templateId":399424,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":472,"categoryName":"Drafting Templates","templateTitle":"Drafting Responsive Joomla Template","templatePreviewHtmlTitle":"Taxi Company and Cab Service Joomla 5 Template","templateDemoHtmlTitle":"Live preview for Taxi Company and Cab Service Joomla 5 Template #399424","typeShortName":"Joomla","templatePreviewFBTitle":"<p>Professional Website Theme for Taxi Ranks and Drivers!</p><p>Designed specifically for taxi stations and taxi drivers, this website theme provides all the tools you need to impress your customers and grow your business. With its modern and stylish design, this theme helps you guide visitors effortlessly by providing easy navigation.</p><p>Advanced features:</p><p>- Map Integration:</p><p>Make it easier for customers to find your locations by displaying your taxi stops with interactive map integration.</p><p>- Mobile Compatible Design:</p><p> Reach your customers anytime, anywhere with a fully responsive design that provides a perfect user experience on mobile devices.</p><p>- Customizability:</p><p>Represent your brand in the best way with easily customizable theme options and shape your website as you wish.</p><p>- SEO Friendly:</p><p>Reach a wider audience and rank higher in search engines with the SEO-friendly structure of this theme.</p><p>Professional Appearance, Professional Service:</p><p>Specially designed for taxi stations and drivers, this website theme is the perfect choice to introduce your business to a wider audience and attract more customers. Instead of worrying about your website design, focus on taking care of your customers. Take your business to the next level with this modern design, user-friendly interface and advanced features.</p><p><strong>Note: </strong>The Images, Texts, Slogans, Clips, Videos and Mp3s on the site do not have a political or commercial meaning; All are taken from the free category on image download sites. All our customers who purchase our theme can continue to use the Images, Texts, Slogans, Mp3s, Videos, Clips and all promotional images on the site free of charge for life in the themes they purchased... (PSD Not Included.)</p><p>Buy Now and Grow Your Business!</p><p>• 10 Homepage layouts</p><p>• Clean and beautiful design</p><p>• 100% Full Responsive</p><p>• 9 Mega menu builder</p><p>• Displays 8 different style colors</p><p>• Bootstrap 5 - Sp Page Builder Pro</p><p>• Helix Ultimate 2</p><p>• Font Awesome 6</p><p>• Light and Dark Versions</p><p>• Unlimited Google Fonts and cool icons make your site look beautiful.</p><p>• Sticky Menu, Off-Canvas Sidebar, Back to Top Button</p><p>• Full Width and Boxed Layout</p><p>• Full Demo Included Quickstart Package</p><p>• Real-time customization</p><p>• Title variations</p><p>• Functional media manager</p><p>• Desktop, Mobile and Retina logo options</p><p>• Maintenance mode, Multilingual, Ajax rating</p><p>• Change Body Background Pattern for boxed layout</p><p>• Differentiate as you wish using the drag and drop method.</p><p>• No coding knowledge required</p><p>• Support and updates</p><p>• Powerful Admin Panel, </p><p>• Smooth Page Transitions</p><p>• Optional Fixed (adhesive) Head</p><p>• Cool Video Slider Pages</p><p>• Cool Visual Animation Header Skin (Not available elsewhere)</p><p>• Large collection of home and inner pages</p><p>• One-Click import demo site</p><p>• Various Portfolio List Layouts</p><p>• Smooth Page Transitions</p><p>• Thanks to the latest bootstrap and JavaScript MooTools, the template can be customized in various styles.</p><p>• IE9+, Firefox, Safari, Opera, Chrome - And more!</p>","templateFullTitle":"Taxi Company and Cab Service Joomla 5 Template","templatePreviewMetaDescription":"Professional Website Theme for Taxi Ranks and Drivers!Designed specifically for taxi stations and taxi drivers, this website theme provides all the tools you","templateDemoMetaDescription":"Before buying it, get the feel and look of the high quality Taxi Company and Cab Service Joomla Joomla 5 Template Joomla Template (#399424) by viewing the demo preview. View the pages, examine the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Taxi Company and Cab Service Joomla 5 Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/taxi-company-and-cab-service-joomla-joomla-5-template-399424.html","userRating":0,"designIndex":1,"authorUserId":"30481598","exclusive":"1","state":1,"price":62,"inserted_date":"2024-03-11","sent":0,"downloads":2,"search_words":"air auto baseball boat business cab car cargo cars city clients company corporate motor page service agency automobile bike basketball","is_adult":0,"exc_price":2100,"sent_date":"2024-03-11 13:41:00","last_upload":"2024-03-11 13:48:47","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3423689,"templ_id":399424,"filename":"399424-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3423690,"templ_id":399424,"filename":"399424-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3423691,"templ_id":399424,"filename":"399424-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":3423692,"templ_id":399424,"filename":"399424-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":3423693,"templ_id":399424,"filename":"399424-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/399424.html","image":"https://s.tmimgcdn.com/scr/399400/taxi-company-and-cab-service-joomla-5-template_399424-original.jpg","searchHash":"513f74aa3cb7d7318d255fcd72140d45","previewHash":"742d8f63ea9b287d216038bfedff84ef","authorNickname":"joomlove","lowLevelTopic":"Outsourcing Company Templates; Taxi Templates; Car Templates; Drafting Templates; Motorcycles","weightedRating":null,"annualSale":2,"monthlySales":1,"quarterlySales":2,"productBoost":0,"onSale":0,"finalPrice":54,"discountPercent":0,"discountAmount":0,"semiannualSales":2,"properties":{"features":["Premium","Responsive","Pro","Admin Panel","Bootstrap","Ajax","Mobile Layout Included","Multipurpose","Team Members","Light Template","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","MegaMenu","Blog","Gallery","Portfolio","JQuery","Background video","Website Builder"],"styles":["Cartoon","Clean","Corporate","Retro","Collage","Dark","Vector","Mobile","Flat"],"isLastAdded":"1","topic":["Architecture","Outsourcing Company Templates","Taxi Templates","Car Templates","Transportation Templates","Drafting Templates","Design","Design & Photography","Business & Services","Cars & Motorcycles","Home & Family","Motorcycles"],"isFree":"none","color":["black","brown"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","imagesIncluded":"Yes","tags":["agency","air","auto","automobile","baseball","basketball","bike","boat","business","cab","car","cargo","cars","city","clients","company","corporate","motor","page","service"],"marketplaceMembership":"None","joomlaEditor":"SP Page Builder","paidSupport":"Yes","authorUserId":"30481598","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"joomlaCompatibility":"5.0.x","excerpt":"<p>Designed specifically for taxi stations and taxi drivers, this website theme provides all the tools you need to impress your customers and grow your business.</p>","nameOfTheTemplate":"Taxi Company and Cab Service Joomla 5 Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u30481598/5947520df18c97f751f97c02ea529391.jpg, https://s3u.tmimgcdn.com/u30481598/f1bf7a95a5edc69db3e3a1ca101bfa32.jpg, https://s3u.tmimgcdn.com/u30481598/ab4fd4ad1184fd66266400cdac1e247e.jpg, https://s3u.tmimgcdn.com/u30481598/9349161c0f877bd4c1cc09d2188f5667.jpg","shortDescription":"<p>Professional Website Theme for Taxi Ranks and Drivers!</p><p>Designed specifically for taxi stations and taxi drivers, this website theme provides all the tools you need to impress your customers and grow your business. With its modern and stylish design, this theme helps you guide visitors effortlessly by providing easy navigation.</p><p>Advanced features:</p><p>- Map Integration:</p><p>Make it easier for customers to find your locations by displaying your taxi stops with interactive map integration.</p><p>- Mobile Compatible Design:</p><p> Reach your customers anytime, anywhere with a fully responsive design that provides a perfect user experience on mobile devices.</p><p>- Customizability:</p><p>Represent your brand in the best way with easily customizable theme options and shape your website as you wish.</p><p>- SEO Friendly:</p><p>Reach a wider audience and rank higher in search engines with the SEO-friendly structure of this theme.</p><p>Professional Appearance, Professional Service:</p><p>Specially designed for taxi stations and drivers, this website theme is the perfect choice to introduce your business to a wider audience and attract more customers. Instead of worrying about your website design, focus on taking care of your customers. Take your business to the next level with this modern design, user-friendly interface and advanced features.</p><p><strong>Note: </strong>The Images, Texts, Slogans, Clips, Videos and Mp3s on the site do not have a political or commercial meaning; All are taken from the free category on image download sites. All our customers who purchase our theme can continue to use the Images, Texts, Slogans, Mp3s, Videos, Clips and all promotional images on the site free of charge for life in the themes they purchased... (PSD Not Included.)</p><p>Buy Now and Grow Your Business!</p><p>• 10 Homepage layouts</p><p>• Clean and beautiful design</p><p>• 100% Full Responsive</p><p>• 9 Mega menu builder</p><p>• Displays 8 different style colors</p><p>• Bootstrap 5 - Sp Page Builder Pro</p><p>• Helix Ultimate 2</p><p>• Font Awesome 6</p><p>• Light and Dark Versions</p><p>• Unlimited Google Fonts and cool icons make your site look beautiful.</p><p>• Sticky Menu, Off-Canvas Sidebar, Back to Top Button</p><p>• Full Width and Boxed Layout</p><p>• Full Demo Included Quickstart Package</p><p>• Real-time customization</p><p>• Title variations</p><p>• Functional media manager</p><p>• Desktop, Mobile and Retina logo options</p><p>• Maintenance mode, Multilingual, Ajax rating</p><p>• Change Body Background Pattern for boxed layout</p><p>• Differentiate as you wish using the drag and drop method.</p><p>• No coding knowledge required</p><p>• Support and updates</p><p>• Powerful Admin Panel, </p><p>• Smooth Page Transitions</p><p>• Optional Fixed (adhesive) Head</p><p>• Cool Video Slider Pages</p><p>• Cool Visual Animation Header Skin (Not available elsewhere)</p><p>• Large collection of home and inner pages</p><p>• One-Click import demo site</p><p>• Various Portfolio List Layouts</p><p>• Smooth Page Transitions</p><p>• Thanks to the latest bootstrap and JavaScript MooTools, the template can be customized in various styles.</p><p>• IE9+, Firefox, Safari, Opera, Chrome - And more!</p>","uniqueKeywords":"air,auto,baseball,boat,business,cab,car,cargo,cars,city,clients,company,corporate,motor,page,service,agency,automobile,bike,basketball","advImage":"https://s3u.tmimgcdn.com/u30481598/c382007202f12c063df8e6d5b7c02bac.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u30481598/35fc41ebc6e7091fee80be3750bd316f.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u30481598/efff405bc290fa39ed0d438dc660bf64.jpg","livePreviewURL":"https://supersonic.joomlalove.com/","metaDescription":"Professional Website Theme for Taxi Ranks and Drivers!Designed specifically for taxi stations and taxi drivers, this website theme provides all the tools you","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Before buying it, get the feel and look of the high quality Taxi Company and Cab Service Joomla Joomla 5 Template Joomla Template (#399424) by viewing the demo preview. View the pages, examine the images, press the buttons, explore the functionality.","customUrl":"/joomla-templates/taxi-company-and-cab-service-joomla-joomla-5-template-399424.html","productSize":"112634121","trendiness":"5","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: Sun, 28 Apr 2024 12:37:14 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(293) "Link: <http://products/api/v2/products/en?language=en&ids=399424&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=399424&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=399424&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 28 Apr 2024 12:42:14 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://supersonic.joomlalove.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#399424 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/399424.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 #399424            </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=399424&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $57                <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>