string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=62485&expand=properties"
string(16272) "[{"templateId":62485,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":119,"categoryName":"Massage Salon Templates","templateTitle":"Massage Salon Responsive WordPress Theme","templatePreviewHtmlTitle":"Espero - Massage Salon Responsive WordPress Theme","templateDemoHtmlTitle":"Live demo for Espero - Massage Salon Responsive WordPress Theme #62485","typeShortName":"WordPress","templatePreviewFBTitle":"<h2>Get Acquainted with a Vivid and Clean Massage Theme</h2><p>How do you feel about having a massage? Or maybe you are going to open your own professional wellness spa. Although, there is no way to promote your business well without a high-quality and productive website with the whole information about the massage salon. That is the reason to look through the fascinating and fully responsive massage theme - Espero.</p><p>It’s high time to go deeper and learn more about the Espero features and possibilities bit by bit. Let’s start from the very beginning!</p><p>This massage theme is one of the best solutions for your massage salon. Just look at its home page. A great number of multiple headers and footers for any case. They allow you to be different and choose the design you really need. At your disposal, there are 7 different header styles and 2 footers.</p><p>Also, your clients will have an opportunity to use any device they want and don’t worry about the website is broken. You will be always confident in your high performance and stable work, as this massage theme is notable for its speed of efficiency.</p><p>After picking the appropriate header and footer you are going to the customization of the pages. Believe that Espero is a kind of massage theme that includes only necessary types of pages such as:</p><ul><li>typography</li><li>error 404 page</li><li>booking appointment</li></ul><p>and pages with static elements and dynamic modules.</p><p>Agree, that it’s better to possess the pages that you really need and your clients are interested in.</p><p>Speaking about the static elements and dynamic modules you will get an enormous list of possibilities that will surely be in handy. There are no doubts that you need a team module for sharing the data about your massage experts. Also, the services module is very necessary to show the customers all your benefits and advantages. Don't forget to add the testimonials module to increase the reliability and credibility of the brand-new visitors.</p><p>Listing the static elements the Espero massage theme contains plenty of variants such as:</p><ul><li>call to action</li><li>tabs</li><li>sliders</li><li>contact form</li><li>countdown timer</li><li>pricing table</li><li>maps</li><li>video</li><li>testimonials and lots of others</li></ul><p>How can you imagine a web world today without SEO? Right! It’s the key point now if you want to be on the top, of course. For this reason, the Espero massage theme is absolutely SEO friendly and enables your search engine to explore and index the pages. Also, it will boost the search ranks of the website.</p><p>All the clients like to see a bright picture, so retina-ready technology will make your high-quality images and content look more appealing and colorful. Background options allow you to play with the background and make it more powerful and attractive. Pay attention to the design, which is pleasant for customers' eyes, with minimalistic colors and details, that makes difference.</p><p>Finally, the Espero massage theme is a marvelous solution for your brand-new spa salon, it can do its best to make the most beneficial promotion and draw attention in the first seconds. Espero will cheer you with its high productivity, responsiveness, clean code, and live customization.</p>","templateFullTitle":"Espero - Massage Salon Responsive WordPress Theme","templatePreviewMetaDescription":"Get Acquainted with a Vivid and Clean Massage ThemeHow do you feel about having a massage? Or maybe you are going to open your own professional wellness spa.","templateDemoMetaDescription":"Sit back and watch the demo preview of the high quality Espero - Massage Salon Responsive WordPress Theme (#62485) to get a better notion of what this design is before you buy it. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Espero - Massage Salon Responsive WordPress Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/62485.html","userRating":"4.5","designIndex":"87","authorUserId":"1519369","exclusive":"1","state":1,"price":49,"inserted_date":"2017-02-28","sent":2,"downloads":107,"search_words":"aromatherapy massage hot stones therapy thai massage sports massage head massage reflexology massage massagist and business medical massage therapy massage massage salon spa","is_adult":0,"exc_price":5000,"sent_date":"2020-07-23 07:09:26","last_upload":"2020-07-23 07:45:35","package_id":287,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":3,"filename":"62485-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62485,"width":1903,"window_params":"","banner_url":"","id":1683774,"href":"","height":8135},{"scr_type_id":300,"filename":"62485-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62485,"width":320,"window_params":"","banner_url":"","id":1683775,"href":"","height":900},{"scr_type_id":3,"filename":"62485-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62485,"width":895,"window_params":"","banner_url":"","id":1683776,"href":"","height":599},{"scr_type_id":311,"filename":"62485-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62485,"width":800,"window_params":"","banner_url":"","id":1683777,"href":"","height":1200},{"scr_type_id":312,"filename":"62485-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62485,"width":370,"window_params":"","banner_url":"","id":1683778,"href":"","height":370},{"scr_type_id":299,"filename":"62485-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62485,"width":430,"window_params":"","banner_url":"","id":1683779,"href":"","height":900},{"scr_type_id":9,"filename":"62485-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62485,"width":145,"window_params":"","banner_url":"","id":1683780,"href":"","height":156},{"scr_type_id":315,"filename":"62485-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62485,"width":1903,"window_params":"","banner_url":"","id":1683781,"href":"","height":8135},{"scr_type_id":314,"filename":"62485-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62485,"width":1903,"window_params":"","banner_url":"","id":1683782,"href":"","height":8135},{"scr_type_id":3,"filename":"62485-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62485,"width":408,"window_params":"","banner_url":"","id":1683783,"href":"","height":55},{"scr_type_id":265,"filename":"62485-wp3.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62485,"width":430,"window_params":"","banner_url":"","id":1683784,"href":"","height":60},{"scr_type_id":336,"filename":"62485-wpgpl-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62485,"width":430,"window_params":"","banner_url":"","id":1683785,"href":"","height":1838},{"scr_type_id":334,"filename":"62485-3-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62485,"width":1600,"window_params":"","banner_url":"","id":1683786,"href":"","height":1000},{"scr_type_id":298,"filename":"62485-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62485,"width":430,"window_params":"","banner_url":"","id":1683787,"href":"","height":900},{"scr_type_id":57,"filename":"62485-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62485,"width":430,"window_params":"","banner_url":"","id":1911894,"href":"","height":645}],"demoUrl":"/demo/62485.html","image":"https://s.tmimgcdn.com/scr/62400/espero-massage-salon-responsive-wordpress-theme_62485-3-original.jpg","searchHash":"4cd4d0f1454c185416cf447cad107a36","previewHash":"01492e47ee5e67b5bbd99540634b349b","authorNickname":"ZEMEZ","lowLevelTopic":"Massage Salon Templates","weightedRating":4.3125,"annualSale":3,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":49,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"kindOfShops":"This theme is custom-made for medical, massage therapy, massage, massage salon, massage & spa, aromatherapy massage, hot stones therapy, thai massage, sports massage, head massage, reflexology massage, massagist, and business & services websites.","featured":"Ukraine","productSize":"131174446","uniqueKeywords":"aromatherapy massage,hot stones therapy,thai massage,sports massage,head massage,reflexology massage,massagist,and business,medical,massage therapy,massage,massage salon,spa","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Get Acquainted with a Vivid and Clean Massage ThemeHow do you feel about having a massage? Or maybe you are going to open your own professional wellness spa.","imageKeyFeatures":"https://s3u.tmimgcdn.com/1519369-1582212511327_Slice.png, https://s3u.tmimgcdn.com/1519369-1582212511328_Slice-1.png, https://s3u.tmimgcdn.com/1519369-1582212511330_Slice-2.png, https://s3u.tmimgcdn.com/1519369-1582212511330_Slice-3.png, https://s3u.tmimgcdn.com/1519369-1582212511333_Slice-4.png, https://s3u.tmimgcdn.com/1519369-1582212511336_Slice-5.png, https://s3u.tmimgcdn.com/1519369-1582212511337_Slice-6.png","features":["Responsive","Admin Panel","Retina Ready","Team Members","Dropdown Menu","Sample content","Advanced Theme Options","Performance Optimization","Blog","Website Builder"],"saleSells":"1","templateSources":[".PHP","This theme is widgetized"],"authorUserId":"1519369","languageSupport":"English","isFree":"none","htmlTitle":"Massage WP Theme","hELPURL":"/quick-start-guide/wordpress/","imageDescription":"https://s.tmimgcdn.com/scr/62400/62485-responsive-layout.jpg","additionalInfo":"Well Documented","exclusive":"1","wordPressBuilder":"Elementor Website Builder","lastmod":"2022-03-02T14:25:25-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"authorMainScreenshotVersion":"3","wordpressEngine":"5.4.x","compatibleWith":["WPML","MailChimp","Ecwid"],"wordpressComCompatibility":"Not Compatible","demoMetaDescription":"Sit back and watch the demo preview of the high quality Espero - Massage Salon Responsive WordPress Theme (#62485) to get a better notion of what this design is before you buy it. View the pages, check out the images, click the buttons, explore the features.","shortDescription":"<h2>Get Acquainted with a Vivid and Clean Massage Theme</h2><p>How do you feel about having a massage? Or maybe you are going to open your own professional wellness spa. Although, there is no way to promote your business well without a high-quality and productive website with the whole information about the massage salon. That is the reason to look through the fascinating and fully responsive massage theme - Espero.</p><p>It’s high time to go deeper and learn more about the Espero features and possibilities bit by bit. Let’s start from the very beginning!</p><p>This massage theme is one of the best solutions for your massage salon. Just look at its home page. A great number of multiple headers and footers for any case. They allow you to be different and choose the design you really need. At your disposal, there are 7 different header styles and 2 footers.</p><p>Also, your clients will have an opportunity to use any device they want and don’t worry about the website is broken. You will be always confident in your high performance and stable work, as this massage theme is notable for its speed of efficiency.</p><p>After picking the appropriate header and footer you are going to the customization of the pages. Believe that Espero is a kind of massage theme that includes only necessary types of pages such as:</p><ul><li>typography</li><li>error 404 page</li><li>booking appointment</li></ul><p>and pages with static elements and dynamic modules.</p><p>Agree, that it’s better to possess the pages that you really need and your clients are interested in.</p><p>Speaking about the static elements and dynamic modules you will get an enormous list of possibilities that will surely be in handy. There are no doubts that you need a team module for sharing the data about your massage experts. Also, the services module is very necessary to show the customers all your benefits and advantages. Don't forget to add the testimonials module to increase the reliability and credibility of the brand-new visitors.</p><p>Listing the static elements the Espero massage theme contains plenty of variants such as:</p><ul><li>call to action</li><li>tabs</li><li>sliders</li><li>contact form</li><li>countdown timer</li><li>pricing table</li><li>maps</li><li>video</li><li>testimonials and lots of others</li></ul><p>How can you imagine a web world today without SEO? Right! It’s the key point now if you want to be on the top, of course. For this reason, the Espero massage theme is absolutely SEO friendly and enables your search engine to explore and index the pages. Also, it will boost the search ranks of the website.</p><p>All the clients like to see a bright picture, so retina-ready technology will make your high-quality images and content look more appealing and colorful. Background options allow you to play with the background and make it more powerful and attractive. Pay attention to the design, which is pleasant for customers' eyes, with minimalistic colors and details, that makes difference.</p><p>Finally, the Espero massage theme is a marvelous solution for your brand-new spa salon, it can do its best to make the most beneficial promotion and draw attention in the first seconds. Espero will cheer you with its high productivity, responsiveness, clean code, and live customization.</p>","tags":["massage","medical","spa","massage salon","massage therapy","massagist","aromatherapy massage","hot stones therapy","thai massage","sports massage","head massage","reflexology massage","and business"],"customUrl":"/wordpress-themes/62485.html","nameOfTheTemplate":"Espero - Massage Salon Responsive WordPress Theme","topic":["Massage Salon Templates","Beauty Templates","Fashion & Beauty","Salon"],"styles":"Neutral","advImage":"https://s3u.tmimgcdn.com/u1519369/eb78f40c388c1a9e2084fe390b6fce4d.png","wpWoo":"1","productFamily":"None","color":["white","grey","brown","pink","green"],"followUpLetter":"wp-themes-offers","reviewsTotal":"6","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"wordpressCompatibility":"5.6.x","reviewAverageScore":"4.5","templateSupportOptions":"[]","sqi":"95","livePreviewURL":"https://ld-wp73.template-help.com/wordpress/prod_3284/v1/","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/52557/scr/1519369-1595502296530_20.jpg","templateGroup":"Wordpress Store","popularity":"Top Rated","nomotopress":"1","imagesIncluded":"Yes","dynamicChangeLog":"<ul><li>- 2 minor JS issues fixed</li><li>- 2 background issues fixed</li><li>- 1 minor styles issue fixed</li></ul>","templateIcon":"icon-wordpress","notice":"In case the theme is released under the GNU GPLv3 license the stock images used in this theme and its .psd source files are not included to the delivered package, as they do not fall under the GPL license.","types":"WordPress Themes","isOldDemoUrl":"1","trendiness":"1","documentationLink":"wordpress/index.php?project=espero","bitLyUrl":"http://bit.ly/2p2vHdR","webForms":["Booking Form","Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"paidSupport":"Yes","skupromo":"21%","marketplaceMembership":"One","category":"Website templates","dqi":"87"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Mon, 29 Apr 2024 06:13:11 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=62485&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=62485&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=62485&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 29 Apr 2024 06:18:11 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://ld-wp73.template-help.com/wordpress/prod_3284/v1/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#62485 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/62485.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">
                WordPress Themes #62485            </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=62485&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $45                <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="/wordpress-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>