string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=296057&expand=properties"
string(15028) "[{"templateId":296057,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":166,"categoryName":"Car Repair Templates","templateTitle":"Car Repair Responsive Joomla Template","templatePreviewHtmlTitle":"JL Mecanic Auto Service and Oto Expertiz Joomla4 and 5 Template","templateDemoHtmlTitle":"Live demo for JL Mecanic Auto Service and Oto Expertiz Joomla4 and 5 Template #296057","typeShortName":"Joomla","templatePreviewFBTitle":"<p>Auto service is the most sought after and rescuer sector in emergencies, with its ready-made auto service website, you can get rid of emergencies. Enabling customers to reach you is important for your industry. All individuals now have computers, tablets and smartphones. During this period, intermediaries conduct research on the internet on behalf of the required service.</p><p>If your auto service does not have a website, we can say that you are losing. Not only as a website, but also that this website is active.is also important. People trying to reach you cannot reach your website or if your website is under construction, it is still yours. it leads to your job loss and your competitors to take the job from you. Creating a new website is quite costly and time-consuming. Its a demanding job. Every company wants the business it opens to make a profit. This is something to expect when you take no action.is not. Having a website is important for people to find you. Oto-Pratic website saves time and expense in this regard. and saves advertising costs.</p><p>With these features, your site content will be fully equipped and indistinguishable from your competitors. Your customers auto with the visuals of your service, the about us section where you include your experiences, and the services module you have performed. they will have the opportunity to get to know you without seeing you. With customer reviews, they will trust you and have the opportunity to get to know your team. You can easily use the Oto-Pratic service maintenance website package through the joomla administration panel, and you can share your website with anyone. You can manage it yourself, without the need for personnel costs.</p><p><strong>Note:</strong> Images, Texts, Slogans, Clips, Videos and Mp3s on the site do not have a political or commercial meaning; They are published in good faith only. All our customers who purchase our theme can continue to use the Images, Texts, Slogans, Mp3s, Videos, Clips and all promotional images on the site free of charge for life in the themes they purchased...</p><p>Who is suitable for:</p><p>-Auto Expertise Dealers</p><p>-Engine Mechanical Control Services</p><p>-Paint Body Control Services</p><p>-Auto Tire, Brake Suspension Services</p><p>-Car Interior Exterior Decor Maintenance and Repair Services</p><p>-Car Wash Services</p><p>-Auto Showrooms</p><p>• Differentiate As You Wish With The Drag And Drop Method.</p><p>• 10 Awesome Demo Homepages</p><p>• Great Visual Animation Title Image Area (Not available elsewhere)</p><p>• 3 Awesome Hotspot Images</p><p>• 5 Great Service Demo Pages</p><p>• 3 Demo Our Dealers</p><p>• 7 Demo Before / After</p><p>• 7 Demo Pricing Table</p><p>• 3 Awesome About Us Pages</p><p>• 2 Great Contact Pages</p><p>• 3 Demo Photo Gallery,</p><p>• 8 Different Color Schemes</p><p>• Moreover; Portfolio, Our Team, Prices, Appointment, Videos Page, Sponsor Blog</p><p>• Sp Page Builder Pro </p><p>• Helix Ultimate 2</p><p>• 100% Mobile Responsive</p><p>• Wide And Boxed Version</p><p>• IE9+, Firefox, Safari, Opera, Chrome - And more!</p>","templateFullTitle":"JL Mecanic Auto Service and Oto Expertiz Joomla4 and 5 Template","templatePreviewMetaDescription":"Auto service is the most sought after and rescuer sector in emergencies, with its ready-made auto service website, you can get rid of emergencies. Enabling","templateDemoMetaDescription":"Prior to buying it, get yourself acquainted with the Oto-Mecanic Auto Service and Expertiz Joomla4 Template Joomla Template (#296057) by viewing the live preview. View the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"JL Mecanic Auto Service and Oto Expertiz Joomla4 and 5 Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/oto-mecanic-auto-service-and-expertiz-joomla4-template-296057.html","userRating":"5","designIndex":1,"authorUserId":"30481598","exclusive":"1","state":1,"price":62,"inserted_date":"2022-11-22","sent":0,"downloads":21,"search_words":"advice auto automate automobile boat booking business car services mobile maintenance home company clients care book service","is_adult":0,"exc_price":2100,"sent_date":"2022-11-22 10:54:00","last_upload":"2022-11-22 11:12:08","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2907089,"templ_id":296057,"filename":"296057-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":2907090,"templ_id":296057,"filename":"296057-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":2907091,"templ_id":296057,"filename":"296057-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":2907092,"templ_id":296057,"filename":"296057-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":2907093,"templ_id":296057,"filename":"296057-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/296057.html","image":"https://s.tmimgcdn.com/scr/296000/jl-mecanic-auto-service-and-oto-expertiz-joomla4-and-5-template_296057-original.jpg","searchHash":"7eedbaf8ad7283b539bb3b296b7cd40a","previewHash":"9884724914635237c39ea3f077e15557","authorNickname":"joomlove","lowLevelTopic":"Car Repair Templates; Car Insurance Templates; Auto Parts Templates; Maintenance Services Templates; Limousine Services Templates; Auto Towing","weightedRating":4.1818181818182,"annualSale":15,"monthlySales":1,"quarterlySales":2,"productBoost":35,"onSale":0,"finalPrice":54,"discountPercent":0,"discountAmount":0,"semiannualSales":3,"properties":{"features":["Responsive","Pro","Admin Panel","Bootstrap","Ajax","Multipurpose","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","MegaMenu","Blog","Gallery","Portfolio","JQuery","Background video"],"styles":["Clean","Corporate","Dark","Mobile","Flat"],"isLastAdded":"1","topic":["Car Repair Templates","Car Insurance Templates","Auto Parts Templates","Car Templates","Maintenance Services Templates","Limousine Services Templates","Business & Services","Cars & Motorcycles","Auto Towing"],"isFree":"none","popularity":["Top Rated","Recently Updated"],"color":"black","productOfTheDay":"-2","showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","imagesIncluded":"Yes","tags":["advice","auto","automate","automobile","boat","book","booking","business","car","care","clients","company","home","maintenance","mobile","service","services"],"marketplaceMembership":"None","joomlaEditor":"SP Page Builder","paidSupport":"Yes","joomlaCompatibility":["4.0.x","4.1.x","4.2.x","4.3.x","4.4.x","5.0.x"],"authorUserId":"30481598","webServerCompatibility":"Apache 2.4","pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"featured":"50sale","nameOfTheTemplate":"JL Mecanic Auto Service and Oto Expertiz Joomla4 and 5 Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u30481598/affff91a07155d9eb6654d99e31ff376.jpg, https://s3u.tmimgcdn.com/u30481598/023c83ddfbf693c2e78db36e4973faad.jpg, https://s3u.tmimgcdn.com/u30481598/a9eb41c0b82f98b6417e02135cc5d83e.jpg, https://s3u.tmimgcdn.com/u30481598/b37e8a34a8172307aaeeddc40b59d14b.jpg, https://s3u.tmimgcdn.com/u30481598/41ddfafeef6ce8143cfac9f69bd4ac73.jpg","shortDescription":"<p>Auto service is the most sought after and rescuer sector in emergencies, with its ready-made auto service website, you can get rid of emergencies. Enabling customers to reach you is important for your industry. All individuals now have computers, tablets and smartphones. During this period, intermediaries conduct research on the internet on behalf of the required service.</p><p>If your auto service does not have a website, we can say that you are losing. Not only as a website, but also that this website is active.is also important. People trying to reach you cannot reach your website or if your website is under construction, it is still yours. it leads to your job loss and your competitors to take the job from you. Creating a new website is quite costly and time-consuming. Its a demanding job. Every company wants the business it opens to make a profit. This is something to expect when you take no action.is not. Having a website is important for people to find you. Oto-Pratic website saves time and expense in this regard. and saves advertising costs.</p><p>With these features, your site content will be fully equipped and indistinguishable from your competitors. Your customers auto with the visuals of your service, the about us section where you include your experiences, and the services module you have performed. they will have the opportunity to get to know you without seeing you. With customer reviews, they will trust you and have the opportunity to get to know your team. You can easily use the Oto-Pratic service maintenance website package through the joomla administration panel, and you can share your website with anyone. You can manage it yourself, without the need for personnel costs.</p><p><strong>Note:</strong> Images, Texts, Slogans, Clips, Videos and Mp3s on the site do not have a political or commercial meaning; They are published in good faith only. All our customers who purchase our theme can continue to use the Images, Texts, Slogans, Mp3s, Videos, Clips and all promotional images on the site free of charge for life in the themes they purchased...</p><p>Who is suitable for:</p><p>-Auto Expertise Dealers</p><p>-Engine Mechanical Control Services</p><p>-Paint Body Control Services</p><p>-Auto Tire, Brake Suspension Services</p><p>-Car Interior Exterior Decor Maintenance and Repair Services</p><p>-Car Wash Services</p><p>-Auto Showrooms</p><p>• Differentiate As You Wish With The Drag And Drop Method.</p><p>• 10 Awesome Demo Homepages</p><p>• Great Visual Animation Title Image Area (Not available elsewhere)</p><p>• 3 Awesome Hotspot Images</p><p>• 5 Great Service Demo Pages</p><p>• 3 Demo Our Dealers</p><p>• 7 Demo Before / After</p><p>• 7 Demo Pricing Table</p><p>• 3 Awesome About Us Pages</p><p>• 2 Great Contact Pages</p><p>• 3 Demo Photo Gallery,</p><p>• 8 Different Color Schemes</p><p>• Moreover; Portfolio, Our Team, Prices, Appointment, Videos Page, Sponsor Blog</p><p>• Sp Page Builder Pro </p><p>• Helix Ultimate 2</p><p>• 100% Mobile Responsive</p><p>• Wide And Boxed Version</p><p>• IE9+, Firefox, Safari, Opera, Chrome - And more!</p>","uniqueKeywords":"advice,auto,automate,automobile,boat,booking,business,car,services,mobile,maintenance,home,company,clients,care,book,service","advImage":"https://s3u.tmimgcdn.com/u30481598/dce083496a45a978abb3e292dcde3072.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u30481598/f04073fecbbaecad3063342350b63e51.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u30481598/6151a9c66c15f3f0edea8a0096b53694.jpg, https://s3u.tmimgcdn.com/u30481598/f6473ed84bb5127caf84e83ff6b1079f.jpg, https://s3u.tmimgcdn.com/u30481598/03c99fd80404037addc4693ef71a5db0.jpg, https://s3u.tmimgcdn.com/u30481598/bfd109e4a72eabbc13dd1f0f3747ba64.jpg, https://s3u.tmimgcdn.com/u30481598/8abe5d4e9de0f36df2d67e3f26e7dcde.jpg","livePreviewURL":"https://oto-pratic.joomlalove.com/","metaDescription":"Auto service is the most sought after and rescuer sector in emergencies, with its ready-made auto service website, you can get rid of emergencies. Enabling","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3hU8cDy","demoMetaDescription":"Prior to buying it, get yourself acquainted with the Oto-Mecanic Auto Service and Expertiz Joomla4 Template Joomla Template (#296057) by viewing the live preview. View the pages, examine the images, click the buttons, explore the features.","customUrl":"/joomla-templates/oto-mecanic-auto-service-and-expertiz-joomla4-template-296057.html","productSize":"339153046","changeLog":"## 14 04,2024\n\n- Joomla has been upgraded to 4.4.3 and 5.0.3\n- Akeeba Backup package has been upgraded to v.9.9.0\n- JT Content Slider has been upgraded v3.0.9\n- Helix Ultimate has been upgraded to 2.0.18\n- Sp Page Builder has been upgraded to 5.2.9\n- Sp simple portfolio v2.0.8\n- Speasyimagegallery has been upgraded v2.0.4\n- JT Carosel Yendif V1.5 has been upgraded v3.0.9\n\n## 20 01,2024\n- Joomla has been upgraded to 4.4.2 and 5.0.2\n- Akeeba Backup package has been upgraded to v.9.8.4\n- JT Content Slider has been upgraded v3.0.9\n- Helix Ultimate has been upgraded to 2.0.18\n- Sp Page Builder has been upgraded to 5.2.5\n- Sp simple portfolio v2.0.7\n- Speasyimagegallery has been upgraded v2.0.3\n\n\n## 23 11,2023\n- Joomla has been upgraded to 4.4.0 \n-Joomla has been upgraded to 5.0.0\n- Akeeba Backup package has been upgraded to v.9.8.1\n- Helix Ultimate has been upgraded to 2.0.15\n- Sp Page Builder has been upgraded to 3.8.10\n- Sp simple portfolio v2.0.7\n- Speasyimagegallery has been upgraded v2.0.3\n- JT Content Slider has been upgraded v2.9.9\n\n\n\n## 07 07,2023\n-Joomla has been upgraded to 4.3.2\n-Sp Page Builder has been upgraded to 3.8.10\n-Helix Ultimate has been upgraded to 2.0.13\n-Sp simple portfolio v2.0.7\n-Speasyimagegallery has been upgraded v2.0.2\n-Akeeba Backup package has been upgraded to v.9.6.1\n\n\n## 23 11,2022\n-Fixed non-mobile compatible pages\n-Quick install package and demo package made compatible","changeLogDate":"2024-04-23","trendiness":"1","excerpt":"<p>Auto service is the most sought after and rescuer sector in emergencies, with its ready-made auto service website, you can get rid of emergencies.</p>","reviewsTotal":"1","reviewAverageScore":"5","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 02:02:49 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=296057&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=296057&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=296057&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 27 Apr 2024 02:07:49 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://oto-pratic.joomlalove.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#296057 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/296057.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 #296057            </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=296057&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $57                <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>