string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=48761&expand=properties"
string(13836) "[{"templateId":48761,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":333,"categoryName":"Locksmith Templates","templateTitle":"Locksmith Responsive Shopify Theme","templatePreviewHtmlTitle":"Locksmith Responsive Shopify Theme #48761 - TemplateMonster","templateDemoHtmlTitle":"Live demo for Locksmith Responsive Shopify Theme #48761","typeShortName":"Shopify","templatePreviewFBTitle":"This particular locksmith services Shopify web theme is a clean and cutting-edge design for lock service or locksmith tools online project. It's a mixture of graphic aesthetics and features. This impressive theme has been built with food fair store or healthy food store in mind. The page layout is simple and memorable. This design is ready-made and it means that it does not take you too much time to customize it based on your demands to get the desired webpage. If you have any questions concerning website layout use you can check out descriptive documentation, also you receive 24/7 priority assistance aiding to fix any trouble. Profit from this specific solution and display your firm effectively.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Business Shopify design template is Responsive</h3> <p><b>What is it?</b></p><p>This is the capability of the page layout to change based on the width of the screen.</p> <p><b>Why is it Good?</b></p><p>Responsive design is the reason why the website will provide a good viewing experience to all users across all devices. </p><p>Find more <a href=\"https://www.templatemonster.com/responsive-shopify-themes/\">Responsive Shopify themes</a> here</p> <h3>This Business Firm Shopify design template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Anytime a user types something to the research bar, the google search seeks it based on certain guidelines. Search Engine Friendly theme's code is actually particularly clear and organized to try to make SEO work much less difficult.</p> <p><b>Why is it Good?</b></p><p>Search Engine Friendly web templates will let you improve your webpage place in internet search end results.</p><p>Find newest <a href=\"https://www.templatemonster.com/seo-shopify-themes/\">Search Engine Friendly Shopify templates</a> here</p> <h3>This is a Bootstrap Corporate Shopify ecommerce theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a free grid-based framework that enables the creation of mobile-ready websites. </p> <p><b>Why is it Good?</b></p><p>Bootstrap is tremendously adjustable for any changes. It's simple to manage with, includes a superb grid system and vast elements list.</p><p>Find more <a href=\"https://www.templatemonster.com/bootstrap-shopify-themes/\">Bootstrap Shopify themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Locksmith Responsive Shopify Theme","templatePreviewMetaDescription":"This particular locksmith services Shopify web theme is a clean and cutting-edge design for lock service or locksmith tools online project. It's a mixture of","templateDemoMetaDescription":"The live preview for this top notch Locksmith Responsive Shopify Theme (#48761) is generated for you to get the feel and look of the template before buying it. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Locksmith Responsive Shopify Theme","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/48761.html","userRating":0,"designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":90,"inserted_date":"2014-03-25","sent":2,"downloads":6,"search_words":"security system services co safe safety safeguard protection system information data service solution business home secure","is_adult":0,"exc_price":3900,"sent_date":"2014-03-27 06:15:24","last_upload":"2014-03-25 00:00:00","package_id":272,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":3,"filename":"48761-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48761,"width":1904,"window_params":"","banner_url":"","id":1379645,"href":"","height":2083},{"scr_type_id":212,"filename":"48761-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48761,"width":430,"window_params":"","banner_url":"","id":1379646,"href":"","height":60},{"scr_type_id":314,"filename":"48761-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48761,"width":1904,"window_params":"","banner_url":"","id":1379647,"href":"","height":2083},{"scr_type_id":298,"filename":"48761-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48761,"width":430,"window_params":"","banner_url":"","id":1379648,"href":"","height":900},{"scr_type_id":326,"filename":"48761-shopify-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48761,"width":430,"window_params":"","banner_url":"","id":1379649,"href":"","height":640},{"scr_type_id":9,"filename":"48761-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48761,"width":145,"window_params":"","banner_url":"","id":1379650,"href":"","height":156},{"scr_type_id":312,"filename":"48761-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48761,"width":370,"window_params":"","banner_url":"","id":1379651,"href":"","height":370},{"scr_type_id":3,"filename":"48761-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48761,"width":1800,"window_params":"","banner_url":"","id":1379652,"href":"","height":2083},{"scr_type_id":311,"filename":"48761-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48761,"width":965,"window_params":"","banner_url":"","id":1379653,"href":"","height":1117},{"scr_type_id":299,"filename":"48761-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48761,"width":430,"window_params":"","banner_url":"","id":1379654,"href":"","height":900},{"scr_type_id":300,"filename":"48761-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48761,"width":320,"window_params":"","banner_url":"","id":1379655,"href":"","height":900},{"scr_type_id":315,"filename":"48761-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48761,"width":1800,"window_params":"","banner_url":"","id":1379656,"href":"","height":2083},{"scr_type_id":3,"filename":"48761-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48761,"width":408,"window_params":"","banner_url":"","id":1379657,"href":"","height":55},{"scr_type_id":334,"filename":"48761-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":48761,"width":1904,"window_params":"","banner_url":"","id":1634706,"href":"","height":2083}],"demoUrl":"/demo/48761.html","image":"https://s.tmimgcdn.com/scr/48700/locksmith-responsive-shopify-theme_48761-original.jpg","searchHash":"a80091dceb54d944acc0ed18136edc34","previewHash":"49e7e930e8e6a1a008cc009cdd440ed6","authorNickname":"RockThemes","lowLevelTopic":"Locksmith Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":90,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white"],"followUpLetter":"shopify-offers","categoriesView":"Grid","uniqueKeywords":"CMS Convert","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","media":"Video Integration","metaDescription":"Take a closer look at this Locksmith Responsive Shopify Theme (#48761) - find out all the technical features and requirements before you purchase it.","features":["Responsive","Admin Panel","Search Engine Friendly","Bootstrap","Dropdown Menu","Google map","Advanced Theme Options","Blog","Online Store/Shop","HTML 5","JQuery","HTML plus JS"],"templateSources":[".CSS",".JS"],"livePreviewURL":"https://tm-shopify024-security.myshopify.com","languageSupport":"English","authorUserId":"1768190","isFree":"none","templateGroup":"eCommerce Templates","documentationVersion":"v1.0","imageDescription":"https://s.tmimgcdn.com/scr/48700/48761-responsive-layout.jpg","additionalInfo":["Well Documented","Customized Modules"],"templateSoftwareRequired":"Code-editor","dynamicChangeLog":"<ul>\n<li>- 1 HTML bug fixed</li>\n<li>- 2 minor background issues fixed</li>\n</ul>","templateIcon":"icon-shopify","lastmod":"2020-06-12T12:49:24-04:00","templateHostingRequirements":"Requires Monthly Fee","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"Shopify Themes","isOldDemoUrl":"1","trendiness":"1","demoMetaDescription":"The live preview for this top notch Locksmith Responsive Shopify Theme (#48761) is generated for you to get the feel and look of the template before buying it. View the pages, check out the images, click the buttons, explore the features.","themeArchitectureVersion":"Vintage","shortDescription":"This particular locksmith services Shopify web theme is a clean and cutting-edge design for lock service or locksmith tools online project. It's a mixture of graphic aesthetics and features. This impressive theme has been built with food fair store or healthy food store in mind. The page layout is simple and memorable. This design is ready-made and it means that it does not take you too much time to customize it based on your demands to get the desired webpage. If you have any questions concerning website layout use you can check out descriptive documentation, also you receive 24/7 priority assistance aiding to fix any trouble. Profit from this specific solution and display your firm effectively.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Business Shopify design template is Responsive</h3> <p><b>What is it?</b></p><p>This is the capability of the page layout to change based on the width of the screen.</p> <p><b>Why is it Good?</b></p><p>Responsive design is the reason why the website will provide a good viewing experience to all users across all devices. </p><p>Find more <a href=\"https://www.templatemonster.com/responsive-shopify-themes/\">Responsive Shopify themes</a> here</p> <h3>This Business Firm Shopify design template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Anytime a user types something to the research bar, the google search seeks it based on certain guidelines. Search Engine Friendly theme's code is actually particularly clear and organized to try to make SEO work much less difficult.</p> <p><b>Why is it Good?</b></p><p>Search Engine Friendly web templates will let you improve your webpage place in internet search end results.</p><p>Find newest <a href=\"https://www.templatemonster.com/seo-shopify-themes/\">Search Engine Friendly Shopify templates</a> here</p> <h3>This is a Bootstrap Corporate Shopify ecommerce theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a free grid-based framework that enables the creation of mobile-ready websites. </p> <p><b>Why is it Good?</b></p><p>Bootstrap is tremendously adjustable for any changes. It's simple to manage with, includes a superb grid system and vast elements list.</p><p>Find more <a href=\"https://www.templatemonster.com/bootstrap-shopify-themes/\">Bootstrap Shopify themes</a> here</p> <br /></div></div></div></div>","bitLyUrl":"http://bit.ly/1rEhaks","tags":["business","cms","convert","data","home","information","protection","safe","safeguard","safety","secure","security","service","services","solution","system"],"layout":"2 columns","customUrl":"/shopify-themes/48761.html","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"badge":"badge-responsive","nameOfTheTemplate":"Locksmith Responsive Shopify Theme","loyaltySells":"1","topic":["Locksmith Templates","Security Templates","Business & Services"],"styles":["Neutral","Flat"],"skupromo":"47%","marketplaceMembership":"None","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: Tue, 07 May 2024 15:23:23 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=48761&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=48761&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=48761&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 07 May 2024 15:28:23 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://tm-shopify024-security.myshopify.com<!DOCTYPE html>
<html lang="en">
<head>
    <title>#48761 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/48761.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 #48761            </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=48761&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $83                <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>