string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=194977&expand=properties"
string(10987) "[{"templateId":194977,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":127,"categoryName":"Consulting Templates","templateTitle":"Consulting Responsive WooCommerce Theme","templatePreviewHtmlTitle":"Agencia Multipurpose E-commerce Elementor WordPress Theme","templateDemoHtmlTitle":"Live demo for Agencia Multipurpose E-commerce Elementor WordPress Theme #194977","typeShortName":"WooCommerce","templatePreviewFBTitle":"<h2>Agencia Multipurpose E-commerce Elementor WordPress Theme</h2><p>Agencia is a Unique, modern and professional multipurpose E-commerce Elementor page builder WordPress Theme. It is unique, modern and simple theme that was built for Multipurpose E-commerce such as Accessories shop, Online store, digital products, and more.</p><p>All the short-codes in Agencia Multipurpose E-commerce Elementor page builder WordPress Theme are 100% Elementor short-codes which you can drag and drop on any page in your website.</p><p>Agencia Multipurpose E-commerce Elementor WordPress Theme is packed with more than 20 short-codes in several styles which can help you compile your website without any challenges. Additionally, we've include Revolution slider plugin, Contact form 7, 1 click demo import and woo-commerce plugin to provide shop compatibility.</p><p>If you are not interested in a shop template, just deactivate the woo commerce plugin and you'll end up with an Elementor page builder WordPress Theme which can be used for designers, developers, Digital agencies, freelancers, IT agencies.</p><p>Our support team is ready to help you with any issues you might face along the way. We have included a detailed documentation on how to get started.</p><h3>Agencia multipurpose E-commerce Elementor WordPress Theme Pages Included</h3><ol><li>02 Homepages</li><li>about-us</li><li>appointment-form</li><li>blog-details</li><li>blog-grid</li><li>blog-List</li><li>case-studies</li><li>case-study</li><li>Cart</li><li>checkout</li><li>shop</li><li>contact-us</li><li>product-single</li><li>service-details</li><li>services</li><li>team</li><li>wishlist</li><li>faq</li></ol><h3>Agencia multipurpose E-commerce Elementor WordPress Theme Plugins</h3><ol><li>Elementor</li><li>Woocommerce</li><li>Mailchimp PLugin</li><li>Redux plugin</li><li>One click demo importer</li><li>Instagram plugin</li><li>Slider Revolution Responsive WordPress Plugin</li><li>Contact Form 7 plugin</li></ol><p><strong>Icon:</strong></p><p>Flat icons</p><p>Fontawesome</p><p>Pe-icon</p><p>Fonts Used:</p><p>Poppins</p><p><strong>Image Credit:</strong></p><p>Freepik</p><p>Unsplash</p>","templateFullTitle":"Agencia Multipurpose E-commerce Elementor WordPress Theme","templatePreviewMetaDescription":"Agencia Multipurpose E-commerce Elementor WordPress ThemeAgencia is a Unique, modern and professional multipurpose E-commerce Elementor page builder WordPress","templateDemoMetaDescription":"View the live preview for the Agencia Multipurpose E-commerce Elementor WordPress Theme WooCommerce Theme (#194977) to learn what this theme is before buying it. Browse through the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Agencia Multipurpose E-commerce Elementor WordPress Theme","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/agencia-multipurpose-e-commerce-elementor-wordpress-theme-194977.html","userRating":0,"designIndex":1,"authorUserId":"2175346","exclusive":"1","state":1,"price":57,"inserted_date":"2021-08-17","sent":0,"downloads":0,"search_words":"shop,store,elementor,wordpress,theme,modern,revolution slider,contact form,responsive,minimal,unique,agency,blog,business,corporate,creative,creative agency,design agency,ecommerce,listing","is_adult":0,"exc_price":2100,"sent_date":"2021-08-17 11:50:21","last_upload":"2021-08-17 12:12:34","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"194977-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":194977,"width":965,"window_params":"","banner_url":"","id":2401806,"href":"","height":600},{"scr_type_id":311,"filename":"194977-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":194977,"width":965,"window_params":"","banner_url":"","id":2401807,"href":"","height":600},{"scr_type_id":312,"filename":"194977-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":194977,"width":370,"window_params":"","banner_url":"","id":2401808,"href":"","height":370},{"scr_type_id":9,"filename":"194977-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":194977,"width":145,"window_params":"","banner_url":"","id":2401809,"href":"","height":156},{"scr_type_id":57,"filename":"194977-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":194977,"width":430,"window_params":"","banner_url":"","id":2401810,"href":"","height":267}],"demoUrl":"/demo/194977.html","image":"https://s.tmimgcdn.com/scr/194900/agencia-multipurpose-e-commerce-elementor-wordpress-theme_194977-original.jpg","searchHash":"7e4f4df2e0f26ae9afec83e693ea3df8","previewHash":"69df2ec702ec321724b799faa1219952","authorNickname":"Metropolitanthemes","lowLevelTopic":"Consulting Templates; Stationery Templates; Office Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":50,"onSale":0,"finalPrice":57,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","blue"],"followUpLetter":"woocommerce-offers","productSize":"46243994","wordpressCompatibility":"5.8.x","uniqueKeywords":"shop,store,elementor,wordpress,theme,modern,revolution slider,contact form,responsive,minimal,unique,agency,blog,business,corporate,creative,creative agency,design agency,ecommerce,listing","templateSupportOptions":"[{\"id\":348455,\"template_id\":360031,\"type\":1,\"measure\":\"hour\",\"value\":1,\"phone\":\"\"}]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Agencia Multipurpose E-commerce Elementor WordPress ThemeAgencia is a Unique, modern and professional multipurpose E-commerce Elementor page builder WordPress","isLastAdded":"1","imageKeyFeatures":"https://s3u.tmimgcdn.com/u2175346/398c2931ea92206391dd85d63c63646e.jpg","features":["Premium","Responsive","Pro","Admin Panel","Search Engine Friendly","Bootstrap","Retina Ready","Multipurpose","Team Members","Light Template","Single Product","eCommerce","Dropdown Menu","Google map","Sample content","Tabs","Quickstart Package","Advanced Theme Options","Performance Optimization","Blog","Online Store/Shop","Gallery","Portfolio","Forum","HTML 5","Static","Parallax","Background video","Website Builder"],"saleSells":"1","livePreviewURL":"https://metropolitanhost.com/themes/templatemoster/wp/elementor/agencia/","authorUserId":"2175346","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2175346/11da15bddaf17a6afad90e38f137b14d.jpg","templateGroup":"Wordpress Store","popularity":"Zero Downloads","alreadyPacked":"1","exclusive":"1","wordPressBuilder":"Elementor Website Builder","imagesIncluded":"Yes","templateSoftwareRequired":["WordPress 5.0-5.2.x","WooCommerce 3.1.x"],"templateIcon":"icon-woo","lastmod":"2021-11-16T23:12:08-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u2175346/e822e4478bd7cd9607c4c537c03cb71e.jpg","types":"WooCommerce Themes","compatibleWith":["WooCommerce","Revolution Slider","WPML","MailChimp"],"wordpressComCompatibility":"Not Compatible","trendiness":"1","demoMetaDescription":"View the live preview for the Agencia Multipurpose E-commerce Elementor WordPress Theme WooCommerce Theme (#194977) to learn what this theme is before buying it. Browse through the pages, check the images, press the buttons, explore the features.","wooCommerceCompatibility":"5.4.x","shortDescription":"<h2>Agencia Multipurpose E-commerce Elementor WordPress Theme</h2><p>Agencia is a Unique, modern and professional multipurpose E-commerce Elementor page builder WordPress Theme. It is unique, modern and simple theme that was built for Multipurpose E-commerce such as Accessories shop, Online store, digital products, and more.</p><p>All the short-codes in Agencia Multipurpose E-commerce Elementor page builder WordPress Theme are 100% Elementor short-codes which you can drag and drop on any page in your website.</p><p>Agencia Multipurpose E-commerce Elementor WordPress Theme is packed with more than 20 short-codes in several styles which can help you compile your website without any challenges. Additionally, we've include Revolution slider plugin, Contact form 7, 1 click demo import and woo-commerce plugin to provide shop compatibility.</p><p>If you are not interested in a shop template, just deactivate the woo commerce plugin and you'll end up with an Elementor page builder WordPress Theme which can be used for designers, developers, Digital agencies, freelancers, IT agencies.</p><p>Our support team is ready to help you with any issues you might face along the way. We have included a detailed documentation on how to get started.</p><h3>Agencia multipurpose E-commerce Elementor WordPress Theme Pages Included</h3><ol><li>02 Homepages</li><li>about-us</li><li>appointment-form</li><li>blog-details</li><li>blog-grid</li><li>blog-List</li><li>case-studies</li><li>case-study</li><li>Cart</li><li>checkout</li><li>shop</li><li>contact-us</li><li>product-single</li><li>service-details</li><li>services</li><li>team</li><li>wishlist</li><li>faq</li></ol><h3>Agencia multipurpose E-commerce Elementor WordPress Theme Plugins</h3><ol><li>Elementor</li><li>Woocommerce</li><li>Mailchimp PLugin</li><li>Redux plugin</li><li>One click demo importer</li><li>Instagram plugin</li><li>Slider Revolution Responsive WordPress Plugin</li><li>Contact Form 7 plugin</li></ol><p><strong>Icon:</strong></p><p>Flat icons</p><p>Fontawesome</p><p>Pe-icon</p><p>Fonts Used:</p><p>Poppins</p><p><strong>Image Credit:</strong></p><p>Freepik</p><p>Unsplash</p>","tags":["agency","business","corporate","creative","listing","minimal","modern","responsive","shop","store","theme","unique","wordpress","blog","ecommerce","elementor","creative agency","design agency","contact form","revolution slider"],"bitLyUrl":"https://bit.ly/3sxxIQs","customUrl":"/woocommerce-themes/agencia-multipurpose-e-commerce-elementor-wordpress-theme-194977.html","nameOfTheTemplate":"Agencia Multipurpose E-commerce Elementor WordPress Theme","paidSupport":"Yes","topic":["Consulting Templates","Stationery Templates","Office Templates","Business & Services"],"changeLogDate":"2021-11-16","styles":["Clean","Corporate","Minimalist","Neutral","Collage","Mobile"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u2175346/6758dd00130eb643ac6de86b67b0b728.jpg","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: Sat, 04 May 2024 13:24:30 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=194977&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=194977&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=194977&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 04 May 2024 13:29:30 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://metropolitanhost.com/themes/templatemoster/wp/elementor/agencia/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#194977 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/194977.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">
                WooCommerce Themes #194977            </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=194977&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $52                <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="/woocommerce-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>