string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=74194&expand=properties"
string(16023) "[{"templateId":74194,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":127,"categoryName":"Consulting Templates","templateTitle":"Consulting Responsive Website Template","templatePreviewHtmlTitle":"Legalor - Legal Firm for Lawyers and Attorneys Website Template","templateDemoHtmlTitle":"Demo for Legalor - Legal Firm for Lawyers and Attorneys Website Template #74194","typeShortName":"Website","templatePreviewFBTitle":"<h2><strong>Trustworthy Legal Firm Website Template</strong></h2><p>A legal firm website template is a useful solution for building a powerful law consulting website. Nowadays, companies heavily rely on their websites as a means of promotion. when it comes to the legal sphere, law firms require a professional approach to website development. Still, not every lawyer can afford to hire a web developer. That's why only big law firms usually have websites designed and built from scratch.</p><p>However, you can always get a well-developed website without spending a fortune. All you have to do is to get an HTML template that meets your needs. These solutions are affordable and reliable. They also are highly responsive thanks to the Bootstrap 5 framework. Moreover, HTML5 templates are ready-made to satisfy the goals of diverse business spheres. If you are looking for a suitable law firm solution, the Legalor template will be a perfect choice for you.</p><h3><strong>Feature-Rich HTML5 Website Template for Lawyers</strong></h3><p>The Legalor legal firm website template provides a vast range of benefits. For example, it has a clean and corporate design. The template's layout isn't overloaded with unnecessary elements. It also is quite detailed and provides space for various content types. Whether you want to use images or videos with text, it's all possible with our HTML template. The solution we offer also includes a wide range of features that make your website more stable. Here are some of these features:</p><ol><li>W3C valid coding;</li><li>Cross-browser support;</li><li>Responsive & SEO-ready layout;</li><li>Google Fonts & Google Maps;</li><li>SCSS & Pug source files.</li></ol><p>Our HTML5 solution is also multipage. It means that this legal firm website template includes a variety of pre-designed pages. They can be used for a variety of purposes. For example, you can tell more information about your lawyers and cases. Or you can describe various practice areas that you work in. Moreover, our template allows posting regular news and updates about your law firm. And of course, you can promote your services and showcase your achievements.</p><h2><strong>100% Customizable HTML5 Template</strong></h2><p>The legal firm website template also includes diverse customization possibilities. While some users prefer to edit the code directly, it may not be an option for beginners in web development. For that reason, we have implemented a vast selection of UI elements. From buttons to tables and text elements, there's a lot of customization potential that Legalor offers. If you are a developer this UI kit will give you even more than just simple customization.</p><p>In case you are looking for more information, the template's documentation can be of great use to you. It describes various aspects of using HTML templates like Legalor. The documentation also answers a variety of questions about installing and working with this template. But if you require additional support, our qualified team will be glad to assist you. We also hope that our template catalog will be of great use when you decide to work on your next online project.</p><h2><strong>Important Notice Regarding Support Response Times</strong></h2><p>Please note that our team is committed to providing prompt and efficient support to all of our customers. However, due to an increased volume of support requests, our usual average time for providing support is estimated to be between 3-5 business days.</p><p>We want to assure you that we are taking all necessary measures to address your requests as soon as possible. Rest assured that your inquiry will be attended to promptly.</p><h3>Thank you for choosing our product.</h3><p><br></p>","templateFullTitle":"Legalor - Legal Firm for Lawyers and Attorneys Website Template","templatePreviewMetaDescription":"Trustworthy Legal Firm Website TemplateA legal firm website template is a useful solution for building a powerful law consulting website. Nowadays, companies","templateDemoMetaDescription":null,"specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Legalor - Legal Firm for Lawyers and Attorneys Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/legalor-classy-law-company-responsive-website-template-74194.html","userRating":"5","designIndex":"86","authorUserId":"1519369","exclusive":"1","state":1,"price":39,"inserted_date":"2018-11-08","sent":1,"downloads":120,"search_words":"bankruptcy lawyer law company legal advice law enforcement law office lawyer attorney justice jurisprudence legal legislation constitution rule statute statutes policy regulations decree legally criminal","is_adult":0,"exc_price":4500,"sent_date":"2020-06-02 00:00:05","last_upload":"2023-03-30 11:29:17","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1778857,"templ_id":74194,"filename":"74194-5-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1778858,"templ_id":74194,"filename":"74194-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1778859,"templ_id":74194,"filename":"74194-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":1778860,"templ_id":74194,"filename":"74194-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":1778861,"templ_id":74194,"filename":"74194-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/74194.html","image":"https://s.tmimgcdn.com/scr/74100/legalor-legal-firm-for-lawyers-and-attorneys-website-template_74194-5-original.jpg","searchHash":"959f99369737e46d4a2ff8f909394e66","previewHash":"9bb308dec37df89b9efe333b55ace47a","authorNickname":"ZEMEZ","lowLevelTopic":"Consulting Templates; SEO Website Templates; Call Center Templates; Lawyer Templates; Law Firm Templates; Politics Templates; Personal Page Templates; Office Templates","weightedRating":4.4210526315789,"annualSale":7,"monthlySales":0,"quarterlySales":1,"productBoost":125,"onSale":0,"finalPrice":39,"discountPercent":0,"discountAmount":0,"semiannualSales":4,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Sliced PSD","Dropdown Menu","Google map","Tabs","HTML 5","JQuery","Parallax"],"styles":"Neutral","languageSupport":"English","galleryScript":["Accordion","Carousel","Isotope","Grid"],"webForms":["Contact Form","Newsletter Subscription","Search Form"],"badge":"badge-responsive","topic":["Consulting Templates","SEO Website Templates","Call Center Templates","Lawyer Templates","Law Firm Templates","Law Templates","Politics Templates","Personal Page Templates","Office Templates","Business & Services","Society & People"],"templateIcon":"icon-bootstrap","isFree":"none","popularity":"Top Rated","dateRange":"Last Year","color":["black","white","grey"],"showVariantForcibly":"b","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"exclusive":"1","authorUserId":"1519369","alreadyPacked":"1","nameOfTheTemplate":"Legalor - Legal Firm for Lawyers and Attorneys Website Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1519369-1541686317969_prod-20957-screen-1.jpg, https://s3u.tmimgcdn.com/1519369-1541686320051_prod-20957-screen-2.jpg, https://s3u.tmimgcdn.com/1519369-1541686322111_prod-20957-screen-3.jpg, https://s3u.tmimgcdn.com/1519369-1541686324160_prod-20957-screen-4.jpg, https://s3u.tmimgcdn.com/1519369-1541686326041_prod-20957-screen-5.jpg","shortDescription":"<h2><strong>Trustworthy Legal Firm Website Template</strong></h2><p>A legal firm website template is a useful solution for building a powerful law consulting website. Nowadays, companies heavily rely on their websites as a means of promotion. when it comes to the legal sphere, law firms require a professional approach to website development. Still, not every lawyer can afford to hire a web developer. That's why only big law firms usually have websites designed and built from scratch.</p><p>However, you can always get a well-developed website without spending a fortune. All you have to do is to get an HTML template that meets your needs. These solutions are affordable and reliable. They also are highly responsive thanks to the Bootstrap 5 framework. Moreover, HTML5 templates are ready-made to satisfy the goals of diverse business spheres. If you are looking for a suitable law firm solution, the Legalor template will be a perfect choice for you.</p><h3><strong>Feature-Rich HTML5 Website Template for Lawyers</strong></h3><p>The Legalor legal firm website template provides a vast range of benefits. For example, it has a clean and corporate design. The template's layout isn't overloaded with unnecessary elements. It also is quite detailed and provides space for various content types. Whether you want to use images or videos with text, it's all possible with our HTML template. The solution we offer also includes a wide range of features that make your website more stable. Here are some of these features:</p><ol><li>W3C valid coding;</li><li>Cross-browser support;</li><li>Responsive & SEO-ready layout;</li><li>Google Fonts & Google Maps;</li><li>SCSS & Pug source files.</li></ol><p>Our HTML5 solution is also multipage. It means that this legal firm website template includes a variety of pre-designed pages. They can be used for a variety of purposes. For example, you can tell more information about your lawyers and cases. Or you can describe various practice areas that you work in. Moreover, our template allows posting regular news and updates about your law firm. And of course, you can promote your services and showcase your achievements.</p><h2><strong>100% Customizable HTML5 Template</strong></h2><p>The legal firm website template also includes diverse customization possibilities. While some users prefer to edit the code directly, it may not be an option for beginners in web development. For that reason, we have implemented a vast selection of UI elements. From buttons to tables and text elements, there's a lot of customization potential that Legalor offers. If you are a developer this UI kit will give you even more than just simple customization.</p><p>In case you are looking for more information, the template's documentation can be of great use to you. It describes various aspects of using HTML templates like Legalor. The documentation also answers a variety of questions about installing and working with this template. But if you require additional support, our qualified team will be glad to assist you. We also hope that our template catalog will be of great use when you decide to work on your next online project.</p><h2><strong>Important Notice Regarding Support Response Times</strong></h2><p>Please note that our team is committed to providing prompt and efficient support to all of our customers. However, due to an increased volume of support requests, our usual average time for providing support is estimated to be between 3-5 business days.</p><p>We want to assure you that we are taking all necessary measures to address your requests as soon as possible. Rest assured that your inquiry will be attended to promptly.</p><h3>Thank you for choosing our product.</h3><p><br></p>","uniqueKeywords":"bankruptcy lawyer,law company,legal advice,law enforcement,law office,lawyer,attorney,justice,jurisprudence,legal,legislation,constitution,rule,statute,statutes,policy,regulations,decree,legally,criminal","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2187020/1eb370f67a16ff0fb1a93d968e5b0936.jpg","dqi":"86","imageKeyFeatures":"https://s3.tmimgcdn.com/templates/15897/scr/1567174446520_cut-02.jpg, https://s3.tmimgcdn.com/templates/15897/scr/1567174446520_cut-03.jpg, https://s3.tmimgcdn.com/templates/15897/scr/1567174446522_cut-04.jpg, https://s3.tmimgcdn.com/templates/15897/scr/1567174446523_cut-05.jpg, https://s3u.tmimgcdn.com/u2187020/b466e6e48723b81607a36f6614828b6e.jpg, https://s3u.tmimgcdn.com/u2187020/6d06c9ebde601c67efb5a0b3ab49c1e5.jpg, https://s3u.tmimgcdn.com/u2187020/f020eb032bdb41de4ca09052cfc1cb82.jpg, https://s3u.tmimgcdn.com/u2187020/55b082fdcd307e5bb8f227b72e4098e5.jpg","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-20957/","metaDescription":"Trustworthy Legal Firm Website TemplateA legal firm website template is a useful solution for building a powerful law consulting website. Nowadays, companies","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"http://bit.ly/2DbvhuX","customUrl":"/website-templates/legalor-classy-law-company-responsive-website-template-74194.html","width":"1920px","kindOfShops":"law company, advocacy agency, insurance firm","htmlTitle":"Law Responsive HTML Template","lastmod":"2022-03-09T12:49:21-05:00","trendiness":"1","marketplaceMembership":"One","reviewsTotal":"9","reviewAverageScore":"5","changeLogDate":"2023-03-30","changeLog":"## Legalor Version 1.6 (March 30, 2023):\r\n- FIX: CSS styles;\r\n- FIX: Minor bug fixes. \r\n\r\n## Legalor Version 1.5 (June 28, 2022):\r\n- UPD: Bootstrap to 5.0.1;\r\n- UPD: Popper.js to 2.9.2;\r\n- UPD: Form to 4.3.0;\r\n- FIX: CSS styles;\r\n- FIX: Minor bug fixes. \r\n\r\n## Legalor Version 1.4 (January 28, 2021):\r\n- UPD: bootstrap to 4.5.3;\r\n- UPD: swiper to 5.3.1;\r\n- UPD: owl-carousel to 2.3.4;\r\n- UPD: popper.js to 1.16.1; \r\n- FIX: Minor bug fixes.\r\n\r\n## Legalor Version 1.3 (October 13, 2020):\r\n- UPD: SCSS optimization;\r\n- UPD: Scripts updated;\r\n- FIX: Project structure;\r\n- FIX: Minor bug fixes.\r\n\r\n## Legalor Version 1.2 (December 25, 2019):\r\n- FIX: Minor bug fixes.\r\n\r\n## Legalor Version 1.1 (August 30, 2019):\r\n- UPD: Updated Bootstrap 4.0.0 to Bootstrap 4.1.3;\r\n- UPD: Lightgallery plugin;\r\n- UPD: RD Mailform plugin;\r\n- UPD: Google Map Plugin;\r\n- UPD: DateCountdown has changed to AlphaCountdown;\r\n- UPD: jQueryCountTo has changed to AlphaCounter;\r\n- UPD: TimeCircles has changed to AlphaProgressCircle;\r\n- FIX: Markup fixes;\r\n- FIX: Minor bug fixes.","isOldDemoUrl":"1","advImage":"https://s3.tmimgcdn.com/templates/77427/scr/1519369-1602597141974_Legalor.jpg","imagesIncluded":"Yes","tags":["attorney","constitution","criminal","decree","jurisprudence","justice","lawyer","legal","legally","legislation","policy","regulations","rule","statute","statutes","law office","bankruptcy lawyer","law company","legal advice","law enforcement"],"productSize":"173486462","authorMainScreenshotVersion":"5","paidSupport":"Yes","bootstrapVersion":"5.x","featured":"Ukraine","webServerCompatibility":"Apache 2.4","designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"Get this legal firm website template to create a trustworthy and responsive HTML5 website for your law consulting company and easily attract more clients.","types":"HTML Website Templates","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: Thu, 28 Nov 2024 10:40:16 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(290) "Link: <http://products/api/v2/products/en?language=en&ids=74194&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=74194&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=74194&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 28 Nov 2024 10:45:16 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://livedemo00.template-help.com/wt_prod-20957/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#74194 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/74194.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 #74194            </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=74194&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $36                <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>