string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=57762&expand=properties"
string(15296) "[{"templateId":57762,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":418,"categoryName":"Business Templates","templateTitle":"Business Responsive Joomla Template","templatePreviewHtmlTitle":"Virginia Joomla Template #57762 - TemplateMonster","templateDemoHtmlTitle":"Demo for Virginia Joomla Template #57762","typeShortName":"Joomla","templatePreviewFBTitle":"Virginia is a clean and minimalist Corporate Joomla Theme with a lightweight multipurpose design and powerful functionality fueled by tons of external modules it comes shipped with. Virginia is responsive and mobile-friendly, which means that your website built with this template will be displayed awesomely on any modern device, regardless of its screen resolution, browser and operating system. It boasts stylish pixel-perfect icons, integrated Google Maps, dedicated content blocks with blog previews and testimonials, and much more. If you care about the representation of your business online, this Joomla template is the surest way to make it as impressive as possible.<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 Small Business Joomla design theme</h3> <p><b>What is it?</b></p><p>It is the most popular HTML and CSS based framework that contains styles for the main components found in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is especially adjustable for any changes. It is easy to work with, contains a great grid system and vast features collection.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla templates</a> here</p> <h3>This is a Parallax Business Joomla design theme</h3> <p><b>What is it?</b></p><p>Parallax is a CSS animation effect that enables background images move slower than the front ones. It is one of the most sophisticated tendencies in the current web design. </p> <p><b>Why is it Good?</b></p><p>A web page with parallax scrolling instantly catches the attention of a user and improves brand identification due to the enticing design.</p><p>Click for more <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design themes</a> here</p> <h3>This Business Joomla design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means that the website page adjusts its size and shape to fit any type of screen, from the tiniest phones to the largest Laptop or computer displays. For each and every device, web page elements widen or shrink to appear ideal.</p> <p><b>Why is it Good?</b></p><p>Responsive design might help your website or blog look equally well on screen of any existing home pc or portable device.</p><p>View latest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla designs</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Virginia Joomla Template","templatePreviewMetaDescription":"Virginia is a clean and minimalist Corporate Joomla Theme with a lightweight multipurpose design and powerful functionality fueled by tons of external modules","templateDemoMetaDescription":"Sit back and watch the live preview for the professional Virginia Joomla Template (#57762) get yourself familiar with this design before buying it. View the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Virginia Joomla Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/virginia-joomla-template-57762.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":55,"inserted_date":"2016-08-02","sent":1,"downloads":247,"search_words":"virginia  business success company enterprise solution business industry technical clients customer support automate flow services plug-in flex profile principles web products technol","is_adult":0,"exc_price":4500,"sent_date":"2020-03-27 11:22:01","last_upload":"2016-08-02 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":300,"filename":"57762-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57762,"width":320,"window_params":"","banner_url":"","id":1661083,"href":"","height":900},{"scr_type_id":315,"filename":"57762-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57762,"width":1903,"window_params":"","banner_url":"","id":1661084,"href":"","height":9978},{"scr_type_id":298,"filename":"57762-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57762,"width":430,"window_params":"","banner_url":"","id":1661085,"href":"","height":900},{"scr_type_id":312,"filename":"57762-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57762,"width":370,"window_params":"","banner_url":"","id":1661086,"href":"","height":370},{"scr_type_id":3,"filename":"57762-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57762,"width":895,"window_params":"","banner_url":"","id":1661087,"href":"","height":599},{"scr_type_id":311,"filename":"57762-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57762,"width":965,"window_params":"","banner_url":"","id":1661088,"href":"","height":5060},{"scr_type_id":179,"filename":"57762-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57762,"width":430,"window_params":"","banner_url":"","id":1661089,"href":"","height":60},{"scr_type_id":178,"filename":"57762-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57762,"width":430,"window_params":"","banner_url":"","id":1661090,"href":"","height":2255},{"scr_type_id":334,"filename":"57762-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57762,"width":1600,"window_params":"","banner_url":"","id":1661091,"href":"","height":1000},{"scr_type_id":9,"filename":"57762-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57762,"width":145,"window_params":"","banner_url":"","id":1661092,"href":"","height":156},{"scr_type_id":3,"filename":"57762-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57762,"width":1903,"window_params":"","banner_url":"","id":1661093,"href":"","height":9978},{"scr_type_id":3,"filename":"57762-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57762,"width":408,"window_params":"","banner_url":"","id":1661094,"href":"","height":55},{"scr_type_id":314,"filename":"57762-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57762,"width":1903,"window_params":"","banner_url":"","id":1661095,"href":"","height":9978},{"scr_type_id":78,"filename":"57762-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":57762,"width":970,"window_params":"","banner_url":"","id":1661096,"href":"","height":280},{"scr_type_id":299,"filename":"57762-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57762,"width":430,"window_params":"","banner_url":"","id":1661097,"href":"","height":900}],"demoUrl":"/demo/57762.html","image":"https://s.tmimgcdn.com/scr/57700/virginia-joomla-template_57762-0-original.jpg","searchHash":"bd4ce26fe6655f2443fd0c3d0ca627fd","previewHash":"c7394d45b1a964e8291bb1fee8b8dcf5","authorNickname":"RockThemes","lowLevelTopic":"Business & Services","weightedRating":0,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":55,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"This responsive Joomla template is best suitable for Business, Communications, Law and Politics websites.","joomlaModules":["Articles - Newsflash","Articles Single","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"uniqueKeywords":"company enterprise solution industry technical support automate profile web products consulting corporate blog","showVariantForcibly":"b","metaDescription":"Give your website a stunning and professional look with the help of this responsive minimalist Corporate Joomla Theme with unmatched readability.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/57700/57762-1300_01.jpg,https://s.tmimgcdn.com/scr/57700/57762-1300_02.jpg,https://s.tmimgcdn.com/scr/57700/57762-1300_03.jpg,https://s.tmimgcdn.com/scr/57700/57762-1300_04.jpg,https://s.tmimgcdn.com/scr/57700/57762-1300_05.jpg,https://s.tmimgcdn.com/scr/57700/57762-1300_06.jpg,https://s.tmimgcdn.com/scr/57700/57762-1300_07.jpg,https://s.tmimgcdn.com/scr/57700/57762-1300_08.jpg","features":["Responsive","Admin Panel","Bootstrap","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Blog","Gallery","Forum","HTML 5","JQuery","HTML plus JS","Parallax"],"joomlaEngine":"3.9","templateSources":[".PSD",".PHP"],"languageSupport":"English","authorUserId":"1768190","htmlTitle":"Corporate Joomla Theme","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.4","imageDescription":"https://s.tmimgcdn.com/scr/57700/57762-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","PHP editor."],"lastmod":"2022-03-17T06:29:25-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Sit back and watch the live preview for the professional Virginia Joomla Template (#57762) get yourself familiar with this design before buying it. View the pages, check out the images, press the buttons, explore the functionality.","shortDescription":"Virginia is a clean and minimalist Corporate Joomla Theme with a lightweight multipurpose design and powerful functionality fueled by tons of external modules it comes shipped with. Virginia is responsive and mobile-friendly, which means that your website built with this template will be displayed awesomely on any modern device, regardless of its screen resolution, browser and operating system. It boasts stylish pixel-perfect icons, integrated Google Maps, dedicated content blocks with blog previews and testimonials, and much more. If you care about the representation of your business online, this Joomla template is the surest way to make it as impressive as possible.<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 Small Business Joomla design theme</h3> <p><b>What is it?</b></p><p>It is the most popular HTML and CSS based framework that contains styles for the main components found in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is especially adjustable for any changes. It is easy to work with, contains a great grid system and vast features collection.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla templates</a> here</p> <h3>This is a Parallax Business Joomla design theme</h3> <p><b>What is it?</b></p><p>Parallax is a CSS animation effect that enables background images move slower than the front ones. It is one of the most sophisticated tendencies in the current web design. </p> <p><b>Why is it Good?</b></p><p>A web page with parallax scrolling instantly catches the attention of a user and improves brand identification due to the enticing design.</p><p>Click for more <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design themes</a> here</p> <h3>This Business Joomla design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means that the website page adjusts its size and shape to fit any type of screen, from the tiniest phones to the largest Laptop or computer displays. For each and every device, web page elements widen or shrink to appear ideal.</p> <p><b>Why is it Good?</b></p><p>Responsive design might help your website or blog look equally well on screen of any existing home pc or portable device.</p><p>View latest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla designs</a> here</p> <br /></div></div></div></div>","joomlaCompatibility":"3.9.x","tags":["automate","business","clients","company","consulting","corporate","customer","enterprise","flex","flow","industry","principles","products","profile","services","solution","success","support","technical","technol","web","blog"],"customUrl":"/joomla-templates/virginia-joomla-template-57762.html","badge":"badge-responsive","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\"/>","nameOfTheTemplate":"Virginia Joomla Template","pHPVersionCompatibility":"7.x","topic":"Business & Services","styles":["Neutral","Flat"],"imagesList":"Depositphotos5752894original copy,Depositphotos48038911original,Depositphotos52520067original,Depositphotos63188221original,Depositphotos70718461original,Depositphotos71872717original,Depositphotos71872917original,Depositphotos78937488original,Depositphotos78937524original","productFamily":"None","color":["white","grey"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"17","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","changeLog":"<b>Update (January 31, 2019) :</b><br/><br/><ul><li> - Updated Joomla to version 3.9.1;<li> - Bugs Fixed ;</ul>","sqi":"95","bootstrapVersion":"2.3.1","livePreviewURL":"https://livedemo00.template-help.com/joomla_57762","templateGroup":"CMS Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","galleryScript":"MixItUp","dynamicChangeLog":"<ul><li>- CSS optimized for better performance</li><li>- 1 minor front-end bugs fixed</li></ul>","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"2","bitLyUrl":"http://bit.ly/2beBwBw","webForms":["Contact Form","Login Form","User Registration","Search Form"],"loyaltySells":"1","width":"2048px","skupromo":"9%","marketplaceMembership":"One","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, 03 May 2024 12:49:13 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=57762&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=57762&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=57762&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 03 May 2024 12:54:13 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_57762<!DOCTYPE html>
<html lang="en">
<head>
    <title>#57762 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/57762.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 #57762            </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=57762&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>