string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=76572&expand=properties"
string(11249) "[{"templateId":76572,"typeId":86,"typeName":"Admin Template","typeUrl":"admin-templates","categoryId":132,"categoryName":"Management Company Templates","templateTitle":"Management Company Responsive Admin Template","templatePreviewHtmlTitle":"Booster - Bootstrap + Laravel Dashboard Admin Template","templateDemoHtmlTitle":"Live preview for Booster - Bootstrap + Laravel Dashboard Admin Template #76572","typeShortName":"Admin","templatePreviewFBTitle":"<p><strong>Booster</strong> is Feature packed & powerful Admin dashboard with UI Kit. It is built on Latest Bootstrap, Latest Laravel, HTML5 , CSS3 and jQuery. All elements are handcrafted full precision as well customizable as per requirements. The Admin Dashboard is Fully Responsive and gives full flexibility to developer to customize it. It consists of 3 Unique Dashboard Layouts, 80+ Inner Pages and 7+ Modern Icon Sets. We are very supportive of our client base. Please, Feel free to contact us in case of any query.</p><p><br></p><p><strong>Note :</strong> In Laravel Version, We have added all 2 Layouts in the admin template package. The package does not include Database, CRUD functionality and Laravel Components.</p><p><br></p><p><strong>Features :</strong></p><p><br></p><ul><li>Responsive</li><li>Creative Widget</li><li>Useful Plugins</li><li>Authentication Page</li><li>7+ Icons Sets</li><li>80+ Pages</li><li>Vertical Layout</li><li>Horizontal Layout</li><li>Easy Customizations</li><li>Clean Design</li><li>SASS Supported</li><li>Well Commented & Quality Code</li><li>W3C Validated</li><li>All Browser Support</li></ul><p><br></p><p><strong>Credits & Sources:</strong></p><p><br></p><ul><li>jQuery</li><li>Bootstrap</li><li>Laravel</li><li>php</li><li>Popper</li><li>Modernizr</li><li>Detect</li><li>jQuery Slimscroll</li><li>Animate CSS</li><li>Sweet Alert2</li><li>jQuery Confirm</li><li>Carousel</li><li>Material Design Icons</li><li>Font Awesome</li><li>Simple Line Icons</li><li>Themify Icons</li><li>Typicons</li><li>Ion Icons</li><li>Dripicons</li><li>Nestable</li><li>jQuery Bar Rating</li><li>ion rangeSlider</li><li>Switchery</li><li>JS Tree</li><li>Widgets</li><li>Full Calendar</li><li>Bootstrap Inputmask</li><li>Bootstrap MaxLength</li><li>Bootstrap Tags Input</li><li>Bootstrap Touch Spin</li><li>Bootstrap X-editable</li><li>Bootstrap Date Picker</li><li>Bootstrap Color Picker</li><li>Select2</li><li>Dropzone</li><li>Summernote</li><li>Tinymce</li><li>Codemirror</li><li>Validate JS</li><li>jQuery Step</li><li>jQuery UI</li><li>Chartist JS</li><li>Chart JS</li><li>C3 Chart</li><li>Flot Chart</li><li>Morris Chart</li><li>Knob Chart</li><li>Piety Chart</li><li>Sparkline Chart</li><li>D3</li><li>Moment JS</li><li>Raphael</li><li>Bootstrap Table</li><li>Data Table</li><li>Editable Table</li><li>RWD Table</li><li>Google Map</li><li>Vector Map</li><li>jQuery Countdown</li><li>Vertical Timeline</li></ul><p><br></p><p><strong>File Included :</strong></p><p><br></p><ul><li>HTML Files</li><li>CSS Files</li><li>SCSS Files</li><li>JS Files</li><li>PHP Files</li><li>Documentation in HTML</li></ul>","templateFullTitle":"Booster - Bootstrap + Laravel Dashboard Admin Template","templatePreviewMetaDescription":"Booster is Feature packed & powerful Admin dashboard with UI Kit. It is built on Latest Bootstrap, Latest Laravel, HTML5 , CSS3 and jQuery. All elements are","templateDemoMetaDescription":"Have a look at the live preview of the professional Booster - Responsive Bootstrap 4 Dashboard & UI Kits Admin Template (#76572) get yourself acquainted with this theme before you buy it. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Booster - Bootstrap + Laravel Dashboard Admin Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/admin-templates/booster-responsive-bootstrap-4-dashboard-ui-kits-admin-template-76572.html","userRating":"5","designIndex":"84","authorUserId":"1850569","exclusive":"0","state":1,"price":26,"inserted_date":"2019-01-09","sent":1,"downloads":49,"search_words":"admin admin-template admin-panel admin-theme analytics bootstrap4 clean-design creative crm laravel responsive sass-support ui-kits web-app","is_adult":0,"exc_price":2100,"sent_date":"2019-10-09 07:38:57","last_upload":"2020-06-25 06:42:49","package_id":295,"hasExclusivePrice":0,"screenshots":[{"id":1793354,"templ_id":76572,"filename":"76572-original.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1793355,"templ_id":76572,"filename":"76572-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1793356,"templ_id":76572,"filename":"76572-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":1793357,"templ_id":76572,"filename":"76572-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":1793358,"templ_id":76572,"filename":"76572-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/76572.html","image":"https://s.tmimgcdn.com/scr/76500/booster-bootstrap-laravel-dashboard-admin-template_76572-original.jpg","searchHash":"1e30b3532858187a18f3bf51dc36f84b","previewHash":"aa2c67681e8bcd50bcdb606dda45a85a","authorNickname":"ThemesBox","lowLevelTopic":"Management Company Templates; IT Templates; Web Design Templates","weightedRating":4.3076923076923075,"annualSale":2,"monthlySales":1,"quarterlySales":1,"productBoost":0,"onSale":0,"finalPrice":22,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Premium","Responsive","Admin Panel","Search Engine Friendly","Bootstrap","Retina Ready","Multipurpose","Events Calendar","GPL License"],"topic":["Management Company Templates","IT Templates","Web Design Templates","Design","Design & Photography","Business & Services"],"popularity":"Top Rated","dateRange":["Last Month","Last 6 Months"],"color":["white","purple","pink"],"templateSoftwareRequired":["Sublime Text2 or later, Notepad++","Notepad++ or any php-editor"],"showVariantForcibly":"b","exclusive":"0","alreadyPacked":"1","authorUserId":"1850569","nameOfTheTemplate":"Booster - Bootstrap + Laravel Dashboard Admin Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1850569-1547035108459_slider_01.jpg, https://s3u.tmimgcdn.com/1850569-1547035119734_slider_02.jpg, https://s3u.tmimgcdn.com/1850569-1547035122031_slider_03.jpg, https://s3u.tmimgcdn.com/1850569-1547035124541_slider_04.jpg, https://s3u.tmimgcdn.com/1850569-1547035126835_slider_05.jpg","shortDescription":"<p><strong>Booster</strong> is Feature packed & powerful Admin dashboard with UI Kit. It is built on Latest Bootstrap, Latest Laravel, HTML5 , CSS3 and jQuery. All elements are handcrafted full precision as well customizable as per requirements. The Admin Dashboard is Fully Responsive and gives full flexibility to developer to customize it. It consists of 3 Unique Dashboard Layouts, 80+ Inner Pages and 7+ Modern Icon Sets. We are very supportive of our client base. Please, Feel free to contact us in case of any query.</p><p><br></p><p><strong>Note :</strong> In Laravel Version, We have added all 2 Layouts in the admin template package. The package does not include Database, CRUD functionality and Laravel Components.</p><p><br></p><p><strong>Features :</strong></p><p><br></p><ul><li>Responsive</li><li>Creative Widget</li><li>Useful Plugins</li><li>Authentication Page</li><li>7+ Icons Sets</li><li>80+ Pages</li><li>Vertical Layout</li><li>Horizontal Layout</li><li>Easy Customizations</li><li>Clean Design</li><li>SASS Supported</li><li>Well Commented & Quality Code</li><li>W3C Validated</li><li>All Browser Support</li></ul><p><br></p><p><strong>Credits & Sources:</strong></p><p><br></p><ul><li>jQuery</li><li>Bootstrap</li><li>Laravel</li><li>php</li><li>Popper</li><li>Modernizr</li><li>Detect</li><li>jQuery Slimscroll</li><li>Animate CSS</li><li>Sweet Alert2</li><li>jQuery Confirm</li><li>Carousel</li><li>Material Design Icons</li><li>Font Awesome</li><li>Simple Line Icons</li><li>Themify Icons</li><li>Typicons</li><li>Ion Icons</li><li>Dripicons</li><li>Nestable</li><li>jQuery Bar Rating</li><li>ion rangeSlider</li><li>Switchery</li><li>JS Tree</li><li>Widgets</li><li>Full Calendar</li><li>Bootstrap Inputmask</li><li>Bootstrap MaxLength</li><li>Bootstrap Tags Input</li><li>Bootstrap Touch Spin</li><li>Bootstrap X-editable</li><li>Bootstrap Date Picker</li><li>Bootstrap Color Picker</li><li>Select2</li><li>Dropzone</li><li>Summernote</li><li>Tinymce</li><li>Codemirror</li><li>Validate JS</li><li>jQuery Step</li><li>jQuery UI</li><li>Chartist JS</li><li>Chart JS</li><li>C3 Chart</li><li>Flot Chart</li><li>Morris Chart</li><li>Knob Chart</li><li>Piety Chart</li><li>Sparkline Chart</li><li>D3</li><li>Moment JS</li><li>Raphael</li><li>Bootstrap Table</li><li>Data Table</li><li>Editable Table</li><li>RWD Table</li><li>Google Map</li><li>Vector Map</li><li>jQuery Countdown</li><li>Vertical Timeline</li></ul><p><br></p><p><strong>File Included :</strong></p><p><br></p><ul><li>HTML Files</li><li>CSS Files</li><li>SCSS Files</li><li>JS Files</li><li>PHP Files</li><li>Documentation in HTML</li></ul>","uniqueKeywords":"admin-template dasboard-template responsive ui-kits crm cms bootstrap4 sass","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/1850569-1547035102498_main_image.jpg","dqi":"84","livePreviewURL":"https://themesbox.in/admin-templates/booster/","loyaltySells":"1","metaDescription":"Booster is Feature packed & powerful Admin dashboard with UI Kit. It is built on Latest Bootstrap, Latest Laravel, HTML5 , CSS3 and jQuery. All elements are","saleSells":"1","templateSupportOptions":"[{\"id\":113466,\"template_id\":80148,\"type\":1,\"measure\":\"day\",\"value\":1,\"phone\":\"\"}]","bitLyUrl":"http://bit.ly/2RB1YtI","customUrl":"/admin-templates/booster-responsive-bootstrap-4-dashboard-ui-kits-admin-template-76572.html","lastmod":"2022-02-14T15:08:19-05:00","trendiness":"1","excludeExclusive":"Yes","demoMetaDescription":"Have a look at the live preview of the professional Booster - Responsive Bootstrap 4 Dashboard & UI Kits Admin Template (#76572) get yourself acquainted with this theme before you buy it. View the pages, check out the images, click the buttons, explore the features.","changeLogDate":"2020-04-02","reviewsTotal":"3","reviewAverageScore":"5","advImage":"https://s.tmimgcdn.com/scr/76500/76572-original.jpg","imagesIncluded":"No","tags":["admin","analytics","cms","creative","responsive","sass"],"productSize":"95778117","marketplaceMembership":"None","types":"Admin Templates","templateIcon":"icon-admin","isFree":"none","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: Thu, 23 May 2024 22:14:20 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=76572&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=76572&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=76572&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 23 May 2024 22:19:20 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://themesbox.in/admin-templates/booster/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#76572 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/76572.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 #76572            </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=76572&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $24                <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>