string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=54567&expand=properties"
string(14528) "[{"templateId":54567,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":545,"categoryName":"Private Airline Templates","templateTitle":"Private Airline Responsive Website Template","templatePreviewHtmlTitle":"Airons Website Template #54567 - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Airons Website Template #54567","typeShortName":"Website","templatePreviewFBTitle":"Building a corporate site can be a real pain in the neck as you have to take into account a lot of different aspects. Most probably, this process will take you much time and this is no good. Fortunately, with this airline agency web template you can design a professional top-notch site in a couple of days. Besides, it comes loaded with a bunch of cool visual effects like <em>parallax, hover, full-width slider, mega menu, etc.</em> Advanced theme options ensure easy customization so you can use it for any other kind of business.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Parallax Private Airline website design</h3> <p><b>What is it?</b></p><p>Parallax effect is a method in web page design in which the background website content moves less quickly than the foreground.</p> <p><b>Why is it Good?</b></p><p>It creates an intense perception on the customer, and thus attracting a significant target audience and making customers to stick to the website. It's a great way to include a highlight to a one-page website, restore an infographic, tell a story or showcase a portfolio.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax web templates</a> here</p> <h3>This Transport website design is Responsive</h3> <p><b>What is it?</b></p><p>It is an ability of the website to instantly adapt to any screen dimension and resolution. </p> <p><b>Why is it Good?</b></p><p>Along with the expanding popularity of smartphones, the number of persons who log on to the internet sites from mobile phones has increased significantly. This sort of aspect allows you to change websites to cellular devices and various screen extensions, ultimately supplying smartphone owners with enhanced options.</p><p>Fresh <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Airons Website Template","templatePreviewMetaDescription":"Building a corporate site can be a real pain in the neck as you have to take into account a lot of different aspects. Most probably, this process will take you","templateDemoMetaDescription":"Before buying it, get familiar with the high quality Airons Website Template (#54567) by enjoying the demo. View the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Airons Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/54567.html","userRating":"5","designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2015-06-03","sent":2,"downloads":25,"search_words":"airons private airlines airport company flight hotels car citybreaks country departure destination airport returning plan booking ticket arrival reservation travel vacation stewardess offers tours resort location authorization guide visa discount liner t","is_adult":0,"exc_price":4100,"sent_date":"2015-07-07 06:15:10","last_upload":"2015-06-03 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":314,"filename":"54567-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54567,"width":2050,"window_params":"","banner_url":"","id":1475712,"href":"","height":3250},{"scr_type_id":312,"filename":"54567-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54567,"width":370,"window_params":"","banner_url":"","id":1475713,"href":"","height":370},{"scr_type_id":3,"filename":"54567-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54567,"width":2050,"window_params":"","banner_url":"","id":1475714,"href":"","height":3250},{"scr_type_id":78,"filename":"54567-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":54567,"width":970,"window_params":"","banner_url":"","id":1475715,"href":"","height":280},{"scr_type_id":317,"filename":"54567-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54567,"width":2050,"window_params":"","banner_url":"","id":1475716,"href":"","height":2398},{"scr_type_id":298,"filename":"54567-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54567,"width":430,"window_params":"","banner_url":"","id":1475717,"href":"","height":900},{"scr_type_id":3,"filename":"54567-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54567,"width":1800,"window_params":"","banner_url":"","id":1475718,"href":"","height":3250},{"scr_type_id":299,"filename":"54567-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54567,"width":430,"window_params":"","banner_url":"","id":1475719,"href":"","height":900},{"scr_type_id":3,"filename":"54567-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54567,"width":2050,"window_params":"","banner_url":"","id":1475720,"href":"","height":2398},{"scr_type_id":212,"filename":"54567-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54567,"width":430,"window_params":"","banner_url":"","id":1475721,"href":"","height":60},{"scr_type_id":3,"filename":"54567-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54567,"width":965,"window_params":"","banner_url":"","id":1475722,"href":"","height":1286},{"scr_type_id":3,"filename":"54567-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54567,"width":408,"window_params":"","banner_url":"","id":1475723,"href":"","height":55},{"scr_type_id":311,"filename":"54567-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54567,"width":965,"window_params":"","banner_url":"","id":1475724,"href":"","height":1742},{"scr_type_id":300,"filename":"54567-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54567,"width":320,"window_params":"","banner_url":"","id":1475725,"href":"","height":900},{"scr_type_id":3,"filename":"54567-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54567,"width":1800,"window_params":"","banner_url":"","id":1475726,"href":"","height":2398},{"scr_type_id":315,"filename":"54567-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54567,"width":1800,"window_params":"","banner_url":"","id":1475727,"href":"","height":3250},{"scr_type_id":3,"filename":"54567-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54567,"width":895,"window_params":"","banner_url":"","id":1475728,"href":"","height":599},{"scr_type_id":9,"filename":"54567-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54567,"width":145,"window_params":"","banner_url":"","id":1475729,"href":"","height":156},{"scr_type_id":3,"filename":"54567-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54567,"width":1800,"window_params":"","banner_url":"","id":1475730,"href":"","height":2398},{"scr_type_id":297,"filename":"54567-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54567,"width":430,"window_params":"","banner_url":"","id":1475731,"href":"","height":776},{"scr_type_id":334,"filename":"54567-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54567,"width":2050,"window_params":"","banner_url":"","id":1639010,"href":"","height":3250}],"demoUrl":"/demo/54567.html","image":"https://s.tmimgcdn.com/scr/54500/airons-website-template_54567-original.jpg","searchHash":"250e89bf0e334561c68fc059f8184621","previewHash":"a67742de5adf260b7f55394cf783d9d2","authorNickname":"WT","lowLevelTopic":"Private Airline Templates","weightedRating":3.4000000000000004,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"Use the template for airline, transportation, travel agencies and businesses of the same kind.","uniqueKeywords":"Airport company","metaDescription":"Buy This Airline Agency Web Template and Get a Professional Corporate Site for Less.","features":["Responsive","Sliced PSD","Dropdown Menu","Google map","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1553971","jqueryScripts":["\"ScrollPane\" Scroll Effect","\"SuperFish\" DropDown Menu","Mobile Menu","Responsive Fancybox","Responsive Slider"],"isFree":"none","htmlTitle":"Airline Agency Web Template","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.2","imageDescription":"https://s.tmimgcdn.com/scr/54500/54567-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2020-09-09T07:46:34-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Before buying it, get familiar with the high quality Airons Website Template (#54567) by enjoying the demo. View the pages, check out the images, press the buttons, explore the features.","shortDescription":"Building a corporate site can be a real pain in the neck as you have to take into account a lot of different aspects. Most probably, this process will take you much time and this is no good. Fortunately, with this airline agency web template you can design a professional top-notch site in a couple of days. Besides, it comes loaded with a bunch of cool visual effects like <em>parallax, hover, full-width slider, mega menu, etc.</em> Advanced theme options ensure easy customization so you can use it for any other kind of business.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Parallax Private Airline website design</h3> <p><b>What is it?</b></p><p>Parallax effect is a method in web page design in which the background website content moves less quickly than the foreground.</p> <p><b>Why is it Good?</b></p><p>It creates an intense perception on the customer, and thus attracting a significant target audience and making customers to stick to the website. It's a great way to include a highlight to a one-page website, restore an infographic, tell a story or showcase a portfolio.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax web templates</a> here</p> <h3>This Transport website design is Responsive</h3> <p><b>What is it?</b></p><p>It is an ability of the website to instantly adapt to any screen dimension and resolution. </p> <p><b>Why is it Good?</b></p><p>Along with the expanding popularity of smartphones, the number of persons who log on to the internet sites from mobile phones has increased significantly. This sort of aspect allows you to change websites to cellular devices and various screen extensions, ultimately supplying smartphone owners with enhanced options.</p><p>Fresh <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <br /></div></div></div></div>","tags":["airlines","airport","authorization","booking","car","company","country","departure","destination","discount","flight","guide","hotels","liner","location","offers","plan","private","reservation","resort","stewardess","ticket","tours","travel","vacation","visa"],"customUrl":"/website-templates/54567.html","badge":"badge-responsive","nameOfTheTemplate":"Airons Website Template","pHPVersionCompatibility":"7.x","topic":["Transportation Templates","Private Airline Templates","Business & Services"],"styles":["Neutral","Flat"],"advImage":"https://s.tmimgcdn.com/scr/54500/54567-original.jpg","imagesList":"Depositphotos12380686original,Depositphotos1669912original,Depositphotos20009733original,Depositphotos21517351original,Depositphotos25025267original,Depositphotos3261760original,Depositphotos38279275original,Depositphotos9283717original,Depositphotos9377367original,Depositphotos9744769original","productFamily":"None","followUpLetter":"website-template-offers","color":["black","white","grey"],"reviewsTotal":"2","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","reviewAverageScore":"5","sqi":"95","livePreviewURL":"https://livedemo00.template-help.com/wt_54567","templateGroup":"HTML Templates","popularity":"Top Rated","nomotopress":"1","dynamicChangeLog":"<ul>\n<li>- 2 CSS issues fixed</li>\n<li>- 3 background issues fixed</li>\n<li>- 3 minor layout bugs fixed</li>\n<li>- 2 minor styles bugs fixed</li>\n<li>- 2 PSD layers changed</li>\n</ul>","templateIcon":"icon-responsive","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1H9LuYI","webForms":["Contact Form","Search Form"],"loyaltySells":"1","width":"2050px","skupromo":"43%","marketplaceMembership":"None","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 04 May 2024 00:13:15 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(290) "Link: <http://products/api/v2/products/en?language=en&ids=54567&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=54567&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=54567&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 04 May 2024 00:18:15 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://livedemo00.template-help.com/wt_54567<!DOCTYPE html>
<html lang="en">
<head>
    <title>#54567 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/54567.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 #54567            </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=54567&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $58                <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>