string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=83374&expand=properties"
string(13973) "[{"templateId":83374,"typeId":76,"typeName":"Shopify Theme","typeUrl":"shopify-themes","categoryId":225,"categoryName":"Apparel Templates","templateTitle":"Apparel Responsive Shopify Theme","templatePreviewHtmlTitle":"Pantic - Kids Fashion Clean Shopify Theme - TemplateMonster","templateDemoHtmlTitle":"Demo for Pantic - Kids Fashion Clean Shopify Theme #83374","typeShortName":"Shopify","templatePreviewFBTitle":"<h2>How You Can Use Kids Fashion Theme - Pantic</h2><p>Many people associate children with joy, happiness, fun, and bright colors. That is because kids combine an inexhaustible supply of energy with curiosity and a desire to know the world. At the same time, parents want to protect their little ones from dangers and provide them with a carefree life, choosing only high-quality clothes and toys for their children. Therefore, we created a kids fashion theme for a Shopify store that combines the joy of reliability.</p><p>Clothing stores are profitable and provide highly demanded products. And kids fashion stores are a specific type of clothing business that requires a specific website theme. For such an outfit business, you need a reliable website with eCommerce features. </p><p>Due to the minimalistic light design with bright, well-matching accents, the kids fashion theme is great for anything kids-related. You can apply it to:</p><ul><li>a children's clothing store and festive costumes;</li><li>a toy store;</li><li>babysitting service;</li><li>children's furniture store;</li><li>organic baby food store.</li></ul><p>The theme can be easily customized and reworked to suit your needs thanks to powerful plugins. So, after spending a little bit of time on changes in a visual editor, you can create a website for a children's photographer, a craftsman who makes toys or clothes, or any other products for kids.</p><h2>The functionality of the Clean Shopify Theme for Kids Fashion</h2><p>Designed by professionals, this kids fashion theme will be reliable and responsive. It works great on all devices and operating systems. Our theme is Retina-ready. All visuals are carefully chosen to look great on high-resolution screens. With a clean design, you can focus on your products and the most important information. And of course, all colors and fonts were selected by professional designers to fill the theme with associations with a carefree childhood.</p><p>Moreover, the kids fashion theme contains ready-made pages that provide users with easy navigation:</p><ul><li>Homepage;</li><li>Collections page;</li><li>Catalog;</li><li>Contact page;</li><li>Blog.</li></ul><p>The blog page will be interesting to those who want to keep in touch with customers. You can post articles about your product, reviews on it, tips on how to choose, and much more. It all depends only on your imagination.</p><p>And you will get all the eCommerce features you need thanks to the Shopify plugin package.</p><h3>Customization Options of Theme for Kids Store</h3><p>A fully customizable home page with ready-made sections gives you a wide range of customization options. You can add and remove sections:</p><ul><li>list of collections;</li><li>custom content;</li><li>newsletter;</li><li>featured products;</li><li>image with text and text overlay;</li><li>text column with images;</li><li>banners;</li><li>single product;</li><li>slideshow;</li><li>logolist;</li><li>blog articles;</li><li>gallery.</li></ul><p>Also, you can remove, add or change any pages that you need. And for this, you do not need the services of designers and programmers, since we have already prepared everything for your convenience.</p><p>What are you waiting for? You already know that this kids fashion theme is perfect for you. As we said, the theme is easy to install and run by yourself, but if you have any issues, feel free to contact our 24/5 support team.</p><p><br /></p>","templateFullTitle":"Pantic - Kids Fashion Clean Shopify Theme","templatePreviewMetaDescription":"How You Can Use Kids Fashion Theme - PanticMany people associate children with joy, happiness, fun, and bright colors. That is because kids combine an","templateDemoMetaDescription":"Explore the demo preview of the professional Pantic - Kids Fashion Clean Shopify Theme (#83374) get yourself knowledgeable about this design before you buy it. View the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Pantic - Kids Fashion Clean Shopify Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/shopify-themes/pantic-kids-fashion-clean-shopify-theme-83374.html","userRating":0,"designIndex":"84","authorUserId":"1519369","exclusive":"1","state":1,"price":69,"inserted_date":"2019-07-11","sent":0,"downloads":2,"search_words":"baby clothes ecommerce infant kids outfit shopify admin template baby shop baby store babysitter boutique child theme drop shipping fashion free kids cheering kindergarten shopping toy store","is_adult":0,"exc_price":2100,"sent_date":"2020-07-01 07:08:00","last_upload":"2021-08-17 09:19:40","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1835190,"templ_id":83374,"filename":"83374-3-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":1835191,"templ_id":83374,"filename":"83374-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1835192,"templ_id":83374,"filename":"83374-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":1835193,"templ_id":83374,"filename":"83374-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":1835194,"templ_id":83374,"filename":"83374-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/83374.html","image":"https://s.tmimgcdn.com/scr/83300/pantic-kids-fashion-clean-shopify-theme_83374-3-original.jpg","searchHash":"af95f420c992a4cbf5923fa0a161768e","previewHash":"e162a19ac2949445914b655f96dcbee1","authorNickname":"ZEMEZ","lowLevelTopic":"Apparel Templates; Fashion Store Templates; Kids' fashion","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":69,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Responsive","Admin Panel","Bootstrap","Retina Ready","Online Store/Shop","HTML 5","Website Builder"],"styles":["Clean","Minimalist"],"languageSupport":"English","webForms":["Contact Form","Login Form","Newsletter Subscription"],"currencies":["USD","GBP","EUR"],"topic":["Apparel Templates","Fashion Templates","Fashion Store Templates","Fashion & Beauty","Kids' fashion"],"isFree":"none","dateRange":"Last 6 Months","color":"white","showVariantForcibly":"b","exclusive":"1","authorUserId":"1519369","alreadyPacked":"1","marketplaceMembership":"One","nameOfTheTemplate":"Pantic - Kids Fashion Clean Shopify Theme","shortDescription":"<h2>How You Can Use Kids Fashion Theme - Pantic</h2><p>Many people associate children with joy, happiness, fun, and bright colors. That is because kids combine an inexhaustible supply of energy with curiosity and a desire to know the world. At the same time, parents want to protect their little ones from dangers and provide them with a carefree life, choosing only high-quality clothes and toys for their children. Therefore, we created a kids fashion theme for a Shopify store that combines the joy of reliability.</p><p>Clothing stores are profitable and provide highly demanded products. And kids fashion stores are a specific type of clothing business that requires a specific website theme. For such an outfit business, you need a reliable website with eCommerce features. </p><p>Due to the minimalistic light design with bright, well-matching accents, the kids fashion theme is great for anything kids-related. You can apply it to:</p><ul><li>a children's clothing store and festive costumes;</li><li>a toy store;</li><li>babysitting service;</li><li>children's furniture store;</li><li>organic baby food store.</li></ul><p>The theme can be easily customized and reworked to suit your needs thanks to powerful plugins. So, after spending a little bit of time on changes in a visual editor, you can create a website for a children's photographer, a craftsman who makes toys or clothes, or any other products for kids.</p><h2>The functionality of the Clean Shopify Theme for Kids Fashion</h2><p>Designed by professionals, this kids fashion theme will be reliable and responsive. It works great on all devices and operating systems. Our theme is Retina-ready. All visuals are carefully chosen to look great on high-resolution screens. With a clean design, you can focus on your products and the most important information. And of course, all colors and fonts were selected by professional designers to fill the theme with associations with a carefree childhood.</p><p>Moreover, the kids fashion theme contains ready-made pages that provide users with easy navigation:</p><ul><li>Homepage;</li><li>Collections page;</li><li>Catalog;</li><li>Contact page;</li><li>Blog.</li></ul><p>The blog page will be interesting to those who want to keep in touch with customers. You can post articles about your product, reviews on it, tips on how to choose, and much more. It all depends only on your imagination.</p><p>And you will get all the eCommerce features you need thanks to the Shopify plugin package.</p><h3>Customization Options of Theme for Kids Store</h3><p>A fully customizable home page with ready-made sections gives you a wide range of customization options. You can add and remove sections:</p><ul><li>list of collections;</li><li>custom content;</li><li>newsletter;</li><li>featured products;</li><li>image with text and text overlay;</li><li>text column with images;</li><li>banners;</li><li>single product;</li><li>slideshow;</li><li>logolist;</li><li>blog articles;</li><li>gallery.</li></ul><p>Also, you can remove, add or change any pages that you need. And for this, you do not need the services of designers and programmers, since we have already prepared everything for your convenience.</p><p>What are you waiting for? You already know that this kids fashion theme is perfect for you. As we said, the theme is easy to install and run by yourself, but if you have any issues, feel free to contact our 24/5 support team.</p><p><br /></p>","uniqueKeywords":"baby,clothes,ecommerce,infant,kids,outfit,shopify,admin template,baby shop,baby store,babysitter,boutique,child theme,drop shipping,fashion,free,kids cheering,kindergarten,shopping,toy store","affiliateSells":"1","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/32680/scr/1519369-1593589170349_83374%20Kids%20Fashion%20original.jpg","dqi":"84","imageKeyFeatures":"https://s3.tmimgcdn.com/templates/32680/scr/1519369-1593589205713_Slice%201.jpg, https://s3.tmimgcdn.com/templates/32680/scr/1519369-1593589205715_Slice%202.jpg, https://s3.tmimgcdn.com/templates/32680/scr/1519369-1593589205716_Slice%203.jpg, https://s3.tmimgcdn.com/templates/32680/scr/1519369-1593589205718_Slice%204.jpg, https://s3.tmimgcdn.com/templates/32680/scr/1519369-1593589205719_Slice%205.jpg, https://s3.tmimgcdn.com/templates/32680/scr/1519369-1593589205721_Slice%206.jpg, https://s3.tmimgcdn.com/templates/32680/scr/1519369-1593589205723_Slice%207.jpg","livePreviewURL":"https://livedemo00.template-help.com/landing/shopify/shopify.php?theme=theme738-infant-clothes-store","metaDescription":"How You Can Use Kids Fashion Theme - PanticMany people associate children with joy, happiness, fun, and bright colors. That is because kids combine an","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"http://bit.ly/2xJoogO","customUrl":"/shopify-themes/pantic-kids-fashion-clean-shopify-theme-83374.html","demoMetaDescription":"Explore the demo preview of the professional Pantic - Kids Fashion Clean Shopify Theme (#83374) get yourself knowledgeable about this design before you buy it. View the pages, examine the images, click the buttons, explore the features.","lastmod":"2021-10-28T02:17:55-04:00","isOldDemoUrl":"1","advImage":"https://s3.tmimgcdn.com/templates/81229/scr/1519369-1608035203037_83374%20Kids%20Fashion.png","imagesIncluded":"Yes","tags":["baby","babysitter","boutique","clothes","fashion","free","infant","kids","kindergarten","outfit","shopping","ecommerce","shopify","child theme","baby shop","toy store","admin template","drop shipping","baby store","kids cheering"],"previewScreensOrVideoURLs":"https://s3.tmimgcdn.com/templates/32680/scr/1519369-1593589176451_slide%201.jpg, https://s3.tmimgcdn.com/templates/32680/scr/1519369-1593589180978_slide%202.jpg, https://s3.tmimgcdn.com/templates/32680/scr/1519369-1593589184487_slide%203.jpg, https://s3.tmimgcdn.com/templates/32680/scr/1519369-1593589188285_slide%204.jpg, https://s3.tmimgcdn.com/templates/32680/scr/1519369-1593589192072_slide%205.jpg","authorMainScreenshotVersion":"3","htmlTitle":"Kids Fashion Clean - Pantic Shopify Theme","productSize":"9171614","trendiness":"1","paidSupport":"Yes","changeLog":"Update Pantic Theme (17 august 2021):\n- Fix single product image carousel.","changeLogDate":"2021-08-17","themeArchitectureVersion":"Vintage","featured":"Ukraine","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"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: Tue, 16 Apr 2024 09:36:50 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=83374&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=83374&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=83374&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 16 Apr 2024 09:41:50 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=theme738-infant-clothes-store<!DOCTYPE html>
<html lang="en">
<head>
    <title>#83374 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/83374.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 #83374            </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=83374&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $64                <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>