string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=62077&expand=properties"
string(16999) "[{"templateId":62077,"typeId":61,"typeName":"OpenCart Template","typeUrl":"opencart-templates","categoryId":461,"categoryName":"Tools & Equipment Templates","templateTitle":"Tools & Equipment Responsive OpenCart Template","templatePreviewHtmlTitle":"Tools Store - Building Tools & Handyman Supplies OpenCart Template","templateDemoHtmlTitle":"Live demo for Tools Store - Building Tools & Handyman Supplies OpenCart Template #62077","typeShortName":"OpenCart","templatePreviewFBTitle":"<b>Tools OpenCart Theme</b> is a perfect solution for tools, equipment, building accessories and handyman supplies shops. The categories accordion and \"SuperFish\" menu are all you need for a user-friendly navigation. Visitors will be fully satisfied when digging deeper into the store, this neatly organized template will provide hassle-free shopping for your clients. When browsing the site, visitors will be entertained by parallax scrolling, the illusion of depth and true immersion will make each and everyone to explore your store. With cloud zoom, users can enlarge and learn each product in details. Responsive tools, such as a carousel, fancy box, and slider, will present and promote your items. You can add multiple types of content and use them to highlight your special offers. Packed with custom page templates, <b>Tools OpenCart Theme</b> can be tweaked up to your needs. Hit the demo!<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 Home & Family Magazine OpenCart ecommerce theme is Responsive</h3> <p><b>What is it?</b></p><p>This is basically the ability of the page layout to change depending on the width of the display.</p> <p><b>Why is it Good?</b></p><p>Responsive design provides a better user experience for those that visit a website on a smartphone or a tablet, and in many cases really helps to increase rankings of a website in Google results. </p><p>Browse for more <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart designs</a> here</p> <h3>This is a Parallax Home & Family OpenCart template</h3> <p><b>What is it?</b></p><p>Parallax is a CSS animation effect that makes background images shift less quickly than the front content. It is one of the most cutting-edge tendencies in the contemporary web design. </p> <p><b>Why is it Good?</b></p><p>A web page with parallax scrolling effect instantly attracts the attention of a customer and boosts company's recognition as a result of eye-catching design.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-opencart-themes/\">Parallax OpenCart ecommerce themes</a> here</p> <h3>This is Home & Family Blog OpenCart ecommerce theme with Right to left language support</h3> <p><b>What is it?</b></p><p>RTL allows using the languages of arabic countries, which means the WordPress website will have a right-to-left version. </p> <p><b>Why is it Good?</b></p><p>This function is extremely designed for sites that need an additional Arabian language. You won't really need to re-make the entire internet site for the specific language from the ground up - professional built-in plugin can do everything for your needs.</p><p>Find latest <a href=\"https://www.templatemonster.com/rtl-opencart-themes/\">Right to left language support OpenCart themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Tools Store - Building Tools & Handyman Supplies OpenCart Template","templatePreviewMetaDescription":"Tools OpenCart Theme is a perfect solution for tools, equipment, building accessories and handyman supplies shops. The categories accordion and \"SuperFish\"","templateDemoMetaDescription":"Sit back and watch the demo for the Tools Store - Building Tools & Handyman Supplies OpenCart Template (#62077) to learn what this template is before you buy it. Click through the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Tools Store - Building Tools & Handyman Supplies OpenCart Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/opencart-templates/tools-equipment-responsive-opencart-template-62077.html","userRating":"4.5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":68,"inserted_date":"2017-01-05","sent":2,"downloads":21,"search_words":"tools store online shop purchase industrial special accessories products power profile standard drill lawn-mower gardening motor master cordless air power tool electric pliers advice dealership dealer repair rent cutting clamps automotive remover puller","is_adult":0,"exc_price":4500,"sent_date":"2017-01-24 00:00:00","last_upload":"2017-01-05 00:00:00","package_id":250,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":298,"filename":"62077-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62077,"width":430,"window_params":"","banner_url":"","id":1678420,"href":"","height":900},{"scr_type_id":3,"filename":"62077-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62077,"width":1800,"window_params":"","banner_url":"","id":1678421,"href":"","height":4386},{"scr_type_id":299,"filename":"62077-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62077,"width":430,"window_params":"","banner_url":"","id":1678422,"href":"","height":900},{"scr_type_id":300,"filename":"62077-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62077,"width":320,"window_params":"","banner_url":"","id":1678423,"href":"","height":900},{"scr_type_id":311,"filename":"62077-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62077,"width":965,"window_params":"","banner_url":"","id":1678424,"href":"","height":2351},{"scr_type_id":3,"filename":"62077-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62077,"width":408,"window_params":"","banner_url":"","id":1678425,"href":"","height":55},{"scr_type_id":314,"filename":"62077-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62077,"width":1903,"window_params":"","banner_url":"","id":1678426,"href":"","height":4386},{"scr_type_id":315,"filename":"62077-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62077,"width":1800,"window_params":"","banner_url":"","id":1678427,"href":"","height":4386},{"scr_type_id":9,"filename":"62077-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62077,"width":145,"window_params":"","banner_url":"","id":1678428,"href":"","height":156},{"scr_type_id":302,"filename":"62077-opencart-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62077,"width":430,"window_params":"","banner_url":"","id":1678429,"href":"","height":1078},{"scr_type_id":304,"filename":"62077-opencart.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62077,"width":430,"window_params":"","banner_url":"","id":1678430,"href":"","height":60},{"scr_type_id":334,"filename":"62077-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62077,"width":1600,"window_params":"","banner_url":"","id":1678431,"href":"","height":1000},{"scr_type_id":303,"filename":"62077-opencart-prod.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62077,"width":430,"window_params":"","banner_url":"","id":1678432,"href":"","height":572},{"scr_type_id":3,"filename":"62077-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62077,"width":895,"window_params":"","banner_url":"","id":1678433,"href":"","height":599},{"scr_type_id":312,"filename":"62077-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62077,"width":370,"window_params":"","banner_url":"","id":1678434,"href":"","height":370}],"demoUrl":"/demo/62077.html","image":"https://s.tmimgcdn.com/scr/62000/tools-store-building-tools--handyman-supplies-opencart-template_62077-0-original.jpg","searchHash":"22a4ee5812fb97c154dc7d88c126b69c","previewHash":"77f2337817e2fe2b922425d6786ed9b2","authorNickname":"RockThemes","lowLevelTopic":"Tools & Equipment Templates","weightedRating":4.166666666666666,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":68,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"Perfect for tools, equipment, building accessories and handyman supplies, sport, outdoors & travel, fashion & beauty, cars & motorcycles, home & family websites.","categoriesView":["Grid","List"],"uniqueKeywords":"CMS Convert","showVariantForcibly":"b","metaDescription":"Tools OpenCart Theme is double take solution for an online store, meant to satisfy both you and your customers. Enjoy the customization on the fly with detailed documentation, 24/7 support will answer all questions that may appear.","opencartEngine":"2.3","imageKeyFeatures":"https://s.tmimgcdn.com/scr/62000/62077-en_01.jpg,https://s.tmimgcdn.com/scr/62000/62077-en_02.jpg,https://s.tmimgcdn.com/scr/62000/62077-en_03.jpg,https://s.tmimgcdn.com/scr/62000/62077-en_04.jpg,https://s.tmimgcdn.com/scr/62000/62077-en_05.jpg,https://s.tmimgcdn.com/scr/62000/62077-en_06.jpg,https://s.tmimgcdn.com/scr/62000/62077-en_07.jpg,https://s.tmimgcdn.com/scr/62000/62077-en_08.jpg,https://s.tmimgcdn.com/scr/62000/62077-en_09.jpg,https://s.tmimgcdn.com/scr/62000/62077-en_10.jpg,https://s.tmimgcdn.com/scr/62000/62077-en_11.jpg,https://s.tmimgcdn.com/scr/62000/62077-en_12.jpg","features":["Responsive","Admin Panel","Right to left language support","Sliced PSD","Dropdown Menu","Google map","Blog","Online Store/Shop","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".PNG",".PHP",".TPL",".JS"],"languageSupport":["English","Russian"],"authorUserId":"1768190","jqueryScripts":["Tabs 1","\"Accordion\"-1","ScrollTo Effect","\"SuperFish\" DropDown Menu","Mobile Menu","Responsive Fancybox","Responsive Slider","Responsive Carousel"],"htmlTitle":"Tools OpenCart Theme","isFree":"none","hELPURL":"/quick-start-guide/opencart/","documentationVersion":"v1.2","imageDescription":"https://s.tmimgcdn.com/scr/62000/62077-responsive-layout.jpg","additionalInfo":["Well Documented","Customized Modules"],"templateSoftwareRequired":["Adobe Photoshop CC+","Apache Server","MySQL 4.1.14 or later","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)","PHP v. 5 or higher"],"lastmod":"2020-08-19T21:16:01-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Sit back and watch the demo for the Tools Store - Building Tools & Handyman Supplies OpenCart Template (#62077) to learn what this template is before you buy it. Click through the pages, check the images, click the buttons, explore the features.","controlPanelDemoURL":"https://livedemo00.template-help.com/opencart_62077_v1/admin","shortDescription":"<b>Tools OpenCart Theme</b> is a perfect solution for tools, equipment, building accessories and handyman supplies shops. The categories accordion and \"SuperFish\" menu are all you need for a user-friendly navigation. Visitors will be fully satisfied when digging deeper into the store, this neatly organized template will provide hassle-free shopping for your clients. When browsing the site, visitors will be entertained by parallax scrolling, the illusion of depth and true immersion will make each and everyone to explore your store. With cloud zoom, users can enlarge and learn each product in details. Responsive tools, such as a carousel, fancy box, and slider, will present and promote your items. You can add multiple types of content and use them to highlight your special offers. Packed with custom page templates, <b>Tools OpenCart Theme</b> can be tweaked up to your needs. Hit the demo!<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 Home & Family Magazine OpenCart ecommerce theme is Responsive</h3> <p><b>What is it?</b></p><p>This is basically the ability of the page layout to change depending on the width of the display.</p> <p><b>Why is it Good?</b></p><p>Responsive design provides a better user experience for those that visit a website on a smartphone or a tablet, and in many cases really helps to increase rankings of a website in Google results. </p><p>Browse for more <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart designs</a> here</p> <h3>This is a Parallax Home & Family OpenCart template</h3> <p><b>What is it?</b></p><p>Parallax is a CSS animation effect that makes background images shift less quickly than the front content. It is one of the most cutting-edge tendencies in the contemporary web design. </p> <p><b>Why is it Good?</b></p><p>A web page with parallax scrolling effect instantly attracts the attention of a customer and boosts company's recognition as a result of eye-catching design.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-opencart-themes/\">Parallax OpenCart ecommerce themes</a> here</p> <h3>This is Home & Family Blog OpenCart ecommerce theme with Right to left language support</h3> <p><b>What is it?</b></p><p>RTL allows using the languages of arabic countries, which means the WordPress website will have a right-to-left version. </p> <p><b>Why is it Good?</b></p><p>This function is extremely designed for sites that need an additional Arabian language. You won't really need to re-make the entire internet site for the specific language from the ground up - professional built-in plugin can do everything for your needs.</p><p>Find latest <a href=\"https://www.templatemonster.com/rtl-opencart-themes/\">Right to left language support OpenCart themes</a> here</p> <br /></div></div></div></div>","pHPVersion":"5.4.0+","tags":["accessories","advice","air","automotive","clamps","cms","convert","cordless","cutting","dealer","dealership","drill","electric","gardening","industrial","master","motor","online","pliers","power","products","profile","puller","purchase","remover","rent","repair","shop","special","standard","store","tool","tools","lawn-mower"],"customUrl":"/opencart-templates/tools-equipment-responsive-opencart-template-62077.html","badge":"badge-responsive","nameOfTheTemplate":"Tools Store - Building Tools & Handyman Supplies OpenCart Template","pHPVersionCompatibility":"7.x","topic":["Tools & Equipment Templates","Home & Family"],"opencartCompatibility":"2.3","styles":"Neutral","productFamily":"None","color":["black","white","grey"],"followUpLetter":"opencart-offers","reviewsTotal":"2","reviewAverageScore":"4.5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"2.3.0","livePreviewURL":"https://livedemo00.template-help.com/opencart_62077_v1","templateGroup":"eCommerce Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","openCartModules":["Banner","Bestsellers","Carousel","Category","Featured","Latest","Slideshow","Camera Slideshow","Specials","Manufacturer"],"nomotopress":"1","galleryScript":"Slider","dynamicChangeLog":"<ul>\n<li>- 3 CSS bugs fixed</li>\n<li>- 2 minor background issues fixed</li>\n<li>- 3 database issues fixed</li>\n</ul>","templateIcon":"icon-opencart","templateHostingRequirements":["Web Server (preferably Apache)","MySQL","Curl","Fsock","PHP (at least 5.2)"],"types":"OpenCart Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2knREkt","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Advanced Search"],"loyaltySells":"1","width":"2050px","skupromo":"12%","marketplaceMembership":"One","category":"Website templates","dqi":"00","currencies":["USD","GBP","EUR"]}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 25 Apr 2024 15:49:30 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=62077&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=62077&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=62077&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 15:54:30 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://livedemo00.template-help.com/opencart_62077_v1<!DOCTYPE html>
<html lang="en">
<head>
    <title>#62077 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/62077.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">
                OpenCart Templates #62077            </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=62077&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $63                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

        <div id="preview-wrapper" class="hide_wrap">

                            <div class="technical-problems">
                    <p>Technical operations</p>
                    <p class="problems-message">Live demo of this template will be available within 5-6 hours.</p>
                    <p>
                        <a href="/opencart-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>