string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58878&expand=properties"
string(14190) "[{"templateId":58878,"typeId":27,"typeName":"Magento theme","typeUrl":"magento-themes","categoryId":225,"categoryName":"Apparel Templates","templateTitle":"Apparel Responsive Magento Theme","templatePreviewHtmlTitle":"ATA - Fashion Magento Theme #58878 - TemplateMonster","templateDemoHtmlTitle":"Demo for ATA - Fashion Magento Theme #58878","typeShortName":"Magento","templatePreviewFBTitle":"Here is a solution that will work for online stores and shops that offers a fresh design and a set of powerful tools. It offers a clean layout that is a perfect fit to showcase any kind of content whether it is text, image or gallery. A vertical menu ensures advanced navigation and allows you to group the products into logical categories. Thanks to quite flexible options, this fashion clothes Magento template can be adapted to any other project in no time.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Beauty Magento design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive website design technique makes a internet site's interface flexible for any kind of screen resolution.</p> <p><b>Why is it Good?</b></p><p>Smartphones generate 80% of worldwide cyberspace usage. It's crucial to design your internet page responsive if you don't wish to drop your own projected audience.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-magento-themes/\">Responsive Magento designs</a> here</p> <h3>This Apparel Magento theme is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search engine ready is a WordPress theme that allows to successfully crawl and index the website.</p> <p><b>Why is it Good?</b></p><p>The Search Engine Friendly layout is undoubtedly a fantastic general platform to start advertising and increasing research rankings of the site. It will be quite a bit easier to work with this kind of site for Web optimization professional basically because half the work is previously completed.</p><p>Find fresh <a href=\"https://www.templatemonster.com/seo-magento-themes/\">Search Engine Friendly Magento design templates</a> here</p> <h3>This is a Bootstrap Apparel Magento theme</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for web page and apps design.</p> <p><b>Why is it Good?</b></p><p>Bootstrap allows you to build better websites .  </p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-magento-themes/\">Bootstrap Magento templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"ATA - Fashion Magento Theme","templatePreviewMetaDescription":"Here is a solution that will work for online stores and shops that offers a fresh design and a set of powerful tools. It offers a clean layout that is a","templateDemoMetaDescription":"The demo preview of this professional ATA - Fashion Magento Theme (#58878) is available here for you to get the feel and look of the theme before buying it. View the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"ATA - Fashion Magento Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/magento-themes/ata-fashion-magento-theme-magento-theme-58878.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":108,"inserted_date":"2016-06-09","sent":2,"downloads":55,"search_words":"ATA clothes wear clothing apparel work shoes gloves wear Safety Boots WEAR footwear shirts protective goggles protective eyewear","is_adult":0,"exc_price":5370,"sent_date":"2016-06-13 00:00:00","last_upload":"2016-06-09 00:00:00","package_id":155,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":312,"filename":"58878-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58878,"width":370,"window_params":"","banner_url":"","id":1657018,"href":"","height":370},{"scr_type_id":3,"filename":"58878-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58878,"width":895,"window_params":"","banner_url":"","id":1657019,"href":"","height":599},{"scr_type_id":205,"filename":"58878-magento.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58878,"width":430,"window_params":"","banner_url":"","id":1657020,"href":"","height":60},{"scr_type_id":298,"filename":"58878-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58878,"width":430,"window_params":"","banner_url":"","id":1657021,"href":"","height":900},{"scr_type_id":299,"filename":"58878-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58878,"width":430,"window_params":"","banner_url":"","id":1657022,"href":"","height":900},{"scr_type_id":334,"filename":"58878-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58878,"width":1600,"window_params":"","banner_url":"","id":1657023,"href":"","height":1000},{"scr_type_id":314,"filename":"58878-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58878,"width":1902,"window_params":"","banner_url":"","id":1657024,"href":"","height":4124},{"scr_type_id":3,"filename":"58878-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58878,"width":1800,"window_params":"","banner_url":"","id":1657025,"href":"","height":4124},{"scr_type_id":315,"filename":"58878-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58878,"width":1800,"window_params":"","banner_url":"","id":1657026,"href":"","height":4124},{"scr_type_id":9,"filename":"58878-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58878,"width":145,"window_params":"","banner_url":"","id":1657027,"href":"","height":156},{"scr_type_id":3,"filename":"58878-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58878,"width":408,"window_params":"","banner_url":"","id":1657028,"href":"","height":55},{"scr_type_id":78,"filename":"58878-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":58878,"width":0,"window_params":"","banner_url":"","id":1657029,"href":"","height":0},{"scr_type_id":300,"filename":"58878-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58878,"width":320,"window_params":"","banner_url":"","id":1657030,"href":"","height":900},{"scr_type_id":204,"filename":"58878-m-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58878,"width":430,"window_params":"","banner_url":"","id":1657031,"href":"","height":985},{"scr_type_id":311,"filename":"58878-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58878,"width":965,"window_params":"","banner_url":"","id":1657032,"href":"","height":2211}],"demoUrl":"/demo/58878.html","image":"https://s.tmimgcdn.com/scr/58800/ata-fashion-magento-theme_58878-0-original.jpg","searchHash":"bcf2d8267620cbb157e225171a981e8a","previewHash":"fc485afa6c76026276fb69ee733cd856","authorNickname":"RockThemes","lowLevelTopic":"Apparel Templates","weightedRating":4.357142857142857,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":108,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"Use the theme for fashion, clothes, stores and businesses of the same kind.","categoriesView":["Grid","List"],"uniqueKeywords":"apparel, designer boutique theme, clothes, clothing store, clothing, shoes, magento theme,online, ecommerce, magento 2, jeans","showVariantForcibly":"b","metaDescription":"Purchase This Fashion Clothes Magento Template and Build Your Store Today.","magentoEngine":"1.9.2.4","imageKeyFeatures":"https://s.tmimgcdn.com/scr/58800/58878-en_01.jpg,https://s.tmimgcdn.com/scr/58800/58878-en_02.jpg,https://s.tmimgcdn.com/scr/58800/58878-en_03.jpg,https://s.tmimgcdn.com/scr/58800/58878-en_04.jpg,https://s.tmimgcdn.com/scr/58800/58878-en_05.jpg,https://s.tmimgcdn.com/scr/58800/58878-en_06.jpg,https://s.tmimgcdn.com/scr/58800/58878-en_07.jpg,https://s.tmimgcdn.com/scr/58800/58878-en_08.jpg,https://s.tmimgcdn.com/scr/58800/58878-en_09.jpg,https://s.tmimgcdn.com/scr/58800/58878-en_10.jpg,https://s.tmimgcdn.com/scr/58800/58878-en_11.jpg","features":["Responsive","Search Engine Friendly","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Sample content","MegaMenu","Online Store/Shop","HTML 5","JQuery","HTML plus JS"],"templateSources":[".PSD",".XML",".PHTML",".CSS"],"languageSupport":["English","Spanish","Russian","German"],"authorUserId":"1768190","jqueryScripts":["Mobile Menu","Responsive Slider","Responsive Carousel"],"htmlTitle":"Fashion Clothes Magento Template","isFree":"none","hELPURL":"/quick-start-guide/magento/","documentationVersion":"v2.0","imageDescription":"https://s.tmimgcdn.com/scr/58800/58878-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Clean install without sample data","PHP editor."],"lastmod":"2020-07-24T07:12:18-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"magentoCompatibility":"1.9.2.x","demoMetaDescription":"The demo preview of this professional ATA - Fashion Magento Theme (#58878) is available here for you to get the feel and look of the theme before buying it. View the pages, check the images, click the buttons, explore the features.","shortDescription":"Here is a solution that will work for online stores and shops that offers a fresh design and a set of powerful tools. It offers a clean layout that is a perfect fit to showcase any kind of content whether it is text, image or gallery. A vertical menu ensures advanced navigation and allows you to group the products into logical categories. Thanks to quite flexible options, this fashion clothes Magento template can be adapted to any other project in no time.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Beauty Magento design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive website design technique makes a internet site's interface flexible for any kind of screen resolution.</p> <p><b>Why is it Good?</b></p><p>Smartphones generate 80% of worldwide cyberspace usage. It's crucial to design your internet page responsive if you don't wish to drop your own projected audience.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-magento-themes/\">Responsive Magento designs</a> here</p> <h3>This Apparel Magento theme is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search engine ready is a WordPress theme that allows to successfully crawl and index the website.</p> <p><b>Why is it Good?</b></p><p>The Search Engine Friendly layout is undoubtedly a fantastic general platform to start advertising and increasing research rankings of the site. It will be quite a bit easier to work with this kind of site for Web optimization professional basically because half the work is previously completed.</p><p>Find fresh <a href=\"https://www.templatemonster.com/seo-magento-themes/\">Search Engine Friendly Magento design templates</a> here</p> <h3>This is a Bootstrap Apparel Magento theme</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for web page and apps design.</p> <p><b>Why is it Good?</b></p><p>Bootstrap allows you to build better websites .  </p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-magento-themes/\">Bootstrap Magento templates</a> here</p> <br /></div></div></div></div>","tags":["apparel","boots","boutique","clothes","clothing","designer","eyewear","footwear","gloves","goggles","jeans","online","protective","safety","shirts","shoes","store","theme","wear","work","ecommerce","2"],"customUrl":"/magento-themes/ata-fashion-magento-theme-magento-theme-58878.html","badge":"badge-responsive","nameOfTheTemplate":"ATA - Fashion Magento Theme","topic":["Apparel Templates","Fashion Templates","Fashion & Beauty"],"styles":["Neutral","Flat"],"productFamily":"None","color":["black","white","brown","green"],"followUpLetter":"magento-offers","reviewsTotal":"4","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","media":"Video Integration","bootstrapVersion":"3.2.0","issuggestion":"1","livePreviewURL":"https://ld-magento.template-help.com/magento_58878","templateGroup":"eCommerce Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","galleryScript":"Accordion","dynamicChangeLog":"<ul>\n<li>- 1 minor HTML bugs fixed</li>\n<li>- 2 layout bugs fixed</li>\n</ul>","templateIcon":"icon-magento","types":"Magento Themes","isOldDemoUrl":"1","magentoExtensions":["Cloud Zoom","Social Icons","MegaMenu","Newsletter popup"],"trendiness":"1","bitLyUrl":"http://bit.ly/1sBFgkH","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Advanced Search"],"loyaltySells":"1","width":"2048px","skupromo":"45%","marketplaceMembership":"One","category":"Website templates","dqi":"00","currencies":["USD","GBP","EUR"]}}]"
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 16:06:23 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(290) "Link: <http://products/api/v2/products/en?language=en&ids=58878&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58878&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58878&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 19 Apr 2024 16:11:23 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://ld-magento.template-help.com/magento_58878<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58878 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/58878.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 #58878            </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=58878&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $99                <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>