string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=417775&expand=properties"
string(15642) "[{"templateId":417775,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":161,"categoryName":"Coffee Shop Templates","templateTitle":"Coffee Shop Responsive Shopify Theme","templatePreviewHtmlTitle":"Caffeine - Tea &amp; Coffee Cafe Store Multipurpose Shopify 2.0 Responsive Theme","templateDemoHtmlTitle":"Demo Preview for Caffeine - Tea &amp; Coffee Cafe Store Multipurpose Shopify 2.0 Responsive Theme #417775","typeShortName":"Shopify","templatePreviewFBTitle":"<p>Welcome to Caffeine, where the aromatic blend of tea and coffee awaits to tantalize your senses. As your premier Tea &amp; Coffee Cafe Store, we are dedicated to delivering an unparalleled experience of flavor, aroma, and ambiance.</p><p>Caffeine Shopify 2.0 Responsive Theme is your gateway to a world of indulgence, designed to cater to the diverse preferences of tea and coffee enthusiasts. Whether you're a connoisseur seeking the perfect brew or a casual sipper looking for a cozy spot to unwind, Caffeine is your destination of choice.</p><p>At Caffeine, we understand that the true essence of tea and coffee lies in the quality of the ingredients and the skillful art of preparation. That's why we have curated a selection of the finest teas and coffees from around the world, sourced from reputable growers and roasters who share our commitment to excellence.</p><p>Explore our extensive menu of beverages, featuring a variety of blends, flavors, and brewing methods to suit every palate. From robust espresso shots to delicate herbal infusions, each cup is crafted with precision and care to ensure a memorable taste experience.</p><p>But Caffeine is more than just a purveyor of exceptional beverages. It's a place where friends gather, conversations flow, and moments are savored. Our cozy cafe atmosphere, paired with friendly service and inviting decor, creates the perfect setting for relaxation and connection.</p><p>With Caffeine Shopify 2.0 Responsive Theme, we bring the warmth and charm of our cafe directly to your screen. Immerse yourself in our virtual cafe environment, where you can browse our menu, place orders, and discover new flavors from the comfort of your home.</p><p>Our theme is equipped with intuitive navigation and user-friendly features to enhance your online shopping experience. Whether you're searching for your favorite brew or exploring new offerings, Caffeine ensures a seamless and enjoyable journey from start to finish.</p><p>Customize your online cafe with Caffeine's versatile customization options, allowing you to reflect your brand identity and create a unique and inviting atmosphere for your customers. From customizable menus to personalized promotions, our theme empowers you to showcase your offerings in style.</p><p>Join us at Caffeine and elevate your tea and coffee experience to new heights. With our Shopify 2.0 Responsive Theme, you can create a virtual cafe that captures the essence of our real-world establishment and delights customers with every click.</p><p>Indulge in the ultimate brew experience with Caffeine - your Tea &amp; Coffee Cafe Store Multipurpose Shopify 2.0 Responsive Theme. Start your journey of flavor discovery today and awaken your senses to the rich world of tea and coffee.</p><p><br /></p><p>Theme Features</p><p>-------------------</p><p>- Advance Theme Options</p><p>- Fully RESPONSIVE Theme</p><p>- SEO (Search Engine Optimization) Friendly</p><p>- Mobile First Layout</p><p>- No Coding Skills Required</p><p>- Multiple Currency</p><p>- Multiple Language</p><p>- Optimized for Fast Loading</p><p>- Theme Color Option Setting</p><p>- Theme Typography Setting</p><p>- Multiple Banner Section with Editable Text and Image</p><p>- Product Grid/List View with Multiple Column Variation</p><p>- Responsive Banner Slider with Editable Text</p><p>- Shop By Category Slider with Image</p><p>- Category-wise Product Collection Slider Section</p><p>- Featured Product Collection with Slider/Grid Option</p><p>- New Products Collection with Slider/Grid Option</p><p>- Wishlist &amp; Compare</p><p>- QuickView &amp; Add to Cart</p><p>- Product Search</p><p>- Product Filter on Collection Page</p><p>- Brand logo Section</p><p>- Blog Section</p><p>- Newsletter Subscription Section</p><p>- Product Variation Swatches</p><p>- Product Zoom Integration</p><p>- Related Product Slider</p><p>- Google Map Integration</p><p>- Blog List Page</p><p>- Scroll To Top Button</p><p>- Social Media Follow Links</p><p>- Compatible with all browsers</p><p>- Well structured &amp; Easy customization</p><p>Include theme installation and theme configuration documentation to help customer for installing and utilizing the theme</p><p>and Many More…</p>","templateFullTitle":"Caffeine - Tea &amp; Coffee Cafe Store Multipurpose Shopify 2.0 Responsive Theme","templatePreviewMetaDescription":"Welcome to Caffeine, where the aromatic blend of tea and coffee awaits to tantalize your senses. As your premier Tea &amp; Coffee Cafe Store, we are dedicated","templateDemoMetaDescription":"View the demo for the professional Caffeine - Tea &amp; Coffee Cafe Store Multipurpose Shopify 2.0 Responsive Theme Shopify Theme (#417775) to get a better notion of what this theme is before you purchase it. Browse through the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Caffeine - Tea &amp; Coffee Cafe Store Multipurpose Shopify 2.0 Responsive Theme","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/caffeine-tea-amp-coffee-cafe-store-multipurpose-shopify-2-0-responsive-theme-417775.html","userRating":0,"designIndex":1,"authorUserId":"78138138","exclusive":"1","state":1,"price":49,"inserted_date":"2024-05-10","sent":0,"downloads":0,"search_words":"bakery cafe clean coffee drink eco food fresh grocery minimal modern natural organic responsive restaurant shop store tea ecommerce shopify","is_adult":0,"exc_price":2100,"sent_date":"2024-05-10 12:56:02","last_upload":"2024-05-10 13:03:28","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3515415,"templ_id":417775,"filename":"417775-original.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3515416,"templ_id":417775,"filename":"417775-big.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3515417,"templ_id":417775,"filename":"417775-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":3515418,"templ_id":417775,"filename":"417775-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":3515419,"templ_id":417775,"filename":"417775-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/417775.html","image":"https://s.tmimgcdn.com/scr/417700/caffeine-tea-amp-coffee-cafe-store-multipurpose-shopify-20-responsive-theme_417775-original.jpg","searchHash":"e13e7527bf1e72aeb547df5bdbc76e74","previewHash":"c430c7db830c175d393f7e411ac8fe1c","authorNickname":"Logicgo","lowLevelTopic":"Coffee Shop Templates; Tea Shop Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":125,"onSale":0,"finalPrice":40,"discountPercent":0,"discountAmount":0,"semiannualSales":null,"properties":{"features":["Premium","Responsive","Pro","Admin Panel","Bootstrap","Mobile Layout Included","Multipurpose","eCommerce","Sliced PSD","Dropdown Menu","Tabs","Advanced Theme Options","Drag and Drop Content","MegaMenu","Performance Optimization","Blog","Online Store/Shop","HTML 5","JQuery","Parallax","Lazy Load effect"],"styles":["Clean","Minimalist","Web2.0","Mobile","Flat"],"isLastAdded":"1","languageSupport":["English","French","Spanish","Russian","German","Deutsch","Japanese","Swedish","Italian","Dutch","Ukrainian","Portuguese (Brazilian)","Polish"],"popularity":"Zero Downloads","currencies":["USD","GBP","EUR"],"topic":["Cafe Templates","Coffee Shop Templates","Tea Shop Templates","Food & Restaurant"],"isFree":"none","color":["black","white","brown","yellow"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["bakery","cafe","clean","coffee","drink","eco","food","fresh","grocery","minimal","modern","natural","organic","responsive","restaurant","shop","store","tea","ecommerce","shopify"],"paidSupport":"Yes","themeArchitectureVersion":"Online Store 2.0","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorUserId":"78138138","excerpt":"<p>Coffee is a premium Shopify theme specially made for coffee templates, grocery stores, vegetable stores, and all types of eCommerce stores for small and big industries.</p>","nameOfTheTemplate":"Caffeine - Tea &amp; Coffee Cafe Store Multipurpose Shopify 2.0 Responsive Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78138138/8ec13aa9d0ebebbcb76b8ae08dc65a2a.jpg, https://s3u.tmimgcdn.com/u78138138/abff878f80f6e57eed4544ee214708cb.jpg, https://s3u.tmimgcdn.com/u78138138/a395ef8bbada942c3c6dde81cb8c8707.jpg, https://s3u.tmimgcdn.com/u78138138/af487340f750ec438fb13eeeae4b7a61.jpg, https://s3u.tmimgcdn.com/u78138138/e3bfe7af40bc490b381d552dd69723c1.jpg","shortDescription":"<p>Welcome to Caffeine, where the aromatic blend of tea and coffee awaits to tantalize your senses. As your premier Tea &amp; Coffee Cafe Store, we are dedicated to delivering an unparalleled experience of flavor, aroma, and ambiance.</p><p>Caffeine Shopify 2.0 Responsive Theme is your gateway to a world of indulgence, designed to cater to the diverse preferences of tea and coffee enthusiasts. Whether you're a connoisseur seeking the perfect brew or a casual sipper looking for a cozy spot to unwind, Caffeine is your destination of choice.</p><p>At Caffeine, we understand that the true essence of tea and coffee lies in the quality of the ingredients and the skillful art of preparation. That's why we have curated a selection of the finest teas and coffees from around the world, sourced from reputable growers and roasters who share our commitment to excellence.</p><p>Explore our extensive menu of beverages, featuring a variety of blends, flavors, and brewing methods to suit every palate. From robust espresso shots to delicate herbal infusions, each cup is crafted with precision and care to ensure a memorable taste experience.</p><p>But Caffeine is more than just a purveyor of exceptional beverages. It's a place where friends gather, conversations flow, and moments are savored. Our cozy cafe atmosphere, paired with friendly service and inviting decor, creates the perfect setting for relaxation and connection.</p><p>With Caffeine Shopify 2.0 Responsive Theme, we bring the warmth and charm of our cafe directly to your screen. Immerse yourself in our virtual cafe environment, where you can browse our menu, place orders, and discover new flavors from the comfort of your home.</p><p>Our theme is equipped with intuitive navigation and user-friendly features to enhance your online shopping experience. Whether you're searching for your favorite brew or exploring new offerings, Caffeine ensures a seamless and enjoyable journey from start to finish.</p><p>Customize your online cafe with Caffeine's versatile customization options, allowing you to reflect your brand identity and create a unique and inviting atmosphere for your customers. From customizable menus to personalized promotions, our theme empowers you to showcase your offerings in style.</p><p>Join us at Caffeine and elevate your tea and coffee experience to new heights. With our Shopify 2.0 Responsive Theme, you can create a virtual cafe that captures the essence of our real-world establishment and delights customers with every click.</p><p>Indulge in the ultimate brew experience with Caffeine - your Tea &amp; Coffee Cafe Store Multipurpose Shopify 2.0 Responsive Theme. Start your journey of flavor discovery today and awaken your senses to the rich world of tea and coffee.</p><p><br /></p><p>Theme Features</p><p>-------------------</p><p>- Advance Theme Options</p><p>- Fully RESPONSIVE Theme</p><p>- SEO (Search Engine Optimization) Friendly</p><p>- Mobile First Layout</p><p>- No Coding Skills Required</p><p>- Multiple Currency</p><p>- Multiple Language</p><p>- Optimized for Fast Loading</p><p>- Theme Color Option Setting</p><p>- Theme Typography Setting</p><p>- Multiple Banner Section with Editable Text and Image</p><p>- Product Grid/List View with Multiple Column Variation</p><p>- Responsive Banner Slider with Editable Text</p><p>- Shop By Category Slider with Image</p><p>- Category-wise Product Collection Slider Section</p><p>- Featured Product Collection with Slider/Grid Option</p><p>- New Products Collection with Slider/Grid Option</p><p>- Wishlist &amp; Compare</p><p>- QuickView &amp; Add to Cart</p><p>- Product Search</p><p>- Product Filter on Collection Page</p><p>- Brand logo Section</p><p>- Blog Section</p><p>- Newsletter Subscription Section</p><p>- Product Variation Swatches</p><p>- Product Zoom Integration</p><p>- Related Product Slider</p><p>- Google Map Integration</p><p>- Blog List Page</p><p>- Scroll To Top Button</p><p>- Social Media Follow Links</p><p>- Compatible with all browsers</p><p>- Well structured &amp; Easy customization</p><p>Include theme installation and theme configuration documentation to help customer for installing and utilizing the theme</p><p>and Many More…</p>","uniqueKeywords":"bakery,cafe,clean,coffee,drink,eco,food,fresh,grocery,minimal,modern,natural,organic,responsive,restaurant,shop,store,tea,ecommerce,shopify","advImage":"https://s3u.tmimgcdn.com/u78138138/6908eb88a835bf1e5af09e3614a2167e.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78138138/c5312f93a9189278d3647823981f60fd.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78138138/7df5545f06337fccc79b68d94c9506dc.jpg, https://s3u.tmimgcdn.com/u78138138/54a056da75718fade12f05379c20e2f4.jpg, https://s3u.tmimgcdn.com/u78138138/25176678ae2133bd169dbe161c9a0171.jpg, https://s3u.tmimgcdn.com/u78138138/08895be46c585471da1c73100a859e04.jpg, https://s3u.tmimgcdn.com/u78138138/c60b2ad136d7416f85fa59ee82536554.jpg","livePreviewURL":"https://fastinsta.in/caffeine-web-page/","metaDescription":"Welcome to Caffeine, where the aromatic blend of tea and coffee awaits to tantalize your senses. As your premier Tea &amp; Coffee Cafe Store, we are dedicated","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"View the demo for the professional Caffeine - Tea &amp; Coffee Cafe Store Multipurpose Shopify 2.0 Responsive Theme Shopify Theme (#417775) to get a better notion of what this theme is before you purchase it. Browse through the pages, check out the images, click the buttons, explore the functionality.","customUrl":"/shopify-themes/caffeine-tea-amp-coffee-cafe-store-multipurpose-shopify-2-0-responsive-theme-417775.html","productSize":"11029035","trendiness":"1","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: Wed, 26 Jun 2024 11:35:46 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=417775&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=417775&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=417775&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 26 Jun 2024 11:40:46 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://fastinsta.in/caffeine-web-page/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#417775 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/417775.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 #417775            </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=417775&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>