string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=205305&expand=properties"
string(12709) "[{"templateId":205305,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":464,"categoryName":"Web Design Templates","templateTitle":"Web Design Responsive Website Template","templatePreviewHtmlTitle":"Applio Mobil Web Application Angular JS Website Template","templateDemoHtmlTitle":"Live demo for Applio Mobil Web Application Angular JS Website Template #205305","typeShortName":"Website","templatePreviewFBTitle":"<h2>Applio Mobil Web Application Angular JS Website Template</h2><p>Got a mobile app and your searching for a template that can help you reflect the power and professionalism of your Mobile Application! You have arrived, introducing all in one multipurpose Angular template Applio Mobil Web Application Angular JS Website Template with a modern font and color combination which can easy be customized to follow your brand identity.</p><p>Applio Mobil Web Application Angular JS Website Template is fully built on Angular JS components using the latest version of Angular without the use of j Query. When you download Applio Mobil Web Application Angular JS Website Template you will get a detailed documentation to help you get started, and our support team is always ready to help you during the development process of your website if needed.</p><p>This template includes several pages and components mentioned below, please navigate to the Pages or Features to check what is included.</p><ol><li>Detailed Documentation</li><li>Images</li><li>Icons</li><li>Product Files</li><li>Support</li><li>Continuous update</li></ol><h3>Applio Mobil Web Application Angular JS Website Template Pages</h3><ol><li>Homepage (/app/components/pages/home)</li><li>Homepage v2 (/app/components/pages/home-two)</li><li>Blog Grid (/app/components/pages/blog-grid)</li><li>Blog List (/app/components/pages/blog-list)</li><li>Blog Details (/app/components/pages/blog-details)</li><li>About Us (/app/components/pages/about)</li><li>Contact Us (/app/components/pages/contact)</li><li>Team (/app/components/pages/team)</li><li>FAQ's (/app/components/pages/faqs)</li><li>Services (/app/components/pages/services)</li><li>Service Details (/app/components/pages/service-details)</li><li>Case Studies (/app/components/pages/case-studies)</li><li>Case Study Details (/app/components/pages/case-study)</li><li>Appointment Booking (/app/components/pages/appointment)</li><li>Shop Grid (/app/components/pages/shop)</li><li>Product Details (/app/components/pages/product-single)</li><li>Wishlist (/app/components/pages/wishlist)</li><li>Cart (/app/components/pages/cart)</li><li>Checkout (/app/components/pages/checkout)</li><li>Error Page (/app/components/pages/error-page)</li></ol><p>Go to /app/app.routing.modules.ts and see the urls &amp; find the appropriate modules for every pages.</p><p><br /></p><h3>Applio Mobil Web Application Angular JS Website Template Features:</h3><ol><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>ES6+</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></ol>","templateFullTitle":"Applio Mobil Web Application Angular JS Website Template","templatePreviewMetaDescription":"Applio Mobil Web Application Angular JS Website TemplateGot a mobile app and your searching for a template that can help you reflect the power and","templateDemoMetaDescription":"Before buying it, get the look and feel of the Applio Mobil Web Application Angular JS Website Template Website Template (#205305) by enjoying the live preview. View the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Applio Mobil Web Application Angular JS Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/applio-mobil-web-application-angular-js-website-template-205305.html","userRating":0,"designIndex":1,"authorUserId":"2175346","exclusive":"1","state":1,"price":41,"inserted_date":"2021-09-30","sent":0,"downloads":2,"search_words":"app,app landing,app landing page,app showcase,app store,app template,app website,clean app landing,creative app landing page,landing page,mobile,mobile app landing page,modern app landing,angular,angular app,angular components,responsive,new,modern,mobile software","is_adult":0,"exc_price":2100,"sent_date":"2021-09-30 12:24:16","last_upload":"2021-09-30 12:33:28","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2453226,"templ_id":205305,"filename":"205305-original.jpg","width":965,"height":600,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2453227,"templ_id":205305,"filename":"205305-big.jpg","width":965,"height":600,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2453228,"templ_id":205305,"filename":"205305-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":2453229,"templ_id":205305,"filename":"205305-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":2453230,"templ_id":205305,"filename":"205305-b.jpg","width":430,"height":267,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/205305.html","image":"https://s.tmimgcdn.com/scr/205300/applio-mobil-web-application-angular-js-website-template_205305-original.jpg","searchHash":"6ebcda8624b976d8877f84c027951827","previewHash":"aa783c6e91ecaa5dca1fb55a1f5d7f2b","authorNickname":"Metropolitanthemes","lowLevelTopic":"IT Templates; Communications Templates; Internet Templates; Web Design Templates","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":50,"onSale":0,"finalPrice":41,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Multipurpose","Team Members","GPL License","Light Template","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Performance Optimization","Blog","Gallery","Portfolio","Forum","HTML 5","Completely JS","Parallax","Background video","Lazy Load effect"],"styles":["Clean","Corporate","Minimalist","Neutral","Collage","Mobile"],"isLastAdded":"1","templateSoftwareRequired":["Code editing tool","Code-editor","Code editor"],"topic":["IT Templates","Communications Templates","Internet Templates","Web Design Templates","Design","Design & Photography","Business & Services","Computers & Internet"],"isFree":"none","color":["black","white","purple"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","authorUserId":"2175346","imagesIncluded":"Yes","tags":["angular","app","mobile","modern","new","responsive","app landing page","app showcase","app store","app template","app website","clean app landing","creative app landing page","landing page","mobile app landing page","modern app landing","app landing","angular components","angular app","mobile software"],"bootstrapVersion":"4.5.x","paidSupport":"Yes","nameOfTheTemplate":"Applio Mobil Web Application Angular JS Website Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u2175346/8d1437bb2b136b8816dfc390c5a071ed.jpg","shortDescription":"<h2>Applio Mobil Web Application Angular JS Website Template</h2><p>Got a mobile app and your searching for a template that can help you reflect the power and professionalism of your Mobile Application! You have arrived, introducing all in one multipurpose Angular template Applio Mobil Web Application Angular JS Website Template with a modern font and color combination which can easy be customized to follow your brand identity.</p><p>Applio Mobil Web Application Angular JS Website Template is fully built on Angular JS components using the latest version of Angular without the use of j Query. When you download Applio Mobil Web Application Angular JS Website Template you will get a detailed documentation to help you get started, and our support team is always ready to help you during the development process of your website if needed.</p><p>This template includes several pages and components mentioned below, please navigate to the Pages or Features to check what is included.</p><ol><li>Detailed Documentation</li><li>Images</li><li>Icons</li><li>Product Files</li><li>Support</li><li>Continuous update</li></ol><h3>Applio Mobil Web Application Angular JS Website Template Pages</h3><ol><li>Homepage (/app/components/pages/home)</li><li>Homepage v2 (/app/components/pages/home-two)</li><li>Blog Grid (/app/components/pages/blog-grid)</li><li>Blog List (/app/components/pages/blog-list)</li><li>Blog Details (/app/components/pages/blog-details)</li><li>About Us (/app/components/pages/about)</li><li>Contact Us (/app/components/pages/contact)</li><li>Team (/app/components/pages/team)</li><li>FAQ's (/app/components/pages/faqs)</li><li>Services (/app/components/pages/services)</li><li>Service Details (/app/components/pages/service-details)</li><li>Case Studies (/app/components/pages/case-studies)</li><li>Case Study Details (/app/components/pages/case-study)</li><li>Appointment Booking (/app/components/pages/appointment)</li><li>Shop Grid (/app/components/pages/shop)</li><li>Product Details (/app/components/pages/product-single)</li><li>Wishlist (/app/components/pages/wishlist)</li><li>Cart (/app/components/pages/cart)</li><li>Checkout (/app/components/pages/checkout)</li><li>Error Page (/app/components/pages/error-page)</li></ol><p>Go to /app/app.routing.modules.ts and see the urls &amp; find the appropriate modules for every pages.</p><p><br /></p><h3>Applio Mobil Web Application Angular JS Website Template Features:</h3><ol><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>ES6+</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></ol>","uniqueKeywords":"app,app landing,app landing page,app showcase,app store,app template,app website,clean app landing,creative app landing page,landing page,mobile,mobile app landing page,modern app landing,angular,angular app,angular components,responsive,new,modern,mobile software","advImage":"https://s3u.tmimgcdn.com/u2175346/54455cf5bcf8b9b5d6d9ba0f2b6fd2a3.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2175346/6ac498547121c5aa48d3b21afa36d6c3.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u2175346/8a093cc7e0ebafa7c621ad11e5f1437d.jpg","livePreviewURL":"https://metropolitanhost.com/themes/templatemoster/angular/applio/","metaDescription":"Applio Mobil Web Application Angular JS Website TemplateGot a mobile app and your searching for a template that can help you reflect the power and","saleSells":"1","templateSupportOptions":"[{\"id\":336272,\"template_id\":360047,\"type\":1,\"measure\":\"hour\",\"value\":1,\"phone\":\"\"}]","bitLyUrl":"https://bit.ly/3F0ktgZ","demoMetaDescription":"Before buying it, get the look and feel of the Applio Mobil Web Application Angular JS Website Template Website Template (#205305) by enjoying the live preview. View the pages, check the images, press the buttons, explore the functionality.","customUrl":"/website-templates/applio-mobil-web-application-angular-js-website-template-205305.html","productSize":"42582484","lastmod":"2021-10-25T05:33:27-04:00","trendiness":"9","frameworks":"Angular v15","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: Sat, 16 Nov 2024 06:40: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(293) "Link: <http://products/api/v2/products/en?language=en&ids=205305&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=205305&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=205305&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 16 Nov 2024 06:45: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: 165.227.251.218:80"
}
https://metropolitanhost.com/themes/templatemoster/angular/applio/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#205305 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/205305.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 #205305            </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=205305&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $38                <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>