string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=172894&expand=properties"
string(13324) "[{"templateId":172894,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":127,"categoryName":"Consulting Templates","templateTitle":"Consulting Responsive Website Template","templatePreviewHtmlTitle":"Consulto - Business &amp; Law Consulting Bootstrap 5 Responsive HTML5 Website Template","templateDemoHtmlTitle":"Demo for Consulto - Business &amp; Law Consulting Bootstrap 5 Responsive HTML5 Website Template #172894","typeShortName":"Website","templatePreviewFBTitle":"<h2>Introduction To Consulto - Business &amp; Legal Consulting Bootstrap HTML5 Website Template</h2><p><br /></p><p>Consulto is an HTML5 Website Template for Business and legal corporates working in the Consultation field. Consulto is Designed with taking care of all details, flexibility, performance and. It is ultra professional, smooth, and sleek, with a clean modern layout. With Consulto you can create a great website layout based on Bootstrap. Consulto specially designed for Business, Financial, Marketing, Corporates, Legal Firms, and Any Business Corporate Websites. More further you can use Consulto nearly for any type of projects you need to work on Thanks to its awesome, flexible, and reach layout That gives you the freedom to be more creative on your website project.</p><p><br /></p><p>Consulto designed with a lot of Well-Designed Sections you can arrange on the way you feel right for your clients</p><p><br /></p><p>With Consulto - Business &amp; Legal Consulting Bootstrap HTML5 Website Template, you will find multiple creative ways to showcase what you can deliver to your customers by offering them high-end and creative solutions that make you more successful. we promise you that this is going to be the most successful template to purchase!</p><p><br /></p><p>Be sure the authors of Consulto will always going to be near to give you the help you want!</p><p><br /></p><h3>Consulto - Business &amp; Legal Consulting Bootstrap HTML5 Website Template Features</h3><ul><li>+7 Creative Home Pages</li><li>3 Creative Home Page Sliders</li><li>2 Video Background Home pages</li><li>3 Email Capturing Forms Home Pages</li><li>03 Header Styles</li><li>1170px Grid System</li><li>3 Blog Pages styles</li><li>RTL fully support</li><li>Light/dark Demos</li><li>Modern and Clean Design</li><li>HTML5, CSS3, jQuery</li><li>Fully Responsive</li><li>Working Contact Form PHP</li><li>Valid HTML5</li><li>SEO optimized</li><li>Font Awesome Icons</li><li>Clean &amp; Commented Code</li><li>Google Fonts &amp; Maps</li><li>Well Documented</li><li>Regular Free Updates</li><li>Working on All modern browsers and devices</li><li>W3C Validated HTML5 Code.</li><li>Files Included</li><li>+55 Html files</li><li>CSS3 &amp; Scss Files</li><li>js file</li><li>Font Icon files</li><li>plugins Used</li><li>We Want To Thank All Plugins Creators For Their Awesome Work.</li><li>Bootstrap 5.2.3</li><li>jQuery</li><li>animate.css</li><li>fontawesome</li><li>Swiper</li><li>FancyBox</li><li>vegas</li><li>countTo</li><li>WOW</li><li>particles</li><li>isotope</li><li>Google fonts</li></ul><h3>Images Resources And Credits</h3><p>pexels.com</p><p>freepik.com</p><h3>Disclaimer</h3><p>All images or videos are for demo purposes only.</p>","templateFullTitle":"Consulto - Business &amp; Law Consulting Bootstrap 5 Responsive HTML5 Website Template","templatePreviewMetaDescription":"Introduction To Consulto - Business &amp; Legal Consulting Bootstrap HTML5 Website TemplateConsulto is an HTML5 Website Template for Business and legal","templateDemoMetaDescription":"Try out the demo preview of the top quality Fayo - Business &amp; Legal Consulting Bootstrap HTML5 Website Template Website Template (#172894) get yourself acquainted with this template before you buy it. Browse through the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Consulto - Business &amp; Law Consulting Bootstrap 5 Responsive HTML5 Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/fayo-business-amp-legal-consulting-bootstrap-html5-website-template-website-template-172894.html","userRating":"5","designIndex":1,"authorUserId":"2306217","exclusive":"1","state":1,"price":39,"inserted_date":"2021-03-05","sent":0,"downloads":38,"search_words":"accounting agency legal attorney audit business company consulting corporate finance marketing startups testimonials video background case study mailchimp form dark mode lawyer justice clean modern creative law company","is_adult":0,"exc_price":2100,"sent_date":"2021-03-05 14:18:35","last_upload":"2023-07-28 10:56:49","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2291505,"templ_id":172894,"filename":"172894-5-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":2291506,"templ_id":172894,"filename":"172894-5-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":2291507,"templ_id":172894,"filename":"172894-5-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":2291508,"templ_id":172894,"filename":"172894-5-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":2291509,"templ_id":172894,"filename":"172894-5-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/172894.html","image":"https://s.tmimgcdn.com/scr/172800/consulto-business-amp-law-consulting-bootstrap-5-responsive-html5-website-template_172894-5-original.jpg","searchHash":"5c69818e9876476183536014c0988ca8","previewHash":"f991b9fd3707c9389e92bea8d0aeaf47","authorNickname":"AminThemes","lowLevelTopic":"Consulting Templates; Accounting Website Templates; Management Company Templates; Advertising Agency Templates; IT Templates; Law Templates; Finance","weightedRating":4.25,"annualSale":10,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":39,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Pro","Bootstrap","Right to left language support","Light Template","Google map","Performance Optimization","Blog","Gallery","Portfolio","HTML 5","JQuery","HTML plus JS","Parallax","Background video"],"styles":["Clean","Corporate","Minimalist","Dark","Futurist","Mobile","Flat"],"topic":["Consulting Templates","Accounting Website Templates","Management Company Templates","Advertising Agency Templates","IT Templates","Law Templates","Business & Services","Society & People","Finance"],"isFree":"none","popularity":["Bestsellers","Top Rated"],"color":["black","white","cyan"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["attorney","audit","business","clean","company","consulting","corporate","creative","finance","justice","lawyer","legal","modern","testimonials","law company","dark mode","mailchimp form","accounting agency","marketing startups","video background case study"],"authorUserId":"2306217","paidSupport":"Yes","nameOfTheTemplate":"Consulto - Business &amp; Law Consulting Bootstrap 5 Responsive HTML5 Website Template","previewScreensOrVideoURLs":"https://s3.tmimgcdn.com/u2306217/templates/246321/scr/2jYePXYZqO2HBQIxukVe.jpg, https://s3.tmimgcdn.com/u2306217/templates/246321/scr/SpgTEt_Z85RRT4Oecr9u.jpg, https://s3.tmimgcdn.com/u2306217/templates/246321/scr/0Hj2pPmVfcVXgDdWq9Mj.jpg, https://s3.tmimgcdn.com/u2306217/templates/246321/scr/peSfbBjxH0-KOVkdEj7N.jpg, https://s3.tmimgcdn.com/u2306217/templates/246321/scr/hqSQVFIWl887VVxhvsEU.jpg","shortDescription":"<h2>Introduction To Consulto - Business &amp; Legal Consulting Bootstrap HTML5 Website Template</h2><p><br /></p><p>Consulto is an HTML5 Website Template for Business and legal corporates working in the Consultation field. Consulto is Designed with taking care of all details, flexibility, performance and. It is ultra professional, smooth, and sleek, with a clean modern layout. With Consulto you can create a great website layout based on Bootstrap. Consulto specially designed for Business, Financial, Marketing, Corporates, Legal Firms, and Any Business Corporate Websites. More further you can use Consulto nearly for any type of projects you need to work on Thanks to its awesome, flexible, and reach layout That gives you the freedom to be more creative on your website project.</p><p><br /></p><p>Consulto designed with a lot of Well-Designed Sections you can arrange on the way you feel right for your clients</p><p><br /></p><p>With Consulto - Business &amp; Legal Consulting Bootstrap HTML5 Website Template, you will find multiple creative ways to showcase what you can deliver to your customers by offering them high-end and creative solutions that make you more successful. we promise you that this is going to be the most successful template to purchase!</p><p><br /></p><p>Be sure the authors of Consulto will always going to be near to give you the help you want!</p><p><br /></p><h3>Consulto - Business &amp; Legal Consulting Bootstrap HTML5 Website Template Features</h3><ul><li>+7 Creative Home Pages</li><li>3 Creative Home Page Sliders</li><li>2 Video Background Home pages</li><li>3 Email Capturing Forms Home Pages</li><li>03 Header Styles</li><li>1170px Grid System</li><li>3 Blog Pages styles</li><li>RTL fully support</li><li>Light/dark Demos</li><li>Modern and Clean Design</li><li>HTML5, CSS3, jQuery</li><li>Fully Responsive</li><li>Working Contact Form PHP</li><li>Valid HTML5</li><li>SEO optimized</li><li>Font Awesome Icons</li><li>Clean &amp; Commented Code</li><li>Google Fonts &amp; Maps</li><li>Well Documented</li><li>Regular Free Updates</li><li>Working on All modern browsers and devices</li><li>W3C Validated HTML5 Code.</li><li>Files Included</li><li>+55 Html files</li><li>CSS3 &amp; Scss Files</li><li>js file</li><li>Font Icon files</li><li>plugins Used</li><li>We Want To Thank All Plugins Creators For Their Awesome Work.</li><li>Bootstrap 5.2.3</li><li>jQuery</li><li>animate.css</li><li>fontawesome</li><li>Swiper</li><li>FancyBox</li><li>vegas</li><li>countTo</li><li>WOW</li><li>particles</li><li>isotope</li><li>Google fonts</li></ul><h3>Images Resources And Credits</h3><p>pexels.com</p><p>freepik.com</p><h3>Disclaimer</h3><p>All images or videos are for demo purposes only.</p>","uniqueKeywords":"accounting agency,legal,attorney,audit,business,company,consulting,corporate,finance,marketing startups,testimonials,video background case study,mailchimp form,dark mode,lawyer,justice,clean,modern,creative,law company","advImage":"https://s3u.tmimgcdn.com/u2306217/b7f69366a6eeca7691d83fd10e4ccefb.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2306217/62020470e30a276c095c30c96e75ff3a.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u2306217/bf43f8656524bc18b543426c7f518459.jpg","livePreviewURL":"https://amincode.com/html/consulto/","metaDescription":"Introduction To Consulto - Business &amp; Legal Consulting Bootstrap HTML5 Website TemplateConsulto is an HTML5 Website Template for Business and legal","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3eeiivo","customUrl":"/website-templates/fayo-business-amp-legal-consulting-bootstrap-html5-website-template-website-template-172894.html","demoMetaDescription":"Try out the demo preview of the top quality Fayo - Business &amp; Legal Consulting Bootstrap HTML5 Website Template Website Template (#172894) get yourself acquainted with this template before you buy it. Browse through the pages, check the images, click the buttons, explore the features.","productSize":"28036062","lastmod":"2022-03-22T22:51:43-04:00","trendiness":"1","authorMainScreenshotVersion":"5","changeLogDate":"2023-07-28","reviewsTotal":"2","reviewAverageScore":"5","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"changeLog":"November 22,2022\n-Fixed the contact us form to send emails correctly. -Changed php send mail in the send-mail.php file, located on the path root-folder/php\n\n## July 22/ 2023\n-Updated Bootstrap 4.5 to the latest version 5.2.3\n-Improved the contact us form to send emails correctly.\n-Fixed home-6.html hero section issue.\n-Improved some CSS styles.","bootstrapVersion":"5.2.x","excerpt":"<p>With Consulto you can create a great website layout based on Bootstrap. it specially designed for Business, Financial, Marketing, Corporates, Legal Firms, and Any Business Corporate Websites.</p>","frameworks":"None","bestsellers":"10","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Mon, 06 May 2024 23:34:37 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=172894&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=172894&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=172894&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 06 May 2024 23:39:37 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://amincode.com/html/consulto/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#172894 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/172894.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 #172894            </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=172894&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $36                <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>