string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=57536&expand=properties"
string(15829) "[{"templateId":57536,"typeId":61,"typeName":"OpenCart Template","typeUrl":"opencart-templates","categoryId":415,"categoryName":"Books Templates","templateTitle":"Books Responsive OpenCart Template","templatePreviewHtmlTitle":"Book Shop OpenCart Template #57536 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Book Shop OpenCart Template #57536","typeShortName":"OpenCart","templatePreviewFBTitle":"This Book Shop <b>Opencart template</b> provides stylish vintage design with beautiful typography. It features a clearly visible search form right in the top image area to guide your visitors through a vast choice of products. This template has been optimized for selling books, magazines, DVDs and such its preview images are narrow and are arranged in more columns than usual. Another feature worth mentioning is its profound social options the bottom part over the footer contains a Twitter feed, a Facebook like box and even an Instagram-powered gallery.<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 Education & Books OpenCart design with On-line chat</h3> <p><b>What is it?</b></p><p>The online chat will let you engage with your clients in real time.</p> <p><b>Why is it Good?</b></p><p>On-line chat may be the most convenient approach to build contacts with your website visitors and turn them into your buyers.</p><p>Click for more <a href=\"https://www.templatemonster.com/online-chat-opencart-themes/\">On-line chat OpenCart themes</a> here</p> <h3>This is a Parallax Education OpenCart template</h3> <p><b>What is it?</b></p><p>Parallax effect is a method in website design in which the background information moves slower than the foreground.</p> <p><b>Why is it Good?</b></p><p>Through the parallax scrolling effect, you are able to add the optical illusion of depth to your site, consequently showing your info in a much more good looking way.</p><p>Fresh <a href=\"https://www.templatemonster.com/parallax-opencart-themes/\">Parallax OpenCart themes</a> here</p> <h3>This Books OpenCart design theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders a web site page exact properly on any type of display screen size.</p> <p><b>Why is it Good?</b></p><p>Responsive design is the reason why the website will provide an excellent viewing experience to all users across all devices. </p><p>Find latest <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart designs</a> here</p> <h3>This is a Bootstrap Education & Books OpenCart design template</h3> <p><b>What is it?</b></p><p>Bootstrap is a free front-end framework for making websites and web-apps.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your web projects from mobile phones to desktops employing the same codebase. It makes the web developing process much easier.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Book Shop OpenCart Template","templatePreviewMetaDescription":"This Book Shop Opencart template provides stylish vintage design with beautiful typography. It features a clearly visible search form right in the top image","templateDemoMetaDescription":"Before you purchase it, get yourself informed about the premium Book Shop OpenCart Template (#57536) by viewing the demo. Click through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Book Shop OpenCart Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/opencart-templates/57536.html","userRating":0,"designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":58,"inserted_date":"2015-10-19","sent":2,"downloads":16,"search_words":"books store books bookers publishing book books publish publisher author press story novel fiction detective science","is_adult":0,"exc_price":4500,"sent_date":"2015-10-19 06:19:03","last_upload":"2015-10-19 00:00:00","package_id":250,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":298,"filename":"57536-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57536,"width":430,"window_params":"","banner_url":"","id":1503138,"href":"","height":900},{"scr_type_id":311,"filename":"57536-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57536,"width":965,"window_params":"","banner_url":"","id":1503139,"href":"","height":1728},{"scr_type_id":300,"filename":"57536-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57536,"width":320,"window_params":"","banner_url":"","id":1503140,"href":"","height":900},{"scr_type_id":3,"filename":"57536-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57536,"width":408,"window_params":"","banner_url":"","id":1503141,"href":"","height":55},{"scr_type_id":3,"filename":"57536-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57536,"width":1903,"window_params":"","banner_url":"","id":1503142,"href":"","height":3224},{"scr_type_id":3,"filename":"57536-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57536,"width":895,"window_params":"","banner_url":"","id":1503143,"href":"","height":599},{"scr_type_id":9,"filename":"57536-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57536,"width":145,"window_params":"","banner_url":"","id":1503144,"href":"","height":156},{"scr_type_id":315,"filename":"57536-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57536,"width":1800,"window_params":"","banner_url":"","id":1503145,"href":"","height":3224},{"scr_type_id":3,"filename":"57536-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57536,"width":1800,"window_params":"","banner_url":"","id":1503146,"href":"","height":3224},{"scr_type_id":304,"filename":"57536-opencart.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57536,"width":430,"window_params":"","banner_url":"","id":1503147,"href":"","height":60},{"scr_type_id":314,"filename":"57536-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57536,"width":1903,"window_params":"","banner_url":"","id":1503148,"href":"","height":3224},{"scr_type_id":312,"filename":"57536-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57536,"width":370,"window_params":"","banner_url":"","id":1503149,"href":"","height":370},{"scr_type_id":303,"filename":"57536-opencart-prod.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57536,"width":430,"window_params":"","banner_url":"","id":1503150,"href":"","height":596},{"scr_type_id":302,"filename":"57536-opencart-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57536,"width":430,"window_params":"","banner_url":"","id":1503151,"href":"","height":728},{"scr_type_id":299,"filename":"57536-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57536,"width":430,"window_params":"","banner_url":"","id":1503152,"href":"","height":900},{"scr_type_id":78,"filename":"57536-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":57536,"width":0,"window_params":"","banner_url":"","id":1503153,"href":"","height":0},{"scr_type_id":334,"filename":"57536-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57536,"width":1600,"window_params":"","banner_url":"","id":1640461,"href":"","height":1000}],"demoUrl":"/demo/57536.html","image":"https://s.tmimgcdn.com/scr/57500/book-shop-opencart-template_57536-0-original.jpg","searchHash":"d9a58f748d6c7a0f96cc88def0371f85","previewHash":"99512699d8cd5b9ab64b47e10a76c7d2","authorNickname":"RockThemes","lowLevelTopic":"Books","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":41,"discountPercent":30,"discountAmount":17,"semiannualSales":0,"properties":{"kindOfShops":"This OpenCart template can be used for Books, Education, Hobbies  Crafts or Interior  Furniture stores.","categoriesView":["Grid","List"],"uniqueKeywords":"Shop books opencart responsive template css javascript js bootstrap rtl multi-purpose","metaDescription":"With this Book Shop OpenCart Template your book, magazine or hobby online store will always look clean, modern and attractive.","opencartEngine":"2.0.3.1","features":["Responsive","Admin Panel","Bootstrap","On-line chat","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","German"],"authorUserId":"1768190","jqueryScripts":["Tabs 1","\"Accordion\"-1","\"SuperFish\" DropDown Menu","Mobile Menu","Responsive Fancybox","Responsive Carousel"],"htmlTitle":"Book Shop OpenCart Template","isFree":"none","hELPURL":"/quick-start-guide/opencart/","documentationVersion":"v1.2","imageDescription":"https://s.tmimgcdn.com/scr/57500/57536-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-07-24T07:21:02-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Before you purchase it, get yourself informed about the premium Book Shop OpenCart Template (#57536) by viewing the demo. Click through the pages, examine the images, press the buttons, explore the features.","shortDescription":"This Book Shop <b>Opencart template</b> provides stylish vintage design with beautiful typography. It features a clearly visible search form right in the top image area to guide your visitors through a vast choice of products. This template has been optimized for selling books, magazines, DVDs and such its preview images are narrow and are arranged in more columns than usual. Another feature worth mentioning is its profound social options the bottom part over the footer contains a Twitter feed, a Facebook like box and even an Instagram-powered gallery.<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 Education & Books OpenCart design with On-line chat</h3> <p><b>What is it?</b></p><p>The online chat will let you engage with your clients in real time.</p> <p><b>Why is it Good?</b></p><p>On-line chat may be the most convenient approach to build contacts with your website visitors and turn them into your buyers.</p><p>Click for more <a href=\"https://www.templatemonster.com/online-chat-opencart-themes/\">On-line chat OpenCart themes</a> here</p> <h3>This is a Parallax Education OpenCart template</h3> <p><b>What is it?</b></p><p>Parallax effect is a method in website design in which the background information moves slower than the foreground.</p> <p><b>Why is it Good?</b></p><p>Through the parallax scrolling effect, you are able to add the optical illusion of depth to your site, consequently showing your info in a much more good looking way.</p><p>Fresh <a href=\"https://www.templatemonster.com/parallax-opencart-themes/\">Parallax OpenCart themes</a> here</p> <h3>This Books OpenCart design theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders a web site page exact properly on any type of display screen size.</p> <p><b>Why is it Good?</b></p><p>Responsive design is the reason why the website will provide an excellent viewing experience to all users across all devices. </p><p>Find latest <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart designs</a> here</p> <h3>This is a Bootstrap Education & Books OpenCart design template</h3> <p><b>What is it?</b></p><p>Bootstrap is a free front-end framework for making websites and web-apps.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your web projects from mobile phones to desktops employing the same codebase. It makes the web developing process much easier.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart templates</a> here</p> <br /></div></div></div></div>","openCartProductID":"24677","tags":["author","book","bookers","books","bootstrap","css","detective","fiction","novel","press","publish","publisher","publishing","responsive","rtl","science","shop","store","story","template","opencart","js","multi-purpose"],"customUrl":"/opencart-templates/57536.html","badge":"badge-responsive","nameOfTheTemplate":"Book Shop OpenCart Template","pHPVersionCompatibility":"7.x","topic":["Books","Education & Books"],"opencartCompatibility":"2.0.3.1","styles":["Neutral","Flat"],"imagesList":"Depositphotos5757071original,,Adultery by Paulo Coelho,,An Army at Dawn- The War in North Africa 1942-1943 Volume One of the Liberation Trilogy by Rick Atkinson 1,,Eleanor  Park by Rainbow Rowell 1,,Fahrenheit 451- A Novel by Ray Bradbury 1,,Fifty Shades Trilogy- Fifty Shades of Grey Fifty Shades Darker Fifty Shades Freed 3-volume Boxed Set by E L James 1,,Heaven is for Real- A Little Boy's Astounding Story of His Trip to Heaven and Back by Todd Burpo 1,,If I Stay by Gayle Forman ,,Lord of the Flies by William Golding 1,,the Civil War by Daniel Stashower 1,,The Great Lollipop Caper by Dan Krall 1,,The Screwtape Letters by C. S. Lewis 1","productFamily":"None","color":["white","grey","cyan"],"followUpLetter":"opencart-offers","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_57536","templateGroup":"eCommerce Templates","installation":"Installation and set up instructions are attached (look for Documentation folder).","openCartModules":["Account","Affiliate","Bestsellers","Carousel","Category","Featured","Information","Latest","Specials","Store","Manufacturer"],"nomotopress":"1","galleryScript":"Slider","dynamicChangeLog":"<ul>\n<li>- 2 font 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/1Ge64gP","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Advanced Search"],"loyaltySells":"1","width":"2050px","skupromo":"14%","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: Sun, 24 Nov 2024 03:06:59 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=57536&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=57536&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=57536&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 24 Nov 2024 03:11:59 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_57536<!DOCTYPE html>
<html lang="en">
<head>
    <title>#57536 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/57536.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 #57536            </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=57536&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $53                <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>