string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=56076&expand=properties"
string(14518) "[{"templateId":56076,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":376,"categoryName":"Billiards Templates","templateTitle":"Billiards Responsive Website Template","templatePreviewHtmlTitle":"Billiards Responsive Website Template - TemplateMonster","templateDemoHtmlTitle":"Live preview for Billiards Responsive Website Template #56076","typeShortName":"Website","templatePreviewFBTitle":"Opting for this high-quality pool game website theme, you can create a site for any billiards supplies or billiards club. We supply you with a smart style for billiards supplies or billiards tournament. It is eye-catching, engaging and mobile-friendly - the must-have trio for beginning an efficient website. Its well-arranged design is effective for sites rich in content that need to present all important information in an easy to perceive manner. This particular web theme is also richly documented, and comes with high quality round-the-clock assistance. If you're on the lookout for a top quality and credible look for online resource, look at this one.<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 Billiards Store web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive webpage design strategy makes a internet site's interface flexible to a type of screen resolution.</p> <p><b>Why is it Good?</b></p><p>Along with the expanding fascination with mobile devices, how many individuals who log on to the internet sites from mobile phones has expanded considerably. This type of aspect helps you to change websites to smartphones and different screen extensions, finally supplying cellphone owners with enhanced possibilities.</p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <h3>This is Sports web template with On-line chat functionality</h3> <p><b>What is it?</b></p><p>On-line Chat is an instrument that allows you to have a live chat with your customers. </p> <p><b>Why is it Good?</b></p><p>Live chat communication improves customers positive experience and makes them genuinely feel very important whilst providing extra assistance.</p><p>View more <a href=\"https://www.templatemonster.com/online-chat-website-templates/\">On-line chat website designs</a> here</p> <h3>This is a Parallax Sports website template</h3> <p><b>What is it?</b></p><p>A parallax scrolling is a technique in webdesign when background image moves at a slower pace compared to a front article, creating the illusion of multi-level effect. </p> <p><b>Why is it Good?</b></p><p>Animation effects make the site more powerful and appealing. Parallax is some sort of modern day trend, hence using it at your current homepage not just will make it more appealing but also fancier.</p><p>Latest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Billiards Responsive Website Template","templatePreviewMetaDescription":"Opting for this high-quality pool game website theme, you can create a site for any billiards supplies or billiards club. We supply you with a smart style for","templateDemoMetaDescription":"Before you buy it, get the look and feel of the premium Billiards Responsive Website Template (#56076) by viewing the demo preview. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Billiards Responsive Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/56076.html","userRating":0,"designIndex":"00","authorUserId":"1553971","exclusive":0,"state":1,"price":63,"inserted_date":"2015-12-23","sent":2,"downloads":3,"search_words":"billiardo billiard club sport entertainment site cup-final champions membership leadership team ball cue pocket positions cloth lamps table pool tables accessories furniture books videos coaching teacher principles","is_adult":0,"exc_price":4100,"sent_date":"2015-09-19 00:00:00","last_upload":"2015-12-23 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":9,"filename":"56076-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":56076,"width":145,"window_params":"","banner_url":"","id":1514263,"href":"","height":156},{"scr_type_id":300,"filename":"56076-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":56076,"width":320,"window_params":"","banner_url":"","id":1514264,"href":"","height":900},{"scr_type_id":78,"filename":"56076-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":56076,"width":970,"window_params":"","banner_url":"","id":1514265,"href":"","height":280},{"scr_type_id":3,"filename":"56076-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":56076,"width":408,"window_params":"","banner_url":"","id":1514266,"href":"","height":55},{"scr_type_id":3,"filename":"56076-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":56076,"width":895,"window_params":"","banner_url":"","id":1514267,"href":"","height":599},{"scr_type_id":315,"filename":"56076-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":56076,"width":1800,"window_params":"","banner_url":"","id":1514268,"href":"","height":5000},{"scr_type_id":314,"filename":"56076-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":56076,"width":2050,"window_params":"","banner_url":"","id":1514269,"href":"","height":5000},{"scr_type_id":299,"filename":"56076-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":56076,"width":430,"window_params":"","banner_url":"","id":1514270,"href":"","height":900},{"scr_type_id":298,"filename":"56076-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":56076,"width":430,"window_params":"","banner_url":"","id":1514271,"href":"","height":900},{"scr_type_id":212,"filename":"56076-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":56076,"width":430,"window_params":"","banner_url":"","id":1514272,"href":"","height":60},{"scr_type_id":3,"filename":"56076-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":56076,"width":1800,"window_params":"","banner_url":"","id":1514273,"href":"","height":5000},{"scr_type_id":3,"filename":"56076-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":56076,"width":2050,"window_params":"","banner_url":"","id":1514274,"href":"","height":5000},{"scr_type_id":297,"filename":"56076-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":56076,"width":430,"window_params":"","banner_url":"","id":1514275,"href":"","height":1194},{"scr_type_id":311,"filename":"56076-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":56076,"width":965,"window_params":"","banner_url":"","id":1514276,"href":"","height":2681},{"scr_type_id":312,"filename":"56076-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":56076,"width":370,"window_params":"","banner_url":"","id":1514277,"href":"","height":370},{"scr_type_id":334,"filename":"56076-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":56076,"width":2050,"window_params":"","banner_url":"","id":1640455,"href":"","height":5000}],"demoUrl":"/demo/56076.html","image":"https://s.tmimgcdn.com/scr/56000/billiards-responsive-website-template_56076-original.jpg","searchHash":"eb82980d93a6f5bc842c03607d945df9","previewHash":"d3a88f7d4dc1a9ad7043c22ba5f04122","authorNickname":"WT","lowLevelTopic":"Billiards Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":63,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","green"],"followUpLetter":"website-template-offers","categoriesView":"Grid","uniqueKeywords":"Billiard","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","metaDescription":"Before you buy it, check out this beautiful Billiards Responsive Website Template (#56076) - get to know tech specifics and requirements, read customer testimonials, ask a question.","features":["Responsive","On-line chat","Sliced PSD","Dropdown Menu","Google map","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".HTML"],"livePreviewURL":"https://livedemo00.template-help.com/wt_56076","languageSupport":"English","authorUserId":"1553971","isFree":"none","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.2","imageDescription":"https://s.tmimgcdn.com/scr/56000/56076-responsive-layout.jpg","nomotopress":"1","galleryScript":"Carousel","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"dynamicChangeLog":"<ul>\n<li>- 1 minor CSS bugs fixed</li>\n<li>- 3 minor font bugs fixed</li>\n<li>- 1 background issue fixed</li>\n</ul>","templateIcon":"icon-responsive","lastmod":"2019-11-01T00:01:43-04:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","demoMetaDescription":"Before you buy it, get the look and feel of the premium Billiards Responsive Website Template (#56076) by viewing the demo preview. View the pages, check out the images, click the buttons, explore the features.","shortDescription":"Opting for this high-quality pool game website theme, you can create a site for any billiards supplies or billiards club. We supply you with a smart style for billiards supplies or billiards tournament. It is eye-catching, engaging and mobile-friendly - the must-have trio for beginning an efficient website. Its well-arranged design is effective for sites rich in content that need to present all important information in an easy to perceive manner. This particular web theme is also richly documented, and comes with high quality round-the-clock assistance. If you're on the lookout for a top quality and credible look for online resource, look at this one.<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 Billiards Store web template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive webpage design strategy makes a internet site's interface flexible to a type of screen resolution.</p> <p><b>Why is it Good?</b></p><p>Along with the expanding fascination with mobile devices, how many individuals who log on to the internet sites from mobile phones has expanded considerably. This type of aspect helps you to change websites to smartphones and different screen extensions, finally supplying cellphone owners with enhanced possibilities.</p><p>Click for more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <h3>This is Sports web template with On-line chat functionality</h3> <p><b>What is it?</b></p><p>On-line Chat is an instrument that allows you to have a live chat with your customers. </p> <p><b>Why is it Good?</b></p><p>Live chat communication improves customers positive experience and makes them genuinely feel very important whilst providing extra assistance.</p><p>View more <a href=\"https://www.templatemonster.com/online-chat-website-templates/\">On-line chat website designs</a> here</p> <h3>This is a Parallax Sports website template</h3> <p><b>What is it?</b></p><p>A parallax scrolling is a technique in webdesign when background image moves at a slower pace compared to a front article, creating the illusion of multi-level effect. </p> <p><b>Why is it Good?</b></p><p>Animation effects make the site more powerful and appealing. Parallax is some sort of modern day trend, hence using it at your current homepage not just will make it more appealing but also fancier.</p><p>Latest <a href=\"https://www.templatemonster.com/parallax-website-templates/\">Parallax website templates</a> here</p> <br /></div></div></div></div>","tags":["accessories","ball","billiard","books","champions","cloth","club","coaching","cue","entertainment","furniture","lamps","leadership","membership","pocket","pool","principles","site","sport","table","tables","teacher","team","videos"],"customUrl":"/website-templates/56076.html","webForms":"Contact Form","badge":"badge-responsive","nameOfTheTemplate":"Billiards Responsive Website Template","loyaltySells":"1","width":"2050px","pHPVersionCompatibility":"7.x","topic":["Billiards Templates","Sport Templates","Sports, Outdoors & Travel"],"styles":["Neutral","Flat"],"skupromo":"43%","marketplaceMembership":"None","advImage":"https://s.tmimgcdn.com/scr/56000/56076-original.jpg","category":"Website templates","dqi":"00","imagesList":"Depositphotos1194518original,Depositphotos1228814original,Depositphotos1526638original,Depositphotos2144315original,Depositphotos2348092original,Depositphotos4189407original,Depositphotos4189496original,Depositphotos4721978original,Depositphotos4734999original,Depositphotos10883527original,Depositphotos11663776EL4,Depositphotos13992017original,Depositphotos18975259original,Depositphotos22489237original,Depositphotos32817757original"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 02 Nov 2024 17:25:48 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=56076&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=56076&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=56076&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 02 Nov 2024 17:30:48 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_56076<!DOCTYPE html>
<html lang="en">
<head>
    <title>#56076 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/56076.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 #56076            </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=56076&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>