string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=390475&expand=properties"
string(16299) "[{"templateId":390475,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":100,"categoryName":"Construction Company Templates","templateTitle":"Construction Company Responsive WordPress Theme","templatePreviewHtmlTitle":"Roafcare - Roofing Company Responsive WordPress Elementor Theme","templateDemoHtmlTitle":"Demo Preview for Roafcare - Roofing Company Responsive WordPress Elementor Theme #390475","typeShortName":"WordPress","templatePreviewFBTitle":"<p>Elevate Your Roofing Business with Our Exclusive Roafcare Theme!</p><p>Embark on a transformative journey into the digital realm with our Roafcare Theme, meticulously crafted to meet the diverse needs of roofing contractors, suppliers, and manufacturers. Whether you specialize in commercial roofing, residential services, or the distribution of top-tier roofing materials, this theme is your virtual ally in establishing a robust online presence.</p><h3><strong>Key Features:</strong></h3><p><strong>1. Comprehensive Service Showcase:</strong></p><p>  - Seamlessly exhibit your range of services, from commercial and residential roofing to the manufacturing and supply of top-quality roofing materials. The layout is designed to elegantly present your portfolio of completed projects, highlighting the excellence of your craftsmanship.</p><p><strong>2. Client Testimonials for Credibility:</strong></p><p>  - Build trust through client testimonials showcased on a dedicated page. Let the positive experiences of your satisfied clients speak volumes about the quality of your work, your team, and the overall customer-centric approach that sets your roofing solutions apart.</p><p><strong>3. Detailed Information on Services:</strong></p><p>  - Dive into the specifics! Whether it's rust-proof roof installations, routine maintenance, or emergency repairs, the theme allows you to communicate comprehensive information, positioning your company as the go-to roofing solution provider.</p><p><strong>4. Visual Showcase of Projects:</strong></p><p>  - Elevate your narrative with captivating visuals! The theme provides a dedicated space to showcase images of your completed projects, offering a visual testament to your expertise and the successful outcomes of your roofing solutions.</p><p><strong>5. Contact Forms for Seamless Communication:</strong></p><p>  - Foster easy communication with your clients through integrated forms, allowing them to share requirements or get in touch via mobile. Social media icons are seamlessly embedded, directing clients to your social platforms for further engagement.</p><p><strong>6. Credibility Boost with Certifications and Awards:</strong></p><p>  - Project your expertise and accolades confidently. Display certifications, awards, ratings, and essential documents that bolster customer confidence. Demonstrate your commitment to excellence and professionalism.</p><p><strong>7. WooCommerce Compatibility for Online Transactions:</strong></p><p>  - Seamlessly transition into the e-commerce landscape with WooCommerce compatibility. Confirm orders and accept payments online, providing a convenient and secure platform for your clients.</p><p><strong>Why Opt for Roafcare Theme?</strong></p><p>- <strong>Holistic Representation </strong>: This theme accommodates every facet of your business – from workmanship and customer-centric approaches to on-site capabilities and beyond.</p><p>- <strong>Visual Storytelling : </strong>Leverage the power of visuals to convey the quality of your projects. Let your work speak for itself through a visually captivating portfolio.</p><p>- <strong>Customer Engagement : </strong>Encourage interaction with easy-to-use forms and integrated social media links, creating a bridge between your roofing business and your clients.</p><p>Seize the opportunity to redefine your online presence. Our Roafcare Theme isn't just a template; it's a comprehensive tool designed to propel your roofing business to new heights.</p><p>Unlock the potential – install Roafcare Theme now and watch your digital presence soar!</p><p>Feel free to customize this content further based on specific features or aspects you want to highlight for the Roafcare Theme.</p><h2><strong>Use Plugins : </strong></h2><p>Code4rest-Pro (Premium Extra Header Addons) ( Free )</p><p>Unlimited-For-Elementor-Premium ( Free )</p><p>Slider Revolution ( Free )</p><h2><strong>Theme Features : </strong></h2><p>Drag &amp; Drop Header</p><p>Drag &amp; Drop Footer</p><p>Sticky Nav</p><p>Unlimited Colors &amp; Styles</p><p>Google Web Fonts, System</p><p>Google Map Integrated</p><p>Unique Design</p><p>Clean Code</p><p>Fully Customizable</p><p>Fully Responsive Layout</p><p>Clean &amp; Modern Design</p><p>Excellent Customer Support</p><p><strong><em>Use this code For Demo Import Problem in PHP .htaccess file on the hosting Server :</em></strong></p><p>php_value upload_max_filesize 600M</p><p>php_value post_max_size 600M</p><p>php_value memory_limit 256M</p><p>php_value max_execution_time 300</p><p>php_value max_input_time 300</p>","templateFullTitle":"Roafcare - Roofing Company Responsive WordPress Elementor Theme","templatePreviewMetaDescription":"Elevate Your Roofing Business with Our Exclusive Roafcare Theme!Embark on a transformative journey into the digital realm with our Roafcare Theme, meticulously","templateDemoMetaDescription":"Prior to buying it, get the feel and look of the top notch Roafcare - Roofing Company Responsive WordPress Elementor Theme WordPress Theme (#390475) by enjoying the live preview. Go through the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Roafcare - Roofing Company Responsive WordPress Elementor Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/roafcare-roofing-company-responsive-wordpress-elementor-theme-390475.html","userRating":0,"designIndex":1,"authorUserId":"78163290","exclusive":"1","state":1,"price":39,"inserted_date":"2024-02-01","sent":0,"downloads":2,"search_words":"roofing repair engineering renovation roof industry roofers siding roof repair roofing company roofing service remodeling contractor building business company construction corporate ecology industrial","is_adult":0,"exc_price":2100,"sent_date":"2024-02-01 11:58:06","last_upload":"2024-10-18 10:51:45","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"390475-2-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":390475,"width":1600,"window_params":"","banner_url":"","id":3379089,"href":"","height":1000},{"scr_type_id":311,"filename":"390475-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":390475,"width":1600,"window_params":"","banner_url":"","id":3379090,"href":"","height":1000},{"scr_type_id":312,"filename":"390475-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":390475,"width":370,"window_params":"","banner_url":"","id":3379091,"href":"","height":370},{"scr_type_id":9,"filename":"390475-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":390475,"width":145,"window_params":"","banner_url":"","id":3379092,"href":"","height":156},{"scr_type_id":57,"filename":"390475-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":390475,"width":430,"window_params":"","banner_url":"","id":3379093,"href":"","height":269}],"demoUrl":"/demo/390475.html","image":"https://s.tmimgcdn.com/scr/390400/roafcare-roofing-company-responsive-wordpress-elementor-theme_390475-2-original.jpg","searchHash":"7ff753af109c538e6edf3b27407ab32b","previewHash":"59e67b61ac99140dae7108fae4aca8af","authorNickname":"Code4rest","lowLevelTopic":"Solar Energy Templates; Construction Company Templates; Roofing Company Templates; Welding Templates","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":31,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Responsive","Pro","Admin Panel","Mobile Layout Included","Multipurpose","Team Members","Dropdown Menu","Google map","Tabs","Advanced Theme Options","Drag and Drop Content","Blog","Gallery","Portfolio","Forum","Parallax","Website Builder","One click installation"],"styles":["Clean","Minimalist","Flat"],"isLastAdded":"1","topic":["Architecture","Solar Energy Templates","Construction Company Templates","Roofing Company Templates","Welding Templates","Maintenance Services Templates","Design","Design & Photography","Business & Services","Home & Family"],"isFree":"none","color":["black","white","grey"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","compatibleWith":["Revolution Slider","MailChimp"],"marketplaceMembership":"One","imagesIncluded":"No","tags":["building","business","company","construction","contractor","corporate","ecology","engineering","industrial","industry","remodeling","renovation","repair","roof","roofers","roofing","siding","roof repair","roofing company","roofing service"],"wordPressBuilder":"Elementor Website Builder","wordpressCompatibility":["5.4.x","5.5.x","5.6.x","5.7.x","5.8.x","5.9.x","6.0.x","6.1.x","6.2.x","6.3.x","6.4.x"],"paidSupport":"Yes","wordpressComCompatibility":"Not Compatible","webServerCompatibility":"Apache 2.4","pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7"],"designSoftware":"Figma","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorUserId":"78163290","excerpt":"<p>Embark on a transformative journey into the digital realm with our Roafcare Theme, meticulously crafted to meet the diverse needs of roofing contractors, suppliers, and manufacturers.</p>","nameOfTheTemplate":"Roafcare - Roofing Company Responsive WordPress Elementor Theme","shortDescription":"<p>Elevate Your Roofing Business with Our Exclusive Roafcare Theme!</p><p>Embark on a transformative journey into the digital realm with our Roafcare Theme, meticulously crafted to meet the diverse needs of roofing contractors, suppliers, and manufacturers. Whether you specialize in commercial roofing, residential services, or the distribution of top-tier roofing materials, this theme is your virtual ally in establishing a robust online presence.</p><h3><strong>Key Features:</strong></h3><p><strong>1. Comprehensive Service Showcase:</strong></p><p>  - Seamlessly exhibit your range of services, from commercial and residential roofing to the manufacturing and supply of top-quality roofing materials. The layout is designed to elegantly present your portfolio of completed projects, highlighting the excellence of your craftsmanship.</p><p><strong>2. Client Testimonials for Credibility:</strong></p><p>  - Build trust through client testimonials showcased on a dedicated page. Let the positive experiences of your satisfied clients speak volumes about the quality of your work, your team, and the overall customer-centric approach that sets your roofing solutions apart.</p><p><strong>3. Detailed Information on Services:</strong></p><p>  - Dive into the specifics! Whether it's rust-proof roof installations, routine maintenance, or emergency repairs, the theme allows you to communicate comprehensive information, positioning your company as the go-to roofing solution provider.</p><p><strong>4. Visual Showcase of Projects:</strong></p><p>  - Elevate your narrative with captivating visuals! The theme provides a dedicated space to showcase images of your completed projects, offering a visual testament to your expertise and the successful outcomes of your roofing solutions.</p><p><strong>5. Contact Forms for Seamless Communication:</strong></p><p>  - Foster easy communication with your clients through integrated forms, allowing them to share requirements or get in touch via mobile. Social media icons are seamlessly embedded, directing clients to your social platforms for further engagement.</p><p><strong>6. Credibility Boost with Certifications and Awards:</strong></p><p>  - Project your expertise and accolades confidently. Display certifications, awards, ratings, and essential documents that bolster customer confidence. Demonstrate your commitment to excellence and professionalism.</p><p><strong>7. WooCommerce Compatibility for Online Transactions:</strong></p><p>  - Seamlessly transition into the e-commerce landscape with WooCommerce compatibility. Confirm orders and accept payments online, providing a convenient and secure platform for your clients.</p><p><strong>Why Opt for Roafcare Theme?</strong></p><p>- <strong>Holistic Representation </strong>: This theme accommodates every facet of your business – from workmanship and customer-centric approaches to on-site capabilities and beyond.</p><p>- <strong>Visual Storytelling : </strong>Leverage the power of visuals to convey the quality of your projects. Let your work speak for itself through a visually captivating portfolio.</p><p>- <strong>Customer Engagement : </strong>Encourage interaction with easy-to-use forms and integrated social media links, creating a bridge between your roofing business and your clients.</p><p>Seize the opportunity to redefine your online presence. Our Roafcare Theme isn't just a template; it's a comprehensive tool designed to propel your roofing business to new heights.</p><p>Unlock the potential – install Roafcare Theme now and watch your digital presence soar!</p><p>Feel free to customize this content further based on specific features or aspects you want to highlight for the Roafcare Theme.</p><h2><strong>Use Plugins : </strong></h2><p>Code4rest-Pro (Premium Extra Header Addons) ( Free )</p><p>Unlimited-For-Elementor-Premium ( Free )</p><p>Slider Revolution ( Free )</p><h2><strong>Theme Features : </strong></h2><p>Drag &amp; Drop Header</p><p>Drag &amp; Drop Footer</p><p>Sticky Nav</p><p>Unlimited Colors &amp; Styles</p><p>Google Web Fonts, System</p><p>Google Map Integrated</p><p>Unique Design</p><p>Clean Code</p><p>Fully Customizable</p><p>Fully Responsive Layout</p><p>Clean &amp; Modern Design</p><p>Excellent Customer Support</p><p><strong><em>Use this code For Demo Import Problem in PHP .htaccess file on the hosting Server :</em></strong></p><p>php_value upload_max_filesize 600M</p><p>php_value post_max_size 600M</p><p>php_value memory_limit 256M</p><p>php_value max_execution_time 300</p><p>php_value max_input_time 300</p>","uniqueKeywords":"roofing,repair,engineering,renovation,roof,industry,roofers,siding,roof repair,roofing company,roofing service,remodeling,contractor,building,business,company,construction,corporate,ecology,industrial","advImage":"https://s3u.tmimgcdn.com/u78163290/6e68483fe1db05b3d140d2b7e04240fc.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78163290/57bdffc05e7cb244cc7661d208ab15c1.jpg","livePreviewURL":"https://cms.code4rest.com/wp63/","metaDescription":"Elevate Your Roofing Business with Our Exclusive Roafcare Theme!Embark on a transformative journey into the digital realm with our Roafcare Theme, meticulously","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Prior to buying it, get the feel and look of the top notch Roafcare - Roofing Company Responsive WordPress Elementor Theme WordPress Theme (#390475) by enjoying the live preview. Go through the pages, check out the images, press the buttons, explore the functionality.","customUrl":"/wordpress-themes/roafcare-roofing-company-responsive-wordpress-elementor-theme-390475.html","productSize":"54682912","trendiness":"1","changeLog":"March 19, 2024\n\nUpdated Plugins\nDesign Updated \nBug Fixed And responsive Fixed\n\nOctober 03, 2024\n- Code improve And Plugins Updated \n- Design Updated\n- Bug Fixed And responsive Fixed","changeLogDate":"2024-11-27","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","authorMainScreenshotVersion":"2","freeTemplatesOffers":"install"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 06 Feb 2025 15:17:26 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=390475&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=390475&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=390475&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 06 Feb 2025 15:22:26 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://cms.code4rest.com/wp63/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#390475 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/390475.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 #390475            </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=390475&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $36                <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>