string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=311302&expand=properties"
string(12103) "[{"templateId":311302,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":234,"categoryName":"Grocery Store Templates","templateTitle":"Grocery Store Responsive Website Template","templatePreviewHtmlTitle":"GrosyStore- Grocery Store HTML5 Website Template","templateDemoHtmlTitle":"Demo for GrosyStore- Grocery Store HTML5 Website Template #311302","typeShortName":"Website","templatePreviewFBTitle":"<p>Grossy Store is a grocery online website template specially designed for online stores like grocery, supermarket, beverage, vegetable, fruit, ice cream, megastore and many more. It is a very simple template to use beautiful product images to create a unique identity for your customer. It is very easy to send items like vegetables and fruits dry fruits online from grocery stores. It is mobile responsive and tablet friendly. Well run website template which is designed and developed keeping in mind today's modern technology train. In HTML website template you will get all necessary elements results from which website can be created by following very easy steps.</p><p>Please don’t forget to rate us and Write A Review to support us to make new Interesting designs. Enjoy!</p><p><strong>Feature-Rich and Multipurpose Website Page</strong></p><p>An Interesting variety of features that enhance your Online Marketing performance:</p><ul><li>Full Responsive and most advanced UI</li><li>W3 Validated, Clean Design, CSS3 Animation</li><li>Free Google Fonts &amp; bootstrap icon</li><li>Bootstrap 5.x &amp; SCSS</li><li>Cross-browser support</li><li>After sale support</li><li>Designed with care</li><li>Fully Customizable</li><li>Working Contact Form</li><li>Modern design concept</li><li>Premium Ready-To-Use Website Templates</li></ul><p><strong>HTML Pages Included</strong></p><p>We have 36 Pages for Grocery Store template, which are listed below:</p><p><strong>Home Version</strong></p><p>01 Home</p><p>02 Home Offers</p><p>03 Home Fluid</p><p>04 Home Video</p><p>05 Home Category</p><p>06 Home Classic</p><p>Shop Pages</p><p>01 Shop - Grid View</p><p>02 Shop - List View</p><p>03 Shop Single</p><p>04 Shop Whishlist</p><p>05 Shop View Cart</p><p>06 Shop Checkout</p><p>07 Payment Method</p><p>08 Order Success</p><p>09 Order Failed</p><p>Account Pages</p><p>01 Sign Page</p><p>02 Register Page</p><p>03 Forgot Password</p><p>Dashboard Pages</p><p>01 My Account/ Dashboard</p><p>02 Account Setting</p><p>03 Manage Address</p><p>04 Order History</p><p>05 My Wish list</p><p>06 Return Order</p><p>07 Success Message - Return</p><p>08 Track Shipping</p><p>09 Logout Screen</p><p>Blog Pages</p><p>01 Blog</p><p>02 Blog Left Sidebar</p><p>03 Blog Right Sidebar</p><p>04 Blog Details</p><p>Site Pages</p><p>01 About Us</p><p>02 Contact Us</p><p>03 Privacy Policy</p><p>04 FAQ</p><p>05 404 Error</p><p>06 Terms &amp; Conditions</p><p>07 Offers &amp; Deal</p><p>08 Compare</p>","templateFullTitle":"GrosyStore- Grocery Store HTML5 Website Template","templatePreviewMetaDescription":"Grossy Store is a grocery online website template specially designed for online stores like grocery, supermarket, beverage, vegetable, fruit, ice cream,","templateDemoMetaDescription":"Before you buy it, get the look and feel of the professional GrosyStore- Grocery Store HTML5 Website Template Website Template (#311302) by visiting the demo. View the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"GrosyStore- Grocery Store HTML5 Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/grosystore-grocery-store-html5-website-template-311302.html","userRating":0,"designIndex":1,"authorUserId":"2254640","exclusive":"1","state":1,"price":49,"inserted_date":"2023-01-30","sent":0,"downloads":0,"search_words":"grocery food store shopping shop marketplace modern order organic responsive grocery store food store ecommerce vegetables supermarket cake delivery fruits html tasty","is_adult":0,"exc_price":2100,"sent_date":"2023-01-30 12:49:37","last_upload":"2024-02-26 14:23:45","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2983279,"templ_id":311302,"filename":"311302-3-original.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2983280,"templ_id":311302,"filename":"311302-3-big.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2983281,"templ_id":311302,"filename":"311302-3-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2983282,"templ_id":311302,"filename":"311302-3-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2983283,"templ_id":311302,"filename":"311302-3-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/311302.html","image":"https://s.tmimgcdn.com/scr/311300/grosystore-grocery-store-html5-website-template_311302-3-original.png","searchHash":"83143caba2df89f0de70ef56ac14a513","previewHash":"55ef622a63d7565d7c4288245e8346d6","authorNickname":"ThemesLay","lowLevelTopic":"Grocery Store Templates","weightedRating":null,"annualSale":0,"monthlySales":-1,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":47,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Retina Ready","Multipurpose","Team Members","Light Template","eCommerce","Dropdown Menu","Google map","Tabs","MegaMenu","Performance Optimization","Blog","Online Store/Shop","HTML 5","JQuery","HTML plus JS","Static","Background video"],"styles":["Clean","Corporate","Neutral","Web2.0"],"isLastAdded":"1","topic":["Grocery Store Templates","Food & Drink Templates","Food & Restaurant"],"isFree":"none","color":["white","green","yellow"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","authorUserId":"2254640","imagesIncluded":"No","tags":["cake","delivery","food","fruits","grocery","marketplace","modern","order","organic","responsive","shop","shopping","store","supermarket","tasty","vegetables","ecommerce","html","food store","grocery store"],"paidSupport":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"bootstrapVersion":"5.3.x","nameOfTheTemplate":"GrosyStore- Grocery Store HTML5 Website Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u2254640/f2696f46fcaefb73eae5325843716a28.png, https://s3u.tmimgcdn.com/u2254640/988987b463e96e2fff7f52d5ecfabc46.png, https://s3u.tmimgcdn.com/u2254640/4e2a73373cb229388703276799536714.png, https://s3u.tmimgcdn.com/u2254640/7d1b017cc5878ff2d4c9fd2d194fd16d.png, https://s3u.tmimgcdn.com/u2254640/c203d59309f814074897c9abb4779eac.png","shortDescription":"<p>Grossy Store is a grocery online website template specially designed for online stores like grocery, supermarket, beverage, vegetable, fruit, ice cream, megastore and many more. It is a very simple template to use beautiful product images to create a unique identity for your customer. It is very easy to send items like vegetables and fruits dry fruits online from grocery stores. It is mobile responsive and tablet friendly. Well run website template which is designed and developed keeping in mind today's modern technology train. In HTML website template you will get all necessary elements results from which website can be created by following very easy steps.</p><p>Please don’t forget to rate us and Write A Review to support us to make new Interesting designs. Enjoy!</p><p><strong>Feature-Rich and Multipurpose Website Page</strong></p><p>An Interesting variety of features that enhance your Online Marketing performance:</p><ul><li>Full Responsive and most advanced UI</li><li>W3 Validated, Clean Design, CSS3 Animation</li><li>Free Google Fonts &amp; bootstrap icon</li><li>Bootstrap 5.x &amp; SCSS</li><li>Cross-browser support</li><li>After sale support</li><li>Designed with care</li><li>Fully Customizable</li><li>Working Contact Form</li><li>Modern design concept</li><li>Premium Ready-To-Use Website Templates</li></ul><p><strong>HTML Pages Included</strong></p><p>We have 36 Pages for Grocery Store template, which are listed below:</p><p><strong>Home Version</strong></p><p>01 Home</p><p>02 Home Offers</p><p>03 Home Fluid</p><p>04 Home Video</p><p>05 Home Category</p><p>06 Home Classic</p><p>Shop Pages</p><p>01 Shop - Grid View</p><p>02 Shop - List View</p><p>03 Shop Single</p><p>04 Shop Whishlist</p><p>05 Shop View Cart</p><p>06 Shop Checkout</p><p>07 Payment Method</p><p>08 Order Success</p><p>09 Order Failed</p><p>Account Pages</p><p>01 Sign Page</p><p>02 Register Page</p><p>03 Forgot Password</p><p>Dashboard Pages</p><p>01 My Account/ Dashboard</p><p>02 Account Setting</p><p>03 Manage Address</p><p>04 Order History</p><p>05 My Wish list</p><p>06 Return Order</p><p>07 Success Message - Return</p><p>08 Track Shipping</p><p>09 Logout Screen</p><p>Blog Pages</p><p>01 Blog</p><p>02 Blog Left Sidebar</p><p>03 Blog Right Sidebar</p><p>04 Blog Details</p><p>Site Pages</p><p>01 About Us</p><p>02 Contact Us</p><p>03 Privacy Policy</p><p>04 FAQ</p><p>05 404 Error</p><p>06 Terms &amp; Conditions</p><p>07 Offers &amp; Deal</p><p>08 Compare</p>","uniqueKeywords":"grocery,food,store,shopping,shop,marketplace,modern,order,organic,responsive,grocery store,food store,ecommerce,vegetables,supermarket,cake,delivery,fruits,html,tasty","advImage":"https://s3u.tmimgcdn.com/u2254640/b82bebb58ae95583178c71163f027408.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2254640/f29d6a4320516e941f76488e12e85d30.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u2254640/677d461ac66e4435b0b93085faf114f3.png","livePreviewURL":"https://themeslay.com/preview/items/HTML-Websites/GrosyStore/demo/demo.html","metaDescription":"Grossy Store is a grocery online website template specially designed for online stores like grocery, supermarket, beverage, vegetable, fruit, ice cream,","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3wEdG9x","demoMetaDescription":"Before you buy it, get the look and feel of the professional GrosyStore- Grocery Store HTML5 Website Template Website Template (#311302) by visiting the demo. View the pages, check out the images, press the buttons, explore the functionality.","productSize":"13126172","trendiness":"1","customUrl":"/website-templates/grosystore-grocery-store-html5-website-template-311302.html","frameworks":"None","excerpt":"<p>Grossy Store is a grocery online website template specially designed for online stores like grocery, supermarket, beverage, vegetable, fruit, ice cream, megastore and many more. It is a very simple</p>","authorMainScreenshotVersion":"3","changeLog":"Updated - V3.0 – 25 Feb 2024\n\nUpdate - Bootstarp v5.3.1 to v5.3.2\nUpdate - Bootstrap icons v1.10.5 to Bootstrap icons v1.11.3\nFixes -  Some Css Fixes\nAdded -  New - Video Home Page\nAdded -  New - Category Home Page\nAdded -  New - Classic Home Page\n\nV-2.0 – 02 Aug 2023\n\nUpdated - bootstrap version v5.2.2 to v5.3.1\nUpdated - bootstrap icons v1.10.3 to v1.10.5\nEnhancment - Root images combined in one folder\nFixes - Some CSS &amp; JS issue\n\nVERSION 1.0 - 24-Jan-2023\nInitial release","changeLogDate":"2024-02-26","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 25 Apr 2024 14:10:14 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(293) "Link: <http://products/api/v2/products/en?language=en&ids=311302&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=311302&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=311302&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 14:15:14 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://themeslay.com/preview/items/HTML-Websites/GrosyStore/demo/demo.html<!DOCTYPE html>
<html lang="en">
<head>
    <title>#311302 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/311302.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 #311302            </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=311302&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $45                <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>