string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=51405&expand=properties"
string(17403) "[{"templateId":51405,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":100,"categoryName":"Construction Company Templates","templateTitle":"Construction Company Responsive Website Template","templatePreviewHtmlTitle":"Civil Group - Civil Engineering HTML5 Website Template","templateDemoHtmlTitle":"Live demo for Civil Group - Civil Engineering HTML5 Website Template #51405","typeShortName":"Website","templatePreviewFBTitle":"<h2><strong>Flexible Civil Engineering HTML5 Website Template</strong></h2><p>A civil engineering HTML5 website template is a powerful solution offering you everything necessary for building a powerful website. Nowadays, every company heavily depends on its website. Such sites are used not only as a source of information but also as a marketing tool. A well-designed website provides easier promotion of various products and services. Still, building such a website is a costly matter.</p><p>For that reason, HTML5 templates have been more popular recently. They are affordable and reliable as they allow you to build a stunning website quickly. Thanks to the integrated Bootstrap 4 framework, these solutions are also responsive and easy-to-maintain. If you are looking for a well-designed template for your civil engineering or construction company, our Civil Group HTML5 solution is just what you need. It was crafted by web industry experts to fit the needs of modern business.</p><h3><strong>HTML5 Template for Civil Engineering Loaded with Features</strong></h3><p>Our civil engineering HTML5 website template is an impressive solution offering a detailed layout. With it, you can post any kind of content, from text to images. Whether you prefer sharing information about your services or post news, Civil Group will fit you just perfectly. Moreover, this template has a variety of functional benefits. Its numerous features can be used to enhance your website's user experience. They include:</p><ol><li>W3C valid coding;</li><li>SEO-ready & responsive layout;</li><li>Google Fonts & Google Maps;</li><li>Cross-browser support;</li><li>Immersive CSS3 animations & transitions;</li><li>SCSS & Pug source files etc.</li></ol><p>Besides the abovementioned features, our template has a lot of other great advantages. For example, you can use the informative slider. It is well-suited for attracting your customers' attention and posting their feedback. Also, you can use the working forms to make your website more interactive. The Civil Group civil engineering HTML5 website template also supports embed media (e.g. videos). And other parts of the template like carousels and a stick-to-top menu will make your site even more attractive.</p><h2><strong>Customizable & Multipage HTML Solution</strong></h2><p>Any website owner wants their website to be original. That's why we have implemented the built-in UI kit. It allows you to improve the look of various pages. You can add and edit such elements as progress bars, buttons, tables, etc. These elements will add more variety to your website. Also, you can benefit from using various pre-designed pages. They will allow you to tell more about your company as well as describe your services. Besides, with a ready-made gallery, it will be easy to showcase your recent projects.</p><p>If you are looking for more information about this civil engineering HTML5 website template, feel free to read its documentation. It describes how to properly install & use such templates. Also, the documentation answers various common questions about static HTML solutions. However, if you need additional support, our friendly and qualified team will be glad to help. We also hope that our template catalog will be of great use when you decide to build your next online project.</p>","templateFullTitle":"Civil Group - Civil Engineering HTML5 Website Template","templatePreviewMetaDescription":"Flexible Civil Engineering HTML5 Website TemplateA civil engineering HTML5 website template is a powerful solution offering you everything necessary for","templateDemoMetaDescription":null,"specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Civil Group - Civil Engineering HTML5 Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/51405.html","userRating":"5","designIndex":"85","authorUserId":"1519369","exclusive":"1","state":1,"price":39,"inserted_date":"2014-10-01","sent":1,"downloads":144,"search_words":"paved road machine building engineering industry mechanical engineering motor industry maintenance highway contractor roadworks builder industrial company manufacturing company manufacture building industrial production corporation factory machine engineering","is_adult":0,"exc_price":4500,"sent_date":"2020-06-01 00:00:01","last_upload":"2023-01-31 15:37:25","package_id":246,"hasExclusivePrice":1,"screenshots":[{"id":1419264,"templ_id":51405,"filename":"51405-origin-1200.jpg","width":1600,"height":5976,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1419265,"templ_id":51405,"filename":"51405-original-1200.jpg","width":1600,"height":5976,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1419266,"templ_id":51405,"filename":"51405-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":1419267,"templ_id":51405,"filename":"51405-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":1419268,"templ_id":51405,"filename":"51405-origin.jpg","width":1663,"height":5976,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1419269,"templ_id":51405,"filename":"51405-big.jpg","width":965,"height":3604,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1419270,"templ_id":51405,"filename":"51405-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":1419271,"templ_id":51405,"filename":"51405-b-responsive.jpg","width":430,"height":1545,"href":"","window_params":"","scr_type_id":297,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1419272,"templ_id":51405,"filename":"51405-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":1419273,"templ_id":51405,"filename":"51405-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":1419274,"templ_id":51405,"filename":"51405-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":1419275,"templ_id":51405,"filename":"51405-original.jpg","width":1663,"height":5976,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1419276,"templ_id":51405,"filename":"51405-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":1419277,"templ_id":51405,"filename":"51405-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":1419278,"templ_id":51405,"filename":"51405-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":1636621,"templ_id":51405,"filename":"51405-4-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/51405.html","image":"https://s.tmimgcdn.com/scr/51400/civil-group-civil-engineering-html5-website-template_51405-4-original.jpg","searchHash":"18e66564a51ad5ca0a2276fb9bcbc255","previewHash":"3957549c388a8585f03d270533fd7229","authorNickname":"ZEMEZ","lowLevelTopic":"Construction Company Templates; Steelworks Templates; Welding Templates; Mining Company Templates; Civil Engineering Templates; Lighting & Electricity Templates; Timber Templates; Paving; Building Materials","weightedRating":4.428571428571429,"annualSale":4,"monthlySales":1,"quarterlySales":3,"productBoost":125,"onSale":0,"finalPrice":39,"discountPercent":0,"discountAmount":0,"semiannualSales":3,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Tabs","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"styles":"Neutral","languageSupport":"English","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Isotope","Grid"],"webForms":["Contact Form","Newsletter Subscription","Search Form"],"badge":"badge-responsive","templateSources":[".PSD",".HTML"],"topic":["Architecture","Construction Company Templates","Steelworks Templates","Welding Templates","Mining Company Templates","Civil Engineering Templates","Lighting & Electricity Templates","Industrial Templates","Design","Timber Templates","Design & Photography","Business & Services","Home & Family","Paving","Building Materials"],"templateIcon":"icon-bootstrap","documentationVersion":"Responsive Website Templates v1.1","isbestsellers":"1","isFree":"none","popularity":"Top Rated","livePreviewURL":"https://ld-wt73.template-help.com/wt_prod-21759/","width":"1920px","uniqueKeywords":"paved road,machine building,engineering industry,mechanical engineering,motor industry,maintenance,highway,contractor,roadworks,builder,industrial company,manufacturing company,manufacture,building,industrial,production,corporation,factory,machine,engineering","bitLyUrl":"http://bit.ly/1r7hvYU","reviewsTotal":"11","reviewAverageScore":"5","color":["black","white","grey","brown"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1519369","lastmod":"2022-02-17T14:10:35-05:00","sqi":"95","templateSupportOptions":"[]","dqi":"85","skupromo":"43%","alreadyPacked":"1","shortDescription":"<h2><strong>Flexible Civil Engineering HTML5 Website Template</strong></h2><p>A civil engineering HTML5 website template is a powerful solution offering you everything necessary for building a powerful website. Nowadays, every company heavily depends on its website. Such sites are used not only as a source of information but also as a marketing tool. A well-designed website provides easier promotion of various products and services. Still, building such a website is a costly matter.</p><p>For that reason, HTML5 templates have been more popular recently. They are affordable and reliable as they allow you to build a stunning website quickly. Thanks to the integrated Bootstrap 4 framework, these solutions are also responsive and easy-to-maintain. If you are looking for a well-designed template for your civil engineering or construction company, our Civil Group HTML5 solution is just what you need. It was crafted by web industry experts to fit the needs of modern business.</p><h3><strong>HTML5 Template for Civil Engineering Loaded with Features</strong></h3><p>Our civil engineering HTML5 website template is an impressive solution offering a detailed layout. With it, you can post any kind of content, from text to images. Whether you prefer sharing information about your services or post news, Civil Group will fit you just perfectly. Moreover, this template has a variety of functional benefits. Its numerous features can be used to enhance your website's user experience. They include:</p><ol><li>W3C valid coding;</li><li>SEO-ready & responsive layout;</li><li>Google Fonts & Google Maps;</li><li>Cross-browser support;</li><li>Immersive CSS3 animations & transitions;</li><li>SCSS & Pug source files etc.</li></ol><p>Besides the abovementioned features, our template has a lot of other great advantages. For example, you can use the informative slider. It is well-suited for attracting your customers' attention and posting their feedback. Also, you can use the working forms to make your website more interactive. The Civil Group civil engineering HTML5 website template also supports embed media (e.g. videos). And other parts of the template like carousels and a stick-to-top menu will make your site even more attractive.</p><h2><strong>Customizable & Multipage HTML Solution</strong></h2><p>Any website owner wants their website to be original. That's why we have implemented the built-in UI kit. It allows you to improve the look of various pages. You can add and edit such elements as progress bars, buttons, tables, etc. These elements will add more variety to your website. Also, you can benefit from using various pre-designed pages. They will allow you to tell more about your company as well as describe your services. Besides, with a ready-made gallery, it will be easy to showcase your recent projects.</p><p>If you are looking for more information about this civil engineering HTML5 website template, feel free to read its documentation. It describes how to properly install & use such templates. Also, the documentation answers various common questions about static HTML solutions. However, if you need additional support, our friendly and qualified team will be glad to help. We also hope that our template catalog will be of great use when you decide to build your next online project.</p>","marketplaceMembership":"One","nameOfTheTemplate":"Civil Group - Civil Engineering HTML5 Website Template","kindOfShops":"Construction company, architecture agency","metaDescription":"Flexible Civil Engineering HTML5 Website TemplateA civil engineering HTML5 website template is a powerful solution offering you everything necessary for","htmlTitle":"Civil Group Multipage HTML Template","imageKeyFeatures":"https://s3.tmimgcdn.com/u1519369/templates/240041/scr/xW2wFBMXHjaihH7GNDJT.jpg, https://s3.tmimgcdn.com/u1519369/templates/240041/scr/quwTpIDMnfRPE4n-Ay8b.jpg, https://s3.tmimgcdn.com/u1519369/templates/240041/scr/PXX6PwyblHdUDgmpOLJW.jpg, https://s3.tmimgcdn.com/u1519369/templates/240041/scr/Kg013hLfM6bo_JFquPmg.jpg, https://s3.tmimgcdn.com/u1519369/templates/240041/scr/72zqakiU6hZ8FDpC5TKY.jpg, https://s3.tmimgcdn.com/u1519369/templates/240041/scr/PU64vbkBjrV83qcxfGKB.jpg, https://s3.tmimgcdn.com/u1519369/templates/240041/scr/P7Zww694BLBxWxbeehnp.jpg, https://s3.tmimgcdn.com/u1519369/templates/240041/scr/WuVENtzVz-MWRqLghRDC.jpg, https://s3.tmimgcdn.com/u1519369/templates/240041/scr/xQFaYNjeHhyRsMohH9P4.jpg","previewScreensOrVideoURLs":"https://s.tmimgcdn.com/scr/51400/51405_01-big.jpg, https://s.tmimgcdn.com/scr/51400/51405_02-big.jpg, https://s.tmimgcdn.com/scr/51400/51405_03-big.jpg, https://s.tmimgcdn.com/scr/51400/51405_04-big.jpg, https://s.tmimgcdn.com/scr/51400/51405_05-big.jpg","trendiness":"1","customUrl":"/website-templates/51405.html","dynamicChangeLog":"<ul><li>- 1 minor HTML issue fixed</li><li>- 2 font issues fixed</li><li>- 1 minor layout bugs fixed</li><li>- 3 minor styles bugs fixed</li></ul>","isOldDemoUrl":"1","changeLog":"## Civil Group Version 2.2 (February 26, 2021):\r\n- UPD: Swiper to 5.3.1;\r\n- UPD: PageTransition to 1.1.4;\r\n- UPD: Countdown;\r\n- UPD: Counter; \r\n- FIX: Minor bug fixes. \r\n\r\n\r\n## Civil Group Version 2.1 (December 22, 2020)\r\nAdditions\r\n- UPD: Bootstrap to 4.5.3;\r\n- UPD: Popper to 1.16.1;\r\n- FIX: Minor bug fixes. \r\n\r\n\r\n## Civil Group Version 1.2 (October 13, 2020)\r\nAdditions\r\n- UPD: SCSS optimization;\r\n- UPD: Scripts updated;\r\n- FIX: Project structure;\r\n- FIX: Minor bug fixes.\r\n\r\n\r\n## Civil Group Version 1.1 (December 17, 2019)\r\nAdditions\r\n- FIX: Minor bug fixes.","advImage":"https://s3.tmimgcdn.com/templates/77428/scr/1519369-1602595915124_engineering.jpg","imagesIncluded":"Yes","tags":["builder","building","contractor","corporation","engineering","factory","highway","industrial","machine","maintenance","manufacture","production","industrial company","manufacturing company","paved road","machine building","engineering industry","mechanical engineering","motor industry","roadworks"],"affiliateSells":"1","authorMainScreenshot":"https://s3.tmimgcdn.com/u1519369/templates/240041/scr/_RyiDRA9TwHzga_DmBG3.jpg","saleSells":"1","productSize":"243218656","authorMainScreenshotVersion":"4","bootstrapVersion":"4.5.x","changeLogDate":"2021-02-26","paidSupport":"Yes","featured":"Ukraine","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"hELPURL":"/quick-start-guide/responsive-javascript-animated/","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: Fri, 19 Apr 2024 10:39:53 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=51405&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=51405&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=51405&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 19 Apr 2024 10:44:53 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-21759/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#51405 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/51405.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 #51405            </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=51405&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>