string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=88387&expand=properties"
string(14351) "[{"templateId":88387,"typeId":27,"typeName":"Magento theme","typeUrl":"magento-themes","categoryId":498,"categoryName":"Watches Templates","templateTitle":"Watches Responsive Magento Theme","templatePreviewHtmlTitle":"Okloc - Watch Shop Magento Theme #88387 - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Okloc - Watch Shop Magento Theme #88387","typeShortName":"Magento","templatePreviewFBTitle":"<p>\t<span style=\"color: rgb(0, 0, 0);\">A watch is an accessory that makes you look smart and professional. We have created Okloc a watch shop template that can be a ready-made solution to create a profitable, good-looking watch store online.</span></p><p><br></p><h1>\t<span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Perfect Watch Shop Design</span></h1><p>\t<span style=\"color: rgb(0, 0, 0);\">\tOkloc is a fully responsive Magento 2 theme made in black and white palette color, perfect for elegant watch shop design to showcase and sell accessories on the web. </span></p><p>\t<span style=\"color: rgb(0, 0, 0);\">\tNowadays high resolution and better quality images have become the need of the hour. This template has a retina ready design, an important solution for visitors who browse your website using a high definition phone or tablet. </span></p><p><br></p><h1>\t<span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Magento Watch Template Advantages</span></h1><p>\t<span style=\"color: rgb(0, 0, 0);\">\tThe first thing we need to mention, this watch shop template has a powerful, intuitive control panel with all the basic built-in functionals that will help you with the store management and configuration.</span></p><p><br></p><h2>\t<span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Best Magento extensions</span></h2><p>\t<span style=\"color: rgb(0, 0, 0);\">Magento 2 extensions are making the management process smooth and reliable. They give unlimited opportunities for optimizing any Magento 2 stores. Below we will take a closer look at the Magento plugins used in this Watch Shop Template.</span></p><ul><li>MegaMenu. The ability to create complex menus for an online store is quite an important thing. With this extension, it is possible to build structured compound menus allowing visitors to access different categories any time.</li><li>AMP. Accelerated Mobile Page module provides new opportunities for mobile devices. The extension can automatically create Magento AMP mobile pages for Home Page, Category Pages, and Product Pages. Pages powered by AMP will be immediately loaded with content.</li><li>Embedded Blog. Blogging is a great way to inform the visitors and customers of your store about the important product news.</li><li>Google Map. The given module allows you to embed the Google map to your Magento website.</li></ul><p>\t<span style=\"color: rgb(0, 0, 0);\">There are more modules to observe. You can click </span><a href=\"https://ld-magento-72.template-help.com/magento_mag-3918/\" target=\"_blank\" style=\"color: rgb(17, 85, 204);\">Live Demo</a><span style=\"color: rgb(0, 0, 0);\"> and view all of them in action.</span></p><p>\t<span style=\"color: rgb(0, 0, 0);\">It is known that Magento theme may become a great basis for creating a professional online store. Don`t overlook this opportunity.</span></p><p><br></p><p>\t<span style=\"color: rgb(0, 0, 0);\">You may also like:</span></p><p>\t<a href=\"https://www.templatemonster.com/magento-2-extensions.php\" target=\"_blank\" style=\"color: rgb(17, 85, 204);\">Magento Extensions</a></p><p>\t<a href=\"https://www.templatemonster.com/magento-themes/jewelry-responsive-magento-theme-58903.html\" target=\"_blank\" style=\"color: rgb(17, 85, 204);\">Jewelrix - Jewelry Store Magento 2 Theme</a></p><p>\t<a href=\"https://www.templatemonster.com/magento-themes/jewelrus-jewelry-store-magento-theme-66100.html\" target=\"_blank\" style=\"color: rgb(17, 85, 204);\">Jewelrus - Jewelry Store Magento Theme</a></p><p><br></p>","templateFullTitle":"Okloc - Watch Shop Magento Theme","templatePreviewMetaDescription":"\tA watch is an accessory that makes you look smart and professional. We have created Okloc a watch shop template that can be a ready-made solution to create a","templateDemoMetaDescription":"Prior to buying it, get the look and feel of the top quality Okloc - Watch Shop Magento Theme (#88387) by visiting the live preview. Click through the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Okloc - Watch Shop Magento Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/magento-themes/okloc-watch-shop-magento-theme-88387.html","userRating":0,"designIndex":"86","authorUserId":"1768190","exclusive":"1","state":1,"price":110,"inserted_date":"2019-11-05","sent":0,"downloads":0,"search_words":"wristwatch accessories casual smart watch timekeeper time bracelet","is_adult":0,"exc_price":2100,"sent_date":"2019-11-05 09:52:31","last_upload":"2019-11-05 09:52:31","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"88387-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":88387,"width":1600,"window_params":"","banner_url":"","id":1865483,"href":"","height":1000},{"scr_type_id":311,"filename":"88387-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":88387,"width":800,"window_params":"","banner_url":"","id":1865484,"href":"","height":1200},{"scr_type_id":312,"filename":"88387-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":88387,"width":370,"window_params":"","banner_url":"","id":1865485,"href":"","height":370},{"scr_type_id":9,"filename":"88387-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":88387,"width":145,"window_params":"","banner_url":"","id":1865486,"href":"","height":156},{"scr_type_id":57,"filename":"88387-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":88387,"width":430,"window_params":"","banner_url":"","id":1865487,"href":"","height":645}],"demoUrl":"/demo/88387.html","image":"https://s.tmimgcdn.com/scr/88300/okloc-watch-shop-magento-theme_88387-0-original.jpg","searchHash":"f3c979cc3a98fde3817b68d5f501fcb1","previewHash":"93ae3a53fba4430581e8972a89a514d9","authorNickname":"RockThemes","lowLevelTopic":"Watches Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":110,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"categoriesView":["Grid","List"],"uniqueKeywords":"wristwatch accessories casual smart watch timekeeper time bracelet","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Grow your business with this responsive watch shop template from Magento 2. Trendy design idea wrapped in elegant black and white theme for online store.","magentoEngine":"2.3.2","imageKeyFeatures":"https://s.tmimgcdn.com/scr/88300/88387-en_01.jpg,https://s.tmimgcdn.com/scr/88300/88387-en_02.jpg,https://s.tmimgcdn.com/scr/88300/88387-en_03.jpg,https://s.tmimgcdn.com/scr/88300/88387-en_04.jpg(https://www.templatemonster.com/magento-2-extensions.php),https://s.tmimgcdn.com/scr/88300/88387-en_05.jpg,https://s.tmimgcdn.com/scr/88300/88387-en_06.jpg,https://s.tmimgcdn.com/scr/88300/88387-en_07.jpg,https://s.tmimgcdn.com/scr/88300/88387-en_08.jpg","features":["Responsive","Admin Panel","Search Engine Friendly","Ajax","Retina Ready","Mobile Layout Included","Online Store/Shop","HTML 5","JQuery","HTML plus JS"],"saleSells":"1","authorUserId":"1768190","htmlTitle":"Watch Shop Template - Okloc","isFree":"none","hELPURL":"/quick-start-guide/magento/","exclusive":"1","templateSoftwareRequired":["Apache Server","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)","Our magento themes are designed to be used with clean install without sample data that is provided with the default theme.","nginx 1.8","MySQL 5.6","MySQL 5.7","PHP 7.2.x"],"lastmod":"2020-06-13T04:48:04-04:00","previewScreensOrVideoURLs":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1572964872546_SliderRate.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1572964875790_SliderScreen.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1572964877509_SliderScreen1.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1572964879421_SliderScreen2.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1572964881410_SliderScreen3.jpg","magentoCompatibility":"2.3.2","demoMetaDescription":"Prior to buying it, get the look and feel of the top quality Okloc - Watch Shop Magento Theme (#88387) by visiting the live preview. Click through the pages, check out the images, press the buttons, explore the functionality.","shortDescription":"<p>\t<span style=\"color: rgb(0, 0, 0);\">A watch is an accessory that makes you look smart and professional. We have created Okloc a watch shop template that can be a ready-made solution to create a profitable, good-looking watch store online.</span></p><p><br></p><h1>\t<span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Perfect Watch Shop Design</span></h1><p>\t<span style=\"color: rgb(0, 0, 0);\">\tOkloc is a fully responsive Magento 2 theme made in black and white palette color, perfect for elegant watch shop design to showcase and sell accessories on the web. </span></p><p>\t<span style=\"color: rgb(0, 0, 0);\">\tNowadays high resolution and better quality images have become the need of the hour. This template has a retina ready design, an important solution for visitors who browse your website using a high definition phone or tablet. </span></p><p><br></p><h1>\t<span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Magento Watch Template Advantages</span></h1><p>\t<span style=\"color: rgb(0, 0, 0);\">\tThe first thing we need to mention, this watch shop template has a powerful, intuitive control panel with all the basic built-in functionals that will help you with the store management and configuration.</span></p><p><br></p><h2>\t<span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Best Magento extensions</span></h2><p>\t<span style=\"color: rgb(0, 0, 0);\">Magento 2 extensions are making the management process smooth and reliable. They give unlimited opportunities for optimizing any Magento 2 stores. Below we will take a closer look at the Magento plugins used in this Watch Shop Template.</span></p><ul><li>MegaMenu. The ability to create complex menus for an online store is quite an important thing. With this extension, it is possible to build structured compound menus allowing visitors to access different categories any time.</li><li>AMP. Accelerated Mobile Page module provides new opportunities for mobile devices. The extension can automatically create Magento AMP mobile pages for Home Page, Category Pages, and Product Pages. Pages powered by AMP will be immediately loaded with content.</li><li>Embedded Blog. Blogging is a great way to inform the visitors and customers of your store about the important product news.</li><li>Google Map. The given module allows you to embed the Google map to your Magento website.</li></ul><p>\t<span style=\"color: rgb(0, 0, 0);\">There are more modules to observe. You can click </span><a href=\"https://ld-magento-72.template-help.com/magento_mag-3918/\" target=\"_blank\" style=\"color: rgb(17, 85, 204);\">Live Demo</a><span style=\"color: rgb(0, 0, 0);\"> and view all of them in action.</span></p><p>\t<span style=\"color: rgb(0, 0, 0);\">It is known that Magento theme may become a great basis for creating a professional online store. Don`t overlook this opportunity.</span></p><p><br></p><p>\t<span style=\"color: rgb(0, 0, 0);\">You may also like:</span></p><p>\t<a href=\"https://www.templatemonster.com/magento-2-extensions.php\" target=\"_blank\" style=\"color: rgb(17, 85, 204);\">Magento Extensions</a></p><p>\t<a href=\"https://www.templatemonster.com/magento-themes/jewelry-responsive-magento-theme-58903.html\" target=\"_blank\" style=\"color: rgb(17, 85, 204);\">Jewelrix - Jewelry Store Magento 2 Theme</a></p><p>\t<a href=\"https://www.templatemonster.com/magento-themes/jewelrus-jewelry-store-magento-theme-66100.html\" target=\"_blank\" style=\"color: rgb(17, 85, 204);\">Jewelrus - Jewelry Store Magento Theme</a></p><p><br></p>","tags":["accessories","bracelet","casual","smart","time","timekeeper","watch","wristwatch"],"customUrl":"/magento-themes/okloc-watch-shop-magento-theme-88387.html","nameOfTheTemplate":"Okloc - Watch Shop Magento Theme","topic":["Fashion Templates","Watches Templates","Fashion & Beauty","Accessories"],"productFamily":"None","color":["black","white","grey","yellow"],"followUpLetter":"magento-offers","dateRange":["Last Week","This Month"],"templateSupportOptions":"[{\"id\":52902,\"template_id\":40783,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":52903,\"template_id\":40783,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","livePreviewURL":"https://ld-magento-72.template-help.com/magento_mag-3918/","googleAnalyticsId":"UA-118125082-1","authorMainScreenshot":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1572964869924_Main.jpg","facebookPixelId":"1857475610982695","templateGroup":"eCommerce Templates","popularity":"Zero Downloads","alreadyPacked":"1","installation":"Installation and set up instructions are attached (look for Documentation folder).","galleryScript":"Grid","templateIcon":"icon-magento","types":"Magento Themes","isOldDemoUrl":"1","magentoExtensions":["Ajax Search","MegaMenu","Film Slider","Ajax Wishlist","Ajax Compare","Ajax Catalog","Newsletter popup","Layout Switcher","Google Map","Shop by Brand","Catalog Images Grid","Blog","Featured Products","Theme Options","Site Maintenance","Sample Data Installer","AMP"],"trendiness":"1","bitLyUrl":"http://bit.ly/2oNNzOb","webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Advanced Search","Search Form"],"loyaltySells":"1","width":"1920 px","marketplaceMembership":"None","category":"Website templates","dqi":"86"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 27 Apr 2024 03:20:16 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=88387&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=88387&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=88387&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 27 Apr 2024 03:25:16 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://ld-magento-72.template-help.com/magento_mag-3918/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#88387 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/88387.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 #88387            </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=88387&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $101                <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>