string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=241010&expand=properties"
string(12959) "[{"templateId":241010,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":128,"categoryName":"Marketing Agency Templates","templateTitle":"Marketing Agency Responsive Website Template","templatePreviewHtmlTitle":"Blueket - Digital Agency &amp; Multipurpose HTML5 Template","templateDemoHtmlTitle":"Demo for Blueket - Digital Agency &amp; Multipurpose HTML5 Template #241010","typeShortName":"Website","templatePreviewFBTitle":"<p>Blueket is a modern responsive multi-page bootstrap v5 template that is suited for any digital or corporate business. Blueket was built with the most recent versions of bootstrap and JavaScript. All files and code have been neatly structured and carefully commented on to allow for easy customization. Blueket - is well-instructed, simple to use, loaded in seconds, and delivers the best performance. Extremely responsive on all devices with high and low resolutions. Everything is neat and cleanly crafted. You may modify the color schemes, fonts, icons, text, photos, and so on. Custom CSS, animation, and blocks may also be added. We've provided a documentation folder that describes the code structures. Blueket has a unique and trendy design. so that you can create a fantastic website layout for your requirements.</p><h2>Template Features</h2><ul><li>Conversion Rate Optimized Pages</li><li>Working Ajax SMTP Contact Form</li><li>Designs A/B Tested</li><li>Dark &amp; Light Mode Switch</li><li>Color Theory-Based Designs</li><li>All Pages Digital Marketing Ready</li><li>Multi-Purpose Pages Design</li><li>Coded with SEO in Mind</li><li>100% Responsive Design</li><li>Clean &amp; Elegant Design</li><li>Cross-Browser Compatibility</li><li>W3C Markup Validate</li><li>Well Commented Code</li><li>Used Google Fonts</li><li>Detailed Documentation</li><li>Post Sales Support</li><li>And Much More…</li></ul><p><br /></p><h2>What’s Included :</h2><ul><li>All HTML, CSS, and JS Files</li><li>AJAX SMTP Contact Form</li><li>Help Documentation</li><li>6 Months Support</li><li>FREE Lifetime Updates</li></ul><h2>Disclaimer</h2><ul><li>Please notice that sample photos are not included in the final package. Contact us if you need help related to image assets.</li></ul>","templateFullTitle":"Blueket - Digital Agency &amp; Multipurpose HTML5 Template","templatePreviewMetaDescription":"Blueket is a modern responsive multi-page bootstrap v5 template that is suited for any digital or corporate business. Blueket was built with the most recent","templateDemoMetaDescription":"The live preview for this premium Blueket - Digital Agency &amp; Portfolio HTML Template Website Template (#241010) is presented here for you to get acquainted with the template prior to buying it. View the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Blueket - Digital Agency &amp; Multipurpose HTML5 Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/blueket-digital-agency-amp-portfolio-html-template-241010.html","userRating":"5","designIndex":1,"authorUserId":"56872774","exclusive":"1","state":1,"price":28,"inserted_date":"2022-04-19","sent":0,"downloads":109,"search_words":"dark mode design digital marketing agency freelance portfolio cv graphic design agency lead generation agency mobile app development personal portfolio resume seo agency software development company web design company web development agency corporate business creative agency html template it templates startup multipurpose php ajax smtp contact form digital service phpmailer saas template","is_adult":0,"exc_price":2100,"sent_date":"2022-04-19 12:43:08","last_upload":"2024-08-14 07:54:48","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2631906,"templ_id":241010,"filename":"241010-12-original.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2631907,"templ_id":241010,"filename":"241010-12-big.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2631908,"templ_id":241010,"filename":"241010-12-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":2631909,"templ_id":241010,"filename":"241010-12-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":2631910,"templ_id":241010,"filename":"241010-12-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/241010.html","image":"https://s.tmimgcdn.com/scr/241000/blueket-digital-agency-amp-multipurpose-html5-template_241010-12-original.jpg","searchHash":"bffec22211e656b37045dabebf93bc72","previewHash":"9c5de874b1b918e3502cbd421a98ea87","authorNickname":"SeparateWeb","lowLevelTopic":"Marketing Agency Templates; Advertising Agency Templates; SEO Website Templates; IT Templates; Software Company Templates; Web Development Templates; Web Design Templates; Design Studio Templates; Designer Portfolio Templates","weightedRating":4.3571428571429,"annualSale":8,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":24,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","CV","Multipurpose","Team Members","Light Template","Dropdown Menu","Google map","Tabs","MegaMenu","Performance Optimization","Blog","Portfolio","One Page Templates","HTML 5","JQuery","Parallax","Lazy Load effect"],"styles":["3D effect","Clean","Corporate","Minimalist","Dark","Vector","Mobile","Flat"],"isLastAdded":"1","topic":["Marketing Agency Templates","Advertising Agency Templates","SEO Website Templates","IT Templates","Software Company Templates","Web Development Templates","Software Templates","Web Design Templates","Design","Design Studio Templates","Designer Portfolio Templates","Design & Photography","Business & Services","Computers & Internet"],"isFree":"none","popularity":["Bestsellers","Top Rated"],"color":["black","grey"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","imagesIncluded":"Yes","tags":["multipurpose","startup","corporate business","web development agency","digital marketing agency","seo agency","web design company","graphic design agency","mobile app development","phpmailer","saas template","digital service","software development company","it templates","dark mode design","freelance portfolio cv","lead generation agency","personal portfolio resume","creative agency html template","php ajax smtp contact form"],"marketplaceMembership":"None","paidSupport":"Yes","bootstrapVersion":"5.x","authorUserId":"56872774","nameOfTheTemplate":"Blueket - Digital Agency &amp; Multipurpose HTML5 Template","shortDescription":"<p>Blueket is a modern responsive multi-page bootstrap v5 template that is suited for any digital or corporate business. Blueket was built with the most recent versions of bootstrap and JavaScript. All files and code have been neatly structured and carefully commented on to allow for easy customization. Blueket - is well-instructed, simple to use, loaded in seconds, and delivers the best performance. Extremely responsive on all devices with high and low resolutions. Everything is neat and cleanly crafted. You may modify the color schemes, fonts, icons, text, photos, and so on. Custom CSS, animation, and blocks may also be added. We've provided a documentation folder that describes the code structures. Blueket has a unique and trendy design. so that you can create a fantastic website layout for your requirements.</p><h2>Template Features</h2><ul><li>Conversion Rate Optimized Pages</li><li>Working Ajax SMTP Contact Form</li><li>Designs A/B Tested</li><li>Dark &amp; Light Mode Switch</li><li>Color Theory-Based Designs</li><li>All Pages Digital Marketing Ready</li><li>Multi-Purpose Pages Design</li><li>Coded with SEO in Mind</li><li>100% Responsive Design</li><li>Clean &amp; Elegant Design</li><li>Cross-Browser Compatibility</li><li>W3C Markup Validate</li><li>Well Commented Code</li><li>Used Google Fonts</li><li>Detailed Documentation</li><li>Post Sales Support</li><li>And Much More…</li></ul><p><br /></p><h2>What’s Included :</h2><ul><li>All HTML, CSS, and JS Files</li><li>AJAX SMTP Contact Form</li><li>Help Documentation</li><li>6 Months Support</li><li>FREE Lifetime Updates</li></ul><h2>Disclaimer</h2><ul><li>Please notice that sample photos are not included in the final package. Contact us if you need help related to image assets.</li></ul>","uniqueKeywords":"dark mode design,digital marketing agency,freelance portfolio cv,graphic design agency,lead generation agency,mobile app development,personal portfolio resume,seo agency,software development company,web design company,web development agency,corporate business,creative agency html template,it templates,startup,multipurpose,php ajax smtp contact form,digital service,phpmailer,saas template","advImage":"https://s3u.tmimgcdn.com/u56872774/49be7e0f3e8a766b236df1df436f5a72.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u56872774/d857c02b293c513e1a6ff104bdfe6708.jpg","livePreviewURL":"https://separateweb.com/tm-blueket/","metaDescription":"Blueket is a modern responsive multi-page bootstrap v5 template that is suited for any digital or corporate business. Blueket was built with the most recent","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3Mfl01b","demoMetaDescription":"The live preview for this premium Blueket - Digital Agency &amp; Portfolio HTML Template Website Template (#241010) is presented here for you to get acquainted with the template prior to buying it. View the pages, examine the images, click the buttons, explore the functionality.","customUrl":"/website-templates/blueket-digital-agency-amp-portfolio-html-template-241010.html","productSize":"35143202","trendiness":"1","authorMainScreenshotVersion":"12","changeLog":"## [1.7] - 2024-08-14\n\n### Update\n- Performance Improved\n- Service, Blog and Pricing blocks update into sliders in mobile view.\n- Font Awesome Icon Update\n\n## [1.6] - 2023-10-28\n\n### Added\n- Maintenance Page\n- All Demo Images &amp; Icons Assets\n\n\n## [1.5] - 2023-01-21\n\n### Improvement\n- Responsive CSS update for the contact us page.\n\n### Updated\n- Documentation guide for SMTP contact form\n\n### Fixed\n- Breadcrumb Background Image For Dark Mode Switch\n\n## [1.4] - 2022-09-06\n\n### Added\n- Demo 7\n- Demo 8\n- Header Hero Section\n- Separate Responsive CSS File\n- Blog Page\n\n### Improvement\n- Responsive Fix\n\n\n## [1.3] - 2022-07-24\n### Added\n- Ajax SMTP Contact Form\n- Demo 5\n- Demo 6\n- About Us Page\n- Service Page\n- Contact Us Page\n- Coming Soon Page\n- Privacy Policy Page\n- Refund Policy Page\n- Terms &amp; Conditions Page\n\n### Updated\n- Preloader Effect\n\n### Disabled\n- Noice in Background\n\n## [1.2] - 2022-05-28\n### Added\n- Demo Home 3\n- Demo Home 4\n- Portfolio Page with Load More\n- Mega Menu Design\n\n### Updated\n- Preloader Effect\n\n### Fixed\n- Breadcrumb Background Image in Service Page 2\n\n\n## [1.1] - 2022-05-13\n### Added\n- Dark Mode CSS File\n- Dark Mode Switch in Header\n- Error 404 Page\n\n### Updated\n- Default Light Mode in style.css\n- Color of Button\n\n### Improvement\n- Animation Transitions\n\n### Fixed\n- Responsiveness of Our Team Section\n- Button Size in Header","changeLogDate":"2024-08-14","imageKeyFeatures":"https://s3u.tmimgcdn.com/u56872774/be67423b59ed41c2183653358a55231a.gif, https://s3u.tmimgcdn.com/u56872774/6ce07b971a0837ae7c729d77578ee7bd.jpg, https://s3u.tmimgcdn.com/u56872774/a2632bffede47af9e2a81bf612df4fec.jpg, https://s3u.tmimgcdn.com/u56872774/b03072c0371004db4326508274adb553.jpg, https://s3u.tmimgcdn.com/u56872774/0e7990b2fb57b3ca421243dae618db99.jpg","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":"8.1","designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"reviewsTotal":"4","reviewAverageScore":"5","bestsellers":"24","excerpt":"<p>Blueket has a unique and trendy design. So that you can create a fantastic website layout for your requirements.</p>","frameworks":"None","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","productOfTheDay":"0"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 18 Jan 2025 01:09:37 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=241010&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=241010&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=241010&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 18 Jan 2025 01:14:37 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://separateweb.com/tm-blueket/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#241010 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/241010.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 #241010            </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=241010&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $26                <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>