string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58731&expand=properties"
string(16373) "[{"templateId":58731,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":281,"categoryName":"News Portal Templates","templateTitle":"News Portal Responsive Website Template","templatePreviewHtmlTitle":"KingNews - News Portal Responsive Website Template","templateDemoHtmlTitle":"Demo Preview for KingNews - News Portal Responsive Website Template #58731","typeShortName":"Website","templatePreviewFBTitle":"<h2>Flexible & News Portal Responsive Website Template</h2><p><br></p><p>A news portal responsive website template provides your website with a great opportunity to easily publish the latest news. In modern times, it is hard to find a person that does not use the Internet. And this is why printed magazines and newspapers are less and less popular nowadays. It is obvious and this is why all media try to be online. After all, it is easier even for newspapers to spread information directly to subscribers and website visitors.</p><p>However, newspaper websites have a specific design. Due to this design, a person can easily recognize a news website and media can present tones of information in the most preferable way. But it takes a lot of skills to create a good news media website. And if you delegate web development to others you will still lose a lot of time. This is why website templates are your perfect option. And this is why we recommend you to check out our KingNews HTML template built with Bootstrap 4.</p><p><br></p><p><br></p><h3>HTML Template with a Variety of Awesome Features</h3><p><br></p><p>KingNews news portal responsive website template has a clean and classic design. It allows you to present a lot of titles, images, and quotes. And at the same time it is highly interactive due to a huge set of UI blocks and elements. This website template is also fully editable and you can change any part of it. You can use various CSS3 elements, animations, and transitions to help you with this mission. If you want you can add more elements to create a news website that perfectly suits your media business. Also, you can freely use a variety of these features:</p><ol><li>SCSS & Pug source files;</li><li>Cross-browser support;</li><li>Blog;</li><li>Optimized for Speed;</li><li>Google Fonts.</li></ol><p>Our solution is also a multipage news portal responsive website template. It means that you can sort information into different categories. There are also working forms, megafooter, and other useful features. Coders also made a good job and you can be sure that your website is highly responsive. It also works on all devices with any operating system. Also, you can check all the listed features on a product's demo page.</p><p><br></p><h2>Fully Customizable Website Template for News Portals</h2><p><br></p><p><br></p><p>As said above, this template is supplied with a variety of elements, layouts, and blocks. You can freely customize your website to build a fully unique news portal. Various content sections integrated into the KingNews news portal responsive website template will help you provide your readers with any necessary information. We also recommend using various news page layouts to give your visitors direct access to your publications.</p><p>If you require more information about this template, you can always read its documentation. It answers all common questions about configuring and installing KingNews. Also, it describes every basic process in detailed steps. However, you may always contact our professional support to get additional assistance. Our experts will give you extra clarifications on how to use any of our products.</p>","templateFullTitle":"KingNews - News Portal Responsive Website Template","templatePreviewMetaDescription":"Flexible & News Portal Responsive Website TemplateA news portal responsive website template provides your website with a great opportunity to easily publish","templateDemoMetaDescription":"Try out the live preview of the top quality King News - Multipurpose Website Template (#58731) to discover what this design is before you decide to buy it. Click through the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":"King News - Multipurpose Website Template","anchorTitle":"KingNews - News Portal Responsive Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/king-news-multipurpose-website-template-58731.html","userRating":"4.5","designIndex":"98","authorUserId":"1768190","exclusive":"0","state":1,"price":61,"inserted_date":"2016-04-20","sent":1,"downloads":355,"search_words":"newspaper,entertainment,events,article,post,blog,magazine,easy,personal,consulting,financial,portfolio,agency,corporate,technology","is_adult":0,"exc_price":5000,"sent_date":"2020-05-22 03:09:24","last_upload":"2020-05-29 09:50:22","package_id":258,"hasExclusivePrice":0,"screenshots":[{"id":1651353,"templ_id":58731,"filename":"58731-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":1651354,"templ_id":58731,"filename":"58731-origin-1200.jpg","width":1903,"height":7875,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1651355,"templ_id":58731,"filename":"58731-origin.jpg","width":1903,"height":7875,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1651356,"templ_id":58731,"filename":"58731-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":1651357,"templ_id":58731,"filename":"58731-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":1651358,"templ_id":58731,"filename":"58731-b-responsive.jpg","width":430,"height":1779,"href":"","window_params":"","scr_type_id":297,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1651359,"templ_id":58731,"filename":"58731-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":1651360,"templ_id":58731,"filename":"58731-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":1651361,"templ_id":58731,"filename":"58731-original-1200.jpg","width":1903,"height":7875,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1651362,"templ_id":58731,"filename":"58731-big.jpg","width":965,"height":3993,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1651363,"templ_id":58731,"filename":"58731-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1651364,"templ_id":58731,"filename":"58731-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":1651365,"templ_id":58731,"filename":"58731-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":1651366,"templ_id":58731,"filename":"58731-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":1651367,"templ_id":58731,"filename":"58731-banner.jpg","width":408,"height":55,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/58731.html","image":"https://s.tmimgcdn.com/scr/58700/kingnews-news-portal-responsive-website-template_58731-original.jpg","searchHash":"ddf8d76153102a8e80075e2d8a8caf82","previewHash":"66059b4fed7dffb781a32259d1cc68cc","authorNickname":"RockThemes","lowLevelTopic":"News Portal Templates","weightedRating":4.4444444444444,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":59,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Responsive","Bootstrap","On-line chat","Multipurpose"],"styles":["Neutral","Flat"],"languageSupport":"English","webForms":["Contact Form","Search Form"],"badge":"badge-responsive","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"templateSources":[".PSD",".HTML"],"topic":["News Portal Templates","Media Templates","Business & Services"],"documentationVersion":"v1.1","isFree":"none","popularity":"Top Rated","dateRange":"Last Year","bootstrapVersion":"3.2.0","nomotopress":"1","color":["black","white"],"issuggestion":"1","livePreviewURL":"https://ld-wt73.template-help.com/wt_prod-28719/","width":"1920px","imageDescription":"https://s.tmimgcdn.com/scr/58700/58731-responsive-layout.jpg","uniqueKeywords":"newspaper,entertainment,events,article,post,blog,magazine,easy,personal,consulting,financial,portfolio,agency,corporate,technology","nameOfTheTemplate":"KingNews - News Portal Responsive Website Template","shortDescription":"<h2>Flexible & News Portal Responsive Website Template</h2><p><br></p><p>A news portal responsive website template provides your website with a great opportunity to easily publish the latest news. In modern times, it is hard to find a person that does not use the Internet. And this is why printed magazines and newspapers are less and less popular nowadays. It is obvious and this is why all media try to be online. After all, it is easier even for newspapers to spread information directly to subscribers and website visitors.</p><p>However, newspaper websites have a specific design. Due to this design, a person can easily recognize a news website and media can present tones of information in the most preferable way. But it takes a lot of skills to create a good news media website. And if you delegate web development to others you will still lose a lot of time. This is why website templates are your perfect option. And this is why we recommend you to check out our KingNews HTML template built with Bootstrap 4.</p><p><br></p><p><br></p><h3>HTML Template with a Variety of Awesome Features</h3><p><br></p><p>KingNews news portal responsive website template has a clean and classic design. It allows you to present a lot of titles, images, and quotes. And at the same time it is highly interactive due to a huge set of UI blocks and elements. This website template is also fully editable and you can change any part of it. You can use various CSS3 elements, animations, and transitions to help you with this mission. If you want you can add more elements to create a news website that perfectly suits your media business. Also, you can freely use a variety of these features:</p><ol><li>SCSS & Pug source files;</li><li>Cross-browser support;</li><li>Blog;</li><li>Optimized for Speed;</li><li>Google Fonts.</li></ol><p>Our solution is also a multipage news portal responsive website template. It means that you can sort information into different categories. There are also working forms, megafooter, and other useful features. Coders also made a good job and you can be sure that your website is highly responsive. It also works on all devices with any operating system. Also, you can check all the listed features on a product's demo page.</p><p><br></p><h2>Fully Customizable Website Template for News Portals</h2><p><br></p><p><br></p><p>As said above, this template is supplied with a variety of elements, layouts, and blocks. You can freely customize your website to build a fully unique news portal. Various content sections integrated into the KingNews news portal responsive website template will help you provide your readers with any necessary information. We also recommend using various news page layouts to give your visitors direct access to your publications.</p><p>If you require more information about this template, you can always read its documentation. It answers all common questions about configuring and installing KingNews. Also, it describes every basic process in detailed steps. However, you may always contact our professional support to get additional assistance. Our experts will give you extra clarifications on how to use any of our products.</p>","kindOfShops":"Use this theme for blogs, news portals, online newspapers and magazines.","metaDescription":"Flexible & News Portal Responsive Website TemplateA news portal responsive website template provides your website with a great opportunity to easily publish","htmlTitle":"News Portal Responsive Website Template for Online Newspapers and Magazines","imageKeyFeatures":"https://s.tmimgcdn.com/scr/58700/58731-en_01.jpg, https://s.tmimgcdn.com/scr/58700/58731-en_02.jpg, https://s.tmimgcdn.com/scr/58700/58731-en_03.jpg, https://s.tmimgcdn.com/scr/58700/58731-en_04.jpg, https://s.tmimgcdn.com/scr/58700/58731-en_05.jpg, https://s.tmimgcdn.com/scr/58700/58731-en_06.jpg, https://s.tmimgcdn.com/scr/58700/58731-en_07.jpg, https://s.tmimgcdn.com/scr/58700/58731-en_08.jpg, https://s.tmimgcdn.com/scr/58700/58731-en_09.jpg, https://s.tmimgcdn.com/scr/58700/58731-en_10.jpg, https://s.tmimgcdn.com/scr/58700/58731-en_11.jpg, https://s.tmimgcdn.com/scr/58700/58731-en_12.jpg","bitLyUrl":"http://bit.ly/1YIqcLV","reviewsTotal":"17","reviewAverageScore":"4.5","showVariantForcibly":"b","trendiness":"2","dynamicChangeLog":"<ul><li>- 1 CSS bug fixed</li><li>- 3 font bugs fixed</li><li>- 1 minor styles issue fixed</li></ul>","lastmod":"2021-09-01T15:38:04-04:00","exclusive":"0","sqi":"95","templateSupportOptions":"[{\"id\":199340,\"template_id\":235283,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":199341,\"template_id\":235283,\"type\":4,\"measure\":\"minute\",\"value\":5,\"phone\":\"\"}]","dqi":"98","authorUserId":"1768190","skupromo":"8%","specificTemplateNamePreview":"King News - Multipurpose Website Template","changeLog":"KingNews Version 1.3 (May 22, 2020)\r\nAdditions\r\n- ADD: Preloader Plugin;\r\n- ADD: Campaign Monitor Plugin;\r\n- UPD: Update Bootstrap Script 3 to Bootstrap 4;\r\n- UPD: jQuery 1.1.1 to jQuery 3.2.1;\r\n- UPD: jQuery Migrate 1.2 to jQuery Migrate 3.0;\r\n- UPD: jQuery Cookie;\r\n- UPD: jQuery Easing;\r\n- UPD: UI To Top plugin;\r\n- UPD: Copyright Year Plugin;\r\n- UPD: RD Mailform updated;\r\n- UPD: RD Navbar updated;\r\n- UPD: Offset system has changed;\r\n- FIX: Markup fixes;\r\n- FIX: Minor bug fixes.","previewScreensOrVideoURLs":"https://www.youtube.com/embed/_osMJW3KptU","marketplaceMembership":"One","excludeExclusive":"Yes","customUrl":"/website-templates/king-news-multipurpose-website-template-58731.html","demoMetaDescription":"Try out the live preview of the top quality King News - Multipurpose Website Template (#58731) to discover what this design is before you decide to buy it. Click through the pages, examine the images, click the buttons, explore the features.","isOldDemoUrl":"1","affiliateSells":"1","authorMainScreenshot":"https://s.tmimgcdn.com/scr/58700/58731-0-original.jpg","changeLogDate":"2020-05-29","saleSells":"1","productSize":"199355371","tags":["agency","article","consulting","corporate","easy","entertainment","events","financial","magazine","newspaper","personal","portfolio","post","technology","blog"],"pHPVersionCompatibility":"7.x","templateIcon":"icon-bootstrap","hELPURL":"/quick-start-guide/bootstrap-template/","notice":"Some of the forms included (like booking, registration, comment submission forms, etc.) may require extra scripts and/or database functionality.","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"HTML Website Templates","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: Wed, 24 Apr 2024 07:15:03 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=58731&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58731&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58731&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 24 Apr 2024 07:20:03 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-28719/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58731 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/58731.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 #58731            </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=58731&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>