string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=86053&expand=properties"
string(14812) "[{"templateId":86053,"typeId":86,"typeName":"Admin Template","typeUrl":"admin-templates","categoryId":138,"categoryName":"IT Templates","templateTitle":"IT Responsive Admin Template","templatePreviewHtmlTitle":"iboard - Multipurpose Dashboard Creative Admin Template","templateDemoHtmlTitle":"Live demo for iboard - Multipurpose Dashboard Creative Admin Template #86053","typeShortName":"Admin","templatePreviewFBTitle":"<h2><strong style=\"background-color: transparent; color: rgb(0, 0, 0);\">#1 Dashboard Admin Template</strong></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Need a creative admin template for your website or online store? Look no further! iboard Admin template is a clean and easy-to-use admin tool offering you many features. It allows you to keep an eye on web traffic, anв a number of customers. Sales and other necessary statistics are also trackable. Besides being highly informative, this product provides you with chat and notification system.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Purchase iboard Creative Admin Template to know more about average order value and a number of unique purchases. This</span><a href=\"https://www.templatemonster.com/admin-templates.php\" target=\"_blank\" style=\"background-color: transparent; color: rgb(0, 0, 0);\"> </a><a href=\"https://www.templatemonster.com/admin-templates.php\" target=\"_blank\" style=\"background-color: transparent; color: rgb(17, 85, 204);\">admin template</a><span style=\"background-color: transparent; color: rgb(0, 0, 0);\"> can also provide you with all data about customers' location. You can edit your website with iboard and use UI elements and e-commerce features. Besides, you can also change your website's design or include new plugins and layouts.</span></p><p><br></p><h3><strong style=\"background-color: transparent; color: rgb(0, 0, 0);\">Loaded with Dozens of Features</strong></h3><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Here are just some of the highly useful features offered by this creative admin template:</span></p><p><br></p><ol><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Bootstrap 4 Framework;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Fully component approach to code;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Large set of third-party plugins;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Crossbrowser support;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">A vast set of image tools;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">A variety of content editors;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Over 60 pages and 80 components.</span></li></ol><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">The admin template we offer is charged with these and other useful features and benefits. We guarantee that you will receive what you want from our admin template. It doesn't require any expert knowledge in coding and web development. However, if you require any help, our 24/7 Customer Support will be glad to help.</span></p><p><br></p><h2><strong style=\"background-color: transparent; color: rgb(0, 0, 0);\">Fully Customizable Admin Solution</strong></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">With the help of offered tools and plugins, iboard creative admin template can be easily customized. Modern content editors and admin plugins open new possibilities to webmasters. Feel free to use eCommerce plugins supplied with the template. They will transform your website into a powerful online store.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">But the full power of website customization comes with a vast range of UI elements. Our multipage creative admin template has all blocks and elements you may need to build a modern website. Moreover, you will find useful various utility pages like confirmation, login, and registration pages. If you need to manage your website efficiently, then iboard is just what you need!</span></p><p><br></p><p><em>Please note that .psd files are not included in this template package.</em></p>","templateFullTitle":"iboard - Multipurpose Dashboard Creative Admin Template","templatePreviewMetaDescription":"#1 Dashboard Admin TemplateNeed a creative admin template for your website or online store? Look no further! iboard Admin template is a clean and easy-to-use","templateDemoMetaDescription":"Prior to buying it, get the feel and look of the premium iboard - Multipurpose Dashboard Creative Admin Template (#86053) by visiting the live preview. Go through the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"iboard - Multipurpose Dashboard Creative Admin Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/admin-templates/iboard-multipurpose-dashboard-creative-admin-template-86053.html","userRating":0,"designIndex":"85","authorUserId":"1768190","exclusive":"1","state":1,"price":21,"inserted_date":"2019-09-13","sent":0,"downloads":3,"search_words":"charts professional bootstrap backend responsive clean design npm gulp studio creative webmasters component mobile multipurpose computer revolution directory building freelance","is_adult":0,"exc_price":5000,"sent_date":"2019-09-13 10:55:29","last_upload":"2019-09-13 10:55:29","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"86053-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":86053,"width":800,"window_params":"","banner_url":"","id":1850964,"href":"","height":1200},{"scr_type_id":311,"filename":"86053-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":86053,"width":800,"window_params":"","banner_url":"","id":1850965,"href":"","height":1200},{"scr_type_id":312,"filename":"86053-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":86053,"width":370,"window_params":"","banner_url":"","id":1850966,"href":"","height":370},{"scr_type_id":9,"filename":"86053-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":86053,"width":145,"window_params":"","banner_url":"","id":1850967,"href":"","height":156},{"scr_type_id":57,"filename":"86053-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":86053,"width":430,"window_params":"","banner_url":"","id":1850968,"href":"","height":645}],"demoUrl":"/demo/86053.html","image":"https://s.tmimgcdn.com/scr/86000/iboard-multipurpose-dashboard-creative-admin-template_86053-original.jpg","searchHash":"b838cc6c4d7cdbdece9d9d7bcc89ebbb","previewHash":"8feb481a91fcec6eed0ddf0572c52f32","authorNickname":"RockThemes","lowLevelTopic":"IT Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":21,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","kindOfShops":"Website admin panel, Dashboard Admin template","color":["black","white"],"dateRange":"Last 6 Months","uniqueKeywords":"charts professional bootstrap backend responsive clean design npm gulp studio creative webmasters component mobile multipurpose computer revolution directory building freelance","templateSupportOptions":"[{\"id\":47756,\"template_id\":36948,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":47757,\"template_id\":36948,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Need a tool to manage your website? Then use iboard! This Creative Admin template provides you with all the necessary information about your website.","bootstrapVersion":"4.0.x","imageKeyFeatures":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568385472546_F-list_01.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568385472547_F-list_02.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568385472548_F-list_03.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568385472549_F-list_04.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568385472549_F-list_05.jpg","features":["Bootstrap","Events Calendar","Premium","Pro","Responsive","Search Engine Friendly","Gallery","HTML plus JS","Parallax","HTML 5","JQuery","Dropdown Menu","Google map","Tabs"],"saleSells":"1","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-25298/","languageSupport":"English","authorUserId":"1768190","googleAnalyticsId":"UA-118125082-1","htmlTitle":"iboard Admin Template","authorMainScreenshot":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1568385467255_iboard-original.jpg","facebookPixelId":"1857475610982695","isFree":"none","templateGroup":"HTML Templates","alreadyPacked":"1","exclusive":"1","galleryScript":["Accordion","Carousel","CSS and JS","Isotope","Slider","Grid"],"templateSoftwareRequired":["Apache 2.0+","PHP 5.4+","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"templateIcon":"icon-admin","lastmod":"2020-07-22T10:36:20-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"Admin Templates","isOldDemoUrl":"1","trendiness":"2","demoMetaDescription":"Prior to buying it, get the feel and look of the premium iboard - Multipurpose Dashboard Creative Admin Template (#86053) by visiting the live preview. Go through the pages, check the images, click the buttons, explore the functionality.","shortDescription":"<h2><strong style=\"background-color: transparent; color: rgb(0, 0, 0);\">#1 Dashboard Admin Template</strong></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Need a creative admin template for your website or online store? Look no further! iboard Admin template is a clean and easy-to-use admin tool offering you many features. It allows you to keep an eye on web traffic, anв a number of customers. Sales and other necessary statistics are also trackable. Besides being highly informative, this product provides you with chat and notification system.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Purchase iboard Creative Admin Template to know more about average order value and a number of unique purchases. This</span><a href=\"https://www.templatemonster.com/admin-templates.php\" target=\"_blank\" style=\"background-color: transparent; color: rgb(0, 0, 0);\"> </a><a href=\"https://www.templatemonster.com/admin-templates.php\" target=\"_blank\" style=\"background-color: transparent; color: rgb(17, 85, 204);\">admin template</a><span style=\"background-color: transparent; color: rgb(0, 0, 0);\"> can also provide you with all data about customers' location. You can edit your website with iboard and use UI elements and e-commerce features. Besides, you can also change your website's design or include new plugins and layouts.</span></p><p><br></p><h3><strong style=\"background-color: transparent; color: rgb(0, 0, 0);\">Loaded with Dozens of Features</strong></h3><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Here are just some of the highly useful features offered by this creative admin template:</span></p><p><br></p><ol><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Bootstrap 4 Framework;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Fully component approach to code;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Large set of third-party plugins;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Crossbrowser support;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">A vast set of image tools;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">A variety of content editors;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Over 60 pages and 80 components.</span></li></ol><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">The admin template we offer is charged with these and other useful features and benefits. We guarantee that you will receive what you want from our admin template. It doesn't require any expert knowledge in coding and web development. However, if you require any help, our 24/7 Customer Support will be glad to help.</span></p><p><br></p><h2><strong style=\"background-color: transparent; color: rgb(0, 0, 0);\">Fully Customizable Admin Solution</strong></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">With the help of offered tools and plugins, iboard creative admin template can be easily customized. Modern content editors and admin plugins open new possibilities to webmasters. Feel free to use eCommerce plugins supplied with the template. They will transform your website into a powerful online store.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">But the full power of website customization comes with a vast range of UI elements. Our multipage creative admin template has all blocks and elements you may need to build a modern website. Moreover, you will find useful various utility pages like confirmation, login, and registration pages. If you need to manage your website efficiently, then iboard is just what you need!</span></p><p><br></p><p><em>Please note that .psd files are not included in this template package.</em></p>","bitLyUrl":"http://bit.ly/32EOa2Z","tags":["bootstrap","building","charts","clean","component","computer","creative","design","directory","freelance","gulp","mobile","multipurpose","professional","responsive","revolution","studio"],"customUrl":"/admin-templates/iboard-multipurpose-dashboard-creative-admin-template-86053.html","webForms":"Contact Form","badge":"badge-responsive","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_1300.jpg\" srcset=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_2560.jpg 2x\" alt=\"img\"/>","nameOfTheTemplate":"iboard - Multipurpose Dashboard Creative Admin Template","loyaltySells":"1","topic":["IT Templates","Business & Services"],"styles":"Neutral","marketplaceMembership":"One","category":"Website templates","dqi":"85"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 18 May 2024 10:26:54 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=86053&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=86053&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=86053&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 18 May 2024 10:31:54 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://livedemo00.template-help.com/wt_prod-25298/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#86053 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/86053.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 #86053            </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=86053&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>