string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=401908&expand=properties"
string(14478) "[{"templateId":401908,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":288,"categoryName":"Medical Equipment Templates","templateTitle":"Medical Equipment Responsive Joomla Template","templatePreviewHtmlTitle":"ArcMed Joomla Medicine Template #401908 - TemplateMonster","templateDemoHtmlTitle":"Live preview for ArcMed Joomla Medicine Template #401908","typeShortName":"Joomla","templatePreviewFBTitle":"<p>Introducing Arcmed Joomla Medical Template: Elevate Your Online Presence with Precision and Care.</p><p>Discover the perfect blend of functionality and aesthetics with Arcmed Joomla Medical Template. Designed specifically for medical websites, Arcmed offers a comprehensive suite of features tailored to meet the unique needs of healthcare professionals.</p><p>Built on the robust Bootstrap 5 framework and powered by the versatile T4 Framework, Arcmed ensures seamless performance and effortless customization. With 16 preset color styles and the flexibility to create your color scheme, you can align your website perfectly with your brand identity.</p><p>Navigate effortlessly through 16 homepage layouts, each meticulously crafted to highlight the key aspects of your medical practice. Choose from 3 background type options—Fixed Image, Patterned Background, or Solid Color—to create the ideal backdrop for your content.</p><p>Arcmed prioritizes user experience with intuitive navigation elements, including 5 MegaMenu styles, sticky menu functionality, and an off-canvas sidebar. The 1320px grid system ensures consistency across devices, while the top reading position indicator and back-to-top button enhance usability.</p><p>Highlight your expertise and services with dedicated portfolio pages, introduce your team on the About Us page, and engage visitors with informative blog content. Leverage the power of JT Content Slider, subscribe to mailing lists, and integrate Google Fonts and Font Awesome 6 for added versatility.</p><p>With the full demo included quickstart package, you can launch your medical website in no time. Whether you're a healthcare provider, medical institution, or wellness center, Arcmed Joomla Medical Template empowers you to create a professional online presence that inspires trust and confidence. Experience the future of medical web design with Arcmed today.</p><p><strong>Features:</strong></p><ul><li>Fully <strong>Responsive </strong>Design</li><li><strong>Joomla 5x and 4.x</strong> Version</li><li><strong>Bootstrap 5 </strong>- <strong>T4 Framework</strong></li><li>5 <strong>MegaMenu </strong>Styles</li><li><strong>16 Preset Color Styles</strong> and much more (Create your color scheme easily with T4 flexibility)</li><li><strong>16 Homepage </strong>layouts</li><li><strong>3 Background </strong>Type Options (Fixed Image, Patterned Background and Solid Color)</li><li><strong>Light </strong>and <strong>Dark </strong>Versions (4 Dark Styles)</li><li>Unlimited <strong>Google Fonts</strong></li><li><strong>Sticky Menu</strong></li><li><strong>Off-Canvas </strong>Sidebar</li><li><strong>1320px Grid</strong> System</li><li>Full Demo Included <strong>Quickstart </strong>Package</li><li>Clean and Modern Style</li><li>Different <strong>Portfolio </strong>Pages</li><li><strong>About Us </strong>Page - Team</li><li><strong>Contact </strong>Page with Google Map</li><li><strong>Video </strong>Extension and Video Page</li><li><strong>Blog </strong>Pages</li><li>JT Content Slider</li><li>Subscribe to <strong>Mailing List</strong></li><li>Up to <strong>3 Columns </strong>layout</li><li>Image or Text logo (Adjustable on Admin Panel )</li><li><strong>Full Width a</strong>nd Boxed Layout</li><li>Top <strong>Reading Position Indicator</strong> with mouse wheeling</li><li><strong>Back to Top</strong> Button</li><li>Change Body Background Pattern for boxed layout</li><li><strong>Font Awesome</strong> 6</li></ul><p>Note: No PSD Included.</p><p><strong>Extensions</strong></p><ul><li>JT Content Slider</li><li>Yendif Video Share Video Extension</li><li>JT Testimonial</li><li>JT Image Gallery</li><li>SP Simple Portfolio</li><li>Smart Slider Pro</li></ul>","templateFullTitle":"ArcMed Joomla Medicine Template","templatePreviewMetaDescription":"Introducing Arcmed Joomla Medical Template: Elevate Your Online Presence with Precision and Care.Discover the perfect blend of functionality and aesthetics","templateDemoMetaDescription":"Try out the live preview for the premium ArcMed Joomla Medicine Template Joomla Template (#401908) to discover what this theme is before you buy it. View the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"ArcMed Joomla Medicine Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/arcmed-joomla-medicine-template-401908.html","userRating":0,"designIndex":1,"authorUserId":"1575147","exclusive":"1","state":1,"price":73,"inserted_date":"2024-03-19","sent":0,"downloads":0,"search_words":"medicine medical joomla hospital health doctor nursing dental dentist dentistry diet clinic laboratory company creative surgery fitness athletic","is_adult":0,"exc_price":2100,"sent_date":"2024-03-19 13:47:04","last_upload":"2024-03-19 13:48:32","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3436110,"templ_id":401908,"filename":"401908-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3436111,"templ_id":401908,"filename":"401908-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3436112,"templ_id":401908,"filename":"401908-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3436113,"templ_id":401908,"filename":"401908-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3436114,"templ_id":401908,"filename":"401908-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/401908.html","image":"https://s.tmimgcdn.com/scr/401900/arcmed-joomla-medicine-template_401908-original.jpg","searchHash":"6747558f2f5d5cf27f3196519a61adae","previewHash":"9beb0846df89859905dd8551a8c37f30","authorNickname":"JoomlaTema","lowLevelTopic":"Medical Equipment Templates; Herbal Templates; Reproduction Clinic Templates; Doctor; Alternative Medicine","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":35,"onSale":0,"finalPrice":65,"discountPercent":0,"discountAmount":0,"semiannualSales":null,"properties":{"features":["Responsive","Admin Panel","Search Engine Friendly","Bootstrap","Mobile Layout Included","Team Members","Dropdown Menu","Google map","Sample content","Quickstart Package","Advanced Theme Options","MegaMenu","Blog","Gallery","Portfolio","HTML 5","JQuery","Background video"],"styles":["Clean","Dark"],"isLastAdded":"1","popularity":"Zero Downloads","topic":["Medical Equipment Templates","Medical Templates","Herbal Templates","Reproduction Clinic Templates","Doctor","Alternative Medicine"],"isFree":"none","color":["white","grey","cyan"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1575147","alreadyPacked":"1","imagesIncluded":"No","tags":["athletic","clinic","company","creative","dental","dentist","dentistry","diet","doctor","fitness","health","hospital","laboratory","medical","medicine","nursing","surgery","joomla"],"marketplaceMembership":"None","paidSupport":"Yes","joomlaCompatibility":["4.0.x","4.1.x","4.2.x","4.3.x","4.4.x","5.0.x"],"webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"databaseServerCompatibility":["MySQL 8.0","MariaDB 10"],"designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"joomlaEditor":"T4 Framework","excerpt":"<p>Arcmed Joomla Medical Template. Designed specifically for medical websites, Arcmed offers a comprehensive suite of features tailored to meet the unique needs of healthcare professionals.</p>","nameOfTheTemplate":"ArcMed Joomla Medicine Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1575147/ce4281802de2e3fbb1e876bff911c2be.jpg, https://s3u.tmimgcdn.com/u1575147/baad610a24c8fbeca07eff741680f58a.jpg, https://s3u.tmimgcdn.com/u1575147/0c37c5bc4e1b5136511e1b6346c97460.jpg, https://s3u.tmimgcdn.com/u1575147/e88f4254f211a9622b1c081586974b0f.jpg, https://s3u.tmimgcdn.com/u1575147/4ddbb66ff17ad3b4d23033ed690c0fb4.jpg, https://s3u.tmimgcdn.com/u1575147/97be2b1d56b5d9ef5adc23fec60299f9.jpg, https://s3u.tmimgcdn.com/u1575147/121e522e090885eb08a8653da6b0106c.jpg","shortDescription":"<p>Introducing Arcmed Joomla Medical Template: Elevate Your Online Presence with Precision and Care.</p><p>Discover the perfect blend of functionality and aesthetics with Arcmed Joomla Medical Template. Designed specifically for medical websites, Arcmed offers a comprehensive suite of features tailored to meet the unique needs of healthcare professionals.</p><p>Built on the robust Bootstrap 5 framework and powered by the versatile T4 Framework, Arcmed ensures seamless performance and effortless customization. With 16 preset color styles and the flexibility to create your color scheme, you can align your website perfectly with your brand identity.</p><p>Navigate effortlessly through 16 homepage layouts, each meticulously crafted to highlight the key aspects of your medical practice. Choose from 3 background type options—Fixed Image, Patterned Background, or Solid Color—to create the ideal backdrop for your content.</p><p>Arcmed prioritizes user experience with intuitive navigation elements, including 5 MegaMenu styles, sticky menu functionality, and an off-canvas sidebar. The 1320px grid system ensures consistency across devices, while the top reading position indicator and back-to-top button enhance usability.</p><p>Highlight your expertise and services with dedicated portfolio pages, introduce your team on the About Us page, and engage visitors with informative blog content. Leverage the power of JT Content Slider, subscribe to mailing lists, and integrate Google Fonts and Font Awesome 6 for added versatility.</p><p>With the full demo included quickstart package, you can launch your medical website in no time. Whether you're a healthcare provider, medical institution, or wellness center, Arcmed Joomla Medical Template empowers you to create a professional online presence that inspires trust and confidence. Experience the future of medical web design with Arcmed today.</p><p><strong>Features:</strong></p><ul><li>Fully <strong>Responsive </strong>Design</li><li><strong>Joomla 5x and 4.x</strong> Version</li><li><strong>Bootstrap 5 </strong>- <strong>T4 Framework</strong></li><li>5 <strong>MegaMenu </strong>Styles</li><li><strong>16 Preset Color Styles</strong> and much more (Create your color scheme easily with T4 flexibility)</li><li><strong>16 Homepage </strong>layouts</li><li><strong>3 Background </strong>Type Options (Fixed Image, Patterned Background and Solid Color)</li><li><strong>Light </strong>and <strong>Dark </strong>Versions (4 Dark Styles)</li><li>Unlimited <strong>Google Fonts</strong></li><li><strong>Sticky Menu</strong></li><li><strong>Off-Canvas </strong>Sidebar</li><li><strong>1320px Grid</strong> System</li><li>Full Demo Included <strong>Quickstart </strong>Package</li><li>Clean and Modern Style</li><li>Different <strong>Portfolio </strong>Pages</li><li><strong>About Us </strong>Page - Team</li><li><strong>Contact </strong>Page with Google Map</li><li><strong>Video </strong>Extension and Video Page</li><li><strong>Blog </strong>Pages</li><li>JT Content Slider</li><li>Subscribe to <strong>Mailing List</strong></li><li>Up to <strong>3 Columns </strong>layout</li><li>Image or Text logo (Adjustable on Admin Panel )</li><li><strong>Full Width a</strong>nd Boxed Layout</li><li>Top <strong>Reading Position Indicator</strong> with mouse wheeling</li><li><strong>Back to Top</strong> Button</li><li>Change Body Background Pattern for boxed layout</li><li><strong>Font Awesome</strong> 6</li></ul><p>Note: No PSD Included.</p><p><strong>Extensions</strong></p><ul><li>JT Content Slider</li><li>Yendif Video Share Video Extension</li><li>JT Testimonial</li><li>JT Image Gallery</li><li>SP Simple Portfolio</li><li>Smart Slider Pro</li></ul>","uniqueKeywords":"medicine,medical,joomla,hospital,health,doctor,nursing,dental,dentist,dentistry,diet,clinic,laboratory,company,creative,surgery,fitness,athletic","advImage":"https://s3u.tmimgcdn.com/u1575147/ef17a79d01ff876ead8775e5e77b0236.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1575147/f7f7933fd3acb6fea2cbf441e8f04832.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1575147/f16a5ff05a04e4c8ef359de8e7ffc60b.jpg, https://s3u.tmimgcdn.com/u1575147/89f039c6b766fb3ef74b75502480dd79.jpg, https://s3u.tmimgcdn.com/u1575147/8e163a63649749e8b7b93e3d491293d3.jpg","livePreviewURL":"https://arcmed.joomlatema.net/landing/index.html","metaDescription":"Introducing Arcmed Joomla Medical Template: Elevate Your Online Presence with Precision and Care.Discover the perfect blend of functionality and aesthetics","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Try out the live preview for the premium ArcMed Joomla Medicine Template Joomla Template (#401908) to discover what this theme is before you buy it. View the pages, examine the images, click the buttons, explore the functionality.","customUrl":"/joomla-templates/arcmed-joomla-medicine-template-401908.html","productSize":"226000628","trendiness":"1","changeLog":"03/04/2024 \n-Minor CSS bug of header on page scroll fixed","changeLogDate":"2024-04-09","installation":"Installation and set up instructions are attached (look for Documentation folder).","types":"Joomla Templates","templateIcon":"icon-joomla","followUpLetter":"joomla-templates-offers","productFamily":"None","templateGroup":"CMS Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 27 Apr 2024 10:21:24 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(293) "Link: <http://products/api/v2/products/en?language=en&ids=401908&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=401908&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=401908&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 27 Apr 2024 10:26:24 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://arcmed.joomlatema.net/landing/index.html<!DOCTYPE html>
<html lang="en">
<head>
    <title>#401908 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/401908.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 #401908            </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=401908&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $67                <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>