string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=277278&expand=properties"
string(10716) "[{"templateId":277278,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":444,"categoryName":"Jewelry Templates","templateTitle":"Jewelry Responsive Shopify Theme","templatePreviewHtmlTitle":"Royal Gems - Jewelry and Luxurious Multipurpose Sections Shopify 2.0 Theme","templateDemoHtmlTitle":"Demo for Royal Gems - Jewelry and Luxurious Multipurpose Sections Shopify 2.0 Theme #277278","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Royal Gems - Jewelry and Luxurious Multipurpose Sections Shopify 2.0 Theme <strong>Premium Responsive Template</strong> is a flexible and smart design. It is super for a <strong>jewellery, diamonds, watch, a bag, an artisanal, fantasy, luxury ring, minimal, mega.</strong></p><p>Experience the imperial inclination while perusing our site and track down the ideal pearls for your way of life. Regal Diamonds - Gems is an all inclusive resource for all your adornments needs, with eco-accommodating materials and popular styles. We have recently sent off Shopify 2.0, which makes our items considerably more open by cell phones. We offer an assortment of gems, from precious stones to extravagance rings to watches and that's only the tip of the iceberg!</p><p>Looking for a beautiful gems subject for your Shopify store? Illustrious Diamonds - Gems and Lavish Multipurpose Segments Shopify 2.0 Subject Premium is the one! It has every one of the highlights you want to make an expert, easy to use, responsive, and flexible web based business site. You will adore it!</p><p>Imperial Pearls is a multipurpose segments shopify subject with a cool and clean plan. It is reasonable for a store, however fundamentally for gems, precious stones, watch, a pack, a distinctive and dream related site. Presently you can browse 4 landing page formats and 6 pre-planned skins. You will have moment admittance to all freshest elements of Shopify 2.0 with practically no coding.</p><p>Imperial Diamonds - Gems is a free and lovely Responsive Shopify Topic. It's ideal for a gems, precious stones, watch, garments, shoes, extras and other design related business. This topic is new and current with a decent perfect plan.</p>","templateFullTitle":"Royal Gems - Jewelry and Luxurious Multipurpose Sections Shopify 2.0 Theme","templatePreviewMetaDescription":"Royal Gems - Jewelry and Luxurious Multipurpose Sections Shopify 2.0 Theme Premium Responsive Template is a flexible and smart design. It is super for a","templateDemoMetaDescription":"Before you buy it, get informed about the high quality Royal Gems - Jewelry and Luxurious Multipurpose Sections Shopify 2.0 Theme Shopify Theme (#277278) by experiencing the demo. Go through the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Royal Gems - Jewelry and Luxurious Multipurpose Sections Shopify 2.0 Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/royal-gems-jewelry-and-luxurious-multipurpose-sections-shopify-2-0-theme-277278.html","userRating":0,"designIndex":1,"authorUserId":"2094928","exclusive":"1","state":1,"price":48,"inserted_date":"2022-09-23","sent":0,"downloads":2,"search_words":"accessories clean diamond fashion gold jewellery jewelry minimal modern multipurpose responsive ring shop store ecommerce shopify luxurious sections","is_adult":0,"exc_price":2100,"sent_date":"2022-09-23 13:35:45","last_upload":"2022-09-23 13:41:49","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"277278-3-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":277278,"width":1600,"window_params":"","banner_url":"","id":2813206,"href":"","height":1000},{"scr_type_id":311,"filename":"277278-3-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":277278,"width":1600,"window_params":"","banner_url":"","id":2813207,"href":"","height":1000},{"scr_type_id":312,"filename":"277278-3-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":277278,"width":370,"window_params":"","banner_url":"","id":2813208,"href":"","height":370},{"scr_type_id":9,"filename":"277278-3-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":277278,"width":145,"window_params":"","banner_url":"","id":2813209,"href":"","height":156},{"scr_type_id":57,"filename":"277278-3-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":277278,"width":430,"window_params":"","banner_url":"","id":2813210,"href":"","height":269}],"demoUrl":"/demo/277278.html","image":"https://s.tmimgcdn.com/scr/277200/royal-gems-jewelry-and-luxurious-multipurpose-sections-shopify-20-theme_277278-3-original.png","searchHash":"34c446f1bdf45aad2a3a5c0b0b5e975e","previewHash":"a3b8464d935827843f6fb809211036f5","authorNickname":"Themevolty","lowLevelTopic":"Jewelry Templates","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":0,"productBoost":50,"onSale":0,"finalPrice":48,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"productFamily":"None","color":"white","followUpLetter":"shopify-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"66216169","uniqueKeywords":"accessories,clean,diamond,fashion,gold,jewellery,jewelry,minimal,modern,multipurpose,responsive,ring,shop,store,ecommerce,shopify,luxurious,sections","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Royal Gems - Jewelry and Luxurious Multipurpose Sections Shopify 2.0 Theme Premium Responsive Template is a flexible and smart design. It is super for a","isLastAdded":"1","imageKeyFeatures":"https://s3u.tmimgcdn.com/u2094928/c311e672b6c810e796f78b63fbafbafe.png, https://s3u.tmimgcdn.com/u2094928/2c06203dafae53d5403dc6d12f020588.png, https://s3u.tmimgcdn.com/u2094928/fabc82bd4bf6ff0138f64208f673a32b.png, https://s3u.tmimgcdn.com/u2094928/64ae3faf536a973ee82bbf889a9975c8.png, https://s3u.tmimgcdn.com/u2094928/16159566721049926d88cff2dc1c5072.png, https://s3u.tmimgcdn.com/u2094928/086cfcfbbbf47003a38fa4834dd68164.png, https://s3u.tmimgcdn.com/u2094928/c47201cbcf4b24393200773be21ec888.png, https://s3u.tmimgcdn.com/u2094928/719ea8b271c46ad98cf359b6ae997d53.png, https://s3u.tmimgcdn.com/u2094928/7c665c0ba8cb4ead3546070e7e969511.png, https://s3u.tmimgcdn.com/u2094928/85fda3cd72f2382fdc45bb320e1a485e.png, https://s3u.tmimgcdn.com/u2094928/472287532cce8f0a8d45d5ab4ef74214.png, https://s3u.tmimgcdn.com/u2094928/aa3354bc7ab4c4d05f6538bd8aeea4a5.png, https://s3u.tmimgcdn.com/u2094928/52a2e7ccaef60f93697c67879da89f39.png, https://s3u.tmimgcdn.com/u2094928/bb1035a9e029a71c3553fbfab484e2c2.png","features":["Premium","Responsive","Pro","Admin Panel","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","Multipurpose","Right to left language support","Team Members","Light Template","Single Product","eCommerce","Dropdown Menu","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Drag and Drop Content","MegaMenu","Performance Optimization","Blog","Online Store/Shop","One Page Templates","HTML 5","JQuery","Completely JS","HTML plus JS","Static","Parallax","Lazy Load effect"],"saleSells":"1","livePreviewURL":"https://themevolty.com/shopify/14-royal-gems-themevolty/","languageSupport":["English","French","Spanish","Russian","German","Deutsch","Japanese","Swedish","Italian","Dutch","Ukrainian","Portuguese (Brazilian)","Polish"],"authorUserId":"2094928","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2094928/b90a6d4216692bab36f2f4566529c6e4.png","templateGroup":"eCommerce Templates","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","templateIcon":"icon-shopify","authorMainScreenshotVersion":"3","types":"Shopify Themes","trendiness":"1","demoMetaDescription":"Before you buy it, get informed about the high quality Royal Gems - Jewelry and Luxurious Multipurpose Sections Shopify 2.0 Theme Shopify Theme (#277278) by experiencing the demo. Go through the pages, check out the images, click the buttons, explore the functionality.","themeArchitectureVersion":"Online Store 2.0","shortDescription":"<p>Royal Gems - Jewelry and Luxurious Multipurpose Sections Shopify 2.0 Theme <strong>Premium Responsive Template</strong> is a flexible and smart design. It is super for a <strong>jewellery, diamonds, watch, a bag, an artisanal, fantasy, luxury ring, minimal, mega.</strong></p><p>Experience the imperial inclination while perusing our site and track down the ideal pearls for your way of life. Regal Diamonds - Gems is an all inclusive resource for all your adornments needs, with eco-accommodating materials and popular styles. We have recently sent off Shopify 2.0, which makes our items considerably more open by cell phones. We offer an assortment of gems, from precious stones to extravagance rings to watches and that's only the tip of the iceberg!</p><p>Looking for a beautiful gems subject for your Shopify store? Illustrious Diamonds - Gems and Lavish Multipurpose Segments Shopify 2.0 Subject Premium is the one! It has every one of the highlights you want to make an expert, easy to use, responsive, and flexible web based business site. You will adore it!</p><p>Imperial Pearls is a multipurpose segments shopify subject with a cool and clean plan. It is reasonable for a store, however fundamentally for gems, precious stones, watch, a pack, a distinctive and dream related site. Presently you can browse 4 landing page formats and 6 pre-planned skins. You will have moment admittance to all freshest elements of Shopify 2.0 with practically no coding.</p><p>Imperial Diamonds - Gems is a free and lovely Responsive Shopify Topic. It's ideal for a gems, precious stones, watch, garments, shoes, extras and other design related business. This topic is new and current with a decent perfect plan.</p>","tags":["accessories","clean","diamond","fashion","gold","jewellery","jewelry","luxurious","minimal","modern","multipurpose","responsive","ring","sections","shop","store","ecommerce","shopify"],"bitLyUrl":"https://bit.ly/3Suu7hA","customUrl":"/shopify-themes/royal-gems-jewelry-and-luxurious-multipurpose-sections-shopify-2-0-theme-277278.html","nameOfTheTemplate":"Royal Gems - Jewelry and Luxurious Multipurpose Sections Shopify 2.0 Theme","paidSupport":"Yes","topic":["Jewelry Templates","Fashion & Beauty"],"changeLogDate":"2022-11-23","styles":["Clean","Minimalist","Dark","Web2.0","Flat","Material Design"],"marketplaceMembership":"One","category":"Website templates","currencies":["USD","GBP","EUR"]}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 26 Apr 2024 03:56:49 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(293) "Link: <http://products/api/v2/products/en?language=en&ids=277278&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=277278&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=277278&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 04:01:49 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://themevolty.com/shopify/14-royal-gems-themevolty/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#277278 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/277278.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">
                Shopify Themes #277278            </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=277278&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $44                <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="/shopify-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>