string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=103142&expand=properties"
string(10630) "[{"templateId":103142,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":559,"categoryName":"Doctor","templateTitle":"Doctor Responsive Website Template","templatePreviewHtmlTitle":"Covitrack - Coronavirus HTML Website Template","templateDemoHtmlTitle":"Demo for Covitrack - Coronavirus HTML Website Template #103142","typeShortName":"Website","templatePreviewFBTitle":"<h3>Covitrack - Coronavirus HTML Template</h3><p>Note: All the text and details about corona with the ref. of World Health Organization.</p><p>\"Covitrack - CoronaVirus HTML Template - corona virus (covid-19) Prevention & Awareness HTML Template\" on Coronavirus disease (COVID-19) is an infectious disease caused by a newly discovered coronavirus. Completely ready template to launch your website on corona.</p><p>No need to edit text in this template. Template ready to upload for a website just needs to changes contact details and images. Its completely ready to launch your website a template.</p><p>1ST Corona template with real Containts .</p><p>\"Covitrack - CoronaVirus HTML Template\" template is useful for social awareness and medical prevention HTML Template specially created for Coronavirus (COVID-19) and how to prevent and protect their self.</p><p><br></p><h3>Main Features</h3><ul><li>11 HTML5 Valid Pages (CSS3)</li><li>Coronavirus HTML Template</li><li>HTML5 Valid Pages(CSS3)</li><li>W3C Valid HTML Code</li><li>Intro section</li><li>Super Clear and Clean Layout</li><li>Appointment Page</li><li>Intro section</li><li>Services Booking Page</li><li>Multipurpose HTML Template</li><li>Fully Responsive Template</li><li>Designed With Responsiveness in Mind</li><li>nice JQuery files: Responsive Slider, Preloader, Menu…</li><li>Google Web Fonts</li><li>Compatible With Major Modern Browsers</li><li>Easy to Use and Easy to Customize</li><li>100% Support</li><li>All files are well commented and organized</li><li>Page Templates (Blog, Home Page, Contact us etc.)</li><li>Parallax Section</li><li>Active and Hover Options</li><li>Bootstrap 4 Design</li><li>All files are well commented and organized</li></ul><p><br></p><h3>Sources and Credits</h3><ul><li>Fonts : Google Webfonts</li><li>Images : Photodune</li><li>Images : Shutterstock</li><li>Icons : Flaticon</li><li>Icons : Fontawesome</li><li>Images : Unsplash</li><li>Bootstrap</li></ul><p><br></p><h3>Note</h3><p>Please note that images used in live preview are not included in the package.If you have any questions please feel free to email via my user page contact form here. Thank you!</p>","templateFullTitle":"Covitrack - Coronavirus HTML Website Template","templatePreviewMetaDescription":"Covitrack - Coronavirus HTML TemplateNote: All the text and details about corona with the ref. of World Health Organization.\"Covitrack - CoronaVirus HTML","templateDemoMetaDescription":"Sit back and watch the live preview of the premium Covitrack - Coronavirus HTML Website Template (#103142) get yourself informed about this design prior to buying it. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Covitrack - Coronavirus HTML Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/covitrack-coronavirus-html-website-template-103142.html","userRating":0,"designIndex":"90","authorUserId":"937902","exclusive":"1","state":1,"price":87,"inserted_date":"2020-06-05","sent":0,"downloads":4,"search_words":"clinic corona virus disease prevention coronavirus covid-19 advises doctors hospital medical webstrot symptoms positive cases safety stayhome besafe mask corporate","is_adult":0,"exc_price":4250,"sent_date":"2020-06-05 11:12:23","last_upload":"2023-11-29 10:19:14","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"103142-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":103142,"width":800,"window_params":"","banner_url":"","id":1944234,"href":"","height":500},{"scr_type_id":311,"filename":"103142-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":103142,"width":800,"window_params":"","banner_url":"","id":1944235,"href":"","height":500},{"scr_type_id":312,"filename":"103142-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":103142,"width":370,"window_params":"","banner_url":"","id":1944236,"href":"","height":370},{"scr_type_id":9,"filename":"103142-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":103142,"width":145,"window_params":"","banner_url":"","id":1944237,"href":"","height":156},{"scr_type_id":57,"filename":"103142-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":103142,"width":430,"window_params":"","banner_url":"","id":1944238,"href":"","height":269}],"demoUrl":"/demo/103142.html","image":"https://s.tmimgcdn.com/scr/103100/covitrack-coronavirus-html-website-template_103142-original.jpg","searchHash":"b3971148f4817f6bb1e7e45157cb54db","previewHash":"bbbf823eb90b9fd506e11704faa15a64","authorNickname":"webstrot","lowLevelTopic":"Business & Services; Doctor","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":61,"discountPercent":30,"discountAmount":26,"semiannualSales":0,"properties":{"frameworks":"None","productSize":"2318200","uniqueKeywords":"clinic,corona,virus,disease,prevention,coronavirus,covid-19,advises,doctors,hospital,medical,webstrot,symptoms,positive,cases,safety,stayhome,besafe,mask,corporate","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Covitrack - Coronavirus HTML TemplateNote: All the text and details about corona with the ref. of World Health Organization.\"Covitrack - CoronaVirus HTML","excludeExclusive":"Yes","features":["Responsive","Bootstrap","Mobile Layout Included","Team Members","Light Template","Dropdown Menu","Tabs","Blog","Gallery","HTML 5","JQuery","Static"],"saleSells":"1","authorUserId":"937902","isFree":"none","htmlTitle":"Covitrack - CoronaVirus (Covid-19) HTML Template for Corona information","hELPURL":"/quick-start-guide/website-template/","exclusive":"1","webServerCompatibility":"Apache 2.4","lastmod":"2020-12-20T10:49:49-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/937902-1591357062027_slider_01.jpg","demoMetaDescription":"Sit back and watch the live preview of the premium Covitrack - Coronavirus HTML Website Template (#103142) get yourself informed about this design prior to buying it. View the pages, check out the images, click the buttons, explore the features.","shortDescription":"<h3>Covitrack - Coronavirus HTML Template</h3><p>Note: All the text and details about corona with the ref. of World Health Organization.</p><p>\"Covitrack - CoronaVirus HTML Template - corona virus (covid-19) Prevention & Awareness HTML Template\" on Coronavirus disease (COVID-19) is an infectious disease caused by a newly discovered coronavirus. Completely ready template to launch your website on corona.</p><p>No need to edit text in this template. Template ready to upload for a website just needs to changes contact details and images. Its completely ready to launch your website a template.</p><p>1ST Corona template with real Containts .</p><p>\"Covitrack - CoronaVirus HTML Template\" template is useful for social awareness and medical prevention HTML Template specially created for Coronavirus (COVID-19) and how to prevent and protect their self.</p><p><br></p><h3>Main Features</h3><ul><li>11 HTML5 Valid Pages (CSS3)</li><li>Coronavirus HTML Template</li><li>HTML5 Valid Pages(CSS3)</li><li>W3C Valid HTML Code</li><li>Intro section</li><li>Super Clear and Clean Layout</li><li>Appointment Page</li><li>Intro section</li><li>Services Booking Page</li><li>Multipurpose HTML Template</li><li>Fully Responsive Template</li><li>Designed With Responsiveness in Mind</li><li>nice JQuery files: Responsive Slider, Preloader, Menu…</li><li>Google Web Fonts</li><li>Compatible With Major Modern Browsers</li><li>Easy to Use and Easy to Customize</li><li>100% Support</li><li>All files are well commented and organized</li><li>Page Templates (Blog, Home Page, Contact us etc.)</li><li>Parallax Section</li><li>Active and Hover Options</li><li>Bootstrap 4 Design</li><li>All files are well commented and organized</li></ul><p><br></p><h3>Sources and Credits</h3><ul><li>Fonts : Google Webfonts</li><li>Images : Photodune</li><li>Images : Shutterstock</li><li>Icons : Flaticon</li><li>Icons : Fontawesome</li><li>Images : Unsplash</li><li>Bootstrap</li></ul><p><br></p><h3>Note</h3><p>Please note that images used in live preview are not included in the package.If you have any questions please feel free to email via my user page contact form here. Thank you!</p>","tags":["cases","clinic","corona","corporate","disease","doctors","hospital","mask","medical","positive","prevention","safety","virus","coronavirus","covid-19","symptoms","webstrot","advises","stayhome","besafe"],"customUrl":"/website-templates/covitrack-coronavirus-html-website-template-103142.html","nameOfTheTemplate":"Covitrack - Coronavirus HTML Website Template","pHPVersionCompatibility":["8.1","8.0","8.2"],"topic":["Medical Templates","Business & Services","Doctor"],"changeLogDate":"2023-11-29","excerpt":"<p>\"Covitrack - Coronavirus (covid-19) Prevention &amp; Awareness HTML Template\" on Coronavirus disease (COVID-19) is an infectious disease caused by a newly discovered coronavirus.</p>","advImage":"https://s3u.tmimgcdn.com/u937902/1fb6d0e7ab0489f98add7f91e3bd9d65.jpg","productFamily":"None","color":["black","white"],"followUpLetter":"website-template-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"templateSupportOptions":"[]","changeLog":"## Nov 24, 2023\r\n\r\n- Contact Form Working \r\n- Date Update \r\n- JS Update","bootstrapVersion":"4.0.x","livePreviewURL":"https://webstrot.com/html/tm/covitrack/","authorMainScreenshot":"https://s3u.tmimgcdn.com/937902-1591356907194_main_image.jpg","templateGroup":"HTML Templates","databaseServerCompatibility":"MySQL 8.0","alreadyPacked":"1","imagesIncluded":"No","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Grid"],"templateIcon":"icon-monster_dark","types":"HTML Website Templates","trendiness":"1","bitLyUrl":"https://bit.ly/3gUHyW9","webForms":["Contact Form","Newsletter Subscription","Search Form"],"paidSupport":"Yes","marketplaceMembership":"One","category":"Website templates","dqi":"90"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 23 Nov 2024 18:19:44 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=103142&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=103142&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=103142&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 23 Nov 2024 18:24:44 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://webstrot.com/html/tm/covitrack/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#103142 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/103142.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 #103142            </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=103142&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $80                <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>