string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=401084&expand=properties"
string(14308) "[{"templateId":401084,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":227,"categoryName":"Fashion Blog Templates","templateTitle":"Fashion Blog Responsive Website Template","templatePreviewHtmlTitle":"Square Fashion : HTML Template #401084 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Square Fashion : HTML Template #401084","typeShortName":"Website","templatePreviewFBTitle":"<h2>Features</h2><p>Transform your fashion eCommerce business with Square. Because when it comes to fashion, every detail matters. where style meets substance.The theme features Ecommerce Website Template comes equipped with a comprehensive set of features designed to enhance the functionality. Choose Square Fashion</p><p>squre fashion is more than just a template; We made the compatible with XD Template and such features as Slider Revolution, and fashion trends etc, so that is was easy for you to build an online fashion boutique. Buy XD Template from Webbytemplate and experience the difference that quality and expertise make.</p><p>Here are some key features that a comprehensive eCommerce website template might offer to enhance functionality, responsiveness, and user experience:</p><ul><li><strong>Adaptive Design:</strong>Guarantees optimal display and functionality across a wide array of devices and screen dimensions, from desktops to tablets and mobile phones.</li><li><strong>Responsive Customer Support:</strong> Provides channels for customers to reach out for assistance, such as live chat, email support, or a ticketing system.</li><li><strong>Order Management:</strong>Provides tools to manage orders, including order tracking, status updates, and communication with customers regarding their purchases.</li><li><strong>Responsive Customer Support: </strong>Square fashion Provides channels for customers to reach out for assistance, such as live chat, email support, or a ticketing system.</li><li><strong>Animated CSS3 Techniques:</strong> Incorporates CSS3 for adding engaging animations and interactive features, enriching the user interface and experience.</li><li><strong>Customization Options:</strong>Provides flexibility for customization, allowing website owners to tailor the design, layout, and functionality to suit their brand and preferences.</li><li><strong>Navigation Menus:</strong> Offers clear and intuitive navigation menus to help users explore different product categories and pages within the website.</li><li><strong>Checkout Process: </strong>Provides a streamlined checkout process with options for guest checkout or account creation, along with secure payment gateways for transactions.</li><li><strong>Blog:</strong> Incorporates a blog section or page where you can share fashion trends, styling tips, behind-the-scenes content, and industry news to engage with your audience and drive traffic to your squre website.</li><li><strong>Tailorable Features:</strong> Provides vast customization capabilities, enabling you to adjust the website’s aesthetic and operational aspects to align with your brand identity.</li><li><strong>Contact Facility:</strong> Includes a contact form to facilitate easy communication with visitors, allowing them to submit queries or feedback directly.</li><li><strong>Organized Dropdown Menus:</strong>Ensures a clean and accessible navigation experience, granting users straightforward access to various website sections or product categories.</li><li><strong>Font Awesome</strong>icons offer extensive customization options, allowing you to adjust their size, color, and style to match your brand identity and design preferences. You can easily incorporate icons into different sections of the template and tailor them to suit your specific aesthetic requirements.</li></ul><h2>File included:</h2><ul><li>HTML files</li><li>css files</li><li>js files</li><li>Documentation in HTML</li></ul><h2>Photos :</h2><p>The 'images' on the demo site are purely for demonstration reasons and are not included in the main download package.</p><p>All Images Obtained Through 'Google Image Search'</p><p>Freepik</p><p>Unsplash</p><h2>Fonts :</h2><ul><li>Font Awesome - https://fontawesome.com/</li><li>Themify Icons</li><li>Google Fonts - \"opan sans\" - https://fonts.googleapis.com/css2?family=Open+Sans</li></ul><h2>Frameworks / Scripts :</h2><ul><li>jQuery</li><li>Swiper Slider</li><li>Magnific-popup</li></ul><p>Note : All images are just for preview or demo purpose only, Not include in the download package.</p>","templateFullTitle":"Square Fashion : HTML Template","templatePreviewMetaDescription":"FeaturesTransform your fashion eCommerce business with Square. Because when it comes to fashion, every detail matters. where style meets substance.The theme","templateDemoMetaDescription":"Before you buy it, get yourself acquainted with the top quality Square Fashion : HTML Template Website Template (#401084) by experiencing the demo preview. Go through the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Square Fashion : HTML Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/square-fashion-html-template-401084.html","userRating":0,"designIndex":1,"authorUserId":"78168322","exclusive":"1","state":1,"price":27,"inserted_date":"2024-03-15","sent":0,"downloads":0,"search_words":"bootstrap shop shopping store ecommerce fashion kids modern multipurpose responsive luxury","is_adult":0,"exc_price":2100,"sent_date":"2024-03-15 12:53:15","last_upload":"2024-03-15 12:54:02","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3431989,"templ_id":401084,"filename":"401084-original.jpg","width":965,"height":600,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3431990,"templ_id":401084,"filename":"401084-big.jpg","width":965,"height":600,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3431991,"templ_id":401084,"filename":"401084-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":3431992,"templ_id":401084,"filename":"401084-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":3431993,"templ_id":401084,"filename":"401084-b.jpg","width":430,"height":267,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/401084.html","image":"https://s.tmimgcdn.com/scr/401000/square-fashion--html-template_401084-original.jpg","searchHash":"dfb8742b890c99d413e661383c6ca166","previewHash":"7ce0d79a219dc7807ffec934fa5ffa65","authorNickname":"WebbyCrown","lowLevelTopic":"Fashion Blog Templates; Fashion Store Templates; Kids' fashion; Women's Fashion","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":0,"onSale":0,"finalPrice":25,"discountPercent":0,"discountAmount":0,"semiannualSales":null,"properties":{"features":["Responsive","Bootstrap","eCommerce","Dropdown Menu","HTML 5","JQuery","HTML plus JS"],"styles":["Clean","Mobile"],"isLastAdded":"1","popularity":"Zero Downloads","topic":["Fashion Blog Templates","Fashion Templates","Fashion Store Templates","Fashion & Beauty","Kids' fashion","Women's Fashion"],"isFree":"none","color":["white","brown","pink","yellow"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["bootstrap","fashion","kids","luxury","modern","multipurpose","responsive","shop","shopping","store","ecommerce"],"paidSupport":"Yes","webServerCompatibility":"Apache 2.4","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorUserId":"78168322","bootstrapVersion":"5.1.x","frameworks":"None","excerpt":"<p>shopping Square Square Fashion: HTML Template - Ultimate eCommerce html Features - eCommerce design user experience Template - Bootstrap 5, SEO optimized &amp; Mobile Ready</p>","nameOfTheTemplate":"Square Fashion : HTML Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78168322/73c9b1b4bccc1206ac5e55d9456fc6f8.jpg, https://s3u.tmimgcdn.com/u78168322/d89c9a34c33a4cec0a9f9e2cb63e8033.jpg, https://s3u.tmimgcdn.com/u78168322/1b320e3e14099f398fdd40fc4777e34c.jpg, https://s3u.tmimgcdn.com/u78168322/fc4488a27da03266c27d65fdf30a9948.jpg, https://s3u.tmimgcdn.com/u78168322/56186e54ae570182c800f1de89ed289b.jpg, https://s3u.tmimgcdn.com/u78168322/6d180a7fcdc3e55a16a49a47437f1a3c.jpg, https://s3u.tmimgcdn.com/u78168322/07892495ec6e28a84d13985467e4a876.jpg","shortDescription":"<h2>Features</h2><p>Transform your fashion eCommerce business with Square. Because when it comes to fashion, every detail matters. where style meets substance.The theme features Ecommerce Website Template comes equipped with a comprehensive set of features designed to enhance the functionality. Choose Square Fashion</p><p>squre fashion is more than just a template; We made the compatible with XD Template and such features as Slider Revolution, and fashion trends etc, so that is was easy for you to build an online fashion boutique. Buy XD Template from Webbytemplate and experience the difference that quality and expertise make.</p><p>Here are some key features that a comprehensive eCommerce website template might offer to enhance functionality, responsiveness, and user experience:</p><ul><li><strong>Adaptive Design:</strong>Guarantees optimal display and functionality across a wide array of devices and screen dimensions, from desktops to tablets and mobile phones.</li><li><strong>Responsive Customer Support:</strong> Provides channels for customers to reach out for assistance, such as live chat, email support, or a ticketing system.</li><li><strong>Order Management:</strong>Provides tools to manage orders, including order tracking, status updates, and communication with customers regarding their purchases.</li><li><strong>Responsive Customer Support: </strong>Square fashion Provides channels for customers to reach out for assistance, such as live chat, email support, or a ticketing system.</li><li><strong>Animated CSS3 Techniques:</strong> Incorporates CSS3 for adding engaging animations and interactive features, enriching the user interface and experience.</li><li><strong>Customization Options:</strong>Provides flexibility for customization, allowing website owners to tailor the design, layout, and functionality to suit their brand and preferences.</li><li><strong>Navigation Menus:</strong> Offers clear and intuitive navigation menus to help users explore different product categories and pages within the website.</li><li><strong>Checkout Process: </strong>Provides a streamlined checkout process with options for guest checkout or account creation, along with secure payment gateways for transactions.</li><li><strong>Blog:</strong> Incorporates a blog section or page where you can share fashion trends, styling tips, behind-the-scenes content, and industry news to engage with your audience and drive traffic to your squre website.</li><li><strong>Tailorable Features:</strong> Provides vast customization capabilities, enabling you to adjust the website’s aesthetic and operational aspects to align with your brand identity.</li><li><strong>Contact Facility:</strong> Includes a contact form to facilitate easy communication with visitors, allowing them to submit queries or feedback directly.</li><li><strong>Organized Dropdown Menus:</strong>Ensures a clean and accessible navigation experience, granting users straightforward access to various website sections or product categories.</li><li><strong>Font Awesome</strong>icons offer extensive customization options, allowing you to adjust their size, color, and style to match your brand identity and design preferences. You can easily incorporate icons into different sections of the template and tailor them to suit your specific aesthetic requirements.</li></ul><h2>File included:</h2><ul><li>HTML files</li><li>css files</li><li>js files</li><li>Documentation in HTML</li></ul><h2>Photos :</h2><p>The 'images' on the demo site are purely for demonstration reasons and are not included in the main download package.</p><p>All Images Obtained Through 'Google Image Search'</p><p>Freepik</p><p>Unsplash</p><h2>Fonts :</h2><ul><li>Font Awesome - https://fontawesome.com/</li><li>Themify Icons</li><li>Google Fonts - \"opan sans\" - https://fonts.googleapis.com/css2?family=Open+Sans</li></ul><h2>Frameworks / Scripts :</h2><ul><li>jQuery</li><li>Swiper Slider</li><li>Magnific-popup</li></ul><p>Note : All images are just for preview or demo purpose only, Not include in the download package.</p>","uniqueKeywords":"bootstrap,shop,shopping,store,ecommerce,fashion,kids,modern,multipurpose,responsive,luxury","advImage":"https://s3u.tmimgcdn.com/u78168322/a7287109dd45a918db0c50401ebaa1bb.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78168322/af293fd6061ac2efd62c4464423d22b9.jpg","livePreviewURL":"https://demo.webbytemplate.com/html-templates/bootstrap/square-fashion/html/index.html","metaDescription":"FeaturesTransform your fashion eCommerce business with Square. Because when it comes to fashion, every detail matters. where style meets substance.The theme","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Before you buy it, get yourself acquainted with the top quality Square Fashion : HTML Template Website Template (#401084) by experiencing the demo preview. Go through the pages, examine the images, click the buttons, explore the features.","customUrl":"/website-templates/square-fashion-html-template-401084.html","productSize":"63238916","trendiness":"1","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: Sun, 28 Apr 2024 11:04:39 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=401084&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=401084&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=401084&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 28 Apr 2024 11:09:39 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://demo.webbytemplate.com/html-templates/bootstrap/square-fashion/html/index.html<!DOCTYPE html>
<html lang="en">
<head>
    <title>#401084 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/401084.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 #401084            </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=401084&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $25                <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>