string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=61211&expand=properties"
string(17224) "[{"templateId":61211,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":579,"categoryName":"Wholesale Store","templateTitle":"Wholesale Store Responsive Website Template","templatePreviewHtmlTitle":"Audrey Mall - Shopping Center, Entertainment Store Website Template","templateDemoHtmlTitle":"Demo Preview for Audrey Mall - Shopping Center, Entertainment Store Website Template #61211","typeShortName":"Website","templatePreviewFBTitle":"<h2>Modern Shopping Mall Website Template</h2><p><br></p><p>A shopping mall website template can be used as a powerful tool for increasing the customer base. Just like any other business, shopping centers need to have appealing websites that attract the attention of their potential customers. Such websites need to look modern and have a wide variety of features. However, the development of this kind of website is pretty expensive when done from scratch.</p><p>To help you save money on a website for your shopping center, usage of ready-made HTML templates is recommended. They have a modern design, are easy to work with, and have a reasonable price. Our newest product, Audrey Mall shopping mall website template was designed to meet these needs. It is responsive and fully reliable so you can be sure it will work perfectly on any device.</p><p><br></p><p><br></p><h3>A Range of Useful Features</h3><p><br></p><p>Audrey Mall is built on Bootstrap 4 to guarantee the utmost stability of your website. It has cross-browser support to ensure that your website will look stunning on any modern browser. This shopping mall website template has impressive MegaMenu for easier navigation. The template also includes over 35 well-designed HTML pages. Besides, Audrey Mall offers:</p><ol><li>E-commerce Page Template;</li><li>Multiple Gallery Types;</li><li>5 Different Blog Pages;</li><li>6 Variations of Header and Footer;</li><li>Responsive Bootstrap 4 Layout;</li><li>W3C Valid Code.</li></ol><p>The template includes a variety of gallery and blog layouts. They allow showing photos of your happy customers and post the latest news. You can also inform your customers about the upcoming sales with the Sales page. Moreover, Audrey Mall shopping mall website template has a set of pages to tell your customers about the nearest events. Moreover, you can describe every cafe, shop, or restaurant in your shopping center with the help of Services pages.</p><p><br></p><p><br></p><h2>Full Customization and Premium Support</h2><p><br></p><p>The template contains a set of flexible forms that allow simplifying user interaction with your website. However, for some forms to work properly, they may need an additional configuration. You can use Google Maps to help your users understand how to reach your mall. Moreover, this website template is fully customizable. It has a set of different animations, blocks, and elements for it.</p><p>To make your experience with Audrey Mall shopping mall website template better, we've prepared the documentation for it. It is very detailed and easy-to-read. The documentation has answers to almost every question about this template. However, if you require some extra assistance, don't hesitate to contact our 24/7 support. Our support team is happy to help you get the most out of our templates.</p>","templateFullTitle":"Audrey Mall - Shopping Center, Entertainment Store Website Template","templatePreviewMetaDescription":"Modern Shopping Mall Website TemplateA shopping mall website template can be used as a powerful tool for increasing the customer base. Just like any other","templateDemoMetaDescription":null,"specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Audrey Mall - Shopping Center, Entertainment Store Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/fashion-responsive-website-template-61211.html","userRating":"5","designIndex":"89","authorUserId":"1519369","exclusive":"0","state":1,"price":39,"inserted_date":"2016-11-28","sent":1,"downloads":165,"search_words":"shop small clothes fashion jewelry portfolio agency market technical corporate company personal supermarket technology city","is_adult":0,"exc_price":5000,"sent_date":"2020-01-27 02:00:00","last_upload":"2016-11-28 00:00:00","package_id":258,"hasExclusivePrice":0,"screenshots":[{"id":1674603,"templ_id":61211,"filename":"61211-responsive-layout.jpg","width":895,"height":599,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1674604,"templ_id":61211,"filename":"61211-origin-1200.jpg","width":1903,"height":5230,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1674605,"templ_id":61211,"filename":"61211-wt.html","width":430,"height":60,"href":"","window_params":"","scr_type_id":212,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1674606,"templ_id":61211,"filename":"61211-tablet-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":298,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1674607,"templ_id":61211,"filename":"61211-origin.jpg","width":1903,"height":5230,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1674608,"templ_id":61211,"filename":"61211-big.jpg","width":965,"height":2652,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1674609,"templ_id":61211,"filename":"61211-b-responsive.jpg","width":430,"height":1182,"href":"","window_params":"","scr_type_id":297,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1674610,"templ_id":61211,"filename":"61211-original-1200.jpg","width":1903,"height":5230,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1674611,"templ_id":61211,"filename":"61211-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":1674612,"templ_id":61211,"filename":"61211-2-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1674613,"templ_id":61211,"filename":"61211-rs.jpg","width":970,"height":280,"href":"","window_params":"","scr_type_id":78,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":1},{"id":1674614,"templ_id":61211,"filename":"61211-banner.jpg","width":408,"height":55,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1674615,"templ_id":61211,"filename":"61211-smart2-responsive.jpg","width":320,"height":900,"href":"","window_params":"","scr_type_id":300,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1674616,"templ_id":61211,"filename":"61211-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":1674617,"templ_id":61211,"filename":"61211-smart1-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":299,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/61211.html","image":"https://s.tmimgcdn.com/scr/61200/audrey-mall-shopping-center-entertainment-store-website-template_61211-2-original.jpg","searchHash":"1f0e1faa94595549b045bf22ac057485","previewHash":"dc56ea3b9f29ad702725a805c6c5f3b3","authorNickname":"ZEMEZ","lowLevelTopic":"Wholesale Store; Shopping Mall","weightedRating":4.473684210526315,"annualSale":5,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":1,"finalPrice":27,"discountPercent":30,"discountAmount":12,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Bootstrap"],"styles":"Neutral","languageSupport":"English","badge":"badge-responsive","templateSources":[".PSD",".HTML"],"topic":["Business & Services","Wholesale Store","Shopping Mall"],"documentationVersion":"v1.3","isFree":"none","popularity":"Top Rated","dateRange":["Last Month","Last 6 Months"],"nomotopress":"1","color":["black","white","grey","purple"],"showVariantForcibly":"b","livePreviewURL":"https://livedemo00.template-help.com/wt_61211_v2/","width":"1920px","imageDescription":"https://s.tmimgcdn.com/scr/61200/61211-responsive-layout.jpg","uniqueKeywords":"shop,small,clothes,fashion,jewelry,portfolio,agency,market,technical,corporate,company,personal,supermarket,technology,city","imageKeyFeatures":"https://s.tmimgcdn.com/scr/61200/61211-en_01.jpg, https://s.tmimgcdn.com/scr/61200/61211-en_02.jpg, https://s.tmimgcdn.com/scr/61200/61211-en_03.jpg, https://s.tmimgcdn.com/scr/61200/61211-en_04.jpg, https://s.tmimgcdn.com/scr/61200/61211-en_05.jpg, https://s.tmimgcdn.com/scr/61200/61211-en_06.jpg, https://s.tmimgcdn.com/scr/61200/61211-en_07.jpg, https://s.tmimgcdn.com/scr/61200/61211-en_08.jpg, https://s.tmimgcdn.com/scr/61200/61211-en_09.jpg, https://s.tmimgcdn.com/scr/61200/61211-en_10.jpg, https://s.tmimgcdn.com/scr/61200/61211-en_11.jpg, https://s.tmimgcdn.com/scr/61200/61211-en_12.jpg","bitLyUrl":"http://bit.ly/2gLGC89","trendiness":"1","nameOfTheTemplate":"Audrey Mall - Shopping Center, Entertainment Store Website Template","shortDescription":"<h2>Modern Shopping Mall Website Template</h2><p><br></p><p>A shopping mall website template can be used as a powerful tool for increasing the customer base. Just like any other business, shopping centers need to have appealing websites that attract the attention of their potential customers. Such websites need to look modern and have a wide variety of features. However, the development of this kind of website is pretty expensive when done from scratch.</p><p>To help you save money on a website for your shopping center, usage of ready-made HTML templates is recommended. They have a modern design, are easy to work with, and have a reasonable price. Our newest product, Audrey Mall shopping mall website template was designed to meet these needs. It is responsive and fully reliable so you can be sure it will work perfectly on any device.</p><p><br></p><p><br></p><h3>A Range of Useful Features</h3><p><br></p><p>Audrey Mall is built on Bootstrap 4 to guarantee the utmost stability of your website. It has cross-browser support to ensure that your website will look stunning on any modern browser. This shopping mall website template has impressive MegaMenu for easier navigation. The template also includes over 35 well-designed HTML pages. Besides, Audrey Mall offers:</p><ol><li>E-commerce Page Template;</li><li>Multiple Gallery Types;</li><li>5 Different Blog Pages;</li><li>6 Variations of Header and Footer;</li><li>Responsive Bootstrap 4 Layout;</li><li>W3C Valid Code.</li></ol><p>The template includes a variety of gallery and blog layouts. They allow showing photos of your happy customers and post the latest news. You can also inform your customers about the upcoming sales with the Sales page. Moreover, Audrey Mall shopping mall website template has a set of pages to tell your customers about the nearest events. Moreover, you can describe every cafe, shop, or restaurant in your shopping center with the help of Services pages.</p><p><br></p><p><br></p><h2>Full Customization and Premium Support</h2><p><br></p><p>The template contains a set of flexible forms that allow simplifying user interaction with your website. However, for some forms to work properly, they may need an additional configuration. You can use Google Maps to help your users understand how to reach your mall. Moreover, this website template is fully customizable. It has a set of different animations, blocks, and elements for it.</p><p>To make your experience with Audrey Mall shopping mall website template better, we've prepared the documentation for it. It is very detailed and easy-to-read. The documentation has answers to almost every question about this template. However, if you require some extra assistance, don't hesitate to contact our 24/7 support. Our support team is happy to help you get the most out of our templates.</p>","kindOfShops":"This template is custom-made for shopping, entertainment, society & people, home & family and business websites.","metaDescription":"Modern Shopping Mall Website TemplateA shopping mall website template can be used as a powerful tool for increasing the customer base. Just like any other","htmlTitle":"Audrey Mall Shopping Mall Website Template","reviewsTotal":"9","reviewAverageScore":"5","trustedElements":["Free Support","Satisfaction Guarantee"],"authorUserId":"1519369","dynamicChangeLog":"<ul><li>- 1 font issue fixed</li><li>- 1 layout bug fixed</li><li>- 1 minor styles issue fixed</li></ul>","lastmod":"2022-03-03T20:12:03-05:00","exclusive":"0","sqi":"95","templateSupportOptions":"[]","dqi":"89","skupromo":"20%","changeLog":"<b>Audrey Mall  Version 1.4 (October 31, 2019)</b>\r\n<br/>\r\n<b>Additions</b><br/>\r\n<ul>\r\n<li><b>- UPD:</b> Updated Bootstrap Script 4.0.0 to Bootstrap 4.1.3;</li>\r\n<li><b>- UPD:</b> LightGallery Plugin;</li>\r\n<li><b>- UPD:</b> WOW Plugin;</li>\r\n<li><b>- UPD:</b> Resize Event Plugin;</li>\r\n<li><b>- UPD:</b> Isotope Plugin;</li>\r\n<li><b>- UPD:</b> RD Mailform updated;</li>\r\n<li><b>- UPD:</b> Google Map updated;</li>\r\n<li><b>- FIX:</b> Markup fixes;</li>\r\n<li><b>- FIX:</b> Minor bug fixes.</li>\r\n</ul>\r\n<br/><br/><br/> \r\n\r\n<b>Audrey Mall Version 1.3 (August 27, 2018)</b>\r\n<br/>\r\n<b>Additions</b><br/>\r\n<ul>\r\n<li><b>- FIX:</b> LightGallery styles;</li>\r\n<li><b>- FIX:</b> 404, 503, Maintenance, Coming Soon pages;</li>\r\n<li><b>- FIX:</b> Isotope initialization;</li>\r\n<li><b>- FIX:</b> RD Search styles;</li>\r\n<li><b>- FIX:</b> Google Map initialization;</li>\r\n<li><b>- FIX:</b> Cross-browser adaptation (tablet/mobile);</li>\r\n<li><b>- FIX:</b> RD Calendar options;</li>\r\n<li><b>- FIX:</b> Mailform actions;</li>\r\n<li><b>- FIX:</b> Youtube iFrame;</li>\r\n<li><b>- FIX:</b> Improved loading requirements GTmetrix => 90+;</li>\r\n<li><b>- FIX:</b> Other minor bug fixes;</li>\r\n</ul>\r\n<br/><br/><br/> \r\n\r\n<b>Audrey Mall Version 1.2 (August 13, 2018)</b>\r\n<br/>\r\n<b>Additions</b><br/>\r\n<ul>\r\n<li><b>- ADD:</b> Bootstrap tabs;</li>\r\n<li><b>- ADD:</b> Bootstrap accardions;</li>\r\n<li><b>- ADD:</b> Preloader transition;</li>\r\n<li><b>- UPD:</b> Bootstrap 3 => Bootstrap 4.1.3 beta;</li>\r\n<li><b>- UPD:</b> RD Navbar plugin;</li>\r\n<li><b>- UPD:</b> RD Mailform plugin;</li>\r\n<li><b>- UPD:</b> Google Map updated;</li>\r\n<li><b>- UPD:</b> Wow animation;</li>\r\n<li><b>- UPD:</b> Swiper slider;</li>\r\n<li><b>- UPD:</b> Circles counters;</li>\r\n<li><b>- DEL:</b> Photoswipe script and styles;</li>\r\n<li><b>- DEL:</b> Responsive Tabs;</li>\r\n<li><b>- FIX:</b> Other minor bug fixes;</li>\r\n</ul>\r\n<br/><br/><br/>\r\n\r\n<b>Audrey Mall Version 1.1 (May 11, 2018)</b>\r\n<br/>\r\n<b>Additions</b><br/>\r\n<ul>\r\n<li><b>- ADD:</b> Mailchimp and Campaign Monitor forms;</li>\r\n<li><b>- UPD:</b> Owl carousel;</li>\r\n<li><b>- UPD:</b> Google Map updated;</li>\r\n<li><b>- UPD:</b> RD Mailform updated;</li>    \r\n<li><b>- UPD:</b> RD Parallax changed to Materialize Parallax;</li>\r\n<li><b>- UPD:</b> PhotoSwipe Gallery changed to LightGallery;</li>\r\n<li><b>- UPD:</b> RD Video Player background changed to VideBg;</li>\r\n<li><b>- UPD:</b> RD Video Player changed to YouTube video;</li>\r\n<li><b>- FIX:</b> Slider Fixes;</li>\r\n<li><b>- FIX:</b> Other minor bug fixes;</li>\r\n</ul>\r\n<br/><br/><br/>","alreadyPacked":"1","marketplaceMembership":"One","excludeExclusive":"Yes","customUrl":"/website-templates/fashion-responsive-website-template-61211.html","previewScreensOrVideoURLs":"https://s.tmimgcdn.com/scr/61200/61211_01-big.jpg, https://s.tmimgcdn.com/scr/61200/61211_02-big.jpg, https://s.tmimgcdn.com/scr/61200/61211_03-big.jpg, https://s.tmimgcdn.com/scr/61200/61211_04-big.jpg, https://s.tmimgcdn.com/scr/61200/61211_05-big.jpg","isOldDemoUrl":"1","tags":["agency","city","clothes","company","corporate","fashion","jewelry","market","personal","portfolio","shop","small","supermarket","technical","technology"],"affiliateSells":"1","authorMainScreenshot":"https://s.tmimgcdn.com/scr/61200/61211-0-original.jpg","saleSells":"1","productSize":"818487015","featured":"Ukraine","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorMainScreenshotVersion":"2","templateIcon":"icon-bootstrap","hELPURL":"/quick-start-guide/bootstrap-template/","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","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sun, 01 Dec 2024 06:32:13 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=61211&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=61211&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=61211&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 01 Dec 2024 06:37:13 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_61211_v2/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#61211 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/61211.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 #61211            </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=61211&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $36                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

        <div id="preview-wrapper" class="hide_wrap">

                            <div class="technical-problems">
                    <p>Technical operations</p>
                    <p class="problems-message">Live demo of this template will be available within 5-6 hours.</p>
                    <p>
                        <a href="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>