string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=185768&expand=properties"
string(13768) "[{"templateId":185768,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":132,"categoryName":"Management Company Templates","templateTitle":"Management Company Responsive Website Template","templatePreviewHtmlTitle":"DataTech - Data Science &amp; AI Tech And IOT HTML5 Template","templateDemoHtmlTitle":"Live preview for DataTech - Data Science &amp; AI Tech And IOT HTML5 Template #185768","typeShortName":"Website","templatePreviewFBTitle":"<p><strong>DataTech </strong>is a Professional &amp; Powerful Data Science Technology &amp; Software Multipurpose HTML5 Template, all demo 100% responsive, creative and awesome demo, pixel prefect design <strong>DataTech </strong>Template.</p><p><strong>DataTech </strong>is an HTML5 based Template , created to serve all types of data science, AI and related projects. It means that the horizon of applicability of this theme includes Data science Service, Artificial Intelligence &amp; Machine Learning Service, Data Analytics, User Analytics, and many more.</p><ul><li><strong>Bootstrap Version 4.6</strong></li><li>All Device 100 % Responsive</li><li><strong>05+ Unique Demo</strong></li><li>15+ Inner Pages</li><li><strong>WordPress Version Available</strong></li><li><strong>PSD Version Available </strong></li><li>Clean Cod</li><li>Creative And Unique Demo Version</li><li>Full Free Support</li><li><strong>All Image Included This Site</strong></li><li>Flexible Layout</li><li>Awesome Unique Look</li><li><strong>Contact Form 7</strong></li><li>Well Commented Code</li><li>Pixel Perfect Design And Code</li><li>Easy To Customize This Template</li><li>Clean &amp; Commented Code</li><li>Flexible Layout</li><li>Advanced Typography</li><li>w3c validator</li><li>Google Map</li><li>Cross browser</li><li>Valid HTML5 &amp; CSS3</li><li>Smooth Transition Effects</li><li>And Much More…</li></ul><h3><strong>Update 04 November 2024</strong></h3><ol><li>Update The Twitter Icon.<em></em></li><li>Fixed The Coding and CSS Issue.</li><li>Fixed Others Issue.</li><li>Change The Year.</li><li>Included the latest Update File.</li></ol><h2>Update 13 July 2023</h2><ol><li>New Inner Pages Added</li><li>New Images Added</li><li>New Coding &amp; CSS Added</li><li>Improve Design</li></ol><p><br /></p><h2>Update 13 April 2023</h2><ol><li>New Home Pages Added</li><li>New Inner Pages Added</li><li>New Images Added</li><li>New Coding &amp; CSS Added</li><li>Improve Design</li></ol><p><br /></p><h2>Update 20 February 2023</h2><ol><li>New Home Pages Added</li><li>New Inner Pages Added</li><li>New Images Added</li><li>New Coding &amp; CSS Added</li><li>Improve Design</li></ol><p><br /></p><h2>01 September 2022</h2><ol><li>New Page Added</li><li>New Coding &amp; CSS Added</li><li>New Images Added</li><li>New Preloader Added</li><li>Improve Design</li></ol><h2>22 May 2022</h2><ol><li>New inner pages added</li><li>New CSS &amp; coding added</li><li>New images added</li></ol><p><br /></p><h2>24 November 2021</h2><ol><li>2+ Home Page Added</li><li>Fixed Others Issue</li><li>Update File</li></ol><p><br /></p><h2>5 October 2021</h2><p>01. New 3+ Demo Added</p><p>02. New Inner Page Added</p><p>03. Fixed CSS Issue</p>","templateFullTitle":"DataTech - Data Science &amp; AI Tech And IOT HTML5 Template","templatePreviewMetaDescription":"DataTech is a Professional &amp; Powerful Data Science Technology &amp; Software Multipurpose HTML5 Template, all demo 100% responsive, creative and awesome","templateDemoMetaDescription":"Explore the live preview for the top notch DataTech - Data Science &amp; AI Tech And IOT HTML5 Template Website Template (#185768) to understand what this theme is before you buy it. View the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"DataTech - Data Science &amp; AI Tech And IOT HTML5 Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/datatech-data-science-amp-ai-tech-and-iot-html5-template-185768.html","userRating":0,"designIndex":1,"authorUserId":"1795291","exclusive":"1","state":1,"price":29,"inserted_date":"2021-06-07","sent":0,"downloads":33,"search_words":"data science analysis artificial engineering management company business software marketing seo agency minimal creative corporate finance multipurpose oddo consulting startup","is_adult":0,"exc_price":2100,"sent_date":"2021-06-07 12:29:43","last_upload":"2024-11-04 09:49:44","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2355790,"templ_id":185768,"filename":"185768-2-original.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2355791,"templ_id":185768,"filename":"185768-2-big.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2355792,"templ_id":185768,"filename":"185768-2-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":2355793,"templ_id":185768,"filename":"185768-2-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":2355794,"templ_id":185768,"filename":"185768-2-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/185768.html","image":"https://s.tmimgcdn.com/scr/185700/datatech-data-science-amp-ai-tech-and-iot-html5-template_185768-2-original.jpg","searchHash":"318a4036ad00b0883e2e752a1c1a90b2","previewHash":"821bbdc81ac5545b56d689fe1be802fd","authorNickname":"DreamIT","lowLevelTopic":"Management Company Templates; IT Templates; Software Templates; Science Lab Templates","weightedRating":null,"annualSale":8,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":1,"finalPrice":20,"discountPercent":30,"discountAmount":9,"semiannualSales":2,"properties":{"styles":["Clean","Corporate","Minimalist","Mobile"],"isLastAdded":"1","features":["Premium","Responsive","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","Multipurpose","Moto CMS Landing Builder","Team Members","Light Template","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Blog","Gallery","Portfolio","HTML 5","JQuery","HTML plus JS","Static","Parallax","Background video"],"topic":["Management Company Templates","IT Templates","Science Templates","Software Templates","Science Lab Templates","Education & Books","Business & Services","Computers & Internet"],"isFree":"none","color":["white","purple"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","authorUserId":"1795291","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["agency","analysis","artificial","business","company","consulting","corporate","creative","data","engineering","finance","management","marketing","minimal","multipurpose","science","software","startup","seo","oddo"],"bootstrapVersion":"4.5.x","paidSupport":"Yes","nameOfTheTemplate":"DataTech - Data Science &amp; AI Tech And IOT HTML5 Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1795291/d885118a4f15fcb2ddc61300083f57ee.png, https://s3u.tmimgcdn.com/u1795291/72b0ec3f829be6d2f7b7b0d00f6b1e54.png, https://s3u.tmimgcdn.com/u1795291/05fcb262bcd90162a99d99cfacd28a3c.png, https://s3u.tmimgcdn.com/u1795291/dd1cf013f4b48785bbabf7a10a93acd5.jpg, https://s3u.tmimgcdn.com/u1795291/b6910111fbb5ee44b69a10bb22ead827.jpg, https://s3u.tmimgcdn.com/u1795291/35c8f08acc6816235ed6eae617769550.jpg","shortDescription":"<p><strong>DataTech </strong>is a Professional &amp; Powerful Data Science Technology &amp; Software Multipurpose HTML5 Template, all demo 100% responsive, creative and awesome demo, pixel prefect design <strong>DataTech </strong>Template.</p><p><strong>DataTech </strong>is an HTML5 based Template , created to serve all types of data science, AI and related projects. It means that the horizon of applicability of this theme includes Data science Service, Artificial Intelligence &amp; Machine Learning Service, Data Analytics, User Analytics, and many more.</p><ul><li><strong>Bootstrap Version 4.6</strong></li><li>All Device 100 % Responsive</li><li><strong>05+ Unique Demo</strong></li><li>15+ Inner Pages</li><li><strong>WordPress Version Available</strong></li><li><strong>PSD Version Available </strong></li><li>Clean Cod</li><li>Creative And Unique Demo Version</li><li>Full Free Support</li><li><strong>All Image Included This Site</strong></li><li>Flexible Layout</li><li>Awesome Unique Look</li><li><strong>Contact Form 7</strong></li><li>Well Commented Code</li><li>Pixel Perfect Design And Code</li><li>Easy To Customize This Template</li><li>Clean &amp; Commented Code</li><li>Flexible Layout</li><li>Advanced Typography</li><li>w3c validator</li><li>Google Map</li><li>Cross browser</li><li>Valid HTML5 &amp; CSS3</li><li>Smooth Transition Effects</li><li>And Much More…</li></ul><h3><strong>Update 04 November 2024</strong></h3><ol><li>Update The Twitter Icon.<em></em></li><li>Fixed The Coding and CSS Issue.</li><li>Fixed Others Issue.</li><li>Change The Year.</li><li>Included the latest Update File.</li></ol><h2>Update 13 July 2023</h2><ol><li>New Inner Pages Added</li><li>New Images Added</li><li>New Coding &amp; CSS Added</li><li>Improve Design</li></ol><p><br /></p><h2>Update 13 April 2023</h2><ol><li>New Home Pages Added</li><li>New Inner Pages Added</li><li>New Images Added</li><li>New Coding &amp; CSS Added</li><li>Improve Design</li></ol><p><br /></p><h2>Update 20 February 2023</h2><ol><li>New Home Pages Added</li><li>New Inner Pages Added</li><li>New Images Added</li><li>New Coding &amp; CSS Added</li><li>Improve Design</li></ol><p><br /></p><h2>01 September 2022</h2><ol><li>New Page Added</li><li>New Coding &amp; CSS Added</li><li>New Images Added</li><li>New Preloader Added</li><li>Improve Design</li></ol><h2>22 May 2022</h2><ol><li>New inner pages added</li><li>New CSS &amp; coding added</li><li>New images added</li></ol><p><br /></p><h2>24 November 2021</h2><ol><li>2+ Home Page Added</li><li>Fixed Others Issue</li><li>Update File</li></ol><p><br /></p><h2>5 October 2021</h2><p>01. New 3+ Demo Added</p><p>02. New Inner Page Added</p><p>03. Fixed CSS Issue</p>","uniqueKeywords":"data,science,analysis,artificial,engineering,management,company,business,software,marketing,seo,agency,minimal,creative,corporate,finance,multipurpose,oddo,consulting,startup","advImage":"https://s3u.tmimgcdn.com/u1795291/afbefb55b81d0dbae43e59a3986ea886.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1795291/ee391930eb73b5dc074d8ce312297f64.jpg","livePreviewURL":"https://html.ditsolution.net/datatech/","metaDescription":"DataTech is a Professional &amp; Powerful Data Science Technology &amp; Software Multipurpose HTML5 Template, all demo 100% responsive, creative and awesome","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3w0t4v9","demoMetaDescription":"Explore the live preview for the top notch DataTech - Data Science &amp; AI Tech And IOT HTML5 Template Website Template (#185768) to understand what this theme is before you buy it. View the pages, check the images, press the buttons, explore the features.","customUrl":"/website-templates/datatech-data-science-amp-ai-tech-and-iot-html5-template-185768.html","productSize":"4997721","lastmod":"2022-02-11T19:11:32-05:00","trendiness":"1","authorMainScreenshotVersion":"2","changeLog":"5 October 2021\n01. New 3+ Demo Added \n02. New Inner Page Added \n03. Fixed CSS Issue \n\n24 November 2021\n2+ Home Page Added \nFixed Others Issue \nUpdate File\n\n22 May 2022\nNew inner pages added \nNew CSS &amp; coding added \nNew images added \n\n01 September 2022\nNew Page Added \nNew Coding &amp; CSS Added \nNew Images Added \nNew Preloader Added \nImprove Design \n\nUpdate 24 November 2022 \nLanding Pages Added \nImprove Design Quality \nUp to All File \nNew Coding &amp; CSS Added \nNew Page Added \n\nUpdate 20 February 2023\n\nNew Home Pages Added\nNew Inner Pages Added\nNew Images Added\nNew Coding &amp; CSS Added\nImprove Design \n\nUpdate 13 April 2023\nNew Home Pages Added\nNew Inner Pages Added\nNew Images Added\nNew Coding &amp; CSS Added\nImprove Design\n\nUpdate 13 July  2023\nNew Home Pages Added\nNew Inner Pages Added\nNew Images Added\nNew Coding &amp; CSS Added\nImprove Design\n\nUpdate 03 August 2023\nNew Inner Pages Added \nnew Coding and css Added \nNew images added \nfixed others issue \nupdate file \n\nUpdated 27-08-2023\nNew Inner Pages Added \nNew Coding and CSS Added \nNew Images Added \nFixed Others Issue \n\nUpdate 04 November 2024\nFixed The Coding and CSS Issue.\nUpdate The Twitter Icon.\nChange The Year.\nFixed The Others Issue.\nIncluded the latest Update File.","changeLogDate":"2024-11-04","webServerCompatibility":"Apache 2.4","designSoftware":"Google Web Designer","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Data Analytics Template, Data Science Template, Data Company Template, Technology Template, Startup Template, Company Website, Multipurpose Template.</p>","frameworks":"None","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","popularity":"Recently Updated"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 30 Nov 2024 23:04:44 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=185768&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=185768&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=185768&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 30 Nov 2024 23:09:44 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://html.ditsolution.net/datatech/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#185768 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/185768.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 #185768            </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=185768&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $27                <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>