string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=53845&expand=properties"
string(14590) "[{"templateId":53845,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":484,"categoryName":"Bank Templates","templateTitle":"Bank Responsive Website Template","templatePreviewHtmlTitle":"Merchant Services Website Template #53845 - TemplateMonster","templateDemoHtmlTitle":"Live demo for Merchant Services Website Template #53845","typeShortName":"Website","templatePreviewFBTitle":"This stylish template features a clean and minimalist layout not overloaded with visual effects, which ensures smooth navigation through your website. A fully responsive design allows the pages to adapt to any screen resolution making the content available to a wider audience. A full-width slider adds some style to the look of the theme. A few adjustments are required to make this merchant services website template work for any other business. After that you only have to upload the content and it is ready to be launched.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><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 Parallax Internet Banking website design</h3> <p><b>What is it?</b></p><p>When you travel someplace, distant objects move around very much slower than the near ones. Imitation of such an effect on the web presence - if the background graphic shifts slower compared to the content material, is named parallax. It is utilized to make a feeling of space in the client's eyes.</p> <p><b>Why is it Good?</b></p><p>By utilizing the parallax scrolling effect, you might add the illusion of interesting depth to your information site, this way launching your information in a far more captivating style.</p><p>Find more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website designs</a> here</p> <h3>This Financial Company website design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive layouts alter to smaller along with much larger display screen dimensions mechanically.</p> <p><b>Why is it Good?</b></p><p>Responsive design delivers a better UX for those that browse a webpage on a mobile or a tablet, plus really helps to improve positions of a website in Google results. </p><p>Newest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Merchant Services Website Template","templatePreviewMetaDescription":"This stylish template features a clean and minimalist layout not overloaded with visual effects, which ensures smooth navigation through your website. A fully","templateDemoMetaDescription":"View the demo for the professional Merchant Services Website Template (#53845) get yourself acquainted with this theme before you purchase it. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Merchant Services Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/53845.html","userRating":"4.5","designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2015-05-05","sent":2,"downloads":49,"search_words":"express credit card debit visa mastercard discover american cash e-commerce business services mail phone order retail security payment faq","is_adult":0,"exc_price":4100,"sent_date":"2015-05-11 06:15:17","last_upload":"2015-05-05 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":315,"filename":"53845-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53845,"width":1600,"window_params":"","banner_url":"","id":1460238,"href":"","height":3373},{"scr_type_id":9,"filename":"53845-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53845,"width":145,"window_params":"","banner_url":"","id":1460239,"href":"","height":156},{"scr_type_id":299,"filename":"53845-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53845,"width":430,"window_params":"","banner_url":"","id":1460240,"href":"","height":900},{"scr_type_id":212,"filename":"53845-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53845,"width":430,"window_params":"","banner_url":"","id":1460241,"href":"","height":60},{"scr_type_id":3,"filename":"53845-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53845,"width":1663,"window_params":"","banner_url":"","id":1460242,"href":"","height":3373},{"scr_type_id":314,"filename":"53845-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53845,"width":1663,"window_params":"","banner_url":"","id":1460243,"href":"","height":3373},{"scr_type_id":312,"filename":"53845-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53845,"width":370,"window_params":"","banner_url":"","id":1460244,"href":"","height":370},{"scr_type_id":3,"filename":"53845-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53845,"width":1600,"window_params":"","banner_url":"","id":1460245,"href":"","height":3373},{"scr_type_id":297,"filename":"53845-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53845,"width":430,"window_params":"","banner_url":"","id":1460246,"href":"","height":872},{"scr_type_id":311,"filename":"53845-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53845,"width":965,"window_params":"","banner_url":"","id":1460247,"href":"","height":1957},{"scr_type_id":3,"filename":"53845-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53845,"width":895,"window_params":"","banner_url":"","id":1460248,"href":"","height":599},{"scr_type_id":300,"filename":"53845-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53845,"width":320,"window_params":"","banner_url":"","id":1460249,"href":"","height":900},{"scr_type_id":298,"filename":"53845-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53845,"width":430,"window_params":"","banner_url":"","id":1460250,"href":"","height":900},{"scr_type_id":78,"filename":"53845-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":53845,"width":970,"window_params":"","banner_url":"","id":1460251,"href":"","height":280},{"scr_type_id":3,"filename":"53845-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53845,"width":408,"window_params":"","banner_url":"","id":1460252,"href":"","height":55},{"scr_type_id":334,"filename":"53845-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":53845,"width":1663,"window_params":"","banner_url":"","id":1638769,"href":"","height":3373}],"demoUrl":"/demo/53845.html","image":"https://s.tmimgcdn.com/scr/53800/merchant-services-website-template_53845-original.jpg","searchHash":"97793896ffb0e6a2b4dbcb901c2d874c","previewHash":"c3e4c7dd32c866b67eba476a08990988","authorNickname":"WT","lowLevelTopic":"Bank Templates","weightedRating":3.333333333333333,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"Use the template for merchant services, business and finance websites.","reviewAverageScoreEs":"4","uniqueKeywords":"Credit and merchant services","metaDescription":"Make Your Site Look Stunning with Merchant Services Website Template.","features":["Responsive","HTML plus JS","Parallax","HTML 5","JQuery","Sliced PSD","Dropdown Menu","Google map","Tabs"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1553971","jqueryScripts":["\"SuperFish\" DropDown Menu","Mobile Menu","Responsive Carousel","Responsive Slider"],"isFree":"none","htmlTitle":"Merchant Services Website Template","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.2","imageDescription":"https://s.tmimgcdn.com/scr/53800/53845-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2021-08-15T08:05:53-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"View the demo for the professional Merchant Services Website Template (#53845) get yourself acquainted with this theme before you purchase it. View the pages, check out the images, click the buttons, explore the features.","shortDescription":"This stylish template features a clean and minimalist layout not overloaded with visual effects, which ensures smooth navigation through your website. A fully responsive design allows the pages to adapt to any screen resolution making the content available to a wider audience. A full-width slider adds some style to the look of the theme. A few adjustments are required to make this merchant services website template work for any other business. After that you only have to upload the content and it is ready to be launched.<br /><h4>TemplateMonster MarketPlace</h4><p>TemplateMonster is a marketplace where you as a designer or developer may sell your Web Design Software, Website Templates, Design Elements, Plugins and Extensions. Become a <a href=\"https://www.templatemonster.com/marketplace/\">digital products vendor</a> and earn up to 70% from each sale.</p><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 Parallax Internet Banking website design</h3> <p><b>What is it?</b></p><p>When you travel someplace, distant objects move around very much slower than the near ones. Imitation of such an effect on the web presence - if the background graphic shifts slower compared to the content material, is named parallax. It is utilized to make a feeling of space in the client's eyes.</p> <p><b>Why is it Good?</b></p><p>By utilizing the parallax scrolling effect, you might add the illusion of interesting depth to your information site, this way launching your information in a far more captivating style.</p><p>Find more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website designs</a> here</p> <h3>This Financial Company website design is Responsive</h3> <p><b>What is it?</b></p><p>Responsive layouts alter to smaller along with much larger display screen dimensions mechanically.</p> <p><b>Why is it Good?</b></p><p>Responsive design delivers a better UX for those that browse a webpage on a mobile or a tablet, plus really helps to improve positions of a website in Google results. </p><p>Newest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <br /></div></div></div></div>","tags":["american","and","business","card","cash","credit","debit","discover","express","faq","mail","merchant","order","payment","phone","retail","security","services","visa","e-commerce"],"customUrl":"/website-templates/53845.html","badge":"badge-responsive","nameOfTheTemplate":"Merchant Services Website Template","pHPVersionCompatibility":"7.x","topic":["Bank Templates","Business & Services","Finance"],"styles":["Neutral","Flat"],"advImage":"https://s.tmimgcdn.com/scr/53800/53845-original.jpg","imagesList":"Depositphotos21936389originalDepositphotos36074305originalDepositphotos25144721originalDepositphotos10542105originalDepositphotos26581761originalDepositphotos18445085originalDepositphotos36647991originalDepositphotos4759931originalDepositphotos13856737originalDepositphotos15426537originalDepositphotos2284945originalDepositphotos11449193EL4Depositphotos3882529originalDepositphotos6696668originalDepositphotos2377420originalDepositphotos1520080original.jpgDepositphotos2284945original.jpgDepositphotos2377420original.jpgDepositphotos3171361original.jpgDepositphotos3882529original.jpgDepositphotos4759931original.jpgDepositphotos6696668original.jpgDepositphotos7814903original.jpgDepositphotos8968157original.jpgDepositphotos9857191original.jpgDepositphotos10542105original.jpgDepositphotos10854594EL4.jpgDepositphotos11018851EL4.jpgDepositphotos11054879original.jpgDepositphotos11449193EL4.jpgDepositphotos12237580EL4.jpgDepositphotos13189350original.jpgDepositphotos13601704original.jpgDepositphotos13856737original.jpgDepositphotos15426537original.jpgDepositphotos16231533original.jpgDepositphotos18258249original.jpgDepositphotos18445085original.jpgDepositphotos21936389original.jpgDepositphotos22928632original.jpgDepositphotos24204135original.jpgDepositphotos24647225original.jpgDepositphotos25144721original.jpgDepositphotos26581761original.jpgDepositphotos29445249original.jpgDepositphotos31648989original.jpgDepositphotos31655563original.jpgDepositphotos32927325original.jpgDepositphotos33036375original.jpgDepositphotos34754467original.jpgDepositphotos36074305original.jpgDepositphotos36647991original.jpgDepositphotos44532097original.jpgDepositphotos44714935original.jpg","productFamily":"None","followUpLetter":"website-template-offers","color":["black","white","grey"],"reviewsTotal":"2","reviewAverageScore":"4.5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","livePreviewURL":"https://livedemo00.template-help.com/wt_53845","templateGroup":"HTML Templates","popularity":"Top Rated","nomotopress":"1","dynamicChangeLog":"<ul>\n<li>- 3 font bugs fixed</li>\n<li>- 3 background bugs fixed</li>\n<li>- 3 PSD layers updated</li>\n</ul>","templateIcon":"icon-responsive","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","reviewsTotalEs":"1","bitLyUrl":"http://bit.ly/1AQYXTj","layout":"2 columns","webForms":["Contact Form","Newsletter Subscription","Search Form"],"loyaltySells":"1","width":"1600px","skupromo":"43%","marketplaceMembership":"None","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: Tue, 05 Nov 2024 05:33:03 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=53845&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=53845&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=53845&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 05 Nov 2024 05:38:03 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_53845<!DOCTYPE html>
<html lang="en">
<head>
    <title>#53845 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/53845.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 #53845            </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=53845&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $58                <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>