string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=75894&expand=properties"
string(12119) "[{"templateId":75894,"typeId":86,"typeName":"Admin Template","typeUrl":"admin-templates","categoryId":138,"categoryName":"IT Templates","templateTitle":"IT Admin Template","templatePreviewHtmlTitle":"Letstart - Bootstrap Admin Template #75894 - TemplateMonster","templateDemoHtmlTitle":"Demo for Letstart - Bootstrap Admin Template #75894","typeShortName":"Admin","templatePreviewFBTitle":"<h3>LetStart Bootstrap Admin Dashboard Template</h3><p><br /></p><p>LetStart Admin is a full featured, multipurpose, premium bootstrap admin template built with Bootstrap 4 Framework, HTML5, CSS and JQuery.</p><p><br /></p><p>It is a fully responsive bootstrap admin template / bootstrap admin dashboard template that comes with a huge collection of reusable UI components &amp; plugins.</p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><h3>Benefits of using LetStart Bootstrap 4 Admin Panel Template</h3><p><br /></p><p>LetStart is one of the best admin panel templates. With this bootstrap admin template, you can quick start your project. Why waste time starting from scratch; try out our admin dashboard template. LetStart is crafted based on google material design so that you can be assured that your application follows the best practices in usability and performance.</p><p><br /></p><p>LetStart admin dashboard works seamlessly on all major web browsers and devices. This is one of the best bootstrap admin templates available on <strong>templatemonster</strong></p><p><br /></p><p>It can be used for building all types of Web applications like custom admin panel or admin dashboard, web application backend, eCommerce backends, CMS, CRM or SAAS. This will accelerate your development, reduce QA time and save a lot of time &amp; money.</p><p><br /></p><p>LetStart bootstrap admin template follows flat design guidelines which make it sleek, clean, intuitive and user-friendly.</p><p><br /></p><p>Once you purchase LetStart admin panel template, you will be entitled to free download of all future updates.</p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><h3>Features List</h3><p><br /></p><p>- Awesome Dashboard &amp; Widgets</p><p>- 100+ of UI Components</p><p>- Admin Template based on Bootstrap 4</p><p>- Fully Responsive pages</p><p>- Easy to customize</p><p>- Lots of Table, forms, charts and many more Examples</p><p>- Validation Forms</p><p>- Ready to use plugin</p><p>- W3C Validated</p><p>- Latest technologies used</p><p><br /></p><p>We appriciate your valuable feedback.</p><p><br /></p><p>Thanks for purchaing the product</p><p><br /></p><h3>SUPPORT</h3><p><br /></p><p>My product comes with an extensive help file to help you understand how it works. If you encounter any problems or have questions once you purchased the theme feel free to contact me. Reply times can be up to <strong>24 / 72 hours Monday to Sunday</strong>. Please be patient when posting an issue as i work (IST+00:00) time zone.</p><p><br /></p><p><strong>Updates</strong></p><p><em>v.1.2 (9 March 2021)</em></p><p><em>Gulp Task Runner Implement</em></p><p><em>Modern structure</em></p><p><em>Bug Fixing</em></p><p><br /></p><p><em>v.1.1 (9 January 2019)</em></p><p>[FIXED]Fixed previous version errors.</p><p>[FIXED]Submenu fix in small nav</p><p>[ADDED]New preview page added</p><p>[ADDED]New Ajax bar added</p><p>[ADDED]New loader added</p>","templateFullTitle":"Letstart - Bootstrap Admin Template","templatePreviewMetaDescription":"LetStart Bootstrap Admin Dashboard TemplateLetStart Admin is a full featured, multipurpose, premium bootstrap admin template built with Bootstrap 4 Framework,","templateDemoMetaDescription":"Try out the demo preview of the top quality Letstart - Bootstrap4 Admin Template (#75894) get yourself acquainted with this template before you buy it. Browse through the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Letstart - Bootstrap Admin Template","anchorFeature":"","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/admin-templates/letstart-bootstrap4-admin-template-75894.html","userRating":"5","designIndex":"84","authorUserId":"1597564","exclusive":"0","state":1,"price":18,"inserted_date":"2018-12-17","sent":0,"downloads":19,"search_words":"admin,dashboards,panel,backend,multipurpose,clean,modern,creative,html5,jquery,responsive,allinone,business,bootstrap,premium,modern","is_adult":0,"exc_price":2100,"sent_date":"2018-12-17 04:46:37","last_upload":"2020-05-21 03:21:47","package_id":295,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":334,"filename":"75894-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":75894,"width":800,"window_params":"","banner_url":"","id":1789233,"href":"","height":1200},{"scr_type_id":311,"filename":"75894-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":75894,"width":800,"window_params":"","banner_url":"","id":1789234,"href":"","height":1200},{"scr_type_id":312,"filename":"75894-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":75894,"width":370,"window_params":"","banner_url":"","id":1789235,"href":"","height":370},{"scr_type_id":9,"filename":"75894-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":75894,"width":145,"window_params":"","banner_url":"","id":1789236,"href":"","height":156},{"scr_type_id":57,"filename":"75894-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":75894,"width":430,"window_params":"","banner_url":"","id":1789237,"href":"","height":645}],"demoUrl":"/demo/75894.html","image":"https://s.tmimgcdn.com/scr/75800/letstart-bootstrap-admin-template_75894-original.jpg","searchHash":"d453f0c27683690a4fc6633621d6eb80","previewHash":"e728d3d97a5d3fbcbe15e8f1db0404f5","authorNickname":"LettStartDesign","lowLevelTopic":"IT Templates; Software Templates; Finance; Intranet","weightedRating":4.25,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":35,"onSale":1,"finalPrice":13,"discountPercent":30,"discountAmount":5,"semiannualSales":0,"properties":{"productFamily":"None","color":"white","dateRange":"Last Year","reviewsTotal":"2","productSize":"27857703","uniqueKeywords":"admin,dashboards,panel,backend,multipurpose,clean,modern,creative,html5,jquery,responsive,allinone,business,bootstrap,premium,modern","templateSupportOptions":"[]","reviewAverageScore":"5","changeLog":"Gulp Task Runner Implement\nModern structure\nBug Fixing","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"LetStart Bootstrap Admin Dashboard TemplateLetStart Admin is a full featured, multipurpose, premium bootstrap admin template built with Bootstrap 4 Framework,","excludeExclusive":"Yes","saleSells":"1","livePreviewURL":"https://lettstartdesign.com/admin/preview/","authorUserId":"1597564","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/1597564-1543070041802_800-1200.jpg","templateGroup":"HTML Templates","popularity":"Top Rated","alreadyPacked":"1","exclusive":"0","imagesIncluded":"Yes","templateSoftwareRequired":"Visual Studio","templateIcon":"icon-admin","lastmod":"2021-09-12T11:53:53-04:00","previewScreensOrVideoURLs":"https://s3.tmimgcdn.com/templates/21491/scr/1546970782358_New%20Project.jpg, https://s3.tmimgcdn.com/templates/20891/scr/1545062626479_lp2.jpg, https://s3.tmimgcdn.com/templates/20891/scr/1545062629657_lp3.jpg, https://s3.tmimgcdn.com/templates/20891/scr/1545062638823_table.jpg, https://s3.tmimgcdn.com/templates/21491/scr/1546970795057_New%20Project%20%282%29.jpg","types":"Admin Templates","trendiness":"1","demoMetaDescription":"Try out the demo preview of the top quality Letstart - Bootstrap4 Admin Template (#75894) get yourself acquainted with this template before you buy it. Browse through the pages, check the images, click the buttons, explore the features.","shortDescription":"<h3>LetStart Bootstrap Admin Dashboard Template</h3><p><br /></p><p>LetStart Admin is a full featured, multipurpose, premium bootstrap admin template built with Bootstrap 4 Framework, HTML5, CSS and JQuery.</p><p><br /></p><p>It is a fully responsive bootstrap admin template / bootstrap admin dashboard template that comes with a huge collection of reusable UI components &amp; plugins.</p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><h3>Benefits of using LetStart Bootstrap 4 Admin Panel Template</h3><p><br /></p><p>LetStart is one of the best admin panel templates. With this bootstrap admin template, you can quick start your project. Why waste time starting from scratch; try out our admin dashboard template. LetStart is crafted based on google material design so that you can be assured that your application follows the best practices in usability and performance.</p><p><br /></p><p>LetStart admin dashboard works seamlessly on all major web browsers and devices. This is one of the best bootstrap admin templates available on <strong>templatemonster</strong></p><p><br /></p><p>It can be used for building all types of Web applications like custom admin panel or admin dashboard, web application backend, eCommerce backends, CMS, CRM or SAAS. This will accelerate your development, reduce QA time and save a lot of time &amp; money.</p><p><br /></p><p>LetStart bootstrap admin template follows flat design guidelines which make it sleek, clean, intuitive and user-friendly.</p><p><br /></p><p>Once you purchase LetStart admin panel template, you will be entitled to free download of all future updates.</p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><h3>Features List</h3><p><br /></p><p>- Awesome Dashboard &amp; Widgets</p><p>- 100+ of UI Components</p><p>- Admin Template based on Bootstrap 4</p><p>- Fully Responsive pages</p><p>- Easy to customize</p><p>- Lots of Table, forms, charts and many more Examples</p><p>- Validation Forms</p><p>- Ready to use plugin</p><p>- W3C Validated</p><p>- Latest technologies used</p><p><br /></p><p>We appriciate your valuable feedback.</p><p><br /></p><p>Thanks for purchaing the product</p><p><br /></p><h3>SUPPORT</h3><p><br /></p><p>My product comes with an extensive help file to help you understand how it works. If you encounter any problems or have questions once you purchased the theme feel free to contact me. Reply times can be up to <strong>24 / 72 hours Monday to Sunday</strong>. Please be patient when posting an issue as i work (IST+00:00) time zone.</p><p><br /></p><p><strong>Updates</strong></p><p><em>v.1.2 (9 March 2021)</em></p><p><em>Gulp Task Runner Implement</em></p><p><em>Modern structure</em></p><p><em>Bug Fixing</em></p><p><br /></p><p><em>v.1.1 (9 January 2019)</em></p><p>[FIXED]Fixed previous version errors.</p><p>[FIXED]Submenu fix in small nav</p><p>[ADDED]New preview page added</p><p>[ADDED]New Ajax bar added</p><p>[ADDED]New loader added</p>","bitLyUrl":"http://bit.ly/2Gorb65","tags":["admin","bootstrap","business","clean","creative","dashboards","modern","multipurpose","panel","premium","responsive","html5","jquery","backend","allinone"],"customUrl":"/admin-templates/letstart-bootstrap4-admin-template-75894.html","nameOfTheTemplate":"Letstart - Bootstrap Admin Template","paidSupport":"Yes","topic":["IT Templates","Software Templates","Business & Services","Computers & Internet","Finance","Intranet"],"changeLogDate":"2021-03-09","marketplaceMembership":"One","advImage":"https://s3.tmimgcdn.com/u1597564/templates/73033/scr/q6Q_P1Btm88jhHYb-IfI.jpg","category":"Website templates","dqi":"84"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sun, 01 Dec 2024 06:36:06 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=75894&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=75894&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=75894&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 01 Dec 2024 06:41:06 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://lettstartdesign.com/admin/preview/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#75894 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/75894.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">
                Admin Templates #75894            </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=75894&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $17                <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="/admin-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>