string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=87321&expand=properties"
string(15995) "[{"templateId":87321,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":109,"categoryName":"Print Shop Templates","templateTitle":"Print Shop Responsive Website Template","templatePreviewHtmlTitle":"Ecoprint - Print Store Multipage Clean HTML Website Template","templateDemoHtmlTitle":"Live demo for Ecoprint - Print Store Multipage Clean HTML Website Template #87321","typeShortName":"Website","templatePreviewFBTitle":"<h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Reliable T-shirt Printing Website Template</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">A T-shirt printing website template provides the owners of printing shops with a unique set of tools. It will be wise to use them to find new clients and promote your products. The most popular and the most effective way to do so is to develop a website. With a website, you can tell more about your products and present visual content.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">But if you want to be successful you need a special website template. Of course, you can create a brand new website, but it will take a lot of time and money. Moreover, the result will be pretty the same as with the website templates. For example, Ecoprint t-shirt printing website template is a great choice for that purpose. you can also save a lot of many if compared with developing a website from scratch.</span></p><p><br></p><p><br></p><p><br></p><p><br></p><h3><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Feature-rich and Flexible HTML Template</span></h3><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">The template looks great and has a bright color theme. At the same time, this t-shirt printing website template is clean enough to highlight the most valuable information. Due to this feature, you can provide customers with an intuitive navigation experience. Moreover, this template provides your website with:</span></p><p><br></p><p><br></p><ol><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Over 25 ready-made HTML5 pages;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">W3C Valid, well-commented and SEO-friendly code;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">SCSS & Pug source files;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">A huge set of UI elements and blocks</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Cross-browser support;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Cool CSS3 animation effects and transitions</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Blog and Gallery layouts;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">E-Commerce page layout.</span></li></ol><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">With this template, you can sell T-shirts, posters, or any other printed product. The Ecoprint T-shirt printing template is also a fully editable product. That means you can change it how you want. Or you can make it even more user-friendly with included UI elements and Blocks. It is a multipage template and you can use all 25 pages to separate information and provide it most attractively. And if you want to sell some products you can use a built-in e-commerce page.</span></p><p><br></p><p><br></p><p><br></p><p><br></p><h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">SEO-friendly HTML Template with 24/7 Support</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Developers also included the W3C Valid code. It makes this T-shirt printing website template highly reliable, allowing it to work constantly and without issues. It is also SEO-friendly and due to this feature, Ecoprint will be closer to the top of web search results than others. You can also blog about the latest news with this template with different blog layouts. Feel free to use a gallery to present the photos of your happy customers.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Besides the abovementioned benefits, our website template includes extensive documentation. it is written in an easy-to-understand manner and is very detailed. It answers every question about using and configuring the Ecoprint T-shirt printing template. However, you can turn to our 24/7 professional support team for further clarification. We are always happy to provide you with the best experience of using Ecoprint.</span></p>","templateFullTitle":"Ecoprint - Print Store Multipage Clean HTML Website Template","templatePreviewMetaDescription":"Reliable T-shirt Printing Website TemplateA T-shirt printing website template provides the owners of printing shops with a unique set of tools. It will be wise","templateDemoMetaDescription":null,"specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Ecoprint - Print Store Multipage Clean HTML Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/ecoprint-print-store-multipage-clean-html-website-template-87321.html","userRating":0,"designIndex":"86","authorUserId":"1768190","exclusive":"1","state":1,"price":61,"inserted_date":"2019-10-17","sent":0,"downloads":10,"search_words":"shopping mall small clothes fashion business entertainment agency market technical corporate services company personal supermarket technology city investment ink beauty","is_adult":0,"exc_price":4500,"sent_date":"2019-10-17 10:52:33","last_upload":"2019-10-17 10:52:33","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1858729,"templ_id":87321,"filename":"87321-0-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1858730,"templ_id":87321,"filename":"87321-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1858731,"templ_id":87321,"filename":"87321-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1858732,"templ_id":87321,"filename":"87321-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1858733,"templ_id":87321,"filename":"87321-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/87321.html","image":"https://s.tmimgcdn.com/scr/87300/ecoprint-print-store-multipage-clean-html-website-template_87321-0-original.jpg","searchHash":"80369f0b9cbb0ad2ff39eec45a941721","previewHash":"448af51145fa214d04c259dee4302aed","authorNickname":"RockThemes","lowLevelTopic":"Print Shop Templates","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":1,"productBoost":0,"onSale":0,"finalPrice":59,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"bitLyUrl":"http://bit.ly/35Gd3xD","features":["Bootstrap","Premium","Pro","Responsive","Search Engine Friendly","Gallery","HTML plus JS","HTML 5","JQuery","Sliced PSD","Dropdown Menu","Google map","Tabs"],"livePreviewURL":"https://livedemo00.template-help.com/wt_prod-24946/","styles":"Neutral","languageSupport":"English","nameOfTheTemplate":"Ecoprint - Print Store Multipage Clean HTML Website Template","shortDescription":"<h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Reliable T-shirt Printing Website Template</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">A T-shirt printing website template provides the owners of printing shops with a unique set of tools. It will be wise to use them to find new clients and promote your products. The most popular and the most effective way to do so is to develop a website. With a website, you can tell more about your products and present visual content.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">But if you want to be successful you need a special website template. Of course, you can create a brand new website, but it will take a lot of time and money. Moreover, the result will be pretty the same as with the website templates. For example, Ecoprint t-shirt printing website template is a great choice for that purpose. you can also save a lot of many if compared with developing a website from scratch.</span></p><p><br></p><p><br></p><p><br></p><p><br></p><h3><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Feature-rich and Flexible HTML Template</span></h3><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">The template looks great and has a bright color theme. At the same time, this t-shirt printing website template is clean enough to highlight the most valuable information. Due to this feature, you can provide customers with an intuitive navigation experience. Moreover, this template provides your website with:</span></p><p><br></p><p><br></p><ol><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Over 25 ready-made HTML5 pages;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">W3C Valid, well-commented and SEO-friendly code;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">SCSS & Pug source files;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">A huge set of UI elements and blocks</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Cross-browser support;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Cool CSS3 animation effects and transitions</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Blog and Gallery layouts;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">E-Commerce page layout.</span></li></ol><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">With this template, you can sell T-shirts, posters, or any other printed product. The Ecoprint T-shirt printing template is also a fully editable product. That means you can change it how you want. Or you can make it even more user-friendly with included UI elements and Blocks. It is a multipage template and you can use all 25 pages to separate information and provide it most attractively. And if you want to sell some products you can use a built-in e-commerce page.</span></p><p><br></p><p><br></p><p><br></p><p><br></p><h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">SEO-friendly HTML Template with 24/7 Support</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Developers also included the W3C Valid code. It makes this T-shirt printing website template highly reliable, allowing it to work constantly and without issues. It is also SEO-friendly and due to this feature, Ecoprint will be closer to the top of web search results than others. You can also blog about the latest news with this template with different blog layouts. Feel free to use a gallery to present the photos of your happy customers.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Besides the abovementioned benefits, our website template includes extensive documentation. it is written in an easy-to-understand manner and is very detailed. It answers every question about using and configuring the Ecoprint T-shirt printing template. However, you can turn to our 24/7 professional support team for further clarification. We are always happy to provide you with the best experience of using Ecoprint.</span></p>","kindOfShops":"T-shirt printing store, printing shop, online merch store","galleryScript":["Accordion","Carousel","CSS and JS","Isotope","Slider","Grid"],"webForms":["Contact Form","Newsletter Subscription","Search Form"],"badge":"badge-responsive","bootstrapVersion":"4.0.x","topic":["Art Templates","Print Shop Templates","Art & Culture"],"templateSoftwareRequired":["Apache 2.0+","PHP 5.4+","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"templateIcon":"icon-bootstrap","uniqueKeywords":"shopping mall small clothes fashion business entertainment agency market technical corporate services company personal supermarket technology city investment ink beauty","customUrl":"/website-templates/ecoprint-print-store-multipage-clean-html-website-template-87321.html","metaDescription":"Ecoprint is a fully responsive and cusotmizable t-shirt printing website template designed for printing shops. It has integrated eCommerce features.","htmlTitle":"Ecoprint - T-shirt Printing Website Template","dateRange":["Last Month","Last 6 Months"],"color":"white","imageKeyFeatures":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1571323068335_cut-01.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1571323068337_cut-02.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1571323068338_cut-03.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1571323068339_cut-04.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1571323068339_cut-05.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1571323068342_cut-06.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1571323068343_cut-07.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1571323068344_cut-08.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1571323068345_cut-09.jpg","lastmod":"2020-07-22T06:29:57-04:00","trendiness":"2","showVariantForcibly":"b","dqi":"86","previewScreensOrVideoURLs":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1571323052349_image-01.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1571323054072_image-02.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1571323058580_image-03.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1571323060168_image-04.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1571323062736_image-05.jpg","authorUserId":"1768190","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"exclusive":"1","authorMainScreenshot":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1571323048490_Z_original_One_Home_Pafe.jpg","affiliateSells":"1","saleSells":"1","loyaltySells":"1","templateSupportOptions":"[{\"id\":50731,\"template_id\":39011,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":50732,\"template_id\":39011,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","googleAnalyticsId":"UA-118125082-1","facebookPixelId":"1857475610982695","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_1300.jpg\" srcset=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_2560.jpg 2x\" alt=\"img\"/>","alreadyPacked":"1","marketplaceMembership":"One","isOldDemoUrl":"1","tags":["agency","beauty","business","city","clothes","company","corporate","entertainment","fashion","ink","investment","mall","market","personal","services","shopping","small","supermarket","technical","technology"],"pHPVersionCompatibility":"7.x","types":"HTML Website Templates","hELPURL":"/quick-start-guide/website-template/","isFree":"none","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 03 May 2024 10:56:29 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(290) "Link: <http://products/api/v2/products/en?language=en&ids=87321&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=87321&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=87321&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 03 May 2024 11:01:29 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://livedemo00.template-help.com/wt_prod-24946/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#87321 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/87321.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 #87321            </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=87321&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $56                <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>