string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=318269&expand=properties"
string(13371) "[{"templateId":318269,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":227,"categoryName":"Fashion Blog Templates","templateTitle":"Fashion Blog Responsive Website Template","templatePreviewHtmlTitle":"Heer - Minimal &amp; Lightweight Blog HTML Template","templateDemoHtmlTitle":"Live demo for Heer - Minimal &amp; Lightweight Blog HTML Template #318269","typeShortName":"Website","templatePreviewFBTitle":"<h3><strong>Heer - Minimal & Lightweight Blog HTML Template</strong></h3><p><strong>Heer</strong> is like a fashion-forward friend who always has the latest style tips and beauty hacks at her fingertips. This minimal and lightweight blog HTML template is perfect for the modern creative looking to showcase their aesthetic lifestyle, fashion insights, and healthy living advice. Heer comes equipped with a versatile range of 12+ home pages that are designed to fit any brand or blog style. Whether you're a fashion blogger, editor, or brand designer, Heer offers a clean and responsive design that looks great on all devices. With its light and dark mode options, you can easily switch up the tone of your blog with just one click. Plus, with its SEO optimization and fast loading times, your blog will get a better score on Google and keep your audience engaged. In short, Heer is the go-to template for bloggers who want to create a beautiful, professional-looking blog without sacrificing speed or functionality.</p><p>You will enjoy working with Heer!</p><h3>Features Overview</h3><ul><li>Typography: Heer features a carefully selected typography that is both elegant and modern. It adds a touch of sophistication to your blog and makes your content easy to read.</li><li>Full UI Kit Elements: Heer comes with a comprehensive UI kit that includes a variety of elements such as buttons, forms, icons, and more. This kit makes it easy to customize your blog and add unique touches to your design.</li><li>Smooth Transition Effects: Heer's smooth transition effects make browsing your blog a seamless and enjoyable experience. These effects add a level of interactivity and engagement to your site that keeps visitors coming back.</li><li>SVG Icons: Heer uses SVG icons that are scalable and highly customizable. These icons are a great way to add personality to your blog and enhance your brand identity.</li><li>24/7 Awesome Support: The Heer team offers 24/7 support to help you with any questions or issues you may have. This level of support ensures that you can get your blog up and running smoothly and quickly.</li><li>Integrated Google Maps: Heer includes integrated Google Maps, which is perfect for bloggers who want to showcase their travel experiences or share the location of their favorite spots.</li><li>Retina Ready: Heer is retina ready, which means that it looks stunning on high-resolution screens. This feature ensures that your blog looks sharp and professional, no matter what device your visitors are using.</li></ul><h3>Discover the Impressive Features of Heer - The Minimal & Lightweight Blog HTML Template</h3><ul><li>Bootstrap 5.x Framework</li><li>12+ Home Pages</li><li>Light & Dark Mode</li><li>Retina Ready.</li><li>Fully Responsive</li><li>SEO Optimized</li><li>Touch Friendly</li><li>Integrated Google Maps</li><li>Retina Ready</li><li>Smooth Transition Effects</li><li>Full UI Kit Elements</li><li>Clean & Commented Code</li><li>Valid HTML5 / CSS3</li><li>Font Awesome Icons</li><li>SVG Icons</li><li>Google Fonts</li><li>24/7 Support</li><li>Detailed Documentation</li></ul><h3>Elevate Your Blog's Aesthetic with the Elegant Nunito Sans Font - Used in Heer HTML Template</h3><ul><li>Nunito Sans is the font used in Heer</li><li>It is a Google Font that is modern, elegant, and easy to read</li><li>Nunito Sans has a range of weights and styles, allowing for versatile use in the template</li><li>This font adds a touch of sophistication and professionalism to your blog's design</li></ul><h3>Important Note:</h3><ul><li><strong>Preview Images Only: The images used in Heer are for demonstration purposes only and are not included in the final purchase files. You can easily replace them with your own images or find free stock images online. This allows for greater customization and flexibility to make your website truly unique and personalized</strong></li></ul>","templateFullTitle":"Heer - Minimal &amp; Lightweight Blog HTML Template","templatePreviewMetaDescription":"Heer - Minimal & Lightweight Blog HTML TemplateHeer is like a fashion-forward friend who always has the latest style tips and beauty hacks at her fingertips.","templateDemoMetaDescription":"Before you purchase it, get acquainted with the high quality Heer - Minimal &amp; Lightweight Blog HTML Template Website Template (#318269) by viewing the live preview. View the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Heer - Minimal &amp; Lightweight Blog HTML Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/heer-minimal-amp-lightweight-blog-html-template-318269.html","userRating":0,"designIndex":1,"authorUserId":"78149630","exclusive":"1","state":1,"price":49,"inserted_date":"2023-02-24","sent":0,"downloads":2,"search_words":"news blog magazine modern fashion entertainment newspaper personal responsive technology","is_adult":0,"exc_price":2100,"sent_date":"2023-02-24 11:52:30","last_upload":"2023-02-24 11:54:00","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3018094,"templ_id":318269,"filename":"318269-original.jpg","width":1600,"height":814,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3018095,"templ_id":318269,"filename":"318269-big.jpg","width":1600,"height":814,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3018096,"templ_id":318269,"filename":"318269-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3018097,"templ_id":318269,"filename":"318269-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3018098,"templ_id":318269,"filename":"318269-b.jpg","width":430,"height":219,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/318269.html","image":"https://s.tmimgcdn.com/scr/318200/heer-minimal-amp-lightweight-blog-html-template_318269-original.jpg","searchHash":"a4a4d212e4c3f31ba847540f38e0e543","previewHash":"ba809a1407c541229b9d0ac263549cc2","authorNickname":"ThemeAlpha","lowLevelTopic":"Fashion Blog Templates","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":1,"productBoost":0,"onSale":0,"finalPrice":49,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Responsive","Bootstrap","Team Members","MegaMenu","HTML 5","JQuery","Static"],"styles":["Clean","Minimalist","Dark"],"isLastAdded":"1","topic":["Fashion Blog Templates","Fashion Templates","Fashion & Beauty"],"isFree":"none","color":["black","white","grey","red"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["entertainment","fashion","magazine","modern","news","newspaper","personal","responsive","technology","blog"],"paidSupport":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorUserId":"78149630","bootstrapVersion":"5.2.x","excerpt":"<p>Heer is an absolutely stylish &amp; attractive Personal HTML Template. It is crafted for an aesthetic lifestyle magazine, fashion blogger, editor, style trends blog creative designer.</p>","nameOfTheTemplate":"Heer - Minimal &amp; Lightweight Blog HTML Template","shortDescription":"<h3><strong>Heer - Minimal & Lightweight Blog HTML Template</strong></h3><p><strong>Heer</strong> is like a fashion-forward friend who always has the latest style tips and beauty hacks at her fingertips. This minimal and lightweight blog HTML template is perfect for the modern creative looking to showcase their aesthetic lifestyle, fashion insights, and healthy living advice. Heer comes equipped with a versatile range of 12+ home pages that are designed to fit any brand or blog style. Whether you're a fashion blogger, editor, or brand designer, Heer offers a clean and responsive design that looks great on all devices. With its light and dark mode options, you can easily switch up the tone of your blog with just one click. Plus, with its SEO optimization and fast loading times, your blog will get a better score on Google and keep your audience engaged. In short, Heer is the go-to template for bloggers who want to create a beautiful, professional-looking blog without sacrificing speed or functionality.</p><p>You will enjoy working with Heer!</p><h3>Features Overview</h3><ul><li>Typography: Heer features a carefully selected typography that is both elegant and modern. It adds a touch of sophistication to your blog and makes your content easy to read.</li><li>Full UI Kit Elements: Heer comes with a comprehensive UI kit that includes a variety of elements such as buttons, forms, icons, and more. This kit makes it easy to customize your blog and add unique touches to your design.</li><li>Smooth Transition Effects: Heer's smooth transition effects make browsing your blog a seamless and enjoyable experience. These effects add a level of interactivity and engagement to your site that keeps visitors coming back.</li><li>SVG Icons: Heer uses SVG icons that are scalable and highly customizable. These icons are a great way to add personality to your blog and enhance your brand identity.</li><li>24/7 Awesome Support: The Heer team offers 24/7 support to help you with any questions or issues you may have. This level of support ensures that you can get your blog up and running smoothly and quickly.</li><li>Integrated Google Maps: Heer includes integrated Google Maps, which is perfect for bloggers who want to showcase their travel experiences or share the location of their favorite spots.</li><li>Retina Ready: Heer is retina ready, which means that it looks stunning on high-resolution screens. This feature ensures that your blog looks sharp and professional, no matter what device your visitors are using.</li></ul><h3>Discover the Impressive Features of Heer - The Minimal & Lightweight Blog HTML Template</h3><ul><li>Bootstrap 5.x Framework</li><li>12+ Home Pages</li><li>Light & Dark Mode</li><li>Retina Ready.</li><li>Fully Responsive</li><li>SEO Optimized</li><li>Touch Friendly</li><li>Integrated Google Maps</li><li>Retina Ready</li><li>Smooth Transition Effects</li><li>Full UI Kit Elements</li><li>Clean & Commented Code</li><li>Valid HTML5 / CSS3</li><li>Font Awesome Icons</li><li>SVG Icons</li><li>Google Fonts</li><li>24/7 Support</li><li>Detailed Documentation</li></ul><h3>Elevate Your Blog's Aesthetic with the Elegant Nunito Sans Font - Used in Heer HTML Template</h3><ul><li>Nunito Sans is the font used in Heer</li><li>It is a Google Font that is modern, elegant, and easy to read</li><li>Nunito Sans has a range of weights and styles, allowing for versatile use in the template</li><li>This font adds a touch of sophistication and professionalism to your blog's design</li></ul><h3>Important Note:</h3><ul><li><strong>Preview Images Only: The images used in Heer are for demonstration purposes only and are not included in the final purchase files. You can easily replace them with your own images or find free stock images online. This allows for greater customization and flexibility to make your website truly unique and personalized</strong></li></ul>","uniqueKeywords":"news,blog,magazine,modern,fashion,entertainment,newspaper,personal,responsive,technology","advImage":"https://s3u.tmimgcdn.com/u78149630/aeccb327fc6c42f3b7e333de5336732d.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78149630/5d113880d5afa5a00e3ff2a1db940832.jpg","livePreviewURL":"https://themefierce.com/html/heer-prev/","metaDescription":"Heer - Minimal & Lightweight Blog HTML TemplateHeer is like a fashion-forward friend who always has the latest style tips and beauty hacks at her fingertips.","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3XXrV4v","demoMetaDescription":"Before you purchase it, get acquainted with the high quality Heer - Minimal &amp; Lightweight Blog HTML Template Website Template (#318269) by viewing the live preview. View the pages, check out the images, press the buttons, explore the features.","customUrl":"/website-templates/heer-minimal-amp-lightweight-blog-html-template-318269.html","productSize":"6824177","trendiness":"1","frameworks":"None","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 25 Apr 2024 14:29:58 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(293) "Link: <http://products/api/v2/products/en?language=en&ids=318269&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=318269&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=318269&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 14:34:58 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://themefierce.com/html/heer-prev/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#318269 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/318269.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 #318269            </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=318269&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $45                <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>