string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=53534&expand=properties"
string(15562) "[{"templateId":53534,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":527,"categoryName":"Job Portal Templates","templateTitle":"Job Portal Responsive Website Template","templatePreviewHtmlTitle":"JobsFactory - Job Portal Multipage HTML5 Website Template","templateDemoHtmlTitle":"Demo for JobsFactory - Job Portal Multipage HTML5 Website Template #53534","typeShortName":"Website","templatePreviewFBTitle":"<h2>Modern Job Listing Template</h2><p><br></p><p>The job listing template has a variety of benefits for modern job search services. Such a template allows saving money and getting an impressively designed website. Moreover, it can help you tell more about your business due to pre-designed pages. A variety of those pages are available with the template.</p><p>Just like any other modern company, job search services require a reliable website. To meet such needs, we have designed JobsFactory, a job listing template that is completely responsive due to Bootstrap 4. It includes everything a modern job search website should have. Its variety of pages and features guarantees you'll be able to build a perfect website.</p><p><br></p><p><br></p><h3>Lots of Impressive Features</h3><p><br></p><p>This template is created with the help of HTML5 and CSS3. Its design is guaranteed to give your website a fresh and original look. JobsFactory also supports customization, which allows you to make your website look how you like. Moreover, this template provides a set of other awesome features, from which you will surely benefit:</p><ol><li>W3C valid code;</li><li>30+ ready-made pages;</li><li>Cool CSS3 animations and transitions;</li><li>Cross-browser support;</li><li>Megafooter;</li><li>Blog.</li></ol><p>To help you stay connected with your customers, we have implemented social options. This job listing template also supports changing all color settings as well as UI elements. It is made possible to make the customization process easier. All this makes it simple to create a professional career portal with JobsFactory.</p><p><br></p><p><br></p><h2>Configurable Forms and Premium Support</h2><p><br></p><p>Our job listing template provides everything required for the correct work of your website on any mobile platform. It also offers a wide variety of working forms. however, they should be pre-configured to work properly. Moreover, the template is supplied with SCSS & Pug source files, allowing you to edit it straight away.</p><p>To help you get a better understanding of how JobsFactory works, we have included the template documentation. It is very detailed and can be easily understood. The documentation explains how to configure everything in this template. However, our 24/7 customer support team is ready to answer all the questions you may have about JobsFactory job listing template.</p>","templateFullTitle":"JobsFactory - Job Portal Multipage HTML5 Website Template","templatePreviewMetaDescription":"Modern Job Listing TemplateThe job listing template has a variety of benefits for modern job search services. Such a template allows saving money and getting","templateDemoMetaDescription":null,"specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"JobsFactory - Job Portal Multipage HTML5 Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/53534.html","userRating":"5","designIndex":"00","authorUserId":"1519369","exclusive":"0","state":1,"price":39,"inserted_date":"2015-04-02","sent":1,"downloads":139,"search_words":"agency jobs resume cv corporate company personal candidate hr research audit personal consulting recruiting recruitment","is_adult":0,"exc_price":4500,"sent_date":"2020-02-21 06:15:39","last_upload":"2015-04-02 00:00:00","package_id":258,"hasExclusivePrice":1,"screenshots":[{"id":1453710,"templ_id":53534,"filename":"53534-1-big.jpg","width":965,"height":1192,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1453711,"templ_id":53534,"filename":"53534-original-1200.jpg","width":1800,"height":2850,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1453712,"templ_id":53534,"filename":"53534-responsive-layout.jpg","width":895,"height":599,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1453713,"templ_id":53534,"filename":"53534-smart2-responsive.jpg","width":320,"height":900,"href":"","window_params":"","scr_type_id":300,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1453714,"templ_id":53534,"filename":"53534-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":1453715,"templ_id":53534,"filename":"53534-1-original.jpg","width":2040,"height":2223,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1453716,"templ_id":53534,"filename":"53534-1-origin.jpg","width":2040,"height":2223,"href":"","window_params":"","scr_type_id":317,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1453717,"templ_id":53534,"filename":"53534-origin-1200.jpg","width":1800,"height":2850,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1453718,"templ_id":53534,"filename":"53534-rs.jpg","width":970,"height":280,"href":"","window_params":"","scr_type_id":78,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":1},{"id":1453719,"templ_id":53534,"filename":"53534-original.jpg","width":2040,"height":2850,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1453720,"templ_id":53534,"filename":"53534-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":1453721,"templ_id":53534,"filename":"53534-smart1-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":299,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1453722,"templ_id":53534,"filename":"53534-1-original-1200.jpg","width":1800,"height":2223,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1453723,"templ_id":53534,"filename":"53534-tablet-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":298,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1453724,"templ_id":53534,"filename":"53534-1-origin-1200.jpg","width":1800,"height":2223,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1453725,"templ_id":53534,"filename":"53534-big.jpg","width":965,"height":1528,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1453726,"templ_id":53534,"filename":"53534-wt.html","width":430,"height":60,"href":"","window_params":"","scr_type_id":212,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1453727,"templ_id":53534,"filename":"53534-origin.jpg","width":2040,"height":2850,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1453728,"templ_id":53534,"filename":"53534-b-responsive.jpg","width":430,"height":681,"href":"","window_params":"","scr_type_id":297,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1453729,"templ_id":53534,"filename":"53534-banner.jpg","width":408,"height":55,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1638460,"templ_id":53534,"filename":"53534-2-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/53534.html","image":"https://s.tmimgcdn.com/scr/53500/jobsfactory-job-portal-multipage-html5-website-template_53534-2-original.jpg","searchHash":"f8fcd1fdf35d76ea2f47c595cadd6a57","previewHash":"57ca606cd1419496f26e7a0b7f028076","authorNickname":"ZEMEZ","lowLevelTopic":"Job Portal Templates","weightedRating":4.4705882352941,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":1,"finalPrice":27,"discountPercent":30,"discountAmount":12,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap"],"styles":["Neutral","Flat"],"languageSupport":"English","badge":"badge-responsive","templateSources":[".PSD",".HTML"],"topic":["Job Portal Templates","Business & Services"],"documentationVersion":"Bootstrap Website Templates v1.1","isFree":"none","popularity":"Top Rated","dateRange":["Last Month","Last 6 Months"],"followUpLetter":"website-template-offers","nomotopress":"1","color":["white","blue"],"width":"1920px","uniqueKeywords":"agency,jobs,resume,cv,corporate,company,personal,candidate,hr,research,audit,personal,consulting,recruiting,recruitment","bitLyUrl":"http://bit.ly/1F5KNyX","showVariantForcibly":"b","trendiness":"1","authorUserId":"1519369","lastmod":"2022-02-04T07:20:51-05:00","exclusive":"0","sqi":"95","templateSupportOptions":"[]","dqi":"00","skupromo":"40%","reviewsTotal":"7","reviewAverageScore":"5","imageKeyFeatures":"https://s.tmimgcdn.com/scr/53500/53534-en_01.jpg, https://s.tmimgcdn.com/scr/53500/53534-en_02.jpg, https://s.tmimgcdn.com/scr/53500/53534-en_03.jpg, https://s.tmimgcdn.com/scr/53500/53534-en_04.jpg, https://s.tmimgcdn.com/scr/53500/53534-en_05.jpg, https://s.tmimgcdn.com/scr/53500/53534-en_06.jpg, https://s.tmimgcdn.com/scr/53500/53534-en_07.jpg, https://s.tmimgcdn.com/scr/53500/53534-en_08.jpg, https://s.tmimgcdn.com/scr/53500/53534-en_09.jpg, https://s.tmimgcdn.com/scr/53500/53534-en_10.jpg","previewScreensOrVideoURLs":"https://s.tmimgcdn.com/scr/53500/53534_01-big.jpg, https://s.tmimgcdn.com/scr/53500/53534_02-big.jpg, https://s.tmimgcdn.com/scr/53500/53534_03-big.jpg, https://s.tmimgcdn.com/scr/53500/53534_04-big.jpg, https://s.tmimgcdn.com/scr/53500/53534_05-big.jpg","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-20039/","nameOfTheTemplate":"JobsFactory - Job Portal Multipage HTML5 Website Template","shortDescription":"<h2>Modern Job Listing Template</h2><p><br></p><p>The job listing template has a variety of benefits for modern job search services. Such a template allows saving money and getting an impressively designed website. Moreover, it can help you tell more about your business due to pre-designed pages. A variety of those pages are available with the template.</p><p>Just like any other modern company, job search services require a reliable website. To meet such needs, we have designed JobsFactory, a job listing template that is completely responsive due to Bootstrap 4. It includes everything a modern job search website should have. Its variety of pages and features guarantees you'll be able to build a perfect website.</p><p><br></p><p><br></p><h3>Lots of Impressive Features</h3><p><br></p><p>This template is created with the help of HTML5 and CSS3. Its design is guaranteed to give your website a fresh and original look. JobsFactory also supports customization, which allows you to make your website look how you like. Moreover, this template provides a set of other awesome features, from which you will surely benefit:</p><ol><li>W3C valid code;</li><li>30+ ready-made pages;</li><li>Cool CSS3 animations and transitions;</li><li>Cross-browser support;</li><li>Megafooter;</li><li>Blog.</li></ol><p>To help you stay connected with your customers, we have implemented social options. This job listing template also supports changing all color settings as well as UI elements. It is made possible to make the customization process easier. All this makes it simple to create a professional career portal with JobsFactory.</p><p><br></p><p><br></p><h2>Configurable Forms and Premium Support</h2><p><br></p><p>Our job listing template provides everything required for the correct work of your website on any mobile platform. It also offers a wide variety of working forms. however, they should be pre-configured to work properly. Moreover, the template is supplied with SCSS & Pug source files, allowing you to edit it straight away.</p><p>To help you get a better understanding of how JobsFactory works, we have included the template documentation. It is very detailed and can be easily understood. The documentation explains how to configure everything in this template. However, our 24/7 customer support team is ready to answer all the questions you may have about JobsFactory job listing template.</p>","kindOfShops":"job listing website, job search website","metaDescription":"Modern Job Listing TemplateThe job listing template has a variety of benefits for modern job search services. Such a template allows saving money and getting","htmlTitle":"JobsFactory - Job Listing Template","marketplaceMembership":"One","dynamicChangeLog":"<ul><li>- 3 minor HTML bugs fixed</li><li>- 3 font bugs fixed</li><li>- 2 minor background issues fixed</li><li>- 1 minor front-end issue fixed</li><li>- 3 PSD layers changed</li></ul>","customUrl":"/website-templates/53534.html","changeLog":"<b>JobsFactory Version 1.2 (October 22, 2019)</b>\r\n<br/>\r\n<b>Additions</b><br/>\r\n<ul>\r\n<li><b>- UPD:</b> Rebuild navigation and breadcrumbs structure;</li>\r\n<li><b>- UPD:</b> Google Map plugin;</li>\r\n<li><b>- UPD:</b> RD Mailform plugin;</li>\r\n<li><b>- UPD:</b> Page Transition plugin;</li>\r\n<li><b>- RMV:</b> Obsolete plugins;</li>\r\n<li><b>- RMV:</b> Obsolete style files;</li>\r\n<li><b>- UPD:</b> DateCountdown has changed to AlphaCountdown;</li>\r\n<li><b>- UPD:</b> jQueryCountTo has changed to AlphaCounter;</li>\r\n<li><b>- UPD:</b> TimeCircles has changed to AlphaProgressCircle;</li>\r\n<li><b>- UPD:</b> Spellcheck fixes;</li>\r\n<li><b>- FIX:</b> Markup fixes;</li>\r\n<li><b>- FIX:</b> Minor bug fixes.</li>\r\n</ul>\r\n<br/><br/><br/>\r\n\r\n<b>JobsFactory Version 1.1 (Octobet 02, 2019)</b>\r\n<br/>\r\n<b>Additions</b><br/>\r\n<ul>\r\n<li><b>- FIX:</b> Minor bug fixes.</li>\r\n</ul>\r\n<br/><br/><br/>","isOldDemoUrl":"1","tags":["agency","audit","candidate","company","consulting","corporate","jobs","personal","recruiting","recruitment","research","resume","cv","HR"],"affiliateSells":"1","authorMainScreenshot":"https://s.tmimgcdn.com/scr/53500/53534-0-original.jpg","saleSells":"1","productSize":"127602969","featured":"Ukraine","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorMainScreenshotVersion":"2","templateIcon":"icon-bootstrap","hELPURL":"/quick-start-guide/bootstrap-template/","notice":"Some of the forms included (like booking, registration, comment submission forms, etc.) may require extra scripts and/or database functionality.","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"HTML Website Templates","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: Sun, 01 Dec 2024 06:37:15 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=53534&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=53534&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=53534&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 01 Dec 2024 06:42:15 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_prod-20039/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#53534 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/53534.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 #53534            </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=53534&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $36                <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>