string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=358059&expand=properties"
string(11620) "[{"templateId":358059,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":432,"categoryName":"Fashion Templates","templateTitle":"Fashion Responsive Website Template","templatePreviewHtmlTitle":"Miso - Modern Shop Bootstrap Template - TemplateMonster","templateDemoHtmlTitle":"Demo Preview for Miso - Modern Shop Bootstrap Template #358059","typeShortName":"Website","templatePreviewFBTitle":"<h2>About Miso:</h2><p><strong>Miso</strong> is a website template designed in a <strong>modern and minimalist style</strong>, with <strong>26 pre-built HTML pages</strong>, this template will help users and developers to <strong>build a professional e-commerce or online shopping website.</strong></p><p><strong>Miso</strong> is built on <strong>Bootstrap Framework</strong>, the most popular Framework today for building website interfaces, which has given <strong>Miso</strong> an impressive web style with an enjoyable and responsive experience for mobile devices. Miso’s source code is written in <strong>HTML5, CSS3 and Javascript</strong>, <strong>meeting the standards set by W3C</strong>.</p><p>This template <strong>does not use external dependent libraries such as Jquery, Angular, Vue</strong>… but only uses <strong>pure Javascript</strong>, so it helps the code to be lighter and optimize the page loading speed. <strong>Miso</strong> uses most of the components, features and classes of <strong>Bootstrap</strong> so the code is less and the file size is minimized. In addition, <strong>Miso’s</strong> source code is built meticulously, carefully and fully annotated, making it <strong>easier to customize, extend and maintain</strong>.</p><h2>Miso Features:</h2><ul><li>Designed for online shops (E-Commerce Websites)</li><li>26 HTML pages available</li><li>Hero Banners Carousel</li><li>Fullscreen Hero Banners</li><li>2 product listing options (Grid/List)</li><li>Product filters (Offcanvas Filter on mobile)</li><li>Product Photos (Impressive zoom effect)</li><li>Shopping Cart/Checkout Pages</li><li>Quick view shopping cart (Bootstrap Offcanvas)</li><li>Customer Account pages (Dashboard, Wishlist, Orders, Address, Setting...)</li><li>Sticky header (Smooth effect)</li><li>Dropdown Menu (Bootstrap Navbar)</li><li>Carousel for Products, Posts</li><li>Contact Form (Includes PHP files)</li><li>Mobile menu (Bootstrap Offcanvas)</li><li>Image Lightbox</li><li>Bootstrap 5.3</li><li>Bootstrap Icons</li><li>HTML5 & CSS3 (W3C standard)</li><li>Pure JavaScript (Don't Use Dependent Libraries)</li><li>SEO standards</li><li>Mobile responsive support</li><li>Animated effects (Show elements by scrolling)</li><li>Google Fonts (Jost)</li><li>Clean and fully commented source code</li><li>Includes documentation</li><li>Free support</li><li>Free updates</li></ul><h2>Credits:</h2><p>Miso uses libraries and plugins including Bootstrap 5.3, Bootstrap Icons, gLightbox, scrollCue, Tiny-slider.</p><h2>Images:</h2><p>The website template uses demo images sourced from Pixabay, Pexels.</p><p><strong><em>Note: The images on the Miso site are for Demo purposes only. Please use your images for your website...</em></strong></p><h2>Important:</h2><p><strong><em>Miso website template is just an HTML template, please make sure you need an HTML version before purchasing this template, We will not refund you for any reason related to the wrong purchase of this template.</em></strong></p>","templateFullTitle":"Miso - Modern Shop Bootstrap Template","templatePreviewMetaDescription":"About Miso:Miso is a website template designed in a modern and minimalist style, with 26 pre-built HTML pages, this template will help users and developers to","templateDemoMetaDescription":"The live preview for this top notch Miso - Modern Shop Bootstrap Template Website Template (#358059) is presented here for you to get yourself acquainted with the design before buying it. View the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Miso - Modern Shop Bootstrap Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/miso-modern-shop-bootstrap-template-358059.html","userRating":0,"designIndex":1,"authorUserId":"1202828","exclusive":"1","state":1,"price":29,"inserted_date":"2023-09-11","sent":0,"downloads":1,"search_words":"jewelry store ecommerce shop bootstrap clother shoes clothes fashion accessories mall furniture","is_adult":0,"exc_price":2100,"sent_date":"2023-09-11 11:56:42","last_upload":"2023-09-11 11:57:44","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"358059-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":358059,"width":1600,"window_params":"","banner_url":"","id":3217040,"href":"","height":1000},{"scr_type_id":311,"filename":"358059-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":358059,"width":1600,"window_params":"","banner_url":"","id":3217041,"href":"","height":1000},{"scr_type_id":312,"filename":"358059-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":358059,"width":370,"window_params":"","banner_url":"","id":3217042,"href":"","height":370},{"scr_type_id":9,"filename":"358059-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":358059,"width":145,"window_params":"","banner_url":"","id":3217043,"href":"","height":156},{"scr_type_id":57,"filename":"358059-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":358059,"width":430,"window_params":"","banner_url":"","id":3217044,"href":"","height":269}],"demoUrl":"/demo/358059.html","image":"https://s.tmimgcdn.com/scr/358000/miso-modern-shop-bootstrap-template_358059-original.jpg","searchHash":"0347c2dd6837164fdeb81173f6b02a05","previewHash":"3cec63e0617b6bbf2999e0498f7a5f56","authorNickname":"BiThemer","lowLevelTopic":"Fashion Templates; Jewelry Templates; Linen & Lace; Shopping Mall","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":29,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"productFamily":"None","color":["white","red"],"followUpLetter":"website-template-offers","frameworks":"None","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"8010035","uniqueKeywords":"jewelry,store,ecommerce,shop,bootstrap,clother,shoes,clothes,fashion,accessories,mall,furniture","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"About Miso:Miso is a website template designed in a modern and minimalist style, with 26 pre-built HTML pages, this template will help users and developers to","isLastAdded":"1","bootstrapVersion":"5.3.x","features":["Responsive","Search Engine Friendly","Bootstrap","Retina Ready","eCommerce","Dropdown Menu","Sample content","MegaMenu","Blog","Online Store/Shop","HTML 5","Static"],"saleSells":"1","livePreviewURL":"https://miso.bithemer.com/","authorUserId":"1202828","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1202828/76ac872c848caa9e91f62648e1f12a13.jpg","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","alreadyPacked":"1","exclusive":"1","imagesIncluded":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"templateIcon":"icon-monster_dark","types":"HTML Website Templates","trendiness":"8","demoMetaDescription":"The live preview for this top notch Miso - Modern Shop Bootstrap Template Website Template (#358059) is presented here for you to get yourself acquainted with the design before buying it. View the pages, check the images, click the buttons, explore the functionality.","shortDescription":"<h2>About Miso:</h2><p><strong>Miso</strong> is a website template designed in a <strong>modern and minimalist style</strong>, with <strong>26 pre-built HTML pages</strong>, this template will help users and developers to <strong>build a professional e-commerce or online shopping website.</strong></p><p><strong>Miso</strong> is built on <strong>Bootstrap Framework</strong>, the most popular Framework today for building website interfaces, which has given <strong>Miso</strong> an impressive web style with an enjoyable and responsive experience for mobile devices. Miso’s source code is written in <strong>HTML5, CSS3 and Javascript</strong>, <strong>meeting the standards set by W3C</strong>.</p><p>This template <strong>does not use external dependent libraries such as Jquery, Angular, Vue</strong>… but only uses <strong>pure Javascript</strong>, so it helps the code to be lighter and optimize the page loading speed. <strong>Miso</strong> uses most of the components, features and classes of <strong>Bootstrap</strong> so the code is less and the file size is minimized. In addition, <strong>Miso’s</strong> source code is built meticulously, carefully and fully annotated, making it <strong>easier to customize, extend and maintain</strong>.</p><h2>Miso Features:</h2><ul><li>Designed for online shops (E-Commerce Websites)</li><li>26 HTML pages available</li><li>Hero Banners Carousel</li><li>Fullscreen Hero Banners</li><li>2 product listing options (Grid/List)</li><li>Product filters (Offcanvas Filter on mobile)</li><li>Product Photos (Impressive zoom effect)</li><li>Shopping Cart/Checkout Pages</li><li>Quick view shopping cart (Bootstrap Offcanvas)</li><li>Customer Account pages (Dashboard, Wishlist, Orders, Address, Setting...)</li><li>Sticky header (Smooth effect)</li><li>Dropdown Menu (Bootstrap Navbar)</li><li>Carousel for Products, Posts</li><li>Contact Form (Includes PHP files)</li><li>Mobile menu (Bootstrap Offcanvas)</li><li>Image Lightbox</li><li>Bootstrap 5.3</li><li>Bootstrap Icons</li><li>HTML5 & CSS3 (W3C standard)</li><li>Pure JavaScript (Don't Use Dependent Libraries)</li><li>SEO standards</li><li>Mobile responsive support</li><li>Animated effects (Show elements by scrolling)</li><li>Google Fonts (Jost)</li><li>Clean and fully commented source code</li><li>Includes documentation</li><li>Free support</li><li>Free updates</li></ul><h2>Credits:</h2><p>Miso uses libraries and plugins including Bootstrap 5.3, Bootstrap Icons, gLightbox, scrollCue, Tiny-slider.</p><h2>Images:</h2><p>The website template uses demo images sourced from Pixabay, Pexels.</p><p><strong><em>Note: The images on the Miso site are for Demo purposes only. Please use your images for your website...</em></strong></p><h2>Important:</h2><p><strong><em>Miso website template is just an HTML template, please make sure you need an HTML version before purchasing this template, We will not refund you for any reason related to the wrong purchase of this template.</em></strong></p>","tags":["accessories","bootstrap","clothes","fashion","furniture","jewelry","mall","shoes","shop","store","ecommerce","clother"],"customUrl":"/website-templates/miso-modern-shop-bootstrap-template-358059.html","nameOfTheTemplate":"Miso - Modern Shop Bootstrap Template","paidSupport":"Yes","pHPVersionCompatibility":["8.1","8.0","7.4"],"topic":["Fashion Templates","Jewelry Templates","Business & Services","Fashion & Beauty","Linen & Lace","Shopping Mall"],"styles":["Clean","Minimalist","Flat"],"marketplaceMembership":"One","excerpt":"<p>Miso is a website template designed in a modern and minimalist style. built on Bootstrap Framework.</p>","advImage":"https://s3u.tmimgcdn.com/u1202828/b288a40d836779169e79fd8d0f642e36.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, 29 Apr 2024 18:17:37 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=358059&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=358059&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=358059&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 29 Apr 2024 18:22:37 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://miso.bithemer.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#358059 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/358059.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 #358059            </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=358059&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $27                <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>