string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=60123&expand=properties"
string(17852) "[{"templateId":60123,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":359,"categoryName":"Maritime Templates","templateTitle":"Maritime Responsive WordPress Theme","templatePreviewHtmlTitle":"Porto - Seafaring, Transportation and Logistics WordPress Theme","templateDemoHtmlTitle":"Demo Preview for Porto - Seafaring, Transportation and Logistics WordPress Theme #60123","typeShortName":"WordPress","templatePreviewFBTitle":"Porto is a responsive, GPL-compliant transportation WordPress theme designed for companies involved in seafaring, logistics and cargo shipping. Being primarily a business theme, it nevertheless boasts multiple blog layouts and post formats, and thus can be used as a foundation for a niche blog. In case you want to restyle your website, at your disposal there are unlimited color combinations, which allow you to adapt this theme to absolutely any brand design. Porto comes packed with Power - an intuitive drag-and-drop page builder full of premade content modules, which can be incorporated into your posts and pages. Offered is a choice of header, footer and sidebar variations, which allow you to easily restructure your entire website and individual posts. You can display the information about the sea freight services provided by your company, shipping prices, delivery options and other info with the help of dedicated customizable, conversion-optimized pages. To see the full list of available content elements, pages and options check out the Live Demo.<div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Business Bureau WordPress design is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina screens are called so because they have this type of resolution that the people eye doesn't acknowledge distinct pixels within just it. Thus, the retina-ready template was built for this kind of display screens and this would mean that your current internet page can appear most suitable on a Retina screen.</p> <p><b>Why is it Good?</b></p><p>Your current images and the entire website content will appear highly detailed and beautiful. Colors are vivid, dazzling and it can make your website to look better on almost any device.</p><p>Latest <a href=\"https://www.templatemonster.com/retina-ready-wordpress-themes/\">Retina Ready Wordpress design templates</a> here</p> <h3>This Logistic Company WP theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a technique of web design that lets web pages to adapt to a display size of any gadget - be it a personal computer, a tablet or a smartphone.</p> <p><b>Why is it Good?</b></p><p>Responsive design is the reason why the website will provide an excellent browsing experience to all users throughout all devices. </p><p>Find fresh <a href=\"https://www.templatemonster.com/responsive-wordpress-themes/\">Responsive WordPress designs</a> here</p> <h3>This Business WordPress template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search Engine Friendly themes were developed to draw in clients and google search spiders to your web site.</p> <p><b>Why is it Good?</b></p><p>The Search engine friendly web design implies that the website will be successfully indexed and positioned higher by the search engine. </p><p>Browse for more <a href=\"https://www.templatemonster.com/seo-wordpress-themes/\">Search Engine Friendly WordPress design themes</a> here</p> <h3>This Logistics Wordpress design template is WPML ready</h3> <p><b>What is it?</b></p><p>WPML ready suggests that the theme works with the WordPress Multilingual Plugin.</p> <p><b>Why is it Good?</b></p><p>WPML-ready WordPress designs offer the possibility to translate pages, tags, different categories, and so forth in a variety of spoken languages. This makes your web material quicker to understand for international purchasers. </p><p>Click for more <a href=\"https://www.templatemonster.com/wpml-ready-wordpress-themes/\">WPML ready Wordpress design templates</a> here</p> <br /></div></div></div></div><p>This template is featured in the following editorial reviews:</p><p><a href=\"https://www.templatemonster.com/blog/best-transportation-services-responsive-themes-2018/\">Best Transportation Services Responsive WordPressThemes</a></p>","templateFullTitle":"Porto - Seafaring, Transportation and Logistics WordPress Theme","templatePreviewMetaDescription":"Porto is a responsive, GPL-compliant transportation WordPress theme designed for companies involved in seafaring, logistics and cargo shipping. Being primarily","templateDemoMetaDescription":"The demo of this top notch Porto - Seafaring, Transportation and Logistics WordPress Theme (#60123) is presented here for you to get yourself familiar with the design prior to buying it. Go through the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Porto - Seafaring, Transportation and Logistics WordPress Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/maritime-responsive-wordpress-theme-60123.html","userRating":"4.5","designIndex":"00","authorUserId":"1768190","exclusive":0,"state":1,"price":77,"inserted_date":"2016-07-26","sent":2,"downloads":28,"search_words":"porto marine transportations sea port ships shipping services prices transportation seaman sailor","is_adult":0,"exc_price":5000,"sent_date":"2015-09-18 00:00:00","last_upload":"2016-07-26 00:00:00","package_id":287,"hasExclusivePrice":1,"screenshots":[{"id":1670071,"templ_id":60123,"filename":"60123-smart2-responsive.jpg","width":320,"height":900,"href":"","window_params":"","scr_type_id":300,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670072,"templ_id":60123,"filename":"60123-0-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670073,"templ_id":60123,"filename":"60123-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670074,"templ_id":60123,"filename":"60123-origin.jpg","width":1903,"height":4716,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670075,"templ_id":60123,"filename":"60123-responsive-layout.jpg","width":895,"height":599,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670076,"templ_id":60123,"filename":"60123-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670077,"templ_id":60123,"filename":"60123-smart1-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":299,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670078,"templ_id":60123,"filename":"60123-wp3.html","width":430,"height":60,"href":"","window_params":"","scr_type_id":265,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670079,"templ_id":60123,"filename":"60123-origin-1200.jpg","width":1903,"height":4716,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670080,"templ_id":60123,"filename":"60123-banner.jpg","width":408,"height":55,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670081,"templ_id":60123,"filename":"60123-wp-b.jpg","width":430,"height":1066,"href":"","window_params":"","scr_type_id":336,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670082,"templ_id":60123,"filename":"60123-big.jpg","width":965,"height":2391,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670083,"templ_id":60123,"filename":"60123-tablet-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":298,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1670084,"templ_id":60123,"filename":"60123-original-1200.jpg","width":1903,"height":4716,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/60123.html","image":"https://s.tmimgcdn.com/scr/60100/porto-seafaring-transportation-and-logistics-wordpress-theme_60123-0-original.jpg","searchHash":"4f29c4011d162008a309f179451571dd","previewHash":"2024997176a4ff57ee1bb2910526e933","authorNickname":"RockThemes","lowLevelTopic":"Maritime Templates","weightedRating":4.2307692307692,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":54,"discountPercent":30,"discountAmount":23,"semiannualSales":0,"properties":{"features":["Responsive","Admin Panel","Search Engine Friendly","Retina Ready","Dropdown Menu","Google map","Sample content","Tabs","Advanced Theme Options","Drag and Drop Content","Blog","HTML 5","JQuery"],"styles":["Neutral","Flat"],"languageSupport":"English","galleryScript":["Carousel","Slider"],"media":["Audio Player","Video Integration"],"webForms":["Contact Form","Newsletter Subscription"],"badge":"badge-responsive","additionalInfo":"Well Documented","templateSoftwareRequired":["Apache Server","For uncompressing a template ZIP package: WinZip 9+ (Windows); Stuffit Expander 10+ (Mac)"],"templateSources":[".PHP","This theme is widgetized"],"templateHostingRequirements":["The mod_rewrite Apache module","MySQL 5.0 or higher","PHP 5.3 or higher"],"topic":["Maritime Templates","Transportation Templates","Business & Services"],"popularity":"Top Rated","nomotopress":"1","color":["black","white","blue","cyan"],"wordpressgpl":"1","wordpressEngine":"4.6.x","livePreviewURL":"https://ld-wp.template-help.com/wordpress_60123","imageDescription":"https://s.tmimgcdn.com/scr/60100/60123-responsive-layout.jpg","documentationLink":"wordpress/index.php?project=porto","uniqueKeywords":"CMS Convert","imageKeyFeatures":"https://s.tmimgcdn.com/scr/60100/60123-en_01.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_02.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_03.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_04.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_05.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_06.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_07.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_08.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_09.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_10.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_11.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_12.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_13.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_14.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_15.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_16.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_17.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_18.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_19.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_20.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_21.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_22.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_23.jpg,https://s.tmimgcdn.com/scr/60100/60123-en_24.jpg","nameOfTheTemplate":"Porto - Seafaring, Transportation and Logistics WordPress Theme","shortDescription":"Porto is a responsive, GPL-compliant transportation WordPress theme designed for companies involved in seafaring, logistics and cargo shipping. Being primarily a business theme, it nevertheless boasts multiple blog layouts and post formats, and thus can be used as a foundation for a niche blog. In case you want to restyle your website, at your disposal there are unlimited color combinations, which allow you to adapt this theme to absolutely any brand design. Porto comes packed with Power - an intuitive drag-and-drop page builder full of premade content modules, which can be incorporated into your posts and pages. Offered is a choice of header, footer and sidebar variations, which allow you to easily restructure your entire website and individual posts. You can display the information about the sea freight services provided by your company, shipping prices, delivery options and other info with the help of dedicated customizable, conversion-optimized pages. To see the full list of available content elements, pages and options check out the Live Demo.<div class=\"clear\"></div><div class=\"row \"><div class=\"col-sm-12 col-md-12 col-lg-12\"><div class=\"box-content default-set \"><div class=\"content_wrap \"> <h3>This Business Bureau WordPress design is Retina Ready</h3> <p><b>What is it?</b></p><p>Retina screens are called so because they have this type of resolution that the people eye doesn't acknowledge distinct pixels within just it. Thus, the retina-ready template was built for this kind of display screens and this would mean that your current internet page can appear most suitable on a Retina screen.</p> <p><b>Why is it Good?</b></p><p>Your current images and the entire website content will appear highly detailed and beautiful. Colors are vivid, dazzling and it can make your website to look better on almost any device.</p><p>Latest <a href=\"https://www.templatemonster.com/retina-ready-wordpress-themes/\">Retina Ready Wordpress design templates</a> here</p> <h3>This Logistic Company WP theme is Responsive</h3> <p><b>What is it?</b></p><p>Responsive design is a technique of web design that lets web pages to adapt to a display size of any gadget - be it a personal computer, a tablet or a smartphone.</p> <p><b>Why is it Good?</b></p><p>Responsive design is the reason why the website will provide an excellent browsing experience to all users throughout all devices. </p><p>Find fresh <a href=\"https://www.templatemonster.com/responsive-wordpress-themes/\">Responsive WordPress designs</a> here</p> <h3>This Business WordPress template is Search Engine Friendly</h3> <p><b>What is it?</b></p><p>Search Engine Friendly themes were developed to draw in clients and google search spiders to your web site.</p> <p><b>Why is it Good?</b></p><p>The Search engine friendly web design implies that the website will be successfully indexed and positioned higher by the search engine. </p><p>Browse for more <a href=\"https://www.templatemonster.com/seo-wordpress-themes/\">Search Engine Friendly WordPress design themes</a> here</p> <h3>This Logistics Wordpress design template is WPML ready</h3> <p><b>What is it?</b></p><p>WPML ready suggests that the theme works with the WordPress Multilingual Plugin.</p> <p><b>Why is it Good?</b></p><p>WPML-ready WordPress designs offer the possibility to translate pages, tags, different categories, and so forth in a variety of spoken languages. This makes your web material quicker to understand for international purchasers. </p><p>Click for more <a href=\"https://www.templatemonster.com/wpml-ready-wordpress-themes/\">WPML ready Wordpress design templates</a> here</p> <br /></div></div></div></div><p>This template is featured in the following editorial reviews:</p><p><a href=\"https://www.templatemonster.com/blog/best-transportation-services-responsive-themes-2018/\">Best Transportation Services Responsive WordPressThemes</a></p>","kindOfShops":"This responsive WordPress theme is best suitable for Transportation, Security, Sport and Maintenance Services websites.","metaDescription":"Meet Porto – a transportation WordPress theme with powerful customization options, extensive blogging possibilities, and premade business-oriented pages.","htmlTitle":"Porto - Seafaring, Transportation and Logistics WordPress Theme","showVariantForcibly":"b","trendiness":"1","trustedElements":["Free Support","GPL v3.0","Satisfaction Guarantee"],"dynamicChangeLog":"<ul>\n<li>- 3 minor CSS bugs fixed</li>\n<li>- 1 JS bug fixed</li>\n<li>- 3 back-end issues fixed</li>\n<li>- 2 minor background issues fixed</li>\n<li>- 2 layout issues fixed</li>\n</ul>","lastmod":"2021-05-25T15:40:31-04:00","loyaltySells":"1","wordpressCompatibility":"4.9.x","sqi":"95","templateSupportOptions":"[{\"type\":1,\"measure\":\"hour\",\"value\":24},{\"type\":4,\"measure\":\"minute\",\"value\":5}]","dqi":"00","authorUserId":"1768190","skupromo":"36%","compatibleWith":["WPML","Ecwid"],"marketplaceMembership":"One","customUrl":"/wordpress-themes/maritime-responsive-wordpress-theme-60123.html","reviewsTotal":"3","reviewAverageScore":"4.5","demoMetaDescription":"The demo of this top notch Porto - Seafaring, Transportation and Logistics WordPress Theme (#60123) is presented here for you to get yourself familiar with the design prior to buying it. Go through the pages, examine the images, click the buttons, explore the functionality.","isOldDemoUrl":"1","wpWoo":"1","tags":["cms","convert","marine","port","porto","prices","sailor","sea","seaman","services","shipping","ships","transportation"],"wordPressBuilder":"Cherry Framework 5","wordpressComCompatibility":"Not Compatible","pHPVersionCompatibility":"7.x","notice":"In case the theme is released under the GNU GPLv3 license the stock images used in this theme and its .psd source files are not included to the delivered package, as they do not fall under the GPL license.","types":"WordPress Themes","templateIcon":"icon-wordpress","hELPURL":"/quick-start-guide/wordpress/","isFree":"none","followUpLetter":"wp-themes-offers","productFamily":"None","templateGroup":"Wordpress Store","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 21 Nov 2024 16:09: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(290) "Link: <http://products/api/v2/products/en?language=en&ids=60123&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=60123&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=60123&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 21 Nov 2024 16:14: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: 159.203.151.221:80"
}
https://ld-wp.template-help.com/wordpress_60123<!DOCTYPE html>
<html lang="en">
<head>
    <title>#60123 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/60123.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 #60123            </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=60123&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $71                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

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

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