string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=100745&expand=properties"
string(15907) "[{"templateId":100745,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":134,"categoryName":"SEO Website Templates","templateTitle":"SEO Website Responsive Website Template","templatePreviewHtmlTitle":"Valeriy | Multi-Purpose Personal Website HTML Template","templateDemoHtmlTitle":"Live demo for Valeriy | Multi-Purpose Personal Website HTML Template #100745","typeShortName":"Website","templatePreviewFBTitle":"<p><strong>Valeriy | Multi-purpose personal website </strong>- is a particles is a flexible and highly responsive personal multi-purpose HTML templates created for personal, creative, corporate, business websites.</p><p>This template includes various versions of home pages, <strong>namely 13 options, also many options for internal pages for the site, high-quality functionality, beautiful animations </strong>you will find in this template!</p><p>There are also several options for the latest new blog page, <strong>6 blog pages and 3 options </strong>for one publication in one template so you can quickly get started on your site!</p><p>The purchase of \"VALERIY\" templates will allow you to download ALL future updates for free, as well as full support if you need help.</p><p><strong>Features:</strong></p><ul><li>Bem layout</li><li>Semantic HTML5</li><li>Clean code</li><li>Valid code</li><li>Fast loading speed</li><li>Full responsive</li><li>Cross Browser: Chrome, Safari, FireFox, Opera, Edge</li><li>CSS Animations</li><li>Easy customize</li><li>Google fonts</li><li>Google Maps</li><li>Vector map</li><li>Contact form</li><li>Page settings</li><li>6 options for animation loader</li><li>3 menus</li><li>4 sliders</li><li>Audio and Images</li><li>Audio and Video</li><li>Video as the first screen on the home page</li><li>3 options for the About page</li><li>6 Portfolio Page Options, and One Internal</li><li>1 options page Services, and one internal</li><li>2 page options Reviews</li><li>6 Blog Page Options and one Single page</li><li>2 options for the Contact page, one with Google maps, and the second with Vector map (There are maps for different countries)</li><li>2 options for the FAQ page</li><li>2 options for page 404 with animated numbers</li></ul><p><br /></p><p><strong>HTML Templates:</strong></p><ul><li>01. 404</li><li>02. 404-2</li><li>03. blog-1</li><li>04. blog-2</li><li>05. blog-3</li><li>06. blog-4</li><li>07. blog-5</li><li>08. blog-6</li><li>09. blog-demo</li><li>10. loader-1</li><li>11. loader-2</li><li>12. loader-3</li><li>13. loader-4</li><li>14. loader-5</li><li>15. loader-6</li><li>16. page-about</li><li>17. page-about-2</li><li>18. page-about-3</li><li>19. page-burger-menu-1</li><li>20. page-burger-menu-2</li><li>21. page-contact</li><li>22. page-contact-vector-map</li><li>23. page-faq</li><li>24. page-faq-2</li><li>25. page-home</li><li>26. page-home-2</li><li>27. page-home-audio-1</li><li>28. page-home-audio-2</li><li>29. page-home-phone-email</li><li>30. page-home-slider</li><li>31. page-home-slider-2</li><li>32. page-home-slider-3</li><li>33. page-home-slider-4</li><li>34. page-home-video-1</li><li>35. page-home-video-2</li><li>36. page-home-video-3</li><li>37. page-home-video-4</li><li>38. page-horizontal-menu</li><li>39. page-portfolio-2-column</li><li>40. page-portfolio-3-column</li><li>41. page-portfolio-4-column</li><li>42. page-portfolio-4-column-full-width</li><li>43. page-portfolio-5-column-full-width</li><li>44. page-portfolio-6-column-full-width</li><li>45. page-reviews</li><li>46. page-reviews-2</li><li>47. page-services</li><li>48. single-portfolio</li><li>49. single-post-1</li><li>50. single-post-2</li><li>51. single-post-3</li><li>52. single-services</li></ul><p><strong>Files</strong></p><ul><li>HTML</li><li>CSS</li><li>SVG</li><li>JS</li><li>PHP for Contact form</li><li>GULP + SASS(SCSS)</li><li>Help use files</li></ul><p><strong>Fonts</strong></p><ul><li>Patetica Deco</li><li>Baloo Paaji 2</li><li>Open Sans</li><li>Montserrat</li><li>Roboto</li></ul><p><strong>Images</strong></p><p>pexels.com</p><p>unsplash.com</p><p><strong>Icons</strong></p><p>iconfinder.com</p><p>flaticon.com</p><p><strong>Please note</strong></p><p>Demo images included. You may use these images used in the demo content for your own purposes (personal, commercial) only it is forbidden to sell or resell these images due to the free license from pexels.com, unsplash.com.</p>","templateFullTitle":"Valeriy | Multi-Purpose Personal Website HTML Template","templatePreviewMetaDescription":"Valeriy | Multi-purpose personal website - is a particles is a flexible and highly responsive personal multi-purpose HTML templates created for personal,","templateDemoMetaDescription":"Before buying it, get yourself acquainted with the Valeriy | Multi-Purpose Personal Website Template (#100745) by visiting the live preview. Click through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Valeriy | Multi-Purpose Personal Website HTML Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/valeriy-multi-purpose-personal-website-template-100745.html","userRating":0,"designIndex":"89","authorUserId":"1952425","exclusive":"1","state":1,"price":52,"inserted_date":"2020-04-29","sent":0,"downloads":12,"search_words":"website cv personal bootstrap portfolio video audio resume business contacts maps services photography freelancer premium exclusive stylish work gallery responsive","is_adult":0,"exc_price":2100,"sent_date":"2020-04-29 07:33:00","last_upload":"2024-03-12 10:29:28","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1932274,"templ_id":100745,"filename":"100745-original.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1932275,"templ_id":100745,"filename":"100745-big.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1932276,"templ_id":100745,"filename":"100745-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":1932277,"templ_id":100745,"filename":"100745-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":1932278,"templ_id":100745,"filename":"100745-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/100745.html","image":"https://s.tmimgcdn.com/scr/100700/valeriy--multi-purpose-personal-website-html-template_100745-original.png","searchHash":"9f51cbedaaefcf55ed9b8754833079fa","previewHash":"ce85386423df6506665afcc20577a6e5","authorNickname":"LT","lowLevelTopic":"Photography Templates; SEO Website Templates; IT Templates; Life Coach Templates; Web Development Templates; Web Design Templates; Personal Page Templates; Business Audit","weightedRating":0,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":50,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Premium","Responsive","Bootstrap","Retina Ready","Mobile Layout Included","CV","Multipurpose","Single Product","Dropdown Menu","Google map","Sample content","Tabs","Blog","Gallery","Portfolio","HTML 5","JQuery","HTML plus JS","Static","Parallax","Background video"],"styles":["Clean","Corporate","Minimalist","Vector","Mobile"],"galleryScript":["Accordion","Carousel","CSS and JS","Slider"],"webForms":["Contact Form","Newsletter Subscription","Search Form"],"topic":["Photography Templates","SEO Website Templates","IT Templates","Life Coach Templates","Web Development Templates","Software Templates","Web Design Templates","Personal Page Templates","Design","Design & Photography","Business & Services","Computers & Internet","Society & People","Business Audit"],"isFree":"none","color":["black","white","grey","cyan"],"showVariantForcibly":"b","exclusive":"1","bootstrapVersion":"4.0.x","alreadyPacked":"1","marketplaceMembership":"One","excludeExclusive":"Yes","authorUserId":"1952425","nameOfTheTemplate":"Valeriy | Multi-Purpose Personal Website HTML Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1952425-1588016974366_%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202020-04-23%20%D0%B2%2013.32.17.png, https://s3u.tmimgcdn.com/1952425-1588016993204_%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202020-04-23%20%D0%B2%2013.14.01.png, https://s3u.tmimgcdn.com/1952425-1588017001466_%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202020-04-23%20%D0%B2%2013.16.31.png, https://s3u.tmimgcdn.com/1952425-1588017010421_Reviews%20ver.%2001.png, https://s3u.tmimgcdn.com/1952425-1588017020085_404%20ver%2001%20%28with%20animation%29.png","shortDescription":"<p><strong>Valeriy | Multi-purpose personal website </strong>- is a particles is a flexible and highly responsive personal multi-purpose HTML templates created for personal, creative, corporate, business websites.</p><p>This template includes various versions of home pages, <strong>namely 13 options, also many options for internal pages for the site, high-quality functionality, beautiful animations </strong>you will find in this template!</p><p>There are also several options for the latest new blog page, <strong>6 blog pages and 3 options </strong>for one publication in one template so you can quickly get started on your site!</p><p>The purchase of \"VALERIY\" templates will allow you to download ALL future updates for free, as well as full support if you need help.</p><p><strong>Features:</strong></p><ul><li>Bem layout</li><li>Semantic HTML5</li><li>Clean code</li><li>Valid code</li><li>Fast loading speed</li><li>Full responsive</li><li>Cross Browser: Chrome, Safari, FireFox, Opera, Edge</li><li>CSS Animations</li><li>Easy customize</li><li>Google fonts</li><li>Google Maps</li><li>Vector map</li><li>Contact form</li><li>Page settings</li><li>6 options for animation loader</li><li>3 menus</li><li>4 sliders</li><li>Audio and Images</li><li>Audio and Video</li><li>Video as the first screen on the home page</li><li>3 options for the About page</li><li>6 Portfolio Page Options, and One Internal</li><li>1 options page Services, and one internal</li><li>2 page options Reviews</li><li>6 Blog Page Options and one Single page</li><li>2 options for the Contact page, one with Google maps, and the second with Vector map (There are maps for different countries)</li><li>2 options for the FAQ page</li><li>2 options for page 404 with animated numbers</li></ul><p><br /></p><p><strong>HTML Templates:</strong></p><ul><li>01. 404</li><li>02. 404-2</li><li>03. blog-1</li><li>04. blog-2</li><li>05. blog-3</li><li>06. blog-4</li><li>07. blog-5</li><li>08. blog-6</li><li>09. blog-demo</li><li>10. loader-1</li><li>11. loader-2</li><li>12. loader-3</li><li>13. loader-4</li><li>14. loader-5</li><li>15. loader-6</li><li>16. page-about</li><li>17. page-about-2</li><li>18. page-about-3</li><li>19. page-burger-menu-1</li><li>20. page-burger-menu-2</li><li>21. page-contact</li><li>22. page-contact-vector-map</li><li>23. page-faq</li><li>24. page-faq-2</li><li>25. page-home</li><li>26. page-home-2</li><li>27. page-home-audio-1</li><li>28. page-home-audio-2</li><li>29. page-home-phone-email</li><li>30. page-home-slider</li><li>31. page-home-slider-2</li><li>32. page-home-slider-3</li><li>33. page-home-slider-4</li><li>34. page-home-video-1</li><li>35. page-home-video-2</li><li>36. page-home-video-3</li><li>37. page-home-video-4</li><li>38. page-horizontal-menu</li><li>39. page-portfolio-2-column</li><li>40. page-portfolio-3-column</li><li>41. page-portfolio-4-column</li><li>42. page-portfolio-4-column-full-width</li><li>43. page-portfolio-5-column-full-width</li><li>44. page-portfolio-6-column-full-width</li><li>45. page-reviews</li><li>46. page-reviews-2</li><li>47. page-services</li><li>48. single-portfolio</li><li>49. single-post-1</li><li>50. single-post-2</li><li>51. single-post-3</li><li>52. single-services</li></ul><p><strong>Files</strong></p><ul><li>HTML</li><li>CSS</li><li>SVG</li><li>JS</li><li>PHP for Contact form</li><li>GULP + SASS(SCSS)</li><li>Help use files</li></ul><p><strong>Fonts</strong></p><ul><li>Patetica Deco</li><li>Baloo Paaji 2</li><li>Open Sans</li><li>Montserrat</li><li>Roboto</li></ul><p><strong>Images</strong></p><p>pexels.com</p><p>unsplash.com</p><p><strong>Icons</strong></p><p>iconfinder.com</p><p>flaticon.com</p><p><strong>Please note</strong></p><p>Demo images included. You may use these images used in the demo content for your own purposes (personal, commercial) only it is forbidden to sell or resell these images due to the free license from pexels.com, unsplash.com.</p>","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/1952425-1588016950713_01_Preview_Web%20site.png","dqi":"89","imageKeyFeatures":"https://s3u.tmimgcdn.com/1952425-1588016961334_02.Preview.png","livePreviewURL":"https://valeriy.design-lt.com/","metaDescription":"Valeriy | Multi-purpose personal website - is a particles is a flexible and highly responsive personal multi-purpose HTML templates created for personal,","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3cWwBkc","customUrl":"/website-templates/valeriy-multi-purpose-personal-website-template-100745.html","demoMetaDescription":"Before buying it, get yourself acquainted with the Valeriy | Multi-Purpose Personal Website Template (#100745) by visiting the live preview. Click through the pages, examine the images, press the buttons, explore the features.","trendiness":"1","lastmod":"2022-02-11T00:48:38-05:00","advImage":"https://s3.tmimgcdn.com/templates/58765/scr/1588673778495_01_Preview_Web%20site%20%28PROMOTIONAL%20IMAGE%29.png","htmlTitle":"Valeriy | Multi-Purpose Personal Website Template","productSize":"271468525","imagesIncluded":"Yes","tags":["audio","bootstrap","business","contacts","exclusive","freelancer","gallery","maps","personal","photography","portfolio","premium","responsive","resume","services","stylish","video","work","website","cv"],"paidSupport":"Yes","uniqueKeywords":"website,cv,personal,bootstrap,portfolio,video,audio,resume,business,contacts,maps,services,photography,freelancer,premium,exclusive,stylish,work,gallery,responsive","changeLog":"Update 2.3 (12.03.2024)\n- Fixed google map;\n- Fixed names in the top menu of dropdown;\n- Updated documentation (Help File);\n- Added content to blocks instead of placeholders.   \n\nUpdate 2.2 (23.08.2023)\n- Fixed some bugs;\n-Tested the template in the new version of WordPress 6.3\n\nUpdate 2.1\n-Fixed some bugs\n\nUpdate 2.0\n-Fixed some bugs\n- Replaced functions for processing and sending data from contact forms.\n- Updates Help File","changeLogDate":"2024-03-12","featured":"Ukraine","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Valeriy is a versatile HTML website for personal, creative, corporate, and business sites. It offers 13 home page options, animations, and 6 blog page choices.</p>","frameworks":"None","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: Sun, 12 May 2024 12:37:42 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=100745&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=100745&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=100745&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 12 May 2024 12:42:42 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://valeriy.design-lt.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#100745 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/100745.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 #100745            </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=100745&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $48                <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>