string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=374793&expand=properties"
string(13671) "[{"templateId":374793,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":255,"categoryName":"Roofing Company Templates","templateTitle":"Roofing Company Responsive WordPress Theme","templatePreviewHtmlTitle":"Roofic - Roofing Services WordPress Theme - TemplateMonster","templateDemoHtmlTitle":"Live demo for Roofic - Roofing Services WordPress Theme #374793","typeShortName":"WordPress","templatePreviewFBTitle":"<p><strong>Roofic WordPress Theme</strong>: Your Next-Generation Solution for Roof Repair, Roofing Services, and Companies</p><p>Roofic WordPress Theme is an innovative, top-tier, modern WordPress theme meticulously crafted for roof repair, roofing services, and roofing companies. It boasts an array of cutting-edge features tailored to provide an unparalleled web experience for your clients. With a multitude of specialized roof icon sets, Roofic empowers you to deliver a superior online presence.</p><p><strong>Explore the Innovative Features of the Roofic WordPress Theme:</strong></p><ul><li>Immersive Zoom-Effect Creative Slider Area: Engage your site visitors with a visually captivating slider designed to leave a lasting impression.</li><li>Custom ACF Framework: Swift content updates with rapid theme page loading, thanks to our custom ACF framework foundation.</li><li>Special Theme Settings Panel: Customize colors, tones, fonts, sizes, logos, favicons, and your entire corporate identity with a few clicks using the special Theme Settings panel.</li><li>Carefully Crafted Icon List Layouts: Present your roof repair details meticulously with visually appealing icon list scenarios.</li><li>Service Boxes Integrated with Sleek Icon Sets: Enhance service descriptions with line-infused icon sets and visually reinforcing image layouts.</li><li>Project Gallery Section: Showcase your projects swiftly and seamlessly with a dedicated projects gallery area.</li><li>Extensive Roof Services Icon Sets: Access hundreds of creative roof service icon sets tailored for your specific needs.</li><li>Cutting-Edge Web Effects: Experience a multitude of modern web effects adding dynamism and sophistication to your site.</li><li>Modern Web Fonts: Access a collection of contemporary web fonts for a sleek and professional aesthetic.</li><li>Dedicated Team Section: Showcase your team with a dedicated section specifically designed for highlighting your personnel.</li><li>Special Logos Area: Display your brands, sponsors, and clientele in a specialized logos section.</li><li>Advanced Inquiry Forms: Promptly gather inquiries and ensure swift responses with advanced inquiry forms.</li><li>Modern Communication Icons: Seamlessly integrate modern communication icons for enhanced user interaction.</li><li>Google Maps Integration: Integrate Google Maps effortlessly for enhanced user experience and location display.</li><li>Quick Scroll-Up Button: Enable users to swiftly navigate your site with a convenient scroll-up button.</li><li>Swift Loading Effects: Enhance user engagement with quick-loading effects for a seamless browsing experience.</li><li>Specialized Blog Page: Curate your articles in a dedicated blog page for engaging content dissemination.</li></ul>","templateFullTitle":"Roofic - Roofing Services WordPress Theme","templatePreviewMetaDescription":"Roofic WordPress Theme: Your Next-Generation Solution for Roof Repair, Roofing Services, and CompaniesRoofic WordPress Theme is an innovative, top-tier, modern","templateDemoMetaDescription":"View the live preview for the premium Roofic - Roofing Services WordPress Theme WordPress Theme (#374793) get yourself knowledgeable about this theme before you purchase it. View the pages, check the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Roofic - Roofing Services WordPress Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/roofic-roofing-services-wordpress-theme-374793.html","userRating":"5","designIndex":1,"authorUserId":"2271497","exclusive":"1","state":1,"price":79,"inserted_date":"2023-12-01","sent":0,"downloads":3,"search_words":"roofing services roofing roof roofing company builder exterior coating roofing repair roofing repair service architecture building company construction repair responsive services handyman house maintenance corporate design","is_adult":0,"exc_price":2100,"sent_date":"2023-12-01 11:58:01","last_upload":"2024-10-17 08:50:13","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3300689,"templ_id":374793,"filename":"374793-original.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3300690,"templ_id":374793,"filename":"374793-big.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3300691,"templ_id":374793,"filename":"374793-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":3300692,"templ_id":374793,"filename":"374793-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":3300693,"templ_id":374793,"filename":"374793-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/374793.html","image":"https://s.tmimgcdn.com/scr/374700/roofic-roofing-services-wordpress-theme_374793-original.png","searchHash":"905eeb20f48184e1cbdab7ea0c7647cf","previewHash":"99f8c1a5f278a165e1cee81814038b8e","authorNickname":"garantiwebt","lowLevelTopic":"Roofing Company Templates","weightedRating":4.1818181818182,"annualSale":3,"monthlySales":0,"quarterlySales":2,"productBoost":0,"onSale":1,"finalPrice":40,"discountPercent":50,"discountAmount":40,"semiannualSales":2,"properties":{"features":["Premium","Responsive","Pro","Admin Panel","Bootstrap","Ajax","Canvas Animation","Team Members","Light Template","Dropdown Menu","Google map","Advanced Theme Options","Drag and Drop Content","Performance Optimization","Blog","Gallery","Portfolio","HTML 5","JQuery","Completely JS","HTML plus JS","Lazy Load effect"],"styles":["Clean","Corporate","Minimalist","Artworks","Futurist","Mobile","Flat","Material Design"],"isLastAdded":"1","topic":["Roofing Company Templates","Maintenance Services Templates","Business & Services"],"isFree":"none","color":["black","white","orange"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","compatibleWith":"Revolution Slider","authorUserId":"2271497","imagesIncluded":"Yes","tags":["architecture","builder","building","company","construction","corporate","design","handyman","house","maintenance","repair","responsive","roof","roofing","services","roofing company","roofing services","roofing repair","exterior coating","roofing repair service"],"marketplaceMembership":"None","paidSupport":"Yes","wordPressBuilder":"WordPress Customizer API","wordpressComCompatibility":"Not Compatible","wordpressCompatibility":["6.0.x","6.1.x","6.2.x","6.3.x","6.4.x","6.5.x","6.6.x"],"webServerCompatibility":"Apache 2.4","pHPVersionCompatibility":["8.1","8.0","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7"],"designSoftware":["Adobe Photoshop","Adobe Illustrator"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Roofic WordPress Theme is an innovative, top-tier, modern WordPress theme meticulously crafted for roof repair, roofing services, and roofing companies.</p>","nameOfTheTemplate":"Roofic - Roofing Services WordPress Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u2271497/cadaf47aeb0e7e0e515fa3a4e925a6dc.png, https://s3u.tmimgcdn.com/u2271497/1c5436293a123cffa160a4e37050df2b.png, https://s3u.tmimgcdn.com/u2271497/ff089f8f46fe5f2a63f6095e1173d80a.png, https://s3u.tmimgcdn.com/u2271497/4ddfb0e29f47963fb739d6475816d3d5.png, https://s3u.tmimgcdn.com/u2271497/226396fbfc7501c8157a18fa5c7dc82a.png","shortDescription":"<p><strong>Roofic WordPress Theme</strong>: Your Next-Generation Solution for Roof Repair, Roofing Services, and Companies</p><p>Roofic WordPress Theme is an innovative, top-tier, modern WordPress theme meticulously crafted for roof repair, roofing services, and roofing companies. It boasts an array of cutting-edge features tailored to provide an unparalleled web experience for your clients. With a multitude of specialized roof icon sets, Roofic empowers you to deliver a superior online presence.</p><p><strong>Explore the Innovative Features of the Roofic WordPress Theme:</strong></p><ul><li>Immersive Zoom-Effect Creative Slider Area: Engage your site visitors with a visually captivating slider designed to leave a lasting impression.</li><li>Custom ACF Framework: Swift content updates with rapid theme page loading, thanks to our custom ACF framework foundation.</li><li>Special Theme Settings Panel: Customize colors, tones, fonts, sizes, logos, favicons, and your entire corporate identity with a few clicks using the special Theme Settings panel.</li><li>Carefully Crafted Icon List Layouts: Present your roof repair details meticulously with visually appealing icon list scenarios.</li><li>Service Boxes Integrated with Sleek Icon Sets: Enhance service descriptions with line-infused icon sets and visually reinforcing image layouts.</li><li>Project Gallery Section: Showcase your projects swiftly and seamlessly with a dedicated projects gallery area.</li><li>Extensive Roof Services Icon Sets: Access hundreds of creative roof service icon sets tailored for your specific needs.</li><li>Cutting-Edge Web Effects: Experience a multitude of modern web effects adding dynamism and sophistication to your site.</li><li>Modern Web Fonts: Access a collection of contemporary web fonts for a sleek and professional aesthetic.</li><li>Dedicated Team Section: Showcase your team with a dedicated section specifically designed for highlighting your personnel.</li><li>Special Logos Area: Display your brands, sponsors, and clientele in a specialized logos section.</li><li>Advanced Inquiry Forms: Promptly gather inquiries and ensure swift responses with advanced inquiry forms.</li><li>Modern Communication Icons: Seamlessly integrate modern communication icons for enhanced user interaction.</li><li>Google Maps Integration: Integrate Google Maps effortlessly for enhanced user experience and location display.</li><li>Quick Scroll-Up Button: Enable users to swiftly navigate your site with a convenient scroll-up button.</li><li>Swift Loading Effects: Enhance user engagement with quick-loading effects for a seamless browsing experience.</li><li>Specialized Blog Page: Curate your articles in a dedicated blog page for engaging content dissemination.</li></ul>","uniqueKeywords":"roofing services,roofing,roof,roofing company,builder,exterior coating,roofing repair,roofing repair service,architecture,building,company,construction,repair,responsive,services,handyman,house,maintenance,corporate,design","advImage":"https://s3u.tmimgcdn.com/u2271497/aba6b74949e2e4dead1350d6f59ace34.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2271497/af6450bb65e29977fe33dad099b087ba.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u2271497/4665b410057bb00533013c55977656eb.png, https://s3u.tmimgcdn.com/u2271497/59c9abe6f208fcd640fd9d933fe2566b.png, https://s3u.tmimgcdn.com/u2271497/d92a7e0675137c2e8d8c0bd368e6b286.png, https://s3u.tmimgcdn.com/u2271497/a2393fd525febd2bbc3d17d038f93bf4.png, https://s3u.tmimgcdn.com/u2271497/3bee74aee70daac27680ca1038e7063d.png, https://s3u.tmimgcdn.com/u2271497/7d7ab0131603b31cf1dd9643835ac7be.png","livePreviewURL":"https://garantiwebdesign.com/wordpress/roofic/","metaDescription":"Roofic WordPress Theme: Your Next-Generation Solution for Roof Repair, Roofing Services, and CompaniesRoofic WordPress Theme is an innovative, top-tier, modern","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"View the live preview for the premium Roofic - Roofing Services WordPress Theme WordPress Theme (#374793) get yourself knowledgeable about this theme before you purchase it. View the pages, check the images, click the buttons, explore the features.","customUrl":"/wordpress-themes/roofic-roofing-services-wordpress-theme-374793.html","productSize":"30114527","trendiness":"1","changeLog":"1.0.2\n\nAdvanced Custom Field Framework Plugin has been updated to version 6.3.6. Classic Editor, Classic Widgets, Contact Form 7, Duplicate Menu, Duplicate Page and all necessary plugins for the theme have been updated to the latest version. To avoid security problems, those who purchased the theme can download the theme again and manually install the plugins from the \"inc/plugins/\" area. When updating plugins, make sure your PHP versions are 8.0 and above.\n\n1.0.1\n\nAdvanced Custom Field Framework Plugin 6.2.6.1 Upgraded, updated - Important critical update. It needs to be reinstalled. When updating plugins, make sure your PHP versions are 8.0 and above.","changeLogDate":"2024-10-17","types":"WordPress Themes","templateIcon":"icon-wordpress","hELPURL":"/quick-start-guide/wordpress/","followUpLetter":"wp-themes-offers","productFamily":"None","templateGroup":"Wordpress Store","category":"Website templates","popularity":"Recently Updated","reviewsTotal":"1","reviewAverageScore":"5"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 23 Nov 2024 10:45:08 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=374793&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=374793&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=374793&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 23 Nov 2024 10:50:08 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://garantiwebdesign.com/wordpress/roofic/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#374793 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/374793.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 #374793            </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=374793&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $73                <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>