string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=246021&expand=properties"
string(11378) "[{"templateId":246021,"typeId":27,"typeName":"Magento theme","typeUrl":"magento-themes","categoryId":432,"categoryName":"Fashion Templates","templateTitle":"Fashion Magento Theme","templatePreviewHtmlTitle":"Posh Fashion Responsive Magento 2 Theme - TemplateMonster","templateDemoHtmlTitle":"Live demo for Posh Fashion Responsive Magento 2 Theme #246021","typeShortName":"Magento","templatePreviewFBTitle":"<p>Do you want to create a stunning website for your fashion brand? The M2 Posh multi-purpose fashion theme will help you build a functional e-commerce store that makes selling fashionable! The responsive theme offers tons of customization features to the users making it easier for anyone to build an online presence!</p><p>The Posh fashion theme is suitable for businesses and brands of the apparel/clothing, fashion accessories, and jewelry world. You can also use the Magento 2 fashion theme to make any business look fashionable. It has several page layouts, multiple header &amp; footer styles, and different font &amp; color choices. Enjoy a customizable menu, built-in blog, newsletter subscription feature, and more options with the theme.</p><p>The best part about the multi-purpose fashion theme is that it makes marketing a top priority! It includes Ajax Quick Search, Promotions Notifications Bar, Responsive Sliders, Advertisement Blocks, Daily Deals, Best Selling Products, and many others features to attract customers and make them interested in your products.</p><p>Enjoy an expansive navigation structure, Ajax Quick Search &amp; Ajax Add to Cart, and one-page checkout process to ensure your customers keep coming back to you! The company also provides a bundle of top-rated premium M2 extensions for free! So, you can make your website elegant, functional, and interactive without spending tons of money on different Magento 2 extensions. It is an offer you cannot miss!</p><p>Wait, there is more!</p><ul><li>Lifetime Free Updates</li><li>Reasonable Price Satisfaction Guarantee</li><li>Made with Magento Code Standards</li><li>100% Open Source</li><li>Easy to Customize</li><li>Dedicated Support Available</li></ul><p>What Do You Get When You Buy the Posh Multipurpose Responsive Theme?</p><ol><li>The Posh Fashion Theme package.</li><li>The required plugins/extension available along with the package.</li></ol><p>Note: Please note that the images used in our theme's demo are for samples purpose only and they are not included in the purchase package. We have added a link of placeholder images, you can download and upload them after theme installation, so that it will make it easier for you to know the actual dimension of images to be added in place of them. For your convenience we have added free images website URLs in our Credits section, so you can browse the images from these websites and use it as per your need, but please make sure to check the license, term and condition of respective websites before using them.</p>","templateFullTitle":"Posh Fashion Responsive Magento 2 Theme","templatePreviewMetaDescription":"Do you want to create a stunning website for your fashion brand? The M2 Posh multi-purpose fashion theme will help you build a functional e-commerce store that","templateDemoMetaDescription":"The live preview for this top quality Posh Fashion Responsive Magento 2 Theme Magento Theme (#246021) is presented here for you to get knowledgeable about the template before you choose to buy it. Go through the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Posh Fashion Responsive Magento 2 Theme","anchorFeature":"","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/magento-themes/posh-fashion-responsive-magento-2-theme-246021.html","userRating":0,"designIndex":1,"authorUserId":"1737092","exclusive":"0","state":1,"price":134,"inserted_date":"2022-05-10","sent":0,"downloads":1,"search_words":"accessories apparel clothes fashion lingerie multipurpose shoes jacket","is_adult":0,"exc_price":2100,"sent_date":"2022-05-10 13:21:50","last_upload":"2022-05-10 13:59:51","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"246021-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":246021,"width":1600,"window_params":"","banner_url":"","id":2656956,"href":"","height":1000},{"scr_type_id":311,"filename":"246021-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":246021,"width":1600,"window_params":"","banner_url":"","id":2656957,"href":"","height":1000},{"scr_type_id":312,"filename":"246021-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":246021,"width":370,"window_params":"","banner_url":"","id":2656958,"href":"","height":370},{"scr_type_id":9,"filename":"246021-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":246021,"width":145,"window_params":"","banner_url":"","id":2656959,"href":"","height":156},{"scr_type_id":57,"filename":"246021-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":246021,"width":430,"window_params":"","banner_url":"","id":2656960,"href":"","height":269}],"demoUrl":"/demo/246021.html","image":"https://s.tmimgcdn.com/scr/246000/posh-fashion-responsive-magento-2-theme_246021-original.jpg","searchHash":"958470dcb6c50ccc39a70e80e708ac5d","previewHash":"147c70949958eb2db46f57cf4ca3a18b","authorNickname":"POCOTHEMES","lowLevelTopic":"Fashion Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":134,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["white","brown","pink"],"followUpLetter":"magento-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"35941603","uniqueKeywords":"accessories,apparel,clothes,fashion,lingerie,multipurpose,shoes,jacket","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Do you want to create a stunning website for your fashion brand? The M2 Posh multi-purpose fashion theme will help you build a functional e-commerce store that","magentoEngine":"2.4.3","isLastAdded":"1","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1737092/2e5990158c7a60d4d777f3934a05b7e0.jpg","saleSells":"1","livePreviewURL":"https://posh-fashion-responsive-magento-2-theme.pocothemes.com/","authorUserId":"1737092","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1737092/471f96b7d3fa53b35369b2f04f840213.jpg","templateGroup":"eCommerce Templates","hELPURL":"/quick-start-guide/magento/","databaseServerCompatibility":["MySQL 8.0","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/u1737092/f00c6f4a20e69e1d11696764f3986329.jpg, https://s3u.tmimgcdn.com/u1737092/c63e80389fa6fc52c38b8b7adcaadb3d.jpg, https://s3u.tmimgcdn.com/u1737092/8328148f50765e47a759ad8cfd88991b.jpg, https://s3u.tmimgcdn.com/u1737092/9a35c1f1601d5e8bcb5006bb010e0da1.jpg, https://s3u.tmimgcdn.com/u1737092/4faa50537e211dbf0001bc798aa55f2a.jpg","types":"Magento Themes","magentoExtensions":["Social Icons","Ajax Search","MegaMenu","Ajax Catalog","Newsletter popup","Shop by Brand","Blog","Featured Products","Theme Options","Special Price Countdown","Smart Product Labels","Social Sharing","Quick View","Ajax Cart"],"magentoCompatibility":["2.3.0","2.3.1","2.3.2","2.3.3","2.3.4","2.3.5","2.4.0","2.4.1","2.4.2","2.4.3"],"trendiness":"1","demoMetaDescription":"The live preview for this top quality Posh Fashion Responsive Magento 2 Theme Magento Theme (#246021) is presented here for you to get knowledgeable about the template before you choose to buy it. Go through the pages, check out the images, press the buttons, explore the functionality.","shortDescription":"<p>Do you want to create a stunning website for your fashion brand? The M2 Posh multi-purpose fashion theme will help you build a functional e-commerce store that makes selling fashionable! The responsive theme offers tons of customization features to the users making it easier for anyone to build an online presence!</p><p>The Posh fashion theme is suitable for businesses and brands of the apparel/clothing, fashion accessories, and jewelry world. You can also use the Magento 2 fashion theme to make any business look fashionable. It has several page layouts, multiple header &amp; footer styles, and different font &amp; color choices. Enjoy a customizable menu, built-in blog, newsletter subscription feature, and more options with the theme.</p><p>The best part about the multi-purpose fashion theme is that it makes marketing a top priority! It includes Ajax Quick Search, Promotions Notifications Bar, Responsive Sliders, Advertisement Blocks, Daily Deals, Best Selling Products, and many others features to attract customers and make them interested in your products.</p><p>Enjoy an expansive navigation structure, Ajax Quick Search &amp; Ajax Add to Cart, and one-page checkout process to ensure your customers keep coming back to you! The company also provides a bundle of top-rated premium M2 extensions for free! So, you can make your website elegant, functional, and interactive without spending tons of money on different Magento 2 extensions. It is an offer you cannot miss!</p><p>Wait, there is more!</p><ul><li>Lifetime Free Updates</li><li>Reasonable Price Satisfaction Guarantee</li><li>Made with Magento Code Standards</li><li>100% Open Source</li><li>Easy to Customize</li><li>Dedicated Support Available</li></ul><p>What Do You Get When You Buy the Posh Multipurpose Responsive Theme?</p><ol><li>The Posh Fashion Theme package.</li><li>The required plugins/extension available along with the package.</li></ol><p>Note: Please note that the images used in our theme's demo are for samples purpose only and they are not included in the purchase package. We have added a link of placeholder images, you can download and upload them after theme installation, so that it will make it easier for you to know the actual dimension of images to be added in place of them. For your convenience we have added free images website URLs in our Credits section, so you can browse the images from these websites and use it as per your need, but please make sure to check the license, term and condition of respective websites before using them.</p>","tags":["accessories","apparel","clothes","fashion","jacket","lingerie","multipurpose","shoes"],"bitLyUrl":"https://bit.ly/3w3eSUM","customUrl":"/magento-themes/posh-fashion-responsive-magento-2-theme-246021.html","nameOfTheTemplate":"Posh Fashion Responsive Magento 2 Theme","paidSupport":"Yes","pHPVersionCompatibility":"8.0","topic":["Fashion Templates","Fashion & Beauty"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u1737092/9da571180992fb2e85a799943a4c231d.jpg","excerpt":"The Posh fashion theme is suitable for businesses and brands of the apparel/clothing, fashion accessories, and jewelry world.","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: Fri, 19 Apr 2024 22:45:04 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=246021&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=246021&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=246021&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 19 Apr 2024 22:50:04 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://posh-fashion-responsive-magento-2-theme.pocothemes.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#246021 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/246021.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 #246021            </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=246021&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $123                <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>