string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=74677&expand=properties"
string(11636) "[{"templateId":74677,"typeId":61,"typeName":"OpenCart Template","typeUrl":"opencart-templates","categoryId":432,"categoryName":"Fashion Templates","templateTitle":"Fashion Responsive OpenCart Template","templatePreviewHtmlTitle":"Shiny Story - Jewelry OpenCart Template - TemplateMonster","templateDemoHtmlTitle":"Live demo for Shiny Story - Jewelry OpenCart Template #74677","typeShortName":"OpenCart","templatePreviewFBTitle":"<p>Jewelry shop has to look luxury, otherwise, it won't be popular and visible. However, it is very important not to overdo. The online jewelry store has to be designed with good taste and be really stylish. The design of the Shiny Story OpenCart theme was created by professionals who took into consideration every detail. The template is accurate and elegant; it is an example of high fashion style. Images, colors, page structure, and animation effects - everything is combined to create a beautiful appearance. However, this template is great not only because of its look – it is also a perfect tool for the business owner. Usefulness and beauty - an ideal combination.</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 Jewelry OpenCart ecommerce template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the website page changes its size and shape to match virtually any screen, from the tiniest phones to the largest Computer monitors. For every single gadget, website page elements grow or scale down to appear perfect.</p> <p><b>Why is it Good?</b></p><p>Responsive design delivers a better user experience for those people who surf a website page on a mobile phone or any other gadget, and even can help to raise rankings of a website in Google results. </p><p>Fresh <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart ecommerce themes</a> here</p> <h3>This is a Bootstrap Fashion & Beauty Magazine OpenCart theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a free grid-based framework that enables the creation of mobile-ready websites. </p> <p><b>Why is it Good?</b></p><p>Through the help of Bootstrap, you can also make fully responsive web designs utilizing HTML and CSS based site templates for typography, fonts, forms, buttons, tables, and many others.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart design themes</a> here</p> <h3>This Jewelry OpenCart theme is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina ready screens give superior pixel density that triggers the spectacular excellence of the graphic website content web presentation on last-generation gadgets.</p> <p><b>Why is it Good?</b></p><p>Retina displays are used on Apple products. So if a significant number of your website's traffic comes from Mac and iPhone users (which is quite possible) it's better for you to choose a retina-ready theme and provide your website visitors with the best user experience.</p><p>View latest <a href=\"https://www.templatemonster.com/retina-ready-opencart-themes/\">Retina Ready OpenCart ecommerce templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Shiny Story - Jewelry OpenCart Template","templatePreviewMetaDescription":"Jewelry shop has to look luxury, otherwise, it won't be popular and visible. However, it is very important not to overdo. The online jewelry store has to be","templateDemoMetaDescription":"View the live preview for the Shiny Story - Jewelry OpenCart Template (#74677) get yourself informed about this template before buying it. Go through the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Shiny Story - Jewelry OpenCart Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/opencart-templates/shiny-story-jewelry-opencart-template-74677.html","userRating":0,"designIndex":"85","authorUserId":"1768190","exclusive":"1","state":1,"price":78,"inserted_date":"2018-11-26","sent":0,"downloads":0,"search_words":"shop store opencart jewelry products ecommerce","is_adult":0,"exc_price":2100,"sent_date":"2018-11-26 05:44:46","last_upload":"2018-11-26 00:00:00","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"74677-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":74677,"width":1600,"window_params":"","banner_url":"","id":1782227,"href":"","height":1000},{"scr_type_id":311,"filename":"74677-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":74677,"width":800,"window_params":"","banner_url":"","id":1782228,"href":"","height":1200},{"scr_type_id":312,"filename":"74677-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":74677,"width":370,"window_params":"","banner_url":"","id":1782229,"href":"","height":370},{"scr_type_id":9,"filename":"74677-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":74677,"width":145,"window_params":"","banner_url":"","id":1782230,"href":"","height":156},{"scr_type_id":57,"filename":"74677-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":74677,"width":430,"window_params":"","banner_url":"","id":1782231,"href":"","height":645}],"demoUrl":"/demo/74677.html","image":"https://s.tmimgcdn.com/scr/74600/shiny-story-jewelry-opencart-template_74677-0-original.jpg","searchHash":"4e330b49c1bb50bd0c98c9adc9309cfe","previewHash":"8eb4d601f4ab595f01588ada4e80ad13","authorNickname":"RockThemes","lowLevelTopic":"Jewelry Templates; Accessories","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":78,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["white","grey","brown"],"followUpLetter":"opencart-offers","dateRange":"Last Year","uniqueKeywords":"shop store opencart jewelry products ecommerce","templateSupportOptions":"[{\"id\":22514,\"template_id\":17479,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":22515,\"template_id\":17479,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Jewelry shop has to look luxury, otherwise, it won’t be popular and visible. However, it is very important not to overdo. The online jewelry store has to be","opencartEngine":"3.0.2.0","imageKeyFeatures":"https://s.tmimgcdn.com/scr/74600/74677-1300_01.jpg,https://s.tmimgcdn.com/scr/74600/74677-1300_02.jpg,https://s.tmimgcdn.com/scr/74600/74677-1300_03.jpg,https://s.tmimgcdn.com/scr/74600/74677-1300_04.jpg,https://s.tmimgcdn.com/scr/74600/74677-1300_05.jpg,https://s.tmimgcdn.com/scr/74600/74677-1300_06.jpg,https://s.tmimgcdn.com/scr/74600/74677-1300_07.jpg,https://s.tmimgcdn.com/scr/74600/74677-1300_08.jpg","features":["Responsive","Admin Panel","Bootstrap","Retina Ready"],"saleSells":"1","livePreviewURL":"https://livedemo00-opencart.template-help.com/opencart_prod-20976/","languageSupport":["English","Russian","German"],"authorUserId":"1768190","googleAnalyticsId":"UA-118125082-1","authorMainScreenshot":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1543226278979_20976-original.jpg","facebookPixelId":"1857475610982695","isFree":"none","templateGroup":"eCommerce Templates","hELPURL":"/quick-start-guide/opencart/","alreadyPacked":"1","installation":"Installation and set up instructions are attached (look for Documentation folder).","exclusive":"1","templateIcon":"icon-opencart","lastmod":"2020-07-24T05:44:51-04:00","types":"OpenCart Templates","isOldDemoUrl":"1","trendiness":"1","demoMetaDescription":"View the live preview for the Shiny Story - Jewelry OpenCart Template (#74677) get yourself informed about this template before buying it. Go through the pages, check the images, press the buttons, explore the features.","shortDescription":"<p>Jewelry shop has to look luxury, otherwise, it won't be popular and visible. However, it is very important not to overdo. The online jewelry store has to be designed with good taste and be really stylish. The design of the Shiny Story OpenCart theme was created by professionals who took into consideration every detail. The template is accurate and elegant; it is an example of high fashion style. Images, colors, page structure, and animation effects - everything is combined to create a beautiful appearance. However, this template is great not only because of its look – it is also a perfect tool for the business owner. Usefulness and beauty - an ideal combination.</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 Jewelry OpenCart ecommerce template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the website page changes its size and shape to match virtually any screen, from the tiniest phones to the largest Computer monitors. For every single gadget, website page elements grow or scale down to appear perfect.</p> <p><b>Why is it Good?</b></p><p>Responsive design delivers a better user experience for those people who surf a website page on a mobile phone or any other gadget, and even can help to raise rankings of a website in Google results. </p><p>Fresh <a href=\"https://www.templatemonster.com/responsive-opencart-themes/\">Responsive OpenCart ecommerce themes</a> here</p> <h3>This is a Bootstrap Fashion & Beauty Magazine OpenCart theme</h3> <p><b>What is it?</b></p><p>Bootstrap is a free grid-based framework that enables the creation of mobile-ready websites. </p> <p><b>Why is it Good?</b></p><p>Through the help of Bootstrap, you can also make fully responsive web designs utilizing HTML and CSS based site templates for typography, fonts, forms, buttons, tables, and many others.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-opencart-themes/\">Bootstrap OpenCart design themes</a> here</p> <h3>This Jewelry OpenCart theme is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina ready screens give superior pixel density that triggers the spectacular excellence of the graphic website content web presentation on last-generation gadgets.</p> <p><b>Why is it Good?</b></p><p>Retina displays are used on Apple products. So if a significant number of your website's traffic comes from Mac and iPhone users (which is quite possible) it's better for you to choose a retina-ready theme and provide your website visitors with the best user experience.</p><p>View latest <a href=\"https://www.templatemonster.com/retina-ready-opencart-themes/\">Retina Ready OpenCart ecommerce templates</a> here</p> <br /></div></div></div></div>","bitLyUrl":"http://bit.ly/2QhUB9L","tags":["jewelry","products","shop","store","ecommerce","opencart"],"customUrl":"/opencart-templates/shiny-story-jewelry-opencart-template-74677.html","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/61100/61111-opencart-extendedsupport_1300.png\" srcset=\"https://s.tmimgcdn.com/scr/61100/61111-opencart-extendedsupport_2560.png 2x\" alt=\"img\"/>","nameOfTheTemplate":"Shiny Story - Jewelry OpenCart Template","loyaltySells":"1","pHPVersionCompatibility":"7.x","topic":["Fashion Templates","Jewelry Templates","Fashion & Beauty","Accessories"],"opencartCompatibility":"3.0.2.0","marketplaceMembership":"One","category":"Website templates","dqi":"85"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Mon, 20 May 2024 12:49:08 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=74677&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=74677&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=74677&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 20 May 2024 12:54:08 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://livedemo00-opencart.template-help.com/opencart_prod-20976/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#74677 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/74677.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">
                OpenCart Templates #74677            </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=74677&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $72                <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="/opencart-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>