string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=57791&expand=properties"
string(18037) "[{"templateId":57791,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":100,"categoryName":"Construction Company Templates","templateTitle":"Construction Company Responsive Website Template","templatePreviewHtmlTitle":"Arche - Architecture Responsive Creative HTML Website Template","templateDemoHtmlTitle":"Demo Preview for Arche - Architecture Responsive Creative HTML Website Template #57791","typeShortName":"Website","templatePreviewFBTitle":"It is important for any business to be online. Yet, for architecture agency, it is important to develop a website that can create an atmosphere of professionalism and trust. You have to impress clients from first sight and advertise your services. This is why we present you an Arche HTML Template. Made in soft color tones and corporative style this template perfectly suits architecture agencies, law firms, and construction companies. It allows you to highlight the most important information. It also includes a portfolio and you can use it to present your previous projects. In case you want to decorate your website you can use included visual effects and elements. With Arche, you can use testimonials to gather feedback, insert video materials and use google maps to show your location.<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 Construction Company Portfolio website design</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for building internet resources.</p> <p><b>Why is it Good?</b></p><p>Thanks to the use of Bootstrap a website will adapt its content to any display resolution. It's important for both SEO and website visitors.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap web templates</a> here</p> <h3>This Construction Company Portfolio website template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders an online page very same nicely on any kind of display screen size.</p> <p><b>Why is it Good?</b></p><p>Whatever sort of gadget your potential customers are going to utilize to enter the site - they will see a vibrant picture along with a convenient navigation menu. It can be especially key feature, taking into consideration that the majority internet consumers now favor their phones for internet browsing.</p><p>Latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This Design Blog website template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>SEO Friendly is the kind of web design that allows search engine bots to explore and index its pages.</p> <p><b>Why is it Good?</b></p><p>Since people trust search engines, therefore websites that show up in the top of search result will increase the number of clients and provide great income.</p><p>Find newest <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly website design templates</a> here</p> <h3>This is a Bootstrap 4 Architecture Company website template</h3> <p><b>What is it?</b></p><p>Bootstrap 4 is one of the latest versions of the framework for developing HTML, CSS, and JavaScript sites. </p> <p><b>Why is it Good?</b></p><p>Bootstrap 4 provides a wide variety of new capabilities which make the building of responsive pages easier. </p><p>Click for more <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 website design templates</a> here</p> <h3>This is a Parallax Architecture Firm website template</h3> <p><b>What is it?</b></p><p>Parallax is definitely the widely used web development effect, that makes the background and therefore foreground layers transfer at diverse rates of speed.</p> <p><b>Why is it Good?</b></p><p>Parallax scroll is visually beautiful and appeals to users' eyes to the illustrations and content modules.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Arche - Architecture Responsive Creative HTML Website Template","templatePreviewMetaDescription":"It is important for any business to be online. Yet, for architecture agency, it is important to develop a website that can create an atmosphere of","templateDemoMetaDescription":"Before buying it, get the feel and look of the Arche - Architecture Responsive Creative HTML Website Template (#57791) by visiting the live preview. View the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Arche - Architecture Responsive Creative HTML Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/57791.html","userRating":"4","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":61,"inserted_date":"2015-11-06","sent":1,"downloads":58,"search_words":"construction house repair renovation maintenance industrial business corporate company architecture building build apartment portfolio design engineering builder responsive creative HTML","is_adult":0,"exc_price":4500,"sent_date":"2019-04-18 00:00:00","last_upload":"2015-11-06 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":300,"filename":"57791-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57791,"width":320,"window_params":"","banner_url":"","id":1507023,"href":"","height":900},{"scr_type_id":297,"filename":"57791-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57791,"width":430,"window_params":"","banner_url":"","id":1507024,"href":"","height":1879},{"scr_type_id":312,"filename":"57791-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57791,"width":370,"window_params":"","banner_url":"","id":1507025,"href":"","height":370},{"scr_type_id":314,"filename":"57791-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57791,"width":2050,"window_params":"","banner_url":"","id":1507026,"href":"","height":8960},{"scr_type_id":212,"filename":"57791-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57791,"width":430,"window_params":"","banner_url":"","id":1507027,"href":"","height":60},{"scr_type_id":3,"filename":"57791-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57791,"width":895,"window_params":"","banner_url":"","id":1507028,"href":"","height":599},{"scr_type_id":3,"filename":"57791-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57791,"width":2050,"window_params":"","banner_url":"","id":1507029,"href":"","height":8960},{"scr_type_id":3,"filename":"57791-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57791,"width":408,"window_params":"","banner_url":"","id":1507030,"href":"","height":55},{"scr_type_id":78,"filename":"57791-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":57791,"width":970,"window_params":"","banner_url":"","id":1507031,"href":"","height":280},{"scr_type_id":9,"filename":"57791-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57791,"width":145,"window_params":"","banner_url":"","id":1507032,"href":"","height":156},{"scr_type_id":315,"filename":"57791-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57791,"width":2050,"window_params":"","banner_url":"","id":1507033,"href":"","height":8960},{"scr_type_id":298,"filename":"57791-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57791,"width":430,"window_params":"","banner_url":"","id":1507034,"href":"","height":900},{"scr_type_id":299,"filename":"57791-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57791,"width":430,"window_params":"","banner_url":"","id":1507035,"href":"","height":900},{"scr_type_id":3,"filename":"57791-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57791,"width":2050,"window_params":"","banner_url":"","id":1507036,"href":"","height":8960},{"scr_type_id":311,"filename":"57791-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57791,"width":965,"window_params":"","banner_url":"","id":1507037,"href":"","height":4218},{"scr_type_id":334,"filename":"57791-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57791,"width":1600,"window_params":"","banner_url":"","id":1640597,"href":"","height":1000}],"demoUrl":"/demo/57791.html","image":"https://s.tmimgcdn.com/scr/57700/arche-architecture-responsive-creative-html-website-template_57791-0-original.jpg","searchHash":"cc7f7523403b0f4a73382a9434c078f6","previewHash":"c0b485d2d289893b8ebe48393e29ccbd","authorNickname":"RockThemes","lowLevelTopic":"Construction Company Templates","weightedRating":4.083333333333333,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"Architecture agency, construction company, law firm, financial agency","uniqueKeywords":"construction house repair renovation maintenance industrial business corporate company architecture building build apartment portfolio design engineering builder responsive creative HTML","showVariantForcibly":"b","metaDescription":"Developed with valid code and neural design this template is a perfect choice for architecture agencies and construction companies.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/57700/57791-en_01.jpg, https://s.tmimgcdn.com/scr/57700/57791-en_02.jpg, https://s.tmimgcdn.com/scr/57700/57791-en_03.jpg, https://s.tmimgcdn.com/scr/57700/57791-en_04.jpg, https://s.tmimgcdn.com/scr/57700/57791-en_05.jpg, https://s.tmimgcdn.com/scr/57700/57791-en_06.jpg, https://s.tmimgcdn.com/scr/57700/57791-en_07.jpg, https://s.tmimgcdn.com/scr/57700/57791-en_08.jpg, https://s.tmimgcdn.com/scr/57700/57791-en_09.jpg","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1768190","htmlTitle":"Arche Responsive HTML Template","isFree":"none","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.2","imageDescription":"https://s.tmimgcdn.com/scr/57700/57791-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2020-07-24T07:19:17-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"previewScreensOrVideoURLs":"57700/57791_01-big.jpg, 57700/57791_02-big.jpg, 57700/57791_03-big.jpg, 57700/57791_04-big.jpg, 57700/57791_05-big.jpg","demoMetaDescription":"Before buying it, get the feel and look of the Arche - Architecture Responsive Creative HTML Website Template (#57791) by visiting the live preview. View the pages, check the images, click the buttons, explore the features.","shortDescription":"It is important for any business to be online. Yet, for architecture agency, it is important to develop a website that can create an atmosphere of professionalism and trust. You have to impress clients from first sight and advertise your services. This is why we present you an Arche HTML Template. Made in soft color tones and corporative style this template perfectly suits architecture agencies, law firms, and construction companies. It allows you to highlight the most important information. It also includes a portfolio and you can use it to present your previous projects. In case you want to decorate your website you can use included visual effects and elements. With Arche, you can use testimonials to gather feedback, insert video materials and use google maps to show your location.<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 Construction Company Portfolio website design</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for building internet resources.</p> <p><b>Why is it Good?</b></p><p>Thanks to the use of Bootstrap a website will adapt its content to any display resolution. It's important for both SEO and website visitors.</p><p>Latest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap web templates</a> here</p> <h3>This Construction Company Portfolio website template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders an online page very same nicely on any kind of display screen size.</p> <p><b>Why is it Good?</b></p><p>Whatever sort of gadget your potential customers are going to utilize to enter the site - they will see a vibrant picture along with a convenient navigation menu. It can be especially key feature, taking into consideration that the majority internet consumers now favor their phones for internet browsing.</p><p>Latest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This Design Blog website template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>SEO Friendly is the kind of web design that allows search engine bots to explore and index its pages.</p> <p><b>Why is it Good?</b></p><p>Since people trust search engines, therefore websites that show up in the top of search result will increase the number of clients and provide great income.</p><p>Find newest <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly website design templates</a> here</p> <h3>This is a Bootstrap 4 Architecture Company website template</h3> <p><b>What is it?</b></p><p>Bootstrap 4 is one of the latest versions of the framework for developing HTML, CSS, and JavaScript sites. </p> <p><b>Why is it Good?</b></p><p>Bootstrap 4 provides a wide variety of new capabilities which make the building of responsive pages easier. </p><p>Click for more <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 website design templates</a> here</p> <h3>This is a Parallax Architecture Firm website template</h3> <p><b>What is it?</b></p><p>Parallax is definitely the widely used web development effect, that makes the background and therefore foreground layers transfer at diverse rates of speed.</p> <p><b>Why is it Good?</b></p><p>Parallax scroll is visually beautiful and appeals to users' eyes to the illustrations and content modules.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website templates</a> here</p> <br /></div></div></div></div>","tags":["apartment","architecture","build","builder","building","business","company","construction","corporate","creative","design","engineering","house","industrial","maintenance","portfolio","renovation","repair","responsive","html"],"customUrl":"/website-templates/57791.html","badge":"badge-responsive","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\"/>","nameOfTheTemplate":"Arche - Architecture Responsive Creative HTML Website Template","pHPVersionCompatibility":"7.x","topic":["Architecture","Construction Company Templates","Design","Design & Photography","Home & Family"],"styles":["Neutral","Flat"],"productFamily":"None","color":["white","grey","cyan"],"followUpLetter":"website-template-offers","reviewsTotal":"2","reviewAverageScore":"4","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","changeLog":"<b>Arche Version 1.1 (April 18, 2019)</b>\r\n<br/>\r\n<b>Additions</b><br/>\r\n<ul>\r\n<li><b>- ADD:</b> Preloader Plugin</li>\r\n<li><b>- ADD:</b> Campaign Monitor Plugin</li>\r\n<li><b>- ADD:</b> Mailchimp Plugin</li>\r\n<li><b>- UPD:</b> Update Bootstrap3 to Bootstrap4 </li>\r\n<li><b>- UPD:</b> Jquery 1.1.1 to Jquery 3.2.1 </li>\r\n<li><b>- UPD:</b> Jquery Migrate 1.2 to Jquery Migrate 3.0 </li>\r\n<li><b>- UPD:</b> Jquery Cookie </li>\r\n<li><b>- UPD:</b> Jquery Easing</li>\r\n<li><b>- UPD:</b> Owl carousel;</li>\r\n<li><b>- UPD:</b> UI To Top plugin</li>\r\n<li><b>- UPD:</b> Copyright Year Plugin</li>\r\n<li><b>- UPD:</b> Google Map updated;</li>\r\n<li><b>- UPD:</b> RD navbar updated;</li>\r\n<li><b>- UPD:</b> RD mailform updated;</li>\r\n<li><b>- UPD:</b> Swiper plugin updated;</li>\r\n<li><b>- UPD:</b> Photoswipe changed to Lightgallery;</li>\r\n<li><b>- UPD:</b> Date countdown changed to Alpha countdown;</li>\r\n<li><b>- UPD:</b> Jquery Circle Progress changed to Alpha progress circle;</li>\r\n<li><b>- UPD:</b> Jquery Counter changed to Alpha counter;</li>\r\n<li><b>- UPD:</b> Flickr gallery changed to Lightgallery;</li>\r\n<li><b>- FIX:</b> Markup fixes;</li>\r\n<li><b>- FIX:</b> Other minor bug fixes.</li>\r\n</ul>\r\n<br/><br/><br/>","sqi":"95","bootstrapVersion":"4.0.x","livePreviewURL":"https://livedemo00.template-help.com/wt_57791","templateGroup":"HTML Templates","popularity":"Top Rated","nomotopress":"1","galleryScript":["Carousel","CSS and JS","Slider","Grid"],"templateIcon":"icon-bootstrap","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"2","bitLyUrl":"http://bit.ly/1MqfaYs","webForms":["Contact Form","Search Form"],"loyaltySells":"1","width":"2050px","skupromo":"30%","marketplaceMembership":"One","category":"Website templates","dqi":"00"}}]"
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 05:01:42 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=57791&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=57791&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=57791&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 12 Dec 2024 05:06:42 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://livedemo00.template-help.com/wt_57791<!DOCTYPE html>
<html lang="en">
<head>
    <title>#57791 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/57791.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 #57791            </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=57791&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>