string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58908&expand=properties"
string(15175) "[{"templateId":58908,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":377,"categoryName":"Yoga Templates","templateTitle":"Yoga Responsive Website Template","templatePreviewHtmlTitle":"Yogameta Website Template #58908 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Yogameta Website Template #58908","typeShortName":"Website","templatePreviewFBTitle":"<p><strong>Yogameta</strong> is a responsive Yoga Website Template that can be used not only for blogs, personal and business pages, but also web stores. The theme's pack is integrated with ready-made <em>eCommerce page templates</em>, which are ready to go live out of the box. Featuring a minimalist design, the template is rich in different visual effects, which are intended to enhance the appeal of your sport or travel related web project. With the purpose to keep the audience updated on the upcoming events, the theme is integrated with a <em>timetable</em>. Instagram widget at the bottom of the front page allows the users to keep track of your latest photo and video publications on the site. Google maps and a number of working forms as well as live chat feature make it easier to reach you on the site or find your physical location.</p><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 digital products vendor and earn up to 70% from each sale.</p><h3>This is a Parallax Outdoors& Travel website design template</h3><p><strong>What is it?</strong></p><p>Parallax is a scrolling technique in which front pics move around in a different swiftness than the back ground ones.</p><p><strong>Why is it Good?</strong></p><p>Parallax help your potential customers correspond with your site and make far better visitor experience. It will help you to be noticeable among your competitors.</p><p>Newest Parallax website templates here</p><h3>This is Yoga website template with On-line chat functionality</h3><p><strong>What is it?</strong></p><p>On-line Chat is a tool that enables you to have a live chat with your clients.</p><p><strong>Why is it Good?</strong></p><p>On-line chats increase user engagement and raise website conversion rates.</p><p>View more On-line chat website designs here</p><h3>This Outdoorssports website design template is Responsive</h3><p><strong>What is it?</strong></p><p>Responsive design renders a web-based page exact well on any kind of screen size.</p><p><strong>Why is it Good?</strong></p><p>Mobile phones drive 80% of global online utilization. It's critical to build your web presence responsive unless you desire to reduce your potential audience.</p><p>Find fresh Responsive website templates here</p><h3>This is a Bootstrap Yoga Instructor website design template</h3><p><strong>What is it?</strong></p><p>This is the most popular HTML and CSS based framework containing styles for the most important components found in the HTML coding.</p><p><strong>Why is it Good?</strong></p><p>Bootstrap can help to build responsive, mobile-first net projects without hassle.</p><p>Newest Bootstrap website design templates here</p>","templateFullTitle":"Yogameta Website Template","templatePreviewMetaDescription":"Yogameta is a responsive Yoga Website Template that can be used not only for blogs, personal and business pages, but also web stores. The theme's pack is","templateDemoMetaDescription":"Try out the live preview for the premium Yogameta Website Template (#58908) to discover what this theme is before you buy it. View the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Yogameta Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/yoga-responsive-website-template-58908.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":"1","state":1,"price":53,"inserted_date":"2016-06-07","sent":2,"downloads":244,"search_words":"fitness,club,gym,organic,diet,food,group,protein,psychology,strong,force,expert,professinal,health,confidence,fruits,mentor,coach,beauty","is_adult":0,"exc_price":4500,"sent_date":"2016-06-07 00:00:00","last_upload":"2016-06-07 00:00:00","package_id":258,"hasExclusivePrice":1,"screenshots":[{"id":1656676,"templ_id":58908,"filename":"58908-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":1656677,"templ_id":58908,"filename":"58908-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":1656678,"templ_id":58908,"filename":"58908-original-1200.jpg","width":1902,"height":8867,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1656679,"templ_id":58908,"filename":"58908-b-responsive.jpg","width":430,"height":2005,"href":"","window_params":"","scr_type_id":297,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1656680,"templ_id":58908,"filename":"58908-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":1656681,"templ_id":58908,"filename":"58908-original.jpg","width":1902,"height":8867,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1656682,"templ_id":58908,"filename":"58908-big.jpg","width":965,"height":4499,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1656683,"templ_id":58908,"filename":"58908-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":1656684,"templ_id":58908,"filename":"58908-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":1656685,"templ_id":58908,"filename":"58908-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":1656686,"templ_id":58908,"filename":"58908-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":1656687,"templ_id":58908,"filename":"58908-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":1656688,"templ_id":58908,"filename":"58908-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":1656689,"templ_id":58908,"filename":"58908-origin-1200.jpg","width":1902,"height":8867,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1656690,"templ_id":58908,"filename":"58908-origin.jpg","width":1902,"height":8867,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/58908.html","image":"https://s.tmimgcdn.com/scr/58900/yogameta-website-template_58908-original.jpg","searchHash":"fc7cda8bf8fc2196cbf425fcb7bffe23","previewHash":"82a574791d56d3492d66abdf7d96d25e","authorNickname":"RockThemes","lowLevelTopic":"Yoga Templates","weightedRating":4.56,"annualSale":3,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":37,"discountPercent":30,"discountAmount":16,"semiannualSales":0,"properties":{"features":["Responsive","Bootstrap","On-line chat"],"styles":["Neutral","Flat"],"galleryScript":["Accordion","Carousel","CSS and JS","Slider","Isotope"],"webForms":["Contact Form","Newsletter Subscription"],"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":["Yoga Templates","Sport Templates","Sports, Outdoors & Travel"],"documentationVersion":"v1.1","isFree":"none","popularity":"Top Rated","nomotopress":"1","color":["white","grey","purple","cyan"],"bootstrapVersion":"3.3.x","uniqueKeywords":"fitness,club,gym,organic,diet,food,group,protein,psychology,strong,force,expert,professinal,health,confidence,fruits,mentor,coach,beauty","livePreviewURL":"https://livedemo00.template-help.com/wt_58908/","width":"1920px","imageDescription":"https://s.tmimgcdn.com/scr/58900/58908-responsive-layout.jpg","imageKeyFeatures":"https://s.tmimgcdn.com/scr/58900/58908-en_01.jpg, https://s.tmimgcdn.com/scr/58900/58908-en_02.jpg, https://s.tmimgcdn.com/scr/58900/58908-en_03.jpg, https://s.tmimgcdn.com/scr/58900/58908-en_04.jpg, https://s.tmimgcdn.com/scr/58900/58908-en_05.jpg, https://s.tmimgcdn.com/scr/58900/58908-en_06.jpg, https://s.tmimgcdn.com/scr/58900/58908-en_07.jpg, https://s.tmimgcdn.com/scr/58900/58908-en_08.jpg, https://s.tmimgcdn.com/scr/58900/58908-en_09.jpg, https://s.tmimgcdn.com/scr/58900/58908-en_10.jpg, https://s.tmimgcdn.com/scr/58900/58908-en_11.jpg, https://s.tmimgcdn.com/scr/58900/58908-en_12.jpg, https://s.tmimgcdn.com/scr/58900/58908-en_13.jpg, https://s.tmimgcdn.com/scr/58900/58908-en_14.jpg, https://s.tmimgcdn.com/scr/58900/58908-en_15.jpg, https://s.tmimgcdn.com/scr/58900/58908-en_16.jpg","bitLyUrl":"http://bit.ly/1Y5CDDD","metaDescription":"Yogameta is a responsive Yoga Website Template that can be used not only for blogs, personal and business pages, but also web stores. The theme's pack is","htmlTitle":"Yoga Website Template","nameOfTheTemplate":"Yogameta Website Template","kindOfShops":"The theme is intended for sport, travel and healthcare websites.","shortDescription":"<p><strong>Yogameta</strong> is a responsive Yoga Website Template that can be used not only for blogs, personal and business pages, but also web stores. The theme's pack is integrated with ready-made <em>eCommerce page templates</em>, which are ready to go live out of the box. Featuring a minimalist design, the template is rich in different visual effects, which are intended to enhance the appeal of your sport or travel related web project. With the purpose to keep the audience updated on the upcoming events, the theme is integrated with a <em>timetable</em>. Instagram widget at the bottom of the front page allows the users to keep track of your latest photo and video publications on the site. Google maps and a number of working forms as well as live chat feature make it easier to reach you on the site or find your physical location.</p><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 digital products vendor and earn up to 70% from each sale.</p><h3>This is a Parallax Outdoors& Travel website design template</h3><p><strong>What is it?</strong></p><p>Parallax is a scrolling technique in which front pics move around in a different swiftness than the back ground ones.</p><p><strong>Why is it Good?</strong></p><p>Parallax help your potential customers correspond with your site and make far better visitor experience. It will help you to be noticeable among your competitors.</p><p>Newest Parallax website templates here</p><h3>This is Yoga website template with On-line chat functionality</h3><p><strong>What is it?</strong></p><p>On-line Chat is a tool that enables you to have a live chat with your clients.</p><p><strong>Why is it Good?</strong></p><p>On-line chats increase user engagement and raise website conversion rates.</p><p>View more On-line chat website designs here</p><h3>This Outdoorssports website design template is Responsive</h3><p><strong>What is it?</strong></p><p>Responsive design renders a web-based page exact well on any kind of screen size.</p><p><strong>Why is it Good?</strong></p><p>Mobile phones drive 80% of global online utilization. It's critical to build your web presence responsive unless you desire to reduce your potential audience.</p><p>Find fresh Responsive website templates here</p><h3>This is a Bootstrap Yoga Instructor website design template</h3><p><strong>What is it?</strong></p><p>This is the most popular HTML and CSS based framework containing styles for the most important components found in the HTML coding.</p><p><strong>Why is it Good?</strong></p><p>Bootstrap can help to build responsive, mobile-first net projects without hassle.</p><p>Newest Bootstrap website design templates here</p>","reviewsTotal":"15","reviewAverageScore":"5","showVariantForcibly":"b","trendiness":"1","exclusive":"1","dynamicChangeLog":"<ul>\n<li>- 1 HTML issue fixed</li>\n<li>- 1 minor CSS issue fixed</li>\n<li>- 2 front-end issues fixed</li>\n<li>- 1 styles bug fixed</li>\n<li>- 1 PSD layer updated</li>\n</ul>","lastmod":"2022-02-04T03:53:08-05:00","sqi":"95","templateSupportOptions":"[{\"id\":300076,\"template_id\":316366,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":300079,\"template_id\":316366,\"type\":4,\"measure\":\"minute\",\"value\":5,\"phone\":\"\"}]","dqi":"00","authorUserId":"1768190","skupromo":"20%","customUrl":"/website-templates/yoga-responsive-website-template-58908.html","demoMetaDescription":"Try out the live preview for the premium Yogameta Website Template (#58908) to discover what this theme is before you buy it. View the pages, examine the images, click the buttons, explore the functionality.","isOldDemoUrl":"1","imagesIncluded":"Yes","tags":["beauty","club","coach","confidence","diet","expert","fitness","food","force","fruits","group","gym","health","mentor","organic","protein","psychology","strong","professinal"],"marketplaceMembership":"None","paidSupport":"Yes","advImage":"https://s3u.tmimgcdn.com/u1768190/b109f212b63427efa4228d88f179a0dd.png","affiliateSells":"1","authorMainScreenshot":"https://s.tmimgcdn.com/scr/58900/yogameta-website-template_58908-original.jpg","changeLogDate":"2021-08-30","saleSells":"1","productSize":"622049777","pHPVersionCompatibility":"7.x","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: Mon, 25 Nov 2024 03:48:26 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=58908&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58908&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58908&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 25 Nov 2024 03:53:26 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_58908/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58908 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/58908.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 #58908            </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=58908&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $49                <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>