string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=154094&expand=properties"
string(13875) "[{"templateId":154094,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":130,"categoryName":"Financial Advisor Templates","templateTitle":"Financial Advisor Responsive Website Template","templatePreviewHtmlTitle":"Petech IT Solution &amp; Business Service Website Template","templateDemoHtmlTitle":"Demo for Petech IT Solution &amp; Business Service Website Template #154094","typeShortName":"Website","templatePreviewFBTitle":"<p><strong>Petech – IT Solution &amp; Business Services HTML5 Template</strong> is a Fully Responsive Consultancy Template built on Bootstrap4 x, HTML5, CSS3, JavaScript, jQuery. It’s a modern crafted HTML5 template which can be used for Consultancy website. This is highly customizable – looks awesome on tablets and mobile devices. We have included a documentation folder to describe the code structures. We have included best practice of web development – you can create great website layout based on Bootstrap or Grid 1170px.</p><p><strong>Dream-IT Support</strong> We are very active for our customers support. And all time ready for support. Because we think this is our responsibility. And clients happiness our goal. Please check our profile and read our clients feedback about our support. We have achieved support award from TemplateMonoster. So you can believe our professionalism and buy this product. Hope you will be happy for the product.</p><h2>Template Features Items:</h2><p><br /></p><ul><li>100% Fully Responsive</li><li>Built In Bootstrap 4.5.2.x</li><li><strong>All Images included in the download file!</strong></li><li>Clean Code</li><li><strong>24/7 Live Support </strong></li><li><strong>PSD To HTML</strong></li><li>Fast, Lightweight &amp; Powerful</li><li>Floating Menu on Mobile Devices</li><li><strong>WordPress Version Available</strong></li><li><strong>PSD Template Available </strong></li><li>Smooth Transition Effects</li><li>Awesome Unique Look</li><li><strong>w3c validator</strong></li><li>Cross Browser Optimization</li><li>Clean &amp; Commented Code</li><li>Flexible Layout</li><li><strong>5+ Different Header Styles.</strong></li><li><strong>3+ Different Footer Styles.</strong></li><li>Advanced Typography</li><li>Valid HTML5 &amp; CSS3</li><li>Cross Browser Optimization.</li><li>Built Based on Bootstrap</li><li>Single + Multi-page Template</li><li>Awesome Customized Slider</li><li>Integrated with Feather Icons</li><li>Simple client-side routing (page based)</li><li>Unlimited Sidebars</li><li>Detailed Documentation</li><li>Unlimited Page Included</li><li>Google Fonts</li></ul><p><br /></p><h2>Font Used:</h2><ul><li>Montserrat</li><li>Nunito Sans</li></ul><p><br /></p><h2>Icon Used:</h2><ul><li>Font Awesome Icons</li><li>Flaticons</li></ul><h2>15 July 2023</h2><ol><li>New Pages Added</li><li>New Images Added</li><li>New Coding &amp; CSS Added</li><li>Improve Design</li></ol><p><br /></p><h2>14 April 2023</h2><ol><li>New Pages Added</li><li>New Images Added</li><li>New Coding &amp; CSS Added</li><li>Improve Design</li></ol><p><br /></p><h2>16 February 2023</h2><ol><li>New Pages Added</li><li>New Images Added</li><li>New Coding &amp; CSS Added</li><li>Improve Design</li></ol><p><br /></p><h2>25 August 2022</h2><ol><li>Improve Design</li><li>Responsive Design Improve</li><li>New Prelodear Added</li><li>New Images Added</li><li>New Coding &amp; CSS Added</li></ol><p><br /></p><h2>Update 25 May 2022</h2><ol><li>New Career Page Added</li><li>New Career Details Page Added</li><li>New Images Added</li><li>New Coding &amp; CSS Added</li></ol><h2>Update 10 January 2022</h2><ol><li>New Home Pages Added</li><li>Fixed Contact From</li></ol>","templateFullTitle":"Petech IT Solution &amp; Business Service Website Template","templatePreviewMetaDescription":"Petech – IT Solution &amp; Business Services HTML5 Template is a Fully Responsive Consultancy Template built on Bootstrap4 x, HTML5, CSS3, JavaScript,","templateDemoMetaDescription":"The demo for this premium Petech IT Solution &amp; Business Service Website Template (#154094) is presented here for you to get the feel and look of the template before you choose to buy it. Go through the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Petech IT Solution &amp; Business Service Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/petech-it-solution-amp-business-service-website-template-154094.html","userRating":0,"designIndex":1,"authorUserId":"1795291","exclusive":"1","state":1,"price":18,"inserted_date":"2021-01-13","sent":0,"downloads":14,"search_words":"it solutions business services corporate company software technology finance advisor marketing startup cyber security minimal portfolio agency multipurpose seo digital","is_adult":0,"exc_price":2100,"sent_date":"2021-02-18 03:25:37","last_upload":"2023-08-04 11:29:59","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2197728,"templ_id":154094,"filename":"154094-2-original.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2197729,"templ_id":154094,"filename":"154094-2-big.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2197730,"templ_id":154094,"filename":"154094-2-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":2197731,"templ_id":154094,"filename":"154094-2-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":2197732,"templ_id":154094,"filename":"154094-2-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/154094.html","image":"https://s.tmimgcdn.com/scr/154000/petech-it-solution-amp-business-service-website-template_154094-2-original.jpg","searchHash":"4a6f7b3573d5d8b37890372c6a9bc722","previewHash":"de5c19f49b5fc1ac678d26626a698c77","authorNickname":"DreamIT","lowLevelTopic":"Financial Advisor Templates; IT Templates; Computers & Internet; Intranet","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":1,"productBoost":125,"onSale":0,"finalPrice":18,"discountPercent":0,"discountAmount":0,"semiannualSales":2,"properties":{"features":["Responsive","Bootstrap","Multipurpose","Google map","Blog","Gallery","Portfolio","One Page Templates","HTML 5","JQuery"],"styles":["Corporate","Minimalist"],"topic":["Financial Advisor Templates","IT Templates","Business & Services","Computers & Internet","Finance","Intranet"],"isFree":"none","color":["black","white","grey","blue","cyan"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","authorUserId":"1795291","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["advisor","agency","business","company","corporate","digital","finance","marketing","minimal","multipurpose","portfolio","security","services","software","solutions","startup","technology","seo","it","cyber"],"bootstrapVersion":"4.4.x","nameOfTheTemplate":"Petech IT Solution &amp; Business Service Website Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1795291-1602615769011_1.png, https://s3u.tmimgcdn.com/1795291-1602615775138_2.png, https://s3u.tmimgcdn.com/1795291-1602615779934_3.png, https://s3u.tmimgcdn.com/1795291-1602615785309_4.png, https://s3u.tmimgcdn.com/1795291-1602615791249_5.png","shortDescription":"<p><strong>Petech – IT Solution &amp; Business Services HTML5 Template</strong> is a Fully Responsive Consultancy Template built on Bootstrap4 x, HTML5, CSS3, JavaScript, jQuery. It’s a modern crafted HTML5 template which can be used for Consultancy website. This is highly customizable – looks awesome on tablets and mobile devices. We have included a documentation folder to describe the code structures. We have included best practice of web development – you can create great website layout based on Bootstrap or Grid 1170px.</p><p><strong>Dream-IT Support</strong> We are very active for our customers support. And all time ready for support. Because we think this is our responsibility. And clients happiness our goal. Please check our profile and read our clients feedback about our support. We have achieved support award from TemplateMonoster. So you can believe our professionalism and buy this product. Hope you will be happy for the product.</p><h2>Template Features Items:</h2><p><br /></p><ul><li>100% Fully Responsive</li><li>Built In Bootstrap 4.5.2.x</li><li><strong>All Images included in the download file!</strong></li><li>Clean Code</li><li><strong>24/7 Live Support </strong></li><li><strong>PSD To HTML</strong></li><li>Fast, Lightweight &amp; Powerful</li><li>Floating Menu on Mobile Devices</li><li><strong>WordPress Version Available</strong></li><li><strong>PSD Template Available </strong></li><li>Smooth Transition Effects</li><li>Awesome Unique Look</li><li><strong>w3c validator</strong></li><li>Cross Browser Optimization</li><li>Clean &amp; Commented Code</li><li>Flexible Layout</li><li><strong>5+ Different Header Styles.</strong></li><li><strong>3+ Different Footer Styles.</strong></li><li>Advanced Typography</li><li>Valid HTML5 &amp; CSS3</li><li>Cross Browser Optimization.</li><li>Built Based on Bootstrap</li><li>Single + Multi-page Template</li><li>Awesome Customized Slider</li><li>Integrated with Feather Icons</li><li>Simple client-side routing (page based)</li><li>Unlimited Sidebars</li><li>Detailed Documentation</li><li>Unlimited Page Included</li><li>Google Fonts</li></ul><p><br /></p><h2>Font Used:</h2><ul><li>Montserrat</li><li>Nunito Sans</li></ul><p><br /></p><h2>Icon Used:</h2><ul><li>Font Awesome Icons</li><li>Flaticons</li></ul><h2>15 July 2023</h2><ol><li>New Pages Added</li><li>New Images Added</li><li>New Coding &amp; CSS Added</li><li>Improve Design</li></ol><p><br /></p><h2>14 April 2023</h2><ol><li>New Pages Added</li><li>New Images Added</li><li>New Coding &amp; CSS Added</li><li>Improve Design</li></ol><p><br /></p><h2>16 February 2023</h2><ol><li>New Pages Added</li><li>New Images Added</li><li>New Coding &amp; CSS Added</li><li>Improve Design</li></ol><p><br /></p><h2>25 August 2022</h2><ol><li>Improve Design</li><li>Responsive Design Improve</li><li>New Prelodear Added</li><li>New Images Added</li><li>New Coding &amp; CSS Added</li></ol><p><br /></p><h2>Update 25 May 2022</h2><ol><li>New Career Page Added</li><li>New Career Details Page Added</li><li>New Images Added</li><li>New Coding &amp; CSS Added</li></ol><h2>Update 10 January 2022</h2><ol><li>New Home Pages Added</li><li>Fixed Contact From</li></ol>","uniqueKeywords":"it,solutions,business,services,corporate,company,software,technology,finance,advisor,marketing,startup,cyber,security,minimal,portfolio,agency,multipurpose,seo,digital","advImage":"https://s3u.tmimgcdn.com/1795291-1602616207359_1.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3.tmimgcdn.com/u1795291/templates/176409/scr/Xjvj5Ypq2Zv_G6zPGJd6.jpg","livePreviewURL":"https://html.ditsolution.net/petech/","metaDescription":"Petech – IT Solution &amp; Business Services HTML5 Template is a Fully Responsive Consultancy Template built on Bootstrap4 x, HTML5, CSS3, JavaScript,","saleSells":"1","templateSupportOptions":"[]","lastmod":"2022-03-22T23:31:37-04:00","bitLyUrl":"https://bit.ly/2MWxv8t","customUrl":"/website-templates/petech-it-solution-amp-business-service-website-template-154094.html","demoMetaDescription":"The demo for this premium Petech IT Solution &amp; Business Service Website Template (#154094) is presented here for you to get the feel and look of the template before you choose to buy it. Go through the pages, check the images, press the buttons, explore the functionality.","productSize":"5924894","paidSupport":"Yes","authorMainScreenshotVersion":"2","trendiness":"1","changeLog":"Update 10 January 2022\nNew Home Pages Added \nFixed Contact From \n\nUpdate 25 May 2022\nNew Career Page Added \nNew Career Details Page Added \nNew Images Added \nNew Coding &amp; CSS Added \n\n25  August 2022\n\nImprove Design \nResponsive Design Improve \nNew Prelodear Added \nNew Images Added \nNew Coding &amp; CSS Added \n\nUpdate 24 November 2022 \nLanding Pages Added \nImprove Design Quality \nUp to All File \nNew Coding &amp; CSS Added \nNew Page Added \n\nUpdate 24 November 2022 \nLanding Pages Added \nImprove Design Quality \nUp to All File \nNew Coding &amp; CSS Added \nNew Page Added \n\n16 February 2023\nNew Pages Added\nNew Images Added\nNew Coding &amp; CSS Added\nImprove Design \n\n14 April 2023\nNew Pages Added\nNew Images Added\nNew Coding &amp; CSS Added\nImprove Design\n\n15 July 2023\nNew Pages Added\nNew Images Added\nNew Coding &amp; CSS Added\nImprove Design\n\n03 August 2023\nNew Pages Added \nFixed Others Issue \nNew Coding and CSS Added \nNew Images Added","changeLogDate":"2023-08-04","webServerCompatibility":"Apache 2.4","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>IT Solution Best Template, Top Website Template, Best Website, Multipurpose HTML5 Template, Latest New Design, Software Company Template, Technology Template, Startup Template, Company Website.</p>","frameworks":"None","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Mon, 06 May 2024 14:26:41 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(293) "Link: <http://products/api/v2/products/en?language=en&ids=154094&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=154094&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=154094&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 06 May 2024 14:31:41 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://html.ditsolution.net/petech/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#154094 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/154094.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 #154094            </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=154094&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $17                <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>