string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=88638&expand=properties"
string(14890) "[{"templateId":88638,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":370,"categoryName":"Archery Templates","templateTitle":"Archery Responsive Website Template","templatePreviewHtmlTitle":"Sherwood - Archery Multipage Clean HTML Website Template","templateDemoHtmlTitle":"Demo for Sherwood - Archery Multipage Clean HTML Website Template #88638","typeShortName":"Website","templatePreviewFBTitle":"<h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Creative Archery Website Template</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">An archery website template is a useful tool designed to help you create an appealing site. Even though archery clubs offer interesting & eye-catchy sports activities, they also have to advertise themselves. Developing ways to increase their client base is also vital. And one of the modern most popular ways to advertise your business is a website.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">With a website, you can tell customers all about your business and advertise your services most preferably. However, to overcome your competitors it is not enough to develop a simple website. You need a website developed especially for archers and archery schools. Sherwood archery website template has all you need to create such a website.</span></p><p><br></p><p><br></p><h3><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Multipage & Feature-rich Template</span></h3><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">This archery website template includes more than 20 pre-developed pages. Developers also included W3C Valid coding. Due to this coding, your website will be highly reliable. It is also well-optimized and fast. Due to this feature, your website will be SEO-friendly, which means appearing higher in the web search results. Moreover, this template offers:</span></p><ol><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">SCSS & Pug source files;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">A huge set of UI elements and blocks;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Cross-browser support;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">2 Blog layouts;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Multiple Gallery types such as Grid, masonry, cobbles;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Powerful Search Engine.</span></li></ol><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Sherwood is a clean, yet bright archery website template. Due to such a combination of features, your website will be attractive. It also allows you to highlight the most valuable information and products. This template is fully editable and you can change any part of it. If you want to decorate your website you can use included CSS3 effects and transitions.</span></p><p><br></p><p><br></p><h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Full Customization & 24/7 Support</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">If you want to customize this website template, then you can include more UI elements and blocks. Also, feel free to add various contact forms. You can also fill your website gallery with visual content to advertise your archery classes. Or you can post the latest news of your archery club via blog page. Its layouts allow representing information the way you want.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">The template's documentation can help you get a better understanding of how it works. The documentation is very detailed. It describes everything you need to know about the Sherwood archery website template. However, our 24/7 support will be glad to help you if you have any additional questions. We are aimed at delivering the best experience of using our templates.</span></p><p><br></p><p><br></p><p><em>Please note that .psd files are not included in this template package.</em></p>","templateFullTitle":"Sherwood - Archery Multipage Clean HTML Website Template","templatePreviewMetaDescription":"Creative Archery Website TemplateAn archery website template is a useful tool designed to help you create an appealing site. Even though archery clubs offer","templateDemoMetaDescription":null,"specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Sherwood - Archery Multipage Clean HTML Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/sherwood-archery-multipage-clean-html-website-template-88638.html","userRating":0,"designIndex":"86","authorUserId":"1768190","exclusive":"1","state":1,"price":61,"inserted_date":"2019-11-08","sent":0,"downloads":7,"search_words":"club game entertainment joy events school teaching training instructors trainers tournaments schedule player coach field class team","is_adult":0,"exc_price":4500,"sent_date":"2019-11-08 10:30:58","last_upload":"2019-11-08 10:30:58","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1866973,"templ_id":88638,"filename":"88638-original.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1866974,"templ_id":88638,"filename":"88638-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1866975,"templ_id":88638,"filename":"88638-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1866976,"templ_id":88638,"filename":"88638-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1866977,"templ_id":88638,"filename":"88638-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/88638.html","image":"https://s.tmimgcdn.com/scr/88600/sherwood-archery-multipage-clean-html-website-template_88638-original.jpg","searchHash":"a1d74a199fc8005153b58a0a8dcc7809","previewHash":"b2f60ef0663f28ab68f1d7a72753ef8b","authorNickname":"RockThemes","lowLevelTopic":"Archery Templates","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":1,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"bitLyUrl":"http://bit.ly/32pOTVr","features":["Bootstrap","Premium","Pro","Responsive","Search Engine Friendly","Gallery","HTML plus JS","Parallax","HTML 5","JQuery","Dropdown Menu","Tabs"],"livePreviewURL":"https://livedemo00.template-help.com/wt_prod-24933/","styles":"Neutral","languageSupport":"English","nameOfTheTemplate":"Sherwood - Archery Multipage Clean HTML Website Template","shortDescription":"<h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Creative Archery Website Template</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">An archery website template is a useful tool designed to help you create an appealing site. Even though archery clubs offer interesting & eye-catchy sports activities, they also have to advertise themselves. Developing ways to increase their client base is also vital. And one of the modern most popular ways to advertise your business is a website.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">With a website, you can tell customers all about your business and advertise your services most preferably. However, to overcome your competitors it is not enough to develop a simple website. You need a website developed especially for archers and archery schools. Sherwood archery website template has all you need to create such a website.</span></p><p><br></p><p><br></p><h3><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Multipage & Feature-rich Template</span></h3><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">This archery website template includes more than 20 pre-developed pages. Developers also included W3C Valid coding. Due to this coding, your website will be highly reliable. It is also well-optimized and fast. Due to this feature, your website will be SEO-friendly, which means appearing higher in the web search results. Moreover, this template offers:</span></p><ol><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">SCSS & Pug source files;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">A huge set of UI elements and blocks;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Cross-browser support;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">2 Blog layouts;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Multiple Gallery types such as Grid, masonry, cobbles;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Powerful Search Engine.</span></li></ol><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Sherwood is a clean, yet bright archery website template. Due to such a combination of features, your website will be attractive. It also allows you to highlight the most valuable information and products. This template is fully editable and you can change any part of it. If you want to decorate your website you can use included CSS3 effects and transitions.</span></p><p><br></p><p><br></p><h2><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Full Customization & 24/7 Support</span></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">If you want to customize this website template, then you can include more UI elements and blocks. Also, feel free to add various contact forms. You can also fill your website gallery with visual content to advertise your archery classes. Or you can post the latest news of your archery club via blog page. Its layouts allow representing information the way you want.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">The template's documentation can help you get a better understanding of how it works. The documentation is very detailed. It describes everything you need to know about the Sherwood archery website template. However, our 24/7 support will be glad to help you if you have any additional questions. We are aimed at delivering the best experience of using our templates.</span></p><p><br></p><p><br></p><p><em>Please note that .psd files are not included in this template package.</em></p>","kindOfShops":"Archery classes, archery courses","galleryScript":["Accordion","Carousel","CSS and JS","Isotope","Slider","Grid"],"webForms":["Contact Form","Newsletter Subscription","Search Form"],"badge":"badge-responsive","bootstrapVersion":"4.0.x","topic":["Archery Templates","Sport Templates","Sports, Outdoors & Travel"],"templateSoftwareRequired":["Apache 2.0+","PHP 5.4+","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"templateIcon":"icon-bootstrap","uniqueKeywords":"club game entertainment joy events school teaching training instructors trainers tournaments schedule player coach field class team","customUrl":"/website-templates/sherwood-archery-multipage-clean-html-website-template-88638.html","metaDescription":"Developed by web design professionals, this archery website template is a highly reliable & responsive web development tool for archers and archery clubs.","htmlTitle":"Sherwood Archery Website Template","dateRange":["This Month","Last Week"],"color":["black","white","grey","green"],"imageKeyFeatures":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1573226807280_cut-01.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1573226807281_cut-02.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1573226807283_cut-03.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1573226807284_cut-04.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1573226807285_cut-05.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1573226807286_cut-06.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1573226807287_cut-07.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1573226807287_cut-08.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1573226807289_cut-09.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1573226807290_cut-10.jpg","lastmod":"2021-11-17T21:50:13-05:00","trendiness":"1","showVariantForcibly":"b","dqi":"86","previewScreensOrVideoURLs":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1573226790750_01.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1573226792848_02.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1573226794837_03.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1573226797276_04.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1573226799811_05.jpg","authorUserId":"1768190","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"exclusive":"1","authorMainScreenshot":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1573226786419_original-24933.jpg","affiliateSells":"1","saleSells":"1","loyaltySells":"1","templateSupportOptions":"[{\"id\":53444,\"template_id\":41213,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":53445,\"template_id\":41213,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","googleAnalyticsId":"UA-118125082-1","facebookPixelId":"1857475610982695","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_1300.jpg\" srcset=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_2560.jpg 2x\" alt=\"img\"/>","alreadyPacked":"1","marketplaceMembership":"One","isOldDemoUrl":"1","tags":["class","club","coach","entertainment","events","field","game","instructors","joy","player","schedule","school","teaching","team","tournaments","trainers","training"],"pHPVersionCompatibility":"7.x","types":"HTML Website Templates","hELPURL":"/quick-start-guide/website-template/","isFree":"none","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: Fri, 03 May 2024 11:26:19 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=88638&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=88638&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=88638&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 03 May 2024 11:31:19 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_prod-24933/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#88638 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/88638.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 #88638            </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=88638&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>