string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=159987&expand=properties"
string(13484) "[{"templateId":159987,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":420,"categoryName":"Car Templates","templateTitle":"Car Responsive Shopify Theme","templatePreviewHtmlTitle":"Bikingly - Bicycle Store Shopify Theme - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Bikingly - Bicycle Store Shopify Theme #159987","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Do you need a robust and well-designed solution to create a professional online store that deals with bikes, bike equipment, sports clothing and accessories, and other products related to sports? If the answer is yes, look no further than Bikingly. It is a modern and sophisticated Shopify theme specialized for online bike shops.</p><p>This unique Bike Store Shopify Theme gives you a great advantage in customization, enabling you to organize the pages, photos, sections conveniently. The theme comes equipped with 03 homepage layouts. The homepage is designed stunningly with the addition of an eye-catchy slideshow and an advantageous mega menu that will allow your visitors to navigate every page within your website easily just from a single menu by unifying all options in a single box. On the homepage, you will also find the Product Slider section, Products Tab section, Quick View, Featured Product, Blog Section, etc.</p><p>The theme incorporates a super responsive and cross-browser compatible layout. Hence, your content can be displayed correctly on all sorts of devices and modern browsers without a hitch.</p><p>On top of that, Bikingly Shopify theme is abundant in modern, intuitive e-commerce features. Some notable amenities include 20+ sections, Quick Install, Single Banner, Video Banner, Ajax Cart. Brand Logo, Social Media Integration, Well-commented HTML and CSS files, Contact Form, Contact Map, Testimonial and Well-documentation, etc.</p><p>In a word, this user-friendly bike store Shopify theme will help and guide you through building a well-functional e-commerce website. For your convenience, we will provide dedicated after-sales support in case of any difficulty. Plus, lifetime free updates will be available from time to time.</p><p><strong>Theme features</strong></p><ul><li>Quick Install</li><li>3+ Home Page</li><li>Header</li><li>20+ Sections</li><li>Drag &amp; Drop</li><li>Theme Color Options</li><li>Newsletter Popup</li><li>Multiple Currency</li><li>Dropdown Menu</li><li>Mega Menu</li><li>RTL Version</li><li>3+ Unique slider</li><li>Featured Product</li><li>Featured Collection</li><li>Tab With Product</li><li>Single Banner</li><li>Multiple Banner</li><li>Fluid Banner</li><li>Video Banner</li><li>Latest Blog</li><li>Instagram</li><li>Ajax Cart</li><li>Built in wishlist</li><li>QuickView</li><li>Brand Logo</li><li>Breadcrumb banner</li><li>Product Badge/Sticker</li><li>Product Details</li><li>Select + Color Swatch Option</li><li>Shop Grid/List View</li><li>Collection Filter</li><li>Collection Sorting</li><li>Collection Tab</li><li>Pagination</li><li>Product Share</li><li>Disqus Comment</li><li>Product Review</li><li>Related Product</li><li>Custom Collection</li><li>Post Share</li><li>Post Comment</li><li>Blog Grid</li><li>Blog Sidebar</li><li>Custom Page</li><li>Service Page</li><li>FAQ Page</li><li>404 Page</li><li>Testimonial</li><li>Contact Information</li><li>Contact Form</li><li>Contact map (google map API)</li><li>Short codes</li><li>15+ Pre-loader</li><li>Google Analytics</li><li>Valid HTML5 &amp; CSS3</li><li>Neat, clean and simple design</li><li>Creative and Modern Flat Design</li><li>Built Based on Bootstrap 4</li><li>Fully Responsive</li><li>Cross Browser Optimization</li><li>Well Commented HTML &amp; CSS files</li><li>Google Fonts &amp; Themify Icon Font</li><li>Well Documentation</li></ul>","templateFullTitle":"Bikingly - Bicycle Store Shopify Theme","templatePreviewMetaDescription":"Do you need a robust and well-designed solution to create a professional online store that deals with bikes, bike equipment, sports clothing and accessories,","templateDemoMetaDescription":"Try out the demo preview for the top quality Bikingly - Bicycle Store Shopify Theme (#159987) get yourself knowledgeable about this design before you purchase it. View the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Bikingly - Bicycle Store Shopify Theme","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/bikingly-bicycle-store-shopify-theme-159987.html","userRating":0,"designIndex":1,"authorUserId":"1488834","exclusive":"1","state":1,"price":68,"inserted_date":"2021-01-26","sent":0,"downloads":3,"search_words":"bicycle bicycle shop bicycle store bicycle rental electric bicycle bike bike shop bike store accessories shop bicycle parts shop bicycle parts store electric bike responsive shopify theme","is_adult":0,"exc_price":2100,"sent_date":"2021-02-05 00:12:25","last_upload":"2022-11-13 00:04:33","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2227129,"templ_id":159987,"filename":"159987-2-original.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2227130,"templ_id":159987,"filename":"159987-2-big.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2227131,"templ_id":159987,"filename":"159987-2-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":2227132,"templ_id":159987,"filename":"159987-2-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":2227133,"templ_id":159987,"filename":"159987-2-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/159987.html","image":"https://s.tmimgcdn.com/scr/159900/bikingly-bicycle-store-shopify-theme_159987-2-original.png","searchHash":"1f571c4725ec46e7767e0d365c2314ed","previewHash":"06a630be946dfa746eb1550c85f7baf8","authorNickname":"ThemesHub","lowLevelTopic":"Cars & Motorcycles","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":68,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Responsive","Pro","Admin Panel","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","Team Members","Dropshipping","eCommerce","Dropdown Menu","Google map","Drag and Drop Content","MegaMenu","HTML 5","JQuery","Website Builder"],"styles":"Mobile","languageSupport":"English","currencies":"USD","topic":"Cars & Motorcycles","isFree":"none","color":["black","white","purple"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1488834","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["bicycle","bike","bike shop","responsive shopify theme","bicycle shop","bicycle store","bicycle rental","electric bicycle","bike store","accessories shop","bicycle parts shop","bicycle parts store","electric bike"],"nameOfTheTemplate":"Bikingly - Bicycle Store Shopify Theme","shortDescription":"<p>Do you need a robust and well-designed solution to create a professional online store that deals with bikes, bike equipment, sports clothing and accessories, and other products related to sports? If the answer is yes, look no further than Bikingly. It is a modern and sophisticated Shopify theme specialized for online bike shops.</p><p>This unique Bike Store Shopify Theme gives you a great advantage in customization, enabling you to organize the pages, photos, sections conveniently. The theme comes equipped with 03 homepage layouts. The homepage is designed stunningly with the addition of an eye-catchy slideshow and an advantageous mega menu that will allow your visitors to navigate every page within your website easily just from a single menu by unifying all options in a single box. On the homepage, you will also find the Product Slider section, Products Tab section, Quick View, Featured Product, Blog Section, etc.</p><p>The theme incorporates a super responsive and cross-browser compatible layout. Hence, your content can be displayed correctly on all sorts of devices and modern browsers without a hitch.</p><p>On top of that, Bikingly Shopify theme is abundant in modern, intuitive e-commerce features. Some notable amenities include 20+ sections, Quick Install, Single Banner, Video Banner, Ajax Cart. Brand Logo, Social Media Integration, Well-commented HTML and CSS files, Contact Form, Contact Map, Testimonial and Well-documentation, etc.</p><p>In a word, this user-friendly bike store Shopify theme will help and guide you through building a well-functional e-commerce website. For your convenience, we will provide dedicated after-sales support in case of any difficulty. Plus, lifetime free updates will be available from time to time.</p><p><strong>Theme features</strong></p><ul><li>Quick Install</li><li>3+ Home Page</li><li>Header</li><li>20+ Sections</li><li>Drag &amp; Drop</li><li>Theme Color Options</li><li>Newsletter Popup</li><li>Multiple Currency</li><li>Dropdown Menu</li><li>Mega Menu</li><li>RTL Version</li><li>3+ Unique slider</li><li>Featured Product</li><li>Featured Collection</li><li>Tab With Product</li><li>Single Banner</li><li>Multiple Banner</li><li>Fluid Banner</li><li>Video Banner</li><li>Latest Blog</li><li>Instagram</li><li>Ajax Cart</li><li>Built in wishlist</li><li>QuickView</li><li>Brand Logo</li><li>Breadcrumb banner</li><li>Product Badge/Sticker</li><li>Product Details</li><li>Select + Color Swatch Option</li><li>Shop Grid/List View</li><li>Collection Filter</li><li>Collection Sorting</li><li>Collection Tab</li><li>Pagination</li><li>Product Share</li><li>Disqus Comment</li><li>Product Review</li><li>Related Product</li><li>Custom Collection</li><li>Post Share</li><li>Post Comment</li><li>Blog Grid</li><li>Blog Sidebar</li><li>Custom Page</li><li>Service Page</li><li>FAQ Page</li><li>404 Page</li><li>Testimonial</li><li>Contact Information</li><li>Contact Form</li><li>Contact map (google map API)</li><li>Short codes</li><li>15+ Pre-loader</li><li>Google Analytics</li><li>Valid HTML5 &amp; CSS3</li><li>Neat, clean and simple design</li><li>Creative and Modern Flat Design</li><li>Built Based on Bootstrap 4</li><li>Fully Responsive</li><li>Cross Browser Optimization</li><li>Well Commented HTML &amp; CSS files</li><li>Google Fonts &amp; Themify Icon Font</li><li>Well Documentation</li></ul>","uniqueKeywords":"bicycle,bicycle shop,bicycle store,bicycle rental,electric bicycle,bike,bike shop,bike store,accessories shop,bicycle parts shop,bicycle parts store,electric bike,responsive shopify theme","advImage":"https://s3u.tmimgcdn.com/u1488834/Ax6y7P_Obs-BZLJhv6o5.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1488834/66c3e05c5cf64e2efab618242f2ed1d3.png","livePreviewURL":"https://shopdemo.hasthemes.com/bikingly/","metaDescription":"Do you need a robust and well-designed solution to create a professional online store that deals with bikes, bike equipment, sports clothing and accessories,","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/39kUEdO","customUrl":"/shopify-themes/bikingly-bicycle-store-shopify-theme-159987.html","demoMetaDescription":"Try out the demo preview for the top quality Bikingly - Bicycle Store Shopify Theme (#159987) get yourself knowledgeable about this design before you purchase it. View the pages, examine the images, click the buttons, explore the functionality.","productSize":"34929194","lastmod":"2022-01-20T05:00:19-05:00","changeLog":"Version: 1.0.4 —-—- DATE: 01-08-2022\n\n1. Fixed: CSS\n\nDate: 02 January 2022\nVersion: 1.0.3\n===========================\nMigrated to Shopify Online Store 2.0\n   - All sections are supported on every page \n   - Drag &amp; Drop on every page\n   - You can add or remove any section as per your requirement\n   - You can create any page using the bikingly default sections (no page builder required)\nUpdated: Product page for Online Store 2.0\n   - Drag and drop supported all elements of the product page\n   - FAQ/Accordion added on the product page\nAdded: Product Unit price (For Germany and Japan Seller)\nAdded: Storefront filtering (Updated &amp; Powerful filter)\nFixed: Collection Sidebar URL filter issue\n   - You can add size and color filters for every single collection\n\nDate: 04 February 2021\nVersion: 1.0.1\n=========================== \nUpdated: Instagram updated\nUpdated: Presets\nFixed:   Css issue.","changeLogDate":"2022-08-02","paidSupport":"Yes","trendiness":"1","themeArchitectureVersion":"Online Store 2.0","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Do you need a robust and well-designed solution to create a professional online store that deals with bikes</p>","authorMainScreenshotVersion":"2","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: Sun, 17 Nov 2024 16:19:08 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=159987&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=159987&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=159987&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 17 Nov 2024 16:24:08 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://shopdemo.hasthemes.com/bikingly/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#159987 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/159987.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 #159987            </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=159987&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $63                <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>