string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=286282&expand=properties"
string(10607) "[{"templateId":286282,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":131,"categoryName":"Accounting Website Templates","templateTitle":"Accounting Website Responsive Website Template","templatePreviewHtmlTitle":"Sapid HTML Design Template #286282 - TemplateMonster","templateDemoHtmlTitle":"Demo for Sapid HTML Design Template #286282","typeShortName":"Website","templatePreviewFBTitle":"<p><strong>Sapid HTML template Introduction</strong></p><p>Meet Sapid, a Web UI Kit, which enables you to design whole websites with some clicks. It offers dozens of readymade templates of landing pages, homepages, coming soon pages, Etc. For your extra help, we've added some niche demonstrations to make it more effortless and usable for your site. To make Sapid more responsive and fast, we used the Bootstrap 5 framework.</p><p>With 28 demo homepages, 28 UI elements, and premium font icons, Sapid allows you to build everything you want in a short time. We make it possible with our ready-to-use sections with a drag-and-drop feature and a well-defined guide of what HTML, JS, and CSS code are required to utilize the whole area.</p><p>For more guidance, please read the How To Use Sapid's UI Kit documentation to develop your projects more quickly.</p><p><strong>Template Features</strong></p><p>•\tEasy to change color (scss variables)</p><p>•\tModern, Unique Design</p><p>•\tBeautiful animations and effects</p><p>•\tBased on Bootstrap5</p><p>•\tSmooth page transitions</p><p>•\tWithout page refreshing</p><p>•\tPSD mockups included</p><p>•\tSuper fast loading</p><p>•\tValid HTML5 &amp; CSS3</p><p>•\tResponsive 100%</p><p>•\tEasy Customization</p><p>•\tFriendly &amp; Quick Support</p><p><br /></p><p><strong>Plugins</strong></p><p>•\tjQuery</p><p>•\tBootstrap 5</p><p>•\tFont Awesome icons</p><p>•\tSlick Slider</p><p>•\tAOS Animation</p><p>•\tSwiper</p><p>•\tSmooth scroll</p><p>•\tSticky</p><p><br /></p><p><strong>Files included</strong></p><p>•\tHTML files</p><p>•\tSCSS files</p><p>•\tCSS files</p><p>•\tJS files</p><p>•\tPNG, JPG, SVG images (Placeholders)</p><p><br /></p><p><strong>Google fonts</strong></p><p>•\tPoppins</p><p>•\tsans-serif</p><p><br /></p><p><strong>Icons</strong></p><p>•\tMaterial Icons</p><p><br /></p><p><strong>Photos Credits</strong></p><p>•\tUnsplash</p><p>•\tPexels</p><p>•\tShutterstock</p><p>•\tFreepik</p><p>Note: All images are used for demo purposes.</p>","templateFullTitle":"Sapid HTML Design Template","templatePreviewMetaDescription":"Sapid HTML template IntroductionMeet Sapid, a Web UI Kit, which enables you to design whole websites with some clicks. It offers dozens of readymade templates","templateDemoMetaDescription":"Before you decide to buy it, get yourself familiar with the premium Sapid HTML Design Template Website Template (#286282) by viewing the demo preview. Go through the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Sapid HTML Design Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/sapid-html-design-template-286282.html","userRating":0,"designIndex":1,"authorUserId":"78116456","exclusive":"0","state":1,"price":57,"inserted_date":"2022-10-26","sent":0,"downloads":0,"search_words":"art business clinic company creative design digital doctor gallery health hospital medical medicine modern photo photographer photography","is_adult":0,"exc_price":2100,"sent_date":"2022-10-26 12:04:33","last_upload":"2022-10-26 12:04:43","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"286282-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":286282,"width":1600,"window_params":"","banner_url":"","id":2858199,"href":"","height":1000},{"scr_type_id":311,"filename":"286282-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":286282,"width":1600,"window_params":"","banner_url":"","id":2858200,"href":"","height":1000},{"scr_type_id":312,"filename":"286282-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":286282,"width":370,"window_params":"","banner_url":"","id":2858201,"href":"","height":370},{"scr_type_id":9,"filename":"286282-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":286282,"width":145,"window_params":"","banner_url":"","id":2858202,"href":"","height":156},{"scr_type_id":57,"filename":"286282-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":286282,"width":430,"window_params":"","banner_url":"","id":2858203,"href":"","height":269}],"demoUrl":"/demo/286282.html","image":"https://s.tmimgcdn.com/scr/286200/sapid-html-design-template_286282-original.jpg","searchHash":"a195f0ab4cff232d1c28269865fa82ca","previewHash":"28d6400ba050210827a2346ba387f7c0","authorNickname":"OozeIT","lowLevelTopic":"Photography Templates; Accounting Website Templates; Design","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":0,"onSale":1,"finalPrice":40,"discountPercent":30,"discountAmount":17,"semiannualSales":0,"properties":{"productFamily":"None","color":["white","grey","purple"],"followUpLetter":"website-template-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"22511327","uniqueKeywords":"art,business,clinic,company,creative,design,digital,doctor,gallery,health,hospital,medical,medicine,modern,photo,photographer,photography","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Sapid HTML template IntroductionMeet Sapid, a Web UI Kit, which enables you to design whole websites with some clicks. It offers dozens of readymade templates","isLastAdded":"1","bootstrapVersion":"5.x","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78116456/adbbcd1b216b35591ced5e8700033210.jpg","features":["Responsive","Bootstrap","Mobile Layout Included","Multipurpose","Light Template","Dropdown Menu","Google map","Tabs","MegaMenu","Blog","Gallery","HTML 5","JQuery","HTML plus JS","Website Builder"],"saleSells":"1","livePreviewURL":"https://dev4.workpoint001.info/webalizerdesign/Sapid-PRO/html/index.html","authorUserId":"78116456","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78116456/34534823ae1cd2f742d78fc24c9e7b7c.jpg","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","popularity":"Zero Downloads","alreadyPacked":"1","exclusive":"0","imagesIncluded":"No","webServerCompatibility":"Apache 2.4","templateIcon":"icon-monster_dark","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78116456/7fcf6e0823955f8de29e6936ad579fe0.jpg, https://s3u.tmimgcdn.com/u78116456/8425cf58c924481b28f9b5ed988019e4.jpg, https://s3u.tmimgcdn.com/u78116456/45f6804dab7295d547717396d40405cd.jpg, https://s3u.tmimgcdn.com/u78116456/0159dd077d4892e2722ce86558340063.jpg, https://s3u.tmimgcdn.com/u78116456/9354a9a68b641020de2b63d5985e89b5.jpg, https://s3u.tmimgcdn.com/u78116456/157f11f11a417aab76811c960e16646c.jpg, https://s3u.tmimgcdn.com/u78116456/64eb69a6e89e3f1978a7d3a48475df2b.jpg, https://s3u.tmimgcdn.com/u78116456/63d4680f76cf0e860f4ebfecc70da7d1.jpg, https://s3u.tmimgcdn.com/u78116456/363fc996f6eb343331634dd170c65e0f.jpg","types":"HTML Website Templates","designSoftware":["Adobe Photoshop","Adobe Illustrator","Google Web Designer"],"trendiness":"1","demoMetaDescription":"Before you decide to buy it, get yourself familiar with the premium Sapid HTML Design Template Website Template (#286282) by viewing the demo preview. Go through the pages, examine the images, click the buttons, explore the functionality.","shortDescription":"<p><strong>Sapid HTML template Introduction</strong></p><p>Meet Sapid, a Web UI Kit, which enables you to design whole websites with some clicks. It offers dozens of readymade templates of landing pages, homepages, coming soon pages, Etc. For your extra help, we've added some niche demonstrations to make it more effortless and usable for your site. To make Sapid more responsive and fast, we used the Bootstrap 5 framework.</p><p>With 28 demo homepages, 28 UI elements, and premium font icons, Sapid allows you to build everything you want in a short time. We make it possible with our ready-to-use sections with a drag-and-drop feature and a well-defined guide of what HTML, JS, and CSS code are required to utilize the whole area.</p><p>For more guidance, please read the How To Use Sapid's UI Kit documentation to develop your projects more quickly.</p><p><strong>Template Features</strong></p><p>•\tEasy to change color (scss variables)</p><p>•\tModern, Unique Design</p><p>•\tBeautiful animations and effects</p><p>•\tBased on Bootstrap5</p><p>•\tSmooth page transitions</p><p>•\tWithout page refreshing</p><p>•\tPSD mockups included</p><p>•\tSuper fast loading</p><p>•\tValid HTML5 &amp; CSS3</p><p>•\tResponsive 100%</p><p>•\tEasy Customization</p><p>•\tFriendly &amp; Quick Support</p><p><br /></p><p><strong>Plugins</strong></p><p>•\tjQuery</p><p>•\tBootstrap 5</p><p>•\tFont Awesome icons</p><p>•\tSlick Slider</p><p>•\tAOS Animation</p><p>•\tSwiper</p><p>•\tSmooth scroll</p><p>•\tSticky</p><p><br /></p><p><strong>Files included</strong></p><p>•\tHTML files</p><p>•\tSCSS files</p><p>•\tCSS files</p><p>•\tJS files</p><p>•\tPNG, JPG, SVG images (Placeholders)</p><p><br /></p><p><strong>Google fonts</strong></p><p>•\tPoppins</p><p>•\tsans-serif</p><p><br /></p><p><strong>Icons</strong></p><p>•\tMaterial Icons</p><p><br /></p><p><strong>Photos Credits</strong></p><p>•\tUnsplash</p><p>•\tPexels</p><p>•\tShutterstock</p><p>•\tFreepik</p><p>Note: All images are used for demo purposes.</p>","tags":["art","business","clinic","company","creative","design","digital","doctor","gallery","health","hospital","medical","medicine","modern","photo","photographer","photography"],"bitLyUrl":"https://bit.ly/3N8hnf8","customUrl":"/website-templates/sapid-html-design-template-286282.html","nameOfTheTemplate":"Sapid HTML Design Template","paidSupport":"No","topic":["Photography Templates","Accounting Website Templates","Design","Design & Photography","Business & Services"],"styles":["Clean","Futurist","Web2.0","Mobile","Material Design"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u78116456/6c287559a8e819edf7f113a65afd328d.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: Mon, 02 Dec 2024 15:24:08 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=286282&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=286282&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=286282&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 02 Dec 2024 15:29:08 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://dev4.workpoint001.info/webalizerdesign/Sapid-PRO/html/index.html<!DOCTYPE html>
<html lang="en">
<head>
    <title>#286282 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/286282.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 #286282            </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=286282&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $52                <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>