string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=222442&expand=properties"
string(10688) "[{"templateId":222442,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":200,"categoryName":"Tickets Website Templates","templateTitle":"Tickets Website Website Template","templatePreviewHtmlTitle":"Macalca Music Enthusiast HMTL5Website Template","templateDemoHtmlTitle":"Demo for Macalca Music Enthusiast HMTL5Website Template #222442","typeShortName":"Website","templatePreviewFBTitle":"<h2>Macalca Music Enthusiast HMTL5 Template</h2><p>Do you Write Soundtracks and Songs For Events, Shows and Albums. Do you Love Music? Then you will love Macalca Music Enthusiast HMTL5 Template. This template is design with magenta and charcoal black color combination while maintaining a white balance across all pages. When you first visit Macalca Music Enthusiast HMTL5 Template you feel like you just stepped into a concert or event. Festival Releases New Songs and Music section included along with event tickets, portfolio blog and blog details with all the social media sections to connect your website to your social pages.</p><p>Macalca Music Enthusiast HMTL5 Template has everything covered from albums to artists sections, audio, band, discography, events, gallery, music, music band, music blog, musician, player, responsive, singer and much more.</p><h3>Macalca Music Enthusiast HMTL5 Template Pages</h3><ol><li>album details page</li><li>artist details page</li><li>blog page</li><li>blog details page</li><li>buy tickets page</li><li>cart page</li><li>checkout page</li><li>contact us page</li><li>festival gallery page</li><li>index page</li><li>line up page</li><li>pricing plans page</li><li>sendmail page</li></ol><h3>What will you get with This HTML5 Template?</h3><ol><li>Reliable Technical Support on Template Monster Platform</li><li>Lifetime Updates</li><li>HTML5 Template</li><li>Template Documentation</li><li>Icons used in Template</li><li>Images used in Template</li><li>Free Fonts</li></ol><h3>Template Features</h3><ol><li>Wide Hero Opener</li><li>Pre-loader</li><li>About us Section</li><li>Pop-up</li><li>Counter Section</li><li>Services Section</li><li>Functioning Contact Form</li><li>Team Members Section</li><li>Highlighted Call to Action Button Section</li><li>Client testimonial Section</li><li>Portfolio Section</li><li>Pricing Table Section</li><li>Back to Top Button</li><li>Website Footer Section</li><li>Pixel Perfect</li><li>Free Google font used</li><li>Fully Customizable</li><li>Great Support</li><li>Well Commented Code</li><li>FontAwesome Icon</li><li>Built on Bootstrap Latest version</li></ol>","templateFullTitle":"Macalca Music Enthusiast HMTL5Website Template","templatePreviewMetaDescription":"Macalca Music Enthusiast HMTL5 TemplateDo you Write Soundtracks and Songs For Events, Shows and Albums. Do you Love Music? Then you will love Macalca Music","templateDemoMetaDescription":"Before you purchase it, get yourself informed about the professional Macalca Music Enthusiast HMTL5Website Template Website Template (#222442) by visiting the live preview. View the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Macalca Music Enthusiast HMTL5Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/macalca-music-enthusiast-hmtl5website-template-222442.html","userRating":0,"designIndex":1,"authorUserId":"2175346","exclusive":"1","state":1,"price":41,"inserted_date":"2021-12-30","sent":0,"downloads":6,"search_words":"album,artist,audio,band,discography,dj,events,gallery,music,music band,music blog,musician,player,responsive,singer,blog,festival,music artist,music label,modern","is_adult":0,"exc_price":2100,"sent_date":"2021-12-30 11:59:14","last_upload":"2021-12-30 13:27:40","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"222442-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":222442,"width":1600,"window_params":"","banner_url":"","id":2539081,"href":"","height":900},{"scr_type_id":311,"filename":"222442-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":222442,"width":1600,"window_params":"","banner_url":"","id":2539082,"href":"","height":900},{"scr_type_id":312,"filename":"222442-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":222442,"width":370,"window_params":"","banner_url":"","id":2539083,"href":"","height":370},{"scr_type_id":9,"filename":"222442-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":222442,"width":145,"window_params":"","banner_url":"","id":2539084,"href":"","height":156},{"scr_type_id":57,"filename":"222442-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":222442,"width":430,"window_params":"","banner_url":"","id":2539085,"href":"","height":242}],"demoUrl":"/demo/222442.html","image":"https://s.tmimgcdn.com/scr/222400/macalca-music-enthusiast-hmtl5website-template_222442-original.jpg","searchHash":"0b514b6c688d70c0b5436cfd73d73932","previewHash":"4c2877549eb9139a59ea8843990f951e","authorNickname":"Metropolitanthemes","lowLevelTopic":"Tickets Website Templates; Event Planner Templates; DJ Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":50,"onSale":0,"finalPrice":41,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","brown","red"],"followUpLetter":"website-template-offers","productSize":"47967599","uniqueKeywords":"album,artist,audio,band,discography,dj,events,gallery,music,music band,music blog,musician,player,responsive,singer,blog,festival,music artist,music label,modern","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Macalca Music Enthusiast HMTL5 TemplateDo you Write Soundtracks and Songs For Events, Shows and Albums. Do you Love Music? Then you will love Macalca Music","isLastAdded":"1","bootstrapVersion":"4.5.x","imageKeyFeatures":"https://s3u.tmimgcdn.com/u2175346/769464abb4e39bfb3ea5ff232a3e2f34.jpg","features":["Premium","Pro","Search Engine Friendly","Bootstrap","Retina Ready","Multipurpose","Events Calendar","Team Members","Light Template","Single Product","eCommerce","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Performance Optimization","Blog","Online Store/Shop","Gallery","Forum","HTML 5","HTML plus JS","Static","Parallax","Background video"],"saleSells":"1","livePreviewURL":"https://metropolitanhost.com/themes/templatemoster/html/macalca/","authorUserId":"2175346","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2175346/473c686cbae08b92a14527da18c00971.jpg","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","alreadyPacked":"1","exclusive":"1","imagesIncluded":"Yes","templateSoftwareRequired":["Code editing tool","Code-editor","Code editor"],"templateIcon":"icon-monster_dark","lastmod":"2021-12-31T18:41:41-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u2175346/5ca9567423b7ee2a673eb1586c52cfc9.jpg, https://s3u.tmimgcdn.com/u2175346/7bcc6a0b05b51282f8f88a688e1ec91b.jpg, https://s3u.tmimgcdn.com/u2175346/8cb08d7b953a2ae4021230e939123bf6.jpg","types":"HTML Website Templates","trendiness":"1","demoMetaDescription":"Before you purchase it, get yourself informed about the professional Macalca Music Enthusiast HMTL5Website Template Website Template (#222442) by visiting the live preview. View the pages, examine the images, press the buttons, explore the features.","shortDescription":"<h2>Macalca Music Enthusiast HMTL5 Template</h2><p>Do you Write Soundtracks and Songs For Events, Shows and Albums. Do you Love Music? Then you will love Macalca Music Enthusiast HMTL5 Template. This template is design with magenta and charcoal black color combination while maintaining a white balance across all pages. When you first visit Macalca Music Enthusiast HMTL5 Template you feel like you just stepped into a concert or event. Festival Releases New Songs and Music section included along with event tickets, portfolio blog and blog details with all the social media sections to connect your website to your social pages.</p><p>Macalca Music Enthusiast HMTL5 Template has everything covered from albums to artists sections, audio, band, discography, events, gallery, music, music band, music blog, musician, player, responsive, singer and much more.</p><h3>Macalca Music Enthusiast HMTL5 Template Pages</h3><ol><li>album details page</li><li>artist details page</li><li>blog page</li><li>blog details page</li><li>buy tickets page</li><li>cart page</li><li>checkout page</li><li>contact us page</li><li>festival gallery page</li><li>index page</li><li>line up page</li><li>pricing plans page</li><li>sendmail page</li></ol><h3>What will you get with This HTML5 Template?</h3><ol><li>Reliable Technical Support on Template Monster Platform</li><li>Lifetime Updates</li><li>HTML5 Template</li><li>Template Documentation</li><li>Icons used in Template</li><li>Images used in Template</li><li>Free Fonts</li></ol><h3>Template Features</h3><ol><li>Wide Hero Opener</li><li>Pre-loader</li><li>About us Section</li><li>Pop-up</li><li>Counter Section</li><li>Services Section</li><li>Functioning Contact Form</li><li>Team Members Section</li><li>Highlighted Call to Action Button Section</li><li>Client testimonial Section</li><li>Portfolio Section</li><li>Pricing Table Section</li><li>Back to Top Button</li><li>Website Footer Section</li><li>Pixel Perfect</li><li>Free Google font used</li><li>Fully Customizable</li><li>Great Support</li><li>Well Commented Code</li><li>FontAwesome Icon</li><li>Built on Bootstrap Latest version</li></ol>","tags":["album","artist","audio","band","discography","events","festival","gallery","modern","music","musician","player","responsive","singer","blog","dj","music artist","music band","music label","music blog"],"bitLyUrl":"https://bit.ly/3ELm2hb","customUrl":"/website-templates/macalca-music-enthusiast-hmtl5website-template-222442.html","nameOfTheTemplate":"Macalca Music Enthusiast HMTL5Website Template","paidSupport":"Yes","topic":["Tickets Website Templates","Event Planner Templates","DJ Templates","Entertainment Templates","Music Templates","Night Club Templates","Art & Culture","Entertainment, Games & Nightlife"],"styles":["Clean","Minimalist","Neutral","Artworks","Futurist","Mobile"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u2175346/ba3f917709a49fa143fbbed512424049.jpg","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, 15 Nov 2024 18:35:34 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(293) "Link: <http://products/api/v2/products/en?language=en&ids=222442&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=222442&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=222442&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 15 Nov 2024 18:40:34 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: 165.227.251.218:80"
}
https://metropolitanhost.com/themes/templatemoster/html/macalca/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#222442 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/222442.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 #222442            </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=222442&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $38                <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>