string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=74724&expand=properties"
string(16104) "[{"templateId":74724,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":316,"categoryName":"Christian Templates","templateTitle":"Christian Responsive Website Template","templatePreviewHtmlTitle":"Rising Sun - Church Ready-to-Use Website Template","templateDemoHtmlTitle":"Live preview for Rising Sun - Church Ready-to-Use Website Template #74724","typeShortName":"Website","templatePreviewFBTitle":"<p>Modern church for young people looks very different from classic gothic chapels and pompous cathedrals. The modern church is much closer to people, more about fun and activities. That's why it needs a good-looking, fancy and up-to-date website. Rising Sun multipage HTML template has all the features a popular website should have. The big slider on the top of the homepage will be a perfect place to put your visitors' photos there. There are convenient categories, blog, and built-in video player. The template has a bunch of pre-made pages which you can edit with the Novi Builder that goes right in the theme pack. </p><p><em>Please note that .psd files are not included in this template package.</em></p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap Catholic Community website design</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for web page and applications design.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is especially adjustable for any customization. It's not hard to work with, contains a superior grid system and large features range.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website templates</a> here</p> <h3>This Lutheran website template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means that the internet page changes its size and shape to match any kind of screen, from the smallest devices to the largest Laptop or computer displays. For any device, web page elements expand or decrease to look ideal.</p> <p><b>Why is it Good?</b></p><p>Considering the expanding fascination with mobile devices, how many individuals who log on to the websites from phones has increased significantly. This kind of functionality allows you to adjust websites to mobile devices and different screen extensions, finally offering mobile device consumers with improved possibilities.</p><p>View more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <h3>This is Religious School web template with Background video</h3> <p><b>What is it?</b></p><p>Once a vivid video media is set up underneath the other material at some part of the web page (often at the very top) - this is called background video. It may be called an animation effect as it undeniably makes the whole web-site more vibrant.</p> <p><b>Why is it Good?</b></p><p>This particular feature allows you to bring life and movements to your site. Add an individual feature and eye-catching look. </p><p>Browse for more <a href=\"https://www.templatemonster.com/background-video-website-templates/\">Background video website templates</a> here</p> <h3>This is a Parallax Roman Catholic Church web template</h3> <p><b>What is it?</b></p><p>A parallax scrolling effect is a technique in website design when background picture shifts at a less quick pace than a foreground article, making the optical illusion of depth. </p> <p><b>Why is it Good?</b></p><p>Parallax make it possible for your customers relate with your web page and get a better user experience. It can help you to stand out among your opponents.</p><p>Find more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website design templates</a> here</p> <h3>This Society & People Services website design is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search Engine Friendly WordPress templates that are working with the widely used SEO plugins for WordPress.</p> <p><b>Why is it Good?</b></p><p>Along with it, it is possible to bring in a large number of targeted visitors to the site from search engines.</p><p>Find newest <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly website design templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Rising Sun - Church Ready-to-Use Website Template","templatePreviewMetaDescription":"Modern church for young people looks very different from classic gothic chapels and pompous cathedrals. The modern church is much closer to people, more about","templateDemoMetaDescription":"Explore the demo of the top quality Rising Sun - Church Ready-to-Use Website Template (#74724) to get a better concept of what this template is prior to buying it. Click through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Rising Sun - Church Ready-to-Use Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/rising-sun-church-ready-to-use-website-template-74724.html","userRating":0,"designIndex":"88","authorUserId":"1768190","exclusive":"1","state":1,"price":61,"inserted_date":"2018-11-27","sent":1,"downloads":5,"search_words":"hindu hinduism religious religion god family care education mission community confession help charity donation health funeral Christian Catholic Church Islam","is_adult":0,"exc_price":4500,"sent_date":"2018-12-07 11:01:49","last_upload":"2018-11-27 00:00:00","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1782562,"templ_id":74724,"filename":"74724-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":1782563,"templ_id":74724,"filename":"74724-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":1782564,"templ_id":74724,"filename":"74724-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":1782565,"templ_id":74724,"filename":"74724-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":1782566,"templ_id":74724,"filename":"74724-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/74724.html","image":"https://s.tmimgcdn.com/scr/74700/rising-sun-church-ready-to-use-website-template_74724-original.jpg","searchHash":"1d8f18c5757a928b015968428544fc40","previewHash":"28035b21a05a0ec5be4299945f240aa2","authorNickname":"RockThemes","lowLevelTopic":"Christian Templates; Presbyterian Templates; Islam Templates; Jehovah Witnesses Templates; Buddhist Templates; Catholic Church Templates; Lutheran Templates; Easter Gifts Store Templates; Islamic Social Center Templates","weightedRating":null,"annualSale":1,"monthlySales":1,"quarterlySales":1,"productBoost":0,"onSale":0,"finalPrice":59,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Novi Builder","Dropdown Menu","Google map","Tabs","Gallery","HTML 5","JQuery","HTML plus JS","Parallax","Website Builder"],"styles":"Neutral","languageSupport":"English","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Isotope","Grid"],"webForms":["Contact Form","Newsletter Subscription","Search Form"],"badge":"badge-responsive","topic":["Christian Templates","Presbyterian Templates","Islam Templates","Jehovah Witnesses Templates","Buddhist Templates","Catholic Church Templates","Lutheran Templates","Easter Gifts Store Templates","Islamic Social Center Templates","Religious Templates","Society & People"],"templateIcon":"icon-bootstrap","templateSoftwareRequired":["Apache 2.0+","PHP 5.4+","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"dateRange":"Last Year","color":["black","white","grey"],"showVariantForcibly":"b","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"exclusive":"1","authorUserId":"1768190","alreadyPacked":"1","nameOfTheTemplate":"Rising Sun - Church Ready-to-Use Website Template","lastmod":"2020-12-30T21:43:19-05:00","previewScreensOrVideoURLs":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1543334320396_image-1.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1543334322104_image-2.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1543334325609_image-3.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1543334327039_image-4.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1543334328704_image-5.jpg","shortDescription":"<p>Modern church for young people looks very different from classic gothic chapels and pompous cathedrals. The modern church is much closer to people, more about fun and activities. That's why it needs a good-looking, fancy and up-to-date website. Rising Sun multipage HTML template has all the features a popular website should have. The big slider on the top of the homepage will be a perfect place to put your visitors' photos there. There are convenient categories, blog, and built-in video player. The template has a bunch of pre-made pages which you can edit with the Novi Builder that goes right in the theme pack. </p><p><em>Please note that .psd files are not included in this template package.</em></p><div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap Catholic Community website design</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for web page and applications design.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is especially adjustable for any customization. It's not hard to work with, contains a superior grid system and large features range.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website templates</a> here</p> <h3>This Lutheran website template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means that the internet page changes its size and shape to match any kind of screen, from the smallest devices to the largest Laptop or computer displays. For any device, web page elements expand or decrease to look ideal.</p> <p><b>Why is it Good?</b></p><p>Considering the expanding fascination with mobile devices, how many individuals who log on to the websites from phones has increased significantly. This kind of functionality allows you to adjust websites to mobile devices and different screen extensions, finally offering mobile device consumers with improved possibilities.</p><p>View more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <h3>This is Religious School web template with Background video</h3> <p><b>What is it?</b></p><p>Once a vivid video media is set up underneath the other material at some part of the web page (often at the very top) - this is called background video. It may be called an animation effect as it undeniably makes the whole web-site more vibrant.</p> <p><b>Why is it Good?</b></p><p>This particular feature allows you to bring life and movements to your site. Add an individual feature and eye-catching look. </p><p>Browse for more <a href=\"https://www.templatemonster.com/background-video-website-templates/\">Background video website templates</a> here</p> <h3>This is a Parallax Roman Catholic Church web template</h3> <p><b>What is it?</b></p><p>A parallax scrolling effect is a technique in website design when background picture shifts at a less quick pace than a foreground article, making the optical illusion of depth. </p> <p><b>Why is it Good?</b></p><p>Parallax make it possible for your customers relate with your web page and get a better user experience. It can help you to stand out among your opponents.</p><p>Find more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website design templates</a> here</p> <h3>This Society & People Services website design is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search Engine Friendly WordPress templates that are working with the widely used SEO plugins for WordPress.</p> <p><b>Why is it Good?</b></p><p>Along with it, it is possible to bring in a large number of targeted visitors to the site from search engines.</p><p>Find newest <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly website design templates</a> here</p> <br /></div></div></div></div>","uniqueKeywords":"hindu hinduism religious religion god family care education mission community confession help charity donation health funeral Christian Catholic Church Islam","affiliateSells":"1","authorMainScreenshot":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1543334315995_RisingSun-original.jpg","dqi":"88","facebookPixelId":"1857475610982695","googleAnalyticsId":"UA-118125082-1","imageKeyFeatures":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1543334336883_cut_01.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1543334336884_cut_02.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1543334336884_cut_03.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1543334336885_cut_04.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1543334336886_cut_05.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1543334336887_cut_06.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1543334336887_cut_07.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1543334336888_cut_08.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1543334336888_cut_09.jpg","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-18377","loyaltySells":"1","metaDescription":"Of course, the modern church has to have a website! And of course, it should be built on this fancy and accurate multipage HTML template!","saleSells":"1","templateSupportOptions":"[{\"id\":22711,\"template_id\":17780,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":22712,\"template_id\":17780,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","bitLyUrl":"http://bit.ly/2QpJewk","customUrl":"/website-templates/rising-sun-church-ready-to-use-website-template-74724.html","marketplaceMembership":"One","trendiness":"1","kindOfShops":"church website, religious organization","htmlTitle":"Church Multipage HTML Template","tryBuilder":"https://ld-wp2.template-help.com/novi-builder/prod-18377/","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_1300.jpg\" srcset=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_2560.jpg 2x\" alt=\"img\"/>","noviTemplates":"Novi templates","demoMetaDescription":"Explore the demo of the top quality Rising Sun - Church Ready-to-Use Website Template (#74724) to get a better concept of what this template is prior to buying it. Click through the pages, examine the images, press the buttons, explore the features.","isOldDemoUrl":"1","tags":["care","catholic","charity","christian","church","community","confession","donation","education","family","funeral","god","health","help","hindu","hinduism","islam","mission","religion","religious"],"pHPVersionCompatibility":"7.x","types":"HTML Website Templates","hELPURL":"/quick-start-guide/website-template/","isFree":"none","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 03 May 2024 13:33:26 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(290) "Link: <http://products/api/v2/products/en?language=en&ids=74724&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=74724&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=74724&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 03 May 2024 13:38:26 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://livedemo00.template-help.com/wt_prod-18377<!DOCTYPE html>
<html lang="en">
<head>
    <title>#74724 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/74724.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 #74724            </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=74724&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $56                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

        <div id="preview-wrapper" class="hide_wrap">

                            <div class="technical-problems">
                    <p>Technical operations</p>
                    <p class="problems-message">Live demo of this template will be available within 5-6 hours.</p>
                    <p>
                        <a href="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>