string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=57845&expand=properties"
string(15736) "[{"templateId":57845,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":446,"categoryName":"Maintenance Services Templates","templateTitle":"Maintenance Services Responsive Joomla Template","templatePreviewHtmlTitle":"Boat Service  Repair Joomla Template - TemplateMonster","templateDemoHtmlTitle":"Live demo for Boat Service  Repair Joomla Template #57845","typeShortName":"Joomla","templatePreviewFBTitle":"<p>Boat Service Repair is a Yachting Club Joomla Template that runs on a fully adaptive framework. In order to let your visitors enjoy the site's content to the fullest, the theme's navigation panel was minimized and presented in a form of a hamburger icon. A neutral color scheme of the theme is intended to appeal to the wide audience. Crossbrowser compatibility ensures that your site will run perfectly well across all the major web apps. For a quick start of your blog portfolio, business or personal site, the theme is pre-loaded with a set of custom page templates, alternative module layouts and modules bundle install. Google web fonts are also at your disposal. Social media options are also provided.</p><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/\" rel=\"noopener noreferrer\" target=\"_blank\">digital products vendor</a> and earn up to 70% from each sale.</p><h3>This is a Bootstrap Business Company Joomla template</h3><p><strong>What is it?</strong></p><p>Bootstrap is a free front-end network for building websites and web-apps.</p><p><strong>Why is it Good?</strong></p><p>By making usage of Bootstrap, you may produce totally responsive web designs using HTML and CSS based web templates for typography, fonts, forms, buttons, tables, et cetera.</p><p>Fresh <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\" rel=\"noopener noreferrer\" target=\"_blank\">Bootstrap Joomla design themes</a> here</p><h3>This is Business Bureau Joomla design with Portfolio</h3><p><strong>What is it?</strong></p><p>Portfolio layouts grant an organic, normally tiles-form layout. These designs are used to coordinate any type of artwork.</p><p><strong>Why is it Good?</strong></p><p>Portfolio is the ideal approach to to be artistic with the info about you and your personal job and instantly catch the eye of your future satisfied clientele.</p><p>Find latest <a href=\"https://www.templatemonster.com/portfolio-joomla-templates/\" rel=\"noopener noreferrer\" target=\"_blank\">Portfolio Joomla design templates</a> here</p><h3>This Business Bureau Joomla design template is Responsive</h3><p><strong>What is it?</strong></p><p>Responsive design ensures that the page changes its size and shape to fit any specific display screen, from the tiniest handsets to the largest Personal computer screens. For every gadget, internet page components enlarge or lessen to seem ideal.</p><p><strong>Why is it Good?</strong></p><p>With the expanding popularity of smartphones, how many individuals who log on to the websites from mobile phones has increased significantly. Such a aspect helps you to change websites to cellular devices and diverse screen extensions, ultimately offering smartphone users with better options.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\" rel=\"noopener noreferrer\" target=\"_blank\">Responsive Joomla design themes</a> here</p>","templateFullTitle":"Boat Service  Repair Joomla Template","templatePreviewMetaDescription":"Boat Service Repair is a Yachting Club Joomla Template that runs on a fully adaptive framework. In order to let your visitors enjoy the site's content to the","templateDemoMetaDescription":"View the demo for the professional Boat Service  Repair Joomla Template (#57845) get yourself acquainted with this theme before you purchase it. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Boat Service  Repair Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/boat-service-repair-joomla-template-57845.html","userRating":"4.5","designIndex":"85","authorUserId":"1768190","exclusive":"0","state":1,"price":47,"inserted_date":"2016-08-04","sent":2,"downloads":31,"search_words":"charter,club,anchor,sea,river,team,regatta,racing,cruise,repair,restoration,ocean,seaman,sailor,yachting,boat,boats,directory,listings,yacht","is_adult":0,"exc_price":4500,"sent_date":"2016-08-25 06:15:10","last_upload":"2016-08-04 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":314,"filename":"57845-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57845,"width":2125,"window_params":"","banner_url":"","id":1661434,"href":"","height":5068},{"scr_type_id":300,"filename":"57845-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57845,"width":320,"window_params":"","banner_url":"","id":1661435,"href":"","height":900},{"scr_type_id":178,"filename":"57845-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57845,"width":430,"window_params":"","banner_url":"","id":1661436,"href":"","height":1211},{"scr_type_id":179,"filename":"57845-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57845,"width":430,"window_params":"","banner_url":"","id":1661437,"href":"","height":60},{"scr_type_id":3,"filename":"57845-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57845,"width":895,"window_params":"","banner_url":"","id":1661438,"href":"","height":599},{"scr_type_id":298,"filename":"57845-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57845,"width":430,"window_params":"","banner_url":"","id":1661439,"href":"","height":900},{"scr_type_id":78,"filename":"57845-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":57845,"width":970,"window_params":"","banner_url":"","id":1661440,"href":"","height":280},{"scr_type_id":315,"filename":"57845-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57845,"width":1800,"window_params":"","banner_url":"","id":1661441,"href":"","height":5068},{"scr_type_id":311,"filename":"57845-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57845,"width":965,"window_params":"","banner_url":"","id":1661442,"href":"","height":2717},{"scr_type_id":3,"filename":"57845-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57845,"width":1800,"window_params":"","banner_url":"","id":1661443,"href":"","height":5068},{"scr_type_id":9,"filename":"57845-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57845,"width":145,"window_params":"","banner_url":"","id":1661444,"href":"","height":156},{"scr_type_id":312,"filename":"57845-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57845,"width":370,"window_params":"","banner_url":"","id":1661445,"href":"","height":370},{"scr_type_id":334,"filename":"57845-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57845,"width":1600,"window_params":"","banner_url":"","id":1661446,"href":"","height":1000},{"scr_type_id":3,"filename":"57845-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57845,"width":408,"window_params":"","banner_url":"","id":1661447,"href":"","height":55},{"scr_type_id":299,"filename":"57845-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57845,"width":430,"window_params":"","banner_url":"","id":1661448,"href":"","height":900}],"demoUrl":"/demo/57845.html","image":"https://s.tmimgcdn.com/scr/57800/boat-service-repair-joomla-template_57845-0-original.jpg","searchHash":"c2468f39bb6bbf871965d06a1195138a","previewHash":"14f5049fcd787d4bcf10e00d12bf97aa","authorNickname":"RockThemes","lowLevelTopic":"Maintenance Services Templates","weightedRating":4.166666666666666,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":47,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"The theme is intended for yachting, transportation and maintenance service websites.","joomlaModules":["Articles - Newsflash","Articles Single","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"productSize":"333589844","uniqueKeywords":"charter,club,anchor,sea,river,team,regatta,racing,cruise,repair,restoration,ocean,seaman,sailor,yachting,boat,boats,directory,listings,yacht","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Yachting Club Joomla Template is intended to make your website outstanding. Its user-friendly layout and a bundle of smart features will appeal to the wide audience.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/57800/57845-en_01.jpg, https://s.tmimgcdn.com/scr/57800/57845-en_02.jpg, https://s.tmimgcdn.com/scr/57800/57845-en_03.jpg, https://s.tmimgcdn.com/scr/57800/57845-en_04.jpg, https://s.tmimgcdn.com/scr/57800/57845-en_05.jpg, https://s.tmimgcdn.com/scr/57800/57845-en_06.jpg, https://s.tmimgcdn.com/scr/57800/57845-en_07.jpg, https://s.tmimgcdn.com/scr/57800/57845-en_08.jpg, https://s.tmimgcdn.com/scr/57800/57845-en_09.jpg, https://s.tmimgcdn.com/scr/57800/57845-en_10.jpg","features":["Responsive","Admin Panel","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Blog","Gallery","Portfolio","Forum","HTML 5","JQuery","HTML plus JS"],"joomlaEngine":"3.9","saleSells":"1","templateSources":[".PSD",".PHP"],"languageSupport":"English","authorUserId":"1768190","htmlTitle":"Yachting Club Joomla Template","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.4","imageDescription":"https://s.tmimgcdn.com/scr/57800/57845-responsive-layout.jpg","exclusive":"0","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","PHP editor."],"lastmod":"2021-08-23T01:55:08-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"View the demo for the professional Boat Service  Repair Joomla Template (#57845) get yourself acquainted with this theme before you purchase it. View the pages, check out the images, click the buttons, explore the features.","shortDescription":"<p>Boat Service Repair is a Yachting Club Joomla Template that runs on a fully adaptive framework. In order to let your visitors enjoy the site's content to the fullest, the theme's navigation panel was minimized and presented in a form of a hamburger icon. A neutral color scheme of the theme is intended to appeal to the wide audience. Crossbrowser compatibility ensures that your site will run perfectly well across all the major web apps. For a quick start of your blog portfolio, business or personal site, the theme is pre-loaded with a set of custom page templates, alternative module layouts and modules bundle install. Google web fonts are also at your disposal. Social media options are also provided.</p><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/\" rel=\"noopener noreferrer\" target=\"_blank\">digital products vendor</a> and earn up to 70% from each sale.</p><h3>This is a Bootstrap Business Company Joomla template</h3><p><strong>What is it?</strong></p><p>Bootstrap is a free front-end network for building websites and web-apps.</p><p><strong>Why is it Good?</strong></p><p>By making usage of Bootstrap, you may produce totally responsive web designs using HTML and CSS based web templates for typography, fonts, forms, buttons, tables, et cetera.</p><p>Fresh <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\" rel=\"noopener noreferrer\" target=\"_blank\">Bootstrap Joomla design themes</a> here</p><h3>This is Business Bureau Joomla design with Portfolio</h3><p><strong>What is it?</strong></p><p>Portfolio layouts grant an organic, normally tiles-form layout. These designs are used to coordinate any type of artwork.</p><p><strong>Why is it Good?</strong></p><p>Portfolio is the ideal approach to to be artistic with the info about you and your personal job and instantly catch the eye of your future satisfied clientele.</p><p>Find latest <a href=\"https://www.templatemonster.com/portfolio-joomla-templates/\" rel=\"noopener noreferrer\" target=\"_blank\">Portfolio Joomla design templates</a> here</p><h3>This Business Bureau Joomla design template is Responsive</h3><p><strong>What is it?</strong></p><p>Responsive design ensures that the page changes its size and shape to fit any specific display screen, from the tiniest handsets to the largest Personal computer screens. For every gadget, internet page components enlarge or lessen to seem ideal.</p><p><strong>Why is it Good?</strong></p><p>With the expanding popularity of smartphones, how many individuals who log on to the websites from mobile phones has increased significantly. Such a aspect helps you to change websites to cellular devices and diverse screen extensions, ultimately offering smartphone users with better options.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\" rel=\"noopener noreferrer\" target=\"_blank\">Responsive Joomla design themes</a> here</p>","joomlaCompatibility":"3.9.x","tags":["anchor","boat","boats","charter","club","cruise","directory","listings","ocean","racing","regatta","repair","restoration","river","sailor","sea","seaman","team","yacht","yachting"],"customUrl":"/joomla-templates/boat-service-repair-joomla-template-57845.html","badge":"badge-responsive","nameOfTheTemplate":"Boat Service  Repair Joomla Template","pHPVersionCompatibility":"7.x","topic":["Maintenance Services Templates","Business & Services"],"changeLogDate":"2020-08-04","styles":["Neutral","Flat"],"productFamily":"None","color":["black","white","grey","cyan"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"2","reviewAverageScore":"4.5","templateSupportOptions":"[{\"id\":123742,\"template_id\":88277,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":123743,\"template_id\":88277,\"type\":4,\"measure\":\"minute\",\"value\":5,\"phone\":\"\"}]","sqi":"95","bootstrapVersion":"2.3.1","livePreviewURL":"https://livedemo00.template-help.com/joomla_57845/","authorMainScreenshot":"https://s.tmimgcdn.com/scr/57800/boat-service-repair-joomla-template_57845-original.jpg","templateGroup":"CMS Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","imagesIncluded":"Yes","galleryScript":"MixItUp","dynamicChangeLog":"<ul>\n<li>- 2 JS issues fixed</li>\n<li>- 3 minor front-end bugs fixed</li>\n<li>- 1 PSD layer updated</li>\n</ul>","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2bIG5lS","webForms":["Contact Form","Login Form","User Registration","Advanced Search","Search Form"],"width":"2050px","skupromo":"31%","marketplaceMembership":"None","category":"Website templates","dqi":"85"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 26 Apr 2024 17:34:27 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=57845&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=57845&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=57845&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 17:39:27 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_57845/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#57845 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/57845.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 #57845            </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=57845&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>