string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=191601&expand=properties"
string(13534) "[{"templateId":191601,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":104,"categoryName":"Artist Portfolio Templates","templateTitle":"Artist Portfolio Responsive Website Template","templatePreviewHtmlTitle":"Patron - Publishing Company HTML5 Template - TemplateMonster","templateDemoHtmlTitle":"Live demo for Patron - Publishing Company HTML5 Template #191601","typeShortName":"Website","templatePreviewFBTitle":"<h2><strong>Modern Publishing Company HTML5 Template</strong></h2><p>A publishing company HTML5 template provides a set of highly useful tools for website development. Nowadays, every business needs to have a properly designed website. it is also true for personal websites. But even if you own a well-established publishing company, having a properly designed website is a must. It can help you promote your services online easily. Still, developing such a site from scratch is a tricky matter.</p><p>That's why many people choose HTML5 website templates. These are ready-made solutions designed for easier web development. Moreover, they provide your website with high responsiveness thanks to the Bootstrap 5 framework. Also, such solutions are highly customizable. This means you can create nearly anything you want with HTML5 templates. And if you are looking for one to match your publishing company, we have something you may appreciate.</p><h3><strong>HTML5 Website Template for Publishing Company with Lots of Features</strong></h3><p>The Patron publishing company HTML5 template provides a modern & clean design. It is combined with a detailed layout for various types of content. This solution is perfect for both publishing companies and individual entrepreneurs in the publishing business. Besides, you can easily change the looks of your website with this template. What's more important, your future website will become more stable and interactive thanks to the built-in features and benefits:</p><ol><li>W3C valid coding;</li><li>SEO-ready & responsive layout;</li><li>Google Fonts & Google Maps;</li><li>SCSS & Pug source files;</li><li>Cross-browser support.</li></ol><p>Aside from these advantages, our publishing company HTML5 template provides other great features. For example, it includes well-developed header & footer. They provide your customers with easy-to-use navigation and integrated site search. With the help of a full-width homepage header section, you can also create a memorable first impression. It will help you convey a powerful message to your potential customers.</p><h2><strong>Multipage & Content-Rich Website Template</strong></h2><p>The template we offer you also includes a wide choice of pre-designed HTML5 pages. They are intended to be used for various purposes. For example, you can tell more about upcoming publications & releases via the Popular News page. Moreover, you'll be able to post regular updates about your publishing company via the blog. We also recommend using the Contacts page to stay in touch with your clients and readers.</p><p>If you are looking for more information about this template, feel free to read its documentation. It includes a variety of information about HTML5 templates we provide. Besides, the documentation answers common questions about website templates in an easy-to-understand manner. But if you require additional assistance, our friendly & qualified team will be happy to help you at any time. We also recommend you take a look at our template catalog. It contains hundreds of ready-made templates and landing pages for your website.</p><p><em>Please note that .psd files are not included in this template package.</em></p>","templateFullTitle":"Patron - Publishing Company HTML5 Template","templatePreviewMetaDescription":"Modern Publishing Company HTML5 TemplateA publishing company HTML5 template provides a set of highly useful tools for website development. Nowadays, every","templateDemoMetaDescription":"Before you purchase it, get yourself familiar with the top notch Patron - Publishing Company HTML5 Template Website Template (#191601) by experiencing the live preview. Go through the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Patron - Publishing Company HTML5 Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/patron-publishing-company-html5-template-191601.html","userRating":0,"designIndex":1,"authorUserId":"1519369","exclusive":"1","state":1,"price":39,"inserted_date":"2021-07-29","sent":0,"downloads":3,"search_words":"bootstrap 5 blog blogger blogging creative editorial flat blog gallery lifestyle magazine modern news personal personal blog publisher writer news portal html5 theme author reader","is_adult":0,"exc_price":2100,"sent_date":"2021-07-29 11:38:54","last_upload":"2021-07-29 11:39:06","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"191601-2-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":191601,"width":1600,"window_params":"","banner_url":"","id":2384946,"href":"","height":1000},{"scr_type_id":311,"filename":"191601-2-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":191601,"width":1600,"window_params":"","banner_url":"","id":2384947,"href":"","height":1000},{"scr_type_id":312,"filename":"191601-2-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":191601,"width":370,"window_params":"","banner_url":"","id":2384948,"href":"","height":370},{"scr_type_id":9,"filename":"191601-2-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":191601,"width":145,"window_params":"","banner_url":"","id":2384949,"href":"","height":156},{"scr_type_id":57,"filename":"191601-2-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":191601,"width":430,"window_params":"","banner_url":"","id":2384950,"href":"","height":269}],"demoUrl":"/demo/191601.html","image":"https://s.tmimgcdn.com/scr/191600/patron-publishing-company-html5-template_191601-2-original.jpg","searchHash":"54e5f79115da5776038c5ed18c09794c","previewHash":"c439d4858d5cc52e0f194a596f13187a","authorNickname":"ZEMEZ","lowLevelTopic":"Artist Portfolio Templates; Publishing Company Templates; Book Reviews Templates; Education Templates; Music Templates; Science Templates; Personal Page Templates; Business & Services; Writer and Author; Comic Store","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":39,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","featured":"Ukraine","color":["white","grey","pink"],"followUpLetter":"website-template-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"10977797","uniqueKeywords":"bootstrap 5,blog,blogger,blogging,creative,editorial,flat blog,gallery,lifestyle,magazine,modern,news,personal,personal blog,publisher,writer,news portal,html5 theme,author,reader","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Modern Publishing Company HTML5 TemplateA publishing company HTML5 template provides a set of highly useful tools for website development. Nowadays, every","isLastAdded":"1","bootstrapVersion":"5.x","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1519369/23bc7a3836ac7d5dbc83088901070988.jpg, https://s3u.tmimgcdn.com/u1519369/52e0eae0d90ae1c8b9ff9aba2d176f32.jpg, https://s3u.tmimgcdn.com/u1519369/70030947a486181d9d4da0278ecb72ef.jpg, https://s3u.tmimgcdn.com/u1519369/1209dcedfeb4c70821bc2854e87580e2.jpg, https://s3u.tmimgcdn.com/u1519369/5d62b4c533053b1251a1c2ccfe98033f.jpg, https://s3u.tmimgcdn.com/u1519369/5f82bc2f7345f2416864dff3b8925d44.jpg, https://s3u.tmimgcdn.com/u1519369/015593c517c80e1820673fea2a877674.jpg, https://s3u.tmimgcdn.com/u1519369/b874884c7db6fed953be5edbf55f5770.jpg","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Dropdown Menu","Google map","Blog","HTML 5","JQuery","HTML plus JS"],"saleSells":"1","livePreviewURL":"https://ld-wt73.template-help.com/wt_prod-31411/","authorUserId":"1519369","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1519369/1ebac5a6f85b501e6e15582902f03cfb.jpg","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","alreadyPacked":"1","exclusive":"1","imagesIncluded":"Yes","templateIcon":"icon-monster_dark","lastmod":"2022-01-14T11:42:22-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1519369/6dbad2c05f99fa3eb0a4e0712981fffa.jpg, https://s3u.tmimgcdn.com/u1519369/0b8b72e8de1d5238fc34898454080c9e.jpg, https://s3u.tmimgcdn.com/u1519369/93b735e70da6340b9f682d62031fc7c8.jpg, https://s3u.tmimgcdn.com/u1519369/f5983b9b22bb9ea6e864d7290c24271b.jpg, https://s3u.tmimgcdn.com/u1519369/c83e0f466a273413ec209e8cb44245d6.jpg","authorMainScreenshotVersion":"2","types":"HTML Website Templates","trendiness":"1","demoMetaDescription":"Before you purchase it, get yourself familiar with the top notch Patron - Publishing Company HTML5 Template Website Template (#191601) by experiencing the live preview. Go through the pages, check the images, press the buttons, explore the features.","shortDescription":"<h2><strong>Modern Publishing Company HTML5 Template</strong></h2><p>A publishing company HTML5 template provides a set of highly useful tools for website development. Nowadays, every business needs to have a properly designed website. it is also true for personal websites. But even if you own a well-established publishing company, having a properly designed website is a must. It can help you promote your services online easily. Still, developing such a site from scratch is a tricky matter.</p><p>That's why many people choose HTML5 website templates. These are ready-made solutions designed for easier web development. Moreover, they provide your website with high responsiveness thanks to the Bootstrap 5 framework. Also, such solutions are highly customizable. This means you can create nearly anything you want with HTML5 templates. And if you are looking for one to match your publishing company, we have something you may appreciate.</p><h3><strong>HTML5 Website Template for Publishing Company with Lots of Features</strong></h3><p>The Patron publishing company HTML5 template provides a modern & clean design. It is combined with a detailed layout for various types of content. This solution is perfect for both publishing companies and individual entrepreneurs in the publishing business. Besides, you can easily change the looks of your website with this template. What's more important, your future website will become more stable and interactive thanks to the built-in features and benefits:</p><ol><li>W3C valid coding;</li><li>SEO-ready & responsive layout;</li><li>Google Fonts & Google Maps;</li><li>SCSS & Pug source files;</li><li>Cross-browser support.</li></ol><p>Aside from these advantages, our publishing company HTML5 template provides other great features. For example, it includes well-developed header & footer. They provide your customers with easy-to-use navigation and integrated site search. With the help of a full-width homepage header section, you can also create a memorable first impression. It will help you convey a powerful message to your potential customers.</p><h2><strong>Multipage & Content-Rich Website Template</strong></h2><p>The template we offer you also includes a wide choice of pre-designed HTML5 pages. They are intended to be used for various purposes. For example, you can tell more about upcoming publications & releases via the Popular News page. Moreover, you'll be able to post regular updates about your publishing company via the blog. We also recommend using the Contacts page to stay in touch with your clients and readers.</p><p>If you are looking for more information about this template, feel free to read its documentation. It includes a variety of information about HTML5 templates we provide. Besides, the documentation answers common questions about website templates in an easy-to-understand manner. But if you require additional assistance, our friendly & qualified team will be happy to help you at any time. We also recommend you take a look at our template catalog. It contains hundreds of ready-made templates and landing pages for your website.</p><p><em>Please note that .psd files are not included in this template package.</em></p>","tags":["author","creative","editorial","gallery","lifestyle","magazine","modern","news","personal","publisher","reader","writer","blogger","blog","blogging","personal blog","bootstrap 5","flat blog","news portal","html5 theme"],"bitLyUrl":"https://bit.ly/3f9JyKR","customUrl":"/website-templates/patron-publishing-company-html5-template-191601.html","nameOfTheTemplate":"Patron - Publishing Company HTML5 Template","paidSupport":"Yes","topic":["Books","Art Templates","Artist Portfolio Templates","Publishing Company Templates","Book Reviews Templates","Education Templates","Music Templates","Science Templates","Personal Page Templates","Art & Culture","Education & Books","Business & Services","Society & People","Writer and Author","Comic Store"],"styles":"Neutral","marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u1519369/b86ac50da8cc0e2d580dee1d09acce9d.jpg","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: Fri, 17 May 2024 14:54:53 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(293) "Link: <http://products/api/v2/products/en?language=en&ids=191601&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=191601&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=191601&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 17 May 2024 14:59:53 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://ld-wt73.template-help.com/wt_prod-31411/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#191601 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/191601.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 #191601            </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=191601&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $36                <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>