string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=54025&expand=properties"
string(14917) "[{"templateId":54025,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":521,"categoryName":"Design Studio Templates","templateTitle":"Design Studio Responsive Joomla Template","templatePreviewHtmlTitle":"Dufy Joomla Template #54025 - TemplateMonster","templateDemoHtmlTitle":"Live demo for Dufy Joomla Template #54025","typeShortName":"Joomla","templatePreviewFBTitle":"This graphic design Joomla template is built in accordance with major IT standards and ensures unmatched performance. A flat design makes it quite universal, as you can customize the theme and adapt it to any kind of business in no time. Vertical menu is one of the most interesting elements. It not only gives the theme a truly unique look, but also provides splendid navigation. The template will be a perfect fit for any kind of web project no matter is it a blog or a huge corporate site.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap Design Joomla design</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for website and programs design.</p> <p><b>Why is it Good?</b></p><p>Choosing such a framework noticeably speeds up the entire process of constructing web pages. Typical patterns are super easy to transform, which supplies an adaptable and easy process for building site themes.</p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla templates</a> here</p> <h3>This is Design Firm Joomla design with Portfolio</h3> <p><b>What is it?</b></p><p>Portfolio design templates provide an organic, oftentimes tiles-form layout. They are used to coordinate any kind of creative art. </p> <p><b>Why is it Good?</b></p><p>It is actually a great web design option for original people, like photography enthusiasts, performers, designers, etc.</p><p>Newest <a href=\"https://www.templatemonster.com/portfolio-joomla-templates/\">Portfolio Joomla designs</a> here</p> <h3>This Design Blog Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>It is an ability of the website to instantly adjust to any screen dimension and resolution. </p> <p><b>Why is it Good?</b></p><p>It is good considering that the website can be reached by more visitors from the huge amount of gadgets. </p><p>Find fresh <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla themes</a> here</p> <h3>This Design Joomla theme is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search engine friendly web templates are optimized as per the present day SEO specifications. The following expands the opportunities they'll be acknowledged on the internet, consequently increasing your domain's rank positions in search engine results.</p> <p><b>Why is it Good?</b></p><p>You don't need to be a pro at SEO to get high rankings in Google. WordPress SEO plugins allow to compose SEO-ready title tags and meta descriptions, and in addition analyze on-page content, let you make XML-sitemaps, etc.</p><p>Find fresh <a href=\"https://www.templatemonster.com/seo-joomla-templates/\">Search Engine Friendly Joomla design themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Dufy Joomla Template","templatePreviewMetaDescription":"This graphic design Joomla template is built in accordance with major IT standards and ensures unmatched performance. A flat design makes it quite universal,","templateDemoMetaDescription":"Explore the live preview for the premium Dufy Joomla Template (#54025) get yourself familiar with this template before buying it. Click through the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Dufy Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/54025.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":47,"inserted_date":"2015-05-27","sent":2,"downloads":31,"search_words":"dufo development design lab studio creative  art gallery artists painting painters web development webmasters designers internet www  sites web design webpage personal  portfolio","is_adult":0,"exc_price":4500,"sent_date":"2015-05-27 06:17:21","last_upload":"2015-05-27 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":315,"filename":"54025-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54025,"width":1600,"window_params":"","banner_url":"","id":1465918,"href":"","height":6165},{"scr_type_id":312,"filename":"54025-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54025,"width":370,"window_params":"","banner_url":"","id":1465919,"href":"","height":370},{"scr_type_id":311,"filename":"54025-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54025,"width":965,"window_params":"","banner_url":"","id":1465920,"href":"","height":3577},{"scr_type_id":314,"filename":"54025-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54025,"width":1663,"window_params":"","banner_url":"","id":1465921,"href":"","height":6165},{"scr_type_id":3,"filename":"54025-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54025,"width":1600,"window_params":"","banner_url":"","id":1465922,"href":"","height":6165},{"scr_type_id":3,"filename":"54025-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54025,"width":408,"window_params":"","banner_url":"","id":1465923,"href":"","height":55},{"scr_type_id":178,"filename":"54025-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54025,"width":430,"window_params":"","banner_url":"","id":1465924,"href":"","height":1594},{"scr_type_id":78,"filename":"54025-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":54025,"width":970,"window_params":"","banner_url":"","id":1465925,"href":"","height":280},{"scr_type_id":179,"filename":"54025-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54025,"width":430,"window_params":"","banner_url":"","id":1465926,"href":"","height":60},{"scr_type_id":299,"filename":"54025-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54025,"width":430,"window_params":"","banner_url":"","id":1465927,"href":"","height":900},{"scr_type_id":3,"filename":"54025-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54025,"width":1663,"window_params":"","banner_url":"","id":1465928,"href":"","height":6165},{"scr_type_id":9,"filename":"54025-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54025,"width":145,"window_params":"","banner_url":"","id":1465929,"href":"","height":156},{"scr_type_id":298,"filename":"54025-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54025,"width":430,"window_params":"","banner_url":"","id":1465930,"href":"","height":900},{"scr_type_id":3,"filename":"54025-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54025,"width":895,"window_params":"","banner_url":"","id":1465931,"href":"","height":599},{"scr_type_id":300,"filename":"54025-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54025,"width":320,"window_params":"","banner_url":"","id":1465932,"href":"","height":900},{"scr_type_id":334,"filename":"54025-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54025,"width":1600,"window_params":"","banner_url":"","id":1638948,"href":"","height":1000}],"demoUrl":"/demo/54025.html","image":"https://s.tmimgcdn.com/scr/54000/dufy-joomla-template_54025-0-original.jpg","searchHash":"8d80f5eb9fd65069a1c13309c45522f9","previewHash":"60a6acb73ceb848d2c1a6b6c91da936c","authorNickname":"RockThemes","lowLevelTopic":"Design Studio Templates","weightedRating":4.3076923076923,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":33,"discountPercent":30,"discountAmount":14,"semiannualSales":0,"properties":{"kindOfShops":"The template will be a perfect fit for design agencies, business and education sites.","joomlaModules":["Articles - Newsflash","Articles Single","CarouFredSel","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form"],"uniqueKeywords":"Any topic","metaDescription":"Give Your Business a New Life with Graphic Design Joomla Template.","features":["Responsive","Admin Panel","Search Engine Friendly","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.4.x","templateSources":[".PSD",".PHP"],"authorUserId":"1768190","isFree":"none","htmlTitle":"Graphic Design Joomla Template","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.1","imageDescription":"https://s.tmimgcdn.com/scr/54000/54025-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Joomla! 3.4.x","PHP editor."],"lastmod":"2021-02-26T11:37:51-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Explore the live preview for the premium Dufy Joomla Template (#54025) get yourself familiar with this template before buying it. Click through the pages, check the images, press the buttons, explore the functionality.","shortDescription":"This graphic design Joomla template is built in accordance with major IT standards and ensures unmatched performance. A flat design makes it quite universal, as you can customize the theme and adapt it to any kind of business in no time. Vertical menu is one of the most interesting elements. It not only gives the theme a truly unique look, but also provides splendid navigation. The template will be a perfect fit for any kind of web project no matter is it a blog or a huge corporate site.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap Design Joomla design</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for website and programs design.</p> <p><b>Why is it Good?</b></p><p>Choosing such a framework noticeably speeds up the entire process of constructing web pages. Typical patterns are super easy to transform, which supplies an adaptable and easy process for building site themes.</p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla templates</a> here</p> <h3>This is Design Firm Joomla design with Portfolio</h3> <p><b>What is it?</b></p><p>Portfolio design templates provide an organic, oftentimes tiles-form layout. They are used to coordinate any kind of creative art. </p> <p><b>Why is it Good?</b></p><p>It is actually a great web design option for original people, like photography enthusiasts, performers, designers, etc.</p><p>Newest <a href=\"https://www.templatemonster.com/portfolio-joomla-templates/\">Portfolio Joomla designs</a> here</p> <h3>This Design Blog Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>It is an ability of the website to instantly adjust to any screen dimension and resolution. </p> <p><b>Why is it Good?</b></p><p>It is good considering that the website can be reached by more visitors from the huge amount of gadgets. </p><p>Find fresh <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla themes</a> here</p> <h3>This Design Joomla theme is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search engine friendly web templates are optimized as per the present day SEO specifications. The following expands the opportunities they'll be acknowledged on the internet, consequently increasing your domain's rank positions in search engine results.</p> <p><b>Why is it Good?</b></p><p>You don't need to be a pro at SEO to get high rankings in Google. WordPress SEO plugins allow to compose SEO-ready title tags and meta descriptions, and in addition analyze on-page content, let you make XML-sitemaps, etc.</p><p>Find fresh <a href=\"https://www.templatemonster.com/seo-joomla-templates/\">Search Engine Friendly Joomla design themes</a> here</p> <br /></div></div></div></div>","joomlaCompatibility":["3.5","3.8"],"tags":["any","art","artists","creative","design","designers","development","gallery","internet","lab","painters","painting","personal","portfolio","sites","studio","topic","web","webpage"],"customUrl":"/joomla-templates/54025.html","badge":"badge-responsive","nameOfTheTemplate":"Dufy Joomla Template","pHPVersionCompatibility":"7.x","topic":["Design","Design Studio Templates","Design & Photography"],"changeLogDate":"2016-08-31","styles":["Neutral","Flat"],"productFamily":"None","followUpLetter":"joomla-templates-offers","color":["white","cyan"],"reviewsTotal":"3","reviewAverageScore":"5","changeLog":"<b>September 02, 2016</b><br /><ul><li>- We updated the engine version to Joomla 3.4.8;</li><ul>","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"2.3.1","livePreviewURL":"https://livedemo00.template-help.com/joomla_54025","issuggestion":"1","templateGroup":"CMS Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","galleryScript":"MixItUp","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1HvPO52","layout":"1 column","webForms":["Contact Form","Login Form","User Registration","Search Form"],"loyaltySells":"1","width":"2048px","skupromo":"40%","marketplaceMembership":"None","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 29 Nov 2024 09:56:49 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=54025&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=54025&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=54025&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 29 Nov 2024 10:01:49 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://livedemo00.template-help.com/joomla_54025<!DOCTYPE html>
<html lang="en">
<head>
    <title>#54025 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/54025.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 #54025            </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=54025&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>