string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=361783&expand=properties"
string(12631) "[{"templateId":361783,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":104,"categoryName":"Artist Portfolio Templates","templateTitle":"Artist Portfolio Responsive Website Template","templatePreviewHtmlTitle":"Boros – Portfolio Multi-Language Creative React Template","templateDemoHtmlTitle":"Demo Preview for Boros – Portfolio Multi-Language Creative React Template #361783","typeShortName":"Website","templatePreviewFBTitle":"<h2>Boros - Multi-Language React Agency and Portfolio Template</h2><p><br /></p><p>One-time purchase and get lifetime access!</p><p><br /></p><p>Boros is a modern and versatile React template built on React 18.2+, Bulma 0.9.4, emailjs-com 3.2+, react-i18next 13.2, react-icons 4.11.0, react-mixitup 4.0.6, swiper 6.8.4, typed.js 2.0.16, and aos 2.3.4. It offers 09 pages variations, multi-language support for German and English, and is designed for a wide range of portfolio websites.</p><p><br /></p><h3>Key Features</h3><p><br /></p><ol><li>Built on React 18.2, Bulma 5.3.0</li><li>24+ Niche Variations. Click to View Demo</li><li>Functional Components</li><li>Multi-language Support</li><li>Dynamic Contact Form</li><li>AOS Scroll Animation</li><li>Retina Ready</li><li>Responsive in Any Device</li><li>Creative Layout</li><li>Fast, Lightweight &amp; Powerful</li><li>Smooth Transition Effects</li><li>Firebase Hosting Enabled</li><li>ES6+</li><li>Integrated with FontAwesome &amp; Flaticon</li><li>SEO Friendly</li><li>Developer Friendly</li><li>W3 Valid</li><li>Well Commented Code</li><li>Easily Customizable</li><li>Detailed Documentation</li></ol><p><br /></p><h3>About Boros</h3><p><br /></p><p>Boros is a new modern responsive React template, built with ReactJS and Bulma. It offers multi-niche portfolio demos for various purposes including Creative Agency, IT Agency, SEO Marketing Agency, Videography Agency, Business Agency, Software Startup, Digital Marketing, Business Consulting, Freelancer Portfolio, App Showcase, Personal Portfolio, Cyber Security Agency, IT Startups, IT Agency, and IT Solutions Company. It is designed to look engaging and attractive on all screens and devices, including Windows, Mac, iOS, Android, etc.</p><p><br /></p><p>Boros is fast, lightweight, clean, and contains W3 valid source code. The template is easily customizable and expandable with detailed documentation. The Envytheme TemplateMonster Featured Author provides 24-hour turnaround support, ensuring quick, dedicated, and professional assistance.</p><p><br /></p><h3>Support</h3><p><br /></p><p>We provide support for 6 months after purchasing the template</p><p><br /></p><h3>What do you get?</h3><p><br /></p><p>When you download this template, you will receive:</p><p><br /></p><p>- Template source code</p><p>- Documentation</p><p><br /></p><h3>Important Note</h3><p><br /></p><p>Images is only for demo purposes and are not included in the download bundle. For original assets, a support ticket needs to be submitted.</p><p><br /></p><h3>Sources and Credits</h3><p><br /></p><p>- React</p><p>- Next.js</p><p>- ES6+</p><p>- Bulma</p><p>- AOS Animation</p><p>- Animate CSS</p><p>- FontAwesome</p>","templateFullTitle":"Boros – Portfolio Multi-Language Creative React Template","templatePreviewMetaDescription":"Boros - Multi-Language React Agency and Portfolio TemplateOne-time purchase and get lifetime access!Boros is a modern and versatile React template built on","templateDemoMetaDescription":"Before you decide to buy it, get the feel and look of the premium Boros - Multi-Language React Agency and Portfolio Template Website Template (#361783) by experiencing the live preview. View the pages, examine the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Boros – Portfolio Multi-Language Creative React Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/boros-multi-language-react-agency-and-portfolio-template-361783.html","userRating":0,"designIndex":1,"authorUserId":"78275118","exclusive":"1","state":1,"price":14,"inserted_date":"2023-09-29","sent":0,"downloads":2,"search_words":"agency business clean company consulting corporate creative fashion gallery minimal responsive portfolio photographer photo multipurpose personal modern models style marketing","is_adult":0,"exc_price":2100,"sent_date":"2023-09-29 11:07:58","last_upload":"2024-04-10 13:02:31","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3235664,"templ_id":361783,"filename":"361783-original.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3235665,"templ_id":361783,"filename":"361783-big.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3235666,"templ_id":361783,"filename":"361783-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":3235667,"templ_id":361783,"filename":"361783-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":3235668,"templ_id":361783,"filename":"361783-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/361783.html","image":"https://s.tmimgcdn.com/scr/361700/boros-portfolio-multi-language-creative-react-template_361783-original.png","searchHash":"4b5004fcc2a5de901b3d686b90742ea5","previewHash":"26bd8666c702f7970f51b16a821adc05","authorNickname":"AchrafThemes","lowLevelTopic":"Artist Portfolio Templates; Photographer Portfolio Templates; Model Agency Templates; Model Portfolio Templates; Designer Portfolio Templates","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":12,"discountPercent":0,"discountAmount":0,"semiannualSales":2,"properties":{"features":["Premium","Responsive","Pro","Mobile Layout Included","Multipurpose","Light Template","Single Product","Dropdown Menu","Google map","Sample content","Tabs","Drag and Drop Content","Blog","Gallery","Portfolio","Forum","One Page Templates","Completely JS","Static","Lazy Load effect","One click installation"],"styles":["Clean","Web2.0","Mobile"],"isLastAdded":"1","topic":["Art Templates","Artist Portfolio Templates","Photography Templates","Photographer Portfolio Templates","Model Agency Templates","Model Portfolio Templates","Fashion Templates","Design","Designer Portfolio Templates","Art & Culture","Design & Photography","Fashion & Beauty"],"isFree":"none","color":["white","purple"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["agency","business","clean","company","consulting","corporate","creative","fashion","gallery","marketing","minimal","models","modern","multipurpose","personal","photo","photographer","portfolio","responsive","style"],"paidSupport":"Yes","frameworks":["React.js v17.x","React.js v16.x","React.js v18.x"],"webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"designSoftware":["Adobe Photoshop","Figma"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorUserId":"78275118","excerpt":"<p>Boros is a new modern responsive React template, built with ReactJS and Bulma. It offers multi-niche portfolio demos for various purposes</p>","nameOfTheTemplate":"Boros – Portfolio Multi-Language Creative React Template","shortDescription":"<h2>Boros - Multi-Language React Agency and Portfolio Template</h2><p><br /></p><p>One-time purchase and get lifetime access!</p><p><br /></p><p>Boros is a modern and versatile React template built on React 18.2+, Bulma 0.9.4, emailjs-com 3.2+, react-i18next 13.2, react-icons 4.11.0, react-mixitup 4.0.6, swiper 6.8.4, typed.js 2.0.16, and aos 2.3.4. It offers 09 pages variations, multi-language support for German and English, and is designed for a wide range of portfolio websites.</p><p><br /></p><h3>Key Features</h3><p><br /></p><ol><li>Built on React 18.2, Bulma 5.3.0</li><li>24+ Niche Variations. Click to View Demo</li><li>Functional Components</li><li>Multi-language Support</li><li>Dynamic Contact Form</li><li>AOS Scroll Animation</li><li>Retina Ready</li><li>Responsive in Any Device</li><li>Creative Layout</li><li>Fast, Lightweight &amp; Powerful</li><li>Smooth Transition Effects</li><li>Firebase Hosting Enabled</li><li>ES6+</li><li>Integrated with FontAwesome &amp; Flaticon</li><li>SEO Friendly</li><li>Developer Friendly</li><li>W3 Valid</li><li>Well Commented Code</li><li>Easily Customizable</li><li>Detailed Documentation</li></ol><p><br /></p><h3>About Boros</h3><p><br /></p><p>Boros is a new modern responsive React template, built with ReactJS and Bulma. It offers multi-niche portfolio demos for various purposes including Creative Agency, IT Agency, SEO Marketing Agency, Videography Agency, Business Agency, Software Startup, Digital Marketing, Business Consulting, Freelancer Portfolio, App Showcase, Personal Portfolio, Cyber Security Agency, IT Startups, IT Agency, and IT Solutions Company. It is designed to look engaging and attractive on all screens and devices, including Windows, Mac, iOS, Android, etc.</p><p><br /></p><p>Boros is fast, lightweight, clean, and contains W3 valid source code. The template is easily customizable and expandable with detailed documentation. The Envytheme TemplateMonster Featured Author provides 24-hour turnaround support, ensuring quick, dedicated, and professional assistance.</p><p><br /></p><h3>Support</h3><p><br /></p><p>We provide support for 6 months after purchasing the template</p><p><br /></p><h3>What do you get?</h3><p><br /></p><p>When you download this template, you will receive:</p><p><br /></p><p>- Template source code</p><p>- Documentation</p><p><br /></p><h3>Important Note</h3><p><br /></p><p>Images is only for demo purposes and are not included in the download bundle. For original assets, a support ticket needs to be submitted.</p><p><br /></p><h3>Sources and Credits</h3><p><br /></p><p>- React</p><p>- Next.js</p><p>- ES6+</p><p>- Bulma</p><p>- AOS Animation</p><p>- Animate CSS</p><p>- FontAwesome</p>","uniqueKeywords":"agency,business,clean,company,consulting,corporate,creative,fashion,gallery,minimal,responsive,portfolio,photographer,photo,multipurpose,personal,modern,models,style,marketing","advImage":"https://s3u.tmimgcdn.com/u78275118/d6a40be0ec280bfa3e5aa74940174d9b.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78275118/26242c8d21c7a90d59052005b6a62071.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78275118/4d951a4673cc223ada6fb781107ef772.png(https://www.templatemonster.com/website-templates/boros-creative-portfolio-html-template-354779.html?_gl=1*cmevxk*_ga*MjM0Mzg5MDIzLjE2OTIyOTE2MjU.*_ga_FTPYEGT5LY*MTY5NTkzMDQ0NS4yNDMuMS4xNjk1OTMwNzQ2LjYwLjAuMA..&_ga=2.173608544.294300806.1695721583-234389023.1692291625), https://s3u.tmimgcdn.com/u78275118/768ae75c00de2141fd96fa116700a168.png, https://s3u.tmimgcdn.com/u78275118/4a4085bc08b5bafbd0411ed4daf70c41.png","livePreviewURL":"https://www.boros.v2.lafkiri.com/","metaDescription":"Boros - Multi-Language React Agency and Portfolio TemplateOne-time purchase and get lifetime access!Boros is a modern and versatile React template built on","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Before you decide to buy it, get the feel and look of the premium Boros - Multi-Language React Agency and Portfolio Template Website Template (#361783) by experiencing the live preview. View the pages, examine the images, press the buttons, explore the functionality.","customUrl":"/website-templates/boros-multi-language-react-agency-and-portfolio-template-361783.html","productSize":"22051734","changeLog":"# 30/03/2024\n- Added some css animations\n- Update CSS imports, add shine effect to images, increase font size in breadcrumb, update footer copyright information, add smooth scrolling to top","trendiness":"1","changeLogDate":"2024-04-10","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: Sat, 27 Apr 2024 12:50:34 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=361783&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=361783&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=361783&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 27 Apr 2024 12:55:34 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://www.boros.v2.lafkiri.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#361783 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/361783.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 #361783            </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=361783&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $13                <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>