string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=54873&expand=properties"
string(11654) "[{"templateId":54873,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":459,"categoryName":"Software Templates","templateTitle":"Software Responsive Website Template","templatePreviewHtmlTitle":"JS Place - Web Development Multipage Creative HTML Website Template","templateDemoHtmlTitle":"Live demo for JS Place - Web Development Multipage Creative HTML Website Template #54873","typeShortName":"Website","templatePreviewFBTitle":"Developed especially for script directories, JS Place is a great template for websites related to web development. It has a creative color scheme, yet it still looks strict and suits data storages. It is also a good option for educational websites. You can share knowledge and monetize your website. It also has many pre-built pages that allow you to sort content on categories. Due to this feature, JS Place HTML Template provides your customers with intuitive navigation. Due to many included visual elements and options, you can play with design and make it even better. And if you want to keep in touch with clients you can use social options or a newsletter. While the blog allows you to present your services in the most preferable way. <p><em>Please note that .psd files are not included in this template package.</em></p>","templateFullTitle":"JS Place - Web Development Multipage Creative HTML Website Template","templatePreviewMetaDescription":"Developed especially for script directories, JS Place is a great template for websites related to web development. It has a creative color scheme, yet it still","templateDemoMetaDescription":null,"specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"JS Place - Web Development Multipage Creative HTML Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/54873.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":61,"inserted_date":"2015-06-30","sent":1,"downloads":66,"search_words":"script directory online ajax asp c cfml java flash html5 php python xml hosting freelancer","is_adult":0,"exc_price":4500,"sent_date":"2019-07-22 06:16:05","last_upload":"2015-06-30 00:00:00","package_id":258,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":3,"filename":"54873-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54873,"width":965,"window_params":"","banner_url":"","id":1483460,"href":"","height":1579},{"scr_type_id":3,"filename":"54873-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54873,"width":1800,"window_params":"","banner_url":"","id":1483461,"href":"","height":2946},{"scr_type_id":298,"filename":"54873-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54873,"width":430,"window_params":"","banner_url":"","id":1483462,"href":"","height":900},{"scr_type_id":312,"filename":"54873-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54873,"width":370,"window_params":"","banner_url":"","id":1483463,"href":"","height":370},{"scr_type_id":299,"filename":"54873-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54873,"width":430,"window_params":"","banner_url":"","id":1483464,"href":"","height":900},{"scr_type_id":3,"filename":"54873-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54873,"width":1800,"window_params":"","banner_url":"","id":1483465,"href":"","height":2946},{"scr_type_id":317,"filename":"54873-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54873,"width":2050,"window_params":"","banner_url":"","id":1483466,"href":"","height":2946},{"scr_type_id":311,"filename":"54873-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54873,"width":965,"window_params":"","banner_url":"","id":1483467,"href":"","height":2632},{"scr_type_id":3,"filename":"54873-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54873,"width":895,"window_params":"","banner_url":"","id":1483468,"href":"","height":599},{"scr_type_id":3,"filename":"54873-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54873,"width":2050,"window_params":"","banner_url":"","id":1483469,"href":"","height":2946},{"scr_type_id":315,"filename":"54873-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54873,"width":1800,"window_params":"","banner_url":"","id":1483470,"href":"","height":4910},{"scr_type_id":297,"filename":"54873-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54873,"width":430,"window_params":"","banner_url":"","id":1483471,"href":"","height":1173},{"scr_type_id":314,"filename":"54873-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54873,"width":2050,"window_params":"","banner_url":"","id":1483472,"href":"","height":4910},{"scr_type_id":300,"filename":"54873-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54873,"width":320,"window_params":"","banner_url":"","id":1483473,"href":"","height":900},{"scr_type_id":3,"filename":"54873-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54873,"width":408,"window_params":"","banner_url":"","id":1483474,"href":"","height":55},{"scr_type_id":9,"filename":"54873-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54873,"width":145,"window_params":"","banner_url":"","id":1483475,"href":"","height":156},{"scr_type_id":3,"filename":"54873-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54873,"width":2050,"window_params":"","banner_url":"","id":1483476,"href":"","height":4910},{"scr_type_id":212,"filename":"54873-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54873,"width":430,"window_params":"","banner_url":"","id":1483477,"href":"","height":60},{"scr_type_id":3,"filename":"54873-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54873,"width":1800,"window_params":"","banner_url":"","id":1483478,"href":"","height":4910},{"scr_type_id":78,"filename":"54873-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":54873,"width":970,"window_params":"","banner_url":"","id":1483479,"href":"","height":280},{"scr_type_id":334,"filename":"54873-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54873,"width":2050,"window_params":"","banner_url":"","id":1639313,"href":"","height":4910}],"demoUrl":"/demo/54873.html","image":"https://s.tmimgcdn.com/scr/54800/js-place-web-development-multipage-creative-html-website-template_54873-original.jpg","searchHash":"877de8d10d1102cab12a62ebaa4fe19e","previewHash":"8c9e8ea5e4b6a017d649d52896145fa1","authorNickname":"RockThemes","lowLevelTopic":"Software Templates","weightedRating":4.3076923076923,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"Scripts dictionary","uniqueKeywords":"script directory online ajax asp c cfml java flash html5 php python xml hosting freelancer","showVariantForcibly":"b","metaDescription":"JS Place is a great option for any script dictionary. It is attractive and includes a reliable code.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/54800/54873-en_01.jpg, https://s.tmimgcdn.com/scr/54800/54873-en_02.jpg, https://s.tmimgcdn.com/scr/54800/54873-en_03.jpg, https://s.tmimgcdn.com/scr/54800/54873-en_04.jpg, https://s.tmimgcdn.com/scr/54800/54873-en_05.jpg, https://s.tmimgcdn.com/scr/54800/54873-en_06.jpg, https://s.tmimgcdn.com/scr/54800/54873-en_07.jpg, https://s.tmimgcdn.com/scr/54800/54873-en_08.jpg, https://s.tmimgcdn.com/scr/54800/54873-en_09.jpg","features":["Premium","Responsive","Bootstrap","Dropdown Menu","Google map","HTML 5","JQuery","HTML plus JS"],"templateSources":".HTML","languageSupport":"English","authorUserId":"1768190","jqueryScripts":"\"ScrollPane\" Scroll Effect","isFree":"none","htmlTitle":"JS Place HTML Template","hELPURL":"/quick-start-guide/bootstrap-template/","documentationVersion":"Bootstrap Website Templates v1.1","imageDescription":"https://s.tmimgcdn.com/scr/54800/54873-responsive-layout.jpg","templateSoftwareRequired":["ZIP unarchiver","Code editor"],"lastmod":"2021-03-08T09:54:14-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"previewScreensOrVideoURLs":"54800/54873_01-big.jpg, 54800/54873_02-big.jpg, 54800/54873_03-big.jpg, 54800/54873_04-big.jpg, 54800/54873_05-big.jpg","shortDescription":"Developed especially for script directories, JS Place is a great template for websites related to web development. It has a creative color scheme, yet it still looks strict and suits data storages. It is also a good option for educational websites. You can share knowledge and monetize your website. It also has many pre-built pages that allow you to sort content on categories. Due to this feature, JS Place HTML Template provides your customers with intuitive navigation. Due to many included visual elements and options, you can play with design and make it even better. And if you want to keep in touch with clients you can use social options or a newsletter. While the blog allows you to present your services in the most preferable way. <p><em>Please note that .psd files are not included in this template package.</em></p>","tags":["ajax","asp","directory","flash","freelancer","hosting","java","online","python","script","html5","php"],"customUrl":"/website-templates/54873.html","badge":"badge-responsive","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\"/>","nameOfTheTemplate":"JS Place - Web Development Multipage Creative HTML Website Template","pHPVersionCompatibility":"7.x","topic":["Software Templates","Computers & Internet"],"styles":["Neutral","Flat"],"imagesList":"Depositphotos14319639original,Depositphotos20880151original,Depositphotos22675271original","productFamily":"None","followUpLetter":"website-template-offers","color":["black","white"],"dateRange":"Last 6 Months","reviewsTotal":"3","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"4.0.x","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-23998/","templateGroup":"HTML Templates","popularity":"Top Rated","alreadyPacked":"1","nomotopress":"1","galleryScript":"Accordion","dynamicChangeLog":"<ul>\n<li>- 2 minor HTML bugs fixed</li>\n<li>- 1 background bug fixed</li>\n<li>- 2 minor front-end bugs fixed</li>\n<li>- 2 layout issues fixed</li>\n<li>- 2 PSD layers updated</li>\n</ul>","templateIcon":"icon-bootstrap","notice":"Some of the forms included (like booking, registration, comment submission forms, etc.) may require extra scripts and/or database functionality.","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1KqyHrD","webForms":["Contact Form","Newsletter Subscription","Search Form"],"loyaltySells":"1","width":"2050px","skupromo":"40%","marketplaceMembership":"One","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 26 Apr 2024 20:34:43 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(290) "Link: <http://products/api/v2/products/en?language=en&ids=54873&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=54873&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=54873&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 20:39:43 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://livedemo00.template-help.com/wt_prod-23998/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#54873 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/54873.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 #54873            </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=54873&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>