string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=57576&expand=properties"
string(17305) "[{"templateId":57576,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":463,"categoryName":"Travel Templates","templateTitle":"Travel Responsive Joomla Template","templatePreviewHtmlTitle":"Travel Joomla Template #57576 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Travel Joomla Template #57576","typeShortName":"Joomla","templatePreviewFBTitle":"<p>What a travel agency website should look like? Spectacular? Maybe similar to this travel Joomla theme ? It offers your travel company everything it needs for success. First of all, its an incredibly beautiful imagery . It captures the eye and makes the users dream of distant exotic countries. Visual content is styled different ways on the page. Columns, grids and masonry photos arrangement makes the website even more appealing. Typography solution is also nice, it perfectly fits the layout. Clients testimonials, quick contact form and Google map is also available. Surely thats not all, far from it. View the themes live demo and see all its features with your own eyes.</p><p>This template is a part of our <a href=\"https://www.templatemonster.com/blog/15-best-joomla-templates/\">15+ Best Joomla Templates</a> top list.</p><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  Outdoors& Travel Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>It is a capability of the website to immediately adapt to any screen size and resolution. </p> <p><b>Why is it Good?</b></p><p>Responsive design implies that the website will offer an excellent browsing experience to all users across all devices. </p><p>Fresh <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <h3>This is  Outdoors& Travel Joomla design template with Portfolio</h3> <p><b>What is it?</b></p><p>The portfolio is some sort of an album, displaying examples of your work. For an interior designer that might be pictures of places he designed, for web-developer, it is a list of internet sites he crafted. The portfolio is a business presentation of your skills.</p> <p><b>Why is it Good?</b></p><p>Having a portfolio, you can easily make your projects be noticeable. Whilst including the portfolio in your webpage, you expand the possibilities that the possible buyers is going to be engaged with your articles and additionally come again for more complete study.</p><p>Click for more <a href=\"https://www.templatemonster.com/portfolio-joomla-templates/\">Portfolio Joomla templates</a> here</p> <h3>This is a Bootstrap Outdoorssports Joomla design template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for website and applications design.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your web projects from mobile phones to desktop computers employing the same codebase. It makes the web developing process efficient and effortless.</p><p>Find more <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla designs</a> here</p> <h3>This is a Parallax  Outdoors& Travel Joomla template</h3> <p><b>What is it?</b></p><p>Parallax is definitely the well-known web page design effect, which will make the background and additionally front layers shift at different rates of speed.</p> <p><b>Why is it Good?</b></p><p>Parallax is visually beautiful and appeals to website users' sight to the images and content modules.</p><p>Fresh <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Travel Joomla Template","templatePreviewMetaDescription":"What a travel agency website should look like? Spectacular? Maybe similar to this travel Joomla theme ? It offers your travel company everything it needs for","templateDemoMetaDescription":"The demo preview for this top notch Travel Joomla Template (#57576) is available here for you to get the feel and look of the theme before buying it. Go through the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Travel Joomla Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/57576.html","userRating":"4.5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":57,"inserted_date":"2015-12-28","sent":1,"downloads":85,"search_words":"travel world 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":4500,"sent_date":"2018-10-08 06:16:04","last_upload":"2015-12-28 00:00:00","package_id":260,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":3,"filename":"57576-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57576,"width":1903,"window_params":"","banner_url":"","id":1514627,"href":"","height":5018},{"scr_type_id":299,"filename":"57576-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57576,"width":430,"window_params":"","banner_url":"","id":1514628,"href":"","height":900},{"scr_type_id":178,"filename":"57576-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57576,"width":430,"window_params":"","banner_url":"","id":1514629,"href":"","height":1134},{"scr_type_id":78,"filename":"57576-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":57576,"width":970,"window_params":"","banner_url":"","id":1514630,"href":"","height":280},{"scr_type_id":179,"filename":"57576-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57576,"width":430,"window_params":"","banner_url":"","id":1514631,"href":"","height":60},{"scr_type_id":3,"filename":"57576-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57576,"width":895,"window_params":"","banner_url":"","id":1514632,"href":"","height":599},{"scr_type_id":9,"filename":"57576-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57576,"width":145,"window_params":"","banner_url":"","id":1514633,"href":"","height":156},{"scr_type_id":314,"filename":"57576-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57576,"width":1903,"window_params":"","banner_url":"","id":1514634,"href":"","height":5018},{"scr_type_id":315,"filename":"57576-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57576,"width":1903,"window_params":"","banner_url":"","id":1514635,"href":"","height":5018},{"scr_type_id":311,"filename":"57576-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57576,"width":965,"window_params":"","banner_url":"","id":1514636,"href":"","height":2545},{"scr_type_id":3,"filename":"57576-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57576,"width":1903,"window_params":"","banner_url":"","id":1514637,"href":"","height":5018},{"scr_type_id":312,"filename":"57576-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57576,"width":370,"window_params":"","banner_url":"","id":1514638,"href":"","height":370},{"scr_type_id":300,"filename":"57576-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57576,"width":320,"window_params":"","banner_url":"","id":1514639,"href":"","height":900},{"scr_type_id":298,"filename":"57576-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57576,"width":430,"window_params":"","banner_url":"","id":1514640,"href":"","height":900},{"scr_type_id":3,"filename":"57576-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57576,"width":408,"window_params":"","banner_url":"","id":1514641,"href":"","height":55},{"scr_type_id":334,"filename":"57576-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57576,"width":1600,"window_params":"","banner_url":"","id":1640482,"href":"","height":1000}],"demoUrl":"/demo/57576.html","image":"https://s.tmimgcdn.com/scr/57500/travel-joomla-template_57576-0-original.jpg","searchHash":"5e00d5c5b5520d99cd59b8b03d3ac615","previewHash":"227d947fe6c3d58f89275fee81c0aed6","authorNickname":"RockThemes","lowLevelTopic":"Travel Templates","weightedRating":4.3125,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":57,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"The theme was designed for travel agencies, tour operators and trip advisors.","joomlaModules":["Articles - Newsflash","Articles Single","CarouFredSel","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"uniqueKeywords":"sun agency book tour country resort spa flight hotel car rental cruise reservation booking ski ticket beach sea air traveling apartment vacation","showVariantForcibly":"b","metaDescription":"Visually appealing travel Joomla theme. Its imagery strikes the imagination. Travel agencies and tour operators - we are sure your customers will appreciate that.","excludeExclusive":"Yes","imageKeyFeatures":"https://s.tmimgcdn.com/scr/57500/57576-1300_01.jpg,https://s.tmimgcdn.com/scr/57500/57576-1300_02.jpg,https://s.tmimgcdn.com/scr/57500/57576-1300_03.jpg,https://s.tmimgcdn.com/scr/57500/57576-1300_04.jpg,https://s.tmimgcdn.com/scr/57500/57576-1300_05.jpg,https://s.tmimgcdn.com/scr/57500/57576-1300_06.jpg,https://s.tmimgcdn.com/scr/57500/57576-1300_07.jpg,https://s.tmimgcdn.com/scr/57500/57576-1300_08.jpg","features":["Responsive","Admin Panel","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Sample content","Quickstart Package","Advanced Theme Options","Blog","Gallery","Portfolio","Forum","HTML 5","JQuery","HTML plus JS","Parallax"],"joomlaEngine":"3.8.12","templateSources":[".PSD",".PHP"],"languageSupport":"English","authorUserId":"1768190","htmlTitle":"Travel Joomla Theme","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.1","imageDescription":"https://s.tmimgcdn.com/scr/57500/57576-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","PHP editor."],"lastmod":"2022-03-08T16:53:54-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"The demo preview for this top notch Travel Joomla Template (#57576) is available here for you to get the feel and look of the theme before buying it. Go through the pages, check out the images, press the buttons, explore the functionality.","shortDescription":"<p>What a travel agency website should look like? Spectacular? Maybe similar to this travel Joomla theme ? It offers your travel company everything it needs for success. First of all, its an incredibly beautiful imagery . It captures the eye and makes the users dream of distant exotic countries. Visual content is styled different ways on the page. Columns, grids and masonry photos arrangement makes the website even more appealing. Typography solution is also nice, it perfectly fits the layout. Clients testimonials, quick contact form and Google map is also available. Surely thats not all, far from it. View the themes live demo and see all its features with your own eyes.</p><p>This template is a part of our <a href=\"https://www.templatemonster.com/blog/15-best-joomla-templates/\">15+ Best Joomla Templates</a> top list.</p><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  Outdoors& Travel Joomla theme is Responsive</h3> <p><b>What is it?</b></p><p>It is a capability of the website to immediately adapt to any screen size and resolution. </p> <p><b>Why is it Good?</b></p><p>Responsive design implies that the website will offer an excellent browsing experience to all users across all devices. </p><p>Fresh <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla templates</a> here</p> <h3>This is  Outdoors& Travel Joomla design template with Portfolio</h3> <p><b>What is it?</b></p><p>The portfolio is some sort of an album, displaying examples of your work. For an interior designer that might be pictures of places he designed, for web-developer, it is a list of internet sites he crafted. The portfolio is a business presentation of your skills.</p> <p><b>Why is it Good?</b></p><p>Having a portfolio, you can easily make your projects be noticeable. Whilst including the portfolio in your webpage, you expand the possibilities that the possible buyers is going to be engaged with your articles and additionally come again for more complete study.</p><p>Click for more <a href=\"https://www.templatemonster.com/portfolio-joomla-templates/\">Portfolio Joomla templates</a> here</p> <h3>This is a Bootstrap Outdoorssports Joomla design template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for website and applications design.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your web projects from mobile phones to desktop computers employing the same codebase. It makes the web developing process efficient and effortless.</p><p>Find more <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla designs</a> here</p> <h3>This is a Parallax  Outdoors& Travel Joomla template</h3> <p><b>What is it?</b></p><p>Parallax is definitely the well-known web page design effect, which will make the background and additionally front layers shift at different rates of speed.</p> <p><b>Why is it Good?</b></p><p>Parallax is visually beautiful and appeals to website users' sight to the images and content modules.</p><p>Fresh <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design themes</a> here</p> <br /></div></div></div></div>","joomlaCompatibility":"3.8","tags":["agency","air","apartment","authorization","beach","book","booking","car","comfort","compass","country","cruise","destination","flight","guide","hotel","impression","liner","location","recreation","relaxation","rental","reservation","resort","rest","sea","sights","ski","spa","sun","ticket","tour","travel","traveling","vacation","world"],"customUrl":"/joomla-templates/57576.html","badge":"badge-responsive","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/53500/53576-joomla-extendedsupport_1300.png\" srcset=\"https://s.tmimgcdn.com/scr/53500/53576-joomla-extendedsupport_2560.png 2x\" alt=\"img\"/>","nameOfTheTemplate":"Travel Joomla Template","pHPVersionCompatibility":"7.x","topic":["Travel Templates","Sports, Outdoors & Travel"],"changeLogDate":"2016-08-31","styles":["Neutral","Flat"],"imagesList":"Depositphotos1141971original,Depositphotos1633663original,Depositphotos1730601original,Depositphotos12161524EL4,Depositphotos12272157EL4,Depositphotos12699114original,Depositphotos12888455original,Depositphotos13481219original,Depositphotos21564265original,Depositphotos27785291original","productFamily":"None","color":["black","white","grey","purple","cyan","green"],"followUpLetter":"joomla-templates-offers","dateRange":"Last Year","reviewsTotal":"6","reviewAverageScore":"4.5","changeLog":"<b>October 08, 2018</b><br /> <ul><li>- We updated the engine version to Joomla 3.8.12;</li></ul> </br/<br> <b>September 02, 2016</b><br /> <ul><li>- We updated the engine version to Joomla 3.4.8;</li><ul>","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"2.3.1","livePreviewURL":"https://livedemo00.template-help.com/joomla_prod-19611/","templateGroup":"CMS Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","galleryScript":"MixItUp","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1OQxabk","webForms":["Contact Form","Login Form","User Registration","Search Form"],"loyaltySells":"1","width":"2050px","skupromo":"40%","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, 20 Apr 2024 01:49:06 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=57576&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=57576&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=57576&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 20 Apr 2024 01:54:06 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/joomla_prod-19611/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#57576 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/57576.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">
                Joomla Templates #57576            </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=57576&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $52                <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="/joomla-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>