string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=62300&expand=properties"
string(13297) "[{"templateId":62300,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":347,"categoryName":"Web Development Templates","templateTitle":"Web Development Responsive Website Template","templatePreviewHtmlTitle":"BrilliantFix - Service Center Website Template","templateDemoHtmlTitle":"Live preview for BrilliantFix - Service Center Website Template #62300","typeShortName":"Website","templatePreviewFBTitle":"When you’re starting an electronic hardware repair business you need to solve a problem of how to get as much people as possible to find out about your company. With the help of our fully responsive Computers, Laptops And Phones Repair HTML Template that’s not a problem anymore! By using our template to create a website for your company, you can be sure that your website will always stand out on the Internet! Fast and reliable, your brand new website will never fail you and will always attract customers. Free 24/7 lifetime support is offered with all our themes and templates.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap Electronics website template</h3> <p><b>What is it?</b></p><p>It is the most popular HTML and CSS based framework that contains variations for the primary components used in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is very variable for any modification. It's not hard to manage with, features a superior grid system and wide elements variety.</p><p>Find latest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website designs</a> here</p> <h3>This IT Department web template is Responsive</h3> <p><b>What is it?</b></p><p>It is an ability of the website to immediately adjust to any screen size and resolution. </p> <p><b>Why is it Good?</b></p><p>It is good considering that the website is available for more viewers from the large number of devices. </p><p>View more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <br /></div></div></div></div>","templateFullTitle":"BrilliantFix - Service Center Website Template","templatePreviewMetaDescription":"When you’re starting an electronic hardware repair business you need to solve a problem of how to get as much people as possible to find out about your","templateDemoMetaDescription":"View the live preview for the high quality BrilliantFix - Service Center Website Template (#62300) to find out what this theme is before you buy it. View the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"BrilliantFix - Service Center Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/brilliantfix-website-template-62300.html","userRating":"5","designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":61,"inserted_date":"2017-01-26","sent":2,"downloads":25,"search_words":"computer technical company personal technology digital apple tech support hardware development phone device store","is_adult":0,"exc_price":4500,"sent_date":"2017-09-28 00:00:00","last_upload":"2017-01-26 00:00:00","package_id":258,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"62300-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62300,"width":1903,"window_params":"","banner_url":"","id":1707436,"href":"","height":4736},{"scr_type_id":3,"filename":"62300-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62300,"width":408,"window_params":"","banner_url":"","id":1707437,"href":"","height":55},{"scr_type_id":78,"filename":"62300-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":62300,"width":970,"window_params":"","banner_url":"","id":1707438,"href":"","height":280},{"scr_type_id":3,"filename":"62300-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62300,"width":895,"window_params":"","banner_url":"","id":1707439,"href":"","height":599},{"scr_type_id":314,"filename":"62300-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62300,"width":1903,"window_params":"","banner_url":"","id":1707440,"href":"","height":4736},{"scr_type_id":212,"filename":"62300-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62300,"width":430,"window_params":"","banner_url":"","id":1707441,"href":"","height":60},{"scr_type_id":298,"filename":"62300-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62300,"width":430,"window_params":"","banner_url":"","id":1707442,"href":"","height":900},{"scr_type_id":312,"filename":"62300-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62300,"width":370,"window_params":"","banner_url":"","id":1707443,"href":"","height":370},{"scr_type_id":3,"filename":"62300-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62300,"width":1903,"window_params":"","banner_url":"","id":1707444,"href":"","height":4736},{"scr_type_id":297,"filename":"62300-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62300,"width":430,"window_params":"","banner_url":"","id":1707445,"href":"","height":1070},{"scr_type_id":300,"filename":"62300-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62300,"width":320,"window_params":"","banner_url":"","id":1707446,"href":"","height":900},{"scr_type_id":315,"filename":"62300-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62300,"width":1903,"window_params":"","banner_url":"","id":1707447,"href":"","height":4736},{"scr_type_id":311,"filename":"62300-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62300,"width":965,"window_params":"","banner_url":"","id":1707448,"href":"","height":2402},{"scr_type_id":299,"filename":"62300-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62300,"width":430,"window_params":"","banner_url":"","id":1707449,"href":"","height":900},{"scr_type_id":9,"filename":"62300-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62300,"width":145,"window_params":"","banner_url":"","id":1707450,"href":"","height":156}],"demoUrl":"/demo/62300.html","image":"https://s.tmimgcdn.com/scr/62300/brilliantfix-service-center-website-template_62300-original.jpg","searchHash":"96b689169451dffede7515eb90dd3d48","previewHash":"8d26271e4fa7c0b34b7f02d54332bb61","authorNickname":"WT","lowLevelTopic":"IT Templates; Web Development Templates; Mobile Repair Service","weightedRating":3.3454545454545457,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","kindOfShops":"computer repair, computer fix, data recovery, virus removal, pc repair, computer support, computer troubleshooting, \r\npc troubleshooting, pc doctor, pc fix, laptop repair, smartphone repair, mobile phone repair","color":["black","white","grey","cyan"],"followUpLetter":"website-template-offers","reviewsTotal":"1","uniqueKeywords":"computer technical company personal technology digital apple tech support hardware development phone device store","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","reviewAverageScore":"5","sqi":"95","showVariantForcibly":"b","metaDescription":"A fully responsive, customer-friendly Computers, Laptops And Phones Repair HTML Template that will help your customers find you on the web. Starting a computers repair business was never this easy! With a 24/7 free lifetime support.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/62300/62300-en_01.jpg, https://s.tmimgcdn.com/scr/62300/62300-en_02.jpg, https://s.tmimgcdn.com/scr/62300/62300-en_03.jpg, https://s.tmimgcdn.com/scr/62300/62300-en_04.jpg, https://s.tmimgcdn.com/scr/62300/62300-en_05.jpg, https://s.tmimgcdn.com/scr/62300/62300-en_06.jpg, https://s.tmimgcdn.com/scr/62300/62300-en_07.jpg, https://s.tmimgcdn.com/scr/62300/62300-en_08.jpg, https://s.tmimgcdn.com/scr/62300/62300-en_09.jpg, https://s.tmimgcdn.com/scr/62300/62300-en_10.jpg, https://s.tmimgcdn.com/scr/62300/62300-en_11.jpg, https://s.tmimgcdn.com/scr/62300/62300-en_12.jpg","features":["Responsive","Bootstrap","HTML plus JS"],"livePreviewURL":"https://livedemo00.template-help.com/wt_62300","languageSupport":"English","authorUserId":"1553971","htmlTitle":"Computers, Laptops And Phones Repair HTML Template","isFree":"none","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/bootstrap-template/","popularity":"Top Rated","imageDescription":"https://s.tmimgcdn.com/scr/62300/62300-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Apache Server","Code editor","PHP 5.4+"],"templateIcon":"icon-bootstrap","dynamicChangeLog":"<ul>\n<li>- 3 HTML bugs fixed</li>\n<li>- CSS optimized for better performance</li>\n<li>- 1 minor front-end issue fixed</li>\n<li>- 2 minor layout issues fixed</li>\n<li>- 3 PSD layers updated</li>\n</ul>","lastmod":"2021-05-02T06:41:18-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"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","demoMetaDescription":"View the live preview for the high quality BrilliantFix - Service Center Website Template (#62300) to find out what this theme is before you buy it. View the pages, check out the images, press the buttons, explore the features.","shortDescription":"When you’re starting an electronic hardware repair business you need to solve a problem of how to get as much people as possible to find out about your company. With the help of our fully responsive Computers, Laptops And Phones Repair HTML Template that’s not a problem anymore! By using our template to create a website for your company, you can be sure that your website will always stand out on the Internet! Fast and reliable, your brand new website will never fail you and will always attract customers. Free 24/7 lifetime support is offered with all our themes and templates.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap Electronics website template</h3> <p><b>What is it?</b></p><p>It is the most popular HTML and CSS based framework that contains variations for the primary components used in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is very variable for any modification. It's not hard to manage with, features a superior grid system and wide elements variety.</p><p>Find latest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website designs</a> here</p> <h3>This IT Department web template is Responsive</h3> <p><b>What is it?</b></p><p>It is an ability of the website to immediately adjust to any screen size and resolution. </p> <p><b>Why is it Good?</b></p><p>It is good considering that the website is available for more viewers from the large number of devices. </p><p>View more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <br /></div></div></div></div>","tags":["apple","company","computer","development","device","digital","hardware","personal","phone","store","support","tech","technical","technology"],"customUrl":"/website-templates/brilliantfix-website-template-62300.html","badge":"badge-responsive","nameOfTheTemplate":"BrilliantFix - Service Center Website Template","loyaltySells":"1","width":"1920px","pHPVersionCompatibility":"7.x","topic":["IT Templates","Web Development Templates","Electronics Templates","Software Templates","Business & Services","Computers & Internet","Mobile Repair Service"],"styles":"Neutral","skupromo":"8%","marketplaceMembership":"One","advImage":"https://s.tmimgcdn.com/scr/62300/62300-original.jpg","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, 19 Apr 2024 17:52:31 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=62300&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=62300&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=62300&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 19 Apr 2024 17:57:31 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://livedemo00.template-help.com/wt_62300<!DOCTYPE html>
<html lang="en">
<head>
    <title>#62300 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/62300.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 #62300            </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=62300&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>