string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=247427&expand=properties"
string(11987) "[{"templateId":247427,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":129,"categoryName":"Investment Company Templates","templateTitle":"Investment Company Responsive Website Template","templatePreviewHtmlTitle":"Cryptobit Cryptocurrency  HTML5 Template - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Cryptobit Cryptocurrency  HTML5 Template #247427","typeShortName":"Website","templatePreviewFBTitle":"<p><strong>Cryptobit Multipurpose HTML5 Template </strong>Our website is very good. Many of us have clean code and modern design. There are beautiful animations. You can use all kinds of websites. You can design and use images as you wish. It basically has crypto, bitcoin, ICO, trading, cryptocurrency, NFT, marketplace, NFT Marketplace, blockchain, coin, and more. If you have any Confucian visit our profile in our template then you will understand that we are high quality designer. We make a lot of care so that you do not have a problem to use. Hope you like the website. And you can feel free to purchase our template. And we are always ready to help you. If you have any problem tell us, we will solve it.</p><h2>Template Featured</h2><p>Unique &amp; Modern Design</p><p>05+ Home Pages</p><p>Unlimited Color Used</p><p>Bootstrap 5 Version</p><p>Clean Cod</p><p>Retina Ready</p><p>Well Done Documentation</p><p>PSD To HTML</p><p>PSD Version Available</p><p>WordPress Version Available</p><p>Minimal Design</p><p>24/7 Support</p><p>Fully Responsive</p><p>Coming Soon Another Home Pages</p><p>Flexible Layout</p><p>Unlimited Pages Included</p><p>All Image Included</p><p>Available All image Used</p><p>Laptop Device Responsive</p><p>Tabs Device Responsive</p><p>Mobile Device Responsive</p><p>W3C Validator</p><p>Google Font Used</p><p>Font-Awesome Used</p><p>Flaticon Used</p><p>And Others More......</p><p><br /></p><h2><strong>Update 14 September 2024</strong></h2><ol><li>Update The Twitter icon.</li><li>Fixed The Coding &amp; CSS issue</li><li>Update the Year.</li></ol><h2><strong>Update 13 July 2023</strong></h2><ol><li>new pages added</li><li>fixed others issue</li><li>new images added</li></ol><p><br /></p><h2><strong>Update 20 February 2023</strong></h2><ol><li>new pages added</li><li>fixed others issue</li></ol><p><br /></p><h2><strong>Update 24 August 2022</strong></h2><ol><li>Improve Design</li><li>Responsive Design Improve</li><li>New Coding &amp; CSS Added</li><li>New Prelodear Added</li><li>New Images Added</li></ol><p><br /></p><p><br /></p><h2>Update 06 July 2022</h2><ol><li>New Animation Added</li><li>New Partials Added</li><li>New Coding &amp; CSS Added</li></ol>","templateFullTitle":"Cryptobit Cryptocurrency  HTML5 Template","templatePreviewMetaDescription":"Cryptobit Multipurpose HTML5 Template Our website is very good. Many of us have clean code and modern design. There are beautiful animations. You can use all","templateDemoMetaDescription":"The demo preview for this Cryptobit Cryptocurrency, Blockchain &amp; Crypto ICO NFT HTML5 Template Website Template (#247427) is generated for you to get yourself informed about the template prior to buying it. View the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Cryptobit Cryptocurrency  HTML5 Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/cryptobit-cryptocurrency-blockchain-amp-crypto-ico-nft-html5-template-247427.html","userRating":0,"designIndex":1,"authorUserId":"1795291","exclusive":"1","state":1,"price":32,"inserted_date":"2022-05-24","sent":0,"downloads":19,"search_words":"agency business company consulting corporate creative crypto blockchain cryptocurrency bitcoin technology technical multipurpose investment nft marketplace ico trading coin dolor","is_adult":0,"exc_price":2100,"sent_date":"2022-05-24 12:34:35","last_upload":"2024-10-02 15:51:47","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2663986,"templ_id":247427,"filename":"247427-2-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":2663987,"templ_id":247427,"filename":"247427-2-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":2663988,"templ_id":247427,"filename":"247427-2-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":2663989,"templ_id":247427,"filename":"247427-2-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":2663990,"templ_id":247427,"filename":"247427-2-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/247427.html","image":"https://s.tmimgcdn.com/scr/247400/cryptobit-cryptocurrency-html5-template_247427-2-original.jpg","searchHash":"6ff69b12f5b91a349de4530c641ec1d2","previewHash":"5829ebdd405e8a773daaa9ce94e6f2f1","authorNickname":"DreamIT","lowLevelTopic":"Investment Company Templates; IT Templates; Insurance Templates; Cryptocurrency","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":50,"onSale":0,"finalPrice":32,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Responsive","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","Multipurpose","Moto CMS Landing Builder","Team Members","Light Template","Dropdown Menu","Google map","Tabs","Blog","Gallery","Portfolio","HTML 5","JQuery","HTML plus JS","Background video"],"styles":["Clean","Corporate","Minimalist","Dark","Mobile"],"isLastAdded":"1","topic":["Investment Company Templates","IT Templates","Insurance Templates","Business & Services","Finance","Cryptocurrency"],"isFree":"none","color":["black","cyan"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","authorUserId":"1795291","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["agency","business","coin","company","consulting","corporate","creative","crypto","dolor","investment","marketplace","multipurpose","technical","technology","trading","bitcoin","cryptocurrency","blockchain","ico","nft"],"paidSupport":"Yes","bootstrapVersion":"5.x","nameOfTheTemplate":"Cryptobit Cryptocurrency  HTML5 Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1795291/2bc52b087c46f178d650de8ceaf4b2ac.png, https://s3u.tmimgcdn.com/u1795291/2a2ff04e2af28beef08004bb654e0f6f.png","shortDescription":"<p><strong>Cryptobit Multipurpose HTML5 Template </strong>Our website is very good. Many of us have clean code and modern design. There are beautiful animations. You can use all kinds of websites. You can design and use images as you wish. It basically has crypto, bitcoin, ICO, trading, cryptocurrency, NFT, marketplace, NFT Marketplace, blockchain, coin, and more. If you have any Confucian visit our profile in our template then you will understand that we are high quality designer. We make a lot of care so that you do not have a problem to use. Hope you like the website. And you can feel free to purchase our template. And we are always ready to help you. If you have any problem tell us, we will solve it.</p><h2>Template Featured</h2><p>Unique &amp; Modern Design</p><p>05+ Home Pages</p><p>Unlimited Color Used</p><p>Bootstrap 5 Version</p><p>Clean Cod</p><p>Retina Ready</p><p>Well Done Documentation</p><p>PSD To HTML</p><p>PSD Version Available</p><p>WordPress Version Available</p><p>Minimal Design</p><p>24/7 Support</p><p>Fully Responsive</p><p>Coming Soon Another Home Pages</p><p>Flexible Layout</p><p>Unlimited Pages Included</p><p>All Image Included</p><p>Available All image Used</p><p>Laptop Device Responsive</p><p>Tabs Device Responsive</p><p>Mobile Device Responsive</p><p>W3C Validator</p><p>Google Font Used</p><p>Font-Awesome Used</p><p>Flaticon Used</p><p>And Others More......</p><p><br /></p><h2><strong>Update 14 September 2024</strong></h2><ol><li>Update The Twitter icon.</li><li>Fixed The Coding &amp; CSS issue</li><li>Update the Year.</li></ol><h2><strong>Update 13 July 2023</strong></h2><ol><li>new pages added</li><li>fixed others issue</li><li>new images added</li></ol><p><br /></p><h2><strong>Update 20 February 2023</strong></h2><ol><li>new pages added</li><li>fixed others issue</li></ol><p><br /></p><h2><strong>Update 24 August 2022</strong></h2><ol><li>Improve Design</li><li>Responsive Design Improve</li><li>New Coding &amp; CSS Added</li><li>New Prelodear Added</li><li>New Images Added</li></ol><p><br /></p><p><br /></p><h2>Update 06 July 2022</h2><ol><li>New Animation Added</li><li>New Partials Added</li><li>New Coding &amp; CSS Added</li></ol>","uniqueKeywords":"agency,business,company,consulting,corporate,creative,crypto,blockchain,cryptocurrency,bitcoin,technology,technical,multipurpose,investment,nft,marketplace,ico,trading,coin,dolor","advImage":"https://s3u.tmimgcdn.com/u1795291/e0bf6f95cb72edcc4e351c4c9a844057.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1795291/9c9778b023834d43458695949bafa80c.jpg","livePreviewURL":"https://html.ditsolution.net/cryptobit/cryptocurrency/","metaDescription":"Cryptobit Multipurpose HTML5 Template Our website is very good. Many of us have clean code and modern design. There are beautiful animations. You can use all","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3wHN1to","demoMetaDescription":"The demo preview for this Cryptobit Cryptocurrency, Blockchain &amp; Crypto ICO NFT HTML5 Template Website Template (#247427) is generated for you to get yourself informed about the template prior to buying it. View the pages, check the images, click the buttons, explore the functionality.","customUrl":"/website-templates/cryptobit-cryptocurrency-blockchain-amp-crypto-ico-nft-html5-template-247427.html","productSize":"4258233","authorMainScreenshotVersion":"2","changeLog":"Update 06 July 2022 \nNew Animation Added \nNew Partials Added \nNew Coding &amp; CSS Added  \n\nUpdate 24 August 2022\n\nImprove Design \nResponsive Design Improve \nNew Coding &amp; CSS Added \nNew Prelodear Added \nNew Images Added \n\nUpdate 21 November 2022 \n\nImprove Design Quality \nUp to All File \nNew Coding &amp; CSS Added \nNew Page Added \n\nUpdate 24 November 2022 \nLanding Pages Added \nImprove Design Quality \nUp to All File \nNew Coding &amp; CSS Added \nNew Page Added \n\nUpdate 20 February 2023\nnew pages added\nfixed others issue\n\nUpdate 13 July 2023\nnew pages added\nfixed others issue\nnew images added \n\nUpdated 27-08-2023\nNew Inner Pages Added \nNew Coding and CSS Added \nNew Images Added \nFixed Others Issue \n\nUpdate 18 February 2024\nNew Landing Pages Added \nNew Animation Added \nNew Images Added \nNew Coding and CSS added \nChange year \nFixed Others Issue \n\nUpdate 14 September 2024\nFixed The Coding and CSS Issue.\nUpdate Twitter Icon.\nFixed Others Issue.\nUpdate the Year.","changeLogDate":"2024-10-02","trendiness":"1","webServerCompatibility":"Apache 2.4","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Cryptocurrency Best Template, Bitcoin Template, ICO &amp; NFT Template, NFT Marketplace, Trading Template, Money Template, ICO Trading Template, Crypto &amp; Bitcoin Template</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","popularity":"Recently Updated"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 14 Nov 2024 14:17:46 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=247427&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=247427&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=247427&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 14 Nov 2024 14:22:46 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://html.ditsolution.net/cryptobit/cryptocurrency/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#247427 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/247427.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 #247427            </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=247427&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $29                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

        <div id="preview-wrapper" class="hide_wrap">

                            <div class="technical-problems">
                    <p>Technical operations</p>
                    <p class="problems-message">Live demo of this template will be available within 5-6 hours.</p>
                    <p>
                        <a href="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>