string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=73540&expand=properties"
string(15894) "[{"templateId":73540,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":100,"categoryName":"Construction Company Templates","templateTitle":"Construction Company Responsive Website Template","templatePreviewHtmlTitle":"R&amp;CO - Architecture and Construction Website Template","templateDemoHtmlTitle":"Live preview for R&amp;CO - Architecture and Construction Website Template #73540","typeShortName":"Website","templatePreviewFBTitle":"<h2><strong>Reliable Architecture and Construction Website Template</strong></h2><p><br /></p><p>An architecture and construction website template is a powerful solution for building a website to promote your services and solutions. Running a successful business in the construction industry isn't easy but a website can help you with it. Nowadays, a website is a must-have tool that all companies use. It allows for establishing direct contact with your clients. Besides, you can grow your brand if you have a website that satisfies your needs.</p><p>Still, no average website is good for your business. If you own a company with a decent reputation, you'll need a properly designed website. One way to obtain it is to hire a web developer. Or you can build a website by yourself but you'll spend a lot of time &amp; money anyway. We recommend buying a website template. It is an affordable solution and there are lots of options to choose from. For example, you can use the R&amp;CO HTML template.</p><h3><strong>HTML Template with a Variety of Features and Pages</strong></h3><p>This architecture and construction website template has an impressive design. It is creative yet clean to attract your clients' attention. The template's layout is built with Bootstrap 5. It provides R&amp;CO with complete responsiveness on all devices. This framework also guarantees easy maintenance. Moreover, our HTML solution has an informative and easy-to-navigate structure. Also, the template provides a variety of features to your website:</p><ol><li>W3C valid &amp; SEO-ready coding</li><li>Google Maps &amp; Google Fonts</li><li>Fullwidth slider</li><li>Cross-browser support</li><li>SCSS &amp; Pug source files</li></ol><p>R&amp;CO architecture and construction website template is a multipage solution. It includes a wide range of pre-designed pages with thought-out content blocks. For example, you can use the Gallery pages to showcase your projects. Telling your clients about your company and your team is also simple. Don't forget to post up-to-date information about your offers with the Services page. You can also blog and post the latest news about your company with R&amp;CO.</p><h2><strong>Fully Customizable Template for Architecture Companies</strong></h2><p>If you need a website with a unique look, you can customize this architecture and construction website template how you want. Due to the extensive UI and easy-to-edit structure, you can completely change how your site looks. Just add necessary blocks or use already available ones. Such elements as progress bars, buttons, tabs, and various text elements are already integrated into R&amp;CO. Also, don't forget to use the stunning animations &amp; transitions to make your website look immersive.</p><p>To get more information about this HTML solution, you can always consult its documentation. It describes every aspect of installing, configuring and using R&amp;CO properly. The documentation answers all the common questions about this website template. Besides, you can always get in touch with our professional support team if any other questions emerge. We are always glad to help you create a website for your business.</p><h2>Important Notice Regarding Support Response Times</h2><p>Please note that our team is committed to providing prompt and efficient support to all of our customers. However, due to an increased volume of support requests, our usual average time for providing support is estimated to be between 3-5 business days.</p><p>We want to assure you that we are taking all necessary measures to address your requests as soon as possible. Rest assured that your inquiry will be attended to promptly.</p><h3>Thank you for choosing our product.</h3>","templateFullTitle":"R&amp;CO - Architecture and Construction Website Template","templatePreviewMetaDescription":"Reliable Architecture and Construction Website TemplateAn architecture and construction website template is a powerful solution for building a website to","templateDemoMetaDescription":null,"specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"R&amp;CO - Architecture and Construction Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/r-co-business-center-multipage-html-website-template-73540.html","userRating":"5","designIndex":"86","authorUserId":"1519369","exclusive":"1","state":1,"price":39,"inserted_date":"2018-10-02","sent":1,"downloads":129,"search_words":"home improvement home repair home renovation home remodeling home maintenance home fix home decor home repairs handyman building plumbing heating maintenance roofing drywall renovation painting carpenter remodeling contractor","is_adult":0,"exc_price":4500,"sent_date":"2020-08-20 00:00:02","last_upload":"2023-01-31 19:46:59","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1773937,"templ_id":73540,"filename":"73540-5-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1773938,"templ_id":73540,"filename":"73540-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1773939,"templ_id":73540,"filename":"73540-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":1773940,"templ_id":73540,"filename":"73540-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":1773941,"templ_id":73540,"filename":"73540-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/73540.html","image":"https://s.tmimgcdn.com/scr/73500/rampco-architecture-and-construction-website-template_73540-5-original.jpg","searchHash":"02c2a44bd05c5843e09c882a60f7191f","previewHash":"24d137a405ce4ebf9b8144f33f99ffa8","authorNickname":"ZEMEZ","lowLevelTopic":"Construction Company Templates; Exterior Design Templates; Interior & Furniture Templates; Web Design Templates; Drafting Templates; Designer Portfolio Templates","weightedRating":4.5,"annualSale":25,"monthlySales":7,"quarterlySales":10,"productBoost":125,"onSale":0,"finalPrice":37,"discountPercent":0,"discountAmount":0,"semiannualSales":16,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Tabs","Blog","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"styles":"Neutral","languageSupport":"English","galleryScript":["Accordion","Carousel","Slider","Isotope","Grid"],"webForms":["Contact Form","Newsletter Subscription","Search Form"],"badge":"badge-responsive","topic":["Architecture","Construction Company Templates","Exterior Design Templates","Interior & Furniture Templates","Web Design Templates","Drafting Templates","Design","Designer Portfolio Templates","Design & Photography","Home & Family"],"templateIcon":"icon-bootstrap","isFree":"none","popularity":["Bestsellers","Top Rated"],"dateRange":["Last Month","Last 6 Months"],"color":["white","grey"],"productOfTheDay":"0","showVariantForcibly":"b","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"exclusive":"1","authorUserId":"1519369","alreadyPacked":"1","nameOfTheTemplate":"R&amp;CO - Architecture and Construction Website Template","previewScreensOrVideoURLs":"https://s3.tmimgcdn.com/templates/14647/scr/1538547717202_cut_1.jpg, https://s3.tmimgcdn.com/templates/14647/scr/1538547846351_cut_2.jpg, https://s3.tmimgcdn.com/templates/14647/scr/1538547722424_cut_3.jpg, https://s3.tmimgcdn.com/templates/14647/scr/1538547726211_cut_4.jpg, https://s3.tmimgcdn.com/templates/14647/scr/1538547728855_cut_5.jpg","shortDescription":"<h2><strong>Reliable Architecture and Construction Website Template</strong></h2><p><br /></p><p>An architecture and construction website template is a powerful solution for building a website to promote your services and solutions. Running a successful business in the construction industry isn't easy but a website can help you with it. Nowadays, a website is a must-have tool that all companies use. It allows for establishing direct contact with your clients. Besides, you can grow your brand if you have a website that satisfies your needs.</p><p>Still, no average website is good for your business. If you own a company with a decent reputation, you'll need a properly designed website. One way to obtain it is to hire a web developer. Or you can build a website by yourself but you'll spend a lot of time &amp; money anyway. We recommend buying a website template. It is an affordable solution and there are lots of options to choose from. For example, you can use the R&amp;CO HTML template.</p><h3><strong>HTML Template with a Variety of Features and Pages</strong></h3><p>This architecture and construction website template has an impressive design. It is creative yet clean to attract your clients' attention. The template's layout is built with Bootstrap 5. It provides R&amp;CO with complete responsiveness on all devices. This framework also guarantees easy maintenance. Moreover, our HTML solution has an informative and easy-to-navigate structure. Also, the template provides a variety of features to your website:</p><ol><li>W3C valid &amp; SEO-ready coding</li><li>Google Maps &amp; Google Fonts</li><li>Fullwidth slider</li><li>Cross-browser support</li><li>SCSS &amp; Pug source files</li></ol><p>R&amp;CO architecture and construction website template is a multipage solution. It includes a wide range of pre-designed pages with thought-out content blocks. For example, you can use the Gallery pages to showcase your projects. Telling your clients about your company and your team is also simple. Don't forget to post up-to-date information about your offers with the Services page. You can also blog and post the latest news about your company with R&amp;CO.</p><h2><strong>Fully Customizable Template for Architecture Companies</strong></h2><p>If you need a website with a unique look, you can customize this architecture and construction website template how you want. Due to the extensive UI and easy-to-edit structure, you can completely change how your site looks. Just add necessary blocks or use already available ones. Such elements as progress bars, buttons, tabs, and various text elements are already integrated into R&amp;CO. Also, don't forget to use the stunning animations &amp; transitions to make your website look immersive.</p><p>To get more information about this HTML solution, you can always consult its documentation. It describes every aspect of installing, configuring and using R&amp;CO properly. The documentation answers all the common questions about this website template. Besides, you can always get in touch with our professional support team if any other questions emerge. We are always glad to help you create a website for your business.</p><h2>Important Notice Regarding Support Response Times</h2><p>Please note that our team is committed to providing prompt and efficient support to all of our customers. However, due to an increased volume of support requests, our usual average time for providing support is estimated to be between 3-5 business days.</p><p>We want to assure you that we are taking all necessary measures to address your requests as soon as possible. Rest assured that your inquiry will be attended to promptly.</p><h3>Thank you for choosing our product.</h3>","uniqueKeywords":"home improvement,home repair,home renovation,home remodeling,home maintenance,home fix,home decor,home repairs,handyman,building,plumbing,heating,maintenance,roofing,drywall,renovation,painting,carpenter,remodeling,contractor","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2187020/d45ac03a14fd36c689eaf0ea58efc214.jpg","dqi":"86","imageKeyFeatures":"https://s3u.tmimgcdn.com/u2187020/265791ad723392cd0a5fabbfc42a8066.jpg, https://s3u.tmimgcdn.com/u2187020/1d16ccc3e09d7a1b147238036e286c1b.jpg, https://s3u.tmimgcdn.com/u2187020/085bd7a7b6349bd21dd2a9c102887e3d.jpg, https://s3u.tmimgcdn.com/u2187020/d74b7adaf4fecb6749ab2ac31af5df29.jpg, https://s3u.tmimgcdn.com/u2187020/8fe634e8a4fa5409a2eb00973444eefc.jpg, https://s3u.tmimgcdn.com/u2187020/4b0cd9a64e140cf78d04e25c53578019.jpg, https://s3u.tmimgcdn.com/u2187020/376657eedf9c6d74021c4f0025963638.jpg, https://s3u.tmimgcdn.com/u2187020/cde19be5b9fed4cb63f71470ff160b7e.jpg","livePreviewURL":"https://ld-wt73.template-help.com/wt_prod-19659/","metaDescription":"Reliable Architecture and Construction Website TemplateAn architecture and construction website template is a powerful solution for building a website to","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"http://bit.ly/2xRJsSr","customUrl":"/website-templates/r-co-business-center-multipage-html-website-template-73540.html","lastmod":"2022-03-03T07:17:26-05:00","kindOfShops":"The template is suited to be used for Architecture & Construction websites.","htmlTitle":"Architecture and Construction Website Template - TemplateMonster","trendiness":"1","marketplaceMembership":"One","reviewsTotal":"10","reviewAverageScore":"5","changeLog":"## R&amp;CO Version 1.3 (Jujy 15, 2022):\n- UPD: Bootstrap to 5.0.1;\n- UPD: Popper.js to 2.9.2;\n- UPD: Jquery to 3.6.0;\n- UPD: Jquery Migrate to 3.3.2;\n- FIX: Minor bug fixes. \n\n\n## R&amp;CO Version 1.2 (November 27, 2020):\n- UPD: SCSS optimization;\n- UPD: Scripts updated;\n- FIX: Project structure;\n- FIX: Minor bug fixes.\n\n\n## R&amp;CO Version 1.1 (May 14, 2020):\n- UPD: Pug/scss structure optimization;\n- UPD: Popper 1.11.0 to 1.14.3;\n- UPD: Bootstrap 4.0.0beta2 to Bootstrap v4.4.1;\n- UPD: Owl carousel plugin v2.3.4;\n- UPD: Swiper plugin v5.3.1;\n- UPD: Page transition 1.1.3 to 1.1.4;\n- UPD: Map plugin (Google Map latest version);\n- UPD: Select2 v4.0.5;\n- UPD: Timecircles plugin ( SVG TimeCircles );\n- UPD: Counter plugins;\n- FIX: Project structure;\n- FIX: Other minor bug fixes.","changeLogDate":"2022-07-15","isOldDemoUrl":"1","advImage":"https://s3.tmimgcdn.com/templates/74230/scr/1519369-1606491070437_R_CO.jpg","productSize":"58837494","imagesIncluded":"Yes","tags":["building","carpenter","contractor","drywall","handyman","heating","maintenance","painting","plumbing","remodeling","renovation","roofing","home repair","home renovation","home remodeling","home decor","home maintenance","home fix","home improvement","home repairs"],"authorMainScreenshotVersion":"5","paidSupport":"Yes","bootstrapVersion":"5.x","featured":"Ukraine","webServerCompatibility":"Apache 2.4","pHPVersionCompatibility":"7.4","designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"Get this architecture and construction website template to showcase your latest projects and increase your sales while also creating a stunning website.","types":"HTML Website Templates","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 12 Dec 2024 01:57:34 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=73540&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=73540&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=73540&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 12 Dec 2024 02:02:34 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://ld-wt73.template-help.com/wt_prod-19659/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#73540 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/73540.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 #73540            </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=73540&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>