string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=90997&expand=properties"
string(15317) "[{"templateId":90997,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":177,"categoryName":"Biker Club Templates","templateTitle":"Biker Club Responsive Website Template","templatePreviewHtmlTitle":"MOTO - Motorcycle Sports Website Template - TemplateMonster","templateDemoHtmlTitle":"Live demo for MOTO - Motorcycle Sports Website Template #90997","typeShortName":"Website","templatePreviewFBTitle":"<h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Flexible Motorcycle News Website Template</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">A motorcycle news website template is a highly useful tool for building quality websites. It goes without saying that modern news portals require attractive and functional websites like every other business. Moreover, any media needs a specific promotion approach due to different audiences. The website is just the tool to be used to achieve such a goal.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">If you run a motorcycle news portal, we have something developed specifically for your needs. Our team is glad to present the MOTO multipage website template. With it, you can provide the readers with any type of information about motorcycles. </span>You can write about moto sport or upload moto reviews that <span style=\"background-color: transparent; color: rgb(0, 0, 0);\">your visitors will find useful.</span></p><p><br></p><p><br></p><h3><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">HTML Template Loaded with Useful Features</span></h3><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">As the name implies, MOTO is a multipage motorcycle news website template. Due to a wide variety of included pages, you can provide visitors with easy-to-use navigation. With the built-in blog, you can present a big amount of information in the most preferable way. Moreover, you can present images with a well-structured gallery. Our template also has a wide variety of other features including:</span></p><ol><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Rich UI kit with cool CSS3 transitions;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Responsive layout built with Bootstrap 4;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">SCSS & Pug source files;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Powerful Search Engine;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Google Fonts & parallax;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Speed optimization.</span></li></ol><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">MOTO has a highly reliable and flexible code written according to global W3C standards. The code provides you with constant work without issues. It is also well-optimized and has no redundant or obsolete elements. This is why MOTO motorcycle news website template is SEO-friendly. It is also highly responsive and works perfectly on PC, smartphones, and tablets.</span></p><p><br></p><p><br></p><h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">HTML Template with Working Forms & Social Options</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Like any good media portal website, our motorcycle news website template includes social options. Feel free to use them to keep in touch with clients. They are also useful for advertisement. In addition, many minor useful features like newsletter and working contact forms also make your website user-friendly. Still, some of them may require additional coding.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">As we have already mentioned, MOTO has an attractive and easy-to-navigate design. Your customers will easily find any information with the help of this HTML template. But if you want to edit the default design you can change any part of MOTO. In case you need more information about configuring this template, you can always turn to our extensive documentation. also, feel free to contact our 24/7 support team if you have any questions.</span></p><p><br></p><p><br></p><p><em>Please note that .psd files are not included in this template package.</em></p>","templateFullTitle":"MOTO - Motorcycle Sports Website Template","templatePreviewMetaDescription":"Flexible Motorcycle News Website TemplateA motorcycle news website template is a highly useful tool for building quality websites. It goes without saying that","templateDemoMetaDescription":null,"specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"MOTO - Motorcycle Sports Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/moto-motorcycle-sports-website-template-90997.html","userRating":"5","designIndex":"86","authorUserId":"1768190","exclusive":"1","state":1,"price":61,"inserted_date":"2019-12-11","sent":0,"downloads":7,"search_words":"motor service center cycle racing bike spor market speed driving driver track rent reservation transport clients travel ride reserve","is_adult":0,"exc_price":4500,"sent_date":"2019-12-11 11:19:22","last_upload":"2019-12-11 11:19:22","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"90997-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":90997,"width":1600,"window_params":"","banner_url":"","id":1879573,"href":"","height":1000},{"scr_type_id":311,"filename":"90997-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":90997,"width":800,"window_params":"","banner_url":"","id":1879574,"href":"","height":1200},{"scr_type_id":312,"filename":"90997-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":90997,"width":370,"window_params":"","banner_url":"","id":1879575,"href":"","height":370},{"scr_type_id":9,"filename":"90997-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":90997,"width":145,"window_params":"","banner_url":"","id":1879576,"href":"","height":156},{"scr_type_id":57,"filename":"90997-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":90997,"width":430,"window_params":"","banner_url":"","id":1879577,"href":"","height":645}],"demoUrl":"/demo/90997.html","image":"https://s.tmimgcdn.com/scr/90900/moto-motorcycle-sports-website-template_90997-0-original.jpg","searchHash":"b16d17b046eb947c9b5fd67f6348f9df","previewHash":"b576f104ee68b3d4b4ce9b9f1b3898ce","authorNickname":"RockThemes","lowLevelTopic":"Biker Club Templates","weightedRating":4.25,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":43,"discountPercent":30,"discountAmount":18,"semiannualSales":0,"properties":{"kindOfShops":"Moto media portal, moto sports news, moto portal","uniqueKeywords":"motor service center cycle racing bike spor market speed driving driver track rent reservation transport clients travel ride reserve","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"MOTO is a multipage HTML motorcycle news website template developed specifically for online news portals. It is highly informative, responsive and reliable.","imageKeyFeatures":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576080714900_cut-01.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576080714900_cut-02.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576080714901_cut-03.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576080714901_cut-04.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576080714901_cut-05.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576080714901_cut-06.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576080714901_cut-07.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576080714901_cut-08.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576080714902_cut-09.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576080714903_cut-10.jpg","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Dropdown Menu","Tabs","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"saleSells":"1","languageSupport":"English","authorUserId":"1768190","htmlTitle":"Motorcycle News Website Template - TemplateMonster","isFree":"none","hELPURL":"/quick-start-guide/website-template/","exclusive":"1","templateSoftwareRequired":["Apache 2.0+","PHP 5.4+","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"lastmod":"2021-04-28T19:21:21-04:00","previewScreensOrVideoURLs":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576080782967_Image-01.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576080784771_Image-02.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576080786891_Image-03.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576080789019_Image-04.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576080791165_Image-05.jpg","shortDescription":"<h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Flexible Motorcycle News Website Template</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">A motorcycle news website template is a highly useful tool for building quality websites. It goes without saying that modern news portals require attractive and functional websites like every other business. Moreover, any media needs a specific promotion approach due to different audiences. The website is just the tool to be used to achieve such a goal.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">If you run a motorcycle news portal, we have something developed specifically for your needs. Our team is glad to present the MOTO multipage website template. With it, you can provide the readers with any type of information about motorcycles. </span>You can write about moto sport or upload moto reviews that <span style=\"background-color: transparent; color: rgb(0, 0, 0);\">your visitors will find useful.</span></p><p><br></p><p><br></p><h3><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">HTML Template Loaded with Useful Features</span></h3><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">As the name implies, MOTO is a multipage motorcycle news website template. Due to a wide variety of included pages, you can provide visitors with easy-to-use navigation. With the built-in blog, you can present a big amount of information in the most preferable way. Moreover, you can present images with a well-structured gallery. Our template also has a wide variety of other features including:</span></p><ol><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Rich UI kit with cool CSS3 transitions;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Responsive layout built with Bootstrap 4;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">SCSS & Pug source files;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Powerful Search Engine;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Google Fonts & parallax;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Speed optimization.</span></li></ol><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">MOTO has a highly reliable and flexible code written according to global W3C standards. The code provides you with constant work without issues. It is also well-optimized and has no redundant or obsolete elements. This is why MOTO motorcycle news website template is SEO-friendly. It is also highly responsive and works perfectly on PC, smartphones, and tablets.</span></p><p><br></p><p><br></p><h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">HTML Template with Working Forms & Social Options</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Like any good media portal website, our motorcycle news website template includes social options. Feel free to use them to keep in touch with clients. They are also useful for advertisement. In addition, many minor useful features like newsletter and working contact forms also make your website user-friendly. Still, some of them may require additional coding.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">As we have already mentioned, MOTO has an attractive and easy-to-navigate design. Your customers will easily find any information with the help of this HTML template. But if you want to edit the default design you can change any part of MOTO. In case you need more information about configuring this template, you can always turn to our extensive documentation. also, feel free to contact our 24/7 support team if you have any questions.</span></p><p><br></p><p><br></p><p><em>Please note that .psd files are not included in this template package.</em></p>","tags":["bike","center","clients","cycle","driver","driving","market","motor","racing","rent","reservation","reserve","ride","service","speed","spor","track","transport","travel"],"customUrl":"/website-templates/moto-motorcycle-sports-website-template-90997.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":"MOTO - Motorcycle Sports Website Template","pHPVersionCompatibility":"7.x","topic":["Biker Club Templates","Cars & Motorcycles","Motorcycles"],"styles":"Neutral","productFamily":"None","color":["black","white","grey"],"followUpLetter":"website-template-offers","reviewsTotal":"2","templateSupportOptions":"[{\"id\":59028,\"template_id\":45399,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":59029,\"template_id\":45399,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","reviewAverageScore":"5","bootstrapVersion":"4.0.x","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-24936/","googleAnalyticsId":"UA-118125082-1","authorMainScreenshot":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1576080593820_Frame%204.3.jpg","facebookPixelId":"1857475610982695","templateGroup":"HTML Templates","popularity":"Top Rated","alreadyPacked":"1","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Isotope","Grid"],"templateIcon":"icon-bootstrap","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2skYzEo","webForms":["Contact Form","Newsletter Subscription","Search Form"],"loyaltySells":"1","marketplaceMembership":"One","category":"Website templates","dqi":"86"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 30 Nov 2024 11:01:16 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=90997&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=90997&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=90997&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 30 Nov 2024 11:06:16 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-24936/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#90997 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/90997.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 #90997            </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=90997&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>