string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58586&expand=properties"
string(16851) "[{"templateId":58586,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":237,"categoryName":"Sweet Shop Templates","templateTitle":"Sweet Shop Responsive Website Template","templatePreviewHtmlTitle":"Confetti - Gifts Store Multipage Elegant HTML Website Template","templateDemoHtmlTitle":"Demo for Confetti - Gifts Store Multipage Elegant HTML Website Template #58586","typeShortName":"Website","templatePreviewFBTitle":"It is hard to imagine a more bright, elegant and eye-catchy theme. Due to designers hard work Confetti HTML Template suits perfectly wedding shops, gift stores, flower stores, and pastry. Moreover, it includes plenty of decoration options. And you need no HTML or CSS knowledge to decorate or edit your website. It also includes many icons, tablets, progress bars, and many more elements. You can check them all on a product page. In case you want to sell products you can use a cart. You can also use a blog and social options to inform customers about the latest arrivals. Or you can use the gallery to present images and videos. Confetti is a great choice and we highly recommend you to check the demo. You will see how all elements and effects work.<div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap Confectionery web template</h3> <p><b>What is it?</b></p><p>Bootstrap is a free of charge grid-based framework that enables the development of responsive websites. </p> <p><b>Why is it Good?</b></p><p>Bootstrap is especially adaptable for any changes. It's not hard to manage with, features a great grid system and substantial elements range.</p><p>Fresh <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap web templates</a> here</p> <h3>This Sweet Store website template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a method of web design that allows web pages to adapt to a screen size of any gadget - may it be a desktop computer, a tablet or a smartphone.</p> <p><b>Why is it Good?</b></p><p>Responsive web design helps to enhance consumer experience and provide you with a whole access to the web page data from any gadget.</p><p>Latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website design templates</a> here</p> <h3>This is a Parallax Drinks Shop website design template</h3> <p><b>What is it?</b></p><p>When you travel somewhere, distant objects shift very much slower as compared to the close ones. Replica of such an effect on the website page - when the background photo shifts slower when compared to the content and articles, is called parallax. It can be used to create a feeling of space in the web-site visitor's eyes.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling will let you add more depth to your website page look.</p><p>Fresh <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax web templates</a> here</p> <h3>This is a Bootstrap 4 Food & Restaurant Rewies web template</h3> <p><b>What is it?</b></p><p>Bootstrap 4 is the new edition of Bootstrap HTML, CSS, and JS framework used to create responsive and mobile-ready websites.</p> <p><b>Why is it Good?</b></p><p>Bootstrap 4 was a main update which introduced lots of improvements. It grew to be Sass-first project and features right now considerably more effective partials. Furthermore, it has a personalized builder, enabling compiling your preferred version of the software. </p><p>Browse for more <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 website design templates</a> here</p> <h3>This Food and Beverages web template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search engine friendly is a template that lets easily crawl and index the website.</p> <p><b>Why is it Good?</b></p><p>Search Engine Friendly site templates help to enhance your internet page rating in google search end result.</p><p>Latest <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly web templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Confetti - Gifts Store Multipage Elegant HTML Website Template","templatePreviewMetaDescription":"It is hard to imagine a more bright, elegant and eye-catchy theme. Due to designers hard work Confetti HTML Template suits perfectly wedding shops, gift","templateDemoMetaDescription":"The demo of this top quality Confetti - Gifts Store Multipage Elegant HTML Website Template (#58586) is available here for you to get yourself knowledgeable about the template before you decide to buy it. Go through the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Confetti - Gifts Store Multipage Elegant HTML Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/candini-website-template-58586.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":61,"inserted_date":"2016-03-01","sent":1,"downloads":70,"search_words":"shopping mall small business agency market corporate services company personal supermarket city kids party events chocolate candy","is_adult":0,"exc_price":4500,"sent_date":"2019-03-29 08:00:25","last_upload":"2016-03-01 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":297,"filename":"58586-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58586,"width":430,"window_params":"","banner_url":"","id":1646369,"href":"","height":1034},{"scr_type_id":3,"filename":"58586-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58586,"width":408,"window_params":"","banner_url":"","id":1646370,"href":"","height":55},{"scr_type_id":315,"filename":"58586-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58586,"width":2050,"window_params":"","banner_url":"","id":1646371,"href":"","height":4928},{"scr_type_id":334,"filename":"58586-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58586,"width":2050,"window_params":"","banner_url":"","id":1646372,"href":"","height":4928},{"scr_type_id":300,"filename":"58586-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58586,"width":320,"window_params":"","banner_url":"","id":1646373,"href":"","height":900},{"scr_type_id":312,"filename":"58586-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58586,"width":370,"window_params":"","banner_url":"","id":1646374,"href":"","height":370},{"scr_type_id":298,"filename":"58586-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58586,"width":430,"window_params":"","banner_url":"","id":1646375,"href":"","height":900},{"scr_type_id":311,"filename":"58586-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58586,"width":965,"window_params":"","banner_url":"","id":1646376,"href":"","height":2320},{"scr_type_id":78,"filename":"58586-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":58586,"width":970,"window_params":"","banner_url":"","id":1646377,"href":"","height":280},{"scr_type_id":9,"filename":"58586-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58586,"width":145,"window_params":"","banner_url":"","id":1646378,"href":"","height":156},{"scr_type_id":3,"filename":"58586-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58586,"width":2050,"window_params":"","banner_url":"","id":1646379,"href":"","height":4928},{"scr_type_id":299,"filename":"58586-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58586,"width":430,"window_params":"","banner_url":"","id":1646380,"href":"","height":900},{"scr_type_id":314,"filename":"58586-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58586,"width":2050,"window_params":"","banner_url":"","id":1646381,"href":"","height":4928},{"scr_type_id":212,"filename":"58586-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58586,"width":430,"window_params":"","banner_url":"","id":1646382,"href":"","height":60},{"scr_type_id":3,"filename":"58586-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58586,"width":895,"window_params":"","banner_url":"","id":1646383,"href":"","height":599}],"demoUrl":"/demo/58586.html","image":"https://s.tmimgcdn.com/scr/58500/confetti-gifts-store-multipage-elegant-html-website-template_58586-original.jpg","searchHash":"ff5707f4b29ca6ea96b4d1799f0454a9","previewHash":"477897fb6fad310a639c5aa67679545f","authorNickname":"RockThemes","lowLevelTopic":"Sweet Shop Templates","weightedRating":4.3076923076923075,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":43,"discountPercent":30,"discountAmount":18,"semiannualSales":0,"properties":{"kindOfShops":"Gift store, flower store, pastry, wedding shops","uniqueKeywords":"shopping mall small business agency market corporate services company personal supermarket city kids party events chocolate candy","showVariantForcibly":"b","metaDescription":"This theme is perfect for wedding shops, flower stores, and gift stores. It has an attractive design, valid code, and many useful features.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/58500/58586-en_01.jpg, https://s.tmimgcdn.com/scr/58500/58586-en_02.jpg, https://s.tmimgcdn.com/scr/58500/58586-en_03.jpg, https://s.tmimgcdn.com/scr/58500/58586-en_04.jpg, https://s.tmimgcdn.com/scr/58500/58586-en_05.jpg, https://s.tmimgcdn.com/scr/58500/58586-en_06.jpg, https://s.tmimgcdn.com/scr/58500/58586-en_07.jpg, https://s.tmimgcdn.com/scr/58500/58586-en_08.jpg, https://s.tmimgcdn.com/scr/58500/58586-en_09.jpg","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Tabs","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1768190","htmlTitle":"Confetti Multipage HTML Template","isFree":"none","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v3.0","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2021-08-07T12:14:49-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"previewScreensOrVideoURLs":"58500/58586_01-big.jpg, 58500/58586_02-big.jpg, 58500/58586_03-big.jpg, 58500/58586_04-big.jpg, 58500/58586_05-big.jpg","demoMetaDescription":"The demo of this top quality Confetti - Gifts Store Multipage Elegant HTML Website Template (#58586) is available here for you to get yourself knowledgeable about the template before you decide to buy it. Go through the pages, check the images, click the buttons, explore the features.","shortDescription":"It is hard to imagine a more bright, elegant and eye-catchy theme. Due to designers hard work Confetti HTML Template suits perfectly wedding shops, gift stores, flower stores, and pastry. Moreover, it includes plenty of decoration options. And you need no HTML or CSS knowledge to decorate or edit your website. It also includes many icons, tablets, progress bars, and many more elements. You can check them all on a product page. In case you want to sell products you can use a cart. You can also use a blog and social options to inform customers about the latest arrivals. Or you can use the gallery to present images and videos. Confetti is a great choice and we highly recommend you to check the demo. You will see how all elements and effects work.<div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap Confectionery web template</h3> <p><b>What is it?</b></p><p>Bootstrap is a free of charge grid-based framework that enables the development of responsive websites. </p> <p><b>Why is it Good?</b></p><p>Bootstrap is especially adaptable for any changes. It's not hard to manage with, features a great grid system and substantial elements range.</p><p>Fresh <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap web templates</a> here</p> <h3>This Sweet Store website template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a method of web design that allows web pages to adapt to a screen size of any gadget - may it be a desktop computer, a tablet or a smartphone.</p> <p><b>Why is it Good?</b></p><p>Responsive web design helps to enhance consumer experience and provide you with a whole access to the web page data from any gadget.</p><p>Latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website design templates</a> here</p> <h3>This is a Parallax Drinks Shop website design template</h3> <p><b>What is it?</b></p><p>When you travel somewhere, distant objects shift very much slower as compared to the close ones. Replica of such an effect on the website page - when the background photo shifts slower when compared to the content and articles, is called parallax. It can be used to create a feeling of space in the web-site visitor's eyes.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling will let you add more depth to your website page look.</p><p>Fresh <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax web templates</a> here</p> <h3>This is a Bootstrap 4 Food & Restaurant Rewies web template</h3> <p><b>What is it?</b></p><p>Bootstrap 4 is the new edition of Bootstrap HTML, CSS, and JS framework used to create responsive and mobile-ready websites.</p> <p><b>Why is it Good?</b></p><p>Bootstrap 4 was a main update which introduced lots of improvements. It grew to be Sass-first project and features right now considerably more effective partials. Furthermore, it has a personalized builder, enabling compiling your preferred version of the software. </p><p>Browse for more <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 website design templates</a> here</p> <h3>This Food and Beverages web template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search engine friendly is a template that lets easily crawl and index the website.</p> <p><b>Why is it Good?</b></p><p>Search Engine Friendly site templates help to enhance your internet page rating in google search end result.</p><p>Latest <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly web templates</a> here</p> <br /></div></div></div></div>","tags":["agency","business","candy","chocolate","city","company","corporate","events","kids","mall","market","party","personal","services","shopping","small","supermarket"],"customUrl":"/website-templates/candini-website-template-58586.html","badge":"badge-responsive","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_1300.jpg\" srcset=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_2560.jpg 2x\" alt=\"img\"/>","nameOfTheTemplate":"Confetti - Gifts Store Multipage Elegant HTML Website Template","pHPVersionCompatibility":"7.x","topic":["Sweet Shop Templates","Food & Drink Templates","Food & Restaurant"],"styles":["Neutral","Flat"],"productFamily":"None","color":["black","white","grey"],"followUpLetter":"website-template-offers","reviewsTotal":"3","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"4.0.x","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-21754","templateGroup":"HTML Templates","popularity":"Top Rated","alreadyPacked":"1","nomotopress":"1","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Isotope","Grid"],"templateIcon":"icon-bootstrap","dynamicChangeLog":"<ul>\n<li>- 2 minor HTML issues fixed</li>\n<li>- 2 minor font bugs fixed</li>\n<li>- 1 minor background issue fixed</li>\n<li>- 1 minor front-end bugs fixed</li>\n<li>- 1 layout issue fixed</li>\n</ul>","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1RsRhxQ","webForms":["Contact Form","Newsletter Subscription","Search Form"],"loyaltySells":"1","width":"2050px","skupromo":"43%","marketplaceMembership":"One","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 21 Nov 2024 18:28:08 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=58586&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58586&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58586&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 21 Nov 2024 18:33:08 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/wt_prod-21754<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58586 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/58586.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 #58586            </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=58586&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $56                <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>