string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=107448&expand=properties"
string(11152) "[{"templateId":107448,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":146,"categoryName":"Chinese Restaurant Templates","templateTitle":"Chinese Restaurant Responsive WordPress Theme","templatePreviewHtmlTitle":"Ostin - Restaurant WordPress Theme for Gutenberg WordPress Theme","templateDemoHtmlTitle":"Live preview for Ostin - Restaurant WordPress Theme for Gutenberg WordPress Theme #107448","typeShortName":"WordPress","templatePreviewFBTitle":"<h2><strong>Ostin is a powerful WordPress theme that’s based on Gutenberg native WordPress editor and has a wide range of blocks, including the premium ones!</strong></h2><p>Check the beautiful designs combined with the astonishing functionality, which will allow you to edit every page and element of the theme in a visual interface.</p><p><strong>Powered with ZeGuten premium blocks</strong></p><p>Explore the versatile content and stylization settings within dozens of extra blocks for Gutenberg</p><p><strong>Posts block for advanced posts layouts:</strong></p><ul><li>Grab the unique tool for creating posts listing, grid, masonry, chess or carousel layout without much effort!</li><li>Enjoy creating layouts and backgrounds with Section block</li><li>Use video, gradient, shape and image backgrounds and arrange content into responsive columns at will.</li></ul><p><strong>All you need for displaying infographics:</strong></p><ul><li>Explore the opportunities of content creation using circle progress, progress bar, pricing table and countdown timer blocks.</li><li>Spice up your content with animated block designs</li><li>Animated box, Carousel and Image Comparison blocks are made to empower your content and make it recognizable.</li></ul><p><strong>Extended Blog settings:</strong></p><ul><li>Listng and Grid Blog layouts</li><li>Ultra customizable content elements</li><li>Powerful Typography settings</li><li>PRO Single Post and Aprice customization</li></ul><p><strong>Friendly to Any Gadget</strong></p><p>With the responsive Ostin theme, create a robust website optimized for any screen resolution of all modern devices!</p>","templateFullTitle":"Ostin - Restaurant WordPress Theme for Gutenberg WordPress Theme","templatePreviewMetaDescription":"Ostin is a powerful WordPress theme that’s based on Gutenberg native WordPress editor and has a wide range of blocks, including the premium ones!Check the","templateDemoMetaDescription":"The demo preview for this high quality Ostin - Restaurant WordPress Theme for Gutenberg WordPress Theme (#107448) is available here for you to get the look and feel of the design before you buy it. Click through the pages, check out the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Ostin - Restaurant WordPress Theme for Gutenberg WordPress Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/ostin-restaurant-wordpress-theme-for-gutenberg-wordpress-theme-107448.html","userRating":0,"designIndex":"88","authorUserId":"1519369","exclusive":"1","state":1,"price":49,"inserted_date":"2020-07-08","sent":1,"downloads":7,"search_words":"restaurant restaurante menu carta italian european europeo restaurants reservate food gourment greek online booking delivery gutenberg wordpress theme themes template","is_adult":0,"exc_price":2100,"sent_date":"2020-08-06 07:13:50","last_upload":"2020-07-13 03:39:35","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"107448-2-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":107448,"width":1600,"window_params":"","banner_url":"","id":1965521,"href":"","height":1000},{"scr_type_id":311,"filename":"107448-2-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":107448,"width":1600,"window_params":"","banner_url":"","id":1965522,"href":"","height":1000},{"scr_type_id":312,"filename":"107448-2-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":107448,"width":370,"window_params":"","banner_url":"","id":1965523,"href":"","height":370},{"scr_type_id":9,"filename":"107448-2-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":107448,"width":145,"window_params":"","banner_url":"","id":1965524,"href":"","height":156},{"scr_type_id":57,"filename":"107448-2-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":107448,"width":430,"window_params":"","banner_url":"","id":1965525,"href":"","height":269}],"demoUrl":"/demo/107448.html","image":"https://s.tmimgcdn.com/scr/107400/ostin-restaurant-wordpress-theme-for-gutenberg-wordpress-theme_107448-2-original.jpg","searchHash":"c3fc8f0df427b019edfad7bfcec64fa7","previewHash":"2743dc98db44026c2b69c266cf4d3a66","authorNickname":"ZEMEZ","lowLevelTopic":"Chinese Restaurant Templates; European Restaurant Templates; Seafood Restaurant Templates; Fast Food Restaurant Templates; Pizza Templates; Cocktail Bar Templates; Spice Shop Templates; Sweet Shop Templates; Wine Templates; Water Templates","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":49,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","featured":"Ukraine","color":["black","white"],"followUpLetter":"wp-themes-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"184194512","uniqueKeywords":"restaurant,restaurante,menu,carta,italian,european,europeo,restaurants,reservate,food,gourment,greek,online,booking,delivery,gutenberg,wordpress,theme,themes,template","wordpressCompatibility":"5.6.x","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Ostin is a powerful WordPress theme that’s based on Gutenberg native WordPress editor and has a wide range of blocks, including the premium ones!Check the","imageKeyFeatures":"https://s3.tmimgcdn.com/templates/82713/scr/1519369-1594293557889_Slice1.png, https://s3.tmimgcdn.com/templates/82713/scr/1519369-1594293557890_Slice2.png, https://s3.tmimgcdn.com/templates/82713/scr/1519369-1594293557892_Slice3.png, https://s3.tmimgcdn.com/templates/82713/scr/1519369-1594293557892_Slice4.png, https://s3.tmimgcdn.com/templates/82713/scr/1519369-1594293557893_Slice5.png, https://s3.tmimgcdn.com/templates/82713/scr/1519369-1594293557894_Slice6.png, https://s3.tmimgcdn.com/templates/82713/scr/1519369-1594293557894_Slice7.png, https://s3.tmimgcdn.com/templates/82713/scr/1519369-1594293557895_Slice8.png, https://s3.tmimgcdn.com/templates/82713/scr/1519369-1594293557895_Slice9.png, https://s3.tmimgcdn.com/templates/82713/scr/1519369-1594293557896_Slice10.png, https://s3.tmimgcdn.com/templates/82713/scr/1519369-1594293557896_Slice11.png, https://s3.tmimgcdn.com/templates/82713/scr/1519369-1594293557897_Slice12.png, https://s3.tmimgcdn.com/templates/82713/scr/1519369-1594293557900_Slice13.png, https://s3.tmimgcdn.com/templates/82713/scr/1519369-1594293557901_Slice14.png, https://s3.tmimgcdn.com/templates/82713/scr/1519369-1594293557902_Slice15.png","features":["Responsive","Admin Panel","Search Engine Friendly","Retina Ready","Dropdown Menu","Google map","Sample content","Advanced Theme Options","Performance Optimization","Website Builder"],"saleSells":"1","livePreviewURL":"https://ld-wp73.template-help.com/wordpress/prod_29126/v1/","authorUserId":"1519369","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/1519369-1594221667921_preview.jpg","templateGroup":"Wordpress Store","hELPURL":"/quick-start-guide/wordpress/","alreadyPacked":"1","exclusive":"1","wordPressBuilder":"Gutenberg Editor","imagesIncluded":"Yes","templateIcon":"icon-wordpress","lastmod":"2022-03-11T11:24:23-05:00","authorMainScreenshotVersion":"2","wordpressEngine":"5.4.x","types":"WordPress Themes","compatibleWith":["WPML","MailChimp","Ecwid"],"wordpressComCompatibility":"Not Compatible","wooCommerceEngine":"4.2.x","trendiness":"1","demoMetaDescription":"The demo preview for this high quality Ostin - Restaurant WordPress Theme for Gutenberg WordPress Theme (#107448) is available here for you to get the look and feel of the design before you buy it. Click through the pages, check out the images, press the buttons, explore the features.","wooCommerceCompatibility":"4.2.x","shortDescription":"<h2><strong>Ostin is a powerful WordPress theme that’s based on Gutenberg native WordPress editor and has a wide range of blocks, including the premium ones!</strong></h2><p>Check the beautiful designs combined with the astonishing functionality, which will allow you to edit every page and element of the theme in a visual interface.</p><p><strong>Powered with ZeGuten premium blocks</strong></p><p>Explore the versatile content and stylization settings within dozens of extra blocks for Gutenberg</p><p><strong>Posts block for advanced posts layouts:</strong></p><ul><li>Grab the unique tool for creating posts listing, grid, masonry, chess or carousel layout without much effort!</li><li>Enjoy creating layouts and backgrounds with Section block</li><li>Use video, gradient, shape and image backgrounds and arrange content into responsive columns at will.</li></ul><p><strong>All you need for displaying infographics:</strong></p><ul><li>Explore the opportunities of content creation using circle progress, progress bar, pricing table and countdown timer blocks.</li><li>Spice up your content with animated block designs</li><li>Animated box, Carousel and Image Comparison blocks are made to empower your content and make it recognizable.</li></ul><p><strong>Extended Blog settings:</strong></p><ul><li>Listng and Grid Blog layouts</li><li>Ultra customizable content elements</li><li>Powerful Typography settings</li><li>PRO Single Post and Aprice customization</li></ul><p><strong>Friendly to Any Gadget</strong></p><p>With the responsive Ostin theme, create a robust website optimized for any screen resolution of all modern devices!</p>","tags":["booking","delivery","european","food","greek","gutenberg","italian","menu","online","restaurant","restaurants","template","theme","themes","wordpress","restaurante","carta","europeo","reservate","gourment"],"bitLyUrl":"https://bit.ly/323prZn","customUrl":"/wordpress-themes/ostin-restaurant-wordpress-theme-for-gutenberg-wordpress-theme-107448.html","nameOfTheTemplate":"Ostin - Restaurant WordPress Theme for Gutenberg WordPress Theme","paidSupport":"Yes","topic":["Cafe Templates","Asian Restaurant Templates","Chinese Restaurant Templates","European Restaurant Templates","Seafood Restaurant Templates","Fast Food Restaurant Templates","Pizza Templates","Cocktail Bar Templates","Spice Shop Templates","Sweet Shop Templates","Wine Templates","Cafe and Restaurant Templates","Food & Drink Templates","Water Templates","Food & Restaurant","Drink"],"changeLogDate":"2020-08-06","marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u1519369/5b965db555357d5953a23e877526b9e7.png","category":"Website templates","dqi":"88"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Mon, 13 May 2024 05:03:31 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(293) "Link: <http://products/api/v2/products/en?language=en&ids=107448&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=107448&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=107448&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 13 May 2024 05:08:31 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_29126/v1/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#107448 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/107448.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 #107448            </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=107448&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>