string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=64625&expand=properties"
string(14291) "[{"templateId":64625,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":227,"categoryName":"Fashion Blog Templates","templateTitle":"Fashion Blog Responsive Website Template","templatePreviewHtmlTitle":"Be Happy - Health Magazine Multipage Website Template","templateDemoHtmlTitle":"Live demo for Be Happy - Health Magazine Multipage Website Template #64625","typeShortName":"Website","templatePreviewFBTitle":"Bootstrap Health Magazine Website Template is just what you need to launch your own media website. Equipped with a load of useful UI elements, it will help you display different types of content in an easy to perceive way. Feel free to spice up your future online presence with a huge set of UI elements and blocks. Integrated social options will give you an opportunity to get your brand noticed across various social media channels. Over 30 ready made HTML5 pages are available for you to share actual information with your readers. In addition, this user-friendly theme was supplied with shop page of an advanced functionality, which means that you’ll be able to start selling online without any additional payment. The responsive slider is a way to emphasize visitors’ attention on your best pieces of content. By filling out a newsletter subscription form, users will be able to get on your mailing list and be updated on the latest happenings from your blog. Click on the demo to learn more about Health Magazine Website Template.<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 Stylist Fashion Blog web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive designs alter to small as well as the much bigger display screen sizes automatically.</p> <p><b>Why is it Good?</b></p><p>It is good because the website is available for more users from the huge variety of devices. </p><p>Latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <h3>This is a Bootstrap Beauty website design template</h3> <p><b>What is it?</b></p><p>Bootstrap is a extremely well-liked framework, which makes the work with Web-page coding, Cascading stylesheet as well as JS easier. It was created to be a tool to make a responsive design, however after some time it incorporated a good amount of extra overall performance.</p> <p><b>Why is it Good?</b></p><p>Choosing this kind of framework drastically accelerates the process of creating web pages. Standard patterns are really simple to modify, which provides an adaptable and easy process for building site layouts.</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":"Be Happy - Health Magazine Multipage Website Template","templatePreviewMetaDescription":"Bootstrap Health Magazine Website Template is just what you need to launch your own media website. Equipped with a load of useful UI elements, it will help you","templateDemoMetaDescription":"Explore the demo for the professional Be Happy - Health Magazine Multipage Website Template (#64625) to find out what this theme is before buying it. Go through the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Be Happy - Health Magazine Multipage Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/be-happy-health-magazine-multipage-website-template-64625.html","userRating":0,"designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":53,"inserted_date":"2017-07-24","sent":2,"downloads":7,"search_words":"health magazine natural cosmetics organic cosmetics store beauty fashion health care women solution service catalogue product gift skincare hair care style cream natural","is_adult":0,"exc_price":4500,"sent_date":"2017-09-22 00:00:00","last_upload":"2017-07-24 00:00:00","package_id":258,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":78,"filename":"64625-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":64625,"width":970,"window_params":"","banner_url":"","id":1703934,"href":"","height":280},{"scr_type_id":315,"filename":"64625-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64625,"width":1903,"window_params":"","banner_url":"","id":1703935,"href":"","height":3249},{"scr_type_id":334,"filename":"64625-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64625,"width":1903,"window_params":"","banner_url":"","id":1703936,"href":"","height":3249},{"scr_type_id":311,"filename":"64625-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64625,"width":965,"window_params":"","banner_url":"","id":1703937,"href":"","height":1648},{"scr_type_id":212,"filename":"64625-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64625,"width":430,"window_params":"","banner_url":"","id":1703938,"href":"","height":60},{"scr_type_id":312,"filename":"64625-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64625,"width":370,"window_params":"","banner_url":"","id":1703939,"href":"","height":370},{"scr_type_id":3,"filename":"64625-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64625,"width":408,"window_params":"","banner_url":"","id":1703940,"href":"","height":55},{"scr_type_id":9,"filename":"64625-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64625,"width":145,"window_params":"","banner_url":"","id":1703941,"href":"","height":156},{"scr_type_id":3,"filename":"64625-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64625,"width":1903,"window_params":"","banner_url":"","id":1703942,"href":"","height":3249},{"scr_type_id":297,"filename":"64625-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64625,"width":430,"window_params":"","banner_url":"","id":1703943,"href":"","height":734},{"scr_type_id":299,"filename":"64625-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64625,"width":430,"window_params":"","banner_url":"","id":1703944,"href":"","height":900},{"scr_type_id":314,"filename":"64625-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64625,"width":1903,"window_params":"","banner_url":"","id":1703945,"href":"","height":3249},{"scr_type_id":300,"filename":"64625-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64625,"width":320,"window_params":"","banner_url":"","id":1703946,"href":"","height":900},{"scr_type_id":298,"filename":"64625-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64625,"width":430,"window_params":"","banner_url":"","id":1703947,"href":"","height":900},{"scr_type_id":3,"filename":"64625-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64625,"width":895,"window_params":"","banner_url":"","id":1703948,"href":"","height":599}],"demoUrl":"/demo/64625.html","image":"https://s.tmimgcdn.com/scr/64600/be-happy-health-magazine-multipage-website-template_64625-original.jpg","searchHash":"598edab99514688fd60cb1bd379ae9ed","previewHash":"12cd60122269460be59e45a4abae128c","authorNickname":"RockThemes","lowLevelTopic":"Fashion Blog Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":37,"discountPercent":30,"discountAmount":16,"semiannualSales":0,"properties":{"productFamily":"None","kindOfShops":"Grab this template for media, magazine, art and culture, business and services, medical, real estate, computers and internet websites.","color":["black","white","grey","orange"],"followUpLetter":"website-template-offers","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","showVariantForcibly":"b","metaDescription":"Health Magazine Website Template with cross-browser compatibility, responsive slider, live search and contact forms, cool CSS3 animation effects and transitions is a great solution for spreading a word about any media site. Choose this Bootstrap and Multipage HTML Template to promote your magazine like a pro!","excludeExclusive":"Yes","imageKeyFeatures":"https://s.tmimgcdn.com/scr/64600/64625-en_01.jpg, https://s.tmimgcdn.com/scr/64600/64625-en_02.jpg, https://s.tmimgcdn.com/scr/64600/64625-en_03.jpg, https://s.tmimgcdn.com/scr/64600/64625-en_04.jpg, https://s.tmimgcdn.com/scr/64600/64625-en_05.jpg, https://s.tmimgcdn.com/scr/64600/64625-en_06.jpg, https://s.tmimgcdn.com/scr/64600/64625-en_07.jpg, https://s.tmimgcdn.com/scr/64600/64625-en_08.jpg, https://s.tmimgcdn.com/scr/64600/64625-en_09.jpg, https://s.tmimgcdn.com/scr/64600/64625-en_10.jpg","features":["Responsive","Bootstrap","HTML plus JS"],"livePreviewURL":"https://livedemo00.template-help.com/wt_64625","languageSupport":"English","authorUserId":"1768190","htmlTitle":"Health Magazine Website Template","isFree":"none","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/bootstrap-template/","imageDescription":"https://s.tmimgcdn.com/scr/64600/64625-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Apache Server","Code editor","PHP 5.4+"],"templateIcon":"icon-bootstrap","dynamicChangeLog":"<ul>\n<li>- 3 minor HTML issues fixed</li>\n<li>- 1 font issue fixed</li>\n<li>- 1 front-end bug fixed</li>\n<li>- 2 styles bugs fixed</li>\n<li>- 2 PSD layers updated</li>\n</ul>","lastmod":"2019-11-01T00:00:12-04: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":"Explore the demo for the professional Be Happy - Health Magazine Multipage Website Template (#64625) to find out what this theme is before buying it. Go through the pages, examine the images, click the buttons, explore the features.","shortDescription":"Bootstrap Health Magazine Website Template is just what you need to launch your own media website. Equipped with a load of useful UI elements, it will help you display different types of content in an easy to perceive way. Feel free to spice up your future online presence with a huge set of UI elements and blocks. Integrated social options will give you an opportunity to get your brand noticed across various social media channels. Over 30 ready made HTML5 pages are available for you to share actual information with your readers. In addition, this user-friendly theme was supplied with shop page of an advanced functionality, which means that you’ll be able to start selling online without any additional payment. The responsive slider is a way to emphasize visitors’ attention on your best pieces of content. By filling out a newsletter subscription form, users will be able to get on your mailing list and be updated on the latest happenings from your blog. Click on the demo to learn more about Health Magazine Website Template.<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 Stylist Fashion Blog web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive designs alter to small as well as the much bigger display screen sizes automatically.</p> <p><b>Why is it Good?</b></p><p>It is good because the website is available for more users from the huge variety of devices. </p><p>Latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <h3>This is a Bootstrap Beauty website design template</h3> <p><b>What is it?</b></p><p>Bootstrap is a extremely well-liked framework, which makes the work with Web-page coding, Cascading stylesheet as well as JS easier. It was created to be a tool to make a responsive design, however after some time it incorporated a good amount of extra overall performance.</p> <p><b>Why is it Good?</b></p><p>Choosing this kind of framework drastically accelerates the process of creating web pages. Standard patterns are really simple to modify, which provides an adaptable and easy process for building site layouts.</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":["beauty","care","catalogue","cosmetics","cream","fashion","gift","hair","health","magazine","natural","organic","product","service","solution","store","style","women"],"customUrl":"/website-templates/be-happy-health-magazine-multipage-website-template-64625.html","badge":"badge-responsive","nameOfTheTemplate":"Be Happy - Health Magazine Multipage Website Template","loyaltySells":"1","width":"1920px","pHPVersionCompatibility":"7.x","topic":["Fashion Blog Templates","Fashion Templates","Fashion & Beauty"],"styles":"Neutral","skupromo":"29%","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: Sat, 23 Nov 2024 05:50: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=64625&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=64625&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=64625&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 23 Nov 2024 05:55: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: 165.227.251.218:80"
}
https://livedemo00.template-help.com/wt_64625<!DOCTYPE html>
<html lang="en">
<head>
    <title>#64625 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/64625.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 #64625            </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=64625&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>