string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=392568&expand=properties"
string(15351) "[{"templateId":392568,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":161,"categoryName":"Coffee Shop Templates","templateTitle":"Coffee Shop Responsive WordPress Theme","templatePreviewHtmlTitle":"Caffeine - Coffee Shop &amp; Cafe Responsive WordPress Theme","templateDemoHtmlTitle":"Live preview for Caffeine - Coffee Shop &amp; Cafe Responsive WordPress Theme #392568","typeShortName":"WordPress","templatePreviewFBTitle":"<h2>Introducing Caffeine - Coffee Shop &amp; Cafe Responsive WordPress Theme</h2><p>Welcome to <strong>Caffeine</strong>, the epitome of elegance and functionality in the world of coffee shop and cafe WordPress themes. Crafted with precision, this responsive theme is designed to elevate your online presence and bring the cozy ambiance of your establishment to the digital realm. With a seamless blend of aesthetics and user-friendly features, <strong>Caffeine</strong> ensures that your website not only looks stunning but also provides an intuitive experience for your visitors. Whether you're showcasing your menu, promoting events, or connecting with coffee enthusiasts, <strong>Caffeine</strong> has you covered. Elevate your online presence with the charm of<strong> Caffeine</strong> – where every click is a sip of delightful design and effortless navigation.</p><h3>**Key Features:**</h3><ul><li><strong>Responsive Design</strong>: Caffeine ensures a seamless experience across all devices, from desktops to smartphones, enhancing accessibility for your visitors.</li><li><strong>Menu Showcase:</strong> Display your coffee and culinary creations in style with a customizable menu showcase, making it easy for customers to explore your offerings.</li><li><strong>Event Integration:</strong> Promote and manage cafe events effortlessly, creating a buzz and attracting a wider audience with built-in event management features.</li><li><strong>Online Reservations:</strong> Streamline the reservation process for your patrons with an integrated reservation system, enhancing customer convenience.</li><li><strong>E-commerce Compatibility: </strong>Caffeine is WooCommerce compatible, allowing you to set up an online store effortlessly and expand your business beyond the physical cafe.</li><li><strong>Blog Section:</strong> Engage your audience with a blog section to share stories, updates, and insights, creating a sense of community around your coffee brand.</li><li><strong>Social Media Integration:</strong> Seamlessly integrate your social media profiles, allowing visitors to connect with your cafe across various platforms.</li><li><strong>Customization Options:</strong> Tailor the theme to match your cafe's unique identity with customizable colors, fonts, and layout options, ensuring a personalized online presence.</li><li><strong>Gallery Showcase:</strong> Showcase the ambiance of your cafe with a visually appealing gallery, enticing visitors with images of your delicious offerings and inviting decor.</li><li><strong>Contact Form:</strong> Foster communication with your customers through a built-in contact form, making it easy for them to reach out for inquiries or feedback.</li><li><strong>Specials and Offers Section:</strong> Highlight daily specials, promotions, and discounts with a dedicated section, enticing visitors to explore your cafe's unique offerings.</li><li><strong>Testimonials Section</strong>: Showcase customer reviews and testimonials, building trust and credibility among potential visitors who value the opinions of fellow patrons.</li><li><strong>One-Click Demo Import</strong>: Streamline the setup process with a one-click demo import feature, allowing you to quickly replicate the theme's demo content and structure.</li><li><strong>SEO Optimization:</strong> Improve your cafe's visibility online with built-in SEO optimization features, ensuring that your website ranks well on search engine results.</li><li><strong>Custom Widgets</strong>: Enhance the functionality of your website with custom widgets for features such as recent posts, popular items, and upcoming events.</li><li><strong>Video Integration:</strong> Capture the essence of your cafe with video integration, allowing you to showcase behind-the-scenes moments, atmosphere, and special events.</li></ul><p><strong>Caffeine - Coffee Shop &amp; Cafe Responsive WordPress Theme</strong> is not just a theme; it's a comprehensive solution that caters to the diverse needs of cafe owners, providing a visually appealing and functional online presence.There is no theme in the package and all content importing during the wpress file</p>","templateFullTitle":"Caffeine - Coffee Shop &amp; Cafe Responsive WordPress Theme","templatePreviewMetaDescription":"Introducing Caffeine - Coffee Shop &amp; Cafe Responsive WordPress ThemeWelcome to Caffeine, the epitome of elegance and functionality in the world of coffee","templateDemoMetaDescription":"Prior to buying it, get the look and feel of the high quality Caffeine - Coffee Shop &amp; Cafe Responsive WordPress Theme WordPress Theme (#392568) by viewing the demo preview. Go through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Caffeine - Coffee Shop &amp; Cafe Responsive WordPress Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/caffeine-coffee-shop-amp-cafe-responsive-wordpress-theme-392568.html","userRating":0,"designIndex":1,"authorUserId":"78355267","exclusive":"1","state":1,"price":75,"inserted_date":"2024-02-06","sent":0,"downloads":0,"search_words":"bar cafe coffee cooking cuisine delivery dinner dish drink flavor food menu elementor wordpress tasty taste store shop restaurant reservation","is_adult":0,"exc_price":2100,"sent_date":"2024-02-05 12:05:15","last_upload":"2024-02-06 04:14:37","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3389524,"templ_id":392568,"filename":"392568-original.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3389525,"templ_id":392568,"filename":"392568-big.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3389526,"templ_id":392568,"filename":"392568-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":3389527,"templ_id":392568,"filename":"392568-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":3389528,"templ_id":392568,"filename":"392568-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/392568.html","image":"https://s.tmimgcdn.com/scr/392500/caffeine-coffee-shop-amp-cafe-responsive-wordpress-theme_392568-original.png","searchHash":"a2c649d26ba56faf4f77fbea87409662","previewHash":"48acf416e1b30066ffa187961e6b2814","authorNickname":"eDesignSpace","lowLevelTopic":"Coffee Shop Templates; Cafe and Restaurant Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":125,"onSale":0,"finalPrice":67,"discountPercent":0,"discountAmount":0,"semiannualSales":null,"properties":{"features":["Accelerated Mobile Pages (AMP)","Admin Panel","Background video","Blog","CV","Drag and Drop Content","Dropdown Menu","eCommerce","Events Calendar","Forum","Gallery","Google map","Hotel Booking","Lazy Load effect","Light Template","MegaMenu","Mobile Layout Included","Multipurpose","One click installation","Online Store/Shop","Performance Optimization","Quickstart Package","Responsive","Restaurant Menu","Retina Ready","Sample content","Static","Tabs","Team Members"],"isLastAdded":"1","livePreviewURL":"https://caffeine.eweb9.com/","styles":["3D effect","Artworks","Clean","Collage","Corporate","Dark","Flat","Futurist","Geometric","Grunge","Material Design","Minimalist","Mobile","Neutral"],"nameOfTheTemplate":"Caffeine - Coffee Shop &amp; Cafe Responsive WordPress Theme","shortDescription":"<h2>Introducing Caffeine - Coffee Shop &amp; Cafe Responsive WordPress Theme</h2><p>Welcome to <strong>Caffeine</strong>, the epitome of elegance and functionality in the world of coffee shop and cafe WordPress themes. Crafted with precision, this responsive theme is designed to elevate your online presence and bring the cozy ambiance of your establishment to the digital realm. With a seamless blend of aesthetics and user-friendly features, <strong>Caffeine</strong> ensures that your website not only looks stunning but also provides an intuitive experience for your visitors. Whether you're showcasing your menu, promoting events, or connecting with coffee enthusiasts, <strong>Caffeine</strong> has you covered. Elevate your online presence with the charm of<strong> Caffeine</strong> – where every click is a sip of delightful design and effortless navigation.</p><h3>**Key Features:**</h3><ul><li><strong>Responsive Design</strong>: Caffeine ensures a seamless experience across all devices, from desktops to smartphones, enhancing accessibility for your visitors.</li><li><strong>Menu Showcase:</strong> Display your coffee and culinary creations in style with a customizable menu showcase, making it easy for customers to explore your offerings.</li><li><strong>Event Integration:</strong> Promote and manage cafe events effortlessly, creating a buzz and attracting a wider audience with built-in event management features.</li><li><strong>Online Reservations:</strong> Streamline the reservation process for your patrons with an integrated reservation system, enhancing customer convenience.</li><li><strong>E-commerce Compatibility: </strong>Caffeine is WooCommerce compatible, allowing you to set up an online store effortlessly and expand your business beyond the physical cafe.</li><li><strong>Blog Section:</strong> Engage your audience with a blog section to share stories, updates, and insights, creating a sense of community around your coffee brand.</li><li><strong>Social Media Integration:</strong> Seamlessly integrate your social media profiles, allowing visitors to connect with your cafe across various platforms.</li><li><strong>Customization Options:</strong> Tailor the theme to match your cafe's unique identity with customizable colors, fonts, and layout options, ensuring a personalized online presence.</li><li><strong>Gallery Showcase:</strong> Showcase the ambiance of your cafe with a visually appealing gallery, enticing visitors with images of your delicious offerings and inviting decor.</li><li><strong>Contact Form:</strong> Foster communication with your customers through a built-in contact form, making it easy for them to reach out for inquiries or feedback.</li><li><strong>Specials and Offers Section:</strong> Highlight daily specials, promotions, and discounts with a dedicated section, enticing visitors to explore your cafe's unique offerings.</li><li><strong>Testimonials Section</strong>: Showcase customer reviews and testimonials, building trust and credibility among potential visitors who value the opinions of fellow patrons.</li><li><strong>One-Click Demo Import</strong>: Streamline the setup process with a one-click demo import feature, allowing you to quickly replicate the theme's demo content and structure.</li><li><strong>SEO Optimization:</strong> Improve your cafe's visibility online with built-in SEO optimization features, ensuring that your website ranks well on search engine results.</li><li><strong>Custom Widgets</strong>: Enhance the functionality of your website with custom widgets for features such as recent posts, popular items, and upcoming events.</li><li><strong>Video Integration:</strong> Capture the essence of your cafe with video integration, allowing you to showcase behind-the-scenes moments, atmosphere, and special events.</li></ul><p><strong>Caffeine - Coffee Shop &amp; Cafe Responsive WordPress Theme</strong> is not just a theme; it's a comprehensive solution that caters to the diverse needs of cafe owners, providing a visually appealing and functional online presence.There is no theme in the package and all content importing during the wpress file</p>","popularity":"Zero Downloads","wordpressCompatibility":["6.4.x","6.3.x","6.2.x","6.1.x","6.0.x","5.9.x","5.8.x","5.7.x","5.6.x","5.5.x","5.4.x"],"topic":["Cafe Templates","Coffee Shop Templates","Cafe and Restaurant Templates","Food & Restaurant"],"wooCommerceCompatibility":["8.4.x","8.3.x","8.2.x","8.1.x","8.0.x","7.9.x","7.8.x","7.7.x","7.6.x","7.5.x","7.4.x","7.3.x"],"uniqueKeywords":"bar,cafe,coffee,cooking,cuisine,delivery,dinner,dish,drink,flavor,food,menu,elementor,wordpress,tasty,taste,store,shop,restaurant,reservation","customUrl":"/wordpress-themes/caffeine-coffee-shop-amp-cafe-responsive-wordpress-theme-392568.html","isFree":"none","metaDescription":"Introducing Caffeine - Coffee Shop &amp; Cafe Responsive WordPress ThemeWelcome to Caffeine, the epitome of elegance and functionality in the world of coffee","color":["black","white","brown","yellow"],"imageKeyFeatures":"https://s3u.tmimgcdn.com/u78355267/291bce330ff97812bdd4ad2cdc885970.png(https://caffeine.eweb9.com/)","demoMetaDescription":"Prior to buying it, get the look and feel of the high quality Caffeine - Coffee Shop &amp; Cafe Responsive WordPress Theme WordPress Theme (#392568) by viewing the demo preview. Go through the pages, examine the images, press the buttons, explore the features.","trendiness":"1","showVariantForcibly":"b","authorUserId":"78355267","exclusive":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78355267/8a5cf2f00d5577cf0a46b58d8fa7534e.png","affiliateSells":"1","saleSells":"1","templateSupportOptions":"[]","alreadyPacked":"1","compatibleWith":["Booked","MailChimp","WooCommerce"],"marketplaceMembership":"One","tags":["bar","cafe","coffee","cooking","cuisine","delivery","dinner","dish","drink","flavor","food","menu","reservation","restaurant","shop","store","taste","tasty","wordpress","elementor"],"advImage":"https://s3u.tmimgcdn.com/u78355267/f8b2923669b345ff0fa6cb564dc682c1.png","productSize":"84292777","imagesIncluded":"Yes","wordPressBuilder":"Elementor Website Builder","paidSupport":"Yes","wordpressComCompatibility":"Not Compatible","pHPVersionCompatibility":["8.2","8.1","8.0","7.4"],"webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"designSoftware":["Figma","Google Web Designer"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p><strong>Caffeine</strong>, an Elementor-designed theme, requires no coding skills. Easily customize it without technical know-how. The user-friendly design ensures a smooth experience.</p>","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: Mon, 29 Apr 2024 16:52:12 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=392568&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=392568&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=392568&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 29 Apr 2024 16:57:12 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://caffeine.eweb9.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#392568 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/392568.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 #392568            </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=392568&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $69                <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>