string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=70035&expand=properties"
string(14396) "[{"templateId":70035,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":104,"categoryName":"Artist Portfolio Templates","templateTitle":"Artist Portfolio Responsive Website Template","templatePreviewHtmlTitle":"Hello Resume - CV, vCard and Portfolio HTML Website Template","templateDemoHtmlTitle":"Demo Preview for Hello Resume - CV, vCard and Portfolio HTML Website Template #70035","typeShortName":"Website","templatePreviewFBTitle":"<h3>Hello Resume - CV, vCard &amp; Portfolio HTML Template</h3><p>Hello Resume - CV, vCard &amp; Portfolio HTML Template for your personal website. The advantage of this HTML is that it includes many directions. For the web designer, photographer, businessman, doctor, lawyer, architect, interior designer, painter, teacher, developer and many business fields. This HTML available in Light and Dark versions</p><p>PSD File Included in HTML Version</p><h3>Useful For :</h3><p>HTML resume Template, cv theme, vcard theme, flat cv, profile, clean cv, online cv, modern, flexible, responsive resume, timeline, calendar, freelancer, developer, programmer, one page, professional, designer, work, job, experience, skills, education, rtl, doctor, medicine, musician, artist, director, CEO, consultant, businessman, specialist, analyst, lawyer, broker, accountant, adviser, assistant, organiser, event manager, agent, driver, plumber, photographer, teacher, student, trainer, coach, athlete, sport, chef, hairdresser, barber, startup, agency, band, golfer</p><h3>Theme Features</h3><ul><li>14 Pre-built Home Pages with Light &amp; Dark Version</li><li>Web Designer (Light &amp; Dark Version)</li><li>Doctor Porto</li><li>Photographer Porto (Light &amp; Dark Version)</li><li>Lawyer Porto (Light &amp; Dark Version)</li><li>Fitness Porto (Light &amp; Dark Version)</li><li>Model Porto (Light &amp; Dark Version)</li><li>Musician Porto (Light &amp; Dark Version)</li><li>Teacher Porto</li><li>HTML5 and CSS3</li><li>Creative Resume / Portfolio HTML Template</li><li>W3C Valid HTML Code</li><li>Responsive Design</li><li>Fully Responsive with Bootstrap</li><li>Minimal and Clean Material Design</li><li>Font Awesome Integration</li><li>Light and Dark Version</li><li>Crossbrowser Compatible(Internet Explorer 8+, Firefox, Safari, Opera, Chrome etc.)</li><li>Filterable Portfolio</li><li>Well Organized Codes</li><li>Extensive Documentation</li><li>Active and Hover Options</li><li>Layered PSD files Included for Customisation – (Home Page Light &amp; Dark)</li><li>Easy to Use and Easy to Customize</li><li>SEO Optimized</li><li>Google Fonts</li><li>Bootstrap Components Compatible</li><li>100% Support</li><li>All files are well-commented and organized</li></ul><h3>Photo, Fonts, Script, &amp; Icon Credits</h3><ul><li>Google Webfonts (Free)</li><li>PhotoDune</li><li>Font Awesome</li><li>Google Webfonts</li><li>Bootstrap</li><li>Jquery</li></ul><p>Please note that images used in the live preview are not included in the package. If you have any questions please feel free to email me via my support. Thank you!</p><h3>Outro</h3><p>Once again, thank you so much for Watching this Template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this Template. No guarantees, but I'll do my best to assist. If you have a more general question relating to the Template, please feel free to email my support.</p>","templateFullTitle":"Hello Resume - CV, vCard and Portfolio HTML Website Template","templatePreviewMetaDescription":"Hello Resume - CV, vCard &amp; Portfolio HTML TemplateHello Resume - CV, vCard &amp; Portfolio HTML Template for your personal website. The advantage of this","templateDemoMetaDescription":"The demo preview of this top notch Hello Resume - CV, vCard & Portfolio HTML Template Website Template (#70035) is presented here for you to get the feel and look of the design prior to buying it. Browse through the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Hello Resume - CV, vCard and Portfolio HTML Website Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/hello-resume-cv-vcard-portfolio-html-template-website-template-70035.html","userRating":0,"designIndex":"78","authorUserId":"937902","exclusive":"1","state":1,"price":35,"inserted_date":"2018-06-20","sent":1,"downloads":6,"search_words":"bootstrap creative freelancer material wordpress modern multipurpose one-page personal cv website portfolio resume unique vcard webstrot business doctor hello designer","is_adult":0,"exc_price":2160,"sent_date":"2018-01-10 09:21:03","last_upload":"2018-06-20 00:00:00","package_id":295,"hasExclusivePrice":0,"screenshots":[{"id":1753634,"templ_id":70035,"filename":"70035-3-original.jpg","width":850,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1753635,"templ_id":70035,"filename":"70035-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1753636,"templ_id":70035,"filename":"70035-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":1753637,"templ_id":70035,"filename":"70035-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":1753638,"templ_id":70035,"filename":"70035-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/70035.html","image":"https://s.tmimgcdn.com/scr/70000/hello-resume-cv-vcard-and-portfolio-html-website-template_70035-3-original.jpg","searchHash":"dc7820ae67f6686ef0a11d38b13790bc","previewHash":"71139c500f1c064134faa0fbbef2ce21","authorNickname":"webstrot","lowLevelTopic":"Artist Portfolio Templates; Photographer Portfolio Templates; Model Portfolio Templates; Personal Page Templates; Designer Portfolio Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":25,"discountPercent":30,"discountAmount":11,"semiannualSales":0,"properties":{"features":["Responsive","Bootstrap","Retina Ready","Mobile Layout Included","Multipurpose","Light Template","Google map","Blog","Gallery","Portfolio","One Page Templates","HTML 5","JQuery","HTML plus JS"],"styles":["Clean","Corporate","Dark","Mobile","Flat","Material Design"],"galleryScript":["CSS and JS","Grid"],"webForms":["Contact Form","Search Form"],"topic":["Art Templates","Artist Portfolio Templates","Photographer Portfolio Templates","Model Portfolio Templates","Fashion Templates","Personal Page Templates","Design","Designer Portfolio Templates","Art & Culture","Design & Photography","Fashion & Beauty","Society & People"],"isFree":"none","dateRange":"Last Year","color":["black","white","grey"],"bootstrapVersion":"3.3.x","showVariantForcibly":"b","exclusive":"1","authorUserId":"937902","alreadyPacked":"1","nameOfTheTemplate":"Hello Resume - CV, vCard and Portfolio HTML Website Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u937902/7c1e43f0956e197ede810d63b9496544.jpg, https://s3u.tmimgcdn.com/u937902/1f5f1a4920e590561f2d3efacf44cf5b.jpg, https://s3u.tmimgcdn.com/u937902/354038ad7140ccf1c37ca6582464bed7.jpg, https://s3u.tmimgcdn.com/u937902/8f00983ff2ab281a10d0c89db60859d2.jpg, https://s3u.tmimgcdn.com/u937902/80363c27deee0bd2dde744e2de2f9d60.jpg, https://s3u.tmimgcdn.com/u937902/e0a6884ed883242be09bee9b170b9f9a.jpg","shortDescription":"<h3>Hello Resume - CV, vCard &amp; Portfolio HTML Template</h3><p>Hello Resume - CV, vCard &amp; Portfolio HTML Template for your personal website. The advantage of this HTML is that it includes many directions. For the web designer, photographer, businessman, doctor, lawyer, architect, interior designer, painter, teacher, developer and many business fields. This HTML available in Light and Dark versions</p><p>PSD File Included in HTML Version</p><h3>Useful For :</h3><p>HTML resume Template, cv theme, vcard theme, flat cv, profile, clean cv, online cv, modern, flexible, responsive resume, timeline, calendar, freelancer, developer, programmer, one page, professional, designer, work, job, experience, skills, education, rtl, doctor, medicine, musician, artist, director, CEO, consultant, businessman, specialist, analyst, lawyer, broker, accountant, adviser, assistant, organiser, event manager, agent, driver, plumber, photographer, teacher, student, trainer, coach, athlete, sport, chef, hairdresser, barber, startup, agency, band, golfer</p><h3>Theme Features</h3><ul><li>14 Pre-built Home Pages with Light &amp; Dark Version</li><li>Web Designer (Light &amp; Dark Version)</li><li>Doctor Porto</li><li>Photographer Porto (Light &amp; Dark Version)</li><li>Lawyer Porto (Light &amp; Dark Version)</li><li>Fitness Porto (Light &amp; Dark Version)</li><li>Model Porto (Light &amp; Dark Version)</li><li>Musician Porto (Light &amp; Dark Version)</li><li>Teacher Porto</li><li>HTML5 and CSS3</li><li>Creative Resume / Portfolio HTML Template</li><li>W3C Valid HTML Code</li><li>Responsive Design</li><li>Fully Responsive with Bootstrap</li><li>Minimal and Clean Material Design</li><li>Font Awesome Integration</li><li>Light and Dark Version</li><li>Crossbrowser Compatible(Internet Explorer 8+, Firefox, Safari, Opera, Chrome etc.)</li><li>Filterable Portfolio</li><li>Well Organized Codes</li><li>Extensive Documentation</li><li>Active and Hover Options</li><li>Layered PSD files Included for Customisation – (Home Page Light &amp; Dark)</li><li>Easy to Use and Easy to Customize</li><li>SEO Optimized</li><li>Google Fonts</li><li>Bootstrap Components Compatible</li><li>100% Support</li><li>All files are well-commented and organized</li></ul><h3>Photo, Fonts, Script, &amp; Icon Credits</h3><ul><li>Google Webfonts (Free)</li><li>PhotoDune</li><li>Font Awesome</li><li>Google Webfonts</li><li>Bootstrap</li><li>Jquery</li></ul><p>Please note that images used in the live preview are not included in the package. If you have any questions please feel free to email me via my support. Thank you!</p><h3>Outro</h3><p>Once again, thank you so much for Watching this Template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this Template. No guarantees, but I'll do my best to assist. If you have a more general question relating to the Template, please feel free to email my support.</p>","uniqueKeywords":"bootstrap,creative,freelancer,material,wordpress,modern,multipurpose,one-page,personal,cv,website,portfolio,resume,unique,vcard,webstrot,business,doctor,hello,designer","authorDownloadUrl":"https://tmuploader.s3.us-west-1.amazonaws.com/937902-1529499583124_Hello%20Resume%20-%20CV_%20vCard%20_%20Portfolio%20HTML%20Template%20by%20webstrot.zip?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJNZLEYTTESHWAE3Q%2F20180620%2Fus-west-1%2Fs3%2Faws4_request&X-Amz-Date=20180620T132117Z&X-Amz-SignedHeaders=host&X-Amz-Expires=601200&X-Amz-Signature=ba282a26817a092d1a8389cfa100ad88382c6796936abb41c23799c95de8cff1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u937902/794c5da1d34c4de68a602237e5a516c5.jpg","dqi":"78","livePreviewURL":"https://www.webstrot.com/html/tm/hello/","metaDescription":"Hello Resume - CV, vCard &amp; Portfolio HTML TemplateHello Resume - CV, vCard &amp; Portfolio HTML Template for your personal website. The advantage of this","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"http://bit.ly/2ln0aT2","customUrl":"/website-templates/hello-resume-cv-vcard-portfolio-html-template-website-template-70035.html","lastmod":"2021-07-21T08:43:51-04:00","trendiness":"1","marketplaceMembership":"One","excludeExclusive":"Yes","demoMetaDescription":"The demo preview of this top notch Hello Resume - CV, vCard & Portfolio HTML Template Website Template (#70035) is presented here for you to get the feel and look of the design prior to buying it. Browse through the pages, examine the images, click the buttons, explore the functionality.","advImage":"https://s3u.tmimgcdn.com/u937902/43c9febfb5f8c73d324fbaff793f2f95.jpg","imagesIncluded":"No","tags":["bootstrap","business","creative","designer","doctor","freelancer","hello","material","modern","multipurpose","personal","portfolio","resume","unique","wordpress","website","cv","one-page","vcard","webstrot"],"changeLogDate":"2024-04-30","htmlTitle":"Hello Resume - CV, vCard & Portfolio HTML Template","productSize":"76764330","paidSupport":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"affiliateSells":"1","authorMainScreenshotVersion":"3","changeLog":"## Version 3.0 (05 April 2024)\n\n- Date Update \n- CSS Bug Fix \n- Pages Speed Increased  \n\n---------------------------------------------\n\n## Version 2.0\n\n- Added 11 More Portfolio Templates \n- Fashion light\n- Fashion dark\n- Fitness light\n- Fitness dark\n- Lawyer light\n- Lawyer dark\n- Musician light\n- Musician dark\n- Photographer light\n- Photographer Dark\n- Teacher","imageKeyFeatures":"https://s3u.tmimgcdn.com/u937902/a88ec57162471b1dc97e907258532a64.jpg, https://s3u.tmimgcdn.com/u937902/fd7efc1191c27cd2d657496eaa6d06dc.jpg, https://s3u.tmimgcdn.com/u937902/65cedd21171bdd54c976dcd00a70461d.jpg, https://s3u.tmimgcdn.com/u937902/54154358bbfaa1f1cf374f5dae8b3353.jpg, https://s3u.tmimgcdn.com/u937902/61b3c92ba3d0f28815543445fe74112d.jpg, https://s3u.tmimgcdn.com/u937902/ffd064bf0d06fae7fb4f7bb97cafa9cc.jpg","frameworks":"None","excerpt":"<p>Hello Resume - CV, vCard &amp; Portfolio HTML Template for your personal website. The advantage of this HTML is that it includes many directions.</p>","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 23 Nov 2024 18:22:40 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=70035&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=70035&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=70035&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 23 Nov 2024 18:27:40 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://www.webstrot.com/html/tm/hello/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#70035 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/70035.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">
                Website Templates #70035            </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=70035&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $32                <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="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>