string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=60078&expand=properties"
string(14064) "[{"templateId":60078,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":356,"categoryName":"Travel Agency Templates","templateTitle":"Travel Agency Responsive Joomla Template","templatePreviewHtmlTitle":"Crimzon Joomla Template #60078 - TemplateMonster","templateDemoHtmlTitle":"Demo for Crimzon Joomla Template #60078","typeShortName":"Joomla","templatePreviewFBTitle":"<b>Crimzon</b> is a responsive Travel Agency Joomla Template designed with style and the latest web trends in mind. A neutral color scheme brings the stores content to the forefront. Circular icons and thumbnails add a more balanced look to the design. A split screen technique makes it possible to present two types of content simultaneously. The theme supports multiple post formats, allowing you to captivate and entertain the users right on the front page. Galleries, audios, videos, posts, and other data perfectly harmonize with each other within a thought-out interface.<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 Outdoorssports Joomla theme</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for building online pages.</p> <p><b>Why is it Good?</b></p><p>Bootstrap allows you to build better websites .  </p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla templates</a> here</p> <h3>This Outdoorssports Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive web design solution makes a internet site's interface adaptable for just about any type of screen resolution.</p> <p><b>Why is it Good?</b></p><p>Mobile phone devices generate 80percent of global Internet usage. It's fundamental to develop your business site responsive unless you wish to lose your current projected audience.</p><p>View latest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design templates</a> here</p> <h3>This is a Parallax Cruises Joomla design template</h3> <p><b>What is it?</b></p><p>Parallax is the trendy internet site design effect, which will make the background along with foreground layers transfer at diverse rates of speed.</p> <p><b>Why is it Good?</b></p><p>Parallax scroll looks stunning and glues website users' eyes to the images and content modules.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Crimzon Joomla Template","templatePreviewMetaDescription":"Crimzon is a responsive Travel Agency Joomla Template designed with style and the latest web trends in mind. A neutral color scheme brings the stores content","templateDemoMetaDescription":"Explore the demo preview of the professional Crimzon Joomla Template (#60078) get yourself informed about this template prior to buying it. View the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Crimzon Joomla Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/crimzon-joomla-template-60078.html","userRating":0,"designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":47,"inserted_date":"2016-10-03","sent":2,"downloads":16,"search_words":"crimzon travel booking agency compass tour country resort spa flight hotel car rental cruise sights reservation location authorization ticket guide beach sea relaxation recreation impression air liner traveling apartment vacation rest comfort destination explorat","is_adult":0,"exc_price":4500,"sent_date":"2016-11-11 06:15:16","last_upload":"2016-10-03 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":315,"filename":"60078-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60078,"width":1903,"window_params":"","banner_url":"","id":1667200,"href":"","height":6381},{"scr_type_id":3,"filename":"60078-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60078,"width":1903,"window_params":"","banner_url":"","id":1667201,"href":"","height":6381},{"scr_type_id":299,"filename":"60078-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60078,"width":430,"window_params":"","banner_url":"","id":1667202,"href":"","height":900},{"scr_type_id":298,"filename":"60078-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60078,"width":430,"window_params":"","banner_url":"","id":1667203,"href":"","height":900},{"scr_type_id":78,"filename":"60078-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":60078,"width":970,"window_params":"","banner_url":"","id":1667204,"href":"","height":280},{"scr_type_id":312,"filename":"60078-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60078,"width":370,"window_params":"","banner_url":"","id":1667205,"href":"","height":370},{"scr_type_id":178,"filename":"60078-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60078,"width":430,"window_params":"","banner_url":"","id":1667206,"href":"","height":1442},{"scr_type_id":3,"filename":"60078-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60078,"width":408,"window_params":"","banner_url":"","id":1667207,"href":"","height":55},{"scr_type_id":314,"filename":"60078-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60078,"width":1903,"window_params":"","banner_url":"","id":1667208,"href":"","height":6381},{"scr_type_id":9,"filename":"60078-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60078,"width":145,"window_params":"","banner_url":"","id":1667209,"href":"","height":156},{"scr_type_id":3,"filename":"60078-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60078,"width":895,"window_params":"","banner_url":"","id":1667210,"href":"","height":599},{"scr_type_id":311,"filename":"60078-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60078,"width":965,"window_params":"","banner_url":"","id":1667211,"href":"","height":3236},{"scr_type_id":179,"filename":"60078-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60078,"width":430,"window_params":"","banner_url":"","id":1667212,"href":"","height":60},{"scr_type_id":334,"filename":"60078-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60078,"width":1600,"window_params":"","banner_url":"","id":1667213,"href":"","height":1000},{"scr_type_id":300,"filename":"60078-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":60078,"width":320,"window_params":"","banner_url":"","id":1667214,"href":"","height":900}],"demoUrl":"/demo/60078.html","image":"https://s.tmimgcdn.com/scr/60000/crimzon-joomla-template_60078-0-original.jpg","searchHash":"f5d6776da24269f7efb4aa37176dadb4","previewHash":"21dd67706579b402873c2f204bd97280","authorNickname":"RockThemes","lowLevelTopic":"Travel Agency Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":47,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"travel, design, photography, and hotel sites.","joomlaModules":["Articles - Newsflash","Articles Single","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"uniqueKeywords":"CMS Convert","metaDescription":"Crimzon - Travel Agency Joomla Template is a trendy and stylish solution intended to present your site's data by means of multiple post formats.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/60000/60078-en_01.jpg, https://s.tmimgcdn.com/scr/60000/60078-en_02.jpg, https://s.tmimgcdn.com/scr/60000/60078-en_03.jpg, https://s.tmimgcdn.com/scr/60000/60078-en_04.jpg, https://s.tmimgcdn.com/scr/60000/60078-en_05.jpg, https://s.tmimgcdn.com/scr/60000/60078-en_06.jpg, https://s.tmimgcdn.com/scr/60000/60078-en_07.jpg, https://s.tmimgcdn.com/scr/60000/60078-en_08.jpg, https://s.tmimgcdn.com/scr/60000/60078-en_09.jpg, https://s.tmimgcdn.com/scr/60000/60078-en_10.jpg","features":["Responsive","Admin Panel","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Blog","Gallery","Forum","HTML 5","JQuery","HTML plus JS","Parallax"],"joomlaEngine":"3.6.0","templateSources":[".PSD",".PHP"],"authorUserId":"1768190","htmlTitle":"Travel Agency Joomla Template","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.4","imageDescription":"https://s.tmimgcdn.com/scr/60000/60078-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":"2021-05-07T03:47:34-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Explore the demo preview of the professional Crimzon Joomla Template (#60078) get yourself informed about this template prior to buying it. View the pages, check out the images, click the buttons, explore the functionality.","shortDescription":"<b>Crimzon</b> is a responsive Travel Agency Joomla Template designed with style and the latest web trends in mind. A neutral color scheme brings the stores content to the forefront. Circular icons and thumbnails add a more balanced look to the design. A split screen technique makes it possible to present two types of content simultaneously. The theme supports multiple post formats, allowing you to captivate and entertain the users right on the front page. Galleries, audios, videos, posts, and other data perfectly harmonize with each other within a thought-out interface.<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 Outdoorssports Joomla theme</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for building online pages.</p> <p><b>Why is it Good?</b></p><p>Bootstrap allows you to build better websites .  </p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla templates</a> here</p> <h3>This Outdoorssports Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive web design solution makes a internet site's interface adaptable for just about any type of screen resolution.</p> <p><b>Why is it Good?</b></p><p>Mobile phone devices generate 80percent of global Internet usage. It's fundamental to develop your business site responsive unless you wish to lose your current projected audience.</p><p>View latest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design templates</a> here</p> <h3>This is a Parallax Cruises Joomla design template</h3> <p><b>What is it?</b></p><p>Parallax is the trendy internet site design effect, which will make the background along with foreground layers transfer at diverse rates of speed.</p> <p><b>Why is it Good?</b></p><p>Parallax scroll looks stunning and glues website users' eyes to the images and content modules.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla templates</a> here</p> <br /></div></div></div></div>","joomlaCompatibility":"3.8","tags":["agency","air","apartment","authorization","beach","booking","car","cms","comfort","compass","convert","country","cruise","destination","flight","guide","hotel","impression","liner","location","recreation","relaxation","rental","reservation","resort","rest","sea","sights","spa","ticket","tour","travel","traveling","vacation"],"customUrl":"/joomla-templates/crimzon-joomla-template-60078.html","badge":"badge-responsive","nameOfTheTemplate":"Crimzon Joomla Template","pHPVersionCompatibility":"7.x","topic":["Travel Agency Templates","Travel Templates","Sports, Outdoors & Travel"],"styles":["Neutral","Flat"],"productFamily":"None","color":["black","white","grey"],"followUpLetter":"joomla-templates-offers","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_60078","templateGroup":"CMS Templates","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","galleryScript":"MixItUp","dynamicChangeLog":"<ul>\n<li>- 2 minor database issues fixed</li>\n<li>- 1 PSD layer changed</li>\n</ul>","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2fCM38P","webForms":["Contact Form","Login Form","User Registration","Search Form"],"loyaltySells":"1","width":"2050px","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, 25 Apr 2024 07:57:11 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=60078&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=60078&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=60078&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 08:02:11 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_60078<!DOCTYPE html>
<html lang="en">
<head>
    <title>#60078 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/60078.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 #60078            </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=60078&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>