string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=284634&expand=properties"
string(14153) "[{"templateId":284634,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":133,"categoryName":"Advertising Agency Templates","templateTitle":"Advertising Agency Responsive Website Template","templatePreviewHtmlTitle":"Digispace Bootstrap Multipurpose HTML Website Theme","templateDemoHtmlTitle":"Demo for Digispace Bootstrap Multipurpose HTML Website Theme #284634","typeShortName":"Website","templatePreviewFBTitle":"<h2>Overview</h2><p>Digispace is a unique Bootstrap HTML website theme designed with passion and attention to detail. The theme is specifically designed for multipurpose and can be utilized on many websites. With so many cool elements and layouts, we have managed to make this theme have endless possibilities for adding new pages and elements. We included the following layouts and themes:</p><ul><li>Halloween Theme - the theme has a modern design and also with a beautiful layout with endless possibilities.</li><li>Soccer / Betting Theme - we added tables and fixtures that will be suitable for a betting or sports website. Blog sections are also available for your latest news. A players page is available, so you can add players' information and profiles.</li><li>Store Pages -we added a single product page, store page, checkout page, and shop page.</li><li>Dating - a dating theme to suit modern functionalities like tinder. A chat layout is also included, we added an advanced filter layout in order to make it easy on adding more functionality.</li><li>Contact us page - includes a contact us form ,Frequently Asked Questions according layout and an embedded map (google maps).</li><li>Movie / Videos - the theme can be used to develop a netflix kind of website. It can also be used for a video gallery website or movie website.</li><li>Digital Agency / Advertising Agency - the main layout has nice features to help you develop corporate websites or sites for business, construction, advertising agency , digital companies and a lot more.</li><li>Starter Templates - inner-page and main template with already added hero section.</li><li>Blog - a beautiful blog layout with various features and layout is included.</li><li>A coming soon page</li><li>Gaming Theme - for game enthusiasts we added a layout that can work for E- Sports , a gaming website or gaming Ecommerce store.</li></ul><h2>Features</h2><ul><li>Modern animations</li><li>All images used are High Definition & 4k resolution, the theme looks amazing on any device. ( images are only for demo purpose but we recommend you to add high resolution images in order to keep the theme looking stunning)</li><li>Dark and Light Mode - you can switch between the black or light layout. We added the Light Theme as a child theme.</li><li>The theme has over 48 pages already and we look to add a lot more .</li><li>Embedded Google Maps</li><li>Bootstrap 5 and bi icons were used to make it easily customizable.</li><li>Amazing layouts and features for any kind of website.</li><li>Custom CSS that is easy to change colors to suit your feel.</li><li>W3C validated</li><li>Specifically designed for multipurpose.</li><li>Working php contact forms</li><li>Well commented code</li></ul><h2>What's included ?</h2><ul><li>Free lifetime updates</li><li>User Documentation included</li><li>6 months support</li><li>Bootstrap 5.x</li></ul><h2>Changelog</h2><h3>[1.1] - 2022-10-12</h3><ul><li>New features added to homepage</li><li>Halloween page added</li><li>Dating pages added</li><li>Navbar layout improved</li><li>Light theme added</li><li>Light theme added as child theme</li><li>Soccer / Betting page added</li><li>Gaming Landing page added</li></ul>","templateFullTitle":"Digispace Bootstrap Multipurpose HTML Website Theme","templatePreviewMetaDescription":"OverviewDigispace is a unique Bootstrap HTML website theme designed with passion and attention to detail. The theme is specifically designed for multipurpose","templateDemoMetaDescription":"Have a look at the live preview for the professional Digispace Bootstrap Multipurpose HTML Website Theme Website Template (#284634) to learn what this template is before you purchase it. Go through the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Digispace Bootstrap Multipurpose HTML Website Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/digispace-bootstrap-multipurpose-html-website-theme-284634.html","userRating":0,"designIndex":1,"authorUserId":"78101458","exclusive":"1","state":1,"price":30,"inserted_date":"2022-10-17","sent":0,"downloads":2,"search_words":"halloween agency dating forecast movie portfolio modern ecommerce store multipurpose video sport soccer games betting clean corporate gamer weather business","is_adult":0,"exc_price":2100,"sent_date":"2022-10-17 11:39:45","last_upload":"2022-10-17 11:50:58","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"284634-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":284634,"width":1600,"window_params":"","banner_url":"","id":2849959,"href":"","height":774},{"scr_type_id":311,"filename":"284634-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":284634,"width":1600,"window_params":"","banner_url":"","id":2849960,"href":"","height":774},{"scr_type_id":312,"filename":"284634-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":284634,"width":370,"window_params":"","banner_url":"","id":2849961,"href":"","height":370},{"scr_type_id":9,"filename":"284634-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":284634,"width":145,"window_params":"","banner_url":"","id":2849962,"href":"","height":156},{"scr_type_id":57,"filename":"284634-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":284634,"width":430,"window_params":"","banner_url":"","id":2849963,"href":"","height":208}],"demoUrl":"/demo/284634.html","image":"https://s.tmimgcdn.com/scr/284600/digispace-bootstrap-multipurpose-html-website-theme_284634-original.jpg","searchHash":"b9485dc8a7c507f2201f28b9034b9d97","previewHash":"0bb8ca9471136bdebfd3f39980dca254","authorNickname":"Irich_Computers","lowLevelTopic":"Advertising Agency Templates; Web Development Templates; Web Design Templates","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":1,"finalPrice":21,"discountPercent":30,"discountAmount":9,"semiannualSales":0,"properties":{"productFamily":"None","color":"black","followUpLetter":"website-template-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"272921016","uniqueKeywords":"halloween,agency,dating,forecast,movie,portfolio,modern,ecommerce,store,multipurpose,video,sport,soccer,games,betting,clean,corporate,gamer,weather,business","templateSupportOptions":"[]","changeLog":"##October 18, 2022\r\n-Added Extra Icons on weather template (Dark version)\r\n-Removed background image on forecast section.","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"OverviewDigispace is a unique Bootstrap HTML website theme designed with passion and attention to detail. The theme is specifically designed for multipurpose","isLastAdded":"1","bootstrapVersion":"5.x","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78101458/4963a647f03f6c2f98912eeba6f6281f.jpg(https://techaccessories.co.za/digispace/single-product.html), https://s3u.tmimgcdn.com/u78101458/e48a24f1a363e64a62d13b013f1d6c0f.jpg(https://techaccessories.co.za/digispace/Light%20Version%20Theme/games.html), https://s3u.tmimgcdn.com/u78101458/2fbb4be496c991e51b7b82d7f8aae639.JPG, https://s3u.tmimgcdn.com/u78101458/fdc7549efa7aabb93ab67e14f66078e7.JPG(https://techaccessories.co.za/digispace/betting-home.html), https://s3u.tmimgcdn.com/u78101458/6e0039966203597ef47f35f9248f6e54.JPG(https://techaccessories.co.za/digispace/Light%20Version%20Theme/store.html), https://s3u.tmimgcdn.com/u78101458/c6104fc2568650b03a4762f763d56c0a.JPG","features":["Responsive","Search Engine Friendly","Bootstrap","Retina Ready","Mobile Layout Included","CV","Multipurpose","Team Members","Light Template","Single Product","eCommerce","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Performance Optimization","Blog","Online Store/Shop","Gallery","Portfolio","Forum","One Page Templates","HTML 5","JQuery","HTML plus JS","Static","Parallax","Background video","Lazy Load effect"],"saleSells":"1","livePreviewURL":"https://irichcomputers.com/digispace/","authorUserId":"78101458","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78101458/589b56147cca5fefcfe7c35bcaa237d0.JPG","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"templateIcon":"icon-monster_dark","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78101458/aa1ad3ba69510d8f25363afdc40096b9.jpg, https://s3u.tmimgcdn.com/u78101458/47e0eab920bdc980d12aadfb81b98451.jpg, https://s3u.tmimgcdn.com/u78101458/61f8d9322a88c51043f334d20d1edcec.JPG, https://s3u.tmimgcdn.com/u78101458/acd74cec16595d8194038c5dc1eac881.jpg, https://s3u.tmimgcdn.com/u78101458/ce526f3a741ded7d23da3f73ea81e4c4.JPG, https://s3u.tmimgcdn.com/u78101458/96e67a33d3034e29166050d31afc0d1e.JPG, https://s3u.tmimgcdn.com/u78101458/e775db8676bebacdfb72e7c638bbbca9.jpg","types":"HTML Website Templates","trendiness":"4","demoMetaDescription":"Have a look at the live preview for the professional Digispace Bootstrap Multipurpose HTML Website Theme Website Template (#284634) to learn what this template is before you purchase it. Go through the pages, check out the images, press the buttons, explore the features.","shortDescription":"<h2>Overview</h2><p>Digispace is a unique Bootstrap HTML website theme designed with passion and attention to detail. The theme is specifically designed for multipurpose and can be utilized on many websites. With so many cool elements and layouts, we have managed to make this theme have endless possibilities for adding new pages and elements. We included the following layouts and themes:</p><ul><li>Halloween Theme - the theme has a modern design and also with a beautiful layout with endless possibilities.</li><li>Soccer / Betting Theme - we added tables and fixtures that will be suitable for a betting or sports website. Blog sections are also available for your latest news. A players page is available, so you can add players' information and profiles.</li><li>Store Pages -we added a single product page, store page, checkout page, and shop page.</li><li>Dating - a dating theme to suit modern functionalities like tinder. A chat layout is also included, we added an advanced filter layout in order to make it easy on adding more functionality.</li><li>Contact us page - includes a contact us form ,Frequently Asked Questions according layout and an embedded map (google maps).</li><li>Movie / Videos - the theme can be used to develop a netflix kind of website. It can also be used for a video gallery website or movie website.</li><li>Digital Agency / Advertising Agency - the main layout has nice features to help you develop corporate websites or sites for business, construction, advertising agency , digital companies and a lot more.</li><li>Starter Templates - inner-page and main template with already added hero section.</li><li>Blog - a beautiful blog layout with various features and layout is included.</li><li>A coming soon page</li><li>Gaming Theme - for game enthusiasts we added a layout that can work for E- Sports , a gaming website or gaming Ecommerce store.</li></ul><h2>Features</h2><ul><li>Modern animations</li><li>All images used are High Definition & 4k resolution, the theme looks amazing on any device. ( images are only for demo purpose but we recommend you to add high resolution images in order to keep the theme looking stunning)</li><li>Dark and Light Mode - you can switch between the black or light layout. We added the Light Theme as a child theme.</li><li>The theme has over 48 pages already and we look to add a lot more .</li><li>Embedded Google Maps</li><li>Bootstrap 5 and bi icons were used to make it easily customizable.</li><li>Amazing layouts and features for any kind of website.</li><li>Custom CSS that is easy to change colors to suit your feel.</li><li>W3C validated</li><li>Specifically designed for multipurpose.</li><li>Working php contact forms</li><li>Well commented code</li></ul><h2>What's included ?</h2><ul><li>Free lifetime updates</li><li>User Documentation included</li><li>6 months support</li><li>Bootstrap 5.x</li></ul><h2>Changelog</h2><h3>[1.1] - 2022-10-12</h3><ul><li>New features added to homepage</li><li>Halloween page added</li><li>Dating pages added</li><li>Navbar layout improved</li><li>Light theme added</li><li>Light theme added as child theme</li><li>Soccer / Betting page added</li><li>Gaming Landing page added</li></ul>","tags":["agency","betting","business","clean","corporate","dating","forecast","gamer","games","halloween","modern","movie","multipurpose","portfolio","soccer","sport","store","video","weather","ecommerce"],"bitLyUrl":"https://bit.ly/3CD4C7K","customUrl":"/website-templates/digispace-bootstrap-multipurpose-html-website-theme-284634.html","nameOfTheTemplate":"Digispace Bootstrap Multipurpose HTML Website Theme","paidSupport":"Yes","pHPVersionCompatibility":["8.1","8.0","7.4"],"topic":["Advertising Agency Templates","Web Development Templates","Software Templates","Web Design Templates","Design","Design & Photography","Business & Services","Computers & Internet"],"changeLogDate":"2022-10-21","styles":["Clean","Corporate","Dark","Mobile","Material Design"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u78101458/9cfbff76cff7ec3bc20bdc9055642030.jpg","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: Wed, 27 Nov 2024 09:41:52 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=284634&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=284634&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=284634&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 27 Nov 2024 09:46:52 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://irichcomputers.com/digispace/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#284634 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/284634.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 #284634            </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=284634&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $28                <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>