string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=49046&expand=properties"
string(13335) "[{"templateId":49046,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":112,"categoryName":"Photographer Portfolio Templates","templateTitle":"Photographer Portfolio Website Template","templatePreviewHtmlTitle":"Photographer Portfolio Website Template - TemplateMonster","templateDemoHtmlTitle":"Demo for Photographer Portfolio Website Template #49046","typeShortName":"Website","templatePreviewFBTitle":"This photo portfolio website design guarantees an easy set up and a plethora of possibilities for customization. A proper photographer portfolio or wedding photographer website will make a client's surfing pretty simple - and that's what this design truly does. Traditionally, the template was coded with valid HTML and CSS practices. This template is totally responsive, allowing your webpage to reach mobile users , too. Neat, valid coding and comprehensive documentation will aid you in enhancing this photo portfolio website web template the way you desire. Get this template to develop your site in the virtual dominion like never before.<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 is a Bootstrap Photo School web template</h3> <p><b>What is it?</b></p><p>Bootstrap is a completely free front-end framework that provides for quicker plus straightforward web development experience.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is especially adjustable for any changes. It's not hard to work with, includes a excellent grid system and substantial features range.</p><p>Find newest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap web templates</a> here</p> <h3>This is Photo School web template with Portfolio</h3> <p><b>What is it?</b></p><p>Portfolio designs offer you an organic, usually tiles-form layout. These templates are used to manage any type of art. </p> <p><b>Why is it Good?</b></p><p>Having a portfolio, you can make your projects jump out. While integrating the portfolio in your web site, you grow the chances that the viewers can be engaged with your articles and furthermore return for further investigation.</p><p>Newest <a href=\"https://www.templatemonster.com/portfolio-website-templates/\">Portfolio website templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Photographer Portfolio Website Template","templatePreviewMetaDescription":"This photo portfolio website design guarantees an easy set up and a plethora of possibilities for customization. A proper photographer portfolio or wedding","templateDemoMetaDescription":"The demo preview for this premium Photographer Portfolio Website Template (#49046) is presented here for you to get the feel and look of the template prior to buying it. View the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Photographer Portfolio Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/49046.html","userRating":0,"designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2014-04-22","sent":2,"downloads":5,"search_words":"Anna Read portfolio photographer folio photo portfolio photography photos camera pictures art gallery digital cameras picture company models video","is_adult":0,"exc_price":4100,"sent_date":"2014-04-22 06:15:24","last_upload":"2014-04-22 00:00:00","package_id":241,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":312,"filename":"49046-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49046,"width":370,"window_params":"","banner_url":"","id":1384841,"href":"","height":370},{"scr_type_id":3,"filename":"49046-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49046,"width":1660,"window_params":"","banner_url":"","id":1384842,"href":"","height":1083},{"scr_type_id":3,"filename":"49046-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49046,"width":1660,"window_params":"","banner_url":"","id":1384843,"href":"","height":1083},{"scr_type_id":78,"filename":"49046-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":49046,"width":970,"window_params":"","banner_url":"","id":1384844,"href":"","height":280},{"scr_type_id":3,"filename":"49046-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49046,"width":408,"window_params":"","banner_url":"","id":1384845,"href":"","height":55},{"scr_type_id":311,"filename":"49046-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49046,"width":965,"window_params":"","banner_url":"","id":1384846,"href":"","height":630},{"scr_type_id":315,"filename":"49046-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49046,"width":1660,"window_params":"","banner_url":"","id":1384847,"href":"","height":1083},{"scr_type_id":9,"filename":"49046-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49046,"width":145,"window_params":"","banner_url":"","id":1384848,"href":"","height":95},{"scr_type_id":85,"filename":"49046-bcss.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49046,"width":430,"window_params":"","banner_url":"","id":1384849,"href":"","height":563},{"scr_type_id":300,"filename":"49046-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49046,"width":320,"window_params":"","banner_url":"","id":1384850,"href":"","height":588},{"scr_type_id":3,"filename":"49046-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49046,"width":1660,"window_params":"","banner_url":"","id":1384851,"href":"","height":1083},{"scr_type_id":3,"filename":"49046-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49046,"width":1660,"window_params":"","banner_url":"","id":1384852,"href":"","height":1083},{"scr_type_id":3,"filename":"49046-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49046,"width":965,"window_params":"","banner_url":"","id":1384853,"href":"","height":630},{"scr_type_id":3,"filename":"49046-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49046,"width":1660,"window_params":"","banner_url":"","id":1384854,"href":"","height":1083},{"scr_type_id":314,"filename":"49046-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49046,"width":1660,"window_params":"","banner_url":"","id":1384855,"href":"","height":1083},{"scr_type_id":212,"filename":"49046-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49046,"width":430,"window_params":"","banner_url":"","id":1384856,"href":"","height":60},{"scr_type_id":317,"filename":"49046-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49046,"width":1660,"window_params":"","banner_url":"","id":1384857,"href":"","height":1083},{"scr_type_id":334,"filename":"49046-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":49046,"width":1660,"window_params":"","banner_url":"","id":1634990,"href":"","height":1083}],"demoUrl":"/demo/49046.html","image":"https://s.tmimgcdn.com/scr/49000/photographer-portfolio-website-template_49046-original.jpg","searchHash":"b0b5ad18841bb3bcee92c7e06e5f75ad","previewHash":"39084cd73f0544ec332873c2f71871b6","authorNickname":"WT","lowLevelTopic":"Photographer Portfolio Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":44,"discountPercent":30,"discountAmount":19,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","grey","brown","pink"],"followUpLetter":"website-template-offers","uniqueKeywords":"Any topic","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","metaDescription":"Check out the technical features, customer reviews and hosting requirements before you buy this top quality Photographer Portfolio Website Template (#49046). Enjoy straightforward yet robust design.","bootstrapVersion":"3.0","features":["Bootstrap","Ajax","Mobile Layout Included","Sliced PSD","Google map","Sample content","Gallery","Portfolio","HTML 5","JQuery","HTML plus JS"],"templateSources":[".PSD",".HTML"],"livePreviewURL":"https://livedemo00.template-help.com/wt_49046","authorUserId":"1553971","jqueryScripts":["Vertical Custom Scroll Bar","Mobile Menu"],"isFree":"none","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","documentationVersion":"Full JavaScript Animated Templates HTML5 v1.0","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"dynamicChangeLog":"<ul>\n<li>- 2 minor HTML bugs fixed</li>\n<li>- 2 minor background bugs fixed</li>\n<li>- 3 styles issues fixed</li>\n<li>- 1 PSD layer changed</li>\n</ul>","templateIcon":"icon-html5-2","lastmod":"2021-05-10T15:47:45-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","demoMetaDescription":"The demo preview for this premium Photographer Portfolio Website Template (#49046) is presented here for you to get the feel and look of the template prior to buying it. View the pages, check the images, click the buttons, explore the features.","shortDescription":"This photo portfolio website design guarantees an easy set up and a plethora of possibilities for customization. A proper photographer portfolio or wedding photographer website will make a client's surfing pretty simple - and that's what this design truly does. Traditionally, the template was coded with valid HTML and CSS practices. This template is totally responsive, allowing your webpage to reach mobile users , too. Neat, valid coding and comprehensive documentation will aid you in enhancing this photo portfolio website web template the way you desire. Get this template to develop your site in the virtual dominion like never before.<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 is a Bootstrap Photo School web template</h3> <p><b>What is it?</b></p><p>Bootstrap is a completely free front-end framework that provides for quicker plus straightforward web development experience.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is especially adjustable for any changes. It's not hard to work with, includes a excellent grid system and substantial features range.</p><p>Find newest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap web templates</a> here</p> <h3>This is Photo School web template with Portfolio</h3> <p><b>What is it?</b></p><p>Portfolio designs offer you an organic, usually tiles-form layout. These templates are used to manage any type of art. </p> <p><b>Why is it Good?</b></p><p>Having a portfolio, you can make your projects jump out. While integrating the portfolio in your web site, you grow the chances that the viewers can be engaged with your articles and furthermore return for further investigation.</p><p>Newest <a href=\"https://www.templatemonster.com/portfolio-website-templates/\">Portfolio website templates</a> here</p> <br /></div></div></div></div>","bitLyUrl":"http://bit.ly/PpSay2","tags":["any","art","camera","cameras","company","digital","folio","gallery","models","photo","photographer","photography","photos","picture","pictures","portfolio","read","topic","video"],"layout":"2 columns","customUrl":"/website-templates/49046.html","webForms":["Contact Form","Search Form"],"badge":"bage-mobile","nameOfTheTemplate":"Photographer Portfolio Website Template","loyaltySells":"1","width":"1660px","pHPVersionCompatibility":"7.x","topic":["Photography Templates","Photographer Portfolio Templates","Design & Photography"],"styles":"Neutral","skupromo":"42%","marketplaceMembership":"None","advImage":"https://s.tmimgcdn.com/scr/49000/49046-original.jpg","category":"Website templates","dqi":"00","imagesList":"36297253 35710475 35710021 24940607 23132626 22682429 22638469 15637981 13131238 14057385 12642739 11075869 11233873 10218519 17465581 28451835 20877109 12732842 11894685 10676326 15708631"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Tue, 26 Nov 2024 10:25:20 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=49046&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=49046&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=49046&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 26 Nov 2024 10:30:20 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: 159.203.151.221:80"
}
https://livedemo00.template-help.com/wt_49046<!DOCTYPE html>
<html lang="en">
<head>
    <title>#49046 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/49046.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 #49046            </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=49046&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>