string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=347540&expand=properties"
string(11771) "[{"templateId":347540,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":114,"categoryName":"Beauty Salon Templates","templateTitle":"Beauty Salon Responsive Shopify Theme","templatePreviewHtmlTitle":"Ollia - Cosmetics and Beauty, Health Treatment Shopify 2.0 Theme","templateDemoHtmlTitle":"Live preview for Ollia - Cosmetics and Beauty, Health Treatment Shopify 2.0 Theme #347540","typeShortName":"Shopify","templatePreviewFBTitle":"<p><strong>Please, enter Password: 1 to view live demo</strong></p><p>Ollia is a clear Shopify theme designed for cosmetics and personal care stores. It is fully<strong> responsive and fast, and includes everything you need to create a successful store.</strong> Ollia can also be used to create a multifunctional store, as it is <strong>highly customizable</strong>. The theme includes features such as quick add to cart, mega menu, and wish section to improve user experience and increase conversions. Overall, Ollia is an ideal theme for cosmetics and personal care stores, as well as for any other store that wants to create an attractive and fast online store.</p><p>In addition, thanks to flexible settings, Ollia can become a multifunctional store. You can change the font, colors, use the drag and drop feature and create a successful store selling everything from high fashion to auto parts, from a baby cot store to your own handmade products.</p><p>Thanks to its fast and optimized design, Ollia allows you to create attractive and functional pages with high loading speed. In addition, the theme includes features such as quick add to cart, mega menu, wish section and other useful features to improve user experience and increase conversions. Overall, Ollia is an ideal theme for stores that sell cosmetics and personal care products, as well as for any other store that wants to create an attractive and fast online store.</p><p><strong>Core Features:</strong></p><ul><li>Fully customizable</li><li>Predictive Search</li><li>Product Quick View</li><li>Mega Menu</li><li>Wishlist</li><li>Collection List on Homepage</li><li>Ajax Shopping Cart</li><li>FAQ Page</li><li>Ajax Order Notification</li><li>About Us Page</li><li>Grid List</li><li>Social Media</li><li>Instagram Feed</li><li>Product Slider</li><li>Fully responsive web design</li><li>Blog system with post comments, tags and blog slider on home page</li><li>Friendly and quick support</li></ul>","templateFullTitle":"Ollia - Cosmetics and Beauty, Health Treatment Shopify 2.0 Theme","templatePreviewMetaDescription":"Please, enter Password: 1 to view live demoOllia is a clear Shopify theme designed for cosmetics and personal care stores. It is fully responsive and fast, and","templateDemoMetaDescription":"The demo preview for this top notch Ollia - Cosmetics and Beauty, Health Treatment Shopify 2.0 Theme Shopify Theme (#347540) is created for you to get yourself familiar with the theme before you purchase it. Browse through the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Ollia - Cosmetics and Beauty, Health Treatment Shopify 2.0 Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/ollia-cosmetics-and-beauty-health-treatment-shopify-2-0-theme-347540.html","userRating":0,"designIndex":1,"authorUserId":"78068800","exclusive":"1","state":1,"price":49,"inserted_date":"2023-07-31","sent":0,"downloads":2,"search_words":"beauty cosmetic cosmetics fashion lipstick makeup modern responsive shop spa beauty shop beauty center skincare beauty salon beauty store shopify ecommerce store cosmetic products","is_adult":0,"exc_price":2100,"sent_date":"2023-07-31 13:54:28","last_upload":"2024-01-03 12:08:25","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3164449,"templ_id":347540,"filename":"347540-original.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3164450,"templ_id":347540,"filename":"347540-big.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3164451,"templ_id":347540,"filename":"347540-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3164452,"templ_id":347540,"filename":"347540-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3164453,"templ_id":347540,"filename":"347540-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/347540.html","image":"https://s.tmimgcdn.com/scr/347500/ollia-cosmetics-and-beauty-health-treatment-shopify-20-theme_347540-original.png","searchHash":"4640f26c4eec6109313c87537d23e131","previewHash":"61b3391889f4357e27a91c41fb6bbabf","authorNickname":"Bonshopi","lowLevelTopic":"Beauty Salon Templates; Cosmetics Store Templates","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":40,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Responsive","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","On-line chat","Multipurpose","Light Template","eCommerce","Dropdown Menu","Sample content","Drag and Drop Content","MegaMenu","Performance Optimization","Blog","Online Store/Shop","Gallery","HTML 5","JQuery","HTML plus JS","Lazy Load effect"],"styles":["Clean","Minimalist","Urban/Street"],"isLastAdded":"1","languageSupport":"English","currencies":["USD","GBP","EUR"],"topic":["Beauty Salon Templates","Cosmetics Store Templates","Beauty Templates","Fashion & Beauty"],"isFree":"none","color":["white","grey","pink"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["beauty","cosmetic","cosmetics","fashion","lipstick","makeup","modern","responsive","shop","spa","store","ecommerce","shopify","beauty store","beauty salon","skincare","beauty center","beauty shop","cosmetic products"],"paidSupport":"Yes","themeArchitectureVersion":"Online Store 2.0","featured":"Ukraine","authorUserId":"78068800","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Ollia is a unique transparent theme designed for cosmetics and personal care stores. This fully responsive and fast Shopify theme includes everything you need to create a successful store.</p>","nameOfTheTemplate":"Ollia - Cosmetics and Beauty, Health Treatment Shopify 2.0 Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78068800/6125ea6f6f7009d2359986af3571928d.png, https://s3u.tmimgcdn.com/u78068800/d120cf83a6ee5f533f4c89b24016735b.png, https://s3u.tmimgcdn.com/u78068800/f6aaf7a4f65cb1aaece516f6ebdea1db.png, https://s3u.tmimgcdn.com/u78068800/7f045277ed6ed6baad1db4399635b2ec.png, https://s3u.tmimgcdn.com/u78068800/cad70585f4fd7d39912ca2c0042ac1f5.png, https://s3u.tmimgcdn.com/u78068800/5abb7f04c8fefe913da82d7594882e22.png, https://s3u.tmimgcdn.com/u78068800/5e992e6e0b726de01aa2531dcb3c72ac.png, https://s3u.tmimgcdn.com/u78068800/d09f1e99510df2824c0c74575b168f8d.png, https://s3u.tmimgcdn.com/u78068800/1a834118515d911fa053287b2d29fd61.png","shortDescription":"<p><strong>Please, enter Password: 1 to view live demo</strong></p><p>Ollia is a clear Shopify theme designed for cosmetics and personal care stores. It is fully<strong> responsive and fast, and includes everything you need to create a successful store.</strong> Ollia can also be used to create a multifunctional store, as it is <strong>highly customizable</strong>. The theme includes features such as quick add to cart, mega menu, and wish section to improve user experience and increase conversions. Overall, Ollia is an ideal theme for cosmetics and personal care stores, as well as for any other store that wants to create an attractive and fast online store.</p><p>In addition, thanks to flexible settings, Ollia can become a multifunctional store. You can change the font, colors, use the drag and drop feature and create a successful store selling everything from high fashion to auto parts, from a baby cot store to your own handmade products.</p><p>Thanks to its fast and optimized design, Ollia allows you to create attractive and functional pages with high loading speed. In addition, the theme includes features such as quick add to cart, mega menu, wish section and other useful features to improve user experience and increase conversions. Overall, Ollia is an ideal theme for stores that sell cosmetics and personal care products, as well as for any other store that wants to create an attractive and fast online store.</p><p><strong>Core Features:</strong></p><ul><li>Fully customizable</li><li>Predictive Search</li><li>Product Quick View</li><li>Mega Menu</li><li>Wishlist</li><li>Collection List on Homepage</li><li>Ajax Shopping Cart</li><li>FAQ Page</li><li>Ajax Order Notification</li><li>About Us Page</li><li>Grid List</li><li>Social Media</li><li>Instagram Feed</li><li>Product Slider</li><li>Fully responsive web design</li><li>Blog system with post comments, tags and blog slider on home page</li><li>Friendly and quick support</li></ul>","uniqueKeywords":"beauty,cosmetic,cosmetics,fashion,lipstick,makeup,modern,responsive,shop,spa,beauty shop,beauty center,skincare,beauty salon,beauty store,shopify,ecommerce,store,cosmetic products","advImage":"https://s3u.tmimgcdn.com/u78068800/d98e5cefda8f880adcae026ad035fd56.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78068800/d433bf0d66d0c8cb96db5fd5f5af9b7d.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78068800/45daeaad83a2ba76c63a0dc20e6b9934.jpg(https://bonshopi.bontheme.com/demo/ollia/landing/), https://s3u.tmimgcdn.com/u78068800/6d899cb78ad18356f23d039bde3874fa.jpg(https://bonshopi.bontheme.com/demo/ollia/landing/), https://s3u.tmimgcdn.com/u78068800/8dd5dc913a717f0fa4833f254476a5e9.jpg(https://bonshopi.bontheme.com/demo/ollia/landing/), https://s3u.tmimgcdn.com/u78068800/591ff4d0adcb8eb7915a30114b7acdb3.jpg(https://bonshopi.bontheme.com/demo/ollia/landing/), https://s3u.tmimgcdn.com/u78068800/a9f15f54a64dc302ad5ee296292c8c67.jpg(https://bonshopi.bontheme.com/demo/ollia/landing/), https://s3u.tmimgcdn.com/u78068800/7e4ff480f5ff12e4dc28ece3a232fc8d.jpg(https://bonshopi.bontheme.com/demo/ollia/landing/)","livePreviewURL":"https://bonshopi.bontheme.com/demo/ollia/landing/","metaDescription":"Please, enter Password: 1 to view live demoOllia is a clear Shopify theme designed for cosmetics and personal care stores. It is fully responsive and fast, and","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"The demo preview for this top notch Ollia - Cosmetics and Beauty, Health Treatment Shopify 2.0 Theme Shopify Theme (#347540) is created for you to get yourself familiar with the theme before you purchase it. Browse through the pages, examine the images, click the buttons, explore the features.","customUrl":"/shopify-themes/ollia-cosmetics-and-beauty-health-treatment-shopify-2-0-theme-347540.html","productSize":"138339961","trendiness":"1","changeLog":"## December 20, 2023\r\n- Added new section \"Welcome popup\"","changeLogDate":"2024-01-03","types":"Shopify Themes","templateIcon":"icon-shopify","followUpLetter":"shopify-offers","productFamily":"None","templateGroup":"eCommerce Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Mon, 29 Apr 2024 16:18:33 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=347540&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=347540&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=347540&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 29 Apr 2024 16:23:33 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://bonshopi.bontheme.com/demo/ollia/landing/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#347540 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/347540.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 #347540            </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=347540&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $45                <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>