string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=51408&expand=properties"
string(16539) "[{"templateId":51408,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":347,"categoryName":"Web Development Templates","templateTitle":"Web Development Responsive Website Template","templatePreviewHtmlTitle":"Expace - Web Development Multipage Clean HTML Website Template","templateDemoHtmlTitle":"Live preview for Expace - Web Development Multipage Clean HTML Website Template #51408","typeShortName":"Website","templatePreviewFBTitle":"It is impossible to imagine any business without a website nowadays. Especially when it comes to modern technologies or web development. You need a good and informative presentation for your products. It is important to convince clients that your company is worth to trust. You have to present yourself as experienced web product producer. Moreover, you have to describe and promote your products. Expace HTML Template has a minimalistic yet eye-catchy design. Due to it, you can make an accent on your products. Expace is a good e-commerce template and provides you with full e-commerce plugin pack. In addition, this pack allows you to accept digital payments. You can also blog and use social options to advertise your company and keep in touch with your clients.<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 4 Computers & Internet website design</h3> <p><b>What is it?</b></p><p>Here is the 4th version of Bootstrap (HTML and CSS based framework) for the development of predominantly smartphone projects online.</p> <p><b>Why is it Good?</b></p><p>Bootstrap 4 WordPress templates are ensured to be mobile-ready, which is a vital attribute for a contemporary website.</p><p>Find more <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 web templates</a> here</p> <h3>This Web Development News website template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search Engine Friendly is the type of web design that allows the search engine to crawl and index its pages.</p> <p><b>Why is it Good?</b></p><p>Using it, you can actually attract lots of targeted customers to the website from search engines.</p><p>View more <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly website templates</a> here</p> <h3>This Open Source Software website design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders a web page similar properly on any specific display size.</p> <p><b>Why is it Good?</b></p><p>Smartphones drive 80percent of worldwide web usage. It's important to make your online site responsive in case you do not wish to lose your projected audience.</p><p>View more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <h3>This is a Parallax Computers & Internet website design</h3> <p><b>What is it?</b></p><p>Parallax scrolling is a front-end visual method which involves images moving less quickly compared to the background to make a \"depth\" impression. </p> <p><b>Why is it Good?</b></p><p>Animated effects make the internet site more vibrant and also attention-grabbing. Parallax is a sort of contemporary trend, for that reason having it at your current webpage not just will make it more eye-catching but in addition better looking.</p><p>Find latest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website designs</a> here</p> <h3>This is a Bootstrap Computers & Internet website template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for making web-sites.</p> <p><b>Why is it Good?</b></p><p>Bootstrap helps to build better websites .  </p><p>Fresh <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap web templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Expace - Web Development Multipage Clean HTML Website Template","templatePreviewMetaDescription":"It is impossible to imagine any business without a website nowadays. Especially when it comes to modern technologies or web development. You need a good and","templateDemoMetaDescription":"Have a look at the live preview of the professional Expace - Web Development Multipage Clean HTML Website Template (#51408) to discover what this template is before buying it. View the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Expace - Web Development Multipage Clean HTML Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/51408.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":61,"inserted_date":"2014-10-01","sent":1,"downloads":92,"search_words":"web development developer design mobile studio creative advertising webmasters it site portfolio freelance app agency digital soft application multipage clean","is_adult":0,"exc_price":4500,"sent_date":"2018-12-26 06:15:22","last_upload":"2014-10-01 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":300,"filename":"51408-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51408,"width":320,"window_params":"","banner_url":"","id":1419310,"href":"","height":900},{"scr_type_id":299,"filename":"51408-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51408,"width":430,"window_params":"","banner_url":"","id":1419311,"href":"","height":900},{"scr_type_id":298,"filename":"51408-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51408,"width":430,"window_params":"","banner_url":"","id":1419312,"href":"","height":900},{"scr_type_id":311,"filename":"51408-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51408,"width":965,"window_params":"","banner_url":"","id":1419313,"href":"","height":4577},{"scr_type_id":315,"filename":"51408-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51408,"width":1600,"window_params":"","banner_url":"","id":1419314,"href":"","height":7588},{"scr_type_id":3,"filename":"51408-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51408,"width":408,"window_params":"","banner_url":"","id":1419315,"href":"","height":55},{"scr_type_id":314,"filename":"51408-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51408,"width":1663,"window_params":"","banner_url":"","id":1419316,"href":"","height":7588},{"scr_type_id":3,"filename":"51408-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51408,"width":895,"window_params":"","banner_url":"","id":1419317,"href":"","height":599},{"scr_type_id":9,"filename":"51408-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51408,"width":145,"window_params":"","banner_url":"","id":1419318,"href":"","height":156},{"scr_type_id":297,"filename":"51408-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51408,"width":430,"window_params":"","banner_url":"","id":1419319,"href":"","height":1962},{"scr_type_id":212,"filename":"51408-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51408,"width":430,"window_params":"","banner_url":"","id":1419320,"href":"","height":60},{"scr_type_id":312,"filename":"51408-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51408,"width":370,"window_params":"","banner_url":"","id":1419321,"href":"","height":370},{"scr_type_id":78,"filename":"51408-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":51408,"width":970,"window_params":"","banner_url":"","id":1419322,"href":"","height":280},{"scr_type_id":3,"filename":"51408-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51408,"width":1663,"window_params":"","banner_url":"","id":1419323,"href":"","height":7588},{"scr_type_id":3,"filename":"51408-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51408,"width":1600,"window_params":"","banner_url":"","id":1419324,"href":"","height":7588},{"scr_type_id":334,"filename":"51408-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":51408,"width":1600,"window_params":"","banner_url":"","id":1636624,"href":"","height":1000}],"demoUrl":"/demo/51408.html","image":"https://s.tmimgcdn.com/scr/51400/expace-web-development-multipage-clean-html-website-template_51408-0-original.jpg","searchHash":"4642a49bc6126ee1bafccdc0b47950d5","previewHash":"8212471a92c588bcb59ab430c6b81d4e","authorNickname":"RockThemes","lowLevelTopic":"Web Development Templates","weightedRating":4.4375,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"Web Development Company, Apps Development Company, QA and testing services, Security application development company","uniqueKeywords":"developer design mobile studio creative advertising webmasters it site portfolio freelance app agency digital soft application","showVariantForcibly":"b","metaDescription":"This HTML Template was developed specially for Web Development Company and Apps Development Companies. It has a nice minimalistic design and clean code.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/51400/51408-en_01.jpg, https://s.tmimgcdn.com/scr/51400/51408-en_02.jpg, https://s.tmimgcdn.com/scr/51400/51408-en_03.jpg, https://s.tmimgcdn.com/scr/51400/51408-en_04.jpg, https://s.tmimgcdn.com/scr/51400/51408-en_05.jpg, https://s.tmimgcdn.com/scr/51400/51408-en_06.jpg, https://s.tmimgcdn.com/scr/51400/51408-en_07.jpg, https://s.tmimgcdn.com/scr/51400/51408-en_08.jpg, https://s.tmimgcdn.com/scr/51400/51408-en_09.jpg, https://s.tmimgcdn.com/scr/51400/51408-en_10.jpg","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Tabs","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1768190","isFree":"none","htmlTitle":"Web Development HTML Template","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.1","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2021-11-10T10:29:26-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"previewScreensOrVideoURLs":"51400/51408_01-big.jpg, 51400/51408_02-big.jpg, 51400/51408_03-big.jpg, 51400/51408_04-big.jpg, 51400/51408_05-big.jpg","demoMetaDescription":"Have a look at the live preview of the professional Expace - Web Development Multipage Clean HTML Website Template (#51408) to discover what this template is before buying it. View the pages, check out the images, press the buttons, explore the features.","shortDescription":"It is impossible to imagine any business without a website nowadays. Especially when it comes to modern technologies or web development. You need a good and informative presentation for your products. It is important to convince clients that your company is worth to trust. You have to present yourself as experienced web product producer. Moreover, you have to describe and promote your products. Expace HTML Template has a minimalistic yet eye-catchy design. Due to it, you can make an accent on your products. Expace is a good e-commerce template and provides you with full e-commerce plugin pack. In addition, this pack allows you to accept digital payments. You can also blog and use social options to advertise your company and keep in touch with your clients.<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 4 Computers & Internet website design</h3> <p><b>What is it?</b></p><p>Here is the 4th version of Bootstrap (HTML and CSS based framework) for the development of predominantly smartphone projects online.</p> <p><b>Why is it Good?</b></p><p>Bootstrap 4 WordPress templates are ensured to be mobile-ready, which is a vital attribute for a contemporary website.</p><p>Find more <a href=\"https://www.templatemonster.com/bootstrap-4-website-templates/\">Bootstrap 4 web templates</a> here</p> <h3>This Web Development News website template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search Engine Friendly is the type of web design that allows the search engine to crawl and index its pages.</p> <p><b>Why is it Good?</b></p><p>Using it, you can actually attract lots of targeted customers to the website from search engines.</p><p>View more <a href=\"https://www.templatemonster.com/seo-website-templates/\">Search Engine Friendly website templates</a> here</p> <h3>This Open Source Software website design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders a web page similar properly on any specific display size.</p> <p><b>Why is it Good?</b></p><p>Smartphones drive 80percent of worldwide web usage. It's important to make your online site responsive in case you do not wish to lose your projected audience.</p><p>View more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <h3>This is a Parallax Computers & Internet website design</h3> <p><b>What is it?</b></p><p>Parallax scrolling is a front-end visual method which involves images moving less quickly compared to the background to make a \"depth\" impression. </p> <p><b>Why is it Good?</b></p><p>Animated effects make the internet site more vibrant and also attention-grabbing. Parallax is a sort of contemporary trend, for that reason having it at your current webpage not just will make it more eye-catching but in addition better looking.</p><p>Find latest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website designs</a> here</p> <h3>This is a Bootstrap Computers & Internet website template</h3> <p><b>What is it?</b></p><p>Bootstrap is an open-source framework for making web-sites.</p> <p><b>Why is it Good?</b></p><p>Bootstrap helps to build better websites .  </p><p>Fresh <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap web templates</a> here</p> <br /></div></div></div></div>","tags":["advertising","agency","app","application","clean","creative","design","developer","development","digital","freelance","mobile","portfolio","site","soft","studio","web","it"],"customUrl":"/website-templates/51408.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":"Expace - Web Development Multipage Clean HTML Website Template","pHPVersionCompatibility":"7.x","topic":["Web Development Templates","Software Templates","Computers & Internet"],"styles":"Neutral","productFamily":"None","color":["black","white","grey"],"followUpLetter":"website-template-offers","dateRange":"Last Year","reviewsTotal":"6","isbestsellers":"1","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"4.0.x","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-20937/","templateGroup":"HTML Templates","popularity":"Top Rated","galleryScript":["Accordion","Carousel","Slider","Grid"],"templateIcon":"icon-bootstrap","dynamicChangeLog":"<ul>\n<li>- HTML optimized for better performance</li>\n<li>- 2 minor CSS bugs fixed</li>\n<li>- 2 minor font issues fixed</li>\n<li>- 1 minor layout issue fixed</li>\n<li>- 1 minor styles bugs fixed</li>\n</ul>","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"2","bitLyUrl":"http://bit.ly/1nQdMEL","webForms":["Contact Form","Newsletter Subscription","Search Form"],"loyaltySells":"1","width":"1920px","skupromo":"43%","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, 25 Apr 2024 00:27:14 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=51408&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=51408&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=51408&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 25 Apr 2024 00:32:14 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_prod-20937/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#51408 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/51408.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 #51408            </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=51408&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>