string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58580&expand=properties"
string(19066) "[{"templateId":58580,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":408,"categoryName":"Agriculture Templates","templateTitle":"Agriculture Responsive Website Template","templatePreviewHtmlTitle":"Organic - Agriculture Farm Multipurpose Website Template","templateDemoHtmlTitle":"Live preview for Organic - Agriculture Farm Multipurpose Website Template #58580","typeShortName":"Website","templatePreviewFBTitle":"<b>Organic Agricultural Farm</b> is a fully responsive multipurpose website template that can be used for <em>farming, industrial, business or any other web project</em>. Designed as per the latest web trends, the template features a full-width header video, which captivates the users' attention once they land on your site. The main page was made informative yet easy to scan. Here you can find a <em>quick review of the company's services, a list of the latest blog updates, a progress bar, a user-friendly contact form, integrated Google map, and a set of social sharing options</em>. Coming with multiple header and footer variations, over 50 ready-made HTML5 pages, a huge set of UI elements and blocks, the theme is rich in customization options, which are ready to go out of the box. Cool CSS3 animation effects and transition will only enhance the visual appeal of your site.<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 Business website design with Background video</h3> <p><b>What is it?</b></p><p>This is a 20-30 seconds video with an endless repetition included into the web page background.</p> <p><b>Why is it Good?</b></p><p>Visible info is far more comprehensible and engaging compared to the text message or simply tables. Whenever you shot an awesome video media regarding your products and services - you ought to stick it to the background. It'll help to make the page far more captivating and will definitely help you to astonish the possible customer.</p><p>Fresh <a href=\"https://www.templatemonster.com/background-video-website-templates/\">Background video website design templates</a> here</p> <h3>This is a Parallax Business Bureau website template</h3> <p><b>What is it?</b></p><p>Parallax is a scrolling technique where forefront designs transfer  faster than the back ground ones.</p> <p><b>Why is it Good?</b></p><p>Parallax scroll is visually stunning and glues website users' eyes to the illustrations and content modules.</p><p>Latest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website designs</a> here</p> <h3>This Business Firm website design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a method of website design which enables pages to adapt to a display resolution of any gadget - be it a desktop pc, a laptop or a mobile phone.</p> <p><b>Why is it Good?</b></p><p>Considering the growing popularity of mobile phones, the amount of users who log on to the internet sites from devices has increased a lot. This sort of feature permits you to change websites to mobile devices and a variety of screen extensions, finally providing smartphone consumers with improved possibilities.</p><p>Find fresh <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <h3>This is a Bootstrap Small Business web template</h3> <p><b>What is it?</b></p><p>Bootstrap could be a no charge front-end framework which offers for a lot quicker plus quick website development practice.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is tremendously adjustable for any modification. It's easy to work with, contains a great grid system and large elements list.</p><p>View more <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website templates</a> here</p> <h3>This is a Multipurpose Business Firm website template</h3> <p><b>What is it?</b></p><p>Multipurpose is the word for a theme or template developed to match various purposes. Such templates contain a bulk of pre-designed pages that can be used for creating different websites. They normally have basic design, clear typography, and smooth color palettes to help make the customization effortless for various purposes. </p> <p><b>Why is it Good?</b></p><p>Web-site owners may use one web template to build numerous different web pages for their enterprise and grow its reach. The webmaster can find the multipurpose web template very helpful as he definately will utilize it many times for building webpages for different customers. </p><p>Fresh <a href=\"https://www.templatemonster.com/multipurpose-website-templates/\">Multipurpose web templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Organic - Agriculture Farm Multipurpose Website Template","templatePreviewMetaDescription":"Organic Agricultural Farm is a fully responsive multipurpose website template that can be used for farming, industrial, business or any other web project.","templateDemoMetaDescription":"The demo preview for this high quality Organic - Agriculture Farm Multipurpose Website Template (#58580) is available here for you to get yourself knowledgeable about the theme prior to buying it. Go through the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Organic - Agriculture Farm Multipurpose Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/organic-agriculture-farm-multipurpose-website-template-58580.html","userRating":"5","designIndex":"89","authorUserId":"1768190","exclusive":0,"state":1,"price":51,"inserted_date":"2016-02-26","sent":2,"downloads":286,"search_words":"organic agriculture company business grain-crops cereals field combine harvest farming plants services products solutions market delivery resource grassland equipment nitrates fertilizer clients partners innovations support information dealer stocks","is_adult":0,"exc_price":4500,"sent_date":"2017-09-25 00:00:00","last_upload":"2016-02-26 00:00:00","package_id":258,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":300,"filename":"58580-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58580,"width":320,"window_params":"","banner_url":"","id":1645890,"href":"","height":900},{"scr_type_id":312,"filename":"58580-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58580,"width":370,"window_params":"","banner_url":"","id":1645891,"href":"","height":370},{"scr_type_id":311,"filename":"58580-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58580,"width":965,"window_params":"","banner_url":"","id":1645892,"href":"","height":2531},{"scr_type_id":3,"filename":"58580-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58580,"width":1800,"window_params":"","banner_url":"","id":1645893,"href":"","height":4721},{"scr_type_id":298,"filename":"58580-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58580,"width":430,"window_params":"","banner_url":"","id":1645894,"href":"","height":900},{"scr_type_id":297,"filename":"58580-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58580,"width":430,"window_params":"","banner_url":"","id":1645895,"href":"","height":1128},{"scr_type_id":212,"filename":"58580-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58580,"width":430,"window_params":"","banner_url":"","id":1645896,"href":"","height":60},{"scr_type_id":315,"filename":"58580-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58580,"width":1800,"window_params":"","banner_url":"","id":1645897,"href":"","height":4721},{"scr_type_id":9,"filename":"58580-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58580,"width":145,"window_params":"","banner_url":"","id":1645898,"href":"","height":156},{"scr_type_id":299,"filename":"58580-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58580,"width":430,"window_params":"","banner_url":"","id":1645899,"href":"","height":900},{"scr_type_id":3,"filename":"58580-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58580,"width":895,"window_params":"","banner_url":"","id":1645900,"href":"","height":599},{"scr_type_id":78,"filename":"58580-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":58580,"width":970,"window_params":"","banner_url":"","id":1645901,"href":"","height":280},{"scr_type_id":314,"filename":"58580-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58580,"width":1903,"window_params":"","banner_url":"","id":1645902,"href":"","height":4721},{"scr_type_id":3,"filename":"58580-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58580,"width":408,"window_params":"","banner_url":"","id":1645903,"href":"","height":55},{"scr_type_id":334,"filename":"58580-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58580,"width":1903,"window_params":"","banner_url":"","id":1645904,"href":"","height":4721}],"demoUrl":"/demo/58580.html","image":"https://s.tmimgcdn.com/scr/58500/organic-agriculture-farm-multipurpose-website-template_58580-original.jpg","searchHash":"7a9866d377608e96dc7730ad6d24d802","previewHash":"409df7b3bbc9734e5f55a8a32d9536b6","authorNickname":"RockThemes","lowLevelTopic":"Agriculture Templates","weightedRating":4.583333333333334,"annualSale":2,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":51,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"The theme is intended for agriculture, industrial and business sites.","reviewAverageScoreEs":"5","uniqueKeywords":"CMS Convert","showVariantForcibly":"b","metaDescription":"Feel the power of a real multipurpose design with Agricultural Bootstrap Template, running on Bootstrap 3, featuring a rich UI kit and a host of customization options.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/58500/58580-en_01.jpg,https://s.tmimgcdn.com/scr/58500/58580-en_02.jpg,https://s.tmimgcdn.com/scr/58500/58580-en_03.jpg,https://s.tmimgcdn.com/scr/58500/58580-en_04.jpg,https://s.tmimgcdn.com/scr/58500/58580-en_05.jpg,https://s.tmimgcdn.com/scr/58500/58580-en_06.jpg,https://s.tmimgcdn.com/scr/58500/58580-en_07.jpg,https://s.tmimgcdn.com/scr/58500/58580-en_08.jpg,https://s.tmimgcdn.com/scr/58500/58580-en_09.jpg,https://s.tmimgcdn.com/scr/58500/58580-en_10.jpg","features":["Responsive","Bootstrap","Multipurpose","Sliced PSD","Dropdown Menu","Google map","Tabs","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".HTML"],"authorUserId":"1768190","htmlTitle":"Agricultural Bootstrap Template","isFree":"none","hELPURL":"/quick-start-guide/bootstrap-template/","documentationVersion":"v1.1","imageDescription":"https://s.tmimgcdn.com/scr/58500/58580-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2021-08-31T12:11:16-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"The demo preview for this high quality Organic - Agriculture Farm Multipurpose Website Template (#58580) is available here for you to get yourself knowledgeable about the theme prior to buying it. Go through the pages, check out the images, click the buttons, explore the features.","shortDescription":"<b>Organic Agricultural Farm</b> is a fully responsive multipurpose website template that can be used for <em>farming, industrial, business or any other web project</em>. Designed as per the latest web trends, the template features a full-width header video, which captivates the users' attention once they land on your site. The main page was made informative yet easy to scan. Here you can find a <em>quick review of the company's services, a list of the latest blog updates, a progress bar, a user-friendly contact form, integrated Google map, and a set of social sharing options</em>. Coming with multiple header and footer variations, over 50 ready-made HTML5 pages, a huge set of UI elements and blocks, the theme is rich in customization options, which are ready to go out of the box. Cool CSS3 animation effects and transition will only enhance the visual appeal of your site.<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 Business website design with Background video</h3> <p><b>What is it?</b></p><p>This is a 20-30 seconds video with an endless repetition included into the web page background.</p> <p><b>Why is it Good?</b></p><p>Visible info is far more comprehensible and engaging compared to the text message or simply tables. Whenever you shot an awesome video media regarding your products and services - you ought to stick it to the background. It'll help to make the page far more captivating and will definitely help you to astonish the possible customer.</p><p>Fresh <a href=\"https://www.templatemonster.com/background-video-website-templates/\">Background video website design templates</a> here</p> <h3>This is a Parallax Business Bureau website template</h3> <p><b>What is it?</b></p><p>Parallax is a scrolling technique where forefront designs transfer  faster than the back ground ones.</p> <p><b>Why is it Good?</b></p><p>Parallax scroll is visually stunning and glues website users' eyes to the illustrations and content modules.</p><p>Latest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website designs</a> here</p> <h3>This Business Firm website design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a method of website design which enables pages to adapt to a display resolution of any gadget - be it a desktop pc, a laptop or a mobile phone.</p> <p><b>Why is it Good?</b></p><p>Considering the growing popularity of mobile phones, the amount of users who log on to the internet sites from devices has increased a lot. This sort of feature permits you to change websites to mobile devices and a variety of screen extensions, finally providing smartphone consumers with improved possibilities.</p><p>Find fresh <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <h3>This is a Bootstrap Small Business web template</h3> <p><b>What is it?</b></p><p>Bootstrap could be a no charge front-end framework which offers for a lot quicker plus quick website development practice.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is tremendously adjustable for any modification. It's easy to work with, contains a great grid system and large elements list.</p><p>View more <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website templates</a> here</p> <h3>This is a Multipurpose Business Firm website template</h3> <p><b>What is it?</b></p><p>Multipurpose is the word for a theme or template developed to match various purposes. Such templates contain a bulk of pre-designed pages that can be used for creating different websites. They normally have basic design, clear typography, and smooth color palettes to help make the customization effortless for various purposes. </p> <p><b>Why is it Good?</b></p><p>Web-site owners may use one web template to build numerous different web pages for their enterprise and grow its reach. The webmaster can find the multipurpose web template very helpful as he definately will utilize it many times for building webpages for different customers. </p><p>Fresh <a href=\"https://www.templatemonster.com/multipurpose-website-templates/\">Multipurpose web templates</a> here</p> <br /></div></div></div></div>","tags":["agriculture","business","cereals","clients","cms","combine","company","convert","dealer","delivery","equipment","farming","fertilizer","field","grassland","harvest","information","innovations","market","nitrates","organic","partners","plants","products","resource","services","solutions","stocks","support"],"customUrl":"/website-templates/organic-agriculture-farm-multipurpose-website-template-58580.html","badge":"badge-responsive","nameOfTheTemplate":"Organic - Agriculture Farm Multipurpose Website Template","reviewAverageScoreDe":"5","pHPVersionCompatibility":"7.x","topic":["Agriculture Templates","Business & Services"],"styles":["Neutral","Flat"],"productFamily":"None","color":["black","white","brown","green","orange"],"followUpLetter":"website-template-offers","reviewsTotal":"14","reviewAverageScore":"5","changeLog":"<b>Organic Version1.1 (September 12, 2017)</b>\r\n<br>\r\n<ul>\r\n\t<li>\"- \"<b>UPD:</b>\" RD Mailform\"</li>\r\n\t<li>\"- \"<b>UPD:</b>\" RD Navbar\"</li>\r\n\t<li>\"- \"<b>RPL:</b>\" RD Parallax to Material Parallax\"</li>\r\n</ul>\r\n<br>\r\n<br>\r\n<br>","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"3.3.x","reviewsTotalDe":"1","livePreviewURL":"https://livedemo00.template-help.com/wt_58580_v2","issuggestion":"1","templateGroup":"HTML Templates","popularity":"Top Rated","nomotopress":"1","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Isotope"],"templateIcon":"icon-responsive","dynamicChangeLog":"<ul><li>- 1 CSS issue fixed</li><li>- 3 minor font bugs fixed</li><li>- 1 minor background bugs fixed</li><li>- 1 PSD layer changed</li></ul>","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","reviewsTotalEs":"1","bitLyUrl":"http://bit.ly/24wDj7Q","webForms":["Contact Form","Newsletter Subscription","Search Form"],"loyaltySells":"1","width":"2050px","skupromo":"8%","marketplaceMembership":"One","category":"Website templates","dqi":"89"}}]"
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 11:12:55 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(290) "Link: <http://products/api/v2/products/en?language=en&ids=58580&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58580&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58580&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 11:17:55 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://livedemo00.template-help.com/wt_58580_v2<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58580 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/58580.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 #58580            </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=58580&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $47                <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>