string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=48504&expand=properties"
string(13738) "[{"templateId":48504,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":508,"categoryName":"Singer Templates","templateTitle":"Singer Responsive Website Template","templatePreviewHtmlTitle":"Singer Responsive Website Template #48504 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Singer Responsive Website Template #48504","typeShortName":"Website","templatePreviewFBTitle":"Should you be looking for an up to date and top notch design for your web site, in that case singer fans website web template is the most appropriate one. Stylish look and great performance are the fundamental options of this pro design template that is specifically designed for Singer songs or singer web pages. Thanks to its responsive essence, you will effortlessly contact people who explore the web on the go, while SEO-friendliness will enable you raise traffic rates of your internet site. Designing different types of data into well-structured sections adds a more balanced look to the theme. A comprehensive documentation directory as well as free round-the-clock tech support are bundled. If you are going to broaden the target audience of your project, this design template will turn out to be extremely practical!<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 Art & Culture web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means well adjusted to the screens of all sizes on any device. </p> <p><b>Why is it Good?</b></p><p>It is good since the website can be reached by more visitors from the vast number of devices. </p><p>Latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This is a Bootstrap Restaurant Singer web template</h3> <p><b>What is it?</b></p><p>Bootstrap really is a cost free front-end framework that can offer for faster plus hassle-free website design experience.</p> <p><b>Why is it Good?</b></p><p>Bootstrap will help you produce responsive, mobile-first web-based projects effortlessly.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website design templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Singer Responsive Website Template","templatePreviewMetaDescription":"Should you be looking for an up to date and top notch design for your web site, in that case singer fans website web template is the most appropriate one.","templateDemoMetaDescription":"The demo of this professional Singer Responsive Website Template (#48504) is made available for you to get knowledgeable about the design before you buy it. View the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Singer Responsive Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/48504.html","userRating":0,"designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2014-02-27","sent":2,"downloads":13,"search_words":"stella muntiago singer personal page music musician song tune listening hits webpage new creative works events discography discs CD tour gallery photos playing biography hobby journal interests family relatives friends fan club shows albums pl","is_adult":0,"exc_price":4500,"sent_date":"2014-03-03 05:15:23","last_upload":"2014-02-27 00:00:00","package_id":258,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":9,"filename":"48504-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48504,"width":145,"window_params":"","banner_url":"","id":1374976,"href":"","height":156},{"scr_type_id":3,"filename":"48504-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48504,"width":1950,"window_params":"","banner_url":"","id":1374977,"href":"","height":2231},{"scr_type_id":3,"filename":"48504-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48504,"width":408,"window_params":"","banner_url":"","id":1374978,"href":"","height":55},{"scr_type_id":299,"filename":"48504-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48504,"width":430,"window_params":"","banner_url":"","id":1374979,"href":"","height":900},{"scr_type_id":78,"filename":"48504-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":48504,"width":970,"window_params":"","banner_url":"","id":1374980,"href":"","height":280},{"scr_type_id":314,"filename":"48504-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48504,"width":1950,"window_params":"","banner_url":"","id":1374981,"href":"","height":2231},{"scr_type_id":297,"filename":"48504-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48504,"width":430,"window_params":"","banner_url":"","id":1374982,"href":"","height":640},{"scr_type_id":298,"filename":"48504-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48504,"width":430,"window_params":"","banner_url":"","id":1374983,"href":"","height":900},{"scr_type_id":212,"filename":"48504-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48504,"width":430,"window_params":"","banner_url":"","id":1374984,"href":"","height":60},{"scr_type_id":3,"filename":"48504-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48504,"width":1800,"window_params":"","banner_url":"","id":1374985,"href":"","height":1707},{"scr_type_id":317,"filename":"48504-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48504,"width":1950,"window_params":"","banner_url":"","id":1374986,"href":"","height":1707},{"scr_type_id":312,"filename":"48504-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48504,"width":370,"window_params":"","banner_url":"","id":1374987,"href":"","height":370},{"scr_type_id":3,"filename":"48504-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48504,"width":1950,"window_params":"","banner_url":"","id":1374988,"href":"","height":1707},{"scr_type_id":300,"filename":"48504-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48504,"width":320,"window_params":"","banner_url":"","id":1374989,"href":"","height":900},{"scr_type_id":3,"filename":"48504-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48504,"width":1800,"window_params":"","banner_url":"","id":1374990,"href":"","height":2231},{"scr_type_id":311,"filename":"48504-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48504,"width":965,"window_params":"","banner_url":"","id":1374991,"href":"","height":1196},{"scr_type_id":3,"filename":"48504-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48504,"width":965,"window_params":"","banner_url":"","id":1374992,"href":"","height":915},{"scr_type_id":3,"filename":"48504-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48504,"width":1800,"window_params":"","banner_url":"","id":1374993,"href":"","height":1707},{"scr_type_id":315,"filename":"48504-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48504,"width":1800,"window_params":"","banner_url":"","id":1374994,"href":"","height":2231},{"scr_type_id":334,"filename":"48504-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48504,"width":1950,"window_params":"","banner_url":"","id":1634449,"href":"","height":2231}],"demoUrl":"/demo/48504.html","image":"https://s.tmimgcdn.com/scr/48500/singer-responsive-website-template_48504-original.jpg","searchHash":"71d5da63fc32d987b388ad0a74bacd02","previewHash":"27cb7ab2ea6f9fd9f3d527986cb553ae","authorNickname":"WT","lowLevelTopic":"Singer Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","grey","red"],"followUpLetter":"website-template-offers","uniqueKeywords":"Singer site","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","metaDescription":"Check out this Singer Responsive Website Template (#48504) - learn all the technical info and requirements before you purchase it.","bootstrapVersion":"3.0.3","features":["Responsive","Bootstrap","Sliced PSD","Dropdown Menu","Google map","HTML 5","JQuery","HTML plus JS"],"templateSources":[".PSD",".HTML"],"livePreviewURL":"https://livedemo00.template-help.com/wt_48504","languageSupport":"English","authorUserId":"1553971","jqueryScripts":["\"SuperFish\" DropDown Menu","Mobile Menu"],"isFree":"none","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/bootstrap-template/","documentationVersion":"Bootstrap Website Templates v1.0","imageDescription":"https://s.tmimgcdn.com/scr/48500/48504-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editing tool"],"dynamicChangeLog":"<ul>\n<li>- 3 minor HTML issues fixed</li>\n<li>- 1 font issue fixed</li>\n<li>- 2 minor background issues fixed</li>\n<li>- 1 styles bug fixed</li>\n</ul>","templateIcon":"icon-bootstrap","lastmod":"2021-03-31T12:49:02-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":"The demo of this professional Singer Responsive Website Template (#48504) is made available for you to get knowledgeable about the design before you buy it. View the pages, check the images, click the buttons, explore the features.","shortDescription":"Should you be looking for an up to date and top notch design for your web site, in that case singer fans website web template is the most appropriate one. Stylish look and great performance are the fundamental options of this pro design template that is specifically designed for Singer songs or singer web pages. Thanks to its responsive essence, you will effortlessly contact people who explore the web on the go, while SEO-friendliness will enable you raise traffic rates of your internet site. Designing different types of data into well-structured sections adds a more balanced look to the theme. A comprehensive documentation directory as well as free round-the-clock tech support are bundled. If you are going to broaden the target audience of your project, this design template will turn out to be extremely practical!<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 Art & Culture web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means well adjusted to the screens of all sizes on any device. </p> <p><b>Why is it Good?</b></p><p>It is good since the website can be reached by more visitors from the vast number of devices. </p><p>Latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This is a Bootstrap Restaurant Singer web template</h3> <p><b>What is it?</b></p><p>Bootstrap really is a cost free front-end framework that can offer for faster plus hassle-free website design experience.</p> <p><b>Why is it Good?</b></p><p>Bootstrap will help you produce responsive, mobile-first web-based projects effortlessly.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website design templates</a> here</p> <br /></div></div></div></div>","bitLyUrl":"http://bit.ly/1fUYJTl","tags":["albums","biography","club","creative","discography","discs","events","family","fan","friends","gallery","hits","hobby","journal","listening","music","musician","new","page","personal","photos","playing","shows","singer","site","song","tour","tune","works","cd","webpage"],"layout":"3 columns","customUrl":"/website-templates/48504.html","badge":"badge-responsive","webForms":"Search Form","nameOfTheTemplate":"Singer Responsive Website Template","loyaltySells":"1","width":"1950px","pHPVersionCompatibility":"7.x","topic":["Music Templates","Singer Templates","Art & Culture"],"styles":["Neutral","Flat"],"skupromo":"40%","marketplaceMembership":"None","advImage":"https://s.tmimgcdn.com/scr/48500/48504-original.jpg","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: Thu, 18 Apr 2024 14:06:22 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=48504&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=48504&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=48504&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 18 Apr 2024 14:11:22 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_48504<!DOCTYPE html>
<html lang="en">
<head>
    <title>#48504 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/48504.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 #48504            </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=48504&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $58                <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>