string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=187129&expand=properties"
string(13274) "[{"templateId":187129,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":128,"categoryName":"Marketing Agency Templates","templateTitle":"Marketing Agency Responsive Website Template","templatePreviewHtmlTitle":"SuperIt - IT Solutions, Software, Technology &amp; Services Company HTML Template","templateDemoHtmlTitle":"Live demo for SuperIt - IT Solutions, Software, Technology &amp; Services Company HTML Template #187129","typeShortName":"Website","templatePreviewFBTitle":"<h2>SuperIt - IT Solutions, Software, Technology &amp; Services Company HTML Template</h2><p>Super-It is a Powerful &amp; flexible Technology And Digital Software HTML Template. 02 Stunning Homepages are included in this template. You can use any template or mix content from different home pages for your business website.</p><p>Super-It is the 2021 latest Technology and IT Solutions Template</p><p>IT Solutions, IT Services, IT Company, Software Company, IT Consulting, it solutions website, Software, SAAS Startup, App Landing, Technology, IT Company, Technology Business, Outsourcing, web app, Web Design Agency</p><p>Super It is an excellent HTML template for startup, business, education, It Solutions. This startup HTML template turns a clean code into an amazing website without any extra effort. Super-It startup template is a beautiful embodiment of your ideas.</p><p>SuperIt design is harmonious, clean and user friendly. Even though the template has a lot of content, it doesn’t looks messy and all files and code are well structured, commented and divided &amp; user frindly. SuperIt has a huge collection of plugins and UI components and works seamlessly on all major web browsers, tablets &amp; phones.</p><h3>Main features:</h3><ul><li>2+ Home Demo</li><li>18+ Inner Page</li><li>It Template</li><li>Super-It Solutions Temaplate</li><li>Technology Digital Solutions</li><li>W3C Validate Code</li><li>Responsive HTML5 and CSS3 Template</li><li>It Solution Template</li><li>IT Company Template</li><li>Easy to Customize</li><li>Tested with multiple device</li><li>Beautiful &amp; Unique Designn</li><li>Bootstrap 5 Powered Style Template</li><li>Font Awesome Icons</li><li>Working Contact Form</li><li>Build With Bootstrap</li><li>HTML &amp; Webpack Template</li><li>Clean &amp; Simple Design</li><li>Mobile Lead Generation, Squeeze Page Template</li><li>Fully compatible for all major browsers such as Firefox, Safari, Chrome, Vivaldi, Internet 9+</li><li>SaaS, Software &amp; App html Template</li><li>Google Fonts Included</li><li>Corporate Template</li><li>100% Responsive &amp; compatible with all devices</li><li>Construction</li><li>Ideal for Software,Technology &amp; IT solutions</li><li>Technology &amp; Computer Html Theme</li><li>Newest Software, Technology &amp; IT solutions</li><li>Built for Startups, Developers, Entrepreneurs</li><li>100% Responsive and Mobile Friendly</li><li>Hundreds of blocks and elements</li><li>Well Documentation</li><li>Software Company and IT Solutions &amp; Services</li><li>Coming Soon Template</li><li>Multipurpose IT Solutions</li><li>Software, App &amp; Product Showcase</li><li>IT Solutions &amp; Services</li><li>Create a documentation for your product</li><li>Design a support center for your startup</li><li>Working Contact Form</li><li>Digital Software HTML Template</li><li>Technology Digital Solutions</li><li>Minimal Website</li><li>Responsive and Modern Style</li><li>Software Html Theme</li><li>Multi-Browser Support</li><li>IT Services Company</li><li>Seo Optimized for Search Engine</li><li>Fully Responsive Layout (PC, Tablet and Mobile phone)</li><li>Easy to Customize</li><li>Clean code</li></ul>","templateFullTitle":"SuperIt - IT Solutions, Software, Technology &amp; Services Company HTML Template","templatePreviewMetaDescription":"SuperIt - IT Solutions, Software, Technology &amp; Services Company HTML TemplateSuper-It is a Powerful &amp; flexible Technology And Digital Software HTML","templateDemoMetaDescription":"The demo for this top notch SuperIt - IT Solutions, Software, Technology &amp; Services Company HTML Template Website Template (#187129) is created for you to get yourself informed about the theme before you purchase it. Browse through the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"SuperIt - IT Solutions, Software, Technology &amp; Services Company HTML Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/superit-it-solutions-software-technology-amp-services-company-html-template-187129.html","userRating":0,"designIndex":1,"authorUserId":"6975116","exclusive":"1","state":1,"price":31,"inserted_date":"2021-06-17","sent":0,"downloads":1,"search_words":"it,is solutions,it template,software,portfolio,startup,minimal,multipurpose,marketing,designer,business,corporate,it services,it solutions,technology,services company,digital marketing agency,it startup,it solution template,constructions","is_adult":0,"exc_price":2100,"sent_date":"2021-06-17 12:18:58","last_upload":"2021-11-09 09:42:08","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"187129-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":187129,"width":800,"window_params":"","banner_url":"","id":2362590,"href":"","height":500},{"scr_type_id":311,"filename":"187129-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":187129,"width":800,"window_params":"","banner_url":"","id":2362591,"href":"","height":500},{"scr_type_id":312,"filename":"187129-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":187129,"width":370,"window_params":"","banner_url":"","id":2362592,"href":"","height":370},{"scr_type_id":9,"filename":"187129-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":187129,"width":145,"window_params":"","banner_url":"","id":2362593,"href":"","height":156},{"scr_type_id":57,"filename":"187129-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":187129,"width":430,"window_params":"","banner_url":"","id":2362594,"href":"","height":269}],"demoUrl":"/demo/187129.html","image":"https://s.tmimgcdn.com/scr/187100/superit-it-solutions-software-technology-amp-services-company-html-template_187129-original.png","searchHash":"3cd117977eb1fbcaa150cb202d509263","previewHash":"bcf38e96b032f5dc927b98717713d254","authorNickname":"CodexUnicTheme","lowLevelTopic":"Marketing Agency Templates; Management Company Templates; IT Templates; Software Company Templates; Web Development Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":31,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","grey","brown"],"followUpLetter":"website-template-offers","productSize":"4944364","uniqueKeywords":"it,is solutions,it template,software,portfolio,startup,minimal,multipurpose,marketing,designer,business,corporate,it services,it solutions,technology,services company,digital marketing agency,it startup,it solution template,constructions","templateSupportOptions":"[{\"id\":351566,\"template_id\":383009,\"type\":1,\"measure\":\"day\",\"value\":10,\"phone\":\"\"}]","changeLog":"Live Preview Link Update","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"SuperIt - IT Solutions, Software, Technology &amp; Services Company HTML TemplateSuper-It is a Powerful &amp; flexible Technology And Digital Software HTML","isLastAdded":"1","bootstrapVersion":"5.x","features":["Responsive","Pro","Search Engine Friendly","Bootstrap","Ajax","Mobile Layout Included","CV","Multipurpose","Team Members","Real Estate Catalog","Light Template","Dropdown Menu","Sample content","Tabs","Blog","Gallery","Portfolio","Forum","HTML 5","JQuery","Completely JS","HTML plus JS","Static","Parallax"],"saleSells":"1","livePreviewURL":"https://preetheme.com/html/super-it/","authorUserId":"6975116","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u6975116/af4c6dd71726fd1c01f6f504e8436867.png","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","templateSoftwareRequired":["Code editing tool","Visual Studio","Code-editor","Code editor","Sublime Text2 or later, Notepad++","PHP code editor","Sublime Text2 or later, Notepad++ or any php-editor"],"templateIcon":"icon-monster_dark","lastmod":"2021-11-24T07:43:21-05:00","types":"HTML Website Templates","trendiness":"1","demoMetaDescription":"The demo for this top notch SuperIt - IT Solutions, Software, Technology &amp; Services Company HTML Template Website Template (#187129) is created for you to get yourself informed about the theme before you purchase it. Browse through the pages, check the images, press the buttons, explore the features.","shortDescription":"<h2>SuperIt - IT Solutions, Software, Technology &amp; Services Company HTML Template</h2><p>Super-It is a Powerful &amp; flexible Technology And Digital Software HTML Template. 02 Stunning Homepages are included in this template. You can use any template or mix content from different home pages for your business website.</p><p>Super-It is the 2021 latest Technology and IT Solutions Template</p><p>IT Solutions, IT Services, IT Company, Software Company, IT Consulting, it solutions website, Software, SAAS Startup, App Landing, Technology, IT Company, Technology Business, Outsourcing, web app, Web Design Agency</p><p>Super It is an excellent HTML template for startup, business, education, It Solutions. This startup HTML template turns a clean code into an amazing website without any extra effort. Super-It startup template is a beautiful embodiment of your ideas.</p><p>SuperIt design is harmonious, clean and user friendly. Even though the template has a lot of content, it doesn’t looks messy and all files and code are well structured, commented and divided &amp; user frindly. SuperIt has a huge collection of plugins and UI components and works seamlessly on all major web browsers, tablets &amp; phones.</p><h3>Main features:</h3><ul><li>2+ Home Demo</li><li>18+ Inner Page</li><li>It Template</li><li>Super-It Solutions Temaplate</li><li>Technology Digital Solutions</li><li>W3C Validate Code</li><li>Responsive HTML5 and CSS3 Template</li><li>It Solution Template</li><li>IT Company Template</li><li>Easy to Customize</li><li>Tested with multiple device</li><li>Beautiful &amp; Unique Designn</li><li>Bootstrap 5 Powered Style Template</li><li>Font Awesome Icons</li><li>Working Contact Form</li><li>Build With Bootstrap</li><li>HTML &amp; Webpack Template</li><li>Clean &amp; Simple Design</li><li>Mobile Lead Generation, Squeeze Page Template</li><li>Fully compatible for all major browsers such as Firefox, Safari, Chrome, Vivaldi, Internet 9+</li><li>SaaS, Software &amp; App html Template</li><li>Google Fonts Included</li><li>Corporate Template</li><li>100% Responsive &amp; compatible with all devices</li><li>Construction</li><li>Ideal for Software,Technology &amp; IT solutions</li><li>Technology &amp; Computer Html Theme</li><li>Newest Software, Technology &amp; IT solutions</li><li>Built for Startups, Developers, Entrepreneurs</li><li>100% Responsive and Mobile Friendly</li><li>Hundreds of blocks and elements</li><li>Well Documentation</li><li>Software Company and IT Solutions &amp; Services</li><li>Coming Soon Template</li><li>Multipurpose IT Solutions</li><li>Software, App &amp; Product Showcase</li><li>IT Solutions &amp; Services</li><li>Create a documentation for your product</li><li>Design a support center for your startup</li><li>Working Contact Form</li><li>Digital Software HTML Template</li><li>Technology Digital Solutions</li><li>Minimal Website</li><li>Responsive and Modern Style</li><li>Software Html Theme</li><li>Multi-Browser Support</li><li>IT Services Company</li><li>Seo Optimized for Search Engine</li><li>Fully Responsive Layout (PC, Tablet and Mobile phone)</li><li>Easy to Customize</li><li>Clean code</li></ul>","tags":["business","constructions","corporate","designer","marketing","minimal","multipurpose","portfolio","software","startup","technology","it","it startup","digital marketing agency","it solutions","it services","it template","services company","it solution template","is solutions"],"bitLyUrl":"https://bit.ly/3wBEKEZ","customUrl":"/website-templates/superit-it-solutions-software-technology-amp-services-company-html-template-187129.html","nameOfTheTemplate":"SuperIt - IT Solutions, Software, Technology &amp; Services Company HTML Template","paidSupport":"Yes","topic":["Marketing Agency Templates","Management Company Templates","IT Templates","Software Company Templates","Web Development Templates","Software Templates","Business & Services","Computers & Internet"],"styles":["3D effect","Clean","Corporate","Minimalist","Dark","Web2.0","Mobile"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u6975116/d76f9621bfc4d14576b1998576bb0a5a.png","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: Sat, 27 Apr 2024 08:28: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(293) "Link: <http://products/api/v2/products/en?language=en&ids=187129&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=187129&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=187129&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 27 Apr 2024 08:33: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: 165.227.251.218:80"
}
https://preetheme.com/html/super-it/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#187129 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/187129.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 #187129            </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=187129&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $29                <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>