string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=63696&expand=properties"
string(14632) "[{"templateId":63696,"typeId":61,"typeName":"OpenCart Template","typeUrl":"opencart-templates","categoryId":415,"categoryName":"Books Templates","templateTitle":"Books Responsive OpenCart Template","templatePreviewHtmlTitle":"Books Responsive OpenCart Template #63696 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Books Responsive OpenCart Template #63696","typeShortName":"OpenCart","templatePreviewFBTitle":"This bright and colorful Opencart theme is intended for stores selling books, including electronic ones, as well as stationery, gifts, and other similar wares.  A fully-featured blog is integrated to keep the audience updated on the latest company news. You also get Theme Color Switcher, Sorting Options, Multilanguage, Multi-currency, Product Quick View and much more.<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 Education & Books OpenCart template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for establishing websites.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your websites from smartphones to desktops using the same codebase. It makes the web developing process efficient and effortless.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart ecommerce themes</a> here</p> <h3>This is a Parallax Books OpenCart theme</h3> <p><b>What is it?</b></p><p>Parallax is a scrolling technique in which foreground visuals move around  in a different pace than the background ones.</p> <p><b>Why is it Good?</b></p><p>Parallax is visually stunning and attracts users' eyes to the pictures and content modules.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-opencart-themes/\">Parallax OpenCart ecommerce templates</a> here</p> <h3>This Books OpenCart design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means that the website page adjusts its shape and size to match virtually any display screen, from the smallest handsets to the widest Desktop computer monitors. For every single device, web page components widen or decrease to look perfect.</p> <p><b>Why is it Good?</b></p><p>Smart phones drive 80% of global Internet utilization. It's vital to create your web page responsive if you don't wish to lose your visitors.</p><p>Find more <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Books Responsive OpenCart Template","templatePreviewMetaDescription":"This bright and colorful Opencart theme is intended for stores selling books, including electronic ones, as well as stationery, gifts, and other similar wares.","templateDemoMetaDescription":"Before you decide to buy it, get informed about the Book Store Responsive OpenCart Template (#63696) by enjoying the demo. View the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Books Responsive OpenCart Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/opencart-templates/book-store-responsive-opencart-template-63696.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":68,"inserted_date":"2017-06-15","sent":2,"downloads":25,"search_words":"booksteri books shop online shooping cart books resources read reading new novelty best-sellers sale fiction no-fiction kids books categories catalogue affiliation products delivery buy order portal organization mass adventure erotic fantasy historical crime","is_adult":0,"exc_price":4500,"sent_date":"2017-07-05 06:15:28","last_upload":"2017-06-15 00:00:00","package_id":250,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":304,"filename":"63696-opencart.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63696,"width":430,"window_params":"","banner_url":"","id":1694954,"href":"","height":60},{"scr_type_id":3,"filename":"63696-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63696,"width":895,"window_params":"","banner_url":"","id":1694955,"href":"","height":599},{"scr_type_id":298,"filename":"63696-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63696,"width":430,"window_params":"","banner_url":"","id":1694956,"href":"","height":900},{"scr_type_id":9,"filename":"63696-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63696,"width":145,"window_params":"","banner_url":"","id":1694957,"href":"","height":156},{"scr_type_id":302,"filename":"63696-opencart-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63696,"width":430,"window_params":"","banner_url":"","id":1694958,"href":"","height":1169},{"scr_type_id":334,"filename":"63696-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63696,"width":1600,"window_params":"","banner_url":"","id":1694959,"href":"","height":1000},{"scr_type_id":311,"filename":"63696-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63696,"width":965,"window_params":"","banner_url":"","id":1694960,"href":"","height":2623},{"scr_type_id":314,"filename":"63696-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63696,"width":1903,"window_params":"","banner_url":"","id":1694961,"href":"","height":5172},{"scr_type_id":3,"filename":"63696-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63696,"width":408,"window_params":"","banner_url":"","id":1694962,"href":"","height":55},{"scr_type_id":3,"filename":"63696-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63696,"width":1903,"window_params":"","banner_url":"","id":1694963,"href":"","height":5172},{"scr_type_id":315,"filename":"63696-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63696,"width":1903,"window_params":"","banner_url":"","id":1694964,"href":"","height":5172},{"scr_type_id":312,"filename":"63696-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63696,"width":370,"window_params":"","banner_url":"","id":1694965,"href":"","height":370},{"scr_type_id":300,"filename":"63696-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63696,"width":320,"window_params":"","banner_url":"","id":1694966,"href":"","height":900},{"scr_type_id":299,"filename":"63696-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":63696,"width":430,"window_params":"","banner_url":"","id":1694967,"href":"","height":900}],"demoUrl":"/demo/63696.html","image":"https://s.tmimgcdn.com/scr/63600/books-responsive-opencart-template_63696-0-original.jpg","searchHash":"d58fddd4f73f0b47ff2eda5215852d71","previewHash":"bcb5abc151af4469571be49233f01eb3","authorNickname":"RockThemes","lowLevelTopic":"Books","weightedRating":4.25,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":68,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"categoriesView":["Grid","List"],"uniqueKeywords":"articels author publisher seller store librarian library magazine shop online modern clean responsive literature","showVariantForcibly":"e","metaDescription":"Check out this Book Store Responsive OpenCart Template (#63696) and you will fall in love with it. Clean, professional and simple design.","opencartEngine":"2.3","imageKeyFeatures":"https://s.tmimgcdn.com/scr/63600/63696-en_01.jpg, https://s.tmimgcdn.com/scr/63600/63696-en_02.jpg, https://s.tmimgcdn.com/scr/63600/63696-en_03.jpg, https://s.tmimgcdn.com/scr/63600/63696-en_04.jpg, https://s.tmimgcdn.com/scr/63600/63696-en_05.jpg, https://s.tmimgcdn.com/scr/63600/63696-en_06.jpg, https://s.tmimgcdn.com/scr/63600/63696-en_07.jpg, https://s.tmimgcdn.com/scr/63600/63696-en_08.jpg, https://s.tmimgcdn.com/scr/63600/63696-en_09.jpg, https://s.tmimgcdn.com/scr/63600/63696-en_10.jpg, https://s.tmimgcdn.com/scr/63600/63696-en_11.jpg","features":["Responsive","Admin Panel","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Blog","Online Store/Shop","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".PNG",".PHP",".TPL",".JS"],"languageSupport":["English","Russian"],"authorUserId":"1768190","jqueryScripts":["Tabs 1","\"Accordion\"-1","\"Styleswitcher\"","\"SuperFish\" DropDown Menu","Mobile Menu","Responsive Fancybox","Responsive Carousel"],"isFree":"none","hELPURL":"/quick-start-guide/opencart/","documentationVersion":"v1.3","imageDescription":"https://s.tmimgcdn.com/scr/63600/63696-responsive-layout.jpg","additionalInfo":["Well Documented","Customized Modules"],"templateSoftwareRequired":["Adobe Photoshop CC+","Apache Server","MySQL 4.1.14 or later","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)","PHP v. 5 or higher"],"lastmod":"2021-09-24T06:16:05-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Before you decide to buy it, get informed about the Book Store Responsive OpenCart Template (#63696) by enjoying the demo. View the pages, examine the images, click the buttons, explore the functionality.","controlPanelDemoURL":"http://livedemo00.template-help.com/opencart_63696/demoaccess","shortDescription":"This bright and colorful Opencart theme is intended for stores selling books, including electronic ones, as well as stationery, gifts, and other similar wares.  A fully-featured blog is integrated to keep the audience updated on the latest company news. You also get Theme Color Switcher, Sorting Options, Multilanguage, Multi-currency, Product Quick View and much more.<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 Education & Books OpenCart template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for establishing websites.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your websites from smartphones to desktops using the same codebase. It makes the web developing process efficient and effortless.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart ecommerce themes</a> here</p> <h3>This is a Parallax Books OpenCart theme</h3> <p><b>What is it?</b></p><p>Parallax is a scrolling technique in which foreground visuals move around  in a different pace than the background ones.</p> <p><b>Why is it Good?</b></p><p>Parallax is visually stunning and attracts users' eyes to the pictures and content modules.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-opencart-themes/\">Parallax OpenCart ecommerce templates</a> here</p> <h3>This Books OpenCart design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means that the website page adjusts its shape and size to match virtually any display screen, from the smallest handsets to the widest Desktop computer monitors. For every single device, web page components widen or decrease to look perfect.</p> <p><b>Why is it Good?</b></p><p>Smart phones drive 80% of global Internet utilization. It's vital to create your web page responsive if you don't wish to lose your visitors.</p><p>Find more <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart templates</a> here</p> <br /></div></div></div></div>","tags":["adventure","affiliation","author","books","buy","cart","catalogue","categories","clean","crime","delivery","erotic","fantasy","fiction","historical","kids","librarian","library","literature","magazine","mass","modern","new","novelty","online","order","organization","portal","products","publisher","read","reading","resources","responsive","sale","seller","shop","store"],"customUrl":"/opencart-templates/book-store-responsive-opencart-template-63696.html","badge":"badge-responsive","nameOfTheTemplate":"Books Responsive OpenCart Template","pHPVersionCompatibility":"7.x","topic":["Books","Education & Books"],"opencartCompatibility":"2.3","styles":["Neutral","Flat"],"productFamily":"None","color":["black","white","orange"],"followUpLetter":"opencart-offers","reviewsTotal":"2","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"2.3.0","livePreviewURL":"https://livedemo00.template-help.com/opencart_63696","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","Slideshow","Specials","Manufacturer"],"nomotopress":"1","galleryScript":"Slider","dynamicChangeLog":"<ul>\n<li>- 3 minor HTML bugs fixed</li>\n<li>- 3 minor JS issues fixed</li>\n<li>- 1 back-end issue fixed</li>\n</ul>","templateIcon":"icon-opencart","templateHostingRequirements":["Web Server (preferably Apache)","MySQL","Curl","Fsock","PHP (at least 5.2)"],"types":"OpenCart Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2tPWrnz","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Advanced Search"],"loyaltySells":"1","width":"1950px","skupromo":"12%","marketplaceMembership":"One","category":"Website templates","dqi":"00","currencies":["USD","GBP","EUR"]}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Tue, 07 May 2024 02:51:58 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=63696&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=63696&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=63696&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 07 May 2024 02:56:58 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_63696<!DOCTYPE html>
<html lang="en">
<head>
    <title>#63696 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/63696.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 #63696            </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=63696&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>