string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=50919&expand=properties"
string(14360) "[{"templateId":50919,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":425,"categoryName":"Education Templates","templateTitle":"Education Responsive Website Template","templatePreviewHtmlTitle":"Education Responsive Website Template - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Education Responsive Website Template #50919","typeShortName":"Website","templatePreviewFBTitle":"This web design is an aesthetically pleasing yet profoundly dynamic online education website web template. From our standpoint, it's an engaging, dependable option for any distant learning, education services or education magazine online resource. The template is 100 % responsive that means that a lot of people get the chance to get to your website from their mobile phones and tablet computers because it will automatically adapt to any display resolution. In addition, buying this particular layout you get 24/7 support and explicit documentation. Have a look at this particular theme design. You will be delighted with its great features!<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Education website template is Responsive</h3> <p><b>What is it?</b></p><p>This is actually the ability of the page layout to transform based on the width of the display.</p> <p><b>Why is it Good?</b></p><p>Responsive design may let your website or blog look equally well on display screen of any type of desktop or handheld gadget.</p><p>Latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website design templates</a> here</p> <h3>This is a Bootstrap Education website design template</h3> <p><b>What is it?</b></p><p>Bootstrap is a free front-end network for creating websites and web-apps.</p> <p><b>Why is it Good?</b></p><p>Bootstrap helps to establish responsive, mobile-first internet projects successfully.</p><p>Browse for more <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website design templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Education Responsive Website Template","templatePreviewMetaDescription":"This web design is an aesthetically pleasing yet profoundly dynamic online education website web template. From our standpoint, it's an engaging, dependable","templateDemoMetaDescription":"Before you decide to buy it, get the look and feel of the premium Education Responsive Website Template (#50919) by experiencing the live preview. View the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Education Responsive Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/50919.html","userRating":"5","designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2014-08-11","sent":2,"downloads":11,"search_words":"senior knowledge students teachers courses violin cello piano guitar jazz treble clef strings director history children masters talented tunes melodies alumni library collection symphony concert facilities hall career","is_adult":0,"exc_price":4500,"sent_date":"2014-08-11 06:15:18","last_upload":"2014-08-11 00:00:00","package_id":258,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":314,"filename":"50919-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":50919,"width":1920,"window_params":"","banner_url":"","id":1408135,"href":"","height":2996},{"scr_type_id":315,"filename":"50919-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":50919,"width":1800,"window_params":"","banner_url":"","id":1408136,"href":"","height":2996},{"scr_type_id":3,"filename":"50919-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":50919,"width":1920,"window_params":"","banner_url":"","id":1408137,"href":"","height":1328},{"scr_type_id":3,"filename":"50919-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":50919,"width":1800,"window_params":"","banner_url":"","id":1408138,"href":"","height":1328},{"scr_type_id":78,"filename":"50919-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":50919,"width":970,"window_params":"","banner_url":"","id":1408139,"href":"","height":280},{"scr_type_id":9,"filename":"50919-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":50919,"width":145,"window_params":"","banner_url":"","id":1408140,"href":"","height":156},{"scr_type_id":3,"filename":"50919-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":50919,"width":965,"window_params":"","banner_url":"","id":1408141,"href":"","height":712},{"scr_type_id":3,"filename":"50919-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":50919,"width":408,"window_params":"","banner_url":"","id":1408142,"href":"","height":55},{"scr_type_id":3,"filename":"50919-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":50919,"width":1920,"window_params":"","banner_url":"","id":1408143,"href":"","height":2996},{"scr_type_id":212,"filename":"50919-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":50919,"width":430,"window_params":"","banner_url":"","id":1408144,"href":"","height":60},{"scr_type_id":299,"filename":"50919-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":50919,"width":430,"window_params":"","banner_url":"","id":1408145,"href":"","height":900},{"scr_type_id":311,"filename":"50919-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":50919,"width":965,"window_params":"","banner_url":"","id":1408146,"href":"","height":1606},{"scr_type_id":3,"filename":"50919-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":50919,"width":895,"window_params":"","banner_url":"","id":1408147,"href":"","height":599},{"scr_type_id":300,"filename":"50919-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":50919,"width":320,"window_params":"","banner_url":"","id":1408148,"href":"","height":900},{"scr_type_id":298,"filename":"50919-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":50919,"width":430,"window_params":"","banner_url":"","id":1408149,"href":"","height":900},{"scr_type_id":3,"filename":"50919-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":50919,"width":1800,"window_params":"","banner_url":"","id":1408150,"href":"","height":2996},{"scr_type_id":317,"filename":"50919-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":50919,"width":1920,"window_params":"","banner_url":"","id":1408151,"href":"","height":1328},{"scr_type_id":3,"filename":"50919-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":50919,"width":1800,"window_params":"","banner_url":"","id":1408152,"href":"","height":1328},{"scr_type_id":312,"filename":"50919-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":50919,"width":370,"window_params":"","banner_url":"","id":1408153,"href":"","height":370},{"scr_type_id":297,"filename":"50919-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":50919,"width":430,"window_params":"","banner_url":"","id":1408154,"href":"","height":805},{"scr_type_id":334,"filename":"50919-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":50919,"width":1920,"window_params":"","banner_url":"","id":1636135,"href":"","height":2996}],"demoUrl":"/demo/50919.html","image":"https://s.tmimgcdn.com/scr/50900/education-responsive-website-template_50919-original.jpg","searchHash":"35dfe9182b1e20ff76cfd1d3bf6e9eca","previewHash":"cf7b36858a24e17c16efdf3770a85aa7","authorNickname":"WT","lowLevelTopic":"Education Templates","weightedRating":3.3454545454545457,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"uniqueKeywords":"Senior citizen teaching","metaDescription":"This in depth preview of your Education Responsive Website Template (#50919) will allow you to make a well informed decision to purchase and enjoy this premium site theme.","features":["Responsive","Bootstrap","Sliced PSD","Dropdown Menu","Google map","HTML 5","JQuery","HTML plus JS"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1553971","jqueryScripts":["\"SuperFish\" DropDown Menu","Mobile Menu","Responsive Slider"],"isFree":"none","hELPURL":"/quick-start-guide/bootstrap-template/","documentationVersion":"Bootstrap Website Templates v1.0","imageDescription":"https://s.tmimgcdn.com/scr/50900/50919-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2021-08-12T16:27:41-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Before you decide to buy it, get the look and feel of the premium Education Responsive Website Template (#50919) by experiencing the live preview. View the pages, check the images, press the buttons, explore the features.","shortDescription":"This web design is an aesthetically pleasing yet profoundly dynamic online education website web template. From our standpoint, it's an engaging, dependable option for any distant learning, education services or education magazine online resource. The template is 100 % responsive that means that a lot of people get the chance to get to your website from their mobile phones and tablet computers because it will automatically adapt to any display resolution. In addition, buying this particular layout you get 24/7 support and explicit documentation. Have a look at this particular theme design. You will be delighted with its great features!<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Education website template is Responsive</h3> <p><b>What is it?</b></p><p>This is actually the ability of the page layout to transform based on the width of the display.</p> <p><b>Why is it Good?</b></p><p>Responsive design may let your website or blog look equally well on display screen of any type of desktop or handheld gadget.</p><p>Latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website design templates</a> here</p> <h3>This is a Bootstrap Education website design template</h3> <p><b>What is it?</b></p><p>Bootstrap is a free front-end network for creating websites and web-apps.</p> <p><b>Why is it Good?</b></p><p>Bootstrap helps to establish responsive, mobile-first internet projects successfully.</p><p>Browse for more <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website design templates</a> here</p> <br /></div></div></div></div>","tags":["alumni","career","children","citizen","clef","collection","concert","courses","director","facilities","guitar","hall","history","jazz","knowledge","library","masters","piano","senior","students","symphony","teachers","teaching","treble","tunes","violin","strings","cello"],"customUrl":"/website-templates/50919.html","badge":"badge-responsive","nameOfTheTemplate":"Education Responsive Website Template","pHPVersionCompatibility":"7.x","topic":["Education Templates","Education & Books"],"styles":"Neutral","advImage":"https://s.tmimgcdn.com/scr/50900/50919-original.jpg","imagesList":"Depositphotos2087465original,,Depositphotos4815576original,,Depositphotos7781213original,,Depositphotos8592286original,,Depositphotos8731611original,,Depositphotos11085268original,,Depositphotos29657899original,,,,,,Depositphotos1622429original,,Depositphotos2087465original,,Depositphotos4815576original,,Depositphotos4939547original,,Depositphotos7260594original,,Depositphotos7781213original,,Depositphotos8592286original,,Depositphotos8731611original,,Depositphotos11085268original,,Depositphotos19221155original,,Depositphotos29657899original","productFamily":"None","color":["black","white","grey","brown","green"],"followUpLetter":"website-template-offers","reviewsTotal":"1","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","reviewAverageScore":"5","sqi":"95","bootstrapVersion":"3.1.0","livePreviewURL":"https://livedemo00.template-help.com/wt_50919","templateGroup":"HTML Templates","popularity":"Top Rated","dynamicChangeLog":"<ul>\n<li>- 2 minor HTML issues fixed</li>\n<li>- 3 minor background issues fixed</li>\n<li>- 3 front-end bugs fixed</li>\n<li>- 3 minor styles issues fixed</li>\n<li>- 3 PSD layers changed</li>\n</ul>","templateIcon":"icon-bootstrap","notice":"Some of the forms included (like booking, registration, comment submission forms, etc.) may require extra scripts and/or database functionality.","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1oC6PW9","layout":"2 columns","webForms":["Contact Form","Search Form"],"loyaltySells":"1","width":"1920px","skupromo":"40%","marketplaceMembership":"None","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 29 Nov 2024 02:35:29 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(290) "Link: <http://products/api/v2/products/en?language=en&ids=50919&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=50919&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=50919&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 29 Nov 2024 02:40:29 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://livedemo00.template-help.com/wt_50919<!DOCTYPE html>
<html lang="en">
<head>
    <title>#50919 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/50919.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 #50919            </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=50919&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $58                <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>