string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=84421&expand=properties"
string(9010) "[{"templateId":84421,"typeId":43,"typeName":"PrestaShop Theme","typeUrl":"prestashop-themes","categoryId":432,"categoryName":"Fashion Templates","templateTitle":"Fashion PrestaShop Theme","templatePreviewHtmlTitle":"Koddi - Kids Clothes Clean Ecommerce Bootstrap PrestaShop Theme","templateDemoHtmlTitle":"Live demo for Koddi - Kids Clothes Clean Ecommerce Bootstrap PrestaShop Theme #84421","typeShortName":"PrestaShop","templatePreviewFBTitle":"<p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Koddi is a kids fashion theme designed in a skillful color mix and offers 3 wonderful ready-made layouts of the Home Page. It is stuffed with so many professional modules that will simplify the customization process greatly. With JX Lookbook module you can highlight the items of your store and let the customers see them visually in real contexts. Thanks to JX One Click Order module let the customers order the products directly without adding them to the cart in so doing the shopping process faster and easier.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">The theme s a well-documented and has a fully adaptive and responsive design. This template is a really good idea to promote your online business. Hit the Live Demo right now!</span></p>","templateFullTitle":"Koddi - Kids Clothes Clean Ecommerce Bootstrap PrestaShop Theme","templatePreviewMetaDescription":"Koddi is a kids fashion theme designed in a skillful color mix and offers 3 wonderful ready-made layouts of the Home Page. It is stuffed with so many","templateDemoMetaDescription":"Before you buy it, get knowledgeable about the professional Koddi - Kids Clothes Clean Ecommerce Bootstrap PrestaShop Theme (#84421) by viewing the demo. View the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Koddi - Kids Clothes Clean Ecommerce Bootstrap PrestaShop Theme","anchorFeature":"","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/prestashop-themes/koddi-kids-clothes-clean-ecommerce-bootstrap-prestashop-theme-84421.html","userRating":0,"designIndex":"90","authorUserId":"1768190","exclusive":"1","state":1,"price":106,"inserted_date":"2019-08-01","sent":1,"downloads":2,"search_words":"girl boy sportwear shoes swimwear accessories school uniform dresses jeans T-Shirts shorts polo","is_adult":0,"exc_price":4500,"sent_date":"2020-04-17 06:03:57","last_upload":"2019-08-01 06:03:57","package_id":295,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":334,"filename":"84421-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":84421,"width":1600,"window_params":"","banner_url":"","id":1841330,"href":"","height":1000},{"scr_type_id":311,"filename":"84421-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":84421,"width":800,"window_params":"","banner_url":"","id":1841331,"href":"","height":1200},{"scr_type_id":312,"filename":"84421-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":84421,"width":370,"window_params":"","banner_url":"","id":1841332,"href":"","height":370},{"scr_type_id":9,"filename":"84421-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":84421,"width":145,"window_params":"","banner_url":"","id":1841333,"href":"","height":156},{"scr_type_id":57,"filename":"84421-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":84421,"width":430,"window_params":"","banner_url":"","id":1841334,"href":"","height":645}],"demoUrl":"/demo/84421.html","image":"https://s.tmimgcdn.com/scr/84400/koddi-kids-clothes-clean-ecommerce-bootstrap-prestashop-theme_84421-0-original.jpg","searchHash":"5f86d419f0f941f5d0bc6a706e27cdd1","previewHash":"5ad78154071ca0774bb047545ac1d9ad","authorNickname":"RockThemes","lowLevelTopic":"Kids' fashion","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":106,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"categoriesView":["Grid","List"],"uniqueKeywords":"girl boy sportwear shoes swimwear accessories school uniform dresses jeans T-Shirts shorts polo","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Koddi is a kids fashion theme designed in a skillful color mix and offers 3 wonderful ready-made layouts of the Home Page. It is stuffed with so many","excludeExclusive":"Yes","imageKeyFeatures":"https://s.tmimgcdn.com/scr/84400/84421-en_01.jpg,https://s.tmimgcdn.com/scr/84400/84421-en_02.jpg,https://s.tmimgcdn.com/scr/84400/84421-en_03.jpg,https://s.tmimgcdn.com/scr/84400/84421-en_04.jpg,https://s.tmimgcdn.com/scr/84400/84421-en_05.jpg,https://s.tmimgcdn.com/scr/84400/84421-en_06.jpg,https://s.tmimgcdn.com/scr/84400/84421-en_07.jpg,https://s.tmimgcdn.com/scr/84400/84421-en_08.jpg,https://s.tmimgcdn.com/scr/84400/84421-en_09.jpg,https://s.tmimgcdn.com/scr/84400/84421-en_10.jpg,https://s.tmimgcdn.com/scr/84400/84421-en_11.jpg,https://s.tmimgcdn.com/scr/84400/84421-en_12.jpg,https://s.tmimgcdn.com/scr/84400/84421-en_13.jpg,https://s.tmimgcdn.com/scr/84400/84421-en_14.jpg,https://s.tmimgcdn.com/scr/84400/84421-en_15.jpg","features":["Admin Panel","Accelerated Mobile Pages (AMP)","Online Store/Shop","HTML plus JS"],"saleSells":"1","languageSupport":["English","French","Spanish"],"authorUserId":"1768190","isFree":"none","hELPURL":"/quick-start-guide/prestashop/","itemDoubts":["changed-my-mind","you-are-in-good-hands","sweet-bonus-for-you","not-sure-about-your-technical-expertise","why-should-i-choose-templatemonster-s-prestashop-theme"],"additionalInfo":"Well Documented","exclusive":"1","templateSoftwareRequired":["Apache Server","Sublime Text2 or later, Notepad++ or any php-editor"],"lastmod":"2022-01-10T16:39:18-05:00","previewScreensOrVideoURLs":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1564650156519_rate%20965x600.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1564650161129_header%20account.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1564650164523_Product%20Page%20965x600.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1564650166481_wishlist.jpg","demoMetaDescription":"Before you buy it, get knowledgeable about the professional Koddi - Kids Clothes Clean Ecommerce Bootstrap PrestaShop Theme (#84421) by viewing the demo. View the pages, check the images, press the buttons, explore the features.","shortDescription":"<p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Koddi is a kids fashion theme designed in a skillful color mix and offers 3 wonderful ready-made layouts of the Home Page. It is stuffed with so many professional modules that will simplify the customization process greatly. With JX Lookbook module you can highlight the items of your store and let the customers see them visually in real contexts. Thanks to JX One Click Order module let the customers order the products directly without adding them to the cart in so doing the shopping process faster and easier.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">The theme s a well-documented and has a fully adaptive and responsive design. This template is a really good idea to promote your online business. Hit the Live Demo right now!</span></p>","tags":["accessories","boy","dresses","girl","jeans","polo","school","shoes","shorts","swimwear","uniform"],"customUrl":"/prestashop-themes/koddi-kids-clothes-clean-ecommerce-bootstrap-prestashop-theme-84421.html","badge":"badge-responsive","supportDescription":"<p><br></p>","nameOfTheTemplate":"Koddi - Kids Clothes Clean Ecommerce Bootstrap PrestaShop Theme","videoPresenatationPSForXMLFeed":"https://www.youtube.com/watch?v=ygBwnWCPamM","pHPVersionCompatibility":"7.x","topic":["Fashion Templates","Fashion & Beauty","Kids' fashion"],"productFamily":"None","color":["white","grey","pink","cyan"],"followUpLetter":"prestashop-offers","dateRange":"Last 6 Months","templateSupportOptions":"[{\"id\":43803,\"template_id\":34360,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":43804,\"template_id\":34360,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","livePreviewURL":"https://ld-prestashop.template-help.com/prestashop_23972/index.php","googleAnalyticsId":"UA-118125082-1","authorMainScreenshot":"https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/34119/scr/1565000523662_Main1.jpg","facebookPixelId":"1857475610982695","templateGroup":"eCommerce Templates","alreadyPacked":"1","installation":"Installation and set up instructions are attached (look for Documentation folder).","templateIcon":"icon-prestashop","types":"PrestaShop Themes","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/319PXMW","loyaltySells":"1","width":"1920 px","marketplaceMembership":"One","category":"Website templates","dqi":"90","currencies":["USD","EUR"]}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 02 May 2024 11:24:21 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=84421&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=84421&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=84421&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 02 May 2024 11:29:21 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://ld-prestashop.template-help.com/prestashop_23972/index.php<!DOCTYPE html>
<html lang="en">
<head>
    <title>#84421 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/84421.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">
                PrestaShop Themes #84421            </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=84421&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $98                <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="/prestashop-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>