string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=117882&expand=properties"
string(17636) "[{"templateId":117882,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":128,"categoryName":"Marketing Agency Templates","templateTitle":"Marketing Agency Responsive Website Template","templatePreviewHtmlTitle":"Acuity - Job Board HTML Responsive Website Template","templateDemoHtmlTitle":"Demo for Acuity - Job Board HTML Responsive Website Template #117882","typeShortName":"Website","templatePreviewFBTitle":"<p>Acuity - Job Board HTML Responsive Template</p><p><strong>Acuity - Job Board HTML Responsive Template is a comprehensive web template for all types of construction companies.</strong></p><p>Acuity - Acuity - Job Board HTML Responsive Template is a comprehensive web template for all types of construction companies. Acuity - Acuity - Job Board HTML Responsive Template is a comprehensive HTML template. It is an original business template ideal for Job Board, Job seeker or any other company related to this business. It has been build with the latest web technologies and standards. The layout is drag responsive and looks attractive at all screen sizes whether it is a Desktop, laptop, Tablet, or mobile. Template is bug free and has been tested on all web browsers. It has many features and can be integrated to any development platfrom/framework. It can be customized in a very easy way. Image is not included.</p><p><br></p><h3>Features Overview</h3><ul><li><strong>Owl carousel</strong></li><li>Used Owl carousel for testimonials and logo slides, you can use it anywhere else.</li><li><strong>Responsive Layout Design: </strong></li><li>Acuity - Job Board HTML Responsive Template Template is fully responsive layout for all type of devices.</li><li><strong>Valid HTML Files: </strong></li><li>Acuity - Job Board HTML Responsive Template template is coded with beautiful and clean codes! HTML files 100% valid W3 web standards.</li><li><strong>Bootstrap Framework: </strong></li><li>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.</li><li><strong>Awesome Blog Pages : </strong></li><li>Blogging very important! We designed beautiful blog page templates and single blog styles for your news and updates.</li><li><strong>Banner Slider, Animation :</strong></li><li>Slider is one of the Big part for any modern website, Revolution is completely awesome for creating eye catching sliders</li><li><strong>Free Support & Updates :</strong></li><li>You will get lifetime update and free support, just ask us then we will help</li><li><strong>Cross Browsers Compability IE9+ :</strong></li><li>Multi Browsers Compability make you create website for allmost any client’s browser</li><li><strong>Professional code :</strong></li><li>The code is clean and semantic and modern technologies as HTML5/CSS3 were used.</li><li><strong>Detailed documentation :</strong></li><li>Included Extensive documentation plus great guides on how to setup and customize, Our documentation will make your customizations super easy and fast!</li><li><strong>Mordern and Flat Design :</strong></li><li>Acuity - Job Board HTML Responsive Template is Very Modern and world Standard HTML5 Template.</li><li><strong>Sticky Header :</strong></li><li>Sticky Header with Main menu. Improve your website usability using Sticky Header feature. Main menu and logo will always be at the top of the screen, automatically following when user will scroll down. Easily turn the sticky header on or off in template options panel.</li><li><strong>UX ready :</strong></li><li>We have created Acuity - Job Board HTML Responsive Template with strong focus on User Experience in every detail. Every element is designed to work well on any popular device.</li><li><strong>Parallax effects :</strong></li><li>Parallax effects on any element</li><li><strong>100% Retina Ready :</strong></li><li>100% Retina Ready. All the elements look crisp and sharp on a retina display screen.</li><li><strong>Font Awesome Icons :</strong></li><li>Acuity - Job Board HTML Responsive Template is used Font Awesome Icons for all website Template.</li></ul><p><br></p><h3>Features</h3><ul><li>34 HTML Files</li><li>4 Beautiful Home</li><li>Creative Header</li><li>Built on Bootstrap 4</li><li>Flexible columns and template widths</li><li>Compatible with all modern browsers</li><li>Revosution Slider</li><li>Mobile friendly mobile menu</li><li>Sticky Header</li><li>Parallax effects on any element</li><li>100% Retina Ready. All the elements look crisp and sharp on a retina display screen</li><li>15 beautiful color styles included.</li><li>Owl carousel</li><li>SEO friendly</li><li>Clean and responsive pricing tables</li><li>Bootstrap compatibility file included</li><li>Valid HTML5 and W3C valid code</li><li>Clean & Simple Design</li><li>Fully Responsive Design</li><li>Easy to Editable</li><li>Light and fast loading</li><li>Google fonts</li><li>Well Documented</li><li>and so much more</li></ul><p><br></p><h3>Source And Creadits</h3><p>A big thanks to following source. Acuity - Job Board HTML Responsive Template wouldn’t be possible without these source.</p><ul><li>Fonts</li><li>Bootstrap Framework</li><li>FontAwesome Icons</li><li>Maps</li><li>Photos Collection</li><li>animate</li><li>flaticon</li><li>OwlCarouse</li><li>jqueryui</li><li>fancybox</li><li>jquery</li><li>magnific-popup</li><li>slick</li><li>jquery-appear</li></ul><p><br></p><h3>Why You Purchase Templates</h3><ul><li>100% availability</li><li>Professional customer service and communication at all times</li><li>110% Satisfaction</li><li>Awesome Support</li><li>Easy Installation</li></ul><p><br></p><h3>What do you get?</h3><ul><li>HTML Files</li><li>jQuery and Javascript files</li><li>CSS files</li><li>Documentation</li></ul><p><br></p><h3>Credit</h3><p>We’ve used the following images, icons and other resources as listed.</p><ul><li>Pixabay</li><li>Google Fonts</li><li>owl carousel</li><li>Bootstrap</li><li>Maps.Google.com used in live demo</li></ul><p><br></p><h3>Note</h3><p>Images used in demo, even they are sample, are not included in downloadable file. All images are replaced with placeholder , This is purely an HTML/CSS template and not a WordPress or any other CMS theme.</p>","templateFullTitle":"Acuity - Job Board HTML Responsive Website Template","templatePreviewMetaDescription":"Acuity - Job Board HTML Responsive TemplateAcuity - Job Board HTML Responsive Template is a comprehensive web template for all types of construction","templateDemoMetaDescription":"Before you purchase it, get yourself informed about the Acuity - Job Board HTML Responsive Website Template (#117882) by viewing the demo. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Acuity - Job Board HTML Responsive Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/acuity-job-board-html-responsive-website-template-117882.html","userRating":0,"designIndex":"87","authorUserId":"2208382","exclusive":"1","state":1,"price":42,"inserted_date":"2020-10-09","sent":0,"downloads":8,"search_words":"candidates,career,employment,hiring,hiring online,job board,job finding,job listing,job portal,job portal html,job seekers directory,jobs,recruitment,recruitment company,remote hire","is_adult":0,"exc_price":2100,"sent_date":"2020-10-09 11:58:02","last_upload":"2020-10-09 13:16:53","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"117882-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":117882,"width":1600,"window_params":"","banner_url":"","id":2016853,"href":"","height":1000},{"scr_type_id":311,"filename":"117882-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":117882,"width":1600,"window_params":"","banner_url":"","id":2016854,"href":"","height":1000},{"scr_type_id":312,"filename":"117882-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":117882,"width":370,"window_params":"","banner_url":"","id":2016855,"href":"","height":370},{"scr_type_id":9,"filename":"117882-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":117882,"width":145,"window_params":"","banner_url":"","id":2016856,"href":"","height":156},{"scr_type_id":57,"filename":"117882-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":117882,"width":430,"window_params":"","banner_url":"","id":2016857,"href":"","height":269}],"demoUrl":"/demo/117882.html","image":"https://s.tmimgcdn.com/scr/117800/acuity-job-board-html-responsive-website-template_117882-original.png","searchHash":"29b1ed94ff5fc0a336cc4b29da08fb82","previewHash":"097aa28ff02c93dc571f26060f89ba93","authorNickname":"Spartannnnn","lowLevelTopic":"Marketing Agency Templates; Job Portal Templates","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":0,"productBoost":25,"onSale":0,"finalPrice":42,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","grey","cyan"],"followUpLetter":"website-template-offers","productSize":"3677987","uniqueKeywords":"candidates,career,employment,hiring,hiring online,job board,job finding,job listing,job portal,job portal html,job seekers directory,jobs,recruitment,recruitment company,remote hire","templateSupportOptions":"[{\"id\":325652,\"template_id\":347654,\"type\":1,\"measure\":\"hour\",\"value\":6,\"phone\":\"\"}]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Acuity - Job Board HTML Responsive TemplateAcuity - Job Board HTML Responsive Template is a comprehensive web template for all types of construction","bootstrapVersion":"4.0.x","excludeExclusive":"Yes","imageKeyFeatures":"https://s3u.tmimgcdn.com/2208382-1601223574064_Presentational-Images.jpg","features":["Responsive","Bootstrap","Retina Ready","CV","Team Members","Google map","MegaMenu"],"saleSells":"1","livePreviewURL":"https://jogari.com/asif/acuity/","authorUserId":"2208382","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/2208382-1601223563125_Main-Image.png","htmlTitle":"Job Board HTML Responsive Template","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"],"templateIcon":"icon-monster_dark","lastmod":"2021-10-06T12:27:49-04:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/2208382-1601223569646_Slider-Images.png","types":"HTML Website Templates","trendiness":"1","demoMetaDescription":"Before you purchase it, get yourself informed about the Acuity - Job Board HTML Responsive Website Template (#117882) by viewing the demo. View the pages, check out the images, click the buttons, explore the features.","shortDescription":"<p>Acuity - Job Board HTML Responsive Template</p><p><strong>Acuity - Job Board HTML Responsive Template is a comprehensive web template for all types of construction companies.</strong></p><p>Acuity - Acuity - Job Board HTML Responsive Template is a comprehensive web template for all types of construction companies. Acuity - Acuity - Job Board HTML Responsive Template is a comprehensive HTML template. It is an original business template ideal for Job Board, Job seeker or any other company related to this business. It has been build with the latest web technologies and standards. The layout is drag responsive and looks attractive at all screen sizes whether it is a Desktop, laptop, Tablet, or mobile. Template is bug free and has been tested on all web browsers. It has many features and can be integrated to any development platfrom/framework. It can be customized in a very easy way. Image is not included.</p><p><br></p><h3>Features Overview</h3><ul><li><strong>Owl carousel</strong></li><li>Used Owl carousel for testimonials and logo slides, you can use it anywhere else.</li><li><strong>Responsive Layout Design: </strong></li><li>Acuity - Job Board HTML Responsive Template Template is fully responsive layout for all type of devices.</li><li><strong>Valid HTML Files: </strong></li><li>Acuity - Job Board HTML Responsive Template template is coded with beautiful and clean codes! HTML files 100% valid W3 web standards.</li><li><strong>Bootstrap Framework: </strong></li><li>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.</li><li><strong>Awesome Blog Pages : </strong></li><li>Blogging very important! We designed beautiful blog page templates and single blog styles for your news and updates.</li><li><strong>Banner Slider, Animation :</strong></li><li>Slider is one of the Big part for any modern website, Revolution is completely awesome for creating eye catching sliders</li><li><strong>Free Support & Updates :</strong></li><li>You will get lifetime update and free support, just ask us then we will help</li><li><strong>Cross Browsers Compability IE9+ :</strong></li><li>Multi Browsers Compability make you create website for allmost any client’s browser</li><li><strong>Professional code :</strong></li><li>The code is clean and semantic and modern technologies as HTML5/CSS3 were used.</li><li><strong>Detailed documentation :</strong></li><li>Included Extensive documentation plus great guides on how to setup and customize, Our documentation will make your customizations super easy and fast!</li><li><strong>Mordern and Flat Design :</strong></li><li>Acuity - Job Board HTML Responsive Template is Very Modern and world Standard HTML5 Template.</li><li><strong>Sticky Header :</strong></li><li>Sticky Header with Main menu. Improve your website usability using Sticky Header feature. Main menu and logo will always be at the top of the screen, automatically following when user will scroll down. Easily turn the sticky header on or off in template options panel.</li><li><strong>UX ready :</strong></li><li>We have created Acuity - Job Board HTML Responsive Template with strong focus on User Experience in every detail. Every element is designed to work well on any popular device.</li><li><strong>Parallax effects :</strong></li><li>Parallax effects on any element</li><li><strong>100% Retina Ready :</strong></li><li>100% Retina Ready. All the elements look crisp and sharp on a retina display screen.</li><li><strong>Font Awesome Icons :</strong></li><li>Acuity - Job Board HTML Responsive Template is used Font Awesome Icons for all website Template.</li></ul><p><br></p><h3>Features</h3><ul><li>34 HTML Files</li><li>4 Beautiful Home</li><li>Creative Header</li><li>Built on Bootstrap 4</li><li>Flexible columns and template widths</li><li>Compatible with all modern browsers</li><li>Revosution Slider</li><li>Mobile friendly mobile menu</li><li>Sticky Header</li><li>Parallax effects on any element</li><li>100% Retina Ready. All the elements look crisp and sharp on a retina display screen</li><li>15 beautiful color styles included.</li><li>Owl carousel</li><li>SEO friendly</li><li>Clean and responsive pricing tables</li><li>Bootstrap compatibility file included</li><li>Valid HTML5 and W3C valid code</li><li>Clean & Simple Design</li><li>Fully Responsive Design</li><li>Easy to Editable</li><li>Light and fast loading</li><li>Google fonts</li><li>Well Documented</li><li>and so much more</li></ul><p><br></p><h3>Source And Creadits</h3><p>A big thanks to following source. Acuity - Job Board HTML Responsive Template wouldn’t be possible without these source.</p><ul><li>Fonts</li><li>Bootstrap Framework</li><li>FontAwesome Icons</li><li>Maps</li><li>Photos Collection</li><li>animate</li><li>flaticon</li><li>OwlCarouse</li><li>jqueryui</li><li>fancybox</li><li>jquery</li><li>magnific-popup</li><li>slick</li><li>jquery-appear</li></ul><p><br></p><h3>Why You Purchase Templates</h3><ul><li>100% availability</li><li>Professional customer service and communication at all times</li><li>110% Satisfaction</li><li>Awesome Support</li><li>Easy Installation</li></ul><p><br></p><h3>What do you get?</h3><ul><li>HTML Files</li><li>jQuery and Javascript files</li><li>CSS files</li><li>Documentation</li></ul><p><br></p><h3>Credit</h3><p>We’ve used the following images, icons and other resources as listed.</p><ul><li>Pixabay</li><li>Google Fonts</li><li>owl carousel</li><li>Bootstrap</li><li>Maps.Google.com used in live demo</li></ul><p><br></p><h3>Note</h3><p>Images used in demo, even they are sample, are not included in downloadable file. All images are replaced with placeholder , This is purely an HTML/CSS template and not a WordPress or any other CMS theme.</p>","tags":["candidates","career","employment","hiring","jobs","recruitment","job board","job portal","job listing","hiring online","job finding","job portal html","job seekers directory","recruitment company","remote hire"],"bitLyUrl":"https://bit.ly/2IeD8N6","customUrl":"/website-templates/acuity-job-board-html-responsive-website-template-117882.html","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Advanced Search","Search Form"],"nameOfTheTemplate":"Acuity - Job Board HTML Responsive Website Template","paidSupport":"Yes","topic":["Marketing Agency Templates","Job Portal Templates","Business & Services"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/2208382-1601223578732_Promotional-Image.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: Sat, 18 May 2024 21:15:54 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(293) "Link: <http://products/api/v2/products/en?language=en&ids=117882&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=117882&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=117882&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 18 May 2024 21:20:54 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://jogari.com/asif/acuity/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#117882 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/117882.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 #117882            </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=117882&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $39                <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>