string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=348858&expand=properties"
string(16583) "[{"templateId":348858,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":369,"categoryName":"Swimming Templates","templateTitle":"Swimming Responsive WordPress Theme","templatePreviewHtmlTitle":"Gogrin - Surfing and Scuba Diving WordPress Theme","templateDemoHtmlTitle":"Demo for Gogrin - Surfing and Scuba Diving WordPress Theme #348858","typeShortName":"WordPress","templatePreviewFBTitle":"<p><strong>Gogrin </strong>is a Surfing and Scuba Diving WordPress Theme is a modern and clean website template for your online business. It is suitable for any type of company that needs- Surfing and Scuba Diving WordPress Theme is a modern and clean website template for your online business. It is suitable for any type of company that needs to promote its services, products, or ideas. It is easy to customize and comes with an intuitive Drag & Drop Page Builder. The theme also includes a number of features that will help you grow your online presence. It is easy to use and comes with a number of different layouts and color schemes that you can choose from. Gogrin is a theme that was built for the new generation of website owners, with a focus on speed and functionality.</p><h2>Why Choose Our Theme?</h2><p>Our Theme contains a lot of functional and customization tools that will make your online business successful. we provided many custom elements. So that users can easily create their website. we are always trying to update our product and try to support the latest software version capability.</p><h3>Elementor Page Builder: -</h3><p>Elementor Page Builder is one of the frontend and backend drag and drops page builders. you can Control your website live using the page builder. It saves you more time and faster.</p><h3>Responsive: -</h3><p>Responsive is one of the good things about a website theme. Our theme looks nice on all kinds of media devices. it also, you can control live all responsive device viewpoint.</p><h3>Bootstrap Framework:</h3><p>Bootstrap is One of the most popular HTML, CSS, and JS frameworks for developing responsive, mobile-first projects on website design.</p><h3>Lifetime Updates: -</h3><p>Every purchase of the Theme, we provide guarantees lifetime access to future theme updates at no extra cost, and Every Week We added two or more new demo.</p><h2>One click installation :</h2><p>Install Hackery with our powerful one-click installer. Get your site up and running in no time! Quick, easy, and rocket fast!</p><h2>Responsive & retina ready :</h2><p>The look of your website on mobile devices is very important these days. So we made sure Hackery looks great both on mobile, desktop, and retina screens!</p><h2>WPML & Translation Ready:</h2><p>Hackery is compatible with the most popular WordPress plugin that supports the creation of multilingual layouts. Translate your website to any language with WPML!</p><h2>Compatible with Contact form 7 :</h2><p>Hackery is compatible with the most powerful and most popular custom contact forms WordPress widget! create your own forms in seconds!</p><h2>Redux Powerful framework :</h2><p>Hackery is based on the most popular, well-established, powerful Redux theme options framework!</p><h2>Detailed documentation :</h2><p>Extensive documentation plus great video guides on how to set up and customize Hackery will make your customizations super easy and fast!</p><h2><br></h2><h2>Theme Features List</h2><ul><li><strong>Drag & Drop Page Builder Elementor</strong></li><li>Latest WordPress version compatibility</li><li>Modern & Unique Design</li><li>Latest Bootstrap Version 4 Used.</li><li>100% Responsive For All Kind Of Device</li><li>S E O friendly</li><li>Mobile Friendly Layout</li><li>Google Fonts-500+</li><li>Built for WordPress</li><li>Awesome Elementor Page Builder</li><li>Unlimited Colors Customization</li><li>No coding knowledge required</li><li>Very easy page building</li><li>Easily create different Home or other pages</li><li>Flexible easy-to-use page options</li><li>Create amazing website without touching a line of code</li><li>Fully Customizable</li><li>WooCommerce Capability</li><li>Unlimited colors for design & content elements</li><li>Responsive visibility options</li><li>47+ custom Element</li><li>Optimized for Contact Form 7</li><li>MailChim for WordPress</li><li>icofont icon</li><li>Child theme Included</li><li>online documentation and video tutorial</li><li>No coding knowledge required</li><li>Easily create different Home or other pages</li><li>Flexible easy-to-use page options</li><li>Create amazing website without touching a line of code</li><li>Fully Customizable</li><li>Unlimited colors for design & content elements</li><li>Responsive visibility options</li><li>Optimized for Contact Form 7</li><li>MailChim for WordPress</li></ul><h3>Easy To Use: -</h3><ul><li>Child theme Included</li><li>online documentation and video tutorial</li><li>No coding knowledge required</li><li>Easily create different Home or other pages</li><li>Flexible easy-to-use page options</li><li>Create an amazing website without touching a line of code</li></ul><h3>Theme Customizations: -</h3><ul><li>Fully Customizable</li><li>Unlimited colors for design & content elements</li><li>Responsive visibility options</li><li>Optimized for Contact Form 7</li><li>MailChimp for WordPress<strong>.</strong></li></ul>","templateFullTitle":"Gogrin - Surfing and Scuba Diving WordPress Theme","templatePreviewMetaDescription":"Gogrin is a Surfing and Scuba Diving WordPress Theme is a modern and clean website template for your online business. It is suitable for any type of company","templateDemoMetaDescription":"Before you purchase it, get the feel and look of the top notch Gogrin - Surfing and Scuba Diving WordPress Theme WordPress Theme (#348858) by viewing the demo preview. View the pages, check the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Gogrin - Surfing and Scuba Diving WordPress Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/gogrin-surfing-and-scuba-diving-wordpress-theme-348858.html","userRating":0,"designIndex":1,"authorUserId":"1658834","exclusive":"1","state":1,"price":49,"inserted_date":"2023-08-03","sent":0,"downloads":2,"search_words":"surfing scuba water scuba sports surfing school water sports scuba diving school diving centre wordpress theme agency surfing classes centre sports corporate company surfing consulting scuba consulting wordpress theme templates","is_adult":0,"exc_price":2100,"sent_date":"2023-08-03 11:38:40","last_upload":"2023-08-03 11:45:23","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"348858-2-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":348858,"width":800,"window_params":"","banner_url":"","id":3171039,"href":"","height":500},{"scr_type_id":311,"filename":"348858-2-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":348858,"width":800,"window_params":"","banner_url":"","id":3171040,"href":"","height":500},{"scr_type_id":312,"filename":"348858-2-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":348858,"width":370,"window_params":"","banner_url":"","id":3171041,"href":"","height":370},{"scr_type_id":9,"filename":"348858-2-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":348858,"width":145,"window_params":"","banner_url":"","id":3171042,"href":"","height":156},{"scr_type_id":57,"filename":"348858-2-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":348858,"width":430,"window_params":"","banner_url":"","id":3171043,"href":"","height":269}],"demoUrl":"/demo/348858.html","image":"https://s.tmimgcdn.com/scr/348800/gogrin-surfing-and-scuba-diving-wordpress-theme_348858-2-original.jpg","searchHash":"a66fb8dbdceb4a2861f89d0197a362ae","previewHash":"75995fec5313a315e0909ab117544152","authorNickname":"codexpert","lowLevelTopic":"Swimming Templates; Soccer Templates; Surfing Templates; Squash Templates","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":49,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"productFamily":"None","color":["black","white","blue"],"followUpLetter":"wp-themes-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"7088898","wordpressCompatibility":["5.9.x","6.0.x","6.1.x","6.2.x","6.3.x"],"uniqueKeywords":"surfing,scuba,water,scuba sports,surfing school,water sports,scuba diving,school,diving centre,wordpress,theme,agency,surfing classes,centre,sports,corporate company,surfing consulting,scuba consulting,wordpress theme,templates","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Gogrin is a Surfing and Scuba Diving WordPress Theme is a modern and clean website template for your online business. It is suitable for any type of company","isLastAdded":"1","features":["Premium","Responsive","Bootstrap","Ajax","Team Members","Dropdown Menu","Google map","Advanced Theme Options","Drag and Drop Content","Performance Optimization","Blog","Gallery","Portfolio","One Page Templates","HTML 5","JQuery","Completely JS","Background video","One click installation"],"saleSells":"1","livePreviewURL":"https://themexbd.com/gogrin/scuba/","authorUserId":"1658834","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1658834/62cba3f89758db55186c65c45154cbfb.jpg","templateGroup":"Wordpress Store","hELPURL":"/quick-start-guide/wordpress/","databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"alreadyPacked":"1","exclusive":"1","wordPressBuilder":"Elementor Website Builder","imagesIncluded":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"templateIcon":"icon-wordpress","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1658834/432a0486f53cf60bf14c4fb55d9b2714.jpg","authorMainScreenshotVersion":"2","types":"WordPress Themes","compatibleWith":["WooCommerce","Revolution Slider","WPML","MailChimp","Polylang","Ecwid","Booked","LearnPress"],"wordpressComCompatibility":"WordPress.com Pro Plan","trendiness":"1","demoMetaDescription":"Before you purchase it, get the feel and look of the top notch Gogrin - Surfing and Scuba Diving WordPress Theme WordPress Theme (#348858) by viewing the demo preview. View the pages, check the images, click the buttons, explore the functionality.","wooCommerceCompatibility":["7.6.x","7.7.x","7.8.x","7.9.x","8.0.x"],"shortDescription":"<p><strong>Gogrin </strong>is a Surfing and Scuba Diving WordPress Theme is a modern and clean website template for your online business. It is suitable for any type of company that needs- Surfing and Scuba Diving WordPress Theme is a modern and clean website template for your online business. It is suitable for any type of company that needs to promote its services, products, or ideas. It is easy to customize and comes with an intuitive Drag & Drop Page Builder. The theme also includes a number of features that will help you grow your online presence. It is easy to use and comes with a number of different layouts and color schemes that you can choose from. Gogrin is a theme that was built for the new generation of website owners, with a focus on speed and functionality.</p><h2>Why Choose Our Theme?</h2><p>Our Theme contains a lot of functional and customization tools that will make your online business successful. we provided many custom elements. So that users can easily create their website. we are always trying to update our product and try to support the latest software version capability.</p><h3>Elementor Page Builder: -</h3><p>Elementor Page Builder is one of the frontend and backend drag and drops page builders. you can Control your website live using the page builder. It saves you more time and faster.</p><h3>Responsive: -</h3><p>Responsive is one of the good things about a website theme. Our theme looks nice on all kinds of media devices. it also, you can control live all responsive device viewpoint.</p><h3>Bootstrap Framework:</h3><p>Bootstrap is One of the most popular HTML, CSS, and JS frameworks for developing responsive, mobile-first projects on website design.</p><h3>Lifetime Updates: -</h3><p>Every purchase of the Theme, we provide guarantees lifetime access to future theme updates at no extra cost, and Every Week We added two or more new demo.</p><h2>One click installation :</h2><p>Install Hackery with our powerful one-click installer. Get your site up and running in no time! Quick, easy, and rocket fast!</p><h2>Responsive & retina ready :</h2><p>The look of your website on mobile devices is very important these days. So we made sure Hackery looks great both on mobile, desktop, and retina screens!</p><h2>WPML & Translation Ready:</h2><p>Hackery is compatible with the most popular WordPress plugin that supports the creation of multilingual layouts. Translate your website to any language with WPML!</p><h2>Compatible with Contact form 7 :</h2><p>Hackery is compatible with the most powerful and most popular custom contact forms WordPress widget! create your own forms in seconds!</p><h2>Redux Powerful framework :</h2><p>Hackery is based on the most popular, well-established, powerful Redux theme options framework!</p><h2>Detailed documentation :</h2><p>Extensive documentation plus great video guides on how to set up and customize Hackery will make your customizations super easy and fast!</p><h2><br></h2><h2>Theme Features List</h2><ul><li><strong>Drag & Drop Page Builder Elementor</strong></li><li>Latest WordPress version compatibility</li><li>Modern & Unique Design</li><li>Latest Bootstrap Version 4 Used.</li><li>100% Responsive For All Kind Of Device</li><li>S E O friendly</li><li>Mobile Friendly Layout</li><li>Google Fonts-500+</li><li>Built for WordPress</li><li>Awesome Elementor Page Builder</li><li>Unlimited Colors Customization</li><li>No coding knowledge required</li><li>Very easy page building</li><li>Easily create different Home or other pages</li><li>Flexible easy-to-use page options</li><li>Create amazing website without touching a line of code</li><li>Fully Customizable</li><li>WooCommerce Capability</li><li>Unlimited colors for design & content elements</li><li>Responsive visibility options</li><li>47+ custom Element</li><li>Optimized for Contact Form 7</li><li>MailChim for WordPress</li><li>icofont icon</li><li>Child theme Included</li><li>online documentation and video tutorial</li><li>No coding knowledge required</li><li>Easily create different Home or other pages</li><li>Flexible easy-to-use page options</li><li>Create amazing website without touching a line of code</li><li>Fully Customizable</li><li>Unlimited colors for design & content elements</li><li>Responsive visibility options</li><li>Optimized for Contact Form 7</li><li>MailChim for WordPress</li></ul><h3>Easy To Use: -</h3><ul><li>Child theme Included</li><li>online documentation and video tutorial</li><li>No coding knowledge required</li><li>Easily create different Home or other pages</li><li>Flexible easy-to-use page options</li><li>Create an amazing website without touching a line of code</li></ul><h3>Theme Customizations: -</h3><ul><li>Fully Customizable</li><li>Unlimited colors for design & content elements</li><li>Responsive visibility options</li><li>Optimized for Contact Form 7</li><li>MailChimp for WordPress<strong>.</strong></li></ul>","tags":["agency","centre","school","scuba","sports","surfing","templates","theme","water","wordpress","wordpress theme","diving centre","scuba diving","water sports","corporate company","scuba sports","surfing school","surfing classes","surfing consulting","scuba consulting"],"customUrl":"/wordpress-themes/gogrin-surfing-and-scuba-diving-wordpress-theme-348858.html","nameOfTheTemplate":"Gogrin - Surfing and Scuba Diving WordPress Theme","paidSupport":"Yes","pHPVersionCompatibility":["8.1","8.0","7.4"],"topic":["Swimming Templates","Soccer Templates","Surfing Templates","Squash Templates","Sport Templates","Sports, Outdoors & Travel"],"marketplaceMembership":"One","excerpt":"<p>Gogrin - Surfing and Scuba Diving WordPress Theme is a modern and clean website template for your online business. It is suitable for any type of company that needs</p>","advImage":"https://s3u.tmimgcdn.com/u1658834/53c5bb6e77220143941b5c1c5274b6d0.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: Wed, 01 May 2024 09:43:03 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=348858&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=348858&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=348858&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 01 May 2024 09:48:03 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://themexbd.com/gogrin/scuba/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#348858 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/348858.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 #348858            </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=348858&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $45                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

        <div id="preview-wrapper" class="hide_wrap">

                            <div class="technical-problems">
                    <p>Technical operations</p>
                    <p class="problems-message">Live demo of this template will be available within 5-6 hours.</p>
                    <p>
                        <a href="/wordpress-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>