string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=58299&expand=properties"
string(14331) "[{"templateId":58299,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":402,"categoryName":"Cycling Templates","templateTitle":"Cycling Responsive Website Template","templatePreviewHtmlTitle":"Rock - Mountain Cycling Club Responsive Website Template","templateDemoHtmlTitle":"Demo Preview for Rock - Mountain Cycling Club Responsive Website Template #58299","typeShortName":"Website","templatePreviewFBTitle":"<b>Rock</b> is a fully responsive and well-documented Cycling Site Template, manufactured for cycling clubs websites. Present all necessary information about your cycling club with Website Slider and feel free to add photos and projects to showcase all specialty of your biking club with a fascinating <b>TM Gallery</b>. Use versatile pre-made HTML pages and fill them up with multiple types of content up to your needs with a wide range of UI elements. Let your customers find desired offer fast by mean of a keyword with Live Search and let them reach you easily with a built-in Contact Form. This active lifestyle W3C valid and crossbrowser compatible template has a very eye-catching design for your customers, underpinned by cool mountain sports backgrounds, nature calm tones, and readable fonts. Enjoy air web development on the fly with this professionally-made biking theme!<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 Outdoorssports website design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive layouts adjust to more compact as well as the larger display screen dimensions mechanically.</p> <p><b>Why is it Good?</b></p><p>It is good because the website can be reached by more viewers from the large amount of devices. </p><p>Find newest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <h3>This is a Bootstrap Sport Kit website design</h3> <p><b>What is it?</b></p><p>Bootstrap is actually a super well-known framework, that makes the work with Web coding, Style sheet and also JS a great deal easier. It has been established as a tool to develop a responsive design, nonetheless later it integrated loads of additional functionality.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is incredibly variable for any modification. It's not hard to manage with, features a great grid system and wide components variety.</p><p>View more <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Rock - Mountain Cycling Club Responsive Website Template","templatePreviewMetaDescription":"Rock is a fully responsive and well-documented Cycling Site Template, manufactured for cycling clubs websites. Present all necessary information about your","templateDemoMetaDescription":"Have a look at the live preview for the top quality Rock - Mountain Cycling Club Responsive Website Template (#58299) get yourself informed about this template before you purchase it. Go through the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Rock - Mountain Cycling Club Responsive Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/cycling-responsive-website-template-58299.html","userRating":"5","designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":61,"inserted_date":"2016-12-09","sent":2,"downloads":42,"search_words":"rock mountain bike cycling club cycle racing bike spor bicycle improvement help exhibition solution market research vendor motor price speed driving off-road driver track race urban freeway highway road spare services helmet offers testimonials accessories pedal","is_adult":0,"exc_price":5000,"sent_date":"2017-01-06 06:15:13","last_upload":"2016-12-09 00:00:00","package_id":258,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":299,"filename":"58299-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58299,"width":430,"window_params":"","banner_url":"","id":1675535,"href":"","height":900},{"scr_type_id":78,"filename":"58299-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":58299,"width":970,"window_params":"","banner_url":"","id":1675536,"href":"","height":280},{"scr_type_id":3,"filename":"58299-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58299,"width":895,"window_params":"","banner_url":"","id":1675537,"href":"","height":599},{"scr_type_id":297,"filename":"58299-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58299,"width":430,"window_params":"","banner_url":"","id":1675538,"href":"","height":819},{"scr_type_id":3,"filename":"58299-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58299,"width":408,"window_params":"","banner_url":"","id":1675539,"href":"","height":55},{"scr_type_id":315,"filename":"58299-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58299,"width":1903,"window_params":"","banner_url":"","id":1675540,"href":"","height":3625},{"scr_type_id":300,"filename":"58299-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58299,"width":320,"window_params":"","banner_url":"","id":1675541,"href":"","height":900},{"scr_type_id":311,"filename":"58299-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58299,"width":965,"window_params":"","banner_url":"","id":1675542,"href":"","height":1838},{"scr_type_id":334,"filename":"58299-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58299,"width":1903,"window_params":"","banner_url":"","id":1675543,"href":"","height":3625},{"scr_type_id":298,"filename":"58299-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58299,"width":430,"window_params":"","banner_url":"","id":1675544,"href":"","height":900},{"scr_type_id":3,"filename":"58299-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58299,"width":1903,"window_params":"","banner_url":"","id":1675545,"href":"","height":3625},{"scr_type_id":9,"filename":"58299-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58299,"width":145,"window_params":"","banner_url":"","id":1675546,"href":"","height":156},{"scr_type_id":212,"filename":"58299-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58299,"width":430,"window_params":"","banner_url":"","id":1675547,"href":"","height":60},{"scr_type_id":312,"filename":"58299-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58299,"width":370,"window_params":"","banner_url":"","id":1675548,"href":"","height":370},{"scr_type_id":314,"filename":"58299-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":58299,"width":1903,"window_params":"","banner_url":"","id":1675549,"href":"","height":3625}],"demoUrl":"/demo/58299.html","image":"https://s.tmimgcdn.com/scr/58200/rock-mountain-cycling-club-responsive-website-template_58299-original.jpg","searchHash":"7f15259e8ef3dc418a4774d858b1f2d3","previewHash":"9797887bc1246732beb4da0f718d4086","authorNickname":"WT","lowLevelTopic":"Cycling Templates","weightedRating":3.4461538461538463,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"This template is custom-made for sports, outdoors, cycling, mountain cycling club, active lifestyle, entertainment, and business websites.","uniqueKeywords":"Cycling","showVariantForcibly":"b","metaDescription":"Use our Cycling Site Template with sliced PSD, valid semantic coding, Extra Pages Layouts, Search Form, and other features to promote your cycling club.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/58200/58299-en_01.jpg,https://s.tmimgcdn.com/scr/58200/58299-en_02.jpg,https://s.tmimgcdn.com/scr/58200/58299-en_03.jpg,https://s.tmimgcdn.com/scr/58200/58299-en_04.jpg,https://s.tmimgcdn.com/scr/58200/58299-en_05.jpg,https://s.tmimgcdn.com/scr/58200/58299-en_06.jpg,https://s.tmimgcdn.com/scr/58200/58299-en_07.jpg,https://s.tmimgcdn.com/scr/58200/58299-en_08.jpg,https://s.tmimgcdn.com/scr/58200/58299-en_09.jpg","features":["Responsive","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Gallery","HTML 5","JQuery","HTML plus JS"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1553971","htmlTitle":"Cycling Site Template","isFree":"none","hELPURL":"/quick-start-guide/bootstrap-template/","documentationVersion":"v1.3","imageDescription":"https://s.tmimgcdn.com/scr/58200/58299-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","Sublime Text2 or later, Notepad++","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"lastmod":"2020-11-27T11:09:24-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"demoMetaDescription":"Have a look at the live preview for the top quality Rock - Mountain Cycling Club Responsive Website Template (#58299) get yourself informed about this template before you purchase it. Go through the pages, check the images, press the buttons, explore the features.","shortDescription":"<b>Rock</b> is a fully responsive and well-documented Cycling Site Template, manufactured for cycling clubs websites. Present all necessary information about your cycling club with Website Slider and feel free to add photos and projects to showcase all specialty of your biking club with a fascinating <b>TM Gallery</b>. Use versatile pre-made HTML pages and fill them up with multiple types of content up to your needs with a wide range of UI elements. Let your customers find desired offer fast by mean of a keyword with Live Search and let them reach you easily with a built-in Contact Form. This active lifestyle W3C valid and crossbrowser compatible template has a very eye-catching design for your customers, underpinned by cool mountain sports backgrounds, nature calm tones, and readable fonts. Enjoy air web development on the fly with this professionally-made biking theme!<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 Outdoorssports website design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive layouts adjust to more compact as well as the larger display screen dimensions mechanically.</p> <p><b>Why is it Good?</b></p><p>It is good because the website can be reached by more viewers from the large amount of devices. </p><p>Find newest <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive web templates</a> here</p> <h3>This is a Bootstrap Sport Kit website design</h3> <p><b>What is it?</b></p><p>Bootstrap is actually a super well-known framework, that makes the work with Web coding, Style sheet and also JS a great deal easier. It has been established as a tool to develop a responsive design, nonetheless later it integrated loads of additional functionality.</p> <p><b>Why is it Good?</b></p><p>Bootstrap is incredibly variable for any modification. It's not hard to manage with, features a great grid system and wide components variety.</p><p>View more <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website templates</a> here</p> <br /></div></div></div></div>","tags":["accessories","bicycle","bike","club","cycle","cycling","driver","driving","exhibition","helmet","help","highway","improvement","market","motor","mountain","offers","price","race","racing","research","road","rock","services","solution","spare","speed","spor","testimonials","track","urban","vendor"],"customUrl":"/website-templates/cycling-responsive-website-template-58299.html","badge":"badge-responsive","nameOfTheTemplate":"Rock - Mountain Cycling Club Responsive Website Template","pHPVersionCompatibility":"7.x","topic":["Cycling Templates","Sport Templates","Sports, Outdoors & Travel"],"styles":"Neutral","advImage":"https://s.tmimgcdn.com/scr/58200/58299-original.jpg","productFamily":"None","color":["black","white","grey","purple","cyan","green"],"followUpLetter":"website-template-offers","reviewsTotal":"3","reviewAverageScore":"5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"3.2.0","livePreviewURL":"https://livedemo00.template-help.com/wt_58299","templateGroup":"HTML Templates","popularity":"Top Rated","nomotopress":"1","galleryScript":["Carousel","CSS and JS","Slider"],"dynamicChangeLog":"<ul>\n<li>- 3 minor font issues fixed</li>\n<li>- 1 layout issue fixed</li>\n</ul>","templateIcon":"icon-bootstrap","notice":"Some of the forms included (like booking, registration, comment submission forms, etc.) may require extra scripts and/or database functionality.","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2jilo5H","webForms":["Contact Form","Search Form"],"loyaltySells":"1","width":"1920px","skupromo":"20%","marketplaceMembership":"One","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 28 Nov 2024 19:22:53 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=58299&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=58299&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=58299&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 28 Nov 2024 19:27:53 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_58299<!DOCTYPE html>
<html lang="en">
<head>
    <title>#58299 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/58299.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 #58299            </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=58299&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>