string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=162395&expand=properties"
string(16756) "[{"templateId":162395,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":100,"categoryName":"Construction Company Templates","templateTitle":"Construction Company Responsive Website Template","templatePreviewHtmlTitle":"Ploting Construction Company &amp; Multi-Purpose Responsive Website Template","templateDemoHtmlTitle":"Demo Preview for Ploting Construction Company &amp; Multi-Purpose Responsive Website Template #162395","typeShortName":"Website","templatePreviewFBTitle":"<p>In the modern world, having a strong online presence is essential for any business, and the construction industry is no exception. \"Ploting Construction Company &amp; Multi-Purpose Responsive Website Template\" is a versatile and dynamic HTML template designed to meet the unique needs of construction companies, contractors, and related businesses. This responsive website template offers a powerful platform to showcase your services, projects, and expertise, while also serving as a multi-purpose solution for various other industries.</p><p>Key Features:</p><ol><li><strong>Responsive Design:</strong> The template is built with a responsive design, ensuring that your website will look great on any device, be it a desktop computer, tablet, or smartphone. This enhances user experience and caters to the mobile-first world.</li><li><strong>Construction-Focused Layout: </strong>The template's design elements, colour scheme, and imagery are tailored to the construction industry. It features high-quality images of construction sites, equipment, and workers, which can be easily replaced with your project photos.</li><li><strong>Multi-Purpose Capabilities:</strong> Although designed with construction in mind, this template is highly customizable and adaptable for various other business types. Whether you're running a tech startup, a marketing agency, or a creative portfolio, this template can be moulded to suit your needs.</li><li><strong>Smooth Navigation:</strong> The template provides intuitive navigation with a well-structured menu, making it easy for visitors to find the information they're looking for. This can include pages for services, project portfolios, about us, testimonials, and contact details.</li><li><strong>Hero Section:</strong> The homepage features an attention-grabbing hero section with a prominent headline and a call to action button, helping you capture your visitors' attention and direct them to the most important parts of your website.</li><li><strong>Service Showcases:</strong> Showcase your construction services with dedicated sections, complete with images, descriptions, and call-to-action buttons, allowing potential clients to learn more about what you offer.</li><li><strong>Project Portfolio:</strong> Display your past projects with elegance, including images, project descriptions, and links to further details. This helps build trust and show your expertise.</li><li><strong>Client Testimonials: </strong>Build credibility and trust with a dedicated section for client testimonials. Share the positive experiences of your satisfied customers.</li><li><strong>Contact Information:</strong> Provide your contact details, including a contact form, interactive map, and address. Make it easy for potential clients to get in touch with you.</li><li><strong>Social Media Integration:</strong> Connect your social media profiles, allowing visitors to follow you and stay updated on your latest news and projects.</li><li><strong>SEO-Friendly:</strong> The template is designed with SEO best practices in mind, helping your website rank higher in search engine results and reach a broader audience.</li><li><strong>Cross-Browser Compatibility:</strong> The template is compatible with all major web browsers, ensuring consistent functionality and appearance for all users.</li><li><strong>Easy Customization:</strong> Customize the template to match your brand's colour scheme, logo, and content. The well-structured code and documentation make it easy for web developers to make adjustments.</li></ol><p>In a digital age where a strong online presence is paramount, \"Ploting Construction Company &amp; Multi-Purpose Responsive Website Template\" provides an excellent solution for construction companies and other businesses seeking a professional and versatile web presence. This template is not only visually appealing but also functional, offering an ideal platform to showcase your work, engage potential clients, and establish your brand's online identity. With this template, your website can serve as a powerful tool for growth, expansion, and success in the digital landscape.</p><h3>Ploting HTML5 Template Features:</h3><ul><li>50+ Pages</li><li>10+ Home page</li><li>Minimal and Clean Design</li><li>HTML5 &amp; CSS3</li><li>100% Responsive</li><li>Supported Modern Devices like Mobile, Tablet and Desktop.</li><li>Powered with Bootstrap 5. x</li><li>Font Awesome 400+ icons</li><li>Google Fonts Added</li><li>Eye-Catching Design</li><li>404 page included</li><li>Easy to Customize</li><li>Multi-Browser Support</li><li>Smooth animation</li><li>Clean code</li><li>Owl carousel</li><li>Working Ajax contact form.</li><li>Well documented</li><li>Google Maps easy to set via data attributes</li></ul>","templateFullTitle":"Ploting Construction Company &amp; Multi-Purpose Responsive Website Template","templatePreviewMetaDescription":"In the modern world, having a strong online presence is essential for any business, and the construction industry is no exception. \"Ploting Construction","templateDemoMetaDescription":"Experience the live preview for the high quality Ploting Construction &amp; Architecture Company Responsive Multipage Website Template (#162395) get yourself familiar with this template prior to buying it. Browse through the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Ploting Construction Company &amp; Multi-Purpose Responsive Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/ploting-construction-amp-architecture-company-responsive-multipage-website-template-162395.html","userRating":0,"designIndex":1,"authorUserId":"1893539","exclusive":"1","state":1,"price":19,"inserted_date":"2021-02-01","sent":0,"downloads":8,"search_words":"apartment build builder building buildings construct constructor corporation electrician house industrial maintenance plumbing repair roofing home building architecture construction services home builder","is_adult":0,"exc_price":2100,"sent_date":"2021-03-07 14:45:43","last_upload":"2023-10-17 12:04:24","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2239129,"templ_id":162395,"filename":"162395-2-original.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2239130,"templ_id":162395,"filename":"162395-2-big.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2239131,"templ_id":162395,"filename":"162395-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":2239132,"templ_id":162395,"filename":"162395-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":2239133,"templ_id":162395,"filename":"162395-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/162395.html","image":"https://s.tmimgcdn.com/scr/162300/ploting-construction-company-amp-multi-purpose-responsive-website-template_162395-2-original.png","searchHash":"c5d053001e8d5484800d2ad28cd1eebc","previewHash":"9f139425203a9b0bceec73a2074b5790","authorNickname":"DevThemeNet","lowLevelTopic":"Construction Company Templates; Welding Templates; Civil Engineering Templates; Interior & Furniture Templates; Web Design Templates; Cement Templates; Timber Templates; Building Materials","weightedRating":null,"annualSale":3,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":15,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Pro","Bootstrap","Multipurpose","Dropdown Menu","Google map","Gallery","HTML 5","JQuery","Parallax"],"styles":["Clean","Corporate","Minimalist","Neutral","Mobile","Flat"],"topic":["Architecture","Construction Company Templates","Welding Templates","Civil Engineering Templates","Industrial Templates","Interior & Furniture Templates","Web Design Templates","Cement Templates","Design","Timber Templates","Design & Photography","Business & Services","Home & Family","Building Materials"],"isFree":"none","color":["white","grey"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","authorUserId":"1893539","imagesIncluded":"No","tags":["apartment","architecture","build","builder","building","buildings","construct","constructor","corporation","electrician","house","industrial","maintenance","plumbing","repair","roofing","home building","construction services","home builder"],"marketplaceMembership":"None","nameOfTheTemplate":"Ploting Construction Company &amp; Multi-Purpose Responsive Website Template","shortDescription":"<p>In the modern world, having a strong online presence is essential for any business, and the construction industry is no exception. \"Ploting Construction Company &amp; Multi-Purpose Responsive Website Template\" is a versatile and dynamic HTML template designed to meet the unique needs of construction companies, contractors, and related businesses. This responsive website template offers a powerful platform to showcase your services, projects, and expertise, while also serving as a multi-purpose solution for various other industries.</p><p>Key Features:</p><ol><li><strong>Responsive Design:</strong> The template is built with a responsive design, ensuring that your website will look great on any device, be it a desktop computer, tablet, or smartphone. This enhances user experience and caters to the mobile-first world.</li><li><strong>Construction-Focused Layout: </strong>The template's design elements, colour scheme, and imagery are tailored to the construction industry. It features high-quality images of construction sites, equipment, and workers, which can be easily replaced with your project photos.</li><li><strong>Multi-Purpose Capabilities:</strong> Although designed with construction in mind, this template is highly customizable and adaptable for various other business types. Whether you're running a tech startup, a marketing agency, or a creative portfolio, this template can be moulded to suit your needs.</li><li><strong>Smooth Navigation:</strong> The template provides intuitive navigation with a well-structured menu, making it easy for visitors to find the information they're looking for. This can include pages for services, project portfolios, about us, testimonials, and contact details.</li><li><strong>Hero Section:</strong> The homepage features an attention-grabbing hero section with a prominent headline and a call to action button, helping you capture your visitors' attention and direct them to the most important parts of your website.</li><li><strong>Service Showcases:</strong> Showcase your construction services with dedicated sections, complete with images, descriptions, and call-to-action buttons, allowing potential clients to learn more about what you offer.</li><li><strong>Project Portfolio:</strong> Display your past projects with elegance, including images, project descriptions, and links to further details. This helps build trust and show your expertise.</li><li><strong>Client Testimonials: </strong>Build credibility and trust with a dedicated section for client testimonials. Share the positive experiences of your satisfied customers.</li><li><strong>Contact Information:</strong> Provide your contact details, including a contact form, interactive map, and address. Make it easy for potential clients to get in touch with you.</li><li><strong>Social Media Integration:</strong> Connect your social media profiles, allowing visitors to follow you and stay updated on your latest news and projects.</li><li><strong>SEO-Friendly:</strong> The template is designed with SEO best practices in mind, helping your website rank higher in search engine results and reach a broader audience.</li><li><strong>Cross-Browser Compatibility:</strong> The template is compatible with all major web browsers, ensuring consistent functionality and appearance for all users.</li><li><strong>Easy Customization:</strong> Customize the template to match your brand's colour scheme, logo, and content. The well-structured code and documentation make it easy for web developers to make adjustments.</li></ol><p>In a digital age where a strong online presence is paramount, \"Ploting Construction Company &amp; Multi-Purpose Responsive Website Template\" provides an excellent solution for construction companies and other businesses seeking a professional and versatile web presence. This template is not only visually appealing but also functional, offering an ideal platform to showcase your work, engage potential clients, and establish your brand's online identity. With this template, your website can serve as a powerful tool for growth, expansion, and success in the digital landscape.</p><h3>Ploting HTML5 Template Features:</h3><ul><li>50+ Pages</li><li>10+ Home page</li><li>Minimal and Clean Design</li><li>HTML5 &amp; CSS3</li><li>100% Responsive</li><li>Supported Modern Devices like Mobile, Tablet and Desktop.</li><li>Powered with Bootstrap 5. x</li><li>Font Awesome 400+ icons</li><li>Google Fonts Added</li><li>Eye-Catching Design</li><li>404 page included</li><li>Easy to Customize</li><li>Multi-Browser Support</li><li>Smooth animation</li><li>Clean code</li><li>Owl carousel</li><li>Working Ajax contact form.</li><li>Well documented</li><li>Google Maps easy to set via data attributes</li></ul>","uniqueKeywords":"apartment,build,builder,building,buildings,construct,constructor,corporation,electrician,house,industrial,maintenance,plumbing,repair,roofing,home building,architecture,construction services,home builder","advImage":"https://s3u.tmimgcdn.com/u1893539/334e705cc8e76df4a4d91cc647c476c4.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1893539/dc1c91cb42d1d5b174db2471f907e8c6.png","livePreviewURL":"https://demo.devtheme.net/html/ploting/","metaDescription":"In the modern world, having a strong online presence is essential for any business, and the construction industry is no exception. \"Ploting Construction","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3oFpq5c","customUrl":"/website-templates/ploting-construction-amp-architecture-company-responsive-multipage-website-template-162395.html","demoMetaDescription":"Experience the live preview for the high quality Ploting Construction &amp; Architecture Company Responsive Multipage Website Template (#162395) get yourself familiar with this template prior to buying it. Browse through the pages, check the images, press the buttons, explore the functionality.","productSize":"77324276","lastmod":"2022-03-14T09:55:36-04:00","paidSupport":"Yes","trendiness":"1","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4"],"designSoftware":["Adobe Photoshop","Figma"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"changeLog":"Version 1.0.4 (October 17, 2023): \nADD: 4 New Home pages added, Menu's issues solved; \nFIX: Minor bug fixes.\n\nVersion 1.0.3 (August 25, 2023): \nADD: Home Page 06, Menu's issues solved; \nFIX: Minor bug fixes.\n\nVersion 1.0.2 (December 23, 2022): \nADD: Home Page 05, Login Page, Registration Page; \nFIX: Minor bug fixes.","changeLogDate":"2023-10-17","bootstrapVersion":"5.3.x","excerpt":"<p>This responsive multipage website template is perfect for construction and architecture companies. It features modern design and easy customization.</p>","frameworks":"None","authorMainScreenshotVersion":"2","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, 25 Apr 2024 16:19:55 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=162395&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=162395&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=162395&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 16:24:55 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://demo.devtheme.net/html/ploting/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#162395 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/162395.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 #162395            </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=162395&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $17                <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>