string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=113517&expand=properties"
string(13363) "[{"templateId":113517,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":464,"categoryName":"Web Design Templates","templateTitle":"Web Design Responsive Website Template","templatePreviewHtmlTitle":"Frilans Freelancers and Workplace HTML Website Template","templateDemoHtmlTitle":"Live demo for Frilans Freelancers and Workplace HTML Website Template #113517","typeShortName":"Website","templatePreviewFBTitle":"<h3>Frilans Freelancers and workplace HTML template</h3><p>'FRILANS' HTML templates is for freelancer listings with some exciting features and code quality. It has been designed and developed after thorough research to cater to the requirements of people interested in building freelance marketplace or other similar projects. The design is contemporary but at the same time, it focuses on usability, visual hierarchy, and aesthetics to ensure easy navigation for the end users.</p><p>FRILANS HTML template would allow freelancers and employers to register and create their profiles in a few simple steps. Once the task is posted on the marketplace, the freelancers would have the option to submit their proposals for an employer to review.</p><p>Template also has built-in one-to-one message inbox pages to enable users to communicate with each other if they have any questions regarding work proposals etc. It also has a built-in review page that will allow employers to feedback and rate the work carried out by freelancers. with the use of this template you can create the best WordPress theme package with amazing features.</p><p>FRILANS is one of the best Freelance Marketplace &amp; Job Board HTML Templates we design. It includes 21+ HTML pages, projects listings, bidding on projects, sell services, employers listings, and freelancer listings and could be a great choice for making a freelance marketplace.</p><h3>Main Features</h3><ul><li>21+ HTML5 Valid Pages (CSS3)</li><li>02 Home Page Variations</li><li>Login and Register Popup</li><li>Highly Customizable</li><li>Extensive Admin Interface</li><li>Responsive &amp; Retina Ready</li><li>Large collection of useful inner pages</li><li>Portfolio Project Layout</li><li>Project Single page Layout</li><li>Project Bid Options</li><li>Freelancer List Options</li><li>Freelancer Profile</li><li>Freelancer Dashboard</li><li>Message inbox</li><li>Smooth Page Transitions</li><li>Twitter and Instagram social widgets</li><li>Blog List</li><li>Pricing Table</li><li>Featured Jobs, Freelancers</li><li>Powerful freelancers, employers and jobs detail pages</li><li>Very Powerful Theme Options. Profile page settings, Search Settings and much more…</li><li>Unlimited Sidebars</li><li>Google Fonts</li><li>Language Base Search</li><li>Best Design Experience With Homepages</li><li>Super fast loading speed</li><li>Super Clear and Clean Layout</li><li>Compatible with iPhones, Ipads (Responsive layout)</li><li>Designed With Responsiveness in Mind</li><li>Smooth css3 animations</li><li>Working Contact Form</li><li>nice JQuery files: Preloader, Menu…</li><li>Compatible With Major Modern Browsers</li><li>Easy to Use and Easy to Customize</li><li>100% Support</li><li>All files are well-commented and organized</li><li>Active and Hover Options</li><li>Bootstrap 4 Components Compatible</li><li>And Much More...</li></ul><h3><br /></h3><h3>Sources and Credits</h3><ul><li>Fonts : Google Webfonts</li><li>Images : Photodune</li><li>Images : Shutterstock</li><li>Icons : Flaticon</li><li>Icons : Fontawesome</li><li>Images : Unsplash</li><li>Bootstrap</li></ul><h3><br /></h3><h3>Note</h3><p>Please note that images used in live preview are not included in the package. If you have any questions please feel free to email via my user page contact form here. Thank you!</p>","templateFullTitle":"Frilans Freelancers and Workplace HTML Website Template","templatePreviewMetaDescription":"Frilans Freelancers and workplace HTML template'FRILANS' HTML templates is for freelancer listings with some exciting features and code quality. It has been","templateDemoMetaDescription":"Before you purchase it, get the look and feel of the high quality Frilans Freelancers and Workplace HTML Website Template (#113517) by experiencing the demo preview. Click through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Frilans Freelancers and Workplace HTML Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/frilans-freelancers-and-workplace-html-website-template-113517.html","userRating":0,"designIndex":"87","authorUserId":"937902","exclusive":"1","state":1,"price":87,"inserted_date":"2020-09-07","sent":0,"downloads":2,"search_words":"freelancers freelancing gigs hiring jobboard jobs marketplace prodesk sell services finder agency webstrot bids onlinejob workplace employer portfolio project listings","is_adult":0,"exc_price":2100,"sent_date":"2020-09-07 11:16:33","last_upload":"2024-03-18 10:57:10","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1995058,"templ_id":113517,"filename":"113517-2-original.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1995059,"templ_id":113517,"filename":"113517-2-big.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1995060,"templ_id":113517,"filename":"113517-2-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1995061,"templ_id":113517,"filename":"113517-2-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1995062,"templ_id":113517,"filename":"113517-2-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/113517.html","image":"https://s.tmimgcdn.com/scr/113500/frilans-freelancers-and-workplace-html-website-template_113517-2-original.jpg","searchHash":"17562862275612b341c1d54a08410ac3","previewHash":"c38a1667e39e0800e6a116da06d41506","authorNickname":"webstrot","lowLevelTopic":"IT Templates; Web Design Templates; Job Portal Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":87,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Responsive","Admin Panel","Bootstrap","Retina Ready","Mobile Layout Included","Multipurpose","Team Members","Light Template","Dropdown Menu","Google map","Tabs","Blog","Gallery","Portfolio","HTML 5","JQuery","Static"],"galleryScript":["Carousel","CSS and JS","Grid"],"webForms":["Booking Form","Contact Form","Newsletter Subscription","User Registration","Advanced Search","Search Form"],"topic":["IT Templates","Web Design Templates","Design","Job Portal Templates","Design & Photography","Business & Services"],"isFree":"none","color":["black","white","grey","blue"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"937902","bootstrapVersion":"4.0.x","alreadyPacked":"1","marketplaceMembership":"One","excludeExclusive":"Yes","imagesIncluded":"No","tags":["agency","employer","finder","freelancing","hiring","jobs","listings","marketplace","portfolio","project","sell","services","workplace","webstrot","freelancers","gigs","jobboard","prodesk","bids","onlinejob"],"nameOfTheTemplate":"Frilans Freelancers and Workplace HTML Website Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u937902/d00a450d2c11753b8a37fb9ddb5209d2.jpg, https://s3u.tmimgcdn.com/937902-1598706724222_slider_02.jpg, https://s3u.tmimgcdn.com/937902-1598706727971_slider_03.jpg, https://s3u.tmimgcdn.com/937902-1598706732502_slider_04.jpg","shortDescription":"<h3>Frilans Freelancers and workplace HTML template</h3><p>'FRILANS' HTML templates is for freelancer listings with some exciting features and code quality. It has been designed and developed after thorough research to cater to the requirements of people interested in building freelance marketplace or other similar projects. The design is contemporary but at the same time, it focuses on usability, visual hierarchy, and aesthetics to ensure easy navigation for the end users.</p><p>FRILANS HTML template would allow freelancers and employers to register and create their profiles in a few simple steps. Once the task is posted on the marketplace, the freelancers would have the option to submit their proposals for an employer to review.</p><p>Template also has built-in one-to-one message inbox pages to enable users to communicate with each other if they have any questions regarding work proposals etc. It also has a built-in review page that will allow employers to feedback and rate the work carried out by freelancers. with the use of this template you can create the best WordPress theme package with amazing features.</p><p>FRILANS is one of the best Freelance Marketplace &amp; Job Board HTML Templates we design. It includes 21+ HTML pages, projects listings, bidding on projects, sell services, employers listings, and freelancer listings and could be a great choice for making a freelance marketplace.</p><h3>Main Features</h3><ul><li>21+ HTML5 Valid Pages (CSS3)</li><li>02 Home Page Variations</li><li>Login and Register Popup</li><li>Highly Customizable</li><li>Extensive Admin Interface</li><li>Responsive &amp; Retina Ready</li><li>Large collection of useful inner pages</li><li>Portfolio Project Layout</li><li>Project Single page Layout</li><li>Project Bid Options</li><li>Freelancer List Options</li><li>Freelancer Profile</li><li>Freelancer Dashboard</li><li>Message inbox</li><li>Smooth Page Transitions</li><li>Twitter and Instagram social widgets</li><li>Blog List</li><li>Pricing Table</li><li>Featured Jobs, Freelancers</li><li>Powerful freelancers, employers and jobs detail pages</li><li>Very Powerful Theme Options. Profile page settings, Search Settings and much more…</li><li>Unlimited Sidebars</li><li>Google Fonts</li><li>Language Base Search</li><li>Best Design Experience With Homepages</li><li>Super fast loading speed</li><li>Super Clear and Clean Layout</li><li>Compatible with iPhones, Ipads (Responsive layout)</li><li>Designed With Responsiveness in Mind</li><li>Smooth css3 animations</li><li>Working Contact Form</li><li>nice JQuery files: Preloader, Menu…</li><li>Compatible With Major Modern Browsers</li><li>Easy to Use and Easy to Customize</li><li>100% Support</li><li>All files are well-commented and organized</li><li>Active and Hover Options</li><li>Bootstrap 4 Components Compatible</li><li>And Much More...</li></ul><h3><br /></h3><h3>Sources and Credits</h3><ul><li>Fonts : Google Webfonts</li><li>Images : Photodune</li><li>Images : Shutterstock</li><li>Icons : Flaticon</li><li>Icons : Fontawesome</li><li>Images : Unsplash</li><li>Bootstrap</li></ul><h3><br /></h3><h3>Note</h3><p>Please note that images used in live preview are not included in the package. If you have any questions please feel free to email via my user page contact form here. Thank you!</p>","uniqueKeywords":"freelancers,freelancing,gigs,hiring,jobboard,jobs,marketplace,prodesk,sell,services,finder,agency,webstrot,bids,onlinejob,workplace,employer,portfolio,project,listings","advImage":"https://s3u.tmimgcdn.com/u937902/d710b0f3ce500f052b85eacb9f9ef68f.jpg","authorMainScreenshot":"https://s3u.tmimgcdn.com/u937902/a42b4ac0d53155e1f168f8b5186593ea.jpg","dqi":"87","htmlTitle":"Frilans freelancers and workplace HTML template","livePreviewURL":"https://webstrot.com/html/tm/frilans/","metaDescription":"Frilans Freelancers and workplace HTML template'FRILANS' HTML templates is for freelancer listings with some exciting features and code quality. It has been","templateSupportOptions":"[]","productSize":"3582951","bitLyUrl":"https://bit.ly/2DDcM5x","customUrl":"/website-templates/frilans-freelancers-and-workplace-html-website-template-113517.html","demoMetaDescription":"Before you purchase it, get the look and feel of the high quality Frilans Freelancers and Workplace HTML Website Template (#113517) by experiencing the demo preview. Click through the pages, examine the images, press the buttons, explore the features.","lastmod":"2021-12-02T17:40:06-05:00","trendiness":"1","paidSupport":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"frameworks":"None","excerpt":"<p>FRILANS is one of the best Freelance Marketplace &amp; Job Board HTML Templates we design. It includes 21+ HTML pages.</p>","affiliateSells":"1","authorMainScreenshotVersion":"2","changeLog":"## 06 March 2024\n\n- Added new Home page \n- Fixed Speed related issue","changeLogDate":"2024-03-18","saleSells":"1","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 02 May 2024 03:26:09 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=113517&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=113517&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=113517&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 02 May 2024 03:31:09 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://webstrot.com/html/tm/frilans/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#113517 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/113517.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 #113517            </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=113517&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $80                <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>