string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=304314&expand=properties"
string(16229) "[{"templateId":304314,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":347,"categoryName":"Web Development Templates","templateTitle":"Web Development Responsive WordPress Theme","templatePreviewHtmlTitle":"Sparka - Personal Portfolio Creative WordPress Theme","templateDemoHtmlTitle":"Demo for Sparka - Personal Portfolio Creative WordPress Theme #304314","typeShortName":"WordPress","templatePreviewFBTitle":"<p><strong>Sparka WordPress Theme</strong> is a digital wordpress theme with advanced features designed on <strong>Personal, Freelancer, Personal Portfolio, Web Designer, Web Developer, CV, Resume, Graphics </strong>and <strong>Technology</strong>.</p><p>With Sparka wordpress theme, you have a creative personal portfolio. Thanks to its next generation digital web font and stunning 3D effects, it offers creative design features that will delight anyone who visits your site.</p><p><strong>It makes an incredible difference thanks to the moving visual effect on the slider screen. It creates a different perspective with its magnificent font harmony and stunning 3D icon box features.</strong></p><p>You'll get quick responses to show your business profile with an extraordinary story.</p><p><strong>Sparka wordpress theme offers a stunning CV layout. Thus, it leads you to show your education, business life, services, projects, advantages, customers and all your work history from a modern point of view.</strong></p><p>You can have the cutting edge website of your dreams by owning this unique wordpress theme that we have coded in digital tones.</p><p><strong>You can change your content very quickly from theme pages by importing all content and images with one click.</strong></p><p>You can quickly change your logo, color, tone, font content from the theme settings with a few clicks. It will take only 5 6 minutes to create your own portfolio site with easy customization at amazing speed.</p><p><strong>Experience professionalism without wasting any more time.</strong></p><p><strong>Sparka WordPress Theme:</strong></p><ul><li><strong>Creative Moving profile shape slider area</strong></li><li><strong>Talent space creative 3D icon set box layout</strong></li><li><strong>Creative accordeon area prepared for resume area</strong></li><li><strong>Icon set services area with creative 3D effect</strong></li><li><strong>Modern button with continuously rotating text</strong></li><li><strong>250+ custom icon sets for web users</strong></li><li><strong>Next generation 60+ web fonts</strong></li><li><strong>80+ creative web effects</strong></li><li><strong>Easy customization option</strong></li><li><strong>Import demo data with one click</strong></li><li><strong>Quick up button</strong></li><li><strong>Professional opening effect</strong></li><li><strong>Creative footer and header area</strong></li><li><strong>Sass, Bootstrap 4, Js, Jquery, Html, Css and pHp coding</strong></li><li><strong>Creative button hover effects</strong></li><li><strong>Services carousel area</strong></li><li><strong>Projects carousel area</strong></li><li><strong>Comments carousel area</strong></li><li><strong>Modern services area with visual and icon set</strong></li><li><strong>Modern projects area with visual and icon sets</strong></li><li><strong>Service detail page with advanced features, special icon box systems, modern sidebar area</strong></li><li><strong>Advanced project detail page and modern icon set layout</strong></li><li><strong>Fast and stunning countdown area</strong></li><li><strong>Customer logos area</strong></li><li><strong>Professional offer form</strong></li><li><strong>Professional contact form</strong></li><li><strong>Professional callback form</strong></li><li><strong>An animated and striking commentary area</strong></li><li><strong>And much more...</strong></li></ul>","templateFullTitle":"Sparka - Personal Portfolio Creative WordPress Theme","templatePreviewMetaDescription":"Sparka WordPress Theme is a digital wordpress theme with advanced features designed on Personal, Freelancer, Personal Portfolio, Web Designer, Web Developer,","templateDemoMetaDescription":"The demo of this high quality Sparka - Personal Portfolio Creative WordPress Theme WordPress Theme (#304314) is made available for you to get yourself acquainted with the template prior to buying it. Go through the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Sparka - Personal Portfolio Creative WordPress Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/sparka-personal-portfolio-creative-wordpress-theme-304314.html","userRating":0,"designIndex":1,"authorUserId":"2271497","exclusive":"1","state":1,"price":79,"inserted_date":"2022-12-28","sent":0,"downloads":0,"search_words":"agency business clean resume cv design minimal it software technology wordpress personal modern creative corporate portfolio startup freelancer web designer web developer","is_adult":0,"exc_price":2100,"sent_date":"2022-12-28 11:53:57","last_upload":"2024-02-12 14:25:23","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2948364,"templ_id":304314,"filename":"304314-original.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2948365,"templ_id":304314,"filename":"304314-big.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2948366,"templ_id":304314,"filename":"304314-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":2948367,"templ_id":304314,"filename":"304314-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":2948368,"templ_id":304314,"filename":"304314-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/304314.html","image":"https://s.tmimgcdn.com/scr/304300/sparka-personal-portfolio-creative-wordpress-theme_304314-original.png","searchHash":"9389e5f4771ab5a5bbeb263f6ed3d56e","previewHash":"0f15cce1fef9d407ed016119eb3aeda4","authorNickname":"garantiwebt","lowLevelTopic":"Web Development Templates; Personal Page Templates; Designer Portfolio Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":0,"onSale":0,"finalPrice":69,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Pro","Admin Panel","Search Engine Friendly","Bootstrap","Ajax","Mobile Layout Included","CV","Canvas Animation","Multipurpose","Team Members","Light Template","Dropdown Menu","Google map","Tabs","Advanced Theme Options","Performance Optimization","Blog","Gallery","Portfolio","HTML 5","JQuery","Completely JS","HTML plus JS","Lazy Load effect","j2store"],"styles":["3D effect","Clean","Corporate","Minimalist","Artworks","Futurist","Vector","Mobile","Flat","Material Design"],"isLastAdded":"1","popularity":"Zero Downloads","topic":["Web Development Templates","Software Templates","Personal Page Templates","Design","Designer Portfolio Templates","Design & Photography","Computers & Internet","Society & People"],"isFree":"none","color":["white","cyan"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","compatibleWith":["Revolution Slider","WPML","MailChimp","Polylang","Ecwid","Booked","LearnPress"],"authorUserId":"2271497","imagesIncluded":"Yes","tags":["agency","business","clean","corporate","creative","design","freelancer","minimal","modern","personal","portfolio","resume","software","startup","technology","wordpress","cv","it","web designer","web developer"],"marketplaceMembership":"None","paidSupport":"Yes","wordPressBuilder":"WordPress Customizer API","wordpressComCompatibility":"Not Compatible","wordpressCompatibility":["6.0.x","6.1.x","6.2.x","6.3.x","6.4.x"],"webServerCompatibility":"Apache 2.4","pHPVersionCompatibility":["8.1","8.0","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7"],"designSoftware":["Adobe Photoshop","Adobe Illustrator","Google Web Designer"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"nameOfTheTemplate":"Sparka - Personal Portfolio Creative WordPress Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u2271497/cc6d532d59a811c010b4e9337f7786e0.png, https://s3u.tmimgcdn.com/u2271497/e9dfda74048d4156d05e8917ddcb3359.png, https://s3u.tmimgcdn.com/u2271497/93c6c0dbc80d4e854d2ae078a4aa7858.png, https://s3u.tmimgcdn.com/u2271497/35af4dceb0340fd2d9f4e43d34f492c1.png, https://s3u.tmimgcdn.com/u2271497/a13356375dec7f1e624a98bcd6042974.png","shortDescription":"<p><strong>Sparka WordPress Theme</strong> is a digital wordpress theme with advanced features designed on <strong>Personal, Freelancer, Personal Portfolio, Web Designer, Web Developer, CV, Resume, Graphics </strong>and <strong>Technology</strong>.</p><p>With Sparka wordpress theme, you have a creative personal portfolio. Thanks to its next generation digital web font and stunning 3D effects, it offers creative design features that will delight anyone who visits your site.</p><p><strong>It makes an incredible difference thanks to the moving visual effect on the slider screen. It creates a different perspective with its magnificent font harmony and stunning 3D icon box features.</strong></p><p>You'll get quick responses to show your business profile with an extraordinary story.</p><p><strong>Sparka wordpress theme offers a stunning CV layout. Thus, it leads you to show your education, business life, services, projects, advantages, customers and all your work history from a modern point of view.</strong></p><p>You can have the cutting edge website of your dreams by owning this unique wordpress theme that we have coded in digital tones.</p><p><strong>You can change your content very quickly from theme pages by importing all content and images with one click.</strong></p><p>You can quickly change your logo, color, tone, font content from the theme settings with a few clicks. It will take only 5 6 minutes to create your own portfolio site with easy customization at amazing speed.</p><p><strong>Experience professionalism without wasting any more time.</strong></p><p><strong>Sparka WordPress Theme:</strong></p><ul><li><strong>Creative Moving profile shape slider area</strong></li><li><strong>Talent space creative 3D icon set box layout</strong></li><li><strong>Creative accordeon area prepared for resume area</strong></li><li><strong>Icon set services area with creative 3D effect</strong></li><li><strong>Modern button with continuously rotating text</strong></li><li><strong>250+ custom icon sets for web users</strong></li><li><strong>Next generation 60+ web fonts</strong></li><li><strong>80+ creative web effects</strong></li><li><strong>Easy customization option</strong></li><li><strong>Import demo data with one click</strong></li><li><strong>Quick up button</strong></li><li><strong>Professional opening effect</strong></li><li><strong>Creative footer and header area</strong></li><li><strong>Sass, Bootstrap 4, Js, Jquery, Html, Css and pHp coding</strong></li><li><strong>Creative button hover effects</strong></li><li><strong>Services carousel area</strong></li><li><strong>Projects carousel area</strong></li><li><strong>Comments carousel area</strong></li><li><strong>Modern services area with visual and icon set</strong></li><li><strong>Modern projects area with visual and icon sets</strong></li><li><strong>Service detail page with advanced features, special icon box systems, modern sidebar area</strong></li><li><strong>Advanced project detail page and modern icon set layout</strong></li><li><strong>Fast and stunning countdown area</strong></li><li><strong>Customer logos area</strong></li><li><strong>Professional offer form</strong></li><li><strong>Professional contact form</strong></li><li><strong>Professional callback form</strong></li><li><strong>An animated and striking commentary area</strong></li><li><strong>And much more...</strong></li></ul>","uniqueKeywords":"agency,business,clean,resume,cv,design,minimal,it,software,technology,wordpress,personal,modern,creative,corporate,portfolio,startup,freelancer,web designer,web developer","advImage":"https://s3u.tmimgcdn.com/u2271497/601524f776e95643822b51a34fd893ae.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2271497/b924294a5606e02e9ede14bf4ac9a8a1.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u2271497/14fac591f5b5daf9d0b79145c24d0d81.png, https://s3u.tmimgcdn.com/u2271497/787d5468e723f6ee6a8eae8e51cbfc53.png, https://s3u.tmimgcdn.com/u2271497/7621d39bed59afb82eb1ff445df1623d.png, https://s3u.tmimgcdn.com/u2271497/fb98274817551afff2511d2ca284e99d.png, https://s3u.tmimgcdn.com/u2271497/5dc515764b5adbccb22b60224fec04cd.png, https://s3u.tmimgcdn.com/u2271497/86a0e12f1d39457a96fd41514a7fa29d.png","livePreviewURL":"https://garantiwebdesign.com/wordpress/sparka/","metaDescription":"Sparka WordPress Theme is a digital wordpress theme with advanced features designed on Personal, Freelancer, Personal Portfolio, Web Designer, Web Developer,","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3jyHdhV","demoMetaDescription":"The demo of this high quality Sparka - Personal Portfolio Creative WordPress Theme WordPress Theme (#304314) is made available for you to get yourself acquainted with the template prior to buying it. Go through the pages, check out the images, press the buttons, explore the functionality.","customUrl":"/wordpress-themes/sparka-personal-portfolio-creative-wordpress-theme-304314.html","productSize":"39692064","trendiness":"1","excerpt":"<p>Sparka WordPress Theme is a digital wordpress theme with advanced features designed on Personal, Freelancer, Personal Portfolio, Web Designer, Web Developer, CV, Resume, Graphics and Technology.</p>","changeLog":"1.0.5\n\nAdvanced Custom Field Framework Plugin 6.2.6.1 Upgraded, updated - Important critical update. It needs to be reinstalled. When updating plugins, make sure your PHP versions are 8.0 and above.\n\n1.0.4\n\nAcf Advanced Custom Fields 6.2.1 plugin has been updated.\n\n1.0.3\n\nAdvanced Custom Field Plugin 6.1.8 Upgraded, updated - Important critical update. It must be reinstalled.\nClassic Editor Plugin 1.6.3 Upgraded, updated\nContact Form Plugin 7 5.8 Upgraded, updated\nDuplicate Page Plugin 4.5.2 Upgraded, updated\nOne Click Demo Import Plugin 3.1.2 Upgraded, updated\nWordPress Importer Plugin 0.8.1 Upgraded, updated\nWP Options Importer Plugin 7.0 Upgraded, updated\nDuplicate Menu Plugin 0.2.2 Upgraded, updated\nMake sure your php versions are 8.0 and above when updating plugins.\n\n\n1.0.2\n\nAdded critical update.\n\nTheme settings custom meta fields have been updated. The json file has been updated. Carousels have been updated. All plugins have been updated. Icon codes have been updated. Updated web effects. Acf tabs updated. Updated sass and custom css files.\n\n1.0.1\n\ncritical update,\n\nAll plugins have been updated. Footer field has been updated. Images have been optimized. Code density has been increased. Special loader areas and button areas have been added to the administration panel. Added custom seo meta fields to theme settings.\n\n1.0.1\n\ncritical update,\n\nAll plugins have been updated. Footer field has been updated. Images have been optimized. Code density has been increased. Special loader areas and button areas have been added to the administration panel. Added custom seo meta fields to theme settings.","changeLogDate":"2024-02-12","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: Fri, 26 Apr 2024 03:33:14 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(293) "Link: <http://products/api/v2/products/en?language=en&ids=304314&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=304314&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=304314&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 03:38:14 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://garantiwebdesign.com/wordpress/sparka/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#304314 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/304314.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 #304314            </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=304314&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $73                <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>