string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=374448&expand=properties"
string(13473) "[{"templateId":374448,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":584,"categoryName":"Med School","templateTitle":"Med School Responsive Website Template","templatePreviewHtmlTitle":"Canamedic -  Medical Marijuana Dispensary &amp; Cannabis Hemp HTML Template","templateDemoHtmlTitle":"Live preview for Canamedic -  Medical Marijuana Dispensary &amp; Cannabis Hemp HTML Template #374448","typeShortName":"Website","templatePreviewFBTitle":"<p>🌿 Elevate Your Cannabis Experience with Innovative Design:</p><p><strong>Canamedic</strong>, a <strong>Medical Marijuana Dispensary &amp; Cannabis Hemp HTML Template</strong>, is a visionary creation powered by the latest Bootstrap iteration. Seamlessly merging trendy aesthetics with clean code, our design ethos ensures your dispensary shines, providing a modern, intuitive user experience that centers around your cannabis offerings.</p><p>🌱<strong> 100% Responsive, SEO, and Performance Optimized:</strong></p><p>Experience a seamless journey on any device – desktop, tablet, or mobile – with <strong>Canamedic's</strong> 100% responsive interface. Our unwavering dedication to SEO optimization guarantees heightened visibility, while performance optimization assures swift navigation that matches the pace of your cannabis business.</p><p>🛒 <strong>Shop Page – Boldly Crafted for Cannabis Commerce:</strong></p><p>The shop page isn't just a feature; it's a robust hub for your cannabis products. Present your diverse offerings boldly and attractively, inviting users into an immersive virtual dispensary that aligns seamlessly with their preferences.</p><p>🚀<strong> Ready to Adapt: Effortless Conversion to Various Platforms:</strong></p><p>Canamedic transcends being merely an HTML template; it's a dynamic platform primed for effortless transformation into WordPress, Joomla, Magento, Laravel, and other cutting-edge technologies. Seamlessly transition as your digital landscape evolves, ensuring your dispensary's online presence stays at the forefront of technological advancements.</p><p><strong>🌐 Global Reach with Lifetime Updates:</strong></p><p>Your cannabis dispensary's impact knows no borders, and neither does our commitment to your success. With lifetime free updates, your platform remains current, ensuring your message continues to resonate globally. Our dedicated support team stands ready to assist, guiding your dispensary through the ever-evolving digital realm.</p><p><strong>🌲 Cultivating Technological Advancements:</strong></p><p>Beyond sleek design, Canamedic is engineered for the future. As technology progresses, your dispensary's platform evolves effortlessly, ensuring your cannabis initiatives remain at the forefront of the digital revolution.</p><p><strong>✨ Why Choose Canamedic? Because Innovation Meets Cannabis Accessibility.</strong></p><p>Step into the future where every pixel showcases your commitment. <strong>Canamedic </strong>– where design, technology, and cannabis converge, planting seeds for a digitally empowered, cannabis-centric tomorrow.</p>","templateFullTitle":"Canamedic -  Medical Marijuana Dispensary &amp; Cannabis Hemp HTML Template","templatePreviewMetaDescription":"🌿 Elevate Your Cannabis Experience with Innovative Design:Canamedic, a Medical Marijuana Dispensary &amp; Cannabis Hemp HTML Template, is a visionary","templateDemoMetaDescription":"The demo preview for this high quality Canamedic -  Medical Marijuana Dispensary &amp; Cannabis Hemp HTML Template Website Template (#374448) is available here for you to get the look and feel of the design before you buy it. Click through the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Canamedic -  Medical Marijuana Dispensary &amp; Cannabis Hemp HTML Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/canamedic-medical-marijuana-dispensary-amp-cannabis-hemp-html-template-374448.html","userRating":0,"designIndex":1,"authorUserId":"16230833","exclusive":"1","state":1,"price":16,"inserted_date":"2023-11-28","sent":0,"downloads":1,"search_words":"clinic doctor health healthcare hospital laboratory medical medicine cannabis hemp cbd dispensary html nextgenerationdev cannabisstore css clean ecommerce blog store","is_adult":0,"exc_price":2100,"sent_date":"2023-11-28 12:23:58","last_upload":"2024-03-01 07:34:54","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3298964,"templ_id":374448,"filename":"374448-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3298965,"templ_id":374448,"filename":"374448-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3298966,"templ_id":374448,"filename":"374448-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3298967,"templ_id":374448,"filename":"374448-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3298968,"templ_id":374448,"filename":"374448-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/374448.html","image":"https://s.tmimgcdn.com/scr/374400/canamedic-medical-marijuana-dispensary-amp-cannabis-hemp-html-template_374448-original.jpg","searchHash":"5b74d98b0e5b71945d2dad4f8c4585e8","previewHash":"3ea9b8791d493397cfe0d2d4fc91fcb4","authorNickname":"NextGenerationDev","lowLevelTopic":"Medical Equipment Templates; Med School","weightedRating":null,"annualSale":1,"monthlySales":1,"quarterlySales":1,"productBoost":125,"onSale":0,"finalPrice":14,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Retina Ready","Mobile Layout Included","Team Members","Light Template","Single Product","eCommerce","Dropdown Menu","Google map","Sample content","Performance Optimization","Blog","Online Store/Shop","Gallery","HTML 5","JQuery","HTML plus JS","Static"],"styles":["Clean","Corporate","Mobile","Flat"],"isLastAdded":"1","topic":["Medical Equipment Templates","Education Templates","Medical Templates","Education & Books","Med School"],"isFree":"none","color":["black","white","green"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["cannabis","cbd","clean","clinic","css","dispensary","doctor","health","healthcare","hemp","hospital","laboratory","medical","medicine","store","blog","ecommerce","html","nextgenerationdev","cannabisstore"],"paidSupport":"Yes","authorUserId":"16230833","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"bootstrapVersion":"5.3.x","frameworks":"None","excerpt":"<p><strong>Canamedic</strong>, a <strong>Medical Marijuana Dispensary &amp; Cannabis Hemp HTML Template</strong>, is a visionary creation powered by the latest Bootstrap iteration</p>","nameOfTheTemplate":"Canamedic -  Medical Marijuana Dispensary &amp; Cannabis Hemp HTML Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u16230833/95610ea4851488bd16fc4fe6e5c6db11.jpg, https://s3u.tmimgcdn.com/u16230833/fbc0b01f7e3dfc8c85995994655c71c0.jpg, https://s3u.tmimgcdn.com/u16230833/657f6fcecf0d0c3676bec01456bce6c7.jpg, https://s3u.tmimgcdn.com/u16230833/0f83b5a329cdc384d2b361c334acd4b7.jpg, https://s3u.tmimgcdn.com/u16230833/33ddbef17cde56780836f272cd667540.jpg, https://s3u.tmimgcdn.com/u16230833/e1ac724ca4aa58dcd4e17269d7403f6e.jpg, https://s3u.tmimgcdn.com/u16230833/e92d3f32ba9a59ec9d41eaadc903524a.jpg, https://s3u.tmimgcdn.com/u16230833/756026d0942fef45a6d327ab1c6f441a.jpg, https://s3u.tmimgcdn.com/u16230833/1c26c593d4140d34ccf4612ffbaf5fc3.jpg, https://s3u.tmimgcdn.com/u16230833/47421a2df85e5948904251eb2954eced.jpg, https://s3u.tmimgcdn.com/u16230833/a303cec95b26f0372d44202586394cab.jpg, https://s3u.tmimgcdn.com/u16230833/24768f3e0a30eb55741230c793d8406e.jpg, https://s3u.tmimgcdn.com/u16230833/a24f99a06d550978777e96acdcdb89a8.jpg, https://s3u.tmimgcdn.com/u16230833/a1f69a6b77633c06dc5607e6cfe32319.jpg, https://s3u.tmimgcdn.com/u16230833/dad942d5682e583783156df87cb75fe1.jpg","shortDescription":"<p>🌿 Elevate Your Cannabis Experience with Innovative Design:</p><p><strong>Canamedic</strong>, a <strong>Medical Marijuana Dispensary &amp; Cannabis Hemp HTML Template</strong>, is a visionary creation powered by the latest Bootstrap iteration. Seamlessly merging trendy aesthetics with clean code, our design ethos ensures your dispensary shines, providing a modern, intuitive user experience that centers around your cannabis offerings.</p><p>🌱<strong> 100% Responsive, SEO, and Performance Optimized:</strong></p><p>Experience a seamless journey on any device – desktop, tablet, or mobile – with <strong>Canamedic's</strong> 100% responsive interface. Our unwavering dedication to SEO optimization guarantees heightened visibility, while performance optimization assures swift navigation that matches the pace of your cannabis business.</p><p>🛒 <strong>Shop Page – Boldly Crafted for Cannabis Commerce:</strong></p><p>The shop page isn't just a feature; it's a robust hub for your cannabis products. Present your diverse offerings boldly and attractively, inviting users into an immersive virtual dispensary that aligns seamlessly with their preferences.</p><p>🚀<strong> Ready to Adapt: Effortless Conversion to Various Platforms:</strong></p><p>Canamedic transcends being merely an HTML template; it's a dynamic platform primed for effortless transformation into WordPress, Joomla, Magento, Laravel, and other cutting-edge technologies. Seamlessly transition as your digital landscape evolves, ensuring your dispensary's online presence stays at the forefront of technological advancements.</p><p><strong>🌐 Global Reach with Lifetime Updates:</strong></p><p>Your cannabis dispensary's impact knows no borders, and neither does our commitment to your success. With lifetime free updates, your platform remains current, ensuring your message continues to resonate globally. Our dedicated support team stands ready to assist, guiding your dispensary through the ever-evolving digital realm.</p><p><strong>🌲 Cultivating Technological Advancements:</strong></p><p>Beyond sleek design, Canamedic is engineered for the future. As technology progresses, your dispensary's platform evolves effortlessly, ensuring your cannabis initiatives remain at the forefront of the digital revolution.</p><p><strong>✨ Why Choose Canamedic? Because Innovation Meets Cannabis Accessibility.</strong></p><p>Step into the future where every pixel showcases your commitment. <strong>Canamedic </strong>– where design, technology, and cannabis converge, planting seeds for a digitally empowered, cannabis-centric tomorrow.</p>","uniqueKeywords":"clinic,doctor,health,healthcare,hospital,laboratory,medical,medicine,cannabis,hemp,cbd,dispensary,html,nextgenerationdev,cannabisstore,css,clean,ecommerce,blog,store","advImage":"https://s3u.tmimgcdn.com/u16230833/06bf45177ebff5b2de0a4a0dc089cab5.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u16230833/7967f833525277c730f1c7d46dedb27a.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u16230833/a3ac9b7b0edb86312084fccff341504e.jpg(https://www.templatemonster.com/website-templates/canamedic-medical-marijuana-dispensary-amp-cannabis-hemp-html-template-374448.html?aff=nextgenerationdev&utm_campaign=nextgenerationdev&utm_source=nextgenerationdev&utm_medium=referral)","livePreviewURL":"https://nextgenerationdev.com/demos/html/canamedic/","metaDescription":"🌿 Elevate Your Cannabis Experience with Innovative Design:Canamedic, a Medical Marijuana Dispensary &amp; Cannabis Hemp HTML Template, is a visionary","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"The demo preview for this high quality Canamedic -  Medical Marijuana Dispensary &amp; Cannabis Hemp HTML Template Website Template (#374448) is available here for you to get the look and feel of the design before you buy it. Click through the pages, check out the images, press the buttons, explore the features.","customUrl":"/website-templates/canamedic-medical-marijuana-dispensary-amp-cannabis-hemp-html-template-374448.html","productSize":"7611196","trendiness":"1","changeLog":"Version: 1.1.0\n\n##February 28, 2024:\n-Updated all the CSS files.\n-Updated all the JS files.\n-Added new classes in HTML files\n-Added smooth animation","changeLogDate":"2024-03-01","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","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: Wed, 01 May 2024 02:52:05 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=374448&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=374448&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=374448&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 01 May 2024 02:57:05 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://nextgenerationdev.com/demos/html/canamedic/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#374448 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/374448.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 #374448            </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=374448&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $15                <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>