string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=218540&expand=properties"
string(11462) "[{"templateId":218540,"typeId":86,"typeName":"Admin Template","typeUrl":"admin-templates","categoryId":347,"categoryName":"Web Development Templates","templateTitle":"Web Development Responsive Admin Template","templatePreviewHtmlTitle":"UBOLD - Bootstrap 5 Admin Dashboard Template","templateDemoHtmlTitle":"Live preview for UBOLD - Bootstrap 5 Admin Dashboard Template #218540","typeShortName":"Admin","templatePreviewFBTitle":"<p><strong>UBOLD</strong> is the First Tile Based Colorful <strong>Bootstrap 5</strong> <strong>admin dashboard template</strong>. It comes with awesome reusable components and jQuery plugins.</p><p><strong>Layout</strong></p><ul><li>Unique Tiles Layout</li><li>Colorful Tile Layout</li></ul><p><strong>Dashboards</strong></p><ul><li>Awesome Three Dashboards</li></ul><p><strong>Product Pages</strong></p><ul><li>Orders</li><li>Products</li><li>Customers</li><li>Add Product</li><li>Reviews</li><li>Shopping Cart</li><li>Billing Details</li><li>Thank You</li></ul><p><strong>Pages</strong></p><ul><li>Calendar</li><li>Create Invoice</li><li>View Invoice</li><li>Invoice List</li><li>Contacts</li><li>Pricing Plans</li><li>Account Settings</li><li>User Profile</li></ul><p><strong>Forms</strong></p><ul><li>Controls</li><li>Bootstrap Select</li><li>Date Time Pickers</li><li>Input Mask</li><li>Summernote</li></ul><p><strong>Components</strong></p><ul><li>Tables</li><li>Buttons</li><li>Button Groups</li><li>Dropdowns</li><li>Tabs</li><li>Cards</li><li>Labels – Badges</li><li>List Items</li><li>Progress Bars</li><li>Paginations</li><li>Spinners</li><li>Thumbnails</li><li>Accordions</li><li>Alerts</li><li>Carousels</li><li>Modals</li><li>Tooltips</li></ul><p><strong>Graphs</strong></p><ul><li>Area Charts</li><li>Bar Charts</li><li>Candlestick</li><li>Column Charts</li><li>Donut Charts</li><li>Line Charts</li><li>Mixed Charts</li><li>Pie Charts</li><li>Radial Graph</li><li>Morris Graphs</li><li>Vector Maps</li></ul><p><strong>Authentication</strong></p><ul><li>Login</li><li>Signup</li><li>Forgot Password</li><li>Maintenance</li><li>Error Pages</li></ul><p><strong>Sass files included</strong></p><p><strong>Note: Images used in the demo page are not included in the download version.</strong></p>","templateFullTitle":"UBOLD - Bootstrap 5 Admin Dashboard Template","templatePreviewMetaDescription":"UBOLD is the First Tile Based Colorful Bootstrap 5 admin dashboard template. It comes with awesome reusable components and jQuery plugins.LayoutUnique Tiles","templateDemoMetaDescription":"The demo preview for this top notch UBOLD - Bootstrap 5 Admin Dashboard Template Admin Template (#218540) is created for you to get yourself familiar with the theme before you purchase it. Browse through the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"UBOLD - Bootstrap 5 Admin Dashboard Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/admin-templates/ubold-bootstrap-5-admin-dashboard-template-218540.html","userRating":"5","designIndex":1,"authorUserId":"1090241","exclusive":"0","state":1,"price":45,"inserted_date":"2021-12-03","sent":0,"downloads":14,"search_words":"admin dashboard bootstrap 5 colorful admin admin theme admin dashboard analytics dashboard multipurpose admin admin panel admin template dark dashboard bootstrap dashboard bootstrap admin bootstrap admin panel business dashboard templates it dashboard templates web development dashboard templates software dashboard templates admin templates for sale computers and internet dashboard templates","is_adult":0,"exc_price":2100,"sent_date":"2021-12-03 09:08:44","last_upload":"2024-02-09 17:52:29","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2519581,"templ_id":218540,"filename":"218540-original.png","width":1600,"height":814,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2519582,"templ_id":218540,"filename":"218540-big.png","width":1600,"height":814,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2519583,"templ_id":218540,"filename":"218540-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":2519584,"templ_id":218540,"filename":"218540-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":2519585,"templ_id":218540,"filename":"218540-b.jpg","width":430,"height":219,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/218540.html","image":"https://s.tmimgcdn.com/scr/218500/ubold-bootstrap-5-admin-dashboard-template_218540-original.png","searchHash":"f335687e339a9969faf3fccc4859c663","previewHash":"ba26a241814eaaa20873ef3834b11180","authorNickname":"BootstrapGallery","lowLevelTopic":"IT Templates; Web Development Templates; Internet Templates; Design; Daily Deals","weightedRating":4.1818181818182,"annualSale":4,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":43,"discountPercent":0,"discountAmount":0,"semiannualSales":2,"properties":{"features":["Premium","Responsive","Pro","Admin Panel","Bootstrap","Multipurpose","Events Calendar","Light Template","Dropdown Menu","Tabs","Performance Optimization","Online Store/Shop","HTML 5","JQuery"],"styles":["Clean","Corporate","Dark","Flat"],"isLastAdded":"1","topic":["IT Templates","Web Development Templates","Internet Templates","Software Templates","Design","Design & Photography","Business & Services","Computers & Internet","Daily Deals"],"isFree":"none","popularity":"Bestsellers","color":["black","white","grey","cyan","green","orange"],"productOfTheDay":"0","showVariantForcibly":"b","authorUserId":"1090241","exclusive":"0","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["admin","dashboard","admin panel","admin dashboard","admin template","bootstrap admin","bootstrap dashboard","bootstrap 5","dark dashboard","colorful admin","admin theme","analytics dashboard","multipurpose admin","bootstrap admin panel","business dashboard templates","admin templates for sale","web development dashboard templates","software dashboard templates","it dashboard templates","computers and internet dashboard templates"],"paidSupport":"Yes","nameOfTheTemplate":"UBOLD - Bootstrap 5 Admin Dashboard Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1090241/28336ebe4a5e9e74db936c360b0ff08c.png, https://s3u.tmimgcdn.com/u1090241/3d1d7dc975f0cb30d92de58866e0f919.png, https://s3u.tmimgcdn.com/u1090241/9bf67884591978360f2d1e69f11ebdfd.png, https://s3u.tmimgcdn.com/u1090241/6dbd9e65c894d2a95d5c54bedecbf1a7.png, https://s3u.tmimgcdn.com/u1090241/31020ff14c7806a2c84e74a1de4d354e.png, https://s3u.tmimgcdn.com/u1090241/94d6eee6ac916d302c5760219699f2d1.png, https://s3u.tmimgcdn.com/u1090241/605b45a7fa12ca286a1ab16800a249b5.png","shortDescription":"<p><strong>UBOLD</strong> is the First Tile Based Colorful <strong>Bootstrap 5</strong> <strong>admin dashboard template</strong>. It comes with awesome reusable components and jQuery plugins.</p><p><strong>Layout</strong></p><ul><li>Unique Tiles Layout</li><li>Colorful Tile Layout</li></ul><p><strong>Dashboards</strong></p><ul><li>Awesome Three Dashboards</li></ul><p><strong>Product Pages</strong></p><ul><li>Orders</li><li>Products</li><li>Customers</li><li>Add Product</li><li>Reviews</li><li>Shopping Cart</li><li>Billing Details</li><li>Thank You</li></ul><p><strong>Pages</strong></p><ul><li>Calendar</li><li>Create Invoice</li><li>View Invoice</li><li>Invoice List</li><li>Contacts</li><li>Pricing Plans</li><li>Account Settings</li><li>User Profile</li></ul><p><strong>Forms</strong></p><ul><li>Controls</li><li>Bootstrap Select</li><li>Date Time Pickers</li><li>Input Mask</li><li>Summernote</li></ul><p><strong>Components</strong></p><ul><li>Tables</li><li>Buttons</li><li>Button Groups</li><li>Dropdowns</li><li>Tabs</li><li>Cards</li><li>Labels – Badges</li><li>List Items</li><li>Progress Bars</li><li>Paginations</li><li>Spinners</li><li>Thumbnails</li><li>Accordions</li><li>Alerts</li><li>Carousels</li><li>Modals</li><li>Tooltips</li></ul><p><strong>Graphs</strong></p><ul><li>Area Charts</li><li>Bar Charts</li><li>Candlestick</li><li>Column Charts</li><li>Donut Charts</li><li>Line Charts</li><li>Mixed Charts</li><li>Pie Charts</li><li>Radial Graph</li><li>Morris Graphs</li><li>Vector Maps</li></ul><p><strong>Authentication</strong></p><ul><li>Login</li><li>Signup</li><li>Forgot Password</li><li>Maintenance</li><li>Error Pages</li></ul><p><strong>Sass files included</strong></p><p><strong>Note: Images used in the demo page are not included in the download version.</strong></p>","uniqueKeywords":"admin,dashboard,bootstrap 5,colorful admin,admin theme,admin dashboard,analytics dashboard,multipurpose admin,admin panel,admin template,dark dashboard,bootstrap dashboard,bootstrap admin,bootstrap admin panel,business dashboard templates,it dashboard templates,web development dashboard templates,software dashboard templates,admin templates for sale,computers and internet dashboard templates","advImage":"https://s3u.tmimgcdn.com/u1090241/3e6d02456a4e5df3ef44edf74054d433.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1090241/f51ed91022867febe233f06597608d84.png","livePreviewURL":"https://www.bootstrapget.com/demos/templatemonster/ubold-admin-dashboard/index.html","metaDescription":"UBOLD is the First Tile Based Colorful Bootstrap 5 admin dashboard template. It comes with awesome reusable components and jQuery plugins.LayoutUnique Tiles","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3oiN4aQ","demoMetaDescription":"The demo preview for this top notch UBOLD - Bootstrap 5 Admin Dashboard Template Admin Template (#218540) is created for you to get yourself familiar with the theme before you purchase it. Browse through the pages, examine the images, click the buttons, explore the features.","productSize":"5673973","lastmod":"2022-03-22T20:09:27-04:00","changeLogDate":"2024-02-09","trendiness":"1","bestsellers":"5","webServerCompatibility":"Apache 2.4","designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"customUrl":"/admin-templates/ubold-bootstrap-5-admin-dashboard-template-218540.html","excerpt":"<p>Dark Bootstrap 5 Admin Dashboard available with multiple layouts, pages, lots of ui components and widgets.</p>","changeLog":"February 07, 2024\nFixed Responsive CSS issues\nFixed scrollbar in the Pricing plan\nCreated Input Tags page\n\nUpdated latest bootstrap version 5.3\n\nUpdated CSS/JS/Images file structure.\nUpdated Home Page tiles alignment.\n\nUpdated latest bootstrap version 5.3.2\n\nUpdated Sidebar Menu - Added Multi Level Menu\nAdded 1200+ Icons","frameworks":"None","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1090241/1cd84f0139a958f2f7c397d4179861c4.png","reviewsTotal":"1","reviewAverageScore":"5","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, 03 May 2024 02:34:33 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=218540&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=218540&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=218540&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 03 May 2024 02:39:33 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"
}
https://www.bootstrapget.com/demos/templatemonster/ubold-admin-dashboard/index.html<!DOCTYPE html>
<html lang="en">
<head>
    <title>#218540 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/218540.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 #218540            </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=218540&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $41                <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>