string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=179389&expand=properties"
string(11724) "[{"templateId":179389,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":346,"categoryName":"Software Company Templates","templateTitle":"Software Company Website Template","templatePreviewHtmlTitle":"DoSoft - Startup, App, Technology &amp; Software Bootstrap5 Template","templateDemoHtmlTitle":"Live demo for DoSoft - Startup, App, Technology &amp; Software Bootstrap5 Template #179389","typeShortName":"Website","templatePreviewFBTitle":"<h2>DoSoft - Startup, App, Technology & Software Bootstrap5 Template</h2><p>Galasky is a creative animated coming soon template. It comes with four different layouts. Choose one to start preview.</p><p>We also supplied this multipurpose HTML website template with various customization functionality. From buttons & accordions to tabs & progress bars, there are lots of included elements.</p><p>The fresh, modern designs range from monochrome cityscapes, corporate or agency style images, to dynamic liquid or bubble effects and abstract, animated backgrounds.</p><p>A multipurpose premium HTML5 website template provides everything necessary for successful website creation. Nowadays, any company must have a well-designed website. It simplifies product and service promotion. A website can also be widely used in an advertising campaign. However, to achieve positive results, you need to hire an experienced web developer. Without any doubt, this is not always possible due to the high cost of such a service.</p><h3>Main features:</h3><ul><li>2+ Home Demo</li><li>14+ Inner Page</li><li>Responsive HTML5 and CSS3 Template</li><li>W3C Validate Code</li><li>Easy to Customize</li><li>Unique Design</li><li>Google Fonts Included</li><li>Corporate Template</li><li>100% Responsive and Mobile Friendly</li><li>Font Awesome Icons</li><li>Build With Bootstrap</li><li>Clean & Simple Design</li><li>Well Documentation</li><li>Drak Website</li><li>Black Website</li><li>Coming Soon Template</li><li>Multi-Browser Support</li><li>Seo Optimized for Search Engine</li><li>Fully Responsive Layout (PC, Tablet and Mobile phone)</li><li>Easy to Customize</li><li>Clean code</li><li>Google Maps;</li><li>Minimal Website</li><li>Responsive and Modern Style</li></ul><h2>Pages</h2><ol><li>index.html Home Page</li><li>index2.html Home Page Version 2</li><li>about.html About Page</li><li>contact.html Contact Page</li><li>blog.html Blog Page</li><li>blog-grid.html Blog Grid Page</li><li>blog-list.html Blog List</li><li>single.html Blog Single</li><li>services.html Services Page</li><li>services-single.html Services Details Page</li><li>team.html Team Page</li><li>pricing.html Pricing Style One</li><li>pricing2.html Pricing Style 2</li><li>faq.html Faq Page</li><li>404.html 404 Page</li><li>privacy-policy.html privacy-policy Page</li></ol><p><br></p><h3>Cradits:</h3><ul><li>Bootstrap</li><li>jQuery</li><li>Google Fonts</li><li>Fontawesome</li></ul><p>Note: <strong>All images are used for preview purpose only and not included in the final purchase files.</strong></p>","templateFullTitle":"DoSoft - Startup, App, Technology &amp; Software Bootstrap5 Template","templatePreviewMetaDescription":"DoSoft - Startup, App, Technology & Software Bootstrap5 TemplateGalasky is a creative animated coming soon template. It comes with four different layouts.","templateDemoMetaDescription":"Experience the demo for the premium DoSoft - Startup, App, Technology &amp; Software Bootstrap5 Template Website Template (#179389) get yourself familiar with this theme prior to buying it. Browse through the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"DoSoft - Startup, App, Technology &amp; Software Bootstrap5 Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/dosoft-startup-app-technology-amp-software-bootstrap5-template-179389.html","userRating":0,"designIndex":1,"authorUserId":"6975116","exclusive":"1","state":1,"price":41,"inserted_date":"2021-04-14","sent":0,"downloads":3,"search_words":"bootstrap,business template,creative,landing page,multiple skins,responsive,software,technology,agency,multipurpose,company,corporate,construction,services,company website,it services company,software company templates,bootstrap 5 website template,mobile,ajax contact form","is_adult":0,"exc_price":2100,"sent_date":"2021-04-14 12:04:15","last_upload":"2021-11-09 09:46:17","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"179389-2-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":179389,"width":800,"window_params":"","banner_url":"","id":2323917,"href":"","height":500},{"scr_type_id":311,"filename":"179389-2-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":179389,"width":800,"window_params":"","banner_url":"","id":2323918,"href":"","height":500},{"scr_type_id":312,"filename":"179389-2-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":179389,"width":370,"window_params":"","banner_url":"","id":2323919,"href":"","height":370},{"scr_type_id":9,"filename":"179389-2-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":179389,"width":145,"window_params":"","banner_url":"","id":2323920,"href":"","height":156},{"scr_type_id":57,"filename":"179389-2-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":179389,"width":430,"window_params":"","banner_url":"","id":2323921,"href":"","height":269}],"demoUrl":"/demo/179389.html","image":"https://s.tmimgcdn.com/scr/179300/dosoft-startup-app-technology-amp-software-bootstrap5-template_179389-2-original.jpg","searchHash":"372a8dc722fa045abce70ff9d0ee68bc","previewHash":"eb747b20e0ae4781e2b0f4dbcb0c30dc","authorNickname":"CodexUnicTheme","lowLevelTopic":"IT Templates; Software Company Templates; Web Development Templates; Internet Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":41,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["white","blue"],"followUpLetter":"website-template-offers","productSize":"1901782","uniqueKeywords":"bootstrap,business template,creative,landing page,multiple skins,responsive,software,technology,agency,multipurpose,company,corporate,construction,services,company website,it services company,software company templates,bootstrap 5 website template,mobile,ajax contact form","templateSupportOptions":"[{\"id\":425158,\"template_id\":466162,\"type\":1,\"measure\":\"day\",\"value\":10,\"phone\":\"\"}]","changeLog":"Live Preview Link Update","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"DoSoft - Startup, App, Technology & Software Bootstrap5 TemplateGalasky is a creative animated coming soon template. It comes with four different layouts.","bootstrapVersion":"5.alphaX","features":["Premium","Bootstrap","Ajax","Mobile Layout Included","Multipurpose","Team Members","Light Template","Dropdown Menu","Google map","Blog","HTML 5","JQuery","HTML plus JS","Static"],"saleSells":"1","livePreviewURL":"https://preetheme.com/html/dosoft/","authorUserId":"6975116","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u6975116/7ce7bf61dcbee37f9c77960bbedb591d.jpg","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","templateSoftwareRequired":["Code-editor","Code editor","Sublime Text2 or later, Notepad++","PHP code editor","Sublime Text2 or later, Notepad++ or any php-editor"],"templateIcon":"icon-monster_dark","lastmod":"2022-01-21T21:51:46-05:00","authorMainScreenshotVersion":"2","types":"HTML Website Templates","trendiness":"1","demoMetaDescription":"Experience the demo for the premium DoSoft - Startup, App, Technology &amp; Software Bootstrap5 Template Website Template (#179389) get yourself familiar with this theme prior to buying it. Browse through the pages, check the images, press the buttons, explore the features.","shortDescription":"<h2>DoSoft - Startup, App, Technology & Software Bootstrap5 Template</h2><p>Galasky is a creative animated coming soon template. It comes with four different layouts. Choose one to start preview.</p><p>We also supplied this multipurpose HTML website template with various customization functionality. From buttons & accordions to tabs & progress bars, there are lots of included elements.</p><p>The fresh, modern designs range from monochrome cityscapes, corporate or agency style images, to dynamic liquid or bubble effects and abstract, animated backgrounds.</p><p>A multipurpose premium HTML5 website template provides everything necessary for successful website creation. Nowadays, any company must have a well-designed website. It simplifies product and service promotion. A website can also be widely used in an advertising campaign. However, to achieve positive results, you need to hire an experienced web developer. Without any doubt, this is not always possible due to the high cost of such a service.</p><h3>Main features:</h3><ul><li>2+ Home Demo</li><li>14+ Inner Page</li><li>Responsive HTML5 and CSS3 Template</li><li>W3C Validate Code</li><li>Easy to Customize</li><li>Unique Design</li><li>Google Fonts Included</li><li>Corporate Template</li><li>100% Responsive and Mobile Friendly</li><li>Font Awesome Icons</li><li>Build With Bootstrap</li><li>Clean & Simple Design</li><li>Well Documentation</li><li>Drak Website</li><li>Black Website</li><li>Coming Soon Template</li><li>Multi-Browser Support</li><li>Seo Optimized for Search Engine</li><li>Fully Responsive Layout (PC, Tablet and Mobile phone)</li><li>Easy to Customize</li><li>Clean code</li><li>Google Maps;</li><li>Minimal Website</li><li>Responsive and Modern Style</li></ul><h2>Pages</h2><ol><li>index.html Home Page</li><li>index2.html Home Page Version 2</li><li>about.html About Page</li><li>contact.html Contact Page</li><li>blog.html Blog Page</li><li>blog-grid.html Blog Grid Page</li><li>blog-list.html Blog List</li><li>single.html Blog Single</li><li>services.html Services Page</li><li>services-single.html Services Details Page</li><li>team.html Team Page</li><li>pricing.html Pricing Style One</li><li>pricing2.html Pricing Style 2</li><li>faq.html Faq Page</li><li>404.html 404 Page</li><li>privacy-policy.html privacy-policy Page</li></ol><p><br></p><h3>Cradits:</h3><ul><li>Bootstrap</li><li>jQuery</li><li>Google Fonts</li><li>Fontawesome</li></ul><p>Note: <strong>All images are used for preview purpose only and not included in the final purchase files.</strong></p>","tags":["agency","bootstrap","company","construction","corporate","creative","mobile","multipurpose","responsive","services","software","technology","business template","landing page","company website","bootstrap 5 website template","multiple skins","it services company","software company templates","ajax contact form"],"bitLyUrl":"https://bit.ly/2OTOZ72","customUrl":"/website-templates/dosoft-startup-app-technology-amp-software-bootstrap5-template-179389.html","nameOfTheTemplate":"DoSoft - Startup, App, Technology &amp; Software Bootstrap5 Template","paidSupport":"Yes","topic":["IT Templates","Software Company Templates","Web Development Templates","Internet Templates","Software Templates","Business & Services","Computers & Internet"],"styles":["Clean","Corporate","Minimalist","Web2.0","Mobile"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u6975116/7b14e78afe6afd399de7135c1682386e.png","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: Thu, 25 Apr 2024 20:27:36 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=179389&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=179389&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=179389&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 20:32:36 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://preetheme.com/html/dosoft/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#179389 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/179389.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 #179389            </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=179389&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $38                <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>