string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=99209&expand=properties"
string(12263) "[{"templateId":99209,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":364,"categoryName":"Fitness Templates","templateTitle":"Fitness Shopify Theme","templatePreviewHtmlTitle":"GymFit - Gym And Fitness Responsive Shopify Theme","templateDemoHtmlTitle":"Live demo for GymFit - Gym And Fitness Responsive Shopify Theme #99209","typeShortName":"Shopify","templatePreviewFBTitle":"<p>GymFit is a modern, clean and professional Shopify Theme. It helps you make the most out of using eCommerce to power your online store. The design is well suited for all modern store, vendor based marketplaces, affiliate websites.</p><p><br /></p><p>It is super for fitness, fitness center, fitness equipment, fitness gym, gym, gym shopify, gym wear, health, sports, sports clothing, sportswear, training, workout, yoga or any other categories as Fashion, clothings, clothes, apparel, dresses, Jewelry, Jewellery, Supermarket, grocery, Baby &amp; kids toys....</p><p><br /></p><p>It is built and comes bundled with most of the advanced features available in most popular eCommerce websites like amazon, flipkart, snapdeal, walmart, alibaba, aliexpress, etc.</p><p><br /></p><p>So if you are an amazon affiliate or want a multi-vendor marketplace for your niche market or a store owner, this theme is for you. The code is clean and extensible.</p><p><br /></p><p>GymFit - Gym And Fitness Responsive Shopify Theme is optimized for speed with careful attention to clean and structured code. It helps improve conversation rates. It is fully responsive, it looks stunning on all types of screens and devices. All demo can be imported with only one click!</p><h3>THEME FEATURES</h3><ul><li>Section Drag &amp; Drop Page Builder</li><li>Full Oberlo Compatibility</li><li>Terms &amp; Agreements Add To Cart</li><li>Buy Together</li><li>Upsell Products</li><li>Infinite Scroll</li><li>Sub-Collection Page</li><li>Gallery Page</li><li>Facebook Chat</li><li>Dynamic Checkout Ready</li><li>The New Lookbook</li><li>Oder Product Notification</li><li>360 Degree Product View</li><li>Add To Cart Popup</li><li>Advandced Variant Swatches</li><li>Ajax Products</li><li>Ajax Seach</li><li>Social Share</li><li>Optimized For Mobile Devices</li><li>Sticky ATC &amp; Socials</li><li>Size Guide Popup</li><li>Strong Filter</li><li>Instagram Shop</li><li>Popup Login</li><li>Highlight Promos Texts</li><li>Automatic Price Change</li><li>Flexible Built-in Mega Menu</li><li>Quickview Product Colors</li><li>Smart Product Quickview</li><li>Advanced Layered Navigation</li><li>Unlimited Google Fonts</li><li>Site Identity</li><li>Header &amp; Footer Style Options</li><li>Amazing Slider built-in</li><li>Unlimited colours</li><li>SEO Optimized</li><li>New, Hot, Sale... labels</li><li>Multi Currency</li><li>Amazing Layout Variations</li><li>Newsletter</li><li>Responsive &amp; Retina Ready</li><li>Drop-down shopping cart in header</li><li>Sticky Header Multi Styles</li><li>Ajax Add to Cart &amp; Wishlist</li><li>Ajax Paging &amp; Ajax Toolbar built-in</li><li>Ajax Grid &amp; List view collection</li><li>Previous &amp; Next functionality for the product view page</li><li>Slider for Up-sell Products and Related Products blocks</li><li>Product zoom built-in</li><li>Best Seller Product</li><li>Back to top button</li><li>Background patterns and color chooser</li><li>Tabs</li><li>Grid / List view</li><li>Additional Information tab for individual product attributes</li><li>Brand Logo Slider</li><li>Blog Post Slider built-in</li><li>FontAwesome icons</li><li>One-click import</li><li>Cross Browser Support</li><li>Customer Reviews</li><li>Contact</li><li>Product Carousel</li><li>HTML5 &amp; CSS3 &amp; Sass CSS</li><li>Social networking</li><li>Support Online 24/7</li><li>Well Documented</li></ul>","templateFullTitle":"GymFit - Gym And Fitness Responsive Shopify Theme","templatePreviewMetaDescription":"GymFit is a modern, clean and professional Shopify Theme. It helps you make the most out of using eCommerce to power your online store. The design is well","templateDemoMetaDescription":"View the demo for the top notch GymFit - Gym And Fitness Responsive Shopify Theme (#99209) get yourself knowledgeable about this theme before you buy it. View the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"GymFit - Gym And Fitness Responsive Shopify Theme","anchorFeature":"","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/gymfit-gym-and-fitness-responsive-shopify-theme-99209.html","userRating":0,"designIndex":"90","authorUserId":"2098623","exclusive":"1","state":1,"price":88,"inserted_date":"2020-03-31","sent":0,"downloads":5,"search_words":"fitness center equipment gym gymwear health sports clothing sportswear workout yoga shopify store shop simple minimal clean parallax modern responsive","is_adult":0,"exc_price":2100,"sent_date":"2020-03-31 05:22:12","last_upload":"2020-03-31 05:22:13","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1923646,"templ_id":99209,"filename":"99209-2-original.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1923647,"templ_id":99209,"filename":"99209-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1923648,"templ_id":99209,"filename":"99209-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":1923649,"templ_id":99209,"filename":"99209-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":1923650,"templ_id":99209,"filename":"99209-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/99209.html","image":"https://s.tmimgcdn.com/scr/99200/gymfit-gym-and-fitness-responsive-shopify-theme_99209-2-original.png","searchHash":"14d61f33a212c461fd2a3398796fb124","previewHash":"cd8d05567557741d295ac2beab47e07d","authorNickname":"ShopiLaunch","lowLevelTopic":"Fitness Templates; Sports Store Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":79,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"topic":["Fitness Templates","Sports Store Templates","Sport Templates","Sports, Outdoors & Travel"],"isFree":"none","color":["black","white","grey","purple"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","excludeExclusive":"Yes","authorUserId":"2098623","nameOfTheTemplate":"GymFit - Gym And Fitness Responsive Shopify Theme","shortDescription":"<p>GymFit is a modern, clean and professional Shopify Theme. It helps you make the most out of using eCommerce to power your online store. The design is well suited for all modern store, vendor based marketplaces, affiliate websites.</p><p><br /></p><p>It is super for fitness, fitness center, fitness equipment, fitness gym, gym, gym shopify, gym wear, health, sports, sports clothing, sportswear, training, workout, yoga or any other categories as Fashion, clothings, clothes, apparel, dresses, Jewelry, Jewellery, Supermarket, grocery, Baby &amp; kids toys....</p><p><br /></p><p>It is built and comes bundled with most of the advanced features available in most popular eCommerce websites like amazon, flipkart, snapdeal, walmart, alibaba, aliexpress, etc.</p><p><br /></p><p>So if you are an amazon affiliate or want a multi-vendor marketplace for your niche market or a store owner, this theme is for you. The code is clean and extensible.</p><p><br /></p><p>GymFit - Gym And Fitness Responsive Shopify Theme is optimized for speed with careful attention to clean and structured code. It helps improve conversation rates. It is fully responsive, it looks stunning on all types of screens and devices. All demo can be imported with only one click!</p><h3>THEME FEATURES</h3><ul><li>Section Drag &amp; Drop Page Builder</li><li>Full Oberlo Compatibility</li><li>Terms &amp; Agreements Add To Cart</li><li>Buy Together</li><li>Upsell Products</li><li>Infinite Scroll</li><li>Sub-Collection Page</li><li>Gallery Page</li><li>Facebook Chat</li><li>Dynamic Checkout Ready</li><li>The New Lookbook</li><li>Oder Product Notification</li><li>360 Degree Product View</li><li>Add To Cart Popup</li><li>Advandced Variant Swatches</li><li>Ajax Products</li><li>Ajax Seach</li><li>Social Share</li><li>Optimized For Mobile Devices</li><li>Sticky ATC &amp; Socials</li><li>Size Guide Popup</li><li>Strong Filter</li><li>Instagram Shop</li><li>Popup Login</li><li>Highlight Promos Texts</li><li>Automatic Price Change</li><li>Flexible Built-in Mega Menu</li><li>Quickview Product Colors</li><li>Smart Product Quickview</li><li>Advanced Layered Navigation</li><li>Unlimited Google Fonts</li><li>Site Identity</li><li>Header &amp; Footer Style Options</li><li>Amazing Slider built-in</li><li>Unlimited colours</li><li>SEO Optimized</li><li>New, Hot, Sale... labels</li><li>Multi Currency</li><li>Amazing Layout Variations</li><li>Newsletter</li><li>Responsive &amp; Retina Ready</li><li>Drop-down shopping cart in header</li><li>Sticky Header Multi Styles</li><li>Ajax Add to Cart &amp; Wishlist</li><li>Ajax Paging &amp; Ajax Toolbar built-in</li><li>Ajax Grid &amp; List view collection</li><li>Previous &amp; Next functionality for the product view page</li><li>Slider for Up-sell Products and Related Products blocks</li><li>Product zoom built-in</li><li>Best Seller Product</li><li>Back to top button</li><li>Background patterns and color chooser</li><li>Tabs</li><li>Grid / List view</li><li>Additional Information tab for individual product attributes</li><li>Brand Logo Slider</li><li>Blog Post Slider built-in</li><li>FontAwesome icons</li><li>One-click import</li><li>Cross Browser Support</li><li>Customer Reviews</li><li>Contact</li><li>Product Carousel</li><li>HTML5 &amp; CSS3 &amp; Sass CSS</li><li>Social networking</li><li>Support Online 24/7</li><li>Well Documented</li></ul>","affiliateSells":"1","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/56021/scr/2098623-1600339329426_main_image.png","dqi":"90","livePreviewURL":"https://landing.shopilaunch.com/gymfit/","metaDescription":"GymFit is a modern, clean and professional Shopify Theme. It helps you make the most out of using eCommerce to power your online store. The design is well","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/33WuBFa","customUrl":"/shopify-themes/gymfit-gym-and-fitness-responsive-shopify-theme-99209.html","demoMetaDescription":"View the demo for the top notch GymFit - Gym And Fitness Responsive Shopify Theme (#99209) get yourself knowledgeable about this theme before you buy it. View the pages, examine the images, click the buttons, explore the functionality.","trendiness":"1","lastmod":"2022-02-14T05:26:28-05:00","advImage":"https://s.tmimgcdn.com/scr/99200/99209-original.jpg","imagesIncluded":"No","tags":["center","clean","clothing","equipment","fitness","gym","health","minimal","modern","parallax","responsive","shop","simple","sports","sportswear","store","workout","yoga","shopify","gymwear"],"uniqueKeywords":"fitness,center,equipment,gym,gymwear,health,sports,clothing,sportswear,workout,yoga,shopify,store,shop,simple,minimal,clean,parallax,modern,responsive","authorMainScreenshotVersion":"2","productSize":"18729788","paidSupport":"Yes","themeArchitectureVersion":"Vintage","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>GymFit is a modern, clean and professional Shopify Theme. It helps you make the most out of using eCommerce to power your online store.</p>","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: Fri, 03 May 2024 09:25:45 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=99209&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=99209&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=99209&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 03 May 2024 09:30:45 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://landing.shopilaunch.com/gymfit/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#99209 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/99209.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 #99209            </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=99209&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $81                <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>