string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=55475&expand=properties"
string(13663) "[{"templateId":55475,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":418,"categoryName":"Business Templates","templateTitle":"Business Responsive Website Template","templatePreviewHtmlTitle":"Paladium Website Template #55475 - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Paladium Website Template #55475","typeShortName":"Website","templatePreviewFBTitle":"<b>Paladium</b> is a Business Services Website Template that was designed in a clean and minimalist style. Flexible and dynamic, the theme is best suited for your blog, portfolio, web design, photography or any other web project. Its flexible layout will make your content pop on various devices. The top menu features a drop-down navigation, whereas a back-to-top button was integrated to facilitate browsing. Sliced PSD files were included into the pack in order to let you tweak the design the way you wish. Advanced dashboard with smart customization options, Google web fonts and valid code will enhance the look and feel of your site.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Parallax Business Bureau website design template</h3> <p><b>What is it?</b></p><p>A parallax scrolling effect is a method in website design where background image moves at a less quick rate than a front article, creating the optical illusion of multi-level effect. </p> <p><b>Why is it Good?</b></p><p>A website with parallax scrolling effect instantly attracts the interest of a viewer and improves company's popularity because of the enticing design.</p><p>Browse for more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website templates</a> here</p> <h3>This Business Firm website template is Responsive</h3> <p><b>What is it?</b></p><p>This is an ability of the website to immediately adapt to any display size and resolution. </p> <p><b>Why is it Good?</b></p><p>Responsive design implies that the website will offer a great browsing experience to all users throughout all devices. </p><p>Find newest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Paladium Website Template","templatePreviewMetaDescription":"Paladium is a Business Services Website Template that was designed in a clean and minimalist style. Flexible and dynamic, the theme is best suited for your","templateDemoMetaDescription":"Prior to buying it, get the feel and look of the top notch Paladium Website Template (#55475) by enjoying the live preview. Go through the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Paladium Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/55475.html","userRating":"5","designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2015-08-31","sent":2,"downloads":46,"search_words":"paladium theme web development design lab studio creative  art gallery artists painting painters web development webmasters designers internet www  sites web design webpage personal  portfolio","is_adult":0,"exc_price":4100,"sent_date":"2015-09-01 06:15:41","last_upload":"2015-08-31 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":78,"filename":"55475-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":55475,"width":970,"window_params":"","banner_url":"","id":1496696,"href":"","height":280},{"scr_type_id":299,"filename":"55475-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55475,"width":430,"window_params":"","banner_url":"","id":1496697,"href":"","height":900},{"scr_type_id":3,"filename":"55475-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55475,"width":1800,"window_params":"","banner_url":"","id":1496698,"href":"","height":6011},{"scr_type_id":3,"filename":"55475-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55475,"width":2050,"window_params":"","banner_url":"","id":1496699,"href":"","height":4125},{"scr_type_id":3,"filename":"55475-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55475,"width":1800,"window_params":"","banner_url":"","id":1496700,"href":"","height":4125},{"scr_type_id":3,"filename":"55475-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55475,"width":408,"window_params":"","banner_url":"","id":1496701,"href":"","height":55},{"scr_type_id":300,"filename":"55475-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55475,"width":320,"window_params":"","banner_url":"","id":1496702,"href":"","height":900},{"scr_type_id":212,"filename":"55475-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55475,"width":430,"window_params":"","banner_url":"","id":1496703,"href":"","height":60},{"scr_type_id":314,"filename":"55475-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55475,"width":2050,"window_params":"","banner_url":"","id":1496704,"href":"","height":6011},{"scr_type_id":312,"filename":"55475-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55475,"width":370,"window_params":"","banner_url":"","id":1496705,"href":"","height":370},{"scr_type_id":317,"filename":"55475-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55475,"width":2050,"window_params":"","banner_url":"","id":1496706,"href":"","height":4125},{"scr_type_id":298,"filename":"55475-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55475,"width":430,"window_params":"","banner_url":"","id":1496707,"href":"","height":900},{"scr_type_id":3,"filename":"55475-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55475,"width":2050,"window_params":"","banner_url":"","id":1496708,"href":"","height":6011},{"scr_type_id":315,"filename":"55475-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55475,"width":1800,"window_params":"","banner_url":"","id":1496709,"href":"","height":6011},{"scr_type_id":3,"filename":"55475-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55475,"width":1800,"window_params":"","banner_url":"","id":1496710,"href":"","height":4125},{"scr_type_id":311,"filename":"55475-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55475,"width":965,"window_params":"","banner_url":"","id":1496711,"href":"","height":3223},{"scr_type_id":3,"filename":"55475-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55475,"width":965,"window_params":"","banner_url":"","id":1496712,"href":"","height":2211},{"scr_type_id":3,"filename":"55475-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55475,"width":895,"window_params":"","banner_url":"","id":1496713,"href":"","height":599},{"scr_type_id":9,"filename":"55475-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55475,"width":145,"window_params":"","banner_url":"","id":1496714,"href":"","height":156},{"scr_type_id":297,"filename":"55475-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55475,"width":430,"window_params":"","banner_url":"","id":1496715,"href":"","height":1436},{"scr_type_id":334,"filename":"55475-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55475,"width":2050,"window_params":"","banner_url":"","id":1639902,"href":"","height":6011}],"demoUrl":"/demo/55475.html","image":"https://s.tmimgcdn.com/scr/55400/paladium-website-template_55475-original.jpg","searchHash":"1f0dab2b9c18abffb1a815c510f789bf","previewHash":"002b6c17635b18fb5c4c5168f27e82fc","authorNickname":"WT","lowLevelTopic":"Business & Services","weightedRating":3.4000000000000004,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"The template was designed for business, finance, accounting, and web design websites.","uniqueKeywords":"Any topic","metaDescription":"Grow Your Client Base with Business Services Website Template.","features":["Responsive","Sliced PSD","Dropdown Menu","Google map","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1553971","isFree":"none","htmlTitle":"Business Services Website Template","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.2","imageDescription":"https://s.tmimgcdn.com/scr/55400/55475-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2020-07-24T07:23:59-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Prior to buying it, get the feel and look of the top notch Paladium Website Template (#55475) by enjoying the live preview. Go through the pages, check out the images, press the buttons, explore the functionality.","shortDescription":"<b>Paladium</b> is a Business Services Website Template that was designed in a clean and minimalist style. Flexible and dynamic, the theme is best suited for your blog, portfolio, web design, photography or any other web project. Its flexible layout will make your content pop on various devices. The top menu features a drop-down navigation, whereas a back-to-top button was integrated to facilitate browsing. Sliced PSD files were included into the pack in order to let you tweak the design the way you wish. Advanced dashboard with smart customization options, Google web fonts and valid code will enhance the look and feel of your site.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Parallax Business Bureau website design template</h3> <p><b>What is it?</b></p><p>A parallax scrolling effect is a method in website design where background image moves at a less quick rate than a front article, creating the optical illusion of multi-level effect. </p> <p><b>Why is it Good?</b></p><p>A website with parallax scrolling effect instantly attracts the interest of a viewer and improves company's popularity because of the enticing design.</p><p>Browse for more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website templates</a> here</p> <h3>This Business Firm website template is Responsive</h3> <p><b>What is it?</b></p><p>This is an ability of the website to immediately adapt to any display size and resolution. </p> <p><b>Why is it Good?</b></p><p>Responsive design implies that the website will offer a great browsing experience to all users throughout all devices. </p><p>Find newest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <br /></div></div></div></div>","tags":["any","art","artists","creative","design","designers","development","gallery","internet","lab","painters","painting","personal","portfolio","sites","studio","theme","topic","web","webpage"],"customUrl":"/website-templates/55475.html","badge":"badge-responsive","nameOfTheTemplate":"Paladium Website Template","pHPVersionCompatibility":"7.x","topic":"Business & Services","styles":["Corporate","Neutral","Flat"],"advImage":"https://s.tmimgcdn.com/scr/55400/55475-original.jpg","productFamily":"None","followUpLetter":"website-template-offers","color":["black","white","grey","green"],"reviewsTotal":"2","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","livePreviewURL":"https://livedemo00.template-help.com/wt_55475","templateGroup":"HTML Templates","popularity":"Top Rated","nomotopress":"1","templateIcon":"icon-monster_dark","dynamicChangeLog":"<ul>\n<li>- 3 minor HTML issues fixed</li>\n<li>- 3 minor font bugs fixed</li>\n<li>- 3 minor layout issues fixed</li>\n<li>- 2 minor styles bugs fixed</li>\n<li>- 1 PSD layer updated</li>\n</ul>","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1UoKGq7","webForms":"Contact Form","loyaltySells":"1","width":"2050px","skupromo":"43%","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, 02 Nov 2024 19:43:59 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=55475&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=55475&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=55475&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 02 Nov 2024 19:48:59 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_55475<!DOCTYPE html>
<html lang="en">
<head>
    <title>#55475 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/55475.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 #55475            </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=55475&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>