string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=67041&expand=properties"
string(19237) "[{"templateId":67041,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":127,"categoryName":"Consulting Templates","templateTitle":"Consulting Responsive Website Template","templatePreviewHtmlTitle":"Quaint - Business Flexible Multipurpose Website Template","templateDemoHtmlTitle":"Live demo for Quaint - Business Flexible Multipurpose Website Template #67041","typeShortName":"Website","templatePreviewFBTitle":"<p>Quaint HTML multi-purpose template is a solution to a variety of problems. It is universal and fits every type of business. A bunch of child themes and layouts allow to use Quaint for even specialized niche companies. All the impressive images presented in demo are included in the template pack for free and are available to use them wherever you like. In addition to a standard Bootstrap, Quaint is released with a convenient set of UI tools. This template is perfect to create a fully functional website quickly and easily. If any problems occur - out support team is available 24/7 to help you solve it.</p><p><em>Please note that .psd files are not included in this template package.</em></p><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 Management Corporation website design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means properly adapted to the screens of all dimensions on any device. </p> <p><b>Why is it Good?</b></p><p>Responsive design makes sure that the website will offer a great viewing experience to all users throughout all devices. </p><p>Fresh <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <h3>This is a Bootstrap Creative Marketing Agency web template</h3> <p><b>What is it?</b></p><p>It is the most popular HTML and CSS based framework containing variations for the most important elements found in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>Bootstrap enables you to build better websites .  </p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap web templates</a> here</p> <h3>This is Design & Photography website design with Appointment Booking functionality</h3> <p><b>What is it?</b></p><p>Appointment Booking layouts are run by a plugin that lets you generate bookings on your website page.</p> <p><b>Why is it Good?</b></p><p>Appointment Booking system on a site allows to streamline all the business operations and allow clients book appointments without having to get in touch with the administrator.</p><p>Find fresh <a href=\"https://www.templatemonster.com/appointment-booking-website-templates/\">Appointment Booking website design templates</a> here</p> <h3>This Consulting Agency web template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>The Search Engine Friendly internet site helps any searcher to analyze each and every page of the internet site, identify the content and index them in the repository.</p> <p><b>Why is it Good?</b></p><p>You don't have to be a professional at SEO to get high rankings in Google. WordPress SEO plugins allow to write SEO-ready titles and meta descriptions, and in addition analyze on-page content, let you make XML-sitemaps, and many more.</p><p>Find more <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly website design templates</a> here</p> <h3>This is a Bootstrap 4 Business Bureau website design template</h3> <p><b>What is it?</b></p><p>Bootstrap 4 is the latest version of Bootstrap framework used to create responsive and mobile-friendly websites.</p> <p><b>Why is it Good?</b></p><p>It gives you enhancements to block layout, Sass by default and a more structured framework system. Upgraded documentation and a effortless search. You will make themes even quicker.</p><p>View latest <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 website templates</a> here</p> <h3>This is a Parallax Office Rent website design</h3> <p><b>What is it?</b></p><p>Parallax is a front-end visual approach that involves images shifting less quickly as opposed to the background content to make a \"2D\" impression. </p> <p><b>Why is it Good?</b></p><p>Parallax scrolling gives your visitors an illusion of depth in 2D environments of your website. It makes your resource more vibrant and distinctive. Parallax is good for spicing up a single-page site,  giving life to infographics, or perhaps exhibiting a portfolio.</p><p>Browse for more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website designs</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Quaint - Business Flexible Multipurpose Website Template","templatePreviewMetaDescription":"Quaint HTML multi-purpose template is a solution to a variety of problems. It is universal and fits every type of business. A bunch of child themes and layouts","templateDemoMetaDescription":"Try out the live preview of the top notch Quaint - Business Flexible Multipurpose Website Template (#67041) to get a better knowledge of what this template is before you purchase it. View the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Quaint - Business Flexible Multipurpose Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/quaint-flexible-multipage-html-website-template-67041.html","userRating":"5","designIndex":"86","authorUserId":"1768190","exclusive":"1","state":1,"price":61,"inserted_date":"2018-01-31","sent":1,"downloads":47,"search_words":"easy audit personal consulting accounting financial business portfolio agency industry technical corporate services company web technology bank investment website","is_adult":0,"exc_price":4500,"sent_date":"2018-06-07 02:51:06","last_upload":"2018-01-31 00:00:00","package_id":295,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":334,"filename":"67041-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":67041,"width":1024,"window_params":"","banner_url":"","id":1729614,"href":"","height":1536},{"scr_type_id":311,"filename":"67041-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":67041,"width":1024,"window_params":"","banner_url":"","id":1729615,"href":"","height":1536},{"scr_type_id":312,"filename":"67041-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":67041,"width":370,"window_params":"","banner_url":"","id":1729616,"href":"","height":370},{"scr_type_id":9,"filename":"67041-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":67041,"width":145,"window_params":"","banner_url":"","id":1729617,"href":"","height":156},{"scr_type_id":57,"filename":"67041-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":67041,"width":430,"window_params":"","banner_url":"","id":1729618,"href":"","height":645}],"demoUrl":"/demo/67041.html","image":"https://s.tmimgcdn.com/scr/67000/quaint-business-flexible-multipurpose-website-template_67041-original.jpg","searchHash":"370669b6a67e084ed2b633245aa23b5e","previewHash":"239e9bf796eb68136695ec79b7e8cc54","authorNickname":"RockThemes","lowLevelTopic":"Consulting Templates; Marketing Agency Templates; Management Company Templates; Advertising Agency Templates; Exterior Design Templates; Web Design Templates; Design Studio Templates; Office Templates","weightedRating":4.3076923076923,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"business & services, management company, marketing agency, merchant services, consulting, office, outsourcing company, advertising agency, ccounting website, business services","uniqueKeywords":"easy audit personal consulting accounting financial business portfolio agency industry technical corporate services company web technology bank investment website","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Quaint HTML multi-purpose template is a solution to a variety of problems. It is universal and fits every type of business. A bunch of child themes and layouts","authorDownloadUrl":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1528373286240_67041.zip?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJNZLEYTTESHWAE3Q%2F20180607%2Fus-west-1%2Fs3%2Faws4_request&X-Amz-Date=20180607T121600Z&X-Amz-SignedHeaders=host&X-Amz-Expires=601200&X-Amz-Signature=e3cae6706aa4a7aa0ece3330b296d71885a90c8b84435998032420db1fc014a8","excludeExclusive":"Yes","imageKeyFeatures":"https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/5309/scr/Quaint-en_01.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/5309/scr/Quaint-en_02.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/5309/scr/Quaint-en_03.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/5309/scr/Quaint-en_04.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/5309/scr/Quaint-en_05.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/5309/scr/Quaint-en_06.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/5309/scr/Quaint-en_07.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/5309/scr/Quaint-en_08.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/5309/scr/Quaint-en_09.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/5309/scr/Quaint-en_10.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/5309/scr/Quaint-en_11.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/5309/scr/Quaint-en_12.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/5309/scr/Quaint-en_13.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/5309/scr/Quaint-en_14.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/5309/scr/Quaint-en_15.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/5309/scr/Quaint-en_16.jpg","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Dropdown Menu","Google map","Tabs","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"saleSells":"1","languageSupport":"English","authorUserId":"1768190","htmlTitle":"Multipage HTML Template","isFree":"none","hELPURL":"/quick-start-guide/website-template/","exclusive":"1","templateSoftwareRequired":["Apache 2+","PHP 5.4+","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"lastmod":"2021-12-01T05:56:26-05:00","previewScreensOrVideoURLs":"https://www.youtube.com/embed/vmTEU67_8dI","demoMetaDescription":"Try out the live preview of the top notch Quaint - Business Flexible Multipurpose Website Template (#67041) to get a better knowledge of what this template is before you purchase it. View the pages, check the images, press the buttons, explore the features.","shortDescription":"<p>Quaint HTML multi-purpose template is a solution to a variety of problems. It is universal and fits every type of business. A bunch of child themes and layouts allow to use Quaint for even specialized niche companies. All the impressive images presented in demo are included in the template pack for free and are available to use them wherever you like. In addition to a standard Bootstrap, Quaint is released with a convenient set of UI tools. This template is perfect to create a fully functional website quickly and easily. If any problems occur - out support team is available 24/7 to help you solve it.</p><p><em>Please note that .psd files are not included in this template package.</em></p><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 Management Corporation website design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means properly adapted to the screens of all dimensions on any device. </p> <p><b>Why is it Good?</b></p><p>Responsive design makes sure that the website will offer a great viewing experience to all users throughout all devices. </p><p>Fresh <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <h3>This is a Bootstrap Creative Marketing Agency web template</h3> <p><b>What is it?</b></p><p>It is the most popular HTML and CSS based framework containing variations for the most important elements found in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>Bootstrap enables you to build better websites .  </p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap web templates</a> here</p> <h3>This is Design & Photography website design with Appointment Booking functionality</h3> <p><b>What is it?</b></p><p>Appointment Booking layouts are run by a plugin that lets you generate bookings on your website page.</p> <p><b>Why is it Good?</b></p><p>Appointment Booking system on a site allows to streamline all the business operations and allow clients book appointments without having to get in touch with the administrator.</p><p>Find fresh <a href=\"https://www.templatemonster.com/appointment-booking-website-templates/\">Appointment Booking website design templates</a> here</p> <h3>This Consulting Agency web template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>The Search Engine Friendly internet site helps any searcher to analyze each and every page of the internet site, identify the content and index them in the repository.</p> <p><b>Why is it Good?</b></p><p>You don't have to be a professional at SEO to get high rankings in Google. WordPress SEO plugins allow to write SEO-ready titles and meta descriptions, and in addition analyze on-page content, let you make XML-sitemaps, and many more.</p><p>Find more <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly website design templates</a> here</p> <h3>This is a Bootstrap 4 Business Bureau website design template</h3> <p><b>What is it?</b></p><p>Bootstrap 4 is the latest version of Bootstrap framework used to create responsive and mobile-friendly websites.</p> <p><b>Why is it Good?</b></p><p>It gives you enhancements to block layout, Sass by default and a more structured framework system. Upgraded documentation and a effortless search. You will make themes even quicker.</p><p>View latest <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 website templates</a> here</p> <h3>This is a Parallax Office Rent website design</h3> <p><b>What is it?</b></p><p>Parallax is a front-end visual approach that involves images shifting less quickly as opposed to the background content to make a \"2D\" impression. </p> <p><b>Why is it Good?</b></p><p>Parallax scrolling gives your visitors an illusion of depth in 2D environments of your website. It makes your resource more vibrant and distinctive. Parallax is good for spicing up a single-page site,  giving life to infographics, or perhaps exhibiting a portfolio.</p><p>Browse for more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website designs</a> here</p> <br /></div></div></div></div>","tags":["accounting","agency","audit","bank","business","company","consulting","corporate","easy","financial","industry","investment","personal","portfolio","services","technical","technology","web","website"],"customUrl":"/website-templates/quaint-flexible-multipage-html-website-template-67041.html","badge":"badge-responsive","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_1300.jpg\" srcset=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_2560.jpg 2x\" alt=\"img\"/>","nameOfTheTemplate":"Quaint - Business Flexible Multipurpose Website Template","pHPVersionCompatibility":"7.x","topic":["Consulting Templates","Marketing Agency Templates","Management Company Templates","Advertising Agency Templates","Exterior Design Templates","Web Design Templates","Design","Design Studio Templates","Office Templates","Design & Photography","Business & Services","Home & Family"],"changeLogDate":"2018-06-07","styles":"Neutral","productFamily":"None","color":["black","white","grey"],"followUpLetter":"website-template-offers","dateRange":"Last Year","reviewsTotal":"3","templateSupportOptions":"[{\"id\":12362,\"template_id\":9854,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"}]","changeLog":"<b>Quaint Version 1.2 (June 07, 2018)</b>\r\n<br/>\r\n<b>Additions</b><br/>\r\n<ul><li><b>- ADD:</b> New Home page layout;</li>\r\n<ul><li><b>- UPD:</b> Owl carousel updated;</li>\r\n<ul><li><b>- UPD:</b> JS initialization;</li>\r\n<ul><li><b>- FIX:</b> Other minor bug fixes;</li>\r\n</ul>\r\n<br/><br/><br/>\r\n\r\n<b>Quaint Version 1.1 (February 14, 2018)</b>\r\n<br/>\r\n<b>Additions</b><br/>\r\n<ul><li><b>- ADD:</b> Home page added;</li>\r\n<ul><li><b>- UPD:</b> Speed optimization;</li>\r\n<ul><li><b>- FIX:</b> Blog pages fixes;</li>\r\n<ul><li><b>- FIX:</b> Portfolio pages fixes;</li>\r\n<ul><li><b>- FIX:</b> Minor scripts bug fixes;</li>\r\n</ul>\r\n<br/><br/><br/>","reviewAverageScore":"5","bootstrapVersion":"4.0.x","livePreviewURL":"https://livedemo00.template-help.com/wt_67041","authorMainScreenshot":"https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/5309/scr/Quaint-original.jpg","templateGroup":"HTML Templates","popularity":"Top Rated","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Isotope"],"templateIcon":"icon-bootstrap","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2rPKaiC","webForms":["Contact Form","Newsletter Subscription","Search Form"],"loyaltySells":"1","skupromo":"8%","marketplaceMembership":"One","category":"Website templates","dqi":"86"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 01 Nov 2024 05:33:58 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=67041&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=67041&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=67041&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 01 Nov 2024 05:38:58 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: 165.227.251.218:80"
}
https://livedemo00.template-help.com/wt_67041<!DOCTYPE html>
<html lang="en">
<head>
    <title>#67041 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/67041.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 #67041            </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=67041&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $56                <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>