string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=75197&expand=properties"
string(11307) "[{"templateId":75197,"typeId":86,"typeName":"Admin Template","typeUrl":"admin-templates","categoryId":281,"categoryName":"News Portal Templates","templateTitle":"News Portal Responsive Admin Template","templatePreviewHtmlTitle":"Neon - Responsive Bootstrap & Laravel Admin Template","templateDemoHtmlTitle":"Live demo for Neon - Responsive Bootstrap & Laravel Admin Template #75197","typeShortName":"Admin","templatePreviewFBTitle":"<p><strong>Neon</strong> is Feature packed & powerful Admin dashboard with UI Kit. It is built on Latest Bootstrap version, Latest Laravel v6.0, Latest PHP version, HTML5 , CSS3 and jQuery. All elements are handcrafted full precision as well customization 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>Note : </strong>In PHP Version, We have added all 2 Layouts in the admin template package.</p><p><br></p><p><strong>Features :</strong></p><p><br></p><p>- Responsive</p><p>- Creative Widgets</p><p>- Useful Plugins</p><p>- Authentication Pages</p><p>- 7+ Icons Sets</p><p>- 80+ Pages</p><p>- Vertical Layout</p><p>- Horizontal Layout</p><p>- Easy Customization</p><p>- Clean Design</p><p>- SASS Supported</p><p>- Well Commented & Quality Code</p><p>- W3C Validate</p><p>- All Browser Support</p><p><br></p><p><strong>Credits & Sources:</strong></p><p><br></p><p>- jQuery</p><p>- Bootstrap</p><p>- Laravel</p><p>- php</p><p>- Popper</p><p>- Modernizr</p><p>- Detect</p><p>- jQuery Slimscroll</p><p>- Animate CSS</p><p>- Sweet Alert2</p><p>- jQuery Confirm</p><p>- Carousel</p><p>- Material Design Icons</p><p>- Font Awesome</p><p>- Simple Line Icons</p><p>- Themify Icons</p><p>- Typicons</p><p>- Ion Icons</p><p>- Dripicons</p><p>- Nestable</p><p>- jQuery Bar Rating</p><p>- ion rangeSlider</p><p>- Switchery</p><p>- JS Tree</p><p>- Widgets</p><p>- Full Calendar</p><p>- Bootstrap Inputmask</p><p>- Bootstrap MaxLength</p><p>- Bootstrap Tags Input</p><p>- Bootstrap Touch Spin</p><p>- Bootstrap X-editable</p><p>- Bootstrap Date Picker</p><p>- Bootstrap Color Picker</p><p>- Select2</p><p>- Dropzone</p><p>- Summernote</p><p>- Tinymce</p><p>- Codemirror</p><p>- Validate JS</p><p>- jQuery Step</p><p>- jQuery UI</p><p>- Chartist JS</p><p>- Chart JS</p><p>- C3 Chart</p><p>- Flot Char</p><p>- Morris Chart</p><p>- Knob Chart</p><p>- Piety Chart</p><p>- Sparkline Chart</p><p>- D3</p><p>- Moment JS</p><p>- Raphael</p><p>- Bootstrap Table</p><p>- Data Table</p><p>- Editable Table</p><p>- RWD Table</p><p>- Google Map</p><p>- Vector Map</p><p>- jQuery Countdown</p><p>- Vertical Timeline</p><p><br></p><p><br></p><p><strong>File Included :</strong></p><p><br></p><p>- HTML Files</p><p>- CSS Files</p><p>- SCSS Files</p><p>- JS Files</p><p>- PHP Files</p><p>- Documentation in HTML</p>","templateFullTitle":"Neon - Responsive Bootstrap & Laravel Admin Template","templatePreviewMetaDescription":"Neon is Feature packed & powerful Admin dashboard with UI Kit. It is built on Latest Bootstrap version, Latest Laravel v6.0, Latest PHP version, HTML5 , CSS3","templateDemoMetaDescription":"View the live preview for the top quality Neon - Responsive Bootstrap 4 UI Kits Admin Template (#75197) to get a better notion of what this template is prior to buying it. View the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Neon - Responsive Bootstrap & Laravel Admin Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/admin-templates/neon-responsive-bootstrap-4-ui-kits-admin-template-75197.html","userRating":"5","designIndex":"86","authorUserId":"1850569","exclusive":"0","state":1,"price":26,"inserted_date":"2018-12-04","sent":1,"downloads":72,"search_words":"admin admin-template admin-panel admin-theme bootstrap-4 laravel php sass ui-kits analytics crm","is_adult":0,"exc_price":2100,"sent_date":"2019-09-30 07:00:27","last_upload":"2020-06-25 06:43:08","package_id":295,"hasExclusivePrice":0,"screenshots":[{"id":1785249,"templ_id":75197,"filename":"75197-3-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":1785250,"templ_id":75197,"filename":"75197-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":1785251,"templ_id":75197,"filename":"75197-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":1785252,"templ_id":75197,"filename":"75197-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":1785253,"templ_id":75197,"filename":"75197-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/75197.html","image":"https://s.tmimgcdn.com/scr/75100/neon-responsive-bootstrap--laravel-admin-template_75197-3-original.jpg","searchHash":"3aea7ff7bda042945dbcbd148dd9d6cc","previewHash":"0fabdc3f5bd497fe80578a9b562ee814","authorNickname":"ThemesBox","lowLevelTopic":"IT Templates; News Portal Templates; Maintenance Services Templates; Finance","weightedRating":4.181818181818182,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":26,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Responsive","Admin Panel","Bootstrap","Retina Ready","Mobile Layout Included","Multipurpose"],"topic":["IT Templates","News Portal Templates","Maintenance Services Templates","Media Templates","Business & Services","Finance"],"popularity":"Top Rated","dateRange":"Last 6 Months","color":["white","blue"],"productOfTheDay":"0","templateSoftwareRequired":["Sublime Text2 or later, Notepad++","Notepad++ or any php-editor"],"showVariantForcibly":"b","exclusive":"0","alreadyPacked":"1","authorUserId":"1850569","nameOfTheTemplate":"Neon - Responsive Bootstrap & Laravel Admin Template","previewScreensOrVideoURLs":"https://s3.tmimgcdn.com/templates/37828/scr/1585830083337_Preview_01.jpg, https://s3.tmimgcdn.com/templates/37828/scr/1585830097602_Preview_02.jpg, https://s3.tmimgcdn.com/templates/37828/scr/1585830100757_Preview_03.jpg, https://s3.tmimgcdn.com/templates/37828/scr/1585830103983_Preview_04.jpg, https://s3.tmimgcdn.com/templates/37828/scr/1585830106880_Preview_05.jpg","shortDescription":"<p><strong>Neon</strong> is Feature packed & powerful Admin dashboard with UI Kit. It is built on Latest Bootstrap version, Latest Laravel v6.0, Latest PHP version, HTML5 , CSS3 and jQuery. All elements are handcrafted full precision as well customization 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>Note : </strong>In PHP Version, We have added all 2 Layouts in the admin template package.</p><p><br></p><p><strong>Features :</strong></p><p><br></p><p>- Responsive</p><p>- Creative Widgets</p><p>- Useful Plugins</p><p>- Authentication Pages</p><p>- 7+ Icons Sets</p><p>- 80+ Pages</p><p>- Vertical Layout</p><p>- Horizontal Layout</p><p>- Easy Customization</p><p>- Clean Design</p><p>- SASS Supported</p><p>- Well Commented & Quality Code</p><p>- W3C Validate</p><p>- All Browser Support</p><p><br></p><p><strong>Credits & Sources:</strong></p><p><br></p><p>- jQuery</p><p>- Bootstrap</p><p>- Laravel</p><p>- php</p><p>- Popper</p><p>- Modernizr</p><p>- Detect</p><p>- jQuery Slimscroll</p><p>- Animate CSS</p><p>- Sweet Alert2</p><p>- jQuery Confirm</p><p>- Carousel</p><p>- Material Design Icons</p><p>- Font Awesome</p><p>- Simple Line Icons</p><p>- Themify Icons</p><p>- Typicons</p><p>- Ion Icons</p><p>- Dripicons</p><p>- Nestable</p><p>- jQuery Bar Rating</p><p>- ion rangeSlider</p><p>- Switchery</p><p>- JS Tree</p><p>- Widgets</p><p>- Full Calendar</p><p>- Bootstrap Inputmask</p><p>- Bootstrap MaxLength</p><p>- Bootstrap Tags Input</p><p>- Bootstrap Touch Spin</p><p>- Bootstrap X-editable</p><p>- Bootstrap Date Picker</p><p>- Bootstrap Color Picker</p><p>- Select2</p><p>- Dropzone</p><p>- Summernote</p><p>- Tinymce</p><p>- Codemirror</p><p>- Validate JS</p><p>- jQuery Step</p><p>- jQuery UI</p><p>- Chartist JS</p><p>- Chart JS</p><p>- C3 Chart</p><p>- Flot Char</p><p>- Morris Chart</p><p>- Knob Chart</p><p>- Piety Chart</p><p>- Sparkline Chart</p><p>- D3</p><p>- Moment JS</p><p>- Raphael</p><p>- Bootstrap Table</p><p>- Data Table</p><p>- Editable Table</p><p>- RWD Table</p><p>- Google Map</p><p>- Vector Map</p><p>- jQuery Countdown</p><p>- Vertical Timeline</p><p><br></p><p><br></p><p><strong>File Included :</strong></p><p><br></p><p>- HTML Files</p><p>- CSS Files</p><p>- SCSS Files</p><p>- JS Files</p><p>- PHP Files</p><p>- Documentation in HTML</p>","affiliateSells":"1","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/37828/scr/1585830067267_Preview-Image_laravel.jpg","dqi":"86","livePreviewURL":"https://themesbox.in/admin-templates/neon/","loyaltySells":"1","metaDescription":"Neon is Feature packed & powerful Admin dashboard with UI Kit. It is built on Latest Bootstrap version, Latest Laravel v6.0, Latest PHP version, HTML5 , CSS3","saleSells":"1","templateSupportOptions":"[{\"id\":113467,\"template_id\":80149,\"type\":1,\"measure\":\"day\",\"value\":1,\"phone\":\"\"}]","bitLyUrl":"http://bit.ly/2DYQXel","customUrl":"/admin-templates/neon-responsive-bootstrap-4-ui-kits-admin-template-75197.html","lastmod":"2022-03-15T10:55:26-04:00","trendiness":"1","reviewsTotal":"1","reviewAverageScore":"5","excludeExclusive":"Yes","demoMetaDescription":"View the live preview for the top quality Neon - Responsive Bootstrap 4 UI Kits Admin Template (#75197) to get a better notion of what this template is prior to buying it. View the pages, examine the images, click the buttons, explore the features.","changeLogDate":"2020-04-02","advImage":"https://s.tmimgcdn.com/scr/75100/75197-original.jpg","imagesIncluded":"No","tags":["admin","analytics","sass","php"],"productSize":"126197943","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, 28 Nov 2024 16:39:30 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=75197&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=75197&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=75197&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 28 Nov 2024 16:44:30 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://themesbox.in/admin-templates/neon/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#75197 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/75197.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 #75197            </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=75197&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>