string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=52496&expand=properties"
string(15096) "[{"templateId":52496,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":258,"categoryName":"Moving Company Templates","templateTitle":"Moving Company Responsive Website Template","templatePreviewHtmlTitle":"Moving Company Website Template #52496 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Moving Company Website Template #52496","typeShortName":"Website","templatePreviewFBTitle":"To start a moving company, you will need to do more than just hiring a few well built workers who would move heavy boxes. It also requires developing a smart business strategy and promoting your services in every possible place. Today, the target audience can be found on the web, that's why you should take care of your online presence. And the theme exhibited here will help you in this issue. Its design is easy on the eye, as content blocks are separated from each other by means of light, dark and green backgrounds. Due to wisely chosen images in a slider, people will gain a positive impression about your company, and a block with testimonials can largely reinforce it. As you see, the template boasts a text heavy design, which will give you an opportunity to reveal the best sides of your business on the web.<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 Household Moving Services web template</h3> <p><b>What is it?</b></p><p>A parallax scrolling effect is a method in webdesign when background picture shifts at a less quick pace than a foreground content, forming the optical illusion of depth. </p> <p><b>Why is it Good?</b></p><p>It will make a vivid effect on the end user, thereby cultivating a significant audience and requiring visitors to stay on the site. That's a easy way to include a highlight to a one-page website, restore an infographic, tell a story or show off a portfolio.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website design templates</a> here</p> <h3>This Transportation Vehicles website template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the website page adjusts its shape and size to suit any specific screen, from the tiniest touch screen phones to the largest Computer displays. For every single device, website page elements enlarge or scale down to seem perfect.</p> <p><b>Why is it Good?</b></p><p>Responsive design delivers a much better UX for those people who visit a webpage on a smartphone or a tablet, as well as can help to improve positions of a website in search engine results pages. </p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website design templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Moving Company Website Template","templatePreviewMetaDescription":"To start a moving company, you will need to do more than just hiring a few well built workers who would move heavy boxes. It also requires developing a smart","templateDemoMetaDescription":"The demo preview for this professional Moving Company Website Template (#52496) is made available for you to get yourself acquainted with the design prior to buying it. View the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Moving Company Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/52496.html","userRating":"5","designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2014-12-18","sent":2,"downloads":67,"search_words":"moving company transportation transport fast reliability safety express exportation trucking delivery work team profile support customer clients solutions cars cargo services shipment rates prices offer standards vehicle destination trucking sea air","is_adult":0,"exc_price":4100,"sent_date":"2015-01-12 06:15:14","last_upload":"2014-12-18 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":298,"filename":"52496-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52496,"width":430,"window_params":"","banner_url":"","id":1433500,"href":"","height":900},{"scr_type_id":3,"filename":"52496-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52496,"width":895,"window_params":"","banner_url":"","id":1433501,"href":"","height":599},{"scr_type_id":3,"filename":"52496-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52496,"width":408,"window_params":"","banner_url":"","id":1433502,"href":"","height":55},{"scr_type_id":317,"filename":"52496-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52496,"width":1400,"window_params":"","banner_url":"","id":1433503,"href":"","height":2810},{"scr_type_id":3,"filename":"52496-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52496,"width":1400,"window_params":"","banner_url":"","id":1433504,"href":"","height":3450},{"scr_type_id":9,"filename":"52496-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52496,"width":145,"window_params":"","banner_url":"","id":1433505,"href":"","height":156},{"scr_type_id":3,"filename":"52496-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52496,"width":1400,"window_params":"","banner_url":"","id":1433506,"href":"","height":2810},{"scr_type_id":3,"filename":"52496-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52496,"width":1400,"window_params":"","banner_url":"","id":1433507,"href":"","height":3450},{"scr_type_id":78,"filename":"52496-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":52496,"width":970,"window_params":"","banner_url":"","id":1433508,"href":"","height":280},{"scr_type_id":3,"filename":"52496-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52496,"width":965,"window_params":"","banner_url":"","id":1433509,"href":"","height":1937},{"scr_type_id":299,"filename":"52496-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52496,"width":430,"window_params":"","banner_url":"","id":1433510,"href":"","height":900},{"scr_type_id":212,"filename":"52496-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52496,"width":430,"window_params":"","banner_url":"","id":1433511,"href":"","height":60},{"scr_type_id":3,"filename":"52496-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52496,"width":1400,"window_params":"","banner_url":"","id":1433512,"href":"","height":2810},{"scr_type_id":312,"filename":"52496-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52496,"width":370,"window_params":"","banner_url":"","id":1433513,"href":"","height":370},{"scr_type_id":300,"filename":"52496-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52496,"width":320,"window_params":"","banner_url":"","id":1433514,"href":"","height":900},{"scr_type_id":311,"filename":"52496-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52496,"width":965,"window_params":"","banner_url":"","id":1433515,"href":"","height":2378},{"scr_type_id":314,"filename":"52496-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52496,"width":1400,"window_params":"","banner_url":"","id":1433516,"href":"","height":3450},{"scr_type_id":315,"filename":"52496-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52496,"width":1400,"window_params":"","banner_url":"","id":1433517,"href":"","height":3450},{"scr_type_id":3,"filename":"52496-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52496,"width":1400,"window_params":"","banner_url":"","id":1433518,"href":"","height":2810},{"scr_type_id":297,"filename":"52496-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52496,"width":430,"window_params":"","banner_url":"","id":1433519,"href":"","height":1060},{"scr_type_id":334,"filename":"52496-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52496,"width":1400,"window_params":"","banner_url":"","id":1637426,"href":"","height":3450}],"demoUrl":"/demo/52496.html","image":"https://s.tmimgcdn.com/scr/52400/moving-company-website-template_52496-original.jpg","searchHash":"9d7fa1762a42bf62dcdc0cd09945a6a1","previewHash":"8b4055b7ba8ccede4a553d1b5c85cbda","authorNickname":"WT","lowLevelTopic":"Moving Company Templates","weightedRating":3.3454545454545457,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"This template is a good offering for transportation, maintenance services, real estate, and business websites.","uniqueKeywords":"Moving company","metaDescription":"Check out this Moving Company Website Template (#52496) - find out all the technical specifics and requirements before you buy it.","features":["Responsive","Sliced PSD","Dropdown Menu","Google map","HTML 5","JQuery","HTML plus JS","Parallax","Lazy Load effect"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1553971","jqueryScripts":["\"SuperFish\" DropDown Menu","Mobile Menu"],"isFree":"none","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.1","imageDescription":"https://s.tmimgcdn.com/scr/52400/52496-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2019-11-01T00:03:18-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"The demo preview for this professional Moving Company Website Template (#52496) is made available for you to get yourself acquainted with the design prior to buying it. View the pages, check the images, press the buttons, explore the features.","shortDescription":"To start a moving company, you will need to do more than just hiring a few well built workers who would move heavy boxes. It also requires developing a smart business strategy and promoting your services in every possible place. Today, the target audience can be found on the web, that's why you should take care of your online presence. And the theme exhibited here will help you in this issue. Its design is easy on the eye, as content blocks are separated from each other by means of light, dark and green backgrounds. Due to wisely chosen images in a slider, people will gain a positive impression about your company, and a block with testimonials can largely reinforce it. As you see, the template boasts a text heavy design, which will give you an opportunity to reveal the best sides of your business on the web.<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 Household Moving Services web template</h3> <p><b>What is it?</b></p><p>A parallax scrolling effect is a method in webdesign when background picture shifts at a less quick pace than a foreground content, forming the optical illusion of depth. </p> <p><b>Why is it Good?</b></p><p>It will make a vivid effect on the end user, thereby cultivating a significant audience and requiring visitors to stay on the site. That's a easy way to include a highlight to a one-page website, restore an infographic, tell a story or show off a portfolio.</p><p>Find newest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website design templates</a> here</p> <h3>This Transportation Vehicles website template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design ensures that the website page adjusts its shape and size to suit any specific screen, from the tiniest touch screen phones to the largest Computer displays. For every single device, website page elements enlarge or scale down to seem perfect.</p> <p><b>Why is it Good?</b></p><p>Responsive design delivers a much better UX for those people who visit a webpage on a smartphone or a tablet, as well as can help to improve positions of a website in search engine results pages. </p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website design templates</a> here</p> <br /></div></div></div></div>","tags":["air","cargo","cars","clients","company","customer","delivery","destination","exportation","express","fast","moving","offer","prices","profile","rates","reliability","safety","sea","services","shipment","solutions","standards","support","team","transport","transportation","trucking","vehicle","work"],"customUrl":"/website-templates/52496.html","badge":"badge-responsive","nameOfTheTemplate":"Moving Company Website Template","pHPVersionCompatibility":"7.x","topic":["Moving Company Templates","Transportation Templates","Business & Services"],"styles":["Neutral","Flat"],"advImage":"https://s.tmimgcdn.com/scr/52400/52496-original.jpg","productFamily":"None","followUpLetter":"website-template-offers","color":["black","white","grey","cyan"],"reviewsTotal":"1","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","livePreviewURL":"https://livedemo00.template-help.com/wt_52496","templateGroup":"HTML Templates","popularity":"Top Rated","dynamicChangeLog":"<ul>\n<li>- 2 font bugs fixed</li>\n<li>- 2 front-end issues fixed</li>\n</ul>","templateIcon":"icon-responsive","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1C73vGl","layout":"2 columns","webForms":"Contact Form","loyaltySells":"1","width":"1400px","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: Sat, 04 May 2024 03:10:43 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=52496&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=52496&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=52496&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 04 May 2024 03:15:43 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_52496<!DOCTYPE html>
<html lang="en">
<head>
    <title>#52496 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/52496.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 #52496            </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=52496&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>