string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=352748&expand=properties"
string(13767) "[{"templateId":352748,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":127,"categoryName":"Consulting Templates","templateTitle":"Consulting Responsive Website Template","templatePreviewHtmlTitle":"ITboss - Multipurpose Business and IT Solution HTML5 Template","templateDemoHtmlTitle":"Live preview for ITboss - Multipurpose Business and IT Solution HTML5 Template #352748","typeShortName":"Website","templatePreviewFBTitle":"<p>Introducing ITboss – a dynamic Multipurpose Business and IT Solution HTML5 template that embodies the fusion of business acumen and technological innovation. Seamlessly blending functionality with modern aesthetics, ITboss empowers businesses, startups, and IT solution providers to shine brightly in the digital realm, presenting a versatile canvas to showcase their offerings and expertise.</p><p>ITboss's design is a masterful blend of professionalism and cutting-edge technology, capturing the essence of the modern business landscape. Every element is thoughtfully curated to create an immersive experience that mirrors the innovation behind your IT solutions, leaving a lasting impression on visitors.</p><p>Built on the robust foundation of HTML5, ITboss provides a solid platform to present your business and IT prowess with finesse. Whether highlighting comprehensive IT solutions or demonstrating your business's capabilities, ITboss's intuitive structure ensures your message is presented with clarity and impact.</p><p>Templates within ITboss embody the synergy of sleek aesthetics and strategic layout. From dynamic project showcases that spotlight your IT solutions to interactive service sections that engage users, each template guides visitors through a journey of exploration, ensuring your services are presented with precision and impact.</p><p>ITboss's responsive design ensures that your digital showcase thrives on all devices and screen sizes. Whether accessed on a desktop, tablet, or smartphone, the immersive experience remains intact, allowing potential clients to explore your offerings seamlessly.</p><p>Beyond aesthetics, ITboss offers a host of functionality. Seamlessly integrate contact forms, service descriptions, and interactive elements to enhance user experiences. The template's structure streamlines communication and encourages visitors to delve deeper into your business and IT expertise.</p><p>Optimization is paramount to ITboss's performance, delivering swift loading times, impeccable SEO integration, and compatibility across browsers. This guarantees that your business and IT prowess not only captivates audiences but also ranks high in search results, expanding your influence and reach.</p><p>ITboss isn't just a template; it's a digital gateway to business evolution. It's the virtual platform where business strategy meets technological finesse, creating an immersive experience that not only informs but also drives action. Embrace the future of business representation with ITboss and redefine the way you engage with your audience in the digital age.</p><p><br></p><p><strong>Template Feature:</strong></p><ul><li>Fully Responsive HTML5</li><li>CSS3</li><li>Boostrap</li><li>Unique Design</li><li>SEO optimized</li><li>Mobile Navigations</li><li>Fully Responsive to all devices</li><li>Developer Friendly Coding</li><li>Sticky Navigation</li><li>Very Well Documented</li><li>Free Updates</li><li>Unlimited Google Fonts</li><li>Bootstrap Framework</li><li>Build</li><li>Trendy Design</li><li>Google Embedded Map</li><li>Working Contact form</li><li>Google Fonts</li><li>24hours support</li><li>CSS Animation</li><li>Font Awesome icons</li><li>Sticky Menu</li><li>Clear formatting coding</li><li>Cross Browser Supports</li><li>Flaticon</li><li>Extensive Documentation</li><li>W3C Validated Code</li></ul><p><br></p><p>Editing Template:</p><p><br></p><p>You will get a documentation file in this template. In order to edit the file, you need to have the Code Writer program installed on your system. Just open files in code writer and edit them according to documentation.</p>","templateFullTitle":"ITboss - Multipurpose Business and IT Solution HTML5 Template","templatePreviewMetaDescription":"Introducing ITboss – a dynamic Multipurpose Business and IT Solution HTML5 template that embodies the fusion of business acumen and technological innovation.","templateDemoMetaDescription":"The live preview for this professional ITboss - Multipurpose Business and IT Solution HTML5 Template Website Template (#352748) is created for you to get the feel and look of the template prior to buying it. View the pages, examine the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"ITboss - Multipurpose Business and IT Solution HTML5 Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/itboss-multipurpose-business-and-it-solution-html5-template-352748.html","userRating":0,"designIndex":1,"authorUserId":"2359210","exclusive":"1","state":1,"price":16,"inserted_date":"2023-08-25","sent":0,"downloads":0,"search_words":"agency business company consulting corporate finance financial industry marketing technical startup solution services responsive portfolio personal multipurpose modern technology","is_adult":0,"exc_price":2100,"sent_date":"2023-08-25 12:25:40","last_upload":"2023-08-25 12:25:52","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"352748-original.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":352748,"width":1600,"window_params":"","banner_url":"","id":3190489,"href":"","height":1000},{"scr_type_id":311,"filename":"352748-big.png","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":352748,"width":1600,"window_params":"","banner_url":"","id":3190490,"href":"","height":1000},{"scr_type_id":312,"filename":"352748-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":352748,"width":370,"window_params":"","banner_url":"","id":3190491,"href":"","height":370},{"scr_type_id":9,"filename":"352748-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":352748,"width":145,"window_params":"","banner_url":"","id":3190492,"href":"","height":156},{"scr_type_id":57,"filename":"352748-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":352748,"width":430,"window_params":"","banner_url":"","id":3190493,"href":"","height":269}],"demoUrl":"/demo/352748.html","image":"https://s.tmimgcdn.com/scr/352700/itboss-multipurpose-business-and-it-solution-html5-template_352748-original.png","searchHash":"d95cee04067616fbbf4de23ca1dca60d","previewHash":"1b7cb70e8d6fd309ad76b956cb892eda","authorNickname":"hifiwifitheme","lowLevelTopic":"Consulting Templates; Marketing Agency Templates; Management Company Templates; IT Templates; Business Audit","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":0,"onSale":0,"finalPrice":16,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white"],"followUpLetter":"website-template-offers","frameworks":"None","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"6442978","uniqueKeywords":"agency,business,company,consulting,corporate,finance,financial,industry,marketing,technical,startup,solution,services,responsive,portfolio,personal,multipurpose,modern,technology","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Introducing ITboss – a dynamic Multipurpose Business and IT Solution HTML5 template that embodies the fusion of business acumen and technological innovation.","isLastAdded":"1","bootstrapVersion":"5.x","imageKeyFeatures":"https://s3u.tmimgcdn.com/u2359210/89ecc22eeacfff016d90d1b99e7621b8.png","features":["Premium","Responsive","Pro","Bootstrap","Multipurpose","Light Template","Dropdown Menu","Google map","Blog","Gallery","HTML 5","JQuery"],"saleSells":"1","livePreviewURL":"https://html.oliothemes.xyz/itboss/","authorUserId":"2359210","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2359210/3f7b0041fda3aade518782e676c4ae71.png","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","popularity":"Zero Downloads","alreadyPacked":"1","exclusive":"1","imagesIncluded":"Yes","webServerCompatibility":"Apache 2.4","templateIcon":"icon-monster_dark","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u2359210/0838d45fadc84a6595795fb1e5b9acd0.png","types":"HTML Website Templates","designSoftware":["Adobe Photoshop","Figma","Adobe Illustrator","Google Web Designer"],"demoMetaDescription":"The live preview for this professional ITboss - Multipurpose Business and IT Solution HTML5 Template Website Template (#352748) is created for you to get the feel and look of the template prior to buying it. View the pages, examine the images, press the buttons, explore the functionality.","shortDescription":"<p>Introducing ITboss – a dynamic Multipurpose Business and IT Solution HTML5 template that embodies the fusion of business acumen and technological innovation. Seamlessly blending functionality with modern aesthetics, ITboss empowers businesses, startups, and IT solution providers to shine brightly in the digital realm, presenting a versatile canvas to showcase their offerings and expertise.</p><p>ITboss's design is a masterful blend of professionalism and cutting-edge technology, capturing the essence of the modern business landscape. Every element is thoughtfully curated to create an immersive experience that mirrors the innovation behind your IT solutions, leaving a lasting impression on visitors.</p><p>Built on the robust foundation of HTML5, ITboss provides a solid platform to present your business and IT prowess with finesse. Whether highlighting comprehensive IT solutions or demonstrating your business's capabilities, ITboss's intuitive structure ensures your message is presented with clarity and impact.</p><p>Templates within ITboss embody the synergy of sleek aesthetics and strategic layout. From dynamic project showcases that spotlight your IT solutions to interactive service sections that engage users, each template guides visitors through a journey of exploration, ensuring your services are presented with precision and impact.</p><p>ITboss's responsive design ensures that your digital showcase thrives on all devices and screen sizes. Whether accessed on a desktop, tablet, or smartphone, the immersive experience remains intact, allowing potential clients to explore your offerings seamlessly.</p><p>Beyond aesthetics, ITboss offers a host of functionality. Seamlessly integrate contact forms, service descriptions, and interactive elements to enhance user experiences. The template's structure streamlines communication and encourages visitors to delve deeper into your business and IT expertise.</p><p>Optimization is paramount to ITboss's performance, delivering swift loading times, impeccable SEO integration, and compatibility across browsers. This guarantees that your business and IT prowess not only captivates audiences but also ranks high in search results, expanding your influence and reach.</p><p>ITboss isn't just a template; it's a digital gateway to business evolution. It's the virtual platform where business strategy meets technological finesse, creating an immersive experience that not only informs but also drives action. Embrace the future of business representation with ITboss and redefine the way you engage with your audience in the digital age.</p><p><br></p><p><strong>Template Feature:</strong></p><ul><li>Fully Responsive HTML5</li><li>CSS3</li><li>Boostrap</li><li>Unique Design</li><li>SEO optimized</li><li>Mobile Navigations</li><li>Fully Responsive to all devices</li><li>Developer Friendly Coding</li><li>Sticky Navigation</li><li>Very Well Documented</li><li>Free Updates</li><li>Unlimited Google Fonts</li><li>Bootstrap Framework</li><li>Build</li><li>Trendy Design</li><li>Google Embedded Map</li><li>Working Contact form</li><li>Google Fonts</li><li>24hours support</li><li>CSS Animation</li><li>Font Awesome icons</li><li>Sticky Menu</li><li>Clear formatting coding</li><li>Cross Browser Supports</li><li>Flaticon</li><li>Extensive Documentation</li><li>W3C Validated Code</li></ul><p><br></p><p>Editing Template:</p><p><br></p><p>You will get a documentation file in this template. In order to edit the file, you need to have the Code Writer program installed on your system. Just open files in code writer and edit them according to documentation.</p>","tags":["agency","business","company","consulting","corporate","finance","financial","industry","marketing","modern","multipurpose","personal","portfolio","responsive","services","solution","startup","technical","technology"],"customUrl":"/website-templates/itboss-multipurpose-business-and-it-solution-html5-template-352748.html","nameOfTheTemplate":"ITboss - Multipurpose Business and IT Solution HTML5 Template","paidSupport":"Yes","topic":["Consulting Templates","Marketing Agency Templates","Management Company Templates","IT Templates","Business & Services","Business Audit"],"styles":["Cartoon","Clean","Corporate","Grunge","Artworks","Collage","Geometric"],"marketplaceMembership":"One","excerpt":"<p>Introducing ITboss – a dynamic Multipurpose Business and IT Solution HTML5 template that embodies the fusion of business acumen and technological innovation</p>","advImage":"https://s3u.tmimgcdn.com/u2359210/2d051c70e9a304c7d80dd763c5bef576.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: Mon, 06 May 2024 20:18:40 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=352748&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=352748&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=352748&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 06 May 2024 20:23:40 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://html.oliothemes.xyz/itboss/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#352748 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/352748.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 #352748            </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=352748&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $15                <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>