string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=53749&expand=properties"
string(14694) "[{"templateId":53749,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":285,"categoryName":"Video Lab Templates","templateTitle":"Video Lab Responsive Website Template","templatePreviewHtmlTitle":"Solutions for Video Studio Website Template - TemplateMonster","templateDemoHtmlTitle":"Live demo for Solutions for Video Studio Website Template #53749","typeShortName":"Website","templatePreviewFBTitle":"This fully responsive theme is a perfect way to advertise your business and engage more visitors in no time. There is no need to design a mobile version of the website as this template will automatically adjust to any device it is being displayed on. In such a way you save your time and money while boosting revenue. Originally, this theme was specially designed for video studios and photo stores but thanks to a number of advanced options you can customize it the way you like. It also comes loaded with full width images that give your website a sharp look. In any case, this video studio web template will be a great option to promote your business.<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 Video Lab web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive layouts adjust to small along with greater screen dimensions mechanically.</p> <p><b>Why is it Good?</b></p><p>Because of the increasing popularity of smartphones, how many individuals who log on to the internet sites from devices has expanded considerably. This type of functionality permits you to adjust websites to mobile devices and various screen extensions, eventually supplying cellphone owners with enhanced options.</p><p>View more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website design templates</a> here</p> <h3>This is a Parallax Corporate website design template</h3> <p><b>What is it?</b></p><p>Parallax is a CSS animation effect that allows background images move slower than the foreground ones. It is one of the most sophisticated trends in the modern website design. </p> <p><b>Why is it Good?</b></p><p>A website with parallax scrolling effect instantly attracts the attention of a customer and boosts brand recognition because of the eye-catching looks.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax web templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Solutions for Video Studio Website Template","templatePreviewMetaDescription":"This fully responsive theme is a perfect way to advertise your business and engage more visitors in no time. There is no need to design a mobile version of the","templateDemoMetaDescription":"Try out the live preview for the top notch Solutions for Video Studio Website Template (#53749) to find out what this template is before you buy it. View the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Solutions for Video Studio Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/53749.html","userRating":"4.5","designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2015-04-24","sent":2,"downloads":80,"search_words":"vidmeo commercial video industry production dvd sample clients web prices operator movie motion graphic graphics animation","is_adult":0,"exc_price":4100,"sent_date":"2015-04-28 06:15:21","last_upload":"2015-04-24 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":3,"filename":"53749-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":1950,"window_params":"","banner_url":"","id":1458217,"href":"","height":4500},{"scr_type_id":78,"filename":"53749-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":53749,"width":970,"window_params":"","banner_url":"","id":1458218,"href":"","height":280},{"scr_type_id":299,"filename":"53749-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":430,"window_params":"","banner_url":"","id":1458219,"href":"","height":900},{"scr_type_id":3,"filename":"53749-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":1800,"window_params":"","banner_url":"","id":1458220,"href":"","height":3620},{"scr_type_id":9,"filename":"53749-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":145,"window_params":"","banner_url":"","id":1458221,"href":"","height":156},{"scr_type_id":312,"filename":"53749-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":370,"window_params":"","banner_url":"","id":1458222,"href":"","height":370},{"scr_type_id":3,"filename":"53749-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":1800,"window_params":"","banner_url":"","id":1458223,"href":"","height":4500},{"scr_type_id":212,"filename":"53749-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":430,"window_params":"","banner_url":"","id":1458224,"href":"","height":60},{"scr_type_id":3,"filename":"53749-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":1800,"window_params":"","banner_url":"","id":1458225,"href":"","height":3620},{"scr_type_id":297,"filename":"53749-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":430,"window_params":"","banner_url":"","id":1458226,"href":"","height":1138},{"scr_type_id":3,"filename":"53749-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":965,"window_params":"","banner_url":"","id":1458227,"href":"","height":1941},{"scr_type_id":311,"filename":"53749-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":965,"window_params":"","banner_url":"","id":1458228,"href":"","height":2413},{"scr_type_id":3,"filename":"53749-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":895,"window_params":"","banner_url":"","id":1458229,"href":"","height":599},{"scr_type_id":314,"filename":"53749-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":1950,"window_params":"","banner_url":"","id":1458230,"href":"","height":4500},{"scr_type_id":3,"filename":"53749-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":1950,"window_params":"","banner_url":"","id":1458231,"href":"","height":3620},{"scr_type_id":3,"filename":"53749-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":408,"window_params":"","banner_url":"","id":1458232,"href":"","height":55},{"scr_type_id":317,"filename":"53749-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":1950,"window_params":"","banner_url":"","id":1458233,"href":"","height":3620},{"scr_type_id":315,"filename":"53749-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":1800,"window_params":"","banner_url":"","id":1458234,"href":"","height":4500},{"scr_type_id":300,"filename":"53749-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":320,"window_params":"","banner_url":"","id":1458235,"href":"","height":900},{"scr_type_id":298,"filename":"53749-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":430,"window_params":"","banner_url":"","id":1458236,"href":"","height":900},{"scr_type_id":78,"filename":"53749-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":53749,"width":970,"window_params":"","banner_url":"","id":1458237,"href":"","height":280},{"scr_type_id":3,"filename":"53749-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":1800,"window_params":"","banner_url":"","id":1458238,"href":"","height":3620},{"scr_type_id":334,"filename":"53749-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53749,"width":1950,"window_params":"","banner_url":"","id":1638674,"href":"","height":4500}],"demoUrl":"/demo/53749.html","image":"https://s.tmimgcdn.com/scr/53700/solutions-for-video-studio-website-template_53749-original.jpg","searchHash":"433c440cb8e4388e80bc0e80bf0363f6","previewHash":"5af4da6459ba98a74327793f12c3c3d2","authorNickname":"WT","lowLevelTopic":"Video Lab Templates","weightedRating":3.384615384615385,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"This template is recommended for video store, electronics, entertainment, art  photography websites.","uniqueKeywords":"Commercial video production","metaDescription":"Buy This Pro Video Studio Web Template to Improve Your Traffic and Revenue.","features":["Responsive","Sliced PSD","Dropdown Menu","Google map","Tabs","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1553971","jqueryScripts":["\"ScrollPane\" Scroll Effect","\"SuperFish\" DropDown Menu","Mobile Menu","Responsive Fancybox","Responsive Slider"],"isFree":"none","htmlTitle":"Video Studio Web Template","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.1","imageDescription":"https://s.tmimgcdn.com/scr/53700/53749-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2021-01-13T14:42:47-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Try out the live preview for the top notch Solutions for Video Studio Website Template (#53749) to find out what this template is before you buy it. View the pages, check out the images, press the buttons, explore the functionality.","shortDescription":"This fully responsive theme is a perfect way to advertise your business and engage more visitors in no time. There is no need to design a mobile version of the website as this template will automatically adjust to any device it is being displayed on. In such a way you save your time and money while boosting revenue. Originally, this theme was specially designed for video studios and photo stores but thanks to a number of advanced options you can customize it the way you like. It also comes loaded with full width images that give your website a sharp look. In any case, this video studio web template will be a great option to promote your business.<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 Video Lab web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive layouts adjust to small along with greater screen dimensions mechanically.</p> <p><b>Why is it Good?</b></p><p>Because of the increasing popularity of smartphones, how many individuals who log on to the internet sites from devices has expanded considerably. This type of functionality permits you to adjust websites to mobile devices and various screen extensions, eventually supplying cellphone owners with enhanced options.</p><p>View more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website design templates</a> here</p> <h3>This is a Parallax Corporate website design template</h3> <p><b>What is it?</b></p><p>Parallax is a CSS animation effect that allows background images move slower than the foreground ones. It is one of the most sophisticated trends in the modern website design. </p> <p><b>Why is it Good?</b></p><p>A website with parallax scrolling effect instantly attracts the attention of a customer and boosts brand recognition because of the eye-catching looks.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax web templates</a> here</p> <br /></div></div></div></div>","tags":["animation","clients","commercial","graphic","graphics","industry","motion","movie","operator","prices","production","sample","video","web"],"customUrl":"/website-templates/53749.html","badge":"badge-responsive","nameOfTheTemplate":"Solutions for Video Studio Website Template","pHPVersionCompatibility":"7.x","topic":["Video Lab Templates","Media Templates","Business & Services"],"styles":["Neutral","Flat"],"advImage":"https://s.tmimgcdn.com/scr/53700/53749-original.jpg","productFamily":"None","followUpLetter":"website-template-offers","color":["black","white","blue"],"reviewsTotal":"3","reviewAverageScore":"4.5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","livePreviewURL":"https://livedemo00.template-help.com/wt_53749","templateGroup":"HTML Templates","popularity":"Top Rated","nomotopress":"1","dynamicChangeLog":"<ul>\n<li>- 3 HTML issues fixed</li>\n<li>- 3 minor CSS bugs fixed</li>\n<li>- 3 minor background issues fixed</li>\n<li>- 1 layout issue fixed</li>\n<li>- 2 PSD layers updated</li>\n</ul>","templateIcon":"icon-responsive","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1DGkZZV","layout":"2 columns","webForms":"Contact Form","loyaltySells":"1","width":"1950px","skupromo":"35%","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: Wed, 29 Jan 2025 10:51:26 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=53749&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=53749&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=53749&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 29 Jan 2025 10:56:26 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_53749<!DOCTYPE html>
<html lang="en">
<head>
    <title>#53749 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/53749.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 #53749            </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=53749&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>