string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=73636&expand=properties"
string(11987) "[{"templateId":73636,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":313,"categoryName":"Real Estate Agency Templates","templateTitle":"Real Estate Agency Responsive Shopify Theme","templatePreviewHtmlTitle":"Apartic Real Estate Shopify Theme #73636 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Apartic Real Estate Shopify Theme #73636","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Apartic Real Estate Shopify Template is as luxurious as it should be to help you sell expensive houses and apartments. It would also work out nicely for a construction company. The theme features product sliders and tags, countdowns, grid and lists views, featured items view, Projects view, animated transitions, powerful Megamenu, etc. This is what you would generally expect from a modern website selling goods and services. But there's more! The theme offers awesome intuitive admin experience and full SEO-optimization. The theme loads fast and adjusts to any type of screens. There's a bunch of premade pages and header/footer options. Press DEMO to see the full potential of this product.</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 is a Bootstrap Estates Shopify design</h3> <p><b>What is it?</b></p><p>Bootstrap is really a extremely popular framework, that makes the work with Web coding, Style sheet and JS a great deal easier. It had been made as the tool to set up a responsive design, nevertheless as time passes it introduced a good amount of extra functionality.</p> <p><b>Why is it Good?</b></p><p>Bootstrap will help you create responsive, mobile-first  projects in a smooth way.</p><p>View latest <a href=\"https://www.templatemonster.com/bootstrap-shopify-themes/\">Bootstrap Shopify designs</a> here</p> <h3>This Real Estate Shopify theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive layouts adjust to smaller along with bigger display screen sizes promptly.</p> <p><b>Why is it Good?</b></p><p>Mobiles drive 80percentage of worldwide online usage. It's imperative to build your online site responsive when you do not desire to reduce your own potential customers.</p><p>Browse for more <a href=\"https://www.templatemonster.com/responsive-shopify-themes/\">Responsive Shopify ecommerce themes</a> here</p> <h3>This Real Property Shopify design is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina display screens are called so because they have this sort of resolution that the person's eye doesn't recognize independent pixels inside it. Consequently, the retina-ready web template is produced for such displays and that means that your web page definitely will appear best suited on a Retina screen.</p> <p><b>Why is it Good?</b></p><p>By means of retina ready templates your webpage will be showcased exceptionally well even on screens with the finest definition.</p><p>Find more <a href=\"https://www.templatemonster.com/retina-ready-shopify-themes/\">Retina Ready Shopify themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Apartic Real Estate Shopify Theme","templatePreviewMetaDescription":"Apartic Real Estate Shopify Template is as luxurious as it should be to help you sell expensive houses and apartments. It would also work out nicely for a","templateDemoMetaDescription":"The live preview of this premium Apartic Real Estate Shopify Theme (#73636) is presented here for you to get knowledgeable about the template before you decide to buy it. Click through the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Apartic Real Estate Shopify Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/apartic-real-estate-shopify-theme-73636.html","userRating":"4","designIndex":"87","authorUserId":"1768190","exclusive":"1","state":1,"price":108,"inserted_date":"2018-10-10","sent":0,"downloads":5,"search_words":"construction estate projects real services shopify","is_adult":0,"exc_price":2100,"sent_date":"2018-10-10 07:02:13","last_upload":"2018-10-10 00:00:00","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"73636-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":73636,"width":800,"window_params":"","banner_url":"","id":1775025,"href":"","height":1200},{"scr_type_id":311,"filename":"73636-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":73636,"width":800,"window_params":"","banner_url":"","id":1775026,"href":"","height":1200},{"scr_type_id":312,"filename":"73636-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":73636,"width":370,"window_params":"","banner_url":"","id":1775027,"href":"","height":370},{"scr_type_id":9,"filename":"73636-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":73636,"width":145,"window_params":"","banner_url":"","id":1775028,"href":"","height":156},{"scr_type_id":57,"filename":"73636-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":73636,"width":430,"window_params":"","banner_url":"","id":1775029,"href":"","height":645}],"demoUrl":"/demo/73636.html","image":"https://s.tmimgcdn.com/scr/73600/apartic-real-estate-shopify-theme_73636-original.jpg","searchHash":"ae2386d692659ae899ec824ee2b43f3a","previewHash":"56421f20ce410068df81da85853312dd","authorNickname":"RockThemes","lowLevelTopic":"Real Estate Agency Templates","weightedRating":4.0909090909091,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":108,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","grey"],"followUpLetter":"shopify-offers","dateRange":"Last Year","reviewsTotal":"1","uniqueKeywords":"investment constructions construction architecture engineering apartment sale broker real estate agency services house realestate apartment building finance rentals management mortgage","templateSupportOptions":"[{\"id\":19533,\"template_id\":14888,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":19534,\"template_id\":14888,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","reviewAverageScore":"4","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Apartic Real Estate Shopify Template is as luxurious as it should be to help you sell expensive houses and apartments. It would also work out nicely for a","imageKeyFeatures":"https://s.tmimgcdn.com/scr/73600/73636-1300_01.jpg,https://s.tmimgcdn.com/scr/73600/73636-1300_02.jpg,https://s.tmimgcdn.com/scr/73600/73636-1300_03.jpg,https://s.tmimgcdn.com/scr/73600/73636-1300_04.jpg,https://s.tmimgcdn.com/scr/73600/73636-1300_05.jpg,https://s.tmimgcdn.com/scr/73600/73636-1300_06.jpg,https://s.tmimgcdn.com/scr/73600/73636-1300_07.jpg,https://s.tmimgcdn.com/scr/73600/73636-1300_08.jpg,https://s.tmimgcdn.com/scr/73600/73636-1300_09.jpg,https://s.tmimgcdn.com/scr/73600/73636-1300_10.jpg,https://s.tmimgcdn.com/scr/73600/73636-1300_11.jpg","features":["Responsive","Admin Panel","Bootstrap","Retina Ready","Dropshipping","Dropdown Menu","Google map","Advanced Theme Options","HTML 5","JQuery"],"saleSells":"1","livePreviewURL":"https://livedemo00.template-help.com/landing/shopify/shopify.php?theme=theme467-apartic","languageSupport":["English","French","Spanish","Russian","German"],"authorUserId":"1768190","googleAnalyticsId":"UA-118125082-1","authorMainScreenshot":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1539169095338_20027-original.jpg","facebookPixelId":"1857475610982695","isFree":"none","templateGroup":"eCommerce Templates","popularity":"Top Rated","alreadyPacked":"1","exclusive":"1","templateIcon":"icon-shopify","lastmod":"2020-11-26T15:49:35-05:00","types":"Shopify Themes","isOldDemoUrl":"1","trendiness":"1","demoMetaDescription":"The live preview of this premium Apartic Real Estate Shopify Theme (#73636) is presented here for you to get knowledgeable about the template before you decide to buy it. Click through the pages, check the images, press the buttons, explore the functionality.","themeArchitectureVersion":"Vintage","shortDescription":"<p>Apartic Real Estate Shopify Template is as luxurious as it should be to help you sell expensive houses and apartments. It would also work out nicely for a construction company. The theme features product sliders and tags, countdowns, grid and lists views, featured items view, Projects view, animated transitions, powerful Megamenu, etc. This is what you would generally expect from a modern website selling goods and services. But there's more! The theme offers awesome intuitive admin experience and full SEO-optimization. The theme loads fast and adjusts to any type of screens. There's a bunch of premade pages and header/footer options. Press DEMO to see the full potential of this product.</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 is a Bootstrap Estates Shopify design</h3> <p><b>What is it?</b></p><p>Bootstrap is really a extremely popular framework, that makes the work with Web coding, Style sheet and JS a great deal easier. It had been made as the tool to set up a responsive design, nevertheless as time passes it introduced a good amount of extra functionality.</p> <p><b>Why is it Good?</b></p><p>Bootstrap will help you create responsive, mobile-first  projects in a smooth way.</p><p>View latest <a href=\"https://www.templatemonster.com/bootstrap-shopify-themes/\">Bootstrap Shopify designs</a> here</p> <h3>This Real Estate Shopify theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive layouts adjust to smaller along with bigger display screen sizes promptly.</p> <p><b>Why is it Good?</b></p><p>Mobiles drive 80percentage of worldwide online usage. It's imperative to build your online site responsive when you do not desire to reduce your own potential customers.</p><p>Browse for more <a href=\"https://www.templatemonster.com/responsive-shopify-themes/\">Responsive Shopify ecommerce themes</a> here</p> <h3>This Real Property Shopify design is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina display screens are called so because they have this sort of resolution that the person's eye doesn't recognize independent pixels inside it. Consequently, the retina-ready web template is produced for such displays and that means that your web page definitely will appear best suited on a Retina screen.</p> <p><b>Why is it Good?</b></p><p>By means of retina ready templates your webpage will be showcased exceptionally well even on screens with the finest definition.</p><p>Find more <a href=\"https://www.templatemonster.com/retina-ready-shopify-themes/\">Retina Ready Shopify themes</a> here</p> <br /></div></div></div></div>","bitLyUrl":"http://bit.ly/2A1ZDy7","tags":["agency","apartment","architecture","broker","building","construction","constructions","engineering","estate","finance","house","investment","management","mortgage","projects","real","realestate","rentals","sale","services","shopify"],"customUrl":"/shopify-themes/apartic-real-estate-shopify-theme-73636.html","webForms":["Booking Form","Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/62400/62439-shopify-extendedsupport_1300.png\" srcset=\"https://s.tmimgcdn.com/scr/62400/62439-shopify-extendedsupport_2560.png 2x\" alt=\"img\"/>","nameOfTheTemplate":"Apartic Real Estate Shopify Theme","loyaltySells":"1","topic":["Real Estate Agency Templates","Real Estate Templates"],"marketplaceMembership":"One","category":"Website templates","dqi":"87"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 19 Apr 2024 16:10:13 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=73636&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=73636&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=73636&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 19 Apr 2024 16:15:13 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://livedemo00.template-help.com/landing/shopify/shopify.php?theme=theme467-apartic<!DOCTYPE html>
<html lang="en">
<head>
    <title>#73636 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/73636.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 #73636            </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=73636&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $99                <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>