string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=64626&expand=properties"
string(13429) "[{"templateId":64626,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":432,"categoryName":"Fashion Templates","templateTitle":"Fashion Responsive Website Template","templatePreviewHtmlTitle":"Life News Website Template #64626 - TemplateMonster","templateDemoHtmlTitle":"Demo for Life News Website Template #64626","typeShortName":"Website","templatePreviewFBTitle":"This fully responsive Health Magazine HTML Template will be perfectly suited for those who don’t have an ability to publish a paper version of their magazine and want to go online. Or if you just want to make an online version of your health magazine, this Health Magazine HTML Template will be perfectly suited too. This template was made after analyzing what ladies like the most in terms of online magazine design and looks. It’s fast, easy to navigate and it has a great artwork collection so using this template you can easily create a very popular online magazine!<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 is a Bootstrap Fashion & Beauty Blog website template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for creating sites.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is a helpful instrument and that is the simple reason it's very popular. Using this framework, it's possible to create responsive design, appropriate for any sort of screen size, prototype new designs without the challenges and be sure your own internet page is undoubtedly cross-browser compatible.</p><p>Find newest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website design templates</a> here</p> <h3>This Fashion & Beauty website template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is an approach to website design that allows pages to adapt to a display resolution of any type of gadget - may it be a personal computer, a laptop or a phone.</p> <p><b>Why is it Good?</b></p><p>Whatever kind of device your end users might use to enter the web business - they are going to see a radiant graphic which includes a convenient navigation menu. It really is an especially valuable feature, bearing in mind that the majority of consumers currently favor their mobiles for internet surfing.</p><p>Fresh <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Life News Website Template","templatePreviewMetaDescription":"This fully responsive Health Magazine HTML Template will be perfectly suited for those who don’t have an ability to publish a paper version of their magazine","templateDemoMetaDescription":"The live preview of this professional Life News Website Template (#64626) is made available for you to get the look and feel of the design before you buy it. View the pages, examine the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Life News Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/life-news-website-template-64626.html","userRating":0,"designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":53,"inserted_date":"2017-07-24","sent":2,"downloads":6,"search_words":"events news doctor face beauty hospital clinic services estetica healthcare help inspection equipment patients medicine healthcare consulting medical consultant love","is_adult":0,"exc_price":4500,"sent_date":"2017-10-02 00:00:00","last_upload":"2017-07-24 00:00:00","package_id":258,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":312,"filename":"64626-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64626,"width":370,"window_params":"","banner_url":"","id":1708234,"href":"","height":370},{"scr_type_id":298,"filename":"64626-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64626,"width":430,"window_params":"","banner_url":"","id":1708235,"href":"","height":900},{"scr_type_id":311,"filename":"64626-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64626,"width":965,"window_params":"","banner_url":"","id":1708236,"href":"","height":1888},{"scr_type_id":315,"filename":"64626-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64626,"width":1903,"window_params":"","banner_url":"","id":1708237,"href":"","height":3724},{"scr_type_id":9,"filename":"64626-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64626,"width":145,"window_params":"","banner_url":"","id":1708238,"href":"","height":156},{"scr_type_id":3,"filename":"64626-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64626,"width":1903,"window_params":"","banner_url":"","id":1708239,"href":"","height":3724},{"scr_type_id":314,"filename":"64626-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64626,"width":1903,"window_params":"","banner_url":"","id":1708240,"href":"","height":3724},{"scr_type_id":212,"filename":"64626-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64626,"width":430,"window_params":"","banner_url":"","id":1708241,"href":"","height":60},{"scr_type_id":3,"filename":"64626-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64626,"width":895,"window_params":"","banner_url":"","id":1708242,"href":"","height":599},{"scr_type_id":300,"filename":"64626-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64626,"width":320,"window_params":"","banner_url":"","id":1708243,"href":"","height":900},{"scr_type_id":334,"filename":"64626-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64626,"width":1903,"window_params":"","banner_url":"","id":1708244,"href":"","height":3724},{"scr_type_id":3,"filename":"64626-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64626,"width":408,"window_params":"","banner_url":"","id":1708245,"href":"","height":55},{"scr_type_id":297,"filename":"64626-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64626,"width":430,"window_params":"","banner_url":"","id":1708246,"href":"","height":841},{"scr_type_id":78,"filename":"64626-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":64626,"width":970,"window_params":"","banner_url":"","id":1708247,"href":"","height":280},{"scr_type_id":299,"filename":"64626-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64626,"width":430,"window_params":"","banner_url":"","id":1708248,"href":"","height":900}],"demoUrl":"/demo/64626.html","image":"https://s.tmimgcdn.com/scr/64600/life-news-website-template_64626-original.jpg","searchHash":"a4691ff93dbf867a5c5abc7afcfa47d5","previewHash":"342b9360b2e4b5e362bb8ffabec7a142","authorNickname":"RockThemes","lowLevelTopic":"Fashion & Beauty","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":53,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","kindOfShops":"fitness, cardio, aerobics, pilates, nutrition, nutritionist, healthy food, supplement","color":["black","white","grey"],"followUpLetter":"website-template-offers","uniqueKeywords":"events news doctor face beauty hospital clinic services estetica healthcare help inspection equipment patients medicine healthcare consulting medical consultant love","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","showVariantForcibly":"b","metaDescription":"A fully responsive, stylish and modern Health Magazine HTML Template that will alow you to create fully-functional online health magazine and spread your healthy way of life among your readers.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/64600/64626-en_01.jpg, https://s.tmimgcdn.com/scr/64600/64626-en_02.jpg, https://s.tmimgcdn.com/scr/64600/64626-en_03.jpg, https://s.tmimgcdn.com/scr/64600/64626-en_04.jpg, https://s.tmimgcdn.com/scr/64600/64626-en_05.jpg, https://s.tmimgcdn.com/scr/64600/64626-en_06.jpg, https://s.tmimgcdn.com/scr/64600/64626-en_07.jpg, https://s.tmimgcdn.com/scr/64600/64626-en_08.jpg, https://s.tmimgcdn.com/scr/64600/64626-en_09.jpg, https://s.tmimgcdn.com/scr/64600/64626-en_10.jpg","features":["Responsive","Bootstrap","HTML plus JS"],"livePreviewURL":"https://livedemo00.template-help.com/wt_64626","languageSupport":"English","authorUserId":"1768190","htmlTitle":"Health Magazine HTML Template","isFree":"none","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/bootstrap-template/","imageDescription":"https://s.tmimgcdn.com/scr/64600/64626-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Apache Server","Code editor","PHP 5.4+"],"templateIcon":"icon-bootstrap","dynamicChangeLog":"<ul>\n<li>- HTML optimized for better performance</li>\n<li>- 1 minor front-end issue fixed</li>\n</ul>","lastmod":"2019-11-17T09:39:19-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"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":"1","demoMetaDescription":"The live preview of this professional Life News Website Template (#64626) is made available for you to get the look and feel of the design before you buy it. View the pages, examine the images, press the buttons, explore the functionality.","shortDescription":"This fully responsive Health Magazine HTML Template will be perfectly suited for those who don’t have an ability to publish a paper version of their magazine and want to go online. Or if you just want to make an online version of your health magazine, this Health Magazine HTML Template will be perfectly suited too. This template was made after analyzing what ladies like the most in terms of online magazine design and looks. It’s fast, easy to navigate and it has a great artwork collection so using this template you can easily create a very popular online magazine!<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 is a Bootstrap Fashion & Beauty Blog website template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for creating sites.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is a helpful instrument and that is the simple reason it's very popular. Using this framework, it's possible to create responsive design, appropriate for any sort of screen size, prototype new designs without the challenges and be sure your own internet page is undoubtedly cross-browser compatible.</p><p>Find newest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website design templates</a> here</p> <h3>This Fashion & Beauty website template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is an approach to website design that allows pages to adapt to a display resolution of any type of gadget - may it be a personal computer, a laptop or a phone.</p> <p><b>Why is it Good?</b></p><p>Whatever kind of device your end users might use to enter the web business - they are going to see a radiant graphic which includes a convenient navigation menu. It really is an especially valuable feature, bearing in mind that the majority of consumers currently favor their mobiles for internet surfing.</p><p>Fresh <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <br /></div></div></div></div>","tags":["beauty","clinic","consultant","consulting","doctor","equipment","events","face","healthcare","help","hospital","inspection","love","medical","medicine","news","patients","services"],"customUrl":"/website-templates/life-news-website-template-64626.html","badge":"badge-responsive","nameOfTheTemplate":"Life News Website Template","loyaltySells":"1","width":"1920px","pHPVersionCompatibility":"7.x","topic":"Fashion & Beauty","styles":["Neutral","Flat"],"skupromo":"40%","marketplaceMembership":"None","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 01 Nov 2024 21:29: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=64626&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=64626&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=64626&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 01 Nov 2024 21:34: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: 159.203.151.221:80"
}
https://livedemo00.template-help.com/wt_64626<!DOCTYPE html>
<html lang="en">
<head>
    <title>#64626 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/64626.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 #64626            </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=64626&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $49                <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>