string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=258380&expand=properties"
string(14555) "[{"templateId":258380,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":100,"categoryName":"Construction Company Templates","templateTitle":"Construction Company Responsive Website Template","templatePreviewHtmlTitle":"Ploting Construction &amp; Architecture React JS Template","templateDemoHtmlTitle":"Live preview for Ploting Construction &amp; Architecture React JS Template #258380","typeShortName":"Website","templatePreviewFBTitle":"<p>Construction and architecture are two industries that have always been in high demand. The world is constantly evolving and changing, and new buildings and structures are needed to keep up with the pace. In today's world, having a strong online presence is crucial, and that's where the <strong>Ploting </strong>Construction &amp; Architecture React JS Template comes in.</p><p>This template is designed specifically for construction and architecture companies to create a stunning website that showcases their work and services. With its modern and sleek design, it's sure to attract potential clients and set your business apart from the competition.</p><p>One of the key features of the <strong>Ploting </strong>Construction &amp; Architecture React JS Template is its responsiveness. It's designed to look great on all devices, from desktop computers to mobile phones. This is important because many people use their mobile devices to browse the internet, and if your website isn't optimized for mobile, you could be missing out on potential clients.</p><p>The template also comes with a variety of pre-built pages, including a home page, services page, projects page, about us page, and contact us page. These pages can be customized to suit your specific needs, and you can add additional pages if necessary.</p><p>Another great feature of this template is its ease of use. It's built with React JS, which is a popular and powerful JavaScript library for building user interfaces. Even if you're not familiar with React JS, the template is designed to be easy to customize and modify.</p><p>In addition to its design and functionality, the <strong>Ploting </strong>Construction &amp; Architecture React JS Template is also search engine optimized. This means that it's designed to be easily found by search engines like Google, which can help drive more traffic to your website.</p><p>Overall, the <strong>Ploting </strong>Construction &amp; Architecture React JS Template is an attractive and effective solution for construction and architecture companies looking to create a strong online presence. With its modern design, responsiveness, ease of use, and search engine optimization, it's sure to impress potential clients and help grow your business.</p><h2><strong>Why Choose?</strong></h2><p><strong>Ploting </strong>Construction and Architecture React JS template for construction company, building services, architecture, engineering, cleaning services and other construction related services. <strong>Ploting </strong>has a fully responsive layout that looks beautiful in any shape, be it a laptop screen, iPad, iPhone, Android mobile or tablet.</p><h2><strong>Cross-Browser Compatibility:</strong></h2><p>Cross-browser compatibility Works perfectly and undisturbedly with all the popular and most common browsers like Firefox, Safari, Opera, Chrome, Edge, etc.</p><h2><strong>Lifetime Free Updates:</strong></h2><p>For every purchase of the template. All the customers will receive updates to our template free of charge for a lifetime.</p><h2><strong>Responsive &amp; Retina Ready :</strong></h2><p>The appearance of your website on mobile devices is very important those days. So we made sure the law looks great on both android, desktop and retina screens!</p><h2><strong>Well Documented:</strong></h2><p>Documentation is a very significant part of a digital product. It can make a product simple and easy to use. That's what we believe. So we provide usable and easily understandable documentation.</p><h2><strong>Features List:</strong></h2><ul><li>Owl Slider</li><li>Breadcrumb Banner</li><li>Speed Optimized</li><li>Unique Design</li><li>Bootstrap 4.x</li><li>27×7 Support</li><li>Fully Responsive</li><li>Developer Friendly Code</li><li>Modern Design</li><li>Cross-Browser Support</li><li>Clean code</li><li>Google Fonts</li><li>Easy to Customize</li><li>Fonts Awesome Icons</li><li>Well Documentation</li><li>Flexible Menu</li></ul><h2><strong>Sources and Credits:</strong></h2><ul><li>Twitter Bootstrap</li><li>jQuery</li><li>Google Fonts</li></ul>","templateFullTitle":"Ploting Construction &amp; Architecture React JS Template","templatePreviewMetaDescription":"Construction and architecture are two industries that have always been in high demand. The world is constantly evolving and changing, and new buildings and","templateDemoMetaDescription":"Before you decide to buy it, get familiar with the Ploting Construction &amp; Architecture React JS Template Website Template (#258380) by enjoying the live preview. View the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Ploting Construction &amp; Architecture React JS Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/ploting-construction-amp-architecture-react-js-template-258380.html","userRating":0,"designIndex":1,"authorUserId":"1893539","exclusive":"1","state":1,"price":41,"inserted_date":"2022-07-05","sent":0,"downloads":4,"search_words":"agency apartment architecture broker build builder building business catalogue company construction decoration house interior portfolio property devthemenetppc","is_adult":0,"exc_price":2100,"sent_date":"2022-07-05 11:38:52","last_upload":"2024-07-26 09:58:19","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2718731,"templ_id":258380,"filename":"258380-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2718732,"templ_id":258380,"filename":"258380-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2718733,"templ_id":258380,"filename":"258380-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":2718734,"templ_id":258380,"filename":"258380-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":2718735,"templ_id":258380,"filename":"258380-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/258380.html","image":"https://s.tmimgcdn.com/scr/258300/ploting-construction-amp-architecture-react-js-template_258380-original.jpg","searchHash":"eb7035535916348b1c527622c4eb6c38","previewHash":"9ccef0dad65fda2b316c35d107de77a6","authorNickname":"DevThemeNet","lowLevelTopic":"Construction Company Templates; Interior Design Templates; Real Estate Agency Templates; Home Staging Templates; Housewares Templates","weightedRating":null,"annualSale":3,"monthlySales":0,"quarterlySales":1,"productBoost":125,"onSale":1,"finalPrice":29,"discountPercent":30,"discountAmount":12,"semiannualSales":1,"properties":{"features":["Responsive","Search Engine Friendly","Bootstrap","Retina Ready","Mobile Layout Included","Multipurpose","Light Template","Dropdown Menu","Blog","Gallery","Portfolio","HTML plus JS","Lazy Load effect"],"styles":["Clean","Corporate"],"isLastAdded":"1","topic":["Architecture","Construction Company Templates","Interior Design Templates","Real Estate Agency Templates","Home Staging Templates","Interior & Furniture Templates","Real Estate Templates","Design","Housewares Templates","Design & Photography","Home & Family"],"isFree":"none","color":["white","grey","yellow"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","authorUserId":"1893539","imagesIncluded":"No","tags":["agency","apartment","architecture","broker","build","builder","building","business","catalogue","company","construction","decoration","house","interior","portfolio","property","devthemenetppc"],"bootstrapVersion":"4.1.x","paidSupport":"Yes","nameOfTheTemplate":"Ploting Construction &amp; Architecture React JS Template","shortDescription":"<p>Construction and architecture are two industries that have always been in high demand. The world is constantly evolving and changing, and new buildings and structures are needed to keep up with the pace. In today's world, having a strong online presence is crucial, and that's where the <strong>Ploting </strong>Construction &amp; Architecture React JS Template comes in.</p><p>This template is designed specifically for construction and architecture companies to create a stunning website that showcases their work and services. With its modern and sleek design, it's sure to attract potential clients and set your business apart from the competition.</p><p>One of the key features of the <strong>Ploting </strong>Construction &amp; Architecture React JS Template is its responsiveness. It's designed to look great on all devices, from desktop computers to mobile phones. This is important because many people use their mobile devices to browse the internet, and if your website isn't optimized for mobile, you could be missing out on potential clients.</p><p>The template also comes with a variety of pre-built pages, including a home page, services page, projects page, about us page, and contact us page. These pages can be customized to suit your specific needs, and you can add additional pages if necessary.</p><p>Another great feature of this template is its ease of use. It's built with React JS, which is a popular and powerful JavaScript library for building user interfaces. Even if you're not familiar with React JS, the template is designed to be easy to customize and modify.</p><p>In addition to its design and functionality, the <strong>Ploting </strong>Construction &amp; Architecture React JS Template is also search engine optimized. This means that it's designed to be easily found by search engines like Google, which can help drive more traffic to your website.</p><p>Overall, the <strong>Ploting </strong>Construction &amp; Architecture React JS Template is an attractive and effective solution for construction and architecture companies looking to create a strong online presence. With its modern design, responsiveness, ease of use, and search engine optimization, it's sure to impress potential clients and help grow your business.</p><h2><strong>Why Choose?</strong></h2><p><strong>Ploting </strong>Construction and Architecture React JS template for construction company, building services, architecture, engineering, cleaning services and other construction related services. <strong>Ploting </strong>has a fully responsive layout that looks beautiful in any shape, be it a laptop screen, iPad, iPhone, Android mobile or tablet.</p><h2><strong>Cross-Browser Compatibility:</strong></h2><p>Cross-browser compatibility Works perfectly and undisturbedly with all the popular and most common browsers like Firefox, Safari, Opera, Chrome, Edge, etc.</p><h2><strong>Lifetime Free Updates:</strong></h2><p>For every purchase of the template. All the customers will receive updates to our template free of charge for a lifetime.</p><h2><strong>Responsive &amp; Retina Ready :</strong></h2><p>The appearance of your website on mobile devices is very important those days. So we made sure the law looks great on both android, desktop and retina screens!</p><h2><strong>Well Documented:</strong></h2><p>Documentation is a very significant part of a digital product. It can make a product simple and easy to use. That's what we believe. So we provide usable and easily understandable documentation.</p><h2><strong>Features List:</strong></h2><ul><li>Owl Slider</li><li>Breadcrumb Banner</li><li>Speed Optimized</li><li>Unique Design</li><li>Bootstrap 4.x</li><li>27×7 Support</li><li>Fully Responsive</li><li>Developer Friendly Code</li><li>Modern Design</li><li>Cross-Browser Support</li><li>Clean code</li><li>Google Fonts</li><li>Easy to Customize</li><li>Fonts Awesome Icons</li><li>Well Documentation</li><li>Flexible Menu</li></ul><h2><strong>Sources and Credits:</strong></h2><ul><li>Twitter Bootstrap</li><li>jQuery</li><li>Google Fonts</li></ul>","uniqueKeywords":"agency,apartment,architecture,broker,build,builder,building,business,catalogue,company,construction,decoration,house,interior,portfolio,property,devthemenetppc","advImage":"https://s3u.tmimgcdn.com/u1893539/3bd091a9f41648469313fc4333b0fb0c.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1893539/6cd5a6656fb78a4452c7e47a7fa465b1.jpg","livePreviewURL":"https://ploting-react.devtheme.net/","metaDescription":"Construction and architecture are two industries that have always been in high demand. The world is constantly evolving and changing, and new buildings and","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3NEjiqw","demoMetaDescription":"Before you decide to buy it, get familiar with the Ploting Construction &amp; Architecture React JS Template Website Template (#258380) by enjoying the live preview. View the pages, check the images, click the buttons, explore the functionality.","customUrl":"/website-templates/ploting-construction-amp-architecture-react-js-template-258380.html","productSize":"33239467","trendiness":"1","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"designSoftware":["Adobe Photoshop","Figma","Adobe Illustrator"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Ploting is a modern React JS template designed for construction &amp; architecture websites. Packed with features, it's perfect for any project.</p>","frameworks":"React.js v18.x","changeLog":"Version 1.0 (May 05, 2024): Initial release.","changeLogDate":"2024-07-26","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: Sun, 01 Dec 2024 06:12:20 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=258380&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=258380&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=258380&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 01 Dec 2024 06:17:20 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://ploting-react.devtheme.net/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#258380 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/258380.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 #258380            </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=258380&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $36                <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>