string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=329808&expand=properties"
string(11842) "[{"templateId":329808,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":272,"categoryName":"Furniture Templates","templateTitle":"Furniture Responsive Shopify Theme","templatePreviewHtmlTitle":"Recoletta - The farnichar, Cookietool, jewelry and Autopart Responsive Ecommerce Shopify 2.0 Theme","templateDemoHtmlTitle":"Live preview for Recoletta - The farnichar, Cookietool, jewelry and Autopart Responsive Ecommerce Shopify 2.0 Theme #329808","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Hello, merchants we launching a new theme bunch with 8 different categories and modern designs. there are many categories you find like furniture, kitchen tools, hardware, construction tool, beauty and cosmetics, mobile accessories, auto parts, ornaments, and groceries. By using this theme you set up your kitchen tools store, kitchen shop, hardware shop, hardware store, mobile shop, mobile accessories store, auto parts store, jewelry shop, jewelry store, ornaments, cosmetic products store, beauty store, grocery store, etc. all templates are fully responsive and with modern concept design. all pages and sections are fully customizable, by drag and drop features merchant set their section as their need. we include other features like those below.</p><p><br /></p><p>*********THEME FEATURES*********</p><p>-Fully responsive</p><p>-Fully customizable and easy to use</p><p>-Add to cart notification</p><p>-Quick view popup</p><p>-Ajax search</p><p>-Product filter option</p><p>-Call functionality</p><p>-Mail functionality</p><p>-Color meta field</p><p>-Size meta field</p><p>-Material meta field</p><p>-Newsletter popup</p><p>-categories dropdown</p><p>-Silk slider</p><p>-tabination in product page</p><p>-Social media share option</p><p>-Review rating by using the app</p><p>-Random product purchase</p><p>-Megamenu</p><p>-Multilanguage and currency</p><p>-Compatible with all browser</p><p>-Back to top button</p><p>-No core modification need</p><p>-Use bootstarp, HTML5, CSS3</p><p><br /></p><p>*******THEME SECTIONS********</p><p>-Header section</p><p>-Welcome slider</p><p>-Banner Section</p><p>-Featured product section</p><p>-Tab product</p><p>-Countdown section</p><p>-Testimonial section</p><p>-Multibanner section</p><p>-Blog section</p><p>-Instagram section</p><p>-Brand slider</p><p>-Related product section on the product page</p><p>-Tabination section on the product page</p><p>-Parallax section</p><p><br /></p><p>*******THEME Pages********</p><p>-Contact page</p><p>-About page</p><p>-FAQ page</p><p>-Privacy page</p><p>-Terms and condition page</p><p>-Search page</p><p>-Cart page</p><p>-Product page</p><p>-Login/signup page</p><p>-Password page</p><p>-Gift card</p><p>-Product list page</p>","templateFullTitle":"Recoletta - The farnichar, Cookietool, jewelry and Autopart Responsive Ecommerce Shopify 2.0 Theme","templatePreviewMetaDescription":"Hello, merchants we launching a new theme bunch with 8 different categories and modern designs. there are many categories you find like furniture, kitchen","templateDemoMetaDescription":"The live preview of this top quality Recoletta - The farnichar, Cookietool, jewelry and Autopart Responsive Ecommerce Shopify 2.0 Theme Shopify Theme (#329808) is presented here for you to get the feel and look of the theme before you buy it. View the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Recoletta - The farnichar, Cookietool, jewelry and Autopart Responsive Ecommerce Shopify 2.0 Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/recoletta-the-farnichar-cookietool-jewelry-and-autopart-responsive-ecommerce-shopify-2-0-theme-329808.html","userRating":0,"designIndex":1,"authorUserId":"78138138","exclusive":"1","state":1,"price":49,"inserted_date":"2023-04-25","sent":0,"downloads":7,"search_words":"accessories beauty cosmetics electronics furniture jewelry mobile multipurpose modern responsive shop ecommerce shopify auto parts","is_adult":0,"exc_price":2100,"sent_date":"2023-04-25 12:14:45","last_upload":"2023-04-25 12:17:26","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3075784,"templ_id":329808,"filename":"329808-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":3075785,"templ_id":329808,"filename":"329808-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":3075786,"templ_id":329808,"filename":"329808-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":3075787,"templ_id":329808,"filename":"329808-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":3075788,"templ_id":329808,"filename":"329808-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/329808.html","image":"https://s.tmimgcdn.com/scr/329800/recoletta-the-farnichar-cookietool-jewelry-and-autopart-responsive-ecommerce-shopify-20-theme_329808-original.png","searchHash":"f3f02cd5110e20861e1be7d5a92e8ba9","previewHash":"113c4136c52c1713c1fa429962eddc55","authorNickname":"Logicgo","lowLevelTopic":"Cosmetics Store Templates; Auto Parts Templates; Mobile Store Templates; Cooking Templates; Furniture Templates; Jewelry Templates","weightedRating":null,"annualSale":7,"monthlySales":0,"quarterlySales":1,"productBoost":125,"onSale":0,"finalPrice":40,"discountPercent":0,"discountAmount":0,"semiannualSales":3,"properties":{"features":["Responsive","Admin Panel","Bootstrap","Ajax","Multipurpose","eCommerce","Dropdown Menu","Drag and Drop Content","MegaMenu","Blog","HTML 5","JQuery","Parallax"],"styles":"Clean","isLastAdded":"1","languageSupport":["English","French","Spanish","Russian","German","Deutsch","Japanese","Swedish","Italian","Dutch","Ukrainian","Portuguese (Brazilian)","Polish"],"currencies":"USD","topic":["Cosmetics Store Templates","Auto Parts Templates","Mobile Store Templates","Cooking Templates","Furniture Templates","Beauty Templates","Car Templates","Electronics Templates","Food & Drink Templates","Interior & Furniture Templates","Jewelry Templates","Design","Design & Photography","Cars & Motorcycles","Home & Family","Fashion & Beauty","Food & Restaurant"],"isFree":"none","color":["black","white","purple","blue"],"productOfTheDay":"0","showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["accessories","beauty","cosmetics","electronics","furniture","jewelry","mobile","modern","multipurpose","responsive","shop","ecommerce","shopify","auto parts"],"paidSupport":"Yes","themeArchitectureVersion":"Online Store 2.0","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorUserId":"78138138","excerpt":"<p>Recoletta Shopify Responsive Theme specially design for selling online farnichar, Meckup, Cookietool, Mobile, Grocery-Super, jewelry and Autopart and many more.</p>","nameOfTheTemplate":"Recoletta - The farnichar, Cookietool, jewelry and Autopart Responsive Ecommerce Shopify 2.0 Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78138138/612b22470bd8d931a56a4adb2e583191.png, https://s3u.tmimgcdn.com/u78138138/53753d7224b3704f22ed94000e6f74c8.png, https://s3u.tmimgcdn.com/u78138138/3d3f354ad6f469c8a06ce82d3e86b360.png, https://s3u.tmimgcdn.com/u78138138/aab68fa1138cf3b7e8810e4f4021b296.png, https://s3u.tmimgcdn.com/u78138138/4184d9cdf397c2d87905f168f89e4bfe.png, https://s3u.tmimgcdn.com/u78138138/6e5fdf4ff63faeceffdab8155a6b0308.png, https://s3u.tmimgcdn.com/u78138138/7eceada7fd3c2e5f2619417a122d8852.png, https://s3u.tmimgcdn.com/u78138138/eb1ad30bd85119aeebc2394a129be96c.png","shortDescription":"<p>Hello, merchants we launching a new theme bunch with 8 different categories and modern designs. there are many categories you find like furniture, kitchen tools, hardware, construction tool, beauty and cosmetics, mobile accessories, auto parts, ornaments, and groceries. By using this theme you set up your kitchen tools store, kitchen shop, hardware shop, hardware store, mobile shop, mobile accessories store, auto parts store, jewelry shop, jewelry store, ornaments, cosmetic products store, beauty store, grocery store, etc. all templates are fully responsive and with modern concept design. all pages and sections are fully customizable, by drag and drop features merchant set their section as their need. we include other features like those below.</p><p><br /></p><p>*********THEME FEATURES*********</p><p>-Fully responsive</p><p>-Fully customizable and easy to use</p><p>-Add to cart notification</p><p>-Quick view popup</p><p>-Ajax search</p><p>-Product filter option</p><p>-Call functionality</p><p>-Mail functionality</p><p>-Color meta field</p><p>-Size meta field</p><p>-Material meta field</p><p>-Newsletter popup</p><p>-categories dropdown</p><p>-Silk slider</p><p>-tabination in product page</p><p>-Social media share option</p><p>-Review rating by using the app</p><p>-Random product purchase</p><p>-Megamenu</p><p>-Multilanguage and currency</p><p>-Compatible with all browser</p><p>-Back to top button</p><p>-No core modification need</p><p>-Use bootstarp, HTML5, CSS3</p><p><br /></p><p>*******THEME SECTIONS********</p><p>-Header section</p><p>-Welcome slider</p><p>-Banner Section</p><p>-Featured product section</p><p>-Tab product</p><p>-Countdown section</p><p>-Testimonial section</p><p>-Multibanner section</p><p>-Blog section</p><p>-Instagram section</p><p>-Brand slider</p><p>-Related product section on the product page</p><p>-Tabination section on the product page</p><p>-Parallax section</p><p><br /></p><p>*******THEME Pages********</p><p>-Contact page</p><p>-About page</p><p>-FAQ page</p><p>-Privacy page</p><p>-Terms and condition page</p><p>-Search page</p><p>-Cart page</p><p>-Product page</p><p>-Login/signup page</p><p>-Password page</p><p>-Gift card</p><p>-Product list page</p>","uniqueKeywords":"accessories,beauty,cosmetics,electronics,furniture,jewelry,mobile,multipurpose,modern,responsive,shop,ecommerce,shopify,auto parts","advImage":"https://s3u.tmimgcdn.com/u78138138/59b40f6a9ce62809b72c794ed5ad8a49.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78138138/1d1da26390a04cda6c94cbe3470cb5e9.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78138138/41c6f2018da88b98138d2a234e0e2bb8.png","livePreviewURL":"https://fastinsta.in/Recoletta-web-page/","metaDescription":"Hello, merchants we launching a new theme bunch with 8 different categories and modern designs. there are many categories you find like furniture, kitchen","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"The live preview of this top quality Recoletta - The farnichar, Cookietool, jewelry and Autopart Responsive Ecommerce Shopify 2.0 Theme Shopify Theme (#329808) is presented here for you to get the feel and look of the theme before you buy it. View the pages, examine the images, click the buttons, explore the features.","customUrl":"/shopify-themes/recoletta-the-farnichar-cookietool-jewelry-and-autopart-responsive-ecommerce-shopify-2-0-theme-329808.html","productSize":"10374887","trendiness":"1","types":"Shopify Themes","templateIcon":"icon-shopify","followUpLetter":"shopify-offers","productFamily":"None","templateGroup":"eCommerce 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: Sat, 20 Apr 2024 16:28:13 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=329808&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=329808&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=329808&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 20 Apr 2024 16:33:13 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://fastinsta.in/Recoletta-web-page/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#329808 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/329808.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">
                Shopify Themes #329808            </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=329808&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="/shopify-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>