string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=125227&expand=properties"
string(15798) "[{"templateId":125227,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":127,"categoryName":"Consulting Templates","templateTitle":"Consulting WordPress Theme","templatePreviewHtmlTitle":"Opo2 - Multipurpose Business and It Solution WordPress Theme","templateDemoHtmlTitle":"Demo Preview for Opo2 - Multipurpose Business and It Solution WordPress Theme #125227","typeShortName":"WordPress","templatePreviewFBTitle":"<p><strong>Opo2 </strong>is a Powerful Multipurpose <strong>WordPress </strong>Theme. The theme have 10+ unique design. You can make any kind of website using the theme. the theme fully capability WordPress Latest version and support any king of WordPress org plugins.</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 frontend and backend drag and drops page builders. you can Control your website live using the page builder. It saves you more time and 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 viewpoint.</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>Every purchase of the Theme, we provide guarantees lifetime access to future theme updates at no extra cost, and Every Week We added two or more new demo.</p><h2>One-click installation :</h2><p>Install Opo2 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 Opo2 looks great both on mobile, desktop, and retina screens!</p><h2>WPML &amp; Translation Ready:</h2><p><strong>Opo2 </strong>is compatible with the most popular WordPress plugin that supports the creation of multilingual layouts. Translate your website to any language with WPML!</p><h2>Compatible with Contact form 7 :</h2><p><strong>Opo2 </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>Opo2 </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 Opo2 will make your customizations super easy and fast!</p><p><br /></p><h2>Theme Features List</h2><ul><li>10+ Home Page.</li><li>Drag &amp; Drop Page Builder</li><li>Latest WordPress version compatibility</li><li>Modern &amp; Unique Design</li><li>Latest Bootstrap Version Used.</li><li>100% Responsive For All Kind Of Device</li><li>18+ 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>Elementor 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>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>Create amazing website without touching a line of code</li><li>Fully Customizable</li><li>Woocomerce Capability</li><li>Unlimited colors for design &amp; content elements</li><li>Responsive visibility options</li><li>24/7 hours support</li><li>50+ custom Element</li><li>icofont icon</li><li>themify icon</li><li>Optimized for Contact Form 7</li><li>MailChim for WordPress</li><li>WPML Translator</li><li>Loco Translator</li><li>Polylang Translator</li><li>Icofont Icon</li></ul><h3>If you find any issues, Using our theme, Please message us one time.</h3>","templateFullTitle":"Opo2 - Multipurpose Business and It Solution WordPress Theme","templatePreviewMetaDescription":"Opo2 is a Powerful Multipurpose WordPress Theme. The theme have 10+ unique design. You can make any kind of website using the theme. the theme fully capability","templateDemoMetaDescription":"The demo for this top notch Opo2 - Multipurpose Business and It Solution WordPress Theme (#125227) is generated for you to get yourself knowledgeable about the theme before you decide to buy it. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Opo2 - Multipurpose Business and It Solution WordPress Theme","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/opo2-multipurpose-business-and-it-solution-wordpress-theme-125227.html","userRating":0,"designIndex":"87","authorUserId":"1583479","exclusive":"1","state":1,"price":39,"inserted_date":"2020-11-19","sent":0,"downloads":1,"search_words":"software it solution business startup financial marketing app elementor company services technology agency creative industry corporate modern template multipurpose personal","is_adult":0,"exc_price":2100,"sent_date":"2020-11-19 12:14:16","last_upload":"2023-08-24 00:45:05","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"125227-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":125227,"width":800,"window_params":"","banner_url":"","id":2053504,"href":"","height":500},{"scr_type_id":311,"filename":"125227-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":125227,"width":800,"window_params":"","banner_url":"","id":2053505,"href":"","height":500},{"scr_type_id":312,"filename":"125227-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":125227,"width":370,"window_params":"","banner_url":"","id":2053506,"href":"","height":370},{"scr_type_id":9,"filename":"125227-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":125227,"width":145,"window_params":"","banner_url":"","id":2053507,"href":"","height":156},{"scr_type_id":57,"filename":"125227-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":125227,"width":430,"window_params":"","banner_url":"","id":2053508,"href":"","height":269}],"demoUrl":"/demo/125227.html","image":"https://s.tmimgcdn.com/scr/125200/opo2-multipurpose-business-and-it-solution-wordpress-theme_125227-original.jpg","searchHash":"51ba93e5db790a7bf0386303a3071624","previewHash":"a06e7a20ba19f0c71277f0f4322b3ed0","authorNickname":"themex","lowLevelTopic":"Consulting Templates; Marketing Agency Templates; Management Company Templates; IT Templates; Business Audit; Business Coach","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":39,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productSize":"12535968","uniqueKeywords":"software,it,solution,business,startup,financial,marketing,app,elementor,company,services,technology,agency,creative,industry,corporate,modern,template,multipurpose,personal","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Opo2 is a Powerful Multipurpose WordPress Theme. The theme have 10+ unique design. You can make any kind of website using the theme. the theme fully capability","excludeExclusive":"Yes","features":["Premium","Pro","Admin Panel","Bootstrap","Ajax","Mobile Layout Included","Multipurpose","Team Members","Light Template","Google map","Tabs","Advanced Theme Options","Blog","Gallery","Portfolio","HTML 5","JQuery","Parallax","Background video","Website Builder"],"saleSells":"1","authorUserId":"1583479","isFree":"none","htmlTitle":"Best  Multipurpose Business and It Solution WordPress Theme by Themex","hELPURL":"/quick-start-guide/wordpress/","exclusive":"1","wordPressBuilder":"Elementor Website Builder","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"lastmod":"2022-02-15T06:15:12-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1583479-1605113869972_opo2.jpg","wordpressEngine":"5.5.x","compatibleWith":["WooCommerce","WPML","MailChimp","Polylang","Booked"],"wordpressComCompatibility":"WordPress.com Pro Plan","demoMetaDescription":"The demo for this top notch Opo2 - Multipurpose Business and It Solution WordPress Theme (#125227) is generated for you to get yourself knowledgeable about the theme before you decide to buy it. View the pages, check out the images, click the buttons, explore the features.","wooCommerceCompatibility":["7.6.x","7.7.x","7.8.x","7.9.x","8.0.x"],"shortDescription":"<p><strong>Opo2 </strong>is a Powerful Multipurpose <strong>WordPress </strong>Theme. The theme have 10+ unique design. You can make any kind of website using the theme. the theme fully capability WordPress Latest version and support any king of WordPress org plugins.</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 frontend and backend drag and drops page builders. you can Control your website live using the page builder. It saves you more time and 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 viewpoint.</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>Every purchase of the Theme, we provide guarantees lifetime access to future theme updates at no extra cost, and Every Week We added two or more new demo.</p><h2>One-click installation :</h2><p>Install Opo2 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 Opo2 looks great both on mobile, desktop, and retina screens!</p><h2>WPML &amp; Translation Ready:</h2><p><strong>Opo2 </strong>is compatible with the most popular WordPress plugin that supports the creation of multilingual layouts. Translate your website to any language with WPML!</p><h2>Compatible with Contact form 7 :</h2><p><strong>Opo2 </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>Opo2 </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 Opo2 will make your customizations super easy and fast!</p><p><br /></p><h2>Theme Features List</h2><ul><li>10+ Home Page.</li><li>Drag &amp; Drop Page Builder</li><li>Latest WordPress version compatibility</li><li>Modern &amp; Unique Design</li><li>Latest Bootstrap Version Used.</li><li>100% Responsive For All Kind Of Device</li><li>18+ 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>Elementor 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>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>Create amazing website without touching a line of code</li><li>Fully Customizable</li><li>Woocomerce Capability</li><li>Unlimited colors for design &amp; content elements</li><li>Responsive visibility options</li><li>24/7 hours support</li><li>50+ custom Element</li><li>icofont icon</li><li>themify icon</li><li>Optimized for Contact Form 7</li><li>MailChim for WordPress</li><li>WPML Translator</li><li>Loco Translator</li><li>Polylang Translator</li><li>Icofont Icon</li></ul><h3>If you find any issues, Using our theme, Please message us one time.</h3>","tags":["agency","app","business","company","corporate","creative","financial","industry","marketing","modern","multipurpose","personal","services","software","solution","startup","technology","template","it","elementor"],"customUrl":"/wordpress-themes/opo2-multipurpose-business-and-it-solution-wordpress-theme-125227.html","nameOfTheTemplate":"Opo2 - Multipurpose Business and It Solution WordPress Theme","pHPVersionCompatibility":["8.1","8.0","7.4"],"topic":["Consulting Templates","Marketing Agency Templates","Management Company Templates","IT Templates","Business & Services","Business Audit","Business Coach"],"changeLogDate":"2023-02-22","advImage":"https://s3u.tmimgcdn.com/1583479-1605112486005_support.jpg","excerpt":"<p>Opo2 is a Powerful Multipurpose WordPress Theme. The theme have 10+ unique design. You can make any kind of website using the theme.</p>","productFamily":"None","color":["black","white","grey"],"followUpLetter":"wp-themes-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"wordpressCompatibility":["5.9.x","6.0.x","6.1.x","6.2.x","6.3.x"],"templateSupportOptions":"[]","changeLog":"## 24-08-2023\n- Latest WordPress Version Capability.\n- Update all plugins.\n\n## 16-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.\n\n## 11-04-2022\n### Fixed\n- Fixed error the elementor register controls.\n\n## 15-02-2022\n### Added\n- Latest WordPress Version Capability.","livePreviewURL":"https://demo.themexbd.com/wpt/opo2/","authorMainScreenshot":"https://s3u.tmimgcdn.com/1583479-1605113864869_opo28.jpg","templateGroup":"Wordpress Store","databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"alreadyPacked":"1","imagesIncluded":"Yes","templateIcon":"icon-wordpress","types":"WordPress Themes","wooCommerceEngine":"4.5.x","trendiness":"1","bitLyUrl":"https://bit.ly/3lNxalf","paidSupport":"Yes","marketplaceMembership":"One","category":"Website templates","dqi":"87"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 18 May 2024 15:52:47 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=125227&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=125227&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=125227&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 18 May 2024 15:57:47 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://demo.themexbd.com/wpt/opo2/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#125227 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/125227.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 #125227            </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=125227&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $36                <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>