string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=55147&expand=properties"
string(14290) "[{"templateId":55147,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":418,"categoryName":"Business Templates","templateTitle":"Business Responsive Website Template","templatePreviewHtmlTitle":"Online Business Image Website Template - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Online Business Image Website Template #55147","typeShortName":"Website","templatePreviewFBTitle":"Polish the style of your online business image using this corporate web template with an informative front page. It is designed to highlight a lot of details about your company, particularly its goals, services, projects, news, blog posts, testimonials, and clients. Your content can be presented with elegant web fonts from the rich Google library. To keep you in touch with your customers, this theme is prebuilt with a contact form and integrated with a Google map. Its responsive layout ensures comfortable viewing experience on tablets, smartphones and other small screen devices. What's more, the SuperFish dropdown menu will largely improve the usability of your website' navigation.<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 Business web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders an internet page very same well on any type of screen size.</p> <p><b>Why is it Good?</b></p><p>With the growing popularity of smartphones, how many persons who log on to the websites from devices has expanded significantly. This type of feature allows you to modify websites to smartphones and a variety of screen extensions, ultimately offering mobile device owners with improved alternatives.</p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Online Business Image Website Template","templatePreviewMetaDescription":"Polish the style of your online business image using this corporate web template with an informative front page. It is designed to highlight a lot of details","templateDemoMetaDescription":"Before you buy it, get the look and feel of the professional Online Business Image Website Template (#55147) by experiencing the live preview. Go through the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Online Business Image Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/55147.html","userRating":0,"designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2015-07-27","sent":2,"downloads":55,"search_words":"William business success company enterprise solution business industry technical clients customer support automate flow services plug-in flex profile principles web products technology system","is_adult":0,"exc_price":4100,"sent_date":"2015-08-18 06:15:39","last_upload":"2015-07-27 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":298,"filename":"55147-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55147,"width":430,"window_params":"","banner_url":"","id":1489526,"href":"","height":900},{"scr_type_id":3,"filename":"55147-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55147,"width":408,"window_params":"","banner_url":"","id":1489527,"href":"","height":55},{"scr_type_id":3,"filename":"55147-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55147,"width":1920,"window_params":"","banner_url":"","id":1489528,"href":"","height":4109},{"scr_type_id":3,"filename":"55147-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55147,"width":965,"window_params":"","banner_url":"","id":1489529,"href":"","height":1050},{"scr_type_id":300,"filename":"55147-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55147,"width":320,"window_params":"","banner_url":"","id":1489530,"href":"","height":900},{"scr_type_id":212,"filename":"55147-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55147,"width":430,"window_params":"","banner_url":"","id":1489531,"href":"","height":60},{"scr_type_id":317,"filename":"55147-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55147,"width":1920,"window_params":"","banner_url":"","id":1489532,"href":"","height":2090},{"scr_type_id":314,"filename":"55147-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55147,"width":1920,"window_params":"","banner_url":"","id":1489533,"href":"","height":4109},{"scr_type_id":9,"filename":"55147-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55147,"width":145,"window_params":"","banner_url":"","id":1489534,"href":"","height":156},{"scr_type_id":78,"filename":"55147-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":55147,"width":970,"window_params":"","banner_url":"","id":1489535,"href":"","height":280},{"scr_type_id":3,"filename":"55147-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55147,"width":1920,"window_params":"","banner_url":"","id":1489536,"href":"","height":4109},{"scr_type_id":299,"filename":"55147-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55147,"width":430,"window_params":"","banner_url":"","id":1489537,"href":"","height":900},{"scr_type_id":3,"filename":"55147-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55147,"width":1920,"window_params":"","banner_url":"","id":1489538,"href":"","height":2090},{"scr_type_id":312,"filename":"55147-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55147,"width":370,"window_params":"","banner_url":"","id":1489539,"href":"","height":370},{"scr_type_id":311,"filename":"55147-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55147,"width":965,"window_params":"","banner_url":"","id":1489540,"href":"","height":2065},{"scr_type_id":297,"filename":"55147-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55147,"width":430,"window_params":"","banner_url":"","id":1489541,"href":"","height":920},{"scr_type_id":3,"filename":"55147-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55147,"width":895,"window_params":"","banner_url":"","id":1489542,"href":"","height":599},{"scr_type_id":3,"filename":"55147-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55147,"width":1920,"window_params":"","banner_url":"","id":1489543,"href":"","height":2090},{"scr_type_id":315,"filename":"55147-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55147,"width":1920,"window_params":"","banner_url":"","id":1489544,"href":"","height":4109},{"scr_type_id":3,"filename":"55147-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55147,"width":1920,"window_params":"","banner_url":"","id":1489545,"href":"","height":2090},{"scr_type_id":334,"filename":"55147-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55147,"width":1920,"window_params":"","banner_url":"","id":1639581,"href":"","height":4109}],"demoUrl":"/demo/55147.html","image":"https://s.tmimgcdn.com/scr/55100/online-business-image-website-template_55147-original.jpg","searchHash":"bd056a1e30c1a889744395561b9f1461","previewHash":"e392a71d1217a9d2d46300a51a8176d2","authorNickname":"WT","lowLevelTopic":"Business & Services","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","kindOfShops":"This template fits business, education, law, politics as well as society and culture websites.","followUpLetter":"website-template-offers","color":["black","white","grey"],"uniqueKeywords":"Business","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","metaDescription":"Extend the Reach of Your Business with This Responsive Corporate Web Template Featuring Google Web Fonts, Google Map and Handy Dropdown Menu.","features":["Responsive","Sliced PSD","Dropdown Menu","Google map","Tabs","HTML 5","JQuery","HTML plus JS","Lazy Load effect"],"templateSources":[".PSD",".HTML"],"livePreviewURL":"https://livedemo00.template-help.com/wt_55147","languageSupport":"English","authorUserId":"1553971","jqueryScripts":"\"Accordion\"-1","isFree":"none","htmlTitle":"Corporate Web Template","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.2","imageDescription":"https://s.tmimgcdn.com/scr/55100/55147-responsive-layout.jpg","nomotopress":"1","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"dynamicChangeLog":"<ul>\n<li>- 2 HTML bugs fixed</li>\n<li>- CSS optimized for better performance</li>\n<li>- 3 font issues fixed</li>\n<li>- 3 background bugs fixed</li>\n<li>- 3 PSD layers changed</li>\n</ul>","templateIcon":"icon-responsive","lastmod":"2019-11-01T00:02:09-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","demoMetaDescription":"Before you buy it, get the look and feel of the professional Online Business Image Website Template (#55147) by experiencing the live preview. Go through the pages, check the images, click the buttons, explore the features.","shortDescription":"Polish the style of your online business image using this corporate web template with an informative front page. It is designed to highlight a lot of details about your company, particularly its goals, services, projects, news, blog posts, testimonials, and clients. Your content can be presented with elegant web fonts from the rich Google library. To keep you in touch with your customers, this theme is prebuilt with a contact form and integrated with a Google map. Its responsive layout ensures comfortable viewing experience on tablets, smartphones and other small screen devices. What's more, the SuperFish dropdown menu will largely improve the usability of your website' navigation.<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 Business web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders an internet page very same well on any type of screen size.</p> <p><b>Why is it Good?</b></p><p>With the growing popularity of smartphones, how many persons who log on to the websites from devices has expanded significantly. This type of feature allows you to modify websites to smartphones and a variety of screen extensions, ultimately offering mobile device owners with improved alternatives.</p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <br /></div></div></div></div>","bitLyUrl":"http://bit.ly/1JnVqFl","tags":["automate","business","clients","company","customer","enterprise","flex","flow","industry","principles","products","profile","services","solution","success","support","system","technical","technology","web"],"customUrl":"/website-templates/55147.html","webForms":["Contact Form","Search Form"],"badge":"badge-responsive","nameOfTheTemplate":"Online Business Image Website Template","loyaltySells":"1","width":"1920px","pHPVersionCompatibility":"7.x","topic":"Business & Services","styles":["Corporate","Neutral","Flat"],"skupromo":"30%","marketplaceMembership":"None","advImage":"https://s.tmimgcdn.com/scr/55100/55147-original.jpg","category":"Website templates","dqi":"00","imagesList":"Depositphotos24193029originalDepositphotos1147111original.jpgDepositphotos1148418original.jpgDepositphotos1165802original.jpgDepositphotos1382984original.jpgDepositphotos3201108original.jpgDepositphotos3203076original.jpgDepositphotos3286361original.jpgDepositphotos4759931original.jpgDepositphotos5979972original.jpgDepositphotos7626676original.jpgDepositphotos7704120original.jpgDepositphotos7735857original.jpgDepositphotos7787963original.jpgDepositphotos7866479original.jpgDepositphotos7875693original.jpgDepositphotos7875721original.jpgDepositphotos8521796original.jpgDepositphotos9447878original.jpgDepositphotos9600928original.jpgDepositphotos10854594EL4.jpgDepositphotos11018851EL4.jpgDepositphotos11276454original.jpgDepositphotos11456154EL4.jpgDepositphotos11632145original.jpgDepositphotos11632607EL4.jpgDepositphotos11632619EL4.jpgDepositphotos11883798original.jpgDepositphotos12243161l.jpgDepositphotos12303577EL4.jpgDepositphotos13276117original.jpgDepositphotos16231533original.jpgDepositphotos19925563original.jpgDepositphotos21186975original.jpgDepositphotos21188087original.jpgDepositphotos22928632original.jpgDepositphotos24193029original.jpgDepositphotos24462067original.jpgDepositphotos25683755original.jpg"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 29 Nov 2024 03:31:04 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=55147&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=55147&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=55147&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 29 Nov 2024 03:36:04 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_55147<!DOCTYPE html>
<html lang="en">
<head>
    <title>#55147 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/55147.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 #55147            </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=55147&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>