string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=280220&expand=properties"
string(17060) "[{"templateId":280220,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":100,"categoryName":"Construction Company Templates","templateTitle":"Construction Company Responsive WordPress Theme","templatePreviewHtmlTitle":"Maxmad - Building Materials Responsive WordPress Theme","templateDemoHtmlTitle":"Live preview for Maxmad - Building Materials Responsive WordPress Theme #280220","typeShortName":"WordPress","templatePreviewFBTitle":"<p><strong>Maxmad </strong>is a Materials WordPress Theme. It has a clean, simple, and attractive design that is perfect for small businesses and professionals. It is a lightweight, highly customizable theme with a modern look. Maxmad is a WordPress theme designed to create a professional-looking website. It is a lightweight, highly customizable theme with a modern look that works for small businesses and professionals. The clean, simple design is perfect for small businesses and professionals who want to make a professional-looking website without a lot of bells and whistles.</p><p><br /></p><h2>Why Choose Our Theme?</h2><p>Our Theme contains a lot of functional and customization tools that will make your online business successful. we provided many custom elements. So that users can easily create their website. we are always trying to update our product and try to support the latest software version capability.</p><h3>Elementor Page Builder: -</h3><p>Elementor Page Builder is one of the fronted and backed drag and drops page builders. you can Control your website live using the page builder. It saves you more time and is faster.</p><h3>Responsive: -</h3><p>Responsive is one of the good things about a website theme. Our theme looks nice on all kinds of media devices. it also, you can control live all responsive device viewpoints.</p><h3>Bootstrap Framework:</h3><p>Bootstrap is One of the most popular HTML, CSS, and JS frameworks for developing responsive, mobile-first projects on website design.</p><h3>Lifetime Updates: -</h3><p>For every purchase of the Theme, we provide guaranteed lifetime access to future theme updates at no extra cost, and Every Week We added two or more new demos.</p><h2>One-click installation :</h2><p>Install theme with our powerful one-click installer. Get your site up and running in no time! Quick, easy, and rocket fast!</p><h2>Responsive &amp; retina ready :</h2><p>The look of your website on mobile devices is very important these days. So we made sure theme looks great both on mobile, desktop, and retina screens!</p><h2>Compatible with Contact form 7 :</h2><p><strong>Theme </strong>is compatible with the most powerful and most popular custom contact forms WordPress widget! create your own forms in seconds!</p><h2>Redux Powerful framework :</h2><p><strong>Theme </strong>is based on the most popular, well-established, powerful Redux theme options framework!</p><h2>Detailed documentation :</h2><p>Extensive documentation plus great video guides on how to set up and customize theme will make your customization super easy and fast!</p><h3>Features List</h3><ul><li>Drag &amp; Drop Page Builder</li><li>Latest <strong>WordPress </strong>version compatibility</li><li>Modern &amp; Unique Design</li><li>Latest Bootstrap Version 4 Used.</li><li>100% Responsive For All Kind Of Device</li><li>26+ Different Header Style.</li><li>10+ Footer Style and Color Customizable</li><li>S E O friendly</li><li>Mobile-Friendly Layout</li><li>Google Fonts-500+</li><li>Built for WordPress</li><li>Awesome <strong>Elementor </strong>Page Builder</li><li>Unlimited Colors Customization</li><li>Header Customization</li><li>Footer Customization</li><li>Logo Customization</li><li>Menu Customization</li><li>Buttons Customization</li><li>Added Video</li><li>Smooth Scroll</li><li>Mobile Browsers Compatible</li><li>Font Awesome Icon</li><li>icofont Icon</li><li>themfiy Icon</li><li>flaticon</li><li>Cross-browser Compatible</li><li>W3C Valid HTML Code</li><li>Flexible &amp; Reliable support</li><li>Carousel Added</li><li>Contact Form 7</li><li>Redux framework</li><li>online documentation and video tutorial</li><li>No coding knowledge required</li><li>Very easy page building</li><li>Easily create different Home or other pages</li><li>Flexible easy-to-use page options</li><li>Fully Customizable</li><li>WooCommerce Capability</li><li>Unlimited colors for design &amp; content elements</li><li>Responsive visibility options</li><li>87+ custom Element</li><li>Optimized for Contact Form 7</li><li>MailChimp for WordPress</li><li>WPML Translator</li><li>Loco Translator</li><li>Polylang Translator</li></ul><h3>Easy To Use: -</h3><ul><li>Child theme Included</li><li>online documentation and video tutorial</li><li>No coding knowledge required</li><li>Easily create different Home or other pages</li><li>Flexible easy-to-use page options</li><li>Create an amazing website without touching a line of code</li></ul><h3>Theme Customizations: -</h3><ul><li>Fully Customizable</li><li>Unlimited colors for design &amp; content elements</li><li>Responsive visibility options</li><li>Optimized for Contact Form 7</li><li>MailChimp for WordPress</li></ul>","templateFullTitle":"Maxmad - Building Materials Responsive WordPress Theme","templatePreviewMetaDescription":"Maxmad is a Materials WordPress Theme. It has a clean, simple, and attractive design that is perfect for small businesses and professionals. It is a","templateDemoMetaDescription":"View the live preview of the top quality Maxmad - Building Materials Responsive WordPress Theme WordPress Theme (#280220) get yourself acquainted with this design prior to buying it. View the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Maxmad - Building Materials Responsive WordPress Theme","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/maxmad-building-materials-responsive-wordpress-theme-280220.html","userRating":0,"designIndex":1,"authorUserId":"1658834","exclusive":"1","state":1,"price":80,"inserted_date":"2022-10-05","sent":0,"downloads":5,"search_words":"building materials building materials welding welding materials industry industry materials material company constructions wordpress theme construction building construction construction materials material materials services industrial industrial maintenance wordpress theme templates","is_adult":0,"exc_price":2100,"sent_date":"2022-10-05 11:28:43","last_upload":"2023-09-05 00:19:02","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2827899,"templ_id":280220,"filename":"280220-2-original.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2827900,"templ_id":280220,"filename":"280220-2-big.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2827901,"templ_id":280220,"filename":"280220-2-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":2827902,"templ_id":280220,"filename":"280220-2-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":2827903,"templ_id":280220,"filename":"280220-2-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/280220.html","image":"https://s.tmimgcdn.com/scr/280200/maxmad-building-materials-responsive-wordpress-theme_280220-2-original.jpg","searchHash":"1f8ed224ac0c58626ac4d231bda751cf","previewHash":"4bbf31000ccef897c4918fefb6c4cf28","authorNickname":"codexpert","lowLevelTopic":"Construction Company Templates; Wedding Templates; Building Materials","weightedRating":null,"annualSale":3,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":72,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Pro","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","Canvas Animation","Multipurpose","Team Members","Dropdown Menu","Google map","Tabs","Advanced Theme Options","Drag and Drop Content","Performance Optimization","Blog","Gallery","Portfolio","Forum","One Page Templates","JQuery","Completely JS","Static","Parallax","Background video"],"styles":["3D effect","Clean","Minimalist","Collage","Paper Made","Mobile","Flat","Material Design"],"isLastAdded":"1","topic":["Architecture","Construction Company Templates","Industrial Templates","Wedding Templates","Design","Design & Photography","Business & Services","Home & Family","Fashion & Beauty","Society & People","Building Materials"],"isFree":"none","color":["black","white","brown","blue"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1658834","alreadyPacked":"1","compatibleWith":["WooCommerce","Revolution Slider","WPML","MailChimp","Polylang","Ecwid","Booked","LearnPress"],"marketplaceMembership":"One","imagesIncluded":"Yes","tags":["building","construction","constructions","industrial","industry","material","materials","templates","theme","welding","wordpress","wordpress theme","building materials","construction materials","construction building","material company","industrial maintenance","welding materials","industry materials","materials services"],"wordPressBuilder":"Elementor Website Builder","paidSupport":"Yes","wordpressCompatibility":["5.9.x","6.0.x","6.1.x","6.2.x","6.3.x"],"wordpressComCompatibility":"WordPress.com Pro Plan","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"nameOfTheTemplate":"Maxmad - Building Materials Responsive WordPress Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1658834/a5c274214bc837d7c2e423033c85303f.jpg","shortDescription":"<p><strong>Maxmad </strong>is a Materials WordPress Theme. It has a clean, simple, and attractive design that is perfect for small businesses and professionals. It is a lightweight, highly customizable theme with a modern look. Maxmad is a WordPress theme designed to create a professional-looking website. It is a lightweight, highly customizable theme with a modern look that works for small businesses and professionals. The clean, simple design is perfect for small businesses and professionals who want to make a professional-looking website without a lot of bells and whistles.</p><p><br /></p><h2>Why Choose Our Theme?</h2><p>Our Theme contains a lot of functional and customization tools that will make your online business successful. we provided many custom elements. So that users can easily create their website. we are always trying to update our product and try to support the latest software version capability.</p><h3>Elementor Page Builder: -</h3><p>Elementor Page Builder is one of the fronted and backed drag and drops page builders. you can Control your website live using the page builder. It saves you more time and is faster.</p><h3>Responsive: -</h3><p>Responsive is one of the good things about a website theme. Our theme looks nice on all kinds of media devices. it also, you can control live all responsive device viewpoints.</p><h3>Bootstrap Framework:</h3><p>Bootstrap is One of the most popular HTML, CSS, and JS frameworks for developing responsive, mobile-first projects on website design.</p><h3>Lifetime Updates: -</h3><p>For every purchase of the Theme, we provide guaranteed lifetime access to future theme updates at no extra cost, and Every Week We added two or more new demos.</p><h2>One-click installation :</h2><p>Install theme with our powerful one-click installer. Get your site up and running in no time! Quick, easy, and rocket fast!</p><h2>Responsive &amp; retina ready :</h2><p>The look of your website on mobile devices is very important these days. So we made sure theme looks great both on mobile, desktop, and retina screens!</p><h2>Compatible with Contact form 7 :</h2><p><strong>Theme </strong>is compatible with the most powerful and most popular custom contact forms WordPress widget! create your own forms in seconds!</p><h2>Redux Powerful framework :</h2><p><strong>Theme </strong>is based on the most popular, well-established, powerful Redux theme options framework!</p><h2>Detailed documentation :</h2><p>Extensive documentation plus great video guides on how to set up and customize theme will make your customization super easy and fast!</p><h3>Features List</h3><ul><li>Drag &amp; Drop Page Builder</li><li>Latest <strong>WordPress </strong>version compatibility</li><li>Modern &amp; Unique Design</li><li>Latest Bootstrap Version 4 Used.</li><li>100% Responsive For All Kind Of Device</li><li>26+ Different Header Style.</li><li>10+ Footer Style and Color Customizable</li><li>S E O friendly</li><li>Mobile-Friendly Layout</li><li>Google Fonts-500+</li><li>Built for WordPress</li><li>Awesome <strong>Elementor </strong>Page Builder</li><li>Unlimited Colors Customization</li><li>Header Customization</li><li>Footer Customization</li><li>Logo Customization</li><li>Menu Customization</li><li>Buttons Customization</li><li>Added Video</li><li>Smooth Scroll</li><li>Mobile Browsers Compatible</li><li>Font Awesome Icon</li><li>icofont Icon</li><li>themfiy Icon</li><li>flaticon</li><li>Cross-browser Compatible</li><li>W3C Valid HTML Code</li><li>Flexible &amp; Reliable support</li><li>Carousel Added</li><li>Contact Form 7</li><li>Redux framework</li><li>online documentation and video tutorial</li><li>No coding knowledge required</li><li>Very easy page building</li><li>Easily create different Home or other pages</li><li>Flexible easy-to-use page options</li><li>Fully Customizable</li><li>WooCommerce Capability</li><li>Unlimited colors for design &amp; content elements</li><li>Responsive visibility options</li><li>87+ custom Element</li><li>Optimized for Contact Form 7</li><li>MailChimp for WordPress</li><li>WPML Translator</li><li>Loco Translator</li><li>Polylang Translator</li></ul><h3>Easy To Use: -</h3><ul><li>Child theme Included</li><li>online documentation and video tutorial</li><li>No coding knowledge required</li><li>Easily create different Home or other pages</li><li>Flexible easy-to-use page options</li><li>Create an amazing website without touching a line of code</li></ul><h3>Theme Customizations: -</h3><ul><li>Fully Customizable</li><li>Unlimited colors for design &amp; content elements</li><li>Responsive visibility options</li><li>Optimized for Contact Form 7</li><li>MailChimp for WordPress</li></ul>","uniqueKeywords":"building,materials,building materials,welding,welding materials,industry,industry materials,material company,constructions,wordpress,theme,construction building,construction,construction materials,material,materials services,industrial,industrial maintenance,wordpress theme,templates","advImage":"https://s3u.tmimgcdn.com/u1658834/26daada5501ad16d46aa925b5b9a739c.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1658834/ae0d2080266f7e3d1aa75de98448be7d.jpg","livePreviewURL":"https://demo.themexbd.com/rtl/maxmad/","metaDescription":"Maxmad is a Materials WordPress Theme. It has a clean, simple, and attractive design that is perfect for small businesses and professionals. It is a","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3RBUukX","demoMetaDescription":"View the live preview of the top quality Maxmad - Building Materials Responsive WordPress Theme WordPress Theme (#280220) get yourself acquainted with this design prior to buying it. View the pages, check the images, click the buttons, explore the features.","customUrl":"/wordpress-themes/maxmad-building-materials-responsive-wordpress-theme-280220.html","productSize":"8740660","trendiness":"1","authorMainScreenshotVersion":"2","excerpt":"<p>Maxmad is a Materials WordPress Theme. It has a clean, simple, and attractive design that is perfect for small businesses and professionals. It is a lightweight</p>","changeLog":"## 05-09-2023\n- Latest WordPress Version Capability.\n- Update all plugins.\n\n## 28-02-2023\n- Fixed The TGM Plugin.\n- Fixed The WooCommerce Plugin.\n- We updated new elementor widget control register widget function in helper plugin. so all our customer, change your plugin very careful. if you hesitation, please first message us.","changeLogDate":"2023-02-28","wooCommerceCompatibility":["7.7.x","7.8.x","7.9.x","8.0.x"],"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, 05 May 2024 20:39:27 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=280220&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=280220&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=280220&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 05 May 2024 20:44:27 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://demo.themexbd.com/rtl/maxmad/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#280220 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/280220.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 #280220            </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=280220&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $74                <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>