string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=61382&expand=properties"
string(15737) "[{"templateId":61382,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":120,"categoryName":"Hair Salon Templates","templateTitle":"Hair Salon Responsive WordPress Theme","templatePreviewHtmlTitle":"Jericho - Barber Shop Modern WordPress Theme","templateDemoHtmlTitle":"Demo for Jericho - Barber Shop Modern WordPress Theme #61382","typeShortName":"WordPress","templatePreviewFBTitle":"<h2>Formalize all about your services in a comfortable shape</h2><p>Are you still thinking that good looking it’s only for women? Use the barbershop WordPress theme to persuade yourself that men haircuts can be also stylish and powerful. This template includes a lot of features for the presentation of your services. You can tell about all of them with the help of the variety of widgets like sliders, photo galleries, testimonials, etc. The users will find all needed information very quickly. Also, they can easily contact you by entering the personal data into the contact form or using your other contacts on the “Contacts” page.</p><p>Brutal men’s colours and stylish readable fonts complement the responsible design of the barbershop WordPress theme. This template is focusing to highlight all your advantages and best sides. A great combination of text and visual sections allows users not only read about your pluses but also see the examples of your works. Hamburger menu and a large number of buttons simplify the site navigation and make it more comfortable for users.</p><p>Barbershop WordPress theme will impress you with such a good variety of pages. There you will find, for example:</p><ul><li>Home: the page that meets clients and gives the key short descriptions about services that you offer; it also creates a first impression about your business among the readers and attract them to continue using the site;</li><li>About: tells about your employees and their professional skills; include testimonials widget with clients; opinion to show what people think about your barbershop;</li><li>Portfolio: you can put the examples of your works here and users can easily check them all with the help of the portfolio widget;</li><li>Blog: the page for sharing the articles with your readers; includes the division by categories;</li><li>Contacts: a page for a fast connection with you, which includes a contact form, phone number, and e-mail;</li><li>Pages: a section which consists of a lot of subcategories to put such data as FAQ, prices, services, team, coming soon, and more.</li></ul><p>You can see them all in the navigation menu on the page header as well as the company logo. Clicking on the logo you will be transferred to the home page. In the footer, you will find the social network icons which allows to check your accounts and follow you there.</p><p><strong>Give freedom to your imagination and change </strong></p><p>In our barbershop WordPress theme, we have included a lot of features and elements but you can also customize them as you wish. Besides the contacts page, you can also build a registration page to let customers get their own accounts, where they will be able to check their booked places, discounts, active abonnements, etc. Try more widgets with your pages. And if you will face the problems while working process or need to fix some bugs, you can make a request to our qulificated support team. Visit the site where you have bought our template and fill the form to receive help. The support specialists work around the clock, so after sending your message they will answer as soon as possible.</p>","templateFullTitle":"Jericho - Barber Shop Modern WordPress Theme","templatePreviewMetaDescription":"Formalize all about your services in a comfortable shapeAre you still thinking that good looking it’s only for women? Use the barbershop WordPress theme to","templateDemoMetaDescription":"Before you buy it, get knowledgeable about the professional Jericho - Barber Shop Modern WordPress Theme (#61382) by visiting the live preview. Click through the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Jericho - Barber Shop Modern WordPress Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/61382.html","userRating":"5","designIndex":"88","authorUserId":"1519369","exclusive":"1","state":1,"price":54,"inserted_date":"2016-10-31","sent":1,"downloads":135,"search_words":"jerecho barbershop hair salon fashion style services models catalogue masters experts portfolio awards waving arranging coloring advices coiffure hairdresser glamour","is_adult":0,"exc_price":5000,"sent_date":"2020-07-29 03:37:20","last_upload":"2020-03-16 09:57:18","package_id":287,"hasExclusivePrice":1,"screenshots":[{"id":1670541,"templ_id":61382,"filename":"61382-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":1670542,"templ_id":61382,"filename":"61382-smart1-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":299,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670543,"templ_id":61382,"filename":"61382-tablet-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":298,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670544,"templ_id":61382,"filename":"61382-responsive-layout.jpg","width":895,"height":599,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670545,"templ_id":61382,"filename":"61382-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":1670546,"templ_id":61382,"filename":"61382-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":1670547,"templ_id":61382,"filename":"61382-origin-1200.jpg","width":1903,"height":4056,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670548,"templ_id":61382,"filename":"61382-3-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":1670549,"templ_id":61382,"filename":"61382-wp3.html","width":430,"height":60,"href":"","window_params":"","scr_type_id":265,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670550,"templ_id":61382,"filename":"61382-smart2-responsive.jpg","width":320,"height":900,"href":"","window_params":"","scr_type_id":300,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670551,"templ_id":61382,"filename":"61382-original-1200.jpg","width":1903,"height":4056,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670552,"templ_id":61382,"filename":"61382-origin.jpg","width":1903,"height":4056,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670553,"templ_id":61382,"filename":"61382-banner.jpg","width":408,"height":55,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670554,"templ_id":61382,"filename":"61382-wpgpl-b.jpg","width":430,"height":916,"href":"","window_params":"","scr_type_id":336,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1892765,"templ_id":61382,"filename":"61382-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/61382.html","image":"https://s.tmimgcdn.com/scr/61300/jericho-barber-shop-modern-wordpress-theme_61382-3-original.jpg","searchHash":"f39508528ebcfe1be55f0046d04927bc","previewHash":"2cfc8b6b824e9e57d279c485d68a11d2","authorNickname":"ZEMEZ","lowLevelTopic":"Hair Salon Templates","weightedRating":4.4375,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":54,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Responsive","Admin Panel","Search Engine Friendly","Retina Ready","Team Members","Sample content","Advanced Theme Options","Performance Optimization","Blog","Portfolio","Website Builder"],"styles":"Neutral","badge":"badge-responsive","templateSources":[".PHP","This theme is widgetized"],"topic":["Hair Salon Templates","Beauty Templates","Fashion & Beauty","Salon"],"isFree":"none","popularity":"Top Rated","color":["black","white","grey"],"livePreviewURL":"https://ld-wp73.template-help.com/wordpress/prod_2726/v1/","imageDescription":"https://s.tmimgcdn.com/scr/61300/61382-responsive-layout.jpg","documentationLink":"wordpress/projects/jericho/introduction/index.html","showVariantForcibly":"b","nameOfTheTemplate":"Jericho - Barber Shop Modern WordPress Theme","shortDescription":"<h2>Formalize all about your services in a comfortable shape</h2><p>Are you still thinking that good looking it’s only for women? Use the barbershop WordPress theme to persuade yourself that men haircuts can be also stylish and powerful. This template includes a lot of features for the presentation of your services. You can tell about all of them with the help of the variety of widgets like sliders, photo galleries, testimonials, etc. The users will find all needed information very quickly. Also, they can easily contact you by entering the personal data into the contact form or using your other contacts on the “Contacts” page.</p><p>Brutal men’s colours and stylish readable fonts complement the responsible design of the barbershop WordPress theme. This template is focusing to highlight all your advantages and best sides. A great combination of text and visual sections allows users not only read about your pluses but also see the examples of your works. Hamburger menu and a large number of buttons simplify the site navigation and make it more comfortable for users.</p><p>Barbershop WordPress theme will impress you with such a good variety of pages. There you will find, for example:</p><ul><li>Home: the page that meets clients and gives the key short descriptions about services that you offer; it also creates a first impression about your business among the readers and attract them to continue using the site;</li><li>About: tells about your employees and their professional skills; include testimonials widget with clients; opinion to show what people think about your barbershop;</li><li>Portfolio: you can put the examples of your works here and users can easily check them all with the help of the portfolio widget;</li><li>Blog: the page for sharing the articles with your readers; includes the division by categories;</li><li>Contacts: a page for a fast connection with you, which includes a contact form, phone number, and e-mail;</li><li>Pages: a section which consists of a lot of subcategories to put such data as FAQ, prices, services, team, coming soon, and more.</li></ul><p>You can see them all in the navigation menu on the page header as well as the company logo. Clicking on the logo you will be transferred to the home page. In the footer, you will find the social network icons which allows to check your accounts and follow you there.</p><p><strong>Give freedom to your imagination and change </strong></p><p>In our barbershop WordPress theme, we have included a lot of features and elements but you can also customize them as you wish. Besides the contacts page, you can also build a registration page to let customers get their own accounts, where they will be able to check their booked places, discounts, active abonnements, etc. Try more widgets with your pages. And if you will face the problems while working process or need to fix some bugs, you can make a request to our qulificated support team. Visit the site where you have bought our template and fill the form to receive help. The support specialists work around the clock, so after sending your message they will answer as soon as possible.</p>","kindOfShops":"This responsive WordPress theme is best suitable for Beauty, Fashion, Design and Interior & Furniture websites.","metaDescription":"Formalize all about your services in a comfortable shapeAre you still thinking that good looking it’s only for women? Use the barbershop WordPress theme to","htmlTitle":"Barber Shop WordPress Theme","imageKeyFeatures":"https://s3u.tmimgcdn.com/1519369-1578922933854_Slice.png, https://s3u.tmimgcdn.com/1519369-1578922933855_Slice-1.png, https://s3u.tmimgcdn.com/1519369-1578922933856_Slice-2.png, https://s3u.tmimgcdn.com/1519369-1578922933857_Slice-3.png, https://s3u.tmimgcdn.com/1519369-1578922933857_Slice-4.png, https://s3.tmimgcdn.com/templates/48126/scr/1584352489471_Slice-5.png, https://s3.tmimgcdn.com/templates/48126/scr/1584352489473_Slice-6.png","bitLyUrl":"http://bit.ly/2gLGa9I","trustedElements":["Free Support","GPL v3.0","Satisfaction Guarantee"],"reviewsTotal":"6","reviewAverageScore":"5","exclusive":"1","authorUserId":"1519369","dynamicChangeLog":"<ul><li>- 1 JS bug fixed</li><li>- 2 minor background bugs fixed</li><li>- 2 minor database bugs fixed</li><li>- 1 minor layout issue fixed</li></ul>","lastmod":"2021-10-26T16:47:07-04:00","sqi":"95","templateSupportOptions":"[]","dqi":"88","skupromo":"21%","compatibleWith":["WPML","MailChimp","Ecwid"],"marketplaceMembership":"One","customUrl":"/wordpress-themes/61382.html","demoMetaDescription":"Before you buy it, get knowledgeable about the professional Jericho - Barber Shop Modern WordPress Theme (#61382) by visiting the live preview. Click through the pages, check out the images, click the buttons, explore the features.","isOldDemoUrl":"1","wpWoo":"1","uniqueKeywords":"jerecho,barbershop,hair,salon,fashion,style,services,models,catalogue,masters,experts,portfolio,awards,waving,arranging,coloring,advices,coiffure,hairdresser,glamour","affiliateSells":"1","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/54456/scr/1519369-1596004720897_Jericho.jpg","saleSells":"1","wordpressEngine":"5.4.x","advImage":"https://s3u.tmimgcdn.com/u1519369/4e41997e80ad5cf1fbbae292a062b802.png","imagesIncluded":"Yes","tags":["advices","arranging","awards","barbershop","catalogue","coiffure","coloring","experts","fashion","glamour","hair","hairdresser","masters","models","portfolio","salon","services","style","waving","jerecho"],"authorMainScreenshotVersion":"3","productSize":"145870857","trendiness":"1","wordPressBuilder":"Elementor Website Builder","wordpressCompatibility":"5.6.x","paidSupport":"Yes","featured":"Ukraine","wordpressComCompatibility":"Not Compatible","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"languageSupport":"English","webForms":["Contact Form","Search Form"],"additionalInfo":"Well Documented","nomotopress":"1","notice":"In case the theme is released under the GNU GPLv3 license the stock images used in this theme and its .psd source files are not included to the delivered package, as they do not fall under the GPL license.","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: Sun, 17 Nov 2024 21:42: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=61382&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=61382&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=61382&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 17 Nov 2024 21:47: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: 165.227.251.218:80"
}
https://ld-wp73.template-help.com/wordpress/prod_2726/v1/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#61382 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/61382.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 #61382            </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=61382&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $45                <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>