string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=279989&expand=properties"
string(12705) "[{"templateId":279989,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":128,"categoryName":"Marketing Agency Templates","templateTitle":"Marketing Agency Responsive Website Template","templatePreviewHtmlTitle":"Grolio - Social Media Marketing SMM Template","templateDemoHtmlTitle":"Live demo for Grolio - Social Media Marketing SMM Template #279989","typeShortName":"Website","templatePreviewFBTitle":"<h1>Grolio - Social Media Marketing Template</h1><p><br></p><p>If you are seeking for a website that specializes in SMM marketing, then you have arrived at the perfect spot. Grolio was thoughtfully developed to include everything that your company will need to wow your site visitors and convert them into paying customers or clients.</p><p>This template is an excellent option for you to consider using if you run any kind of agency, whether it be a social media agency, a PPC agency, a video marketing agency, a media purchasing agency, or any other kind of agency at all.</p><p>Grolio is ideal for professional and creative websites. Developer-friendly code.</p><p>This template includes a creative layout, fluid animation, distinctive features, and a contemporary and distinctive style, all of which contribute to the overall beauty of your website. This design is simple to customize, is completely responsive, and is compatible with any current web browser and mobile device. but code that is favorable to developers and is fully documented.</p><p>Grolio is a specialized social media marketing solution that has a one-of-a-kind layout. It was designed for those who are interested in building a website for their SMM company. More than eighty percent of corporate leaders believe that social media plays an important role in their organization. Because of their participation in social media marketing, business merchants have achieved revenue gains of 133%.</p><h2>Features Overview:</h2><h3>Flexible layout:      </h3><p>Your site will function properly on whichever device you use it on. This Template has a flexible design that adapts to any screen size.</p><h3>Valid HTML File:</h3><p>Template coded with beautiful and clean codes! Bootstrap v5.1.3, Some powerful HTML files 100% valid W3 web standards.</p><h3>Bootstrap Framework:</h3><p>Bootstrap v5.1.3 is the most popular HTML5, CSS3, and JS framework for developing responsive, mobile first projects on the web.</p><h3>Sass Files:</h3><p>This project contain sass style</p><h2>Key Features:                                                                                                                                           </h2><ul><li>Unique Home Pages.</li><li>Total 8 Pages.</li><li>Clean & Modern Design.</li><li>Valid HTML5 & CSS3.</li><li>Bootstrap v5.1.3</li><li>Fully responsive.</li><li>Seo Optimized.</li><li>Cross browser Compatible with Edge, IE9+, Firefox, Safari, Opera, Chrome.</li><li>owl carousel slider Use.</li><li>Smooth transition effects.</li><li>Free Updates.</li><li>Font Awesome icon.</li><li>Free Google font.</li><li>Standard custom code Created.</li><li>All files are well commented.</li><li>Smooth animation.</li></ul><h2>CSS and JavaScripts Libraries:                                                                                                                </h2><ul><li>Jquery v3.6.0</li><li>Bootstrap v5.1.3</li><li>Nice Select</li><li>owl carousel slider</li><li>Magnific Popup</li></ul><h2>What do you get?                                                                                                                                    </h2><ul><li>All HTML files.</li><li>Figma file</li><li>Documentation.</li><li>Support.</li></ul>","templateFullTitle":"Grolio - Social Media Marketing SMM Template","templatePreviewMetaDescription":"Grolio - Social Media Marketing TemplateIf you are seeking for a website that specializes in SMM marketing, then you have arrived at the perfect spot. Grolio","templateDemoMetaDescription":"Before you purchase it, get the look and feel of the professional Grolio - Social Media Marketing Template Website Template (#279989) by viewing the live preview. Go through the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Grolio - Social Media Marketing SMM Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/grolio-social-media-marketing-template-279989.html","userRating":0,"designIndex":1,"authorUserId":"78086583","exclusive":"1","state":1,"price":31,"inserted_date":"2022-10-04","sent":0,"downloads":1,"search_words":"agency blog landing page marketing multipurpose online marketing social media startup facebook followers instagram like seo service smm social marketing social media marketing subscribers twitter views youtube","is_adult":0,"exc_price":2100,"sent_date":"2022-10-04 12:04:28","last_upload":"2022-10-04 12:08:45","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"279989-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":279989,"width":1600,"window_params":"","banner_url":"","id":2826744,"href":"","height":1000},{"scr_type_id":311,"filename":"279989-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":279989,"width":1600,"window_params":"","banner_url":"","id":2826745,"href":"","height":1000},{"scr_type_id":312,"filename":"279989-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":279989,"width":370,"window_params":"","banner_url":"","id":2826746,"href":"","height":370},{"scr_type_id":9,"filename":"279989-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":279989,"width":145,"window_params":"","banner_url":"","id":2826747,"href":"","height":156},{"scr_type_id":57,"filename":"279989-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":279989,"width":430,"window_params":"","banner_url":"","id":2826748,"href":"","height":269}],"demoUrl":"/demo/279989.html","image":"https://s.tmimgcdn.com/scr/279900/grolio-social-media-marketing-smm-template_279989-original.jpg","searchHash":"77f7185b63817b3d1299c5d1677a591c","previewHash":"10a88442d0491907f44d45b235411c98","authorNickname":"Softivus","lowLevelTopic":"Marketing Agency Templates; SEO Website Templates; Social Foundation Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":1,"finalPrice":22,"discountPercent":30,"discountAmount":9,"semiannualSales":0,"properties":{"productFamily":"None","color":["white","grey","blue","cyan"],"followUpLetter":"website-template-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"49452369","uniqueKeywords":"agency,blog,landing page,marketing,multipurpose,online marketing,social media,startup,facebook,followers,instagram,like,seo service,smm,social marketing,social media marketing,subscribers,twitter,views,youtube","templateSupportOptions":"[]","changeLog":"Update Date 02/11/2022\r\n-- Fixed CSS Issue\r\n-- Added New Animation\r\n-- Added Fixed Others Issue","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Grolio - Social Media Marketing TemplateIf you are seeking for a website that specializes in SMM marketing, then you have arrived at the perfect spot. Grolio","isLastAdded":"1","bootstrapVersion":"5.x","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78086583/03438814c56a3c179fca542bc2e33c35.jpg, https://s3u.tmimgcdn.com/u78086583/5952dd0cfcabe030984ed5832e171340.jpg","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Retina Ready","Light Template","Dropdown Menu","Performance Optimization","Blog","Portfolio","HTML 5","JQuery","HTML plus JS"],"saleSells":"1","livePreviewURL":"https://pixner.net/grolio/","authorUserId":"78086583","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78086583/e46acf9a66b0c7b2b0cb843a3984ce1c.jpg","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"templateIcon":"icon-monster_dark","types":"HTML Website Templates","designSoftware":"Figma","trendiness":"8","demoMetaDescription":"Before you purchase it, get the look and feel of the professional Grolio - Social Media Marketing Template Website Template (#279989) by viewing the live preview. Go through the pages, check the images, click the buttons, explore the functionality.","shortDescription":"<h1>Grolio - Social Media Marketing Template</h1><p><br></p><p>If you are seeking for a website that specializes in SMM marketing, then you have arrived at the perfect spot. Grolio was thoughtfully developed to include everything that your company will need to wow your site visitors and convert them into paying customers or clients.</p><p>This template is an excellent option for you to consider using if you run any kind of agency, whether it be a social media agency, a PPC agency, a video marketing agency, a media purchasing agency, or any other kind of agency at all.</p><p>Grolio is ideal for professional and creative websites. Developer-friendly code.</p><p>This template includes a creative layout, fluid animation, distinctive features, and a contemporary and distinctive style, all of which contribute to the overall beauty of your website. This design is simple to customize, is completely responsive, and is compatible with any current web browser and mobile device. but code that is favorable to developers and is fully documented.</p><p>Grolio is a specialized social media marketing solution that has a one-of-a-kind layout. It was designed for those who are interested in building a website for their SMM company. More than eighty percent of corporate leaders believe that social media plays an important role in their organization. Because of their participation in social media marketing, business merchants have achieved revenue gains of 133%.</p><h2>Features Overview:</h2><h3>Flexible layout:      </h3><p>Your site will function properly on whichever device you use it on. This Template has a flexible design that adapts to any screen size.</p><h3>Valid HTML File:</h3><p>Template coded with beautiful and clean codes! Bootstrap v5.1.3, Some powerful HTML files 100% valid W3 web standards.</p><h3>Bootstrap Framework:</h3><p>Bootstrap v5.1.3 is the most popular HTML5, CSS3, and JS framework for developing responsive, mobile first projects on the web.</p><h3>Sass Files:</h3><p>This project contain sass style</p><h2>Key Features:                                                                                                                                           </h2><ul><li>Unique Home Pages.</li><li>Total 8 Pages.</li><li>Clean & Modern Design.</li><li>Valid HTML5 & CSS3.</li><li>Bootstrap v5.1.3</li><li>Fully responsive.</li><li>Seo Optimized.</li><li>Cross browser Compatible with Edge, IE9+, Firefox, Safari, Opera, Chrome.</li><li>owl carousel slider Use.</li><li>Smooth transition effects.</li><li>Free Updates.</li><li>Font Awesome icon.</li><li>Free Google font.</li><li>Standard custom code Created.</li><li>All files are well commented.</li><li>Smooth animation.</li></ul><h2>CSS and JavaScripts Libraries:                                                                                                                </h2><ul><li>Jquery v3.6.0</li><li>Bootstrap v5.1.3</li><li>Nice Select</li><li>owl carousel slider</li><li>Magnific Popup</li></ul><h2>What do you get?                                                                                                                                    </h2><ul><li>All HTML files.</li><li>Figma file</li><li>Documentation.</li><li>Support.</li></ul>","tags":["agency","followers","like","marketing","multipurpose","smm","startup","twitter","instagram","blog","youtube","social media","facebook","landing page","social media marketing","online marketing","views","subscribers","social marketing","seo service"],"bitLyUrl":"https://bit.ly/3SXvZ2y","customUrl":"/website-templates/grolio-social-media-marketing-template-279989.html","nameOfTheTemplate":"Grolio - Social Media Marketing SMM Template","paidSupport":"Yes","topic":["Marketing Agency Templates","SEO Website Templates","Social Foundation Templates","Business & Services","Society & People"],"changeLogDate":"2022-11-02","styles":"Clean","marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u78086583/5a6fc8efee08607c8cf260f5a1495396.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, 30 Nov 2024 16:26:50 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=279989&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=279989&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=279989&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 30 Nov 2024 16:31:50 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: 159.203.151.221:80"
}
https://pixner.net/grolio/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#279989 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/279989.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">
                Website Templates #279989            </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=279989&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $29                <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="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>