string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=52929&expand=properties"
string(16520) "[{"templateId":52929,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":418,"categoryName":"Business Templates","templateTitle":"Business Responsive Website Template","templatePreviewHtmlTitle":"Business & Services Responsive Website Template","templateDemoHtmlTitle":"Live demo for Business & Services Responsive Website Template #52929","typeShortName":"Website","templatePreviewFBTitle":"Create your Services or business journal webpage using this responsive business company website web template. If you need to pick out a business bureau website template for your Services, Business & Services or business company business, this item may fit the objective. This theme due to wisely structured content blocks is just what you were looking for for presenting your products and services. The template is pre-made and it means that it does not take you lots of time to adjust it in accordance with your requirements to launch the desired website. Richly documented and offering free of charge round-the-clock support, the website template will help you get started with your web project straight away. Choose this theme to improve your targeted traffic and acquire more profits in the short term.<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 Bootstrap Business Bureau website template</h3> <p><b>What is it?</b></p><p>Bootstrap is a extremely well-liked framework, that makes the work with HTML, Cascading stylesheet as well as JS more convenient. It had been built as a tool to build up a responsive design, nonetheless over the years it introduced lots of additional functionality.</p> <p><b>Why is it Good?</b></p><p>Through the help of Bootstrap, you may develop completely responsive web designs utilizing HTML and CSS based web themes for typography, print styles, forms, buttons, tables, et cetera.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website templates</a> here</p> <h3>This is a Parallax Corporate web template</h3> <p><b>What is it?</b></p><p>When you travel someplace, distant items move much slower in comparison to the close ones. Replica of such an effect on the web site - when the background photo moves slower compared to content and articles, is named parallax. It is usually used to create a feeling of space in the client's eyes.</p> <p><b>Why is it Good?</b></p><p>It makes a vivid perception for the customer, consequently attracting a significant audience and requiring visitors to remain on the site. That's a fantastic way to add a highlight to a one-page website, restore an infographic, tell a story or showcase a portfolio.</p><p>Find more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website templates</a> here</p> <h3>This Small Business website design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the webpage changes its shape and size in order to suit virtually any display screen, from the smallest touch screen phones to the largest PC monitors. For any gadget, webpage elements expand or scale down to appear ideal.</p> <p><b>Why is it Good?</b></p><p>Responsive design may help your internet-site appear equally well on display screen of any existing home pc or portable device.</p><p>View latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Business & Services Responsive Website Template","templatePreviewMetaDescription":"Create your Services or business journal webpage using this responsive business company website web template. If you need to pick out a business bureau website","templateDemoMetaDescription":"Explore the live preview of the high quality Business Responsive Website Template (#52929) to get a better notion of what this theme is before you purchase it. Browse through the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Business & Services Responsive Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/52929.html","userRating":0,"designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2015-02-06","sent":2,"downloads":31,"search_words":"Clever 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":4500,"sent_date":"2015-02-06 06:15:36","last_upload":"2015-02-06 00:00:00","package_id":258,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":9,"filename":"52929-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52929,"width":145,"window_params":"","banner_url":"","id":1441637,"href":"","height":156},{"scr_type_id":3,"filename":"52929-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52929,"width":1600,"window_params":"","banner_url":"","id":1441638,"href":"","height":2226},{"scr_type_id":299,"filename":"52929-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52929,"width":430,"window_params":"","banner_url":"","id":1441639,"href":"","height":900},{"scr_type_id":311,"filename":"52929-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52929,"width":965,"window_params":"","banner_url":"","id":1441640,"href":"","height":2232},{"scr_type_id":3,"filename":"52929-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52929,"width":1600,"window_params":"","banner_url":"","id":1441641,"href":"","height":2226},{"scr_type_id":212,"filename":"52929-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52929,"width":430,"window_params":"","banner_url":"","id":1441642,"href":"","height":60},{"scr_type_id":315,"filename":"52929-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52929,"width":1600,"window_params":"","banner_url":"","id":1441643,"href":"","height":3700},{"scr_type_id":314,"filename":"52929-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52929,"width":1600,"window_params":"","banner_url":"","id":1441644,"href":"","height":3700},{"scr_type_id":317,"filename":"52929-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52929,"width":1600,"window_params":"","banner_url":"","id":1441645,"href":"","height":2226},{"scr_type_id":3,"filename":"52929-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52929,"width":1600,"window_params":"","banner_url":"","id":1441646,"href":"","height":2226},{"scr_type_id":3,"filename":"52929-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52929,"width":895,"window_params":"","banner_url":"","id":1441647,"href":"","height":599},{"scr_type_id":3,"filename":"52929-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52929,"width":965,"window_params":"","banner_url":"","id":1441648,"href":"","height":1343},{"scr_type_id":298,"filename":"52929-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52929,"width":430,"window_params":"","banner_url":"","id":1441649,"href":"","height":900},{"scr_type_id":312,"filename":"52929-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52929,"width":370,"window_params":"","banner_url":"","id":1441650,"href":"","height":370},{"scr_type_id":3,"filename":"52929-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52929,"width":408,"window_params":"","banner_url":"","id":1441651,"href":"","height":55},{"scr_type_id":78,"filename":"52929-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":52929,"width":970,"window_params":"","banner_url":"","id":1441652,"href":"","height":280},{"scr_type_id":3,"filename":"52929-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52929,"width":1600,"window_params":"","banner_url":"","id":1441653,"href":"","height":3700},{"scr_type_id":300,"filename":"52929-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52929,"width":320,"window_params":"","banner_url":"","id":1441654,"href":"","height":900},{"scr_type_id":297,"filename":"52929-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52929,"width":430,"window_params":"","banner_url":"","id":1441655,"href":"","height":994},{"scr_type_id":3,"filename":"52929-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52929,"width":1600,"window_params":"","banner_url":"","id":1441656,"href":"","height":3700},{"scr_type_id":334,"filename":"52929-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52929,"width":1600,"window_params":"","banner_url":"","id":1637857,"href":"","height":3700}],"demoUrl":"/demo/52929.html","image":"https://s.tmimgcdn.com/scr/52900/business--services-responsive-website-template_52929-original.jpg","searchHash":"7d14fae1099e0b88907abd9b4ba85e97","previewHash":"739a4bc119db9461ba168cc4d6f9c8c5","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","followUpLetter":"website-template-offers","color":["white","grey","purple"],"uniqueKeywords":"Business","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","metaDescription":"This in depth preview of the Business Responsive Website Template (#52929) will allow you to make an educated decision to order and enjoy this premium website template.","bootstrapVersion":"3.2.0","features":["Responsive","Bootstrap","Sliced PSD","Dropdown Menu","Google map","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".HTML"],"livePreviewURL":"https://livedemo00.template-help.com/wt_52929","languageSupport":"English","authorUserId":"1553971","jqueryScripts":["\"SuperFish\" DropDown Menu","Mobile Menu","Responsive Slider","TouchTouch Gallery"],"isFree":"none","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/bootstrap-template/","documentationVersion":"Bootstrap Website Templates v1.1","imageDescription":"https://s.tmimgcdn.com/scr/52900/52929-responsive-layout.jpg","nomotopress":"1","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"dynamicChangeLog":"<ul>\n<li>- 1 HTML issue fixed</li>\n<li>- 2 background issues fixed</li>\n<li>- 3 minor layout issues fixed</li>\n<li>- 1 minor styles issue fixed</li>\n<li>- 1 PSD layer changed</li>\n</ul>","templateIcon":"icon-bootstrap","lastmod":"2019-11-01T00:03:05-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"notice":"Some of the forms included (like booking, registration, comment submission forms, etc.) may require extra scripts and/or database functionality.","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","demoMetaDescription":"Explore the live preview of the high quality Business Responsive Website Template (#52929) to get a better notion of what this theme is before you purchase it. Browse through the pages, check the images, click the buttons, explore the functionality.","shortDescription":"Create your Services or business journal webpage using this responsive business company website web template. If you need to pick out a business bureau website template for your Services, Business & Services or business company business, this item may fit the objective. This theme due to wisely structured content blocks is just what you were looking for for presenting your products and services. The template is pre-made and it means that it does not take you lots of time to adjust it in accordance with your requirements to launch the desired website. Richly documented and offering free of charge round-the-clock support, the website template will help you get started with your web project straight away. Choose this theme to improve your targeted traffic and acquire more profits in the short term.<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 Bootstrap Business Bureau website template</h3> <p><b>What is it?</b></p><p>Bootstrap is a extremely well-liked framework, that makes the work with HTML, Cascading stylesheet as well as JS more convenient. It had been built as a tool to build up a responsive design, nonetheless over the years it introduced lots of additional functionality.</p> <p><b>Why is it Good?</b></p><p>Through the help of Bootstrap, you may develop completely responsive web designs utilizing HTML and CSS based web themes for typography, print styles, forms, buttons, tables, et cetera.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website templates</a> here</p> <h3>This is a Parallax Corporate web template</h3> <p><b>What is it?</b></p><p>When you travel someplace, distant items move much slower in comparison to the close ones. Replica of such an effect on the web site - when the background photo moves slower compared to content and articles, is named parallax. It is usually used to create a feeling of space in the client's eyes.</p> <p><b>Why is it Good?</b></p><p>It makes a vivid perception for the customer, consequently attracting a significant audience and requiring visitors to remain on the site. That's a fantastic way to add a highlight to a one-page website, restore an infographic, tell a story or showcase a portfolio.</p><p>Find more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website templates</a> here</p> <h3>This Small Business website design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the webpage changes its shape and size in order to suit virtually any display screen, from the smallest touch screen phones to the largest PC monitors. For any gadget, webpage elements expand or scale down to appear ideal.</p> <p><b>Why is it Good?</b></p><p>Responsive design may help your internet-site appear equally well on display screen of any existing home pc or portable device.</p><p>View latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <br /></div></div></div></div>","bitLyUrl":"http://bit.ly/1yPULC2","tags":["automate","business","clever","clients","company","customer","enterprise","flex","flow","industry","principles","products","profile","services","solution","success","support","system","technical","technology","web"],"layout":"3 columns","customUrl":"/website-templates/52929.html","webForms":["Contact Form","Search Form"],"badge":"badge-responsive","nameOfTheTemplate":"Business & Services Responsive Website Template","loyaltySells":"1","width":"1600px","pHPVersionCompatibility":"7.x","topic":"Business & Services","styles":["Neutral","Flat"],"skupromo":"40%","marketplaceMembership":"None","advImage":"https://s.tmimgcdn.com/scr/52900/52929-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: Fri, 17 Jan 2025 06:45:28 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=52929&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=52929&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=52929&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 17 Jan 2025 06:50:28 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_52929<!DOCTYPE html>
<html lang="en">
<head>
    <title>#52929 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/52929.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 #52929            </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=52929&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>