string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=54814&expand=properties"
string(14215) "[{"templateId":54814,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":155,"categoryName":"Seafood Restaurant Templates","templateTitle":"Seafood Restaurant Responsive Website Template","templatePreviewHtmlTitle":"Gold Fish Website Template #54814 - TemplateMonster","templateDemoHtmlTitle":"Demo for Gold Fish Website Template #54814","typeShortName":"Website","templatePreviewFBTitle":"<b>Gold Fish</b> is a beautiful Seafood Website Template designed to make it easier for you to create a fully responsive online project. The theme features many details and illustrations to match the nature of your business such as marine food, seaweed, etc. Any element of this design can be edited, moved or omitted. The content area was made pure white, so your dishes and posts will remain in the focus of attention. A bold slider is featured at the top of the home page, making an ideal spot for showcasing the most popular dishes on the menu. Thanks to the well-balanced structure of the layout, there is enough space for introducing your visitors to your dishes, services, users testimonials, contact details, etc. As a responsive website template, Gold Fish will look fantastic on desktops, smartphones and tablets.<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 Food & Restaurant Magazine web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means well adjusted to the screens of all resolutions on any device. </p> <p><b>Why is it Good?</b></p><p>It is good because the website can be reached by more viewers from the large variety of devices. </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":"Gold Fish Website Template","templatePreviewMetaDescription":"Gold Fish is a beautiful Seafood Website Template designed to make it easier for you to create a fully responsive online project. The theme features many","templateDemoMetaDescription":"Try out the demo of the professional Gold Fish Website Template (#54814) to get a better idea of what this theme is before you buy it. Go through the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Gold Fish Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/54814.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":53,"inserted_date":"2015-06-23","sent":2,"downloads":47,"search_words":"gold fish seafood dishes restaurant sushi restaurant cafe food meal cuisine drink menu waiters dish wine taste tasty flavor reservation specials recipe launch dinner testimonials offers kitchen cookbook vegetarian cocktail beverage specials gifts bonuses discount patrons reservation","is_adult":0,"exc_price":4100,"sent_date":"2015-06-27 06:15:17","last_upload":"2015-06-23 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":311,"filename":"54814-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54814,"width":965,"window_params":"","banner_url":"","id":1480567,"href":"","height":2466},{"scr_type_id":3,"filename":"54814-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54814,"width":1800,"window_params":"","banner_url":"","id":1480568,"href":"","height":3504},{"scr_type_id":317,"filename":"54814-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54814,"width":2050,"window_params":"","banner_url":"","id":1480569,"href":"","height":3504},{"scr_type_id":9,"filename":"54814-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54814,"width":145,"window_params":"","banner_url":"","id":1480570,"href":"","height":156},{"scr_type_id":3,"filename":"54814-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54814,"width":1800,"window_params":"","banner_url":"","id":1480571,"href":"","height":3504},{"scr_type_id":299,"filename":"54814-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54814,"width":430,"window_params":"","banner_url":"","id":1480572,"href":"","height":900},{"scr_type_id":3,"filename":"54814-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54814,"width":1800,"window_params":"","banner_url":"","id":1480573,"href":"","height":4600},{"scr_type_id":3,"filename":"54814-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54814,"width":895,"window_params":"","banner_url":"","id":1480574,"href":"","height":599},{"scr_type_id":297,"filename":"54814-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54814,"width":430,"window_params":"","banner_url":"","id":1480575,"href":"","height":1099},{"scr_type_id":3,"filename":"54814-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54814,"width":2050,"window_params":"","banner_url":"","id":1480576,"href":"","height":3504},{"scr_type_id":315,"filename":"54814-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54814,"width":1800,"window_params":"","banner_url":"","id":1480577,"href":"","height":4600},{"scr_type_id":78,"filename":"54814-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":54814,"width":970,"window_params":"","banner_url":"","id":1480578,"href":"","height":280},{"scr_type_id":300,"filename":"54814-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54814,"width":320,"window_params":"","banner_url":"","id":1480579,"href":"","height":900},{"scr_type_id":314,"filename":"54814-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54814,"width":2050,"window_params":"","banner_url":"","id":1480580,"href":"","height":4600},{"scr_type_id":298,"filename":"54814-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54814,"width":430,"window_params":"","banner_url":"","id":1480581,"href":"","height":900},{"scr_type_id":3,"filename":"54814-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54814,"width":2050,"window_params":"","banner_url":"","id":1480582,"href":"","height":4600},{"scr_type_id":3,"filename":"54814-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54814,"width":408,"window_params":"","banner_url":"","id":1480583,"href":"","height":55},{"scr_type_id":312,"filename":"54814-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54814,"width":370,"window_params":"","banner_url":"","id":1480584,"href":"","height":370},{"scr_type_id":212,"filename":"54814-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54814,"width":430,"window_params":"","banner_url":"","id":1480585,"href":"","height":60},{"scr_type_id":3,"filename":"54814-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54814,"width":965,"window_params":"","banner_url":"","id":1480586,"href":"","height":1879},{"scr_type_id":334,"filename":"54814-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54814,"width":1600,"window_params":"","banner_url":"","id":1639254,"href":"","height":1000}],"demoUrl":"/demo/54814.html","image":"https://s.tmimgcdn.com/scr/54800/gold-fish-website-template_54814-0-original.jpg","searchHash":"36fa7f776dca8452b7d281fbff1b23b2","previewHash":"159dcfedb165449ef09bc3f29d1c7e55","authorNickname":"RockThemes","lowLevelTopic":"Seafood Restaurant Templates","weightedRating":4.25,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":37,"discountPercent":30,"discountAmount":16,"semiannualSales":0,"properties":{"kindOfShops":"The theme is intended for cafe and restaurant, food and drink, and hotel websites.","uniqueKeywords":"Seafood restaurant","metaDescription":"Seafood Website Template - A Rock-Solid Foundation for Building a Fully Responsive Online Project.","features":["Responsive","Sliced PSD","Dropdown Menu","Google map","Gallery","HTML 5","JQuery","HTML plus JS"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1768190","jqueryScripts":["\"ScrollPane\" Scroll Effect","\"SuperFish\" DropDown Menu","Mobile Menu","Responsive Slider"],"isFree":"none","htmlTitle":"Seafood Website Template","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.2","imageDescription":"https://s.tmimgcdn.com/scr/54800/54814-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2021-11-22T05:34:13-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Try out the demo of the professional Gold Fish Website Template (#54814) to get a better idea of what this theme is before you buy it. Go through the pages, check the images, click the buttons, explore the functionality.","shortDescription":"<b>Gold Fish</b> is a beautiful Seafood Website Template designed to make it easier for you to create a fully responsive online project. The theme features many details and illustrations to match the nature of your business such as marine food, seaweed, etc. Any element of this design can be edited, moved or omitted. The content area was made pure white, so your dishes and posts will remain in the focus of attention. A bold slider is featured at the top of the home page, making an ideal spot for showcasing the most popular dishes on the menu. Thanks to the well-balanced structure of the layout, there is enough space for introducing your visitors to your dishes, services, users testimonials, contact details, etc. As a responsive website template, Gold Fish will look fantastic on desktops, smartphones and tablets.<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 Food & Restaurant Magazine web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means well adjusted to the screens of all resolutions on any device. </p> <p><b>Why is it Good?</b></p><p>It is good because the website can be reached by more viewers from the large variety of devices. </p><p>View latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <br /></div></div></div></div>","tags":["beverage","bonuses","cafe","cocktail","cookbook","cuisine","dinner","discount","dish","dishes","drink","fish","flavor","food","gifts","gold","kitchen","launch","meal","menu","offers","patrons","recipe","reservation","restaurant","seafood","specials","sushi","taste","tasty","testimonials","vegetarian","waiters","wine"],"customUrl":"/website-templates/54814.html","badge":"badge-responsive","nameOfTheTemplate":"Gold Fish Website Template","pHPVersionCompatibility":"7.x","topic":["Seafood Restaurant Templates","Cafe and Restaurant Templates","Food & Restaurant"],"styles":["Neutral","Flat"],"imagesList":"Depositphotos2080448original.jpg,Depositphotos2169725original.jpg,Depositphotos2330630original.jpg,Depositphotos2753869original.jpg,Depositphotos3109307original.jpg,Depositphotos3484356original.jpg,Depositphotos3853860original.jpg,Depositphotos4304255original.jpg,Depositphotos5463829original.jpg,Depositphotos5867390original.jpg,Depositphotos6039104original.jpg,Depositphotos7181677original.jpg,Depositphotos7884983original.jpg,Depositphotos8929162original.jpg,Depositphotos9347058original.jpg,Depositphotos9367725original.jpg,Depositphotos9573349original.jpg,Depositphotos9831025original.jpg,Depositphotos10165741original.jpg,Depositphotos11075085EL4.jpg,Depositphotos11657729original.jpg,Depositphotos11720178original.jpg,Depositphotos12558083original.jpg,Depositphotos12761248original.jpg,Depositphotos13877543original.jpg,Depositphotos14696299originalvect.zip,Depositphotos16964701original.jpg,Depositphotos34087127original.jpg,Depositphotos41207483original.jpg,Depositphotos47684611original.jpg,Depositphotos49999729original.jpg","productFamily":"None","followUpLetter":"website-template-offers","color":["black","white","grey","green","yellow","orange"],"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_54814","templateGroup":"HTML Templates","popularity":"Top Rated","nomotopress":"1","dynamicChangeLog":"<ul>\n<li>- 3 minor background bugs fixed</li>\n<li>- 2 layout issues fixed</li>\n<li>- 2 minor styles issues fixed</li>\n<li>- 2 PSD layers changed</li>\n</ul>","templateIcon":"icon-responsive","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1CAovop","webForms":"Contact Form","loyaltySells":"1","width":"2050px","skupromo":"30%","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: Mon, 25 Nov 2024 00:59:43 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=54814&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=54814&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=54814&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 25 Nov 2024 01:04:43 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_54814<!DOCTYPE html>
<html lang="en">
<head>
    <title>#54814 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/54814.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 #54814            </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=54814&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $49                <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>