string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=77081&expand=properties"
string(13468) "[{"templateId":77081,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":364,"categoryName":"Fitness Templates","templateTitle":"Fitness Responsive Joomla Template","templatePreviewHtmlTitle":"Fitness and Zoomba studio - Dance Studio Multipage Clean Joomla Template","templateDemoHtmlTitle":"Live demo for Fitness and Zoomba studio - Dance Studio Multipage Clean Joomla Template #77081","typeShortName":"Joomla","templatePreviewFBTitle":"<p>This Joomla template was developed specially for your fitness website. It can suit any type of sports business. With this template, you can create a website for gym, dance studio, fitness club or zoomba classes. It has a bright, yet clean design created to attract clients and create a friendly atmosphere. You can advertise yourself due to design effects and top-notch gallery feature. In addition, you can share important information or sports posts via blog feature. At the same time, social options will help you to keep in touch with your clients. And in case you need to change your website you can do it without coding skills. Fitness and Zoomba studio contains many more features and you can check them by yourself on the product page.</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 Pilates Studio Joomla design template is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina Ready is a kind of screen that shows more pixels per square inch.</p> <p><b>Why is it Good?</b></p><p>The actual advantage of developing you internet page Retina-ready would be the fact your website content would not lose its top rated quality even if it's observed not on the last-generation devices.</p><p>Find newest <a href=\"https://www.templatemonster.com/retina-ready-joomla-templates/\">Retina Ready Joomla templates</a> here</p> <h3>This is a Parallax Sport Equipment Joomla design</h3> <p><b>What is it?</b></p><p>Parallax is a CSS animation effect that enables background images move slower than the foreground ones. It is one of the most cutting-edge trends in the current web design. </p> <p><b>Why is it Good?</b></p><p>It will make a vivid perception for the visitor, and thus obtaining a large audience and making customers to stick to the website. It's actually a fantastic way to add a highlight to a one-page website, revive an infographic, tell a story or exhibit a portfolio.</p><p>Newest <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla themes</a> here</p> <h3>This Fitness Joomla design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means well adjusted to the screens of all resolutions on any gadget. </p> <p><b>Why is it Good?</b></p><p>Whatever sort of device your customers may utilize to enter the web property - they will likely see a stunning picture which includes a hassle-free navigation menu. It can be especially essential feature, taking into consideration that almost all customers these days choose their mobiles for internet browsing.</p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design templates</a> here</p> <h3>This is a Bootstrap  Outdoors& Travel Joomla theme</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for internet site and programs design.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your websites from mobile phones to desktop computers employing the same codebase. It makes the web developing process much easier.</p><p>Find latest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Fitness and Zoomba studio - Dance Studio Multipage Clean Joomla Template","templatePreviewMetaDescription":"This Joomla template was developed specially for your fitness website. It can suit any type of sports business. With this template, you can create a website","templateDemoMetaDescription":"The demo preview of this professional Fitness and Zoomba studio - Dance Studio Multipage Clean Joomla Template (#77081) is generated for you to get the feel and look of the design prior to buying it. View the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Fitness and Zoomba studio - Dance Studio Multipage Clean Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/fitness-and-zoomba-studio-dance-studio-multipage-clean-joomla-template-77081.html","userRating":"4.5","designIndex":"87","authorUserId":"1768190","exclusive":"1","state":1,"price":57,"inserted_date":"2019-01-29","sent":0,"downloads":19,"search_words":"athletics blog dance fitness gym joomla portfolio studio zoomba","is_adult":0,"exc_price":2100,"sent_date":"2019-01-29 09:28:04","last_upload":"2019-01-29 09:28:04","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1797360,"templ_id":77081,"filename":"77081-0-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1797361,"templ_id":77081,"filename":"77081-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1797362,"templ_id":77081,"filename":"77081-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1797363,"templ_id":77081,"filename":"77081-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1797364,"templ_id":77081,"filename":"77081-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/77081.html","image":"https://s.tmimgcdn.com/scr/77000/fitness-and-zoomba-studio-dance-studio-multipage-clean-joomla-template_77081-0-original.jpg","searchHash":"6d10c4931448d1c77bbdde85804156cb","previewHash":"3579c5ff0cd7dd7ffdc2d65fb6ac37b1","authorNickname":"RockThemes","lowLevelTopic":"Fitness Templates","weightedRating":4.1666666666667,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":49,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"bitLyUrl":"http://bit.ly/2HE1QFW","features":["Admin Panel","Bootstrap","Responsive","Retina Ready","Advanced Theme Options","Google map","Quickstart Package","Sample content","HTML plus JS","Parallax"],"livePreviewURL":"https://livedemo00-joomla.template-help.com/joomla_prod-20631/","nameOfTheTemplate":"Fitness and Zoomba studio - Dance Studio Multipage Clean Joomla Template","shortDescription":"<p>This Joomla template was developed specially for your fitness website. It can suit any type of sports business. With this template, you can create a website for gym, dance studio, fitness club or zoomba classes. It has a bright, yet clean design created to attract clients and create a friendly atmosphere. You can advertise yourself due to design effects and top-notch gallery feature. In addition, you can share important information or sports posts via blog feature. At the same time, social options will help you to keep in touch with your clients. And in case you need to change your website you can do it without coding skills. Fitness and Zoomba studio contains many more features and you can check them by yourself on the product page.</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 Pilates Studio Joomla design template is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina Ready is a kind of screen that shows more pixels per square inch.</p> <p><b>Why is it Good?</b></p><p>The actual advantage of developing you internet page Retina-ready would be the fact your website content would not lose its top rated quality even if it's observed not on the last-generation devices.</p><p>Find newest <a href=\"https://www.templatemonster.com/retina-ready-joomla-templates/\">Retina Ready Joomla templates</a> here</p> <h3>This is a Parallax Sport Equipment Joomla design</h3> <p><b>What is it?</b></p><p>Parallax is a CSS animation effect that enables background images move slower than the foreground ones. It is one of the most cutting-edge trends in the current web design. </p> <p><b>Why is it Good?</b></p><p>It will make a vivid perception for the visitor, and thus obtaining a large audience and making customers to stick to the website. It's actually a fantastic way to add a highlight to a one-page website, revive an infographic, tell a story or exhibit a portfolio.</p><p>Newest <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla themes</a> here</p> <h3>This Fitness Joomla design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means well adjusted to the screens of all resolutions on any gadget. </p> <p><b>Why is it Good?</b></p><p>Whatever sort of device your customers may utilize to enter the web property - they will likely see a stunning picture which includes a hassle-free navigation menu. It can be especially essential feature, taking into consideration that almost all customers these days choose their mobiles for internet browsing.</p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design templates</a> here</p> <h3>This is a Bootstrap  Outdoors& Travel Joomla theme</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for internet site and programs design.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your websites from mobile phones to desktop computers employing the same codebase. It makes the web developing process much easier.</p><p>Find latest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla design templates</a> here</p> <br /></div></div></div></div>","popularity":"Top Rated","webForms":["Contact Form","Login Form","User Registration","Search Form"],"joomlaEngine":"3.9","joomlaCompatibility":"3.9.x","joomlaModules":["Articles - Newsflash","Articles Single","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"topic":["Fitness Templates","Sport Templates","Sports, Outdoors & Travel"],"reviewAverageScore":"4.5","reviewsTotal":"2","uniqueKeywords":"diet strong force health coach beauty gym club body bodybuilding training instructors tournaments schedule   athletics dance joomla portfolio studio zoomba","customUrl":"/joomla-templates/fitness-and-zoomba-studio-dance-studio-multipage-clean-joomla-template-77081.html","metaDescription":"This Joomla template was developed specially for your fitness website. It can suit any type of sports business. With this template, you can create a website","color":["black","white","yellow"],"imageKeyFeatures":"https://s.tmimgcdn.com/scr/77000/77081-1300_01.jpg,https://s.tmimgcdn.com/scr/77000/77081-1300_02.jpg,https://s.tmimgcdn.com/scr/77000/77081-1300_03.jpg,https://s.tmimgcdn.com/scr/77000/77081-1300_04.jpg,https://s.tmimgcdn.com/scr/77000/77081-1300_05.jpg,https://s.tmimgcdn.com/scr/77000/77081-1300_06.jpg,https://s.tmimgcdn.com/scr/77000/77081-1300_07.jpg,https://s.tmimgcdn.com/scr/77000/77081-1300_08.jpg","demoMetaDescription":"The demo preview of this professional Fitness and Zoomba studio - Dance Studio Multipage Clean Joomla Template (#77081) is generated for you to get the feel and look of the design prior to buying it. View the pages, check the images, click the buttons, explore the functionality.","lastmod":"2021-11-21T23:18:45-05:00","trendiness":"1","showVariantForcibly":"b","dqi":"87","authorUserId":"1768190","exclusive":"1","authorMainScreenshot":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1548769875779_20631-original.jpg","affiliateSells":"1","saleSells":"1","loyaltySells":"1","templateSupportOptions":"[{\"id\":27579,\"template_id\":22745,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":27580,\"template_id\":22745,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","googleAnalyticsId":"UA-118125082-1","facebookPixelId":"1857475610982695","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\"/>","alreadyPacked":"1","marketplaceMembership":"None","isOldDemoUrl":"1","tags":["athletics","beauty","body","bodybuilding","club","coach","dance","diet","fitness","force","gym","health","instructors","portfolio","schedule","strong","studio","tournaments","training","blog","joomla"],"pHPVersionCompatibility":"7.x","installation":"Installation and set up instructions are attached (look for Documentation folder).","types":"Joomla Templates","templateIcon":"icon-joomla","isFree":"none","followUpLetter":"joomla-templates-offers","productFamily":"None","templateGroup":"CMS Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 03 May 2024 04:40: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=77081&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=77081&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=77081&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 03 May 2024 04:45: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: 165.227.251.218:80"
}
https://livedemo00-joomla.template-help.com/joomla_prod-20631/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#77081 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/77081.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 #77081            </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=77081&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $52                <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>