string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=52665&expand=properties"
string(15067) "[{"templateId":52665,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":387,"categoryName":"Hockey Templates","templateTitle":"Hockey Responsive Website Template","templatePreviewHtmlTitle":"Hockey Responsive Website Template #52665 - TemplateMonster","templateDemoHtmlTitle":"Live demo for Hockey Responsive Website Template #52665","typeShortName":"Website","templatePreviewFBTitle":"Opting for this advanced hockey team website theme, you can create a webpage for any hockey league, hockey shop or hockey blog. It perfectly works for promoting hinduism or hinduism classes, and also other projects on the net. Intuitive site navigation and easy-to-browse, responsive and cross-browser compatible design will facilitate customers' usage with the website developed from this web theme. If you have any inquiries regarding website design use you can check out comprehensive documentation, also you receive round-the-clock priority assistance helping to eliminate any issue. If you need to set up a professional looking online project, go with this up to date layout!<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 Parallax Sports website template</h3> <p><b>What is it?</b></p><p>It's actually a specific approach when the background image shifts slower in perception in contrast to components of the foreground. Therefore, Parallax creates a feeling of a three-dimensional space.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling may help you bring depth to your web site look and feel.</p><p>Browse for more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website designs</a> here</p> <h3>This Sports website design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders a website page exact same properly on any sort of display screen size.</p> <p><b>Why is it Good?</b></p><p>Responsive design will certainly let your internet-site look equally cool on screen of any sort of desktop or hand-held device.</p><p>Find fresh <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This is a Bootstrap Ice Hockey website design template</h3> <p><b>What is it?</b></p><p>Bootstrap is a set of instruments with an open source code. It is suitable for building websites and web apps using HTML, CSS, and Javascript.</p> <p><b>Why is it Good?</b></p><p>Bootstrap allows you to establish responsive, mobile-first  projects in a very easy way.</p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Hockey Responsive Website Template","templatePreviewMetaDescription":"Opting for this advanced hockey team website theme, you can create a webpage for any hockey league, hockey shop or hockey blog. It perfectly works for","templateDemoMetaDescription":"Before buying it, get the look and feel of the top quality Hockey Responsive Website Template (#52665) by enjoying the demo. Browse through the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Hockey Responsive Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/52665.html","userRating":0,"designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2015-01-09","sent":2,"downloads":3,"search_words":"field hockey sport fan team game results coach athlete club sport game entertainment joy events school teaching training programs instructors trainers membership","is_adult":0,"exc_price":4500,"sent_date":"2015-01-12 06:15:27","last_upload":"2015-01-09 00:00:00","package_id":258,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":3,"filename":"52665-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52665,"width":895,"window_params":"","banner_url":"","id":1436289,"href":"","height":599},{"scr_type_id":311,"filename":"52665-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52665,"width":965,"window_params":"","banner_url":"","id":1436290,"href":"","height":2520},{"scr_type_id":78,"filename":"52665-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":52665,"width":970,"window_params":"","banner_url":"","id":1436291,"href":"","height":280},{"scr_type_id":3,"filename":"52665-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52665,"width":1920,"window_params":"","banner_url":"","id":1436292,"href":"","height":2821},{"scr_type_id":317,"filename":"52665-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52665,"width":1920,"window_params":"","banner_url":"","id":1436293,"href":"","height":2821},{"scr_type_id":300,"filename":"52665-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52665,"width":320,"window_params":"","banner_url":"","id":1436294,"href":"","height":900},{"scr_type_id":3,"filename":"52665-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52665,"width":408,"window_params":"","banner_url":"","id":1436295,"href":"","height":55},{"scr_type_id":3,"filename":"52665-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52665,"width":1800,"window_params":"","banner_url":"","id":1436296,"href":"","height":2821},{"scr_type_id":299,"filename":"52665-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52665,"width":430,"window_params":"","banner_url":"","id":1436297,"href":"","height":900},{"scr_type_id":314,"filename":"52665-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52665,"width":1920,"window_params":"","banner_url":"","id":1436298,"href":"","height":4700},{"scr_type_id":298,"filename":"52665-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52665,"width":430,"window_params":"","banner_url":"","id":1436299,"href":"","height":900},{"scr_type_id":312,"filename":"52665-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52665,"width":370,"window_params":"","banner_url":"","id":1436300,"href":"","height":370},{"scr_type_id":3,"filename":"52665-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52665,"width":965,"window_params":"","banner_url":"","id":1436301,"href":"","height":1512},{"scr_type_id":315,"filename":"52665-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52665,"width":1800,"window_params":"","banner_url":"","id":1436302,"href":"","height":4700},{"scr_type_id":297,"filename":"52665-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52665,"width":430,"window_params":"","banner_url":"","id":1436303,"href":"","height":1123},{"scr_type_id":3,"filename":"52665-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52665,"width":1800,"window_params":"","banner_url":"","id":1436304,"href":"","height":4700},{"scr_type_id":3,"filename":"52665-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52665,"width":1800,"window_params":"","banner_url":"","id":1436305,"href":"","height":2821},{"scr_type_id":3,"filename":"52665-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52665,"width":1920,"window_params":"","banner_url":"","id":1436306,"href":"","height":4700},{"scr_type_id":9,"filename":"52665-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52665,"width":145,"window_params":"","banner_url":"","id":1436307,"href":"","height":156},{"scr_type_id":212,"filename":"52665-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52665,"width":430,"window_params":"","banner_url":"","id":1436308,"href":"","height":60},{"scr_type_id":334,"filename":"52665-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52665,"width":1920,"window_params":"","banner_url":"","id":1637593,"href":"","height":4700}],"demoUrl":"/demo/52665.html","image":"https://s.tmimgcdn.com/scr/52600/hockey-responsive-website-template_52665-original.jpg","searchHash":"0b551ee2bbf009ffa3593ae573ed8487","previewHash":"ad11ced1fb7cdcf890b051d24fd9e30d","authorNickname":"WT","lowLevelTopic":"Hockey Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":44,"discountPercent":30,"discountAmount":19,"semiannualSales":0,"properties":{"productFamily":"None","followUpLetter":"website-template-offers","color":["black","white","grey","green"],"uniqueKeywords":"field hockey","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","metaDescription":"This comprehensive preview of your Hockey Responsive Website Template (#52665) will allow you to make an educated choice to purchase and enjoy this premium website design.","bootstrapVersion":"3.2.0","features":["Bootstrap","Responsive","HTML plus JS","Parallax","Sliced PSD","Dropdown Menu","Google map","HTML 5","JQuery"],"livePreviewURL":"https://livedemo00.template-help.com/wt_52665","templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1553971","jqueryScripts":["\"SuperFish\" DropDown Menu","Mobile Menu","Responsive Slider"],"isFree":"none","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/bootstrap-template/","documentationVersion":"Bootstrap Website Templates v1.1","imageDescription":"https://s.tmimgcdn.com/scr/52600/52665-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"dynamicChangeLog":"<ul>\n<li>- 3 minor HTML bugs fixed</li>\n<li>- 3 CSS bugs fixed</li>\n<li>- 2 minor layout bugs fixed</li>\n</ul>","templateIcon":"icon-bootstrap","lastmod":"2020-08-30T09:34:14-04: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 top quality Hockey Responsive Website Template (#52665) by enjoying the demo. Browse through the pages, check out the images, press the buttons, explore the features.","shortDescription":"Opting for this advanced hockey team website theme, you can create a webpage for any hockey league, hockey shop or hockey blog. It perfectly works for promoting hinduism or hinduism classes, and also other projects on the net. Intuitive site navigation and easy-to-browse, responsive and cross-browser compatible design will facilitate customers' usage with the website developed from this web theme. If you have any inquiries regarding website design use you can check out comprehensive documentation, also you receive round-the-clock priority assistance helping to eliminate any issue. If you need to set up a professional looking online project, go with this up to date layout!<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 Parallax Sports website template</h3> <p><b>What is it?</b></p><p>It's actually a specific approach when the background image shifts slower in perception in contrast to components of the foreground. Therefore, Parallax creates a feeling of a three-dimensional space.</p> <p><b>Why is it Good?</b></p><p>Parallax scrolling may help you bring depth to your web site look and feel.</p><p>Browse for more <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website designs</a> here</p> <h3>This Sports website design template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design renders a website page exact same properly on any sort of display screen size.</p> <p><b>Why is it Good?</b></p><p>Responsive design will certainly let your internet-site look equally cool on screen of any sort of desktop or hand-held device.</p><p>Find fresh <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website templates</a> here</p> <h3>This is a Bootstrap Ice Hockey website design template</h3> <p><b>What is it?</b></p><p>Bootstrap is a set of instruments with an open source code. It is suitable for building websites and web apps using HTML, CSS, and Javascript.</p> <p><b>Why is it Good?</b></p><p>Bootstrap allows you to establish responsive, mobile-first  projects in a very easy way.</p><p>Find fresh <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap website templates</a> here</p> <br /></div></div></div></div>","bitLyUrl":"http://bit.ly/1C73xxY","tags":["athlete","club","coach","entertainment","events","fan","field","game","hockey","instructors","joy","membership","programs","results","school","sport","teaching","team","trainers","training"],"layout":"2 columns","customUrl":"/website-templates/52665.html","webForms":["Contact Form","Search Form"],"badge":"badge-responsive","nameOfTheTemplate":"Hockey Responsive Website Template","loyaltySells":"1","width":"1920px","pHPVersionCompatibility":"7.x","topic":["Hockey Templates","Sport Templates","Sports, Outdoors & Travel"],"styles":["Neutral","Flat"],"skupromo":"40%","marketplaceMembership":"None","advImage":"https://s.tmimgcdn.com/scr/52600/52665-original.jpg","category":"Website templates","dqi":"00","imagesList":"Depositphotos1961784original,,Depositphotos1961939original,,Depositphotos6325694original,,Depositphotos7260594original,,Depositphotos8815852original,,Depositphotos9096067original,,Depositphotos10953362EL4,,Depositphotos19410991original,,Depositphotos29916017original,,Depositphotos31173211original,,Depositphotos33865031original"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Mon, 25 Nov 2024 11:33:50 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=52665&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=52665&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=52665&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 25 Nov 2024 11:38:50 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_52665<!DOCTYPE html>
<html lang="en">
<head>
    <title>#52665 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/52665.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 #52665            </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=52665&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $58                <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>