string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=386513&expand=properties"
string(15463) "[{"templateId":386513,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":529,"categoryName":"Private Investigator Templates","templateTitle":"Private Investigator Responsive Website Template","templatePreviewHtmlTitle":"Inkognito - Private Investigator Agency Website Template","templateDemoHtmlTitle":"Live demo for Inkognito - Private Investigator Agency Website Template #386513","typeShortName":"Website","templatePreviewFBTitle":"<p>Meet 'Inkognito,' your secret weapon for a captivating online presence. This HTML template, crafted for private investigators, exudes professionalism and modernity. Seamlessly showcase your services, team, and success stories with its customizable sections and dynamic contact forms. Responsive across all devices, 'Inkognito' ensures your investigative prowess shines on desktops and smartphones alike. No need for coding expertise – easily install, personalize, and launch your unique site. Engage clients with high-quality visuals, and let the world see the strength of your investigative capabilities. 'Inkognito' is more than a template; it's your ally in making a lasting impression and expanding your client base. Elevate your agency's online identity with the sophistication and functionality of 'Inkognito.'</p><p><br /></p><h2><strong>Key Features:</strong></h2><p><br /></p><ul><li><strong>Professional Design:</strong> Inkognito boasts a modern and sophisticated design that reflects the professionalism of your investigative services. The template is crafted with attention to detail, ensuring a visually appealing and user-friendly experience.</li><li><strong>Responsive Layout:</strong> With a responsive layout, your website will look stunning on any device, whether it's a desktop, tablet, or smartphone. This ensures that potential clients can access your services seamlessly, enhancing user engagement.</li><li><strong>Customizable Sections:</strong> Tailor your website effortlessly with customizable sections that allow you to showcase your team, services, case studies, and client testimonials. The template provides an intuitive interface for easy customization, even for users with limited technical expertise.</li><li><strong>Dynamic Contact Forms:</strong> Facilitate easy communication with prospective clients through dynamic contact forms strategically placed throughout the website. Capture essential information, such as case details or appointment requests, directly from interested parties.</li><li><strong>Engaging Visuals:</strong> Utilize high-quality images and captivating visuals to highlight your team, successful investigations, and the diverse range of services you offer. Engage your audience and leave a lasting impression with a carefully curated gallery.</li><li>Bootstrap 5</li><li><strong>dark mode feature</strong></li><li><strong>cool animations on scroll</strong></li><li>Clean Code</li><li>W3 Valid HTML code</li><li>404 page included</li><li>Sticky Header</li><li>Highly Customizable</li><li>working Contact Us Form</li><li>Google fonts</li><li>Google maps</li><li>Well Structured and Commented code.</li></ul><h2><strong>How to Use:</strong></h2><ul><li><strong>Installation:</strong> Begin by downloading the template files and follow the straightforward installation instructions provided. No coding skills are required!</li><li><strong>Customization:</strong> Easily customize the template to suit your brand by modifying colors, fonts, and content. The template comes with comprehensive documentation, guiding you through the customization process step by step.</li><li><strong>Content Integration:</strong> Populate your website with relevant content, such as your team members' profiles, case studies, and service descriptions. The intuitive design of the template ensures that your content is presented clearly and compellingly.</li><li><strong>Launch: </strong>Once you've personalized your website, it's time to go live! Connect your domain, optimize for SEO, and start attracting clients to your professional investigative services.</li></ul><p>Inkognito empowers private investigators to establish a strong online presence, effectively communicate their expertise, and ultimately grow their client base. Elevate your investigative agency with the cutting-edge features and polished design of the Inkognito HTML website template.</p><p><br /></p><h3>FILE INCLUDED</h3><p><br /></p><ul><li><strong>HTML files</strong></li><li><strong>CSS files</strong></li><li><strong>PHP files</strong></li><li><strong>JS files</strong></li><li><strong>included font-awesome Icons</strong></li><li><strong>Documentation</strong></li></ul><p><br /></p><h3>SOURCES &amp; CREDITS</h3><p><br /></p><ul><li><strong>Bootstrap v5.3</strong></li><li><strong>jQuery library</strong></li><li><strong>jQuery counter-up plugin</strong></li><li><strong>Owl Carousel</strong></li><li><strong>font-awesome Icons</strong></li></ul>","templateFullTitle":"Inkognito - Private Investigator Agency Website Template","templatePreviewMetaDescription":"Meet 'Inkognito,' your secret weapon for a captivating online presence. This HTML template, crafted for private investigators, exudes professionalism and","templateDemoMetaDescription":"Try out the demo for the Inkognito - Private Investigator Agency Website Template Website Template (#386513) get yourself acquainted with this template before buying it. View the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Inkognito - Private Investigator Agency Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/inkognito-private-investigator-agency-website-template-386513.html","userRating":0,"designIndex":1,"authorUserId":"78173908","exclusive":"1","state":1,"price":19,"inserted_date":"2024-01-24","sent":0,"downloads":1,"search_words":"investigator private investigator protection justice home security service security secure safety information agency","is_adult":0,"exc_price":2100,"sent_date":"2024-01-24 12:46:50","last_upload":"2024-02-07 13:31:49","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3359279,"templ_id":386513,"filename":"386513-original.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3359280,"templ_id":386513,"filename":"386513-big.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3359281,"templ_id":386513,"filename":"386513-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":3359282,"templ_id":386513,"filename":"386513-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":3359283,"templ_id":386513,"filename":"386513-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/386513.html","image":"https://s.tmimgcdn.com/scr/386500/inkognito-private-investigator-agency-website-template_386513-original.png","searchHash":"cca103bf9dfc34e7652219611f76e53e","previewHash":"c34f03258e98eb781582281880e6426e","authorNickname":"erramix","lowLevelTopic":"Private Investigator Templates","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":1,"productBoost":50,"onSale":0,"finalPrice":19,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Bootstrap","Google map","HTML 5","HTML plus JS","Light Template","Mobile Layout Included","Performance Optimization","Premium","Pro","Responsive","Search Engine Friendly","Team Members","JQuery","Lazy Load effect","One Page Templates"],"isLastAdded":"1","livePreviewURL":"https://erramix-themes.com/inkognito/inkognito-showcase/","styles":["Clean","Flat","Minimalist"],"nameOfTheTemplate":"Inkognito - Private Investigator Agency Website Template","shortDescription":"<p>Meet 'Inkognito,' your secret weapon for a captivating online presence. This HTML template, crafted for private investigators, exudes professionalism and modernity. Seamlessly showcase your services, team, and success stories with its customizable sections and dynamic contact forms. Responsive across all devices, 'Inkognito' ensures your investigative prowess shines on desktops and smartphones alike. No need for coding expertise – easily install, personalize, and launch your unique site. Engage clients with high-quality visuals, and let the world see the strength of your investigative capabilities. 'Inkognito' is more than a template; it's your ally in making a lasting impression and expanding your client base. Elevate your agency's online identity with the sophistication and functionality of 'Inkognito.'</p><p><br /></p><h2><strong>Key Features:</strong></h2><p><br /></p><ul><li><strong>Professional Design:</strong> Inkognito boasts a modern and sophisticated design that reflects the professionalism of your investigative services. The template is crafted with attention to detail, ensuring a visually appealing and user-friendly experience.</li><li><strong>Responsive Layout:</strong> With a responsive layout, your website will look stunning on any device, whether it's a desktop, tablet, or smartphone. This ensures that potential clients can access your services seamlessly, enhancing user engagement.</li><li><strong>Customizable Sections:</strong> Tailor your website effortlessly with customizable sections that allow you to showcase your team, services, case studies, and client testimonials. The template provides an intuitive interface for easy customization, even for users with limited technical expertise.</li><li><strong>Dynamic Contact Forms:</strong> Facilitate easy communication with prospective clients through dynamic contact forms strategically placed throughout the website. Capture essential information, such as case details or appointment requests, directly from interested parties.</li><li><strong>Engaging Visuals:</strong> Utilize high-quality images and captivating visuals to highlight your team, successful investigations, and the diverse range of services you offer. Engage your audience and leave a lasting impression with a carefully curated gallery.</li><li>Bootstrap 5</li><li><strong>dark mode feature</strong></li><li><strong>cool animations on scroll</strong></li><li>Clean Code</li><li>W3 Valid HTML code</li><li>404 page included</li><li>Sticky Header</li><li>Highly Customizable</li><li>working Contact Us Form</li><li>Google fonts</li><li>Google maps</li><li>Well Structured and Commented code.</li></ul><h2><strong>How to Use:</strong></h2><ul><li><strong>Installation:</strong> Begin by downloading the template files and follow the straightforward installation instructions provided. No coding skills are required!</li><li><strong>Customization:</strong> Easily customize the template to suit your brand by modifying colors, fonts, and content. The template comes with comprehensive documentation, guiding you through the customization process step by step.</li><li><strong>Content Integration:</strong> Populate your website with relevant content, such as your team members' profiles, case studies, and service descriptions. The intuitive design of the template ensures that your content is presented clearly and compellingly.</li><li><strong>Launch: </strong>Once you've personalized your website, it's time to go live! Connect your domain, optimize for SEO, and start attracting clients to your professional investigative services.</li></ul><p>Inkognito empowers private investigators to establish a strong online presence, effectively communicate their expertise, and ultimately grow their client base. Elevate your investigative agency with the cutting-edge features and polished design of the Inkognito HTML website template.</p><p><br /></p><h3>FILE INCLUDED</h3><p><br /></p><ul><li><strong>HTML files</strong></li><li><strong>CSS files</strong></li><li><strong>PHP files</strong></li><li><strong>JS files</strong></li><li><strong>included font-awesome Icons</strong></li><li><strong>Documentation</strong></li></ul><p><br /></p><h3>SOURCES &amp; CREDITS</h3><p><br /></p><ul><li><strong>Bootstrap v5.3</strong></li><li><strong>jQuery library</strong></li><li><strong>jQuery counter-up plugin</strong></li><li><strong>Owl Carousel</strong></li><li><strong>font-awesome Icons</strong></li></ul>","popularity":"Zero Downloads","bootstrapVersion":"5.3.x","topic":["Security Templates","Private Investigator Templates","Business & Services"],"uniqueKeywords":"investigator,private investigator,protection,justice,home security,service,security,secure,safety,information,agency","customUrl":"/website-templates/inkognito-private-investigator-agency-website-template-386513.html","isFree":"none","metaDescription":"Meet 'Inkognito,' your secret weapon for a captivating online presence. This HTML template, crafted for private investigators, exudes professionalism and","changeLog":"January 26,2024\n\n-added 404 page\n-add dark mode feature\n-added aos animations","color":["black","white","grey"],"frameworks":"None","demoMetaDescription":"Try out the demo for the Inkognito - Private Investigator Agency Website Template Website Template (#386513) get yourself acquainted with this template before buying it. View the pages, examine the images, click the buttons, explore the functionality.","changeLogDate":"2024-02-07","trendiness":"1","showVariantForcibly":"b","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78173908/7c0cbd261ce42c42082b6f8000870343.png, https://s3u.tmimgcdn.com/u78173908/fa59ea6e2aad33900d68a81bf6fa874e.png, https://s3u.tmimgcdn.com/u78173908/d577cd8fdf6c8dc66f24f944e6046835.png, https://s3u.tmimgcdn.com/u78173908/b495cada941e908d24f5c5cd740d85c6.png, https://s3u.tmimgcdn.com/u78173908/c02bf097e580a47c79fd820824a65ea7.png","authorUserId":"78173908","exclusive":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78173908/07c2de1891ac15788b7f0bdb702492aa.png","affiliateSells":"1","saleSells":"1","templateSupportOptions":"[]","alreadyPacked":"1","marketplaceMembership":"One","tags":["agency","information","justice","protection","safety","secure","security","service","investigator","home security","private investigator"],"advImage":"https://s3u.tmimgcdn.com/u78173908/a5ca17c0034865b073c4035741c5c800.png","productSize":"2525595","imagesIncluded":"Yes","paidSupport":"Yes","pHPVersionCompatibility":["8.2","8.1","8.0","7.4"],"webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Inkognito: Elevate your <strong>investigative agency</strong> with this sleek HTML template. Showcase expertise, attract clients effortlessly. <strong>No coding needed!</strong></p>","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: Sat, 21 Dec 2024 18:55:10 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=386513&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=386513&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=386513&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 21 Dec 2024 19:00:10 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://erramix-themes.com/inkognito/inkognito-showcase/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#386513 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/386513.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 #386513            </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=386513&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $17                <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>