string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=348842&expand=properties"
string(14058) "[{"templateId":348842,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":414,"categoryName":"Beauty Templates","templateTitle":"Beauty Responsive Website Template","templatePreviewHtmlTitle":"Barber Portfolio Creative HTML/CSS - Incl. Bootstrap Studio v6.4.4 - Bootstrap v5x","templateDemoHtmlTitle":"Demo for Barber Portfolio Creative HTML/CSS - Incl. Bootstrap Studio v6.4.4 - Bootstrap v5x #348842","typeShortName":"Website","templatePreviewFBTitle":"<p>Welcome to our premium Barber Homepage! With our high-quality Bootstrap Studio Version 6.4.4 project file (.bsdesign), you are equipped to create an impressive hair salon website. Here are some of our outstanding features:</p><ul><li>Bootstrap v5.3.0 and Responsive Design: Our homepage is perfectly optimized for mobile devices and smartphones, ensuring your customers have a seamless experience, no matter which device they use to visit your site.</li><li>Professional Design: Our homepage is aesthetically appealing and user-friendly. The clean and sleek design exudes professionalism and elegance, while prioritizing ease of use.</li><li>Comprehensive Pages: From Home and Slider to Services, Blog, Team, and more, we offer a wide range of page layouts that you can customize to your liking.</li><li>Easy Appointment Booking: Our Appointment function allows your customers to conveniently book appointments online and select their preferred time for a barber visit.</li><li>Showcase Your Services and Offers: Utilize our Services Details and Pricing pages to showcase your services and special offers in an appealing manner.</li><li>Highlight Your Best Work: Our Gallery feature enables you to present stunning images of your hairstyles and haircuts, capturing the attention of your customers.</li><li>Customer Testimonials: Convince potential clients with testimonials from satisfied customers, showcasing that your hair salon delivers exceptional results.</li><li>Privacy and Legal Compliance: We ensure your website complies with necessary legal requirements by providing Privacy and Impressum pages.</li></ul><p>Our Barber Homepage is not only feature-rich but also easy to edit and customize. With our high-quality project file, you have full control over the design and content of your website.</p><p>Bring your hair salon to life and impress your customers with a professional and appealing website. Act now and get your very own premium Barber Homepage! We are confident that you will be completely satisfied with your purchase. Let's get started!</p><h2>This is a Bootstrap v5.3.0 web template</h2><h2>Incl. Bootstrap Studio File v6.4.4</h2><p>Infos:</p><ul><li>Bootstrap Studio v6.4.4 project file (.bsdesign).</li><li>Bootstrap v5.3.0 framework.</li><li>Responsive design optimized for mobile devices and smartphones</li><li>Clean & Simple Design</li><li>HTML5 & CSS3</li><li>Fully Responsive Design</li><li>Step By Step Well Documented</li></ul><p>Key Sections and Pages:</p><ul><li>Slider Carousel</li><li>About me</li><li>Service</li><li>Service Details</li><li>Counter</li><li>Portfolio</li><li>Pricing Plan</li><li>Latest Galleries</li><li>Top Offers</li><li>Testimonials</li><li>Blog</li><li>Blog Details</li><li>Team</li><li>Team Details</li><li>Appointment Booking</li><li>Clients</li><li>Contact</li><li>Privacy Policy</li><li>Imprint</li><li>Cookies Notice</li><li>Back to top</li><li>Preloader</li><li>And much more…</li></ul><p>Important Note: If you encounter any installation or customization issues after purchasing our product, please don't hesitate to contact us via email. We are committed to providing you with the best possible support and assistance. :)</p><p>The entire project can be easily modified and customized using Bootstrap Studio.</p><p>Bootstrap is a powerful front-end framework designed for building websites and web applications.</p><p>By utilizing Bootstrap, your website will automatically adjust its content to fit any screen size, ensuring optimal performance for both search engine optimization and user experience.</p><p>Please note that the images used in the demo are for illustrative purposes only and are not included in the downloadable file.</p>","templateFullTitle":"Barber Portfolio Creative HTML/CSS - Incl. Bootstrap Studio v6.4.4 - Bootstrap v5x","templatePreviewMetaDescription":"Welcome to our premium Barber Homepage! With our high-quality Bootstrap Studio Version 6.4.4 project file (.bsdesign), you are equipped to create an impressive","templateDemoMetaDescription":"Try out the demo of the top quality Barber Portfolio Creative HTML/CSS - Incl. Bootstrap Studio v6.4.4 - Bootstrap v5x Website Template (#348842) get yourself acquainted with this theme before you decide to buy it. Click through the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Barber Portfolio Creative HTML/CSS - Incl. Bootstrap Studio v6.4.4 - Bootstrap v5x","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/barber-portfolio-creative-html-css-incl-bootstrap-studio-v6-4-4-bootstrap-v5x-348842.html","userRating":0,"designIndex":1,"authorUserId":"2180526","exclusive":"1","state":1,"price":69,"inserted_date":"2023-08-03","sent":0,"downloads":0,"search_words":"barber portfolio creative homepage theme responsive templates websites html css bootstrap 5x bootstrap studio cookies notice contact form","is_adult":0,"exc_price":2100,"sent_date":"2023-08-03 11:36:47","last_upload":"2023-08-03 11:36:52","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"348842-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":348842,"width":1600,"window_params":"","banner_url":"","id":3170959,"href":"","height":1000},{"scr_type_id":311,"filename":"348842-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":348842,"width":1600,"window_params":"","banner_url":"","id":3170960,"href":"","height":1000},{"scr_type_id":312,"filename":"348842-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":348842,"width":370,"window_params":"","banner_url":"","id":3170961,"href":"","height":370},{"scr_type_id":9,"filename":"348842-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":348842,"width":145,"window_params":"","banner_url":"","id":3170962,"href":"","height":156},{"scr_type_id":57,"filename":"348842-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":348842,"width":430,"window_params":"","banner_url":"","id":3170963,"href":"","height":269}],"demoUrl":"/demo/348842.html","image":"https://s.tmimgcdn.com/scr/348800/barber-portfolio-creative-htmlcss-incl-bootstrap-studio-v644-bootstrap-v5x_348842-original.jpg","searchHash":"76a0240f6ab33dddf4f9e21c5fddbb12","previewHash":"d3a8bb0b5915fd465eeddc69297bfa02","authorNickname":"samthemes","lowLevelTopic":"Fashion Templates; Salon; Makeup Artist","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":0,"onSale":0,"finalPrice":69,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","brown"],"followUpLetter":"website-template-offers","frameworks":"None","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"productSize":"9600127","uniqueKeywords":"barber,portfolio,creative,homepage,theme,responsive,templates,websites,html,css,bootstrap 5x,bootstrap studio,cookies notice,contact form","templateSupportOptions":"[]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Welcome to our premium Barber Homepage! With our high-quality Bootstrap Studio Version 6.4.4 project file (.bsdesign), you are equipped to create an impressive","isLastAdded":"1","bootstrapVersion":"5.x","imageKeyFeatures":"https://s3u.tmimgcdn.com/u2180526/294d3106ce4ab53adfec7a7a68a3dca9.jpg","features":["Blog","Bootstrap","Dropdown Menu","Gallery","Google map","HTML 5","HTML plus JS","JQuery","Portfolio","Responsive","Tabs","Team Members"],"saleSells":"1","livePreviewURL":"https://templatemonster.anwahl.de/barber/","authorUserId":"2180526","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2180526/9c5e2a5ad9c2c45707f6fe0ec92345b4.jpg","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","popularity":"Zero Downloads","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","webServerCompatibility":"Apache 2.4","templateIcon":"icon-monster_dark","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u2180526/d7ea53875351238161b6e4030b11fb7f.jpg, https://s3u.tmimgcdn.com/u2180526/20d0c2f11d355db45071ebb41669ac97.jpg, https://s3u.tmimgcdn.com/u2180526/74836cfa823586a266d76eceff3c3b58.jpg, https://s3u.tmimgcdn.com/u2180526/4df056a40b04ebee35189de4989b4cc6.jpg, https://s3u.tmimgcdn.com/u2180526/529c6970cd0371459c5b63a078a8e613.jpg, https://s3u.tmimgcdn.com/u2180526/4c481adc87db07764807751541f37863.jpg","types":"HTML Website Templates","trendiness":"8","demoMetaDescription":"Try out the demo of the top quality Barber Portfolio Creative HTML/CSS - Incl. Bootstrap Studio v6.4.4 - Bootstrap v5x Website Template (#348842) get yourself acquainted with this theme before you decide to buy it. Click through the pages, examine the images, click the buttons, explore the functionality.","shortDescription":"<p>Welcome to our premium Barber Homepage! With our high-quality Bootstrap Studio Version 6.4.4 project file (.bsdesign), you are equipped to create an impressive hair salon website. Here are some of our outstanding features:</p><ul><li>Bootstrap v5.3.0 and Responsive Design: Our homepage is perfectly optimized for mobile devices and smartphones, ensuring your customers have a seamless experience, no matter which device they use to visit your site.</li><li>Professional Design: Our homepage is aesthetically appealing and user-friendly. The clean and sleek design exudes professionalism and elegance, while prioritizing ease of use.</li><li>Comprehensive Pages: From Home and Slider to Services, Blog, Team, and more, we offer a wide range of page layouts that you can customize to your liking.</li><li>Easy Appointment Booking: Our Appointment function allows your customers to conveniently book appointments online and select their preferred time for a barber visit.</li><li>Showcase Your Services and Offers: Utilize our Services Details and Pricing pages to showcase your services and special offers in an appealing manner.</li><li>Highlight Your Best Work: Our Gallery feature enables you to present stunning images of your hairstyles and haircuts, capturing the attention of your customers.</li><li>Customer Testimonials: Convince potential clients with testimonials from satisfied customers, showcasing that your hair salon delivers exceptional results.</li><li>Privacy and Legal Compliance: We ensure your website complies with necessary legal requirements by providing Privacy and Impressum pages.</li></ul><p>Our Barber Homepage is not only feature-rich but also easy to edit and customize. With our high-quality project file, you have full control over the design and content of your website.</p><p>Bring your hair salon to life and impress your customers with a professional and appealing website. Act now and get your very own premium Barber Homepage! We are confident that you will be completely satisfied with your purchase. Let's get started!</p><h2>This is a Bootstrap v5.3.0 web template</h2><h2>Incl. Bootstrap Studio File v6.4.4</h2><p>Infos:</p><ul><li>Bootstrap Studio v6.4.4 project file (.bsdesign).</li><li>Bootstrap v5.3.0 framework.</li><li>Responsive design optimized for mobile devices and smartphones</li><li>Clean & Simple Design</li><li>HTML5 & CSS3</li><li>Fully Responsive Design</li><li>Step By Step Well Documented</li></ul><p>Key Sections and Pages:</p><ul><li>Slider Carousel</li><li>About me</li><li>Service</li><li>Service Details</li><li>Counter</li><li>Portfolio</li><li>Pricing Plan</li><li>Latest Galleries</li><li>Top Offers</li><li>Testimonials</li><li>Blog</li><li>Blog Details</li><li>Team</li><li>Team Details</li><li>Appointment Booking</li><li>Clients</li><li>Contact</li><li>Privacy Policy</li><li>Imprint</li><li>Cookies Notice</li><li>Back to top</li><li>Preloader</li><li>And much more…</li></ul><p>Important Note: If you encounter any installation or customization issues after purchasing our product, please don't hesitate to contact us via email. We are committed to providing you with the best possible support and assistance. :)</p><p>The entire project can be easily modified and customized using Bootstrap Studio.</p><p>Bootstrap is a powerful front-end framework designed for building websites and web applications.</p><p>By utilizing Bootstrap, your website will automatically adjust its content to fit any screen size, ensuring optimal performance for both search engine optimization and user experience.</p><p>Please note that the images used in the demo are for illustrative purposes only and are not included in the downloadable file.</p>","tags":["barber","creative","css","portfolio","responsive","templates","theme","html","websites","homepage","contact form","bootstrap 5x","bootstrap studio","cookies notice"],"customUrl":"/website-templates/barber-portfolio-creative-html-css-incl-bootstrap-studio-v6-4-4-bootstrap-v5x-348842.html","nameOfTheTemplate":"Barber Portfolio Creative HTML/CSS - Incl. Bootstrap Studio v6.4.4 - Bootstrap v5x","paidSupport":"No","topic":["Beauty Templates","Fashion Templates","Fashion & Beauty","Salon","Makeup Artist"],"marketplaceMembership":"One","advImage":"https://s3u.tmimgcdn.com/u2180526/aabed003bcfbd322af3d18df90c7facd.jpg","excerpt":"<p>Welcome to our premium Barber Homepage! With our high-quality Bootstrap Studio V 6.4.4 project file, you are equipped to create an impressive hair salon website.</p>","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, 27 Apr 2024 23:23:54 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=348842&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=348842&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=348842&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 27 Apr 2024 23:28:54 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: 159.203.151.221:80"
}
https://templatemonster.anwahl.de/barber/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#348842 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/348842.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 #348842            </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=348842&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $64                <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>