string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=55118&expand=properties"
string(13727) "[{"templateId":55118,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":290,"categoryName":"Dentistry Templates","templateTitle":"Dentistry Responsive Website Template","templatePreviewHtmlTitle":"Skyce Dentistry Website Template #55118 - TemplateMonster","templateDemoHtmlTitle":"Demo for Skyce Dentistry Website Template #55118","typeShortName":"Website","templatePreviewFBTitle":"Minimize the time that you need for your new site with this Dentistry Website Template . This highly responsive theme will adapt to any screen size and resolution. Its layout is clean and minimalist, with vivid calls-to-action. You can configure the template the way you wish thanks to the utility features it comes loaded with. Sliced PSD and detailed documentation folder are included. Mobile Menu, ScrollPane Scroll Effect, SuperFish DropDown Menu, Google web fonts, Google map , and many other useful features were included in the package. In a word, this is an innovative theme that will portray your web presence attractively.<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 Medical Technologies website design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive layouts adapt to small and much larger display screen sizes mechanically.</p> <p><b>Why is it Good?</b></p><p>It is good considering that the website is available for more users from the large amount of gadgets. </p><p>View latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This is a Parallax Medical Technologist web template</h3> <p><b>What is it?</b></p><p>A parallax scrolling is a technique in webdesign when background image shifts at a less quick rate than a front article, forming the impression of 2D effect. </p> <p><b>Why is it Good?</b></p><p>By the use of the parallax scrolling animation, you might include the optical illusion of interesting depth to your online site, thus presenting your data in a more fascinating style.</p><p>Find fresh <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax web templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Skyce Dentistry Website Template","templatePreviewMetaDescription":"Minimize the time that you need for your new site with this Dentistry Website Template . This highly responsive theme will adapt to any screen size and","templateDemoMetaDescription":"Prior to buying it, get yourself knowledgeable about the high quality Skyce Dentistry Website Template (#55118) by viewing the demo. View the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Skyce Dentistry Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/55118.html","userRating":0,"designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2015-07-24","sent":2,"downloads":16,"search_words":"32 teeth  dentist teeth policlinic bright doctor services dentistry cosmetic care health prices bleaching prosthesis crown of tooth implant clients testimonials pain painless treatment solution technology dental services stopping caries parodontosis","is_adult":0,"exc_price":4100,"sent_date":"2015-07-27 06:15:22","last_upload":"2015-07-24 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":3,"filename":"55118-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55118,"width":1800,"window_params":"","banner_url":"","id":1489368,"href":"","height":5500},{"scr_type_id":317,"filename":"55118-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55118,"width":2050,"window_params":"","banner_url":"","id":1489369,"href":"","height":5500},{"scr_type_id":315,"filename":"55118-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55118,"width":1800,"window_params":"","banner_url":"","id":1489370,"href":"","height":5500},{"scr_type_id":3,"filename":"55118-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55118,"width":1800,"window_params":"","banner_url":"","id":1489371,"href":"","height":5500},{"scr_type_id":3,"filename":"55118-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55118,"width":895,"window_params":"","banner_url":"","id":1489372,"href":"","height":599},{"scr_type_id":3,"filename":"55118-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55118,"width":2050,"window_params":"","banner_url":"","id":1489373,"href":"","height":5500},{"scr_type_id":3,"filename":"55118-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55118,"width":2050,"window_params":"","banner_url":"","id":1489374,"href":"","height":5500},{"scr_type_id":3,"filename":"55118-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55118,"width":408,"window_params":"","banner_url":"","id":1489375,"href":"","height":55},{"scr_type_id":212,"filename":"55118-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55118,"width":430,"window_params":"","banner_url":"","id":1489376,"href":"","height":60},{"scr_type_id":297,"filename":"55118-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55118,"width":430,"window_params":"","banner_url":"","id":1489377,"href":"","height":1314},{"scr_type_id":299,"filename":"55118-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55118,"width":430,"window_params":"","banner_url":"","id":1489378,"href":"","height":900},{"scr_type_id":300,"filename":"55118-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55118,"width":320,"window_params":"","banner_url":"","id":1489379,"href":"","height":900},{"scr_type_id":3,"filename":"55118-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55118,"width":965,"window_params":"","banner_url":"","id":1489380,"href":"","height":2949},{"scr_type_id":298,"filename":"55118-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55118,"width":430,"window_params":"","banner_url":"","id":1489381,"href":"","height":900},{"scr_type_id":9,"filename":"55118-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55118,"width":145,"window_params":"","banner_url":"","id":1489382,"href":"","height":156},{"scr_type_id":312,"filename":"55118-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55118,"width":370,"window_params":"","banner_url":"","id":1489383,"href":"","height":370},{"scr_type_id":311,"filename":"55118-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55118,"width":965,"window_params":"","banner_url":"","id":1489384,"href":"","height":2949},{"scr_type_id":3,"filename":"55118-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55118,"width":1800,"window_params":"","banner_url":"","id":1489385,"href":"","height":5500},{"scr_type_id":78,"filename":"55118-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":55118,"width":970,"window_params":"","banner_url":"","id":1489386,"href":"","height":280},{"scr_type_id":314,"filename":"55118-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55118,"width":2050,"window_params":"","banner_url":"","id":1489387,"href":"","height":5500},{"scr_type_id":334,"filename":"55118-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":55118,"width":2050,"window_params":"","banner_url":"","id":1639556,"href":"","height":5500}],"demoUrl":"/demo/55118.html","image":"https://s.tmimgcdn.com/scr/55100/skyce-dentistry-website-template_55118-original.jpg","searchHash":"c7730a1ad81891c758a47bea2f0f081c","previewHash":"cfcbadc41987e10ab3a160a2973be823","authorNickname":"WT","lowLevelTopic":"Dentistry Templates; Business & Services; Fashion & Beauty","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","kindOfShops":"The template is intended for dentistry, healthcare, family, education, and business websites.","followUpLetter":"website-template-offers","color":["white","grey","cyan"],"uniqueKeywords":"Skyce dentistry","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","metaDescription":"Portray Your Web Presence Attractively with Responsive Dentistry Website Template.","features":["Responsive","HTML plus JS","Parallax","HTML 5","JQuery","Sliced PSD","Dropdown Menu","Google map"],"livePreviewURL":"https://livedemo00.template-help.com/wt_55118","templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1553971","isFree":"none","htmlTitle":"Dentistry Website Template","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.2","imageDescription":"https://s.tmimgcdn.com/scr/55100/55118-responsive-layout.jpg","nomotopress":"1","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"dynamicChangeLog":"<ul>\n<li>- 2 minor HTML bugs fixed</li>\n<li>- 2 minor font issues fixed</li>\n<li>- 1 background issue fixed</li>\n</ul>","templateIcon":"icon-responsive","lastmod":"2020-07-24T07:26:14-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","demoMetaDescription":"Prior to buying it, get yourself knowledgeable about the high quality Skyce Dentistry Website Template (#55118) by viewing the demo. View the pages, check the images, press the buttons, explore the functionality.","shortDescription":"Minimize the time that you need for your new site with this Dentistry Website Template . This highly responsive theme will adapt to any screen size and resolution. Its layout is clean and minimalist, with vivid calls-to-action. You can configure the template the way you wish thanks to the utility features it comes loaded with. Sliced PSD and detailed documentation folder are included. Mobile Menu, ScrollPane Scroll Effect, SuperFish DropDown Menu, Google web fonts, Google map , and many other useful features were included in the package. In a word, this is an innovative theme that will portray your web presence attractively.<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 Medical Technologies website design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive layouts adapt to small and much larger display screen sizes mechanically.</p> <p><b>Why is it Good?</b></p><p>It is good considering that the website is available for more users from the large amount of gadgets. </p><p>View latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This is a Parallax Medical Technologist web template</h3> <p><b>What is it?</b></p><p>A parallax scrolling is a technique in webdesign when background image shifts at a less quick rate than a front article, forming the impression of 2D effect. </p> <p><b>Why is it Good?</b></p><p>By the use of the parallax scrolling animation, you might include the optical illusion of interesting depth to your online site, thus presenting your data in a more fascinating style.</p><p>Find fresh <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax web templates</a> here</p> <br /></div></div></div></div>","bitLyUrl":"http://bit.ly/1U1RTOp","tags":["bleaching","bright","care","caries","clients","cosmetic","crown","dental","dentist","dentistry","doctor","health","implant","pain","painless","policlinic","prices","prosthesis","services","solution","technology","teeth","testimonials","tooth","treatment","of"],"customUrl":"/website-templates/55118.html","webForms":"Contact Form","badge":"badge-responsive","nameOfTheTemplate":"Skyce Dentistry Website Template","loyaltySells":"1","width":"2050px","pHPVersionCompatibility":"7.x","topic":["Dentistry Templates","Medical Templates","Business & Services","Fashion & Beauty"],"styles":["Neutral","Flat"],"skupromo":"43%","marketplaceMembership":"None","advImage":"https://s.tmimgcdn.com/scr/55100/55118-original.jpg","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Wed, 08 Jan 2025 14:51:47 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=55118&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=55118&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=55118&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 08 Jan 2025 14:56:47 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_55118<!DOCTYPE html>
<html lang="en">
<head>
    <title>#55118 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/55118.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 #55118            </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=55118&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $58                <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>