string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=223101&expand=properties"
string(14215) "[{"templateId":223101,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":263,"categoryName":"Motel Templates","templateTitle":"Motel Responsive WordPress Theme","templatePreviewHtmlTitle":"Hotell Pro - Luxurious and Boutique Hotel WordPress Theme","templateDemoHtmlTitle":"Live demo for Hotell Pro - Luxurious and Boutique Hotel WordPress Theme #223101","typeShortName":"WordPress","templatePreviewFBTitle":"<p>Hotell Pro is a Luxurious and Boutique Hotel WordPress Theme with niche-specific features for hotels and other accommodation-based businesses. It is professionally designed and developed for all types of hotels, resorts, studio apartments, B&amp;Bs, hostels, and other accommodation-based services, with breathtaking design and a fantastic user experience. This theme is SEO-friendly to assist search engine crawlers rank your site higher and it is seamless and responsive for desktop, smartphone, and tablet displays.</p><p>The theme combines with the powerful Hotel Booking Plugin to ensure your ease for creating stunning accommodation galleries and listings, managing online reservations and all sorts of online and offline payments, automatic inventory control, taxes and fees info, flexible pricing rates, custom policies and more.</p><p><strong>Features that makes Hotell Pro the best theme for your business:</strong></p><ul><li><strong>Customizable Pages with Elementor Builder: </strong>Hotell Pro theme is compatible with the Elementor website builder, which is widely recognized for its ease of use, beautiful backend, and customizability capabilities. With the smooth drag and drop elements, you can now adjust the page's appearance, layout, and functionality on your own. With our theme, you can utilize Elementor's magic into your Hotel websit.</li><li><strong>Fully Mobile Responsive: </strong>This feature should go without saying, but let's do it anyway. We couldn't imagine running a hotel website that wasn't mobile-friendly. That's why, in this area, we've paid great attention to the Hotell Pro theme. It is perfectly designed to match any screen size.</li><li><strong>Sleek and User-friendly Design: </strong>Because of our intuitive design, any new user who visits your website for the first time will quickly feel at ease. Your users will just see the minimal buttons and options, but if they need any setting and option it will be just a click away.</li></ul><p><strong>Niche Specific Features: </strong></p><ul><li><strong>Online Booking System (FREE):</strong> This theme allows you to set up different listings for different rooms of hotels or beds for hostels and enable online booking feature with built-in plugin.</li><li><strong>Structured Property Details (FREE):</strong> You can add description, a photo gallery, amenities, services, a view, bed types, max occupancy, property size and more.</li><li><strong>Language (FREE): </strong>14 Languages</li><li><strong>Smart Search Algorithm (FREE):</strong> Our system can recommend to your customers the best set of accommodations depending on a number of guests.</li><li><strong>Bookings Synchronization with OTAs (PRO):</strong> You can list your Hotel-based business on travel and hotel booking platforms such as Booking.com, Airbnb, TripAdvisor or HomeAway.</li><li><strong>Seasonal Pricing (FREE):</strong> You can add unlimited variables for pricing based on any needed term or season and special periods such as Christmas, New Year, weekends, daily or weekly rates, etc.</li><li><strong>Free or Paid Extras (PRO):</strong> Bookable extra services and packages can be listed to the guests which they can optionally add them to the reservation</li><li><strong>Different Booking Confirmation Modes (PRO):</strong> Our system allows several booking confirmation options such as manual confirmation by admin, confirmation by guests via email and automatic confirmation after payment or arrival.</li><li><strong>Inventory Control (FREE):</strong> if the property is booked, it automatically becomes unavailable for reservations, no manual control is needed.</li></ul>","templateFullTitle":"Hotell Pro - Luxurious and Boutique Hotel WordPress Theme","templatePreviewMetaDescription":"Hotell Pro is a Luxurious and Boutique Hotel WordPress Theme with niche-specific features for hotels and other accommodation-based businesses. It is","templateDemoMetaDescription":"Before you buy it, get acquainted with the premium Hotell Pro - Luxurious and Boutique Hotel WordPress Theme WordPress Theme (#223101) by enjoying the live preview. View the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Hotell Pro - Luxurious and Boutique Hotel WordPress Theme","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/hotell-pro-luxurious-and-boutique-hotel-wordpress-theme-223101.html","userRating":0,"designIndex":1,"authorUserId":"25877844","exclusive":"0","state":1,"price":77,"inserted_date":"2022-01-05","sent":0,"downloads":26,"search_words":"hotel elementor builder blog clean modern luxury booking hotel booking boutique customization layouts motopress motel resort hostel accommodation optimized seo friendly mobile friendly hotell","is_adult":0,"exc_price":2100,"sent_date":"2022-01-05 11:49:42","last_upload":"2022-01-05 11:52:18","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2542376,"templ_id":223101,"filename":"223101-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":2542377,"templ_id":223101,"filename":"223101-3-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2542378,"templ_id":223101,"filename":"223101-3-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":2542379,"templ_id":223101,"filename":"223101-3-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":2542380,"templ_id":223101,"filename":"223101-3-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/223101.html","image":"https://s.tmimgcdn.com/scr/223100/hotell-pro-luxurious-and-boutique-hotel-wordpress-theme_223101-3-original.jpg","searchHash":"fb52b718557bb73405a8a10e45dd8dd7","previewHash":"7ff318d92298f83ada11ebee73b9ce56","authorNickname":"Good_Looking_Themes","lowLevelTopic":"Motel Templates; Cafe and Restaurant Templates","weightedRating":null,"annualSale":6,"monthlySales":0,"quarterlySales":1,"productBoost":0,"onSale":0,"finalPrice":77,"discountPercent":0,"discountAmount":0,"semiannualSales":2,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Ajax","Right to left language support","Hotel Booking","GPL License","Light Template","Dropdown Menu","Sample content","Performance Optimization","Blog","Gallery","HTML 5","JQuery","Background video","Lazy Load effect","Website Builder"],"styles":["Clean","Corporate","Minimalist","Mobile"],"isLastAdded":"1","topic":["Motel Templates","Cafe and Restaurant Templates","Hotels Templates","Business & Services","Food & Restaurant","Sports, Outdoors & Travel"],"isFree":"none","color":["black","white","yellow"],"showVariantForcibly":"b","exclusive":"0","alreadyPacked":"1","compatibleWith":["WPML","Polylang"],"marketplaceMembership":"One","imagesIncluded":"Yes","tags":["accommodation","booking","boutique","clean","customization","hostel","hotel","layouts","luxury","modern","motel","optimized","resort","blog","new year","hotel booking","mobile friendly","seo friendly","motopress","elementor builder","hotell"],"wordPressBuilder":["Gutenberg Editor","Elementor Website Builder","WordPress Customizer API"],"paidSupport":"Yes","wordpressCompatibility":"5.8.x","authorUserId":"25877844","nameOfTheTemplate":"Hotell Pro - Luxurious and Boutique Hotel WordPress Theme","shortDescription":"<p>Hotell Pro is a Luxurious and Boutique Hotel WordPress Theme with niche-specific features for hotels and other accommodation-based businesses. It is professionally designed and developed for all types of hotels, resorts, studio apartments, B&amp;Bs, hostels, and other accommodation-based services, with breathtaking design and a fantastic user experience. This theme is SEO-friendly to assist search engine crawlers rank your site higher and it is seamless and responsive for desktop, smartphone, and tablet displays.</p><p>The theme combines with the powerful Hotel Booking Plugin to ensure your ease for creating stunning accommodation galleries and listings, managing online reservations and all sorts of online and offline payments, automatic inventory control, taxes and fees info, flexible pricing rates, custom policies and more.</p><p><strong>Features that makes Hotell Pro the best theme for your business:</strong></p><ul><li><strong>Customizable Pages with Elementor Builder: </strong>Hotell Pro theme is compatible with the Elementor website builder, which is widely recognized for its ease of use, beautiful backend, and customizability capabilities. With the smooth drag and drop elements, you can now adjust the page's appearance, layout, and functionality on your own. With our theme, you can utilize Elementor's magic into your Hotel websit.</li><li><strong>Fully Mobile Responsive: </strong>This feature should go without saying, but let's do it anyway. We couldn't imagine running a hotel website that wasn't mobile-friendly. That's why, in this area, we've paid great attention to the Hotell Pro theme. It is perfectly designed to match any screen size.</li><li><strong>Sleek and User-friendly Design: </strong>Because of our intuitive design, any new user who visits your website for the first time will quickly feel at ease. Your users will just see the minimal buttons and options, but if they need any setting and option it will be just a click away.</li></ul><p><strong>Niche Specific Features: </strong></p><ul><li><strong>Online Booking System (FREE):</strong> This theme allows you to set up different listings for different rooms of hotels or beds for hostels and enable online booking feature with built-in plugin.</li><li><strong>Structured Property Details (FREE):</strong> You can add description, a photo gallery, amenities, services, a view, bed types, max occupancy, property size and more.</li><li><strong>Language (FREE): </strong>14 Languages</li><li><strong>Smart Search Algorithm (FREE):</strong> Our system can recommend to your customers the best set of accommodations depending on a number of guests.</li><li><strong>Bookings Synchronization with OTAs (PRO):</strong> You can list your Hotel-based business on travel and hotel booking platforms such as Booking.com, Airbnb, TripAdvisor or HomeAway.</li><li><strong>Seasonal Pricing (FREE):</strong> You can add unlimited variables for pricing based on any needed term or season and special periods such as Christmas, New Year, weekends, daily or weekly rates, etc.</li><li><strong>Free or Paid Extras (PRO):</strong> Bookable extra services and packages can be listed to the guests which they can optionally add them to the reservation</li><li><strong>Different Booking Confirmation Modes (PRO):</strong> Our system allows several booking confirmation options such as manual confirmation by admin, confirmation by guests via email and automatic confirmation after payment or arrival.</li><li><strong>Inventory Control (FREE):</strong> if the property is booked, it automatically becomes unavailable for reservations, no manual control is needed.</li></ul>","uniqueKeywords":"hotel,elementor builder,blog,clean,modern,luxury,booking,hotel booking,boutique,customization,layouts,motopress,motel,resort,hostel,accommodation,optimized,seo friendly,mobile friendly,hotell","advImage":"https://s3u.tmimgcdn.com/u25877844/25841e44c96617a56a936cc3ab200a1f.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u25877844/3f1864cae4734ca7c95b39e736f0aeb2.jpg","changeLog":"1.0.0 - 2022\n    * Initial release","imageKeyFeatures":"https://s3u.tmimgcdn.com/u25877844/0f003cb1f07b33556a16d8c3a5ea7d66.jpg, https://s3u.tmimgcdn.com/u25877844/bea5adc6deb7a89fe4d5a0e2c3b2d8e1.jpg, https://s3u.tmimgcdn.com/u25877844/88859962e7bc12914c0f3ee62ebc3aa2.jpg, https://s3u.tmimgcdn.com/u25877844/abb64bae09fa2f92db0baa7d3ab4d6b9.jpg, https://s3u.tmimgcdn.com/u25877844/d09fe60247d1d1276d4ce4dcbd18d4ff.jpg, https://s3u.tmimgcdn.com/u25877844/d07cfa6a7af59755f29695523342ffda.jpg, https://s3u.tmimgcdn.com/u25877844/666e3fc41259a76cc1a48aabb878bbe7.jpg","livePreviewURL":"https://demo.glthemes.com/hotell-pro/","metaDescription":"Hotell Pro is a Luxurious and Boutique Hotel WordPress Theme with niche-specific features for hotels and other accommodation-based businesses. It is","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3JH1YAp","demoMetaDescription":"Before you buy it, get acquainted with the premium Hotell Pro - Luxurious and Boutique Hotel WordPress Theme WordPress Theme (#223101) by enjoying the live preview. View the pages, examine the images, click the buttons, explore the features.","customUrl":"/wordpress-themes/hotell-pro-luxurious-and-boutique-hotel-wordpress-theme-223101.html","productSize":"8515168","lastmod":"2022-03-10T16:47:54-05:00","authorMainScreenshotVersion":"3","trendiness":"2","wordpressComCompatibility":"Not Compatible","webServerCompatibility":"Apache 2.4","pHPVersionCompatibility":"7.4","databaseServerCompatibility":"MySQL 5.7","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"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: Tue, 23 Apr 2024 12:44:29 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=223101&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=223101&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=223101&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 23 Apr 2024 12:49:29 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://demo.glthemes.com/hotell-pro/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#223101 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/223101.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 #223101            </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=223101&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $71                <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>