string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=227371&expand=properties"
string(11799) "[{"templateId":227371,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":415,"categoryName":"Books Templates","templateTitle":"Books Responsive Website Template","templatePreviewHtmlTitle":"Biddaloy - Education &amp; LMS HTML5 and TailwindCSS Template","templateDemoHtmlTitle":"Demo Preview for Biddaloy - Education &amp; LMS HTML5 and TailwindCSS Template #227371","typeShortName":"Website","templatePreviewFBTitle":"<p>Biddaloy is an education management system made with the latest modern TailwindCSS framework. You can build any Online learning platform, University, Workshop, College, School, Kindergarten, Course hub, or any kind of educational institution website with this template easily. With this template, you can easily manage your organization, institution, or any educational system.</p><p><br /></p><p>Biddaloy contains 3+ beautiful unique Home page designs and 25+ other pages including book store teachers' profiles and much more. Our template is easier to use and customize. Your website will look good on any device like mobile, tab, laptop, or computer.</p><p><br /></p><h1>What you can make with this template</h1><ul><li>Any Education management system</li><li>University website</li><li>Online learning platform</li><li>Digital Course lab</li><li>Bookselling store</li><li>Workshop website</li><li>Collage website</li><li>Kindergarten website</li><li>Institute website</li><li>Online Institute</li></ul><p><br /></p><h1>Biddaloy Main features</h1><ul><li>Build any Education management system</li><li>Latest modern framework TailwindCSS</li><li>Easier to use</li><li>Highly customizable</li><li>3+ Unique awesome home pages</li><li>25+ Other beautiful pages</li><li>Fully responsive design</li></ul><p><br /></p><h1>Biddaloy All features</h1><ul><li>The latest modern framework TailwindCSS</li><li>Well written and clean code</li><li>Easier to use</li><li>Highly customizable</li><li>3+ Unique awesome home pages</li><li>25+ Other beautiful pages</li><li>Lots of variety in design</li><li>Highly optimized design</li><li>Good color contrast</li><li>Good looking colorful design</li><li>Standard colors</li><li>Standard design</li><li>Beautiful Sliders</li><li>Great Shop</li><li>Nice Store</li><li>Awesome Blog pages</li><li>Mobile friendly</li><li>Sidebar menu</li><li>Neat and clean code</li><li>Well commented code</li></ul><p><br /></p><p><br /></p><h1>Biddaloy Build with</h1><ul><li>HTML5</li><li>CSS3</li><li>JavaScript</li><li>TailwindCSS - a modern utility framework</li><li>Google Fonts</li><li>W3 validated code</li><li>Glid slider - a modern slider</li><li>Lots of love</li></ul><h1><br /></h1><h1>Credits</h1><ul><li>TailwindCSS</li><li>Glid slider</li><li>Google Fonts</li><li>Fontawesome icon</li><li>Freepik</li><li>Unsplash</li></ul><p><br /></p><h1>Biddaloy Support:</h1><p>We are always here to help you. We are available 24/7. If you have any problem or question, don't hesitate to tell us about it. You can contact us anytime we will respond to you right away.</p>","templateFullTitle":"Biddaloy - Education &amp; LMS HTML5 and TailwindCSS Template","templatePreviewMetaDescription":"Biddaloy is an education management system made with the latest modern TailwindCSS framework. You can build any Online learning platform, University, Workshop,","templateDemoMetaDescription":"The demo for this Biddaloy - Education &amp; LMS HTML5 and TailwindCSS Template Website Template (#227371) is generated for you to get the look and feel of the template before you buy it. View the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Biddaloy - Education &amp; LMS HTML5 and TailwindCSS Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/biddaloy-education-amp-lms-html5-and-tailwindcss-template-227371.html","userRating":0,"designIndex":1,"authorUserId":"12666616","exclusive":"1","state":1,"price":41,"inserted_date":"2022-01-31","sent":0,"downloads":1,"search_words":"tailwindcss creative template css3 educational online service html5 template multipurpose theme responsive design ems education management system online education online plateform online shop education shop university course sell workshop school college institution organization unique design","is_adult":0,"exc_price":2100,"sent_date":"2022-01-31 11:34:50","last_upload":"2022-01-31 11:39:46","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"227371-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":227371,"width":1600,"window_params":"","banner_url":"","id":2563721,"href":"","height":1000},{"scr_type_id":311,"filename":"227371-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":227371,"width":1600,"window_params":"","banner_url":"","id":2563722,"href":"","height":1000},{"scr_type_id":312,"filename":"227371-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":227371,"width":370,"window_params":"","banner_url":"","id":2563723,"href":"","height":370},{"scr_type_id":9,"filename":"227371-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":227371,"width":145,"window_params":"","banner_url":"","id":2563724,"href":"","height":156},{"scr_type_id":57,"filename":"227371-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":227371,"width":430,"window_params":"","banner_url":"","id":2563725,"href":"","height":269}],"demoUrl":"/demo/227371.html","image":"https://s.tmimgcdn.com/scr/227300/biddaloy-education-amp-lms-html5-and-tailwindcss-template_227371-original.png","searchHash":"d3726945893ae2e93728131fe6b32039","previewHash":"f96a91b997efc3c08c4f60f84813a8fe","authorNickname":"ProgrammingKit","lowLevelTopic":"Books; Education Templates; Science Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":41,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["white","cyan"],"followUpLetter":"website-template-offers","productSize":"28961330","uniqueKeywords":"tailwindcss,creative template,css3,educational online service,html5 template,multipurpose theme,responsive design,ems,education management system,online education,online plateform,online shop,education shop,university,course sell,workshop,school college,institution,organization,unique design","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Biddaloy is an education management system made with the latest modern TailwindCSS framework. You can build any Online learning platform, University, Workshop,","isLastAdded":"1","features":["Responsive","Search Engine Friendly","Retina Ready","Mobile Layout Included","Multipurpose","Team Members","Light Template","Dropdown Menu","Google map","Tabs","Performance Optimization","Blog","Gallery","Portfolio","HTML 5","HTML plus JS","Static","Lazy Load effect"],"saleSells":"1","livePreviewURL":"https://themes.programmingkit.xyz/biddaloy/dist/","authorUserId":"12666616","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u12666616/6e0d196056e3cbca73a2d6df04941f97.png","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","alreadyPacked":"1","exclusive":"1","imagesIncluded":"Yes","templateIcon":"icon-monster_dark","lastmod":"2022-02-17T12:58:17-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u12666616/475a12a5ad7730f23a5bff4c16ce57b5.jpg, https://s3u.tmimgcdn.com/u12666616/de6d6ea73299e440bd05d09dd61b9b89.jpg, https://s3u.tmimgcdn.com/u12666616/e13447ae4526712d7c12bb839365d06c.jpg, https://s3u.tmimgcdn.com/u12666616/82cc3a6176d3fa0521610037c3d6d372.jpg, https://s3u.tmimgcdn.com/u12666616/ca9527a80701b5fc63b45780be35e8c3.jpg","types":"HTML Website Templates","trendiness":"1","demoMetaDescription":"The demo for this Biddaloy - Education &amp; LMS HTML5 and TailwindCSS Template Website Template (#227371) is generated for you to get the look and feel of the template before you buy it. View the pages, check the images, press the buttons, explore the functionality.","shortDescription":"<p>Biddaloy is an education management system made with the latest modern TailwindCSS framework. You can build any Online learning platform, University, Workshop, College, School, Kindergarten, Course hub, or any kind of educational institution website with this template easily. With this template, you can easily manage your organization, institution, or any educational system.</p><p><br /></p><p>Biddaloy contains 3+ beautiful unique Home page designs and 25+ other pages including book store teachers' profiles and much more. Our template is easier to use and customize. Your website will look good on any device like mobile, tab, laptop, or computer.</p><p><br /></p><h1>What you can make with this template</h1><ul><li>Any Education management system</li><li>University website</li><li>Online learning platform</li><li>Digital Course lab</li><li>Bookselling store</li><li>Workshop website</li><li>Collage website</li><li>Kindergarten website</li><li>Institute website</li><li>Online Institute</li></ul><p><br /></p><h1>Biddaloy Main features</h1><ul><li>Build any Education management system</li><li>Latest modern framework TailwindCSS</li><li>Easier to use</li><li>Highly customizable</li><li>3+ Unique awesome home pages</li><li>25+ Other beautiful pages</li><li>Fully responsive design</li></ul><p><br /></p><h1>Biddaloy All features</h1><ul><li>The latest modern framework TailwindCSS</li><li>Well written and clean code</li><li>Easier to use</li><li>Highly customizable</li><li>3+ Unique awesome home pages</li><li>25+ Other beautiful pages</li><li>Lots of variety in design</li><li>Highly optimized design</li><li>Good color contrast</li><li>Good looking colorful design</li><li>Standard colors</li><li>Standard design</li><li>Beautiful Sliders</li><li>Great Shop</li><li>Nice Store</li><li>Awesome Blog pages</li><li>Mobile friendly</li><li>Sidebar menu</li><li>Neat and clean code</li><li>Well commented code</li></ul><p><br /></p><p><br /></p><h1>Biddaloy Build with</h1><ul><li>HTML5</li><li>CSS3</li><li>JavaScript</li><li>TailwindCSS - a modern utility framework</li><li>Google Fonts</li><li>W3 validated code</li><li>Glid slider - a modern slider</li><li>Lots of love</li></ul><h1><br /></h1><h1>Credits</h1><ul><li>TailwindCSS</li><li>Glid slider</li><li>Google Fonts</li><li>Fontawesome icon</li><li>Freepik</li><li>Unsplash</li></ul><p><br /></p><h1>Biddaloy Support:</h1><p>We are always here to help you. We are available 24/7. If you have any problem or question, don't hesitate to tell us about it. You can contact us anytime we will respond to you right away.</p>","tags":["institution","organization","university","workshop","css3","online education","online shop","html5 template","creative template","responsive design","multipurpose theme","school college","unique design","tailwindcss","educational online service","ems","education management system","online plateform","education shop","course sell"],"bitLyUrl":"https://bit.ly/3HfO8Dx","customUrl":"/website-templates/biddaloy-education-amp-lms-html5-and-tailwindcss-template-227371.html","nameOfTheTemplate":"Biddaloy - Education &amp; LMS HTML5 and TailwindCSS Template","paidSupport":"Yes","topic":["Books","Education Templates","Science Templates","Education & Books"],"styles":["Clean","Minimalist","Neutral","Mobile","Flat"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u12666616/252a13ced0efbb12c7ddcb0c72045387.png","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: Tue, 07 May 2024 01:06:23 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=227371&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=227371&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=227371&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 07 May 2024 01:11:23 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://themes.programmingkit.xyz/biddaloy/dist/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#227371 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/227371.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 #227371            </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=227371&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $38                <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>