string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=330485&expand=properties"
string(15382) "[{"templateId":330485,"typeId":24,"typeName":"Joomla template","typeUrl":"joomla-templates","categoryId":220,"categoryName":"Kids Center Templates","templateTitle":"Kids Center Responsive Joomla Template","templatePreviewHtmlTitle":"Caven Pro Multi-Purpose Joomla 5 and Joomla 4 Template","templateDemoHtmlTitle":"Live demo for Caven Pro Multi-Purpose Joomla 5 and Joomla 4 Template #330485","typeShortName":"Joomla","templatePreviewFBTitle":"<p><strong>Caven Pro</strong> is pro and <strong>Joomla 4 and 5 version</strong> of Caven Free Joomla Template. <strong>Caven Pro</strong> is a top-notch Joomla 4 and 5 template that redefines the standards of professional website design. This multi-purpose template boasts an unparalleled level of sophistication and elegance, making it the perfect choice for businesses of all sizes. <strong>Caven Pro</strong> is equipped with cutting-edge features, offering unmatched customization options for your website.</p><p><strong>Caven Pro</strong> is specially crafted for businesses, educational institutions, financial organizations, consulting firms, and corporations. With a solid foundation based on the powerful T3 Framework and Bootstrap 4, CavenPro is built to deliver exceptional performance and fast load times. The template is fully responsive and compatible with all devices, ensuring that your website looks great on any screen size.</p><p><strong>Caven Pro</strong> comes with 14 pre-designed homepage layouts that are not only visually stunning but also highly functional. Choose from a range of color schemes, including 15 predefined colors, or customize your own to match your brand's unique identity. The template features a comprehensive <strong>Megamenu </strong>that makes navigation a breeze for your visitors.</p><p>With <strong>Caven Pro, </strong>you get access to premium features like Smart Slider, different background options including parallax, gradient, and video backgrounds. The template also includes a range of dark and light versions to match your preference. CavenPro gives you complete control over your website's layout and design, thanks to its easy-to-use drag-and-drop interface.</p><p><strong>Features:</strong></p><ul><li><strong>Fully Responsive</strong> Design</li><li><strong>Bootstrap 3 - T3 Framework</strong></li><li>5 MegaMenu Styles</li><li><strong>15 Preset Color</strong> Styles</li><li><strong>14 Homepage</strong> layouts</li><li><strong>3 Background Type </strong>Options (Fixed Image, Patterned Background and Solid Color)</li><li>Light and Dark Versions (4 Dark Styles)</li><li>26 <strong>Google Fonts</strong></li><li>Select Different Google Font For Body (26 Google Fonts)</li><li>Select Different Google Font For Headings and Titles (26 Google Fonts)</li><li>Select Different Google Font For Horizontal Navigaton Menu (26 Google Fonts)</li><li><strong>Sticky Menu</strong></li><li>Off-Canvas Sidebar</li><li>1170px Grid System</li><li>Full Demo Included Quickstart Package</li><li><strong>Smart Slider</strong></li><li>JE Orbit Slider</li><li>Clean and Modern Style</li><li>Different Portfolio Pages</li><li>About Us Page - Team</li><li>Contact Page with Google Map</li><li><strong>Video</strong> Extension and <strong>Video Page</strong></li><li>Pop Up Extension</li><li>Feedback Form Module as Side Panel</li><li><strong>Blog</strong> Pages</li><li><strong>Kunena Forum</strong> Extension and <strong>Latest Forum Posts</strong> Module</li><li>Subscribe to Mailing List</li><li>QuickForm Forms Extension</li><li><strong>Flickr Photostreaming</strong></li><li>Up to 3 Columns layout</li><li>Image or Text logo (Adjustable Logo Size on Admin Panel )</li><li><strong>Full Width</strong> and <strong>Boxed </strong>Layout</li><li>Top Reading Position Indicator with mouse wheeling</li><li>Nice Preloader</li><li>Back to Top Button</li><li>Text Transform Option for Titles</li><li>Text Transform Option for Nav Menu</li><li>Align Logo option (Horizontally and Vertically)</li><li>Multilingual Support Enabled and Set</li><li>Change Body Background Pattern for boxed layout (20+ Patterns)</li><li>Change Header Background Pattern for boxed layout (20+ Patterns)</li><li>Change Body Font Size</li><li>Change Nav Menu Font Size</li></ul>","templateFullTitle":"Caven Pro Multi-Purpose Joomla 5 and Joomla 4 Template","templatePreviewMetaDescription":"Caven Pro is pro and Joomla 4 and 5 version of Caven Free Joomla Template. Caven Pro is a top-notch Joomla 4 and 5 template that redefines the standards of","templateDemoMetaDescription":"Sit back and watch the demo preview of the high quality Caven Pro Multi-Purpose Joomla 4 Template Joomla Template (#330485) to get a better notion of what this design is before you buy it. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Caven Pro Multi-Purpose Joomla 5 and Joomla 4 Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/joomla-templates/caven-pro-multi-purpose-joomla-4-template-330485.html","userRating":0,"designIndex":1,"authorUserId":"1575147","exclusive":"1","state":1,"price":73,"inserted_date":"2023-04-28","sent":0,"downloads":17,"search_words":"agency baby business care children company consulting corporate creative university services school portfolio responsive industry financial family education elementary kindergarten","is_adult":0,"exc_price":2100,"sent_date":"2023-04-28 11:01:45","last_upload":"2024-09-23 10:11:36","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3079169,"templ_id":330485,"filename":"330485-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":3079170,"templ_id":330485,"filename":"330485-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":3079171,"templ_id":330485,"filename":"330485-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":3079172,"templ_id":330485,"filename":"330485-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":3079173,"templ_id":330485,"filename":"330485-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/330485.html","image":"https://s.tmimgcdn.com/scr/330400/caven-pro-multi-purpose-joomla-5-and-joomla-4-template_330485-original.jpg","searchHash":"66b98e60768e8546c207acd6889d14d8","previewHash":"ae5b961d4c19594a35b2ecc9b89fbbdd","authorNickname":"JoomlaTema","lowLevelTopic":"Consulting Templates; Advertising Agency Templates; Kids Center Templates; Adoption Agency Templates; Industrial Templates; Interior & Furniture Templates; Primary School Templates; Elementary School; Business Audit","weightedRating":null,"annualSale":9,"monthlySales":2,"quarterlySales":3,"productBoost":35,"onSale":1,"finalPrice":46,"discountPercent":30,"discountAmount":20,"semiannualSales":3,"properties":{"features":["Responsive","Admin Panel","Search Engine Friendly","Bootstrap","Mobile Layout Included","Team Members","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","MegaMenu","Blog","Gallery","Portfolio","Forum","JQuery","Background video"],"styles":["Corporate","Dark"],"isLastAdded":"1","topic":["Consulting Templates","Advertising Agency Templates","Kids Center Templates","Adoption Agency Templates","Education Templates","Family Templates","Industrial Templates","Interior & Furniture Templates","Primary School Templates","Design","Design & Photography","Education & Books","Business & Services","Home & Family","Society & People","Kids & Children","Elementary School","Business Audit"],"isFree":"none","color":["white","grey","brown","pink","green"],"popularity":"Recently Updated","showVariantForcibly":"b","exclusive":"1","authorUserId":"1575147","alreadyPacked":"1","imagesIncluded":"Yes","tags":["agency","baby","business","care","children","company","consulting","corporate","creative","education","elementary","family","financial","industry","kindergarten","portfolio","responsive","school","services","university"],"marketplaceMembership":"None","joomlaEditor":"T3 Framework","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"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Caven Pro is pro and Joomla 4 version of Caven Free Joomla Template. Caven Pro is a top-notch Joomla 4 template that redefines the standards of professional website design.</p>","nameOfTheTemplate":"Caven Pro Multi-Purpose Joomla 5 and Joomla 4 Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1575147/a0dd75a1f7d0da91b443b5cb2856c6ce.jpg, https://s3u.tmimgcdn.com/u1575147/35c64876f0ebeed2d858297b74148810.jpg, https://s3u.tmimgcdn.com/u1575147/033ba6a10b50cbf9d4d21cceee565cfb.jpg, https://s3u.tmimgcdn.com/u1575147/55954043fde9d01e9f97d2ca3c97a625.jpg","shortDescription":"<p><strong>Caven Pro</strong> is pro and <strong>Joomla 4 and 5 version</strong> of Caven Free Joomla Template. <strong>Caven Pro</strong> is a top-notch Joomla 4 and 5 template that redefines the standards of professional website design. This multi-purpose template boasts an unparalleled level of sophistication and elegance, making it the perfect choice for businesses of all sizes. <strong>Caven Pro</strong> is equipped with cutting-edge features, offering unmatched customization options for your website.</p><p><strong>Caven Pro</strong> is specially crafted for businesses, educational institutions, financial organizations, consulting firms, and corporations. With a solid foundation based on the powerful T3 Framework and Bootstrap 4, CavenPro is built to deliver exceptional performance and fast load times. The template is fully responsive and compatible with all devices, ensuring that your website looks great on any screen size.</p><p><strong>Caven Pro</strong> comes with 14 pre-designed homepage layouts that are not only visually stunning but also highly functional. Choose from a range of color schemes, including 15 predefined colors, or customize your own to match your brand's unique identity. The template features a comprehensive <strong>Megamenu </strong>that makes navigation a breeze for your visitors.</p><p>With <strong>Caven Pro, </strong>you get access to premium features like Smart Slider, different background options including parallax, gradient, and video backgrounds. The template also includes a range of dark and light versions to match your preference. CavenPro gives you complete control over your website's layout and design, thanks to its easy-to-use drag-and-drop interface.</p><p><strong>Features:</strong></p><ul><li><strong>Fully Responsive</strong> Design</li><li><strong>Bootstrap 3 - T3 Framework</strong></li><li>5 MegaMenu Styles</li><li><strong>15 Preset Color</strong> Styles</li><li><strong>14 Homepage</strong> layouts</li><li><strong>3 Background Type </strong>Options (Fixed Image, Patterned Background and Solid Color)</li><li>Light and Dark Versions (4 Dark Styles)</li><li>26 <strong>Google Fonts</strong></li><li>Select Different Google Font For Body (26 Google Fonts)</li><li>Select Different Google Font For Headings and Titles (26 Google Fonts)</li><li>Select Different Google Font For Horizontal Navigaton Menu (26 Google Fonts)</li><li><strong>Sticky Menu</strong></li><li>Off-Canvas Sidebar</li><li>1170px Grid System</li><li>Full Demo Included Quickstart Package</li><li><strong>Smart Slider</strong></li><li>JE Orbit Slider</li><li>Clean and Modern Style</li><li>Different Portfolio Pages</li><li>About Us Page - Team</li><li>Contact Page with Google Map</li><li><strong>Video</strong> Extension and <strong>Video Page</strong></li><li>Pop Up Extension</li><li>Feedback Form Module as Side Panel</li><li><strong>Blog</strong> Pages</li><li><strong>Kunena Forum</strong> Extension and <strong>Latest Forum Posts</strong> Module</li><li>Subscribe to Mailing List</li><li>QuickForm Forms Extension</li><li><strong>Flickr Photostreaming</strong></li><li>Up to 3 Columns layout</li><li>Image or Text logo (Adjustable Logo Size on Admin Panel )</li><li><strong>Full Width</strong> and <strong>Boxed </strong>Layout</li><li>Top Reading Position Indicator with mouse wheeling</li><li>Nice Preloader</li><li>Back to Top Button</li><li>Text Transform Option for Titles</li><li>Text Transform Option for Nav Menu</li><li>Align Logo option (Horizontally and Vertically)</li><li>Multilingual Support Enabled and Set</li><li>Change Body Background Pattern for boxed layout (20+ Patterns)</li><li>Change Header Background Pattern for boxed layout (20+ Patterns)</li><li>Change Body Font Size</li><li>Change Nav Menu Font Size</li></ul>","uniqueKeywords":"agency,baby,business,care,children,company,consulting,corporate,creative,university,services,school,portfolio,responsive,industry,financial,family,education,elementary,kindergarten","advImage":"https://s3u.tmimgcdn.com/u1575147/e0620bde46e5d897e5f7d101c5df85b6.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1575147/998d594f40cbcc49e89453c2241e6ded.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1575147/cc72f041c064bfefee98397c24c01c46.jpg, https://s3u.tmimgcdn.com/u1575147/7ae91814f131670a20f7c0bf01d3d8df.jpg","livePreviewURL":"https://cavenpro.joomlatema.net/landing/","metaDescription":"Caven Pro is pro and Joomla 4 and 5 version of Caven Free Joomla Template. Caven Pro is a top-notch Joomla 4 and 5 template that redefines the standards of","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Sit back and watch the demo preview of the high quality Caven Pro Multi-Purpose Joomla 4 Template Joomla Template (#330485) to get a better notion of what this design is before you buy it. View the pages, check out the images, click the buttons, explore the features.","customUrl":"/joomla-templates/caven-pro-multi-purpose-joomla-4-template-330485.html","productSize":"266032675","trendiness":"1","changeLog":"09/09/2024\n-Joomla 5, Joomla 4 version, Akeeba, Kunena, JT Content Slider, JT Testimonial, JT Image Gallery, Headline JT5 Updated. \n16/02/2024\n-Joomla 5, Joomla 4 version, Akeeba, Kunena Updated. \n27/10/2023 \n-Joomla 5 Version added, Joomla 4 version, Akeeba, Kunena Updated. \n10/08/2023 User reported login problem fixed.\n31/07/2023 Joomla Version, Akeeba, T3 Plugin Updated. User reported search problem fixed.","changeLogDate":"2024-09-23","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","productOfTheDay":"0"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 21 Nov 2024 11:28:57 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=330485&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=330485&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=330485&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 21 Nov 2024 11:33:57 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://cavenpro.joomlatema.net/landing/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#330485 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/330485.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 #330485            </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=330485&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>