string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=55687&expand=properties"
string(17051) "[{"templateId":55687,"typeId":61,"typeName":"OpenCart Template","typeUrl":"opencart-templates","categoryId":410,"categoryName":"Animals & Pets Templates","templateTitle":"Animals & Pets Responsive OpenCart Template","templatePreviewHtmlTitle":"Pet Shop OpenCart Template #55687 - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Pet Shop OpenCart Template #55687","typeShortName":"OpenCart","templatePreviewFBTitle":"This is a <b>pet store OpenCart template</b> designed in the <em>flat style</em>. Under the header, text blocks and photos are arranged in <em>tiles</em> that considerably simplify the navigation. <em>Hover effects</em> make the store layout more engaging for interaction. Special products stand out against the <em>light background</em>. They are also supplied with two sketchy yet cute <em>call-to-action buttons</em>. Above the footer menu of the template, there is a <em>newsletter subscription form</em>. By the way, it also pops up when you enter the site. The header holds a <em>fixed position</em> on the page, which is rather usable.<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 is a Bootstrap Pet Store OpenCart design template</h3> <p><b>What is it?</b></p><p>Bootstrap is really a very popular framework, which makes the work with Html code, Style sheet as well as JS more effortless. It had been produced as a tool to put together a responsive design, nevertheless as time passes it put in loads of additional functionality.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your web projects from smartphones to desktops using the same codebase. It makes the web developing process faster and easier.</p><p>Find more <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart design themes</a> here</p> <h3>This is Pet Food Store OpenCart ecommerce template with Background video</h3> <p><b>What is it?</b></p><p>Background video is an element that allows you to place a video as a general background of an on-line resource.</p> <p><b>Why is it Good?</b></p><p>Background video enhances the user experience and increases the time people spend on the website.</p><p>Click for more <a href=\"https://www.templatemonster.com/background-video-opencart-themes/\">Background video OpenCart ecommerce themes</a> here</p> <h3>This is Online Pet Shop OpenCart design theme with On-line chat</h3> <p><b>What is it?</b></p><p>Online chat relates to any sort of conversation that takes place over the World wide web within the real-time.</p> <p><b>Why is it Good?</b></p><p>On-line Chat is an ideal choice for corporate websites. It enables assisting hesitating shoppers and encouraging them to come up with their final choice. On-line Chat makes your project seem more reliable and brings more clients to your business. </p><p>Find latest <a href=\"https://www.templatemonster.com/online-chat-opencart-themes/\">On-line chat OpenCart design themes</a> here</p> <h3>This Pet Store OpenCart ecommerce template is Responsive</h3> <p><b>What is it?</b></p><p>This is the capability of the layout to change according to the width of the screen.</p> <p><b>Why is it Good?</b></p><p>Responsive design makes sure that the website will offer a great viewing experience to all users throughout all gadgets. </p><p>Find latest <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart ecommerce themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Pet Shop OpenCart Template","templatePreviewMetaDescription":"This is a pet store OpenCart template designed in the flat style. Under the header, text blocks and photos are arranged in tiles that considerably simplify the","templateDemoMetaDescription":"Have a look at the live preview for the high quality Pet Shop OpenCart Template (#55687) get yourself informed about this design before you purchase it. View the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Pet Shop OpenCart Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/opencart-templates/55687.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":54,"inserted_date":"2015-09-28","sent":2,"downloads":28,"search_words":"pets cat club kitten clinical veterinary vet tips feed medicine staff services breed age color accommodation adaptable pet apparel bed dishes bowl bone cleanup collar flea tick grooming supplies vitamins recommendation health leash","is_adult":0,"exc_price":4500,"sent_date":"2015-09-28 06:15:22","last_upload":"2015-09-28 00:00:00","package_id":250,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":3,"filename":"55687-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55687,"width":408,"window_params":"","banner_url":"","id":1500445,"href":"","height":55},{"scr_type_id":3,"filename":"55687-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55687,"width":895,"window_params":"","banner_url":"","id":1500446,"href":"","height":599},{"scr_type_id":9,"filename":"55687-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55687,"width":145,"window_params":"","banner_url":"","id":1500447,"href":"","height":156},{"scr_type_id":303,"filename":"55687-opencart-prod.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55687,"width":430,"window_params":"","banner_url":"","id":1500448,"href":"","height":651},{"scr_type_id":314,"filename":"55687-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55687,"width":1903,"window_params":"","banner_url":"","id":1500449,"href":"","height":3216},{"scr_type_id":78,"filename":"55687-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":55687,"width":0,"window_params":"","banner_url":"","id":1500450,"href":"","height":0},{"scr_type_id":304,"filename":"55687-opencart.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55687,"width":430,"window_params":"","banner_url":"","id":1500451,"href":"","height":60},{"scr_type_id":312,"filename":"55687-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55687,"width":370,"window_params":"","banner_url":"","id":1500452,"href":"","height":370},{"scr_type_id":3,"filename":"55687-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55687,"width":1800,"window_params":"","banner_url":"","id":1500453,"href":"","height":3216},{"scr_type_id":298,"filename":"55687-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55687,"width":430,"window_params":"","banner_url":"","id":1500454,"href":"","height":900},{"scr_type_id":302,"filename":"55687-opencart-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55687,"width":430,"window_params":"","banner_url":"","id":1500455,"href":"","height":813},{"scr_type_id":311,"filename":"55687-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55687,"width":965,"window_params":"","banner_url":"","id":1500456,"href":"","height":1724},{"scr_type_id":299,"filename":"55687-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55687,"width":430,"window_params":"","banner_url":"","id":1500457,"href":"","height":900},{"scr_type_id":300,"filename":"55687-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55687,"width":320,"window_params":"","banner_url":"","id":1500458,"href":"","height":900},{"scr_type_id":315,"filename":"55687-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55687,"width":1800,"window_params":"","banner_url":"","id":1500459,"href":"","height":3216},{"scr_type_id":3,"filename":"55687-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55687,"width":1903,"window_params":"","banner_url":"","id":1500460,"href":"","height":3216},{"scr_type_id":334,"filename":"55687-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55687,"width":1600,"window_params":"","banner_url":"","id":1640105,"href":"","height":1000}],"demoUrl":"/demo/55687.html","image":"https://s.tmimgcdn.com/scr/55600/pet-shop-opencart-template_55687-0-original.jpg","searchHash":"b0a719eabe9714f9d6d82cab56dbc33c","previewHash":"57c9a23bc89fff5c367d0d03e618aadf","authorNickname":"RockThemes","lowLevelTopic":"Pet Shop Templates","weightedRating":4.181818181818182,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":54,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"This template can be used to build animals, pets, family, medical, society and culture websites.","categoriesView":["Grid","List"],"uniqueKeywords":"Bird shop care food bootstrap puppy responsive petscare dog animal kitten pethouse opencart html pets house cat .","metaDescription":"Want to Present Your Products Online, Reach New Clients and Raise Your Web Store Conversion? It's Easy with This Functional Pet Store OpenCart Template.","opencartEngine":"2.0.3.1","features":["Responsive","Admin Panel","Bootstrap","On-line chat","Sliced PSD","Dropdown Menu","Google map","Online Store/Shop","HTML 5","JQuery","HTML plus JS"],"templateSources":[".PSD",".PNG",".PHP",".TPL",".JS"],"languageSupport":["English","Russian","German"],"authorUserId":"1768190","jqueryScripts":["\"Accordion\"-1","\"SuperFish\" DropDown Menu","Mobile Menu","Responsive Fancybox","Responsive Carousel"],"isFree":"none","htmlTitle":"Pet Store OpenCart Template","hELPURL":"/quick-start-guide/opencart/","documentationVersion":"v1.2","imageDescription":"https://s.tmimgcdn.com/scr/55600/55687-responsive-layout.jpg","additionalInfo":["Well Documented","Customized Modules"],"templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Apache Server","MySQL 4.1.14+","OpenCart 2.0.1.0","PHP editor.","PHP 5.4+"],"lastmod":"2020-12-11T15:46:03-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Have a look at the live preview for the high quality Pet Shop OpenCart Template (#55687) get yourself informed about this design before you purchase it. View the pages, check the images, press the buttons, explore the functionality.","shortDescription":"This is a <b>pet store OpenCart template</b> designed in the <em>flat style</em>. Under the header, text blocks and photos are arranged in <em>tiles</em> that considerably simplify the navigation. <em>Hover effects</em> make the store layout more engaging for interaction. Special products stand out against the <em>light background</em>. They are also supplied with two sketchy yet cute <em>call-to-action buttons</em>. Above the footer menu of the template, there is a <em>newsletter subscription form</em>. By the way, it also pops up when you enter the site. The header holds a <em>fixed position</em> on the page, which is rather usable.<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 is a Bootstrap Pet Store OpenCart design template</h3> <p><b>What is it?</b></p><p>Bootstrap is really a very popular framework, which makes the work with Html code, Style sheet as well as JS more effortless. It had been produced as a tool to put together a responsive design, nevertheless as time passes it put in loads of additional functionality.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your web projects from smartphones to desktops using the same codebase. It makes the web developing process faster and easier.</p><p>Find more <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart design themes</a> here</p> <h3>This is Pet Food Store OpenCart ecommerce template with Background video</h3> <p><b>What is it?</b></p><p>Background video is an element that allows you to place a video as a general background of an on-line resource.</p> <p><b>Why is it Good?</b></p><p>Background video enhances the user experience and increases the time people spend on the website.</p><p>Click for more <a href=\"https://www.templatemonster.com/background-video-opencart-themes/\">Background video OpenCart ecommerce themes</a> here</p> <h3>This is Online Pet Shop OpenCart design theme with On-line chat</h3> <p><b>What is it?</b></p><p>Online chat relates to any sort of conversation that takes place over the World wide web within the real-time.</p> <p><b>Why is it Good?</b></p><p>On-line Chat is an ideal choice for corporate websites. It enables assisting hesitating shoppers and encouraging them to come up with their final choice. On-line Chat makes your project seem more reliable and brings more clients to your business. </p><p>Find latest <a href=\"https://www.templatemonster.com/online-chat-opencart-themes/\">On-line chat OpenCart design themes</a> here</p> <h3>This Pet Store OpenCart ecommerce template is Responsive</h3> <p><b>What is it?</b></p><p>This is the capability of the layout to change according to the width of the screen.</p> <p><b>Why is it Good?</b></p><p>Responsive design makes sure that the website will offer a great viewing experience to all users throughout all gadgets. </p><p>Find latest <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart ecommerce themes</a> here</p> <br /></div></div></div></div>","openCartProductID":"24251","tags":["accommodation","adaptable","age","animal","apparel","bed","bird","bone","bootstrap","bowl","breed","care","cat","cleanup","clinical","club","collar","color","dishes","dog","feed","flea","food","grooming","health","house","kitten","leash","medicine","pet","pets","puppy","recommendation","responsive","services","shop","staff","supplies","tick","tips","vet","veterinary","vitamins","html","opencart"],"customUrl":"/opencart-templates/55687.html","badge":"badge-responsive","nameOfTheTemplate":"Pet Shop OpenCart Template","pHPVersionCompatibility":"7.x","topic":["Animals & Pets","Pet Shop Templates"],"opencartCompatibility":"2.0.3.1","styles":["Neutral","Flat"],"imagesList":"Depositphotos1245543original,Depositphotos4952525original,Depositphotos6145335original,Depositphotos36941981original,AKC Casablanca Round Solid Pet Bed1,Anima Navy Blue Pullover Drawstring Hoodie2,CANIDAE All Life Stages Formula For Dogs1,IRIS Open Top Litter Box with Shield and Scoop2,JW Pet Company Crackle Heads Crackle Ball Dog Toy1,Purina Friskies Cat Food Meaty Bits1,Purina Pro Plan Dry Adult Dog Food, Shredded Blend Chicken and Rice Formula3,Snoozer Kelsey Cross Body Pet Bag, Sage3","productFamily":"None","followUpLetter":"opencart-offers","color":["white","grey"],"reviewsTotal":"1","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"3.1.0","livePreviewURL":"https://livedemo00.template-help.com/opencart_55687","templateGroup":"eCommerce Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","openCartModules":["Account","Affiliate","Banner","Bestsellers","Carousel","Category","Featured","Information","Latest","Specials","Store","Manufacturer"],"nomotopress":"1","galleryScript":"Slider","templateIcon":"icon-opencart","dynamicChangeLog":"<ul>\n<li>- 1 minor layout issue fixed</li>\n<li>- 2 styles bugs fixed</li>\n</ul>","templateHostingRequirements":["Web Server (preferably Apache)","MySQL","Curl","Fsock","PHP 5.4 or higher"],"types":"OpenCart Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1MTLdBJ","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Advanced Search"],"loyaltySells":"1","width":"2050px","skupromo":"16%","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: Fri, 26 Apr 2024 20:33:32 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=55687&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=55687&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=55687&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 20:38:32 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://livedemo00.template-help.com/opencart_55687<!DOCTYPE html>
<html lang="en">
<head>
    <title>#55687 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/55687.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 #55687            </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=55687&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $50                <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>