string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=320614&expand=properties"
string(16067) "[{"templateId":320614,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":183,"categoryName":"Swimming School Templates","templateTitle":"Swimming School Responsive Website Template","templatePreviewHtmlTitle":"Educators – Online Course &amp; Education HTML Template","templateDemoHtmlTitle":"Demo for Educators – Online Course &amp; Education HTML Template #320614","typeShortName":"Website","templatePreviewFBTitle":"<h2>\"Introducing Educators - Your Comprehensive Education HTML Template</h2><p>Are you looking for the perfect solution to create a stunning and highly functional website for your educational institution or online learning platform? Look no further! Educators is a versatile and feature-packed HTML template designed to meet the unique needs of online courses, universities, schools, and kindergartens. With our template, you can easily build a website that engages your audience, showcases your educational offerings, and provides an excellent online experience with its trendy design and fully responsive for all devices. Built with HTML, Bootstrap and SASS which makes it easy to customize</p><p><strong>Key Features:</strong></p><ol><li><strong>Online Course Home Page</strong>: Engage your students with an attractive online course layout. Educators allows you to create an interactive and user-friendly environment for your e-learning programs. Utilize our online course template to provide easy access to course materials, assignments, and video tutorials.</li><li><strong>University Website Design</strong>: For higher education institutions, our university-specific features help you present your campus, programs, faculty, and research initiatives effectively. Educators offers a modern and professional design to make your university stand out.</li><li><strong>School Web Layout</strong>: Whether you're managing an elementary school or a high school, our school website template provides a perfect solution. Share important information, events, and resources with students, parents, and staff in a clear and organized manner.</li><li><strong>Kindergarten Web Design</strong>: Our kindergarten-specific design is ideal for childcare centers, preschools, and early learning environments. Create a nurturing and informative website that appeals to parents and guardians while showcasing your curriculum and activities for young learners.</li></ol><p><strong>Additional Benefits:</strong></p><ul><li><strong>Mobile-Responsive Design</strong>: Ensuring your website looks great on all devices is crucial. Educators is fully responsive and optimized for mobile, tablet, and desktop browsing.</li><li><strong>User-Friendly Navigation</strong>: The template offers intuitive navigation, making it easy for visitors to find information about courses, admissions, events, and more.</li><li><strong>Customization Options</strong>: Educators is highly customizable, allowing you to tailor your website to your institution's branding and unique requirements.</li><li><strong>SEO-Optimized</strong>: We've incorporated SEO best practices to help your website rank higher in search engine results, increasing your online visibility.</li><li><strong>Speed and Performance</strong>: Our template is built with performance in mind, ensuring that your website loads quickly and offers a smooth user experience.</li><li><strong>Support and Updates</strong>: We provide ongoing support and updates to keep your website current and functioning flawlessly.</li></ul><h3>Files Included</h3><ol><li>Online Courses Home Page</li><li>University Home Page</li><li>Elementary School Home Page</li><li>Kindergarten Home Page</li><li>Courses List Page</li><li>Course Detail Page</li><li>Events List Page</li><li>Event Detail Page</li><li>Staff Page</li><li>Staff Detail Page</li><li>Multiple Gallery Pages</li><li>About Page</li><li>Contact Page</li><li>Blogs Listing Page</li><li>Blog Detail Page</li><li>Faq's Page</li><li>Coming Soon Page</li><li>404 Page</li></ol><p>With Educators, you have the perfect foundation to create a powerful online presence for your educational institution. From online courses to universities, schools, and kindergartens, this HTML template has you covered. Elevate your online education offerings and reach your target audience effectively. Get started with Educators today and empower your institution with a top-notch website that leaves a lasting impression.</p><p>Don't miss this opportunity to revolutionize your online presence. Educators - where education meets innovation. Get started now!\"</p>","templateFullTitle":"Educators – Online Course &amp; Education HTML Template","templatePreviewMetaDescription":"\"Introducing Educators - Your Comprehensive Education HTML TemplateAre you looking for the perfect solution to create a stunning and highly functional website","templateDemoMetaDescription":"The demo for this high quality Educators","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Educators – Online Course &amp; Education HTML Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/educators-online-course-amp-education-html-template-320614.html","userRating":0,"designIndex":1,"authorUserId":"78157538","exclusive":"1","state":1,"price":16,"inserted_date":"2023-03-07","sent":0,"downloads":22,"search_words":"education html template online course template university website school web layout kindergarten website e learning template educational institution learning management system lms online education university design school website design kindergarten theme online learning platform distance learning template academic website elementary school template higher education education website layout courses library","is_adult":0,"exc_price":2100,"sent_date":"2023-03-07 12:36:49","last_upload":"2024-11-08 09:13:43","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3029819,"templ_id":320614,"filename":"320614-2-original.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3029820,"templ_id":320614,"filename":"320614-2-big.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3029821,"templ_id":320614,"filename":"320614-2-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":3029822,"templ_id":320614,"filename":"320614-2-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":3029823,"templ_id":320614,"filename":"320614-2-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/320614.html","image":"https://s.tmimgcdn.com/scr/320600/educators-online-course-amp-education-html-template_320614-2-original.png","searchHash":"3aad3ffc60df0f462ae1dbdf509479fe","previewHash":"bed0c970e90b74fd47bac2c29cbf05ed","authorNickname":"uiparadox","lowLevelTopic":"Swimming School Templates; University Templates; Career Education Templates; Library Templates; Primary School Templates; Elementary School; Med School","weightedRating":null,"annualSale":6,"monthlySales":0,"quarterlySales":2,"productBoost":125,"onSale":0,"finalPrice":16,"discountPercent":0,"discountAmount":0,"semiannualSales":4,"properties":{"features":["Responsive","Pro","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","Multipurpose","Events Calendar","Blog","Gallery","Portfolio","HTML 5","JQuery"],"styles":["Clean","Corporate","Minimalist","Web2.0","Flat"],"isLastAdded":"1","topic":["Swimming School Templates","University Templates","Career Education Templates","Library Templates","Education Templates","Primary School Templates","Education & Books","Colleges & Universities","Career & Special Education","Elementary School","Med School"],"isFree":"none","popularity":"Bestsellers","color":["white","grey","purple","blue"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["courses","library","online education","education html template","higher education","online course template","kindergarten theme","university website","school web layout","kindergarten website","e learning template","educational institution","learning management system lms","university design","school website design","online learning platform","distance learning template","academic website","elementary school template","education website layout"],"paidSupport":"Yes","webServerCompatibility":"Apache 2.4","pHPVersionCompatibility":["8.1","8.0","7.4"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7"],"designSoftware":"Figma","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorUserId":"78157538","bootstrapVersion":"5.1.x","excerpt":"<p>Make a statement with your education center's website using 'Educators' - the sleek and modern HTML 5 template for online courses, schools, kindergartens, and universities.</p>","nameOfTheTemplate":"Educators – Online Course &amp; Education HTML Template","shortDescription":"<h2>\"Introducing Educators - Your Comprehensive Education HTML Template</h2><p>Are you looking for the perfect solution to create a stunning and highly functional website for your educational institution or online learning platform? Look no further! Educators is a versatile and feature-packed HTML template designed to meet the unique needs of online courses, universities, schools, and kindergartens. With our template, you can easily build a website that engages your audience, showcases your educational offerings, and provides an excellent online experience with its trendy design and fully responsive for all devices. Built with HTML, Bootstrap and SASS which makes it easy to customize</p><p><strong>Key Features:</strong></p><ol><li><strong>Online Course Home Page</strong>: Engage your students with an attractive online course layout. Educators allows you to create an interactive and user-friendly environment for your e-learning programs. Utilize our online course template to provide easy access to course materials, assignments, and video tutorials.</li><li><strong>University Website Design</strong>: For higher education institutions, our university-specific features help you present your campus, programs, faculty, and research initiatives effectively. Educators offers a modern and professional design to make your university stand out.</li><li><strong>School Web Layout</strong>: Whether you're managing an elementary school or a high school, our school website template provides a perfect solution. Share important information, events, and resources with students, parents, and staff in a clear and organized manner.</li><li><strong>Kindergarten Web Design</strong>: Our kindergarten-specific design is ideal for childcare centers, preschools, and early learning environments. Create a nurturing and informative website that appeals to parents and guardians while showcasing your curriculum and activities for young learners.</li></ol><p><strong>Additional Benefits:</strong></p><ul><li><strong>Mobile-Responsive Design</strong>: Ensuring your website looks great on all devices is crucial. Educators is fully responsive and optimized for mobile, tablet, and desktop browsing.</li><li><strong>User-Friendly Navigation</strong>: The template offers intuitive navigation, making it easy for visitors to find information about courses, admissions, events, and more.</li><li><strong>Customization Options</strong>: Educators is highly customizable, allowing you to tailor your website to your institution's branding and unique requirements.</li><li><strong>SEO-Optimized</strong>: We've incorporated SEO best practices to help your website rank higher in search engine results, increasing your online visibility.</li><li><strong>Speed and Performance</strong>: Our template is built with performance in mind, ensuring that your website loads quickly and offers a smooth user experience.</li><li><strong>Support and Updates</strong>: We provide ongoing support and updates to keep your website current and functioning flawlessly.</li></ul><h3>Files Included</h3><ol><li>Online Courses Home Page</li><li>University Home Page</li><li>Elementary School Home Page</li><li>Kindergarten Home Page</li><li>Courses List Page</li><li>Course Detail Page</li><li>Events List Page</li><li>Event Detail Page</li><li>Staff Page</li><li>Staff Detail Page</li><li>Multiple Gallery Pages</li><li>About Page</li><li>Contact Page</li><li>Blogs Listing Page</li><li>Blog Detail Page</li><li>Faq's Page</li><li>Coming Soon Page</li><li>404 Page</li></ol><p>With Educators, you have the perfect foundation to create a powerful online presence for your educational institution. From online courses to universities, schools, and kindergartens, this HTML template has you covered. Elevate your online education offerings and reach your target audience effectively. Get started with Educators today and empower your institution with a top-notch website that leaves a lasting impression.</p><p>Don't miss this opportunity to revolutionize your online presence. Educators - where education meets innovation. Get started now!\"</p>","uniqueKeywords":"education html template,online course template,university website,school web layout,kindergarten website,e learning template,educational institution,learning management system lms,online education,university design,school website design,kindergarten theme,online learning platform,distance learning template,academic website,elementary school template,higher education,education website layout,courses,library","advImage":"https://s3u.tmimgcdn.com/u78157538/1ed4596a1d2cefefe6f8d34a2aec5832.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78157538/b8e4b6116c3cd33bb6101e0c816a2c55.png","livePreviewURL":"https://uiparadox.co.uk/public/templates/educators/v3/","metaDescription":"\"Introducing Educators - Your Comprehensive Education HTML TemplateAre you looking for the perfect solution to create a stunning and highly functional website","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"The demo for this high quality Educators ","customUrl":"/website-templates/educators-online-course-amp-education-html-template-320614.html","productSize":"31915202","authorMainScreenshotVersion":"2","trendiness":"1","frameworks":"None","bestsellers":"22","changeLog":"November 6, 2024\n\n- Added hover transition on links\n- Kept all hoverable links smooth\n- Added fade effect on courses tabs\n- Changed the content of testimonials cards\n- Added links on blog card's image and title\n- Updated the Twitter logo\n- Added links on events cards\n- Updated the Coming Soon counter\n- Added Google Map on contact page\n- Improved responsiveness\n- Fixed the bugs on FAQ block\n- Fixed issues\n\n# April 18, 2024\nTestimonials Section Design Update and issue fixed;\nGallery Page Design Update and issue fixed;\nSpacing issue Fixed;\nFooter Responsive Issue Fixed\nAbout Us Design Update on University Home\nFAQ Page Design Update;\nResponsive issue fixed.\n\n## October 12, 2023\n\n1- Degree Courses Section New Design on University Home\n2- Gallery Page Design Update\n3- About Us Design Update on School Home\n4- About Us Design Update on the Kindergarten Page\n5- Gallery Design Update on Kindergarten School Home\n6- FAQ Page Design Update","changeLogDate":"2024-11-08","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML 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: Thu, 09 Jan 2025 12:24:03 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=320614&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=320614&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=320614&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 09 Jan 2025 12:29:03 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://uiparadox.co.uk/public/templates/educators/v3/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#320614 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/320614.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 #320614            </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=320614&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $15                <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>