string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=405530&expand=properties"
string(15169) "[{"templateId":405530,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":279,"categoryName":"Lawyer Templates","templateTitle":"Lawyer Responsive WordPress Theme","templatePreviewHtmlTitle":"Legal Loom - Law Firm &amp; Attorney Elementor WordPress Theme","templateDemoHtmlTitle":"Demo for Legal Loom - Law Firm &amp; Attorney Elementor WordPress Theme #405530","typeShortName":"WordPress","templatePreviewFBTitle":"<h2>Legal Loom - Law Firm &amp; Attorney Elementor WordPress Theme</h2><p>Introducing \"Legal Loom\" – a sophisticated Elementor WordPress theme tailored for law firms. Designed with professionalism and ease of use in mind, it offers a comprehensive suite of features to showcase expertise effectively. With a clean design and mobile-friendly layout, it ensures seamless browsing across all devices. Compatible with Elementor, customization is effortless, allowing the creation of stunning, custom layouts without coding. Pre-designed templates cover essential pages, offering flexibility to tailor to specific needs. Legal Loom includes integrated contact forms, SEO optimization, and extensive documentation, making it an ideal choice for law firms aiming to establish a strong online presence.</p><h3>Key Features:</h3><ol><li><strong>Modern and Professional Design</strong>: Legal Loom boasts a sleek and contemporary design aesthetic, with clean lines, elegant typography, and strategic use of white space to convey professionalism and authority.</li><li><strong>Elementor Compatibility:</strong> Built with compatibility for the popular Elementor page builder, Legal Loom offers users the flexibility to effortlessly customize every aspect of their website without any coding knowledge. With a drag-and-drop interface and a wide range of widgets and elements, users can easily create stunning, custom layouts to suit their branding and content requirements.</li><li><strong>Responsive and Mobile-Friendly</strong>: Legal Loom is fully responsive and mobile-friendly, ensuring that your website looks and functions flawlessly across all devices, from desktop computers to smartphones and tablets. With an increasing number of users accessing the internet via mobile devices, it's essential to provide a seamless browsing experience on all platforms, and Legal Loom delivers on this front.</li><li><strong>Pre-designed Templates</strong>: Legal Loom comes with a selection of professionally designed templates specifically tailored for law firms and attorneys. These templates cover a range of pages, including homepage, about us, practice areas, case studies, testimonials, and contact pages, providing users with a solid foundation to build upon and customize to their liking.</li><li><strong>Flexible Layout Options:</strong> With Legal Loom, users have access to a variety of layout options, including multiple header and footer styles, custom sidebar configurations, and flexible grid and column settings. Whether you prefer a traditional layout or a more modern and unconventional design, Legal Loom offers the flexibility to create a website that reflects your unique style and preferences.</li><li><strong>Integrated Contact Forms:</strong> Legal Loom includes integrated contact forms, making it easy for visitors to get in touch with your firm or schedule consultations. These forms can be easily customized to collect specific information from users and are GDPR-compliant to ensure the privacy and security of user data.</li><li><strong>SEO Optimized:</strong> Legal Loom is built with search engine optimization (SEO) best practices in mind, helping to improve your website's visibility and rankings in search engine results. From clean code and fast loading times to optimized meta tags and schema markup, Legal Loom provides the foundation for a successful SEO strategy.</li><li><strong>Extensive Documentation and Support</strong>: Legal Loom comes with comprehensive documentation that guides users through the setup and customization process step-by-step. In addition, users have access to dedicated support from the theme developers, ensuring that any questions or issues are addressed promptly and effectively.</li></ol><p>With its powerful features, user-friendly interface, and professional design, Legal Loom is the perfect solution for law firms and attorneys looking to establish a strong online presence and attract new clients. Whether you're a solo practitioner or a large law firm, Legal Loom provides the tools and flexibility you need to succeed in today's digital landscape.</p><p><strong>Note: All the content will be imported with .wpress file</strong></p>","templateFullTitle":"Legal Loom - Law Firm &amp; Attorney Elementor WordPress Theme","templatePreviewMetaDescription":"Legal Loom - Law Firm &amp; Attorney Elementor WordPress ThemeIntroducing \"Legal Loom\" – a sophisticated Elementor WordPress theme tailored for law firms.","templateDemoMetaDescription":"Sit back and watch the live preview of the top quality Legal Loom - Law Firm &amp; Attorney Elementor WordPress Theme WordPress Theme (#405530) get yourself informed about this design before you purchase it. View the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Legal Loom - Law Firm &amp; Attorney Elementor WordPress Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/legal-loom-law-firm-amp-attorney-elementor-wordpress-theme-405530.html","userRating":0,"designIndex":1,"authorUserId":"78355239","exclusive":"1","state":1,"price":68,"inserted_date":"2024-04-02","sent":0,"downloads":0,"search_words":"advocate agency attorney barrister business consultant consulting corporate court firm law firm elementor wordpress support solicitor services legal lawyer law justice","is_adult":0,"exc_price":2100,"sent_date":"2024-04-02 13:20:56","last_upload":"2024-04-02 13:21:31","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3454190,"templ_id":405530,"filename":"405530-original.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3454191,"templ_id":405530,"filename":"405530-big.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3454192,"templ_id":405530,"filename":"405530-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":3454193,"templ_id":405530,"filename":"405530-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":3454194,"templ_id":405530,"filename":"405530-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/405530.html","image":"https://s.tmimgcdn.com/scr/405500/legal-loom-law-firm-amp-attorney-elementor-wordpress-theme_405530-original.png","searchHash":"b28f5ab6ba12caa26e464a1339a7784a","previewHash":"84944fee7b43e20db5f24f09913af14b","authorNickname":"FasiSoft","lowLevelTopic":"Lawyer Templates; Law Firm Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":125,"onSale":0,"finalPrice":60,"discountPercent":0,"discountAmount":0,"semiannualSales":null,"properties":{"features":["Responsive","Admin Panel","Search Engine Friendly","Bootstrap","Retina Ready","Mobile Layout Included","Light Template","Dropdown Menu","Google map","Sample content","Tabs","Drag and Drop Content","Performance Optimization","Gallery","Forum","HTML 5","Static","Lazy Load effect","One click installation"],"styles":["Clean","Corporate","Minimalist","Neutral","Artworks","Collage","Futurist","Mobile","Flat","Material Design"],"isLastAdded":"1","popularity":"Zero Downloads","topic":["Lawyer Templates","Law Firm Templates","Law Templates","Business & Services","Society & People"],"isFree":"none","color":["black","white"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","compatibleWith":["WooCommerce","Revolution Slider","WPML","MailChimp","Polylang","Ecwid","Booked","LearnPress"],"marketplaceMembership":"One","imagesIncluded":"Yes","tags":["advocate","agency","attorney","barrister","business","consultant","consulting","corporate","court","firm","justice","law","lawyer","legal","services","solicitor","support","wordpress","elementor","law firm"],"wordPressBuilder":["Gutenberg Editor","Elementor Website Builder"],"paidSupport":"Yes","wordpressComCompatibility":"Not Compatible","wordpressCompatibility":["6.0.x","6.1.x","6.2.x","6.3.x","6.4.x"],"webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"designSoftware":["Adobe Photoshop","Figma","Adobe Illustrator","Google Web Designer"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"wooCommerceCompatibility":["8.0.x","8.1.x","8.2.x","8.3.x","8.4.x","8.5.x","8.6.x","8.7.x"],"authorUserId":"78355239","excerpt":"<p>Legal Loom - A sleek, Elementor theme for law firms. Professional, mobile-friendly, with easy customization. Ideal for online presence.</p>","nameOfTheTemplate":"Legal Loom - Law Firm &amp; Attorney Elementor WordPress Theme","shortDescription":"<h2>Legal Loom - Law Firm &amp; Attorney Elementor WordPress Theme</h2><p>Introducing \"Legal Loom\" – a sophisticated Elementor WordPress theme tailored for law firms. Designed with professionalism and ease of use in mind, it offers a comprehensive suite of features to showcase expertise effectively. With a clean design and mobile-friendly layout, it ensures seamless browsing across all devices. Compatible with Elementor, customization is effortless, allowing the creation of stunning, custom layouts without coding. Pre-designed templates cover essential pages, offering flexibility to tailor to specific needs. Legal Loom includes integrated contact forms, SEO optimization, and extensive documentation, making it an ideal choice for law firms aiming to establish a strong online presence.</p><h3>Key Features:</h3><ol><li><strong>Modern and Professional Design</strong>: Legal Loom boasts a sleek and contemporary design aesthetic, with clean lines, elegant typography, and strategic use of white space to convey professionalism and authority.</li><li><strong>Elementor Compatibility:</strong> Built with compatibility for the popular Elementor page builder, Legal Loom offers users the flexibility to effortlessly customize every aspect of their website without any coding knowledge. With a drag-and-drop interface and a wide range of widgets and elements, users can easily create stunning, custom layouts to suit their branding and content requirements.</li><li><strong>Responsive and Mobile-Friendly</strong>: Legal Loom is fully responsive and mobile-friendly, ensuring that your website looks and functions flawlessly across all devices, from desktop computers to smartphones and tablets. With an increasing number of users accessing the internet via mobile devices, it's essential to provide a seamless browsing experience on all platforms, and Legal Loom delivers on this front.</li><li><strong>Pre-designed Templates</strong>: Legal Loom comes with a selection of professionally designed templates specifically tailored for law firms and attorneys. These templates cover a range of pages, including homepage, about us, practice areas, case studies, testimonials, and contact pages, providing users with a solid foundation to build upon and customize to their liking.</li><li><strong>Flexible Layout Options:</strong> With Legal Loom, users have access to a variety of layout options, including multiple header and footer styles, custom sidebar configurations, and flexible grid and column settings. Whether you prefer a traditional layout or a more modern and unconventional design, Legal Loom offers the flexibility to create a website that reflects your unique style and preferences.</li><li><strong>Integrated Contact Forms:</strong> Legal Loom includes integrated contact forms, making it easy for visitors to get in touch with your firm or schedule consultations. These forms can be easily customized to collect specific information from users and are GDPR-compliant to ensure the privacy and security of user data.</li><li><strong>SEO Optimized:</strong> Legal Loom is built with search engine optimization (SEO) best practices in mind, helping to improve your website's visibility and rankings in search engine results. From clean code and fast loading times to optimized meta tags and schema markup, Legal Loom provides the foundation for a successful SEO strategy.</li><li><strong>Extensive Documentation and Support</strong>: Legal Loom comes with comprehensive documentation that guides users through the setup and customization process step-by-step. In addition, users have access to dedicated support from the theme developers, ensuring that any questions or issues are addressed promptly and effectively.</li></ol><p>With its powerful features, user-friendly interface, and professional design, Legal Loom is the perfect solution for law firms and attorneys looking to establish a strong online presence and attract new clients. Whether you're a solo practitioner or a large law firm, Legal Loom provides the tools and flexibility you need to succeed in today's digital landscape.</p><p><strong>Note: All the content will be imported with .wpress file</strong></p>","uniqueKeywords":"advocate,agency,attorney,barrister,business,consultant,consulting,corporate,court,firm,law firm,elementor,wordpress,support,solicitor,services,legal,lawyer,law,justice","advImage":"https://s3u.tmimgcdn.com/u78355239/e79a7bf177671529fa82328416568ee3.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78355239/3c6d11ff9b20875370af6ec4a9840fcc.png","livePreviewURL":"https://legalloom.eweb9.com","metaDescription":"Legal Loom - Law Firm &amp; Attorney Elementor WordPress ThemeIntroducing \"Legal Loom\" – a sophisticated Elementor WordPress theme tailored for law firms.","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Sit back and watch the live preview of the top quality Legal Loom - Law Firm &amp; Attorney Elementor WordPress Theme WordPress Theme (#405530) get yourself informed about this design before you purchase it. View the pages, check the images, press the buttons, explore the features.","customUrl":"/wordpress-themes/legal-loom-law-firm-amp-attorney-elementor-wordpress-theme-405530.html","productSize":"44551154","trendiness":"1","types":"WordPress Themes","templateIcon":"icon-wordpress","hELPURL":"/quick-start-guide/wordpress/","followUpLetter":"wp-themes-offers","productFamily":"None","templateGroup":"Wordpress Store","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:34:30 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=405530&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=405530&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=405530&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 29 Apr 2024 18:39:30 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://legalloom.eweb9.com<!DOCTYPE html>
<html lang="en">
<head>
    <title>#405530 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/405530.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">
                WordPress Themes #405530            </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=405530&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $63                <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="/wordpress-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>