string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=77390&expand=properties"
string(10445) "[{"templateId":77390,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":178,"categoryName":"Day Care Templates","templateTitle":"Day Care Responsive Shopify Theme","templatePreviewHtmlTitle":"Amber - Pet Care Shopify Theme #77390 - TemplateMonster","templateDemoHtmlTitle":"Demo for Amber - Pet Care Shopify Theme #77390","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Amber - Pet Care Shopify Theme is a winsome eCommerce website design for dealing with Pet Selling, Pet Care, Pet Foods, Pet Dresses, Pet Cages and other Pet cosmetics or products. This neat, clean and creative website theme brings bulk of useful features for both the authors and the visitors.</p><p>However, Amber responsive Shopify theme is superbly compatible with any web browser. Amber comes with 2 Home Versions, 9+ Sections and 15+ Preloader. It has Shopify Builder, Newsletter Popup, Multiple Currency, Header Style, Dropdown Menu, Notification Bar, Google Analytics and Mega Menu etc.</p><p>On the other hand, Amber has excellent view and useful features for the visitors. It has Product Tab, Carousel, Category, Single and Multiple Banner, Service Page, Blog Page, Ajax cart and Wishlist, Newsletter, Footer Options, Product Share &amp; Social media comment, Product Review, Contact Form, Shop Grid and List view, Short Codes and many more useful features.</p><p>In addition, this neat, clean and creative design of Shopify theme has Well Documentation. Installing this theme is as easy as a piece of cake. But, the design, outfit and the other components are obviously of best quality. This theme can help you any time to boom your eCommerce business.</p><p><strong>Note: Images are not included.</strong></p>","templateFullTitle":"Amber - Pet Care Shopify Theme","templatePreviewMetaDescription":"Amber - Pet Care Shopify Theme is a winsome eCommerce website design for dealing with Pet Selling, Pet Care, Pet Foods, Pet Dresses, Pet Cages and other Pet","templateDemoMetaDescription":"Check out the demo of the professional Amber - Pet Care Shopify Theme (#77390) get yourself acquainted with this template before buying it. Browse through the pages, examine the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Amber - Pet Care Shopify Theme","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/amber-pet-care-shopify-theme-77390.html","userRating":0,"designIndex":"84","authorUserId":"1488834","exclusive":"0","state":1,"price":98,"inserted_date":"2019-02-05","sent":1,"downloads":0,"search_words":"animal care cat clean cute dog fashion modern pet shop responsive shopify shopping store theme shopping","is_adult":0,"exc_price":2100,"sent_date":"2021-02-01 00:09:57","last_upload":"2022-08-08 06:09:05","package_id":295,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":334,"filename":"77390-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":77390,"width":800,"window_params":"","banner_url":"","id":1799176,"href":"","height":1200},{"scr_type_id":311,"filename":"77390-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":77390,"width":800,"window_params":"","banner_url":"","id":1799177,"href":"","height":1200},{"scr_type_id":312,"filename":"77390-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":77390,"width":370,"window_params":"","banner_url":"","id":1799178,"href":"","height":370},{"scr_type_id":9,"filename":"77390-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":77390,"width":145,"window_params":"","banner_url":"","id":1799179,"href":"","height":156},{"scr_type_id":57,"filename":"77390-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":77390,"width":430,"window_params":"","banner_url":"","id":1799180,"href":"","height":645}],"demoUrl":"/demo/77390.html","image":"https://s.tmimgcdn.com/scr/77300/amber-pet-care-shopify-theme_77390-original.png","searchHash":"f590f1ebf8478bae3c5062c612aa1b4b","previewHash":"9a4da252b1e31b0e65a78e8a1f7fb2bb","authorNickname":"ThemesHub","lowLevelTopic":"Pet Shop Templates; Day Care Templates; Pet Sitting Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":50,"onSale":0,"finalPrice":98,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["white","grey"],"followUpLetter":"shopify-offers","productSize":"14629145","uniqueKeywords":"animal,care,cat,clean,cute,dog,fashion,modern,pet,shop,responsive,shopify,shopping,store,theme,shopping","templateSupportOptions":"[]","changeLog":"Version: 2.0.2 —-—- DATE: 07-08-2022\n\n1. Fixed: CSS\n\nDate: 22 November 2021\nVersion: 2.0.1\n=========================== \nAdded: Storefront filtering (Updated &amp; Powerful filter)\n\n\nDate: 02 October 2021\nVersion: 2.0.0\n===========================\nMigrated to Shopify Online Store 2.0\n   - All sections are supported on every page \n   - Drag &amp; Drop on every page\n   - You can add or remove any section as per your requirement\n   - You can create any page using the amber default sections (no page builder required)\nUpdated: Product page for Online Store 2.0\n   - Drag and drop supported all elements of the product page\n   - FAQ/Accordion added on the product page\nAdded: Product Unit price (For Germany and Japan Seller)\nFixed: Collection Sidebar URL filter issue\n   - You can add size and color filters for every single collection\n\nDate: 27 June 2021\nVersion: Version: 1.0.10\n=========================== \nFixed: Currency Issue. \nUpdated: jQuery Version.\n\nDate: 31 January 2021\nVersion: 1.0.9\n=========================== \nUpdated: Instagram updated\nUpdated: Presets\nFixed:   Css issue.\n\nDate: 16 January 2021\n\nVersion: 1.0.8\n\n=========================== \n\nAdded: Full-width video banner\n\nAdded: Full-width banner\n\nUpdated: Wishlist updated\n\nUpdated: Presets\n\nDate:    19-12-2020\nVersion: 1.0.7\n===================\nModified:  Cart page design for mobile.\n\nDate:    28-09-2020\nVersion: 1.0.6\n===================\nFixed:    1. Css issue.\n    \t  2. Instagram issue.\n\nDate:    28-04-2020\nVersion: 1.0.5\n===================\nAdded: \t1. New section.\n\t2. Some featured.\nFixed: \t1. Stickey header issue.\n\t2. Color issue\n\n\nDate:    10-03-2020\nVersion: 1.0.4\n===================\nAdded: \t1. Dynamic checkout buttons.\nFixed: \t1. Logo issue.\n\n\nDate:    14-12-2019\nVersion: 1.0.3\n===================\nAdded: \t1. Product variant select option.\n\n\nDate:    23-11-2019\nVersion: 1.0.2\n===================\nAdded: \t1. Two new home version.\n\n\nDate:    31-07-2019\nVersion: 1.0.1\n===================\nAdded: \t1. Shopify newsletter form.\n\t2. Unlimited color option.\n\t3. Some feature included.","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Amber - Pet Care Shopify Theme is a winsome eCommerce website design for dealing with Pet Selling, Pet Care, Pet Foods, Pet Dresses, Pet Cages and other Pet","excludeExclusive":"Yes","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","Right to left language support","Team Members","Dropshipping","eCommerce","Dropdown Menu","Google map","Drag and Drop Content","Blog","Gallery","HTML 5","JQuery"],"saleSells":"1","livePreviewURL":"https://shopdemo.hasthemes.com/amber-tm.html","languageSupport":"English","authorUserId":"1488834","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/1488834-1549365262336_preview.png","templateGroup":"eCommerce Templates","popularity":"Zero Downloads","alreadyPacked":"1","exclusive":"0","imagesIncluded":"No","templateSoftwareRequired":"Sublime Text2 or later, Notepad++","templateIcon":"icon-shopify","lastmod":"2021-12-01T08:14:44-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1488834-1549365267518_preview_965x600.png","types":"Shopify Themes","trendiness":"1","demoMetaDescription":"Check out the demo of the professional Amber - Pet Care Shopify Theme (#77390) get yourself acquainted with this template before buying it. Browse through the pages, examine the images, press the buttons, explore the functionality.","themeArchitectureVersion":"Online Store 2.0","shortDescription":"<p>Amber - Pet Care Shopify Theme is a winsome eCommerce website design for dealing with Pet Selling, Pet Care, Pet Foods, Pet Dresses, Pet Cages and other Pet cosmetics or products. This neat, clean and creative website theme brings bulk of useful features for both the authors and the visitors.</p><p>However, Amber responsive Shopify theme is superbly compatible with any web browser. Amber comes with 2 Home Versions, 9+ Sections and 15+ Preloader. It has Shopify Builder, Newsletter Popup, Multiple Currency, Header Style, Dropdown Menu, Notification Bar, Google Analytics and Mega Menu etc.</p><p>On the other hand, Amber has excellent view and useful features for the visitors. It has Product Tab, Carousel, Category, Single and Multiple Banner, Service Page, Blog Page, Ajax cart and Wishlist, Newsletter, Footer Options, Product Share &amp; Social media comment, Product Review, Contact Form, Shop Grid and List view, Short Codes and many more useful features.</p><p>In addition, this neat, clean and creative design of Shopify theme has Well Documentation. Installing this theme is as easy as a piece of cake. But, the design, outfit and the other components are obviously of best quality. This theme can help you any time to boom your eCommerce business.</p><p><strong>Note: Images are not included.</strong></p>","bitLyUrl":"http://bit.ly/2t81YDw","tags":["animal","care","cat","clean","cute","dog","fashion","modern","pet","responsive","shop","shopping","store","theme","shopify"],"customUrl":"/shopify-themes/amber-pet-care-shopify-theme-77390.html","nameOfTheTemplate":"Amber - Pet Care Shopify Theme","paidSupport":"Yes","topic":["Animals & Pets","Pet Shop Templates","Day Care Templates","Family Templates","Pet Sitting Templates","Home & Family","Kids & Children"],"changeLogDate":"2022-08-08","styles":"Clean","marketplaceMembership":"One","advImage":"https://s3.tmimgcdn.com/templates/23655/scr/1488834-1608373393359_amber-1080x1080.jpg","category":"Website templates","dqi":"84","currencies":"USD"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Tue, 23 Apr 2024 21:37:53 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=77390&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=77390&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=77390&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 23 Apr 2024 21:42:53 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://shopdemo.hasthemes.com/amber-tm.html<!DOCTYPE html>
<html lang="en">
<head>
    <title>#77390 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/77390.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 #77390            </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=77390&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $90                <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>