string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=61309&expand=properties"
string(13935) "[{"templateId":61309,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":418,"categoryName":"Business Templates","templateTitle":"Business Responsive Website Template","templatePreviewHtmlTitle":"Financial Advisor Multipage Website Template","templateDemoHtmlTitle":"Live demo for Financial Advisor Multipage Website Template #61309","typeShortName":"Website","templatePreviewFBTitle":"This Financial Consultant Web Template is a perfect solution for you if you need to create a stunning website for your financial consulting company, law firm or any other business. Fully responsive, with lots of modules and widgets, it will make a great design basis, which you will be able to modify easily using tons of predesigned pages, widgets and content modules. For example, the interactive chart on the homepage will let you share your financial with your potential clients, thus increasing their loyalty and the credibility of your business. The ultra-convenient stick-to-top menu bar spiced up with subtle hover effects looks professional and significantly improves the navigation of your website. This template provides rich social media options, a set of working forms and full integration with Google Maps.<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 Business Bureau website template is Responsive</h3> <p><b>What is it?</b></p><p>This is the capability of the page layout to change according to the width of the screen.</p> <p><b>Why is it Good?</b></p><p>Responsive design may help your site or blog look equally great on screen of any existing personal computer or hand held device.</p><p>Find fresh <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website design templates</a> here</p> <h3>This is a Bootstrap Corporate website template</h3> <p><b>What is it?</b></p><p>This is the most popular HTML and CSS based framework containing designs for the most important elements used in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>With Bootstrap, you may produce 100 % responsive web designs by means of HTML and CSS based design templates for typography, print styles, forms, buttons, tables, and so forth.</p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Financial Advisor Multipage Website Template","templatePreviewMetaDescription":"This Financial Consultant Web Template is a perfect solution for you if you need to create a stunning website for your financial consulting company, law firm","templateDemoMetaDescription":"Before you decide to buy it, get the look and feel of the premium Financial Advisor Multipage Website Template (#61309) by experiencing the demo. Click through the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Financial Advisor Multipage Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/financial-advisor-multipage-website-template-61309.html","userRating":"4.5","designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":61,"inserted_date":"2017-05-31","sent":2,"downloads":21,"search_words":"Financial advisor business success company enterprise solution business industry technical clients customer support automate flow services plug-in flex profile principles web products technol","is_adult":0,"exc_price":4500,"sent_date":"2017-07-27 06:15:06","last_upload":"2017-05-31 00:00:00","package_id":258,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":3,"filename":"61309-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61309,"width":1903,"window_params":"","banner_url":"","id":1693612,"href":"","height":5283},{"scr_type_id":300,"filename":"61309-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61309,"width":320,"window_params":"","banner_url":"","id":1693613,"href":"","height":900},{"scr_type_id":3,"filename":"61309-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61309,"width":895,"window_params":"","banner_url":"","id":1693614,"href":"","height":599},{"scr_type_id":315,"filename":"61309-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61309,"width":1903,"window_params":"","banner_url":"","id":1693615,"href":"","height":5283},{"scr_type_id":334,"filename":"61309-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61309,"width":1903,"window_params":"","banner_url":"","id":1693616,"href":"","height":5283},{"scr_type_id":3,"filename":"61309-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61309,"width":408,"window_params":"","banner_url":"","id":1693617,"href":"","height":55},{"scr_type_id":9,"filename":"61309-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61309,"width":145,"window_params":"","banner_url":"","id":1693618,"href":"","height":156},{"scr_type_id":298,"filename":"61309-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61309,"width":430,"window_params":"","banner_url":"","id":1693619,"href":"","height":900},{"scr_type_id":212,"filename":"61309-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61309,"width":430,"window_params":"","banner_url":"","id":1693620,"href":"","height":60},{"scr_type_id":314,"filename":"61309-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61309,"width":1903,"window_params":"","banner_url":"","id":1693621,"href":"","height":5283},{"scr_type_id":299,"filename":"61309-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61309,"width":430,"window_params":"","banner_url":"","id":1693622,"href":"","height":900},{"scr_type_id":78,"filename":"61309-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":61309,"width":970,"window_params":"","banner_url":"","id":1693623,"href":"","height":280},{"scr_type_id":297,"filename":"61309-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61309,"width":430,"window_params":"","banner_url":"","id":1693624,"href":"","height":1194},{"scr_type_id":311,"filename":"61309-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61309,"width":965,"window_params":"","banner_url":"","id":1693625,"href":"","height":2679},{"scr_type_id":312,"filename":"61309-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61309,"width":370,"window_params":"","banner_url":"","id":1693626,"href":"","height":370}],"demoUrl":"/demo/61309.html","image":"https://s.tmimgcdn.com/scr/61300/financial-advisor-multipage-website-template_61309-original.jpg","searchHash":"2233de5e7a0c7f0c5aec86627ac3ce53","previewHash":"a4015b78578280a88720fb9d3288c1f4","authorNickname":"WT","lowLevelTopic":"Business & Services","weightedRating":3.384615384615385,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"This responsive website template is best suited for Business, Fashion, Jewelry and Law websites.","categoriesView":"Grid","uniqueKeywords":"CMS Convert","metaDescription":"Use this responsive Financial Advisor HTML5 template to add a professional vibe to the website of your financial company.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/61300/61309-en_01.jpg, https://s.tmimgcdn.com/scr/61300/61309-en_02.jpg, https://s.tmimgcdn.com/scr/61300/61309-en_03.jpg, https://s.tmimgcdn.com/scr/61300/61309-en_04.jpg, https://s.tmimgcdn.com/scr/61300/61309-en_05.jpg, https://s.tmimgcdn.com/scr/61300/61309-en_06.jpg, https://s.tmimgcdn.com/scr/61300/61309-en_07.jpg, https://s.tmimgcdn.com/scr/61300/61309-en_08.jpg, https://s.tmimgcdn.com/scr/61300/61309-en_09.jpg, https://s.tmimgcdn.com/scr/61300/61309-en_10.jpg, https://s.tmimgcdn.com/scr/61300/61309-en_11.jpg, https://s.tmimgcdn.com/scr/61300/61309-en_12.jpg, https://s.tmimgcdn.com/scr/61300/61309-en_13.jpg, https://s.tmimgcdn.com/scr/61300/61309-en_14.jpg","features":["Responsive","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Tabs","HTML 5","JQuery","HTML plus JS"],"templateSources":[".PSD",".HTML"],"authorUserId":"1553971","htmlTitle":"Financial Consultant","isFree":"none","hELPURL":"/quick-start-guide/bootstrap-template/","documentationVersion":"v1.4","imageDescription":"https://s.tmimgcdn.com/scr/61300/61309-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","Sublime Text2 or later, Notepad++","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"lastmod":"2020-05-19T18:57:40-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Before you decide to buy it, get the look and feel of the premium Financial Advisor Multipage Website Template (#61309) by experiencing the demo. Click through the pages, check out the images, press the buttons, explore the features.","shortDescription":"This Financial Consultant Web Template is a perfect solution for you if you need to create a stunning website for your financial consulting company, law firm or any other business. Fully responsive, with lots of modules and widgets, it will make a great design basis, which you will be able to modify easily using tons of predesigned pages, widgets and content modules. For example, the interactive chart on the homepage will let you share your financial with your potential clients, thus increasing their loyalty and the credibility of your business. The ultra-convenient stick-to-top menu bar spiced up with subtle hover effects looks professional and significantly improves the navigation of your website. This template provides rich social media options, a set of working forms and full integration with Google Maps.<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 Business Bureau website template is Responsive</h3> <p><b>What is it?</b></p><p>This is the capability of the page layout to change according to the width of the screen.</p> <p><b>Why is it Good?</b></p><p>Responsive design may help your site or blog look equally great on screen of any existing personal computer or hand held device.</p><p>Find fresh <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website design templates</a> here</p> <h3>This is a Bootstrap Corporate website template</h3> <p><b>What is it?</b></p><p>This is the most popular HTML and CSS based framework containing designs for the most important elements used in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>With Bootstrap, you may produce 100 % responsive web designs by means of HTML and CSS based design templates for typography, print styles, forms, buttons, tables, and so forth.</p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website templates</a> here</p> <br /></div></div></div></div>","tags":["advisor","automate","business","clients","cms","company","convert","customer","enterprise","financial","flex","flow","industry","principles","products","profile","services","solution","success","support","technical","technol","web"],"customUrl":"/website-templates/financial-advisor-multipage-website-template-61309.html","badge":"badge-responsive","nameOfTheTemplate":"Financial Advisor Multipage Website Template","pHPVersionCompatibility":"7.x","topic":"Business & Services","styles":["Neutral","Flat"],"advImage":"https://s.tmimgcdn.com/scr/61300/61309-original.jpg","productFamily":"None","color":["black","white","grey"],"followUpLetter":"website-template-offers","reviewsTotal":"3","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","reviewAverageScore":"4.5","sqi":"95","media":"Audio Player","bootstrapVersion":"3.3.x","livePreviewURL":"https://livedemo00.template-help.com/wt_61309","templateGroup":"HTML Templates","popularity":"Top Rated","nomotopress":"1","galleryScript":["Accordion","Carousel","Slider","Isotope"],"dynamicChangeLog":"<ul>\n<li>- 1 font issue fixed</li>\n<li>- 2 layout bugs fixed</li>\n</ul>","templateIcon":"icon-bootstrap","notice":"Some of the forms included (like booking, registration, comment submission forms, etc.) may require extra scripts and/or database functionality.","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"2","bitLyUrl":"http://bit.ly/2vauIyz","webForms":["Contact Form","Newsletter Subscription"],"loyaltySells":"1","width":"1920px","skupromo":"29%","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: Sun, 19 May 2024 22:10:48 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=61309&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=61309&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=61309&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 19 May 2024 22:15:48 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://livedemo00.template-help.com/wt_61309<!DOCTYPE html>
<html lang="en">
<head>
    <title>#61309 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/61309.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">
                Website Templates #61309            </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=61309&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $56                <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="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>