string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=301031&expand=properties"
string(12069) "[{"templateId":301031,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":186,"categoryName":"University Templates","templateTitle":"University Responsive Website Template","templatePreviewHtmlTitle":"Ecuda - Education &amp; Online Courses HTML Template","templateDemoHtmlTitle":"Demo Preview for Ecuda - Education &amp; Online Courses HTML Template #301031","typeShortName":"Website","templatePreviewFBTitle":"<h3><strong>Ecuda - Education &amp; Online Courses HTML Template</strong></h3><p>Ecuda - Education &amp; Online Courses HTML Template is a clean and modern HTML5 , Bootstrap Education Template. It's Suitable for any university, online course, Workshop, college, school, course hub or any kind of educational institution. This template includes 03 different Homepage Version with 24+ html pages carefully designed blocks, which are easy to edit and customize to fit your needs. Template is perfect solution for the create of unique educational websites.</p><p>This is highly customizable - looks awesome on tablets and mobile devices. We have included best practice of web development - you can create great website layout based on Bootstrap or Grid 1200px.</p><h2>Features Overview</h2><ul><li><strong>Bootstrap 5.x Framework:</strong></li><li>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.</li><li><strong>3 Home Page</strong></li><li>Blackwood template has nice and clean 3 home pages.</li><li><strong>24+ Valid HTML5 Files :</strong></li><li>Blackwood template coded with beautiful and clean codes! Some powerful HTML files 100% valid W3 web standards.</li><li><strong>Touch Friendly:</strong></li><li>Easy browsing on touch devices.</li><li><strong>40+ Sections:</strong></li><li>Create stunning Sections with different type design.</li><li><strong>100% Fully Responsive:</strong></li><li>What ever you are using the device your site will run as it should be. Blackwood template is fully responsive layout for all type of devices.</li></ul><p><br /></p><h3>Full Features List</h3><ul><li>Based on Bootstrap 5.x</li><li>100% Responsive</li><li>Flat, modern and clean design.</li><li>Retina Ready.</li><li>SEO on-page optimized.</li><li>UX ready.</li><li>Touch Friendly.</li><li>Typography</li><li>W3C Validate Code</li><li>Sticky Menu</li><li>Clean and commented code</li><li>Valid HTML5 / CSS3</li><li>27+ Total Pages</li><li>3+ Home Pages</li><li>Image background</li><li>Valid HTML5 / CSS3</li><li>HTML &amp; CSS &amp; JS files are included</li><li>24/7 Awesome Support</li><li>Detailed documentation</li></ul><h3>Sources and Credits</h3><ul><li>Twitter Bootstrap</li><li>jQuery</li><li>Slick Slider</li><li>Magnific-popup</li></ul><h3>Image Credits</h3><ul><li>Pexels</li><li>Shutterstock</li></ul><h3>Fonts Used</h3><ul><li>Google Fonts</li></ul><h3>Icons Used</h3><ul><li>FlatIcons</li><li>Font Awesome (Icons)</li><li>SVG Icons</li></ul><h3><br /></h3>","templateFullTitle":"Ecuda - Education &amp; Online Courses HTML Template","templatePreviewMetaDescription":"Ecuda - Education &amp; Online Courses HTML TemplateEcuda - Education &amp; Online Courses HTML Template is a clean and modern HTML5 , Bootstrap Education","templateDemoMetaDescription":"Before buying it, get the look and feel of the professional Ecuda - Education &amp; Online Courses HTML Template Website Template (#301031) by experiencing the demo preview. Click through the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Ecuda - Education &amp; Online Courses HTML Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/ecuda-education-amp-online-courses-html-template-301031.html","userRating":0,"designIndex":1,"authorUserId":"78161814","exclusive":"1","state":1,"price":39,"inserted_date":"2022-12-19","sent":0,"downloads":25,"search_words":"academy book center college community course education events learning lms university training study student school online library","is_adult":0,"exc_price":2100,"sent_date":"2022-12-19 12:53:04","last_upload":"2023-04-01 04:56:30","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2931949,"templ_id":301031,"filename":"301031-2-original.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2931950,"templ_id":301031,"filename":"301031-2-big.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2931951,"templ_id":301031,"filename":"301031-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":2931952,"templ_id":301031,"filename":"301031-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":2931953,"templ_id":301031,"filename":"301031-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/301031.html","image":"https://s.tmimgcdn.com/scr/301000/ecuda-education-amp-online-courses-html-template_301031-2-original.png","searchHash":"3d6cdaf5edb6da38749fc64928cd35a1","previewHash":"febaec5af217c953ba6686c5ff767f33","authorNickname":"RoyelTheme","lowLevelTopic":"University Templates","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":1,"productBoost":0,"onSale":1,"finalPrice":27,"discountPercent":30,"discountAmount":12,"semiannualSales":1,"properties":{"features":["Responsive","Search Engine Friendly","Bootstrap","Mobile Layout Included","Multipurpose","Team Members","Single Product","Dropdown Menu","Sample content","Tabs","Blog","Gallery","HTML 5","JQuery","Website Builder"],"isLastAdded":"1","topic":["University Templates","Education Templates","Education & Books","Colleges & Universities"],"isFree":"none","popularity":"Bestsellers","color":["black","white","grey"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["academy","book","center","college","community","course","education","events","learning","library","online","school","student","study","training","university","lms"],"paidSupport":"Yes","bootstrapVersion":"5.x","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"designSoftware":"Google Web Designer","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorUserId":"78161814","nameOfTheTemplate":"Ecuda - Education &amp; Online Courses HTML Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78161814/3a6218d71c89ad8c9a644a2f20a3f508.png, https://s3u.tmimgcdn.com/u78161814/369f1adfe1549923f4e9cc45ad3b54b8.png, https://s3u.tmimgcdn.com/u78161814/87f270875eda8f2ddbc2b502ebd30bcb.png","shortDescription":"<h3><strong>Ecuda - Education &amp; Online Courses HTML Template</strong></h3><p>Ecuda - Education &amp; Online Courses HTML Template is a clean and modern HTML5 , Bootstrap Education Template. It's Suitable for any university, online course, Workshop, college, school, course hub or any kind of educational institution. This template includes 03 different Homepage Version with 24+ html pages carefully designed blocks, which are easy to edit and customize to fit your needs. Template is perfect solution for the create of unique educational websites.</p><p>This is highly customizable - looks awesome on tablets and mobile devices. We have included best practice of web development - you can create great website layout based on Bootstrap or Grid 1200px.</p><h2>Features Overview</h2><ul><li><strong>Bootstrap 5.x Framework:</strong></li><li>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.</li><li><strong>3 Home Page</strong></li><li>Blackwood template has nice and clean 3 home pages.</li><li><strong>24+ Valid HTML5 Files :</strong></li><li>Blackwood template coded with beautiful and clean codes! Some powerful HTML files 100% valid W3 web standards.</li><li><strong>Touch Friendly:</strong></li><li>Easy browsing on touch devices.</li><li><strong>40+ Sections:</strong></li><li>Create stunning Sections with different type design.</li><li><strong>100% Fully Responsive:</strong></li><li>What ever you are using the device your site will run as it should be. Blackwood template is fully responsive layout for all type of devices.</li></ul><p><br /></p><h3>Full Features List</h3><ul><li>Based on Bootstrap 5.x</li><li>100% Responsive</li><li>Flat, modern and clean design.</li><li>Retina Ready.</li><li>SEO on-page optimized.</li><li>UX ready.</li><li>Touch Friendly.</li><li>Typography</li><li>W3C Validate Code</li><li>Sticky Menu</li><li>Clean and commented code</li><li>Valid HTML5 / CSS3</li><li>27+ Total Pages</li><li>3+ Home Pages</li><li>Image background</li><li>Valid HTML5 / CSS3</li><li>HTML &amp; CSS &amp; JS files are included</li><li>24/7 Awesome Support</li><li>Detailed documentation</li></ul><h3>Sources and Credits</h3><ul><li>Twitter Bootstrap</li><li>jQuery</li><li>Slick Slider</li><li>Magnific-popup</li></ul><h3>Image Credits</h3><ul><li>Pexels</li><li>Shutterstock</li></ul><h3>Fonts Used</h3><ul><li>Google Fonts</li></ul><h3>Icons Used</h3><ul><li>FlatIcons</li><li>Font Awesome (Icons)</li><li>SVG Icons</li></ul><h3><br /></h3>","uniqueKeywords":"academy,book,center,college,community,course,education,events,learning,lms,university,training,study,student,school,online,library","advImage":"https://s3u.tmimgcdn.com/u78161814/6b7bcdc83f345af79c9d63b8da606f09.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78161814/89d14682c3e26d5c421ea9a0fbd55a60.png","livePreviewURL":"https://royeltheme.com/ecuda/","metaDescription":"Ecuda - Education &amp; Online Courses HTML TemplateEcuda - Education &amp; Online Courses HTML Template is a clean and modern HTML5 , Bootstrap Education","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3PDGMi4","demoMetaDescription":"Before buying it, get the look and feel of the professional Ecuda - Education &amp; Online Courses HTML Template Website Template (#301031) by experiencing the demo preview. Click through the pages, check out the images, press the buttons, explore the functionality.","customUrl":"/website-templates/ecuda-education-amp-online-courses-html-template-301031.html","productSize":"2068048","authorMainScreenshotVersion":"2","trendiness":"1","changeLog":"[1.1] - 16-Feb-2023\n1. Fixed CSS Issue\n2. Inner Pages Added\n3. CSS Type Effects\n\n\n\n[1.2] - 1-April-2023\n1. Font and Color Issue Update\n2.  Template Content Added and Background Image Change\n3. CSS Color Issue Change\n4. Css icon Change\n5. Animation Effect Added for template\n6. Responsive Issue Fixed\n7. Smooth Scrolling Animation\n8. Documentation Guide Update\n9. Pricicng table Update\n10. New Coding Added\n11. New CSS Added\n12. New Image Added\n13. Fixed Others Issue\n\n\n[1.3] - 2-October-2023\n1.Fixed CSS Issue\n2. New CSS Added\n\n[1.4] - 6-October-2023\n1. Fixed CSS Issue\n2. CSS Type Effects\n3. Fixed Others Issue\n4. Font and Color Issue Update\n5. CSS Color Issue Change\n6. Animation Effect Added for template\n7. Responsive Issue Fixed\n\n[1.5] - 16-August-2024","excerpt":"<p>Ecuda - Education &amp; Online Courses HTML Template is a clean and modern HTML5 Bootstrap Education Template</p>","frameworks":"Angular v16","bestsellers":"10","changeLogDate":"2024-08-21","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: Sun, 24 Nov 2024 15:55:10 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=301031&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=301031&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=301031&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 24 Nov 2024 16:00:10 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://royeltheme.com/ecuda/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#301031 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/301031.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 #301031            </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=301031&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $36                <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>