string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=377855&expand=properties"
string(14483) "[{"templateId":377855,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":133,"categoryName":"Advertising Agency Templates","templateTitle":"Advertising Agency Responsive Website Template","templatePreviewHtmlTitle":"Hostone - Domain &amp; Hosting Responsive Website Template","templateDemoHtmlTitle":"Demo Preview for Hostone - Domain &amp; Hosting Responsive Website Template #377855","typeShortName":"Website","templatePreviewFBTitle":"<p>Hostone – a cutting-edge, responsive HTML Bootstrap template designed exclusively for Domain and hosting services. Hostone is created for all types of services such as Domain Hosting Services, Web Hosting Solutions, Domain Name Registration, Best Hosting Providers, Affordable Web Hosting, Reliable Domain Hosting, Managed Hosting Services, Cloud Hosting Solutions, VPS Hosting Plans, Shared Hosting Services, Reseller Hosting Packages, Dedicated Server Hosting, Domain Transfer Services, Website Domain Hosting, SSL Certificate Hosting, eCommerce Hosting Solutions, WordPress Hosting Services, Email Hosting Providers, Free Domain Hosting, Domain Privacy Protection. With its sleek interface and seamless navigation, Hostone ensures an exceptional user experience across all devices. This template boasts a contemporary design, complemented by essential features like dynamic pricing tables, intuitive domain search functionality, service showcases, and compelling customer testimonials.</p><p>Hostone's streamlined code structure facilitates easy customization, making it ideal for both beginners and seasoned developers to tailor it to their brand's specifications effortlessly. Engage your audience effectively with captivating sliders, strategic CTAs, and captivating animations strategically placed to drive conversions. Not just visually appealing, Hostone is optimized for performance and SEO, ensuring top-notch rankings on search engines while offering swift browsing experiences. Launch your hosting business confidently with Hostone – the definitive choice for a professional, feature-rich, and responsive website template tailored explicitly for domain and hosting services.</p><p><br></p><p><strong>Features:</strong></p><ul><li>Fully responsive template</li><li>Multi-page design</li><li>Ready to use</li><li>Sticky header,</li><li>Fully animated</li><li>RTL Ready</li><li>No jQuery dependency</li><li>Working contact form (ajax and PHP)</li><li>Hosting Plans</li><li>Bootstrap Grid</li><li>Clean and modern design with clean code and easy to customize</li><li>Fully Supported All Mobile and Tablet Devices</li><li>Animation on scroll effect</li><li>Off-canvas mobile menu</li><li>SEO Optimized</li><li>Cross Browser compatible</li><li>Documentation</li><li>All demo Images Included</li><li>Fast Free Support</li></ul><p><br></p><p><strong>Template Included:</strong></p><ul><li>HTML Files</li><li>CSS Files</li><li>Js Files</li><li>Jquery Files</li><li>Images (images included)</li><li>Documentation (how to change anything in the template)</li><li>Fast Free Support</li></ul><p><br></p><p><strong>Free Google Fonts: </strong>We used Google fonts because Google Fonts are free to use, and have more than 1000 fonts to choose to develop your website.</p><p><strong>Bootstrap:</strong> We have used Bootstrap's grid system to create some responsive HTML templates. They are completely free</p><p><strong>Google Map: </strong>Adding a responsive Google Maps widget can help consumers locate your customers' businesses, gives credibility to their organizations</p><p><strong>Demo Images: </strong>All demo images are included with a theme to run your business successfully and fastly</p><p><strong>Working Contact Form: </strong>Build a working HTML contact form using a Bootstrap framework and AJAX with PHP.</p><p><strong>Valid SEO-Friendly Code: </strong>We write HTML, and CSS code to make responses faster on search-engines</p><p><strong>Theme Documentation: </strong>Detailed documentation covers all the ins and out of your theme.</p><p><strong>Customer Support: </strong>Excellent Customer Support – We care about your site as much as you do and will help in any way we can!</p>","templateFullTitle":"Hostone - Domain &amp; Hosting Responsive Website Template","templatePreviewMetaDescription":"Hostone – a cutting-edge, responsive HTML Bootstrap template designed exclusively for Domain and hosting services. Hostone is created for all types of","templateDemoMetaDescription":"Prior to buying it, get acquainted with the top notch Hostone - Domain &amp; Hosting Responsive Website Template Website Template (#377855) by experiencing the live preview. Click through the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Hostone - Domain &amp; Hosting Responsive Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/hostone-domain-amp-hosting-responsive-website-template-377855.html","userRating":0,"designIndex":1,"authorUserId":"78098731","exclusive":"1","state":1,"price":52,"inserted_date":"2023-12-20","sent":0,"downloads":2,"search_words":"agency bootstrap business company corporate creative design digital domain hosting modern multipurpose portfolio responsive server services software startup technical technology","is_adult":0,"exc_price":2100,"sent_date":"2023-12-20 12:16:18","last_upload":"2023-12-20 12:19:13","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3316000,"templ_id":377855,"filename":"377855-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3316001,"templ_id":377855,"filename":"377855-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3316002,"templ_id":377855,"filename":"377855-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":3316003,"templ_id":377855,"filename":"377855-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":3316004,"templ_id":377855,"filename":"377855-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/377855.html","image":"https://s.tmimgcdn.com/scr/377800/hostone-domain-amp-hosting-responsive-website-template_377855-original.jpg","searchHash":"099b17dbb43017970a6355cd90e28362","previewHash":"1ad9d2aebef15a3cd6fc87a5a5a16f3a","authorNickname":"zrthemes","lowLevelTopic":"Advertising Agency Templates; IT Templates; Domain Registrar Templates; Email Services Templates; Information Security Templates; Software Company Templates; Web Development Templates; Hosting Templates; Web Design Templates; Intranet","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":1,"productBoost":125,"onSale":0,"finalPrice":52,"discountPercent":0,"discountAmount":0,"semiannualSales":2,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Mobile Layout Included","Canvas Animation","Multipurpose","Team Members","Accelerated Mobile Pages (AMP)","Light Template","eCommerce","Dropdown Menu","Google map","Sample content","Advanced Theme Options","Performance Optimization","Blog","HTML 5","JQuery","HTML plus JS","Static","Parallax","Lazy Load effect"],"styles":["3D effect","Cartoon","Clean","Corporate","Grunge","Minimalist","Neutral","Retro","Urban/Street","Artworks","Collage","Dark","Futurist","Geometric","Paper Made","Vector","Web2.0","Mobile","Flat","Material Design"],"isLastAdded":"1","topic":["Advertising Agency Templates","IT Templates","Domain Registrar Templates","Email Services Templates","Information Security Templates","Software Company Templates","Web Development Templates","Hosting Templates","Internet Templates","Software Templates","Web Design Templates","Design","Design & Photography","Business & Services","Computers & Internet","Intranet"],"isFree":"none","color":["black","white"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["agency","bootstrap","business","company","corporate","creative","design","digital","domain","hosting","modern","multipurpose","portfolio","responsive","server","services","software","startup","technical","technology"],"bootstrapVersion":"4.4.x","paidSupport":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorUserId":"78098731","frameworks":"None","excerpt":"<p>Hostone is created for Domain Hosting Services, Web Hosting Solutions, Domain Name Registration, Cloud Hosting, VPS Hostin, Shared Hosting, Reseller Hosting, and Dedicated Server.</p>","nameOfTheTemplate":"Hostone - Domain &amp; Hosting Responsive Website Template","shortDescription":"<p>Hostone – a cutting-edge, responsive HTML Bootstrap template designed exclusively for Domain and hosting services. Hostone is created for all types of services such as Domain Hosting Services, Web Hosting Solutions, Domain Name Registration, Best Hosting Providers, Affordable Web Hosting, Reliable Domain Hosting, Managed Hosting Services, Cloud Hosting Solutions, VPS Hosting Plans, Shared Hosting Services, Reseller Hosting Packages, Dedicated Server Hosting, Domain Transfer Services, Website Domain Hosting, SSL Certificate Hosting, eCommerce Hosting Solutions, WordPress Hosting Services, Email Hosting Providers, Free Domain Hosting, Domain Privacy Protection. With its sleek interface and seamless navigation, Hostone ensures an exceptional user experience across all devices. This template boasts a contemporary design, complemented by essential features like dynamic pricing tables, intuitive domain search functionality, service showcases, and compelling customer testimonials.</p><p>Hostone's streamlined code structure facilitates easy customization, making it ideal for both beginners and seasoned developers to tailor it to their brand's specifications effortlessly. Engage your audience effectively with captivating sliders, strategic CTAs, and captivating animations strategically placed to drive conversions. Not just visually appealing, Hostone is optimized for performance and SEO, ensuring top-notch rankings on search engines while offering swift browsing experiences. Launch your hosting business confidently with Hostone – the definitive choice for a professional, feature-rich, and responsive website template tailored explicitly for domain and hosting services.</p><p><br></p><p><strong>Features:</strong></p><ul><li>Fully responsive template</li><li>Multi-page design</li><li>Ready to use</li><li>Sticky header,</li><li>Fully animated</li><li>RTL Ready</li><li>No jQuery dependency</li><li>Working contact form (ajax and PHP)</li><li>Hosting Plans</li><li>Bootstrap Grid</li><li>Clean and modern design with clean code and easy to customize</li><li>Fully Supported All Mobile and Tablet Devices</li><li>Animation on scroll effect</li><li>Off-canvas mobile menu</li><li>SEO Optimized</li><li>Cross Browser compatible</li><li>Documentation</li><li>All demo Images Included</li><li>Fast Free Support</li></ul><p><br></p><p><strong>Template Included:</strong></p><ul><li>HTML Files</li><li>CSS Files</li><li>Js Files</li><li>Jquery Files</li><li>Images (images included)</li><li>Documentation (how to change anything in the template)</li><li>Fast Free Support</li></ul><p><br></p><p><strong>Free Google Fonts: </strong>We used Google fonts because Google Fonts are free to use, and have more than 1000 fonts to choose to develop your website.</p><p><strong>Bootstrap:</strong> We have used Bootstrap's grid system to create some responsive HTML templates. They are completely free</p><p><strong>Google Map: </strong>Adding a responsive Google Maps widget can help consumers locate your customers' businesses, gives credibility to their organizations</p><p><strong>Demo Images: </strong>All demo images are included with a theme to run your business successfully and fastly</p><p><strong>Working Contact Form: </strong>Build a working HTML contact form using a Bootstrap framework and AJAX with PHP.</p><p><strong>Valid SEO-Friendly Code: </strong>We write HTML, and CSS code to make responses faster on search-engines</p><p><strong>Theme Documentation: </strong>Detailed documentation covers all the ins and out of your theme.</p><p><strong>Customer Support: </strong>Excellent Customer Support – We care about your site as much as you do and will help in any way we can!</p>","uniqueKeywords":"agency,bootstrap,business,company,corporate,creative,design,digital,domain,hosting,modern,multipurpose,portfolio,responsive,server,services,software,startup,technical,technology","advImage":"https://s3u.tmimgcdn.com/u78098731/be4721eac4ab2c07f4cf7fa3e6611350.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78098731/ccb9a7ea796689683a15ebf8a51cbc61.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78098731/72b4719dd4c9de1061c33764e83f94d7.jpg","livePreviewURL":"https://zrtechsolutions.com/demo/html/hostone/","metaDescription":"Hostone – a cutting-edge, responsive HTML Bootstrap template designed exclusively for Domain and hosting services. Hostone is created for all types of","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Prior to buying it, get acquainted with the top notch Hostone - Domain &amp; Hosting Responsive Website Template Website Template (#377855) by experiencing the live preview. Click through the pages, check the images, press the buttons, explore the features.","customUrl":"/website-templates/hostone-domain-amp-hosting-responsive-website-template-377855.html","productSize":"3848678","trendiness":"1","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: Thu, 02 May 2024 03:48:15 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=377855&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=377855&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=377855&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 02 May 2024 03:53:15 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://zrtechsolutions.com/demo/html/hostone/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#377855 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/377855.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 #377855            </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=377855&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $48                <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>