string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=207370&expand=properties"
string(14060) "[{"templateId":207370,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":351,"categoryName":"Wedding Planner Templates","templateTitle":"Wedding Planner Responsive Website Template","templatePreviewHtmlTitle":"Whyknot Wedding Events And Wedding Planner Angular Template","templateDemoHtmlTitle":"Demo for Whyknot Wedding Events And Wedding Planner Angular Template #207370","typeShortName":"Website","templatePreviewFBTitle":"<h2>Whyknot Wedding Events and Wedding planner Angular Template</h2><p>Whyknot Wedding Events and wedding planner Angular Template includes 31 Validated pages packed with Angular components designed fully responsive, developed using Angular components only, build on the latest bootstrap version with highlight on responsive layout, clean code fully commented. Whyknot Angular Template has a clean layout which reflects the wedding industry professional look and feel. With Whyknot Wedding Events and wedding planner Angular Template you can easily compile a running website in minutes utilizing the power of Angular latest version. This template is tested on all browsers to make sure its fully responsive.</p><p>When you buy Whyknot Wedding planner Angular Template you will get the full source code of the template with all React component files, CSS source codes including plugins &amp; libraries with a detailed documentation to help you get started. Our professional support team is always here to help in case you have any questions.</p><p>Whyknot is a modern Angular template designed and developed specially for the wedding industry but can be used for a plethora of options such as:</p><ol><li>Wedding planners website</li><li>Wedding vendors website</li><li>Wedding business website</li><li>Wedding venues website</li><li>Baby showers website</li></ol><p>Whyknot try Whyknot!! Click on view demo now to check Whyknot Wedding Events and wedding planner Angular Template in action!</p><h3>Whyknot Wedding Events and wedding planner Angular Template Pages</h3><ol><li>Homepage (/app/components/pages/home)</li><li>Homepage v2 (/app/components/pages/home-two)</li><li>Homepage v3 (/app/components/pages/home-three)</li><li>About Us (/app/components/pages/about)</li><li>Blog Grid (/app/components/pages/blog-grid)</li><li>Blog Left (/app/components/pages/blog-left)</li><li>Blog Right (/app/components/pages/blog-right)</li><li>Blog List (/app/components/pages/blog-list)</li><li>Blog Details (/app/components/pages/blog-details)</li><li>Services (/app/components/pages/services)</li><li>FAQ's (/app/components/pages/faqs)</li><li>Pricing (/app/components/pages/pricing)</li><li>Coming Soon (/app/components/pages/coming-soon)</li><li>Error 404 (/app/components/pages/error)</li><li>Login (/app/components/pages/login)</li><li>Register (/app/components/pages/register)</li><li>Legal (/app/components/pages/legal)</li><li>Contact Us (/app/components/pages/contact)</li><li>Weddings Grid (/app/components/pages/listing-grid)</li><li>Weddings List (/app/components/pages/listing-list)</li><li>Weddings Map (/app/components/pages/listing-map)</li><li>Weddings Details v1 (/app/components/pages/listing-details-v1)</li><li>Weddings Details v2 (/app/components/pages/listing-details-v2)</li><li>Weddings Details v3 (/app/components/pages/listing-details-v3)</li><li>Submit Weddings (/app/components/pages/submit-listings)</li><li>Compare Weddings (/app/components/pages/compare)</li><li>Vendor Archive (/app/components/pages/agent-archive)</li><li>Vendor Details (/app/components/pages/agent-details)</li><li>Profile (/app/components/pages/profile)</li><li>Profile Weddings (/app/components/pages/profile-listing)</li><li>Profile Saved (/app/components/pages/profile-saved)</li></ol><p>Go to /app/app.routing.modules.ts and see the urls &amp; find the appropriate modules for every pages.</p><h3>Whyknot Wedding Events and wedding planner Angular Template Features:</h3><ul><li>Built on Angular 11</li><li>Attractive Homepage</li><li>Responsive in Any Device</li><li>Retina Ready</li><li>Creative and Beautiful Layout</li><li>Fast, Lightweight &amp; Powerful</li><li>Smooth Transition Effects</li><li>Clean And Professional Coding</li><li>Creative and Modern Design</li><li>Bootstrap (v4.6.0)</li><li>Simple Client-side Routing (page based)</li><li>Google Font and Icon Used</li><li>Integrated With IcoFont and FlatIcon</li><li>Easily Customizable</li><li>Well Commented Code</li><li>Detailed Documentation</li></ul>","templateFullTitle":"Whyknot Wedding Events And Wedding Planner Angular Template","templatePreviewMetaDescription":"Whyknot Wedding Events and Wedding planner Angular TemplateWhyknot Wedding Events and wedding planner Angular Template includes 31 Validated pages packed with","templateDemoMetaDescription":null,"specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Whyknot Wedding Events And Wedding Planner Angular Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/whyknot-wedding-events-and-wedding-planner-angular-template-207370.html","userRating":0,"designIndex":1,"authorUserId":"2175346","exclusive":"1","state":1,"price":51,"inserted_date":"2021-10-07","sent":0,"downloads":3,"search_words":"angular wedding portal,wedding,wedding planner,wedding venue,wedding design,weding website,angular,angular components,clean,creative,modern,photo,photo gallery,photography,portfolio,responsive,wedding event,wedding photographer,wedding photography,minimal","is_adult":0,"exc_price":2100,"sent_date":"2021-10-07 10:56:37","last_upload":"2021-10-07 11:51:04","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2463546,"templ_id":207370,"filename":"207370-original.jpg","width":1600,"height":900,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2463547,"templ_id":207370,"filename":"207370-big.jpg","width":1600,"height":900,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2463548,"templ_id":207370,"filename":"207370-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":2463549,"templ_id":207370,"filename":"207370-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":2463550,"templ_id":207370,"filename":"207370-b.jpg","width":430,"height":242,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/207370.html","image":"https://s.tmimgcdn.com/scr/207300/whyknot-wedding-events-and-wedding-planner-angular-template_207370-original.jpg","searchHash":"6a72a4138a5c2d14c41f3d620b4430a9","previewHash":"b95ed2cba5982918ed2035fada665372","authorNickname":"Metropolitanthemes","lowLevelTopic":"Wedding Planner Templates; Wedding Venues Templates","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":1,"productBoost":10,"onSale":0,"finalPrice":49,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Retina Ready","Mobile Layout Included","Multipurpose","Team Members","Light Template","Single Product","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Performance Optimization","Blog","Online Store/Shop","Gallery","Portfolio","Forum","HTML 5","Completely JS","Parallax","Background video"],"styles":["Clean","Corporate","Minimalist","Neutral","Collage","Mobile"],"isLastAdded":"1","templateSoftwareRequired":["Code editing tool","Code-editor","Code editor"],"topic":["Wedding Planner Templates","Wedding Venues Templates","Wedding Templates","Home & Family","Fashion & Beauty","Society & People"],"isFree":"none","color":["black","white","grey","brown","pink"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","authorUserId":"2175346","imagesIncluded":"Yes","tags":["angular","clean","creative","minimal","modern","photo","photography","portfolio","responsive","wedding","wedding photography","photo gallery","wedding planner","wedding event","wedding design","wedding photographer","angular components","wedding venue","angular wedding portal","weding website"],"bootstrapVersion":"4.5.x","paidSupport":"Yes","nameOfTheTemplate":"Whyknot Wedding Events And Wedding Planner Angular Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u2175346/5c020716835cd55f5c78f677d6b09e82.jpg","shortDescription":"<h2>Whyknot Wedding Events and Wedding planner Angular Template</h2><p>Whyknot Wedding Events and wedding planner Angular Template includes 31 Validated pages packed with Angular components designed fully responsive, developed using Angular components only, build on the latest bootstrap version with highlight on responsive layout, clean code fully commented. Whyknot Angular Template has a clean layout which reflects the wedding industry professional look and feel. With Whyknot Wedding Events and wedding planner Angular Template you can easily compile a running website in minutes utilizing the power of Angular latest version. This template is tested on all browsers to make sure its fully responsive.</p><p>When you buy Whyknot Wedding planner Angular Template you will get the full source code of the template with all React component files, CSS source codes including plugins &amp; libraries with a detailed documentation to help you get started. Our professional support team is always here to help in case you have any questions.</p><p>Whyknot is a modern Angular template designed and developed specially for the wedding industry but can be used for a plethora of options such as:</p><ol><li>Wedding planners website</li><li>Wedding vendors website</li><li>Wedding business website</li><li>Wedding venues website</li><li>Baby showers website</li></ol><p>Whyknot try Whyknot!! Click on view demo now to check Whyknot Wedding Events and wedding planner Angular Template in action!</p><h3>Whyknot Wedding Events and wedding planner Angular Template Pages</h3><ol><li>Homepage (/app/components/pages/home)</li><li>Homepage v2 (/app/components/pages/home-two)</li><li>Homepage v3 (/app/components/pages/home-three)</li><li>About Us (/app/components/pages/about)</li><li>Blog Grid (/app/components/pages/blog-grid)</li><li>Blog Left (/app/components/pages/blog-left)</li><li>Blog Right (/app/components/pages/blog-right)</li><li>Blog List (/app/components/pages/blog-list)</li><li>Blog Details (/app/components/pages/blog-details)</li><li>Services (/app/components/pages/services)</li><li>FAQ's (/app/components/pages/faqs)</li><li>Pricing (/app/components/pages/pricing)</li><li>Coming Soon (/app/components/pages/coming-soon)</li><li>Error 404 (/app/components/pages/error)</li><li>Login (/app/components/pages/login)</li><li>Register (/app/components/pages/register)</li><li>Legal (/app/components/pages/legal)</li><li>Contact Us (/app/components/pages/contact)</li><li>Weddings Grid (/app/components/pages/listing-grid)</li><li>Weddings List (/app/components/pages/listing-list)</li><li>Weddings Map (/app/components/pages/listing-map)</li><li>Weddings Details v1 (/app/components/pages/listing-details-v1)</li><li>Weddings Details v2 (/app/components/pages/listing-details-v2)</li><li>Weddings Details v3 (/app/components/pages/listing-details-v3)</li><li>Submit Weddings (/app/components/pages/submit-listings)</li><li>Compare Weddings (/app/components/pages/compare)</li><li>Vendor Archive (/app/components/pages/agent-archive)</li><li>Vendor Details (/app/components/pages/agent-details)</li><li>Profile (/app/components/pages/profile)</li><li>Profile Weddings (/app/components/pages/profile-listing)</li><li>Profile Saved (/app/components/pages/profile-saved)</li></ol><p>Go to /app/app.routing.modules.ts and see the urls &amp; find the appropriate modules for every pages.</p><h3>Whyknot Wedding Events and wedding planner Angular Template Features:</h3><ul><li>Built on Angular 11</li><li>Attractive Homepage</li><li>Responsive in Any Device</li><li>Retina Ready</li><li>Creative and Beautiful Layout</li><li>Fast, Lightweight &amp; Powerful</li><li>Smooth Transition Effects</li><li>Clean And Professional Coding</li><li>Creative and Modern Design</li><li>Bootstrap (v4.6.0)</li><li>Simple Client-side Routing (page based)</li><li>Google Font and Icon Used</li><li>Integrated With IcoFont and FlatIcon</li><li>Easily Customizable</li><li>Well Commented Code</li><li>Detailed Documentation</li></ul>","uniqueKeywords":"angular wedding portal,wedding,wedding planner,wedding venue,wedding design,weding website,angular,angular components,clean,creative,modern,photo,photo gallery,photography,portfolio,responsive,wedding event,wedding photographer,wedding photography,minimal","advImage":"https://s3u.tmimgcdn.com/u2175346/a11efa604ae9af75cc9d2470e44a522e.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2175346/643e725cd0509e917e8cead4a5a9d979.jpg","livePreviewURL":"https://metropolitanhost.com/themes/templatemoster/angular/whyknot/","metaDescription":"Whyknot Wedding Events and Wedding planner Angular TemplateWhyknot Wedding Events and wedding planner Angular Template includes 31 Validated pages packed with","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3BkTYAs","lastmod":"2021-11-17T17:18:30-05:00","productSize":"135680402","trendiness":"1","frameworks":"Angular v15","customUrl":"/website-templates/whyknot-wedding-events-and-wedding-planner-angular-template-207370.html","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: Thu, 14 Nov 2024 03:08:10 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=207370&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=207370&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=207370&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 14 Nov 2024 03:13:10 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://metropolitanhost.com/themes/templatemoster/angular/whyknot/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#207370 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/207370.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 #207370            </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=207370&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $47                <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>