string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=165933&expand=properties"
string(12960) "[{"templateId":165933,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":418,"categoryName":"Business & Services","templateTitle":"Business & Services Responsive Website Template","templatePreviewHtmlTitle":"Iconic - Creative Multipurpose Corporate and Portfolio HTML5 Website Template","templateDemoHtmlTitle":"Live demo for Iconic - Creative Multipurpose Corporate and Portfolio HTML5 Website Template #165933","typeShortName":"Website","templatePreviewFBTitle":"<p><strong>Meet Iconic - Creative multipurpose corporate and portfolio HTML5 template.</strong></p><p>Iconic is a clean, modern, user-friendly, responsive, and highly customizable bootstrap Theme, built especially for your business, corporate, portfolio, or blog website, etc.</p><p>Iconic – A premium, responsive, fresh &amp; clean bootstrap theme. If you have been looking for a truly multipurpose, super clean, easily customizable, efficiently coded, and well-documented Bootstrap 4 theme, then your search should end here! It comes with multiple pages that you can use to build your website whether it is Business, Corporate, Agency, Media, Freelancer, Portfolio, or Blog. Iconic has been coded in a straightforward manner so that any designer/developer may easily customize it.</p><p><strong>Main features</strong></p><ul><li>A versatile and modern theme, perfect for your brand-new website</li><li>Beautifully handcrafted and built with attention to detail for your needs.</li><li>Amazing flexibility &amp; Super Shortcodes</li><li>A large collection of useful inner pages</li><li>Raw bootstrap theme</li><li>Smartly responsive – Your visitors will be able to experience brilliant optimized same design in different screen types.</li><li>7 home page demos to choose from</li><li>30+ HTML pages</li><li>General-purpose pages like about us, service, contact, team, careers, pricing, timeline, FAQ, 404 and many more.</li><li>Comes with a number of page block templates to save your time and help you get inspired.</li><li>Beautiful header styles</li><li>An exceedingly well-curated collection of portfolio pages</li><li>Working PHP contact form.</li><li>Easy to navigate and clean blog listing styles like standard, classic, list, grid.</li><li>Font awesome icons</li><li>Touch swipe supported carousel.</li><li>Smooth parallax scrolling sections with images.</li><li>Animated block</li><li>Accordion content</li><li>Progress bar</li><li>Tab</li><li>Contact form.</li><li>List style design</li><li>Features and services box.</li><li>Subscribe box.</li><li>Countdown</li><li>Counter</li><li>Buttons</li><li>Process step</li><li>Parallax Scrolling</li><li>Page titles</li><li>Drop caps.</li><li>Blog listing design</li><li>Modal</li><li>Call to action section.</li><li>Team members sections</li><li>Statistic counters</li><li>Testimonial carousels</li><li>Pricing tables</li><li>Detailed documentation for better understanding of theme code and elements</li></ul><p><strong>Accessible</strong></p><p>Iconic is built with accessibility in mind and following best practices. It helps you to make your site accessible to the widest audience possible.</p><p><strong>Based on Bootstrap</strong></p><p>Iconic is based on Bootstrap 4, it includes all Bootstrap itself does, but with new aesthetics and some extra classes.</p><p><strong>Documentation</strong></p><p>You will get exceptionally detailed documentation with Iconic. We believe – we have covered every essential information for getting your site up and running, that you will be in a good position to start customizing your theme.</p>","templateFullTitle":"Iconic - Creative Multipurpose Corporate and Portfolio HTML5 Website Template","templatePreviewMetaDescription":"Meet Iconic - Creative multipurpose corporate and portfolio HTML5 template.Iconic is a clean, modern, user-friendly, responsive, and highly customizable","templateDemoMetaDescription":"The demo of this professional Iconic - Creative Multipurpose Corporate and Portfolio HTML5 Website Template Website Template (#165933) is generated for you to get the look and feel of the theme before you purchase it. Browse through the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Iconic - Creative Multipurpose Corporate and Portfolio HTML5 Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/iconic-creative-multipurpose-corporate-and-portfolio-html5-website-template-website-template-165933.html","userRating":0,"designIndex":1,"authorUserId":"704342","exclusive":"0","state":1,"price":31,"inserted_date":"2021-02-15","sent":0,"downloads":1,"search_words":"blog,business,corporate,freelancer,html5,modern,one page,portfolio,seo,landing,technology,web,multipurpose,bootstrap,responsive,creative,minimal,clean,agency","is_adult":0,"exc_price":2100,"sent_date":"2021-02-15 12:02:09","last_upload":"2021-02-15 12:08:43","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"165933-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":165933,"width":1600,"window_params":"","banner_url":"","id":2256760,"href":"","height":1000},{"scr_type_id":311,"filename":"165933-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":165933,"width":1600,"window_params":"","banner_url":"","id":2256761,"href":"","height":1000},{"scr_type_id":312,"filename":"165933-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":165933,"width":370,"window_params":"","banner_url":"","id":2256762,"href":"","height":370},{"scr_type_id":9,"filename":"165933-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":165933,"width":145,"window_params":"","banner_url":"","id":2256763,"href":"","height":156},{"scr_type_id":57,"filename":"165933-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":165933,"width":430,"window_params":"","banner_url":"","id":2256764,"href":"","height":269}],"demoUrl":"/demo/165933.html","image":"https://s.tmimgcdn.com/scr/165900/iconic-creative-multipurpose-corporate-and-portfolio-html5-website-template_165933-original.jpg","searchHash":"4d2b59c667c0f8065a5c2102aaed36f0","previewHash":"c487ccddcd3995b19c1cfc841e814e3e","authorNickname":"Mohammad","lowLevelTopic":"Business & Services; Computers & Internet; Society & People","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":50,"onSale":0,"finalPrice":31,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","orange"],"followUpLetter":"website-template-offers","productSize":"13572766","uniqueKeywords":"blog,business,corporate,freelancer,html5,modern,one page,portfolio,seo,landing,technology,web,multipurpose,bootstrap,responsive,creative,minimal,clean,agency","changeLog":"Initial Release","templateSupportOptions":"[{\"id\":413780,\"template_id\":452255,\"type\":1,\"measure\":\"day\",\"value\":2,\"phone\":\"\"}]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Meet Iconic - Creative multipurpose corporate and portfolio HTML5 template.Iconic is a clean, modern, user-friendly, responsive, and highly customizable","bootstrapVersion":"4.3.x","imageKeyFeatures":"https://s3u.tmimgcdn.com/u704342/eKF3W30KIRijX7aptniy.jpg","features":["Premium","Responsive","Search Engine Friendly","Bootstrap","CV","Multipurpose","Right to left language support","Team Members","Light Template","Dropdown Menu","Sample content","Tabs","Quickstart Package","Advanced Theme Options","MegaMenu","Performance Optimization","Blog","Gallery","Portfolio","One Page Templates","HTML 5","JQuery","HTML plus JS","Static","Parallax"],"saleSells":"1","livePreviewURL":"https://iconic.mohammadazad.com/","authorUserId":"704342","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u704342/boY4SA2CKyhiSFOncEgK.jpg","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","alreadyPacked":"1","exclusive":"0","imagesIncluded":"No","templateSoftwareRequired":"Code editor","templateIcon":"icon-monster_dark","lastmod":"2022-03-16T06:42:29-04:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u704342/jlfLTX1NEcz8UFwneoMm.jpg, https://s3u.tmimgcdn.com/u704342/W0Uohx42tTF6jdjeTbeI.jpg, https://s3u.tmimgcdn.com/u704342/d92Vvs8gM27eIEYFkwpv.jpg, https://s3u.tmimgcdn.com/u704342/YwDI2yGzjKlSN5IuEKAy.jpg, https://s3u.tmimgcdn.com/u704342/uDyIM7sh5_RfhzrPtO83.jpg, https://s3u.tmimgcdn.com/u704342/MjDv-qv0T9PtI6-o56fp.jpg","types":"HTML Website Templates","trendiness":"1","demoMetaDescription":"The demo of this professional Iconic - Creative Multipurpose Corporate and Portfolio HTML5 Website Template Website Template (#165933) is generated for you to get the look and feel of the theme before you purchase it. Browse through the pages, check out the images, press the buttons, explore the features.","shortDescription":"<p><strong>Meet Iconic - Creative multipurpose corporate and portfolio HTML5 template.</strong></p><p>Iconic is a clean, modern, user-friendly, responsive, and highly customizable bootstrap Theme, built especially for your business, corporate, portfolio, or blog website, etc.</p><p>Iconic – A premium, responsive, fresh &amp; clean bootstrap theme. If you have been looking for a truly multipurpose, super clean, easily customizable, efficiently coded, and well-documented Bootstrap 4 theme, then your search should end here! It comes with multiple pages that you can use to build your website whether it is Business, Corporate, Agency, Media, Freelancer, Portfolio, or Blog. Iconic has been coded in a straightforward manner so that any designer/developer may easily customize it.</p><p><strong>Main features</strong></p><ul><li>A versatile and modern theme, perfect for your brand-new website</li><li>Beautifully handcrafted and built with attention to detail for your needs.</li><li>Amazing flexibility &amp; Super Shortcodes</li><li>A large collection of useful inner pages</li><li>Raw bootstrap theme</li><li>Smartly responsive – Your visitors will be able to experience brilliant optimized same design in different screen types.</li><li>7 home page demos to choose from</li><li>30+ HTML pages</li><li>General-purpose pages like about us, service, contact, team, careers, pricing, timeline, FAQ, 404 and many more.</li><li>Comes with a number of page block templates to save your time and help you get inspired.</li><li>Beautiful header styles</li><li>An exceedingly well-curated collection of portfolio pages</li><li>Working PHP contact form.</li><li>Easy to navigate and clean blog listing styles like standard, classic, list, grid.</li><li>Font awesome icons</li><li>Touch swipe supported carousel.</li><li>Smooth parallax scrolling sections with images.</li><li>Animated block</li><li>Accordion content</li><li>Progress bar</li><li>Tab</li><li>Contact form.</li><li>List style design</li><li>Features and services box.</li><li>Subscribe box.</li><li>Countdown</li><li>Counter</li><li>Buttons</li><li>Process step</li><li>Parallax Scrolling</li><li>Page titles</li><li>Drop caps.</li><li>Blog listing design</li><li>Modal</li><li>Call to action section.</li><li>Team members sections</li><li>Statistic counters</li><li>Testimonial carousels</li><li>Pricing tables</li><li>Detailed documentation for better understanding of theme code and elements</li></ul><p><strong>Accessible</strong></p><p>Iconic is built with accessibility in mind and following best practices. It helps you to make your site accessible to the widest audience possible.</p><p><strong>Based on Bootstrap</strong></p><p>Iconic is based on Bootstrap 4, it includes all Bootstrap itself does, but with new aesthetics and some extra classes.</p><p><strong>Documentation</strong></p><p>You will get exceptionally detailed documentation with Iconic. We believe – we have covered every essential information for getting your site up and running, that you will be in a good position to start customizing your theme.</p>","tags":["agency","bootstrap","business","clean","corporate","creative","freelancer","landing","minimal","modern","multipurpose","portfolio","responsive","technology","web","blog","html5","seo","one page"],"bitLyUrl":"https://bit.ly/3b7bts9","customUrl":"/website-templates/iconic-creative-multipurpose-corporate-and-portfolio-html5-website-template-website-template-165933.html","nameOfTheTemplate":"Iconic - Creative Multipurpose Corporate and Portfolio HTML5 Website Template","paidSupport":"Yes","topic":["Business & Services","Computers & Internet","Society & People"],"styles":["Clean","Corporate","Minimalist","Mobile","Flat"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u704342/_82pA9uByv81JMRmmgW8.jpg","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: Tue, 07 May 2024 01:12:23 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=165933&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=165933&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=165933&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 07 May 2024 01:17:23 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://iconic.mohammadazad.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#165933 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/165933.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 #165933            </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=165933&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $29                <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>