string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=64427&expand=properties"
string(15306) "[{"templateId":64427,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":84,"categoryName":"Solar Energy Templates","templateTitle":"Solar Energy Responsive Website Template","templatePreviewHtmlTitle":"Green Line - Environmental Multipage Website Template","templateDemoHtmlTitle":"Demo Preview for Green Line - Environmental Multipage Website Template #64427","typeShortName":"Website","templatePreviewFBTitle":"This fully responsive Alternative Power HTML Template with its intuitive design, green look and almost non-existent response time will help you make your alternative energy, environmental or any other type of nature saving company really customer-oriented. It has fast, well organized interface that can be customized to your taste. It also has different layouts with multiple pages, each element of which (like buttons, progress bars, forms, etc) can be customized. This template was made by a team of professionals, concerned about helping you to bring your ideas to as many clients as possible. So they have developed this elegant green HTML template to suite your needs. This user-friendly HTML template will be perfectly suited to represent your environmental-friendly company on the web!<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 Corporate website design</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for making internet resources.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is highly adjustable for any modification. It's easy to manage with, includes a great grid system and considerable features collection.</p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website designs</a> here</p> <h3>This Environmental website design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means well adapted to the displays of all resolutions on any device. </p> <p><b>Why is it Good?</b></p><p>It is great because the website is available for more users from the huge amount of gadgets. </p><p>Newest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This is a Bootstrap 4 Environmental website design</h3> <p><b>What is it?</b></p><p>Bootstrap 4 is the new edition of Bootstrap HTML, CSS, and JS framework that enables to make responsive and mobile-ready websites.</p> <p><b>Why is it Good?</b></p><p>Bootstrap 4 runs with spanking new components, quicker stylesheet and supports all of the releases of leading internet browsers.</p><p>Browse for more <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 web templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Green Line - Environmental Multipage Website Template","templatePreviewMetaDescription":"This fully responsive Alternative Power HTML Template with its intuitive design, green look and almost non-existent response time will help you make your","templateDemoMetaDescription":"The demo preview for this Green Line - Environmental Multipage Website Template (#64427) is generated for you to get yourself informed about the template prior to buying it. View the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Green Line - Environmental Multipage Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/green-line-website-template-64427.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":61,"inserted_date":"2017-06-26","sent":1,"downloads":46,"search_words":"engineering revolution portfolio agency industry technical corporate technology sale construction renovation design eco ecology","is_adult":0,"exc_price":4500,"sent_date":"2018-05-28 02:00:00","last_upload":"2017-06-26 00:00:00","package_id":258,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":3,"filename":"64427-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64427,"width":895,"window_params":"","banner_url":"","id":1707849,"href":"","height":599},{"scr_type_id":298,"filename":"64427-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64427,"width":430,"window_params":"","banner_url":"","id":1707850,"href":"","height":900},{"scr_type_id":314,"filename":"64427-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64427,"width":1903,"window_params":"","banner_url":"","id":1707851,"href":"","height":8540},{"scr_type_id":334,"filename":"64427-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64427,"width":1600,"window_params":"","banner_url":"","id":1707852,"href":"","height":1000},{"scr_type_id":78,"filename":"64427-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":64427,"width":970,"window_params":"","banner_url":"","id":1707853,"href":"","height":280},{"scr_type_id":212,"filename":"64427-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64427,"width":430,"window_params":"","banner_url":"","id":1707854,"href":"","height":60},{"scr_type_id":297,"filename":"64427-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64427,"width":430,"window_params":"","banner_url":"","id":1707855,"href":"","height":1930},{"scr_type_id":312,"filename":"64427-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64427,"width":370,"window_params":"","banner_url":"","id":1707856,"href":"","height":370},{"scr_type_id":311,"filename":"64427-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64427,"width":965,"window_params":"","banner_url":"","id":1707857,"href":"","height":4331},{"scr_type_id":299,"filename":"64427-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64427,"width":430,"window_params":"","banner_url":"","id":1707858,"href":"","height":900},{"scr_type_id":3,"filename":"64427-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64427,"width":1903,"window_params":"","banner_url":"","id":1707859,"href":"","height":8540},{"scr_type_id":3,"filename":"64427-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64427,"width":408,"window_params":"","banner_url":"","id":1707860,"href":"","height":55},{"scr_type_id":315,"filename":"64427-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64427,"width":1903,"window_params":"","banner_url":"","id":1707861,"href":"","height":8540},{"scr_type_id":9,"filename":"64427-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64427,"width":145,"window_params":"","banner_url":"","id":1707862,"href":"","height":156},{"scr_type_id":300,"filename":"64427-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":64427,"width":320,"window_params":"","banner_url":"","id":1707863,"href":"","height":900}],"demoUrl":"/demo/64427.html","image":"https://s.tmimgcdn.com/scr/64400/green-line-environmental-multipage-website-template_64427-0-original.jpg","searchHash":"a8aa160d51ca613aa091dad06a728809","previewHash":"b99995df43d8fc6f061e7ec17a9a303a","authorNickname":"RockThemes","lowLevelTopic":"Solar Energy Templates","weightedRating":0,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"environmental, environment, ecology, ecological, green, nature, eco, alternative power, alternative energy, wind energy, wind power, wind farm, wind turbine, solar, solar energy, solar power, solar panel, solar heater, solar water heater","uniqueKeywords":"engineering revolution portfolio agency industry technical corporate technology sale construction renovation design eco ecology","showVariantForcibly":"b","metaDescription":"Use this Alternative Power HTML Template to create a stunning website for your green power products. No trees were harmed to make this template!","excludeExclusive":"Yes","imageKeyFeatures":"https://s.tmimgcdn.com/scr/64400/64427-en_01.jpg, https://s.tmimgcdn.com/scr/64400/64427-en_02.jpg, https://s.tmimgcdn.com/scr/64400/64427-en_03.jpg, https://s.tmimgcdn.com/scr/64400/64427-en_04.jpg, https://s.tmimgcdn.com/scr/64400/64427-en_05.jpg, https://s.tmimgcdn.com/scr/64400/64427-en_06.jpg, https://s.tmimgcdn.com/scr/64400/64427-en_07.jpg, https://s.tmimgcdn.com/scr/64400/64427-en_08.jpg, https://s.tmimgcdn.com/scr/64400/64427-en_09.jpg, https://s.tmimgcdn.com/scr/64400/64427-en_10.jpg, https://s.tmimgcdn.com/scr/64400/64427-en_11.jpg, https://s.tmimgcdn.com/scr/64400/64427-en_12.jpg, https://s.tmimgcdn.com/scr/64400/64427-en_13.jpg","features":["Bootstrap","Responsive","HTML plus JS","HTML 5","JQuery","Sliced PSD","Dropdown Menu","Google map","Tabs"],"languageSupport":"English","authorUserId":"1768190","htmlTitle":"Alternative Power HTML Template","isFree":"none","hELPURL":"/quick-start-guide/bootstrap-template/","imageDescription":"https://s.tmimgcdn.com/scr/64400/64427-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor","Apache Server","PHP 5.4+"],"lastmod":"2021-08-03T14:50:56-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"The demo preview for this Green Line - Environmental Multipage Website Template (#64427) is generated for you to get yourself informed about the template prior to buying it. View the pages, check the images, click the buttons, explore the functionality.","shortDescription":"This fully responsive Alternative Power HTML Template with its intuitive design, green look and almost non-existent response time will help you make your alternative energy, environmental or any other type of nature saving company really customer-oriented. It has fast, well organized interface that can be customized to your taste. It also has different layouts with multiple pages, each element of which (like buttons, progress bars, forms, etc) can be customized. This template was made by a team of professionals, concerned about helping you to bring your ideas to as many clients as possible. So they have developed this elegant green HTML template to suite your needs. This user-friendly HTML template will be perfectly suited to represent your environmental-friendly company on the web!<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 Corporate website design</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for making internet resources.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is highly adjustable for any modification. It's easy to manage with, includes a great grid system and considerable features collection.</p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website designs</a> here</p> <h3>This Environmental website design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means well adapted to the displays of all resolutions on any device. </p> <p><b>Why is it Good?</b></p><p>It is great because the website is available for more users from the huge amount of gadgets. </p><p>Newest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This is a Bootstrap 4 Environmental website design</h3> <p><b>What is it?</b></p><p>Bootstrap 4 is the new edition of Bootstrap HTML, CSS, and JS framework that enables to make responsive and mobile-ready websites.</p> <p><b>Why is it Good?</b></p><p>Bootstrap 4 runs with spanking new components, quicker stylesheet and supports all of the releases of leading internet browsers.</p><p>Browse for more <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 web templates</a> here</p> <br /></div></div></div></div>","tags":["agency","construction","corporate","design","eco","ecology","engineering","industry","portfolio","renovation","revolution","sale","technical","technology"],"customUrl":"/website-templates/green-line-website-template-64427.html","badge":"badge-responsive","nameOfTheTemplate":"Green Line - Environmental Multipage Website Template","pHPVersionCompatibility":"7.x","topic":["Solar Energy Templates","Environmental Templates","Business & Services"],"styles":["Neutral","Flat"],"productFamily":"None","color":["black","white","green"],"followUpLetter":"website-template-offers","dateRange":"Last Year","reviewsTotal":"2","reviewAverageScore":"5","changeLog":"<b>Green Line Version 1.1 (May 28, 2018)</b>\r\n<br/>\r\n<b>Additions</b><br/>\r\n<ul><li><b>- ADD:</b> Mailchimp and Campaign Monitor forms;</li>\r\n<ul><li><b>- UPD:</b> Bootstrap updated to versiton 4;</li>\r\n<ul><li><b>- UPD:</b> RD Navbar ;</li>\r\n<ul><li><b>- UPD:</b> Owl carousel;</li>\r\n<ul><li><b>- UPD:</b> PhotoSwipe Gallery changed to LightGallery;</li>\r\n<ul><li><b>- UPD:</b> CircleProgress updated;</li>\r\n<ul><li><b>- FIX:</b> Slider fixes;</li>\r\n<ul><li><b>- FIX:</b> CSS styles;</li>\r\n<ul><li><b>- FIX:</b> Other minor bug fixes;</li>\r\n</ul>\r\n<br/><br/><br/>","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"4.0.x","livePreviewURL":"https://livedemo00.template-help.com/wt_64427_v1","templateGroup":"HTML Templates","popularity":"Top Rated","galleryScript":["Accordion","Carousel","CSS and JS","Isotope","Slider","Grid"],"templateIcon":"icon-bootstrap","dynamicChangeLog":"<ul><li>- 3 font issues fixed</li><li>- 1 layout bug fixed</li><li>- 1 PSD layer updated</li></ul>","notice":"Some of the forms included (like booking, registration, comment submission forms, etc.) may require extra scripts and/or database functionality.","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","webForms":["Contact Form","Newsletter Subscription","Search Form"],"loyaltySells":"1","width":"1920px","skupromo":"8%","marketplaceMembership":"One","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 26 Apr 2024 13:13:46 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=64427&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=64427&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=64427&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 13:18:46 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_64427_v1<!DOCTYPE html>
<html lang="en">
<head>
    <title>#64427 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/64427.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 #64427            </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=64427&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>