string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=333766&expand=properties"
string(14411) "[{"templateId":333766,"typeId":86,"typeName":"Admin Template","typeUrl":"admin-templates","categoryId":128,"categoryName":"Marketing Agency Templates","templateTitle":"Marketing Agency Responsive Admin Template","templatePreviewHtmlTitle":"Premio - A Powerful Dynamic Laravel Admin Panel","templateDemoHtmlTitle":"Demo for Premio - A Powerful Dynamic Laravel Admin Panel #333766","typeShortName":"Admin","templatePreviewFBTitle":"<p><strong>Premio</strong> - A powerful admin panel for Laravel developers. It is made with the latest Laravel 10 version. The Premio admin template is one of the modern dynamic admin panels. It has high-end features, where users can easily change their projects according to their choice. Premio Laravel Admin Boilerplate provides you with a massive head start on any size web application. Out of the box, it has some massive features.</p><p><strong>Custom Server-Side Datatable:</strong> Premio has its own custom server-side data table. No dependency and you can load a million data within a very short time.</p><p><strong>Authentication: </strong>A complete secured custom authentication is available in Premio. Premio gives you a <strong>login with a rate limiter.</strong> There is a custom <strong>reset password option</strong> and <strong>two-factor (2-FA) authentication with an authentication app (TOTP)</strong>. Premio provides login with username or email options and only active users can log in to the application.</p><p><strong>User Manager</strong>: Premio gives you a complete user management system that you have nothing to do after installation. Dynamic user management. <strong>Role-based user access control </strong>with dynamic date range filter with custom server-side data table. All the data is loaded by the server-side custom data table. The trash option is also there for the user manager. Profile update with image and change password option is available in Premio.</p><p><strong>Blog: </strong>A complete blog system is available in Premio. <strong>Dynamic tags</strong> and <strong>multilevel categories</strong> are available for blog features. You can create a blog post with multiple tags and from multi-level categories with awesome keyword input.</p><p><strong>Media Manager</strong>: An awesome media manager is available in Premio. You can manage your media from the media manager in Premio.</p><p><strong>Roles &amp; Permissions: </strong>Unparallel roles and permissions features are available in Premio. You can manage user access control from the admin panel very easily.</p><p><strong>Database backup:</strong> You can backup MySQL database from the backup menu.</p><p><strong>Settings: </strong>We need settings to define our company information and other configurations. OK, from the settings menu, you can set up all the things that you need to do. There are also multiple theme-choosing options. Premio provides multiple themes.</p><p><strong>Activity Log:</strong> Premio tracks user activity. Every action of Premio is tracked and you can see it from the activity log menu. Without those features, premio provides many untold features. Just see the preview and start your project with Premio.</p><p>I assure it will reduce your time to complete a Laravel application within a very short time.</p>","templateFullTitle":"Premio - A Powerful Dynamic Laravel Admin Panel","templatePreviewMetaDescription":"Premio - A powerful admin panel for Laravel developers. It is made with the latest Laravel 10 version. The Premio admin template is one of the modern dynamic","templateDemoMetaDescription":"Prior to buying it, get informed about the top quality Premio - A Powerful Dynamic Admin Panel For Laravel Developers Admin Template (#333766) by experiencing the live preview. Browse through the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Premio - A Powerful Dynamic Laravel Admin Panel","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/admin-templates/premio-a-powerful-dynamic-admin-panel-for-laravel-developers-333766.html","userRating":0,"designIndex":1,"authorUserId":"78237876","exclusive":"1","state":1,"price":21,"inserted_date":"2023-05-18","sent":0,"downloads":1,"search_words":"admin dashboard admin dashboard admin template templates responsive premium application bootstrap laravel admin panel laravel admin panel template best laravel admin panel laravel blog with admin panel","is_adult":0,"exc_price":2100,"sent_date":"2023-05-18 10:49:51","last_upload":"2023-06-01 11:31:51","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3095564,"templ_id":333766,"filename":"333766-2-original.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3095565,"templ_id":333766,"filename":"333766-2-big.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3095566,"templ_id":333766,"filename":"333766-2-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":3095567,"templ_id":333766,"filename":"333766-2-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":3095568,"templ_id":333766,"filename":"333766-2-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/333766.html","image":"https://s.tmimgcdn.com/scr/333700/premio-a-powerful-dynamic-laravel-admin-panel_333766-2-original.png","searchHash":"50458c38edf93edc90ab32a372cf454e","previewHash":"4b140035dafb2c9d3b0d176ed9410b64","authorNickname":"laravelia","lowLevelTopic":"Marketing Agency Templates; SEO Website Templates; Outsourcing Company Templates; IT Templates; Software Company Templates; Web Development Templates; Transportation Templates; Merchant Services Templates; Job Portal Templates; Office Templates","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":1,"productBoost":0,"onSale":0,"finalPrice":19,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Premium","Responsive","Admin Panel","Search Engine Friendly","Bootstrap","Ajax","Multipurpose","Light Template","Quickstart Package","Advanced Theme Options","Performance Optimization","Blog","Gallery","Portfolio","HTML 5","JQuery","HTML plus JS","Lazy Load effect","Website Builder"],"styles":["Clean","Corporate","Dark","Mobile"],"isLastAdded":"1","topic":["Marketing Agency Templates","SEO Website Templates","Outsourcing Company Templates","IT Templates","Software Company Templates","Web Development Templates","Software Templates","Transportation Templates","Merchant Services Templates","Job Portal Templates","Office Templates","Business & Services","Computers & Internet","Finance"],"isFree":"none","color":["white","blue"],"productOfTheDay":"-5","showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["admin","application","bootstrap","dashboard","premium","responsive","templates","admin dashboard","admin template","laravel admin panel","laravel admin panel template","best laravel admin panel","laravel blog with admin panel"],"paidSupport":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":"8.0","databaseServerCompatibility":"MySQL 5.7","designSoftware":["Adobe Photoshop","Figma","Adobe Illustrator"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"frameworks":"Laravel v10.x","authorUserId":"78237876","excerpt":"<p>Premio - A powerful admin panel for Laravel developers. It is made with the latest Laravel 10 version. The Premio admin template is one of the modern dynamic admin panels.</p>","nameOfTheTemplate":"Premio - A Powerful Dynamic Laravel Admin Panel","shortDescription":"<p><strong>Premio</strong> - A powerful admin panel for Laravel developers. It is made with the latest Laravel 10 version. The Premio admin template is one of the modern dynamic admin panels. It has high-end features, where users can easily change their projects according to their choice. Premio Laravel Admin Boilerplate provides you with a massive head start on any size web application. Out of the box, it has some massive features.</p><p><strong>Custom Server-Side Datatable:</strong> Premio has its own custom server-side data table. No dependency and you can load a million data within a very short time.</p><p><strong>Authentication: </strong>A complete secured custom authentication is available in Premio. Premio gives you a <strong>login with a rate limiter.</strong> There is a custom <strong>reset password option</strong> and <strong>two-factor (2-FA) authentication with an authentication app (TOTP)</strong>. Premio provides login with username or email options and only active users can log in to the application.</p><p><strong>User Manager</strong>: Premio gives you a complete user management system that you have nothing to do after installation. Dynamic user management. <strong>Role-based user access control </strong>with dynamic date range filter with custom server-side data table. All the data is loaded by the server-side custom data table. The trash option is also there for the user manager. Profile update with image and change password option is available in Premio.</p><p><strong>Blog: </strong>A complete blog system is available in Premio. <strong>Dynamic tags</strong> and <strong>multilevel categories</strong> are available for blog features. You can create a blog post with multiple tags and from multi-level categories with awesome keyword input.</p><p><strong>Media Manager</strong>: An awesome media manager is available in Premio. You can manage your media from the media manager in Premio.</p><p><strong>Roles &amp; Permissions: </strong>Unparallel roles and permissions features are available in Premio. You can manage user access control from the admin panel very easily.</p><p><strong>Database backup:</strong> You can backup MySQL database from the backup menu.</p><p><strong>Settings: </strong>We need settings to define our company information and other configurations. OK, from the settings menu, you can set up all the things that you need to do. There are also multiple theme-choosing options. Premio provides multiple themes.</p><p><strong>Activity Log:</strong> Premio tracks user activity. Every action of Premio is tracked and you can see it from the activity log menu. Without those features, premio provides many untold features. Just see the preview and start your project with Premio.</p><p>I assure it will reduce your time to complete a Laravel application within a very short time.</p>","uniqueKeywords":"admin,dashboard,admin dashboard,admin template,templates,responsive,premium,application,bootstrap,laravel admin panel,laravel admin panel template,best laravel admin panel,laravel blog with admin panel","advImage":"https://s3u.tmimgcdn.com/u78237876/04816571b9d3c83be026ad54e054bfb6.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78237876/47f229bea3dbd3dba75f66c62bb15971.png","livePreviewURL":"https://premio.ceptruck.com","metaDescription":"Premio - A powerful admin panel for Laravel developers. It is made with the latest Laravel 10 version. The Premio admin template is one of the modern dynamic","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Prior to buying it, get informed about the top quality Premio - A Powerful Dynamic Admin Panel For Laravel Developers Admin Template (#333766) by experiencing the live preview. Browse through the pages, examine the images, click the buttons, explore the functionality.","customUrl":"/admin-templates/premio-a-powerful-dynamic-admin-panel-for-laravel-developers-333766.html","productSize":"24546221","changeLog":"## Indexing:: (Meaning of symbols on the left side)\n\n- (+) Added\n- (*) Fixed\n- (=) Improved\n- (-) Removed\n- (!) Info/Warning\n\n## Version 1.1 (22 May 2023)\n- (+) User Impernosation\n- (+) Dynamic table generation without data table with pagination\n- (=) Session-based theme support\n- (=) Every page button design is improved\n\n## Version 1.2 (14 June 2023)\n- (+) International mobile number validation added to the profile page\n\n## Version 2.0 (26 June 2023)\n- (+) Bootstrap modal replaced by jQuery dialog modal\n- (=) User creates and updates page changes\n- (+) Child rows added to the data table\n- (=) Delete button sweat alert confirmation replaced by jQuery dialog\n- (=) Settings page UI improved\n- (+) Columns hide options added in the data table\n- (-) Data table PDF options removed\n- (=) Data table print page improved\n\n## Version 2.1 (8 August 2023)\n- (+) Modal replaced by jQuery dialog\n- (=) Dark mode UI improved\n- (+) Dynamic menu settings\n- (+) Dashboard Ajax date range filter\n- (+) System settings improved with logo and favicon upload\n- (+) Dynamic tag with the search while post creation\n- (+) Role permission concept improvements\n- (-) Media manager removed\n- (-) IMAP mail removed\n\n## Version 2.2 (26 Jan 2024)\n- (+) Custom server-side data table.\n- (=) User create and update page now replaced with modal.\n- (+) CKEditor custom pop-up image upload\n- (-) Yajra data table removed\n- (=) Settings page UI improved\n- (+) Dashboard date range data filter with AJAX\n\n## Version 2.3 (2nd Feb 2024)\n- (+) Dark mode improved\n- (=) Button design improved","changeLogDate":"2024-02-07","trendiness":"1","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78237876/9a4f8996ba361bf0cdd998984d82f7e6.png, https://s3u.tmimgcdn.com/u78237876/46f3dcde28ea0873a36e27701a35fa5f.png, https://s3u.tmimgcdn.com/u78237876/80d8ab2ce69689869e69442da506bd26.png, https://s3u.tmimgcdn.com/u78237876/e411f1e73b97e9fd11d4846ad60e0fa2.png, https://s3u.tmimgcdn.com/u78237876/2ca91692b03a64ef6f8dff2b34aba4eb.png","authorMainScreenshotVersion":"2","types":"Admin Templates","templateIcon":"icon-admin","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: Tue, 23 Apr 2024 19:24:01 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=333766&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=333766&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=333766&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 23 Apr 2024 19:29:01 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://premio.ceptruck.com<!DOCTYPE html>
<html lang="en">
<head>
    <title>#333766 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/333766.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 #333766            </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=333766&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $19                <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>