string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=46251&expand=properties"
string(17993) "[{"templateId":46251,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":192,"categoryName":"Library Templates","templateTitle":"Library Responsive Website Template","templatePreviewHtmlTitle":"MagicBook - Library & Shop HTML5 Website Template","templateDemoHtmlTitle":"Demo Preview for MagicBook - Library & Shop HTML5 Website Template #46251","typeShortName":"Website","templatePreviewFBTitle":"This fully responsive Books Library eCommerce HTML5 template will help you create easily a fantastic website for any books-related website. With this Books Library HTML5 template will suit a book business of any level, from a simple book review website to a famous bookstore. You can easily customize this HTML5 template, so you'll be able to create a neat, clean and simple designed bookstore website. In case you happen to sell books, this HTML5 template will be perfect for your eCommerce project. Since it's powered by Bootstrap4 responsivity is out of the question, Magic Book template will look great on all types of screens and devices.<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 Parallax Books website design</h3> <p><b>What is it?</b></p><p>A parallax scrolling effect is a technique in website design where background picture moves at a slower rate than a front content, leading to the illusion of multi-level effect. </p> <p><b>Why is it Good?</b></p><p>Parallax scrolling offers your viewers an impression of depth in 2D spaces of your website. It makes your resource more vibrant and unique. Parallax is great for spicing up a landing page, livening up infographics, or even showcasing a portfolio.</p><p>Latest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website templates</a> here</p> <h3>This Distant Learning web template is Responsive</h3> <p><b>What is it?</b></p><p>It is an ability of the website to instantly adapt to any screen size and resolution. </p> <p><b>Why is it Good?</b></p><p>Responsive webpage design allows you to strengthen buyer experience and give you a whole access to the internet site info from any gadget.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website design templates</a> here</p> <h3>This is a Bootstrap Education Website website design</h3> <p><b>What is it?</b></p><p>It is the most widely used HTML and CSS based framework which contain designs for the primary elements used in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is extremely flexible for any changes. It's simple to work with, features a superb grid system and extended features quantity.</p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website designs</a> here</p> <h3>This Online Education web template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>It is a function which helps to satisfy each and every user and search engine needs and achieve rating positions in the search.</p> <p><b>Why is it Good?</b></p><p>Search Engine Friendly templates will let you boost your web-site rank in web search overall results.</p><p>View latest <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly website design templates</a> here</p> <h3>This is a Bootstrap 4 Education website design template</h3> <p><b>What is it?</b></p><p>It is the 4th version of Bootstrap (HTML and CSS based framework) for the development of primarily mobile projects on the Internet.</p> <p><b>Why is it Good?</b></p><p>By means of Bootstrap 4, you will be able put together 100% responsive online sites that will give the net users with the perfect searching experience no matter what gadgets they choose to find online site.</p><p>Click for more <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 website design templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"MagicBook - Library & Shop HTML5 Website Template","templatePreviewMetaDescription":"This fully responsive Books Library eCommerce HTML5 template will help you create easily a fantastic website for any books-related website. With this Books","templateDemoMetaDescription":"Before you decide to buy it, get the feel and look of the MagicBook - Library & Shop HTML5 Website Template (#46251) by viewing the live preview. Click through the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"MagicBook - Library & Shop HTML5 Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/46251.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":61,"inserted_date":"2013-08-30","sent":1,"downloads":32,"search_words":"book university science sport community school research party events study directory camp camping college knowledge technical engineering student","is_adult":0,"exc_price":4500,"sent_date":"2018-07-30 05:18:53","last_upload":"2013-08-30 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"id":1336372,"templ_id":46251,"filename":"46251-big.jpg","width":662,"height":1553,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1336373,"templ_id":46251,"filename":"46251-original.jpg","width":1400,"height":3284,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1336374,"templ_id":46251,"filename":"46251-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1336375,"templ_id":46251,"filename":"46251-wt.html","width":430,"height":60,"href":"","window_params":"","scr_type_id":212,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1336376,"templ_id":46251,"filename":"46251-1-origin-1200.jpg","width":1400,"height":2305,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1336377,"templ_id":46251,"filename":"46251-1-original.jpg","width":1400,"height":2305,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1336378,"templ_id":46251,"filename":"46251-banner.jpg","width":408,"height":55,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1336379,"templ_id":46251,"filename":"46251-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1336380,"templ_id":46251,"filename":"46251-smart1-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":299,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1336381,"templ_id":46251,"filename":"46251-1-original-1200.jpg","width":1400,"height":2305,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1336382,"templ_id":46251,"filename":"46251-rs.jpg","width":970,"height":280,"href":"","window_params":"","scr_type_id":78,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":1},{"id":1336383,"templ_id":46251,"filename":"46251-original-1200.jpg","width":1400,"height":3284,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1336384,"templ_id":46251,"filename":"46251-1-big.jpg","width":662,"height":1090,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1336385,"templ_id":46251,"filename":"46251-origin.jpg","width":1400,"height":3284,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1336386,"templ_id":46251,"filename":"46251-tablet-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":298,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1336387,"templ_id":46251,"filename":"46251-b-responsive.jpg","width":430,"height":1284,"href":"","window_params":"","scr_type_id":297,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1336388,"templ_id":46251,"filename":"46251-smart2-responsive.jpg","width":320,"height":900,"href":"","window_params":"","scr_type_id":300,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1336389,"templ_id":46251,"filename":"46251-origin-1200.jpg","width":1400,"height":3284,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1336390,"templ_id":46251,"filename":"46251-1-origin.jpg","width":1400,"height":2305,"href":"","window_params":"","scr_type_id":317,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1632204,"templ_id":46251,"filename":"46251-0-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/46251.html","image":"https://s.tmimgcdn.com/scr/46200/magicbook-library--shop-html5-website-template_46251-0-original.jpg","searchHash":"8e3e5c906fc1ef317b1363bbac7d0b77","previewHash":"bb34af0f347e4ec4ee50596c96ff6579","authorNickname":"RockThemes","lowLevelTopic":"Library Templates","weightedRating":4.181818181818182,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":43,"discountPercent":30,"discountAmount":18,"semiannualSales":0,"properties":{"layout":"2 columns","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Sliced PSD","Dropdown Menu","Tabs","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"styles":"Neutral","languageSupport":"English","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Isotope","Grid"],"webForms":["Contact Form","Newsletter Subscription","Search Form"],"badge":"badge-responsive","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editing tool"],"templateSources":[".PSD",".HTML"],"topic":["Library Templates","Education Templates","Education & Books"],"templateIcon":"icon-bootstrap","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-19015","width":"2560px","bitLyUrl":"http://bit.ly/19ejAMe","uniqueKeywords":"book university science sport community school research party events study directory camp camping college knowledge technical engineering student","popularity":"Top Rated","dateRange":"Last Year","color":["black","white","grey"],"showVariantForcibly":"b","lastmod":"2020-10-30T16:08:51-04:00","bootstrapVersion":"4.0.x","loyaltySells":"1","sqi":"95","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","dqi":"00","authorUserId":"1768190","skupromo":"43%","shortDescription":"This fully responsive Books Library eCommerce HTML5 template will help you create easily a fantastic website for any books-related website. With this Books Library HTML5 template will suit a book business of any level, from a simple book review website to a famous bookstore. You can easily customize this HTML5 template, so you'll be able to create a neat, clean and simple designed bookstore website. In case you happen to sell books, this HTML5 template will be perfect for your eCommerce project. Since it's powered by Bootstrap4 responsivity is out of the question, Magic Book template will look great on all types of screens and devices.<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 Parallax Books website design</h3> <p><b>What is it?</b></p><p>A parallax scrolling effect is a technique in website design where background picture moves at a slower rate than a front content, leading to the illusion of multi-level effect. </p> <p><b>Why is it Good?</b></p><p>Parallax scrolling offers your viewers an impression of depth in 2D spaces of your website. It makes your resource more vibrant and unique. Parallax is great for spicing up a landing page, livening up infographics, or even showcasing a portfolio.</p><p>Latest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website templates</a> here</p> <h3>This Distant Learning web template is Responsive</h3> <p><b>What is it?</b></p><p>It is an ability of the website to instantly adapt to any screen size and resolution. </p> <p><b>Why is it Good?</b></p><p>Responsive webpage design allows you to strengthen buyer experience and give you a whole access to the internet site info from any gadget.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website design templates</a> here</p> <h3>This is a Bootstrap Education Website website design</h3> <p><b>What is it?</b></p><p>It is the most widely used HTML and CSS based framework which contain designs for the primary elements used in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is extremely flexible for any changes. It's simple to work with, features a superb grid system and extended features quantity.</p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website designs</a> here</p> <h3>This Online Education web template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>It is a function which helps to satisfy each and every user and search engine needs and achieve rating positions in the search.</p> <p><b>Why is it Good?</b></p><p>Search Engine Friendly templates will let you boost your web-site rank in web search overall results.</p><p>View latest <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly website design templates</a> here</p> <h3>This is a Bootstrap 4 Education website design template</h3> <p><b>What is it?</b></p><p>It is the 4th version of Bootstrap (HTML and CSS based framework) for the development of primarily mobile projects on the Internet.</p> <p><b>Why is it Good?</b></p><p>By means of Bootstrap 4, you will be able put together 100% responsive online sites that will give the net users with the perfect searching experience no matter what gadgets they choose to find online site.</p><p>Click for more <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 website design templates</a> here</p> <br /></div></div></div></div>","nameOfTheTemplate":"MagicBook - Library & Shop HTML5 Website Template","kindOfShops":"This solution is suitable for books websites.","metaDescription":"This fully responsive Book and Library Store HTML5 Template will help you to create easily a modern-looking book website.","htmlTitle":"Book Library & Shop HTML5 Template","imageKeyFeatures":"https://s.tmimgcdn.com/scr/46200/46251-en_01.jpg, https://s.tmimgcdn.com/scr/46200/46251-en_02.jpg, https://s.tmimgcdn.com/scr/46200/46251-en_03.jpg, https://s.tmimgcdn.com/scr/46200/46251-en_04.jpg, https://s.tmimgcdn.com/scr/46200/46251-en_05.jpg, https://s.tmimgcdn.com/scr/46200/46251-en_06.jpg, https://s.tmimgcdn.com/scr/46200/46251-en_07.jpg, https://s.tmimgcdn.com/scr/46200/46251-en_08.jpg, https://s.tmimgcdn.com/scr/46200/46251-en_09.jpg, https://s.tmimgcdn.com/scr/46200/46251-en_10.jpg","previewScreensOrVideoURLs":"46200/46251_01-big.jpg, 46200/46251_02-big.jpg, 46200/46251_03-big.jpg, 46200/46251_04-big.jpg, 46200/46251_05-big.jpg","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_1300.jpg\" srcset=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_2560.jpg 2x\" alt=\"img\"/>","trendiness":"1","dynamicChangeLog":"<ul>\n<li>- 1 minor CSS bugs fixed</li>\n<li>- 3 minor front-end issues fixed</li>\n</ul>","marketplaceMembership":"One","reviewsTotal":"1","reviewAverageScore":"5","customUrl":"/website-templates/46251.html","demoMetaDescription":"Before you decide to buy it, get the feel and look of the MagicBook - Library & Shop HTML5 Website Template (#46251) by viewing the live preview. Click through the pages, check the images, click the buttons, explore the features.","isOldDemoUrl":"1","tags":["book","camp","camping","college","community","directory","engineering","events","knowledge","party","research","school","science","sport","student","study","technical","university"],"pHPVersionCompatibility":"7.x","hELPURL":"/quick-start-guide/responsive-javascript-animated/","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"HTML Website Templates","isFree":"none","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Mon, 25 Nov 2024 08:56:49 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=46251&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=46251&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=46251&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 25 Nov 2024 09:01:49 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/wt_prod-19015<!DOCTYPE html>
<html lang="en">
<head>
    <title>#46251 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/46251.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">
                Website Templates #46251            </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=46251&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $56                <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="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>