string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=53408&expand=properties"
string(19518) "[{"templateId":53408,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":527,"categoryName":"Job Portal Templates","templateTitle":"Job Portal Responsive Website Template","templatePreviewHtmlTitle":"Lavoro - Jobs Portal Multipage HTML5 Website Template","templateDemoHtmlTitle":"Live preview for Lavoro - Jobs Portal Multipage HTML5 Website Template #53408","typeShortName":"Website","templatePreviewFBTitle":"<p>During the development of this template, the field of vacancy offering websites was carefully studied and the main requirements for such companies were taken into account. It includes a beautiful slider with cool effects. If you want to reach a new level in this business, with this template it'll be very easy. Several ready-made pages are included to speed up the development process. Full SEO optimization due to qualitative markup structure and easy code. It's an ideal theme for any company that provides career services. It has a beautiful design with different color variations. You can also use cool slideshows.</p><p><em>Please note that .psd files are not included in this template package.</em></p><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 Business Services website design is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Each time a end user types something to the research bar, the major search engine looks for it in accordance with many guidelines. Search Engine Friendly design template's code is simply specifically crystal clear and organized to make Search engine optimisation work less difficult.</p> <p><b>Why is it Good?</b></p><p>With it, you'll be able to bring in lots of targeted visitors to the web page from search engines.</p><p>View latest <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly website templates</a> here</p> <h3>This Business website design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means well adapted to the screens of all dimensions on any device. </p> <p><b>Why is it Good?</b></p><p>Responsive design ensures that the website will provide a good browsing experience to all users across all devices. </p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website design templates</a> here</p> <h3>This is a Bootstrap 4 Business Services website design</h3> <p><b>What is it?</b></p><p>Bootstrap 4 is a free to download framework that allows constructing responsive and mobile-ready websites. </p> <p><b>Why is it Good?</b></p><p>Bootstrap is known as a responsive, mobile-oriented framework. It's easy to use and has a huge number of accessible resources.</p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 web templates</a> here</p> <h3>This is a Bootstrap Career Portal website design template</h3> <p><b>What is it?</b></p><p>Bootstrap is really a absolutely free front-end framework which gives for faster and straightforward web development practical experience.</p> <p><b>Why is it Good?</b></p><p>Bootstrap really helps to create responsive, mobile-first web-based projects extremely easily.</p><p>View more <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap web templates</a> here</p> <h3>This is a Parallax Job Portal website design template</h3> <p><b>What is it?</b></p><p>It's actually a special method when the background pic shifts less quickly in perspective in contrast to parts of the foreground. Because of this, Parallax generates a experience of a three-dimensional space.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling will allow you to increase details to your web presence look.</p><p>Fresh <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax web templates</a> here</p> <br /></div></div></div></div><p>This template is featured in the following editorial reviews:</p><p><a href=\"https://www.templatemonster.com/blog/top-bootstrap-4-themes-free-paid/\">Top 50 Bootstrap 4 Themes: Free and Paid</a></p><p><a href=\"https://www.templatemonster.com/blog/top-bootstrap-4-themes-free-paid/\">Top 50 Bootstrap 4 Themes: Free and Paid</a></p>","templateFullTitle":"Lavoro - Jobs Portal Multipage HTML5 Website Template","templatePreviewMetaDescription":"During the development of this template, the field of vacancy offering websites was carefully studied and the main requirements for such companies were taken","templateDemoMetaDescription":"Have a look at the live preview of the professional Lavoro - Jobs Portal Multipage HTML5 Website Template (#53408) to discover what this template is before buying it. View the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Lavoro - Jobs Portal Multipage HTML5 Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/lavoro-jobs-portal-multipage-html5-website-template-53408.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":61,"inserted_date":"2015-03-23","sent":1,"downloads":35,"search_words":"jobs agency resume cv corporate company intense audit personal consulting recruiting recruitment candidate hr research","is_adult":0,"exc_price":4500,"sent_date":"2018-07-27 06:15:26","last_upload":"2015-03-23 00:00:00","package_id":246,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":297,"filename":"53408-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53408,"width":430,"window_params":"","banner_url":"","id":1451296,"href":"","height":659},{"scr_type_id":3,"filename":"53408-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53408,"width":895,"window_params":"","banner_url":"","id":1451297,"href":"","height":599},{"scr_type_id":3,"filename":"53408-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53408,"width":1800,"window_params":"","banner_url":"","id":1451298,"href":"","height":2173},{"scr_type_id":298,"filename":"53408-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53408,"width":430,"window_params":"","banner_url":"","id":1451299,"href":"","height":900},{"scr_type_id":315,"filename":"53408-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53408,"width":1800,"window_params":"","banner_url":"","id":1451300,"href":"","height":2300},{"scr_type_id":3,"filename":"53408-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53408,"width":1800,"window_params":"","banner_url":"","id":1451301,"href":"","height":2173},{"scr_type_id":3,"filename":"53408-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53408,"width":1920,"window_params":"","banner_url":"","id":1451302,"href":"","height":2173},{"scr_type_id":3,"filename":"53408-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53408,"width":965,"window_params":"","banner_url":"","id":1451303,"href":"","height":1165},{"scr_type_id":3,"filename":"53408-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53408,"width":1800,"window_params":"","banner_url":"","id":1451304,"href":"","height":2300},{"scr_type_id":299,"filename":"53408-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53408,"width":430,"window_params":"","banner_url":"","id":1451305,"href":"","height":900},{"scr_type_id":317,"filename":"53408-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53408,"width":1920,"window_params":"","banner_url":"","id":1451306,"href":"","height":2173},{"scr_type_id":311,"filename":"53408-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53408,"width":965,"window_params":"","banner_url":"","id":1451307,"href":"","height":1233},{"scr_type_id":314,"filename":"53408-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53408,"width":1920,"window_params":"","banner_url":"","id":1451308,"href":"","height":2300},{"scr_type_id":312,"filename":"53408-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53408,"width":370,"window_params":"","banner_url":"","id":1451309,"href":"","height":370},{"scr_type_id":300,"filename":"53408-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53408,"width":320,"window_params":"","banner_url":"","id":1451310,"href":"","height":900},{"scr_type_id":3,"filename":"53408-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53408,"width":1920,"window_params":"","banner_url":"","id":1451311,"href":"","height":2300},{"scr_type_id":9,"filename":"53408-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53408,"width":145,"window_params":"","banner_url":"","id":1451312,"href":"","height":156},{"scr_type_id":78,"filename":"53408-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":53408,"width":970,"window_params":"","banner_url":"","id":1451313,"href":"","height":280},{"scr_type_id":212,"filename":"53408-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53408,"width":430,"window_params":"","banner_url":"","id":1451314,"href":"","height":60},{"scr_type_id":3,"filename":"53408-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53408,"width":408,"window_params":"","banner_url":"","id":1451315,"href":"","height":55},{"scr_type_id":334,"filename":"53408-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53408,"width":1600,"window_params":"","banner_url":"","id":1638335,"href":"","height":1000}],"demoUrl":"/demo/53408.html","image":"https://s.tmimgcdn.com/scr/53400/lavoro-jobs-portal-multipage-html5-website-template_53408-0-original.jpg","searchHash":"22dae35b4309178246699d671d0b5489","previewHash":"65db187511328ddbc7a31004f7822fa0","authorNickname":"RockThemes","lowLevelTopic":"Job Portal Templates","weightedRating":4.25,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":43,"discountPercent":30,"discountAmount":18,"semiannualSales":0,"properties":{"kindOfShops":"This template is suitable for the career seeking portals.","uniqueKeywords":"jobs agency resume cv corporate company intense audit personal consulting recruiting recruitment candidate hr research","showVariantForcibly":"b","metaDescription":"This fully responsive Jobs Portal Multipage HTML5 Template will help you to set up a great website for your careers seeking resource that will work on any device.","excludeExclusive":"Yes","imageKeyFeatures":"https://s.tmimgcdn.com/scr/53400/53408-en_01.jpg, https://s.tmimgcdn.com/scr/53400/53408-en_02.jpg, https://s.tmimgcdn.com/scr/53400/53408-en_03.jpg, https://s.tmimgcdn.com/scr/53400/53408-en_04.jpg, https://s.tmimgcdn.com/scr/53400/53408-en_05.jpg, https://s.tmimgcdn.com/scr/53400/53408-en_06.jpg, https://s.tmimgcdn.com/scr/53400/53408-en_07.jpg, https://s.tmimgcdn.com/scr/53400/53408-en_08.jpg, https://s.tmimgcdn.com/scr/53400/53408-en_09.jpg, https://s.tmimgcdn.com/scr/53400/53408-en_10.jpg","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Dropdown Menu","Google map","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1768190","isFree":"none","htmlTitle":"Jobs Portal Multipage HTML5 Template","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.1","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2022-02-05T09:55:24-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"previewScreensOrVideoURLs":"53400/53408_01-big.jpg, 53400/53408_02-big.jpg, 53400/53408_03-big.jpg, 53400/53408_04-big.jpg, 53400/53408_05-big.jpg","demoMetaDescription":"Have a look at the live preview of the professional Lavoro - Jobs Portal Multipage HTML5 Website Template (#53408) to discover what this template is before buying it. View the pages, check out the images, press the buttons, explore the features.","shortDescription":"<p>During the development of this template, the field of vacancy offering websites was carefully studied and the main requirements for such companies were taken into account. It includes a beautiful slider with cool effects. If you want to reach a new level in this business, with this template it'll be very easy. Several ready-made pages are included to speed up the development process. Full SEO optimization due to qualitative markup structure and easy code. It's an ideal theme for any company that provides career services. It has a beautiful design with different color variations. You can also use cool slideshows.</p><p><em>Please note that .psd files are not included in this template package.</em></p><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 Business Services website design is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Each time a end user types something to the research bar, the major search engine looks for it in accordance with many guidelines. Search Engine Friendly design template's code is simply specifically crystal clear and organized to make Search engine optimisation work less difficult.</p> <p><b>Why is it Good?</b></p><p>With it, you'll be able to bring in lots of targeted visitors to the web page from search engines.</p><p>View latest <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly website templates</a> here</p> <h3>This Business website design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means well adapted to the screens of all dimensions on any device. </p> <p><b>Why is it Good?</b></p><p>Responsive design ensures that the website will provide a good browsing experience to all users across all devices. </p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website design templates</a> here</p> <h3>This is a Bootstrap 4 Business Services website design</h3> <p><b>What is it?</b></p><p>Bootstrap 4 is a free to download framework that allows constructing responsive and mobile-ready websites. </p> <p><b>Why is it Good?</b></p><p>Bootstrap is known as a responsive, mobile-oriented framework. It's easy to use and has a huge number of accessible resources.</p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 web templates</a> here</p> <h3>This is a Bootstrap Career Portal website design template</h3> <p><b>What is it?</b></p><p>Bootstrap is really a absolutely free front-end framework which gives for faster and straightforward web development practical experience.</p> <p><b>Why is it Good?</b></p><p>Bootstrap really helps to create responsive, mobile-first web-based projects extremely easily.</p><p>View more <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap web templates</a> here</p> <h3>This is a Parallax Job Portal website design template</h3> <p><b>What is it?</b></p><p>It's actually a special method when the background pic shifts less quickly in perspective in contrast to parts of the foreground. Because of this, Parallax generates a experience of a three-dimensional space.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling will allow you to increase details to your web presence look.</p><p>Fresh <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax web templates</a> here</p> <br /></div></div></div></div><p>This template is featured in the following editorial reviews:</p><p><a href=\"https://www.templatemonster.com/blog/top-bootstrap-4-themes-free-paid/\">Top 50 Bootstrap 4 Themes: Free and Paid</a></p><p><a href=\"https://www.templatemonster.com/blog/top-bootstrap-4-themes-free-paid/\">Top 50 Bootstrap 4 Themes: Free and Paid</a></p>","tags":["agency","audit","candidate","company","consulting","corporate","intense","jobs","personal","recruiting","recruitment","research","resume","cv"],"customUrl":"/website-templates/lavoro-jobs-portal-multipage-html5-website-template-53408.html","badge":"badge-responsive","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_1300.jpg\" srcset=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_2560.jpg 2x\" alt=\"img\"/>","nameOfTheTemplate":"Lavoro - Jobs Portal Multipage HTML5 Website Template","pHPVersionCompatibility":"7.x","topic":["Job Portal Templates","Business & Services"],"styles":"Neutral","imagesList":"Depositphotos3301347originalDepositphotos3489130originalDepositphotos12784347originalDepositphotos22901832originalDepositphotos1143156original.jpgDepositphotos1667799original.jpgDepositphotos4694539original.jpgDepositphotos4899126original.jpgDepositphotos7037204l.jpgDepositphotos9304668original.jpgDepositphotos9600928original.jpgDepositphotos11377847EL4.jpgDepositphotos13189350original.jpgDepositphotos13276117original.jpgDepositphotos13601704original.jpgDepositphotos13880217original.jpgDepositphotos18258249original.jpg","productFamily":"None","followUpLetter":"website-template-offers","color":["black","white"],"dateRange":"Last Year","reviewsTotal":"2","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","reviewAverageScore":"5","sqi":"95","bootstrapVersion":"4.0.x","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-18957","templateGroup":"HTML Templates","popularity":"Top Rated","nomotopress":"1","galleryScript":["Carousel","Grid"],"templateIcon":"icon-bootstrap","dynamicChangeLog":"<ul>\n<li>- 1 minor HTML bugs fixed</li>\n<li>- 2 background bugs fixed</li>\n<li>- 3 minor front-end bugs fixed</li>\n<li>- 1 minor styles bugs fixed</li>\n<li>- 1 PSD layer updated</li>\n</ul>","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/19TlUi5","layout":"1 column","webForms":["Contact Form","Newsletter Subscription","Search Form"],"loyaltySells":"1","width":"1920px","skupromo":"30%","marketplaceMembership":"One","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sun, 01 Dec 2024 09:12:38 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=53408&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=53408&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=53408&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 01 Dec 2024 09:17:38 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://livedemo00.template-help.com/wt_prod-18957<!DOCTYPE html>
<html lang="en">
<head>
    <title>#53408 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/53408.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 #53408            </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=53408&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>