string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=94575&expand=properties"
string(13757) "[{"templateId":94575,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":92,"categoryName":"Birds Templates","templateTitle":"Birds Responsive Website Template","templatePreviewHtmlTitle":"Bonobomb - Full Animated Zoo Website Template","templateDemoHtmlTitle":"Demo Preview for Bonobomb - Full Animated Zoo Website Template #94575","typeShortName":"Website","templatePreviewFBTitle":"<h2>Impressive Zoo Landing Page Template</h2><p>Full animated zoo website template is a useful solution if you are planning to build an attractive website. Since the internet is an endless source for your client base, crafting an appealing online presence is a must. After all, all businesses including zoos always need new clients. The best way to reach them is to use online advertisements. Yet, it is not enough to create a clean website. It also has to be eye-catchy. And this is why we designed a perfect solution for zoos who need to promote themselves in a new way.</p><p>This template has everything that a modern zoo requires. Its full-width layout is 100% responsive thanks to Bootstrap 5. With it, Bonobomb zoo guarantees the exact level of informativeness on all devices. Moreover, the impressive JavaScript animations will make the usage of a website built with this template unforgettable. The landing page structure makes the navigation process easier and more fluent.</p><h3>A Vast Set of Outstanding Features</h3><p>Bonobomb full animated zoo website template is a result of combining our experience and the most innovative practices. Our team of designers made this template bright and impressive but at the same time. It also has no redundant visual elements. And of course, it is fully editable. You can change literally any part of it to create a website design that perfectly suits your business. Besides, we provided this landing page with the following features:</p><ol><li>Responsive HTML template;</li><li>Stick-to-top menu;</li><li>Working contact form;</li><li>Speed optimization;</li><li>Impressive JS animations.</li></ol><p>Our developers also included cool CSS animations. You can use them to decorate your website. And if you want to create a user-friendly website, then you can use an extensive UI kit. The gallery of this full animated zoo website template will help you present images most preferably. Also, feel free to use the pricing tables section to give your visitors more information about zoo tickets.</p><h2>SEO-Friendly HTML Template with Professional Support</h2><p>Bonobomb full animated zoo website template has a highly reliable code too. It is well-commented and easy-to-edit. It is also designed to make your website SEO-friendly. Moreover, our template is perfectly compatible with all modern browsers. It includes Google Maps and supports Google Fonts as well. These small features will enhance the user experience for you and your visitors.</p><p>You will also find the included documentation that will tell you more about Bonobomb zoo. The documentation describes every aspect of the template. If you have questions about using this landing page, don't hesitate to contact our professional support team. We are always ready to solve any issues you may encounter while using our solutions. Besides, we always aim to deliver the best and the most unique experience to you, our customer.</p><h2><strong>Important Notice Regarding Support Response Times</strong></h2><p>Please note that our team is committed to providing prompt and efficient support to all of our customers. However, due to an increased volume of support requests, our usual average time for providing support is estimated to be between 3-5 business days.</p><p>We want to assure you that we are taking all necessary measures to address your requests as soon as possible. Rest assured that your inquiry will be attended to promptly.</p><h3>Thank you for choosing our product.</h3><p><br></p><p><em>Please note that .psd files are not included in this template package.</em></p>","templateFullTitle":"Bonobomb - Full Animated Zoo Website Template","templatePreviewMetaDescription":"Impressive Zoo Landing Page TemplateFull animated zoo website template is a useful solution if you are planning to build an attractive website. Since the","templateDemoMetaDescription":null,"specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Bonobomb - Full Animated Zoo Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/bonobomb-full-animated-zoo-website-template-94575.html","userRating":0,"designIndex":"87","authorUserId":"1519369","exclusive":"1","state":1,"price":39,"inserted_date":"2020-01-27","sent":1,"downloads":25,"search_words":"animal shows certificates animals events center help health beauty care wild","is_adult":0,"exc_price":4500,"sent_date":"2020-02-13 11:07:51","last_upload":"2023-05-19 10:24:14","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"94575-2-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":94575,"width":1600,"window_params":"","banner_url":"","id":1898596,"href":"","height":900},{"scr_type_id":311,"filename":"94575-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":94575,"width":800,"window_params":"","banner_url":"","id":1898597,"href":"","height":1200},{"scr_type_id":312,"filename":"94575-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":94575,"width":370,"window_params":"","banner_url":"","id":1898598,"href":"","height":370},{"scr_type_id":9,"filename":"94575-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":94575,"width":145,"window_params":"","banner_url":"","id":1898599,"href":"","height":156},{"scr_type_id":57,"filename":"94575-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":94575,"width":430,"window_params":"","banner_url":"","id":1898600,"href":"","height":645}],"demoUrl":"/demo/94575.html","image":"https://s.tmimgcdn.com/scr/94500/bonobomb-full-animated-zoo-website-template_94575-2-original.jpg","searchHash":"fb5d8817e92043acdc66916c9804c1fe","previewHash":"91a3afd7361e792b71d3e61155e3d413","authorNickname":"ZEMEZ","lowLevelTopic":"Animal Shelter Templates; Vet Templates; Birds Templates; Horse Templates; Exotic Pets Templates; Reptile Templates; Zoo Templates; Dolphin Templates; Wild Life Templates; Pet Sitting Templates","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":39,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"kindOfShops":"Zoo, contact zoo","featured":"Ukraine","frameworks":"None","productSize":"74572362","uniqueKeywords":"animal,shows,certificates,animals,events,center,help,health,beauty,care,wild","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Impressive Zoo Landing Page TemplateFull animated zoo website template is a useful solution if you are planning to build an attractive website. Since the","imageKeyFeatures":"https://s3u.tmimgcdn.com/1519369-1580140510376_1.jpg, https://s3u.tmimgcdn.com/1519369-1580140510376_2.jpg, https://s3u.tmimgcdn.com/1519369-1580140510377_3.jpg, https://s3u.tmimgcdn.com/1519369-1580140510377_4.jpg, https://s3u.tmimgcdn.com/1519369-1580140510377_5.jpg, https://s3u.tmimgcdn.com/u2187020/91a96a68dbdff8461bdfe485d87d7f90.jpg","features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Dropdown Menu","Google map","Gallery","Portfolio","One Page Templates","HTML 5","JQuery","HTML plus JS"],"saleSells":"1","languageSupport":"English","authorUserId":"1519369","isFree":"none","htmlTitle":"Full Animated Zoo Website Template - TemplateMonster","hELPURL":"/quick-start-guide/website-template/","exclusive":"1","webServerCompatibility":"Apache 2.4","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"lastmod":"2022-02-07T04:38:39-05:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1519369-1580140495308_1.jpg, https://s3u.tmimgcdn.com/1519369-1580140499383_2.jpg, https://s3u.tmimgcdn.com/1519369-1580140500890_3.jpg, https://s3u.tmimgcdn.com/1519369-1580140502641_4.jpg, https://s3u.tmimgcdn.com/1519369-1580140504806_5.jpg","authorMainScreenshotVersion":"2","shortDescription":"<h2>Impressive Zoo Landing Page Template</h2><p>Full animated zoo website template is a useful solution if you are planning to build an attractive website. Since the internet is an endless source for your client base, crafting an appealing online presence is a must. After all, all businesses including zoos always need new clients. The best way to reach them is to use online advertisements. Yet, it is not enough to create a clean website. It also has to be eye-catchy. And this is why we designed a perfect solution for zoos who need to promote themselves in a new way.</p><p>This template has everything that a modern zoo requires. Its full-width layout is 100% responsive thanks to Bootstrap 5. With it, Bonobomb zoo guarantees the exact level of informativeness on all devices. Moreover, the impressive JavaScript animations will make the usage of a website built with this template unforgettable. The landing page structure makes the navigation process easier and more fluent.</p><h3>A Vast Set of Outstanding Features</h3><p>Bonobomb full animated zoo website template is a result of combining our experience and the most innovative practices. Our team of designers made this template bright and impressive but at the same time. It also has no redundant visual elements. And of course, it is fully editable. You can change literally any part of it to create a website design that perfectly suits your business. Besides, we provided this landing page with the following features:</p><ol><li>Responsive HTML template;</li><li>Stick-to-top menu;</li><li>Working contact form;</li><li>Speed optimization;</li><li>Impressive JS animations.</li></ol><p>Our developers also included cool CSS animations. You can use them to decorate your website. And if you want to create a user-friendly website, then you can use an extensive UI kit. The gallery of this full animated zoo website template will help you present images most preferably. Also, feel free to use the pricing tables section to give your visitors more information about zoo tickets.</p><h2>SEO-Friendly HTML Template with Professional Support</h2><p>Bonobomb full animated zoo website template has a highly reliable code too. It is well-commented and easy-to-edit. It is also designed to make your website SEO-friendly. Moreover, our template is perfectly compatible with all modern browsers. It includes Google Maps and supports Google Fonts as well. These small features will enhance the user experience for you and your visitors.</p><p>You will also find the included documentation that will tell you more about Bonobomb zoo. The documentation describes every aspect of the template. If you have questions about using this landing page, don't hesitate to contact our professional support team. We are always ready to solve any issues you may encounter while using our solutions. Besides, we always aim to deliver the best and the most unique experience to you, our customer.</p><h2><strong>Important Notice Regarding Support Response Times</strong></h2><p>Please note that our team is committed to providing prompt and efficient support to all of our customers. However, due to an increased volume of support requests, our usual average time for providing support is estimated to be between 3-5 business days.</p><p>We want to assure you that we are taking all necessary measures to address your requests as soon as possible. Rest assured that your inquiry will be attended to promptly.</p><h3>Thank you for choosing our product.</h3><p><br></p><p><em>Please note that .psd files are not included in this template package.</em></p>","tags":["animal","animals","beauty","care","center","certificates","events","health","help","shows","wild"],"customUrl":"/website-templates/bonobomb-full-animated-zoo-website-template-94575.html","badge":"badge-responsive","nameOfTheTemplate":"Bonobomb - Full Animated Zoo Website Template","pHPVersionCompatibility":["8.1","8.0"],"topic":["Animals & Pets","Animal Shelter Templates","Pet Shop Templates","Vet Templates","Birds Templates","Horse Templates","Exotic Pets Templates","Reptile Templates","Zoo Templates","Dolphin Templates","Wild Life Templates","Pet Sitting Templates"],"changeLogDate":"2023-05-19","styles":"Neutral","advImage":"https://s3u.tmimgcdn.com/u1768190/27374617ebb4fae1d80fa89fdf380454.png","excerpt":"Bonobomb full animated zoo website template perfectly suits zoos. It is eye-catchy, compact &amp; highly informative allowing you to get more clients.","productFamily":"None","color":["white","green","yellow"],"followUpLetter":"website-template-offers","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"templateSupportOptions":"[]","changeLog":"##Bonobomb Version 1.1 (May 18, 2023): \r\n- UPD: Bootstrap to 5.2.0;\r\n- UPD: Popper.js to 2.11.5;\r\n- UPD: jQuery Form to 4.3.0; \r\n- UPD: PHPMailer 6.5.5;\r\n- FIX: CSS styles;\r\n- FIX: Minor bug fixes.","bootstrapVersion":"5.2.x","livePreviewURL":"https://ld-wt73.template-help.com/wt_prod-27484/","authorMainScreenshot":"https://s.tmimgcdn.com/scr/94500/94575-0-original.jpg","templateGroup":"HTML Templates","alreadyPacked":"1","imagesIncluded":"Yes","templateIcon":"icon-bootstrap","types":"HTML Website Templates","trendiness":"1","bitLyUrl":"http://bit.ly/2O5fFhn","paidSupport":"Yes","marketplaceMembership":"One","category":"Website templates","dqi":"87"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Fri, 26 Apr 2024 13:04:43 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=94575&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=94575&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=94575&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 26 Apr 2024 13:09:43 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://ld-wt73.template-help.com/wt_prod-27484/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#94575 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/94575.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 #94575            </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=94575&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>