string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=59090&expand=properties"
string(17377) "[{"templateId":59090,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":584,"categoryName":"Med School","templateTitle":"Med School Responsive Website Template","templatePreviewHtmlTitle":"Sana - Medical Clean Responsive Website Template","templateDemoHtmlTitle":"Demo for Sana - Medical Clean Responsive Website Template #59090","typeShortName":"Website","templatePreviewFBTitle":"<h2><strong>Modern Medical Clean Responsive Website Template</strong></h2><p>A medical clean responsive website template provides a variety of tools for effective web development. Nowadays, having a well-developed website is highly important for any business. With a properly designed site, you can increase sales and attract new clients easily. However, to achieve this, you often have to apply a professional approach. That's why many companies hire web developers to build a website according to their preferences.</p><p>Still, there's a more affordable way to web development. If you want to save both money and time, we recommend using HTML5 website templates. They are reliable and flexible solutions that are available at a reasonable price. Based on the Bootstrap 5 framework, such templates provide high responsiveness and support a wide range of modern devices. They also guarantee easy maintenance for your website. If you are looking for such a template to help you build a medical clinic website, we know what to offer you.</p><h3><strong>Feature-Rich HTML5 Solution for Medical Clinics</strong></h3><p>The Sana medical clean responsive website template offers a modern &clean design combined with a spacious layout. It is quite detailed to allow you to post any kind of content you prefer. From texts to videos and images, this solution can handle anything. Our template is fitting for any medical establishment. Medical to dental clinics can both benefit from using such a solution. It also comes with a set of powerful features. They are designed to help you make your site more stable and reliable:</p><ol><li>W3C valid coding;</li><li>SEO-ready layout;</li><li>Google Maps;</li><li>Sass & Pug source files;</li><li>Google Fonts;</li><li>Cross-browser support;</li><li>Impressive CSS3 animations and transitions.</li></ol><p>However, these aren't all the advantages our solution provides. The medical clean responsive website template also offers a variety of included HTML5 pages. They are designed for various purposes. For example, some pages allow you to describe the doctors' schedule. Others are good for advertising your services and posting news and updates. And with elements like forms and sliders, your website can be more interactive and informative.</p><h2><strong>Customizable & Well-Documented HTML5 Template</strong></h2><p>Talking about elements, we should also mention the solution's customization potential. The Sana medical clean responsive website template offers a wide choice of integrated UI elements and components. From progress bars to icons, tables, and buttons, there's a lot you can use. Even without extensive knowledge of coding, working with this template is simple. And for seasoned developers, it can be a great basis for a website of varying complexity.</p><p>If you are looking for more information about this HTML5 template, we recommend reading its documentation. it describes how to install and manage this solution. Also, the documentation answers many common questions regarding our multipage templates and landing pages. but if you are looking for extra assistance, our qualified support team will be happy to help. We also invite you to take a look at our template catalog. It contains hundreds of ready-made solutions for any of your new online projects.</p>","templateFullTitle":"Sana - Medical Clean Responsive Website Template","templatePreviewMetaDescription":"Modern Medical Clean Responsive Website TemplateA medical clean responsive website template provides a variety of tools for effective web development.","templateDemoMetaDescription":null,"specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Sana - Medical Clean Responsive Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/medical-responsive-website-template-59090.html","userRating":"5","designIndex":"00","authorUserId":"1519369","exclusive":"0","state":1,"price":39,"inserted_date":"2016-09-02","sent":1,"downloads":204,"search_words":"plastic surgery doctor face hospital clinic estetica healthcare help inspection equipment patients medicine healthcare consulting consultant","is_adult":0,"exc_price":4500,"sent_date":"2019-08-15 00:00:00","last_upload":"2023-01-31 17:12:38","package_id":258,"hasExclusivePrice":1,"screenshots":[{"id":1663881,"templ_id":59090,"filename":"59090-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":1663882,"templ_id":59090,"filename":"59090-big.jpg","width":965,"height":3503,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1663883,"templ_id":59090,"filename":"59090-original-1200.jpg","width":1903,"height":6908,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1663884,"templ_id":59090,"filename":"59090-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":1663885,"templ_id":59090,"filename":"59090-origin-1200.jpg","width":1903,"height":6908,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1663886,"templ_id":59090,"filename":"59090-origin.jpg","width":1903,"height":6908,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1663887,"templ_id":59090,"filename":"59090-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":1663888,"templ_id":59090,"filename":"59090-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":1663889,"templ_id":59090,"filename":"59090-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":1663890,"templ_id":59090,"filename":"59090-b-responsive.jpg","width":430,"height":1561,"href":"","window_params":"","scr_type_id":297,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1663891,"templ_id":59090,"filename":"59090-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":1663892,"templ_id":59090,"filename":"59090-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":1663893,"templ_id":59090,"filename":"59090-3-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":1663894,"templ_id":59090,"filename":"59090-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":1663895,"templ_id":59090,"filename":"59090-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}],"demoUrl":"/demo/59090.html","image":"https://s.tmimgcdn.com/scr/59000/sana-medical-clean-responsive-website-template_59090-3-original.jpg","searchHash":"f6851df89b77aed01349cc456711a16d","previewHash":"0985b83f1feaa186d2c996f65b91d901","authorNickname":"ZEMEZ","lowLevelTopic":"Psychologist Templates; Medical Equipment Templates; Dentistry Templates; Ambulance Templates; Hair Clinic Templates; Optometrist's Templates; Reproduction Clinic Templates; Fashion & Beauty; Doctor; Med School","weightedRating":0,"annualSale":7,"monthlySales":1,"quarterlySales":1,"productBoost":125,"onSale":0,"finalPrice":37,"discountPercent":0,"discountAmount":0,"semiannualSales":2,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Events Calendar","Sliced PSD","Dropdown Menu","Google map","Tabs","Blog","Gallery","Portfolio","HTML 5","JQuery","HTML plus JS"],"styles":"Neutral","languageSupport":"English","badge":"badge-responsive","templateSources":[".PSD",".HTML"],"topic":["Psychologist Templates","Medical Equipment Templates","Dentistry Templates","Ambulance Templates","Hair Clinic Templates","Optometrist's Templates","Education Templates","Medical Templates","Reproduction Clinic Templates","Education & Books","Fashion & Beauty","Doctor","Med School"],"documentationVersion":"v1.1","isFree":"none","popularity":["Bestsellers","Top Rated"],"dateRange":"Last 6 Months","nomotopress":"1","color":["white","blue"],"productOfTheDay":"0","livePreviewURL":"https://livedemo00.template-help.com/wt_59090_v1/","width":"1920px","imageDescription":"https://s.tmimgcdn.com/scr/59000/59090-responsive-layout.jpg","uniqueKeywords":"plastic,surgery,doctor,face,hospital,clinic,estetica,healthcare,help,inspection,equipment,patients,medicine,healthcare,consulting,consultant","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1519369/2d2f8f75940f0d0bb677a9097147b776.jpg, https://s3u.tmimgcdn.com/u1519369/6e206902a92cfb71251db28f756a13c4.jpg, https://s3u.tmimgcdn.com/u1519369/01c37e387ebd0d81feb4e20fa16bf3e1.jpg, https://s3u.tmimgcdn.com/u1519369/e5d39a06a7a836f7b6a8b00ce47b9a7b.jpg, https://s3u.tmimgcdn.com/u1519369/828290b1e7a8c9cf83e7e071195a2558.jpg, https://s3u.tmimgcdn.com/u1519369/08d7413ea3f5eb8bb8cf165451c823ce.jpg, https://s3u.tmimgcdn.com/u1519369/0f158c691e9f41f360ed36cb4ca9538d.jpg, https://s3u.tmimgcdn.com/u1519369/82d00e20f9f2122d2796fd1327f9a386.jpg","bitLyUrl":"http://bit.ly/2bNLOco","shortDescription":"<h2><strong>Modern Medical Clean Responsive Website Template</strong></h2><p>A medical clean responsive website template provides a variety of tools for effective web development. Nowadays, having a well-developed website is highly important for any business. With a properly designed site, you can increase sales and attract new clients easily. However, to achieve this, you often have to apply a professional approach. That's why many companies hire web developers to build a website according to their preferences.</p><p>Still, there's a more affordable way to web development. If you want to save both money and time, we recommend using HTML5 website templates. They are reliable and flexible solutions that are available at a reasonable price. Based on the Bootstrap 5 framework, such templates provide high responsiveness and support a wide range of modern devices. They also guarantee easy maintenance for your website. If you are looking for such a template to help you build a medical clinic website, we know what to offer you.</p><h3><strong>Feature-Rich HTML5 Solution for Medical Clinics</strong></h3><p>The Sana medical clean responsive website template offers a modern &clean design combined with a spacious layout. It is quite detailed to allow you to post any kind of content you prefer. From texts to videos and images, this solution can handle anything. Our template is fitting for any medical establishment. Medical to dental clinics can both benefit from using such a solution. It also comes with a set of powerful features. They are designed to help you make your site more stable and reliable:</p><ol><li>W3C valid coding;</li><li>SEO-ready layout;</li><li>Google Maps;</li><li>Sass & Pug source files;</li><li>Google Fonts;</li><li>Cross-browser support;</li><li>Impressive CSS3 animations and transitions.</li></ol><p>However, these aren't all the advantages our solution provides. The medical clean responsive website template also offers a variety of included HTML5 pages. They are designed for various purposes. For example, some pages allow you to describe the doctors' schedule. Others are good for advertising your services and posting news and updates. And with elements like forms and sliders, your website can be more interactive and informative.</p><h2><strong>Customizable & Well-Documented HTML5 Template</strong></h2><p>Talking about elements, we should also mention the solution's customization potential. The Sana medical clean responsive website template offers a wide choice of integrated UI elements and components. From progress bars to icons, tables, and buttons, there's a lot you can use. Even without extensive knowledge of coding, working with this template is simple. And for seasoned developers, it can be a great basis for a website of varying complexity.</p><p>If you are looking for more information about this HTML5 template, we recommend reading its documentation. it describes how to install and manage this solution. Also, the documentation answers many common questions regarding our multipage templates and landing pages. but if you are looking for extra assistance, our qualified support team will be happy to help. We also invite you to take a look at our template catalog. It contains hundreds of ready-made solutions for any of your new online projects.</p>","kindOfShops":"This template may be used for: agency website, hair website, plastic surgery website, pediatrician website, pregnancy website.","metaDescription":"Modern Medical Clean Responsive Website TemplateA medical clean responsive website template provides a variety of tools for effective web development.","reviewsTotal":"14","reviewAverageScore":"5","reviewsTotalEs":"2","reviewAverageScoreEs":"5","showVariantForcibly":"b","trendiness":"1","authorUserId":"1519369","dynamicChangeLog":"<ul><li>- 3 minor CSS bugs fixed</li><li>- 3 minor font issues fixed</li><li>- 2 minor front-end bugs fixed</li><li>- 1 minor layout issue fixed</li></ul>","lastmod":"2021-11-24T11:21:50-05:00","exclusive":"0","sqi":"95","templateSupportOptions":"[]","dqi":"00","skupromo":"20%","alreadyPacked":"1","changeLog":"##Sana Version 2.1 (August 9, 2022):\r\n- UPD: Bootstrap to 5.2.0;\r\n- UPD: Popper.js to 2.11.5;\r\n- UPD: jQuery to 3.6.0;\r\n- UPD: jQuery Migrate to 3.3.2;\r\n- UPD: Owl carousel to 2.3.4;\r\n- UPD: RD Mailform to 4.3.0;\r\n- UPD: Swiper to 5.3.1;\r\n- UPD: RD Calendar to 1.2.0;\r\n- FIX: Structure;\r\n- FIX: Bugs; \r\n\r\n##Sana Version 2.0 (Jun 08, 2019):\r\n- UPD: Page loader;\r\n- UPD: logo for retina;\r\n- UPD: Google Maps Plugin;\r\n- UPD: counter;\r\n- UPD: countdown;\r\n- UPD: progress-circle;\r\n- UPD: progress-linear;\r\n- UPD: PUG mixins for navbar and bredcrumbs;\r\n- FIX: Minor HTML and CSS bugs.\r\n\r\n##Sana Version 1.1 (November 22, 2018):\r\n- UPD: bs3 to bs4;\r\n- RPL: RD parallax to material parallax;\r\n- RPL: photo swipe gallery to lightgallery;\r\n- RPL: responsive tabs and accordions to bootstrap tabs and accondions;\r\n- UPD: jade files to pug;\r\n- UPD: rd navbar;\r\n- UPD: isotope;\r\n- UPD: google map;\r\n- UPD: rd mailform;\r\n- UPD: owl carousel;\r\n- UPD: swiper slider;\r\n- FIX: style css.","marketplaceMembership":"One","customUrl":"/website-templates/medical-responsive-website-template-59090.html","nameOfTheTemplate":"Sana - Medical Clean Responsive Website Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1519369/15230d843421bebba6022ff2bc61f134.jpg, https://s3u.tmimgcdn.com/u1519369/3933c5267e3709680c6b239057584a2a.jpg, https://s3u.tmimgcdn.com/u1519369/cf09fcf07d5ae2d8c65822458febce2c.jpg, https://s3u.tmimgcdn.com/u1519369/175392ab91c6bc6a4a65c061c5ae2fc0.jpg, https://s3u.tmimgcdn.com/u1519369/9171a70761d24be4a2bef31e491f5526.jpg","isOldDemoUrl":"1","imagesIncluded":"Yes","tags":["clinic","consultant","consulting","doctor","equipment","face","healthcare","help","hospital","inspection","medicine","patients","plastic","surgery","estetica"],"paidSupport":"Yes","bootstrapVersion":"5.x","featured":"Ukraine","webServerCompatibility":"Apache 2.4","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"advImage":"https://s3u.tmimgcdn.com/u1519369/ffa090ea8147bbce8ec3a73efb0b4497.jpg","affiliateSells":"1","authorMainScreenshotVersion":"3","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1519369/6abb5e9c074e80dc4d12bfab0bd0ceca.jpg","changeLogDate":"2022-11-01","saleSells":"1","productSize":"945732564","bestsellers":"10","templateIcon":"icon-bootstrap","hELPURL":"/quick-start-guide/bootstrap-template/","notice":"Some of the forms included (like booking, registration, comment submission forms, etc.) may require extra scripts and/or database functionality.","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"HTML Website Templates","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Wed, 30 Oct 2024 19:25:36 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=59090&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=59090&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=59090&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 30 Oct 2024 19:30:36 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_59090_v1/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#59090 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/59090.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 #59090            </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=59090&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $36                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

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

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