string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=61208&expand=properties"
string(13033) "[{"templateId":61208,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":464,"categoryName":"Web Design Templates","templateTitle":"Web Design Responsive Joomla Template","templatePreviewHtmlTitle":"Djuci - Web Design Agency Joomla Template - TemplateMonster","templateDemoHtmlTitle":"Live preview for Djuci - Web Design Agency Joomla Template #61208","typeShortName":"Joomla","templatePreviewFBTitle":"<b>Djuci</b> is a pro-coded Web Design Agency Joomla Template adjusted to adjust to a variety of screen sizes seamlessly. A clean layouts style features elements of metro style, bringing a trendy and eye-catching look to the theme. The main navigation panel is sticky. Social sharing options and contact details are easy to reach. Clear content hierarchy provides for better readability of the data shared on the theme's pages. The layout is enhanced with a carousel slider and page-width backgrounds, spicing up its visual appeal. A login form also remains in a fixed position as the users browse your site's content. Thanks to the social login feature, people can sign in with a click.<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 Design Joomla design theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a method of web design that lets web pages to adjust to a screen size of any kind of gadget - whether it's a personal computer, a laptop or a phone.</p> <p><b>Why is it Good?</b></p><p>It is good since the website is available for more users from the vast variety of gadgets. </p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla designs</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Djuci - Web Design Agency Joomla Template","templatePreviewMetaDescription":"Djuci is a pro-coded Web Design Agency Joomla Template adjusted to adjust to a variety of screen sizes seamlessly. A clean layouts style features elements of","templateDemoMetaDescription":"The demo preview of this professional Djuci - Web Design Agency Joomla Template (#61208) is presented here for you to get the feel and look of the design before buying it. View the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Djuci - Web Design Agency Joomla Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/web-design-responsive-joomla-template-61208.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":55,"inserted_date":"2016-11-01","sent":1,"downloads":81,"search_words":"djuci design 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":"2018-12-20 06:15:16","last_upload":"2016-11-01 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"id":1670690,"templ_id":61208,"filename":"61208-joom.html","width":430,"height":60,"href":"","window_params":"","scr_type_id":179,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670691,"templ_id":61208,"filename":"61208-origin.jpg","width":1903,"height":5218,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670692,"templ_id":61208,"filename":"61208-0-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670693,"templ_id":61208,"filename":"61208-banner.jpg","width":408,"height":55,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670694,"templ_id":61208,"filename":"61208-original-1200.jpg","width":1800,"height":5218,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670695,"templ_id":61208,"filename":"61208-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670696,"templ_id":61208,"filename":"61208-responsive-layout.jpg","width":895,"height":599,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670697,"templ_id":61208,"filename":"61208-smart2-responsive.jpg","width":320,"height":900,"href":"","window_params":"","scr_type_id":300,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670698,"templ_id":61208,"filename":"61208-tablet-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":298,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670699,"templ_id":61208,"filename":"61208-rs.jpg","width":970,"height":280,"href":"","window_params":"","scr_type_id":78,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":1},{"id":1670700,"templ_id":61208,"filename":"61208-smart1-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":299,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670701,"templ_id":61208,"filename":"61208-origin-1200.jpg","width":1800,"height":5218,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670702,"templ_id":61208,"filename":"61208-big.jpg","width":965,"height":2797,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670703,"templ_id":61208,"filename":"61208-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670704,"templ_id":61208,"filename":"61208-joom-b.jpg","width":430,"height":1247,"href":"","window_params":"","scr_type_id":178,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/61208.html","image":"https://s.tmimgcdn.com/scr/61200/djuci-web-design-agency-joomla-template_61208-0-original.jpg","searchHash":"ba3660d06340321a786dbe86f4178e1f","previewHash":"90404255650419487eae7cd4d5b16f81","authorNickname":"RockThemes","lowLevelTopic":"Web Design Templates","weightedRating":4.411764705882352,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":49,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Responsive","Admin Panel","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Blog","Gallery","Forum","HTML 5","JQuery","HTML plus JS"],"styles":["Neutral","Flat"],"languageSupport":"English","webForms":["Contact Form","Login Form","User Registration","Search Form"],"badge":"badge-responsive","joomlaModules":["Articles - Newsflash","Articles Single","Camera Slideshow","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"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)"],"templateSources":[".PSD",".PHP"],"topic":["Web Design Templates","Design","Design & Photography"],"bootstrapVersion":"3.0","galleryScript":"MixItUp","popularity":"Top Rated","dateRange":"Last Year","nomotopress":"1","color":["white","grey","pink","green"],"documentationVersion":"v3.4","livePreviewURL":"https://livedemo00-joomla.template-help.com/joomla_prod-21424/","imageDescription":"https://s.tmimgcdn.com/scr/61200/61208-responsive-layout.jpg","uniqueKeywords":"developer design advertising webmasters designer internet it site portfolio freelance app agency digital soft application onepage landingpage mobile studio creative","showVariantForcibly":"b","imageKeyFeatures":"https://s.tmimgcdn.com/scr/61200/61208-1300_01.jpg,https://s.tmimgcdn.com/scr/61200/61208-1300_02.jpg,https://s.tmimgcdn.com/scr/61200/61208-1300_03.jpg,https://s.tmimgcdn.com/scr/61200/61208-1300_04.jpg,https://s.tmimgcdn.com/scr/61200/61208-1300_05.jpg,https://s.tmimgcdn.com/scr/61200/61208-1300_06.jpg,https://s.tmimgcdn.com/scr/61200/61208-1300_07.jpg,https://s.tmimgcdn.com/scr/61200/61208-1300_08.jpg","bitLyUrl":"http://bit.ly/2fWO8ic","trendiness":"1","nameOfTheTemplate":"Djuci - Web Design Agency Joomla Template","shortDescription":"<b>Djuci</b> is a pro-coded Web Design Agency Joomla Template adjusted to adjust to a variety of screen sizes seamlessly. A clean layouts style features elements of metro style, bringing a trendy and eye-catching look to the theme. The main navigation panel is sticky. Social sharing options and contact details are easy to reach. Clear content hierarchy provides for better readability of the data shared on the theme's pages. The layout is enhanced with a carousel slider and page-width backgrounds, spicing up its visual appeal. A login form also remains in a fixed position as the users browse your site's content. Thanks to the social login feature, people can sign in with a click.<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 Design Joomla design theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a method of web design that lets web pages to adjust to a screen size of any kind of gadget - whether it's a personal computer, a laptop or a phone.</p> <p><b>Why is it Good?</b></p><p>It is good since the website is available for more users from the vast variety of gadgets. </p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla designs</a> here</p> <br /></div></div></div></div>","kindOfShops":"Use this theme for web design, software, IT, and business sites.","metaDescription":"Djuci Web Design Agency Joomla Template is a flexible and dynamic responsive theme enhanced with pro customization options and sleek design.","htmlTitle":"Web Design Agency Joomla Template","reviewsTotal":"7","reviewAverageScore":"5","dynamicChangeLog":"<ul>\n<li>- 1 CSS issue fixed</li>\n<li>- 1 minor JS bugs fixed</li>\n<li>- 1 font bug fixed</li>\n<li>- 3 minor front-end issues fixed</li>\n</ul>","lastmod":"2022-02-11T04:50:29-05:00","loyaltySells":"1","sqi":"95","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","dqi":"00","authorUserId":"1768190","skupromo":"21%","joomlaEngine":"3.9","marketplaceMembership":"One","joomlaCompatibility":"3.9.x","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/53500/53576-joomla-extendedsupport_1300.png\" srcset=\"https://s.tmimgcdn.com/scr/53500/53576-joomla-extendedsupport_2560.png 2x\" alt=\"img\"/>","customUrl":"/joomla-templates/web-design-responsive-joomla-template-61208.html","demoMetaDescription":"The demo preview of this professional Djuci - Web Design Agency Joomla Template (#61208) is presented here for you to get the feel and look of the design before buying it. View the pages, check the images, click the buttons, explore the functionality.","isOldDemoUrl":"1","tags":["advertising","agency","app","application","art","artists","creative","design","designer","designers","developer","development","digital","freelance","gallery","internet","mobile","painters","painting","personal","portfolio","site","sites","soft","studio","web","landingpage","it","webpage","onepage"],"pHPVersionCompatibility":"7.x","hELPURL":"/quick-start-guide/joomla-3/","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"installation":"Installation and set up instructions are attached (look for Documentation folder).","types":"Joomla Templates","templateIcon":"icon-joomla","isFree":"none","followUpLetter":"joomla-templates-offers","productFamily":"None","templateGroup":"CMS Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Wed, 08 May 2024 09:13:31 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=61208&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=61208&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=61208&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 08 May 2024 09:18:31 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-joomla.template-help.com/joomla_prod-21424/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#61208 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/61208.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 #61208            </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=61208&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $51                <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>