string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=59091&expand=properties"
string(17192) "[{"templateId":59091,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":114,"categoryName":"Beauty Salon Templates","templateTitle":"Beauty Salon Responsive Website Template","templatePreviewHtmlTitle":"Tattoo Salon - Beauty Responsive HTML Website Template","templateDemoHtmlTitle":"Demo Preview for Tattoo Salon - Beauty Responsive HTML Website Template #59091","typeShortName":"Website","templatePreviewFBTitle":"<h2>Creative Tattoo Studio Website Template</h2><p>Tattoo studio website template can be of great help in creating a modern website for your tattoo business. it is widely known that without a proper website no business is successful. A properly designed website allows you to attract new clients more efficiently. Website templates allow saving money on web development as well. They are affordable and easy to manage. These and other factors make HTML templates a perfect choice for any website.</p><p>To help you establish a website that attracts attention, we have developed the Tattoo Studio website template. It has a stunning dark design and is fully responsive. Initially designed for tattoo studios, this template offers great possibilities for beauty salons as well. Moreover, it is highly reliable and stable thanks to the efforts of our team. It has everything you would expect from a template developed by web design industry experts.</p><h3>A Wide Variety of Powerful Features</h3><p>This tattoo studio website template contains over 40 ready-made HTML pages. It is well-developed and structured to simplify the customization of the template. Its code is W3C valid and SEO-friendly allowing your website to rank higher in web search results. To simplify the navigation we have also included megafooter and stick-to-top menu. Besides, Tattoo Studio provides you with:</p><ol><li>Rich UI Kit;</li><li>Slider and Appointment Manager;</li><li>5 Various Blog Layouts;</li><li>eCommerce Page Template;</li><li>Various Gallery Types.</li></ol><p>Rich UI kit allows you to customize your website how you want. It means that you can replace or modify any section of the Tattoo Studio website template to adapt it to your website. Use various CSS3 transitions supplied with the template to make it look even more spectacular. And with a well thought out appointment manager, your website visitors will be able to easily make appointments.</p><h2>Pre-designed Layouts and 24/7 Premium Support</h2><p>To inform your clients about the latest news, we have included various blog layouts. Moreover, you can display all your works with the help of different gallery layouts. it is especially useful for independent tattoo artists. Our website template also has built-in eCommerce features. They allow you to sell any kind of tattoo products without installing any other eCommerce tools.</p><p>Tattoo Studio website template also includes detailed documentation. It's written in an easy-to-read manner to provide you with information about the template's configuration. However, if you need a consultation about this template, feel free to contact our 24/7 support. Our team will be happy to assist you in installing, customizing or configuring this template.</p>","templateFullTitle":"Tattoo Salon - Beauty Responsive HTML Website Template","templatePreviewMetaDescription":"Creative Tattoo Studio Website TemplateTattoo studio website template can be of great help in creating a modern website for your tattoo business. it is widely","templateDemoMetaDescription":null,"specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Tattoo Salon - Beauty Responsive HTML Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/tattoo-salon-responsive-website-template-59091.html","userRating":"4.5","designIndex":"90","authorUserId":"1519369","exclusive":"1","state":1,"price":39,"inserted_date":"2016-08-23","sent":1,"downloads":86,"search_words":"consulting design professinal tattoo studio piercing studio tattoo artist tattoo master tatoo salon tatooist tatoos artist pierce piercing tattooing pretty master ink body sleeve shop skull","is_adult":0,"exc_price":4500,"sent_date":"2020-07-16 11:02:45","last_upload":"2020-11-19 10:20:39","package_id":258,"hasExclusivePrice":1,"screenshots":[{"id":1662920,"templ_id":59091,"filename":"59091-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":1662921,"templ_id":59091,"filename":"59091-origin.jpg","width":1903,"height":5785,"href":"","window_params":"","scr_type_id":314,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1662922,"templ_id":59091,"filename":"59091-wt.html","width":430,"height":60,"href":"","window_params":"","scr_type_id":212,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1662923,"templ_id":59091,"filename":"59091-b-responsive.jpg","width":430,"height":1382,"href":"","window_params":"","scr_type_id":297,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1662924,"templ_id":59091,"filename":"59091-responsive-layout.jpg","width":895,"height":599,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1662925,"templ_id":59091,"filename":"59091-smart1-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":299,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1662926,"templ_id":59091,"filename":"59091-smart2-responsive.jpg","width":320,"height":900,"href":"","window_params":"","scr_type_id":300,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1662927,"templ_id":59091,"filename":"59091-tablet-responsive.jpg","width":430,"height":900,"href":"","window_params":"","scr_type_id":298,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1662928,"templ_id":59091,"filename":"59091-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":1662929,"templ_id":59091,"filename":"59091-3-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1662930,"templ_id":59091,"filename":"59091-original-1200.jpg","width":1800,"height":5785,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1662931,"templ_id":59091,"filename":"59091-big.jpg","width":965,"height":3101,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1662932,"templ_id":59091,"filename":"59091-banner.jpg","width":408,"height":55,"href":"","window_params":"","scr_type_id":3,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1662933,"templ_id":59091,"filename":"59091-origin-1200.jpg","width":1800,"height":5785,"href":"","window_params":"","scr_type_id":315,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1662934,"templ_id":59091,"filename":"59091-rs.jpg","width":970,"height":280,"href":"","window_params":"","scr_type_id":78,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":1}],"demoUrl":"/demo/59091.html","image":"https://s.tmimgcdn.com/scr/59000/tattoo-salon-beauty-responsive-html-website-template_59091-3-original.jpg","searchHash":"d352b5155a547181eff5423a48db1da8","previewHash":"5382c7b6622fe4370d7e8914e70da21d","authorNickname":"ZEMEZ","lowLevelTopic":"Art Gallery Templates; Art Studio Templates; Beauty Salon Templates; Tattoo Salon Templates; Model Agency Templates; Model Portfolio Templates; Accessories; Men's Fashion; Women's Fashion; Makeup Artist","weightedRating":4.304347826086956,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":39,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Multipurpose","Sliced PSD","Dropdown Menu","Google map","Tabs","Blog","Gallery","Portfolio","HTML 5","JQuery","HTML plus JS"],"styles":["Neutral","Flat"],"languageSupport":"English","galleryScript":["Accordion","Carousel","CSS and JS","Isotope","Grid"],"webForms":["Contact Form","Newsletter Subscription","Search Form"],"badge":"badge-responsive","templateSources":[".PSD",".HTML"],"topic":["Art Templates","Art Gallery Templates","Art Studio Templates","Beauty Salon Templates","Tattoo Salon Templates","Model Agency Templates","Model Portfolio Templates","Beauty Templates","Fashion Templates","Art & Culture","Fashion & Beauty","Accessories","Men's Fashion","Women's Fashion","Salon","Makeup Artist"],"documentationVersion":"v1.1","isFree":"none","popularity":"Top Rated","dateRange":"Last 6 Months","nomotopress":"1","color":["black","white"],"livePreviewURL":"https://livedemo00.template-help.com/wt_59091/","width":"1920px","imageDescription":"https://s.tmimgcdn.com/scr/59000/59091-responsive-layout.jpg","imageKeyFeatures":"https://s.tmimgcdn.com/scr/59000/59091-en_01.jpg, https://s.tmimgcdn.com/scr/59000/59091-en_02.jpg, https://s.tmimgcdn.com/scr/59000/59091-en_03.jpg, https://s.tmimgcdn.com/scr/59000/59091-en_04.jpg, https://s.tmimgcdn.com/scr/59000/59091-en_05.jpg, https://s.tmimgcdn.com/scr/59000/59091-en_06.jpg, https://s.tmimgcdn.com/scr/59000/59091-en_07.jpg, https://s.tmimgcdn.com/scr/59000/59091-en_08.jpg, https://s.tmimgcdn.com/scr/59000/59091-en_09.jpg, https://s.tmimgcdn.com/scr/59000/59091-en_10.jpg, https://s.tmimgcdn.com/scr/59000/59091-en_11.jpg, https://s.tmimgcdn.com/scr/59000/59091-en_12.jpg, https://s.tmimgcdn.com/scr/59000/59091-en_13.jpg, https://s.tmimgcdn.com/scr/59000/59091-en_14.jpg, https://s.tmimgcdn.com/scr/59000/59091-en_15.jpg, https://s.tmimgcdn.com/scr/59000/59091-en_16.jpg, https://s.tmimgcdn.com/scr/59000/59091-en_17.jpg","uniqueKeywords":"consulting,design,professinal,tattoo studio,piercing studio,tattoo artist,tattoo master,tatoo salon,tatooist,tatoos,artist,pierce,piercing,tattooing,pretty,master,ink,body,sleeve,shop skull","bitLyUrl":"http://bit.ly/2bhy9d1","shortDescription":"<h2>Creative Tattoo Studio Website Template</h2><p>Tattoo studio website template can be of great help in creating a modern website for your tattoo business. it is widely known that without a proper website no business is successful. A properly designed website allows you to attract new clients more efficiently. Website templates allow saving money on web development as well. They are affordable and easy to manage. These and other factors make HTML templates a perfect choice for any website.</p><p>To help you establish a website that attracts attention, we have developed the Tattoo Studio website template. It has a stunning dark design and is fully responsive. Initially designed for tattoo studios, this template offers great possibilities for beauty salons as well. Moreover, it is highly reliable and stable thanks to the efforts of our team. It has everything you would expect from a template developed by web design industry experts.</p><h3>A Wide Variety of Powerful Features</h3><p>This tattoo studio website template contains over 40 ready-made HTML pages. It is well-developed and structured to simplify the customization of the template. Its code is W3C valid and SEO-friendly allowing your website to rank higher in web search results. To simplify the navigation we have also included megafooter and stick-to-top menu. Besides, Tattoo Studio provides you with:</p><ol><li>Rich UI Kit;</li><li>Slider and Appointment Manager;</li><li>5 Various Blog Layouts;</li><li>eCommerce Page Template;</li><li>Various Gallery Types.</li></ol><p>Rich UI kit allows you to customize your website how you want. It means that you can replace or modify any section of the Tattoo Studio website template to adapt it to your website. Use various CSS3 transitions supplied with the template to make it look even more spectacular. And with a well thought out appointment manager, your website visitors will be able to easily make appointments.</p><h2>Pre-designed Layouts and 24/7 Premium Support</h2><p>To inform your clients about the latest news, we have included various blog layouts. Moreover, you can display all your works with the help of different gallery layouts. it is especially useful for independent tattoo artists. Our website template also has built-in eCommerce features. They allow you to sell any kind of tattoo products without installing any other eCommerce tools.</p><p>Tattoo Studio website template also includes detailed documentation. It's written in an easy-to-read manner to provide you with information about the template's configuration. However, if you need a consultation about this template, feel free to contact our 24/7 support. Our team will be happy to assist you in installing, customizing or configuring this template.</p>","kindOfShops":"Corporate website, event planner website, blog website.","metaDescription":"Creative Tattoo Studio Website TemplateTattoo studio website template can be of great help in creating a modern website for your tattoo business. it is widely","reviewsTotal":"13","reviewAverageScore":"4.5","reviewsTotalEs":"1","reviewAverageScoreEs":"4","showVariantForcibly":"b","exclusive":"1","authorUserId":"1519369","dynamicChangeLog":"<ul><li>- CSS optimized for better performance</li><li>- 3 minor font issues fixed</li><li>- 2 minor front-end bugs fixed</li><li>- 3 minor layout bugs fixed</li><li>- 2 minor styles bugs fixed</li></ul>","lastmod":"2022-01-26T10:58:57-05:00","sqi":"95","templateSupportOptions":"[]","dqi":"90","skupromo":"40%","alreadyPacked":"1","marketplaceMembership":"One","customUrl":"/website-templates/tattoo-salon-responsive-website-template-59091.html","nameOfTheTemplate":"Tattoo Salon - Beauty Responsive HTML Website Template","changeLog":"## Tattoo Salon 1.3 (January 26, 2022):\r\n- UPD: Bootstrap to 5.0.1;\r\n- UPD: Popper.js to 2.9.2;\r\n- UPD: Jquery to 3.6.0;\r\n- UPD: Jquery Migrate to 3.3.2;\r\n- UPD: Swiper to 5.3.1;\r\n- UPD: RD Calendar to 1.2.0; \r\n- FIX: Minor bug fixes.\r\n\r\n\r\n\r\n## Tattoo Salon Version 1.2.1 (November 19, 2020):\r\n- UPD: SCSS optimization;\r\n- UPD: Scripts updated;\r\n- FIX: Project structure;\r\n- FIX: Minor bug fixes.\r\n\r\n\r\n\r\n## Tattoo Salon Version 1.2 (October 30, 2019):\r\n- ADD: Mailchimp and Campaign Monitor forms;\r\n- ADD: Preloader Plugin;\r\n- UPD: Jade files to Pug files;\r\n- UPD: Rebuild navigation and breadcrumbs structure;\r\n- UPD: jQuery library;\r\n- UPD: jQuery Migrate plugin;\r\n- UPD: jQuery Cookie plugin;\r\n- UPD: jQuery Easing plugin;\r\n- UPD: Bootstrap 3 to Bootstrap 4.1.3;\r\n- UPD: Owl Carousel plugin;\r\n- UPD: Isotope plugin;\r\n- UPD: RD Navbar plugin;\r\n- UPD: RD Google Map changed to Google Map;\r\n- UPD: RD Mailform plugin;\r\n- UPD: Slick Slider plugin;\r\n- UPD: Page Transition plugin;\r\n- UPD: PhotoSwipe Gallery plugin changed to LightGallery plugin;\r\n- UPD: RD Material Tabs plugin changed to Bootstrap Tabs plugin;\r\n- UPD: Responsive tabs to Accordion plugin changed to Bootstrap Accordion plugin;\r\n- RMV: Obsolete plugins;\r\n- RMV: Obsolete style files;\r\n- UPD: DateCountdown has changed to AlphaCountdown;\r\n- UPD: jQueryCountTo has changed to AlphaCounter;\r\n- UPD: TimeCircles plugin has changed to AlphaProgressCircle;\r\n- FIX: RD Calendar Fixes;\r\n- UPD: Spellcheck fixes;\r\n- FIX: Markup fixes;\r\n- FIX: Minor bug fixes.\r\n\r\n\r\n\r\n## Tattoo Salon Version 1.1 (September 27, 2019):\r\n- UPD: Optimize psd files.","htmlTitle":"Tattoo studio website template","isOldDemoUrl":"1","advImage":"https://s3.tmimgcdn.com/templates/84368/scr/1519369-1605798499894_tattoo.jpg","imagesIncluded":"Yes","tags":["artist","body","consulting","design","ink","master","pierce","piercing","pretty","sleeve","tatoos","tattooing","professinal","tatooist","tattoo studio","piercing studio","tattoo artist","tattoo master","tatoo salon","shop skull"],"affiliateSells":"1","authorMainScreenshotVersion":"3","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/61037/scr/1519369-1594911152878_Tattoo%20Studio.jpg","saleSells":"1","productSize":"565383189","trendiness":"1","paidSupport":"Yes","bootstrapVersion":"5.x","changeLogDate":"2022-01-26","featured":"Ukraine","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"templateIcon":"icon-bootstrap","hELPURL":"/quick-start-guide/bootstrap-template/","notice":"Some of the forms included (like booking, registration, comment submission forms, etc.) may require extra scripts and/or database functionality.","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"types":"HTML Website Templates","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: Thu, 12 Dec 2024 02:12:07 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=59091&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=59091&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=59091&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 12 Dec 2024 02:17:07 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://livedemo00.template-help.com/wt_59091/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#59091 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/59091.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 #59091            </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=59091&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $36                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

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

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