string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=322667&expand=properties"
string(15153) "[{"templateId":322667,"typeId":27,"typeName":"Magento theme","typeUrl":"magento-themes","categoryId":432,"categoryName":"Fashion Templates","templateTitle":"Fashion Responsive Magento Theme","templatePreviewHtmlTitle":"TigrenPWA - Magento 2 PWA Theme #322667 - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for TigrenPWA - Magento 2 PWA Theme #322667","typeShortName":"Magento","templatePreviewFBTitle":"<h2>The Best Ready-made Magento 2 PWA Theme Is Here</h2><p>TigrenPWA is a Magento 2 PWA theme that makes it incredibly easy to convert a regular Magento website into a fast and SEO-friendly Magento Progressive Web App (PWA). Furthermore, because the theme is based on PWA Studio (Magento's official tool), it adheres to all high coding standards and eliminates any potential problems.</p><h2>Why Choose TigrenPWA Theme?</h2><p>With so many Magento 2 PWA themes to choose from, it can be hard to know which one is right for you. However, TigrenPWA will definitely be your top choice due to varied reasons.</p><p>With TigrenPWA, you can take your Magento website from zero to a powerful PWA in just a few simple steps, and you'll get all the benefits of this modern technology - fast loading times, cross-device support, icons on the mobile home screen, push notifications, and more.</p><p>Unlike many other Magento 2 PWA themes that only provide one option of PWA storefront design, TigrenPWA gives you three stunning demos, and each of them is also flexible to customize. So whether you're looking for a modern, minimalistic design, a more traditional storefront style, or something in between, TigrenPWA has got you covered!</p><p>What is more, the TigrenPWA theme not only provides PWA features but also helps you maintain powerful Magento core features. This makes it an ideal alternative for businesses looking to provide their clients with a more modern and better purchasing experience. Additionally, the theme offers some more advanced features such as live chat, quick view, cookie compliance, etc. that can help you streamline your business processes and improve efficiency.</p><p>So why wait? Get started today and see how TigrenPWA can help your business reach new heights!</p><h2>Explore TigrenPWA Theme's Numerous Possibilities</h2><h3>Progressive Web App Features</h3><p>This theme is equipped with all the powerful features of Progressive Web Apps, which makes your Magento store more engaging and user-friendly.</p><ul><li>Create an icon/shortcut on the mobile home screen</li><li>Sending push notifications</li><li>Being fully responsive</li><li>Displaying a splash/ welcome page</li><li>Show a full-screen view without the URL bar</li><li>Loading incredibly fast</li><li>Update in 1 click</li></ul><h3>Magento Core Features</h3><p>Many PWA themes for Magento sacrifice a number of Magento core features in order to provide a simplified and lightweight experience for users. However, the TigrenPWA theme does not make such trade-offs and remains fully functional and feature-rich.</p><h3>More Built-in Pro Features</h3><p>If you're looking for a Magento PWA theme that provides many built-in features besides PWA and Magento core features such as social sharing cookie consent, then TigrenPWA is the theme for you.</p><ul><li>Social sharing</li><li>Cookie consent</li><li>Sticky header</li><li>Live chat</li><li>Quick view</li><li>Advanced page builder</li></ul><p>If you want to integrate more features to your Magento PWA powered by the TigrenPWA theme, you can either install PWA add-ons or ask for custom functionality development.</p><h2>Competent And Helpful Support Team</h2><p>Whether you face some troubles while installing or using Tigren’s Magento 2 PWA theme, don't hesitate and write to us! Our team of skilled and qualified technical support staff is available at all times to offer assistance and offer advice.</p><p>Use TigrenPWA - the best PWA theme for Magento 2 to share your ideas and useful tips, promote your business and your services and run your own online store.</p><h2>Changelog</h2><h3>Version 1.0</h3><ul><li>Initial release</li></ul>","templateFullTitle":"TigrenPWA - Magento 2 PWA Theme","templatePreviewMetaDescription":"The Best Ready-made Magento 2 PWA Theme Is HereTigrenPWA is a Magento 2 PWA theme that makes it incredibly easy to convert a regular Magento website into a","templateDemoMetaDescription":"The live preview for this top notch TigrenPWA - Magento 2 PWA Theme Magento Theme (#322667) is made available for you to get yourself informed about the template prior to buying it. Browse through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"TigrenPWA - Magento 2 PWA Theme","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/magento-themes/tigrenpwa-magento-2-pwa-theme-322667.html","userRating":0,"designIndex":1,"authorUserId":"78090668","exclusive":"0","state":1,"price":499,"inserted_date":"2023-03-17","sent":0,"downloads":1,"search_words":"magento 2 pwa theme magento pwa theme pwa theme for magento pwa theme for magento 2 magento pwa magento 2 pwa progressive web app magento progressive web app pwa pwa template pwa theme progressive web application magento theme magento 2 theme magento responsive theme responsive magento 2 theme magento template magento 2 template pwa site template progressive web app theme","is_adult":0,"exc_price":2100,"sent_date":"2023-03-17 13:13:01","last_upload":"2023-03-17 13:20:11","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"322667-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":322667,"width":1600,"window_params":"","banner_url":"","id":3040074,"href":"","height":1000},{"scr_type_id":311,"filename":"322667-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":322667,"width":1600,"window_params":"","banner_url":"","id":3040075,"href":"","height":1000},{"scr_type_id":312,"filename":"322667-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":322667,"width":370,"window_params":"","banner_url":"","id":3040076,"href":"","height":370},{"scr_type_id":9,"filename":"322667-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":322667,"width":145,"window_params":"","banner_url":"","id":3040077,"href":"","height":156},{"scr_type_id":57,"filename":"322667-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":322667,"width":430,"window_params":"","banner_url":"","id":3040078,"href":"","height":269}],"demoUrl":"/demo/322667.html","image":"https://s.tmimgcdn.com/scr/322600/tigrenpwa-magento-2-pwa-theme_322667-original.png","searchHash":"7fc5d6869bd6a57967569c1466fa94fd","previewHash":"b93a52ac1b13a3213e3dbb8d71450edd","authorNickname":"Tigren","lowLevelTopic":"Fashion Templates","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":349,"discountPercent":30,"discountAmount":150,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","grey","pink","blue","cyan"],"followUpLetter":"magento-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"365622769","uniqueKeywords":"magento 2 pwa theme,magento pwa theme,pwa theme for magento,pwa theme for magento 2,magento pwa,magento 2 pwa,progressive web app,magento progressive web app,pwa,pwa template,pwa theme,progressive web application,magento theme,magento 2 theme,magento responsive theme,responsive magento 2 theme,magento template,magento 2 template,pwa site template,progressive web app theme","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"The Best Ready-made Magento 2 PWA Theme Is HereTigrenPWA is a Magento 2 PWA theme that makes it incredibly easy to convert a regular Magento website into a","magentoEngine":"2.4.4","isLastAdded":"1","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78090668/0b58fcc5d3278880216d7cf112955bc1.png(https://www.tigren.com/magento-2-pwa-theme)","features":["Admin Panel","Advanced Theme Options","Drag and Drop Content","eCommerce","Lazy Load effect","Mobile Layout Included","Multipurpose","On-line chat","Online Store/Shop","Performance Optimization","Premium","Pro","Responsive","Sample content","Search Engine Friendly","Website Builder"],"saleSells":"1","livePreviewURL":"https://demo-tm.tigrenpwa.com/","authorUserId":"78090668","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78090668/d64efb6d551c2751ae05adf81161f7ad.png","templateGroup":"eCommerce Templates","hELPURL":"/quick-start-guide/magento/","databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"alreadyPacked":"1","installation":"Installation and set up instructions are attached (look for Documentation folder).","exclusive":"0","imagesIncluded":"No","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"templateIcon":"icon-magento","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78090668/d833268cc61b4695862c042a20785fe8.png, https://s3u.tmimgcdn.com/u78090668/d399f16493497f9073165070417b8c13.png, https://s3u.tmimgcdn.com/u78090668/c5806751c5d4e7dc54f2b0ba0ba75b70.png, https://s3u.tmimgcdn.com/u78090668/a2fc652870483daacb659196fd4f6883.png, https://s3u.tmimgcdn.com/u78090668/2cb85a7fe04517e7dbd205ffe3ac3eb4.png, https://s3u.tmimgcdn.com/u78090668/38bf0aea8a6823eeeca0c4f64e922a73.png, https://s3u.tmimgcdn.com/u78090668/95e9eec4b404cfa3d248490342761888.png, https://s3u.tmimgcdn.com/u78090668/3017aef66cd1c09b09643c72d2f88bcd.png, //www.youtube.com/embed/FuVoR6PVK98, //www.youtube.com/embed/zU9n0WOyb8g, //www.youtube.com/embed/_BU-NOaixOc, //www.youtube.com/embed/TMPCjNFBNqE","types":"Magento Themes","magentoExtensions":["Ajax Search","Sale Products","Ajax Wishlist","Ajax Compare","Shop by Brand","Catalog Images Grid","Featured Products","Theme Options","Image Zoom","Social Sharing","Quick View","Promo Banner"],"designSoftware":"Figma","magentoCompatibility":"2.4.4","demoMetaDescription":"The live preview for this top notch TigrenPWA - Magento 2 PWA Theme Magento Theme (#322667) is made available for you to get yourself informed about the template prior to buying it. Browse through the pages, examine the images, press the buttons, explore the features.","shortDescription":"<h2>The Best Ready-made Magento 2 PWA Theme Is Here</h2><p>TigrenPWA is a Magento 2 PWA theme that makes it incredibly easy to convert a regular Magento website into a fast and SEO-friendly Magento Progressive Web App (PWA). Furthermore, because the theme is based on PWA Studio (Magento's official tool), it adheres to all high coding standards and eliminates any potential problems.</p><h2>Why Choose TigrenPWA Theme?</h2><p>With so many Magento 2 PWA themes to choose from, it can be hard to know which one is right for you. However, TigrenPWA will definitely be your top choice due to varied reasons.</p><p>With TigrenPWA, you can take your Magento website from zero to a powerful PWA in just a few simple steps, and you'll get all the benefits of this modern technology - fast loading times, cross-device support, icons on the mobile home screen, push notifications, and more.</p><p>Unlike many other Magento 2 PWA themes that only provide one option of PWA storefront design, TigrenPWA gives you three stunning demos, and each of them is also flexible to customize. So whether you're looking for a modern, minimalistic design, a more traditional storefront style, or something in between, TigrenPWA has got you covered!</p><p>What is more, the TigrenPWA theme not only provides PWA features but also helps you maintain powerful Magento core features. This makes it an ideal alternative for businesses looking to provide their clients with a more modern and better purchasing experience. Additionally, the theme offers some more advanced features such as live chat, quick view, cookie compliance, etc. that can help you streamline your business processes and improve efficiency.</p><p>So why wait? Get started today and see how TigrenPWA can help your business reach new heights!</p><h2>Explore TigrenPWA Theme's Numerous Possibilities</h2><h3>Progressive Web App Features</h3><p>This theme is equipped with all the powerful features of Progressive Web Apps, which makes your Magento store more engaging and user-friendly.</p><ul><li>Create an icon/shortcut on the mobile home screen</li><li>Sending push notifications</li><li>Being fully responsive</li><li>Displaying a splash/ welcome page</li><li>Show a full-screen view without the URL bar</li><li>Loading incredibly fast</li><li>Update in 1 click</li></ul><h3>Magento Core Features</h3><p>Many PWA themes for Magento sacrifice a number of Magento core features in order to provide a simplified and lightweight experience for users. However, the TigrenPWA theme does not make such trade-offs and remains fully functional and feature-rich.</p><h3>More Built-in Pro Features</h3><p>If you're looking for a Magento PWA theme that provides many built-in features besides PWA and Magento core features such as social sharing cookie consent, then TigrenPWA is the theme for you.</p><ul><li>Social sharing</li><li>Cookie consent</li><li>Sticky header</li><li>Live chat</li><li>Quick view</li><li>Advanced page builder</li></ul><p>If you want to integrate more features to your Magento PWA powered by the TigrenPWA theme, you can either install PWA add-ons or ask for custom functionality development.</p><h2>Competent And Helpful Support Team</h2><p>Whether you face some troubles while installing or using Tigren’s Magento 2 PWA theme, don't hesitate and write to us! Our team of skilled and qualified technical support staff is available at all times to offer assistance and offer advice.</p><p>Use TigrenPWA - the best PWA theme for Magento 2 to share your ideas and useful tips, promote your business and your services and run your own online store.</p><h2>Changelog</h2><h3>Version 1.0</h3><ul><li>Initial release</li></ul>","productOfTheDay":"-4","tags":["magento theme","pwa","magento 2 theme","magento 2 pwa theme","magento pwa theme","pwa theme for magento","pwa theme for magento 2","magento pwa","magento 2 pwa","progressive web app","magento progressive web app","pwa template","pwa theme","progressive web application","magento responsive theme","responsive magento 2 theme","magento template","magento 2 template","pwa site template","progressive web app theme"],"customUrl":"/magento-themes/tigrenpwa-magento-2-pwa-theme-322667.html","nameOfTheTemplate":"TigrenPWA - Magento 2 PWA Theme","paidSupport":"Yes","pHPVersionCompatibility":["8.1","8.0","7.4"],"topic":["Fashion Templates","Fashion & Beauty"],"styles":["Clean","Flat","Minimalist","Mobile","Neutral"],"marketplaceMembership":"None","advImage":"https://s3u.tmimgcdn.com/u78090668/6fc09af96d5246a49c9e287cb23ebcf0.png","excerpt":"A Must-have PWA Theme for Magento 2: Fast Speed, SEO Friendliness, App-like Interface, Push Notifications, and more","category":"Website templates","currencies":"USD"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 21 Nov 2024 06:57:42 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=322667&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=322667&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=322667&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 21 Nov 2024 07:02:42 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-tm.tigrenpwa.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#322667 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/322667.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">
                Magento Themes #322667            </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=322667&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $459                <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="/magento-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>