string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=54968&expand=properties"
string(15828) "[{"templateId":54968,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":355,"categoryName":"Travel Guide Templates","templateTitle":"Travel Guide Responsive Website Template","templatePreviewHtmlTitle":"Trip Advisor Website Template #54968 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Trip Advisor Website Template #54968","typeShortName":"Website","templatePreviewFBTitle":"Trip Agency Website Template is a clean, sleek and modern solution for various purposes like tourism, vacation, hotel, spa, resorts , etc. It features a fully responsive, crossbrowser compatible layout that will run smoothly on any device. A simple header and easy-to-follow navigation will help your visitors find the desired information in an instant. You can leave the default settings or impress customers by changing fonts, colors or any other element of the theme via the admin panel. Designed with valid code, the theme includes mobile menu, ScrollPane Scroll Effect, SuperFish DropDown Menu, sliced PSD, Favicon, Google map, Google web fonts , and plenty of other handy features for seamless web development.<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 Sports web template</h3> <p><b>What is it?</b></p><p>It's a special technique when the background image shifts less quickly in perspective in contrast to parts of the foreground. Therefore, Parallax leads to a sense of a three-dimensional space.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling effect looks stunning and glues users' sight to the imagery and content modules.</p><p>Fresh <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website design templates</a> here</p> <h3>This Tour Guide Website website design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is an approach to web design that enables pages to adjust to a display size of any kind of gadget - may it be a personal computer, a tablet or a smartphone.</p> <p><b>Why is it Good?</b></p><p>Mobile gadgets generate 80percent of worldwide online utilization. It's essential to design your site responsive unless you wish to reduce your current viewers.</p><p>View more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <br /></div></div></div></div><p>This template is featured in the following editorial reviews:</p><p><a href=\"https://www.templatemonster.com/blog/top-50-travel-html-templates/\">Top 50 Inspiring Travel HTML Templates You Were Looking For</a></p><p><a href=\"https://www.templatemonster.com/blog/travelling-website-templates/\">50 Best Travelling Website HTML Templates</a></p>","templateFullTitle":"Trip Advisor Website Template","templatePreviewMetaDescription":"Trip Agency Website Template is a clean, sleek and modern solution for various purposes like tourism, vacation, hotel, spa, resorts , etc. It features a fully","templateDemoMetaDescription":"The demo for this top notch Trip Advisor Website Template (#54968) is generated for you to get the look and feel of the template before you purchase it. View the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Trip Advisor Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/54968.html","userRating":0,"designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2015-07-07","sent":2,"downloads":10,"search_words":"twip advisor travel agency compass tour country resort spa flight hotel car rental cruise sights reservation location authorization ticket guide beach sea relaxation recreation impression air liner traveling apartment vacation rest comfort destination explorat","is_adult":0,"exc_price":4100,"sent_date":"2015-07-09 06:15:46","last_upload":"2015-07-07 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":315,"filename":"54968-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54968,"width":1800,"window_params":"","banner_url":"","id":1485569,"href":"","height":4501},{"scr_type_id":3,"filename":"54968-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54968,"width":895,"window_params":"","banner_url":"","id":1485570,"href":"","height":599},{"scr_type_id":3,"filename":"54968-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54968,"width":1800,"window_params":"","banner_url":"","id":1485571,"href":"","height":4208},{"scr_type_id":300,"filename":"54968-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54968,"width":320,"window_params":"","banner_url":"","id":1485572,"href":"","height":900},{"scr_type_id":78,"filename":"54968-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":54968,"width":970,"window_params":"","banner_url":"","id":1485573,"href":"","height":280},{"scr_type_id":298,"filename":"54968-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54968,"width":430,"window_params":"","banner_url":"","id":1485574,"href":"","height":900},{"scr_type_id":9,"filename":"54968-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54968,"width":145,"window_params":"","banner_url":"","id":1485575,"href":"","height":156},{"scr_type_id":314,"filename":"54968-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54968,"width":1920,"window_params":"","banner_url":"","id":1485576,"href":"","height":4501},{"scr_type_id":312,"filename":"54968-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54968,"width":370,"window_params":"","banner_url":"","id":1485577,"href":"","height":370},{"scr_type_id":3,"filename":"54968-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54968,"width":1800,"window_params":"","banner_url":"","id":1485578,"href":"","height":4501},{"scr_type_id":311,"filename":"54968-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54968,"width":965,"window_params":"","banner_url":"","id":1485579,"href":"","height":2413},{"scr_type_id":3,"filename":"54968-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54968,"width":1920,"window_params":"","banner_url":"","id":1485580,"href":"","height":4208},{"scr_type_id":3,"filename":"54968-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54968,"width":1800,"window_params":"","banner_url":"","id":1485581,"href":"","height":4208},{"scr_type_id":212,"filename":"54968-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54968,"width":430,"window_params":"","banner_url":"","id":1485582,"href":"","height":60},{"scr_type_id":3,"filename":"54968-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54968,"width":1920,"window_params":"","banner_url":"","id":1485583,"href":"","height":4501},{"scr_type_id":317,"filename":"54968-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54968,"width":1920,"window_params":"","banner_url":"","id":1485584,"href":"","height":4208},{"scr_type_id":3,"filename":"54968-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54968,"width":408,"window_params":"","banner_url":"","id":1485585,"href":"","height":55},{"scr_type_id":299,"filename":"54968-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54968,"width":430,"window_params":"","banner_url":"","id":1485586,"href":"","height":900},{"scr_type_id":297,"filename":"54968-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54968,"width":430,"window_params":"","banner_url":"","id":1485587,"href":"","height":1138},{"scr_type_id":3,"filename":"54968-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54968,"width":965,"window_params":"","banner_url":"","id":1485588,"href":"","height":2256},{"scr_type_id":334,"filename":"54968-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54968,"width":1920,"window_params":"","banner_url":"","id":1639406,"href":"","height":4501}],"demoUrl":"/demo/54968.html","image":"https://s.tmimgcdn.com/scr/54900/trip-advisor-website-template_54968-original.jpg","searchHash":"53982e1c4b8cc1ccd988361c52ed4b45","previewHash":"ad5c17b825cf721cb42d5f4dea486aee","authorNickname":"WT","lowLevelTopic":"Travel Guide Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","kindOfShops":"The template will suit for travel, tourism and hotels websites.","followUpLetter":"website-template-offers","color":["black","white","grey","brown"],"uniqueKeywords":"Trip advisor","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","metaDescription":"Trip Advisor is a Fully Responsive Trip Agency Website Template That Incorporates Style with Advanced Functionality.","features":["Responsive","HTML plus JS","Parallax","HTML 5","JQuery","Sliced PSD","Dropdown Menu","Google map"],"livePreviewURL":"https://livedemo00.template-help.com/wt_54968","templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1553971","jqueryScripts":["\"ScrollPane\" Scroll Effect","\"SuperFish\" DropDown Menu","Mobile Menu","Responsive Carousel"],"isFree":"none","htmlTitle":"Trip Agency Website Template","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.2","imageDescription":"https://s.tmimgcdn.com/scr/54900/54968-responsive-layout.jpg","nomotopress":"1","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"dynamicChangeLog":"<ul>\n<li>- 2 HTML bugs fixed</li>\n<li>- 2 background issues fixed</li>\n<li>- 1 minor styles bugs fixed</li>\n<li>- 1 PSD layer updated</li>\n</ul>","templateIcon":"icon-responsive","lastmod":"2019-11-01T00:02:16-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","demoMetaDescription":"The demo for this top notch Trip Advisor Website Template (#54968) is generated for you to get the look and feel of the template before you purchase it. View the pages, check out the images, press the buttons, explore the functionality.","shortDescription":"Trip Agency Website Template is a clean, sleek and modern solution for various purposes like tourism, vacation, hotel, spa, resorts , etc. It features a fully responsive, crossbrowser compatible layout that will run smoothly on any device. A simple header and easy-to-follow navigation will help your visitors find the desired information in an instant. You can leave the default settings or impress customers by changing fonts, colors or any other element of the theme via the admin panel. Designed with valid code, the theme includes mobile menu, ScrollPane Scroll Effect, SuperFish DropDown Menu, sliced PSD, Favicon, Google map, Google web fonts , and plenty of other handy features for seamless web development.<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 Sports web template</h3> <p><b>What is it?</b></p><p>It's a special technique when the background image shifts less quickly in perspective in contrast to parts of the foreground. Therefore, Parallax leads to a sense of a three-dimensional space.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling effect looks stunning and glues users' sight to the imagery and content modules.</p><p>Fresh <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website design templates</a> here</p> <h3>This Tour Guide Website website design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is an approach to web design that enables pages to adjust to a display size of any kind of gadget - may it be a personal computer, a tablet or a smartphone.</p> <p><b>Why is it Good?</b></p><p>Mobile gadgets generate 80percent of worldwide online utilization. It's essential to design your site responsive unless you wish to reduce your current viewers.</p><p>View more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <br /></div></div></div></div><p>This template is featured in the following editorial reviews:</p><p><a href=\"https://www.templatemonster.com/blog/top-50-travel-html-templates/\">Top 50 Inspiring Travel HTML Templates You Were Looking For</a></p><p><a href=\"https://www.templatemonster.com/blog/travelling-website-templates/\">50 Best Travelling Website HTML Templates</a></p>","bitLyUrl":"http://bit.ly/1KWHW1o","tags":["advisor","agency","air","apartment","authorization","beach","car","comfort","compass","country","cruise","destination","flight","guide","hotel","impression","liner","location","recreation","relaxation","rental","reservation","resort","rest","sea","sights","spa","ticket","tour","travel","traveling","vacation","trip"],"customUrl":"/website-templates/54968.html","webForms":["Contact Form","Search Form"],"badge":"badge-responsive","nameOfTheTemplate":"Trip Advisor Website Template","loyaltySells":"1","width":"1920px","pHPVersionCompatibility":"7.x","topic":["Travel Guide Templates","Travel Templates","Sports, Outdoors & Travel"],"styles":["Neutral","Flat","Retro"],"skupromo":"43%","marketplaceMembership":"None","advImage":"https://s.tmimgcdn.com/scr/54900/54968-original.jpg","category":"Website templates","dqi":"00","imagesList":"Depositphotos1009699original,Depositphotos1318996original,Depositphotos1592861original,Depositphotos5912084original,Depositphotos9411343original,Depositphotos11296471EL4,Depositphotos12160426EL4,Depositphotos27846735original,Depositphotos39139593original,Depositphotos1216176original,Depositphotos1216704original,Depositphotos1293978original,Depositphotos1694234original,Depositphotos1782378original,Depositphotos2402133original,Depositphotos3039201original,Depositphotos3196075original,Depositphotos3782973original,Depositphotos4474020original,Depositphotos4635601original,Depositphotos10422844original,Depositphotos12057497original,Depositphotos12160426EL4,Depositphotos12161524EL4,Depositphotos12544471original,Depositphotos15862793original,Depositphotos20105767original,Depositphotos24623797original"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 04 Jan 2025 23:10:20 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=54968&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=54968&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=54968&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 04 Jan 2025 23:15:20 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_54968<!DOCTYPE html>
<html lang="en">
<head>
    <title>#54968 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/54968.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 #54968            </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=54968&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>