string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=52603&expand=properties"
string(14521) "[{"templateId":52603,"typeId":17,"typeName":"WordPress theme","typeUrl":"wordpress-themes","categoryId":464,"categoryName":"Web Design Templates","templateTitle":"Web Design Responsive WordPress Theme","templatePreviewHtmlTitle":"Sandy - Web Design Website Template with Elementor Builder WordPress Theme","templateDemoHtmlTitle":"Demo Preview for Sandy - Web Design Website Template with Elementor Builder WordPress Theme #52603","typeShortName":"WordPress","templatePreviewFBTitle":"<h2>Sandy - Web Design Website Template with Elementor Builder for Web Development</h2><h3><strong>Your Neat Web Design Website Template for Web Needs</strong></h3><p>The Sandy web design website template is a classic theme that is appropriate for building an advanced website. It is a good choice for web agencies with website building and support services.</p><p>This classy web design website template contains five pre-made pages: about us, services, projects, blog, and contacts. Thanks to them, all the useful content about your web design company will be provided to clients and your web designs will be shown from the best side.</p><p>The color scheme of the Sandy web design website template is also important. Elegant lines frame the pages, and green and purple hues will bring the attention of your customers to your visual content and make them stay longer on your site.</p><p>As for widgets, the large collection of visual elements will satisfy all the most sophisticated requirements of your web company.</p><ul><li>Animated slider - add important visual content in the hero section;</li><li>Animated Box - demonstrate all privileges of your web design services;</li><li>Circle Progress - boast your achievements and show the growth of your design company;</li><li>Team Members - present your experts, add the title, position, icons with links to profiles on social networks;</li><li>Brands - hold the visitor's attention with the logo images of your best web partners;</li><li>Archives block - showcase the best past projects on your web design website using this section;</li><li>Right sidebar - spice up your site with categories, archives or recent posts information;</li><li>Subscribe form - inform your clients with the latest web design messages;</li><li>Testimonials - showcase the best reviews from your partners and customers;</li><li>Contact form - stay in touch with your users at all times.</li></ul><p>One more handy option is all images for posts can be zoomed in and out, and each specific post has diverse layouts.</p><p> In case the possibilities described above are not enough for you, you can always easily reconfigure any part of the web design website template for WordPress applying the abilities of the Elementor builder and extra options of Jet plugins.</p>","templateFullTitle":"Sandy - Web Design Website Template with Elementor Builder WordPress Theme","templatePreviewMetaDescription":"Sandy - Web Design Website Template with Elementor Builder for Web DevelopmentYour Neat Web Design Website Template for Web NeedsThe Sandy web design website","templateDemoMetaDescription":"Check out the live preview of the professional Web Design Responsive WordPress Theme (#52603) to learn what this design is before you purchase it. Click through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Sandy - Web Design Website Template with Elementor Builder WordPress Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/wordpress-themes/52603.html","userRating":"5","designIndex":"00","authorUserId":"1519369","exclusive":"1","state":1,"price":49,"inserted_date":"2015-01-05","sent":2,"downloads":365,"search_words":"technology about us page design banner best blog branding business web clear creative company profile designs agency studio service themes portfolio elementor graphic websites wordpress layout logo section premium professional","is_adult":0,"exc_price":4500,"sent_date":"2020-07-28 05:37:55","last_upload":"2015-01-05 00:00:00","package_id":238,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":265,"filename":"52603-wp3.html","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52603,"width":430,"window_params":"","banner_url":"","id":1435622,"href":"","height":60},{"scr_type_id":3,"filename":"52603-banner.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52603,"width":408,"window_params":"","banner_url":"","id":1435623,"href":"","height":55},{"scr_type_id":299,"filename":"52603-smart1-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52603,"width":430,"window_params":"","banner_url":"","id":1435624,"href":"","height":900},{"scr_type_id":78,"filename":"52603-rs.jpg","banner_open_url":"","banner_open_window_params":"","wide":1,"templ_id":52603,"width":970,"window_params":"","banner_url":"","id":1435625,"href":"","height":280},{"scr_type_id":315,"filename":"52603-origin-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52603,"width":1600,"window_params":"","banner_url":"","id":1435626,"href":"","height":4879},{"scr_type_id":312,"filename":"52603-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52603,"width":370,"window_params":"","banner_url":"","id":1435627,"href":"","height":370},{"scr_type_id":3,"filename":"52603-original-1200.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52603,"width":1600,"window_params":"","banner_url":"","id":1435628,"href":"","height":4879},{"scr_type_id":133,"filename":"52603-wp-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52603,"width":430,"window_params":"","banner_url":"","id":1435629,"href":"","height":1262},{"scr_type_id":3,"filename":"52603-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52603,"width":1663,"window_params":"","banner_url":"","id":1435630,"href":"","height":4879},{"scr_type_id":300,"filename":"52603-smart2-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52603,"width":320,"window_params":"","banner_url":"","id":1435631,"href":"","height":900},{"scr_type_id":9,"filename":"52603-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52603,"width":145,"window_params":"","banner_url":"","id":1435632,"href":"","height":156},{"scr_type_id":311,"filename":"52603-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52603,"width":965,"window_params":"","banner_url":"","id":1435633,"href":"","height":2831},{"scr_type_id":298,"filename":"52603-tablet-responsive.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52603,"width":430,"window_params":"","banner_url":"","id":1435634,"href":"","height":900},{"scr_type_id":3,"filename":"52603-responsive-layout.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52603,"width":895,"window_params":"","banner_url":"","id":1435635,"href":"","height":599},{"scr_type_id":314,"filename":"52603-origin.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52603,"width":1663,"window_params":"","banner_url":"","id":1435636,"href":"","height":4879},{"scr_type_id":334,"filename":"52603-3-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":52603,"width":1600,"window_params":"","banner_url":"","id":1637533,"href":"","height":1000}],"demoUrl":"/demo/52603.html","image":"https://s.tmimgcdn.com/scr/52600/sandy-web-design-website-template-with-elementor-builder-wordpress-theme_52603-3-original.jpg","searchHash":"b2e627ad6d705a2f9dbee649ba242498","previewHash":"cab42d4ff7078e5f8fbdb508c280e52f","authorNickname":"ZEMEZ","lowLevelTopic":"IT Templates; Web Design Templates","weightedRating":4.5405405405405,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":49,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"wordPressCustomPostTypes":["Services","Testimonials","Our Team","Portfolio"],"bestsellersindex":"1","featured":"Ukraine","productSize":"89850970","uniqueKeywords":"technology,about,us,page,design,banner,best,blog,branding,business,web,clear,creative,company,profile,designs,agency,studio,service,themes,portfolio,elementor,graphic,websites,wordpress,layout,logo,section,premium,professional","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Sandy - Web Design Website Template with Elementor Builder for Web DevelopmentYour Neat Web Design Website Template for Web NeedsThe Sandy web design website","imageKeyFeatures":"https://s.tmimgcdn.com/scr/52600/52603-2560_01.png, https://s.tmimgcdn.com/scr/52600/52603-2560_02.png, https://s.tmimgcdn.com/scr/52600/52603-2560_03.png, https://s.tmimgcdn.com/scr/52600/52603-2560_04.png, https://s.tmimgcdn.com/scr/52600/52603-2560_05.png, https://s.tmimgcdn.com/scr/52600/52603-2560_06.png, https://s.tmimgcdn.com/scr/52600/52603-2560_07.png","features":["Responsive","Admin Panel","Retina Ready","Team Members","Google map","Sample content","Advanced Theme Options","Performance Optimization","Blog","Website Builder"],"saleSells":"1","templateSources":[".PSD",".PHP","This theme is widgetized"],"languageSupport":"English","authorUserId":"1519369","isFree":"none","hELPURL":"/quick-start-guide/wordpress/","imageDescription":"https://s.tmimgcdn.com/scr/52600/52603-responsive-layout.jpg","additionalInfo":"Well Documented","exclusive":"1","wordPressBuilder":"Elementor Website Builder","lastmod":"2022-02-21T15:38:57-05:00","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"authorMainScreenshotVersion":"3","wordpressEngine":"5.4.x","compatibleWith":["WPML","MailChimp","Ecwid"],"wordpressComCompatibility":"Not Compatible","demoMetaDescription":"Check out the live preview of the professional Web Design Responsive WordPress Theme (#52603) to learn what this design is before you purchase it. Click through the pages, examine the images, press the buttons, explore the features.","shortDescription":"<h2>Sandy - Web Design Website Template with Elementor Builder for Web Development</h2><h3><strong>Your Neat Web Design Website Template for Web Needs</strong></h3><p>The Sandy web design website template is a classic theme that is appropriate for building an advanced website. It is a good choice for web agencies with website building and support services.</p><p>This classy web design website template contains five pre-made pages: about us, services, projects, blog, and contacts. Thanks to them, all the useful content about your web design company will be provided to clients and your web designs will be shown from the best side.</p><p>The color scheme of the Sandy web design website template is also important. Elegant lines frame the pages, and green and purple hues will bring the attention of your customers to your visual content and make them stay longer on your site.</p><p>As for widgets, the large collection of visual elements will satisfy all the most sophisticated requirements of your web company.</p><ul><li>Animated slider - add important visual content in the hero section;</li><li>Animated Box - demonstrate all privileges of your web design services;</li><li>Circle Progress - boast your achievements and show the growth of your design company;</li><li>Team Members - present your experts, add the title, position, icons with links to profiles on social networks;</li><li>Brands - hold the visitor's attention with the logo images of your best web partners;</li><li>Archives block - showcase the best past projects on your web design website using this section;</li><li>Right sidebar - spice up your site with categories, archives or recent posts information;</li><li>Subscribe form - inform your clients with the latest web design messages;</li><li>Testimonials - showcase the best reviews from your partners and customers;</li><li>Contact form - stay in touch with your users at all times.</li></ul><p>One more handy option is all images for posts can be zoomed in and out, and each specific post has diverse layouts.</p><p> In case the possibilities described above are not enough for you, you can always easily reconfigure any part of the web design website template for WordPress applying the abilities of the Elementor builder and extra options of Jet plugins.</p>","tags":["about","agency","banner","best","branding","business","clear","company","creative","design","designs","graphic","layout","logo","page","portfolio","premium","professional","profile","section","service","studio","technology","themes","web","wordpress","blog","elementor","websites","us"],"customUrl":"/wordpress-themes/52603.html","badge":"badge-cherry","nameOfTheTemplate":"Sandy - Web Design Website Template with Elementor Builder WordPress Theme","topic":["IT Templates","Web Design Templates","Design","Design & Photography","Business & Services"],"changeLogDate":"2020-07-28","styles":"Neutral","advImage":"https://s3u.tmimgcdn.com/u1519369/b2b2060bf697906a2f15a73eadfad671.png","wpWoo":"1","productFamily":"None","followUpLetter":"wp-themes-offers","color":["white","purple"],"reviewsTotal":"27","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"wordpressCompatibility":"5.6.x","reviewAverageScore":"5","templateSupportOptions":"[]","sqi":"95","media":["Audio Player","Video Integration"],"livePreviewURL":"https://ld-wp73.template-help.com/wordpress/prod_25569/v2/","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/64905/scr/1519369-1595921949142_Sandy.jpg","templateGroup":"Wordpress Store","popularity":"Top Rated","installation":"Installation and set up instructions are attached (look for Documentation folder).","nomotopress":"1","imagesIncluded":"Yes","galleryScript":["Accordion","Carousel","Slider","Isotope"],"dynamicChangeLog":"<ul>\n<li>- 3 HTML bugs fixed</li>\n<li>- 3 minor back-end issues fixed</li>\n</ul>","templateIcon":"icon-wordpress","types":"WordPress Themes","isOldDemoUrl":"1","trendiness":"1","bitLyUrl":"http://bit.ly/1Ke7XZs","layout":"2 columns","webForms":["Contact Form","Search Form"],"wordPressPageTemplates":["Default Page","Home Page","Testimonials","Full Width Page","FAQ","Archives","Filter Pholio Page"],"paidSupport":"Yes","skupromo":"31%","marketplaceMembership":"One","category":"Website templates","dqi":"00"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sun, 05 May 2024 10:49:51 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=52603&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=52603&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=52603&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 05 May 2024 10:54:51 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://ld-wp73.template-help.com/wordpress/prod_25569/v2/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#52603 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/52603.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 #52603            </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=52603&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $45                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

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

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