string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58332&expand=properties"
string(16054) "[{"templateId":58332,"typeId":61,"typeName":"OpenCart Template","typeUrl":"opencart-templates","categoryId":410,"categoryName":"Animals & Pets Templates","templateTitle":"Animals & Pets Responsive OpenCart Template","templatePreviewHtmlTitle":"PetShop OpenCart Template #58332 - TemplateMonster","templateDemoHtmlTitle":"Live preview for PetShop OpenCart Template #58332","typeShortName":"OpenCart","templatePreviewFBTitle":"The whole template layout conveys the message of love and care understandable to every pet owner. Its slider shows owners with their pets. Main website menu is placed right under it. Round banners with a puppy, a kitten and a couple of parrots look really cute and enhance the <b>Pet Store OpenCart Theme</b> navigation. 'Add to cart' buttons also have rounded form. They are of nice motton blue color, which is noticeable over the white background. Featured products are arranged in four columns and supplied with stickers. 'Latest Blog Posts' section is also available on the home page. Newsletter subscription form, social media block, store contacts and additional links are at the bottom of the page.<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 Pet Food Store OpenCart design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive layouts adapt to smaller as well as the much bigger display dimensions promptly.</p> <p><b>Why is it Good?</b></p><p>Responsive design implies that the website will provide an excellent viewing experience to all users across all devices. </p><p>Find newest <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart designs</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>On-line chat is a feature that involves live texting over the Internet. </p> <p><b>Why is it Good?</b></p><p>Online chat along with tech support is actually a indication for the buyer - “this particular firm actually worries about me”. The users don't really need to wait long hours for their ticket to get fixed or proceed through tonnes of documentation to obtain the answer for himself. Warm and friendly technical support professional would answer him right away and definately will resolve his problem in a no time. </p><p>Fresh <a href=\"https://www.templatemonster.com/online-chat-opencart-themes/\">On-line chat OpenCart themes</a> here</p> <h3>This is a Bootstrap Pet Boutique OpenCart design</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for constructing webpages.</p> <p><b>Why is it Good?</b></p><p>Due to the use of Bootstrap a website can adjust its content to any display resolution. It's important for both Search engine optimisation and website users.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart design themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"PetShop OpenCart Template","templatePreviewMetaDescription":"The whole template layout conveys the message of love and care understandable to every pet owner. Its slider shows owners with their pets. Main website menu is","templateDemoMetaDescription":"The live preview of this high quality PetShop OpenCart Template (#58332) is available here for you to get yourself familiar with the theme before you choose to buy it. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"PetShop OpenCart Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/opencart-templates/pet-shop-responsive-opencart-template-58332.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":68,"inserted_date":"2016-04-18","sent":2,"downloads":38,"search_words":"pets store 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 leas","is_adult":0,"exc_price":4500,"sent_date":"2016-04-21 00:00:00","last_upload":"2016-04-18 00:00:00","package_id":250,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":303,"filename":"58332-opencart-prod.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58332,"width":430,"window_params":"","banner_url":"","id":1651031,"href":"","height":614},{"scr_type_id":315,"filename":"58332-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58332,"width":1800,"window_params":"","banner_url":"","id":1651032,"href":"","height":3998},{"scr_type_id":304,"filename":"58332-opencart.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58332,"width":430,"window_params":"","banner_url":"","id":1651033,"href":"","height":60},{"scr_type_id":298,"filename":"58332-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58332,"width":430,"window_params":"","banner_url":"","id":1651034,"href":"","height":900},{"scr_type_id":299,"filename":"58332-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58332,"width":430,"window_params":"","banner_url":"","id":1651035,"href":"","height":900},{"scr_type_id":311,"filename":"58332-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58332,"width":965,"window_params":"","banner_url":"","id":1651036,"href":"","height":2143},{"scr_type_id":312,"filename":"58332-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58332,"width":370,"window_params":"","banner_url":"","id":1651037,"href":"","height":370},{"scr_type_id":300,"filename":"58332-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58332,"width":320,"window_params":"","banner_url":"","id":1651038,"href":"","height":900},{"scr_type_id":78,"filename":"58332-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":58332,"width":0,"window_params":"","banner_url":"","id":1651039,"href":"","height":0},{"scr_type_id":3,"filename":"58332-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58332,"width":895,"window_params":"","banner_url":"","id":1651040,"href":"","height":599},{"scr_type_id":302,"filename":"58332-opencart-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58332,"width":430,"window_params":"","banner_url":"","id":1651041,"href":"","height":982},{"scr_type_id":9,"filename":"58332-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58332,"width":145,"window_params":"","banner_url":"","id":1651042,"href":"","height":156},{"scr_type_id":3,"filename":"58332-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58332,"width":408,"window_params":"","banner_url":"","id":1651043,"href":"","height":55},{"scr_type_id":334,"filename":"58332-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58332,"width":1600,"window_params":"","banner_url":"","id":1651044,"href":"","height":1000},{"scr_type_id":314,"filename":"58332-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58332,"width":1903,"window_params":"","banner_url":"","id":1651045,"href":"","height":3998},{"scr_type_id":3,"filename":"58332-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58332,"width":1800,"window_params":"","banner_url":"","id":1651046,"href":"","height":3998}],"demoUrl":"/demo/58332.html","image":"https://s.tmimgcdn.com/scr/58300/petshop-opencart-template_58332-0-original.jpg","searchHash":"940f086deeb3112cf64b766306df755b","previewHash":"cebe32629c13fed70e9b94c223389f54","authorNickname":"RockThemes","lowLevelTopic":"Pet Shop Templates","weightedRating":4.357142857142857,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":68,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"Use this template for pet food, apparel and other supplies stores.","categoriesView":["Grid","List"],"uniqueKeywords":"Petscare food opencart house pets bootstrap kitten puppy animal responsive html bird cat shop pethouse dog care","metaDescription":"Lovable pet store OpenCart theme with nice slider showing owners with their pets, lowered menu and circular banners. Best option for pet supplies shops.","opencartEngine":"2.1.x","imageKeyFeatures":"https://s.tmimgcdn.com/scr/58300/58332-en_01.jpg, https://s.tmimgcdn.com/scr/58300/58332-en_02.jpg, https://s.tmimgcdn.com/scr/58300/58332-en_03.jpg, https://s.tmimgcdn.com/scr/58300/58332-en_04.jpg, https://s.tmimgcdn.com/scr/58300/58332-en_05.jpg, https://s.tmimgcdn.com/scr/58300/58332-en_06.jpg, https://s.tmimgcdn.com/scr/58300/58332-en_07.jpg, https://s.tmimgcdn.com/scr/58300/58332-en_08.jpg, https://s.tmimgcdn.com/scr/58300/58332-en_09.jpg, https://s.tmimgcdn.com/scr/58300/58332-en_10.jpg, https://s.tmimgcdn.com/scr/58300/58332-en_11.jpg, https://s.tmimgcdn.com/scr/58300/58332-en_12.jpg","features":["Responsive","Admin Panel","Bootstrap","On-line chat","Sliced PSD","Dropdown Menu","Google map","Blog","Online Store/Shop","HTML 5","JQuery","HTML plus JS"],"templateSources":[".PSD",".PNG",".PHP",".TPL",".JS"],"languageSupport":["English","Russian","German"],"authorUserId":"1768190","jqueryScripts":["Tabs 1","\"Accordion\"-1","ScrollTo Effect","Mobile Menu","Responsive Fancybox","Responsive Slider"],"htmlTitle":"Pet Store OpenCart Theme","isFree":"none","hELPURL":"/quick-start-guide/opencart/","documentationVersion":"v1.2","imageDescription":"https://s.tmimgcdn.com/scr/58300/58332-responsive-layout.jpg","additionalInfo":["Well Documented","Customized Modules"],"templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Apache Server","MySQL 4.1.14+","PHP editor.","PHP 5.4+"],"lastmod":"2020-11-26T13:03:35-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"The live preview of this high quality PetShop OpenCart Template (#58332) is available here for you to get yourself familiar with the theme before you choose to buy it. View the pages, check out the images, click the buttons, explore the features.","shortDescription":"The whole template layout conveys the message of love and care understandable to every pet owner. Its slider shows owners with their pets. Main website menu is placed right under it. Round banners with a puppy, a kitten and a couple of parrots look really cute and enhance the <b>Pet Store OpenCart Theme</b> navigation. 'Add to cart' buttons also have rounded form. They are of nice motton blue color, which is noticeable over the white background. Featured products are arranged in four columns and supplied with stickers. 'Latest Blog Posts' section is also available on the home page. Newsletter subscription form, social media block, store contacts and additional links are at the bottom of the page.<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 Pet Food Store OpenCart design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive layouts adapt to smaller as well as the much bigger display dimensions promptly.</p> <p><b>Why is it Good?</b></p><p>Responsive design implies that the website will provide an excellent viewing experience to all users across all devices. </p><p>Find newest <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart designs</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>On-line chat is a feature that involves live texting over the Internet. </p> <p><b>Why is it Good?</b></p><p>Online chat along with tech support is actually a indication for the buyer - “this particular firm actually worries about me”. The users don't really need to wait long hours for their ticket to get fixed or proceed through tonnes of documentation to obtain the answer for himself. Warm and friendly technical support professional would answer him right away and definately will resolve his problem in a no time. </p><p>Fresh <a href=\"https://www.templatemonster.com/online-chat-opencart-themes/\">On-line chat OpenCart themes</a> here</p> <h3>This is a Bootstrap Pet Boutique OpenCart design</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for constructing webpages.</p> <p><b>Why is it Good?</b></p><p>Due to the use of Bootstrap a website can adjust its content to any display resolution. It's important for both Search engine optimisation and website users.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart design themes</a> here</p> <br /></div></div></div></div>","controlPanelDemoURL":"http://livedemo00.template-help.com/opencart_58332/demoaccess","openCartProductID":"26748","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","leas","medicine","pet","pets","puppy","recommendation","responsive","services","shop","staff","store","supplies","tick","tips","vet","veterinary","vitamins","html","opencart"],"customUrl":"/opencart-templates/pet-shop-responsive-opencart-template-58332.html","badge":"badge-responsive","nameOfTheTemplate":"PetShop OpenCart Template","pHPVersionCompatibility":"7.x","topic":["Animals & Pets","Pet Shop Templates"],"opencartCompatibility":"2.1.x","styles":["Neutral","Flat"],"productFamily":"None","color":["white","grey","brown","cyan"],"followUpLetter":"opencart-offers","reviewsTotal":"4","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"3.2.0","livePreviewURL":"https://livedemo00.template-help.com/opencart_58332","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","Latest","Camera Slideshow","Specials","Store"],"nomotopress":"1","galleryScript":"Slider","dynamicChangeLog":"<ul>\n<li>- 3 minor JS bugs fixed</li>\n<li>- 2 minor front-end bugs fixed</li>\n<li>- 3 minor styles issues fixed</li>\n</ul>","templateIcon":"icon-opencart","templateHostingRequirements":["Web Server (preferably Apache)","MySQL","Curl","Fsock","PHP 5.4 or higher"],"types":"OpenCart Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1YIqcvp","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Advanced Search"],"loyaltySells":"1","width":"2050px","skupromo":"17%","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 23:25:18 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=58332&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58332&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58332&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 23:30:18 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_58332<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58332 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/58332.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 #58332            </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=58332&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>