string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=268764&expand=properties"
string(15514) "[{"templateId":268764,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":234,"categoryName":"Grocery Store Templates","templateTitle":"Grocery Store Responsive Shopify Theme","templatePreviewHtmlTitle":"Paprica - Spice Store Shopify 2.0 Responsive Theme","templateDemoHtmlTitle":"Live preview for Paprica - Spice Store Shopify 2.0 Responsive Theme #268764","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Paprica is a stunning, contemporary, and flexible spice store shopify theme build with shopify drag and drop section builder. The shopify theme is ideal for any websites dedicated to healthy, natural spices for food. Theme design is also appropriate for products like grocery stores, organic food stores, and other online stores selling food-related items.</p><p>On the homepage, various product sections are designed to display various product types. Customers can locate the appropriate products with their specified category product thanks to the flexible navigation system for the category section. This simple, lightweight theme will enhance your store's compatibility with your products and draw more visitors to your website.</p><p>With straightforward shop settings, top-notch professional assistance, and frequent value-packed theme upgrades, our pursuit of perfection sets the industry standard.</p><p><strong>Theme Features</strong></p><p>==================</p><ul><li>Fully <strong>RESPONSIVE</strong> Theme</li><li><strong>Mobile First</strong> Layout</li><li><strong>No Coding</strong> Skills Required</li><li>Bootstrap <strong>HTML5 and CSS3</strong></li><li>Support <strong>Multiple Currency</strong></li><li>Support <strong>Multiple Language</strong></li><li>Optimized for <strong>Fast Loading + SVG Icons</strong> Used</li><li><strong>SEO</strong> (Search Engine Optimization) <strong>Friendly</strong></li><li>Shopify <strong>Drag and Drop Section</strong> Builder</li><li><strong>Theme Color</strong> Option Settings</li><li><strong>Theme Typography</strong> Settings</li><li><strong>Advance Theme Options</strong></li><li><strong>Multiple Banner Section</strong> with Editable Text and Image</li><li><strong>Product Grid/List</strong> View with <strong>Multiple Column Variation</strong></li><li><strong>Full Screen Responsive Banner Slider</strong> with Editable Text</li><li><strong>Featured Product</strong> Collection on Homepage</li><li><strong>New Products</strong> Collection on Homepage</li><li><strong>Deal Of the Week</strong> Product Section with <strong>Count Down Timer</strong></li><li><strong>Shopping Cart Dropdown</strong> Slide Toggle</li><li><strong>Horizontal Menu</strong></li><li><strong>Vertical Menu</strong> Dropdown</li><li>Ajax Product <strong>Comment</strong></li><li>Ajax Product <strong>Wishlist</strong></li><li>Ajax Product <strong>Compare</strong></li><li>Ajax Product <strong>QuickView</strong></li><li>Ajax Product <strong>Add to Cart</strong></li><li>Ajax Product <strong>Search</strong></li><li>Ajax Product <strong>Filter on Collection Page</strong></li><li><strong>Brand logo Section</strong> on Home page</li><li><strong>Blog Section</strong></li><li><strong>Newsletter Subscription </strong>Block</li><li><strong>Parallax Scrolling</strong> Section</li><li><strong>Product Variation Swatches</strong> on Product Page</li><li><strong>Product Zoom</strong> Integration on Product Page</li><li><strong>Additional Vertical Tab</strong> on Product Page</li><li><strong>Related Product Slider</strong> on Product Page</li><li><strong>Google Map</strong> Integration on Contact Page</li><li><strong>Blog List Page</strong></li><li><strong>Scroll To Top</strong> Button</li><li><strong>Social Media Follow</strong> Links</li><li>Easy Use and Easy Customize</li><li>Avoid JavaScript Confliction</li><li><strong>PSD Files</strong> Included</li><li>Compatible with all major browsers</li><li>Well-structured and commented code for easy customization</li><li>Include theme installation and theme configuration documentation to help customer for installing and utilizing the theme</li><li>and Many More…</li></ul>","templateFullTitle":"Paprica - Spice Store Shopify 2.0 Responsive Theme","templatePreviewMetaDescription":"Paprica is a stunning, contemporary, and flexible spice store shopify theme build with shopify drag and drop section builder. The shopify theme is ideal for","templateDemoMetaDescription":"Prior to buying it, get the feel and look of the premium Paprica - Spice Store Shopify 2.0 Responsive Theme Shopify Theme (#268764) by experiencing the live preview. Click through the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Paprica - Spice Store Shopify 2.0 Responsive Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/paprica-spice-store-shopify-2-0-responsive-theme-268764.html","userRating":0,"designIndex":1,"authorUserId":"1597608","exclusive":"1","state":1,"price":69,"inserted_date":"2022-08-08","sent":0,"downloads":8,"search_words":"spices vegetables fresh grocery organic food shopify ecommerce blog store shop responsive clean codezeel minimal modern theme mobile template online","is_adult":0,"exc_price":2100,"sent_date":"2022-08-08 11:11:37","last_upload":"2024-02-23 07:20:41","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2770631,"templ_id":268764,"filename":"268764-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2770632,"templ_id":268764,"filename":"268764-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2770633,"templ_id":268764,"filename":"268764-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":2770634,"templ_id":268764,"filename":"268764-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":2770635,"templ_id":268764,"filename":"268764-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/268764.html","image":"https://s.tmimgcdn.com/scr/268700/paprica-spice-store-shopify-20-responsive-theme_268764-original.jpg","searchHash":"b829f370cb75362494f2397d33edd109","previewHash":"956a13699f46588f497029fdfb8aee0f","authorNickname":"codezeel","lowLevelTopic":"Grocery Store Templates; Spice Shop Templates; Bakery Templates; Food Store Templates; Cooking Templates","weightedRating":null,"annualSale":3,"monthlySales":0,"quarterlySales":2,"productBoost":50,"onSale":0,"finalPrice":69,"discountPercent":0,"discountAmount":0,"semiannualSales":2,"properties":{"features":["Premium","Responsive","Search Engine Friendly","Bootstrap","Ajax","Mobile Layout Included","Multipurpose","Light Template","eCommerce","Sliced PSD","Dropdown Menu","Google map","Tabs","Drag and Drop Content","Performance Optimization","Blog","Online Store/Shop","HTML 5","JQuery","Parallax"],"styles":["Minimalist","Neutral","Mobile","Flat"],"isLastAdded":"1","languageSupport":["English","French","Spanish","Russian","German","Deutsch","Japanese","Swedish","Italian","Dutch","Ukrainian","Portuguese (Brazilian)","Polish"],"currencies":["USD","GBP","EUR"],"topic":["Grocery Store Templates","Spice Shop Templates","Bakery Templates","Food Store Templates","Cooking Templates","Food & Drink Templates","Food & Restaurant"],"isFree":"none","color":["black","white","grey","green"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1597608","alreadyPacked":"1","imagesIncluded":"Yes","tags":["clean","food","fresh","grocery","minimal","mobile","modern","online","organic","responsive","shop","spices","store","template","theme","vegetables","blog","ecommerce","shopify","codezeel"],"marketplaceMembership":"None","paidSupport":"Yes","themeArchitectureVersion":"Online Store 2.0","nameOfTheTemplate":"Paprica - Spice Store Shopify 2.0 Responsive Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1597608/8e89e17f52440daa47e557f9b8f78dd0.jpg, https://s3u.tmimgcdn.com/u1597608/30850a4fe54bcd827f32cf64816d82a4.jpg, https://s3u.tmimgcdn.com/u1597608/dfb3f00503706b1ff94de7ef87519a37.jpg, https://s3u.tmimgcdn.com/u1597608/c695b3cf21b82df4695386fd3994cddb.jpg, https://s3u.tmimgcdn.com/u1597608/735e2b482bee9b4d908400e83cd01b54.jpg, https://s3u.tmimgcdn.com/u1597608/331f9c176c58b6cb90edb9cd34ebe29a.jpg, https://s3u.tmimgcdn.com/u1597608/18d6a9ea14967709398eaf87a570b2a0.jpg, https://s3u.tmimgcdn.com/u1597608/3a60d085089a109d6c4e16f50ccb3334.jpg, https://s3u.tmimgcdn.com/u1597608/299058b31f52c33843243bc16d519aae.jpg","shortDescription":"<p>Paprica is a stunning, contemporary, and flexible spice store shopify theme build with shopify drag and drop section builder. The shopify theme is ideal for any websites dedicated to healthy, natural spices for food. Theme design is also appropriate for products like grocery stores, organic food stores, and other online stores selling food-related items.</p><p>On the homepage, various product sections are designed to display various product types. Customers can locate the appropriate products with their specified category product thanks to the flexible navigation system for the category section. This simple, lightweight theme will enhance your store's compatibility with your products and draw more visitors to your website.</p><p>With straightforward shop settings, top-notch professional assistance, and frequent value-packed theme upgrades, our pursuit of perfection sets the industry standard.</p><p><strong>Theme Features</strong></p><p>==================</p><ul><li>Fully <strong>RESPONSIVE</strong> Theme</li><li><strong>Mobile First</strong> Layout</li><li><strong>No Coding</strong> Skills Required</li><li>Bootstrap <strong>HTML5 and CSS3</strong></li><li>Support <strong>Multiple Currency</strong></li><li>Support <strong>Multiple Language</strong></li><li>Optimized for <strong>Fast Loading + SVG Icons</strong> Used</li><li><strong>SEO</strong> (Search Engine Optimization) <strong>Friendly</strong></li><li>Shopify <strong>Drag and Drop Section</strong> Builder</li><li><strong>Theme Color</strong> Option Settings</li><li><strong>Theme Typography</strong> Settings</li><li><strong>Advance Theme Options</strong></li><li><strong>Multiple Banner Section</strong> with Editable Text and Image</li><li><strong>Product Grid/List</strong> View with <strong>Multiple Column Variation</strong></li><li><strong>Full Screen Responsive Banner Slider</strong> with Editable Text</li><li><strong>Featured Product</strong> Collection on Homepage</li><li><strong>New Products</strong> Collection on Homepage</li><li><strong>Deal Of the Week</strong> Product Section with <strong>Count Down Timer</strong></li><li><strong>Shopping Cart Dropdown</strong> Slide Toggle</li><li><strong>Horizontal Menu</strong></li><li><strong>Vertical Menu</strong> Dropdown</li><li>Ajax Product <strong>Comment</strong></li><li>Ajax Product <strong>Wishlist</strong></li><li>Ajax Product <strong>Compare</strong></li><li>Ajax Product <strong>QuickView</strong></li><li>Ajax Product <strong>Add to Cart</strong></li><li>Ajax Product <strong>Search</strong></li><li>Ajax Product <strong>Filter on Collection Page</strong></li><li><strong>Brand logo Section</strong> on Home page</li><li><strong>Blog Section</strong></li><li><strong>Newsletter Subscription </strong>Block</li><li><strong>Parallax Scrolling</strong> Section</li><li><strong>Product Variation Swatches</strong> on Product Page</li><li><strong>Product Zoom</strong> Integration on Product Page</li><li><strong>Additional Vertical Tab</strong> on Product Page</li><li><strong>Related Product Slider</strong> on Product Page</li><li><strong>Google Map</strong> Integration on Contact Page</li><li><strong>Blog List Page</strong></li><li><strong>Scroll To Top</strong> Button</li><li><strong>Social Media Follow</strong> Links</li><li>Easy Use and Easy Customize</li><li>Avoid JavaScript Confliction</li><li><strong>PSD Files</strong> Included</li><li>Compatible with all major browsers</li><li>Well-structured and commented code for easy customization</li><li>Include theme installation and theme configuration documentation to help customer for installing and utilizing the theme</li><li>and Many More…</li></ul>","uniqueKeywords":"spices,vegetables,fresh,grocery,organic,food,shopify,ecommerce,blog,store,shop,responsive,clean,codezeel,minimal,modern,theme,mobile,template,online","advImage":"https://s3u.tmimgcdn.com/u1597608/f98369a23f5f0ecd402b92af642ca49c.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1597608/7f352ebe1143b3c25ef91f3194425d6b.jpg","livePreviewURL":"https://codezeel.com/shopify/paprica/","metaDescription":"Paprica is a stunning, contemporary, and flexible spice store shopify theme build with shopify drag and drop section builder. The shopify theme is ideal for","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3BTqf4K","demoMetaDescription":"Prior to buying it, get the feel and look of the premium Paprica - Spice Store Shopify 2.0 Responsive Theme Shopify Theme (#268764) by experiencing the live preview. Click through the pages, check out the images, click the buttons, explore the features.","customUrl":"/shopify-themes/paprica-spice-store-shopify-2-0-responsive-theme-268764.html","productSize":"21201225","trendiness":"1","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Paprica is a stunning, contemporary, and flexible spice store shopify theme build with shopify drag and drop section builder. Theme is ideal for any websites dedicated to natural spices food.</p>","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1597608/338e9f38d349caf2cd337a6fe065338d.jpg, https://s3u.tmimgcdn.com/u1597608/5d10df1652cab75fc9daa25814b58dce.jpg, https://s3u.tmimgcdn.com/u1597608/a0bb83663d12fb19ceaadaa7a735e202.jpg, https://s3u.tmimgcdn.com/u1597608/07cd0634932c587f1aba4788c58eb93c.jpg","changeLog":"##Update History\n\n#[19/02/2024]\n- Removed Product Review app\n- Added AirReview app for product review features\n\n#[28/07/2023]\n- Added Product Sale Notification Popup\n- Added link to vendor name on product page\n- Added Count Down Timer on \"Deal Of The Week\" products section and Single product page\n- Fixed missing translation variable issue\n- Fixed multi-column menu dropdown issue\n- Fixed empty \"Shop Now\" button text issue with slideshow\n- Fixed \"Buy Now\" button design issue with branded payment option on product page\n- Fixed page crash issue with menu closing on mobile device\n- Fixed add/edit/delete addresss issue on customer account page\n- Bug fixes and improvement related css\n- Removed static text from liquid and js file then added it to local translation file\n- Improved Customer login page design\n- Improved password page design\n- Update Product Sample data","changeLogDate":"2024-02-23","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: Tue, 04 Feb 2025 07:15:20 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=268764&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=268764&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=268764&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 04 Feb 2025 07:20:20 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://codezeel.com/shopify/paprica/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#268764 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/268764.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 #268764            </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=268764&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $64                <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>