string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=386512&expand=properties"
string(15073) "[{"templateId":386512,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":411,"categoryName":"Architecture Templates","templateTitle":"Architecture Responsive Website Template","templatePreviewHtmlTitle":"Nestify - Architecture Agency - Real Estate Website Template","templateDemoHtmlTitle":"Live preview for Nestify - Architecture Agency - Real Estate Website Template #386512","typeShortName":"Website","templatePreviewFBTitle":"<p>Nestify: Redefine your online presence! Crafted for architectural excellence, this HTML template blends sophisticated design with robust features. Seamlessly showcase your projects and services, offering visitors an immersive journey through your architectural prowess. With responsive navigation, customizable grids, and engaging contact forms, Nestify ensures a memorable and user-friendly experience. Elevate your agency's identity with a sleek and customizable platform that effortlessly reflects your unique style. Take the digital leap – choose Nestify for an online portfolio that speaks volumes about your architectural brilliance.</p><h3><strong>FEATURES</strong></h3><p><strong>Striking Visuals, Seamless Navigation</strong></p><p>Nestify's sleek and captivating design is sure to leave a lasting impression on your visitors. The template comes with a clean and intuitive layout, ensuring that users can effortlessly navigate through your portfolio, services, and projects. Its responsive design guarantees a seamless experience across various devices, enhancing accessibility for a wider audience.</p><p><strong>Comprehensive Project Showcase</strong></p><p>Highlight your architectural masterpieces with Nestify's dedicated project showcase section. With customizable grids and a user-friendly interface, you can effortlessly display your projects, complete with high-resolution images, project details, and client testimonials. Engage your audience and let your work speak for itself.</p><p><strong>Service-Oriented Sections</strong></p><p>Organize your architectural services with precision using Nestify's thoughtfully designed service sections. Clearly present your offerings, ranging from conceptualization and design to construction management. With Nestify, you have the flexibility to customize each section to reflect your agency's unique strengths and expertise.</p><p><strong>Responsive Contact Forms</strong></p><p>Facilitate seamless communication with potential clients through Nestify's integrated contact forms. Capture leads effectively and provide visitors with an easy way to get in touch. The template's user-friendly forms enhance user engagement, converting visitors into valuable contacts for your architecture agency.</p><p><strong>Effortless Customization</strong></p><p>Tailor Nestify to align with your brand identity effortlessly. The template's easy-to-use customization options allow you to modify colors, fonts, and layouts to suit your agency's unique style. The well-documented code ensures that even those without extensive coding knowledge can personalize their website with ease.</p><ul><li><strong>easy to customize</strong></li><li><strong>dark mode feature</strong></li><li><strong>responsive design</strong></li><li><strong>Bootstrap 5</strong></li><li><strong>Google fonts</strong></li><li><strong>cool animations on scroll</strong></li><li><strong>404 page</strong></li><li><strong>w3 validate</strong></li><li><strong>font-awesome icons</strong></li><li><strong>Sticky Header</strong></li><li><strong>working Contact Us Form</strong></li><li><strong>Well Structured and Commented code</strong></li></ul><p>In summary, Nestify sets the stage for architecture agencies to make a bold statement online. Its striking design, comprehensive features, and easy customization make it an ideal choice for professionals looking to stand out in the competitive digital landscape. Elevate your online presence with Nestify and showcase your architectural brilliance to the world.<strong></strong></p><p><br /></p><h3>FILE INCLUDED</h3><p><br /></p><ul><li><strong>HTML files</strong></li><li><strong>CSS files</strong></li><li><strong>PHP files</strong></li><li><strong>JS files</strong></li><li><strong>Documentation</strong></li></ul><p><br /></p><h3>SOURCES &amp; CREDITS</h3><p><br /></p><ul><li><strong>Bootstrap v5.3</strong></li><li><strong>jQuery library</strong></li><li><strong>jQuery counter-up plugin</strong></li><li><strong>Owl Carousel</strong></li><li><strong>fontawesome icons</strong></li></ul>","templateFullTitle":"Nestify - Architecture Agency - Real Estate Website Template","templatePreviewMetaDescription":"Nestify: Redefine your online presence! Crafted for architectural excellence, this HTML template blends sophisticated design with robust features. Seamlessly","templateDemoMetaDescription":"The demo for this professional Nestify - Architecture Agency - Real Estate Website Template Website Template (#386512) is presented here for you to get the look and feel of the theme before you purchase it. View the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Nestify - Architecture Agency - Real Estate Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/nestify-architecture-agency-real-estate-website-template-386512.html","userRating":0,"designIndex":1,"authorUserId":"78173908","exclusive":"1","state":1,"price":19,"inserted_date":"2024-01-24","sent":0,"downloads":0,"search_words":"agency creative design architecture estate house building modern portfolio company responsive services construction architecture agency real estate builder apartment corporate","is_adult":0,"exc_price":2100,"sent_date":"2024-01-24 12:46:48","last_upload":"2024-02-07 13:31:34","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3359274,"templ_id":386512,"filename":"386512-2-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":3359275,"templ_id":386512,"filename":"386512-2-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":3359276,"templ_id":386512,"filename":"386512-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":3359277,"templ_id":386512,"filename":"386512-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":3359278,"templ_id":386512,"filename":"386512-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/386512.html","image":"https://s.tmimgcdn.com/scr/386500/nestify-architecture-agency-real-estate-website-template_386512-2-original.png","searchHash":"ad18df9abe42646089e1ffba18a8c501","previewHash":"79cbeaaed1e41e001dad920ac96446a2","authorNickname":"erramix","lowLevelTopic":"Architecture; Real Estate Agency Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":125,"onSale":0,"finalPrice":17,"discountPercent":0,"discountAmount":0,"semiannualSales":null,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Mobile Layout Included","Real Estate Catalog","Light Template","Dropdown Menu","Performance Optimization","Blog","Gallery","Portfolio","HTML 5","JQuery","HTML plus JS","Lazy Load effect"],"styles":["Clean","Web2.0","Flat"],"isLastAdded":"1","popularity":"Zero Downloads","topic":["Architecture","Real Estate Agency Templates","Real Estate Templates","Design","Design & Photography","Home & Family"],"isFree":"none","color":["black","white","grey"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["agency","apartment","architecture","builder","building","company","construction","corporate","creative","design","estate","house","modern","portfolio","responsive","services","real estate","architecture agency"],"paidSupport":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"bootstrapVersion":"5.3.x","authorUserId":"78173908","frameworks":"None","excerpt":"<p>Nestify: Elevate your architecture agency online! Showcase projects beautifully with sleek design &amp; seamless navigation.</p>","nameOfTheTemplate":"Nestify - Architecture Agency - Real Estate Website Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78173908/3143a0fb8a868a87d1f4987da4184056.png, https://s3u.tmimgcdn.com/u78173908/a89b05f4c7c729515f7d1d3b057a979b.png, https://s3u.tmimgcdn.com/u78173908/488723c90bbf214c8fccf9cd2c3caf3e.png, https://s3u.tmimgcdn.com/u78173908/0adf61c062dab242767c843512054b6a.png, https://s3u.tmimgcdn.com/u78173908/5cc4ce5baac9f146e5a60d6bd998bfc2.png, https://s3u.tmimgcdn.com/u78173908/e71d6f6a92025a7138b76fdcd2d56c14.png","shortDescription":"<p>Nestify: Redefine your online presence! Crafted for architectural excellence, this HTML template blends sophisticated design with robust features. Seamlessly showcase your projects and services, offering visitors an immersive journey through your architectural prowess. With responsive navigation, customizable grids, and engaging contact forms, Nestify ensures a memorable and user-friendly experience. Elevate your agency's identity with a sleek and customizable platform that effortlessly reflects your unique style. Take the digital leap – choose Nestify for an online portfolio that speaks volumes about your architectural brilliance.</p><h3><strong>FEATURES</strong></h3><p><strong>Striking Visuals, Seamless Navigation</strong></p><p>Nestify's sleek and captivating design is sure to leave a lasting impression on your visitors. The template comes with a clean and intuitive layout, ensuring that users can effortlessly navigate through your portfolio, services, and projects. Its responsive design guarantees a seamless experience across various devices, enhancing accessibility for a wider audience.</p><p><strong>Comprehensive Project Showcase</strong></p><p>Highlight your architectural masterpieces with Nestify's dedicated project showcase section. With customizable grids and a user-friendly interface, you can effortlessly display your projects, complete with high-resolution images, project details, and client testimonials. Engage your audience and let your work speak for itself.</p><p><strong>Service-Oriented Sections</strong></p><p>Organize your architectural services with precision using Nestify's thoughtfully designed service sections. Clearly present your offerings, ranging from conceptualization and design to construction management. With Nestify, you have the flexibility to customize each section to reflect your agency's unique strengths and expertise.</p><p><strong>Responsive Contact Forms</strong></p><p>Facilitate seamless communication with potential clients through Nestify's integrated contact forms. Capture leads effectively and provide visitors with an easy way to get in touch. The template's user-friendly forms enhance user engagement, converting visitors into valuable contacts for your architecture agency.</p><p><strong>Effortless Customization</strong></p><p>Tailor Nestify to align with your brand identity effortlessly. The template's easy-to-use customization options allow you to modify colors, fonts, and layouts to suit your agency's unique style. The well-documented code ensures that even those without extensive coding knowledge can personalize their website with ease.</p><ul><li><strong>easy to customize</strong></li><li><strong>dark mode feature</strong></li><li><strong>responsive design</strong></li><li><strong>Bootstrap 5</strong></li><li><strong>Google fonts</strong></li><li><strong>cool animations on scroll</strong></li><li><strong>404 page</strong></li><li><strong>w3 validate</strong></li><li><strong>font-awesome icons</strong></li><li><strong>Sticky Header</strong></li><li><strong>working Contact Us Form</strong></li><li><strong>Well Structured and Commented code</strong></li></ul><p>In summary, Nestify sets the stage for architecture agencies to make a bold statement online. Its striking design, comprehensive features, and easy customization make it an ideal choice for professionals looking to stand out in the competitive digital landscape. Elevate your online presence with Nestify and showcase your architectural brilliance to the world.<strong></strong></p><p><br /></p><h3>FILE INCLUDED</h3><p><br /></p><ul><li><strong>HTML files</strong></li><li><strong>CSS files</strong></li><li><strong>PHP files</strong></li><li><strong>JS files</strong></li><li><strong>Documentation</strong></li></ul><p><br /></p><h3>SOURCES &amp; CREDITS</h3><p><br /></p><ul><li><strong>Bootstrap v5.3</strong></li><li><strong>jQuery library</strong></li><li><strong>jQuery counter-up plugin</strong></li><li><strong>Owl Carousel</strong></li><li><strong>fontawesome icons</strong></li></ul>","uniqueKeywords":"agency,creative,design,architecture,estate,house,building,modern,portfolio,company,responsive,services,construction,architecture agency,real estate,builder,apartment,corporate","advImage":"https://s3u.tmimgcdn.com/u78173908/1bc35177ae0353a8c9528c55ab542ba3.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78173908/aa520276d6403d056f30ffc8e21178ef.png","livePreviewURL":"https://erramix-themes.com/nestify/","metaDescription":"Nestify: Redefine your online presence! Crafted for architectural excellence, this HTML template blends sophisticated design with robust features. Seamlessly","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"The demo for this professional Nestify - Architecture Agency - Real Estate Website Template Website Template (#386512) is presented here for you to get the look and feel of the theme before you purchase it. View the pages, check out the images, click the buttons, explore the functionality.","customUrl":"/website-templates/nestify-architecture-agency-real-estate-website-template-386512.html","productSize":"4563698","authorMainScreenshotVersion":"2","changeLog":"january 26,2024\n\n-added 404 page\n-added dark mode feature\n-added aos animations","changeLogDate":"2024-02-07","trendiness":"7","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: Mon, 29 Apr 2024 05:30:56 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=386512&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=386512&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=386512&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 29 Apr 2024 05:35:56 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://erramix-themes.com/nestify/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#386512 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/386512.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 #386512            </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=386512&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>