string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=248013&expand=properties"
string(16868) "[{"templateId":248013,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":273,"categoryName":"Home Remodeling Templates","templateTitle":"Home Remodeling Responsive Shopify Theme","templatePreviewHtmlTitle":"Apparelix Construction, Shopify Building Materials Store Theme","templateDemoHtmlTitle":"Live demo for Apparelix Construction, Shopify Building Materials Store Theme #248013","typeShortName":"Shopify","templatePreviewFBTitle":"<h2>Shopify Building Materials Store Theme</h2><p>The possibility of online shopping at times saves time for Internet users. For entrepreneurs, the creation of an online store of building materials is a way to expand their own business and get a steady flow of customers from the worldwide network. Creating an online building materials store allows you to significantly expand the visibility of your company and get effective digital marketing tools at your disposal to attract and retain customers.</p><p>Try the Shopify building materials store theme. Clean code and creative design will allow you to create any resource with it. Construction is developing by leaps and bounds almost all over the world, and today there are a huge number of construction company sites on the market. Present your business with an eye-catching template and earn dividends! The Shopify building materials store theme is focused on many areas, so it will not be difficult for you to create your site here. If you need a landing page for a construction company, then it can also be done in a couple of hours. Choose!</p><h2>Benefits of working with the Shopify building materials store theme</h2><p>Developing an online building materials store that will work effectively is a rather difficult task. Due to the high competition in this niche, you need a site that can retain visitors and convert them, and not just work without errors. To do this, use the Shopify building materials store theme. It gives you the maximum available competitive advantage:</p><p>- form style;</p><p>- user-friendly interface;</p><p>- high-quality and interesting content for the user;</p><p>- Functionality that simplifies the work with the site as much as possible.</p><p>This allows the company to stand out from the competition. If a visitor goes to such an online store, he will no longer want to look for similar offers.</p><p>This building template is coherent, crisp, and dynamic. It is suitable for a business agency and a personal portfolio, an information landing page, an online store of a trading company, a beautiful presentation, etc.</p><p>The theme is equipped with the latest web technologies, nice usability, and the most beautiful design trends. Even if you are just getting started with Shopify, this template is very easy to use. A variety of layouts, including a custom header layout, easy site navigation, a slider, various product display modes, pop-up elements, and many other features will please the user.</p><p>You will definitely enjoy working with this theme. In addition to the fact that it has an excellent design and functionality, everything here is thought out for effective sales: the ability to work with orders and delivery, create promotions, send newsletters, and much more. Even if you don't know where to start, you can simply use all these tools and measure their effectiveness. This will help you develop your own strategy for promoting the store and working with customers.</p><p>There are also many other benefits that will allow you to create your ideal website:</p><p>1. A simple constructor for visually building pages. You can easily add necessary elements or remove unnecessary ones.</p><p>2. MegaMenu - you can create the menu you need. It can be simple with few features or complex with different subcategories.</p><p>3. Wishlist block in the header.</p><p><strong>Please note that wishlist does not work on websites with a custom domain name, without myshopify.com in the link.</strong></p><p>4. Lazy loading - improves user experience by reducing loading times. This feature delays the loading of content until needed.</p><p>5. Background Video - Make your site dynamic and interesting with video.</p><p>6. Your site will support all languages and currencies.</p><p>7. Fast-loading pages - no matter how many products you have in your store.</p><h3>Great Shopify building materials store theme for a construction company or industrial enterprise</h3><p>A serious and powerful building template is a great Shopify building materials store theme for an industrial-oriented resource, whether it is an energy production plant, a business company in the oil and gas industry, or a business card presentation site on construction equipment and materials. User-friendly for everyone, easy to set up, and easy to edit. For construction companies, a corporate website with such a design will be very stylish and serious. However, the template is not complicated, and it is quite easy to compose pages by dragging and dropping elements.</p><p>It is especially convenient to use this template for beginners - everything is clear and thought out here for your quick work. Just use the pre-made pages to add your content. Don't waste time designing and building a website. With the Shopify building materials store theme, you get all the tools and powerful professional support.</p>","templateFullTitle":"Apparelix Construction, Shopify Building Materials Store Theme","templatePreviewMetaDescription":"Shopify Building Materials Store ThemeThe possibility of online shopping at times saves time for Internet users. For entrepreneurs, the creation of an online","templateDemoMetaDescription":"View the demo for the premium Apparelix Construction, Shopify Building Materials Store Theme Shopify Theme (#248013) get yourself familiar with this template prior to buying it. Browse through the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Apparelix Construction, Shopify Building Materials Store Theme","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/apparelix-construction-shopify-building-materials-store-theme-248013.html","userRating":0,"designIndex":1,"authorUserId":"2187020","exclusive":"1","state":1,"price":73,"inserted_date":"2022-05-31","sent":0,"downloads":0,"search_words":"construction business building materials multifly production flooring tiring renovation building company building maintenance carpet design flooring company laminate painting repair shop responsive supplies tile shop wooden furniture","is_adult":0,"exc_price":2100,"sent_date":"2022-05-31 07:49:11","last_upload":"2022-05-31 08:47:12","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"248013-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":248013,"width":800,"window_params":"","banner_url":"","id":2666916,"href":"","height":500},{"scr_type_id":311,"filename":"248013-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":248013,"width":800,"window_params":"","banner_url":"","id":2666917,"href":"","height":500},{"scr_type_id":312,"filename":"248013-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":248013,"width":370,"window_params":"","banner_url":"","id":2666918,"href":"","height":370},{"scr_type_id":9,"filename":"248013-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":248013,"width":145,"window_params":"","banner_url":"","id":2666919,"href":"","height":156},{"scr_type_id":57,"filename":"248013-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":248013,"width":430,"window_params":"","banner_url":"","id":2666920,"href":"","height":269}],"demoUrl":"/demo/248013.html","image":"https://s.tmimgcdn.com/scr/248000/apparelix-construction-shopify-building-materials-store-theme_248013-original.png","searchHash":"4431cef2eb0975fbcad522c5dde51bfe","previewHash":"f1f51bbbc7b85977b7fb0bf6ca3411bc","authorNickname":"xtremethemes","lowLevelTopic":"Construction Company Templates; Roofing Company Templates; Home Remodeling Templates; Flooring Templates; Building Materials","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":125,"onSale":0,"finalPrice":73,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","grey"],"followUpLetter":"shopify-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"27751183","uniqueKeywords":"construction,business,building materials,multifly,production,flooring,tiring,renovation,building company,building maintenance,carpet design,flooring company,laminate,painting,repair shop,responsive,supplies,tile shop,wooden furniture","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Shopify Building Materials Store ThemeThe possibility of online shopping at times saves time for Internet users. For entrepreneurs, the creation of an online","isLastAdded":"1","imageKeyFeatures":"https://s3u.tmimgcdn.com/u2187020/4d5dc4063022c1c488d8b54880e1dbb1.png, https://s3u.tmimgcdn.com/u2187020/347ffdf802978e9a439ff4c34ef34088.png, https://s3u.tmimgcdn.com/u2187020/f9e245de17b4ebd49635c98642c7f828.png, https://s3u.tmimgcdn.com/u2187020/df2ce3f702cecc2f61e960d500bc7b82.png, https://s3u.tmimgcdn.com/u2187020/6c02fdc5975e726f1babd148ccdbff61.png, https://s3u.tmimgcdn.com/u2187020/d09121741a0b81fbeff4cd0a7a43208d.png, https://s3u.tmimgcdn.com/u2187020/ac9b90c339dc348ebd8c348829ad149d.png","features":["Admin Panel","Bootstrap","Dropshipping","Responsive","Retina Ready","eCommerce","Blog","Online Store/Shop"],"saleSells":"1","livePreviewURL":"https://documentation.zemez.io/shopify/apparelix/apparelix_construction/index.html","languageSupport":"English","authorUserId":"2187020","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2187020/0ca81ffb9f004dedd436efaa886b59ba.png","templateGroup":"eCommerce Templates","popularity":"Zero Downloads","alreadyPacked":"1","exclusive":"1","imagesIncluded":"Yes","templateIcon":"icon-shopify","types":"Shopify Themes","trendiness":"1","demoMetaDescription":"View the demo for the premium Apparelix Construction, Shopify Building Materials Store Theme Shopify Theme (#248013) get yourself familiar with this template prior to buying it. Browse through the pages, check out the images, press the buttons, explore the functionality.","themeArchitectureVersion":"Online Store 2.0","shortDescription":"<h2>Shopify Building Materials Store Theme</h2><p>The possibility of online shopping at times saves time for Internet users. For entrepreneurs, the creation of an online store of building materials is a way to expand their own business and get a steady flow of customers from the worldwide network. Creating an online building materials store allows you to significantly expand the visibility of your company and get effective digital marketing tools at your disposal to attract and retain customers.</p><p>Try the Shopify building materials store theme. Clean code and creative design will allow you to create any resource with it. Construction is developing by leaps and bounds almost all over the world, and today there are a huge number of construction company sites on the market. Present your business with an eye-catching template and earn dividends! The Shopify building materials store theme is focused on many areas, so it will not be difficult for you to create your site here. If you need a landing page for a construction company, then it can also be done in a couple of hours. Choose!</p><h2>Benefits of working with the Shopify building materials store theme</h2><p>Developing an online building materials store that will work effectively is a rather difficult task. Due to the high competition in this niche, you need a site that can retain visitors and convert them, and not just work without errors. To do this, use the Shopify building materials store theme. It gives you the maximum available competitive advantage:</p><p>- form style;</p><p>- user-friendly interface;</p><p>- high-quality and interesting content for the user;</p><p>- Functionality that simplifies the work with the site as much as possible.</p><p>This allows the company to stand out from the competition. If a visitor goes to such an online store, he will no longer want to look for similar offers.</p><p>This building template is coherent, crisp, and dynamic. It is suitable for a business agency and a personal portfolio, an information landing page, an online store of a trading company, a beautiful presentation, etc.</p><p>The theme is equipped with the latest web technologies, nice usability, and the most beautiful design trends. Even if you are just getting started with Shopify, this template is very easy to use. A variety of layouts, including a custom header layout, easy site navigation, a slider, various product display modes, pop-up elements, and many other features will please the user.</p><p>You will definitely enjoy working with this theme. In addition to the fact that it has an excellent design and functionality, everything here is thought out for effective sales: the ability to work with orders and delivery, create promotions, send newsletters, and much more. Even if you don't know where to start, you can simply use all these tools and measure their effectiveness. This will help you develop your own strategy for promoting the store and working with customers.</p><p>There are also many other benefits that will allow you to create your ideal website:</p><p>1. A simple constructor for visually building pages. You can easily add necessary elements or remove unnecessary ones.</p><p>2. MegaMenu - you can create the menu you need. It can be simple with few features or complex with different subcategories.</p><p>3. Wishlist block in the header.</p><p><strong>Please note that wishlist does not work on websites with a custom domain name, without myshopify.com in the link.</strong></p><p>4. Lazy loading - improves user experience by reducing loading times. This feature delays the loading of content until needed.</p><p>5. Background Video - Make your site dynamic and interesting with video.</p><p>6. Your site will support all languages and currencies.</p><p>7. Fast-loading pages - no matter how many products you have in your store.</p><h3>Great Shopify building materials store theme for a construction company or industrial enterprise</h3><p>A serious and powerful building template is a great Shopify building materials store theme for an industrial-oriented resource, whether it is an energy production plant, a business company in the oil and gas industry, or a business card presentation site on construction equipment and materials. User-friendly for everyone, easy to set up, and easy to edit. For construction companies, a corporate website with such a design will be very stylish and serious. However, the template is not complicated, and it is quite easy to compose pages by dragging and dropping elements.</p><p>It is especially convenient to use this template for beginners - everything is clear and thought out here for your quick work. Just use the pre-made pages to add your content. Don't waste time designing and building a website. With the Shopify building materials store theme, you get all the tools and powerful professional support.</p>","bitLyUrl":"https://bit.ly/3z85qkE","tags":["business","construction","flooring","laminate","painting","production","renovation","responsive","supplies","building materials","building company","multifly","repair shop","wooden furniture","tiring","building maintenance","carpet design","flooring company","tile shop"],"customUrl":"/shopify-themes/apparelix-construction-shopify-building-materials-store-theme-248013.html","nameOfTheTemplate":"Apparelix Construction, Shopify Building Materials Store Theme","paidSupport":"Yes","topic":["Architecture","Construction Company Templates","Roofing Company Templates","Interior Design Templates","Home Remodeling Templates","Industrial Templates","Interior & Furniture Templates","Maintenance Services Templates","Design","Flooring Templates","Design & Photography","Business & Services","Home & Family","Building Materials"],"styles":["Clean","Minimalist"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u2187020/adccdef04f60fe60636a07657c88cc12.png","excerpt":"<p>The possibility of online shopping at times saves time for Internet users. For entrepreneurs, the creation of an online store of building materials is a way to expand their own business</p>","category":"Website templates","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: Thu, 25 Apr 2024 22:09: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(293) "Link: <http://products/api/v2/products/en?language=en&ids=248013&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=248013&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=248013&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 22:14: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: 159.203.151.221:80"
}
https://documentation.zemez.io/shopify/apparelix/apparelix_construction/index.html<!DOCTYPE html>
<html lang="en">
<head>
    <title>#248013 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/248013.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 #248013            </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=248013&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $67                <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>