string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=55098&expand=properties"
string(18959) "[{"templateId":55098,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":100,"categoryName":"Construction Company Templates","templateTitle":"Construction Company Responsive Website Template","templatePreviewHtmlTitle":"Sheppard - Marine Construction Responsive Classic HTML5 Website Template","templateDemoHtmlTitle":"Demo for Sheppard - Marine Construction Responsive Classic HTML5 Website Template #55098","typeShortName":"Website","templatePreviewFBTitle":"This Marine Construction HTML5 Template is the best responsive solution. It allows you to create a professional website in minutes. This template comes with ready-made pages. And a variety of colors and styles of headers with flexible layouts for displaying content. And also the easiness of set up. Those are the significant characteristics of this template. It's built using the latest web technologies. Among them, CSS3 and HTML5, which makes deployment, content filling, and support more comfortable. The template is SEO-optimized, which will make your future website search engine friendly and help you with internet marketing. There's also a powerful, intuitive, and user-friendly control panel with all the basic built-in functions. It will help you with management and configuration.<div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap Design website template</h3> <p><b>What is it?</b></p><p>It's the most widely used HTML and CSS based framework which contain variations for the primary components found in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is highly adaptable for any changes. It's not hard to manage with, includes a great grid system and extended features collection.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website design templates</a> here</p> <h3>This is a Parallax Home & Family Magazine website template</h3> <p><b>What is it?</b></p><p>A parallax scrolling is a technique in webdesign when background picture moves at a less quick pace than a front article, making the impression of depth. </p> <p><b>Why is it Good?</b></p><p>Because of the parallax scrolling computer animation, you may easily include the false impression of depth to your internet page, so displaying your info in a more interesting style.</p><p>View latest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax web templates</a> here</p> <h3>This Architecture Company web template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search Engine Friendly WordPress themes that are suitable for the widely used SEO plugins for WordPress.</p> <p><b>Why is it Good?</b></p><p>Via a SEO-friendly web themes, you can get the base to build a noteworthy site which will be easy-to-find via the typical keywords search. Aside from that, you may make your webpage rank higher in google search, therefore making it much more likely that consumers will visit your website.</p><p>View latest <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly web templates</a> here</p> <h3>This Architecture Firm web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means that the web page changes its size and shape to fit any type of screen, from the tiniest smartphones to the largest Laptop computer displays. For each and every gadget, website page components enlarge or scale down to look perfect.</p> <p><b>Why is it Good?</b></p><p>Responsive design is the reason why the website will provide an excellent viewing experience to all users throughout all devices. </p><p>Newest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This is a Bootstrap 4 Design Blog website template</h3> <p><b>What is it?</b></p><p>Bootstrap 4 is a new edition of the well-known responsive HTML, CSS, and JavaScript framework. It's completely cost free to install and make use of.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is known as a responsive, mobile-oriented framework. It's easy to use and has lots of reachable assets.</p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 website templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Sheppard - Marine Construction Responsive Classic HTML5 Website Template","templatePreviewMetaDescription":"This Marine Construction HTML5 Template is the best responsive solution. It allows you to create a professional website in minutes. This template comes with","templateDemoMetaDescription":"The live preview of this Sheppard - Marine Construction Responsive Classic HTML5 Website Template (#55098) is generated for you to get the feel and look of the theme before buying it. View the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Sheppard - Marine Construction Responsive Classic HTML5 Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/55098.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":61,"inserted_date":"2015-07-21","sent":1,"downloads":79,"search_words":"sea ocean building dock repair renovation roofing electrician plumbing business corporate build apartment portfolio engineering","is_adult":0,"exc_price":4500,"sent_date":"2019-04-10 06:15:46","last_upload":"2015-07-21 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"id":1488758,"templ_id":55098,"filename":"55098-1-big.jpg","width":965,"height":1275,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1488759,"templ_id":55098,"filename":"55098-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":1488760,"templ_id":55098,"filename":"55098-big.jpg","width":965,"height":2308,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1488761,"templ_id":55098,"filename":"55098-b-responsive.jpg","width":430,"height":1089,"href":"","window_params":"","scr_type_id":297,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1488762,"templ_id":55098,"filename":"55098-1-original-1200.jpg","width":1800,"height":2378,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1488763,"templ_id":55098,"filename":"55098-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":1488764,"templ_id":55098,"filename":"55098-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":1488765,"templ_id":55098,"filename":"55098-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":1488766,"templ_id":55098,"filename":"55098-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":1488767,"templ_id":55098,"filename":"55098-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":1488768,"templ_id":55098,"filename":"55098-1-origin.jpg","width":1980,"height":2378,"href":"","window_params":"","scr_type_id":317,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1488769,"templ_id":55098,"filename":"55098-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":1488770,"templ_id":55098,"filename":"55098-origin-1200.jpg","width":1800,"height":4305,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1488771,"templ_id":55098,"filename":"55098-original-1200.jpg","width":1800,"height":4305,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1488772,"templ_id":55098,"filename":"55098-1-origin-1200.jpg","width":1800,"height":2378,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1488773,"templ_id":55098,"filename":"55098-1-original.jpg","width":1980,"height":2378,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1488774,"templ_id":55098,"filename":"55098-original.jpg","width":1980,"height":4305,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1488775,"templ_id":55098,"filename":"55098-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":1488776,"templ_id":55098,"filename":"55098-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":1488777,"templ_id":55098,"filename":"55098-origin.jpg","width":1980,"height":4305,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1639536,"templ_id":55098,"filename":"55098-0-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/55098.html","image":"https://s.tmimgcdn.com/scr/55000/sheppard-marine-construction-responsive-classic-html5-website-template_55098-0-original.jpg","searchHash":"986383bde775690823df1ea41c71c7d3","previewHash":"4d32839fc9c5731f5fa02ccbc6541185","authorNickname":"RockThemes","lowLevelTopic":"Construction Company Templates","weightedRating":4.357142857142857,"annualSale":2,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"styles":["Neutral","Flat"],"languageSupport":"English","galleryScript":["CSS and JS","Slider","Isotope","Grid"],"webForms":"Contact Form","badge":"badge-responsive","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"templateSources":[".PSD",".HTML"],"topic":["Architecture","Construction Company Templates","Design","Design & Photography","Home & Family"],"templateIcon":"icon-bootstrap","documentationVersion":"Responsive Website Templates v1.2","isFree":"none","popularity":"Top Rated","followUpLetter":"website-template-offers","nomotopress":"1","color":["black","white","grey","orange"],"productFamily":"None","livePreviewURL":"https://livedemo00.template-help.com/wt_55098","width":"1920px","imageDescription":"https://s.tmimgcdn.com/scr/55000/55098-responsive-layout.jpg","kindOfShops":"This template was designed for construction, industrial, agriculture, web design and business websites.","metaDescription":"This Marine Construction Responsive HTML5 Template is a fully responsive, fast, and reliable solution for your company website.","htmlTitle":"Marine Construction Responsive HTML5 Template","shortDescription":"This Marine Construction HTML5 Template is the best responsive solution. It allows you to create a professional website in minutes. This template comes with ready-made pages. And a variety of colors and styles of headers with flexible layouts for displaying content. And also the easiness of set up. Those are the significant characteristics of this template. It's built using the latest web technologies. Among them, CSS3 and HTML5, which makes deployment, content filling, and support more comfortable. The template is SEO-optimized, which will make your future website search engine friendly and help you with internet marketing. There's also a powerful, intuitive, and user-friendly control panel with all the basic built-in functions. It will help you with management and configuration.<div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This is a Bootstrap Design website template</h3> <p><b>What is it?</b></p><p>It's the most widely used HTML and CSS based framework which contain variations for the primary components found in the HTML coding.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is highly adaptable for any changes. It's not hard to manage with, includes a great grid system and extended features collection.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website design templates</a> here</p> <h3>This is a Parallax Home & Family Magazine website template</h3> <p><b>What is it?</b></p><p>A parallax scrolling is a technique in webdesign when background picture moves at a less quick pace than a front article, making the impression of depth. </p> <p><b>Why is it Good?</b></p><p>Because of the parallax scrolling computer animation, you may easily include the false impression of depth to your internet page, so displaying your info in a more interesting style.</p><p>View latest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax web templates</a> here</p> <h3>This Architecture Company web template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search Engine Friendly WordPress themes that are suitable for the widely used SEO plugins for WordPress.</p> <p><b>Why is it Good?</b></p><p>Via a SEO-friendly web themes, you can get the base to build a noteworthy site which will be easy-to-find via the typical keywords search. Aside from that, you may make your webpage rank higher in google search, therefore making it much more likely that consumers will visit your website.</p><p>View latest <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly web templates</a> here</p> <h3>This Architecture Firm web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means that the web page changes its size and shape to fit any type of screen, from the tiniest smartphones to the largest Laptop computer displays. For each and every gadget, website page components enlarge or scale down to look perfect.</p> <p><b>Why is it Good?</b></p><p>Responsive design is the reason why the website will provide an excellent viewing experience to all users throughout all devices. </p><p>Newest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This is a Bootstrap 4 Design Blog website template</h3> <p><b>What is it?</b></p><p>Bootstrap 4 is a new edition of the well-known responsive HTML, CSS, and JavaScript framework. It's completely cost free to install and make use of.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is known as a responsive, mobile-oriented framework. It's easy to use and has lots of reachable assets.</p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 website templates</a> here</p> <br /></div></div></div></div>","uniqueKeywords":"sea ocean building dock repair renovation roofing electrician plumbing business corporate build apartment portfolio engineering","nameOfTheTemplate":"Sheppard - Marine Construction Responsive Classic HTML5 Website Template","bitLyUrl":"http://bit.ly/1CRI3dN","reviewsTotal":"4","reviewAverageScore":"5","showVariantForcibly":"b","trendiness":"2","lastmod":"2021-11-20T15:19:08-05:00","bootstrapVersion":"4.0.x","loyaltySells":"1","sqi":"95","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","dqi":"00","authorUserId":"1768190","skupromo":"43%","alreadyPacked":"1","marketplaceMembership":"One","customUrl":"/website-templates/55098.html","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_1300.jpg\" srcset=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_2560.jpg 2x\" alt=\"img\"/>","imageKeyFeatures":"https://s.tmimgcdn.com/scr/55000/55098-en_01.jpg, https://s.tmimgcdn.com/scr/55000/55098-en_02.jpg, https://s.tmimgcdn.com/scr/55000/55098-en_03.jpg, https://s.tmimgcdn.com/scr/55000/55098-en_04.jpg, https://s.tmimgcdn.com/scr/55000/55098-en_05.jpg, https://s.tmimgcdn.com/scr/55000/55098-en_06.jpg, https://s.tmimgcdn.com/scr/55000/55098-en_07.jpg","previewScreensOrVideoURLs":"55000/55098_01-big.jpg, 55000/55098_02-big.jpg, 55000/55098_03-big.jpg, 55000/55098_04-big.jpg","changeLog":"<b>Sheppard Version 1.1 (April 10, 2019)</b>\r\n<br/>\r\n<b>Additions</b><br/>\r\n<ul>\r\n<li><b>- ADD:</b> Bootstrap framework v4.1.3;</li>\r\n<li><b>- ADD:</b> Page loader v1.1.3;</li>\r\n<li><b>- ADD:</b> Sources files and many universal components ( PUG / SCSS / PSD );</li>\r\n<li><b>- UPD:</b> jQuery framework ( jQuery v1.11.1 => jQuery v3.2.1 );</li>\r\n<li><b>- UPD:</b> Swiper plugin updated;</li>\r\n<li><b>- UPD:</b> Header navigation plugin ( Superfish menu => RD Navbar v2.2.5 );</li>\r\n<li><b>- UPD:</b> Map plugin (Google Map latest version);</li>\r\n<li><b>- UPD:</b> UItoTop plugin;</li>\r\n<li><b>- FIX:</b> WoW animation;</li>\r\n<li><b>- FIX:</b> Other minor bug fixes.</li>\r\n</ul>\r\n<br/><br/><br/>","demoMetaDescription":"The live preview of this Sheppard - Marine Construction Responsive Classic HTML5 Website Template (#55098) is generated for you to get the feel and look of the theme before buying it. View the pages, check the images, press the buttons, explore the functionality.","isOldDemoUrl":"1","tags":["apartment","build","building","business","corporate","dock","electrician","engineering","ocean","plumbing","portfolio","renovation","repair","roofing","sea"],"pHPVersionCompatibility":"7.x","hELPURL":"/quick-start-guide/responsive-javascript-animated/","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"HTML Website Templates","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, 26 Apr 2024 21:27:41 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=55098&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=55098&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=55098&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 21:32:41 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_55098<!DOCTYPE html>
<html lang="en">
<head>
    <title>#55098 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/55098.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 #55098            </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=55098&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $56                <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>