string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=413709&expand=properties"
string(11860) "[{"templateId":413709,"typeId":86,"typeName":"Admin Template","typeUrl":"admin-templates","categoryId":347,"categoryName":"Web Development Templates","templateTitle":"Web Development Responsive Admin Template","templatePreviewHtmlTitle":"Apex - Bootstrap 5 Admin Dashboard #413709 - TemplateMonster","templateDemoHtmlTitle":"Live demo for Apex - Bootstrap 5 Admin Dashboard #413709","typeShortName":"Admin","templatePreviewFBTitle":"<p>Make your <strong>admin dashboard</strong> stand out with <strong>Apex</strong>, the premium <strong>Bootstrap admin template </strong>with a captivating <strong>dark theme</strong>. This Bootstrap-powered template makes it easy to build beautiful back-end interfaces with polished components and pages. With its modern aesthetics and abundance of UI elements, Apex allows you to quickly craft elegant <strong>admin panels</strong>, <strong>dashboards</strong>, and <strong>web apps</strong>.</p><p>Apex supercharges your <strong>admin interface</strong> development with its modern aesthetics and abundance of ready-made components. Creating elegant <strong>admin panels</strong>, <strong>dashboards</strong>, and web apps is now lightning-fast thanks to the template's robust features. From color schemes to animations, Apex delivers an experience sure to delight users.</p><ul><li>Pixel-perfect design built on <strong>Bootstrap 5</strong> for fluid responsiveness</li><li>500+ UI components for rapid development</li><li>Customize to your brand with included Sass source files</li><li>Sleek, professional dark theme</li><li>Detailed documentation to get started fast</li></ul><h3>Features List</h3><ul><li>Analytics</li><li>Dashboard</li><li>Orders</li><li>Tasks</li><li>Expenses</li><li>Contacts</li><li>FAQ's</li><li>Invoice List</li><li>Invoice Details</li><li>Create Invoice</li><li>Notifications</li><li>Subscribers</li><li>User Profile</li><li>Accordions</li><li>Alerts</li><li>Buttons</li><li>Badges</li><li>Cards</li><li>Custom Cards</li><li>Carousel</li><li>Icons</li><li>List Items</li><li>Modals</li><li>Placeholders</li><li>Progress Bars</li><li>Popovers</li><li>Tabs</li><li>Tooltips</li><li>Typography</li><li>Basic Form Inputs</li><li>Checkbox &amp; Radio</li><li>File Input</li><li>Validations</li><li>Date Time Pickers</li><li>Input Masks</li><li>Input Tags</li><li>Form Layouts</li><li>Editor</li><li>Starter Page</li><li>Tables</li><li>DataTables</li><li>Apex Graphs</li><li>Area Graphs</li><li>Line Graphs</li><li>Bar Graphs</li><li>Column Graphs</li><li>CandleStick</li><li>Heatmap</li><li>Donut </li><li>Pie</li><li>Radial Bar</li><li>Morris Graphs</li><li>Maps</li><li>Login</li><li>Signup</li><li>Forgot Password</li><li>Reset Password</li><li>Page Not Found</li><li>Maintenance</li><li>Multi Level Menu</li></ul><p>Note: Images are not included in the download folder.</p>","templateFullTitle":"Apex - Bootstrap 5 Admin Dashboard","templatePreviewMetaDescription":"Make your admin dashboard stand out with Apex, the premium Bootstrap admin template with a captivating dark theme. This Bootstrap-powered template makes it","templateDemoMetaDescription":"Have a look at the live preview for the high quality Apex - Bootstrap 5 Admin Dashboard Admin Template (#413709) to discover what this theme is before you purchase it. View the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Apex - Bootstrap 5 Admin Dashboard","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/admin-templates/apex-bootstrap-5-admin-dashboard-413709.html","userRating":0,"designIndex":1,"authorUserId":"1090241","exclusive":"1","state":1,"price":35,"inserted_date":"2024-04-24","sent":0,"downloads":0,"search_words":"admin analytics bootstrap admin panel admin dashboard admin template bootstrap admin bootstrap dashboard admin console software dashboard templates web development dashboard templates admin templates for sale business dashboard templates web application dashboard template admin theme bootstrap admin template clean admin template dark admin template templates for sale","is_adult":0,"exc_price":2100,"sent_date":"2024-04-24 12:22:20","last_upload":"2024-04-24 12:28:36","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3495010,"templ_id":413709,"filename":"413709-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":3495011,"templ_id":413709,"filename":"413709-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":3495012,"templ_id":413709,"filename":"413709-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":3495013,"templ_id":413709,"filename":"413709-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":3495014,"templ_id":413709,"filename":"413709-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/413709.html","image":"https://s.tmimgcdn.com/scr/413700/apex-bootstrap-5-admin-dashboard_413709-original.png","searchHash":"75a243971de86a29f6acc99b3db391bd","previewHash":"f6b14129131c9bae7d5e73486fc100c0","authorNickname":"BootstrapGallery","lowLevelTopic":"Cafe Templates; Web Development Templates; Food & Drink Templates; Internet Templates; Design","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":126,"onSale":0,"finalPrice":33,"discountPercent":0,"discountAmount":0,"semiannualSales":null,"properties":{"features":["Premium","Responsive","Pro","Admin Panel","Bootstrap","Multipurpose","Events Calendar","Light Template","Dropdown Menu","Google map","Sample content","Tabs","Themes Bundle","Gallery","HTML 5","JQuery","HTML plus JS","Static"],"styles":["Clean","Corporate","Minimalist","Dark"],"isLastAdded":"1","popularity":"Zero Downloads","topic":["Cafe Templates","Web Development Templates","Food & Drink Templates","Internet Templates","Software Templates","Design","Design & Photography","Computers & Internet","Food & Restaurant"],"isFree":"none","color":["black","white","blue"],"showVariantForcibly":"b","authorUserId":"1090241","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["admin","analytics","bootstrap","admin panel","admin dashboard","admin template","web application","dashboard template","bootstrap admin","bootstrap dashboard","bootstrap admin template","admin theme","dark admin template","admin console","business dashboard templates","admin templates for sale","web development dashboard templates","software dashboard templates","clean admin template","templates for sale"],"paidSupport":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"frameworks":"None","excerpt":"<p>Transform your <strong>admin interface</strong> with the slick and professional Apex <strong>Admin Template</strong>. This polished <strong>Bootstrap dashboard template</strong> brings a clean, modern look.</p>","nameOfTheTemplate":"Apex - Bootstrap 5 Admin Dashboard","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1090241/9203f3739acb817c8ba6c1d58a9e0f45.png, https://s3u.tmimgcdn.com/u1090241/78530dc206b5c8e276cd23a20e13c5cf.png, https://s3u.tmimgcdn.com/u1090241/8d7e484ed1d7b90c9b9b5acadf8b5357.png","shortDescription":"<p>Make your <strong>admin dashboard</strong> stand out with <strong>Apex</strong>, the premium <strong>Bootstrap admin template </strong>with a captivating <strong>dark theme</strong>. This Bootstrap-powered template makes it easy to build beautiful back-end interfaces with polished components and pages. With its modern aesthetics and abundance of UI elements, Apex allows you to quickly craft elegant <strong>admin panels</strong>, <strong>dashboards</strong>, and <strong>web apps</strong>.</p><p>Apex supercharges your <strong>admin interface</strong> development with its modern aesthetics and abundance of ready-made components. Creating elegant <strong>admin panels</strong>, <strong>dashboards</strong>, and web apps is now lightning-fast thanks to the template's robust features. From color schemes to animations, Apex delivers an experience sure to delight users.</p><ul><li>Pixel-perfect design built on <strong>Bootstrap 5</strong> for fluid responsiveness</li><li>500+ UI components for rapid development</li><li>Customize to your brand with included Sass source files</li><li>Sleek, professional dark theme</li><li>Detailed documentation to get started fast</li></ul><h3>Features List</h3><ul><li>Analytics</li><li>Dashboard</li><li>Orders</li><li>Tasks</li><li>Expenses</li><li>Contacts</li><li>FAQ's</li><li>Invoice List</li><li>Invoice Details</li><li>Create Invoice</li><li>Notifications</li><li>Subscribers</li><li>User Profile</li><li>Accordions</li><li>Alerts</li><li>Buttons</li><li>Badges</li><li>Cards</li><li>Custom Cards</li><li>Carousel</li><li>Icons</li><li>List Items</li><li>Modals</li><li>Placeholders</li><li>Progress Bars</li><li>Popovers</li><li>Tabs</li><li>Tooltips</li><li>Typography</li><li>Basic Form Inputs</li><li>Checkbox &amp; Radio</li><li>File Input</li><li>Validations</li><li>Date Time Pickers</li><li>Input Masks</li><li>Input Tags</li><li>Form Layouts</li><li>Editor</li><li>Starter Page</li><li>Tables</li><li>DataTables</li><li>Apex Graphs</li><li>Area Graphs</li><li>Line Graphs</li><li>Bar Graphs</li><li>Column Graphs</li><li>CandleStick</li><li>Heatmap</li><li>Donut </li><li>Pie</li><li>Radial Bar</li><li>Morris Graphs</li><li>Maps</li><li>Login</li><li>Signup</li><li>Forgot Password</li><li>Reset Password</li><li>Page Not Found</li><li>Maintenance</li><li>Multi Level Menu</li></ul><p>Note: Images are not included in the download folder.</p>","uniqueKeywords":"admin,analytics,bootstrap,admin panel,admin dashboard,admin template,bootstrap admin,bootstrap dashboard,admin console,software dashboard templates,web development dashboard templates,admin templates for sale,business dashboard templates,web application,dashboard template,admin theme,bootstrap admin template,clean admin template,dark admin template,templates for sale","advImage":"https://s3u.tmimgcdn.com/u1090241/4efdf4df40fbdef7e5129695c6267964.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1090241/9735571fcf89ef01264fca51b59b7e41.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1090241/3b2ab962535ba09e1e98e7c10160620e.png, https://s3u.tmimgcdn.com/u1090241/d1687d9f44d9c53ade873ba27bba2326.png","livePreviewURL":"https://www.bootstrapget.com/demos/templatemonster/apex-bootstrap-admin-template/index.html","metaDescription":"Make your admin dashboard stand out with Apex, the premium Bootstrap admin template with a captivating dark theme. This Bootstrap-powered template makes it","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Have a look at the live preview for the high quality Apex - Bootstrap 5 Admin Dashboard Admin Template (#413709) to discover what this theme is before you purchase it. View the pages, examine the images, click the buttons, explore the functionality.","customUrl":"/admin-templates/apex-bootstrap-5-admin-dashboard-413709.html","productSize":"10859014","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: Sun, 05 May 2024 13:14:56 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=413709&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=413709&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=413709&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 05 May 2024 13:19:56 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://www.bootstrapget.com/demos/templatemonster/apex-bootstrap-admin-template/index.html<!DOCTYPE html>
<html lang="en">
<head>
    <title>#413709 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/413709.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 #413709            </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=413709&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $32                <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>