string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=321757&expand=properties"
string(13632) "[{"templateId":321757,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":441,"categoryName":"Industrial Templates","templateTitle":"Industrial Responsive Website Template","templatePreviewHtmlTitle":"Tractour - Industrial/ Manufacturing Vuejs Template","templateDemoHtmlTitle":"Live demo for Tractour - Industrial/ Manufacturing Vuejs Template #321757","typeShortName":"Website","templatePreviewFBTitle":"<h2>Tractour - Industrial / Manufacturing Vuejs Template</h2><p>Introducing our Industrial / Manufacturing Vuejs Template, a powerful and customizable solution for businesses in the industrial and manufacturing sector. Built with Vue.js, this template offers a modern and responsive design that is easy to use and navigate.</p><p>With a range of pre-built components and pages, you can quickly and easily create a website that showcases your products and services, highlights your expertise, and engages with your audience. The template includes pages for About Us, Services, Products, Projects, News, Contact Us, and more, giving you a solid foundation to build upon.</p><p>The Industrial / Manufacturing Vuejs Template also includes features such as a responsive menu, image gallery, Google Maps integration, and contact form, providing your customers with a seamless experience. Additionally, the template is fully responsive, ensuring that your website looks great on all devices, from desktops to smartphones.</p><p>Customization is easy with the Industrial / Manufacturing Vuejs Template, as it comes with a range of customization options, including color schemes, fonts, and layouts. You can also easily integrate your branding elements and add your own content to make the template truly your own.</p><p>Overall, the Industrial / Manufacturing Vuejs Template is a versatile and powerful solution for businesses in the industrial and manufacturing sector. With its responsive design, pre-built components, and customization options, it provides a solid foundation for creating a professional and engaging website that showcases your brand and drives conversions.</p><p><strong>More Version Are Coming Soon</strong>If you have any new ideas or expectations from us you can suggest us via our templatemonster profile contact form</p><h3>Kala Template Features:</h3><ul><li>Build on the Vue Platform</li><li>Product Pages</li><li>Build with Bootstrap 5.x.x</li><li>Speed Optimized</li><li>Cross Browser Support</li><li>Well Documented</li><li>No console error</li><li>Free Updates</li><li>100% pixel perfect design</li><li>30+ HTML Files with Layer Styles.</li><li>1 Home page Layouts</li><li>13+ Blog Layouts</li><li>06+ Shop Layouts</li><li>100% pixel perfect design</li><li>Perfect Bootstrap 4 Elements.</li><li>W3C Validated Code.</li><li>Super Clear and Clean Layout</li><li>Professional and Creative Design</li><li>Easily customizable Photoshop files</li><li>Fully Customizable</li><li>Free Google Fonts</li><li>Free Font Based Icons</li><li>Overlay color layers</li><li>Very Detailed Documentation</li><li>Font Awesome Icons</li><li>Real Time Statistics</li><li>High quality Template</li><li>Unlimited Layouts</li><li>Fully Responsive and Supported Multiple Modern Devices like Mobile, Tablet, Desktop, etc.</li><li>More Are Coming Soon</li></ul><h3>Files included:</h3><ul><li>30+ Vuejs File</li><li>01 Help File</li></ul><p>- Initial release (v: 1.0) this version is for \"Business\" \"Corporate\" \"construction\" &amp; \"e-Commerce\"</p><h3>Pages: Version 1.0</h3><h3>Icons used:</h3><ul><li>font awesome</li></ul><h3>Free Google Fonts used:</h3><ul><li>Open Sans (Text)</li><li>Montserrat (Text)</li></ul><h3>Graphics Used</h3><p>Note: All images are only used for Preview Purposes. They are not part of the Template and are NOT included in the final purchase files.</p>","templateFullTitle":"Tractour - Industrial/ Manufacturing Vuejs Template","templatePreviewMetaDescription":"Tractour - Industrial / Manufacturing Vuejs TemplateIntroducing our Industrial / Manufacturing Vuejs Template, a powerful and customizable solution for","templateDemoMetaDescription":"The live preview of this professional Tractour - Industrial/ Manufacturing Vuejs Template Website Template (#321757) is created for you to get yourself acquainted with the theme before you buy it. Click through the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Tractour - Industrial/ Manufacturing Vuejs Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/tractour-industrial-manufacturing-vuejs-template-321757.html","userRating":0,"designIndex":1,"authorUserId":"1610348","exclusive":"1","state":1,"price":49,"inserted_date":"2023-03-13","sent":0,"downloads":1,"search_words":"building vue js business vue js commercial vue js construction vue js corporate vue js energy vue js engineering vue js factory vue js industrial vue js industry vue js machinery vue js manufacturing vue js plant vue js power vue js transport vue js architecture factory technology services construction","is_adult":0,"exc_price":2100,"sent_date":"2023-03-13 14:14:40","last_upload":"2023-03-13 14:16:13","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"321757-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":321757,"width":800,"window_params":"","banner_url":"","id":3035529,"href":"","height":500},{"scr_type_id":311,"filename":"321757-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":321757,"width":800,"window_params":"","banner_url":"","id":3035530,"href":"","height":500},{"scr_type_id":312,"filename":"321757-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":321757,"width":370,"window_params":"","banner_url":"","id":3035531,"href":"","height":370},{"scr_type_id":9,"filename":"321757-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":321757,"width":145,"window_params":"","banner_url":"","id":3035532,"href":"","height":156},{"scr_type_id":57,"filename":"321757-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":321757,"width":430,"window_params":"","banner_url":"","id":3035533,"href":"","height":269}],"demoUrl":"/demo/321757.html","image":"https://s.tmimgcdn.com/scr/321700/tractour-industrial-manufacturing-vuejs-template_321757-original.png","searchHash":"97df5fbaa2517263da88d9cf07754bdc","previewHash":"7b960de3b1d6caf986f54e021286e99b","authorNickname":"theme_group","lowLevelTopic":"Industrial Templates","weightedRating":null,"annualSale":0,"monthlySales":null,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":49,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","grey"],"followUpLetter":"website-template-offers","frameworks":["Vue.js v3.3.x","Node.js v19.x"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"5811887","uniqueKeywords":"building vue js,business vue js,commercial vue js,construction vue js,corporate vue js,energy vue js,engineering vue js,factory vue js,industrial vue js,industry vue js,machinery vue js,manufacturing vue js,plant vue js,power vue js,transport vue js,architecture,factory,technology,services,construction","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Tractour - Industrial / Manufacturing Vuejs TemplateIntroducing our Industrial / Manufacturing Vuejs Template, a powerful and customizable solution for","isLastAdded":"1","bootstrapVersion":"5.x","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Mobile Layout Included","Multipurpose","Real Estate Catalog","Light Template","Single Product","eCommerce","Dropdown Menu","Google map","Sample content","MegaMenu","Blog","Online Store/Shop","Gallery","Portfolio","One Page Templates","HTML 5","JQuery","HTML plus JS","Static"],"saleSells":"1","livePreviewURL":"https://vue.workertm.com/tractour/","authorUserId":"1610348","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1610348/8538a5719cd0f91b7465a4a44b12bedf.png","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/u1610348/88b124557a63af775172c4cba60736f3.jpg, https://s3u.tmimgcdn.com/u1610348/64adc50765ab9228a07791c520c569b0.jpg, https://s3u.tmimgcdn.com/u1610348/b2077e5556b07642f5283fb099051608.jpg","types":"HTML Website Templates","trendiness":"1","demoMetaDescription":"The live preview of this professional Tractour - Industrial/ Manufacturing Vuejs Template Website Template (#321757) is created for you to get yourself acquainted with the theme before you buy it. Click through the pages, check out the images, click the buttons, explore the functionality.","shortDescription":"<h2>Tractour - Industrial / Manufacturing Vuejs Template</h2><p>Introducing our Industrial / Manufacturing Vuejs Template, a powerful and customizable solution for businesses in the industrial and manufacturing sector. Built with Vue.js, this template offers a modern and responsive design that is easy to use and navigate.</p><p>With a range of pre-built components and pages, you can quickly and easily create a website that showcases your products and services, highlights your expertise, and engages with your audience. The template includes pages for About Us, Services, Products, Projects, News, Contact Us, and more, giving you a solid foundation to build upon.</p><p>The Industrial / Manufacturing Vuejs Template also includes features such as a responsive menu, image gallery, Google Maps integration, and contact form, providing your customers with a seamless experience. Additionally, the template is fully responsive, ensuring that your website looks great on all devices, from desktops to smartphones.</p><p>Customization is easy with the Industrial / Manufacturing Vuejs Template, as it comes with a range of customization options, including color schemes, fonts, and layouts. You can also easily integrate your branding elements and add your own content to make the template truly your own.</p><p>Overall, the Industrial / Manufacturing Vuejs Template is a versatile and powerful solution for businesses in the industrial and manufacturing sector. With its responsive design, pre-built components, and customization options, it provides a solid foundation for creating a professional and engaging website that showcases your brand and drives conversions.</p><p><strong>More Version Are Coming Soon</strong>If you have any new ideas or expectations from us you can suggest us via our templatemonster profile contact form</p><h3>Kala Template Features:</h3><ul><li>Build on the Vue Platform</li><li>Product Pages</li><li>Build with Bootstrap 5.x.x</li><li>Speed Optimized</li><li>Cross Browser Support</li><li>Well Documented</li><li>No console error</li><li>Free Updates</li><li>100% pixel perfect design</li><li>30+ HTML Files with Layer Styles.</li><li>1 Home page Layouts</li><li>13+ Blog Layouts</li><li>06+ Shop Layouts</li><li>100% pixel perfect design</li><li>Perfect Bootstrap 4 Elements.</li><li>W3C Validated Code.</li><li>Super Clear and Clean Layout</li><li>Professional and Creative Design</li><li>Easily customizable Photoshop files</li><li>Fully Customizable</li><li>Free Google Fonts</li><li>Free Font Based Icons</li><li>Overlay color layers</li><li>Very Detailed Documentation</li><li>Font Awesome Icons</li><li>Real Time Statistics</li><li>High quality Template</li><li>Unlimited Layouts</li><li>Fully Responsive and Supported Multiple Modern Devices like Mobile, Tablet, Desktop, etc.</li><li>More Are Coming Soon</li></ul><h3>Files included:</h3><ul><li>30+ Vuejs File</li><li>01 Help File</li></ul><p>- Initial release (v: 1.0) this version is for \"Business\" \"Corporate\" \"construction\" &amp; \"e-Commerce\"</p><h3>Pages: Version 1.0</h3><h3>Icons used:</h3><ul><li>font awesome</li></ul><h3>Free Google Fonts used:</h3><ul><li>Open Sans (Text)</li><li>Montserrat (Text)</li></ul><h3>Graphics Used</h3><p>Note: All images are only used for Preview Purposes. They are not part of the Template and are NOT included in the final purchase files.</p>","tags":["architecture","construction","factory","services","technology","building vue js","business vue js","commercial vue js","construction vue js","corporate vue js","energy vue js","engineering vue js","factory vue js","industrial vue js","industry vue js","machinery vue js","manufacturing vue js","plant vue js","power vue js","transport vue js"],"customUrl":"/website-templates/tractour-industrial-manufacturing-vuejs-template-321757.html","nameOfTheTemplate":"Tractour - Industrial/ Manufacturing Vuejs Template","paidSupport":"Yes","pHPVersionCompatibility":["8.1","8.0","7.4"],"topic":["Industrial Templates","Business & Services"],"styles":["Clean","Corporate","Minimalist","Neutral","Dark","Mobile","Flat"],"marketplaceMembership":"One","excerpt":"Tractour - Industrial / Manufacturing Vuejs Template Tractour is specifically designed for all types of Small Factory Companies","advImage":"https://s3u.tmimgcdn.com/u1610348/a6dbf0f49d3d66056c6c9b5f26615e25.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: Fri, 19 Apr 2024 18:38:05 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=321757&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=321757&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=321757&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 19 Apr 2024 18:43:05 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://vue.workertm.com/tractour/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#321757 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/321757.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 #321757            </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=321757&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $45                <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>