string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=97205&expand=properties"
string(15604) "[{"templateId":97205,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":336,"categoryName":"Life Coach Templates","templateTitle":"Life Coach Responsive Website Template","templatePreviewHtmlTitle":"HealthReads - Healthy Living Website Template","templateDemoHtmlTitle":"Live demo for HealthReads - Healthy Living Website Template #97205","typeShortName":"Website","templatePreviewFBTitle":"<h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Creative Healthy Living Website Template</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">A healthy living website template is a powerful tool for establishing a powerful lifestyle blog. Such a website can be very successful because many people tend to pay attention to how they live. Nowadays, we have a lot of time to take care of ourselves. We also strive to buy products that help us be strong, healthy and happy. Lifestyle blogs help people find the best products due to regular reviews and articles with personal opinions.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">With the help of the Internet, anyone can find tons of information about a better lifestyle. They include exercises, work habits, daily schedules, and so on. But creating a trustworthy lifestyle blog by yourself requires a lot of time and money. However, you can always save on website development just by using a top-notch website template</span> for a lifestyle website<span style=\"background-color: transparent; color: rgb(0, 0, 0);\">. With that in mind, we have designed HealthReads. It is an HTML solution that includes everything modern lifestyle bloggers are looking for.</span></p><p><br></p><p><br></p><h3><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Healthy Living HTML Template with Lots of Features</span></h3><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">HealthReads healthy living website template is a well-designed HTML solution. It has many additional visual elements and effects. For example, this template has a rich UI kit that allows you to create an interactive website. Our team of designers also included many CSS3 animations and effects. Without any doubt, they will enhance your website look and user-friendliness. Moreover, you can always take advantage of the following template features:</span></p><ol><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">SCSS & Pug source files;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Blog;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Working contact form;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Working newsletter subscription form;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Google Fonts.</span></li></ol><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Most importantly, if you want to change our healthy living website template, it supports full customization. You can also decorate it or easily edit any part of it. it might be done to get a unique look while maintaining the same or even higher level of functionality. It also has a highly optimized code. Due to such coding, your website will be fast and SEO-friendly. This means a website built with our HTML template can improve your global web search rankings.</span></p><p><br></p><p><br></p><h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Fully Responsive & Multipage HTML Template</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">The healthy living website template we'd like to offer you has a bunch of other awesome benefits. For example, one of the most meaningful ones is its layout. It is based </span>on the Bootstrap 4 framework,<span style=\"background-color: transparent; color: rgb(0, 0, 0);\"> which guarantees perfect responsiveness. It will also make your website more reliable and compatible with all popular devices. Our template offers pre-developed HTML pages to allow building a one-of-a-kind lifestyle in no time.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">To help you get more from HealthReads, we have supplied this template with highly detailed documentation. It is easy to read and understand, and it describes the work of HealthReads. Its installation and configuration procedures are also described simply. But if you have any questions, you can always turn to our 24/7 support team. We will be glad to help you build the best website for your lifestyle blog.</span></p><p><br></p><p><em>Please note that .psd files are not included in this template package.</em></p><p><br></p>","templateFullTitle":"HealthReads - Healthy Living Website Template","templatePreviewMetaDescription":"Creative Healthy Living Website TemplateA healthy living website template is a powerful tool for establishing a powerful lifestyle blog. Such a website can be","templateDemoMetaDescription":null,"specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"HealthReads - Healthy Living Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/healthreads-healthy-living-website-template-97205.html","userRating":0,"designIndex":"89","authorUserId":"1768190","exclusive":"1","state":1,"price":61,"inserted_date":"2020-02-26","sent":0,"downloads":0,"search_words":"project services inspire inspiration group therapy psychology psychologyterapy help spiritual expert professinal courses speaker confidence mentor event strong events","is_adult":0,"exc_price":4500,"sent_date":"2020-02-26 11:04:53","last_upload":"2020-02-26 11:04:53","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"97205-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":97205,"width":1600,"window_params":"","banner_url":"","id":1912785,"href":"","height":1000},{"scr_type_id":311,"filename":"97205-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":97205,"width":800,"window_params":"","banner_url":"","id":1912786,"href":"","height":1200},{"scr_type_id":312,"filename":"97205-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":97205,"width":370,"window_params":"","banner_url":"","id":1912787,"href":"","height":370},{"scr_type_id":9,"filename":"97205-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":97205,"width":145,"window_params":"","banner_url":"","id":1912788,"href":"","height":156},{"scr_type_id":57,"filename":"97205-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":97205,"width":430,"window_params":"","banner_url":"","id":1912789,"href":"","height":645}],"demoUrl":"/demo/97205.html","image":"https://s.tmimgcdn.com/scr/97200/healthreads-healthy-living-website-template_97205-0-original.jpg","searchHash":"d9adcc60feb36db3b849ef613e979000","previewHash":"62480f9eb979bbe224c3cf8fc388a855","authorNickname":"RockThemes","lowLevelTopic":"Life Coach Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","kindOfShops":"Healthy food blog, healthy lifestyle blog, lifestyle website, a healthcare company","color":"white","followUpLetter":"website-template-offers","uniqueKeywords":"project services inspire inspiration group therapy psychology psychologyterapy help spiritual expert professinal courses speaker confidence mentor event strong events","templateSupportOptions":"[{\"id\":69081,\"template_id\":52985,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":69082,\"template_id\":52985,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Get this healthy living website template to create a unique lifestyle blog with clean design and all necessary pages to help you attract more new readers.","bootstrapVersion":"4.0.x","imageKeyFeatures":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1582731250925_cut-01.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1582731250926_cut-02.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1582731250926_cut-03.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1582731250927_cut-04.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1582731250927_cut-05.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1582731250927_cut-06.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1582731250927_cut-07.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1582731250928_cut-08.jpg","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Dropdown Menu","HTML 5","JQuery","HTML plus JS"],"saleSells":"1","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-27897/","languageSupport":"English","authorUserId":"1768190","googleAnalyticsId":"UA-118125082-1","authorMainScreenshot":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1582731232014_original.jpg","facebookPixelId":"1857475610982695","htmlTitle":"Healthy Living Website Template for Lifestyle Blogs - TemplateMonster","isFree":"none","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","alreadyPacked":"1","exclusive":"1","galleryScript":["Carousel","Slider","Grid"],"templateIcon":"icon-bootstrap","templateSoftwareRequired":["Apache 2.0+","PHP 5.4+","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"lastmod":"2020-05-10T04:56:42-04:00","previewScreensOrVideoURLs":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1582731235651_01.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1582731237283_02.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1582731238815_03.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1582731240870_04.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1582731242615_05.jpg","types":"HTML Website Templates","trendiness":"1","shortDescription":"<h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Creative Healthy Living Website Template</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">A healthy living website template is a powerful tool for establishing a powerful lifestyle blog. Such a website can be very successful because many people tend to pay attention to how they live. Nowadays, we have a lot of time to take care of ourselves. We also strive to buy products that help us be strong, healthy and happy. Lifestyle blogs help people find the best products due to regular reviews and articles with personal opinions.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">With the help of the Internet, anyone can find tons of information about a better lifestyle. They include exercises, work habits, daily schedules, and so on. But creating a trustworthy lifestyle blog by yourself requires a lot of time and money. However, you can always save on website development just by using a top-notch website template</span> for a lifestyle website<span style=\"background-color: transparent; color: rgb(0, 0, 0);\">. With that in mind, we have designed HealthReads. It is an HTML solution that includes everything modern lifestyle bloggers are looking for.</span></p><p><br></p><p><br></p><h3><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Healthy Living HTML Template with Lots of Features</span></h3><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">HealthReads healthy living website template is a well-designed HTML solution. It has many additional visual elements and effects. For example, this template has a rich UI kit that allows you to create an interactive website. Our team of designers also included many CSS3 animations and effects. Without any doubt, they will enhance your website look and user-friendliness. Moreover, you can always take advantage of the following template features:</span></p><ol><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">SCSS & Pug source files;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Blog;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Working contact form;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Working newsletter subscription form;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Google Fonts.</span></li></ol><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Most importantly, if you want to change our healthy living website template, it supports full customization. You can also decorate it or easily edit any part of it. it might be done to get a unique look while maintaining the same or even higher level of functionality. It also has a highly optimized code. Due to such coding, your website will be fast and SEO-friendly. This means a website built with our HTML template can improve your global web search rankings.</span></p><p><br></p><p><br></p><h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Fully Responsive & Multipage HTML Template</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">The healthy living website template we'd like to offer you has a bunch of other awesome benefits. For example, one of the most meaningful ones is its layout. It is based </span>on the Bootstrap 4 framework,<span style=\"background-color: transparent; color: rgb(0, 0, 0);\"> which guarantees perfect responsiveness. It will also make your website more reliable and compatible with all popular devices. Our template offers pre-developed HTML pages to allow building a one-of-a-kind lifestyle in no time.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">To help you get more from HealthReads, we have supplied this template with highly detailed documentation. It is easy to read and understand, and it describes the work of HealthReads. Its installation and configuration procedures are also described simply. But if you have any questions, you can always turn to our 24/7 support team. We will be glad to help you build the best website for your lifestyle blog.</span></p><p><br></p><p><em>Please note that .psd files are not included in this template package.</em></p><p><br></p>","bitLyUrl":"http://bit.ly/2PpKIFt","tags":["confidence","courses","event","events","expert","group","help","inspiration","inspire","mentor","project","psychology","services","speaker","spiritual","strong","therapy"],"customUrl":"/website-templates/healthreads-healthy-living-website-template-97205.html","webForms":["Contact Form","Newsletter Subscription","Search Form"],"badge":"badge-responsive","nameOfTheTemplate":"HealthReads - Healthy Living Website Template","loyaltySells":"1","pHPVersionCompatibility":"7.x","topic":["Life Coach Templates","Society & People"],"styles":"Neutral","marketplaceMembership":"One","category":"Website templates","dqi":"89"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Tue, 30 Apr 2024 21:30:00 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=97205&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=97205&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=97205&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 30 Apr 2024 21:35:00 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_prod-27897/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#97205 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/97205.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 #97205            </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=97205&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>