string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=319524&expand=properties"
string(13210) "[{"templateId":319524,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":313,"categoryName":"Real Estate Agency Templates","templateTitle":"Real Estate Agency Responsive Website Template","templatePreviewHtmlTitle":"EstatePro - Real Estate HTML Template - TemplateMonster","templateDemoHtmlTitle":"Live preview for EstatePro - Real Estate HTML Template #319524","typeShortName":"Website","templatePreviewFBTitle":"<h2>EstatePro - Real Estate HTML Template</h2><p>Are you a real estate agent or broker searching for a modern and sleek website template to showcase your properties? Look no further than EstatePro, the perfect solution for all your real estate website needs.EstatePro's clean and contemporary design is ideal for showcasing your listings in style. The user-friendly interface and responsive layout make it easy for potential clients to navigate your website and find the perfect property for their needs.</p><p>One of the key benefits of EstatePro is its flexibility. Whether you're selling luxury condos, cozy family homes, or commercial properties, this template can be customized to suit your specific requirements. But perhaps the biggest advantage of EstatePro is the amount of time and money it can save you. With its easy-to-use interface and intuitive design, you can create a professional-looking website. And as it is a one-time purchase with no recurring fees, you can save a significant amount of money compared to hiring a web developer.</p><p>Don't miss out on the opportunity to take your real estate business to the next level with EstatePro. Try it today and see how it can make a significant difference to your online presence.</p><h3>Full Features List</h3><ul><li>100% Fluid Responsive – Fits any device perfectly</li><li>Clean Code</li><li>Tested on real devices</li><li>Flexible Layout</li><li>Flat, modern, and clean design.</li><li>Retina Optimised</li><li>Google Maps with multiple locations</li><li>Social Links</li><li>Bottom Footer Widgets</li><li>Clean & Commented Code</li><li>Advanced Typography</li><li>Custom Font Support</li><li>Unlimited Page Included</li><li>Pixel Perfect Design</li><li>Built on Bootstrap 5</li><li>Valid HTML5 & CSS3 Files</li><li>Unlimited Blog Pages</li><li>Cross Browser Compatibility</li><li>Detailed Oriented Listing</li><li>Parallax effect</li><li>Awesome Unique Look</li><li>Unique effects and functionality</li><li>Google font</li><li>Quick, Dedicated & Professional Support</li><li>Well Documented & More….</li></ul><h3>Flexible Menu                                                                                                                                                            </h3><p>EstatePro has an awesome menu that has sticky and transparent options. The mobile menu was designed as an off-canvas.</p><h3>Cross Browser Compatibility                                                                                                                                                           </h3><p>Cross-browser compatibility Works perfectly and seamlessly with all the popular and most common browsers like Firefox, Safari, Opera, Chrome, Edge, etc.</p><h3>Lifetime Free Updates                                                                                                                                                           </h3><p>All the customers will receive updates to our EstatePro Template free of charge for a lifetime.</p><h3>File included                                                                                                                                                           </h3><ul><li>HTML files</li><li>CSS files</li><li>JS files</li><li>SCSS files</li><li>Documentation in HTML</li></ul>","templateFullTitle":"EstatePro - Real Estate HTML Template","templatePreviewMetaDescription":"EstatePro - Real Estate HTML TemplateAre you a real estate agent or broker searching for a modern and sleek website template to showcase your properties? Look","templateDemoMetaDescription":"The demo preview for this professional EstatePro - Real Estate HTML Template Website Template (#319524) is presented here for you to get the feel and look of the design before you purchase it. Click through the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"EstatePro - Real Estate HTML Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/estatepro-real-estate-html-template-319524.html","userRating":0,"designIndex":1,"authorUserId":"78086583","exclusive":"1","state":1,"price":49,"inserted_date":"2023-03-02","sent":0,"downloads":0,"search_words":"directory directory listing google maps home house house rent interior design property property listing real estate real estate agency real estate html real estate listing realtor rental constructions finance estate apartment real","is_adult":0,"exc_price":2100,"sent_date":"2023-03-02 13:54:15","last_upload":"2023-03-02 14:13:45","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"319524-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":319524,"width":1600,"window_params":"","banner_url":"","id":3024364,"href":"","height":1000},{"scr_type_id":311,"filename":"319524-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":319524,"width":1600,"window_params":"","banner_url":"","id":3024365,"href":"","height":1000},{"scr_type_id":312,"filename":"319524-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":319524,"width":370,"window_params":"","banner_url":"","id":3024366,"href":"","height":370},{"scr_type_id":9,"filename":"319524-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":319524,"width":145,"window_params":"","banner_url":"","id":3024367,"href":"","height":156},{"scr_type_id":57,"filename":"319524-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":319524,"width":430,"window_params":"","banner_url":"","id":3024368,"href":"","height":269}],"demoUrl":"/demo/319524.html","image":"https://s.tmimgcdn.com/scr/319500/estatepro-real-estate-html-template_319524-original.jpg","searchHash":"d06c366dd1508f71030ec190d51e8bd0","previewHash":"6f8b0937e900f44447326919fa59d867","authorNickname":"Softivus","lowLevelTopic":"Real Estate Agency Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":0,"onSale":0,"finalPrice":49,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["white","grey"],"followUpLetter":"website-template-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"29049993","uniqueKeywords":"directory,directory listing,google maps,home,house,house rent,interior design,property,property listing,real estate,real estate agency,real estate html,real estate listing,realtor,rental,constructions,finance,estate,apartment,real","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"EstatePro - Real Estate HTML TemplateAre you a real estate agent or broker searching for a modern and sleek website template to showcase your properties? Look","isLastAdded":"1","bootstrapVersion":"5.2.x","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78086583/82f9ed95225ebee82efa5ac425afeb9a.jpg, https://s3u.tmimgcdn.com/u78086583/588d3d8fb2a4621cc0cff0e12cccf18c.jpg, https://s3u.tmimgcdn.com/u78086583/a5be0a4e41dea8a2063e7050803f83f7.jpg, https://s3u.tmimgcdn.com/u78086583/8c3169530ab04c8e126fad5b9195a64e.jpg","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Retina Ready","Mobile Layout Included","Multipurpose","Team Members","Real Estate Catalog","GPL License","Light Template","Dropdown Menu","Google map","Tabs","Performance Optimization","Blog","Gallery","Portfolio","One Page Templates","HTML 5","JQuery","HTML plus JS","Static","Lazy Load effect"],"saleSells":"1","livePreviewURL":"https://pixner.net/estatepro/","authorUserId":"78086583","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78086583/a63ceaea4ec0e10ec7f530fb9fb99490.jpg","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","popularity":"Zero Downloads","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"templateIcon":"icon-monster_dark","types":"HTML Website Templates","demoMetaDescription":"The demo preview for this professional EstatePro - Real Estate HTML Template Website Template (#319524) is presented here for you to get the feel and look of the design before you purchase it. Click through the pages, examine the images, click the buttons, explore the functionality.","shortDescription":"<h2>EstatePro - Real Estate HTML Template</h2><p>Are you a real estate agent or broker searching for a modern and sleek website template to showcase your properties? Look no further than EstatePro, the perfect solution for all your real estate website needs.EstatePro's clean and contemporary design is ideal for showcasing your listings in style. The user-friendly interface and responsive layout make it easy for potential clients to navigate your website and find the perfect property for their needs.</p><p>One of the key benefits of EstatePro is its flexibility. Whether you're selling luxury condos, cozy family homes, or commercial properties, this template can be customized to suit your specific requirements. But perhaps the biggest advantage of EstatePro is the amount of time and money it can save you. With its easy-to-use interface and intuitive design, you can create a professional-looking website. And as it is a one-time purchase with no recurring fees, you can save a significant amount of money compared to hiring a web developer.</p><p>Don't miss out on the opportunity to take your real estate business to the next level with EstatePro. Try it today and see how it can make a significant difference to your online presence.</p><h3>Full Features List</h3><ul><li>100% Fluid Responsive – Fits any device perfectly</li><li>Clean Code</li><li>Tested on real devices</li><li>Flexible Layout</li><li>Flat, modern, and clean design.</li><li>Retina Optimised</li><li>Google Maps with multiple locations</li><li>Social Links</li><li>Bottom Footer Widgets</li><li>Clean & Commented Code</li><li>Advanced Typography</li><li>Custom Font Support</li><li>Unlimited Page Included</li><li>Pixel Perfect Design</li><li>Built on Bootstrap 5</li><li>Valid HTML5 & CSS3 Files</li><li>Unlimited Blog Pages</li><li>Cross Browser Compatibility</li><li>Detailed Oriented Listing</li><li>Parallax effect</li><li>Awesome Unique Look</li><li>Unique effects and functionality</li><li>Google font</li><li>Quick, Dedicated & Professional Support</li><li>Well Documented & More….</li></ul><h3>Flexible Menu                                                                                                                                                            </h3><p>EstatePro has an awesome menu that has sticky and transparent options. The mobile menu was designed as an off-canvas.</p><h3>Cross Browser Compatibility                                                                                                                                                           </h3><p>Cross-browser compatibility Works perfectly and seamlessly with all the popular and most common browsers like Firefox, Safari, Opera, Chrome, Edge, etc.</p><h3>Lifetime Free Updates                                                                                                                                                           </h3><p>All the customers will receive updates to our EstatePro Template free of charge for a lifetime.</p><h3>File included                                                                                                                                                           </h3><ul><li>HTML files</li><li>CSS files</li><li>JS files</li><li>SCSS files</li><li>Documentation in HTML</li></ul>","tags":["apartment","constructions","directory","estate","finance","home","house","property","real","realtor","rental","real estate","interior design","real estate agency","google maps","directory listing","property listing","house rent","real estate listing","real estate html"],"customUrl":"/website-templates/estatepro-real-estate-html-template-319524.html","nameOfTheTemplate":"EstatePro - Real Estate HTML Template","paidSupport":"Yes","topic":["Real Estate Agency Templates","Real Estate Templates"],"styles":["Clean","Corporate","Minimalist","Neutral","Retro","Collage","Futurist","Geometric","Mobile","Flat"],"marketplaceMembership":"One","excerpt":"EstatePro is the perfect solution for modern real estate websites, offering a clean design, user-friendly interface, and flexible customization options.","advImage":"https://s3u.tmimgcdn.com/u78086583/16473622c265b59e72addacae713ea14.jpg","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: Fri, 26 Apr 2024 19:57:48 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=319524&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=319524&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=319524&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 20:02:48 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://pixner.net/estatepro/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#319524 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/319524.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 #319524            </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=319524&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $45                <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>