string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=346800&expand=properties"
string(13551) "[{"templateId":346800,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":134,"categoryName":"SEO Website Templates","templateTitle":"SEO Website Responsive Website Template","templatePreviewHtmlTitle":"Visionary AI Dashboard Website Template for Artificial Intelligence with Image Generator and Chat","templateDemoHtmlTitle":"Live preview for Visionary AI Dashboard Website Template for Artificial Intelligence with Image Generator and Chat #346800","typeShortName":"Website","templatePreviewFBTitle":"<h2>Revolutionize the way you experience Artificial Intelligence with Visionary AI - the game-changing HTML template that redefines the boundaries of design and functionality.</h2><p>Visionary AI is a dynamic HTML dashboard template that leverages <strong>artificial intelligence</strong> capabilities for <strong>chat and image generation </strong>functionality, plus it also has blogging, social, user account, and support features. It's Super easy to customize so it'll suit your needs.</p><p>At the core of Visionary AI is its <strong>cutting-edge Dashboard UX</strong>, meticulously crafted to provide an intuitive and seamless user experience. With a sleek and modern interface, you'll have complete control and oversight of your AI initiatives, unlocking their full potential.</p><p>Visionary AI has <strong>dark/light mode</strong> which allows you to customize the look of the app according to your preferences and remembers your choice for future visits. It also has search bars so that users can quickly find specific content or navigate through the platform efficiently. If you want to use AI chat and AI image generation with this model you can to integrate external AI services or APIs (e.g. OpenAI API) or your own built AI.</p><p>With Visionary AI, you have the opportunity to create a unique digital presence that sets you apart from the competition. <strong>Get Visionary AI today</strong> and lead the way in the world of cutting-edge AI design.</p><h3><strong>Features</strong></h3><ul><li><strong>Artificial Intelligence design</strong></li><li><strong>Cutting-edge Dashboard UX</strong></li><li>+23 demos/pages and Many more to come</li><li>Amazing animation and effects</li><li><strong>Responsive</strong> &amp; Mobile Navigations</li><li><strong>AI Chatbot</strong> design</li><li><strong>AI Image Generator</strong> design</li><li>Feed, socials, community and models design</li><li>Dark/light mode theme</li><li>Fullscreen mode</li><li>Search bar and notifications design</li><li>User profile, billings and settings design</li><li>Support and FAQ design</li><li>Docs, changelogs and developers guide design</li><li>Pricing table</li><li>Contact form</li><li>Clean Code Structure</li><li><strong>High Performance</strong></li><li>Semantic HTML5</li><li><strong>SASS modules</strong></li><li>CSS3 Custom properties</li><li>Flexbox &amp; Grid layout</li><li><strong>SEO optimized</strong></li><li>HTML, SASS, CSS, JS, PHP files are included</li><li>Developer Friendly Coding</li><li>W3C valid HTML files</li><li><strong>Animate On Scroll</strong></li><li>Google Fonts</li><li>Css GG Icons</li></ul><h2><strong>Credits</strong></h2><ul><li>Animate On Scroll Library</li><li>Google Fonts</li><li>Css.gg icons</li><li>Midjourney images</li><li>Pexels images</li></ul><p><strong><em>Note</em></strong><em>: All images in Visionary AI template can be used only on demo version. You will need to upload your own images for your site.</em></p>","templateFullTitle":"Visionary AI Dashboard Website Template for Artificial Intelligence with Image Generator and Chat","templatePreviewMetaDescription":"Revolutionize the way you experience Artificial Intelligence with Visionary AI - the game-changing HTML template that redefines the boundaries of design and","templateDemoMetaDescription":"Before buying it, get the feel and look of the top notch Visionary AI Dashboard Website Template for Artificial Intelligence with Image Generator &amp; Chat Website Template (#346800) by enjoying the live preview. View the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Visionary AI Dashboard Website Template for Artificial Intelligence with Image Generator and Chat","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/visionary-ai-dashboard-website-template-for-artificial-intelligence-with-image-generator-amp-chat-346800.html","userRating":0,"designIndex":1,"authorUserId":"78050992","exclusive":"1","state":1,"price":37,"inserted_date":"2023-07-28","sent":0,"downloads":1,"search_words":"ai chatbot chatgpt image generator ai copywriting ai writer content creation content writer copywriting openai responsive dashboard artificial intelligence ai art deep learning machine learning business creative multipurpose startup","is_adult":0,"exc_price":2100,"sent_date":"2023-07-28 11:50:52","last_upload":"2024-02-15 13:24:21","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3160749,"templ_id":346800,"filename":"346800-original.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3160750,"templ_id":346800,"filename":"346800-big.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3160751,"templ_id":346800,"filename":"346800-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":3160752,"templ_id":346800,"filename":"346800-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":3160753,"templ_id":346800,"filename":"346800-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/346800.html","image":"https://s.tmimgcdn.com/scr/346800/visionary-ai-dashboard-website-template-for-artificial-intelligence-with-image-generator-and-chat_346800-original.png","searchHash":"ece8065dad6a692c5961de9a18bdaf45","previewHash":"fd43c2c8ad2ae4b0dbf6572e9f633a84","authorNickname":"Travolgi","lowLevelTopic":"Art Templates; SEO Website Templates; Software Templates","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":1,"productBoost":0,"onSale":0,"finalPrice":35,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Premium","Responsive","Pro","Admin Panel","Search Engine Friendly","Ajax","Mobile Layout Included","On-line chat","Multipurpose","Light Template","Dropdown Menu","Sample content","Tabs","Advanced Theme Options","Performance Optimization","Blog","Gallery","Portfolio","Forum","HTML 5"],"styles":["Clean","Corporate","Minimalist","Artworks","Dark","Futurist","Geometric","Web2.0","Mobile","Flat"],"isLastAdded":"1","topic":["Art Templates","SEO Website Templates","Software Templates","Art & Culture","Business & Services","Computers & Internet"],"isFree":"none","color":["black","green"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["business","copywriting","creative","dashboard","multipurpose","responsive","startup","ai","artificial intelligence","chatbot","machine learning","deep learning","content writer","content creation","chatgpt","openai","image generator","ai copywriting","ai writer","ai art"],"paidSupport":"Yes","authorUserId":"78050992","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"frameworks":"None","excerpt":"<p>Revolutionize the way you experience Artificial Intelligence with Visionary AI - the game-changing HTML template that redefines the boundaries of design and functionality.</p>","nameOfTheTemplate":"Visionary AI Dashboard Website Template for Artificial Intelligence with Image Generator and Chat","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78050992/7b19009386122ec093015e6a29e64cf1.png, https://s3u.tmimgcdn.com/u78050992/b6a682c698aa6fcfee6411cb9b187f10.png, https://s3u.tmimgcdn.com/u78050992/657fd5e466b5582a10d14f2fca539575.png, https://s3u.tmimgcdn.com/u78050992/25002d26de5f79d0b6edff039f80df6a.png, https://s3u.tmimgcdn.com/u78050992/8c9ca166dc1ff03a8b725bf214d98a6d.png, https://s3u.tmimgcdn.com/u78050992/7d21edd5c54b1a46fc6940ed301e1c45.png, https://s3u.tmimgcdn.com/u78050992/ff204a88d1f3b24ad4ab8e9d6dc7e93a.png","shortDescription":"<h2>Revolutionize the way you experience Artificial Intelligence with Visionary AI - the game-changing HTML template that redefines the boundaries of design and functionality.</h2><p>Visionary AI is a dynamic HTML dashboard template that leverages <strong>artificial intelligence</strong> capabilities for <strong>chat and image generation </strong>functionality, plus it also has blogging, social, user account, and support features. It's Super easy to customize so it'll suit your needs.</p><p>At the core of Visionary AI is its <strong>cutting-edge Dashboard UX</strong>, meticulously crafted to provide an intuitive and seamless user experience. With a sleek and modern interface, you'll have complete control and oversight of your AI initiatives, unlocking their full potential.</p><p>Visionary AI has <strong>dark/light mode</strong> which allows you to customize the look of the app according to your preferences and remembers your choice for future visits. It also has search bars so that users can quickly find specific content or navigate through the platform efficiently. If you want to use AI chat and AI image generation with this model you can to integrate external AI services or APIs (e.g. OpenAI API) or your own built AI.</p><p>With Visionary AI, you have the opportunity to create a unique digital presence that sets you apart from the competition. <strong>Get Visionary AI today</strong> and lead the way in the world of cutting-edge AI design.</p><h3><strong>Features</strong></h3><ul><li><strong>Artificial Intelligence design</strong></li><li><strong>Cutting-edge Dashboard UX</strong></li><li>+23 demos/pages and Many more to come</li><li>Amazing animation and effects</li><li><strong>Responsive</strong> &amp; Mobile Navigations</li><li><strong>AI Chatbot</strong> design</li><li><strong>AI Image Generator</strong> design</li><li>Feed, socials, community and models design</li><li>Dark/light mode theme</li><li>Fullscreen mode</li><li>Search bar and notifications design</li><li>User profile, billings and settings design</li><li>Support and FAQ design</li><li>Docs, changelogs and developers guide design</li><li>Pricing table</li><li>Contact form</li><li>Clean Code Structure</li><li><strong>High Performance</strong></li><li>Semantic HTML5</li><li><strong>SASS modules</strong></li><li>CSS3 Custom properties</li><li>Flexbox &amp; Grid layout</li><li><strong>SEO optimized</strong></li><li>HTML, SASS, CSS, JS, PHP files are included</li><li>Developer Friendly Coding</li><li>W3C valid HTML files</li><li><strong>Animate On Scroll</strong></li><li>Google Fonts</li><li>Css GG Icons</li></ul><h2><strong>Credits</strong></h2><ul><li>Animate On Scroll Library</li><li>Google Fonts</li><li>Css.gg icons</li><li>Midjourney images</li><li>Pexels images</li></ul><p><strong><em>Note</em></strong><em>: All images in Visionary AI template can be used only on demo version. You will need to upload your own images for your site.</em></p>","uniqueKeywords":"ai,chatbot,chatgpt,image generator,ai copywriting,ai writer,content creation,content writer,copywriting,openai,responsive,dashboard,artificial intelligence,ai art,deep learning,machine learning,business,creative,multipurpose,startup","advImage":"https://s3u.tmimgcdn.com/u78050992/cfbeac2be5a14e59cab3682f1180c3ec.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78050992/ddee48e011dfcf46a4bd66b8d1e7cef0.png","livePreviewURL":"https://visionaryai-html.travolgi.com","metaDescription":"Revolutionize the way you experience Artificial Intelligence with Visionary AI - the game-changing HTML template that redefines the boundaries of design and","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Before buying it, get the feel and look of the top notch Visionary AI Dashboard Website Template for Artificial Intelligence with Image Generator &amp; Chat Website Template (#346800) by enjoying the live preview. View the pages, examine the images, click the buttons, explore the features.","customUrl":"/website-templates/visionary-ai-dashboard-website-template-for-artificial-intelligence-with-image-generator-amp-chat-346800.html","productSize":"2731123","trendiness":"1","changeLog":"## ver. 1.0.1 - 18/01/2024\n- javascript refactory\n- minor fix\n\n## ver. 1.0.1 - 18/01/2024\n- javascript refactory\n- minor fix\n\n## ver. 1.0.0 - 20/07/2023\n- Created","changeLogDate":"2024-01-24","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sun, 28 Apr 2024 18:16:01 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=346800&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=346800&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=346800&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 28 Apr 2024 18:21:01 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://visionaryai-html.travolgi.com<!DOCTYPE html>
<html lang="en">
<head>
    <title>#346800 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/346800.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">
                Website Templates #346800            </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=346800&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $34                <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="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>