string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=64053&expand=properties"
string(16829) "[{"templateId":64053,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":100,"categoryName":"Construction Company Templates","templateTitle":"Construction Company Responsive WordPress Theme","templatePreviewHtmlTitle":"Mataleel - Industrial Company Website Template For WordPress","templateDemoHtmlTitle":"Live demo for Mataleel - Industrial Company Website Template For WordPress #64053","typeShortName":"WordPress","templatePreviewFBTitle":"<h2>Mataleel - Industrial Company Website Template For WordPress</h2><p>Mataleel is a multi-purpose WordPress theme specially designed for websites in sectors such as industry, manufacturing, construction, engineering, commodity business, energy, railway business, etc. By purchasing this theme, you will open access to a convenient editor that you can use to create and modify all content. You can also quickly create a website using demo layouts. Along with this, you will get a creative and stylish design to create amazing pages on your site. The theme has all the necessary features and pages. For example, portfolio layouts, blog layouts, testimonial pages, contacts and services, etc.</p><p>The theme is flexible and versatile, you can adapt it yourself for any business or enterprise. It also looks perfect on any modern gadget. This does not require additional settings - everything is already provided in the finished layout.</p><h3>Mataleel - Premium WordPress Theme for Business and Services</h3><p>Mataleel is another responsive WordPress theme that can be used for various industrial and business websites. The template responds well to changes, offering a flexible layout with a versatile set of features. The theme is compatible with the latest version of WordPress as well as all major browsers.</p><p>The theme comes with a customizable menu system, multi-level dropdown menu, pre-made widget layout and many other great features to help you create an amazing website.</p><p>To present successfully completed projects in the best possible way, use a gallery or a blog. The same block is provided for the presentation of services provided by your company. A very convenient search system allows visitors to quickly find the information they need.</p><p>In addition to the ability to quickly install the site, the template provides support for a constructor with modules. With their help, you can quickly create a website that is ideal for your requirements. You can also always extend the functionality of the template using additional plugins.</p><p>Key features of the theme:</p><p>- convenient administrative panel</p><p>- Retina ready</p><p>- Responsive</p><p>- blog</p><p>- Google Maps</p><p>- Search Engine Friendly</p><p>- Performance optimization</p><p>These and other features allow you to easily work with the theme, modify and edit it. The theme can also be scaled and used for a wide variety of industrial or business projects.</p><h2>Universal WordPress Theme for an Industrial Company</h2><p>This is one of the most popular templates for an industrial company, which is created under WordPress. It is very convenient to use, and you can create a website with it even without programming knowledge. You can simply install a demo theme with demo content, replace the default content with your own, and slightly customize the design to fit your corporate style and your own taste. Everything is elementary! If necessary, you can always refine the functionality of the site and improve its capabilities.</p><p>The theme has a huge number of widgets with interactive and eye-catching elements. The speed has been tested. SEO optimization at the highest level! Instructions are added to the kit, so you will not have any problems with setting up and installing the template.</p><h2><br /></h2>","templateFullTitle":"Mataleel - Industrial Company Website Template For WordPress","templatePreviewMetaDescription":"Mataleel - Industrial Company Website Template For WordPressMataleel is a multi-purpose WordPress theme specially designed for websites in sectors such as","templateDemoMetaDescription":"Prior to buying it, get the feel and look of the premium Metaleel WordPress Theme (#64053) by visiting the live preview. Go through the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":"Metaleel WordPress Theme","anchorTitle":"Mataleel - Industrial Company Website Template For WordPress","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/64053.html","userRating":"5","designIndex":"89","authorUserId":"1519369","exclusive":"1","state":1,"price":77,"inserted_date":"2017-05-29","sent":2,"downloads":254,"search_words":"steel industrial metal mining company camp open-cast project projects services human resources investors site walking excavator truck led lighting electrical company","is_adult":0,"exc_price":5000,"sent_date":"2020-05-22 12:18:32","last_upload":"2024-02-26 11:15:16","package_id":293,"hasExclusivePrice":1,"screenshots":[{"id":1693337,"templ_id":64053,"filename":"64053-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":1693338,"templ_id":64053,"filename":"64053-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":1693339,"templ_id":64053,"filename":"64053-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":1693340,"templ_id":64053,"filename":"64053-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":1693341,"templ_id":64053,"filename":"64053-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":1693342,"templ_id":64053,"filename":"64053-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":1693343,"templ_id":64053,"filename":"64053-3-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":1693344,"templ_id":64053,"filename":"64053-wpgpl-b.jpg","width":430,"height":1386,"href":"","window_params":"","scr_type_id":336,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1693345,"templ_id":64053,"filename":"64053-origin-1200.jpg","width":1903,"height":6134,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1693346,"templ_id":64053,"filename":"64053-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":1693347,"templ_id":64053,"filename":"64053-big.jpg","width":965,"height":3111,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1693348,"templ_id":64053,"filename":"64053-original-1200.jpg","width":1903,"height":6134,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1693349,"templ_id":64053,"filename":"64053-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}],"demoUrl":"/demo/64053.html","image":"https://s.tmimgcdn.com/scr/64000/mataleel-industrial-company-website-template-for-wordpress_64053-3-original.jpg","searchHash":"04d30bfd48fc7e6bf380450b1b34c83f","previewHash":"060c92c8231053794b5060dbdb8d9695","authorNickname":"ZEMEZ","lowLevelTopic":"Construction Company Templates; Gas & Oil Templates; Steelworks Templates; Welding Templates; Lighting & Electricity Templates; Timber Templates; Packaging Templates; Paving; Building Materials","weightedRating":4.48,"annualSale":20,"monthlySales":0,"quarterlySales":4,"productBoost":125,"onSale":0,"finalPrice":69,"discountPercent":0,"discountAmount":0,"semiannualSales":8,"properties":{"features":["Premium","Responsive","Pro","Admin Panel","Search Engine Friendly","Retina Ready","Mobile Layout Included","Dropdown Menu","Google map","Sample content","Advanced Theme Options","Drag and Drop Content","Performance Optimization","Blog","Portfolio","Website Builder","One click installation"],"styles":"Neutral","webForms":["Contact Form","Newsletter Subscription","Search Form"],"topic":["Architecture","Construction Company Templates","Gas & Oil Templates","Steelworks Templates","Welding Templates","Lighting & Electricity Templates","Industrial Templates","Design","Timber Templates","Packaging Templates","Design & Photography","Business & Services","Home & Family","Paving","Building Materials"],"isFree":"none","popularity":"Top Rated","color":["black","white","grey","brown","green"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1519369","livePreviewURL":"https://ld-wp73.template-help.com/wordpress/prod_8145/v3/","documentationLink":"wordpress/projects/metaleel/index.html","imageDescription":"https://s.tmimgcdn.com/scr/64000/64053-responsive-layout.jpg","nameOfTheTemplate":"Mataleel - Industrial Company Website Template For WordPress","shortDescription":"<h2>Mataleel - Industrial Company Website Template For WordPress</h2><p>Mataleel is a multi-purpose WordPress theme specially designed for websites in sectors such as industry, manufacturing, construction, engineering, commodity business, energy, railway business, etc. By purchasing this theme, you will open access to a convenient editor that you can use to create and modify all content. You can also quickly create a website using demo layouts. Along with this, you will get a creative and stylish design to create amazing pages on your site. The theme has all the necessary features and pages. For example, portfolio layouts, blog layouts, testimonial pages, contacts and services, etc.</p><p>The theme is flexible and versatile, you can adapt it yourself for any business or enterprise. It also looks perfect on any modern gadget. This does not require additional settings - everything is already provided in the finished layout.</p><h3>Mataleel - Premium WordPress Theme for Business and Services</h3><p>Mataleel is another responsive WordPress theme that can be used for various industrial and business websites. The template responds well to changes, offering a flexible layout with a versatile set of features. The theme is compatible with the latest version of WordPress as well as all major browsers.</p><p>The theme comes with a customizable menu system, multi-level dropdown menu, pre-made widget layout and many other great features to help you create an amazing website.</p><p>To present successfully completed projects in the best possible way, use a gallery or a blog. The same block is provided for the presentation of services provided by your company. A very convenient search system allows visitors to quickly find the information they need.</p><p>In addition to the ability to quickly install the site, the template provides support for a constructor with modules. With their help, you can quickly create a website that is ideal for your requirements. You can also always extend the functionality of the template using additional plugins.</p><p>Key features of the theme:</p><p>- convenient administrative panel</p><p>- Retina ready</p><p>- Responsive</p><p>- blog</p><p>- Google Maps</p><p>- Search Engine Friendly</p><p>- Performance optimization</p><p>These and other features allow you to easily work with the theme, modify and edit it. The theme can also be scaled and used for a wide variety of industrial or business projects.</p><h2>Universal WordPress Theme for an Industrial Company</h2><p>This is one of the most popular templates for an industrial company, which is created under WordPress. It is very convenient to use, and you can create a website with it even without programming knowledge. You can simply install a demo theme with demo content, replace the default content with your own, and slightly customize the design to fit your corporate style and your own taste. Everything is elementary! If necessary, you can always refine the functionality of the site and improve its capabilities.</p><p>The theme has a huge number of widgets with interactive and eye-catching elements. The speed has been tested. SEO optimization at the highest level! Instructions are added to the kit, so you will not have any problems with setting up and installing the template.</p><h2><br /></h2>","kindOfShops":"Use this theme for industrial, engineering, business, and services sites.","metaDescription":"Mataleel - Industrial Company Website Template For WordPressMataleel is a multi-purpose WordPress theme specially designed for websites in sectors such as","htmlTitle":"Industrial Engineering WordPress Template","imageKeyFeatures":"https://s3.tmimgcdn.com/templates/59780/scr/1590156933455_Slice.png, https://s3.tmimgcdn.com/templates/59780/scr/1590156933456_Slice-1.png, https://s3.tmimgcdn.com/templates/59780/scr/1590156933457_Slice-2.png, https://s3.tmimgcdn.com/templates/59780/scr/1590156933458_Slice-3.png, https://s3.tmimgcdn.com/templates/59780/scr/1590156933459_Slice-4.png, https://s3.tmimgcdn.com/templates/59780/scr/1590156933460_Slice-5.png, https://s3.tmimgcdn.com/templates/59780/scr/1590156933462_Slice-6.png, https://s3u.tmimgcdn.com/u1519369/6574a7732b9e384e68fe09cec2d71f12.png","lastmod":"2022-02-24T10:13:50-05:00","trendiness":"1","reviewsTotal":"15","reviewAverageScore":"5","dynamicChangeLog":"<ul>\n<li>- 1 JS bug fixed</li>\n<li>- 2 minor front-end bugs fixed</li>\n<li>- 1 styles bug fixed</li>\n</ul>","sqi":"95","templateSupportOptions":"[]","dqi":"89","skupromo":"9%","specificTemplateNamePreview":"Metaleel WordPress Theme","compatibleWith":["WPML","MailChimp","Ecwid"],"marketplaceMembership":"One","customUrl":"/wordpress-themes/64053.html","demoMetaDescription":"Prior to buying it, get the feel and look of the premium Metaleel WordPress Theme (#64053) by visiting the live preview. Go through the pages, check the images, click the buttons, explore the functionality.","uniqueKeywords":"steel,industrial,metal,mining,company,camp,open-cast,project,projects,services,human,resources,investors,site,walking,excavator,truck,led lighting,electrical company","isOldDemoUrl":"1","wpWoo":"1","wordpressEngine":"5.4.x","advImage":"https://s3u.tmimgcdn.com/u1519369/ba4d983ebf2655b17d308b7e99e4a44a.png","affiliateSells":"1","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/59780/scr/1590156912717_Frame%2014.jpg","changeLogDate":"2024-02-26","saleSells":"1","productSize":"134734883","imagesIncluded":"Yes","tags":["camp","company","excavator","human","industrial","investors","metal","mining","project","projects","resources","services","site","steel","truck","walking","open-cast","electrical company","led lighting"],"wordPressBuilder":"Elementor Website Builder","wordpressCompatibility":["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"],"wooCommerceCompatibility":"4.2.x","paidSupport":"Yes","authorMainScreenshotVersion":"3","featured":"Ukraine","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"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>This Mataleel <strong>industrial company website template</strong> for WordPress is aimed at introducing your company to the clients and engaging new employees to join your team.</p>","changeLog":"## Mataleel (February 26, 2024):\n- WordPress 6.4 compatible;\n- Elementor Page Builder 3.19 compatible;\n- Minor bugs fixed.\n\n## Mataleel (August 11, 2023):\n- WordPress 6.2.3 compatible;\n- Elementor Page Builder 3.15 compatible;\n- Minor bugs fixed.","languageSupport":"English","additionalInfo":"Well Documented","nomotopress":"1","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: Sun, 28 Apr 2024 09:41:26 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(290) "Link: <http://products/api/v2/products/en?language=en&ids=64053&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=64053&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=64053&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 28 Apr 2024 09:46:26 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://ld-wp73.template-help.com/wordpress/prod_8145/v3/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#64053 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/64053.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 #64053            </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=64053&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $71                <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>