string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=360125&expand=properties"
string(15094) "[{"templateId":360125,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":366,"categoryName":"BMX Templates","templateTitle":"BMX Website Template","templatePreviewHtmlTitle":"Bikoo - BiCycle Multipurpose eCommerce HTML5 Website Template","templateDemoHtmlTitle":"Live demo for Bikoo - BiCycle Multipurpose eCommerce HTML5 Website Template #360125","typeShortName":"Website","templatePreviewFBTitle":"<p><strong>Get an exclusive 30% off on unlimited purchases as a special offer. The offer is extended for a limited time only. </strong></p><p>Bikoo – A Stunning Bootstrap 5 Template for Bike and Auto Parts and Accessories Stores.</p><p>Discover Bikoo – a visually captivating, clean, and modern template designed to enhance your web projects. This well-documented Bootstrap 4 template is a perfect fit for those in the business of selling cycles, bicycles, motorcycles, riding gear, wheels, and more. It promises to infuse dynamism into your online store while offering cross-browser compatibility. If you're considering launching a new business, Bikoo's eCommerce template is your instant solution. Start your online venture with Bikoo and watch your store flourish without hesitation.</p><h3>🚴‍♀️<strong>Key Features:</strong>🚴‍♂️</h3><ul><li><strong>Contemporary and Responsive Design:</strong> Bikoo boasts a modern and elegant design that seamlessly adapts to all screen sizes, ensuring your website's stunning appearance on desktops, tablets, and smartphones. Prioritizing user experience, your visitors will relish effortless navigation and straightforward access to your content.</li><li><strong>Effortless Customization:</strong> Refrain from settling for a run-of-the-mill website. With Bikoo's user-friendly customization options, you can effortlessly modify colors, fonts, and layouts to align with your brand identity. Tailor your site to perfection without the need for coding expertise.</li><li><strong>Robust and Adaptable Framework:</strong> Bikoo is built upon cutting-edge HTML5 and CSS3 technologies, furnishing a reliable and efficient foundation for your website. Moreover, it seamlessly functions across different browsers, ensuring a consistent experience for all users.</li><li><strong>Sleek Animations: </strong>Captivate your audience with refined and subtle animations that introduce an element of sophistication to your website. These animations enrich the user experience without overshadowing your content.</li><li><strong>Ready for Blogging:</strong>Share your thoughts, updates, and insights through the integrated blog section. Engage your audience with valuable content and establish yourself as an authority in the industry.</li><li><strong>Effortless Contact: </strong>Easily connect with your website visitors using Bikoo's built-in contact forms.</li><li><strong>Compatibility Across Platforms: </strong>Bikoo operates flawlessly across various platforms, guaranteeing smooth performance on Windows, macOS, iOS, and Android devices.</li><li><strong>Dedicated Customer Support: </strong>Our customer support team stands ready to assist you with any inquiries or challenges you may encounter while using Bikoo. We are committed to ensuring your journey in building your website is seamless and successful.</li></ul><h3>🚴‍♀️<strong>Main Features:</strong>🚴‍♂️</h3><ul><li><strong>A Total of 13+ HTML Pages</strong></li><li><strong>A Unique, Simple, and Clean Design</strong></li><li><strong>Support for Mega Menus</strong></li><li><strong>Full Checkout Page Support</strong></li><li><strong>Advanced Shop Search</strong></li><li><strong>Includes Blog List and Blog Single Page</strong></li><li><strong>Dynamic Contact Form</strong></li><li><strong>Built on the Latest Bootstrap v5.3.1</strong></li><li><strong>Utilizes owl-carousel slider</strong></li><li><strong>Incorporates Animate.css for Animations</strong></li><li><strong>Iconfont Icons</strong></li><li><strong>Pixel-Perfect Design</strong></li><li><strong>Responsive Layout</strong></li><li><strong>Full Compatibility with Major Browsers, Including Chrome, Safari, Firefox, and Internet Explorer 9+</strong></li><li><strong>Comprehensive Documentation</strong></li><li><strong>W3-Validated Markup</strong></li><li><strong>and much more…</strong></li></ul><h3>🚴‍♀️<strong>What do you get?</strong>🚴‍♂️</h3><ul><li>All HTML Files.</li><li>Documentation</li></ul><p>When you acquire this template, you gain access to lifetime support. We will periodically update this template, and we value your input for future updates or entirely new templates.</p><p><strong>Kindly be aware that the download file does not include any images.</strong></p>","templateFullTitle":"Bikoo - BiCycle Multipurpose eCommerce HTML5 Website Template","templatePreviewMetaDescription":"Get an exclusive 30% off on unlimited purchases as a special offer. The offer is extended for a limited time only. Bikoo – A Stunning Bootstrap 5 Template","templateDemoMetaDescription":"Before you buy it, get yourself acquainted with the professional Bikoo - BiCycle Multipurpose eCommerce HTML5 Website Template Website Template (#360125) by enjoying the demo preview. Go through the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Bikoo - BiCycle Multipurpose eCommerce HTML5 Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/bikoo-bicycle-multipurpose-ecommerce-html5-website-template-360125.html","userRating":0,"designIndex":1,"authorUserId":"2220425","exclusive":"1","state":1,"price":20,"inserted_date":"2023-09-22","sent":0,"downloads":0,"search_words":"accessories automotive bicycle bicycling bike biking cycle cycling shop store transport vehicle ecommerce bike shop motor market mechanic","is_adult":0,"exc_price":2100,"sent_date":"2023-09-22 11:11:09","last_upload":"2024-09-18 07:19:18","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"360125-6-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":360125,"width":800,"window_params":"","banner_url":"","id":3227370,"href":"","height":500},{"scr_type_id":311,"filename":"360125-4-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":360125,"width":800,"window_params":"","banner_url":"","id":3227371,"href":"","height":500},{"scr_type_id":312,"filename":"360125-4-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":360125,"width":370,"window_params":"","banner_url":"","id":3227372,"href":"","height":370},{"scr_type_id":9,"filename":"360125-4-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":360125,"width":145,"window_params":"","banner_url":"","id":3227373,"href":"","height":156},{"scr_type_id":57,"filename":"360125-4-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":360125,"width":430,"window_params":"","banner_url":"","id":3227374,"href":"","height":269}],"demoUrl":"/demo/360125.html","image":"https://s.tmimgcdn.com/scr/360100/bikoo-bicycle-multipurpose-ecommerce-html5-website-template_360125-6-original.jpg","searchHash":"361f236dae37d0603f9eb892ea523545","previewHash":"5ac3c6c1e572a7a3f0b1cfccd43295ee","authorNickname":"ThemeClan","lowLevelTopic":"Bike Shop Templates; Biker Club Templates; BMX Templates; Cycling Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":50,"onSale":1,"finalPrice":14,"discountPercent":30,"discountAmount":6,"semiannualSales":0,"properties":{"styles":["Clean","Mobile","Flat"],"isLastAdded":"1","popularity":"Zero Downloads","features":["Bootstrap","Mobile Layout Included","Multipurpose","eCommerce","Dropdown Menu","Google map","MegaMenu","HTML 5","JQuery"],"topic":["Bike Shop Templates","Biker Club Templates","BMX Templates","Cycling Templates","Sport Templates","Cars & Motorcycles","Sports, Outdoors & Travel","Motorcycles"],"isFree":"none","color":["white","brown","red"],"productOfTheDay":"-4","showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","authorUserId":"2220425","imagesIncluded":"No","tags":["accessories","automotive","bicycle","bicycling","bike","biking","cycle","cycling","market","mechanic","motor","shop","store","transport","vehicle","ecommerce","bike shop"],"paidSupport":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"bootstrapVersion":"5.3.x","frameworks":"None","excerpt":"<p>Explore Bikoo Bike: the ultimate HTML template for motorcycle enthusiasts, bike shops &amp; riders. Craft immersive online presence effortlessly.</p>","nameOfTheTemplate":"Bikoo - BiCycle Multipurpose eCommerce HTML5 Website Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u2220425/8f6d824b112883fb805c63592abae3b1.png, https://s3u.tmimgcdn.com/u2220425/ca0c13f5713df878cdd62d1e8b2bf904.png, https://s3u.tmimgcdn.com/u2220425/acbe67b42e022b84f29af3cac29acc70.png, https://s3u.tmimgcdn.com/u2220425/98e4715b544a7b28aac432b8fce6eaa0.png","shortDescription":"<p><strong>Get an exclusive 30% off on unlimited purchases as a special offer. The offer is extended for a limited time only. </strong></p><p>Bikoo – A Stunning Bootstrap 5 Template for Bike and Auto Parts and Accessories Stores.</p><p>Discover Bikoo – a visually captivating, clean, and modern template designed to enhance your web projects. This well-documented Bootstrap 4 template is a perfect fit for those in the business of selling cycles, bicycles, motorcycles, riding gear, wheels, and more. It promises to infuse dynamism into your online store while offering cross-browser compatibility. If you're considering launching a new business, Bikoo's eCommerce template is your instant solution. Start your online venture with Bikoo and watch your store flourish without hesitation.</p><h3>🚴‍♀️<strong>Key Features:</strong>🚴‍♂️</h3><ul><li><strong>Contemporary and Responsive Design:</strong> Bikoo boasts a modern and elegant design that seamlessly adapts to all screen sizes, ensuring your website's stunning appearance on desktops, tablets, and smartphones. Prioritizing user experience, your visitors will relish effortless navigation and straightforward access to your content.</li><li><strong>Effortless Customization:</strong> Refrain from settling for a run-of-the-mill website. With Bikoo's user-friendly customization options, you can effortlessly modify colors, fonts, and layouts to align with your brand identity. Tailor your site to perfection without the need for coding expertise.</li><li><strong>Robust and Adaptable Framework:</strong> Bikoo is built upon cutting-edge HTML5 and CSS3 technologies, furnishing a reliable and efficient foundation for your website. Moreover, it seamlessly functions across different browsers, ensuring a consistent experience for all users.</li><li><strong>Sleek Animations: </strong>Captivate your audience with refined and subtle animations that introduce an element of sophistication to your website. These animations enrich the user experience without overshadowing your content.</li><li><strong>Ready for Blogging:</strong>Share your thoughts, updates, and insights through the integrated blog section. Engage your audience with valuable content and establish yourself as an authority in the industry.</li><li><strong>Effortless Contact: </strong>Easily connect with your website visitors using Bikoo's built-in contact forms.</li><li><strong>Compatibility Across Platforms: </strong>Bikoo operates flawlessly across various platforms, guaranteeing smooth performance on Windows, macOS, iOS, and Android devices.</li><li><strong>Dedicated Customer Support: </strong>Our customer support team stands ready to assist you with any inquiries or challenges you may encounter while using Bikoo. We are committed to ensuring your journey in building your website is seamless and successful.</li></ul><h3>🚴‍♀️<strong>Main Features:</strong>🚴‍♂️</h3><ul><li><strong>A Total of 13+ HTML Pages</strong></li><li><strong>A Unique, Simple, and Clean Design</strong></li><li><strong>Support for Mega Menus</strong></li><li><strong>Full Checkout Page Support</strong></li><li><strong>Advanced Shop Search</strong></li><li><strong>Includes Blog List and Blog Single Page</strong></li><li><strong>Dynamic Contact Form</strong></li><li><strong>Built on the Latest Bootstrap v5.3.1</strong></li><li><strong>Utilizes owl-carousel slider</strong></li><li><strong>Incorporates Animate.css for Animations</strong></li><li><strong>Iconfont Icons</strong></li><li><strong>Pixel-Perfect Design</strong></li><li><strong>Responsive Layout</strong></li><li><strong>Full Compatibility with Major Browsers, Including Chrome, Safari, Firefox, and Internet Explorer 9+</strong></li><li><strong>Comprehensive Documentation</strong></li><li><strong>W3-Validated Markup</strong></li><li><strong>and much more…</strong></li></ul><h3>🚴‍♀️<strong>What do you get?</strong>🚴‍♂️</h3><ul><li>All HTML Files.</li><li>Documentation</li></ul><p>When you acquire this template, you gain access to lifetime support. We will periodically update this template, and we value your input for future updates or entirely new templates.</p><p><strong>Kindly be aware that the download file does not include any images.</strong></p>","uniqueKeywords":"accessories,automotive,bicycle,bicycling,bike,biking,cycle,cycling,shop,store,transport,vehicle,ecommerce,bike shop,motor,market,mechanic","advImage":"https://s3u.tmimgcdn.com/u2220425/7a204eb2779ee2dd97e2526416f9ec44.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2220425/15c36b61210f4bbedb2301baca0262a4.jpg","livePreviewURL":"https://themeclan.com/bikoo/","metaDescription":"Get an exclusive 30% off on unlimited purchases as a special offer. The offer is extended for a limited time only. Bikoo – A Stunning Bootstrap 5 Template","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Before you buy it, get yourself acquainted with the professional Bikoo - BiCycle Multipurpose eCommerce HTML5 Website Template Website Template (#360125) by enjoying the demo preview. Go through the pages, check the images, click the buttons, explore the functionality.","customUrl":"/website-templates/bikoo-bicycle-multipurpose-ecommerce-html5-website-template-360125.html","productSize":"5394933","trendiness":"1","authorMainScreenshotVersion":"6","changeLog":"## September 08, 2024\n- Updated Icon\n- Updated demo\n- Improved page speed\n- Fixed bugs \n- Fixed some CSS styles","changeLogDate":"2024-09-18","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 21 Nov 2024 11:11:00 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(293) "Link: <http://products/api/v2/products/en?language=en&ids=360125&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=360125&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=360125&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 21 Nov 2024 11:16:00 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://themeclan.com/bikoo/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#360125 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/360125.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 #360125            </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=360125&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $29                <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>