string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=359653&expand=properties"
string(17207) "[{"templateId":359653,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":264,"categoryName":"Gas & Oil Templates","templateTitle":"Gas & Oil Responsive WordPress Theme","templatePreviewHtmlTitle":"Industa - Industrial &amp; Factory WordPress Theme","templateDemoHtmlTitle":"Live demo for Industa - Industrial &amp; Factory WordPress Theme #359653","typeShortName":"WordPress","templatePreviewFBTitle":"<p><strong>Industa - A Modern Industrial WordPress Theme</strong></p><p>Industa is a cutting-edge WordPress theme designed specifically for the industrial and corporate sectors. With its sleek design, impressive features, and intuitive customization options, Industa is the ideal choice for businesses looking to make a bold online presence. This theme offers an array of unique elements and functionalities that set it apart from the rest.</p><p><strong>Creative Slider Areas with Special Hover Effects</strong></p><p>Industa boasts creative slider areas that capture the attention of your website visitors instantly. What makes these sliders truly outstanding are the special hover effects that add an extra layer of interactivity and engagement. Whether you want to showcase your latest projects, products, or services, these slider areas provide a visually appealing way to do so.</p><p><strong>Corporate Industrial Icon Sets</strong></p><p>In the corporate and industrial world, visuals matter. Industa understands this, which is why it includes a set of corporate and industrial icon sets. These icons are perfect for highlighting key features, services, or advantages your business offers. They enhance the overall user experience by making complex information easily digestible.</p><p><strong>Special Icon Box Information Fields</strong></p><p>To convey important information effectively, Industa features special icon box information fields. These eye-catching elements allow you to present data, statistics, or key points in a visually appealing manner. Coupled with customizable icons, you can tailor these boxes to match your brand's style effortlessly.</p><p><strong>Professional Work Process Areas</strong></p><p>Industa makes it simple to showcase your work processes professionally. Highlight the steps or stages of your projects or services with dedicated work process areas. These sections not only inform your audience but also build trust by demonstrating your expertise and attention to detail.</p><p><strong>Modern New Generation Hover Effect Services Areas</strong></p><p>Modern design trends are all about user engagement, and Industa doesn't disappoint. Its new-generation hover effect services areas add a touch of sophistication to your website. When visitors hover over these elements, they come to life, providing an interactive and dynamic experience that keeps users exploring.</p><p><strong>Advanced Service and Project Detail Pages</strong></p><p>The theme includes advanced service and project detail pages, ensuring that you can present your offerings comprehensively. These pages allow you to go into depth about your services and projects, providing valuable insights and information to potential clients or customers.</p><p><strong>Effortless Customization with Quick Theme Settings</strong></p><p>Industa puts the power of customization in your hands. With a single click, you can personalize everything, from logos and colors to tones and fonts. This quick theme setting feature simplifies the process of aligning your website with your brand identity.</p><p><strong>Customer Logos Area</strong></p><p>Showcasing the logos of your satisfied clients or partners is a powerful way to build trust and credibility. Industa includes a dedicated area for displaying customer logos, allowing you to highlight your successful collaborations prominently.</p><p><strong>Quick Quote Form Fields</strong></p><p>To encourage inquiries and conversions, Industa features a quick quote form. It's strategically placed to capture potential leads effortlessly. This feature streamlines the process for interested parties to reach out, making it easier than ever to connect with your business.</p><p><strong>Modern Header and Footer</strong></p><p>The header and footer sections of your website are critical for navigation and branding. Industa offers modern header and footer designs that not only look great but also provide a seamless browsing experience for your visitors.</p><p>In conclusion, Industa is more than just a WordPress theme; it's a powerful tool for businesses in the industrial and corporate sectors to create a stunning online presence. With its innovative features, sleek design, and customization options, Industa empowers you to showcase your expertise, engage your audience, and grow your business.</p><p>Experience the future of industrial and corporate website design with Industa today!</p>","templateFullTitle":"Industa - Industrial &amp; Factory WordPress Theme","templatePreviewMetaDescription":"Industa - A Modern Industrial WordPress ThemeIndusta is a cutting-edge WordPress theme designed specifically for the industrial and corporate sectors. With its","templateDemoMetaDescription":"Experience the demo preview of the high quality Industa - Industrial &amp; Factory WordPress Theme WordPress Theme (#359653) get yourself informed about this template before buying it. View the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Industa - Industrial &amp; Factory WordPress Theme","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/industa-industrial-amp-factory-wordpress-theme-359653.html","userRating":0,"designIndex":1,"authorUserId":"2271497","exclusive":"1","state":1,"price":79,"inserted_date":"2023-09-20","sent":0,"downloads":2,"search_words":"architecture industry industry company industry wordpress steel industry gas oil steel works building business construction industrial handyman electrical company led lighting engineering factory renovation metal contractor creative","is_adult":0,"exc_price":2100,"sent_date":"2023-09-20 13:26:08","last_upload":"2024-10-16 09:29:47","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3225010,"templ_id":359653,"filename":"359653-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":3225011,"templ_id":359653,"filename":"359653-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":3225012,"templ_id":359653,"filename":"359653-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":3225013,"templ_id":359653,"filename":"359653-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":3225014,"templ_id":359653,"filename":"359653-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/359653.html","image":"https://s.tmimgcdn.com/scr/359600/industa-industrial-amp-factory-wordpress-theme_359653-original.png","searchHash":"9606d2f0b15a5deeab3d5cee785938d8","previewHash":"0964926763164870401ff995be677092","authorNickname":"garantiwebt","lowLevelTopic":"Gas & Oil Templates; Steelworks Templates; Welding Templates; Civil Engineering Templates","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":40,"discountPercent":50,"discountAmount":40,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Pro","Admin Panel","Bootstrap","Ajax","Canvas Animation","Team Members","Light Template","Dropdown Menu","Google map","Advanced Theme Options","Drag and Drop Content","Performance Optimization","Blog","Portfolio","HTML 5","JQuery","Completely JS","HTML plus JS","Lazy Load effect"],"styles":["3D effect","Clean","Corporate","Minimalist","Artworks","Futurist","Mobile","Material Design"],"isLastAdded":"1","topic":["Gas & Oil Templates","Steelworks Templates","Welding Templates","Civil Engineering Templates","Industrial Templates","Business & Services"],"isFree":"none","color":["black","white","blue"],"productOfTheDay":"-3","showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","compatibleWith":"Revolution Slider","authorUserId":"2271497","imagesIncluded":"Yes","tags":["architecture","building","business","construction","contractor","creative","engineering","factory","handyman","industrial","industry","metal","renovation","electrical company","led lighting","gas oil","steel industry","steel works","industry company","industry wordpress"],"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","6.5.x","6.6.x"],"webServerCompatibility":"Apache 2.4","pHPVersionCompatibility":["8.1","8.0","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7"],"designSoftware":["Adobe Photoshop","Adobe Illustrator"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Industa is a cutting-edge WordPress theme designed specifically for the industrial and corporate sectors. </p>","nameOfTheTemplate":"Industa - Industrial &amp; Factory WordPress Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u2271497/b5dc4bf1b0d136f0d3257cdc3fda0ab4.png, https://s3u.tmimgcdn.com/u2271497/e0be7bd110af14283fb4b29c1e988fd9.png, https://s3u.tmimgcdn.com/u2271497/ff8fd54c8e7007e5ee5e35390c73c9b4.png, https://s3u.tmimgcdn.com/u2271497/69ef5cb7fab5955490f0e9d9355a98f9.png, https://s3u.tmimgcdn.com/u2271497/0f201a8e5322e6432c3946caeee28f98.png","shortDescription":"<p><strong>Industa - A Modern Industrial WordPress Theme</strong></p><p>Industa is a cutting-edge WordPress theme designed specifically for the industrial and corporate sectors. With its sleek design, impressive features, and intuitive customization options, Industa is the ideal choice for businesses looking to make a bold online presence. This theme offers an array of unique elements and functionalities that set it apart from the rest.</p><p><strong>Creative Slider Areas with Special Hover Effects</strong></p><p>Industa boasts creative slider areas that capture the attention of your website visitors instantly. What makes these sliders truly outstanding are the special hover effects that add an extra layer of interactivity and engagement. Whether you want to showcase your latest projects, products, or services, these slider areas provide a visually appealing way to do so.</p><p><strong>Corporate Industrial Icon Sets</strong></p><p>In the corporate and industrial world, visuals matter. Industa understands this, which is why it includes a set of corporate and industrial icon sets. These icons are perfect for highlighting key features, services, or advantages your business offers. They enhance the overall user experience by making complex information easily digestible.</p><p><strong>Special Icon Box Information Fields</strong></p><p>To convey important information effectively, Industa features special icon box information fields. These eye-catching elements allow you to present data, statistics, or key points in a visually appealing manner. Coupled with customizable icons, you can tailor these boxes to match your brand's style effortlessly.</p><p><strong>Professional Work Process Areas</strong></p><p>Industa makes it simple to showcase your work processes professionally. Highlight the steps or stages of your projects or services with dedicated work process areas. These sections not only inform your audience but also build trust by demonstrating your expertise and attention to detail.</p><p><strong>Modern New Generation Hover Effect Services Areas</strong></p><p>Modern design trends are all about user engagement, and Industa doesn't disappoint. Its new-generation hover effect services areas add a touch of sophistication to your website. When visitors hover over these elements, they come to life, providing an interactive and dynamic experience that keeps users exploring.</p><p><strong>Advanced Service and Project Detail Pages</strong></p><p>The theme includes advanced service and project detail pages, ensuring that you can present your offerings comprehensively. These pages allow you to go into depth about your services and projects, providing valuable insights and information to potential clients or customers.</p><p><strong>Effortless Customization with Quick Theme Settings</strong></p><p>Industa puts the power of customization in your hands. With a single click, you can personalize everything, from logos and colors to tones and fonts. This quick theme setting feature simplifies the process of aligning your website with your brand identity.</p><p><strong>Customer Logos Area</strong></p><p>Showcasing the logos of your satisfied clients or partners is a powerful way to build trust and credibility. Industa includes a dedicated area for displaying customer logos, allowing you to highlight your successful collaborations prominently.</p><p><strong>Quick Quote Form Fields</strong></p><p>To encourage inquiries and conversions, Industa features a quick quote form. It's strategically placed to capture potential leads effortlessly. This feature streamlines the process for interested parties to reach out, making it easier than ever to connect with your business.</p><p><strong>Modern Header and Footer</strong></p><p>The header and footer sections of your website are critical for navigation and branding. Industa offers modern header and footer designs that not only look great but also provide a seamless browsing experience for your visitors.</p><p>In conclusion, Industa is more than just a WordPress theme; it's a powerful tool for businesses in the industrial and corporate sectors to create a stunning online presence. With its innovative features, sleek design, and customization options, Industa empowers you to showcase your expertise, engage your audience, and grow your business.</p><p>Experience the future of industrial and corporate website design with Industa today!</p>","uniqueKeywords":"architecture,industry,industry company,industry wordpress,steel industry,gas oil,steel works,building,business,construction,industrial,handyman,electrical company,led lighting,engineering,factory,renovation,metal,contractor,creative","advImage":"https://s3u.tmimgcdn.com/u2271497/53acdda9891be559fa8828c1acfedc13.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2271497/932fa95c7c913865e30ab18e5a9b7136.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u2271497/9ca9c2e04caae81f9fad97426887aa8a.png, https://s3u.tmimgcdn.com/u2271497/12d4fceeb879210e3e86b2c9d78f2bee.png, https://s3u.tmimgcdn.com/u2271497/04546e65750e0b6094397eade6157791.png, https://s3u.tmimgcdn.com/u2271497/49a28379f4003703fac22f29c71543ad.png, https://s3u.tmimgcdn.com/u2271497/ee9cf638c18d6f2b4d816f5db1e07cb2.png, https://s3u.tmimgcdn.com/u2271497/df2a52446bb020661b45c24e2ba33d57.png","livePreviewURL":"https://garantiwebdesign.com/wordpress/industa/","metaDescription":"Industa - A Modern Industrial WordPress ThemeIndusta is a cutting-edge WordPress theme designed specifically for the industrial and corporate sectors. With its","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Experience the demo preview of the high quality Industa - Industrial &amp; Factory WordPress Theme WordPress Theme (#359653) get yourself informed about this template before buying it. View the pages, check the images, click the buttons, explore the functionality.","customUrl":"/wordpress-themes/industa-industrial-amp-factory-wordpress-theme-359653.html","productSize":"34773099","changeLogDate":"2024-10-16","trendiness":"1","changeLog":"1.0.3\n\nAdvanced Custom Field Framework Plugin has been updated to version 6.3.6. Classic Editor, Classic Widgets, Contact Form 7, Duplicate Menu, Duplicate Page and all necessary plugins for the theme have been updated to the latest version. To avoid security problems, those who purchased the theme can download the theme again and manually install the plugins from the \"inc/plugins/\" area. When updating plugins, make sure your PHP versions are 8.0 and above.\n\n1.0.2\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.1\n\nacf advanced custom field 6.2.1 plugin has been updated.","types":"WordPress Themes","templateIcon":"icon-wordpress","hELPURL":"/quick-start-guide/wordpress/","followUpLetter":"wp-themes-offers","productFamily":"None","templateGroup":"Wordpress Store","category":"Website templates","popularity":"Recently Updated"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sun, 29 Dec 2024 10:23:03 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=359653&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=359653&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=359653&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 29 Dec 2024 10:28:03 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://garantiwebdesign.com/wordpress/industa/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#359653 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/359653.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 #359653            </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=359653&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>