string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58600&expand=properties"
string(18348) "[{"templateId":58600,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":287,"categoryName":"Drug Store Templates","templateTitle":"Drug Store Responsive Website Template","templatePreviewHtmlTitle":"Pharmaton - Drug Store Multipage Modern HTML Template Website Template","templateDemoHtmlTitle":"Live preview for Pharmaton - Drug Store Multipage Modern HTML Template Website Template #58600","typeShortName":"Website","templatePreviewFBTitle":"When it comes to medical websites you need a website template able to create an atmosphere of trust. In order to provide you with such a website template, our developers created a Pharmaton HTML Template. It is a clean, yet well-structured template and supports high-quality visuals. Moreover, you can decorate and edit design without HTML or CSS skills. Developers made it fully responsive and Pharmaton works and looks perfect on all devices. You can use a blog with structure options to spread important information. Or you can choose customization options for the gallery to present visual content in the best possible way. This HTML Template will be a perfect choice for pharmacies, medical websites, chemistries and pharmaceutical companies.<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 a Parallax Pharmacy website design</h3> <p><b>What is it?</b></p><p>A parallax scrolling is a technique in website design where background image shifts at a less quick pace than a front article, making the optical illusion of 2D effect. </p> <p><b>Why is it Good?</b></p><p>It generates a powerful effect for the visitor, consequently attracting a significant target audience and forcing customers to stick to the site. That's a good way to include a highlight to a one-page website, restore an infographic, tell a story or present a portfolio.</p><p>View more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website templates</a> here</p> <h3>This is Drug Store web template with Background video</h3> <p><b>What is it?</b></p><p>Video Background is another website design trend when one uses a video clip as opposed to static picture for a background.</p> <p><b>Why is it Good?</b></p><p>Background video will help you set up a lovely and more expert looking webpage.</p><p>Find newest <a href=\"https://www.templatemonster.com/background-video-website-templates/\">Background video website design templates</a> here</p> <h3>This is a Bootstrap 4 Chemist's Shop website template</h3> <p><b>What is it?</b></p><p>Bootstrap 4 is one of the current versions of the framework for creating HTML, CSS, and JavaScript sites. </p> <p><b>Why is it Good?</b></p><p>Bootstrap is known as a responsive, mobile-oriented framework. It's easy to work with and has a huge number of available resources.</p><p>View more <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 website designs</a> here</p> <h3>This Drugstore Pharmacy website design template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search Engine Ready is the type of web design that allows the search engine to crawl and index its content.</p> <p><b>Why is it Good?</b></p><p>With it, you can actually bring in many targeted visitors to the site from search engines.</p><p>Browse for more <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly website designs</a> here</p> <h3>This Pharmacist website design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a method of website design which enables web pages to adjust to a display resolution of pretty much any device - be it a pc, a tablet or a smartphone.</p> <p><b>Why is it Good?</b></p><p>It is good considering that the website is available for more visitors from the large variety of devices. </p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <h3>This is a Bootstrap Medicine Store web template</h3> <p><b>What is it?</b></p><p>Bootstrap is really a free front-end framework which offers for faster and effortless website development expertise.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is an extremely helpful tool and that's the simple reason it is well-known. Utilizing this type of framework, you'll be able to build responsive design, fitting to any sort of display screen size, prototype fresh new layouts without having complications and ensure your internet site is certainly cross-browser compatible.</p><p>Find latest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website designs</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Pharmaton - Drug Store Multipage Modern HTML Template Website Template","templatePreviewMetaDescription":"When it comes to medical websites you need a website template able to create an atmosphere of trust. In order to provide you with such a website template, our","templateDemoMetaDescription":"Before you decide to buy it, get the look and feel of the premium Pharmaton - Drug Store Multipage Modern HTML Template Website Template (#58600) by visiting the demo. View the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Pharmaton - Drug Store Multipage Modern HTML Template Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/pharmacy-company-drugstore-medical-responsive-website-template-58600.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":61,"inserted_date":"2017-03-10","sent":1,"downloads":17,"search_words":"pharmacy doctor health beauty hospital clinic services laboratory center help inspection equipment patients medicine healthcare consulting medical consultant multipage modern","is_adult":0,"exc_price":4500,"sent_date":"2019-03-29 00:00:00","last_upload":"2017-03-10 00:00:00","package_id":258,"hasExclusivePrice":1,"screenshots":[{"id":1684814,"templ_id":58600,"filename":"58600-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":1684815,"templ_id":58600,"filename":"58600-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},{"id":1684816,"templ_id":58600,"filename":"58600-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":1684817,"templ_id":58600,"filename":"58600-0-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":1684818,"templ_id":58600,"filename":"58600-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":1684819,"templ_id":58600,"filename":"58600-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":1684820,"templ_id":58600,"filename":"58600-origin-1200.jpg","width":1800,"height":5295,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1684821,"templ_id":58600,"filename":"58600-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":1684822,"templ_id":58600,"filename":"58600-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":1684823,"templ_id":58600,"filename":"58600-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":1684824,"templ_id":58600,"filename":"58600-big.jpg","width":965,"height":2839,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1684825,"templ_id":58600,"filename":"58600-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":1684826,"templ_id":58600,"filename":"58600-origin.jpg","width":1903,"height":5295,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1684827,"templ_id":58600,"filename":"58600-original-1200.jpg","width":1800,"height":5295,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1684828,"templ_id":58600,"filename":"58600-b-responsive.jpg","width":430,"height":1265,"href":"","window_params":"","scr_type_id":297,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/58600.html","image":"https://s.tmimgcdn.com/scr/58600/pharmaton-drug-store-multipage-modern-html-template-website-template_58600-0-original.jpg","searchHash":"1b4334c1c98f8ddfed604fb744263e75","previewHash":"dc2fe4c2d57d8270e37d2164e272cf07","authorNickname":"RockThemes","lowLevelTopic":"Drug Store Templates","weightedRating":4.181818181818182,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Tabs","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"styles":"Neutral","languageSupport":"English","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Isotope","Grid"],"webForms":["Contact Form","Newsletter Subscription","Search Form"],"badge":"badge-responsive","templateSoftwareRequired":["Adobe Photoshop CC+","Sublime Text2 or later, Notepad++","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"templateSources":[".PSD",".HTML"],"topic":["Drug Store Templates","Medical Templates"],"templateIcon":"icon-bootstrap","documentationVersion":"v1.3","popularity":"Top Rated","followUpLetter":"wp-themes-offers","nomotopress":"1","color":["white","grey"],"showVariantForcibly":"b","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-21223/","width":"1920px","imageDescription":"https://s.tmimgcdn.com/scr/58600/58600-responsive-layout.jpg","nameOfTheTemplate":"Pharmaton - Drug Store Multipage Modern HTML Template Website Template","shortDescription":"When it comes to medical websites you need a website template able to create an atmosphere of trust. In order to provide you with such a website template, our developers created a Pharmaton HTML Template. It is a clean, yet well-structured template and supports high-quality visuals. Moreover, you can decorate and edit design without HTML or CSS skills. Developers made it fully responsive and Pharmaton works and looks perfect on all devices. You can use a blog with structure options to spread important information. Or you can choose customization options for the gallery to present visual content in the best possible way. This HTML Template will be a perfect choice for pharmacies, medical websites, chemistries and pharmaceutical companies.<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 a Parallax Pharmacy website design</h3> <p><b>What is it?</b></p><p>A parallax scrolling is a technique in website design where background image shifts at a less quick pace than a front article, making the optical illusion of 2D effect. </p> <p><b>Why is it Good?</b></p><p>It generates a powerful effect for the visitor, consequently attracting a significant target audience and forcing customers to stick to the site. That's a good way to include a highlight to a one-page website, restore an infographic, tell a story or present a portfolio.</p><p>View more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website templates</a> here</p> <h3>This is Drug Store web template with Background video</h3> <p><b>What is it?</b></p><p>Video Background is another website design trend when one uses a video clip as opposed to static picture for a background.</p> <p><b>Why is it Good?</b></p><p>Background video will help you set up a lovely and more expert looking webpage.</p><p>Find newest <a href=\"https://www.templatemonster.com/background-video-website-templates/\">Background video website design templates</a> here</p> <h3>This is a Bootstrap 4 Chemist's Shop website template</h3> <p><b>What is it?</b></p><p>Bootstrap 4 is one of the current versions of the framework for creating HTML, CSS, and JavaScript sites. </p> <p><b>Why is it Good?</b></p><p>Bootstrap is known as a responsive, mobile-oriented framework. It's easy to work with and has a huge number of available resources.</p><p>View more <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 website designs</a> here</p> <h3>This Drugstore Pharmacy website design template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search Engine Ready is the type of web design that allows the search engine to crawl and index its content.</p> <p><b>Why is it Good?</b></p><p>With it, you can actually bring in many targeted visitors to the site from search engines.</p><p>Browse for more <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly website designs</a> here</p> <h3>This Pharmacist website design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a method of website design which enables web pages to adjust to a display resolution of pretty much any device - be it a pc, a tablet or a smartphone.</p> <p><b>Why is it Good?</b></p><p>It is good considering that the website is available for more visitors from the large variety of devices. </p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <h3>This is a Bootstrap Medicine Store web template</h3> <p><b>What is it?</b></p><p>Bootstrap is really a free front-end framework which offers for faster and effortless website development expertise.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is an extremely helpful tool and that's the simple reason it is well-known. Utilizing this type of framework, you'll be able to build responsive design, fitting to any sort of display screen size, prototype fresh new layouts without having complications and ensure your internet site is certainly cross-browser compatible.</p><p>Find latest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website designs</a> here</p> <br /></div></div></div></div>","kindOfShops":"Pharmacies, medical websites, chemistries and pharmaceutical companies","metaDescription":"Developed with care for every detail this theme is highly responsive, easy to edit and includes e-commerce features.","htmlTitle":"Pharmaton Multipage HTML Template","imageKeyFeatures":"https://s.tmimgcdn.com/scr/58600/58600-en_01.jpg, https://s.tmimgcdn.com/scr/58600/58600-en_02.jpg, https://s.tmimgcdn.com/scr/58600/58600-en_03.jpg, https://s.tmimgcdn.com/scr/58600/58600-en_04.jpg, https://s.tmimgcdn.com/scr/58600/58600-en_05.jpg, https://s.tmimgcdn.com/scr/58600/58600-en_06.jpg, https://s.tmimgcdn.com/scr/58600/58600-en_07.jpg, https://s.tmimgcdn.com/scr/58600/58600-en_08.jpg, https://s.tmimgcdn.com/scr/58600/58600-en_09.jpg","bitLyUrl":"http://bit.ly/2oQ9Ciz","trendiness":"1","lastmod":"2021-09-10T00:02:31-04:00","uniqueKeywords":"pharmacy doctor health beauty hospital clinic services laboratory center help inspection equipment patients medicine healthcare consulting medical consultant multipage modern","bootstrapVersion":"4.0.x","loyaltySells":"1","sqi":"95","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","dqi":"00","authorUserId":"1768190","skupromo":"40%","alreadyPacked":"1","reviewsTotal":"1","reviewAverageScore":"5","marketplaceMembership":"One","previewScreensOrVideoURLs":"58600/58600_01-big.jpg, 58600/58600_02-big.jpg, 58600/58600_03-big.jpg, 58600/58600_04-big.jpg, 58600/58600_05-big.jpg","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\"/>","customUrl":"/website-templates/pharmacy-company-drugstore-medical-responsive-website-template-58600.html","dynamicChangeLog":"<ul>\n<li>- 1 minor CSS bugs fixed</li>\n<li>- 3 minor font issues fixed</li>\n<li>- 3 background issues fixed</li>\n</ul>","demoMetaDescription":"Before you decide to buy it, get the look and feel of the premium Pharmaton - Drug Store Multipage Modern HTML Template Website Template (#58600) by visiting the demo. View the pages, check the images, click the buttons, explore the functionality.","isOldDemoUrl":"1","tags":["beauty","center","clinic","consultant","consulting","doctor","equipment","health","healthcare","help","hospital","inspection","laboratory","medical","medicine","modern","patients","pharmacy","services"],"pHPVersionCompatibility":"7.x","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.","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"HTML Website Templates","isFree":"none","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: Thu, 12 Dec 2024 04:48:40 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=58600&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58600&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58600&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 12 Dec 2024 04:53:40 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_prod-21223/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58600 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/58600.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 #58600            </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=58600&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>