string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=60077&expand=properties"
string(14650) "[{"templateId":60077,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":464,"categoryName":"Web Design Templates","templateTitle":"Web Design Responsive Joomla Template","templatePreviewHtmlTitle":"Web Development Joomla Template #60077 - TemplateMonster","templateDemoHtmlTitle":"Live demo for Web Development Joomla Template #60077","typeShortName":"Joomla","templatePreviewFBTitle":"<b>Web Development Joomla Template</b> features a clean and stylish layout. Designed in minimalist style and with attention to details, the theme presents different types of content in a balanced and quick to scan manner. The backgrounds are enhanced with the parallax scrolling effect. Content-rich web resources will benefit from the lazy load effect. The main navigation panel features drop-down functionality and remains fixed to the top of the page. Niche-specific icons and back-to-top button enhance navigation. A built-in contact form and live chat allow the users to get in touch with the site owners online.<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 Web Design Joomla design template</h3> <p><b>What is it?</b></p><p>Bootstrap is a really free of cost front-end framework that offers for faster and straightforward website design training.</p> <p><b>Why is it Good?</b></p><p>Bootstrap lets you make responsive, mobile-first online projects very easily.</p><p>Find newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla designs</a> here</p> <h3>This Photography Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive designs adjust to little as well as large screen dimensions automatically.</p> <p><b>Why is it Good?</b></p><p>Responsive design makes sure that the website will offer an excellent browsing experience to all users throughout all gadgets. </p><p>View more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <h3>This is Design Shop Joomla design template with Portfolio</h3> <p><b>What is it?</b></p><p>Portfolio website is a kind of website that allows presenting various items (services, artworks, merchandise, and so on).</p> <p><b>Why is it Good?</b></p><p>Through a portfolio, you will make your projects jump out. Whilst including the portfolio in your webpage, you grow the chances that the readers will be involved with your content and in addition keep coming back for deeper research.</p><p>View more <a href=\"https://www.templatemonster.com/portfolio-joomla-templates/\">Portfolio Joomla designs</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Web Development Joomla Template","templatePreviewMetaDescription":"Web Development Joomla Template features a clean and stylish layout. Designed in minimalist style and with attention to details, the theme presents different","templateDemoMetaDescription":"Sit back and watch the demo for the Web Development Joomla Template (#60077) to learn what this template is before you buy it. Click through the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Web Development Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/web-development-joomla-template-60077.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":47,"inserted_date":"2016-10-03","sent":2,"downloads":21,"search_words":"web 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":"2016-10-24 06:15:13","last_upload":"2016-10-03 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":3,"filename":"60077-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60077,"width":1800,"window_params":"","banner_url":"","id":1667185,"href":"","height":4494},{"scr_type_id":178,"filename":"60077-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60077,"width":430,"window_params":"","banner_url":"","id":1667186,"href":"","height":1074},{"scr_type_id":300,"filename":"60077-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60077,"width":320,"window_params":"","banner_url":"","id":1667187,"href":"","height":900},{"scr_type_id":311,"filename":"60077-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60077,"width":965,"window_params":"","banner_url":"","id":1667188,"href":"","height":2409},{"scr_type_id":334,"filename":"60077-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60077,"width":1600,"window_params":"","banner_url":"","id":1667189,"href":"","height":1000},{"scr_type_id":179,"filename":"60077-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60077,"width":430,"window_params":"","banner_url":"","id":1667190,"href":"","height":60},{"scr_type_id":312,"filename":"60077-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60077,"width":370,"window_params":"","banner_url":"","id":1667191,"href":"","height":370},{"scr_type_id":315,"filename":"60077-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60077,"width":1800,"window_params":"","banner_url":"","id":1667192,"href":"","height":4494},{"scr_type_id":314,"filename":"60077-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60077,"width":1903,"window_params":"","banner_url":"","id":1667193,"href":"","height":4494},{"scr_type_id":78,"filename":"60077-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":60077,"width":970,"window_params":"","banner_url":"","id":1667194,"href":"","height":280},{"scr_type_id":299,"filename":"60077-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60077,"width":430,"window_params":"","banner_url":"","id":1667195,"href":"","height":900},{"scr_type_id":298,"filename":"60077-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60077,"width":430,"window_params":"","banner_url":"","id":1667196,"href":"","height":900},{"scr_type_id":3,"filename":"60077-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60077,"width":408,"window_params":"","banner_url":"","id":1667197,"href":"","height":55},{"scr_type_id":9,"filename":"60077-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60077,"width":145,"window_params":"","banner_url":"","id":1667198,"href":"","height":156},{"scr_type_id":3,"filename":"60077-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60077,"width":895,"window_params":"","banner_url":"","id":1667199,"href":"","height":599}],"demoUrl":"/demo/60077.html","image":"https://s.tmimgcdn.com/scr/60000/web-development-joomla-template_60077-0-original.jpg","searchHash":"72dc56a4f16420121ccddc9c0b80f182","previewHash":"6d5c7388655abb82d089570d3c3d0dd5","authorNickname":"RockThemes","lowLevelTopic":"Web Design Templates","weightedRating":4.25,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":47,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"Use this template for web development, software, and design sites.","categoriesView":"List","joomlaModules":["Articles - Newsflash","Articles Single","Camera Slideshow","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"uniqueKeywords":"development developer  mobile studio creative advertising webmasters designer internet it site portfolio freelance app agency digital soft application","metaDescription":"Clean and stylish design of Web Development Joomla Template of fully responsive and editable. Grab it to bring a refined look to your web project.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/60000/60077-en_01.jpg, https://s.tmimgcdn.com/scr/60000/60077-en_02.jpg, https://s.tmimgcdn.com/scr/60000/60077-en_03.jpg, https://s.tmimgcdn.com/scr/60000/60077-en_04.jpg, https://s.tmimgcdn.com/scr/60000/60077-en_05.jpg, https://s.tmimgcdn.com/scr/60000/60077-en_06.jpg, https://s.tmimgcdn.com/scr/60000/60077-en_07.jpg, https://s.tmimgcdn.com/scr/60000/60077-en_08.jpg, https://s.tmimgcdn.com/scr/60000/60077-en_09.jpg, https://s.tmimgcdn.com/scr/60000/60077-en_10.jpg, https://s.tmimgcdn.com/scr/60000/60077-en_11.jpg, https://s.tmimgcdn.com/scr/60000/60077-en_12.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.6.0","templateSources":[".PSD",".PHP"],"authorUserId":"1768190","htmlTitle":"Web Development Joomla Template","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.4","imageDescription":"https://s.tmimgcdn.com/scr/60000/60077-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"lastmod":"2020-07-24T07:08:54-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Sit back and watch the demo for the Web Development Joomla Template (#60077) to learn what this template is before you buy it. Click through the pages, check the images, click the buttons, explore the features.","shortDescription":"<b>Web Development Joomla Template</b> features a clean and stylish layout. Designed in minimalist style and with attention to details, the theme presents different types of content in a balanced and quick to scan manner. The backgrounds are enhanced with the parallax scrolling effect. Content-rich web resources will benefit from the lazy load effect. The main navigation panel features drop-down functionality and remains fixed to the top of the page. Niche-specific icons and back-to-top button enhance navigation. A built-in contact form and live chat allow the users to get in touch with the site owners online.<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 Web Design Joomla design template</h3> <p><b>What is it?</b></p><p>Bootstrap is a really free of cost front-end framework that offers for faster and straightforward website design training.</p> <p><b>Why is it Good?</b></p><p>Bootstrap lets you make responsive, mobile-first online projects very easily.</p><p>Find newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla designs</a> here</p> <h3>This Photography Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive designs adjust to little as well as large screen dimensions automatically.</p> <p><b>Why is it Good?</b></p><p>Responsive design makes sure that the website will offer an excellent browsing experience to all users throughout all gadgets. </p><p>View more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <h3>This is Design Shop Joomla design template with Portfolio</h3> <p><b>What is it?</b></p><p>Portfolio website is a kind of website that allows presenting various items (services, artworks, merchandise, and so on).</p> <p><b>Why is it Good?</b></p><p>Through a portfolio, you will make your projects jump out. Whilst including the portfolio in your webpage, you grow the chances that the readers will be involved with your content and in addition keep coming back for deeper research.</p><p>View more <a href=\"https://www.templatemonster.com/portfolio-joomla-templates/\">Portfolio Joomla designs</a> here</p> <br /></div></div></div></div>","joomlaCompatibility":"3.8","tags":["advertising","agency","app","application","art","artists","creative","design","designer","designers","developer","development","digital","freelance","gallery","internet","lab","mobile","painters","painting","personal","portfolio","site","sites","soft","studio","web","it","webpage"],"customUrl":"/joomla-templates/web-development-joomla-template-60077.html","badge":"badge-responsive","nameOfTheTemplate":"Web Development Joomla Template","pHPVersionCompatibility":"7.x","topic":["Web Design Templates","Design","Design & Photography"],"styles":["Neutral","Flat"],"productFamily":"None","color":["black","white","grey"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"2","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"3.0","livePreviewURL":"https://livedemo00.template-help.com/joomla_60077","templateGroup":"CMS Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","galleryScript":"MixItUp","dynamicChangeLog":"<ul>\n<li>- 1 back-end issue fixed</li>\n<li>- 2 layout issues fixed</li>\n</ul>","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2efDIYG","webForms":["Contact Form","Login Form","User Registration","Search Form"],"loyaltySells":"1","width":"1920px","skupromo":"31%","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: Thu, 09 May 2024 00:38:00 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=60077&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=60077&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=60077&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 09 May 2024 00:43:00 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_60077<!DOCTYPE html>
<html lang="en">
<head>
    <title>#60077 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/60077.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 #60077            </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=60077&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>