string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=398124&expand=properties"
string(16020) "[{"templateId":398124,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":355,"categoryName":"Travel Guide Templates","templateTitle":"Travel Guide Responsive Website Template","templatePreviewHtmlTitle":"Groffon Travel Agency - Tailwind HTML Template","templateDemoHtmlTitle":"Live preview for Groffon Travel Agency - Tailwind HTML Template #398124","typeShortName":"Website","templatePreviewFBTitle":"<h2>Features</h2><p>Groffon Tours Tailwind Html Template have been created to help you launch your product or revamp an existing one quicker than before, regardless of whether you're designing for an established business or a client.</p><p>This premium template boasts a wide range of cutting-edge features and functionalities, empowering you to build a fully functional and professional e-commerce website with ease. Travel intuitive and user-friendly interface enables seamless navigation, making it effortless for customers to browse through your product catalog, add items to their cart, and proceed to checkout.</p><p>Ecommerce Website Template comes equipped with a comprehensive set of features designed to enhance the functionality, responsiveness, and user experience of your online store. Here are the key features of the template:</p><ul><li><strong>Tailwind V1.0.0:</strong> The template is built on the latest version of Tailwind, ensuring a solid foundation and compatibility with various devices and browsers.</li><li>Compatibility with Major Browsers: Groffon is fully compatible with popular web browsers such as Safari, Firefox, Chrome, and Microsoft Edge, ensuring a consistent experience for all visitors.</li><li>41+ HTML Pages: The template provides a wide range of pre-designed HTML pages, offering versatility and flexibility for creating different sections and layouts for your ecommerce website.</li><li>Fully Responsive: Groffon is designed to be fully responsive, adapting seamlessly to different screen sizes and resolutions, providing an optimal viewing experience across devices.</li><li>CSS3 Animations and Effects: The template includes CSS3 animations and effects, allowing you to add visually appealing transitions and interactive elements to enhance the user experience.</li><li>Valid HTML5 &amp; CSS3: The HTML and CSS code in the template is well-structured and adheres to the latest standards, ensuring a clean and valid codebase.</li><li>Real Device Testing: Groffon has undergone real device testing to ensure that it performs well and maintains its functionality across a range of actual devices.</li><li>Tabs: The template supports tabbed content, making it easy to organize and present different types of information or product details in a user-friendly manner.</li><li>Blog: Groffon provides a dedicated blog section or page, allowing you to share news, updates, and informative articles with your audience.</li><li>Slider: The template includes a slider component, enabling you to showcase featured products or promotional content in an eye-catching and dynamic manner.</li><li>Contact Form: A built-in contact form is included, providing a convenient way for visitors to get in touch with you, submit inquiries, or provide feedback.</li><li>Dropdown Menu: Groffon offers a dropdown menu feature for streamlined navigation, allowing visitors to easily access different sections or categories of your website.</li><li>Font Awesome: The template integrates Font Awesome, a popular icon library, providing a wide selection of icons that can be used to enhance the visual appeal and functionality of your website.</li><li>Files Included: The template package includes HTML, JavaScript, and CSS files, making it easy to customize and modify the template according to your specific requirements.</li><li>Version 1.0.0: The template is identified with a version number, enabling easy tracking of updates and enhancements.</li><li>Pixel Perfect Design: Groffon pixel-perfect design, ensuring that every element and layout aligns precisely, resulting in a visually polished website.</li><li>SEO Friendly: The template is optimized for search engines, following SEO best practices to improve the visibility and ranking of your ecommerce website in search results.</li><li>100% W3C Validator: The HTML and CSS code of the template undergoes W3C validation, ensuring compliance with web standards and best practices.</li><li>24/7 Support: The template comes with dedicated support, providing assistance and guidance whenever you encounter any issues or need help with customization or implementation.</li></ul><h2>File included:</h2><ul><li>HTML files</li><li>css files</li><li>js files</li><li>Documentation in HTML</li></ul><h2>Photos :</h2><p>The 'images' on the demo site are purely for demonstration reasons and are not included in the main download package.</p><p>All Images Obtained Through 'Google Image Search'</p><p>Freepik</p><p>Unsplash</p><h2>Fonts :</h2><ul><li>Font Awesome - https://fontawesome.com/</li><li>Themify Icons</li><li>Google Fonts - \"Red Hat Display\" - https://fonts.google.com/specimen/Red+Hat+Display</li></ul><h2>Frameworks / Scripts :</h2><ul><li>jQuery</li><li>Swiper Slider</li><li>Magnific-popup</li></ul><p>Note : All images are just for preview or demo purpose only, Not include in the download package.</p>","templateFullTitle":"Groffon Travel Agency - Tailwind HTML Template","templatePreviewMetaDescription":"FeaturesGroffon Tours Tailwind Html Template have been created to help you launch your product or revamp an existing one quicker than before, regardless of","templateDemoMetaDescription":"Before buying it, get the feel and look of the premium Groffon Travel Agency - Tailwind HTML Template Website Template (#398124) by viewing the live preview. Click through the pages, examine the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Groffon Travel Agency - Tailwind HTML Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/groffon-travel-agency-tailwind-html-template-398124.html","userRating":0,"designIndex":1,"authorUserId":"78168322","exclusive":"1","state":1,"price":27,"inserted_date":"2024-03-04","sent":0,"downloads":0,"search_words":"booking cruise hotel tour travel traveling trip vacation travel agent tour operator travel guide","is_adult":0,"exc_price":2100,"sent_date":"2024-03-04 12:00:30","last_upload":"2024-03-04 12:01:31","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3417203,"templ_id":398124,"filename":"398124-original.jpg","width":965,"height":600,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3417204,"templ_id":398124,"filename":"398124-big.jpg","width":965,"height":600,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3417205,"templ_id":398124,"filename":"398124-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":3417206,"templ_id":398124,"filename":"398124-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":3417207,"templ_id":398124,"filename":"398124-b.jpg","width":430,"height":267,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/398124.html","image":"https://s.tmimgcdn.com/scr/398100/groffon-travel-agency-tailwind-html-template_398124-original.jpg","searchHash":"3e32ef94118e153140a69f1c06119706","previewHash":"3f5ac60dc5c84f9487f9591edf03c5d9","authorNickname":"WebbyCrown","lowLevelTopic":"Travel Guide Templates; Travel Agency Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":0,"onSale":0,"finalPrice":25,"discountPercent":0,"discountAmount":0,"semiannualSales":null,"properties":{"features":["Responsive","Mobile Layout Included","Blog","Gallery","HTML 5","JQuery","HTML plus JS","Static"],"styles":"Clean","isLastAdded":"1","popularity":"Zero Downloads","topic":["Travel Guide Templates","Travel Agency Templates","Travel Templates","Sports, Outdoors & Travel"],"isFree":"none","color":"white","showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["booking","cruise","hotel","tour","travel","traveling","trip","vacation","travel agent","tour operator","travel guide"],"paidSupport":"Yes","frameworks":"Node.js v19.x","webServerCompatibility":"Apache 2.4","designSoftware":"Figma","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorUserId":"78168322","excerpt":"<p>Tours Ecommerce Website Template comes equipped with a comprehensive set of features designed to enhance the functionality, responsiveness, and user experience of your online store.</p>","nameOfTheTemplate":"Groffon Travel Agency - Tailwind HTML Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78168322/12fef0b6c7cd0aaa2af355d147520c5b.jpg, https://s3u.tmimgcdn.com/u78168322/4810a7a8a3018fb41095f5946c061642.jpg, https://s3u.tmimgcdn.com/u78168322/6c4b997261985c15682bf459f9332871.jpg, https://s3u.tmimgcdn.com/u78168322/b022317c84c54e64e8ac91d8366bd298.jpg, https://s3u.tmimgcdn.com/u78168322/0f39d14e27226107f303b3180b8e5aaf.jpg, https://s3u.tmimgcdn.com/u78168322/9fc21ea39c67c1d414ab89ab03f764b1.jpg, https://s3u.tmimgcdn.com/u78168322/8461ba9225209ea55b4746086755f1bc.jpg, https://s3u.tmimgcdn.com/u78168322/49d967965529f7a49d385a2120b25e4b.jpg","shortDescription":"<h2>Features</h2><p>Groffon Tours Tailwind Html Template have been created to help you launch your product or revamp an existing one quicker than before, regardless of whether you're designing for an established business or a client.</p><p>This premium template boasts a wide range of cutting-edge features and functionalities, empowering you to build a fully functional and professional e-commerce website with ease. Travel intuitive and user-friendly interface enables seamless navigation, making it effortless for customers to browse through your product catalog, add items to their cart, and proceed to checkout.</p><p>Ecommerce Website Template comes equipped with a comprehensive set of features designed to enhance the functionality, responsiveness, and user experience of your online store. Here are the key features of the template:</p><ul><li><strong>Tailwind V1.0.0:</strong> The template is built on the latest version of Tailwind, ensuring a solid foundation and compatibility with various devices and browsers.</li><li>Compatibility with Major Browsers: Groffon is fully compatible with popular web browsers such as Safari, Firefox, Chrome, and Microsoft Edge, ensuring a consistent experience for all visitors.</li><li>41+ HTML Pages: The template provides a wide range of pre-designed HTML pages, offering versatility and flexibility for creating different sections and layouts for your ecommerce website.</li><li>Fully Responsive: Groffon is designed to be fully responsive, adapting seamlessly to different screen sizes and resolutions, providing an optimal viewing experience across devices.</li><li>CSS3 Animations and Effects: The template includes CSS3 animations and effects, allowing you to add visually appealing transitions and interactive elements to enhance the user experience.</li><li>Valid HTML5 &amp; CSS3: The HTML and CSS code in the template is well-structured and adheres to the latest standards, ensuring a clean and valid codebase.</li><li>Real Device Testing: Groffon has undergone real device testing to ensure that it performs well and maintains its functionality across a range of actual devices.</li><li>Tabs: The template supports tabbed content, making it easy to organize and present different types of information or product details in a user-friendly manner.</li><li>Blog: Groffon provides a dedicated blog section or page, allowing you to share news, updates, and informative articles with your audience.</li><li>Slider: The template includes a slider component, enabling you to showcase featured products or promotional content in an eye-catching and dynamic manner.</li><li>Contact Form: A built-in contact form is included, providing a convenient way for visitors to get in touch with you, submit inquiries, or provide feedback.</li><li>Dropdown Menu: Groffon offers a dropdown menu feature for streamlined navigation, allowing visitors to easily access different sections or categories of your website.</li><li>Font Awesome: The template integrates Font Awesome, a popular icon library, providing a wide selection of icons that can be used to enhance the visual appeal and functionality of your website.</li><li>Files Included: The template package includes HTML, JavaScript, and CSS files, making it easy to customize and modify the template according to your specific requirements.</li><li>Version 1.0.0: The template is identified with a version number, enabling easy tracking of updates and enhancements.</li><li>Pixel Perfect Design: Groffon pixel-perfect design, ensuring that every element and layout aligns precisely, resulting in a visually polished website.</li><li>SEO Friendly: The template is optimized for search engines, following SEO best practices to improve the visibility and ranking of your ecommerce website in search results.</li><li>100% W3C Validator: The HTML and CSS code of the template undergoes W3C validation, ensuring compliance with web standards and best practices.</li><li>24/7 Support: The template comes with dedicated support, providing assistance and guidance whenever you encounter any issues or need help with customization or implementation.</li></ul><h2>File included:</h2><ul><li>HTML files</li><li>css files</li><li>js files</li><li>Documentation in HTML</li></ul><h2>Photos :</h2><p>The 'images' on the demo site are purely for demonstration reasons and are not included in the main download package.</p><p>All Images Obtained Through 'Google Image Search'</p><p>Freepik</p><p>Unsplash</p><h2>Fonts :</h2><ul><li>Font Awesome - https://fontawesome.com/</li><li>Themify Icons</li><li>Google Fonts - \"Red Hat Display\" - https://fonts.google.com/specimen/Red+Hat+Display</li></ul><h2>Frameworks / Scripts :</h2><ul><li>jQuery</li><li>Swiper Slider</li><li>Magnific-popup</li></ul><p>Note : All images are just for preview or demo purpose only, Not include in the download package.</p>","uniqueKeywords":"booking,cruise,hotel,tour,travel,traveling,trip,vacation,travel agent,tour operator,travel guide","advImage":"https://s3u.tmimgcdn.com/u78168322/09f612e3c0a1b5143d557daad2fd42e8.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78168322/4d40942e97469a8101535861b99d0abe.jpg","livePreviewURL":"https://demo.webbytemplate.com/html-templates/tailwind/groffon-tours-agency/layouts/html/index.html","metaDescription":"FeaturesGroffon Tours Tailwind Html Template have been created to help you launch your product or revamp an existing one quicker than before, regardless of","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Before buying it, get the feel and look of the premium Groffon Travel Agency - Tailwind HTML Template Website Template (#398124) by viewing the live preview. Click through the pages, examine the images, press the buttons, explore the features.","customUrl":"/website-templates/groffon-travel-agency-tailwind-html-template-398124.html","productSize":"44945362","trendiness":"1","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 27 Apr 2024 06:16:11 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=398124&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=398124&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=398124&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 27 Apr 2024 06:21:11 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://demo.webbytemplate.com/html-templates/tailwind/groffon-tours-agency/layouts/html/index.html<!DOCTYPE html>
<html lang="en">
<head>
    <title>#398124 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/398124.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 #398124            </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=398124&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $25                <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>