string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58530&expand=properties"
string(17868) "[{"templateId":58530,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":411,"categoryName":"Architecture Templates","templateTitle":"Architecture Responsive Website Template","templatePreviewHtmlTitle":"Grand Vector - Web Design Studio HTML5 Website Template","templateDemoHtmlTitle":"Demo for Grand Vector - Web Design Studio HTML5 Website Template #58530","typeShortName":"Website","templatePreviewFBTitle":"<h2><strong>Reliable Web Design Studio HTML5 Website Template</strong></h2><p>A web design studio HTML5 website template is a powerful solution for creating an impressive website. These days, it is nearly impossible to promote or advertise your business without a website. However, if a website is near average, you won't benefit from it. That's why some companies choose web development & design services. Still, it's not an option for smaller companies and startups who want to save money and get a high-quality website.</p><p>If you want to build a quality website quickly and efficiently, choosing a premium HTML5 template is a must. Such a solution provides everything you may need to create a trustworthy website. Moreover, it is a reliable basis for any kind of website. Modern HTML templates are based on Bootstrap 4 to ensure better responsiveness and easier maintenance. And if you need a true ready-made solution for your website, our new HTML template, Grand Vector, will be suitable for your future design studio website.</p><h3><strong>Modern & Impressive HTML5 Template for Web Designers</strong></h3><p>The Grand Vector web design studio HTML5 website template provides exquisite and modern design. Alongside it, the template grants access to the informative layout. It is suitable for any kind of content, from texts to images and videos. Furthermore, our template includes a vast range of features that you may find useful. They are designed to enhance your website's reliability and make it more attractive. Here are some of them:</p><ol><li>W3C valid coding & SEO-ready layout;</li><li>Google Fonts & Google Maps;</li><li>Working contact & newsletter signup forms;</li><li>Cross-browser support;</li><li>SCSS & Pug source files.</li></ol><p>Our web design studio HTML5 website template comes with a wide range of pages. They are pre-developed and ready-to-use. Many pages come in two or more different layouts. You can easily choose what you prefer the most. With eCommerce-ready pages, you can easily integrate your online store into your site. Moreover, with Blog and Gallery pages, it is easy to showcase your recent projects and post news.</p><h2><strong>100% Customizable & Responsive HTML5 Website Template</strong></h2><p>Like any modern template, the Grand Vector web design studio HTML5 website template is customizable. Our team of designers and developers added a vast UI kit that includes everything you may need for a website. From buttons to progress bars, this kit includes everything you can think of. Besides, you can also take advantage of numerous headers and footers supplied with this HTML template.</p><h4>If you are looking for additional information about Grand Vector, its documentation can help you. It describes how to install and use the template properly. Moreover, it answers various common questions. It can also be useful for beginners in web development. But if you need additional support, our qualified team will be glad to assist you. We also hope that you will find our template catalog useful for your next project.</h4>","templateFullTitle":"Grand Vector - Web Design Studio HTML5 Website Template","templatePreviewMetaDescription":"Reliable Web Design Studio HTML5 Website TemplateA web design studio HTML5 website template is a powerful solution for creating an impressive website. These","templateDemoMetaDescription":"Sit back and watch the live preview of the top quality Grand Vector - Design Studio Multipurpose Website Template (#58530) get yourself informed about this design before you purchase it. View the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Grand Vector - Web Design Studio HTML5 Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/vector-grand-website-template-58530.html","userRating":"5","designIndex":"93","authorUserId":"1519369","exclusive":"1","state":1,"price":39,"inserted_date":"2016-03-18","sent":1,"downloads":1064,"search_words":"product design creative agency design studio web studio it services front end back end graphic designer website website developer web development special effects web designer ux design flat design material design creative graphic product company designer agency creative","is_adult":0,"exc_price":5000,"sent_date":"2020-06-19 00:00:00","last_upload":"2021-01-28 11:52:42","package_id":258,"hasExclusivePrice":0,"screenshots":[{"id":1647994,"templ_id":58530,"filename":"58530-b-responsive.jpg","width":430,"height":1434,"href":"","window_params":"","scr_type_id":297,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1647995,"templ_id":58530,"filename":"58530-wt.html","width":430,"height":60,"href":"","window_params":"","scr_type_id":212,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1647996,"templ_id":58530,"filename":"58530-rs.jpg","width":970,"height":280,"href":"","window_params":"","scr_type_id":78,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":1},{"id":1647997,"templ_id":58530,"filename":"58530-origin.jpg","width":1903,"height":6002,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1647998,"templ_id":58530,"filename":"58530-big.jpg","width":965,"height":3218,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1647999,"templ_id":58530,"filename":"58530-origin-1200.jpg","width":1800,"height":6002,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1648000,"templ_id":58530,"filename":"58530-smart1-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":299,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1648001,"templ_id":58530,"filename":"58530-banner.jpg","width":408,"height":55,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1648002,"templ_id":58530,"filename":"58530-original-1200.jpg","width":1800,"height":6002,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1648003,"templ_id":58530,"filename":"58530-smart2-responsive.jpg","width":320,"height":900,"href":"","window_params":"","scr_type_id":300,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1648004,"templ_id":58530,"filename":"58530-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":1648005,"templ_id":58530,"filename":"58530-responsive-layout.jpg","width":895,"height":599,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1648006,"templ_id":58530,"filename":"58530-3-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":1648007,"templ_id":58530,"filename":"58530-tablet-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":298,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1648008,"templ_id":58530,"filename":"58530-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/58530.html","image":"https://s.tmimgcdn.com/scr/58500/grand-vector-web-design-studio-html5-website-template_58530-3-original.jpg","searchHash":"b9ade339b862b3c35ba40fb898d88639","previewHash":"092664c372fc0227db06bc1913e7258c","authorNickname":"ZEMEZ","lowLevelTopic":"Architecture; IT Templates; Exterior Design Templates; Interior & Furniture Templates; Web Design Templates; Design Studio Templates","weightedRating":4.6153846153846,"annualSale":3,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":1,"finalPrice":27,"discountPercent":30,"discountAmount":12,"semiannualSales":2,"properties":{"features":["Premium","Responsive","Bootstrap","On-line chat","Multipurpose","Sliced PSD","Dropdown Menu","Google map","Tabs","Blog","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"styles":["Neutral","Retro","Flat"],"languageSupport":"English","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Isotope","Grid"],"webForms":["Booking Form","Contact Form","Newsletter Subscription","Search Form"],"badge":"badge-responsive","templateSources":[".PSD",".HTML"],"topic":["Architecture","IT Templates","Exterior Design Templates","Interior & Furniture Templates","Web Design Templates","Design","Design Studio Templates","Design & Photography","Business & Services","Home & Family"],"documentationVersion":"v1.1","isFree":"none","popularity":"Top Rated","dateRange":"Last Year","nomotopress":"1","color":["black","white","grey","brown","green"],"livePreviewURL":"https://livedemo00.template-help.com/wt_58530_v4/","width":"1920px","imageDescription":"https://s.tmimgcdn.com/scr/58500/58530-responsive-layout.jpg","nameOfTheTemplate":"Grand Vector - Web Design Studio HTML5 Website Template","imagesList":"Depositphotos7260594original,,Depositphotos11632145origina,,Depositphotos11632619EL4,,Depositphotos12518077EL4,,Depositphotos13127254original,,Depositphotos13880597original,,Depositphotos24193029original,,Depositphotos25199527original,,Depositphotos33036375original,,Depositphotos36652719original,,Depositphotos39080127original,,Depositphotos40923181original,,Depositphotos44532097original,,Depositphotos44714935original,,Depositphotos46706673original,,Depositphotos50729353original,,Depositphotos51054555original,,Depositphotos56329841original,,Depositphotos69200307original,,Depositphotos81844886original,,Depositphotos84682628original","uniqueKeywords":"product design,creative agency,design studio,web studio,it services,front end,back end,graphic designer website,website developer,web development,special effects,web designer,ux design,flat design,material design,creative graphic,product company,designer,agency,creative","shortDescription":"<h2><strong>Reliable Web Design Studio HTML5 Website Template</strong></h2><p>A web design studio HTML5 website template is a powerful solution for creating an impressive website. These days, it is nearly impossible to promote or advertise your business without a website. However, if a website is near average, you won't benefit from it. That's why some companies choose web development & design services. Still, it's not an option for smaller companies and startups who want to save money and get a high-quality website.</p><p>If you want to build a quality website quickly and efficiently, choosing a premium HTML5 template is a must. Such a solution provides everything you may need to create a trustworthy website. Moreover, it is a reliable basis for any kind of website. Modern HTML templates are based on Bootstrap 4 to ensure better responsiveness and easier maintenance. And if you need a true ready-made solution for your website, our new HTML template, Grand Vector, will be suitable for your future design studio website.</p><h3><strong>Modern & Impressive HTML5 Template for Web Designers</strong></h3><p>The Grand Vector web design studio HTML5 website template provides exquisite and modern design. Alongside it, the template grants access to the informative layout. It is suitable for any kind of content, from texts to images and videos. Furthermore, our template includes a vast range of features that you may find useful. They are designed to enhance your website's reliability and make it more attractive. Here are some of them:</p><ol><li>W3C valid coding & SEO-ready layout;</li><li>Google Fonts & Google Maps;</li><li>Working contact & newsletter signup forms;</li><li>Cross-browser support;</li><li>SCSS & Pug source files.</li></ol><p>Our web design studio HTML5 website template comes with a wide range of pages. They are pre-developed and ready-to-use. Many pages come in two or more different layouts. You can easily choose what you prefer the most. With eCommerce-ready pages, you can easily integrate your online store into your site. Moreover, with Blog and Gallery pages, it is easy to showcase your recent projects and post news.</p><h2><strong>100% Customizable & Responsive HTML5 Website Template</strong></h2><p>Like any modern template, the Grand Vector web design studio HTML5 website template is customizable. Our team of designers and developers added a vast UI kit that includes everything you may need for a website. From buttons to progress bars, this kit includes everything you can think of. Besides, you can also take advantage of numerous headers and footers supplied with this HTML template.</p><h4>If you are looking for additional information about Grand Vector, its documentation can help you. It describes how to install and use the template properly. Moreover, it answers various common questions. It can also be useful for beginners in web development. But if you need additional support, our qualified team will be glad to assist you. We also hope that you will find our template catalog useful for your next project.</h4>","kindOfShops":"This responsive Website template will work well for Business, Education, Communications and many other kinds of websites.","metaDescription":"Reliable Web Design Studio HTML5 Website TemplateA web design studio HTML5 website template is a powerful solution for creating an impressive website. These","htmlTitle":"Design Studio Multipurpose Website Template","imageKeyFeatures":"https://s.tmimgcdn.com/scr/58500/58530-en_01.jpg, https://s.tmimgcdn.com/scr/58500/58530-en_02.jpg, https://s.tmimgcdn.com/scr/58500/58530-en_03.jpg, https://s.tmimgcdn.com/scr/58500/58530-en_04.jpg, https://s.tmimgcdn.com/scr/58500/58530-en_05.jpg, https://s.tmimgcdn.com/scr/58500/58530-en_06.jpg, https://s.tmimgcdn.com/scr/58500/58530-en_07.jpg, https://s.tmimgcdn.com/scr/58500/58530-en_08.jpg, https://s.tmimgcdn.com/scr/58500/58530-en_09.jpg","bitLyUrl":"http://bit.ly/1Pm4oPJ","reviewsTotal":"16","reviewAverageScore":"5","changeLog":"Grand Vector Version 1.4 (January 28, 2021)\nAdditions\n\t- UPD: Bootstrap to 4.5.3;\n\t- UPD: Popper to 1.16.1;\n\t- UPD: Swiper to 5.3.1;\n\t- FIX: Minor bug fixes.\n\nGrand Vector Version 1.3 (October 21, 2020)\nAdditions\n    - FIX: Minor bug fixes.\n\nGrand Vector Version 1.2 (November 06, 2018)\nAdditions\n\t- ADD: Preloader plugin\n\t- UPD: Bootstrap v4.0.0-beta to Bootstrap v4.1.3\n\t- UPD: Isotope plugin\n\t- UPD: Google Map plugin\n\t- UPD: RD Mailform plugin\n\t- UPD: Copyright Year\n\t- UPD: Structure JS files\n\t- FIX: Minor fixes \n\nGrand Vector Version 1.1 (August 09, 2018)\nAdditions\n\t- UPD: RD Navbar;\n\t- UPD: RD Search;\n\t- UPD: Swiper;\n\t- UPD: Isotope;\n\t- UPD: Progress bar;\n\t- UPD: Owl carousel;\n\t- UPD: Bootstrap 3 to Bootstrap 4;\n\t- RPL: Photoswipe gallry to Lightgallery;\n\t- RPL: RD google map to google map;\n\t- RPL: Responsive tabs/accordions to bootatrap tabs/accordions;\n\t- FIX: Minor fixes;","issuggestion":"1","showVariantForcibly":"b","trendiness":"1","exclusive":"1","authorUserId":"1519369","lastmod":"2022-03-16T11:05:44-04:00","sqi":"95","templateSupportOptions":"[]","dqi":"93","previewScreensOrVideoURLs":"https://www.youtube.com/embed/0uN5P0KEeZ0","skupromo":"8%","white":"33","black":"50","green":"17","marketplaceMembership":"One","excludeExclusive":"Yes","customUrl":"/website-templates/vector-grand-website-template-58530.html","demoMetaDescription":"Sit back and watch the live preview of the top quality Grand Vector - Design Studio Multipurpose Website Template (#58530) get yourself informed about this design before you purchase it. View the pages, check the images, press the buttons, explore the features.","isOldDemoUrl":"1","advImage":"https://s3.tmimgcdn.com/templates/71041/scr/1519369-1603291535441_58530%20design.jpg","imagesIncluded":"Yes","tags":["agency","creative","designer","design studio","web designer","web development","graphic designer website","creative agency","website developer","material design","it services","flat design","web studio","product design","front end","back end","special effects","ux design","creative graphic","product company"],"affiliateSells":"1","authorMainScreenshotVersion":"3","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/61477/scr/1588171692467_58530-original.jpg","saleSells":"1","productSize":"804157422","bootstrapVersion":"4.5.x","changeLogDate":"2021-01-28","featured":"Ukraine","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"templateIcon":"icon-bootstrap","hELPURL":"/quick-start-guide/bootstrap-template/","notice":"Some of the forms included (like booking, registration, comment submission forms, etc.) may require extra scripts and/or database functionality.","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"HTML Website Templates","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: Tue, 19 Nov 2024 01:31:05 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(290) "Link: <http://products/api/v2/products/en?language=en&ids=58530&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58530&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58530&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 19 Nov 2024 01:36:05 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://livedemo00.template-help.com/wt_58530_v4/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58530 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/58530.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 #58530            </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=58530&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>