string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=52114&expand=properties"
string(14145) "[{"templateId":52114,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":187,"categoryName":"Dance Studio Templates","templateTitle":"Dance Studio Responsive Website Template","templatePreviewHtmlTitle":"Dance Studio Responsive Website Template - TemplateMonster","templateDemoHtmlTitle":"Demo for Dance Studio Responsive Website Template #52114","typeShortName":"Website","templatePreviewFBTitle":"This particular dance school website design lets you make your content appear more ordered and professional. This web design is a responsive website web theme meant for online promotion of ballroom teacher or dance lessons. This design is easy to customize, so you should have no issues managing fonts, color schemes, backgrounds, page layouts, etc. This web design ensures that your webpage will look equally good on any gadget that has web browsing, be it a desktop computer, a tablet computer, a smartphone or even a smart TV. It was designed in such a way that when a user gets to your web site, she or he is going to be enthralled by the visual appeal of its design. This specific website layout is also well-documented, and provides pro 24/7 tech support. Buy this website layout, and it'll be easy for you to get started with a productive website instantly!<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 & Books web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive webpage design method makes a web page's interface adjustable to any kind of screen resolution.</p> <p><b>Why is it Good?</b></p><p>Responsive design will certainly let your web blog look equally good on display screen of any sort of laptop or portable device.</p><p>View more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This is a Parallax Education web template</h3> <p><b>What is it?</b></p><p>Parallax is a scrolling technique in which foreground layouts move around  quicker than the background ones.</p> <p><b>Why is it Good?</b></p><p>It creates a powerful perception for the end user, thereby getting a large audience and making people to remain on the site. It's a great way to include a highlight to a one-page website, revive an infographic, tell a story or showcase a portfolio.</p><p>Find latest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website design templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Dance Studio Responsive Website Template","templatePreviewMetaDescription":"This particular dance school website design lets you make your content appear more ordered and professional. This web design is a responsive website web theme","templateDemoMetaDescription":"Before you buy it, get familiar with the premium Dance Studio Responsive Website Template (#52114) by visiting the live preview. View the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Dance Studio Responsive Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/52114.html","userRating":0,"designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2014-11-11","sent":2,"downloads":8,"search_words":"Bomba dancing hot club rest entertainment tickets events classes members couple music scene pas grace rhythm tempo contest style","is_adult":0,"exc_price":4100,"sent_date":"2014-11-13 06:15:19","last_upload":"2014-11-11 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":298,"filename":"52114-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52114,"width":430,"window_params":"","banner_url":"","id":1426494,"href":"","height":773},{"scr_type_id":3,"filename":"52114-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52114,"width":1400,"window_params":"","banner_url":"","id":1426495,"href":"","height":2644},{"scr_type_id":312,"filename":"52114-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52114,"width":370,"window_params":"","banner_url":"","id":1426496,"href":"","height":370},{"scr_type_id":299,"filename":"52114-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52114,"width":430,"window_params":"","banner_url":"","id":1426497,"href":"","height":900},{"scr_type_id":3,"filename":"52114-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52114,"width":408,"window_params":"","banner_url":"","id":1426498,"href":"","height":55},{"scr_type_id":3,"filename":"52114-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52114,"width":1400,"window_params":"","banner_url":"","id":1426499,"href":"","height":3580},{"scr_type_id":300,"filename":"52114-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52114,"width":320,"window_params":"","banner_url":"","id":1426500,"href":"","height":900},{"scr_type_id":3,"filename":"52114-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52114,"width":895,"window_params":"","banner_url":"","id":1426501,"href":"","height":599},{"scr_type_id":311,"filename":"52114-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52114,"width":965,"window_params":"","banner_url":"","id":1426502,"href":"","height":2468},{"scr_type_id":297,"filename":"52114-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52114,"width":430,"window_params":"","banner_url":"","id":1426503,"href":"","height":1100},{"scr_type_id":3,"filename":"52114-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52114,"width":1400,"window_params":"","banner_url":"","id":1426504,"href":"","height":2644},{"scr_type_id":3,"filename":"52114-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52114,"width":1400,"window_params":"","banner_url":"","id":1426505,"href":"","height":2644},{"scr_type_id":212,"filename":"52114-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52114,"width":430,"window_params":"","banner_url":"","id":1426506,"href":"","height":60},{"scr_type_id":3,"filename":"52114-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52114,"width":1400,"window_params":"","banner_url":"","id":1426507,"href":"","height":3580},{"scr_type_id":315,"filename":"52114-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52114,"width":1400,"window_params":"","banner_url":"","id":1426508,"href":"","height":3580},{"scr_type_id":78,"filename":"52114-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":52114,"width":970,"window_params":"","banner_url":"","id":1426509,"href":"","height":280},{"scr_type_id":3,"filename":"52114-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52114,"width":965,"window_params":"","banner_url":"","id":1426510,"href":"","height":1822},{"scr_type_id":317,"filename":"52114-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52114,"width":1400,"window_params":"","banner_url":"","id":1426511,"href":"","height":2644},{"scr_type_id":9,"filename":"52114-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52114,"width":145,"window_params":"","banner_url":"","id":1426512,"href":"","height":156},{"scr_type_id":314,"filename":"52114-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52114,"width":1400,"window_params":"","banner_url":"","id":1426513,"href":"","height":3580},{"scr_type_id":334,"filename":"52114-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52114,"width":1400,"window_params":"","banner_url":"","id":1637044,"href":"","height":3580}],"demoUrl":"/demo/52114.html","image":"https://s.tmimgcdn.com/scr/52100/dance-studio-responsive-website-template_52114-original.jpg","searchHash":"62f8ee054a9ce6006d456e8872e3d1f5","previewHash":"e915b4ad73434921c8bc6e0728c34e02","authorNickname":"WT","lowLevelTopic":"Dance Studio Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","followUpLetter":"website-template-offers","color":["black","white","grey"],"uniqueKeywords":"Dance studio","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","metaDescription":"Before buying it, take a closer look at this awesome Dance Studio Responsive Website Template (#52114) - learn technical details and requirements, read user reviews, ask a question.","features":["Responsive","Sliced PSD","Dropdown Menu","Google map","Tabs","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".HTML"],"livePreviewURL":"https://livedemo00.template-help.com/wt_52114","languageSupport":"English","authorUserId":"1553971","jqueryScripts":["\"SuperFish\" DropDown Menu","Mobile Menu"],"isFree":"none","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.1","imageDescription":"https://s.tmimgcdn.com/scr/52100/52114-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"galleryScript":"TouchTouch","dynamicChangeLog":"<ul>\n<li>- 3 minor HTML bugs fixed</li>\n<li>- 3 styles issues fixed</li>\n<li>- 3 PSD layers updated</li>\n</ul>","templateIcon":"icon-responsive","lastmod":"2019-11-01T00:03:27-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","demoMetaDescription":"Before you buy it, get familiar with the premium Dance Studio Responsive Website Template (#52114) by visiting the live preview. View the pages, check out the images, press the buttons, explore the functionality.","shortDescription":"This particular dance school website design lets you make your content appear more ordered and professional. This web design is a responsive website web theme meant for online promotion of ballroom teacher or dance lessons. This design is easy to customize, so you should have no issues managing fonts, color schemes, backgrounds, page layouts, etc. This web design ensures that your webpage will look equally good on any gadget that has web browsing, be it a desktop computer, a tablet computer, a smartphone or even a smart TV. It was designed in such a way that when a user gets to your web site, she or he is going to be enthralled by the visual appeal of its design. This specific website layout is also well-documented, and provides pro 24/7 tech support. Buy this website layout, and it'll be easy for you to get started with a productive website instantly!<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 & Books web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive webpage design method makes a web page's interface adjustable to any kind of screen resolution.</p> <p><b>Why is it Good?</b></p><p>Responsive design will certainly let your web blog look equally good on display screen of any sort of laptop or portable device.</p><p>View more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This is a Parallax Education web template</h3> <p><b>What is it?</b></p><p>Parallax is a scrolling technique in which foreground layouts move around  quicker than the background ones.</p> <p><b>Why is it Good?</b></p><p>It creates a powerful perception for the end user, thereby getting a large audience and making people to remain on the site. It's a great way to include a highlight to a one-page website, revive an infographic, tell a story or showcase a portfolio.</p><p>Find latest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website design templates</a> here</p> <br /></div></div></div></div>","bitLyUrl":"http://bit.ly/1xQHGsz","tags":["classes","club","contest","couple","dance","dancing","entertainment","events","grace","hot","members","music","rest","rhythm","scene","studio","style","tempo","tickets"],"layout":"2 columns","customUrl":"/website-templates/52114.html","webForms":"Contact Form","badge":"badge-responsive","nameOfTheTemplate":"Dance Studio Responsive Website Template","loyaltySells":"1","width":"1400px","pHPVersionCompatibility":"7.x","topic":["Dance Studio Templates","Education Templates","Education & Books","Career & Special Education"],"styles":"Neutral","skupromo":"30%","marketplaceMembership":"None","advImage":"https://s.tmimgcdn.com/scr/52100/52114-original.jpg","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, 10 Jan 2025 22:18:40 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=52114&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=52114&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=52114&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 10 Jan 2025 22:23:40 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_52114<!DOCTYPE html>
<html lang="en">
<head>
    <title>#52114 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/52114.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 #52114            </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=52114&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>