string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=101564&expand=properties"
string(15460) "[{"templateId":101564,"typeId":86,"typeName":"Admin Template","typeUrl":"admin-templates","categoryId":459,"categoryName":"Software Templates","templateTitle":"Software Responsive Admin Template","templatePreviewHtmlTitle":"FZ - Angular 10 Admin Template #101564 - TemplateMonster","templateDemoHtmlTitle":"Live preview for FZ - Angular 10 Admin Template #101564","typeShortName":"Admin","templatePreviewFBTitle":"<p><strong>Administrative panel in angular 10, components, directives and pipes to facilitate its development.</strong></p><p><br></p><ul><li><span style=\"color:rgb(28,30,33);\"> Dark and light theme</span></li><li><span style=\"color:rgb(28,30,33);\">Layout and item customization</span></li><li><span style=\"color:rgb(28,30,33);\">Compatible with all browsers</span></li><li><span style=\"color:rgb(28,30,33);\">Detailed documentation</span></li><li><span style=\"color:rgb(28,30,33);\">Control of variables by scss</span></li><li><span style=\"color:rgb(28,30,33);\">Account pages (login, lockscreen, register, recover...)</span></li><li><span style=\"color:rgb(28,30,33);\">Error pages (404 and 505)</span></li><li><span style=\"color:rgb(28,30,33);\">App Email</span></li><li><span style=\"color:rgb(28,30,33);\">App Notifications</span></li><li><span style=\"color:rgb(28,30,33);\">App Chat</span></li><li><span style=\"color:rgb(28,30,33);\">App Tasks</span></li><li><span style=\"color:rgb(28,30,33);\">Dashboard page</span></li><li><span style=\"color:rgb(28,30,33);\">Bootstrap 4</span></li><li><span style=\"color:rgb(28,30,33);\">Angular CDK</span></li><li><span style=\"color:rgb(28,30,33);\">Font awesome 5</span></li><li><span style=\"color:rgb(28,30,33);\">Animate.css</span></li><li><span style=\"color:rgb(28,30,33);\">Ckeditor 5</span></li><li><span style=\"color:rgb(28,30,33);\">Tippy.js</span></li><li><span style=\"color:rgb(28,30,33);\">Ngx-moment</span></li><li><span style=\"color:rgb(28,30,33);\">Ngx-mask</span></li><li><span style=\"color:rgb(52,58,64);\">Ng-charts</span></li><li>Modernizr</li><li>Login v2</li><li>Lockscreen v2</li><li>Register v2</li><li>Recover password v2</li><li>Error 404 v2</li><li>Error 500 v2</li></ul><p><br></p><p><strong style=\"color:rgb(28,30,33);\">COMPONENTS:</strong></p><p><br></p><ul><li>Circular progress</li><li>Rating</li><li><span style=\"color:rgb(28,30,33);\">Modal</span></li><li><span style=\"color:rgb(28,30,33);\">Modal dialog</span></li><li><span style=\"color:rgb(28,30,33);\">Table</span></li><li>Pagination</li><li>Alert</li><li>Snackbar</li><li>Message alert</li><li>Cards</li><li>Badge</li><li>Breadcrumb</li><li>Accordion</li><li>Tabs</li><li>Dropdowns</li><li>Tooltips</li><li>Popovers</li><li>List group</li><li>Icons</li><li>Spinner</li><li>General spinner</li><li>Progress</li><li>Utilities</li></ul><p><br></p><p><strong>DIRECTIVES:</strong></p><p><br></p><ul><li>Button</li><li>Color text and background</li><li>Focus</li><li>Image</li><li>Tip</li></ul><p><br></p><p><strong>PIPES: </strong></p><p><br></p><ul><li>Dom sanitizer</li><li>Filter</li></ul>","templateFullTitle":"FZ - Angular 10 Admin Template","templatePreviewMetaDescription":"Administrative panel in angular 10, components, directives and pipes to facilitate its development. Dark and light themeLayout and item customizationCompatible","templateDemoMetaDescription":"The demo for this premium FZ - Angular 9 Admin Template (#101564) is presented here for you to get the feel and look of the template before you decide to buy it. View the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"FZ - Angular 10 Admin Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/admin-templates/fz-angular-9-admin-template-101564.html","userRating":0,"designIndex":"85","authorUserId":"2267368","exclusive":"1","state":12,"price":25,"inserted_date":"2020-05-11","sent":0,"downloads":14,"search_words":"dashboard,angular,panel,admin,template,adm","is_adult":0,"exc_price":2100,"sent_date":"2020-05-11 03:43:03","last_upload":"2020-07-24 06:24:14","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1936359,"templ_id":101564,"filename":"101564-2-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":1936360,"templ_id":101564,"filename":"101564-2-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1936361,"templ_id":101564,"filename":"101564-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":1936362,"templ_id":101564,"filename":"101564-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":1936363,"templ_id":101564,"filename":"101564-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/101564.html","image":"https://s.tmimgcdn.com/scr/101500/fz-angular-10-admin-template_101564-2-original.jpg","searchHash":"c329b2765718d91999906498b3d90840","previewHash":"31908b4670f7baf3a838121a39cba7b4","authorNickname":"fzthemes","lowLevelTopic":"Software Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":21,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Responsive","Bootstrap","Light Template","Advanced Theme Options","HTML 5"],"topic":["Software Templates","Computers & Internet"],"templateSoftwareRequired":["Visual Studio","Sublime Text2 or later, Notepad++"],"isFree":"none","color":["black","white","grey","purple","blue"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","excludeExclusive":"Yes","authorUserId":"2267368","nameOfTheTemplate":"FZ - Angular 10 Admin Template","previewScreensOrVideoURLs":"https://s3.tmimgcdn.com/templates/72402/scr/1589807818789_Sem%20T%C3%ADtulo-2.jpg, https://s3.tmimgcdn.com/templates/71625/scr/1588862173954_template6.jpg, https://s3.tmimgcdn.com/templates/71625/scr/1588862181403_template5.jpg, https://s3.tmimgcdn.com/templates/71625/scr/1588862192020_template4.jpg","shortDescription":"<p><strong>Administrative panel in angular 10, components, directives and pipes to facilitate its development.</strong></p><p><br></p><ul><li><span style=\"color:rgb(28,30,33);\"> Dark and light theme</span></li><li><span style=\"color:rgb(28,30,33);\">Layout and item customization</span></li><li><span style=\"color:rgb(28,30,33);\">Compatible with all browsers</span></li><li><span style=\"color:rgb(28,30,33);\">Detailed documentation</span></li><li><span style=\"color:rgb(28,30,33);\">Control of variables by scss</span></li><li><span style=\"color:rgb(28,30,33);\">Account pages (login, lockscreen, register, recover...)</span></li><li><span style=\"color:rgb(28,30,33);\">Error pages (404 and 505)</span></li><li><span style=\"color:rgb(28,30,33);\">App Email</span></li><li><span style=\"color:rgb(28,30,33);\">App Notifications</span></li><li><span style=\"color:rgb(28,30,33);\">App Chat</span></li><li><span style=\"color:rgb(28,30,33);\">App Tasks</span></li><li><span style=\"color:rgb(28,30,33);\">Dashboard page</span></li><li><span style=\"color:rgb(28,30,33);\">Bootstrap 4</span></li><li><span style=\"color:rgb(28,30,33);\">Angular CDK</span></li><li><span style=\"color:rgb(28,30,33);\">Font awesome 5</span></li><li><span style=\"color:rgb(28,30,33);\">Animate.css</span></li><li><span style=\"color:rgb(28,30,33);\">Ckeditor 5</span></li><li><span style=\"color:rgb(28,30,33);\">Tippy.js</span></li><li><span style=\"color:rgb(28,30,33);\">Ngx-moment</span></li><li><span style=\"color:rgb(28,30,33);\">Ngx-mask</span></li><li><span style=\"color:rgb(52,58,64);\">Ng-charts</span></li><li>Modernizr</li><li>Login v2</li><li>Lockscreen v2</li><li>Register v2</li><li>Recover password v2</li><li>Error 404 v2</li><li>Error 500 v2</li></ul><p><br></p><p><strong style=\"color:rgb(28,30,33);\">COMPONENTS:</strong></p><p><br></p><ul><li>Circular progress</li><li>Rating</li><li><span style=\"color:rgb(28,30,33);\">Modal</span></li><li><span style=\"color:rgb(28,30,33);\">Modal dialog</span></li><li><span style=\"color:rgb(28,30,33);\">Table</span></li><li>Pagination</li><li>Alert</li><li>Snackbar</li><li>Message alert</li><li>Cards</li><li>Badge</li><li>Breadcrumb</li><li>Accordion</li><li>Tabs</li><li>Dropdowns</li><li>Tooltips</li><li>Popovers</li><li>List group</li><li>Icons</li><li>Spinner</li><li>General spinner</li><li>Progress</li><li>Utilities</li></ul><p><br></p><p><strong>DIRECTIVES:</strong></p><p><br></p><ul><li>Button</li><li>Color text and background</li><li>Focus</li><li>Image</li><li>Tip</li></ul><p><br></p><p><strong>PIPES: </strong></p><p><br></p><ul><li>Dom sanitizer</li><li>Filter</li></ul>","advImage":"https://s3.tmimgcdn.com/templates/72402/scr/1589808921841_Sem%20T%C3%ADtulo-18.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/72402/scr/1589808383069_template%20monster29.jpg","dqi":"85","htmlTitle":"FZ Admin - Angular 10 Admin Template","imageKeyFeatures":"https://s3.tmimgcdn.com/templates/71625/scr/1588862748566_retina.jpg","livePreviewURL":"http://fzadmin-angular.fzthemes.site/","metaDescription":"&lt;p&gt;&lt;strong&gt;Administrative panel in angular 10, components, directives and pipes to facilitate its development.&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt; Dark and light theme&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;Layout and item customization&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;Compatible with all browsers&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;Detailed documentation&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;Control of variables by scss&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;Account pages (login, lockscreen, register, recover...)&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;Error pages (404 and 505)&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;App Email&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;App Notifications&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;App Chat&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;App Tasks&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;Dashboard page&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;Bootstrap 4&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;Angular material&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;Angular CDK&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;Font awesome 5&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;Animate.css&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;Ckeditor 5&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;Tippy.js&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;Ngx-moment&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;Ngx-mask&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(52, 58, 64);\"&gt;Ng-charts&lt;/span&gt;&lt;/li&gt;&lt;li&gt;Modernizr&lt;/li&gt;&lt;li&gt;Login v2&lt;/li&gt;&lt;li&gt;Lockscreen v2&lt;/li&gt;&lt;li&gt;Register v2&lt;/li&gt;&lt;li&gt;Recover password v2&lt;/li&gt;&lt;li&gt;Error 404 v2&lt;/li&gt;&lt;li&gt;Error 500 v2&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;strong style=\"color: rgb(28, 30, 33);\"&gt;COMPONENTS:&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Rating&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;Modal&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;Modal dialog&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span style=\"color: rgb(28, 30, 33);\"&gt;Table&lt;/span&gt;&lt;/li&gt;&lt;li&gt;Pagination&lt;/li&gt;&lt;li&gt;Alert&lt;/li&gt;&lt;li&gt;Snackbar&lt;/li&gt;&lt;li&gt;Message alert&lt;/li&gt;&lt;li&gt;Cards&lt;/li&gt;&lt;li&gt;Badge&lt;/li&gt;&lt;li&gt;Breadcrumb&lt;/li&gt;&lt;li&gt;Accordion&lt;/li&gt;&lt;li&gt;Tabs&lt;/li&gt;&lt;li&gt;Dropdowns&lt;/li&gt;&lt;li&gt;Tooltips&lt;/li&gt;&lt;li&gt;Popovers&lt;/li&gt;&lt;li&gt;List group&lt;/li&gt;&lt;li&gt;Icons&lt;/li&gt;&lt;li&gt;Spinner&lt;/li&gt;&lt;li&gt;General spinner&lt;/li&gt;&lt;li&gt;Progress&lt;/li&gt;&lt;li&gt;Utilities&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;DIRECTIVES:&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Button&lt;/li&gt;&lt;li&gt;Color text and background&lt;/li&gt;&lt;li&gt;Focus&lt;/li&gt;&lt;li&gt;Image&lt;/li&gt;&lt;li&gt;Tip&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;PIPES: &lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Dom sanitizer&lt;/li&gt;&lt;li&gt;Filter&lt;/li&gt;&lt;/ul&gt;","saleSells":"1","templateSupportOptions":"[{\"id\":142845,\"template_id\":181044,\"type\":1,\"measure\":\"day\",\"value\":1,\"phone\":\"\"}]","productSize":"3743692","bitLyUrl":"https://bit.ly/3coHBH7","customUrl":"/admin-templates/fz-angular-9-admin-template-101564.html","demoMetaDescription":"The demo for this premium FZ - Angular 9 Admin Template (#101564) is presented here for you to get the feel and look of the template before you decide to buy it. View the pages, check out the images, press the buttons, explore the features.","trendiness":"1","lastmod":"2021-04-25T23:40:19-04:00","changeLogDate":"2020-08-12","changeLog":"Version: 1.15.2 - 2020-08-11\r\n\r\n- Update for angular 10\r\n\r\nVersion: 1.14.2 - 2020-07-23\r\n\r\n- Adding new css classes to control sizes from 10% to 100% in width\r\n- The main folder has been moved out of the shared folder\r\n- New component - Circular progress\r\n\r\nVersion: 1.11.2 - 2020-05-11\r\n\r\n- new rating component\r\n- new login page\r\n- new lockscreen page\r\n- new recover password page\r\n- new register page\r\n- new error 404 page\r\n- new error 500 page \r\n- general adjustments to ui elements page views\r\n- new library for identification of webp image support\r\n- change bar icon of component breadcrumb\r\n- image optimizations for webp\r\n- bug fix in dark mode notifications listing\r\n- bug fix in focus directive","imagesIncluded":"No","tags":["admin","angular","dashboard","panel","template","Adm"],"authorMainScreenshotVersion":"2","uniqueKeywords":"dashboard,angular,panel,admin,template,adm","marketplaceMembership":"None","frameworks":"Angular v15","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: Fri, 19 Apr 2024 09:42:25 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=101564&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=101564&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=101564&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 19 Apr 2024 09:47:25 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"
}
http://fzadmin-angular.fzthemes.site/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#101564 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/101564.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 #101564            </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=101564&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $23                <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>