string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=64435&expand=properties"
string(15487) "[{"templateId":64435,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":483,"categoryName":"Insurance Templates","templateTitle":"Insurance Responsive Joomla Template","templatePreviewHtmlTitle":"Insurance Responsive Joomla 3.9 Template - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Insurance Responsive Joomla 3.9 Template #64435","typeShortName":"Joomla","templatePreviewFBTitle":"<h3>This Finance Joomla theme is Responsive</h3><p><strong>What is it?</strong></p><p>Responsive designs adjust to scaled-down as well as the large display screen dimensions promptly.</p><p><strong>Why is it Good?</strong></p><p>Because of the expanding fascination with mobile devices, how many individuals who log on to the sites from phones has expanded significantly. This sort of feature allows you to change websites to smartphones and diverse screen extensions, finally supplying mobile device owners with enhanced options.</p><p>Fresh Responsive Joomla templates here</p><h3>This is a Parallax Finance News Joomla design theme</h3><p><strong>What is it?</strong></p><p>It is a special technique when the background pic moves less quickly in perspective in contrast to elements of the foreground. For this reason, Parallax leads to a sense of a three-dimensional space.</p><p><strong>Why is it Good?</strong></p><p>By the use of the parallax scrolling effect, you might add the impression of intensity to your niche site, this way launching your info in a a lot more captivating style.</p><p>Latest Parallax Joomla designs here</p><h3>This is a Bootstrap Insurance Company Joomla design</h3><p><strong>What is it?</strong></p><p>Bootstrap is actually a very well-liked framework, that makes the work with Html code, Cascading stylesheet and JS easier. It had been made as the tool for you to create a responsive design, nevertheless over time it incorporated a bunch of additional efficiency.</p><p><strong>Why is it Good?</strong></p><p>Bootstrap is an extremely effective instrument and that's the reason it's well-known. Using this framework, it will be possible to create responsive design, fitting for any sort of display screen size, prototype new designs without having any challenges and make certain your own web site is cross-browser compatible.</p><p>Find fresh Bootstrap Joomla designs here</p><p><br></p><h3>This is a Parallax Finance Joomla design</h3><p><strong>What is it?</strong></p><p>Parallax effect is a method in website design in which the background information moves less quickly than the foreground.</p><p><strong>Why is it Good?</strong></p><p>Parallax help your page views relate with your web page and get much better user experience. It will help you to differentiate yourself among your competitors.</p><p>View more Parallax Joomla design themes here</p><h3>This Insurance Estimator Joomla template is Responsive</h3><p><strong>What is it?</strong></p><p>Responsive design means well adapted to the displays of all dimensions on any gadget.</p><p><strong>Why is it Good?</strong></p><p>Responsive design provides an improved user experience for those people who browse a site on a mobile phone or a tablet, and at the same time can help to increase positions of a website in search engine results pages.</p><p>Find more Responsive Joomla designs here</p><h3>This is a Bootstrap Corporate Joomla design theme</h3><p><strong>What is it?</strong></p><p>Bootstrap is an open-source framework for setting up website pages.</p><p><strong>Why is it Good?</strong></p><p>Using such type of framework drastically speeds up the entire process of constructing pages. Typical designs are really simple to modify, that provides a versatile and simple approach for constructing site themes.</p><p>Newest Bootstrap Joomla design templates here</p>","templateFullTitle":"Insurance Responsive Joomla 3.9 Template","templatePreviewMetaDescription":"This Finance Joomla theme is ResponsiveWhat is it?Responsive designs adjust to scaled-down as well as the large display screen dimensions promptly.Why is it","templateDemoMetaDescription":"Check out the demo of the top quality Insurance Responsive Joomla Template (#64435) to get a better concept of what this template is before you purchase it. View the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Insurance Responsive Joomla 3.9 Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/insurance-responsive-joomla-template-64435.html","userRating":"4.5","designIndex":"00","authorUserId":"1768190","exclusive":"0","state":1,"price":55,"inserted_date":"2017-06-27","sent":1,"downloads":50,"search_words":"business company enterprise solution industry technical services web agency joomla responsive","is_adult":0,"exc_price":4500,"sent_date":"2018-11-28 02:00:00","last_upload":"2017-06-27 00:00:00","package_id":260,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":179,"filename":"64435-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64435,"width":430,"window_params":"","banner_url":"","id":1708547,"href":"","height":60},{"scr_type_id":299,"filename":"64435-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64435,"width":430,"window_params":"","banner_url":"","id":1708548,"href":"","height":900},{"scr_type_id":298,"filename":"64435-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64435,"width":430,"window_params":"","banner_url":"","id":1708549,"href":"","height":900},{"scr_type_id":78,"filename":"64435-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":64435,"width":970,"window_params":"","banner_url":"","id":1708550,"href":"","height":280},{"scr_type_id":300,"filename":"64435-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64435,"width":320,"window_params":"","banner_url":"","id":1708551,"href":"","height":900},{"scr_type_id":315,"filename":"64435-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64435,"width":1903,"window_params":"","banner_url":"","id":1708552,"href":"","height":4565},{"scr_type_id":311,"filename":"64435-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64435,"width":965,"window_params":"","banner_url":"","id":1708553,"href":"","height":2315},{"scr_type_id":334,"filename":"64435-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64435,"width":1600,"window_params":"","banner_url":"","id":1708554,"href":"","height":1000},{"scr_type_id":3,"filename":"64435-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64435,"width":895,"window_params":"","banner_url":"","id":1708555,"href":"","height":599},{"scr_type_id":3,"filename":"64435-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64435,"width":408,"window_params":"","banner_url":"","id":1708556,"href":"","height":55},{"scr_type_id":314,"filename":"64435-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64435,"width":1903,"window_params":"","banner_url":"","id":1708557,"href":"","height":4565},{"scr_type_id":9,"filename":"64435-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64435,"width":145,"window_params":"","banner_url":"","id":1708558,"href":"","height":156},{"scr_type_id":178,"filename":"64435-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64435,"width":430,"window_params":"","banner_url":"","id":1708559,"href":"","height":1032},{"scr_type_id":3,"filename":"64435-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64435,"width":1903,"window_params":"","banner_url":"","id":1708560,"href":"","height":4565},{"scr_type_id":312,"filename":"64435-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64435,"width":370,"window_params":"","banner_url":"","id":1708561,"href":"","height":370}],"demoUrl":"/demo/64435.html","image":"https://s.tmimgcdn.com/scr/64400/insurance-responsive-joomla-39-template_64435-original.jpg","searchHash":"fa614eb1c533ecc05751adf73a21d6b2","previewHash":"99992f8099c3f930fe40d7f8ca850ee1","authorNickname":"RockThemes","lowLevelTopic":"Insurance Templates","weightedRating":0,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":39,"discountPercent":30,"discountAmount":17,"semiannualSales":0,"properties":{"joomlaModules":["Articles - Newsflash","Articles Single","Camera Slideshow","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"productSize":"207301085","uniqueKeywords":"business,company,enterprise,solution,industry,technical,services,web,agency,joomla,responsive","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"This Finance Joomla theme is ResponsiveWhat is it?Responsive designs adjust to scaled-down as well as the large display screen dimensions promptly.Why is it","excludeExclusive":"Yes","imageKeyFeatures":"https://s.tmimgcdn.com/scr/64400/64435-en_01.jpg, https://s.tmimgcdn.com/scr/64400/64435-en_02.jpg, https://s.tmimgcdn.com/scr/64400/64435-en_03.jpg, https://s.tmimgcdn.com/scr/64400/64435-en_04.jpg, https://s.tmimgcdn.com/scr/64400/64435-en_05.jpg, https://s.tmimgcdn.com/scr/64400/64435-en_06.jpg","features":["Responsive","Admin Panel","Bootstrap"],"joomlaEngine":"3.9","saleSells":"1","languageSupport":"English","authorUserId":"1768190","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.5","imageDescription":"https://s.tmimgcdn.com/scr/64400/64435-responsive-layout.jpg","exclusive":"0","webServerCompatibility":"Apache 2.4","lastmod":"2021-07-07T10:35:36-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Check out the demo of the top quality Insurance Responsive Joomla Template (#64435) to get a better concept of what this template is before you purchase it. View the pages, check the images, click the buttons, explore the features.","shortDescription":"<h3>This Finance Joomla theme is Responsive</h3><p><strong>What is it?</strong></p><p>Responsive designs adjust to scaled-down as well as the large display screen dimensions promptly.</p><p><strong>Why is it Good?</strong></p><p>Because of the expanding fascination with mobile devices, how many individuals who log on to the sites from phones has expanded significantly. This sort of feature allows you to change websites to smartphones and diverse screen extensions, finally supplying mobile device owners with enhanced options.</p><p>Fresh Responsive Joomla templates here</p><h3>This is a Parallax Finance News Joomla design theme</h3><p><strong>What is it?</strong></p><p>It is a special technique when the background pic moves less quickly in perspective in contrast to elements of the foreground. For this reason, Parallax leads to a sense of a three-dimensional space.</p><p><strong>Why is it Good?</strong></p><p>By the use of the parallax scrolling effect, you might add the impression of intensity to your niche site, this way launching your info in a a lot more captivating style.</p><p>Latest Parallax Joomla designs here</p><h3>This is a Bootstrap Insurance Company Joomla design</h3><p><strong>What is it?</strong></p><p>Bootstrap is actually a very well-liked framework, that makes the work with Html code, Cascading stylesheet and JS easier. It had been made as the tool for you to create a responsive design, nevertheless over time it incorporated a bunch of additional efficiency.</p><p><strong>Why is it Good?</strong></p><p>Bootstrap is an extremely effective instrument and that's the reason it's well-known. Using this framework, it will be possible to create responsive design, fitting for any sort of display screen size, prototype new designs without having any challenges and make certain your own web site is cross-browser compatible.</p><p>Find fresh Bootstrap Joomla designs here</p><p><br></p><h3>This is a Parallax Finance Joomla design</h3><p><strong>What is it?</strong></p><p>Parallax effect is a method in website design in which the background information moves less quickly than the foreground.</p><p><strong>Why is it Good?</strong></p><p>Parallax help your page views relate with your web page and get much better user experience. It will help you to differentiate yourself among your competitors.</p><p>View more Parallax Joomla design themes here</p><h3>This Insurance Estimator Joomla template is Responsive</h3><p><strong>What is it?</strong></p><p>Responsive design means well adapted to the displays of all dimensions on any gadget.</p><p><strong>Why is it Good?</strong></p><p>Responsive design provides an improved user experience for those people who browse a site on a mobile phone or a tablet, and at the same time can help to increase positions of a website in search engine results pages.</p><p>Find more Responsive Joomla designs here</p><h3>This is a Bootstrap Corporate Joomla design theme</h3><p><strong>What is it?</strong></p><p>Bootstrap is an open-source framework for setting up website pages.</p><p><strong>Why is it Good?</strong></p><p>Using such type of framework drastically speeds up the entire process of constructing pages. Typical designs are really simple to modify, that provides a versatile and simple approach for constructing site themes.</p><p>Newest Bootstrap Joomla design templates here</p>","joomlaCompatibility":"3.9.x","tags":["agency","business","company","enterprise","industry","responsive","services","solution","technical","web","joomla"],"customUrl":"/joomla-templates/insurance-responsive-joomla-template-64435.html","badge":"badge-responsive","nameOfTheTemplate":"Insurance Responsive Joomla 3.9 Template","pHPVersionCompatibility":"7.x","topic":["Insurance Templates","Business & Services","Finance"],"styles":["Neutral","Flat"],"excerpt":"By the use of the parallax scrolling effect, you might add the impression of intensity to your niche site, this way launching your info in a a lot more captivating style.","productFamily":"None","color":["white","grey"],"followUpLetter":"joomla-templates-offers","dateRange":"Last Year","reviewsTotal":"9","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"templateSupportOptions":"[]","reviewAverageScore":"4.5","sqi":"95","bootstrapVersion":"3.0","livePreviewURL":"https://livedemo00-joomla.template-help.com/joomla_prod-9668_v2/","authorMainScreenshot":"https://s.tmimgcdn.com/scr/64400/64435-0-original.jpg","templateGroup":"CMS Templates","databaseServerCompatibility":"MySQL 5.7","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","imagesIncluded":"Yes","galleryScript":"MixItUp","dynamicChangeLog":"<ul><li>- 3 minor back-end issues fixed</li><li>- 3 background bugs fixed</li><li>- 3 styles bugs fixed</li></ul>","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","webForms":["Contact Form","Login Form","User Registration","Search Form"],"paidSupport":"Yes","width":"1920px","skupromo":"9%","marketplaceMembership":"One","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 21 Nov 2024 18:28:33 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=64435&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=64435&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=64435&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 21 Nov 2024 18:33:33 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-9668_v2/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#64435 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/64435.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 #64435            </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=64435&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>