string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=196282&expand=properties"
string(14074) "[{"templateId":196282,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":233,"categoryName":"Frozen Food Templates","templateTitle":"Frozen Food Responsive Website Template","templatePreviewHtmlTitle":"Colombo - Ice Cream Store | Multipurpose eCommerce Website Template | HTML - Tailwind CSS","templateDemoHtmlTitle":"Demo for Colombo - Ice Cream Store | Multipurpose eCommerce Website Template | HTML - Tailwind CSS #196282","typeShortName":"Website","templatePreviewFBTitle":"<p>Welcome to the coolest and most versatile ice cream shop you'll find on the web! Introducing <strong>Colombo</strong>, an ecommerce template that not only offers a visually appealing experience but also impeccable functionality for any type of online business.</p><p>Built with the latest web technologies, this template combines the power of <strong>HTML</strong>, <strong>Javascript</strong>, and <strong>Tailwind CSS</strong> to provide you with a modern and adaptable design. Whether you're selling artisanal ice creams, stylish fashion, or innovative gadgets, this template effortlessly adapts to your business needs.</p><p>From the vibrant homepage to the seamless shopping experience in the product section, each element has been carefully designed to maximize user engagement and turn visitors into loyal customers. Explore our key features:</p><ul><li>Complete Design: From the homepage to the user panel, every page is designed to captivate and convert.</li><li>Fully Responsive: With an adaptable design, your store will look amazing on any device, from smartphones to desktop computers.</li><li>Comprehensive Documentation: Our detailed documentation guides you step by step from initial setup to advanced customization, so you can get started quickly.</li><li>Browser Compatibility: Works seamlessly on the most popular browsers, ensuring a consistent experience for all your customers.</li></ul><p>Whether you're launching your first online store or looking to upgrade your digital presence, this template offers the perfect solution. Make your business stand out with our ice cream shop, the ideal choice for any ambitious entrepreneur!</p><h3>Requirements</h3><ul><li>Use any code editor.</li><li>Have Node.js installed on your computer.</li></ul><h3>Browser Support</h3><p><strong>Colombo</strong> is compatible with Chrome, Firefox, Edge and Safari. It is not compatible with any version of IE, including IE 11.</p><p>This template is 100% responsive and designed to display your projects on any device.</p>","templateFullTitle":"Colombo - Ice Cream Store | Multipurpose eCommerce Website Template | HTML - Tailwind CSS","templatePreviewMetaDescription":"Welcome to the coolest and most versatile ice cream shop you'll find on the web! Introducing Colombo, an ecommerce template that not only offers a visually","templateDemoMetaDescription":"Before you decide to buy it, get yourself familiar with the premium Colombo - Ice Cream Shop | Multipurpose Website template for Online Store Website Template (#196282) by viewing the demo preview. Go through the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Colombo - Ice Cream Store | Multipurpose eCommerce Website Template | HTML - Tailwind CSS","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/colombo-ice-cream-shop-multipurpose-website-template-for-online-store-196282.html","userRating":0,"designIndex":1,"authorUserId":"23518485","exclusive":"1","state":1,"price":30,"inserted_date":"2021-08-27","sent":0,"downloads":6,"search_words":"store shop ice cream shop modern desings ecommerce technology chocolates ice creams commerce shop online multipurpose frozen food accesories responsive foods flavors online templatecat tailwindcss","is_adult":0,"exc_price":2100,"sent_date":"2021-08-27 10:47:18","last_upload":"2022-06-10 12:32:55","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2408326,"templ_id":196282,"filename":"196282-3-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2408327,"templ_id":196282,"filename":"196282-3-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2408328,"templ_id":196282,"filename":"196282-3-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":2408329,"templ_id":196282,"filename":"196282-3-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":2408330,"templ_id":196282,"filename":"196282-3-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/196282.html","image":"https://s.tmimgcdn.com/scr/196200/colombo-ice-cream-store--multipurpose-ecommerce-website-template--html-tailwind-css_196282-3-original.jpg","searchHash":"b259c7c24b4f677c36cf05960f3aee32","previewHash":"d391a6994de6e08887877b6cb7120081","authorNickname":"TemplateCat","lowLevelTopic":"Frozen Food Templates; Food Store Templates; Ice Cream Templates; Cooking Templates; Food Delivery","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":1,"productBoost":35,"onSale":0,"finalPrice":30,"discountPercent":0,"discountAmount":0,"semiannualSales":2,"properties":{"features":["Responsive","Mobile Layout Included","Multipurpose","eCommerce","Dropdown Menu","Google map","Performance Optimization","Online Store/Shop","Gallery","HTML 5","HTML plus JS"],"styles":["Clean","Minimalist","Mobile"],"isLastAdded":"1","topic":["Frozen Food Templates","Food Store Templates","Ice Cream Templates","Cooking Templates","Food & Drink Templates","Food & Restaurant","Food Delivery"],"isFree":"none","color":["white","grey","brown","pink"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["chocolates","commerce","flavors","foods","modern","multipurpose","online","responsive","shop","store","technology","ecommerce","ice cream shop","accesories","shop online","tailwindcss","desings","ice creams","templatecat","frozen food"],"paidSupport":"Yes","authorUserId":"23518485","nameOfTheTemplate":"Colombo - Ice Cream Store | Multipurpose eCommerce Website Template | HTML - Tailwind CSS","shortDescription":"<p>Welcome to the coolest and most versatile ice cream shop you'll find on the web! Introducing <strong>Colombo</strong>, an ecommerce template that not only offers a visually appealing experience but also impeccable functionality for any type of online business.</p><p>Built with the latest web technologies, this template combines the power of <strong>HTML</strong>, <strong>Javascript</strong>, and <strong>Tailwind CSS</strong> to provide you with a modern and adaptable design. Whether you're selling artisanal ice creams, stylish fashion, or innovative gadgets, this template effortlessly adapts to your business needs.</p><p>From the vibrant homepage to the seamless shopping experience in the product section, each element has been carefully designed to maximize user engagement and turn visitors into loyal customers. Explore our key features:</p><ul><li>Complete Design: From the homepage to the user panel, every page is designed to captivate and convert.</li><li>Fully Responsive: With an adaptable design, your store will look amazing on any device, from smartphones to desktop computers.</li><li>Comprehensive Documentation: Our detailed documentation guides you step by step from initial setup to advanced customization, so you can get started quickly.</li><li>Browser Compatibility: Works seamlessly on the most popular browsers, ensuring a consistent experience for all your customers.</li></ul><p>Whether you're launching your first online store or looking to upgrade your digital presence, this template offers the perfect solution. Make your business stand out with our ice cream shop, the ideal choice for any ambitious entrepreneur!</p><h3>Requirements</h3><ul><li>Use any code editor.</li><li>Have Node.js installed on your computer.</li></ul><h3>Browser Support</h3><p><strong>Colombo</strong> is compatible with Chrome, Firefox, Edge and Safari. It is not compatible with any version of IE, including IE 11.</p><p>This template is 100% responsive and designed to display your projects on any device.</p>","uniqueKeywords":"store,shop,ice cream shop,modern,desings,ecommerce,technology,chocolates,ice creams,commerce,shop online,multipurpose,frozen food,accesories,responsive,foods,flavors,online,templatecat,tailwindcss","advImage":"https://s3u.tmimgcdn.com/u23518485/ca4329f210e6a501a335f8c3875371d6.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u23518485/302954e8f28acc2058cc2736900c8ff5.jpg","changeLog":"##Update History\n\n#05-Mar-2024\n\n- Product filter corrected (MixitUp)\n\n------------------------------------------------------------\n\n#19-Feb-2024\n\n- Code optimization.\n- Modals and other modified components.\n\n------------------------------------------------------------\n\n#08-Jun-2023\n\n- More ordered file structure and code.\n- Updated documentation.\n- Fixed issues with sliders containing cards, when loop is enabled, the total number of slides must be greater than or equal to two times the number of slidesPerView..\n\n------------------------------------------------------------\n\n#20-Nov-2022\n\nGreater compatibility with the main browsers.\n\n------------------------------------------------------------\n\n#09-Jun-2022\n\n- Added the category to choose the size. You can see it in product-details.html, you can also see the available sizes of the product on the cards. Ideal for online stores that sell clothing.\n- Useless code removed.\n- Bug fixes.\n\n------------------------------------------------------------\n\n#25-Feb-2022\n\n- Tailwind v3.0 updated.\n- The aesthetics of the page were modified, making it more elegant and pleasing to the eye, without losing the original essence.\n- Changed all icons to bootstrap icons except the icon found on the \"add to cart\" button.\n- Code optimization.\n- Added a min.css and min.js file to the project.\n- Additional html pages are added (login, sign in, error 404 &amp; my account).\n- The user dashboard (my-account.html) was designed.\n- Problems fixed.\n- Plugins and utilities have been removed and added.\n- Menu-expand and submenu-expand functionality is removed, and replaced by the Metismenu library.\n- Added a fancy loading screen.\n- Documentation improved.\n\n------------------------------------------------------------\n\n#7-Sep-2021\n\n- improved: improved code and validated by W3S.\n\n------------------------------------------------------------\n\n#27-Aug-2021\n\n- Initial release","livePreviewURL":"https://colombo.andevfrontend.site/","metaDescription":"Welcome to the coolest and most versatile ice cream shop you'll find on the web! Introducing Colombo, an ecommerce template that not only offers a visually","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/2Wuhko9","demoMetaDescription":"Before you decide to buy it, get yourself familiar with the premium Colombo - Ice Cream Shop | Multipurpose Website template for Online Store Website Template (#196282) by viewing the demo preview. Go through the pages, examine the images, click the buttons, explore the functionality.","customUrl":"/website-templates/colombo-ice-cream-shop-multipurpose-website-template-for-online-store-196282.html","productSize":"1950261","lastmod":"2022-03-22T08:59:18-04:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u23518485/7007ffe3717a7e5b511b586cb0397eab.jpg, https://s3u.tmimgcdn.com/u23518485/b22d88f9f31a7bc80e948eee55161d1c.jpg, https://s3u.tmimgcdn.com/u23518485/18a8dbec2503537edd932b8d787e7f42.jpg, https://s3u.tmimgcdn.com/u23518485/f334e8a9d7c10638d690ee2331a65cda.jpg, https://s3u.tmimgcdn.com/u23518485/d15095c62a1cff99d5f5110c4900e5c5.jpg, https://s3u.tmimgcdn.com/u23518485/bcdc17bdc53786f17b1d12970e282a2f.jpg, https://s3u.tmimgcdn.com/u23518485/708ca6accd371abd0101ddcce5400b08.jpg, https://s3u.tmimgcdn.com/u23518485/b5fd3b2d9ccca6612c622069bf923196.jpg, https://s3u.tmimgcdn.com/u23518485/d086caf92f840d00c556f5876f1ba38e.jpg, https://s3u.tmimgcdn.com/u23518485/5005e4f1a1ec0c7772cb09e10a8f841e.jpg, https://s3u.tmimgcdn.com/u23518485/3dc537cdbe0255aa056f456dfba50f83.jpg, https://s3u.tmimgcdn.com/u23518485/9f623a347032ce766e87db667ec56f0c.jpg, https://s3u.tmimgcdn.com/u23518485/4e879f12282b8b5e1a770aa7697285ca.jpg, https://s3u.tmimgcdn.com/u23518485/e2b93eca4a5202ea979ceab56b9a7279.jpg, https://s3u.tmimgcdn.com/u23518485/e30a03592ac2244e5481e063004fdd1d.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u23518485/45b2856e7ddca468578affe7c2f70595.jpg, https://s3u.tmimgcdn.com/u23518485/ef49258efb3edce757a2fef90b7b7dbf.jpg, https://s3u.tmimgcdn.com/u23518485/92d0dfbf99382922bc95291b92138fca.jpg, https://s3u.tmimgcdn.com/u23518485/93a921e702ca89887f7d0da1f948068d.jpg","trendiness":"1","changeLogDate":"2024-03-15","authorMainScreenshotVersion":"3","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"frameworks":"None","excerpt":"<p><strong>Colombo</strong> - A versatile ice cream store template crafted with HTML, Javascript, and Tailwind CSS. Perfect for any eCommerce venture. Engage customers with ease!</p>","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML 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: Fri, 19 Apr 2024 13:31:37 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=196282&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=196282&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=196282&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 19 Apr 2024 13:36:37 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://colombo.andevfrontend.site/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#196282 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/196282.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">
                Website Templates #196282            </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=196282&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $28                <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="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>