string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58725&expand=properties"
string(16308) "[{"templateId":58725,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":313,"categoryName":"Real Estate Agency Templates","templateTitle":"Real Estate Agency Responsive Website Template","templatePreviewHtmlTitle":"Real Estate Website Template #58725 - TemplateMonster","templateDemoHtmlTitle":"Live demo for Real Estate Website Template #58725","typeShortName":"Website","templatePreviewFBTitle":"The theme was developed for real estate companies. Its full-screen slider showing spectacular cityscapes captures visitors' attention and doesn't let them abandon your site. Main menu is hidden. You should click the hamburger icon and it will slide out of the right side of the screen. Navigation links will also appear on top of the page when you'll start to scroll down. <b>Real Estate Company Website Template</b> has a very good-looking gallery. The images there are arranged in masonry style and supplied with hover effects. Built in Google map and social media icons are also available on the home page of the theme.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is Real Property web template with On-line chat functionality</h3> <p><b>What is it?</b></p><p>On-line Chat is a tool that lets you have a real-time interaction with your site visitors. </p> <p><b>Why is it Good?</b></p><p>On-line chats improve user engagement and boost website conversion rates.</p><p>Find latest <a href=\"https://www.templatemonster.com/online-chat-website-templates/\">On-line chat website design templates</a> here</p> <h3>This Business Bureau website design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a technique of website design that lets pages to adapt to a screen size of just about any device - whether it's a personal computer, a tablet or a mobile phone.</p> <p><b>Why is it Good?</b></p><p>Responsive design will help your site appear equally nice on display of any sort of desktop computer or hand-held device.</p><p>View latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This is a Parallax Corporate website design template</h3> <p><b>What is it?</b></p><p>This is a specific process when the background design moves more slowly in perception in comparison to the factors the foreground. For this reason, Parallax creates a experience of a three-dimensional space.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling effect gives your site visitors an impression of depth in 2D environments of your website. It makes your resource more vibrant and unique. Parallax is great for spicing up a single-page site, refreshing infographics, or even showcasing a portfolio.</p><p>Click for more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax web templates</a> here</p> <h3>This is a Bootstrap Real Estate Broker website design</h3> <p><b>What is it?</b></p><p>Bootstrap is a range of tools with an open source code. It is perfect for creating websites and web apps using HTML, CSS, and Javascript.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your web projects from smartphones to desktops using the same codebase. It makes the web developing process much easier.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap web templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Real Estate Website Template","templatePreviewMetaDescription":"The theme was developed for real estate companies. Its full-screen slider showing spectacular cityscapes captures visitors' attention and doesn't let them","templateDemoMetaDescription":"Before buying it, get the feel and look of the high quality Real Estate Website Template (#58725) by experiencing the demo preview. Click through the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Real Estate Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/real-estate-website-template-58725.html","userRating":"4.5","designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2016-05-10","sent":2,"downloads":187,"search_words":"rent real estate agency services house home apartment buildings finance loan sales rentals management search team money foreclosure estimator investment development constructions architecture engineering apartment sale rent architecture broker lots","is_adult":0,"exc_price":4500,"sent_date":"2016-05-17 00:00:00","last_upload":"2016-05-10 00:00:00","package_id":258,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":3,"filename":"58725-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58725,"width":895,"window_params":"","banner_url":"","id":1653172,"href":"","height":599},{"scr_type_id":212,"filename":"58725-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58725,"width":430,"window_params":"","banner_url":"","id":1653173,"href":"","height":60},{"scr_type_id":78,"filename":"58725-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":58725,"width":970,"window_params":"","banner_url":"","id":1653174,"href":"","height":280},{"scr_type_id":315,"filename":"58725-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58725,"width":2050,"window_params":"","banner_url":"","id":1653175,"href":"","height":8230},{"scr_type_id":297,"filename":"58725-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58725,"width":430,"window_params":"","banner_url":"","id":1653176,"href":"","height":1726},{"scr_type_id":299,"filename":"58725-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58725,"width":430,"window_params":"","banner_url":"","id":1653177,"href":"","height":900},{"scr_type_id":311,"filename":"58725-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58725,"width":965,"window_params":"","banner_url":"","id":1653178,"href":"","height":3874},{"scr_type_id":314,"filename":"58725-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58725,"width":2050,"window_params":"","banner_url":"","id":1653179,"href":"","height":8230},{"scr_type_id":3,"filename":"58725-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58725,"width":408,"window_params":"","banner_url":"","id":1653180,"href":"","height":55},{"scr_type_id":3,"filename":"58725.swf","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58725,"width":0,"window_params":"","banner_url":"","id":1653181,"href":"","height":0},{"scr_type_id":312,"filename":"58725-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58725,"width":370,"window_params":"","banner_url":"","id":1653182,"href":"","height":370},{"scr_type_id":3,"filename":"58725-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58725,"width":2050,"window_params":"","banner_url":"","id":1653183,"href":"","height":8230},{"scr_type_id":334,"filename":"58725-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58725,"width":2050,"window_params":"","banner_url":"","id":1653184,"href":"","height":8230},{"scr_type_id":9,"filename":"58725-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58725,"width":145,"window_params":"","banner_url":"","id":1653185,"href":"","height":156},{"scr_type_id":298,"filename":"58725-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58725,"width":430,"window_params":"","banner_url":"","id":1653186,"href":"","height":900},{"scr_type_id":300,"filename":"58725-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58725,"width":320,"window_params":"","banner_url":"","id":1653187,"href":"","height":900}],"demoUrl":"/demo/58725.html","image":"https://s.tmimgcdn.com/scr/58700/real-estate-website-template_58725-original.jpg","searchHash":"df81882d5d8d152c0ed0c17e5c21670d","previewHash":"6e471b680dd35dcec47e8bf9ce885a65","authorNickname":"WT","lowLevelTopic":"Real Estate Agency Templates; Business & Services","weightedRating":3.4133333333333327,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"The theme fits for real estate, construction, furniture and interior and other companies.","uniqueKeywords":"CMS Convert","showVariantForcibly":"b","metaDescription":"Real Estate Company Website Template","imageKeyFeatures":"https://s.tmimgcdn.com/scr/58700/58725-en_01.jpg, https://s.tmimgcdn.com/scr/58700/58725-en_02.jpg, https://s.tmimgcdn.com/scr/58700/58725-en_03.jpg, https://s.tmimgcdn.com/scr/58700/58725-en_04.jpg, https://s.tmimgcdn.com/scr/58700/58725-en_05.jpg, https://s.tmimgcdn.com/scr/58700/58725-en_06.jpg, https://s.tmimgcdn.com/scr/58700/58725-en_07.jpg","features":["Responsive","Bootstrap","On-line chat","Sliced PSD","Dropdown Menu","Google map","Tabs","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".HTML"],"authorUserId":"1553971","htmlTitle":"Real Estate Company Website Template","isFree":"none","videoDemo":"https://www.youtube.com/embed/44ZiKam6uBE","hELPURL":"/quick-start-guide/bootstrap-template/","documentationVersion":"Bootstrap Website Templates v1.2","imageDescription":"https://s.tmimgcdn.com/scr/58700/58725-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2021-12-12T07:03:38-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Before buying it, get the feel and look of the high quality Real Estate Website Template (#58725) by experiencing the demo preview. Click through the pages, check out the images, click the buttons, explore the functionality.","shortDescription":"The theme was developed for real estate companies. Its full-screen slider showing spectacular cityscapes captures visitors' attention and doesn't let them abandon your site. Main menu is hidden. You should click the hamburger icon and it will slide out of the right side of the screen. Navigation links will also appear on top of the page when you'll start to scroll down. <b>Real Estate Company Website Template</b> has a very good-looking gallery. The images there are arranged in masonry style and supplied with hover effects. Built in Google map and social media icons are also available on the home page of the theme.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is Real Property web template with On-line chat functionality</h3> <p><b>What is it?</b></p><p>On-line Chat is a tool that lets you have a real-time interaction with your site visitors. </p> <p><b>Why is it Good?</b></p><p>On-line chats improve user engagement and boost website conversion rates.</p><p>Find latest <a href=\"https://www.templatemonster.com/online-chat-website-templates/\">On-line chat website design templates</a> here</p> <h3>This Business Bureau website design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a technique of website design that lets pages to adapt to a screen size of just about any device - whether it's a personal computer, a tablet or a mobile phone.</p> <p><b>Why is it Good?</b></p><p>Responsive design will help your site appear equally nice on display of any sort of desktop computer or hand-held device.</p><p>View latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This is a Parallax Corporate website design template</h3> <p><b>What is it?</b></p><p>This is a specific process when the background design moves more slowly in perception in comparison to the factors the foreground. For this reason, Parallax creates a experience of a three-dimensional space.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling effect gives your site visitors an impression of depth in 2D environments of your website. It makes your resource more vibrant and unique. Parallax is great for spicing up a single-page site, refreshing infographics, or even showcasing a portfolio.</p><p>Click for more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax web templates</a> here</p> <h3>This is a Bootstrap Real Estate Broker website design</h3> <p><b>What is it?</b></p><p>Bootstrap is a range of tools with an open source code. It is perfect for creating websites and web apps using HTML, CSS, and Javascript.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your web projects from smartphones to desktops using the same codebase. It makes the web developing process much easier.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap web templates</a> here</p> <br /></div></div></div></div>","tags":["agency","apartment","architecture","broker","buildings","cms","constructions","convert","development","engineering","estate","estimator","finance","foreclosure","home","house","investment","loan","lots","management","money","real","rent","rentals","sale","sales","search","services","team"],"customUrl":"/website-templates/real-estate-website-template-58725.html","badge":"badge-responsive","nameOfTheTemplate":"Real Estate Website Template","pHPVersionCompatibility":"7.x","topic":["Real Estate Agency Templates","Real Estate Templates","Business & Services"],"styles":["Neutral","Flat"],"advImage":"https://s.tmimgcdn.com/scr/58700/58725-original.jpg","productFamily":"None","color":["black","grey"],"followUpLetter":"website-template-offers","reviewsTotal":"5","reviewAverageScore":"4.5","changeLog":"<b>RealEstate Version 2.0 (November 29, 2017)</b>\r\n<br/>\r\n<b>Additions</b><br/>\r\n<ul><li><b>- UPD:</b> Bootstrap v4 beta 2;</li>\r\n<ul><li><b>- UPD:</b> jQuery 3;</li>\r\n<ul><li><b>- UPD:</b> Bootstrap Grid;</li>\r\n<ul><li><b>- UPD:</b> grid breakpoints changed. sm -> md, md -> lg and so on;</li>\r\n<ul><li><b>- Fix:</b> Minor bug fixes.</li>\r\n</ul>\r\n<br/><br/><br/>","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"3.3.x","livePreviewURL":"https://livedemo00.template-help.com/wt_58725_v2","templateGroup":"HTML Templates","popularity":"Top Rated","nomotopress":"1","dynamicChangeLog":"<ul><li>- 1 minor font bugs fixed</li><li>- 1 minor background issue fixed</li><li>- 1 minor front-end bugs fixed</li><li>- 1 minor layout issue fixed</li><li>- 3 PSD layers changed</li></ul>","templateIcon":"icon-bootstrap","notice":"Some of the forms included (like booking, registration, comment submission forms, etc.) may require extra scripts and/or database functionality.","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/22eOIH6","webForms":"Contact Form","loyaltySells":"1","width":"2050px","skupromo":"20%","marketplaceMembership":"None","category":"Website templates","dqi":"00"}}]"
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 01:13:41 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(290) "Link: <http://products/api/v2/products/en?language=en&ids=58725&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58725&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58725&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 01:18:41 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://livedemo00.template-help.com/wt_58725_v2<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58725 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/58725.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 #58725            </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=58725&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $58                <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>