string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=57743&expand=properties"
string(15908) "[{"templateId":57743,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":415,"categoryName":"Books Templates","templateTitle":"Books Responsive Website Template","templatePreviewHtmlTitle":"Booksmart - Books for Rent Modern Multipage HTML5 Website Template","templateDemoHtmlTitle":"Demo Preview for Booksmart - Books for Rent Modern Multipage HTML5 Website Template #57743","typeShortName":"Website","templatePreviewFBTitle":"This is a great multipage HTML5 template with a clean and modern design. Suitable for a book renting website. Among the advantages of the template, there's a quality catalog, a section with reviews, and pages for your services. In the admin area, there are lots of options for setting absolutely all the elements. Starting with the logo and the color of the background and ending with the style of headers and footers. Each element of the site is carefully designed and looks amazing on any screens. The speed of the site is also at the highest level due to clean and high-quality code. The Booksmart template won't ever let you down and will become your reliable assistant. The template also went through the various tests of optimization for mobile devices.<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 Education & Books website template</h3> <p><b>What is it?</b></p><p>When you travel somewhere, far away things shift a lot slower as compared to the near ones. Imitation of such an effect on the homepage - if the background image shifts slower compared to the content, is named parallax. It is usually utilized to make a feeling of space in the potential customer's eyes.</p> <p><b>Why is it Good?</b></p><p>Through the parallax scrolling effect, you may add the false impression of depth to your site, hence offering your info in a more fascinating style.</p><p>View latest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax web templates</a> here</p> <h3>This Education website template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the website page adjusts its shape and size to suit any sort of screen, from the tiniest cell phones to the widest Laptop computer displays. For every gadget, website page elements expand or shrink to seem perfect.</p> <p><b>Why is it Good?</b></p><p>Responsive design may let a web site look equally nice on display screen of any personal pc or hand held gadget.</p><p>Latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <h3>This Education website template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>The Search Engine Friendly web page helps any searcher to examine every page of the website, identify the information and index them in the database.</p> <p><b>Why is it Good?</b></p><p>Search Engine Optimized themes will help you raise your web-site rank in google search results.</p><p>Find more <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly website templates</a> here</p> <h3>This is a Bootstrap Education & Books website design template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for setting up webpages.</p> <p><b>Why is it Good?</b></p><p>Through the help of Bootstrap, you can establish absolutely responsive web designs by means of HTML and CSS based themes for typography, fonts, forms, buttons, tables, and the like.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Booksmart - Books for Rent Modern Multipage HTML5 Website Template","templatePreviewMetaDescription":"This is a great multipage HTML5 template with a clean and modern design. Suitable for a book renting website. Among the advantages of the template, there's a","templateDemoMetaDescription":"View the demo of the top notch Booksmart - Books for Rent Modern Multipage HTML5 Website Template (#57743) get yourself acquainted with this template before you decide to buy it. View the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Booksmart - Books for Rent Modern Multipage HTML5 Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/57743.html","userRating":0,"designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":61,"inserted_date":"2015-09-25","sent":1,"downloads":29,"search_words":"book author publisher books digital e-book ebooks library online shop book-store digital-book story study knowledge shopping business modern multipage","is_adult":0,"exc_price":4500,"sent_date":"2019-03-13 00:00:00","last_upload":"2015-09-25 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"id":1500400,"templ_id":57743,"filename":"57743-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":1500401,"templ_id":57743,"filename":"57743-responsive-layout.jpg","width":895,"height":599,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1500402,"templ_id":57743,"filename":"57743-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":1500403,"templ_id":57743,"filename":"57743-original-1200.jpg","width":2048,"height":4768,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1500404,"templ_id":57743,"filename":"57743-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":1500405,"templ_id":57743,"filename":"57743-origin.jpg","width":2048,"height":4768,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1500406,"templ_id":57743,"filename":"57743-b-responsive.jpg","width":430,"height":1001,"href":"","window_params":"","scr_type_id":297,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1500407,"templ_id":57743,"filename":"57743-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":1500408,"templ_id":57743,"filename":"57743-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":1500409,"templ_id":57743,"filename":"57743-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":1500410,"templ_id":57743,"filename":"57743-big.jpg","width":965,"height":2247,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1500411,"templ_id":57743,"filename":"57743-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":1500412,"templ_id":57743,"filename":"57743-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":1500413,"templ_id":57743,"filename":"57743-origin-1200.jpg","width":2048,"height":4768,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1500414,"templ_id":57743,"filename":"57743-original.jpg","width":2048,"height":4768,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1640577,"templ_id":57743,"filename":"57743-original.jpg","width":2048,"height":4768,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/57743.html","image":"https://s.tmimgcdn.com/scr/57700/booksmart-books-for-rent-modern-multipage-html5-website-template_57743-original.jpg","searchHash":"29f325ff729c71fd5eeabe7892dbad20","previewHash":"f4c4166413cdf7a05c99466b2559e77d","authorNickname":"WT","lowLevelTopic":"Books","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Tabs","Online Store/Shop","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"styles":["Neutral","Flat"],"languageSupport":"English","galleryScript":["Accordion","Carousel","CSS and JS","Isotope","Grid"],"webForms":["Contact Form","Newsletter Subscription","Search Form"],"badge":"badge-responsive","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"templateSources":[".PSD",".HTML"],"topic":["Books","Education & Books"],"templateIcon":"icon-bootstrap","documentationVersion":"Responsive Website Templates v1.1","isFree":"none","popularity":"Top Rated","followUpLetter":"website-template-offers","nomotopress":"1","color":["black","white","grey"],"productFamily":"None","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-21758/","width":"1920px","uniqueKeywords":"book author publisher books digital e-book ebooks library online shop book-store digital-book story study knowledge shopping business modern multipage","kindOfShops":"The template was made for books, learning, education sites.","metaDescription":"This Books For Rent Modern Multipage HTML5 Template will help you to create a perfect website for your book renting business.","htmlTitle":"Books For Rent Modern Multipage HTML5 Template","shortDescription":"This is a great multipage HTML5 template with a clean and modern design. Suitable for a book renting website. Among the advantages of the template, there's a quality catalog, a section with reviews, and pages for your services. In the admin area, there are lots of options for setting absolutely all the elements. Starting with the logo and the color of the background and ending with the style of headers and footers. Each element of the site is carefully designed and looks amazing on any screens. The speed of the site is also at the highest level due to clean and high-quality code. The Booksmart template won't ever let you down and will become your reliable assistant. The template also went through the various tests of optimization for mobile devices.<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 Education & Books website template</h3> <p><b>What is it?</b></p><p>When you travel somewhere, far away things shift a lot slower as compared to the near ones. Imitation of such an effect on the homepage - if the background image shifts slower compared to the content, is named parallax. It is usually utilized to make a feeling of space in the potential customer's eyes.</p> <p><b>Why is it Good?</b></p><p>Through the parallax scrolling effect, you may add the false impression of depth to your site, hence offering your info in a more fascinating style.</p><p>View latest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax web templates</a> here</p> <h3>This Education website template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the website page adjusts its shape and size to suit any sort of screen, from the tiniest cell phones to the widest Laptop computer displays. For every gadget, website page elements expand or shrink to seem perfect.</p> <p><b>Why is it Good?</b></p><p>Responsive design may let a web site look equally nice on display screen of any personal pc or hand held gadget.</p><p>Latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <h3>This Education website template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>The Search Engine Friendly web page helps any searcher to examine every page of the website, identify the information and index them in the database.</p> <p><b>Why is it Good?</b></p><p>Search Engine Optimized themes will help you raise your web-site rank in google search results.</p><p>Find more <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly website templates</a> here</p> <h3>This is a Bootstrap Education & Books website design template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for setting up webpages.</p> <p><b>Why is it Good?</b></p><p>Through the help of Bootstrap, you can establish absolutely responsive web designs by means of HTML and CSS based themes for typography, fonts, forms, buttons, tables, and the like.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website templates</a> here</p> <br /></div></div></div></div>","nameOfTheTemplate":"Booksmart - Books for Rent Modern Multipage HTML5 Website Template","bitLyUrl":"http://bit.ly/1OYm1JJ","showVariantForcibly":"b","trendiness":"2","authorUserId":"1553971","lastmod":"2022-01-09T13:56:34-05:00","loyaltySells":"1","sqi":"95","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","dqi":"00","skupromo":"43%","alreadyPacked":"1","marketplaceMembership":"One","imageKeyFeatures":"https://s.tmimgcdn.com/scr/57700/57743-en_01.jpg, https://s.tmimgcdn.com/scr/57700/57743-en_02.jpg, https://s.tmimgcdn.com/scr/57700/57743-en_03.jpg, https://s.tmimgcdn.com/scr/57700/57743-en_04.jpg, https://s.tmimgcdn.com/scr/57700/57743-en_05.jpg, https://s.tmimgcdn.com/scr/57700/57743-en_06.jpg, https://s.tmimgcdn.com/scr/57700/57743-en_07.jpg, https://s.tmimgcdn.com/scr/57700/57743-en_08.jpg, https://s.tmimgcdn.com/scr/57700/57743-en_09.jpg, https://s.tmimgcdn.com/scr/57700/57743-en_10.jpg","previewScreensOrVideoURLs":"57700/57743_01-big.jpg, 57700/57743_02-big.jpg, 57700/57743_03-big.jpg, 57700/57743_04-big.jpg, 57700/57743_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\"/>","dynamicChangeLog":"<ul>\n<li>- 3 HTML issues fixed</li>\n<li>- 3 minor styles bugs fixed</li>\n</ul>","customUrl":"/website-templates/57743.html","demoMetaDescription":"View the demo of the top notch Booksmart - Books for Rent Modern Multipage HTML5 Website Template (#57743) get yourself acquainted with this template before you decide to buy it. View the pages, check out the images, click the buttons, explore the functionality.","isOldDemoUrl":"1","advImage":"https://s.tmimgcdn.com/scr/57700/57743-original.jpg","tags":["author","book","books","business","digital","knowledge","library","modern","online","publisher","shop","shopping","story","study"],"pHPVersionCompatibility":"7.x","hELPURL":"/quick-start-guide/responsive-javascript-animated/","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"HTML Website Templates","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: Wed, 18 Dec 2024 03:46:26 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=57743&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=57743&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=57743&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 18 Dec 2024 03:51:26 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/wt_prod-21758/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#57743 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/57743.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 #57743            </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=57743&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>