string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=65447&expand=properties"
string(14367) "[{"templateId":65447,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":111,"categoryName":"Photo Gallery Templates","templateTitle":"Photo Gallery Responsive Website Template","templatePreviewHtmlTitle":"Photography HTML Template #65447 - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Photography HTML Template #65447","typeShortName":"Website","templatePreviewFBTitle":"<h2>Photography Website Template</h2><p><br /></p><p>This template is made for people who are in the field of <strong>photography</strong>. It is stunning for freelance <strong>photographers</strong> or anyone who wants to show their gallery to the world!</p><p><br /></p><p>To create it our developers used <strong>HTML, CSS3 and Bootstrap and JS frameworks</strong>. The template is <strong>responsive</strong>, which means that it has flexible design. It can change according to the screen size of the device, therefore looks perfect as on PCs and laptops, as well on smartphones or tablets.</p><p><br /></p><p>Our designers considered every single detail to make the first impression of this website simply amazing!</p><p>As you can probably already see, the main menu is placed on the left side column of our Home page. It is closed on default, but you can view it by clicking on the button on the top.</p><p><br /></p><p>To make the impression better, we decided that menu should stay perfectly still while scrolling through other pages. You can see that there are pages for Home, Gallery, About me, Contact, Blog and Pages.</p><p><br /></p><p>We would like to begin from the most important one, which is Gallery Page. When you move around your mouse in gallery section, you can see the animated sub-menu, with as many of the sub-menu categories as you wish.</p><p><br /></p><p>Now you can see following galleries:</p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><ul><li>Full style 2 columns wide</li><li>Full style 3 columns wide</li><li>Full style 4 columns wide</li><li>Full style 2 columns wide with photo information</li><li>Full style 3 columns wide with photo information</li><li>Full style 4 columns wide with photo information</li><li>Masonry 2 columns wide</li><li>Masonry 3 columns wide</li><li>Masonry 4 columns wide</li><li>Masonry 2 columns wide with photo information</li><li>Masonry 3 columns wide with photo information</li><li>Masonry 4 columns wide with photo information</li></ul><p><br /></p><p>We would like to tell you more about the functionality of the webpage. When clicking a certain photo, the page is switch to what is called a “demonstration page”. You can view each photo on full screen.</p><p><br /></p><p>This page has 3 important buttons. If you press either or icons, you have the ability to view each photo in the album or the category. If you click on the arrow that is shown in the top, you have the ability to go back to the gallery category page, however, if you click on the “i” button, you will see a detailed description, where you can add more/related information.</p><p><br /></p><p>You can also view the same information, if you click read more button.</p><p><br /></p><p>We made sure to include all details that is needed for as starter or as well for professional photographers. You will also have the ability to customize this template, if you think that any changes are necessary, with any HTML editor.</p><p><br /></p><p>We are going to make new pages for the template and expand its functionality. These additions might include adding a purchase page/checkout page with PayPal button. Anyone who has bought the template will be fully informed when the update comes out and of course, you will have the ability to download it for free.</p><p>Main Features</p><p><br /></p><p><br /></p><p><br /></p><ul><li>Fully Responsive</li><li>Built in Bootstrap</li><li>Amazing CSS3 Effects/Animations</li><li>Optimized Code</li><li>Simple &amp; Easy to Use/Customize</li><li>Working Contact Form</li><li>Google Map</li><li>Font Awesome icons</li><li>Clean Design</li><li>12 Photo Galleries</li><li>Documentation</li><li>Support</li></ul><p>Credit</p><p><br /></p><p><br /></p><ul><li>Html5shiv</li><li>Respond</li></ul><p>Google Web Fonts</p><p><br /></p><p><br /></p><p><br /></p><ul><li>Amiri</li><li>Crimson</li><li>Monserrat</li></ul><p><br /></p><p><em>Images are used for promotional purposes only and are not included into the pack.</em></p>","templateFullTitle":"Photography HTML Template","templatePreviewMetaDescription":"Photography Website TemplateThis template is made for people who are in the field of photography. It is stunning for freelance photographers or anyone who","templateDemoMetaDescription":"The live preview for this top quality Photography Website Template (#65447) is made available for you to get informed about the theme before you buy it. Click through the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Photography HTML Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/photography-website-template-65447.html","userRating":"4.5","designIndex":"87","authorUserId":"1481354","exclusive":"0","state":1,"price":27,"inserted_date":"2017-09-22","sent":2,"downloads":22,"search_words":"photography templates website websites photographers photographer portfolio template responsive web themes studio gallery photo","is_adult":0,"exc_price":2100,"sent_date":"2017-09-22 00:00:00","last_upload":"2017-09-22 00:00:00","package_id":295,"hasExclusivePrice":0,"screenshots":[{"id":1712193,"templ_id":65447,"filename":"65447-original.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1712194,"templ_id":65447,"filename":"65447-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1712195,"templ_id":65447,"filename":"65447-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1712196,"templ_id":65447,"filename":"65447-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1712197,"templ_id":65447,"filename":"65447-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/65447.html","image":"https://s.tmimgcdn.com/scr/65400/photography-html-template_65447-original.jpg","searchHash":"71699113d1f390741823775de3164f50","previewHash":"da6d8ac703b1fa67b87f1209c4bc7a90","authorNickname":"Mecovache","lowLevelTopic":"Photo Gallery Templates; Photographer Portfolio Templates; Photo Studio Templates","weightedRating":4.230769230769231,"annualSale":1,"monthlySales":0,"quarterlySales":1,"productBoost":50,"onSale":0,"finalPrice":27,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Responsive","Bootstrap","Retina Ready"],"topic":["Photography Templates","Photo Gallery Templates","Photographer Portfolio Templates","Photo Studio Templates","Design & Photography"],"isFree":"none","popularity":"Top Rated","color":["black","white"],"bootstrapVersion":"3.3.x","showVariantForcibly":"b","authorUserId":"1481354","nameOfTheTemplate":"Photography HTML Template","previewScreensOrVideoURLs":"https://s3-us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/1495/scr/slide-2.jpg, https://s3-us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/1495/scr/slide-1.jpg","shortDescription":"<h2>Photography Website Template</h2><p><br /></p><p>This template is made for people who are in the field of <strong>photography</strong>. It is stunning for freelance <strong>photographers</strong> or anyone who wants to show their gallery to the world!</p><p><br /></p><p>To create it our developers used <strong>HTML, CSS3 and Bootstrap and JS frameworks</strong>. The template is <strong>responsive</strong>, which means that it has flexible design. It can change according to the screen size of the device, therefore looks perfect as on PCs and laptops, as well on smartphones or tablets.</p><p><br /></p><p>Our designers considered every single detail to make the first impression of this website simply amazing!</p><p>As you can probably already see, the main menu is placed on the left side column of our Home page. It is closed on default, but you can view it by clicking on the button on the top.</p><p><br /></p><p>To make the impression better, we decided that menu should stay perfectly still while scrolling through other pages. You can see that there are pages for Home, Gallery, About me, Contact, Blog and Pages.</p><p><br /></p><p>We would like to begin from the most important one, which is Gallery Page. When you move around your mouse in gallery section, you can see the animated sub-menu, with as many of the sub-menu categories as you wish.</p><p><br /></p><p>Now you can see following galleries:</p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><ul><li>Full style 2 columns wide</li><li>Full style 3 columns wide</li><li>Full style 4 columns wide</li><li>Full style 2 columns wide with photo information</li><li>Full style 3 columns wide with photo information</li><li>Full style 4 columns wide with photo information</li><li>Masonry 2 columns wide</li><li>Masonry 3 columns wide</li><li>Masonry 4 columns wide</li><li>Masonry 2 columns wide with photo information</li><li>Masonry 3 columns wide with photo information</li><li>Masonry 4 columns wide with photo information</li></ul><p><br /></p><p>We would like to tell you more about the functionality of the webpage. When clicking a certain photo, the page is switch to what is called a “demonstration page”. You can view each photo on full screen.</p><p><br /></p><p>This page has 3 important buttons. If you press either or icons, you have the ability to view each photo in the album or the category. If you click on the arrow that is shown in the top, you have the ability to go back to the gallery category page, however, if you click on the “i” button, you will see a detailed description, where you can add more/related information.</p><p><br /></p><p>You can also view the same information, if you click read more button.</p><p><br /></p><p>We made sure to include all details that is needed for as starter or as well for professional photographers. You will also have the ability to customize this template, if you think that any changes are necessary, with any HTML editor.</p><p><br /></p><p>We are going to make new pages for the template and expand its functionality. These additions might include adding a purchase page/checkout page with PayPal button. Anyone who has bought the template will be fully informed when the update comes out and of course, you will have the ability to download it for free.</p><p>Main Features</p><p><br /></p><p><br /></p><p><br /></p><ul><li>Fully Responsive</li><li>Built in Bootstrap</li><li>Amazing CSS3 Effects/Animations</li><li>Optimized Code</li><li>Simple &amp; Easy to Use/Customize</li><li>Working Contact Form</li><li>Google Map</li><li>Font Awesome icons</li><li>Clean Design</li><li>12 Photo Galleries</li><li>Documentation</li><li>Support</li></ul><p>Credit</p><p><br /></p><p><br /></p><ul><li>Html5shiv</li><li>Respond</li></ul><p>Google Web Fonts</p><p><br /></p><p><br /></p><p><br /></p><ul><li>Amiri</li><li>Crimson</li><li>Monserrat</li></ul><p><br /></p><p><em>Images are used for promotional purposes only and are not included into the pack.</em></p>","uniqueKeywords":"photography,templates,website,websites,photographers,photographer,portfolio,template,responsive,web,themes,studio,gallery,photo","affiliateSells":"1","authorDownloadUrl":"https://tmuploader.s3.us-west-1.amazonaws.com/1481354-1505837564513_photography.zip?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJNZLEYTTESHWAE3Q%2F20180119%2Fus-west-1%2Fs3%2Faws4_request&X-Amz-Date=20180119T123235Z&X-Amz-SignedHeaders=host&X-Amz-Expires=601200&X-Amz-Signature=1c532f2cfafd2775ddcce62ad2beec3f6d0b1a42c8ef8169939c407373057242","authorMainScreenshot":"https://s3-us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/1495/scr/picture-1.jpg","dqi":"87","imageKeyFeatures":"https://s3-us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/1495/scr/big.jpg","livePreviewURL":"https://www.template-preview.com/bootstrap-templates/photography/","metaDescription":"Photography Website TemplateThis template is made for people who are in the field of photography. It is stunning for freelance photographers or anyone who","saleSells":"1","bitLyUrl":"http://bit.ly/2xzvfdD","lastmod":"2021-10-20T16:47:41-04:00","trendiness":"1","reviewsTotal":"3","reviewAverageScore":"4.5","chatSupportLevel":"Mecovache","exclusive":"0","templateSupportOptions":"[]","skupromo":"19%","alreadyPacked":"1","marketplaceMembership":"One","excludeExclusive":"Yes","customUrl":"/website-templates/photography-website-template-65447.html","demoMetaDescription":"The live preview for this top quality Photography Website Template (#65447) is made available for you to get informed about the theme before you buy it. Click through the pages, check the images, press the buttons, explore the functionality.","imagesIncluded":"No","tags":["gallery","photo","photographer","photographers","photography","portfolio","responsive","studio","template","templates","themes","web","website","websites"],"paidSupport":"No","advImage":"https://s3u.tmimgcdn.com/u1481354/5a89772f0323a900ababb676717da4dd.jpg","productSize":"8038007","webServerCompatibility":"Apache 2.4","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Wed, 01 May 2024 23:55:59 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=65447&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=65447&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=65447&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 02 May 2024 00:00:59 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://www.template-preview.com/bootstrap-templates/photography/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#65447 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/65447.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 #65447            </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=65447&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $25                <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>