string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=70284&expand=properties"
string(13877) "[{"templateId":70284,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":202,"categoryName":"Theater Templates","templateTitle":"Theater Responsive Joomla Template","templatePreviewHtmlTitle":"Arenabig Theater - Theater & Opera Joomla Template","templateDemoHtmlTitle":"Live preview for Arenabig Theater - Theater & Opera Joomla Template #70284","typeShortName":"Joomla","templatePreviewFBTitle":"<p>This fully responsive Theater & Opera Joomla Template will greatly help to increase your audience and represent your theater on the Internet. If you want your theater to have a bright and noticeable website, use this template. With the help of its fast and understandable interface, your viewers will easily get information about upcoming shows, buy tickets, and share their opinions about your performances. Simply adjustable and stylish, this Theater & Opera Joomla Template is all you need to start attracting new people to your website. Just download and install this template and fill it with your content. No special web development skills required. </p><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 Entertainment Agency Joomla template is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina ready displays give excessive pixel density which outcomes in the outstanding quality of the visual content web presentation on last-generation gadgets.</p> <p><b>Why is it Good?</b></p><p>Along with the clarity and attractiveness of the picture, this display screen has the best viewing viewpoint. And at the same time - no regulations on the screen speed.</p><p>Browse for more <a href=\"https://www.templatemonster.com/retina-ready-joomla-templates/\">Retina Ready Joomla design themes</a> here</p> <h3>This is a Bootstrap Entertainment Agency Joomla design</h3> <p><b>What is it?</b></p><p>This is the most widely used 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>Thanks to the use of Bootstrap a website will be able to adjust its content to any display size. It's necessary for both Search engine optimisation and website users.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla themes</a> here</p> <h3>This Theater Show Joomla design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means properly adapted to the displays of all sizes on any device. </p> <p><b>Why is it Good?</b></p><p>Responsive design ensures that the website will offer a great viewing experience to all users across all gadgets. </p><p>Find fresh <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <h3>This is a Parallax Entertainment Joomla design</h3> <p><b>What is it?</b></p><p>A parallax scrolling effect is a method in website design when background picture moves at a slower rate than a foreground content, leading to the optical illusion of depth. </p> <p><b>Why is it Good?</b></p><p>Animated effects make the website more powerful and attractive. Parallax is some type of modern trend, so using it at your own web property not simply makes it more appealing but in addition better looking.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Arenabig Theater - Theater & Opera Joomla Template","templatePreviewMetaDescription":"This fully responsive Theater & Opera Joomla Template will greatly help to increase your audience and represent your theater on the Internet. If you want your","templateDemoMetaDescription":"Try out the live preview of the high quality Arenabig Theater - Theater & Opera Joomla Template (#70284) to get a better knowledge of what this design is before buying it. Go through the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Arenabig Theater - Theater & Opera Joomla Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/arenabig-theater-theater-opera-joomla-template-70284.html","userRating":"5","designIndex":"86","authorUserId":"1768190","exclusive":"1","state":1,"price":55,"inserted_date":"2018-06-26","sent":0,"downloads":13,"search_words":"theater opera festival event conference business entertainment broadway tickets performance show exhibition spectacle gallery art music musician","is_adult":0,"exc_price":2100,"sent_date":"2018-06-26 07:44:34","last_upload":"2018-06-26 00:00:00","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"70284-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":70284,"width":1600,"window_params":"","banner_url":"","id":1755828,"href":"","height":1000},{"scr_type_id":311,"filename":"70284-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":70284,"width":800,"window_params":"","banner_url":"","id":1755829,"href":"","height":1200},{"scr_type_id":312,"filename":"70284-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":70284,"width":370,"window_params":"","banner_url":"","id":1755830,"href":"","height":370},{"scr_type_id":9,"filename":"70284-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":70284,"width":145,"window_params":"","banner_url":"","id":1755831,"href":"","height":156},{"scr_type_id":57,"filename":"70284-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":70284,"width":430,"window_params":"","banner_url":"","id":1755832,"href":"","height":645}],"demoUrl":"/demo/70284.html","image":"https://s.tmimgcdn.com/scr/70200/arenabig-theater-theater--opera-joomla-template_70284-0-original.jpg","searchHash":"bf9639184e9e5f3d03b410e478d328cd","previewHash":"5d2f8a5962beaf684716c7fb83e985f9","authorNickname":"RockThemes","lowLevelTopic":"Theater Templates","weightedRating":4.3076923076923,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":39,"discountPercent":30,"discountAmount":17,"semiannualSales":0,"properties":{"joomlaModules":["Articles - Newsflash","Articles Single","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"uniqueKeywords":"theater opera festival event conference business entertainment broadway tickets performance show exhibition spectacle gallery art music musician","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"This fully responsive Theater & Opera Joomla Template will greatly help to increase your audience and represent your theater on the Internet. If you want your","authorDownloadUrl":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1530011857976_prod-14722.zip?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJNZLEYTTESHWAE3Q%2F20180626%2Fus-west-1%2Fs3%2Faws4_request&X-Amz-Date=20180626T114450Z&X-Amz-SignedHeaders=host&X-Amz-Expires=601200&X-Amz-Signature=c22a46a8fde567e9e460d5556ffdf999546966e013322eb28702d4078a25f762","imageKeyFeatures":"https://s.tmimgcdn.com/scr/70200/70284-1300_01.jpg,https://s.tmimgcdn.com/scr/70200/70284-1300_02.jpg,https://s.tmimgcdn.com/scr/70200/70284-1300_03.jpg,https://s.tmimgcdn.com/scr/70200/70284-1300_04.jpg,https://s.tmimgcdn.com/scr/70200/70284-1300_05.jpg,https://s.tmimgcdn.com/scr/70200/70284-1300_06.jpg,https://s.tmimgcdn.com/scr/70200/70284-1300_07.jpg,https://s.tmimgcdn.com/scr/70200/70284-1300_08.jpg","features":["Responsive","Admin Panel","Bootstrap","Retina Ready","Sliced PSD","Google map","Sample content","Quickstart Package","Advanced Theme Options","HTML 5","JQuery","HTML plus JS","Parallax"],"joomlaEngine":"3.8.7","saleSells":"1","languageSupport":"English","authorUserId":"1768190","isFree":"none","exclusive":"1","lastmod":"2021-07-02T02:37:12-04:00","demoMetaDescription":"Try out the live preview of the high quality Arenabig Theater - Theater & Opera Joomla Template (#70284) to get a better knowledge of what this design is before buying it. Go through the pages, examine the images, click the buttons, explore the features.","shortDescription":"<p>This fully responsive Theater & Opera Joomla Template will greatly help to increase your audience and represent your theater on the Internet. If you want your theater to have a bright and noticeable website, use this template. With the help of its fast and understandable interface, your viewers will easily get information about upcoming shows, buy tickets, and share their opinions about your performances. Simply adjustable and stylish, this Theater & Opera Joomla Template is all you need to start attracting new people to your website. Just download and install this template and fill it with your content. No special web development skills required. </p><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 Entertainment Agency Joomla template is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina ready displays give excessive pixel density which outcomes in the outstanding quality of the visual content web presentation on last-generation gadgets.</p> <p><b>Why is it Good?</b></p><p>Along with the clarity and attractiveness of the picture, this display screen has the best viewing viewpoint. And at the same time - no regulations on the screen speed.</p><p>Browse for more <a href=\"https://www.templatemonster.com/retina-ready-joomla-templates/\">Retina Ready Joomla design themes</a> here</p> <h3>This is a Bootstrap Entertainment Agency Joomla design</h3> <p><b>What is it?</b></p><p>This is the most widely used 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>Thanks to the use of Bootstrap a website will be able to adjust its content to any display size. It's necessary for both Search engine optimisation and website users.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla themes</a> here</p> <h3>This Theater Show Joomla design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means properly adapted to the displays of all sizes on any device. </p> <p><b>Why is it Good?</b></p><p>Responsive design ensures that the website will offer a great viewing experience to all users across all gadgets. </p><p>Find fresh <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <h3>This is a Parallax Entertainment Joomla design</h3> <p><b>What is it?</b></p><p>A parallax scrolling effect is a method in website design when background picture moves at a slower rate than a foreground content, leading to the optical illusion of depth. </p> <p><b>Why is it Good?</b></p><p>Animated effects make the website more powerful and attractive. Parallax is some type of modern trend, so using it at your own web property not simply makes it more appealing but in addition better looking.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design themes</a> here</p> <br /></div></div></div></div>","joomlaCompatibility":"3.8","tags":["art","broadway","business","conference","entertainment","event","exhibition","festival","gallery","music","musician","opera","performance","show","spectacle","theater","tickets"],"customUrl":"/joomla-templates/arenabig-theater-theater-opera-joomla-template-70284.html","nameOfTheTemplate":"Arenabig Theater - Theater & Opera Joomla Template","pHPVersionCompatibility":"7.x","topic":["Theater Templates","Entertainment Templates","Art & Culture","Entertainment, Games & Nightlife"],"productFamily":"None","color":["black","white","grey"],"followUpLetter":"joomla-templates-offers","dateRange":"Last Year","reviewsTotal":"3","templateSupportOptions":"[{\"id\":13681,\"template_id\":10783,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":13682,\"template_id\":10783,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","reviewAverageScore":"5","livePreviewURL":"https://livedemo00-joomla.template-help.com/joomla_prod-14722/","googleAnalyticsId":"UA-118125082-1","authorMainScreenshot":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1530011992709_14722-original.jpg","facebookPixelId":"1857475610982695","templateGroup":"CMS Templates","popularity":"Top Rated","alreadyPacked":"1","installation":"Installation and set up instructions are attached (look for Documentation folder).","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2lyHbFf","webForms":["Contact Form","Login Form","User Registration","Search Form"],"loyaltySells":"1","joomlaEditor":"T3 Framework","marketplaceMembership":"One","category":"Website templates","dqi":"86"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 23 Nov 2024 13:33:40 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=70284&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=70284&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=70284&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 23 Nov 2024 13:38:40 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-14722/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#70284 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/70284.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 #70284            </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=70284&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>