string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=52289&expand=properties"
string(13599) "[{"templateId":52289,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":444,"categoryName":"Jewelry Templates","templateTitle":"Jewelry Responsive Website Template","templatePreviewHtmlTitle":"Jewelry Responsive Website Template #52289 - TemplateMonster","templateDemoHtmlTitle":"Live demo for Jewelry Responsive Website Template #52289","typeShortName":"Website","templatePreviewFBTitle":"This jewelry shop website template posseses a graphic-heavy design excellent for a breathtaking presentation of your web-based project. If you are excited about your jewelry gifts or mens jewelry internet site, this website layout will be a suitable solution for you. 100 % responsive design will make your website visible on displays of a variety of dimensions and resolutions. To put it shortly, every detail of this design is making sense and your visitors will immediately know how to find what they want. Neat, valid coding and well-done guidance will assist you in transforming this jewelry website web theme just how you want. Select this theme to build an attractive website that would get tons of unique visitors.<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 Fashion & Beauty Store web template is Responsive</h3> <p><b>What is it?</b></p><p>It is an ability of the website to promptly adjust to any screen size and resolution. </p> <p><b>Why is it Good?</b></p><p>Mobile phone devices generate 80percent of worldwide Internet utilization. It's imperative to help make your webpage responsive if you don't desire to drop your own viewers.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website design templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Jewelry Responsive Website Template","templatePreviewMetaDescription":"This jewelry shop website template posseses a graphic-heavy design excellent for a breathtaking presentation of your web-based project. If you are excited","templateDemoMetaDescription":"Check out the live preview of the premium Jewelry Responsive Website Template (#52289) get yourself familiar with this design prior to buying it. Go through the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Jewelry Responsive Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/52289.html","userRating":0,"designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2014-11-27","sent":2,"downloads":38,"search_words":"diamond jewelry brand collections store online shop jewels gold silver golden ring rings watch watches store souvenir present","is_adult":0,"exc_price":4100,"sent_date":"2014-12-30 06:15:42","last_upload":"2014-11-27 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":212,"filename":"52289-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52289,"width":430,"window_params":"","banner_url":"","id":1429646,"href":"","height":60},{"scr_type_id":297,"filename":"52289-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52289,"width":430,"window_params":"","banner_url":"","id":1429647,"href":"","height":833},{"scr_type_id":299,"filename":"52289-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52289,"width":430,"window_params":"","banner_url":"","id":1429648,"href":"","height":900},{"scr_type_id":9,"filename":"52289-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52289,"width":145,"window_params":"","banner_url":"","id":1429649,"href":"","height":156},{"scr_type_id":3,"filename":"52289-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52289,"width":1600,"window_params":"","banner_url":"","id":1429650,"href":"","height":2450},{"scr_type_id":3,"filename":"52289-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52289,"width":1600,"window_params":"","banner_url":"","id":1429651,"href":"","height":2450},{"scr_type_id":314,"filename":"52289-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52289,"width":1600,"window_params":"","banner_url":"","id":1429652,"href":"","height":3100},{"scr_type_id":315,"filename":"52289-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52289,"width":1600,"window_params":"","banner_url":"","id":1429653,"href":"","height":3100},{"scr_type_id":78,"filename":"52289-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":52289,"width":970,"window_params":"","banner_url":"","id":1429654,"href":"","height":280},{"scr_type_id":311,"filename":"52289-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52289,"width":965,"window_params":"","banner_url":"","id":1429655,"href":"","height":1870},{"scr_type_id":300,"filename":"52289-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52289,"width":320,"window_params":"","banner_url":"","id":1429656,"href":"","height":900},{"scr_type_id":317,"filename":"52289-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52289,"width":1600,"window_params":"","banner_url":"","id":1429657,"href":"","height":2450},{"scr_type_id":3,"filename":"52289-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52289,"width":408,"window_params":"","banner_url":"","id":1429658,"href":"","height":55},{"scr_type_id":312,"filename":"52289-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52289,"width":370,"window_params":"","banner_url":"","id":1429659,"href":"","height":370},{"scr_type_id":3,"filename":"52289-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52289,"width":1600,"window_params":"","banner_url":"","id":1429660,"href":"","height":3100},{"scr_type_id":3,"filename":"52289-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52289,"width":965,"window_params":"","banner_url":"","id":1429661,"href":"","height":1478},{"scr_type_id":3,"filename":"52289-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52289,"width":1600,"window_params":"","banner_url":"","id":1429662,"href":"","height":3100},{"scr_type_id":3,"filename":"52289-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52289,"width":895,"window_params":"","banner_url":"","id":1429663,"href":"","height":599},{"scr_type_id":3,"filename":"52289-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52289,"width":1600,"window_params":"","banner_url":"","id":1429664,"href":"","height":2450},{"scr_type_id":298,"filename":"52289-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52289,"width":430,"window_params":"","banner_url":"","id":1429665,"href":"","height":900},{"scr_type_id":334,"filename":"52289-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52289,"width":1600,"window_params":"","banner_url":"","id":1637219,"href":"","height":3100}],"demoUrl":"/demo/52289.html","image":"https://s.tmimgcdn.com/scr/52200/jewelry-responsive-website-template_52289-original.jpg","searchHash":"d799a8f72c6eb5bf6cdbdc581aec3ba7","previewHash":"ea803cf7ba22ba46c28c0736e83afa30","authorNickname":"WT","lowLevelTopic":"Jewelry Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":44,"discountPercent":30,"discountAmount":19,"semiannualSales":0,"properties":{"productFamily":"None","followUpLetter":"website-template-offers","color":["white","grey","pink"],"uniqueKeywords":"Jewelry","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","media":"Video Integration","metaDescription":"This detailed preview of the Jewelry Responsive Website Template (#52289) will let you make a well informed decision to acquire and enjoy this pro site design.","features":["Responsive","Sliced PSD","Dropdown Menu","Tabs","Gallery","HTML 5","JQuery","HTML plus JS"],"templateSources":[".PSD",".HTML"],"livePreviewURL":"https://livedemo00.template-help.com/wt_52289","languageSupport":"English","authorUserId":"1553971","jqueryScripts":["\"SuperFish\" DropDown Menu","Mobile Menu"],"isFree":"none","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.1","imageDescription":"https://s.tmimgcdn.com/scr/52200/52289-responsive-layout.jpg","galleryScript":["CSS and JS","Isotope"],"templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"dynamicChangeLog":"<ul>\n<li>- 2 minor styles bugs fixed</li>\n<li>- 3 PSD layers updated</li>\n</ul>","templateIcon":"icon-responsive","lastmod":"2021-03-19T05:11:55-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","demoMetaDescription":"Check out the live preview of the premium Jewelry Responsive Website Template (#52289) get yourself familiar with this design prior to buying it. Go through the pages, check the images, press the buttons, explore the features.","shortDescription":"This jewelry shop website template posseses a graphic-heavy design excellent for a breathtaking presentation of your web-based project. If you are excited about your jewelry gifts or mens jewelry internet site, this website layout will be a suitable solution for you. 100 % responsive design will make your website visible on displays of a variety of dimensions and resolutions. To put it shortly, every detail of this design is making sense and your visitors will immediately know how to find what they want. Neat, valid coding and well-done guidance will assist you in transforming this jewelry website web theme just how you want. Select this theme to build an attractive website that would get tons of unique visitors.<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 Fashion & Beauty Store web template is Responsive</h3> <p><b>What is it?</b></p><p>It is an ability of the website to promptly adjust to any screen size and resolution. </p> <p><b>Why is it Good?</b></p><p>Mobile phone devices generate 80percent of worldwide Internet utilization. It's imperative to help make your webpage responsive if you don't desire to drop your own viewers.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website design templates</a> here</p> <br /></div></div></div></div>","bitLyUrl":"http://bit.ly/14alvEV","tags":["brand","collections","diamond","gold","golden","jewelry","jewels","online","present","ring","rings","shop","silver","souvenir","store","watch","watches"],"layout":"2 columns","customUrl":"/website-templates/52289.html","webForms":"Contact Form","badge":"badge-responsive","nameOfTheTemplate":"Jewelry Responsive Website Template","loyaltySells":"1","width":"1600px","pHPVersionCompatibility":"7.x","topic":["Jewelry Templates","Fashion & Beauty"],"styles":["Neutral","Flat"],"skupromo":"20%","marketplaceMembership":"None","advImage":"https://s.tmimgcdn.com/scr/52200/52289-original.jpg","category":"Website templates","dqi":"00","imagesList":"Depositphotos21634385original,Depositphotos5396049original,Depositphotos10575534original,Depositphotos16486751original,Depositphotos8800242original,Depositphotos8913072original,Depositphotos5499436original,Depositphotos18450061original,Depositphotos7501193original,Depositphotos9350606original,,Depositphotos1143156original,Depositphotos1939226original,Depositphotos1963344original,Depositphotos2370638original,Depositphotos2577075original,Depositphotos2755561original,Depositphotos2755573original,Depositphotos2755610original,Depositphotos5194918original,Depositphotos5233573original,Depositphotos5279335original,Depositphotos5396049original,Depositphotos5499436original,Depositphotos5637059original,Depositphotos7276158original,Depositphotos7446144original,Depositphotos7641811original,Depositphotos7887351original,Depositphotos8639297original,Depositphotos8913072original,Depositphotos8941991original,Depositphotos9395575original,Depositphotos10654013original,Depositphotos11111946original"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sun, 24 Nov 2024 17:09:48 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=52289&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=52289&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=52289&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 24 Nov 2024 17:14:48 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.template-help.com/wt_52289<!DOCTYPE html>
<html lang="en">
<head>
    <title>#52289 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/52289.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">
                Website Templates #52289            </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=52289&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $58                <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="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>