string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=90426&expand=properties"
string(16453) "[{"templateId":90426,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":217,"categoryName":"Psychologist Templates","templateTitle":"Psychologist Responsive Website Template","templatePreviewHtmlTitle":"Soul - Supportive Counseling Multipage HTML Website Template","templateDemoHtmlTitle":"Demo for Soul - Supportive Counseling Multipage HTML Website Template #90426","typeShortName":"Website","templatePreviewFBTitle":"<h2><strong style=\"background-color: transparent; color: rgb(0, 0, 0);\">Creative &amp; Modern Psychological Counseling Website Template</strong></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">A psychological counseling website template can provide a wide variety of benefits. In the modern world, it is also a powerful tool as having your website is highly important nowadays. However, not everyone can develop a stunning professional website. That's where high-quality website templates can help. To help you build a modern and responsive website without issues, we have created Soul multipage website template.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Our template is incredibly adaptive and it was designed using the latest web technologies such as HTML5 and CSS3. Soul template is a great pick for psychology clinics. It has an impressive performance on tablets and smartphones thanks to its responsiveness. The template is also supplied with cross-browser support. The future site can be supplemented with a variety of different yet very useful tools, such as a powerful search engine.</span></p><p><br></p><p><br></p><h3><strong style=\"background-color: transparent; color: rgb(0, 0, 0);\">Multipage Template Loaded with Features</strong></h3><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Our psychological counseling website template has built-in tools that simplify the website construction process. It is a professional HTML template that will serve for </span>a psychology website of<span style=\"background-color: transparent; color: rgb(0, 0, 0);\"> any format. There's support for several languages, Google fonts, banners, elements, and pre-designed blocks. Besides, our template includes an extensive set of benefits &amp; features:</span></p><ol><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">W3C Valid, well-commented and SEO-friendly code;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">SCSS &amp; Pug source files;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">A huge set of UI elements and blocks;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Working Contact Form &amp; Newsletter Subscription Form;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Powerful Search Engine;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Optimized for Speed.</span></li></ol><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">You can also customize the homepage of the site and use the slide show. If you need an outstanding multipage HTML template of a psychology institution, then this one will be perfect for you. This fully-responsive psychological counseling website template is great if you’re looking for creating a website for family therapy. It has a clean design that attracts attention and looks bright and modern as well.</span></p><p><br></p><p><br></p><h2><strong style=\"background-color: transparent; color: rgb(0, 0, 0);\">Reliable HTML Template with 24/7 Support</strong></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">This template will make your work very simple and very secure. That’s what your customers will like the most about your services. Soul psychological counseling website template will help you create </span>a family-oriented resource<span style=\"background-color: transparent; color: rgb(0, 0, 0);\">. We recommend this template if you need to create a reliable and safe website.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">The easy-to-understand documentation included with this HTML template is very detailed. It can help you figure out how to work with this template. Moreover, the documentation explains every aspect of configuring the template and customizing it. However, feel free to contact our 24/7 support if you have any extra questions. We are always ready to provide professional &amp; friendly assistance to you.</span></p><p><br></p><p><em>Please note that .psd files are not included in this template package.</em></p>","templateFullTitle":"Soul - Supportive Counseling Multipage HTML Website Template","templatePreviewMetaDescription":"Creative &amp; Modern Psychological Counseling Website TemplateA psychological counseling website template can provide a wide variety of benefits. In the","templateDemoMetaDescription":"The live preview for this top notch Soul - Supportive Counseling Multipage HTML Website Template (#90426) is generated for you to get the look and feel of the theme prior to buying it. Click through the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Soul - Supportive Counseling Multipage HTML Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/soul-supportive-counseling-multipage-html-website-template-90426.html","userRating":"4","designIndex":"87","authorUserId":"1768190","exclusive":"1","state":1,"price":61,"inserted_date":"2019-11-29","sent":0,"downloads":10,"search_words":"project services inspire inspiration group therapy psychology psychologyterapy help spiritual expert professinal courses speaker confidence mentor coach event strong events","is_adult":0,"exc_price":4500,"sent_date":"2019-11-29 03:10:31","last_upload":"2019-11-29 10:17:48","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"90426-0-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":90426,"width":1600,"window_params":"","banner_url":"","id":1876501,"href":"","height":1000},{"scr_type_id":311,"filename":"90426-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":90426,"width":800,"window_params":"","banner_url":"","id":1876502,"href":"","height":1200},{"scr_type_id":312,"filename":"90426-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":90426,"width":370,"window_params":"","banner_url":"","id":1876503,"href":"","height":370},{"scr_type_id":9,"filename":"90426-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":90426,"width":145,"window_params":"","banner_url":"","id":1876504,"href":"","height":156},{"scr_type_id":57,"filename":"90426-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":90426,"width":430,"window_params":"","banner_url":"","id":1876505,"href":"","height":645}],"demoUrl":"/demo/90426.html","image":"https://s.tmimgcdn.com/scr/90400/soul-supportive-counseling-multipage-html-website-template_90426-0-original.jpg","searchHash":"986fb9e0ad1dd25bf4ff8d9ae97969b4","previewHash":"b65274288deb15f271c7b40abf6a8083","authorNickname":"RockThemes","lowLevelTopic":"Psychologist Templates","weightedRating":4.0909090909091,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":61,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"The template was made for medical services websites.","uniqueKeywords":"project services inspire inspiration group therapy psychology psychologyterapy help spiritual expert professinal courses speaker confidence mentor coach event strong events","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Soul is a psychological counseling website template that will help you start your private psychology business and present your therapy services properly.","imageKeyFeatures":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1574955785140_cut-01.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1574955785140_cut-02.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1574955785140_cut-03.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1574955785141_cut-04.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1574955785142_cut-05.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1574955785143_cut-07.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1574955785145_cut-08.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1574955785145_cut-09.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1574955785146_cut-10.jpg","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Sliced PSD","Dropdown Menu","Tabs","HTML 5","JQuery","HTML plus JS"],"saleSells":"1","languageSupport":"English","authorUserId":"1768190","htmlTitle":"Psychological Counseling Website Template - TemplateMonster","isFree":"none","hELPURL":"/quick-start-guide/website-template/","exclusive":"1","templateSoftwareRequired":["Apache 2.0+","PHP 5.4+","Sublime Text2 or later, Notepad++ or any php-editor","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"lastmod":"2022-02-10T04:44:29-05:00","previewScreensOrVideoURLs":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1574955747097_image-01.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1574955753402_image-02.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1574955760123_image-03.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1574955769264_image-04.jpg, https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1574955771264_image-05.jpg","demoMetaDescription":"The live preview for this top notch Soul - Supportive Counseling Multipage HTML Website Template (#90426) is generated for you to get the look and feel of the theme prior to buying it. Click through the pages, check out the images, click the buttons, explore the features.","shortDescription":"<h2><strong style=\"background-color: transparent; color: rgb(0, 0, 0);\">Creative &amp; Modern Psychological Counseling Website Template</strong></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">A psychological counseling website template can provide a wide variety of benefits. In the modern world, it is also a powerful tool as having your website is highly important nowadays. However, not everyone can develop a stunning professional website. That's where high-quality website templates can help. To help you build a modern and responsive website without issues, we have created Soul multipage website template.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Our template is incredibly adaptive and it was designed using the latest web technologies such as HTML5 and CSS3. Soul template is a great pick for psychology clinics. It has an impressive performance on tablets and smartphones thanks to its responsiveness. The template is also supplied with cross-browser support. The future site can be supplemented with a variety of different yet very useful tools, such as a powerful search engine.</span></p><p><br></p><p><br></p><h3><strong style=\"background-color: transparent; color: rgb(0, 0, 0);\">Multipage Template Loaded with Features</strong></h3><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Our psychological counseling website template has built-in tools that simplify the website construction process. It is a professional HTML template that will serve for </span>a psychology website of<span style=\"background-color: transparent; color: rgb(0, 0, 0);\"> any format. There's support for several languages, Google fonts, banners, elements, and pre-designed blocks. Besides, our template includes an extensive set of benefits &amp; features:</span></p><ol><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">W3C Valid, well-commented and SEO-friendly code;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">SCSS &amp; Pug source files;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">A huge set of UI elements and blocks;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Working Contact Form &amp; Newsletter Subscription Form;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Powerful Search Engine;</span></li><li><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">Optimized for Speed.</span></li></ol><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">You can also customize the homepage of the site and use the slide show. If you need an outstanding multipage HTML template of a psychology institution, then this one will be perfect for you. This fully-responsive psychological counseling website template is great if you’re looking for creating a website for family therapy. It has a clean design that attracts attention and looks bright and modern as well.</span></p><p><br></p><p><br></p><h2><strong style=\"background-color: transparent; color: rgb(0, 0, 0);\">Reliable HTML Template with 24/7 Support</strong></h2><p><br></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">This template will make your work very simple and very secure. That’s what your customers will like the most about your services. Soul psychological counseling website template will help you create </span>a family-oriented resource<span style=\"background-color: transparent; color: rgb(0, 0, 0);\">. We recommend this template if you need to create a reliable and safe website.</span></p><p><span style=\"background-color: transparent; color: rgb(0, 0, 0);\">The easy-to-understand documentation included with this HTML template is very detailed. It can help you figure out how to work with this template. Moreover, the documentation explains every aspect of configuring the template and customizing it. However, feel free to contact our 24/7 support if you have any extra questions. We are always ready to provide professional &amp; friendly assistance to you.</span></p><p><br></p><p><em>Please note that .psd files are not included in this template package.</em></p>","tags":["coach","confidence","courses","event","events","expert","group","help","inspiration","inspire","mentor","project","psychology","services","speaker","spiritual","strong","therapy"],"customUrl":"/website-templates/soul-supportive-counseling-multipage-html-website-template-90426.html","badge":"badge-responsive","supportDescription":"<img src=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_1300.jpg\" srcset=\"https://s.tmimgcdn.com/scr/58800/58888-wt-extendedsupport_2560.jpg 2x\" alt=\"img\"/>","nameOfTheTemplate":"Soul - Supportive Counseling Multipage HTML Website Template","pHPVersionCompatibility":"7.x","topic":["Psychologist Templates","Medical Templates"],"styles":"Neutral","productFamily":"None","color":["white","grey"],"followUpLetter":"website-template-offers","reviewsTotal":"1","templateSupportOptions":"[{\"id\":57418,\"template_id\":44187,\"type\":1,\"measure\":\"hour\",\"value\":24,\"phone\":\"\"},{\"id\":57419,\"template_id\":44187,\"type\":4,\"measure\":\"minute\",\"value\":2,\"phone\":\"\"}]","reviewAverageScore":"4","bootstrapVersion":"4.0.x","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-25296/","googleAnalyticsId":"UA-118125082-1","authorMainScreenshot":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1574955735012_Original.jpg","facebookPixelId":"1857475610982695","templateGroup":"HTML Templates","popularity":"Top Rated","alreadyPacked":"1","galleryScript":["Accordion","Carousel","Slider","Grid"],"templateIcon":"icon-bootstrap","types":"HTML Website Templates","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/2XVRN3m","webForms":["Contact Form","Newsletter Subscription","Search Form"],"loyaltySells":"1","marketplaceMembership":"One","category":"Website templates","dqi":"87"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 04 May 2024 00:41:54 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=90426&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=90426&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=90426&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 04 May 2024 00:46:54 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-25296/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#90426 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/90426.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 #90426            </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=90426&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $56                <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>