string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=382818&expand=properties"
string(13747) "[{"templateId":382818,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":418,"categoryName":"Business Templates","templateTitle":"Business Responsive Website Template","templatePreviewHtmlTitle":"Arena ICO Launching HTML5 Bootstrap Website Template","templateDemoHtmlTitle":"Demo for Arena ICO Launching HTML5 Bootstrap Website Template #382818","typeShortName":"Website","templatePreviewFBTitle":"<p>Introducing the <strong>Arena ICO Launching HTML5 Bootstrap Website Template</strong> from Template Monster a cutting-edge and sophisticated web solution meticulously crafted to cater to the unique needs of cryptocurrency and Initial Coin Offering (ICO) projects. This innovative template seamlessly blends modern design aesthetics with powerful functionality, offering a comprehensive platform for launching and promoting ICO campaigns.</p><p><strong>1. Striking Visual Appeal:</strong></p><p>Arena boasts a visually stunning and contemporary design that captures attention from the moment visitors land on the website. The template features a clean and professional layout, complemented by high-quality graphics and strategically placed sections to ensure a seamless user experience.</p><p><strong>2. Bootstrap Framework:</strong></p><p>Built on the robust and widely acclaimed Bootstrap framework, Arena guarantees responsiveness and cross-browser compatibility. This ensures that your ICO website will look flawless and perform optimally across various devices and browsers, offering a consistent and user-friendly experience to all your potential investors.</p><p><strong>3. ICO Countdown Timer:</strong></p><p>One of the standout features of Arena is its integrated ICO countdown timer. This dynamic element not only creates a sense of urgency but also serves as a focal point for visitors, keeping them informed about the time remaining until the ICO launch. This feature adds an element of excitement and anticipation, encouraging engagement and participation.</p><p><strong>4. Comprehensive Sections for ICO Details:</strong></p><p>Arena provides dedicated sections for detailing your ICO project, including a roadmap, token distribution, team members, and whitepaper. These sections are designed to present essential information in a visually appealing and easily digestible manner, fostering transparency and trust among potential investors.</p><p><strong>5. Interactive Layouts of Sections:</strong></p><p>To enhance the presentation of statistical data related to your ICO project, Arena incorporates interactive charts and graphs. These visually appealing elements not only make complex information more accessible but also contribute to the overall professionalism of the website, instilling confidence in potential investors.</p><p><strong>6. Userful Call-to-Action:</strong></p><p>Arena recognizes the importance of building a community around your ICO project. The template includes strategically placed subscription forms and compelling call-to-action buttons to encourage visitors to subscribe for updates or take the desired actions, ultimately fostering a connection between your project and its audience.</p><p>In conclusion, the Arena ICO Launching HTML Bootstrap Website Template from Template Monster is not just a website template; it's a comprehensive digital platform designed to elevate your ICO project. With its captivating design, advanced features, and user-friendly interface, Arena is poised to set your ICO campaign on a trajectory of success. Embrace innovation, captivate your audience, and launch your ICO with confidence using the Arena template.</p><p><strong>Images &amp; Assets Licensing.</strong></p><p>All assets are contained in a zip file that you will get on the final source file after purchase. We suggest substituting it with your resources or items. If you decide to use our assets then if it's not hard, guarantee they're properly authorized and verified assets.</p><p><strong>Thanks!</strong></p>","templateFullTitle":"Arena ICO Launching HTML5 Bootstrap Website Template","templatePreviewMetaDescription":"Introducing the Arena ICO Launching HTML5 Bootstrap Website Template from Template Monster a cutting-edge and sophisticated web solution meticulously crafted","templateDemoMetaDescription":"Before you decide to buy it, get the feel and look of the top notch Arena ICO Launching HTML5 Bootstrap Website Template Website Template (#382818) by experiencing the demo preview. Click through the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Arena ICO Launching HTML5 Bootstrap Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/arena-ico-launching-html5-bootstrap-website-template-382818.html","userRating":0,"designIndex":1,"authorUserId":"78092477","exclusive":"1","state":1,"price":27,"inserted_date":"2024-01-10","sent":0,"downloads":0,"search_words":"cryptocurrency crypto ico nft marketplace finance investment business coin trading token blockchain bootstrap templates cryptotemplates cryptowebsite ico launching website ico sale","is_adult":0,"exc_price":2100,"sent_date":"2024-01-10 12:30:45","last_upload":"2024-01-10 22:34:20","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3340805,"templ_id":382818,"filename":"382818-original.png","width":1200,"height":748,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3340806,"templ_id":382818,"filename":"382818-big.png","width":1200,"height":748,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3340807,"templ_id":382818,"filename":"382818-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":3340808,"templ_id":382818,"filename":"382818-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":3340809,"templ_id":382818,"filename":"382818-b.jpg","width":430,"height":268,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/382818.html","image":"https://s.tmimgcdn.com/scr/382800/arena-ico-launching-html5-bootstrap-website-template_382818-original.png","searchHash":"b36cd3598cf0a3f7c89341d05f6bb561","previewHash":"786c720ceca0c0b43723d650f006c6d9","authorNickname":"Uptechies","lowLevelTopic":"Cryptocurrency","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":0,"onSale":0,"finalPrice":25,"discountPercent":0,"discountAmount":0,"semiannualSales":null,"properties":{"features":["Premium","Responsive","Bootstrap","Retina Ready","Team Members","Sample content","Blog","HTML 5"],"styles":["Clean","Minimalist","Dark","Futurist"],"isLastAdded":"1","popularity":"Zero Downloads","topic":["Business & Services","Cryptocurrency"],"isFree":"none","color":"black","showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["bootstrap","business","coin","crypto","finance","investment","templates","token","trading","cryptocurrency","blockchain","ico","nft marketplace","cryptotemplates","cryptowebsite","ico launching website","ico sale"],"paidSupport":"Yes","authorUserId":"78092477","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"bootstrapVersion":"5.3.x","frameworks":"None","excerpt":"<p>Unleash success with Arena ICO Launch Template: Bootstrap-powered, countdown-ready, and visually stunning. Which amplifies your ICO Launch!</p>","nameOfTheTemplate":"Arena ICO Launching HTML5 Bootstrap Website Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78092477/de2ea70305c27982bc178dd3cc4e97c0.png, https://s3u.tmimgcdn.com/u78092477/d4f364be7226b89c0dde779144fdf2cb.png, https://s3u.tmimgcdn.com/u78092477/52fa563c9665f09d8453bf9b9a3f8bdb.png","shortDescription":"<p>Introducing the <strong>Arena ICO Launching HTML5 Bootstrap Website Template</strong> from Template Monster a cutting-edge and sophisticated web solution meticulously crafted to cater to the unique needs of cryptocurrency and Initial Coin Offering (ICO) projects. This innovative template seamlessly blends modern design aesthetics with powerful functionality, offering a comprehensive platform for launching and promoting ICO campaigns.</p><p><strong>1. Striking Visual Appeal:</strong></p><p>Arena boasts a visually stunning and contemporary design that captures attention from the moment visitors land on the website. The template features a clean and professional layout, complemented by high-quality graphics and strategically placed sections to ensure a seamless user experience.</p><p><strong>2. Bootstrap Framework:</strong></p><p>Built on the robust and widely acclaimed Bootstrap framework, Arena guarantees responsiveness and cross-browser compatibility. This ensures that your ICO website will look flawless and perform optimally across various devices and browsers, offering a consistent and user-friendly experience to all your potential investors.</p><p><strong>3. ICO Countdown Timer:</strong></p><p>One of the standout features of Arena is its integrated ICO countdown timer. This dynamic element not only creates a sense of urgency but also serves as a focal point for visitors, keeping them informed about the time remaining until the ICO launch. This feature adds an element of excitement and anticipation, encouraging engagement and participation.</p><p><strong>4. Comprehensive Sections for ICO Details:</strong></p><p>Arena provides dedicated sections for detailing your ICO project, including a roadmap, token distribution, team members, and whitepaper. These sections are designed to present essential information in a visually appealing and easily digestible manner, fostering transparency and trust among potential investors.</p><p><strong>5. Interactive Layouts of Sections:</strong></p><p>To enhance the presentation of statistical data related to your ICO project, Arena incorporates interactive charts and graphs. These visually appealing elements not only make complex information more accessible but also contribute to the overall professionalism of the website, instilling confidence in potential investors.</p><p><strong>6. Userful Call-to-Action:</strong></p><p>Arena recognizes the importance of building a community around your ICO project. The template includes strategically placed subscription forms and compelling call-to-action buttons to encourage visitors to subscribe for updates or take the desired actions, ultimately fostering a connection between your project and its audience.</p><p>In conclusion, the Arena ICO Launching HTML Bootstrap Website Template from Template Monster is not just a website template; it's a comprehensive digital platform designed to elevate your ICO project. With its captivating design, advanced features, and user-friendly interface, Arena is poised to set your ICO campaign on a trajectory of success. Embrace innovation, captivate your audience, and launch your ICO with confidence using the Arena template.</p><p><strong>Images &amp; Assets Licensing.</strong></p><p>All assets are contained in a zip file that you will get on the final source file after purchase. We suggest substituting it with your resources or items. If you decide to use our assets then if it's not hard, guarantee they're properly authorized and verified assets.</p><p><strong>Thanks!</strong></p>","uniqueKeywords":"cryptocurrency,crypto,ico,nft marketplace,finance,investment,business,coin,trading,token,blockchain,bootstrap,templates,cryptotemplates,cryptowebsite,ico launching website,ico sale","advImage":"https://s3u.tmimgcdn.com/u78092477/e3e30823d7c08916c94bdeeb6128bdde.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78092477/60b2bb397507032caa6cfa52635d7960.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78092477/73bb45e56db2016ec5f09863e436b496.png, https://s3u.tmimgcdn.com/u78092477/52928db87b0676ea192e8a68e0a8ab6a.png, https://s3u.tmimgcdn.com/u78092477/a8cd45a10c03cdfe7637b1e1fcd352f2.png, https://s3u.tmimgcdn.com/u78092477/1e3bd3e0869926b39c56e61bc28bb9f6.png, https://s3u.tmimgcdn.com/u78092477/ac4307ada0548630b31cd531a2b5e9af.png, https://s3u.tmimgcdn.com/u78092477/2002fd0d7e60093718f961f27c165065.png, https://s3u.tmimgcdn.com/u78092477/edbdb0863061208cb4ac08e7e898fcb5.png","livePreviewURL":"https://www.uptechies.com/bootstrap-examples/arena/","metaDescription":"Introducing the Arena ICO Launching HTML5 Bootstrap Website Template from Template Monster a cutting-edge and sophisticated web solution meticulously crafted","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Before you decide to buy it, get the feel and look of the top notch Arena ICO Launching HTML5 Bootstrap Website Template Website Template (#382818) by experiencing the demo preview. Click through the pages, check out the images, click the buttons, explore the features.","customUrl":"/website-templates/arena-ico-launching-html5-bootstrap-website-template-382818.html","productSize":"18017767","trendiness":"15","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: Fri, 03 May 2024 23:56:43 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=382818&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=382818&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=382818&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 04 May 2024 00:01:43 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://www.uptechies.com/bootstrap-examples/arena/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#382818 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/382818.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 #382818            </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=382818&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $25                <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>