string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=62500&expand=properties"
string(16056) "[{"templateId":62500,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":343,"categoryName":"City Portal Templates","templateTitle":"City Portal Responsive WordPress Theme","templatePreviewHtmlTitle":"Maryville - City Portal &amp; City Guide WordPress Theme","templateDemoHtmlTitle":"Live preview for Maryville - City Portal &amp; City Guide WordPress Theme #62500","typeShortName":"WordPress","templatePreviewFBTitle":"<h2>Why Choose the City Guide WordPress Theme</h2><p>Take a chance and explore the brand new cityguide WordPress theme. Let people discover the latest and hottest news, make them aware of the most recent events in your city. If you want to encourage and inspire citizens, this template will be quite suitable. The design of the theme is diverse and multifaceted. Here you can find a great variety of blocks and sections. The city guide WordPress theme will be a great decision in case you want to become the most trusted resource.</p><p>The cityguide WordPress theme has a couple of previously created pages, which offer all the necessary functions. Moreover, the pages are already SEO-optimized, which will help you in riching the highest positions in search engines. All the default demo content is also available with the city guide theme. Use images and icons, as well as pages. Among these pages are:</p><ul><li>Home page, where you can find a piece of introductory information about your website and your services.</li><li>About city page, which is aimed to introduce more about the city, elected officials, popular businesses, and featured projects.</li><li>Departments page of the city guide theme showcases the various departments, services, and events.</li><li>Government page, where you can place some articles about departments, local events or exhibitions.</li><li>Contacts page - here you can leave all your contacts and social links.</li></ul><p>In addition, the cityguide WordPress theme provides you with the opportunity of choosing between three styles for the footer and header of the pages. The documentation page is also available. as well as the 404 page, typography page, and the elements page.</p><p><strong>Check the Functionality of the City Guide Theme </strong></p><p>Explore the great variety of the breathtaking visual effects and design features, which are gathered in the cityguide WordPress theme. The significant banner with video and a call-to-action button will catch the eye of any viewer! The smart counter widget will showcase elected officials and the city’s inhabitants. Slider with testimonials will make your website “alive” by showing the reviews of the real people.</p><p>Furthermore, you are able to showcase your recent posts directly on the home page. The blog page of the cityguide WordPress theme consists of two main parts. The first one is the post listing. The other part is a neat sidebar, where the search field, recent comments, tags, categories, and custom posts are situated. Moreover, you are able to choose between the various post layouts and post formats. Also, you can disable a sidebar if you want to.</p><p>The cityguide WordPress theme additionally search field for the whole website. The contact form widget will allow people to leave you a message or send a review. As for the Google map widget, it will help viewers to find your offices.</p><p><strong>Сontact Our Team if You Need any Help </strong></p><p>In case you face a problem while installing or using the cityguide WordPress theme, or you want to install some additional options, don’t be afraid and text us! The team of experienced supporters will help you in any trouble. We are waiting for your questions 24/5.</p>","templateFullTitle":"Maryville - City Portal &amp; City Guide WordPress Theme","templatePreviewMetaDescription":"Why Choose the City Guide WordPress ThemeTake a chance and explore the brand new cityguide WordPress theme. Let people discover the latest and hottest news,","templateDemoMetaDescription":"The demo preview of this professional Maryville - City Portal & City Guide WordPress Theme (#62500) is created for you to get the look and feel of the template before you buy it. Click through the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Maryville - City Portal &amp; City Guide WordPress Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/62500.html","userRating":"3.5","designIndex":"86","authorUserId":"1519369","exclusive":"1","state":1,"price":49,"inserted_date":"2017-03-09","sent":1,"downloads":42,"search_words":"women portal fashion beauty skin make-up hair salon beach tanning company sun sea solarium equipment spa therapy","is_adult":0,"exc_price":5000,"sent_date":"2020-08-03 06:46:27","last_upload":"2020-03-16 09:16:47","package_id":287,"hasExclusivePrice":1,"screenshots":[{"id":1684399,"templ_id":62500,"filename":"62500-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":1684400,"templ_id":62500,"filename":"62500-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1684401,"templ_id":62500,"filename":"62500-origin.jpg","width":1903,"height":6453,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1684402,"templ_id":62500,"filename":"62500-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":1684403,"templ_id":62500,"filename":"62500-4-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1684404,"templ_id":62500,"filename":"62500-wp3.html","width":430,"height":60,"href":"","window_params":"","scr_type_id":265,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1684405,"templ_id":62500,"filename":"62500-wpgpl-b.jpg","width":430,"height":1458,"href":"","window_params":"","scr_type_id":336,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1684406,"templ_id":62500,"filename":"62500-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":1684407,"templ_id":62500,"filename":"62500-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":1684408,"templ_id":62500,"filename":"62500-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":1684409,"templ_id":62500,"filename":"62500-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":1684410,"templ_id":62500,"filename":"62500-origin-1200.jpg","width":1903,"height":6453,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1684411,"templ_id":62500,"filename":"62500-original-1200.jpg","width":1903,"height":6453,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1684412,"templ_id":62500,"filename":"62500-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":1880618,"templ_id":62500,"filename":"62500-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/62500.html","image":"https://s.tmimgcdn.com/scr/62500/maryville-city-portal-amp-city-guide-wordpress-theme_62500-4-original.jpg","searchHash":"064b12074ad105515b83675d61985430","previewHash":"3b2fe277883993cc33b5f11c73b2bf4a","authorNickname":"ZEMEZ","lowLevelTopic":"City Portal Templates","weightedRating":3.923076923076923,"annualSale":4,"monthlySales":1,"quarterlySales":1,"productBoost":125,"onSale":0,"finalPrice":41,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Responsive","Admin Panel","Search Engine Friendly","Retina Ready","Team Members","Dropdown Menu","Google map","Sample content","Advanced Theme Options","Performance Optimization","Blog","Website Builder"],"styles":"Neutral","webForms":["Contact Form","Newsletter Subscription","Search Form"],"templateSources":[".PHP","This theme is widgetized"],"topic":["City Portal Templates","Society & People"],"isFree":"none","popularity":"Top Rated","color":["black","white","grey","red"],"showVariantForcibly":"b","livePreviewURL":"https://ld-wp73.template-help.com/wordpress/prod_5554/v1/","documentationLink":"wordpress/index.php?project=maryville","imageDescription":"https://s.tmimgcdn.com/scr/62500/62500-responsive-layout.jpg","nameOfTheTemplate":"Maryville - City Portal &amp; City Guide WordPress Theme","shortDescription":"<h2>Why Choose the City Guide WordPress Theme</h2><p>Take a chance and explore the brand new cityguide WordPress theme. Let people discover the latest and hottest news, make them aware of the most recent events in your city. If you want to encourage and inspire citizens, this template will be quite suitable. The design of the theme is diverse and multifaceted. Here you can find a great variety of blocks and sections. The city guide WordPress theme will be a great decision in case you want to become the most trusted resource.</p><p>The cityguide WordPress theme has a couple of previously created pages, which offer all the necessary functions. Moreover, the pages are already SEO-optimized, which will help you in riching the highest positions in search engines. All the default demo content is also available with the city guide theme. Use images and icons, as well as pages. Among these pages are:</p><ul><li>Home page, where you can find a piece of introductory information about your website and your services.</li><li>About city page, which is aimed to introduce more about the city, elected officials, popular businesses, and featured projects.</li><li>Departments page of the city guide theme showcases the various departments, services, and events.</li><li>Government page, where you can place some articles about departments, local events or exhibitions.</li><li>Contacts page - here you can leave all your contacts and social links.</li></ul><p>In addition, the cityguide WordPress theme provides you with the opportunity of choosing between three styles for the footer and header of the pages. The documentation page is also available. as well as the 404 page, typography page, and the elements page.</p><p><strong>Check the Functionality of the City Guide Theme </strong></p><p>Explore the great variety of the breathtaking visual effects and design features, which are gathered in the cityguide WordPress theme. The significant banner with video and a call-to-action button will catch the eye of any viewer! The smart counter widget will showcase elected officials and the city’s inhabitants. Slider with testimonials will make your website “alive” by showing the reviews of the real people.</p><p>Furthermore, you are able to showcase your recent posts directly on the home page. The blog page of the cityguide WordPress theme consists of two main parts. The first one is the post listing. The other part is a neat sidebar, where the search field, recent comments, tags, categories, and custom posts are situated. Moreover, you are able to choose between the various post layouts and post formats. Also, you can disable a sidebar if you want to.</p><p>The cityguide WordPress theme additionally search field for the whole website. The contact form widget will allow people to leave you a message or send a review. As for the Google map widget, it will help viewers to find your offices.</p><p><strong>Сontact Our Team if You Need any Help </strong></p><p>In case you face a problem while installing or using the cityguide WordPress theme, or you want to install some additional options, don’t be afraid and text us! The team of experienced supporters will help you in any trouble. We are waiting for your questions 24/5.</p>","kindOfShops":"The theme was tailored for city portal, city guide, city directory, government municipal, society and culture, business and services, design and photography, medical, real estate, cars and motorcycles sites.","metaDescription":"Why Choose the City Guide WordPress ThemeTake a chance and explore the brand new cityguide WordPress theme. Let people discover the latest and hottest news,","htmlTitle":"City Portal WordPress Theme","imageKeyFeatures":"https://s3.tmimgcdn.com/templates/45521/scr/1576661261864_Slice.png, https://s3.tmimgcdn.com/templates/45521/scr/1576661261866_Slice-1.png, https://s3.tmimgcdn.com/templates/45521/scr/1576661261867_Slice-2.png, https://s3.tmimgcdn.com/templates/45521/scr/1576661261869_Slice-3.png, https://s3.tmimgcdn.com/templates/45521/scr/1576661261870_Slice-4.png, https://s3.tmimgcdn.com/templates/46003/scr/1584353512465_Slice-5.png, https://s3.tmimgcdn.com/templates/46003/scr/1584353512467_Slice-6.png","exclusive":"1","authorUserId":"1519369","dynamicChangeLog":"<ul><li>- 1 HTML bug fixed</li><li>- 1 CSS issue fixed</li><li>- 3 minor font issues fixed</li><li>- 3 back-end bugs fixed</li><li>- 2 database bugs fixed</li></ul>","lastmod":"2022-01-25T09:15:26-05:00","sqi":"95","templateSupportOptions":"[]","dqi":"86","reviewsTotal":"3","reviewAverageScore":"3.5","skupromo":"31%","compatibleWith":["WPML","MailChimp","Ecwid"],"marketplaceMembership":"One","customUrl":"/wordpress-themes/62500.html","demoMetaDescription":"The demo preview of this professional Maryville - City Portal & City Guide WordPress Theme (#62500) is created for you to get the look and feel of the template before you buy it. Click through the pages, check out the images, press the buttons, explore the functionality.","isOldDemoUrl":"1","wpWoo":"1","uniqueKeywords":"women,portal,fashion,beauty,skin,make-up,hair,salon,beach,tanning,company,sun,sea,solarium,equipment,spa,therapy","affiliateSells":"1","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/54483/scr/1519369-1596439773459_Maryville.jpg","saleSells":"1","wordpressEngine":"5.4.x","advImage":"https://s3u.tmimgcdn.com/u1519369/265ed96adef43e121bbeaa008273dbdd.png","imagesIncluded":"Yes","tags":["beach","beauty","company","equipment","fashion","hair","make-up","portal","salon","sea","skin","solarium","spa","sun","tanning","therapy","women"],"authorMainScreenshotVersion":"4","productSize":"127611812","trendiness":"1","wordPressBuilder":"Elementor Website Builder","wordpressCompatibility":"5.6.x","paidSupport":"Yes","featured":"Ukraine","wordpressComCompatibility":"Not Compatible","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"languageSupport":"English","additionalInfo":"Well Documented","nomotopress":"1","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.","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"WordPress Themes","templateIcon":"icon-wordpress","hELPURL":"/quick-start-guide/wordpress/","followUpLetter":"wp-themes-offers","productFamily":"None","templateGroup":"Wordpress Store","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 25 Apr 2024 10:46:59 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=62500&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=62500&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=62500&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 10:51:59 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://ld-wp73.template-help.com/wordpress/prod_5554/v1/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#62500 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/62500.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 #62500            </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=62500&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>