string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=366309&expand=properties"
string(12519) "[{"templateId":366309,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":176,"categoryName":"Bike Shop Templates","templateTitle":"Bike Shop WordPress Theme","templatePreviewHtmlTitle":"Xterra - Bike &amp; Accessories Shop Elementor Wordpress Theme","templateDemoHtmlTitle":"Live demo for Xterra - Bike &amp; Accessories Shop Elementor Wordpress Theme #366309","typeShortName":"WordPress","templatePreviewFBTitle":"<p><strong>Xterra</strong> is a dynamic and modern <strong>Bike &amp; Accessories Shop Elementor WordPress Theme</strong> that is ideal for a <em>bike shop, motorcycle, bike repair, cycles, auto vehicles, accessories for bike stores, cycling accessories, bike equipment &amp; maintenance, and other similar businesses.</em></p><p>At first appearance, <strong>Xterra</strong> appears to be 100% responsive, with an exclusive and gorgeous urban style interface that will undoubtedly satisfy the most discriminating tastes. Monitoring your online business has never been easier because it is fully connected with the renowned <strong>WooCommerce</strong> – the leading eCommerce platform. Not to mention <strong>Xterra’s</strong> great features and addons like <strong>Revolution Slider, Visual Composer, and Advanced Custom Fields.</strong> Because of this theme’s numerous innovative tactics, your sales and brand value will reach the maximum levels that they should.</p><h3>LET’S ENJOY THE CUTTING-EDGE FEATURES OF XTERRA:</h3><p>✔️ <strong>Modern Design</strong>: Highly responsive, unlimited colors, megamenu built-in, beautiful slider, about us, contact us…</p><p>✔️ <strong>Easy Customization</strong>: Elementor ready, WooCommerce integration, megamenu ready, powerful theme options with a bundle of options for Logo, Color, Blog, Project, Service, Typography, Pop-up and more …</p><p>✔️ <strong>One Click Installation</strong>: Import the demo of the design you want to have your site just like a demo with a few steps.</p><h3>Full Feature List</h3><ul><li>Professional homepage designs: Beautiful, unique and professional layouts for all kinds of building, construction, renovation, reconstruction, construction material shop, home repair &amp; maintenance service websites and more.</li><li>Compatible with WordPress 6.2.x</li><li>Elementor 3.9.x Ready!</li><li>Revolution Slider 6.6.x Pro Compatible</li><li>WooCommerce 7.2.x Ready</li><li>MailChimp For WordPress</li><li>One Click Import Demo Site – The easiest and fastest way to build your website</li><li>Child Theme Included</li><li>Different Header &amp; Footer Styles</li><li>Various Shortcodes – Get creative with unlimited combinations of easy-to-use shortcodes and quickly create any type of page you like.</li><li>Responsive WordPress Theme</li><li>Google Fonts Included</li><li>Fully integrated with Font Awesome Icon</li><li>Built-in with HTML5, CSS3 &amp; LESS</li><li>Contact Form 7 ready</li><li>Easy Customization</li><li>Typography – Highly customizable typography settings,</li><li>Support menu with Mega and dropdown style</li><li>Support primary menu location, widget sidebars</li><li>SEO Optimized</li><li>Blog Layout Options:</li><li>Left Sidebar with Grid view (2-4 columns)</li><li>Right Sidebar with Grid view (2-4 columns)</li><li>Left Sidebar with List view</li><li>Right Sidebar with List view</li><li>Post Format Types:</li><li>Post Format Image</li><li>Post Format Audio</li><li>Post Format Gallery</li><li>Post Format Video</li><li>Multiple portfolio pages: Portfolio Masonry, Portfolio 2-4 columns</li><li>Translation – WPML compatible and every line of your content can be translated</li><li>RTL Support</li><li>Support to add custom CSS/JS</li><li>Cross-browser compatible – It works fine under modern, major browsers (Firefox, Safari, Chrome, Edge)</li><li>Download PSD files worth $12</li><li>Free Lifetime Updates</li></ul>","templateFullTitle":"Xterra - Bike &amp; Accessories Shop Elementor Wordpress Theme","templatePreviewMetaDescription":"Xterra is a dynamic and modern Bike &amp; Accessories Shop Elementor WordPress Theme that is ideal for a bike shop, motorcycle, bike repair, cycles, auto","templateDemoMetaDescription":"Before you decide to buy it, get the look and feel of the premium Xterra - Bike &amp; Accessories Shop Elementor Wordpress Theme WordPress Theme (#366309) by experiencing the demo. Click through the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Xterra - Bike &amp; Accessories Shop Elementor Wordpress Theme","anchorFeature":"","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/xterra-bike-amp-accessories-shop-elementor-wordpress-theme-366309.html","userRating":0,"designIndex":1,"authorUserId":"1645392","exclusive":"0","state":1,"price":126,"inserted_date":"2023-10-17","sent":0,"downloads":2,"search_words":"wordpress bicycle bike elementor ecommerce page builder wordpress theme","is_adult":0,"exc_price":2100,"sent_date":"2023-10-17 12:15:15","last_upload":"2023-10-17 12:19:12","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3258289,"templ_id":366309,"filename":"366309-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":3258290,"templ_id":366309,"filename":"366309-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":3258291,"templ_id":366309,"filename":"366309-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":3258292,"templ_id":366309,"filename":"366309-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":3258293,"templ_id":366309,"filename":"366309-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/366309.html","image":"https://s.tmimgcdn.com/scr/366300/xterra-bike-amp-accessories-shop-elementor-wordpress-theme_366309-original.jpg","searchHash":"7b7fdb5bea85a14c1c8c65a2da04e24d","previewHash":"d033c4d73d9433010c03c7135f4c19d4","authorNickname":"wpthemego","lowLevelTopic":"Bike Shop Templates","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":1,"productBoost":0,"onSale":0,"finalPrice":126,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"isLastAdded":"1","topic":["Bike Shop Templates","Cars & Motorcycles","Motorcycles"],"isFree":"none","color":["white","grey","red"],"showVariantForcibly":"b","exclusive":"0","authorUserId":"1645392","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["bicycle","bike","wordpress","ecommerce","elementor","page builder","wordpress theme"],"wordPressBuilder":"Elementor Website Builder","paidSupport":"Yes","wordpressComCompatibility":"Not Compatible","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0"],"databaseServerCompatibility":"MySQL 8.0","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"wordpressCompatibility":"6.2.x","wooCommerceCompatibility":"7.6.x","excerpt":"<p>Xterra is a dynamic and modern Bike &amp; Accessories Shop Elementor WordPress Theme that is ideal for a bike shop, motorcycle, bike repair, cycles, auto vehicles, accessories for bike stores,</p>","nameOfTheTemplate":"Xterra - Bike &amp; Accessories Shop Elementor Wordpress Theme","shortDescription":"<p><strong>Xterra</strong> is a dynamic and modern <strong>Bike &amp; Accessories Shop Elementor WordPress Theme</strong> that is ideal for a <em>bike shop, motorcycle, bike repair, cycles, auto vehicles, accessories for bike stores, cycling accessories, bike equipment &amp; maintenance, and other similar businesses.</em></p><p>At first appearance, <strong>Xterra</strong> appears to be 100% responsive, with an exclusive and gorgeous urban style interface that will undoubtedly satisfy the most discriminating tastes. Monitoring your online business has never been easier because it is fully connected with the renowned <strong>WooCommerce</strong> – the leading eCommerce platform. Not to mention <strong>Xterra’s</strong> great features and addons like <strong>Revolution Slider, Visual Composer, and Advanced Custom Fields.</strong> Because of this theme’s numerous innovative tactics, your sales and brand value will reach the maximum levels that they should.</p><h3>LET’S ENJOY THE CUTTING-EDGE FEATURES OF XTERRA:</h3><p>✔️ <strong>Modern Design</strong>: Highly responsive, unlimited colors, megamenu built-in, beautiful slider, about us, contact us…</p><p>✔️ <strong>Easy Customization</strong>: Elementor ready, WooCommerce integration, megamenu ready, powerful theme options with a bundle of options for Logo, Color, Blog, Project, Service, Typography, Pop-up and more …</p><p>✔️ <strong>One Click Installation</strong>: Import the demo of the design you want to have your site just like a demo with a few steps.</p><h3>Full Feature List</h3><ul><li>Professional homepage designs: Beautiful, unique and professional layouts for all kinds of building, construction, renovation, reconstruction, construction material shop, home repair &amp; maintenance service websites and more.</li><li>Compatible with WordPress 6.2.x</li><li>Elementor 3.9.x Ready!</li><li>Revolution Slider 6.6.x Pro Compatible</li><li>WooCommerce 7.2.x Ready</li><li>MailChimp For WordPress</li><li>One Click Import Demo Site – The easiest and fastest way to build your website</li><li>Child Theme Included</li><li>Different Header &amp; Footer Styles</li><li>Various Shortcodes – Get creative with unlimited combinations of easy-to-use shortcodes and quickly create any type of page you like.</li><li>Responsive WordPress Theme</li><li>Google Fonts Included</li><li>Fully integrated with Font Awesome Icon</li><li>Built-in with HTML5, CSS3 &amp; LESS</li><li>Contact Form 7 ready</li><li>Easy Customization</li><li>Typography – Highly customizable typography settings,</li><li>Support menu with Mega and dropdown style</li><li>Support primary menu location, widget sidebars</li><li>SEO Optimized</li><li>Blog Layout Options:</li><li>Left Sidebar with Grid view (2-4 columns)</li><li>Right Sidebar with Grid view (2-4 columns)</li><li>Left Sidebar with List view</li><li>Right Sidebar with List view</li><li>Post Format Types:</li><li>Post Format Image</li><li>Post Format Audio</li><li>Post Format Gallery</li><li>Post Format Video</li><li>Multiple portfolio pages: Portfolio Masonry, Portfolio 2-4 columns</li><li>Translation – WPML compatible and every line of your content can be translated</li><li>RTL Support</li><li>Support to add custom CSS/JS</li><li>Cross-browser compatible – It works fine under modern, major browsers (Firefox, Safari, Chrome, Edge)</li><li>Download PSD files worth $12</li><li>Free Lifetime Updates</li></ul>","uniqueKeywords":"wordpress,bicycle,bike,elementor,ecommerce,page builder,wordpress theme","advImage":"https://s3u.tmimgcdn.com/u1645392/87eaf658123bf8766db3f92cf448c476.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1645392/68a0c0e7eeae792fe91649a19fb1c865.jpg","livePreviewURL":"https://demo1.wpthemego.com/themes/sw_xterra/intro/","metaDescription":"Xterra is a dynamic and modern Bike &amp; Accessories Shop Elementor WordPress Theme that is ideal for a bike shop, motorcycle, bike repair, cycles, auto","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Before you decide to buy it, get the look and feel of the premium Xterra - Bike &amp; Accessories Shop Elementor Wordpress Theme WordPress Theme (#366309) by experiencing the demo. Click through the pages, check out the images, press the buttons, explore the features.","customUrl":"/wordpress-themes/xterra-bike-amp-accessories-shop-elementor-wordpress-theme-366309.html","productSize":"43828093","trendiness":"2","types":"WordPress Themes","templateIcon":"icon-wordpress","hELPURL":"/quick-start-guide/wordpress/","followUpLetter":"wp-themes-offers","productFamily":"None","templateGroup":"Wordpress Store","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 28 Dec 2024 01:15:25 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=366309&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=366309&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=366309&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 28 Dec 2024 01:20:25 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://demo1.wpthemego.com/themes/sw_xterra/intro/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#366309 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/366309.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 #366309            </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=366309&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $116                <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>