string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=287624&expand=properties"
string(12637) "[{"templateId":287624,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":425,"categoryName":"Education Templates","templateTitle":"Education Responsive Website Template","templatePreviewHtmlTitle":"EduKids - After Schooling HTML Bootstrap Website Template","templateDemoHtmlTitle":"Live preview for EduKids - After Schooling HTML Bootstrap Website Template #287624","typeShortName":"Website","templatePreviewFBTitle":"<h2>Edukids - After Schooling HTML Bootstrap Website Template</h2><p><br></p><p>To create a decent after-schooling website, you must choose the best online classes HTML website template that will help your business develop fast and stable. You may know that online classes are very sensible and difficult because a student turns to you when in need. So, you have to convince them that you are the best online school for that purpose. In this case, a well-designed and optimized online classes website will ease your task.</p><p>EduKids – our After-schooling HTML Bootstrap Website Template is the perfect solution for any type of online class. Online Classes, Classes Information, and other similar businesses. With its trustable design and responsive layout, it’s the best fit for Online Classes.</p><h3><strong>Features of our After Schooling HTML Bootstrap Website Template</strong></h3><ul><li>Valid HTML5 and CSS3</li><li>Bootstrap v5 framework</li><li>Sass supported coding</li><li>Google web font support</li><li>Bootstrap icon font support</li><li>Font Awesome v5 icon font</li><li>9+ pre-designed demo pages</li><li>Clean and customizable code</li><li>Compatible with all browsers</li><li>Sticky and dropdown navbar</li><li>Responsive header carousel</li><li>Animation on page scrolling</li><li>Animated number counter</li><li>Testimonial carousel</li><li>CSS3 hover effects</li><li>Appointment form</li><li>Newsletter form</li><li>Social link with icon</li><li>“Back to Top” button</li><li>Contact form</li><li>Google map</li><li>Easy to use</li></ul><p><br></p><h3><strong>100% Customizable HTML Template</strong></h3><p>No website can be useful without proper customization. This responsive HTML template gives you more than just a cool design. It offers you access to a variety of blocks and elements. Feel free to use them to completely revamp your website. From buttons to widgets, there are no limits in making your Intense website look its best.</p><p><br></p><h2>Lots of Useful Sections and Premium Support</h2><p>EduKids – After Schooling HTML Bootstrap Website template has been designed with valid and clean HTML5, CSS3, SASS, latest jQuery, and Bootstrap v5 framework. All files and code have been well organized and nicely commented for easy customize. It comes with lots of UI elements and components to fit all possibilities of the online classes’ websites. The template is also fully responsive and mobile-friendly, allowing your visitors to use any device or platform to work with the site.</p><p>EduKids – After Schooling HTML Bootstrap Website template comes with tons of professionally-designed demo pages for Home, About, Service, Feature, Appointment, Team, Testimonial, 404 Error, Contact page, etc. These demo pages are fully ready for you to customize and launch your online Classes website quickly and easily.</p><p><br></p><h2>File Included :</h2><ul><li>CSS Files</li><li>JS Files</li></ul><h2>Sources and Credits:</h2><ul><li>jQuery</li><li>Bootstrap</li><li>wow</li><li>waypoints</li><li>easing</li><li>counterup</li><li>owlcarousel</li><li>waypoints</li><li>Font Awesome</li></ul><h2>Fonts:</h2><ul><li>Roboto(Google Fonts)</li><li>Poppins(Google Fonts)</li></ul><h2>Images:</h2><ul><li>Pexels</li></ul>","templateFullTitle":"EduKids - After Schooling HTML Bootstrap Website Template","templatePreviewMetaDescription":"Edukids - After Schooling HTML Bootstrap Website TemplateTo create a decent after-schooling website, you must choose the best online classes HTML website","templateDemoMetaDescription":"Sit back and watch the live preview of the professional EduKids - After Schooling HTML Bootstrap Website Template Website Template (#287624) get yourself familiar with this theme before you decide to buy it. View the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"EduKids - After Schooling HTML Bootstrap Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/edukids-after-schooling-html-bootstrap-website-template-287624.html","userRating":0,"designIndex":1,"authorUserId":"78117734","exclusive":"1","state":1,"price":22,"inserted_date":"2022-10-31","sent":0,"downloads":1,"search_words":"academy center classes course courses education learning knowledge study training","is_adult":0,"exc_price":2100,"sent_date":"2022-10-31 13:47:21","last_upload":"2022-10-31 13:48:05","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"287624-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":287624,"width":1600,"window_params":"","banner_url":"","id":2864924,"href":"","height":1000},{"scr_type_id":311,"filename":"287624-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":287624,"width":1600,"window_params":"","banner_url":"","id":2864925,"href":"","height":1000},{"scr_type_id":312,"filename":"287624-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":287624,"width":370,"window_params":"","banner_url":"","id":2864926,"href":"","height":370},{"scr_type_id":9,"filename":"287624-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":287624,"width":145,"window_params":"","banner_url":"","id":2864927,"href":"","height":156},{"scr_type_id":57,"filename":"287624-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":287624,"width":430,"window_params":"","banner_url":"","id":2864928,"href":"","height":269}],"demoUrl":"/demo/287624.html","image":"https://s.tmimgcdn.com/scr/287600/edukids-after-schooling-html-bootstrap-website-template_287624-original.jpg","searchHash":"de940fa7182dcc008f28beee13dc923b","previewHash":"b7278ec0ef610e3bb275190609899e27","authorNickname":"EdulifeAgency","lowLevelTopic":"Education Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":22,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["white","grey","orange"],"followUpLetter":"website-template-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"7550843","uniqueKeywords":"academy,center,classes,course,courses,education,learning,knowledge,study,training","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Edukids - After Schooling HTML Bootstrap Website TemplateTo create a decent after-schooling website, you must choose the best online classes HTML website","isLastAdded":"1","bootstrapVersion":"5.x","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78117734/e339fcb570fcb1eb41cc85eb5331430a.jpg, https://s3u.tmimgcdn.com/u78117734/ac2a1654fc85f3ac2f3a6d41532f98f3.jpg, https://s3u.tmimgcdn.com/u78117734/2f927f4116557a85430e32e92a191c9e.jpg","features":["Premium","Responsive","Bootstrap","Mobile Layout Included","Team Members","Light Template","Dropdown Menu","Google map","Sample content","Portfolio","HTML 5","JQuery"],"saleSells":"1","livePreviewURL":"https://edukids.3twentysoft.com/demo/","authorUserId":"78117734","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78117734/e5fd94ba75c9cdcb53abf95df77f2fb9.jpg","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","alreadyPacked":"1","exclusive":"1","imagesIncluded":"Yes","webServerCompatibility":"Apache 2.4","templateIcon":"icon-monster_dark","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78117734/67dc3a0cf80b68df1a11ffef3f265b43.jpg, https://s3u.tmimgcdn.com/u78117734/807c7ac5aa013eb1fe4b7bd3e1b0f375.jpg, https://s3u.tmimgcdn.com/u78117734/b823262b2630f795c48f9bb1a912a9b9.jpg, https://s3u.tmimgcdn.com/u78117734/096273c22960d962dcf7fb141ff1bff7.jpg, https://s3u.tmimgcdn.com/u78117734/c890e976c809bf9d466faaaf49ea0e5c.jpg","types":"HTML Website Templates","demoMetaDescription":"Sit back and watch the live preview of the professional EduKids - After Schooling HTML Bootstrap Website Template Website Template (#287624) get yourself familiar with this theme before you decide to buy it. View the pages, check the images, click the buttons, explore the features.","shortDescription":"<h2>Edukids - After Schooling HTML Bootstrap Website Template</h2><p><br></p><p>To create a decent after-schooling website, you must choose the best online classes HTML website template that will help your business develop fast and stable. You may know that online classes are very sensible and difficult because a student turns to you when in need. So, you have to convince them that you are the best online school for that purpose. In this case, a well-designed and optimized online classes website will ease your task.</p><p>EduKids – our After-schooling HTML Bootstrap Website Template is the perfect solution for any type of online class. Online Classes, Classes Information, and other similar businesses. With its trustable design and responsive layout, it’s the best fit for Online Classes.</p><h3><strong>Features of our After Schooling HTML Bootstrap Website Template</strong></h3><ul><li>Valid HTML5 and CSS3</li><li>Bootstrap v5 framework</li><li>Sass supported coding</li><li>Google web font support</li><li>Bootstrap icon font support</li><li>Font Awesome v5 icon font</li><li>9+ pre-designed demo pages</li><li>Clean and customizable code</li><li>Compatible with all browsers</li><li>Sticky and dropdown navbar</li><li>Responsive header carousel</li><li>Animation on page scrolling</li><li>Animated number counter</li><li>Testimonial carousel</li><li>CSS3 hover effects</li><li>Appointment form</li><li>Newsletter form</li><li>Social link with icon</li><li>“Back to Top” button</li><li>Contact form</li><li>Google map</li><li>Easy to use</li></ul><p><br></p><h3><strong>100% Customizable HTML Template</strong></h3><p>No website can be useful without proper customization. This responsive HTML template gives you more than just a cool design. It offers you access to a variety of blocks and elements. Feel free to use them to completely revamp your website. From buttons to widgets, there are no limits in making your Intense website look its best.</p><p><br></p><h2>Lots of Useful Sections and Premium Support</h2><p>EduKids – After Schooling HTML Bootstrap Website template has been designed with valid and clean HTML5, CSS3, SASS, latest jQuery, and Bootstrap v5 framework. All files and code have been well organized and nicely commented for easy customize. It comes with lots of UI elements and components to fit all possibilities of the online classes’ websites. The template is also fully responsive and mobile-friendly, allowing your visitors to use any device or platform to work with the site.</p><p>EduKids – After Schooling HTML Bootstrap Website template comes with tons of professionally-designed demo pages for Home, About, Service, Feature, Appointment, Team, Testimonial, 404 Error, Contact page, etc. These demo pages are fully ready for you to customize and launch your online Classes website quickly and easily.</p><p><br></p><h2>File Included :</h2><ul><li>CSS Files</li><li>JS Files</li></ul><h2>Sources and Credits:</h2><ul><li>jQuery</li><li>Bootstrap</li><li>wow</li><li>waypoints</li><li>easing</li><li>counterup</li><li>owlcarousel</li><li>waypoints</li><li>Font Awesome</li></ul><h2>Fonts:</h2><ul><li>Roboto(Google Fonts)</li><li>Poppins(Google Fonts)</li></ul><h2>Images:</h2><ul><li>Pexels</li></ul>","tags":["academy","center","classes","course","courses","education","knowledge","learning","study","training","back to school"],"bitLyUrl":"https://bit.ly/3zwHc2T","customUrl":"/website-templates/edukids-after-schooling-html-bootstrap-website-template-287624.html","nameOfTheTemplate":"EduKids - After Schooling HTML Bootstrap Website Template","paidSupport":"Yes","pHPVersionCompatibility":["8.1","8.0","7.4"],"topic":["Education Templates","Education & Books"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u78117734/dbec51fcdab10846b62043887981b77e.jpg","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: Fri, 19 Apr 2024 19:07:36 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=287624&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=287624&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=287624&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 19 Apr 2024 19:12:36 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://edukids.3twentysoft.com/demo/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#287624 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/287624.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">
                Website Templates #287624            </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=287624&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $20                <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="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>