string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=51055&expand=properties"
string(15121) "[{"templateId":51055,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":479,"categoryName":"Videographer Templates","templateTitle":"Videographer Responsive Website Template","templatePreviewHtmlTitle":"Videographer Responsive Website Template - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Videographer Responsive Website Template #51055","typeShortName":"Website","templatePreviewFBTitle":"Just as the the majority of premium website theme, this theme is delivered along with in-depth documentation. Fashionable look and wonderful functionality are the central functions of this high quality web template that is exclusively crafted for video production company or cinematographer websites. If you desire to attract your website visitors, we advise you to consider this theme. The template is 100 % responsive, that allows your webpage to reach mobile phone users as well. Take a look at this site template that radiates creativity, presents all services in well-arranged layout with numerous visual accents and pleases the visitors with functional navigation. If you have any queries on the subject of template use you can take a look at rich documentation, also you receive 24/7 priority assistance helping to settle any trouble. If the combination of trustworthiness, exceptional solutions and aesthetic attractiveness is the thing you feel the need for this unique theme is your primary preference.<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 Small Business website template is Responsive</h3> <p><b>What is it?</b></p><p>This is actually the capability of the layout to change depending on the width of the display.</p> <p><b>Why is it Good?</b></p><p>Responsive design may help your internet-site look equally perfect on screen of any desktop or portable gadget.</p><p>Find latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <h3>This is a Bootstrap Cameraman website design template</h3> <p><b>What is it?</b></p><p>Bootstrap is the absolutely free front-end framework which provides for faster plus trouble-free web development expertise.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your websites from smartphones to desktop computers using the same codebase. It makes the web developing process faster and easier.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Videographer Responsive Website Template","templatePreviewMetaDescription":"Just as the the majority of premium website theme, this theme is delivered along with in-depth documentation. Fashionable look and wonderful functionality are","templateDemoMetaDescription":"Check out the live preview of the top quality Videographer Responsive Website Template (#51055) to find out what this theme is before you buy it. View the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Videographer Responsive Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/51055.html","userRating":"5","designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2014-08-26","sent":2,"downloads":23,"search_words":"Adam Smith videographer album page photos gallery portfolio photography photos camera pictures art gallery digital photographer cameras picture company models operator","is_adult":0,"exc_price":4500,"sent_date":"2014-08-26 06:15:22","last_upload":"2014-08-26 00:00:00","package_id":258,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":312,"filename":"51055-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51055,"width":370,"window_params":"","banner_url":"","id":1411991,"href":"","height":370},{"scr_type_id":3,"filename":"51055-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51055,"width":965,"window_params":"","banner_url":"","id":1411992,"href":"","height":1185},{"scr_type_id":3,"filename":"51055-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51055,"width":1800,"window_params":"","banner_url":"","id":1411993,"href":"","height":2991},{"scr_type_id":9,"filename":"51055-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51055,"width":145,"window_params":"","banner_url":"","id":1411994,"href":"","height":156},{"scr_type_id":317,"filename":"51055-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51055,"width":1920,"window_params":"","banner_url":"","id":1411995,"href":"","height":2211},{"scr_type_id":3,"filename":"51055-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51055,"width":895,"window_params":"","banner_url":"","id":1411996,"href":"","height":599},{"scr_type_id":297,"filename":"51055-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51055,"width":430,"window_params":"","banner_url":"","id":1411997,"href":"","height":804},{"scr_type_id":300,"filename":"51055-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51055,"width":320,"window_params":"","banner_url":"","id":1411998,"href":"","height":900},{"scr_type_id":212,"filename":"51055-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51055,"width":430,"window_params":"","banner_url":"","id":1411999,"href":"","height":60},{"scr_type_id":298,"filename":"51055-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51055,"width":430,"window_params":"","banner_url":"","id":1412000,"href":"","height":900},{"scr_type_id":3,"filename":"51055-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51055,"width":1800,"window_params":"","banner_url":"","id":1412001,"href":"","height":2211},{"scr_type_id":3,"filename":"51055-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51055,"width":1920,"window_params":"","banner_url":"","id":1412002,"href":"","height":2991},{"scr_type_id":314,"filename":"51055-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51055,"width":1920,"window_params":"","banner_url":"","id":1412003,"href":"","height":2991},{"scr_type_id":3,"filename":"51055-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51055,"width":1800,"window_params":"","banner_url":"","id":1412004,"href":"","height":2211},{"scr_type_id":299,"filename":"51055-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51055,"width":430,"window_params":"","banner_url":"","id":1412005,"href":"","height":900},{"scr_type_id":78,"filename":"51055-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":51055,"width":970,"window_params":"","banner_url":"","id":1412006,"href":"","height":280},{"scr_type_id":315,"filename":"51055-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51055,"width":1800,"window_params":"","banner_url":"","id":1412007,"href":"","height":2991},{"scr_type_id":3,"filename":"51055-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51055,"width":408,"window_params":"","banner_url":"","id":1412008,"href":"","height":55},{"scr_type_id":3,"filename":"51055-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51055,"width":1920,"window_params":"","banner_url":"","id":1412009,"href":"","height":2211},{"scr_type_id":311,"filename":"51055-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51055,"width":965,"window_params":"","banner_url":"","id":1412010,"href":"","height":1604},{"scr_type_id":334,"filename":"51055-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51055,"width":1920,"window_params":"","banner_url":"","id":1636271,"href":"","height":2991}],"demoUrl":"/demo/51055.html","image":"https://s.tmimgcdn.com/scr/51000/videographer-responsive-website-template_51055-original.jpg","searchHash":"22af3d35b6dd35362e59f2fd9e1eda94","previewHash":"607d5525a3f848fe6219c8dcbf522f16","authorNickname":"WT","lowLevelTopic":"Videographer Templates","weightedRating":3.4461538461538463,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"uniqueKeywords":"Videographer","metaDescription":"This in depth preview of your Videographer Responsive Website Template (#51055) will let you make a knowledgeable choice to acquire and enjoy this pro site theme.","features":["Responsive","Bootstrap","Sliced PSD","Dropdown Menu","Google map","HTML 5","JQuery","HTML plus JS"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1553971","jqueryScripts":["\"SuperFish\" DropDown Menu","Mobile Menu"],"isFree":"none","hELPURL":"/quick-start-guide/bootstrap-template/","documentationVersion":"Bootstrap Website Templates v1.2","imageDescription":"https://s.tmimgcdn.com/scr/51000/51055-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2019-11-01T00:03:50-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Check out the live preview of the top quality Videographer Responsive Website Template (#51055) to find out what this theme is before you buy it. View the pages, check the images, press the buttons, explore the functionality.","shortDescription":"Just as the the majority of premium website theme, this theme is delivered along with in-depth documentation. Fashionable look and wonderful functionality are the central functions of this high quality web template that is exclusively crafted for video production company or cinematographer websites. If you desire to attract your website visitors, we advise you to consider this theme. The template is 100 % responsive, that allows your webpage to reach mobile phone users as well. Take a look at this site template that radiates creativity, presents all services in well-arranged layout with numerous visual accents and pleases the visitors with functional navigation. If you have any queries on the subject of template use you can take a look at rich documentation, also you receive 24/7 priority assistance helping to settle any trouble. If the combination of trustworthiness, exceptional solutions and aesthetic attractiveness is the thing you feel the need for this unique theme is your primary preference.<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 Small Business website template is Responsive</h3> <p><b>What is it?</b></p><p>This is actually the capability of the layout to change depending on the width of the display.</p> <p><b>Why is it Good?</b></p><p>Responsive design may help your internet-site look equally perfect on screen of any desktop or portable gadget.</p><p>Find latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <h3>This is a Bootstrap Cameraman website design template</h3> <p><b>What is it?</b></p><p>Bootstrap is the absolutely free front-end framework which provides for faster plus trouble-free web development expertise.</p> <p><b>Why is it Good?</b></p><p>Bootstrap scales any of your websites from smartphones to desktop computers using the same codebase. It makes the web developing process faster and easier.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website templates</a> here</p> <br /></div></div></div></div>","tags":["album","art","camera","cameras","company","digital","gallery","models","operator","page","photographer","photography","photos","picture","pictures","portfolio","smith"],"customUrl":"/website-templates/51055.html","badge":"badge-responsive","nameOfTheTemplate":"Videographer Responsive Website Template","pHPVersionCompatibility":"7.x","topic":["Media Templates","Videographer Templates","Business & Services"],"styles":["Neutral","Flat"],"advImage":"https://s.tmimgcdn.com/scr/51000/51055-original.jpg","imagesList":"Depositphotos10452023original.jpg,,Depositphotos1067480original.jpg,,Depositphotos2595824original.jpg,,Depositphotos4868838original.jpg,,Depositphotos5040429original.jpg,,Depositphotos5040441original.jpg,,Depositphotos5799992original.jpg,,Depositphotos6632527original.jpg,,Depositphotos8661396original.jpg,,Depositphotos9554327original.jpg,,Depositphotos9688167original.jpg,,Depositphotos2493718original,,Depositphotos5040441original,,Depositphotos6670288original,,Depositphotos10452023original,,Depositphotos13593740original","productFamily":"None","color":["black","white","grey","pink"],"followUpLetter":"website-template-offers","reviewsTotal":"3","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"3.0.3","livePreviewURL":"https://livedemo00.template-help.com/wt_51055","templateGroup":"HTML Templates","popularity":"Top Rated","galleryScript":"TouchTouch","dynamicChangeLog":"<ul>\n<li>- 1 HTML bug fixed</li>\n<li>- 2 minor CSS bugs fixed</li>\n<li>- 2 font bugs fixed</li>\n<li>- 2 layout bugs fixed</li>\n<li>- 3 PSD layers changed</li>\n</ul>","templateIcon":"icon-bootstrap","notice":"Some of the forms included (like booking, registration, comment submission forms, etc.) may require extra scripts and/or database functionality.","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1qec2Tk","layout":"2 columns","webForms":["Contact Form","Search Form"],"loyaltySells":"1","width":"1920px","skupromo":"40%","marketplaceMembership":"None","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Wed, 24 Apr 2024 10:15:07 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=51055&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=51055&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=51055&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 24 Apr 2024 10:20:07 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_51055<!DOCTYPE html>
<html lang="en">
<head>
    <title>#51055 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/51055.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 #51055            </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=51055&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>