string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=54876&expand=properties"
string(12794) "[{"templateId":54876,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":457,"categoryName":"Security Templates","templateTitle":"Security Responsive Website Template","templatePreviewHtmlTitle":"Safety Consultants - Security Responsive Clean HTML Website Template","templateDemoHtmlTitle":"Live preview for Safety Consultants - Security Responsive Clean HTML Website Template #54876","typeShortName":"Website","templatePreviewFBTitle":"We know how important it is to advertise your services nowadays when customers can find thousands of similar companies online. IN order to overcome your competitors you have to present your services in the best possible way. This is why we developed the Safety Consultations HTML Template. It is eye-catchy and clean enough to make an accent on the most important parts of your website. It also supports high-quality images and includes attractive visual effects. With Safety Consultation you can tell more about your company, team and describe your services. You can also use social options to communicate with clients. Or you can share your contacts and location. Safety construction has even more features and you can check them by yourself on a product page.","templateFullTitle":"Safety Consultants - Security Responsive Clean HTML Website Template","templatePreviewMetaDescription":"We know how important it is to advertise your services nowadays when customers can find thousands of similar companies online. IN order to overcome your","templateDemoMetaDescription":null,"specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Safety Consultants - Security Responsive Clean HTML Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/54876.html","userRating":"5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":61,"inserted_date":"2015-06-30","sent":1,"downloads":95,"search_words":"law systems consultant co safe safeguard protection system information data service solution home secure","is_adult":0,"exc_price":4500,"sent_date":"2019-07-18 06:15:22","last_upload":"2015-06-30 00:00:00","package_id":246,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":299,"filename":"54876-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54876,"width":430,"window_params":"","banner_url":"","id":1483534,"href":"","height":900},{"scr_type_id":3,"filename":"54876-1-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54876,"width":1800,"window_params":"","banner_url":"","id":1483535,"href":"","height":3099},{"scr_type_id":297,"filename":"54876-b-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54876,"width":430,"window_params":"","banner_url":"","id":1483536,"href":"","height":983},{"scr_type_id":3,"filename":"54876-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54876,"width":895,"window_params":"","banner_url":"","id":1483537,"href":"","height":599},{"scr_type_id":298,"filename":"54876-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54876,"width":430,"window_params":"","banner_url":"","id":1483538,"href":"","height":900},{"scr_type_id":3,"filename":"54876-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54876,"width":408,"window_params":"","banner_url":"","id":1483539,"href":"","height":55},{"scr_type_id":3,"filename":"54876-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54876,"width":1800,"window_params":"","banner_url":"","id":1483540,"href":"","height":4000},{"scr_type_id":3,"filename":"54876-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54876,"width":2050,"window_params":"","banner_url":"","id":1483541,"href":"","height":4000},{"scr_type_id":312,"filename":"54876-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54876,"width":370,"window_params":"","banner_url":"","id":1483542,"href":"","height":370},{"scr_type_id":3,"filename":"54876-1-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54876,"width":1800,"window_params":"","banner_url":"","id":1483543,"href":"","height":3099},{"scr_type_id":314,"filename":"54876-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54876,"width":2050,"window_params":"","banner_url":"","id":1483544,"href":"","height":4000},{"scr_type_id":9,"filename":"54876-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54876,"width":145,"window_params":"","banner_url":"","id":1483545,"href":"","height":156},{"scr_type_id":315,"filename":"54876-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54876,"width":1800,"window_params":"","banner_url":"","id":1483546,"href":"","height":4000},{"scr_type_id":212,"filename":"54876-wt.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54876,"width":430,"window_params":"","banner_url":"","id":1483547,"href":"","height":60},{"scr_type_id":3,"filename":"54876-1-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54876,"width":2050,"window_params":"","banner_url":"","id":1483548,"href":"","height":3099},{"scr_type_id":3,"filename":"54876-1-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54876,"width":965,"window_params":"","banner_url":"","id":1483549,"href":"","height":1661},{"scr_type_id":300,"filename":"54876-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54876,"width":320,"window_params":"","banner_url":"","id":1483550,"href":"","height":900},{"scr_type_id":317,"filename":"54876-1-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54876,"width":2050,"window_params":"","banner_url":"","id":1483551,"href":"","height":3099},{"scr_type_id":311,"filename":"54876-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54876,"width":965,"window_params":"","banner_url":"","id":1483552,"href":"","height":2144},{"scr_type_id":78,"filename":"54876-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":54876,"width":970,"window_params":"","banner_url":"","id":1483553,"href":"","height":280},{"scr_type_id":334,"filename":"54876-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":54876,"width":1600,"window_params":"","banner_url":"","id":1639316,"href":"","height":1000}],"demoUrl":"/demo/54876.html","image":"https://s.tmimgcdn.com/scr/54800/safety-consultants-security-responsive-clean-html-website-template_54876-0-original.jpg","searchHash":"83dbc887e83bbffe7a1fd8b114d05918","previewHash":"f73811683220d9ece6867e1c70f7800f","authorNickname":"RockThemes","lowLevelTopic":"Security Templates","weightedRating":4.4444444444444,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"Safety consulting agency, a security company","uniqueKeywords":"law systems consultant co safe safeguard protection system information data service solution home secure","showVariantForcibly":"b","metaDescription":"Due to developers skill, this template is highly responsive and fully editable. It is also eye-catchy and well structured.","imageKeyFeatures":"https://s.tmimgcdn.com/scr/54800/54876-en_01.jpg, https://s.tmimgcdn.com/scr/54800/54876-en_02.jpg, https://s.tmimgcdn.com/scr/54800/54876-en_03.jpg, https://s.tmimgcdn.com/scr/54800/54876-en_04.jpg, https://s.tmimgcdn.com/scr/54800/54876-en_05.jpg, https://s.tmimgcdn.com/scr/54800/54876-en_06.jpg, https://s.tmimgcdn.com/scr/54800/54876-en_07.jpg, https://s.tmimgcdn.com/scr/54800/54876-en_08.jpg, https://s.tmimgcdn.com/scr/54800/54876-en_09.jpg, https://s.tmimgcdn.com/scr/54800/54876-en_10.jpg","features":["Responsive","HTML plus JS","Parallax","HTML 5","JQuery","Sliced PSD","Dropdown Menu","Google map","Bootstrap","Tabs"],"templateSources":[".PSD",".HTML"],"languageSupport":"English","authorUserId":"1768190","jqueryScripts":"\"ScrollPane\" Scroll Effect","isFree":"none","htmlTitle":"Safety Consultants HTML Template","hELPURL":"/quick-start-guide/responsive-javascript-animated/","documentationVersion":"Responsive Website Templates v1.2","imageDescription":"https://s.tmimgcdn.com/scr/54800/54876-responsive-layout.jpg","templateSoftwareRequired":["Adobe Photoshop CC+","ZIP unarchiver","Code editor"],"lastmod":"2022-01-01T10:03:13-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"previewScreensOrVideoURLs":"54800/54876_01-big.jpg, 54800/54876_02-big.jpg, 54800/54876_03-big.jpg, 54800/54876_04-big.jpg, 54800/54876_05-big.jpg","shortDescription":"We know how important it is to advertise your services nowadays when customers can find thousands of similar companies online. IN order to overcome your competitors you have to present your services in the best possible way. This is why we developed the Safety Consultations HTML Template. It is eye-catchy and clean enough to make an accent on the most important parts of your website. It also supports high-quality images and includes attractive visual effects. With Safety Consultation you can tell more about your company, team and describe your services. You can also use social options to communicate with clients. Or you can share your contacts and location. Safety construction has even more features and you can check them by yourself on a product page.","tags":["consultant","data","home","information","law","protection","safe","safeguard","secure","service","solution","system","systems"],"customUrl":"/website-templates/54876.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":"Safety Consultants - Security Responsive Clean HTML Website Template","pHPVersionCompatibility":"7.x","topic":["Security Templates","Business & Services"],"styles":["Neutral","Flat"],"productFamily":"None","followUpLetter":"website-template-offers","color":["black","white","grey","blue"],"dateRange":"Last 6 Months","reviewsTotal":"8","reviewAverageScore":"5","changeLog":"<b>Safety Consultants Version 1.1 (June 17, 2019)</b>\r\n<br/>\r\n<b>Additions</b><br/>\r\n<ul>\r\n  <li><b>- ADD:</b> 11+ Special pages (Typography/Grid System/Under Construction/404 page etc.); </li>\r\n  <li><b>- ADD:</b> 14+ button variations;</li>\r\n  <li><b>- ADD:</b> 6+ form variations;</li>\r\n  <li><b>- ADD:</b> 3+ tabs and accordions variations;</li>\r\n  <li><b>- ADD:</b> 4+ progress bar variations;</li>\r\n  <li><b>- ADD:</b> 3+ table variations;</li>\r\n  <li><b>- ADD:</b> Source files (SCSS/Pug);</li>\r\n  <li><b>- ADD:</b> Page Loader v1.1.3;</li>\r\n  <li><b>- ADD:</b> RD Navbar v2.2.5;</li>\r\n  <li><b>- ADD:</b> RD Search;</li>\r\n  <li><b>- ADD:</b> Swiper Slider v4.5.0;</li>\r\n  <li><b>- ADD:</b> reCaptcha, Mailchimp, Campagn Monitor;</li>\r\n  <li><b>- UPD:</b> Bootstrap v4.1.3;</li>\r\n  <li><b>- UPD:</b> jQuery v3.2.1;</li>\r\n  <li><b>- UPD:</b> Migrate 3.0.0;</li>\r\n  <li><b>- UPD:</b> Google Map;</li>\r\n  <li><b>- UPD:</b> RD Mailform;</li>\r\n  <li><b>- UPD:</b> Default Bootstrap Tabs;</li>\r\n  <li><b>- UPD:</b> Modern Flex Grid;</li>\r\n  <li><b>- UPD:</b> Modern and more responsive website;</li>\r\n  <li><b>- FIX:</b> 70% weight reduction of CSS files;</li>\r\n  <li><b>- FIX:</b> Minor design/HTML/CSS/JS bug fixes.</li>\r\n</ul>\r\n<br/><br/><br/>","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_54876","templateGroup":"HTML Templates","popularity":"Top Rated","alreadyPacked":"1","nomotopress":"1","galleryScript":"Accordion","templateIcon":"icon-bootstrap","dynamicChangeLog":"<ul><li>- 1 HTML issue fixed</li><li>- 3 minor font issues fixed</li><li>- 2 minor front-end bugs fixed</li><li>- 3 layout bugs fixed</li><li>- 1 styles bug fixed</li></ul>","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1HyzS4K","webForms":["Contact Form","Search Form","Newsletter Subscription"],"loyaltySells":"1","width":"2050px","skupromo":"30%","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, 03 May 2024 16:03:29 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=54876&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=54876&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=54876&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 03 May 2024 16:08:29 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_54876<!DOCTYPE html>
<html lang="en">
<head>
    <title>#54876 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/54876.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 #54876            </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=54876&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>