string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=62318&expand=properties"
string(15404) "[{"templateId":62318,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":89,"categoryName":"Vet Templates","templateTitle":"Vet Responsive Joomla Template","templatePreviewHtmlTitle":"Dog & Cat - Pet Clinic Responsive Joomla Template","templateDemoHtmlTitle":"Demo for Dog & Cat - Pet Clinic Responsive Joomla Template #62318","typeShortName":"Joomla","templatePreviewFBTitle":"Dog & Cat is a perfect solution for those, who are looking for a great functionality and beautiful look in one place. This vet clinic Joomla template is pre-loaded with a fully responsive design, and, at the same time, is fully crossbrowser compatible. Therefore, your site's visitors can use any modern device and any browser to get to know with your website. Moreover, cute animal backgrounds and easy-for-the eyes tones will make a pleasant effect on your audience. Designed by top industry leaders, this template has testimonials and team members modules that will help you to create a trustworthy website for your pets hospital. Meanwhile, a number of additional pages and a rich UI kit allow you to add all the details about your veterinary medicine business and to enrich them with multiple types of content. Your clients can easily stay informed of all updates and events thanks to a newsletter subscription, they also can reach you in any question using a neat contact form. Promote your pet clinic all over the web with this animal care template!<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 Vet Center Joomla template</h3> <p><b>What is it?</b></p><p>A parallax scrolling effect is a technique in web design when background image shifts at a slower rate than a foreground content, leading to the illusion of multi-level effect. </p> <p><b>Why is it Good?</b></p><p>Parallax scrolling effect looks beautiful and glues users' eyes to the imagery and content modules.</p><p>Click for more <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design templates</a> here</p> <h3>This Vet Clinic Joomla design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders a web page exact perfectly on any type of screen size.</p> <p><b>Why is it Good?</b></p><p>Responsive design will help your website appear equally perfect on display of any existing personal pc or portable gadget.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla themes</a> here</p> <h3>This is a Bootstrap Veterinarian Joomla theme</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for web page and apps design.</p> <p><b>Why is it Good?</b></p><p>Bootstrap helps you build responsive, mobile-first  projects efficiently.</p><p>Find newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla themes</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Dog & Cat - Pet Clinic Responsive Joomla Template","templatePreviewMetaDescription":"Dog & Cat is a perfect solution for those, who are looking for a great functionality and beautiful look in one place. This vet clinic Joomla template is","templateDemoMetaDescription":"Have a look at the live preview for the top notch Dog & Cat - Pet Clinic Responsive Joomla Template (#62318) get yourself informed about this theme before you decide to buy it. Browse through the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Dog & Cat - Pet Clinic Responsive Joomla Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/vet-responsive-joomla-template-62318.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":45,"inserted_date":"2017-05-02","sent":2,"downloads":37,"search_words":"dog & cat pet clinic center veterinarian pets hospital care health cat dog doctors puppy kitten clinical veterinary vet tips feed medicine staff services breed age color accommodation adaptable pet apparel bed dishes bowl cleanup collar flea tick grooming supplies","is_adult":0,"exc_price":4500,"sent_date":"2017-05-27 06:15:58","last_upload":"2017-05-02 00:00:00","package_id":260,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":311,"filename":"62318-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62318,"width":965,"window_params":"","banner_url":"","id":1690343,"href":"","height":2349},{"scr_type_id":3,"filename":"62318-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62318,"width":1800,"window_params":"","banner_url":"","id":1690344,"href":"","height":4381},{"scr_type_id":299,"filename":"62318-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62318,"width":430,"window_params":"","banner_url":"","id":1690345,"href":"","height":900},{"scr_type_id":9,"filename":"62318-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62318,"width":145,"window_params":"","banner_url":"","id":1690346,"href":"","height":156},{"scr_type_id":298,"filename":"62318-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62318,"width":430,"window_params":"","banner_url":"","id":1690347,"href":"","height":900},{"scr_type_id":300,"filename":"62318-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62318,"width":320,"window_params":"","banner_url":"","id":1690348,"href":"","height":900},{"scr_type_id":3,"filename":"62318-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62318,"width":895,"window_params":"","banner_url":"","id":1690349,"href":"","height":599},{"scr_type_id":334,"filename":"62318-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62318,"width":1600,"window_params":"","banner_url":"","id":1690350,"href":"","height":1000},{"scr_type_id":312,"filename":"62318-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62318,"width":370,"window_params":"","banner_url":"","id":1690351,"href":"","height":370},{"scr_type_id":3,"filename":"62318-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62318,"width":408,"window_params":"","banner_url":"","id":1690352,"href":"","height":55},{"scr_type_id":178,"filename":"62318-joom-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62318,"width":430,"window_params":"","banner_url":"","id":1690353,"href":"","height":1047},{"scr_type_id":179,"filename":"62318-joom.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62318,"width":430,"window_params":"","banner_url":"","id":1690354,"href":"","height":60},{"scr_type_id":315,"filename":"62318-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62318,"width":1800,"window_params":"","banner_url":"","id":1690355,"href":"","height":4381},{"scr_type_id":314,"filename":"62318-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":62318,"width":1903,"window_params":"","banner_url":"","id":1690356,"href":"","height":4381},{"scr_type_id":78,"filename":"62318-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":62318,"width":970,"window_params":"","banner_url":"","id":1690357,"href":"","height":280}],"demoUrl":"/demo/62318.html","image":"https://s.tmimgcdn.com/scr/62300/dog--cat-pet-clinic-responsive-joomla-template_62318-0-original.jpg","searchHash":"dd900dfd85f8de563d6b4664b59a5441","previewHash":"952566dfe84c285ee847d62142255c4d","authorNickname":"RockThemes","lowLevelTopic":"Vet Templates","weightedRating":4.4375,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":45,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"medicine, veterinary medicine, vet clinic, pets hospital, vet assistant, animal care, and animals & pets websites","joomlaModules":["Articles - Newsflash","Articles Single","Camera Slideshow","Bootstrap Collapse","Bootstrap Tabs","TM Ajax Contact Form","Komento"],"uniqueKeywords":"Kennel shopify breeding animal veterinary owner blog breed kitty accessories ecommerce litter care grooming feed vet cat dog veterinar puppy","metaDescription":"A pet hospital Joomla Template with a valid semantic code, effective & friendly 24/7 support, well-structured documentation, and other features.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/62300/62318-en_01.jpg, https://s.tmimgcdn.com/scr/62300/62318-en_02.jpg, https://s.tmimgcdn.com/scr/62300/62318-en_03.jpg, https://s.tmimgcdn.com/scr/62300/62318-en_04.jpg, https://s.tmimgcdn.com/scr/62300/62318-en_05.jpg, https://s.tmimgcdn.com/scr/62300/62318-en_06.jpg, https://s.tmimgcdn.com/scr/62300/62318-en_07.jpg, https://s.tmimgcdn.com/scr/62300/62318-en_08.jpg","features":["Responsive","Admin Panel","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Blog","Gallery","Forum","HTML 5","JQuery","HTML plus JS","Parallax"],"joomlaEngine":"3.6.5","templateSources":[".PSD",".PHP"],"authorUserId":"1768190","isFree":"none","hELPURL":"/quick-start-guide/joomla-3/","documentationVersion":"v3.5","imageDescription":"https://s.tmimgcdn.com/scr/62300/62318-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"lastmod":"2021-10-04T09:08:58-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Have a look at the live preview for the top notch Dog & Cat - Pet Clinic Responsive Joomla Template (#62318) get yourself informed about this theme before you decide to buy it. Browse through the pages, examine the images, click the buttons, explore the features.","shortDescription":"Dog & Cat is a perfect solution for those, who are looking for a great functionality and beautiful look in one place. This vet clinic Joomla template is pre-loaded with a fully responsive design, and, at the same time, is fully crossbrowser compatible. Therefore, your site's visitors can use any modern device and any browser to get to know with your website. Moreover, cute animal backgrounds and easy-for-the eyes tones will make a pleasant effect on your audience. Designed by top industry leaders, this template has testimonials and team members modules that will help you to create a trustworthy website for your pets hospital. Meanwhile, a number of additional pages and a rich UI kit allow you to add all the details about your veterinary medicine business and to enrich them with multiple types of content. Your clients can easily stay informed of all updates and events thanks to a newsletter subscription, they also can reach you in any question using a neat contact form. Promote your pet clinic all over the web with this animal care template!<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 Vet Center Joomla template</h3> <p><b>What is it?</b></p><p>A parallax scrolling effect is a technique in web design when background image shifts at a slower rate than a foreground content, leading to the illusion of multi-level effect. </p> <p><b>Why is it Good?</b></p><p>Parallax scrolling effect looks beautiful and glues users' eyes to the imagery and content modules.</p><p>Click for more <a href=\"https://www.templatemonster.com/parallax-joomla-templates/\">Parallax Joomla design templates</a> here</p> <h3>This Vet Clinic Joomla design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders a web page exact perfectly on any type of screen size.</p> <p><b>Why is it Good?</b></p><p>Responsive design will help your website appear equally perfect on display of any existing personal pc or portable gadget.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-joomla-templates/\">Responsive Joomla themes</a> here</p> <h3>This is a Bootstrap Veterinarian Joomla theme</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for web page and apps design.</p> <p><b>Why is it Good?</b></p><p>Bootstrap helps you build responsive, mobile-first  projects efficiently.</p><p>Find newest <a href=\"https://www.templatemonster.com/bootstrap-joomla-templates/\">Bootstrap Joomla themes</a> here</p> <br /></div></div></div></div>","tags":["accessories","accommodation","adaptable","age","animal","apparel","bed","bowl","breed","breeding","care","cat","center","cleanup","clinic","clinical","collar","color","dishes","doctors","dog","feed","flea","grooming","health","hospital","kennel","kitten","kitty","litter","medicine","owner","pet","pets","puppy","services","staff","supplies","tick","tips","vet","veterinarian","veterinary","blog","ecommerce","shopify"],"customUrl":"/joomla-templates/vet-responsive-joomla-template-62318.html","badge":"badge-responsive","nameOfTheTemplate":"Dog & Cat - Pet Clinic Responsive Joomla Template","pHPVersionCompatibility":"7.x","topic":["Animals & Pets","Vet Templates"],"styles":"Neutral","productFamily":"None","color":["black","white","grey","green"],"followUpLetter":"joomla-templates-offers","reviewsTotal":"6","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"3.0","livePreviewURL":"https://livedemo00.template-help.com/joomla_62318","templateGroup":"CMS Templates","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","galleryScript":"MixItUp","dynamicChangeLog":"<ul>\n<li>- HTML optimized for better performance</li>\n<li>- 3 minor JS bugs fixed</li>\n<li>- 3 minor layout bugs fixed</li>\n<li>- 3 minor styles bugs fixed</li>\n</ul>","templateIcon":"icon-joomla","types":"Joomla Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2s0OR56","webForms":["Contact Form","Login Form","User Registration","Search Form"],"loyaltySells":"1","width":"1920px","skupromo":"21%","marketplaceMembership":"One","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: Fri, 26 Apr 2024 12: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=62318&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=62318&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=62318&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 12: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: 159.203.151.221:80"
}
https://livedemo00.template-help.com/joomla_62318<!DOCTYPE html>
<html lang="en">
<head>
    <title>#62318 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/62318.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 #62318            </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=62318&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $41                <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>