string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=66077&expand=properties"
string(11247) "[{"templateId":66077,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":127,"categoryName":"Consulting Templates","templateTitle":"Consulting Responsive Website Template","templatePreviewHtmlTitle":"Monstroid2 Light - Multipurpose Website Template","templateDemoHtmlTitle":"Live demo for Monstroid2 Light - Multipurpose Website Template #66077","typeShortName":"Website","templatePreviewFBTitle":"<p>In a need to set up a great website for your company? Our Monstroid2 Light Multipurpose Website Template is a perfect solution for you! This brand new version of Monstroid is much easier to install and manage than its predecessor. We present you with a modern, responsive and visually engaging design that's available all over the world and on all known devices. Our templates are equipped with high customizability, so you will be able to choose just the right appearance for your website. With Contacts page, your customers will know how to get in touch with you and acquire your services. Need to post a set of statements from satisfied customers? With our template, setting up testimonials is delightfully easy! Need to share photos with clients? You can quickly set up galleries anytime you want! With Google fonts, you will be able to choose the best text style for your website.</p><p><em>Please note that .psd files are not included in this template package.</em></p>","templateFullTitle":"Monstroid2 Light - Multipurpose Website Template","templatePreviewMetaDescription":"In a need to set up a great website for your company? Our Monstroid2 Light Multipurpose Website Template is a perfect solution for you! This brand new version","templateDemoMetaDescription":null,"specificTemplateNameListing":null,"specificTemplateNamePreview":"Monstroid2 Light - Multipurpose Website Template","anchorTitle":"Monstroid2 Light - Multipurpose Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/monstroid-light-multipurpose-website-template-66077.html","userRating":"5","designIndex":"97","authorUserId":"1768190","exclusive":"1","state":1,"price":61,"inserted_date":"2017-11-30","sent":1,"downloads":74,"search_words":"monstroid multipurpose blog corporate gym light business portfolio agency industry technical services company personal web technology responsive html website","is_adult":0,"exc_price":4500,"sent_date":"2020-02-18 02:26:04","last_upload":"2020-02-18 10:08:28","package_id":295,"hasExclusivePrice":0,"screenshots":[{"scr_type_id":334,"filename":"66077-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":66077,"width":1024,"window_params":"","banner_url":"","id":1721942,"href":"","height":1536},{"scr_type_id":311,"filename":"66077-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":66077,"width":1024,"window_params":"","banner_url":"","id":1721943,"href":"","height":1536},{"scr_type_id":312,"filename":"66077-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":66077,"width":370,"window_params":"","banner_url":"","id":1721944,"href":"","height":370},{"scr_type_id":9,"filename":"66077-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":66077,"width":145,"window_params":"","banner_url":"","id":1721945,"href":"","height":156},{"scr_type_id":57,"filename":"66077-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":66077,"width":430,"window_params":"","banner_url":"","id":1721946,"href":"","height":645}],"demoUrl":"/demo/66077.html","image":"https://s.tmimgcdn.com/scr/66000/monstroid2-light-multipurpose-website-template_66077-original.jpg","searchHash":"dbca424ca41053be22a93908b1472f3c","previewHash":"ffe38df36a982fff423089d9ad3bf585","authorNickname":"RockThemes","lowLevelTopic":"Consulting Templates","weightedRating":4.5,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"Design & Photography, Education & Books, Business & Services, Electronics, Medical","uniqueKeywords":"monstroid multipurpose blog corporate gym light business portfolio agency industry technical services company personal web technology responsive html website","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"This template is equipped with contacts, personal blog, testimonials, responsive design, Google fonts, gallery and much more!","authorDownloadUrl":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1526911716919_66077.zip?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJNZLEYTTESHWAE3Q%2F20180521%2Fus-west-1%2Fs3%2Faws4_request&X-Amz-Date=20180521T141209Z&X-Amz-SignedHeaders=host&X-Amz-Expires=601200&X-Amz-Signature=a6d3bad9c332a4280c6c30ebe9c796d59bb720dc2808a1637414a3484b936167","excludeExclusive":"Yes","imageKeyFeatures":"https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3459/scr/62222_light-en_01.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3459/scr/62222_light-en_02.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3459/scr/62222_light-en_03.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3459/scr/62222_light-en_04.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3459/scr/62222_light-en_05.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3459/scr/62222_light-en_06.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3459/scr/62222_light-en_07.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3459/scr/62222_light-en_08.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3459/scr/62222_light-en_09.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3459/scr/62222_light-en_10.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3459/scr/62222_light-en_11.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3459/scr/62222_light-en_12.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3459/scr/62222_light-en_13.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3459/scr/62222_light-en_14.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3459/scr/62222_light-en_15.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3459/scr/62222_light-en_16.jpg, https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3459/scr/62222_light-en_17.jpg","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Dropdown Menu","Google map","Tabs","Gallery","HTML 5","JQuery","HTML plus JS","Parallax","Lazy Load effect"],"saleSells":"1","languageSupport":"English","authorUserId":"1768190","htmlTitle":"Multipurpose Website Template","isFree":"none","hELPURL":"/quick-start-guide/website-template/","exclusive":"1","templateSoftwareRequired":["Apache 2+","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)"],"trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"lastmod":"2022-01-07T22:00:17-05:00","shortDescription":"<p>In a need to set up a great website for your company? Our Monstroid2 Light Multipurpose Website Template is a perfect solution for you! This brand new version of Monstroid is much easier to install and manage than its predecessor. We present you with a modern, responsive and visually engaging design that's available all over the world and on all known devices. Our templates are equipped with high customizability, so you will be able to choose just the right appearance for your website. With Contacts page, your customers will know how to get in touch with you and acquire your services. Need to post a set of statements from satisfied customers? With our template, setting up testimonials is delightfully easy! Need to share photos with clients? You can quickly set up galleries anytime you want! With Google fonts, you will be able to choose the best text style for your website.</p><p><em>Please note that .psd files are not included in this template package.</em></p>","tags":["agency","business","company","corporate","gym","industry","light","multipurpose","personal","portfolio","responsive","services","technical","technology","web","website","blog","html"],"customUrl":"/website-templates/monstroid-light-multipurpose-website-template-66077.html","badge":"badge-responsive","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\"/>","nameOfTheTemplate":"Monstroid2 Light - Multipurpose Website Template","pHPVersionCompatibility":"7.x","topic":["Consulting Templates","Business & Services"],"changeLogDate":"2020-02-18","styles":"Neutral","productFamily":"None","color":"white","followUpLetter":"website-template-offers","dateRange":"Last Year","reviewsTotal":"8","reviewAverageScore":"5","templateSupportOptions":"[{\"id\":67159,\"template_id\":51784,\"type\":1,\"measure\":\"minute\",\"value\":1,\"phone\":\"\"}]","changeLog":"<b>Monstroid2 Light Version 1.2 (May 21, 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> Owl carousel updated;</li>\r\n<ul><li><b>- UPD:</b> RD Mailform updated;</li>\r\n<ul><li><b>- UPD:</b> Swiper updated;</li>\r\n<ul><li><b>- UPD:</b> PhotoSwipe Gallery changed to LightGallery;</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/>\r\n\r\n<b>Monstroid2 Light Version 1.1 (March 14, 2018)</b>\r\n<br/>\r\n<b>Additions</b><br/>\r\n<ul><li><b>- UPD:</b> Speed Optimization;</li>\r\n<ul><li><b>- UPD:</b> Scripts fixes;</li>\r\n<ul><li><b>- UPD:</b> Some styles reorganized;</li>\r\n<ul><li><b>- UPD:</b> Visual and animation bug fixes;</li>\r\n<ul><li><b>- FIX:</b> Minor bug fixes;</li>\r\n</ul>\r\n<br/><br/><br/>","sqi":"95","media":"Audio Player","livePreviewURL":"https://livedemo00.template-help.com/wt_66077","specificTemplateNamePreview":"Monstroid2 Light - Multipurpose Website Template","authorMainScreenshot":"https://s3.us-west-1.amazonaws.com/screenshots.templatemonster.com/templates/3459/scr/monstroid2-original.jpg","templateGroup":"HTML Templates","popularity":"Top Rated","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Isotope"],"templateIcon":"icon-bootstrap","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"2","bitLyUrl":"http://bit.ly/2kbGiVO","webForms":["Contact Form","Newsletter Subscription","Search Form"],"loyaltySells":"1","width":"1920px","skupromo":"8%","marketplaceMembership":"One","category":"Website templates","dqi":"97"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sun, 05 May 2024 00:07:18 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=66077&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=66077&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=66077&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 05 May 2024 00:12:18 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_66077<!DOCTYPE html>
<html lang="en">
<head>
    <title>#66077 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/66077.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 #66077            </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=66077&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>