string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58197&expand=properties"
string(14959) "[{"templateId":58197,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":156,"categoryName":"Mexican Restaurant Templates","templateTitle":"Mexican Restaurant Responsive Website Template","templatePreviewHtmlTitle":"Mexican Website Template #58197 - TemplateMonster","templateDemoHtmlTitle":"Live demo for Mexican Website Template #58197","typeShortName":"Website","templatePreviewFBTitle":"Build a professional culinary blog or a site for restaurant or cafe. It offers a flat layout that results into clear look and well organized content. It looks both stylish and conservative thanks to an assortment of visual effects like a fullscreen slider, masonry style gallery, various kinds of hover effects, etc. This restaurant management company site template will also work for other projects. For that you are going to do minor adjustments to make it match with your corporate style and upload the necessary content.<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 Cafe and Restaurant Equipment web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a method of website design that allows web pages to adjust to a display size of any kind of gadget - may it be a pc, a laptop or a smartphone.</p> <p><b>Why is it Good?</b></p><p>Responsive design ensures that the website will offer a good browsing experience to all users throughout all gadgets. </p><p>Newest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This is Food & Restaurant Services website design template with On-line chat functionality</h3> <p><b>What is it?</b></p><p>Online chat makes reference to any sort of conversation that starts over the Online world within the real-time.</p> <p><b>Why is it Good?</b></p><p>Online chat by using tech support may be a indication for the purchaser - “this particular firm actually is concerned about me”. The customers don't have to wait long hours for their ticket to be resolved or proceed through lots of documents to obtain the answer for himself. Welcoming technical support consultant may response him very quickly and may solve his issue in a little time. </p><p>Find more <a href=\"https://www.templatemonster.com/online-chat-website-templates/\">On-line chat website designs</a> here</p> <br /></div></div></div></div><p>This template is featured in the following editorial reviews:</p><p><a href=\"https://www.templatemonster.com/blog/9-one-page-html-templates/\">9 Effective One-Page HTML Templates</a></p>","templateFullTitle":"Mexican Website Template","templatePreviewMetaDescription":"Build a professional culinary blog or a site for restaurant or cafe. It offers a flat layout that results into clear look and well organized content. It looks","templateDemoMetaDescription":"View the live preview for the top quality Mexican Website Template (#58197) to get a better notion of what this template is prior to buying it. View the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Mexican Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/mexican-website-template-58197.html","userRating":"5","designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2016-03-14","sent":2,"downloads":3,"search_words":"Mexican restaurant food cuisine taco tequila nacho tortilla burrito enchilada drink menu waiter dish wine taste reservation specials recipe launch dinner testimonials offers kitchen cookbook vegetarian cocktail beverage specials reservation delivery","is_adult":0,"exc_price":4100,"sent_date":"2016-03-17 06:15:10","last_upload":"2016-03-14 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":78,"filename":"58197-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":58197,"width":970,"window_params":"","banner_url":"","id":1647635,"href":"","height":280},{"scr_type_id":3,"filename":"58197-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58197,"width":895,"window_params":"","banner_url":"","id":1647636,"href":"","height":599},{"scr_type_id":312,"filename":"58197-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58197,"width":370,"window_params":"","banner_url":"","id":1647637,"href":"","height":370},{"scr_type_id":315,"filename":"58197-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58197,"width":2050,"window_params":"","banner_url":"","id":1647638,"href":"","height":6481},{"scr_type_id":3,"filename":"58197-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58197,"width":408,"window_params":"","banner_url":"","id":1647639,"href":"","height":55},{"scr_type_id":297,"filename":"58197-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58197,"width":430,"window_params":"","banner_url":"","id":1647640,"href":"","height":1359},{"scr_type_id":212,"filename":"58197-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58197,"width":430,"window_params":"","banner_url":"","id":1647641,"href":"","height":60},{"scr_type_id":298,"filename":"58197-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58197,"width":430,"window_params":"","banner_url":"","id":1647642,"href":"","height":900},{"scr_type_id":334,"filename":"58197-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58197,"width":2050,"window_params":"","banner_url":"","id":1647643,"href":"","height":6481},{"scr_type_id":300,"filename":"58197-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58197,"width":320,"window_params":"","banner_url":"","id":1647644,"href":"","height":900},{"scr_type_id":314,"filename":"58197-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58197,"width":2050,"window_params":"","banner_url":"","id":1647645,"href":"","height":6481},{"scr_type_id":3,"filename":"58197-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58197,"width":2050,"window_params":"","banner_url":"","id":1647646,"href":"","height":6481},{"scr_type_id":311,"filename":"58197-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58197,"width":965,"window_params":"","banner_url":"","id":1647647,"href":"","height":3051},{"scr_type_id":9,"filename":"58197-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58197,"width":145,"window_params":"","banner_url":"","id":1647648,"href":"","height":156},{"scr_type_id":299,"filename":"58197-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58197,"width":430,"window_params":"","banner_url":"","id":1647649,"href":"","height":900}],"demoUrl":"/demo/58197.html","image":"https://s.tmimgcdn.com/scr/58100/mexican-website-template_58197-original.jpg","searchHash":"9d42a9071d9767365b9583a1e54e7dc3","previewHash":"3b1ffc09012d71d1c06e9e7da9c68bbf","authorNickname":"WT","lowLevelTopic":"Mexican Restaurant Templates","weightedRating":3.3454545454545457,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"This template can be used for restaurant, culinary sites, etc.","uniqueKeywords":"Mexican Restaurant","metaDescription":"Buy this Restaurant Management Company Site Template from us and get a professional, top quality product at a reasonable price.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/58100/58197-en_01.jpg, https://s.tmimgcdn.com/scr/58100/58197-en_02.jpg, https://s.tmimgcdn.com/scr/58100/58197-en_03.jpg, https://s.tmimgcdn.com/scr/58100/58197-en_04.jpg, https://s.tmimgcdn.com/scr/58100/58197-en_05.jpg, https://s.tmimgcdn.com/scr/58100/58197-en_06.jpg, https://s.tmimgcdn.com/scr/58100/58197-en_07.jpg, https://s.tmimgcdn.com/scr/58100/58197-en_08.jpg, https://s.tmimgcdn.com/scr/58100/58197-en_09.jpg","features":["Responsive","On-line chat","Sliced PSD","Dropdown Menu","Google map","Tabs","Gallery","HTML 5","JQuery","HTML plus JS"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1553971","htmlTitle":"Restaurant Management Company Site Template","isFree":"none","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.0","imageDescription":"https://s.tmimgcdn.com/scr/58100/58197-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2019-11-01T00:01:06-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"View the live preview for the top quality Mexican Website Template (#58197) to get a better notion of what this template is prior to buying it. View the pages, examine the images, click the buttons, explore the features.","shortDescription":"Build a professional culinary blog or a site for restaurant or cafe. It offers a flat layout that results into clear look and well organized content. It looks both stylish and conservative thanks to an assortment of visual effects like a fullscreen slider, masonry style gallery, various kinds of hover effects, etc. This restaurant management company site template will also work for other projects. For that you are going to do minor adjustments to make it match with your corporate style and upload the necessary content.<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 Cafe and Restaurant Equipment web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a method of website design that allows web pages to adjust to a display size of any kind of gadget - may it be a pc, a laptop or a smartphone.</p> <p><b>Why is it Good?</b></p><p>Responsive design ensures that the website will offer a good browsing experience to all users throughout all gadgets. </p><p>Newest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This is Food & Restaurant Services website design template with On-line chat functionality</h3> <p><b>What is it?</b></p><p>Online chat makes reference to any sort of conversation that starts over the Online world within the real-time.</p> <p><b>Why is it Good?</b></p><p>Online chat by using tech support may be a indication for the purchaser - “this particular firm actually is concerned about me”. The customers don't have to wait long hours for their ticket to be resolved or proceed through lots of documents to obtain the answer for himself. Welcoming technical support consultant may response him very quickly and may solve his issue in a little time. </p><p>Find more <a href=\"https://www.templatemonster.com/online-chat-website-templates/\">On-line chat website designs</a> here</p> <br /></div></div></div></div><p>This template is featured in the following editorial reviews:</p><p><a href=\"https://www.templatemonster.com/blog/9-one-page-html-templates/\">9 Effective One-Page HTML Templates</a></p>","tags":["beverage","burrito","cocktail","cookbook","cuisine","delivery","dinner","dish","drink","enchilada","food","kitchen","launch","menu","mexican","nacho","offers","recipe","reservation","restaurant","specials","taco","taste","tequila","testimonials","tortilla","vegetarian","waiter","wine"],"customUrl":"/website-templates/mexican-website-template-58197.html","badge":"badge-responsive","nameOfTheTemplate":"Mexican Website Template","pHPVersionCompatibility":"7.x","topic":["Mexican Restaurant Templates","Cafe and Restaurant Templates","Food & Restaurant"],"styles":["Neutral","Flat"],"advImage":"https://s.tmimgcdn.com/scr/58100/58197-original.jpg","imagesList":"Depositphotos1165802original.jpg,Depositphotos1382984original.jpg,Depositphotos1389567original.jpg,Depositphotos1568007original.jpg,Depositphotos2315246original.jpg,Depositphotos2838770original.jpg,Depositphotos4983127original.jpg,Depositphotos4985886original.jpg,Depositphotos5195164original.jpg,Depositphotos5432037original.jpg,Depositphotos5848177original.jpg,Depositphotos6269496original.jpg,Depositphotos7150205original.jpg,Depositphotos7914073original.jpg,Depositphotos9099890original.jpg,Depositphotos11529239original.jpg,Depositphotos12068590original.jpg,Depositphotos12262081original.jpg,Depositphotos13359202original.jpg,Depositphotos13517494original.jpg,Depositphotos13929109original.jpg,Depositphotos13963827original.jpg,Depositphotos19291563original.jpg,Depositphotos19349457original.jpg,Depositphotos20882865original.jpg,Depositphotos24586889original.jpg,Depositphotos49753527original.jpg,Depositphotos53860655original.jpg,Depositphotos72439457original.jpg,Depositphotos73843681original.jpg,Depositphotos74210593original.jpg","productFamily":"None","color":["white","grey","brown","pink","green"],"followUpLetter":"website-template-offers","reviewsTotal":"1","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","livePreviewURL":"https://livedemo00.template-help.com/wt_58197","templateGroup":"HTML Templates","popularity":"Top Rated","nomotopress":"1","galleryScript":["CSS and JS","Slider"],"dynamicChangeLog":"<ul>\n<li>- 3 minor font bugs fixed</li>\n<li>- 3 front-end issues fixed</li>\n</ul>","templateIcon":"icon-responsive","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1RQlreC","webForms":["Booking Form","Contact Form","Newsletter Subscription"],"loyaltySells":"1","width":"2050px","skupromo":"43%","marketplaceMembership":"None","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Mon, 20 May 2024 17:56:45 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=58197&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58197&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58197&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 20 May 2024 18:01:45 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: 165.227.251.218:80"
}
https://livedemo00.template-help.com/wt_58197<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58197 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/58197.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 #58197            </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=58197&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>