string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=53768&expand=properties"
string(13858) "[{"templateId":53768,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":171,"categoryName":"Car Insurance Templates","templateTitle":"Car Insurance Responsive Shopify Theme","templatePreviewHtmlTitle":"Motorcycle Store and Bikes eCommerce Shopify Theme","templateDemoHtmlTitle":"Live preview for Motorcycle Store and Bikes eCommerce Shopify Theme #53768","typeShortName":"Shopify","templatePreviewFBTitle":"<p>The theme is specially designed for eCommerce and online bike stores that are aimed at engaging more customers. It features a responsive design that automatically changes the appearance of your website, depending on the type of device used for viewing the page. It also includes a full-width slider where you can place photos of your products and promote your website. In the content section of this motorcycle Shopify theme, there is also a gallery that makes viewing the assortment much easier. You can also customize the template according to your business and boost your profit.</p><h3>This Motorcycle Riding Accessories Shopify design template is Responsive</h3><p><strong>What is it?</strong></p><p>Responsive design means properly adjusted to the screens of all resolutions on any device.</p><p><strong>Why is it Good?</strong></p><p>Because of the expanding fascination with mobile devices, the number of individuals who log on to the sites from phones has increased considerably. This kind of aspect helps you to change websites to cellular devices and diverse screen extensions, finally supplying mobile device users with improved possibilities.</p><p><strong>Why is it Good?</strong></p><p>On-line Chat is an ideal choice for corporate websites. It enables assisting hesitating customers and encourages them to come up with their final decision. On-line Chat makes your project look more reliable and delivers more clients to your firm.</p><h3>This is a Bootstrap Bike Shop Shopify design theme</h3><p><strong>What is it?</strong></p><p>Bootstrap is an open-source framework for site and applications design.</p><p><strong>Why is it Good?</strong></p><p>Bootstrap is a very effective instrument and that's the cause it's so well-liked. With this framework, it is also possible to build up responsive design, suitable for any form of display size, prototype fresh new designs without any issues and make sure your own web-site is cross-browser compatible.</p><h3>This Motorcycles Shopify eCommerce template is Search Engine Friendly</h3><p><strong>What is it?</strong></p><p>Search engine friendly is a theme that helps to easily crawl and index the website.</p><p><strong>Why is it Good?</strong></p><p>SEO helps to make it to the top of Google search results and fit the ranking factors necessary for the most common search engines. Because of thas your website is visible on the web.</p>","templateFullTitle":"Motorcycle Store and Bikes eCommerce Shopify Theme","templatePreviewMetaDescription":"The theme is specially designed for eCommerce and online bike stores that are aimed at engaging more customers. It features a responsive design that","templateDemoMetaDescription":"Explore the live preview for the top notch Motorcycle Store Shopify Theme (#53768) to understand what this theme is before you buy it. View the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Motorcycle Store and Bikes eCommerce Shopify Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/53768.html","userRating":0,"designIndex":"00","authorUserId":"1519369","exclusive":"0","state":1,"price":69,"inserted_date":"2015-04-27","sent":2,"downloads":24,"search_words":"motorcycle store bicycle bike business clean electric electric bicycle electric bike minimal modern responsive wheels and tires cycle scooter segway single product","is_adult":0,"exc_price":8500,"sent_date":"2015-05-01 06:15:27","last_upload":"2022-09-29 09:05:16","package_id":272,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":3,"filename":"53768-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53768,"width":408,"window_params":"","banner_url":"","id":1458823,"href":"","height":55},{"scr_type_id":3,"filename":"53768-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53768,"width":1903,"window_params":"","banner_url":"","id":1458824,"href":"","height":2947},{"scr_type_id":3,"filename":"53768-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53768,"width":895,"window_params":"","banner_url":"","id":1458825,"href":"","height":599},{"scr_type_id":298,"filename":"53768-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53768,"width":430,"window_params":"","banner_url":"","id":1458826,"href":"","height":900},{"scr_type_id":212,"filename":"53768-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53768,"width":430,"window_params":"","banner_url":"","id":1458827,"href":"","height":60},{"scr_type_id":314,"filename":"53768-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53768,"width":1903,"window_params":"","banner_url":"","id":1458828,"href":"","height":2947},{"scr_type_id":300,"filename":"53768-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53768,"width":320,"window_params":"","banner_url":"","id":1458829,"href":"","height":900},{"scr_type_id":299,"filename":"53768-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53768,"width":430,"window_params":"","banner_url":"","id":1458830,"href":"","height":900},{"scr_type_id":9,"filename":"53768-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53768,"width":145,"window_params":"","banner_url":"","id":1458831,"href":"","height":156},{"scr_type_id":311,"filename":"53768-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53768,"width":965,"window_params":"","banner_url":"","id":1458832,"href":"","height":1494},{"scr_type_id":312,"filename":"53768-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53768,"width":370,"window_params":"","banner_url":"","id":1458833,"href":"","height":370},{"scr_type_id":326,"filename":"53768-shopify-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53768,"width":430,"window_params":"","banner_url":"","id":1458834,"href":"","height":666},{"scr_type_id":3,"filename":"53768-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53768,"width":1903,"window_params":"","banner_url":"","id":1458835,"href":"","height":2947},{"scr_type_id":315,"filename":"53768-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53768,"width":1903,"window_params":"","banner_url":"","id":1458836,"href":"","height":2947},{"scr_type_id":334,"filename":"53768-3-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53768,"width":1600,"window_params":"","banner_url":"","id":1638693,"href":"","height":1000}],"demoUrl":"/demo/53768.html","image":"https://s.tmimgcdn.com/scr/53700/motorcycle-store-and-bikes-ecommerce-shopify-theme_53768-3-original.png","searchHash":"c574ed7c678e283b05bae78361732aa9","previewHash":"72abe9b7d36d88f7158da80b6446120d","authorNickname":"ZEMEZ","lowLevelTopic":"Bike Shop Templates; Car Insurance Templates; Biker Club Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":69,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"The theme is designed for cars and bikes, computer, fashion stores.","featured":"Ukraine","categoriesView":"Grid","productSize":"8061875","uniqueKeywords":"motorcycle,store,bicycle,bike,business,clean,electric,electric bicycle,electric bike,minimal,modern,responsive,wheels and tires,cycle,scooter,segway,single product","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"The theme is specially designed for eCommerce and online bike stores that are aimed at engaging more customers. It features a responsive design that","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1519369/ea752fa6dec205c4a74c2a4df71bed87.png, https://s3u.tmimgcdn.com/u1519369/52a9c9ccbd701406cc19be431c97c0ab.png, https://s3u.tmimgcdn.com/u1519369/a683dd131c4d2e8e2b4390302651bb64.png, https://s3u.tmimgcdn.com/u1519369/e82aabfd02bd820bacde461dc18ff160.png, https://s3u.tmimgcdn.com/u1519369/c9475ca190931c386b45e68d371090dd.png, https://s3u.tmimgcdn.com/u1519369/c1c16f19e03d950c018a978edb9fe774.png","features":["Admin Panel","Responsive","Search Engine Friendly","Bootstrap","Dropshipping","eCommerce"],"saleSells":"1","templateSources":[".CSS",".JS"],"languageSupport":"English","authorUserId":"1519369","isFree":"none","htmlTitle":"Motorcycle Shopify Theme","documentationVersion":"v1.0","imageDescription":"https://s.tmimgcdn.com/scr/53700/53768-responsive-layout.jpg","exclusive":"0","lastmod":"2021-08-18T09:11:17-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"authorMainScreenshotVersion":"3","demoMetaDescription":"Explore the live preview for the top notch Motorcycle Store Shopify Theme (#53768) to understand what this theme is before you buy it. View the pages, check the images, press the buttons, explore the features.","themeArchitectureVersion":"Vintage","shortDescription":"<p>The theme is specially designed for eCommerce and online bike stores that are aimed at engaging more customers. It features a responsive design that automatically changes the appearance of your website, depending on the type of device used for viewing the page. It also includes a full-width slider where you can place photos of your products and promote your website. In the content section of this motorcycle Shopify theme, there is also a gallery that makes viewing the assortment much easier. You can also customize the template according to your business and boost your profit.</p><h3>This Motorcycle Riding Accessories Shopify design template is Responsive</h3><p><strong>What is it?</strong></p><p>Responsive design means properly adjusted to the screens of all resolutions on any device.</p><p><strong>Why is it Good?</strong></p><p>Because of the expanding fascination with mobile devices, the number of individuals who log on to the sites from phones has increased considerably. This kind of aspect helps you to change websites to cellular devices and diverse screen extensions, finally supplying mobile device users with improved possibilities.</p><p><strong>Why is it Good?</strong></p><p>On-line Chat is an ideal choice for corporate websites. It enables assisting hesitating customers and encourages them to come up with their final decision. On-line Chat makes your project look more reliable and delivers more clients to your firm.</p><h3>This is a Bootstrap Bike Shop Shopify design theme</h3><p><strong>What is it?</strong></p><p>Bootstrap is an open-source framework for site and applications design.</p><p><strong>Why is it Good?</strong></p><p>Bootstrap is a very effective instrument and that's the cause it's so well-liked. With this framework, it is also possible to build up responsive design, suitable for any form of display size, prototype fresh new designs without any issues and make sure your own web-site is cross-browser compatible.</p><h3>This Motorcycles Shopify eCommerce template is Search Engine Friendly</h3><p><strong>What is it?</strong></p><p>Search engine friendly is a theme that helps to easily crawl and index the website.</p><p><strong>Why is it Good?</strong></p><p>SEO helps to make it to the top of Google search results and fit the ranking factors necessary for the most common search engines. Because of thas your website is visible on the web.</p>","tags":["store","motorcycle","bicycle","bike","business","clean","cycle","electric","minimal","modern","responsive","scooter","wheels and tires","single product","electric bicycle","electric bike","segway"],"customUrl":"/shopify-themes/53768.html","badge":"badge-responsive","nameOfTheTemplate":"Motorcycle Store and Bikes eCommerce Shopify Theme","topic":["Bike Shop Templates","Cars & Motorcycles","Motorcycles","Car Insurance Templates","Biker Club Templates"],"changeLogDate":"2023-01-16","styles":"Clean","advImage":"https://s3u.tmimgcdn.com/u1519369/bdc4cc8d65f85461811cf7cb67ae7b1e.png","productFamily":"None","followUpLetter":"shopify-offers","color":["black","white","grey","blue"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"changeLog":"Release 1.0 (September 28, 2022): \r\n- Adding 6 Sections ( Featured products Slideshow Image with text overlay Showcase Blog articles Collection list) to the theme;\r\n- Minor bug fixes;\r\n- Adding documentation link to the package;\r\n- Setting Shopify up-to-date features.","templateSupportOptions":"[]","sqi":"95","livePreviewURL":"https://livedemo00.template-help.com/landing/shopify/shopify.php?theme=theme158-motorcycle","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1519369/af3bebc08468020e1a9c34277bbec7e1.png","templateGroup":"eCommerce Templates","nomotopress":"1","imagesIncluded":"Yes","dynamicChangeLog":"<ul>\n<li>- 1 background bug fixed</li>\n<li>- 2 layout bugs fixed</li>\n<li>- 2 styles issues fixed</li>\n</ul>","templateIcon":"icon-shopify","types":"Shopify Themes","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1c1Ecie","paidSupport":"Yes","skupromo":"50%","marketplaceMembership":"One","category":"Website templates","dqi":"00","currencies":["USD","GBP","EUR"]}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Wed, 24 Apr 2024 00:03:17 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(290) "Link: <http://products/api/v2/products/en?language=en&ids=53768&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=53768&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=53768&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 24 Apr 2024 00:08:17 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://livedemo00.template-help.com/landing/shopify/shopify.php?theme=theme158-motorcycle<!DOCTYPE html>
<html lang="en">
<head>
    <title>#53768 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/53768.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 #53768            </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=53768&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>