string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=61140&expand=properties"
string(13923) "[{"templateId":61140,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":511,"categoryName":"Extreme Sports Templates","templateTitle":"Extreme Sports Responsive Website Template","templatePreviewHtmlTitle":"DownHill - Active Sport Multipage HTML5 Website Template","templateDemoHtmlTitle":"Live preview for DownHill - Active Sport Multipage HTML5 Website Template #61140","typeShortName":"Website","templatePreviewFBTitle":"This fully responsive Active Sport HTML5 Template will help you to create a fully-functional sport-related website or a sport store. This template has a distinctive design, it’s fast, easy to use and simple to manage. Select among many different customization variants to adjust your template to make it really stand out. One of the main advantages our HTML5 templates is the high load speed. Thanks to the advanced development methods, our websites based on HTML5 will have almost no loading time. Just install this template and be sure that with our Active Sport HTML5 Template your sport-related business will be represented on the web from the best side. For all our products we offer 24/7 lifetime support.<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 Bootstrap Cars & Motorcycles web template</h3> <p><b>What is it?</b></p><p>Bootstrap is a front-end network for creating websites and web-applications.</p> <p><b>Why is it Good?</b></p><p>Working with such type of framework tremendously accelerates the process of producing website pages. Standard styles are really simple to change, that offers an adaptable and easy process for creating website styles.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website designs</a> here</p> <h3>This Extreme Sports Channel website template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means well adjusted to the displays of all resolutions on any gadget. </p> <p><b>Why is it Good?</b></p><p>Because of the increasing popularity of smartphones, the number of individuals who log on to the websites from phones has grown considerably. This sort of functionality allows you to modify websites to smartphones and various screen extensions, finally offering smartphone consumers with improved options.</p><p>Find more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"DownHill - Active Sport Multipage HTML5 Website Template","templatePreviewMetaDescription":"This fully responsive Active Sport HTML5 Template will help you to create a fully-functional sport-related website or a sport store. This template has a","templateDemoMetaDescription":"Before buying it, get the look and feel of the DownHill - Active Sport Multipage HTML5 Website Template (#61140) by viewing the demo. View the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"DownHill - Active Sport Multipage HTML5 Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/downhill-active-sport-html5-template-61140.html","userRating":"5","designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":61,"inserted_date":"2016-08-09","sent":2,"downloads":28,"search_words":"sport body bodybuilding entertainment joy events style teaching training instructors trainers tournaments schedule coach beauty","is_adult":0,"exc_price":4500,"sent_date":"2017-10-25 00:00:00","last_upload":"2016-08-09 00:00:00","package_id":258,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":297,"filename":"61140-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61140,"width":430,"window_params":"","banner_url":"","id":1713206,"href":"","height":1547},{"scr_type_id":300,"filename":"61140-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61140,"width":320,"window_params":"","banner_url":"","id":1713207,"href":"","height":900},{"scr_type_id":314,"filename":"61140-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61140,"width":1903,"window_params":"","banner_url":"","id":1713208,"href":"","height":6845},{"scr_type_id":315,"filename":"61140-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61140,"width":1903,"window_params":"","banner_url":"","id":1713209,"href":"","height":6845},{"scr_type_id":299,"filename":"61140-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61140,"width":430,"window_params":"","banner_url":"","id":1713210,"href":"","height":900},{"scr_type_id":3,"filename":"61140-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61140,"width":1903,"window_params":"","banner_url":"","id":1713211,"href":"","height":6845},{"scr_type_id":212,"filename":"61140-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61140,"width":430,"window_params":"","banner_url":"","id":1713212,"href":"","height":60},{"scr_type_id":312,"filename":"61140-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61140,"width":370,"window_params":"","banner_url":"","id":1713213,"href":"","height":370},{"scr_type_id":311,"filename":"61140-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61140,"width":965,"window_params":"","banner_url":"","id":1713214,"href":"","height":3471},{"scr_type_id":3,"filename":"61140-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61140,"width":408,"window_params":"","banner_url":"","id":1713215,"href":"","height":55},{"scr_type_id":9,"filename":"61140-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61140,"width":145,"window_params":"","banner_url":"","id":1713216,"href":"","height":156},{"scr_type_id":3,"filename":"61140-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61140,"width":895,"window_params":"","banner_url":"","id":1713217,"href":"","height":599},{"scr_type_id":334,"filename":"61140-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61140,"width":1903,"window_params":"","banner_url":"","id":1713218,"href":"","height":6845},{"scr_type_id":78,"filename":"61140-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":61140,"width":970,"window_params":"","banner_url":"","id":1713219,"href":"","height":280},{"scr_type_id":298,"filename":"61140-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":61140,"width":430,"window_params":"","banner_url":"","id":1713220,"href":"","height":900}],"demoUrl":"/demo/61140.html","image":"https://s.tmimgcdn.com/scr/61100/downhill-active-sport-multipage-html5-website-template_61140-original.jpg","searchHash":"d177ed20c86df98d794917d394568e1f","previewHash":"54c6632a2aab754eb6374b390c10bca1","authorNickname":"WT","lowLevelTopic":"Bike Shop Templates; Biker Club Templates; Extreme Sports Templates","weightedRating":3.3454545454545457,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","kindOfShops":"sport, climbing, extreme sports, field hockey, fishing, fitness, running","color":["black","white","blue","green"],"followUpLetter":"website-template-offers","reviewsTotal":"1","uniqueKeywords":"body bodybuilding entertainment joy events style teaching training instructors trainers tournaments schedule coach beauty gym fitness strong force","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","reviewAverageScore":"5","sqi":"95","showVariantForcibly":"b","metaDescription":"This fully responsive Active Sport HTML5 Template will help you to easily create a modern-looking sports website.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/61100/61140-en_01.jpg, https://s.tmimgcdn.com/scr/61100/61140-en_02.jpg, https://s.tmimgcdn.com/scr/61100/61140-en_03.jpg, https://s.tmimgcdn.com/scr/61100/61140-en_04.jpg, https://s.tmimgcdn.com/scr/61100/61140-en_05.jpg, https://s.tmimgcdn.com/scr/61100/61140-en_06.jpg, https://s.tmimgcdn.com/scr/61100/61140-en_07.jpg, https://s.tmimgcdn.com/scr/61100/61140-en_08.jpg, https://s.tmimgcdn.com/scr/61100/61140-en_09.jpg, https://s.tmimgcdn.com/scr/61100/61140-en_10.jpg, https://s.tmimgcdn.com/scr/61100/61140-en_11.jpg, https://s.tmimgcdn.com/scr/61100/61140-en_12.jpg, https://s.tmimgcdn.com/scr/61100/61140-en_13.jpg, https://s.tmimgcdn.com/scr/61100/61140-en_14.jpg, https://s.tmimgcdn.com/scr/61100/61140-en_15.jpg","features":["Responsive","Bootstrap","HTML plus JS"],"livePreviewURL":"https://livedemo00.template-help.com/wt_61140","languageSupport":"English","authorUserId":"1553971","htmlTitle":"DownHill - Active Sport HTML5 Template","isFree":"none","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/bootstrap-template/","popularity":"Top Rated","imageDescription":"https://s.tmimgcdn.com/scr/61100/61140-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Apache Server","Code editor","PHP 5.4+"],"templateIcon":"icon-bootstrap","dynamicChangeLog":"<ul>\n<li>- 3 styles issues fixed</li>\n<li>- 3 PSD layers updated</li>\n</ul>","lastmod":"2021-02-23T19:25:19-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"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","demoMetaDescription":"Before buying it, get the look and feel of the DownHill - Active Sport Multipage HTML5 Website Template (#61140) by viewing the demo. View the pages, check out the images, press the buttons, explore the features.","shortDescription":"This fully responsive Active Sport HTML5 Template will help you to create a fully-functional sport-related website or a sport store. This template has a distinctive design, it’s fast, easy to use and simple to manage. Select among many different customization variants to adjust your template to make it really stand out. One of the main advantages our HTML5 templates is the high load speed. Thanks to the advanced development methods, our websites based on HTML5 will have almost no loading time. Just install this template and be sure that with our Active Sport HTML5 Template your sport-related business will be represented on the web from the best side. For all our products we offer 24/7 lifetime support.<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 Bootstrap Cars & Motorcycles web template</h3> <p><b>What is it?</b></p><p>Bootstrap is a front-end network for creating websites and web-applications.</p> <p><b>Why is it Good?</b></p><p>Working with such type of framework tremendously accelerates the process of producing website pages. Standard styles are really simple to change, that offers an adaptable and easy process for creating website styles.</p><p>Newest <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website designs</a> here</p> <h3>This Extreme Sports Channel website template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design means well adjusted to the displays of all resolutions on any gadget. </p> <p><b>Why is it Good?</b></p><p>Because of the increasing popularity of smartphones, the number of individuals who log on to the websites from phones has grown considerably. This sort of functionality allows you to modify websites to smartphones and various screen extensions, finally offering smartphone consumers with improved options.</p><p>Find more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <br /></div></div></div></div>","tags":["beauty","body","bodybuilding","coach","entertainment","events","fitness","force","gym","instructors","joy","schedule","sport","strong","style","teaching","tournaments","trainers","training"],"customUrl":"/website-templates/downhill-active-sport-html5-template-61140.html","badge":"badge-responsive","nameOfTheTemplate":"DownHill - Active Sport Multipage HTML5 Website Template","loyaltySells":"1","width":"1920px","pHPVersionCompatibility":"7.x","topic":["Bike Shop Templates","Biker Club Templates","Sport Templates","Extreme Sports Templates","Cars & Motorcycles","Sports, Outdoors & Travel","Motorcycles"],"styles":"Neutral","skupromo":"20%","marketplaceMembership":"One","advImage":"https://s.tmimgcdn.com/scr/61100/61140-original.jpg","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: Sun, 19 May 2024 23:39:38 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=61140&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=61140&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=61140&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 19 May 2024 23:44:38 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_61140<!DOCTYPE html>
<html lang="en">
<head>
    <title>#61140 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/61140.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 #61140            </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=61140&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>