string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=62183&expand=properties"
string(17660) "[{"templateId":62183,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":187,"categoryName":"Dance Studio Templates","templateTitle":"Dance Studio Responsive Website Template","templatePreviewHtmlTitle":"Contemp - Dance School Multipage Creative Bootstrap HTML Website Template","templateDemoHtmlTitle":"Demo Preview for Contemp - Dance School Multipage Creative Bootstrap HTML Website Template #62183","typeShortName":"Website","templatePreviewFBTitle":"Contemp Dance School theme is very lightweight and dynamic - the perfect design for a dance school website. The theme features different pricing display options that includes setting bonus prices; an animated layout to display instructors and their social media accounts; multiple gallery and schedule options. There's a big megamenu, back-to-top button, and animated footers and headers. You get premade pages and working forms that will take your breath away. The design is airy and beautiful, you will customize every inch of it to the needs of your business. 24/7 free client support comes in the package.<p><em>Please note that .psd files are not included in this template package.</em></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 Articles website design is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>SEO-friendly WordPress themes are templates that are working with the most popular SEO plugins for WordPress.</p> <p><b>Why is it Good?</b></p><p>The Search engine friendly web design implies that the website will be properly indexed and ranked higher by Google. </p><p>Fresh <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly website designs</a> here</p> <h3>This is a Parallax Career Planner website design template</h3> <p><b>What is it?</b></p><p>It's actually a specific method when the background picture moves more slowly in perspective in contrast to parts of the foreground. Because of this, Parallax creates a feeling of a three-dimensional space.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling effect offers your site visitors an illusion of depth in 2D spaces of your website. It makes your resource more vivid and exceptional. Parallax is great for spicing up a single-page site,  giving life to infographics, or perhaps displaying a portfolio.</p><p>Find fresh <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website templates</a> here</p> <h3>This Music Education website design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive designs alter to little and also larger display sizes promptly.</p> <p><b>Why is it Good?</b></p><p>With the expanding popularity of smartphones, the quantity of persons who log on to the websites from mobile phones has expanded a lot. This sort of feature helps you to adjust websites to mobile devices and a variety of screen extensions, eventually offering mobile device users with better possibilities.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website design templates</a> here</p> <h3>This is a Bootstrap 4 Career Education web template</h3> <p><b>What is it?</b></p><p>Bootstrap 4 is one of the latest versions of the framework for developing HTML, CSS, and JavaScript websites. </p> <p><b>Why is it Good?</b></p><p>Bootstrap 4 is a major update which introduced a bunch of improvements. It started to be Sass-first project and features right now far more handy partials. Additionally, there is a tailor made builder, that allows compiling your personal suitable sort of the software. </p><p>Find latest <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 website designs</a> here</p> <h3>This is a Bootstrap Career Education Center website template</h3> <p><b>What is it?</b></p><p>Bootstrap is actually a very well-known framework, which makes the work with HTML, CSS and also JS much simpler. It had been established as a tool to set up a responsive design, but as time passes it added lots of additional efficiency.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your websites from smartphones to desktops employing the same codebase. It makes the web developing process efficient and effortless.</p><p>Click for more <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website designs</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Contemp - Dance School Multipage Creative Bootstrap HTML Website Template","templatePreviewMetaDescription":"Contemp Dance School theme is very lightweight and dynamic - the perfect design for a dance school website. The theme features different pricing display","templateDemoMetaDescription":"Before you purchase it, get the look and feel of the high quality Contemp - Dance School Multipage Creative Bootstrap HTML Website Template (#62183) by enjoying the live preview. Browse through the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Contemp - Dance School Multipage Creative Bootstrap HTML Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/jane-o-neal-dance-studio-multipage-website-template-62183.html","userRating":0,"designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":61,"inserted_date":"2017-05-09","sent":1,"downloads":24,"search_words":"dance studio dancing classes members music scene rhythm tempo style retro ballroom dances choreography","is_adult":0,"exc_price":4500,"sent_date":"2018-12-24 06:15:10","last_upload":"2017-05-09 00:00:00","package_id":258,"hasExclusivePrice":1,"screenshots":[{"id":1691152,"templ_id":62183,"filename":"62183-b-responsive.jpg","width":430,"height":1238,"href":"","window_params":"","scr_type_id":297,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691153,"templ_id":62183,"filename":"62183-origin-1200.jpg","width":1903,"height":5479,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691154,"templ_id":62183,"filename":"62183-original-1200.jpg","width":1903,"height":5479,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691155,"templ_id":62183,"filename":"62183-origin.jpg","width":1903,"height":5479,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691156,"templ_id":62183,"filename":"62183-smart2-responsive.jpg","width":320,"height":900,"href":"","window_params":"","scr_type_id":300,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691157,"templ_id":62183,"filename":"62183-smart1-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":299,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691158,"templ_id":62183,"filename":"62183-original.jpg","width":1903,"height":5479,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691159,"templ_id":62183,"filename":"62183-big.jpg","width":965,"height":2778,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691160,"templ_id":62183,"filename":"62183-wt.html","width":430,"height":60,"href":"","window_params":"","scr_type_id":212,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691161,"templ_id":62183,"filename":"62183-rs.jpg","width":970,"height":280,"href":"","window_params":"","scr_type_id":78,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":1},{"id":1691162,"templ_id":62183,"filename":"62183-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691163,"templ_id":62183,"filename":"62183-banner.jpg","width":408,"height":55,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691164,"templ_id":62183,"filename":"62183-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691165,"templ_id":62183,"filename":"62183-responsive-layout.jpg","width":895,"height":599,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1691166,"templ_id":62183,"filename":"62183-tablet-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":298,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/62183.html","image":"https://s.tmimgcdn.com/scr/62100/contemp-dance-school-multipage-creative-bootstrap-html-website-template_62183-original.jpg","searchHash":"634a04e09926f9753cef0ddf7dfe999b","previewHash":"85f4f7d2969d54602edb0e9fab05fc6f","authorNickname":"RockThemes","lowLevelTopic":"Dance Studio Templates; Music School Templates; Career Education Templates","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":1,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Dropdown Menu","Tabs","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"styles":"Neutral","languageSupport":"English","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Isotope","Grid"],"webForms":["Contact Form","Newsletter Subscription","Search Form"],"badge":"badge-responsive","templateSoftwareRequired":["Adobe Photoshop CC+","Sublime Text2 or later, Notepad++","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"templateSources":[".PSD",".HTML"],"topic":["Dance Studio Templates","Music School Templates","Career Education Templates","Education Templates","Education & Books","Career & Special Education"],"dateRange":"Last Year","color":["black","white","grey"],"showVariantForcibly":"b","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-20690","width":"1920px","nameOfTheTemplate":"Contemp - Dance School Multipage Creative Bootstrap HTML Website Template","shortDescription":"Contemp Dance School theme is very lightweight and dynamic - the perfect design for a dance school website. The theme features different pricing display options that includes setting bonus prices; an animated layout to display instructors and their social media accounts; multiple gallery and schedule options. There's a big megamenu, back-to-top button, and animated footers and headers. You get premade pages and working forms that will take your breath away. The design is airy and beautiful, you will customize every inch of it to the needs of your business. 24/7 free client support comes in the package.<p><em>Please note that .psd files are not included in this template package.</em></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 Articles website design is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>SEO-friendly WordPress themes are templates that are working with the most popular SEO plugins for WordPress.</p> <p><b>Why is it Good?</b></p><p>The Search engine friendly web design implies that the website will be properly indexed and ranked higher by Google. </p><p>Fresh <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly website designs</a> here</p> <h3>This is a Parallax Career Planner website design template</h3> <p><b>What is it?</b></p><p>It's actually a specific method when the background picture moves more slowly in perspective in contrast to parts of the foreground. Because of this, Parallax creates a feeling of a three-dimensional space.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling effect offers your site visitors an illusion of depth in 2D spaces of your website. It makes your resource more vivid and exceptional. Parallax is great for spicing up a single-page site,  giving life to infographics, or perhaps displaying a portfolio.</p><p>Find fresh <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website templates</a> here</p> <h3>This Music Education website design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive designs alter to little and also larger display sizes promptly.</p> <p><b>Why is it Good?</b></p><p>With the expanding popularity of smartphones, the quantity of persons who log on to the websites from mobile phones has expanded a lot. This sort of feature helps you to adjust websites to mobile devices and a variety of screen extensions, eventually offering mobile device users with better possibilities.</p><p>Newest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website design templates</a> here</p> <h3>This is a Bootstrap 4 Career Education web template</h3> <p><b>What is it?</b></p><p>Bootstrap 4 is one of the latest versions of the framework for developing HTML, CSS, and JavaScript websites. </p> <p><b>Why is it Good?</b></p><p>Bootstrap 4 is a major update which introduced a bunch of improvements. It started to be Sass-first project and features right now far more handy partials. Additionally, there is a tailor made builder, that allows compiling your personal suitable sort of the software. </p><p>Find latest <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 website designs</a> here</p> <h3>This is a Bootstrap Career Education Center website template</h3> <p><b>What is it?</b></p><p>Bootstrap is actually a very well-known framework, which makes the work with HTML, CSS and also JS much simpler. It had been established as a tool to set up a responsive design, but as time passes it added lots of additional efficiency.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your websites from smartphones to desktops employing the same codebase. It makes the web developing process efficient and effortless.</p><p>Click for more <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website designs</a> here</p> <br /></div></div></div></div>","kindOfShops":"dance school, dance studio","metaDescription":"A creative and beautiful template for a dance school. The theme is mobile-friendly and full of amazing features.","htmlTitle":"Contemp Dance School Multipage HTML Template","imageKeyFeatures":"https://s.tmimgcdn.com/scr/62100/62183-en_01.jpg, https://s.tmimgcdn.com/scr/62100/62183-en_02.jpg, https://s.tmimgcdn.com/scr/62100/62183-en_03.jpg, https://s.tmimgcdn.com/scr/62100/62183-en_04.jpg, https://s.tmimgcdn.com/scr/62100/62183-en_05.jpg, https://s.tmimgcdn.com/scr/62100/62183-en_06.jpg, https://s.tmimgcdn.com/scr/62100/62183-en_07.jpg, https://s.tmimgcdn.com/scr/62100/62183-en_08.jpg, https://s.tmimgcdn.com/scr/62100/62183-en_09.jpg","lastmod":"2022-01-06T03:39:47-05:00","bitLyUrl":"http://bit.ly/2wmxoZt","trendiness":"1","dynamicChangeLog":"<ul>\n<li>- 3 minor font issues fixed</li>\n<li>- 3 layout issues fixed</li>\n</ul>","bootstrapVersion":"4.0.x","loyaltySells":"1","sqi":"95","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","dqi":"00","authorUserId":"1768190","skupromo":"40%","marketplaceMembership":"One","uniqueKeywords":"dance studio dancing classes music tempo style dances choreography courses group coach event club expert professinal school multipage classic creative","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_1300.jpg\" srcset=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_2560.jpg 2x\" alt=\"img\"/>","previewScreensOrVideoURLs":"62100/62183_01-big.jpg, 62100/62183_02-big.jpg, 62100/62183_03-big.jpg, 62100/62183_04-big.jpg, 62100/62183_05-big.jpg","customUrl":"/website-templates/jane-o-neal-dance-studio-multipage-website-template-62183.html","demoMetaDescription":"Before you purchase it, get the look and feel of the high quality Contemp - Dance School Multipage Creative Bootstrap HTML Website Template (#62183) by enjoying the live preview. Browse through the pages, examine the images, click the buttons, explore the functionality.","isOldDemoUrl":"1","tags":["ballroom","choreography","classes","classic","club","coach","courses","creative","dance","dances","dancing","event","expert","group","members","music","retro","rhythm","scene","school","studio","style","tempo","back to school"],"pHPVersionCompatibility":"7.x","templateIcon":"icon-bootstrap","hELPURL":"/quick-start-guide/bootstrap-template/","notice":"Some of the forms included (like booking, registration, comment submission forms, etc.) may require extra scripts and/or database functionality.","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"HTML Website Templates","isFree":"none","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 29 Nov 2024 00:12:28 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=62183&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=62183&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=62183&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 29 Nov 2024 00:17:28 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_prod-20690<!DOCTYPE html>
<html lang="en">
<head>
    <title>#62183 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/62183.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 #62183            </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=62183&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $56                <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>