string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=57675&expand=properties"
string(15603) "[{"templateId":57675,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":206,"categoryName":"Event Planner Templates","templateTitle":"Event Planner Responsive Website Template","templatePreviewHtmlTitle":"Smile - Event Planner Clean Multipage HTML5 Website Template","templateDemoHtmlTitle":"Demo Preview for Smile - Event Planner Clean Multipage HTML5 Website Template #57675","typeShortName":"Website","templatePreviewFBTitle":"In the modern world, having your own resource is very important. Unfortunately, not everyone can independently make a beautiful and professional website. In this situation, premium website templates will help. By purchasing a bright Event Planner Multipage HTML5 Template, you'll receive a modern premium template. It will allow you to create a business & services website with the ability to use it on devices with any screens. It's fully responsive and built using modern technologies such as HTML5 and CSS3. This template will be an excellent choice for event organizing business websites. It looks great on tablets and mobile devices thanks to its adaptive design. This template is also cross-browser. This template is your key to a successful business & services website that is created in no time.<p><em>Please note that .psd files are not included in this template package.</em></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 Event Planner web template with On-line chat functionality</h3> <p><b>What is it?</b></p><p>This attribute enables you to include your internet store with the LiveChat method. </p> <p><b>Why is it Good?</b></p><p>Let customers ask for support team's advice or get a hold of sales department while trying to select the product. Your genuine guidance can transform viewers into loyal customers. </p><p>Find latest <a href=\"https://www.templatemonster.com/online-chat-website-templates/\">On-line chat web templates</a> here</p> <h3>This Party Planner website template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive website design solution makes a website's screen variable to any type of screen resolution.</p> <p><b>Why is it Good?</b></p><p>Responsive design ensures that the website will provide a great viewing experience to all users across all gadgets. </p><p>Browse for more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <h3>This is a Bootstrap Entertainment Games website design template</h3> <p><b>What is it?</b></p><p>Bootstrap is a free of charge grid-based framework that enables the development of responsive websites. </p> <p><b>Why is it Good?</b></p><p>Bootstrap helps to build better websites .  </p><p>View more <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap web templates</a> here</p> <h3>This is Event Coordinator website design template with Background video</h3> <p><b>What is it?</b></p><p>This is the 20-30 seconds video with an countless replication integrated into the site background.</p> <p><b>Why is it Good?</b></p><p>Background video enhances the UX and increases the time people spend on the website.</p><p>Find fresh <a href=\"https://www.templatemonster.com/background-video-website-templates/\">Background video web templates</a> here</p> <br /></div></div></div></div>","templateFullTitle":"Smile - Event Planner Clean Multipage HTML5 Website Template","templatePreviewMetaDescription":"In the modern world, having your own resource is very important. Unfortunately, not everyone can independently make a beautiful and professional website. In","templateDemoMetaDescription":"The live preview for this top notch Smile - Event Planner Clean Multipage HTML5 Website Template (#57675) is created for you to get the look and feel of the design before you buy it. Browse through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Smile - Event Planner Clean Multipage HTML5 Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/event-planner-responsive-website-template-57675.html","userRating":"4.5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":61,"inserted_date":"2016-08-16","sent":1,"downloads":29,"search_words":"event planner entertainment company entrust celebration promotion services equipment corporate special decoration dishes invitations flowers placement tabl clean multipage HTML5","is_adult":0,"exc_price":4500,"sent_date":"2019-04-24 00:00:00","last_upload":"2016-08-16 00:00:00","package_id":258,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":3,"filename":"57675-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57675,"width":895,"window_params":"","banner_url":"","id":1662395,"href":"","height":599},{"scr_type_id":78,"filename":"57675-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":57675,"width":970,"window_params":"","banner_url":"","id":1662396,"href":"","height":280},{"scr_type_id":314,"filename":"57675-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57675,"width":1903,"window_params":"","banner_url":"","id":1662397,"href":"","height":7572},{"scr_type_id":300,"filename":"57675-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57675,"width":320,"window_params":"","banner_url":"","id":1662398,"href":"","height":900},{"scr_type_id":312,"filename":"57675-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57675,"width":370,"window_params":"","banner_url":"","id":1662399,"href":"","height":370},{"scr_type_id":212,"filename":"57675-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57675,"width":430,"window_params":"","banner_url":"","id":1662400,"href":"","height":60},{"scr_type_id":311,"filename":"57675-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57675,"width":965,"window_params":"","banner_url":"","id":1662401,"href":"","height":4059},{"scr_type_id":315,"filename":"57675-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57675,"width":1800,"window_params":"","banner_url":"","id":1662402,"href":"","height":7572},{"scr_type_id":298,"filename":"57675-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57675,"width":430,"window_params":"","banner_url":"","id":1662403,"href":"","height":900},{"scr_type_id":3,"filename":"57675-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57675,"width":408,"window_params":"","banner_url":"","id":1662404,"href":"","height":55},{"scr_type_id":299,"filename":"57675-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57675,"width":430,"window_params":"","banner_url":"","id":1662405,"href":"","height":900},{"scr_type_id":334,"filename":"57675-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57675,"width":1600,"window_params":"","banner_url":"","id":1662406,"href":"","height":1000},{"scr_type_id":297,"filename":"57675-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57675,"width":430,"window_params":"","banner_url":"","id":1662407,"href":"","height":1809},{"scr_type_id":9,"filename":"57675-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57675,"width":145,"window_params":"","banner_url":"","id":1662408,"href":"","height":156},{"scr_type_id":3,"filename":"57675-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":57675,"width":1800,"window_params":"","banner_url":"","id":1662409,"href":"","height":7572}],"demoUrl":"/demo/57675.html","image":"https://s.tmimgcdn.com/scr/57600/smile-event-planner-clean-multipage-html5-website-template_57675-0-original.jpg","searchHash":"477e9c5a0e4d958c5ed209ef47fa271e","previewHash":"8e3ed86fd241ab3a12d011502b3f6e37","authorNickname":"RockThemes","lowLevelTopic":"Event Planner Templates","weightedRating":4.166666666666666,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"Use this theme for entertainment and holiday websites.","uniqueKeywords":"event planner entertainment company entrust celebration promotion services equipment corporate special decoration dishes invitations flowers placement tabl clean multipage HTML5","showVariantForcibly":"b","metaDescription":"This extraordinary Event Planner Multipage HTML5 Template will help you to create an outstanding website for your event organizing business.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/57600/57675-en_01.jpg, https://s.tmimgcdn.com/scr/57600/57675-en_02.jpg, https://s.tmimgcdn.com/scr/57600/57675-en_03.jpg, https://s.tmimgcdn.com/scr/57600/57675-en_04.jpg, https://s.tmimgcdn.com/scr/57600/57675-en_05.jpg, https://s.tmimgcdn.com/scr/57600/57675-en_06.jpg, https://s.tmimgcdn.com/scr/57600/57675-en_07.jpg, https://s.tmimgcdn.com/scr/57600/57675-en_08.jpg, https://s.tmimgcdn.com/scr/57600/57675-en_09.jpg","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Dropdown Menu","Google map","Tabs","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1768190","htmlTitle":"Event Planner Multipage HTML5 Template","isFree":"none","hELPURL":"/quick-start-guide/bootstrap-template/","documentationVersion":"v1.1","imageDescription":"https://s.tmimgcdn.com/scr/57600/57675-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2022-02-11T11:08:12-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"previewScreensOrVideoURLs":"57600/57675_01-big.jpg, 57600/57675_02-big.jpg, 57600/57675_03-big.jpg, 57600/57675_04-big.jpg, 57600/57675_05-big.jpg","demoMetaDescription":"The live preview for this top notch Smile - Event Planner Clean Multipage HTML5 Website Template (#57675) is created for you to get the look and feel of the design before you buy it. Browse through the pages, examine the images, press the buttons, explore the features.","shortDescription":"In the modern world, having your own resource is very important. Unfortunately, not everyone can independently make a beautiful and professional website. In this situation, premium website templates will help. By purchasing a bright Event Planner Multipage HTML5 Template, you'll receive a modern premium template. It will allow you to create a business & services website with the ability to use it on devices with any screens. It's fully responsive and built using modern technologies such as HTML5 and CSS3. This template will be an excellent choice for event organizing business websites. It looks great on tablets and mobile devices thanks to its adaptive design. This template is also cross-browser. This template is your key to a successful business & services website that is created in no time.<p><em>Please note that .psd files are not included in this template package.</em></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 Event Planner web template with On-line chat functionality</h3> <p><b>What is it?</b></p><p>This attribute enables you to include your internet store with the LiveChat method. </p> <p><b>Why is it Good?</b></p><p>Let customers ask for support team's advice or get a hold of sales department while trying to select the product. Your genuine guidance can transform viewers into loyal customers. </p><p>Find latest <a href=\"https://www.templatemonster.com/online-chat-website-templates/\">On-line chat web templates</a> here</p> <h3>This Party Planner website template is Responsive</h3> <p><b>What is it?</b></p><p>Responsive website design solution makes a website's screen variable to any type of screen resolution.</p> <p><b>Why is it Good?</b></p><p>Responsive design ensures that the website will provide a great viewing experience to all users across all gadgets. </p><p>Browse for more <a href=\"https://www.templatemonster.com/responsive-website-templates/\">Responsive website designs</a> here</p> <h3>This is a Bootstrap Entertainment Games website design template</h3> <p><b>What is it?</b></p><p>Bootstrap is a free of charge grid-based framework that enables the development of responsive websites. </p> <p><b>Why is it Good?</b></p><p>Bootstrap helps to build better websites .  </p><p>View more <a href=\"https://www.templatemonster.com/bootstrap-website-templates/\">Bootstrap web templates</a> here</p> <h3>This is Event Coordinator website design template with Background video</h3> <p><b>What is it?</b></p><p>This is the 20-30 seconds video with an countless replication integrated into the site background.</p> <p><b>Why is it Good?</b></p><p>Background video enhances the UX and increases the time people spend on the website.</p><p>Find fresh <a href=\"https://www.templatemonster.com/background-video-website-templates/\">Background video web templates</a> here</p> <br /></div></div></div></div>","tags":["celebration","clean","company","corporate","decoration","dishes","entertainment","entrust","equipment","event","flowers","invitations","placement","planner","promotion","services","special","html5"],"customUrl":"/website-templates/event-planner-responsive-website-template-57675.html","badge":"badge-responsive","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_1300.jpg\" srcset=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_2560.jpg 2x\" alt=\"img\"/>","nameOfTheTemplate":"Smile - Event Planner Clean Multipage HTML5 Website Template","pHPVersionCompatibility":"7.x","topic":["Event Planner Templates","Entertainment Templates","Entertainment, Games & Nightlife"],"styles":["Neutral","Flat"],"productFamily":"None","color":["white","orange"],"followUpLetter":"website-template-offers","reviewsTotal":"2","reviewAverageScore":"4.5","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","sqi":"95","bootstrapVersion":"4.0.x","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-22409/","templateGroup":"HTML Templates","popularity":"Top Rated","alreadyPacked":"1","nomotopress":"1","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Isotope","Grid"],"dynamicChangeLog":"<ul>\n<li>- 3 minor CSS issues fixed</li>\n<li>- 1 background issue fixed</li>\n<li>- 2 minor styles bugs fixed</li>\n<li>- 3 PSD layers updated</li>\n</ul>","templateIcon":"icon-bootstrap","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":"2","bitLyUrl":"http://bit.ly/2bAiYsi","webForms":["Contact Form","Newsletter Subscription","Search Form"],"loyaltySells":"1","width":"1920px","skupromo":"35%","marketplaceMembership":"One","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 26 Apr 2024 23:48:14 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=57675&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=57675&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=57675&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 23:53:14 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://livedemo00.template-help.com/wt_prod-22409/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#57675 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/57675.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 #57675            </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=57675&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $56                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

        <div id="preview-wrapper" class="hide_wrap">

                            <div class="technical-problems">
                    <p>Technical operations</p>
                    <p class="problems-message">Live demo of this template will be available within 5-6 hours.</p>
                    <p>
                        <a href="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>