string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=386192&expand=properties"
string(16023) "[{"templateId":386192,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":425,"categoryName":"Education Templates","templateTitle":"Education Responsive WordPress Theme","templatePreviewHtmlTitle":"LearnHub  - Education &amp; Online Courses WordPress Theme","templateDemoHtmlTitle":"Live preview for LearnHub  - Education &amp; Online Courses WordPress Theme #386192","typeShortName":"WordPress","templatePreviewFBTitle":"<h2>Introducing LearnHub - Education &amp; Online Courses WordPress Theme</h2><p><strong>LearnHub</strong> is designed for everyone, with a user-friendly and responsive layout that adapts to any device. No coding skills are needed, making it super accessible. Covering diverse topics from business to graphic design, <strong>LearnHub </strong>emphasizes hands-on projects for practical learning. Plus, it fosters a supportive community for connecting and collaborating with fellow learners. It's a simple, inclusive, and interactive platform for an enriching educational experience.</p><h3>**Key Features:**</h3><ul><li><strong>User-Friendly Design</strong>: LearnHub offers a seamless and user-friendly interface, ensuring a smooth learning experience across various devices.</li><li><strong>No Coding Skills Required</strong>: Breaking down barriers, LearnHub welcomes learners from all backgrounds by eliminating the need for coding skills. It's an inclusive space accessible to everyone.</li><li><strong>Diverse Course Offerings</strong>: From business essentials to graphic design intricacies, LearnHub covers a broad spectrum of subjects, catering to a wide range of interests and learning goals.</li><li><strong>Hands-on Projects</strong>: LearnHub emphasizes practical learning through hands-on projects, allowing learners to apply theoretical knowledge in real-world scenarios, enhancing understanding and skill development.</li><li><strong>Collaborative Community</strong>: The platform fosters a supportive community where learners can connect, share insights, and collaborate on projects, creating a network of like-minded individuals.</li><li><strong>Interactive Learning</strong>: LearnHub is not just about absorbing information; it's an interactive platform that engages learners, making the educational journey both enjoyable and enriching.</li><li><strong>Testimonials Section: </strong>Build trust and credibility by displaying client testimonials. Let your satisfied customers share their positive experiences</li><li><strong>Responsive Design</strong>: LearnHub adapts seamlessly to any device, providing learners with flexibility in accessing their courses from desktops, tablets, or smartphones.</li><li><strong>Engaging Content</strong>: Courses on LearnHub are thoughtfully curated, presenting information in a clear and engaging manner. The content is designed to be accessible and digestible for learners of varying levels of expertise.</li><li><strong>Progress Tracking</strong>: LearnHub enables learners to track their progress easily. Clear indicators and milestones help users stay motivated and informed about their advancements within the courses.</li><li><strong>Peer Interaction</strong>: In addition to fostering connections with fellow learners, LearnHub promotes peer interaction through discussion forums and collaborative projects. This feature enhances the overall learning experience by encouraging the exchange of ideas and insights.</li><li><strong>Instructor Expertise</strong>: Courses on LearnHub are developed by industry experts, ensuring that learners receive high-quality content and insights relevant to real-world applications.</li><li><strong>Personalized Learning Paths</strong>: LearnHub recognizes that each learner is unique. The platform offers personalized learning paths, allowing individuals to tailor their educational journey based on their interests, goals, and prior knowledge.</li><li><strong>Continuous Updates</strong>: LearnHub stays current with the latest trends and technologies. Regular updates to course content ensure that learners have access to relevant and up-to-date information in rapidly evolving fields.</li><li><strong>Resource Library</strong>: LearnHub provides a rich resource library, offering supplementary materials, articles, and additional resources to complement the course content. This feature enhances the depth of learning and provides learners with comprehensive knowledge.</li></ul><p>Incorporating these features, <strong>LearnHub</strong> goes beyond being a simple learning platform. It becomes a dynamic, adaptive, and supportive environment that empowers learners to explore, grow, and succeed in their educational pursuits.</p><p><strong>LearnHub</strong> isn't just a theme – it's your all-in-one solution for a top-notch online presence and business growth. With its cool design and powerful features, <strong>LearnHub</strong> is like your key to creating an awesome learning platform. Check out <strong>LearnHub</strong> now and start your journey to online success!</p>","templateFullTitle":"LearnHub  - Education &amp; Online Courses WordPress Theme","templatePreviewMetaDescription":"Introducing LearnHub - Education &amp; Online Courses WordPress ThemeLearnHub is designed for everyone, with a user-friendly and responsive layout that adapts","templateDemoMetaDescription":"Before buying it, get the feel and look of the LearnHub  - Education &amp; Online Courses WordPress Theme WordPress Theme (#386192) by viewing the demo. View the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"LearnHub  - Education &amp; Online Courses WordPress Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/learnhub-education-amp-online-courses-wordpress-theme-386192.html","userRating":0,"designIndex":1,"authorUserId":"78355267","exclusive":"1","state":1,"price":76,"inserted_date":"2024-01-23","sent":0,"downloads":2,"search_words":"academy business center classes college courses education learning online premium lms elearning elementor wordpress university training teaching student responsive school","is_adult":0,"exc_price":2100,"sent_date":"2024-01-23 12:49:19","last_upload":"2024-01-23 12:54:12","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3357673,"templ_id":386192,"filename":"386192-original.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3357674,"templ_id":386192,"filename":"386192-big.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3357675,"templ_id":386192,"filename":"386192-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":3357676,"templ_id":386192,"filename":"386192-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":3357677,"templ_id":386192,"filename":"386192-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/386192.html","image":"https://s.tmimgcdn.com/scr/386100/learnhub-education-amp-online-courses-wordpress-theme_386192-original.png","searchHash":"05ce151f6ddb5b1eed347d6e4c62026c","previewHash":"7bb751fac8f9e4e28df262c8f91da3bb","authorNickname":"eDesignSpace","lowLevelTopic":"Education Templates","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":2,"productBoost":125,"onSale":0,"finalPrice":68,"discountPercent":0,"discountAmount":0,"semiannualSales":2,"properties":{"features":["Responsive","Search Engine Friendly","Retina Ready","Mobile Layout Included","Multipurpose","Team Members","Accelerated Mobile Pages (AMP)","Light Template","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Drag and Drop Content","Performance Optimization","Blog","Gallery","Forum","Static","Background video","Lazy Load effect","Website Builder","One click installation"],"styles":["Clean","Corporate","Grunge","Minimalist","Neutral","Artworks","Collage","Dark","Futurist","Geometric","Mobile","Flat","Material Design"],"isLastAdded":"1","topic":["Education Templates","Education & Books"],"isFree":"none","color":["black","white","grey","cyan"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","compatibleWith":["WooCommerce","Revolution Slider","Ecwid","Booked"],"marketplaceMembership":"One","imagesIncluded":"Yes","tags":["academy","business","center","classes","college","courses","education","learning","online","premium","responsive","school","student","teaching","training","university","wordpress","elementor","elearning","lms"],"wordPressBuilder":"Elementor Website Builder","wordpressCompatibility":["5.4.x","5.5.x","5.6.x","5.7.x","5.8.x","5.9.x","6.0.x","6.1.x","6.2.x","6.3.x","6.4.x"],"paidSupport":"Yes","wordpressComCompatibility":"Not Compatible","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"designSoftware":["Figma","Google Web Designer"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"wooCommerceCompatibility":["7.0.x","7.1.x","7.2.x","7.3.x","7.4.x","7.5.x","7.6.x","7.7.x","7.8.x","7.9.x","8.0.x","8.1.x","8.2.x","8.3.x","8.4.x"],"authorUserId":"78355267","excerpt":"<p><strong>LearnHub</strong>, an Elementor-designed theme, requires no coding skills. Easily customize it without technical know-how. The user-friendly design ensures a smooth experience.</p>","nameOfTheTemplate":"LearnHub  - Education &amp; Online Courses WordPress Theme","shortDescription":"<h2>Introducing LearnHub - Education &amp; Online Courses WordPress Theme</h2><p><strong>LearnHub</strong> is designed for everyone, with a user-friendly and responsive layout that adapts to any device. No coding skills are needed, making it super accessible. Covering diverse topics from business to graphic design, <strong>LearnHub </strong>emphasizes hands-on projects for practical learning. Plus, it fosters a supportive community for connecting and collaborating with fellow learners. It's a simple, inclusive, and interactive platform for an enriching educational experience.</p><h3>**Key Features:**</h3><ul><li><strong>User-Friendly Design</strong>: LearnHub offers a seamless and user-friendly interface, ensuring a smooth learning experience across various devices.</li><li><strong>No Coding Skills Required</strong>: Breaking down barriers, LearnHub welcomes learners from all backgrounds by eliminating the need for coding skills. It's an inclusive space accessible to everyone.</li><li><strong>Diverse Course Offerings</strong>: From business essentials to graphic design intricacies, LearnHub covers a broad spectrum of subjects, catering to a wide range of interests and learning goals.</li><li><strong>Hands-on Projects</strong>: LearnHub emphasizes practical learning through hands-on projects, allowing learners to apply theoretical knowledge in real-world scenarios, enhancing understanding and skill development.</li><li><strong>Collaborative Community</strong>: The platform fosters a supportive community where learners can connect, share insights, and collaborate on projects, creating a network of like-minded individuals.</li><li><strong>Interactive Learning</strong>: LearnHub is not just about absorbing information; it's an interactive platform that engages learners, making the educational journey both enjoyable and enriching.</li><li><strong>Testimonials Section: </strong>Build trust and credibility by displaying client testimonials. Let your satisfied customers share their positive experiences</li><li><strong>Responsive Design</strong>: LearnHub adapts seamlessly to any device, providing learners with flexibility in accessing their courses from desktops, tablets, or smartphones.</li><li><strong>Engaging Content</strong>: Courses on LearnHub are thoughtfully curated, presenting information in a clear and engaging manner. The content is designed to be accessible and digestible for learners of varying levels of expertise.</li><li><strong>Progress Tracking</strong>: LearnHub enables learners to track their progress easily. Clear indicators and milestones help users stay motivated and informed about their advancements within the courses.</li><li><strong>Peer Interaction</strong>: In addition to fostering connections with fellow learners, LearnHub promotes peer interaction through discussion forums and collaborative projects. This feature enhances the overall learning experience by encouraging the exchange of ideas and insights.</li><li><strong>Instructor Expertise</strong>: Courses on LearnHub are developed by industry experts, ensuring that learners receive high-quality content and insights relevant to real-world applications.</li><li><strong>Personalized Learning Paths</strong>: LearnHub recognizes that each learner is unique. The platform offers personalized learning paths, allowing individuals to tailor their educational journey based on their interests, goals, and prior knowledge.</li><li><strong>Continuous Updates</strong>: LearnHub stays current with the latest trends and technologies. Regular updates to course content ensure that learners have access to relevant and up-to-date information in rapidly evolving fields.</li><li><strong>Resource Library</strong>: LearnHub provides a rich resource library, offering supplementary materials, articles, and additional resources to complement the course content. This feature enhances the depth of learning and provides learners with comprehensive knowledge.</li></ul><p>Incorporating these features, <strong>LearnHub</strong> goes beyond being a simple learning platform. It becomes a dynamic, adaptive, and supportive environment that empowers learners to explore, grow, and succeed in their educational pursuits.</p><p><strong>LearnHub</strong> isn't just a theme – it's your all-in-one solution for a top-notch online presence and business growth. With its cool design and powerful features, <strong>LearnHub</strong> is like your key to creating an awesome learning platform. Check out <strong>LearnHub</strong> now and start your journey to online success!</p>","uniqueKeywords":"academy,business,center,classes,college,courses,education,learning,online,premium,lms,elearning,elementor,wordpress,university,training,teaching,student,responsive,school","advImage":"https://s3u.tmimgcdn.com/u78355267/de238e68ca614c60e41dbbc0bd3c48e9.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78355267/63e3bbf8883ad13c75cff77117cecae2.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78355267/5ef7384d520e60df4bbc503797b00d3d.png(https://learnhub.eweb9.com/)","livePreviewURL":"https://learnhub.eweb9.com/","metaDescription":"Introducing LearnHub - Education &amp; Online Courses WordPress ThemeLearnHub is designed for everyone, with a user-friendly and responsive layout that adapts","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Before buying it, get the feel and look of the LearnHub  - Education &amp; Online Courses WordPress Theme WordPress Theme (#386192) by viewing the demo. View the pages, check the images, click the buttons, explore the features.","customUrl":"/wordpress-themes/learnhub-education-amp-online-courses-wordpress-theme-386192.html","productSize":"60637877","trendiness":"2","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: Tue, 30 Apr 2024 04:24:44 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=386192&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=386192&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=386192&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 30 Apr 2024 04:29:44 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://learnhub.eweb9.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#386192 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/386192.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 #386192            </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=386192&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $70                <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>