string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=80213&expand=properties"
string(11284) "[{"templateId":80213,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":527,"categoryName":"Job Portal Templates","templateTitle":"Job Portal Responsive Website Template","templatePreviewHtmlTitle":"JobsLab - Job Board Website Template - TemplateMonster","templateDemoHtmlTitle":"Live demo for JobsLab - Job Board Website Template #80213","typeShortName":"Website","templatePreviewFBTitle":"<p><strong>JobsLab</strong> is a clean and Responsive Job Board HTML Template for Job portal website. This template is suitable for any job board, job listing, job portal, job posting, job search, job recruitment, job seeker, job site, etc.</p><p>This template contains 19+ individual HTML files with 100% responsive & W3C HTML validate coding. All HTML & CSS codes are commented properly so it’s easily customizable.</p><p><strong>Key Features:</strong></p><ul><li>HTML5 / CSS3</li><li>Bootstrap 4 (latest version)</li><li>Creative and modern flat design</li><li>Well commented HTML & CSS FILES</li><li>Neat, Clean and Simple design</li><li>Elegant Design Style</li><li>Fully Responsive</li><li>Newsletter</li><li>Mobile friendly</li><li>Material design icons</li><li>Cross Browser Friendly</li><li>Social Sharing Features</li><li>404 page customizable</li><li>Fast Loading</li><li>Full Width Layout</li><li>Carousel</li><li>jQuery Enhanced</li><li>Integrated Contact form</li><li>SEO optimized</li><li>Google fonts</li><li>Easy To Customize</li><li>Well documented</li><li>awesome Support</li><li>Regular Updates</li><li>And Much More…</li></ul><p><br></p><h2><strong>Features Overview:</strong></h2><p><br></p><p><strong>Bootstrap 4 Framework: </strong></p><p>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.</p><p><br></p><p><strong>Responsive Layout Design:</strong></p><p>What ever you are using the device your site will run as it should be. This template is fully responsive layout for all type of devices.</p><p><br></p><p><strong>Valid HTML Files : </strong></p><p>Jobio template coded with beautiful and clean codes! Some powerful HTML files 100% valid W3 web standards.</p><p><br></p><p><strong>Blog Pages :</strong></p><p>Blogging very important! We designed beautiful blog page templates and single blog styles for your news and updates.</p><p><br></p><p><br></p><h2>Pages:</h2><p><br></p><p><strong>-- Home</strong></p><p><strong>-- About</strong></p><p><strong>-- Jobs</strong></p><ul><li>jobs list</li><li>Job details</li></ul><p><strong>-- Candidates</strong></p><ul><li>Candidates list</li><li>Candidate profile</li><li>Career guide</li></ul><p><strong>-- Employers</strong></p><ul><li>Employers list</li><li>Employer profile</li><li>Employer faq</li></ul><p><strong>-- Pages</strong></p><ul><li>Login Page</li><li>Registration page</li><li>Forget password</li><li>FAQ</li><li>Terms of Services</li><li>404 error</li><li>Blog</li><li>Blog</li><li>Blog details</li></ul><p><strong>-- Contact</strong></p>","templateFullTitle":"JobsLab - Job Board Website Template","templatePreviewMetaDescription":"JobsLab is a clean and Responsive Job Board HTML Template for Job portal website. This template is suitable for any job board, job listing, job portal, job","templateDemoMetaDescription":"The live preview of this top quality JobsLab - Job Board Website Template (#80213) is presented here for you to get yourself knowledgeable about the template before you decide to buy it. View the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"JobsLab - Job Board Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/80213.html","userRating":0,"designIndex":"87","authorUserId":"1793573","exclusive":"1","state":1,"price":41,"inserted_date":"2019-05-02","sent":0,"downloads":1,"search_words":"job job-board job-listing job-portal job-template resume-template employer-dashboard job-website-template job-theme job-seeker online-job directory candidate-dashboard job-site-theme recruitment job-recruitment responsive bootstrap-4 job-search-website","is_adult":0,"exc_price":2100,"sent_date":"2019-05-02 07:40:38","last_upload":"2019-05-02 07:40:38","package_id":295,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":334,"filename":"80213-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":80213,"width":800,"window_params":"","banner_url":"","id":1817349,"href":"","height":1200},{"scr_type_id":311,"filename":"80213-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":80213,"width":800,"window_params":"","banner_url":"","id":1817350,"href":"","height":1200},{"scr_type_id":312,"filename":"80213-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":80213,"width":370,"window_params":"","banner_url":"","id":1817351,"href":"","height":370},{"scr_type_id":9,"filename":"80213-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":80213,"width":145,"window_params":"","banner_url":"","id":1817352,"href":"","height":156},{"scr_type_id":57,"filename":"80213-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":80213,"width":430,"window_params":"","banner_url":"","id":1817353,"href":"","height":645}],"demoUrl":"/demo/80213.html","image":"https://s.tmimgcdn.com/scr/80200/jobslab-job-board-website-template_80213-original.jpg","searchHash":"8c47388a4a7e4bb0aadfaee89ac95b07","previewHash":"aad1546895878ac43398655002de21c8","authorNickname":"dotthemes","lowLevelTopic":"Job Portal Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":50,"onSale":1,"finalPrice":29,"discountPercent":30,"discountAmount":12,"semiannualSales":0,"properties":{"productFamily":"None","color":["white","purple","blue"],"followUpLetter":"website-template-offers","dateRange":"Last 6 Months","productSize":"1816412","uniqueKeywords":"job,job-board,job-listing,job-portal,job-template,resume-template,employer-dashboard,job-website-template,job-theme,job-seeker,online-job,directory,candidate-dashboard,job-site-theme,recruitment,job-recruitment,responsive,bootstrap-4,job-search-website","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"JobsLab is a clean and Responsive Job Board HTML Template for Job portal website. This template is suitable for any job board, job listing, job portal, job","excludeExclusive":"Yes","imageKeyFeatures":"https://s3u.tmimgcdn.com/1793573-1556788377098_presentational.jpg","features":["Premium","Responsive","Pro","Bootstrap","Multipurpose","Team Members"],"saleSells":"1","livePreviewURL":"https://web.dotthemes.com/html/jobslab-demo/","authorUserId":"1793573","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/1793573-1556788358454_preview-main.jpg","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","templateSoftwareRequired":["Sublime Text2 or later, Notepad++","Sublime Text2 or later, Notepad++ or any php-editor","Notepad++ or any php-editor"],"templateIcon":"icon-monster_dark","lastmod":"2021-09-11T23:24:47-04:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1793573-1556788364389_1.jpg, https://s3u.tmimgcdn.com/1793573-1556788366758_2.jpg, https://s3u.tmimgcdn.com/1793573-1556788369276_3.jpg, https://s3u.tmimgcdn.com/1793573-1556788371718_4.jpg, https://s3u.tmimgcdn.com/1793573-1556788373875_5.jpg","types":"HTML Website Templates","trendiness":"1","demoMetaDescription":"The live preview of this top quality JobsLab - Job Board Website Template (#80213) is presented here for you to get yourself knowledgeable about the template before you decide to buy it. View the pages, check the images, click the buttons, explore the features.","shortDescription":"<p><strong>JobsLab</strong> is a clean and Responsive Job Board HTML Template for Job portal website. This template is suitable for any job board, job listing, job portal, job posting, job search, job recruitment, job seeker, job site, etc.</p><p>This template contains 19+ individual HTML files with 100% responsive & W3C HTML validate coding. All HTML & CSS codes are commented properly so it’s easily customizable.</p><p><strong>Key Features:</strong></p><ul><li>HTML5 / CSS3</li><li>Bootstrap 4 (latest version)</li><li>Creative and modern flat design</li><li>Well commented HTML & CSS FILES</li><li>Neat, Clean and Simple design</li><li>Elegant Design Style</li><li>Fully Responsive</li><li>Newsletter</li><li>Mobile friendly</li><li>Material design icons</li><li>Cross Browser Friendly</li><li>Social Sharing Features</li><li>404 page customizable</li><li>Fast Loading</li><li>Full Width Layout</li><li>Carousel</li><li>jQuery Enhanced</li><li>Integrated Contact form</li><li>SEO optimized</li><li>Google fonts</li><li>Easy To Customize</li><li>Well documented</li><li>awesome Support</li><li>Regular Updates</li><li>And Much More…</li></ul><p><br></p><h2><strong>Features Overview:</strong></h2><p><br></p><p><strong>Bootstrap 4 Framework: </strong></p><p>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.</p><p><br></p><p><strong>Responsive Layout Design:</strong></p><p>What ever you are using the device your site will run as it should be. This template is fully responsive layout for all type of devices.</p><p><br></p><p><strong>Valid HTML Files : </strong></p><p>Jobio template coded with beautiful and clean codes! Some powerful HTML files 100% valid W3 web standards.</p><p><br></p><p><strong>Blog Pages :</strong></p><p>Blogging very important! We designed beautiful blog page templates and single blog styles for your news and updates.</p><p><br></p><p><br></p><h2>Pages:</h2><p><br></p><p><strong>-- Home</strong></p><p><strong>-- About</strong></p><p><strong>-- Jobs</strong></p><ul><li>jobs list</li><li>Job details</li></ul><p><strong>-- Candidates</strong></p><ul><li>Candidates list</li><li>Candidate profile</li><li>Career guide</li></ul><p><strong>-- Employers</strong></p><ul><li>Employers list</li><li>Employer profile</li><li>Employer faq</li></ul><p><strong>-- Pages</strong></p><ul><li>Login Page</li><li>Registration page</li><li>Forget password</li><li>FAQ</li><li>Terms of Services</li><li>404 error</li><li>Blog</li><li>Blog</li><li>Blog details</li></ul><p><strong>-- Contact</strong></p>","bitLyUrl":"http://bit.ly/2VFR9Zh","tags":["directory","job","recruitment","responsive","job-board","job-listing","job-seeker","job-portal","job-template","resume-template","employer-dashboard","job-website-template","job-theme","online-job","candidate-dashboard","job-site-theme","job-recruitment","bootstrap-4","job-search-website"],"customUrl":"/website-templates/80213.html","nameOfTheTemplate":"JobsLab - Job Board Website Template","paidSupport":"Yes","topic":["Job Portal Templates","Business & Services"],"marketplaceMembership":"One","advImage":"https://s3.tmimgcdn.com/u1793573/templates/28129/scr/fOB5jPpjnb4W1Ta0N5xr.jpg","category":"Website templates","dqi":"87"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sun, 24 Nov 2024 08:43:56 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=80213&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=80213&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=80213&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 24 Nov 2024 08:48:56 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://web.dotthemes.com/html/jobslab-demo/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#80213 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/80213.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 #80213            </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=80213&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $38                <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>