string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=369407&expand=properties"
string(12349) "[{"templateId":369407,"typeId":86,"typeName":"Admin Template","typeUrl":"admin-templates","categoryId":131,"categoryName":"Accounting Website Templates","templateTitle":"Accounting Website Admin Template","templatePreviewHtmlTitle":"NettaAdMoon - Bootstrap Admin Template - Dashboard HTML","templateDemoHtmlTitle":"Demo Preview for NettaAdMoon - Bootstrap Admin Template - Dashboard HTML #369407","typeShortName":"Admin","templatePreviewFBTitle":"<p>NettaAdMoon, proudly presented by NettaThemes, is your ultimate answer to efficient website administration and comprehensive data management. This Bootstrap Admin Template and Dashboard HTML solution redefine the way you oversee your online presence.</p><p>NettaAdMoon's design philosophy perfectly balances aesthetics and functionality. With its modern design, it doesn't just simplify complex tasks; it also provides an engaging and visually pleasing user experience. Whether you're in charge of a thriving e-commerce empire, orchestrating dynamic content updates, or managing a diverse user ecosystem, NettaAdMoon ensures that you can navigate these tasks with ease and grace.</p><p>The template's adaptability shines through its responsive design, guaranteeing a seamless user experience across various devices, whether it's a sprawling desktop screen or a compact mobile interface.</p><p>What truly sets NettaAdMoon apart is its robust and flexible range of built-in tools. From customizable analytics dashboards to finely-tuned user access controls and potent content management systems, this template is poised to adapt to your precise requirements.</p><p>With NettaAdMoon at your disposal, you can redirect your focus toward the strategic growth of your online platform, secure in the knowledge that you have a dependable foundation for effective administration.</p><p>Welcome to NettaAdMoon - your portal for simplified, efficient website administration. Now you can concentrate on what truly matters: the expansion, success, and innovation of your online presence.</p><p>Netta Themes is a pioneering name in the world of web design and development, known for its innovative approach and unwavering commitment to delivering top-tier solutions. We specialize in creating high-quality website templates and admin dashboards, meticulously designed to enhance both form and function.</p><p>Our collection of website templates caters to a wide range of industries and purposes, including business, e-commerce, personal blogs, and more. With an emphasis on user experience and aesthetics, our templates provide a seamless platform for expressing your unique brand and connecting with your audience.</p><p>Additionally, our admin dashboard templates simplify the complexities of website management. They offer a sleek and user-friendly interface, coupled with powerful tools for effective content management, user control, and data analysis.</p><p>At Netta Themes, we believe in the fusion of art and technology. Our templates are not just visually appealing but also responsive and adaptable, ensuring a consistent experience across various devices.</p><p>Join us in exploring the future of web design and administration. With Netta Themes, you'll have the tools and resources to establish a remarkable online presence and focus on what truly matters – the growth and success of your web-based endeavors.</p>","templateFullTitle":"NettaAdMoon - Bootstrap Admin Template - Dashboard HTML","templatePreviewMetaDescription":"NettaAdMoon, proudly presented by NettaThemes, is your ultimate answer to efficient website administration and comprehensive data management. This Bootstrap","templateDemoMetaDescription":"The demo preview of this top quality NettaAdMoon - Bootstrap Admin Template - Dashboard HTML Admin Template (#369407) is made available for you to get the feel and look of the design prior to buying it. Browse through the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"NettaAdMoon - Bootstrap Admin Template - Dashboard HTML","anchorFeature":"","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/admin-templates/nettaadmoon-bootstrap-admin-template-dashboard-html-369407.html","userRating":0,"designIndex":1,"authorUserId":"78273183","exclusive":"1","state":1,"price":32,"inserted_date":"2023-11-01","sent":0,"downloads":0,"search_words":"admin analytics angular apartment application bootstrap cms dashboard management responsive template web admin template dashboard template bootstrap admin","is_adult":0,"exc_price":2100,"sent_date":"2023-11-01 14:21:22","last_upload":"2023-11-01 14:25:06","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"369407-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":369407,"width":1600,"window_params":"","banner_url":"","id":3273759,"href":"","height":1000},{"scr_type_id":311,"filename":"369407-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":369407,"width":1600,"window_params":"","banner_url":"","id":3273760,"href":"","height":1000},{"scr_type_id":312,"filename":"369407-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":369407,"width":370,"window_params":"","banner_url":"","id":3273761,"href":"","height":370},{"scr_type_id":9,"filename":"369407-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":369407,"width":145,"window_params":"","banner_url":"","id":3273762,"href":"","height":156},{"scr_type_id":57,"filename":"369407-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":369407,"width":430,"window_params":"","banner_url":"","id":3273763,"href":"","height":269}],"demoUrl":"/demo/369407.html","image":"https://s.tmimgcdn.com/scr/369400/nettaadmoon-bootstrap-admin-template-dashboard-html_369407-original.png","searchHash":"146e11c782028da16003ad2a30ec8728","previewHash":"83b99eb2ae19c00dc2c2fad22e01e626","authorNickname":"NettaThemes","lowLevelTopic":"Accounting Website Templates; Advertising Agency Templates; Travel Templates; Home Inspector","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":125,"onSale":0,"finalPrice":32,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","cyan"],"frameworks":"None","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"15037909","uniqueKeywords":"admin,analytics,angular,apartment,application,bootstrap,cms,dashboard,management,responsive,template,web,admin template,dashboard template,bootstrap admin","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"NettaAdMoon, proudly presented by NettaThemes, is your ultimate answer to efficient website administration and comprehensive data management. This Bootstrap","isLastAdded":"1","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78273183/02257872132b6161ed43e0884e044951.png, https://s3u.tmimgcdn.com/u78273183/09beea107abb90cb4265ee198b7f1866.png","saleSells":"1","livePreviewURL":"https://seask.net/templates/templatemonster/nettaadmoon/","authorUserId":"78273183","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78273183/068a5b2c723e419535de59077095af5d.png","templateGroup":"HTML Templates","popularity":"Zero Downloads","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","webServerCompatibility":"Apache 2.4","templateIcon":"icon-admin","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78273183/30f2454e0ab88e7d106d4dd5aef2dbfc.png, https://s3u.tmimgcdn.com/u78273183/54da1daaf8e26ec8514426793311bc3d.png, https://s3u.tmimgcdn.com/u78273183/8ea5b051c0689da47abe0ad1e304177b.png, https://s3u.tmimgcdn.com/u78273183/ed6586ea9724f5e1658ddb07d91152de.png, https://s3u.tmimgcdn.com/u78273183/52782033642009f78760ee0c76332e6e.png, https://s3u.tmimgcdn.com/u78273183/3d8171ea99d4b6dc5559f6e08269c2b9.png, https://s3u.tmimgcdn.com/u78273183/a43345b0ee4066f2e4cde4612ba5e4bb.png, https://s3u.tmimgcdn.com/u78273183/d6413400db65f2cf3f87dd389f52e85f.png","types":"Admin Templates","trendiness":"1","demoMetaDescription":"The demo preview of this top quality NettaAdMoon - Bootstrap Admin Template - Dashboard HTML Admin Template (#369407) is made available for you to get the feel and look of the design prior to buying it. Browse through the pages, check the images, click the buttons, explore the features.","shortDescription":"<p>NettaAdMoon, proudly presented by NettaThemes, is your ultimate answer to efficient website administration and comprehensive data management. This Bootstrap Admin Template and Dashboard HTML solution redefine the way you oversee your online presence.</p><p>NettaAdMoon's design philosophy perfectly balances aesthetics and functionality. With its modern design, it doesn't just simplify complex tasks; it also provides an engaging and visually pleasing user experience. Whether you're in charge of a thriving e-commerce empire, orchestrating dynamic content updates, or managing a diverse user ecosystem, NettaAdMoon ensures that you can navigate these tasks with ease and grace.</p><p>The template's adaptability shines through its responsive design, guaranteeing a seamless user experience across various devices, whether it's a sprawling desktop screen or a compact mobile interface.</p><p>What truly sets NettaAdMoon apart is its robust and flexible range of built-in tools. From customizable analytics dashboards to finely-tuned user access controls and potent content management systems, this template is poised to adapt to your precise requirements.</p><p>With NettaAdMoon at your disposal, you can redirect your focus toward the strategic growth of your online platform, secure in the knowledge that you have a dependable foundation for effective administration.</p><p>Welcome to NettaAdMoon - your portal for simplified, efficient website administration. Now you can concentrate on what truly matters: the expansion, success, and innovation of your online presence.</p><p>Netta Themes is a pioneering name in the world of web design and development, known for its innovative approach and unwavering commitment to delivering top-tier solutions. We specialize in creating high-quality website templates and admin dashboards, meticulously designed to enhance both form and function.</p><p>Our collection of website templates caters to a wide range of industries and purposes, including business, e-commerce, personal blogs, and more. With an emphasis on user experience and aesthetics, our templates provide a seamless platform for expressing your unique brand and connecting with your audience.</p><p>Additionally, our admin dashboard templates simplify the complexities of website management. They offer a sleek and user-friendly interface, coupled with powerful tools for effective content management, user control, and data analysis.</p><p>At Netta Themes, we believe in the fusion of art and technology. Our templates are not just visually appealing but also responsive and adaptable, ensuring a consistent experience across various devices.</p><p>Join us in exploring the future of web design and administration. With Netta Themes, you'll have the tools and resources to establish a remarkable online presence and focus on what truly matters – the growth and success of your web-based endeavors.</p>","tags":["admin","analytics","angular","apartment","application","bootstrap","cms","dashboard","management","responsive","template","web","admin template","dashboard template","bootstrap admin"],"customUrl":"/admin-templates/nettaadmoon-bootstrap-admin-template-dashboard-html-369407.html","nameOfTheTemplate":"NettaAdMoon - Bootstrap Admin Template - Dashboard HTML","paidSupport":"Yes","topic":["Accounting Website Templates","Advertising Agency Templates","Real Estate Templates","Travel Templates","Business & Services","Sports, Outdoors & Travel","Home Inspector"],"marketplaceMembership":"One","excerpt":"<p>Welcome to NettaAdMoon - your portal for simplified, efficient website administration. Now you can concentrate on what truly matters</p>","advImage":"https://s3u.tmimgcdn.com/u78273183/220f9a0d86911cf9dfb3d803f5858506.png","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: Sat, 04 May 2024 12:03:38 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=369407&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=369407&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=369407&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 04 May 2024 12:08:38 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://seask.net/templates/templatemonster/nettaadmoon/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#369407 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/369407.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 #369407            </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=369407&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $29                <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>