string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=46643&expand=properties"
string(13009) "[{"templateId":46643,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":379,"categoryName":"Diving Templates","templateTitle":"Diving Responsive Joomla Template","templatePreviewHtmlTitle":"Diving Responsive Joomla Template #46643 - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Diving Responsive Joomla Template #46643","typeShortName":"Joomla","templatePreviewFBTitle":"This template is a Joomla website template ideal for dive center, scuba diving equipment or diving supplies. This responsive scuba diving classes Joomla website design is a classy and neat solution for game news portal, video game portal or internet games webpages. We offer you to considerably boost the results of your internet marketing strategy by utilizing this advanced design. 100% responsive layout offers a perfect user experience. Regarding any trouble with this website layout, you can communicate with one of the well-trained tech support managers and they will resolve the problem of any nature for clients. Take advantage of this design template and be ready that plenty of new targeted traffic will appear at your web site the moment you establish your project.<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 Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means that the webpage changes its shape and size to fit any specific screen, from the smallest cell phones to the largest Computer screens. For any device, website page elements expand or lessen to appear ideal.</p> <p><b>Why is it Good?</b></p><p>Responsive design delivers significantly better user experience for people who visit a website page on a smartphone or a tablet, and moreover, enables you to raise rankings of a website in Google results. </p><p>Find fresh <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design themes</a> here</p> <h3>This is aBootstrap Joomla design</h3> <p><b>What is it?</b></p><p>Bootstrap is a front-end network for creating websites and web-applications.</p> <p><b>Why is it Good?</b></p><p>Bootstrap really helps to build up responsive, mobile-first  projects in a seamless way.</p><p>View latest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla themes</a> here</p> </div></div></div></div>","templateFullTitle":"Diving Responsive Joomla Template","templatePreviewMetaDescription":"This template is a Joomla website template ideal for dive center, scuba diving equipment or diving supplies. This responsive scuba diving classes Joomla","templateDemoMetaDescription":"Before you purchase it, get familiar with the Diving Responsive Joomla Template (#46643) by visiting the demo. Click through the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Diving Responsive Joomla Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/46643.html","userRating":"5","designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":57,"inserted_date":"2013-09-20","sent":2,"downloads":42,"search_words":"diving club member water sea ocean wave scuba-diver aqualung submarine underwater oxygen fish coral flippers mask reef diving-suit photography camera training services trainer ring-buoy life-guard subscription rules travel equipment","is_adult":0,"exc_price":4500,"sent_date":"2013-09-20 00:00:00","last_upload":"2013-09-20 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":300,"filename":"46643-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":46643,"width":320,"window_params":"","banner_url":"","id":1342441,"href":"","height":900},{"scr_type_id":315,"filename":"46643-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":46643,"width":1600,"window_params":"","banner_url":"","id":1342442,"href":"","height":1833},{"scr_type_id":182,"filename":"46643-joom-b-p.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":46643,"width":430,"window_params":"","banner_url":"","id":1342443,"href":"","height":660},{"scr_type_id":312,"filename":"46643-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":46643,"width":370,"window_params":"","banner_url":"","id":1342444,"href":"","height":370},{"scr_type_id":298,"filename":"46643-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":46643,"width":430,"window_params":"","banner_url":"","id":1342445,"href":"","height":900},{"scr_type_id":3,"filename":"46643-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":46643,"width":408,"window_params":"","banner_url":"","id":1342446,"href":"","height":55},{"scr_type_id":179,"filename":"46643-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":46643,"width":430,"window_params":"","banner_url":"","id":1342447,"href":"","height":60},{"scr_type_id":311,"filename":"46643-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":46643,"width":662,"window_params":"","banner_url":"","id":1342448,"href":"","height":758},{"scr_type_id":178,"filename":"46643-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":46643,"width":430,"window_params":"","banner_url":"","id":1342449,"href":"","height":606},{"scr_type_id":3,"filename":"46643-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":46643,"width":1600,"window_params":"","banner_url":"","id":1342450,"href":"","height":1833},{"scr_type_id":314,"filename":"46643-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":46643,"width":1600,"window_params":"","banner_url":"","id":1342451,"href":"","height":1833},{"scr_type_id":78,"filename":"46643-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":46643,"width":970,"window_params":"","banner_url":"","id":1342452,"href":"","height":280},{"scr_type_id":299,"filename":"46643-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":46643,"width":430,"window_params":"","banner_url":"","id":1342453,"href":"","height":900},{"scr_type_id":9,"filename":"46643-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":46643,"width":145,"window_params":"","banner_url":"","id":1342454,"href":"","height":156},{"scr_type_id":3,"filename":"46643-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":46643,"width":1600,"window_params":"","banner_url":"","id":1342455,"href":"","height":1833},{"scr_type_id":3,"filename":"46643-module.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":46643,"width":662,"window_params":"","banner_url":"","id":1342456,"href":"","height":758},{"scr_type_id":334,"filename":"46643-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":46643,"width":1600,"window_params":"","banner_url":"","id":1632594,"href":"","height":1833}],"demoUrl":"/demo/46643.html","image":"https://s.tmimgcdn.com/scr/46600/diving-responsive-joomla-template_46643-original.jpg","searchHash":"8b70a8751d106be02ffe256c53578abe","previewHash":"2fd030ed03abf8a40976b9e1dbff59ab","authorNickname":"WT","lowLevelTopic":"Diving Templates","weightedRating":3.5500000000000003,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":40,"discountPercent":30,"discountAmount":17,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","blue","cyan","green"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"6","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","metaDescription":"Take a closer look at this Diving Responsive Joomla Template (#46643) and you might fall in love with it. Clean, professional and straightforward design.","bootstrapVersion":"2.3.1","features":["Responsive","Admin Panel","Bootstrap","Blog","HTML plus JS"],"joomlaEngine":"3.1.1","templateSources":[".PSD",".PHP"],"livePreviewURL":"https://livedemo00.template-help.com/joomla_46643","languageSupport":"English","authorUserId":"1553971","isFree":"none","templateGroup":"CMS Templates","hELPURL":"/quick-start-guide/joomla-3/","imageDescription":"https://s.tmimgcdn.com/scr/46600/46643-responsive-layout.jpg","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Joomla! 3.1.1","Code-editor"],"dynamicChangeLog":"<ul>\n<li>- 2 JS issues fixed</li>\n<li>- 3 back-end issues fixed</li>\n</ul>","templateIcon":"icon-joomla","lastmod":"2021-02-01T21:58:18-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","demoMetaDescription":"Before you purchase it, get familiar with the Diving Responsive Joomla Template (#46643) by visiting the demo. Click through the pages, check out the images, press the buttons, explore the functionality.","shortDescription":"This template is a Joomla website template ideal for dive center, scuba diving equipment or diving supplies. This responsive scuba diving classes Joomla website design is a classy and neat solution for game news portal, video game portal or internet games webpages. We offer you to considerably boost the results of your internet marketing strategy by utilizing this advanced design. 100% responsive layout offers a perfect user experience. Regarding any trouble with this website layout, you can communicate with one of the well-trained tech support managers and they will resolve the problem of any nature for clients. Take advantage of this design template and be ready that plenty of new targeted traffic will appear at your web site the moment you establish your project.<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 Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means that the webpage changes its shape and size to fit any specific screen, from the smallest cell phones to the largest Computer screens. For any device, website page elements expand or lessen to appear ideal.</p> <p><b>Why is it Good?</b></p><p>Responsive design delivers significantly better user experience for people who visit a website page on a smartphone or a tablet, and moreover, enables you to raise rankings of a website in Google results. </p><p>Find fresh <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla design themes</a> here</p> <h3>This is aBootstrap Joomla design</h3> <p><b>What is it?</b></p><p>Bootstrap is a front-end network for creating websites and web-applications.</p> <p><b>Why is it Good?</b></p><p>Bootstrap really helps to build up responsive, mobile-first  projects in a seamless way.</p><p>View latest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla themes</a> here</p> </div></div></div></div>","joomlaCompatibility":"3.5","tags":["aqualung","camera","club","coral","diving","equipment","fish","flippers","life-guard","mask","member","ocean","oxygen","photography","reef","rules","sea","services","submarine","subscription","trainer","training","travel","underwater","water","wave"],"layout":"2 columns","customUrl":"/joomla-templates/46643.html","badge":"badge-responsive","nameOfTheTemplate":"Diving Responsive Joomla Template","loyaltySells":"1","width":"1600px","pHPVersionCompatibility":"7.x","topic":["Diving Templates","Sport Templates","Sports, Outdoors & Travel"],"styles":"Neutral","skupromo":"31%","marketplaceMembership":"None","advImage":"https://s.tmimgcdn.com/scr/46600/46643-original.jpg","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 22 Nov 2024 18:55:04 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=46643&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=46643&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=46643&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 22 Nov 2024 19:00:04 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.template-help.com/joomla_46643<!DOCTYPE html>
<html lang="en">
<head>
    <title>#46643 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/46643.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 #46643            </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=46643&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>