string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=227342&expand=properties"
string(13923) "[{"templateId":227342,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":351,"categoryName":"Wedding Planner Templates","templateTitle":"Wedding Planner Responsive Website Template","templatePreviewHtmlTitle":"Wedding Eden - Wedding Planner HTML5 Website Template","templateDemoHtmlTitle":"Demo for Wedding Eden - Wedding Planner HTML5 Website Template #227342","typeShortName":"Website","templatePreviewFBTitle":"<h2><strong>Reliable Wedding Planner HTML5 Website Template</strong></h2><p>The wedding planner HTML5 website template provides a variety of tools for website creation. Nowadays it's highly important to have a properly designed website. It can serve as a basis for promoting your services and advertising your business. However, to achieve success with your website, it is necessary to use a professional approach. That's why many companies work with web developers or hire web design studios.</p><p>Still, it is possible to build a noticeable website on your own without spending a fortune. We recommend using HTML5 templates to achieve this goal. These are affordable and ready-to-use solutions With the help of the integrated Bootstrap 5 framework, you can make a responsive and easy-to-maintain website. If you are looking for a solution that meets all the needs of a modern wedding planning company, we know how to help you.</p><h3><strong>HTML5 Solution for Wedding Planners with Lots of Features</strong></h3><p>The Wedding Eden wedding planner HTML5 website template provides a modern and clean design. Combined with a spacious layout, it is a perfect choice for any wedding-themed website. This solution can easily deal with any type of content, from texts to images. It has everything necessary for you to start developing your website right away. Moreover, it comes with a wide choice of cool features that improve your site's stability, such as:</p><ol><li>W3C valid coding;</li><li>SEO-ready layout;</li><li>Google Fonts;</li><li>Cross-browser support;</li><li>Sass & Pug source files;</li><li>Smooth CSS3 animations and transitions.</li></ol><p>This wedding planner HTML5 website template is also multipage. That means it contains multiple pre-designed pages designed for wedding planning websites. For example, you can list vendors and their services on a dedicated page. Also, Wedding Eden allows for posting regular sales and specials as well as events. Other notable pages include News and Contacts. They can be used for posting wedding preparation tips and for your clients to get in touch with you.</p><h2><strong>Customizable and Well-Documented HTML5 Template</strong></h2><p>Still, these aren't all the advantages of our wedding planner HTML5 website template. Wedding Eden also provides incredible customization potential. This includes an extensive UI kit. From buttons to progress bars and Bootstrap grid, there's a lot our template can offer. You can typography elements, working forms, and other components to create a totally unique website. And if you are a developer, using this kit will help you in creating a site that your client is looking for.</p><p>If you need more information about our HTML5 template, we invite you to read its documentation. It answers a variety of common questions about the HTML5 templates we provide. Moreover, the documentation explains how to properly install and manage the Wedding Eden template. But if you need additional help, our qualified support team will be happy to assist you. We also invite you to take a look at our template catalog with hundreds of new web design solutions added regularly.</p><p><em>Please note that .psd files are not included in this template package.</em></p>","templateFullTitle":"Wedding Eden - Wedding Planner HTML5 Website Template","templatePreviewMetaDescription":"Reliable Wedding Planner HTML5 Website TemplateThe wedding planner HTML5 website template provides a variety of tools for website creation. Nowadays it's","templateDemoMetaDescription":"The demo of this professional Wedding Eden - Wedding Planner HTML5 Website Template Website Template (#227342) is generated for you to get yourself knowledgeable about the template before you buy it. Go through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Wedding Eden - Wedding Planner HTML5 Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/wedding-eden-wedding-planner-html5-website-template-227342.html","userRating":0,"designIndex":1,"authorUserId":"1519369","exclusive":"1","state":1,"price":39,"inserted_date":"2022-01-31","sent":0,"downloads":2,"search_words":"wedding decoration wedding checklist wedding invitation wedding site wedding photos bridal shower wedding album wedding stuff wedding rsvp wedding design wedding shower wedding invitations wedding photo wedding gallery wedding music wedding dj wedding jewelry wedding industry wedding venues wedding wire","is_adult":0,"exc_price":2100,"sent_date":"2022-01-31 08:03:17","last_upload":"2022-01-31 08:03:28","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2563576,"templ_id":227342,"filename":"227342-2-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":2563577,"templ_id":227342,"filename":"227342-2-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":2563578,"templ_id":227342,"filename":"227342-2-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":2563579,"templ_id":227342,"filename":"227342-2-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":2563580,"templ_id":227342,"filename":"227342-2-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/227342.html","image":"https://s.tmimgcdn.com/scr/227300/wedding-eden-wedding-planner-html5-website-template_227342-2-original.jpg","searchHash":"af9966dc5a2aa1288ca0c337841d473a","previewHash":"96e1ca63b66f5a9c54b0544e6e1edd8f","authorNickname":"ZEMEZ","lowLevelTopic":"Wedding Planner Templates; Wedding Dresses Templates; Wedding Album Templates; Wedding Cake Templates","weightedRating":null,"annualSale":2,"monthlySales":1,"quarterlySales":1,"productBoost":125,"onSale":0,"finalPrice":37,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Events Calendar","Dropdown Menu","Tabs","Blog","Gallery","Portfolio","HTML 5","JQuery","HTML plus JS"],"styles":["Clean","Neutral"],"isLastAdded":"1","topic":["Wedding Planner Templates","Wedding Dresses Templates","Wedding Album Templates","Wedding Templates","Wedding Cake Templates","Home & Family","Fashion & Beauty","Society & People"],"isFree":"none","color":["white","grey"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1519369","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["wedding invitation","wedding album","wedding design","wedding decoration","wedding checklist","wedding site","wedding photos","bridal shower","wedding gallery","wedding shower","wedding invitations","wedding music","wedding stuff","wedding rsvp","wedding photo","wedding dj","wedding jewelry","wedding industry","wedding venues","wedding wire"],"paidSupport":"Yes","bootstrapVersion":"5.x","nameOfTheTemplate":"Wedding Eden - Wedding Planner HTML5 Website Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1519369/b9c44804865c3331682b5612d87cadd1.jpg, https://s3u.tmimgcdn.com/u1519369/2b342b188f90a07a4855496699b65048.jpg, https://s3u.tmimgcdn.com/u1519369/a8ce4d05fcdcdae554479853a768ac7b.jpg, https://s3u.tmimgcdn.com/u1519369/9980592a6293e17f43a59349bdf88a37.jpg, https://s3u.tmimgcdn.com/u1519369/047fbe14478d26f6174810141f883952.jpg","shortDescription":"<h2><strong>Reliable Wedding Planner HTML5 Website Template</strong></h2><p>The wedding planner HTML5 website template provides a variety of tools for website creation. Nowadays it's highly important to have a properly designed website. It can serve as a basis for promoting your services and advertising your business. However, to achieve success with your website, it is necessary to use a professional approach. That's why many companies work with web developers or hire web design studios.</p><p>Still, it is possible to build a noticeable website on your own without spending a fortune. We recommend using HTML5 templates to achieve this goal. These are affordable and ready-to-use solutions With the help of the integrated Bootstrap 5 framework, you can make a responsive and easy-to-maintain website. If you are looking for a solution that meets all the needs of a modern wedding planning company, we know how to help you.</p><h3><strong>HTML5 Solution for Wedding Planners with Lots of Features</strong></h3><p>The Wedding Eden wedding planner HTML5 website template provides a modern and clean design. Combined with a spacious layout, it is a perfect choice for any wedding-themed website. This solution can easily deal with any type of content, from texts to images. It has everything necessary for you to start developing your website right away. Moreover, it comes with a wide choice of cool features that improve your site's stability, such as:</p><ol><li>W3C valid coding;</li><li>SEO-ready layout;</li><li>Google Fonts;</li><li>Cross-browser support;</li><li>Sass & Pug source files;</li><li>Smooth CSS3 animations and transitions.</li></ol><p>This wedding planner HTML5 website template is also multipage. That means it contains multiple pre-designed pages designed for wedding planning websites. For example, you can list vendors and their services on a dedicated page. Also, Wedding Eden allows for posting regular sales and specials as well as events. Other notable pages include News and Contacts. They can be used for posting wedding preparation tips and for your clients to get in touch with you.</p><h2><strong>Customizable and Well-Documented HTML5 Template</strong></h2><p>Still, these aren't all the advantages of our wedding planner HTML5 website template. Wedding Eden also provides incredible customization potential. This includes an extensive UI kit. From buttons to progress bars and Bootstrap grid, there's a lot our template can offer. You can typography elements, working forms, and other components to create a totally unique website. And if you are a developer, using this kit will help you in creating a site that your client is looking for.</p><p>If you need more information about our HTML5 template, we invite you to read its documentation. It answers a variety of common questions about the HTML5 templates we provide. Moreover, the documentation explains how to properly install and manage the Wedding Eden template. But if you need additional help, our qualified support team will be happy to assist you. We also invite you to take a look at our template catalog with hundreds of new web design solutions added regularly.</p><p><em>Please note that .psd files are not included in this template package.</em></p>","uniqueKeywords":"wedding decoration,wedding checklist,wedding invitation,wedding site,wedding photos,bridal shower,wedding album,wedding stuff,wedding rsvp,wedding design,wedding shower,wedding invitations,wedding photo,wedding gallery,wedding music,wedding dj,wedding jewelry,wedding industry,wedding venues,wedding wire","advImage":"https://s3u.tmimgcdn.com/u1519369/c4195c950ebf695ed44b775bcb2833f9.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1519369/ad1d2fd2efff1b31459346eac4f08d05.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1519369/296b9ad294d772b731da6628ca6268ae.jpg, https://s3u.tmimgcdn.com/u1519369/42fdec8fecad73c45381650cb71d0f53.jpg, https://s3u.tmimgcdn.com/u1519369/8616c862894379f9752655948aa5413d.jpg, https://s3u.tmimgcdn.com/u1519369/d52dd8f09fd2496d7cddab9161a98682.jpg, https://s3u.tmimgcdn.com/u1519369/e0344462ee23f71da05fae5b64fb0bb8.jpg, https://s3u.tmimgcdn.com/u1519369/ed214bf353b56130216bc3d33bcab362.jpg, https://s3u.tmimgcdn.com/u1519369/fa710d7dcaa862b43ef2a3bc97d81096.jpg, https://s3u.tmimgcdn.com/u1519369/838c7ab22feab70cd338e3f7589fa970.jpg","livePreviewURL":"https://ld-wt73.template-help.com/wt_prod-32186/","metaDescription":"Reliable Wedding Planner HTML5 Website TemplateThe wedding planner HTML5 website template provides a variety of tools for website creation. Nowadays it's","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3s7ROAG","demoMetaDescription":"The demo of this professional Wedding Eden - Wedding Planner HTML5 Website Template Website Template (#227342) is generated for you to get yourself knowledgeable about the template before you buy it. Go through the pages, examine the images, press the buttons, explore the features.","customUrl":"/website-templates/wedding-eden-wedding-planner-html5-website-template-227342.html","productSize":"3304723","lastmod":"2022-01-31T08:03:57-05:00","featured":["Ukraine","Start Plan"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorMainScreenshotVersion":"2","trendiness":"1","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, 26 Apr 2024 06:07:02 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=227342&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=227342&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=227342&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 06:12:02 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-wt73.template-help.com/wt_prod-32186/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#227342 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/227342.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 #227342            </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=227342&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $36                <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>