string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=272945&expand=properties"
string(15147) "[{"templateId":272945,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":127,"categoryName":"Consulting Templates","templateTitle":"Consulting Responsive Website Template","templatePreviewHtmlTitle":"Dhile | Consulting &amp; Training Website Template","templateDemoHtmlTitle":"Live demo for Dhile | Consulting &amp; Training Website Template #272945","typeShortName":"Website","templatePreviewFBTitle":"<p>Introducing Dhile - Responsive Consulting &amp; Coaching Technology HTML5 Website Template. Dhile is a stunning design concept for websites in the consulting, business, corporate, and consulting companies niche. Built with Bootstrap 5, HTML5, CSS3, JavaScript, and jQuery, this modern HTML5 template is perfect for consulting websites. It is fully responsive, well-documented, easily customizable, and delivers excellent performance while supporting all major browsers and devices. Whether you're a beginner or an advanced developer, Dhile caters to users of all skill levels. The HTML files are well-organized and comprehensively documented, making it a breeze to modify and update the design. Rest assured, Dhile will adapt seamlessly to smartphones, tablets, and laptops, providing a seamless browsing experience.</p><p>Dhile - Key Features:</p><ul><li>Built with Bootstrap 5: Dhile leverages the power of Bootstrap 5 framework, ensuring a solid foundation for a responsive and modern website.</li><li>SEO-Ready Commented HTML5 Files: The HTML5 files in Dhile are optimized for search engines and come with helpful comments for easy customization and better search engine visibility.</li><li>Valid HTML5 &amp; CSS3: The code in Dhile adheres to the latest HTML5 and CSS3 standards, ensuring a clean and valid markup.</li><li>Developer Friendly Code: Dhile's codebase is developer-friendly, making it easy to customize and extend according to your specific requirements.</li><li>Business Consulting: Dhile is tailored for business consulting purposes, providing a professional and sophisticated look for your consulting services.</li><li>Multiple Variations: Dhile offers different variations such as Business Consulting Two, Corporate, Business, Startup, Company, Consulting, SEO Agency, and Corporate About, giving you ample options to showcase your unique brand identity.</li><li>Blog Pages: Dhile includes dedicated blog pages, allowing you to share valuable insights, industry updates, and engage with your audience effectively.</li><li>Dynamic Contact Form: Dhile features a dynamic contact form that enables visitors to easily get in touch with you, enhancing communication and lead generation.</li><li>Multiple Inner Pages: Dhile provides a range of inner pages to showcase various aspects of your business or organization, ensuring you have sufficient space to present your content effectively.</li><li>Sticky Header: The sticky header feature in Dhile ensures that the navigation menu remains easily accessible, improving user experience and website usability.</li><li>Perfect Responsive Layout: Dhile is fully responsive, ensuring that your website looks great and functions flawlessly across all devices, including smartphones, tablets, and desktops.</li><li>Fast Loading Speed: Dhile is optimized for fast loading speed, delivering a seamless browsing experience to your visitors.</li><li>Well-Documented Codes: The codebase of Dhile is well-documented, providing detailed explanations and instructions for easy usage and customization.</li><li>Cross-Browser Support: Dhile is compatible with all major web browsers, ensuring consistent performance and visual appeal across different platforms.</li><li>Modern Design: With its sleek and modern design, Dhile helps your website stand out from the competition and creates a memorable user experience.</li><li>Google Fonts: Dhile seamlessly integrates with Google Fonts, giving you access to a wide range of typography options to enhance your website's visual appeal.</li><li>User-Friendly: Dhile is designed to be user-friendly, making it easy for both developers and non-technical users to navigate and customize the template.</li><li>Dedicated Support: We provide dedicated support to assist you with any queries or issues you may encounter while using Dhile, ensuring a smooth and hassle-free experience.</li><li>Free Updates: As part of our commitment to continuous improvement, we offer free updates to keep Dhile up-to-date with the latest web standards and technologies.</li><li>And much more: Dhile is packed with additional features and functionalities to enhance your website's performance, aesthetics, and overall user experience.</li></ul>","templateFullTitle":"Dhile | Consulting &amp; Training Website Template","templatePreviewMetaDescription":"Introducing Dhile - Responsive Consulting &amp; Coaching Technology HTML5 Website Template. Dhile is a stunning design concept for websites in the consulting,","templateDemoMetaDescription":"Before you buy it, get the look and feel of the top notch Dhile | Consulting &amp; Training Website Template Website Template (#272945) by visiting the live preview. View the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Dhile | Consulting &amp; Training Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/dhile-consulting-amp-training-website-template-272945.html","userRating":0,"designIndex":1,"authorUserId":"78092447","exclusive":"1","state":1,"price":16,"inserted_date":"2022-08-31","sent":0,"downloads":8,"search_words":"accountant advisor audit broker business clean company consulting corporate finance financial insurance trader business advisor business consulting business corporate consultancy consultant consulting firm consulting services","is_adult":0,"exc_price":2100,"sent_date":"2022-08-31 11:11:56","last_upload":"2022-08-31 11:18:21","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2791536,"templ_id":272945,"filename":"272945-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":2791537,"templ_id":272945,"filename":"272945-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":2791538,"templ_id":272945,"filename":"272945-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":2791539,"templ_id":272945,"filename":"272945-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":2791540,"templ_id":272945,"filename":"272945-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/272945.html","image":"https://s.tmimgcdn.com/scr/272900/dhile--consulting-amp-training-website-template_272945-original.jpg","searchHash":"1f2be8aab4289bc21f7870b644239826","previewHash":"525e17db5fccc6b86a5ec5d41670949a","authorNickname":"TemplateDirectory","lowLevelTopic":"Consulting Templates","weightedRating":null,"annualSale":7,"monthlySales":1,"quarterlySales":2,"productBoost":125,"onSale":0,"finalPrice":14,"discountPercent":0,"discountAmount":0,"semiannualSales":3,"properties":{"features":["Premium","Responsive","Pro","Bootstrap","Light Template","Performance Optimization","Blog","Gallery","Forum","HTML 5","JQuery","Static","Parallax"],"styles":["Clean","Corporate","Minimalist","Mobile","Material Design"],"isLastAdded":"1","topic":["Consulting Templates","Business & Services"],"isFree":"none","popularity":"Bestsellers","color":["black","white","brown"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["accountant","advisor","audit","broker","business","clean","company","consultancy","consultant","consulting","corporate","finance","financial","insurance","trader","business consulting","consulting services","consulting firm","business corporate","business advisor"],"paidSupport":"Yes","authorUserId":"78092447","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"nameOfTheTemplate":"Dhile | Consulting &amp; Training Website Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78092447/23dcc3bfbd61f39c22e3a92076424d26.jpg, https://s3u.tmimgcdn.com/u78092447/c2d78f2f5675e19753ee905c85de2957.jpg, https://s3u.tmimgcdn.com/u78092447/0223f6f815e94cc4741b87a0ef16cc81.jpg, https://s3u.tmimgcdn.com/u78092447/2ed9877500d4e40c154ade722497e41d.jpg, https://s3u.tmimgcdn.com/u78092447/bc11d939f06669dc8080e02407a07ea6.jpg","shortDescription":"<p>Introducing Dhile - Responsive Consulting &amp; Coaching Technology HTML5 Website Template. Dhile is a stunning design concept for websites in the consulting, business, corporate, and consulting companies niche. Built with Bootstrap 5, HTML5, CSS3, JavaScript, and jQuery, this modern HTML5 template is perfect for consulting websites. It is fully responsive, well-documented, easily customizable, and delivers excellent performance while supporting all major browsers and devices. Whether you're a beginner or an advanced developer, Dhile caters to users of all skill levels. The HTML files are well-organized and comprehensively documented, making it a breeze to modify and update the design. Rest assured, Dhile will adapt seamlessly to smartphones, tablets, and laptops, providing a seamless browsing experience.</p><p>Dhile - Key Features:</p><ul><li>Built with Bootstrap 5: Dhile leverages the power of Bootstrap 5 framework, ensuring a solid foundation for a responsive and modern website.</li><li>SEO-Ready Commented HTML5 Files: The HTML5 files in Dhile are optimized for search engines and come with helpful comments for easy customization and better search engine visibility.</li><li>Valid HTML5 &amp; CSS3: The code in Dhile adheres to the latest HTML5 and CSS3 standards, ensuring a clean and valid markup.</li><li>Developer Friendly Code: Dhile's codebase is developer-friendly, making it easy to customize and extend according to your specific requirements.</li><li>Business Consulting: Dhile is tailored for business consulting purposes, providing a professional and sophisticated look for your consulting services.</li><li>Multiple Variations: Dhile offers different variations such as Business Consulting Two, Corporate, Business, Startup, Company, Consulting, SEO Agency, and Corporate About, giving you ample options to showcase your unique brand identity.</li><li>Blog Pages: Dhile includes dedicated blog pages, allowing you to share valuable insights, industry updates, and engage with your audience effectively.</li><li>Dynamic Contact Form: Dhile features a dynamic contact form that enables visitors to easily get in touch with you, enhancing communication and lead generation.</li><li>Multiple Inner Pages: Dhile provides a range of inner pages to showcase various aspects of your business or organization, ensuring you have sufficient space to present your content effectively.</li><li>Sticky Header: The sticky header feature in Dhile ensures that the navigation menu remains easily accessible, improving user experience and website usability.</li><li>Perfect Responsive Layout: Dhile is fully responsive, ensuring that your website looks great and functions flawlessly across all devices, including smartphones, tablets, and desktops.</li><li>Fast Loading Speed: Dhile is optimized for fast loading speed, delivering a seamless browsing experience to your visitors.</li><li>Well-Documented Codes: The codebase of Dhile is well-documented, providing detailed explanations and instructions for easy usage and customization.</li><li>Cross-Browser Support: Dhile is compatible with all major web browsers, ensuring consistent performance and visual appeal across different platforms.</li><li>Modern Design: With its sleek and modern design, Dhile helps your website stand out from the competition and creates a memorable user experience.</li><li>Google Fonts: Dhile seamlessly integrates with Google Fonts, giving you access to a wide range of typography options to enhance your website's visual appeal.</li><li>User-Friendly: Dhile is designed to be user-friendly, making it easy for both developers and non-technical users to navigate and customize the template.</li><li>Dedicated Support: We provide dedicated support to assist you with any queries or issues you may encounter while using Dhile, ensuring a smooth and hassle-free experience.</li><li>Free Updates: As part of our commitment to continuous improvement, we offer free updates to keep Dhile up-to-date with the latest web standards and technologies.</li><li>And much more: Dhile is packed with additional features and functionalities to enhance your website's performance, aesthetics, and overall user experience.</li></ul>","uniqueKeywords":"accountant,advisor,audit,broker,business,clean,company,consulting,corporate,finance,financial,insurance,trader,business advisor,business consulting,business corporate,consultancy,consultant,consulting firm,consulting services","advImage":"https://s3u.tmimgcdn.com/u78092447/2b43f05762ff881b6ad532961366ac9c.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78092447/d2ed9df6ee1f7b7878751e6ed5ed2791.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78092447/10c1241bae874aae8aa012b45bbdac78.jpg","livePreviewURL":"https://templates.templatedri.com/consult/","metaDescription":"Introducing Dhile - Responsive Consulting &amp; Coaching Technology HTML5 Website Template. Dhile is a stunning design concept for websites in the consulting,","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3wJWHmH","demoMetaDescription":"Before you buy it, get the look and feel of the top notch Dhile | Consulting &amp; Training Website Template Website Template (#272945) by visiting the live preview. View the pages, examine the images, click the buttons, explore the functionality.","customUrl":"/website-templates/dhile-consulting-amp-training-website-template-272945.html","productSize":"5684253","trendiness":"1","bootstrapVersion":"5.3.x","frameworks":"None","excerpt":"<p>Dhile is absolutely responsive, Consulting &amp; coaching Technology HTML5 web site guide. &amp; is AN awful style plan for the web site of Consulting, Business</p>","changeLogDate":"2023-10-25","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Mon, 29 Apr 2024 05:31:17 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=272945&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=272945&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=272945&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 29 Apr 2024 05:36:17 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://templates.templatedri.com/consult/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#272945 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/272945.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 #272945            </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=272945&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>