string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=410434&expand=properties"
string(15051) "[{"templateId":410434,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":336,"categoryName":"Life Coach Templates","templateTitle":"Life Coach Responsive Website Template","templatePreviewHtmlTitle":"Cocod - Personal Mentor and Life Coach HTML5 Template","templateDemoHtmlTitle":"Demo for Cocod - Personal Mentor and Life Coach HTML5 Template #410434","typeShortName":"Website","templatePreviewFBTitle":"<p>Cocod - Personal mentor and life coach template\"</p><p>Cocod is the responsive Personal Mentor and Life Coach Template built in HTML5 and CSS3. Comes with a sleek design that's both clean, bold, and modern. It comes with 5 different homepage looks you can choose from.</p><p>Let’s get your personal mentorship journey started in style – start using Cocod today!</p><p><strong>Features:</strong></p><ul><li><strong>Built based on Bootstrap 5</strong>: By being built on the latest version of Bootstrap, our template ensures your website will not only look fantastic but also be fully responsive, meaning it will look great and function flawlessly on any device, from desktops to smartphones.</li><li><strong>Sass file included for easy customization</strong>: With our included Sass files, customizing your website's look and feel is a breeze. You don't need to be a coding expert to tweak colors, fonts, or layouts. Make your website truly yours without breaking a sweat.</li><li><strong>No JQuery needed</strong>: We've embraced modern web development techniques, so your website will load faster and perform better. Plus, you won't have to worry about compatibility issues with future updates. It's a win-win for both you and your visitors.</li><li><strong>Valid HTML5 to ensure the best web standards</strong>: Rest assured, your website will meet all the latest web standards, ensuring accessibility, compatibility, and search engine optimization. It's the foundation for a successful online presence.</li><li><strong>Responsive layout for a seamless experience on all devices</strong>: Your website will adapt seamlessly to any screen size, providing an exceptional user experience no matter how your visitors access it. Engage your audience on desktops, tablets, and smartphones alike.</li><li><strong>Enjoy the versatility of Google fonts to style your content</strong>: With access to Google Fonts, you can easily give your website a unique personality. Choose from a wide array of fonts to match your brand and captivate your audience with beautiful typography.</li><li><strong>Choose from 5 distinct homepage styles to make your site stand out</strong>: Make a memorable first impression with one of our five unique homepage styles. Stand out from the crowd and showcase your content in a way that reflects your brand's identity and values.</li><li><strong>Icon from Font Awesome &amp; Phospor Icons</strong>: Enhance your website's visual appeal and usability with icons from popular libraries like Font Awesome and Phosphor Icons. Guide your visitors effortlessly and add a touch of professionalism to every page.</li><li><strong>Working contact form</strong>: Foster meaningful connections with your audience through a fully functional contact form. It's easy for visitors to get in touch, opening the door to valuable opportunities for engagement and collaboration.</li><li><strong>Navigate smoothly with the Offcanvas mobile menu</strong>: Ensure your mobile visitors can easily explore your website with our smooth and intuitive offcanvas mobile menu. It's a seamless navigation solution that keeps your site looking sleek and professional on any device.</li><li><strong>Keep your header accessible with the sticky header feature</strong>: With a sticky header, important navigation links and branding elements are always within reach, even as visitors scroll down your pages. It's a simple yet effective way to improve usability and keep users engaged.</li><li><strong>Add dynamic sliders using the power of swiper.js</strong>: Capture your audience's attention with dynamic sliders powered by swiper.js. Showcase your best content in an engaging and interactive way, ensuring visitors stay captivated and informed.</li><li><strong>Showcase images and videos in style with the lightbox functionality</strong>: Impress your visitors with elegant image and video galleries featuring lightbox functionality. It's a visually stunning way to showcase your work and create memorable user experiences.</li></ul><p>With these features, our template offers everything you need to create a professional, visually stunning website that engages your audience and sets you apart from the competition. Experience the power of Cocod and take your online presence to new heights today!</p><p><em>Images viewed in the live preview are for demo purposes only and </em><strong><em>are not included </em></strong><em>with your purchase.</em></p>","templateFullTitle":"Cocod - Personal Mentor and Life Coach HTML5 Template","templatePreviewMetaDescription":"Cocod - Personal mentor and life coach template\"Cocod is the responsive Personal Mentor and Life Coach Template built in HTML5 and CSS3. Comes with a sleek","templateDemoMetaDescription":"The live preview of this Cocod - Personal Mentor and Life Coach HTML5 Template Website Template (#410434) is generated for you to get the look and feel of the template before you buy it. Go through the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Cocod - Personal Mentor and Life Coach HTML5 Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/cocod-personal-mentor-and-life-coach-html5-template-410434.html","userRating":0,"designIndex":1,"authorUserId":"21429391","exclusive":"1","state":1,"price":19,"inserted_date":"2024-04-16","sent":0,"downloads":0,"search_words":"business clean coach company consulting corporate creative life marketing mentor modern personal responsive services success html","is_adult":0,"exc_price":2100,"sent_date":"2024-04-16 12:09:08","last_upload":"2024-04-16 12:11:39","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3478665,"templ_id":410434,"filename":"410434-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3478666,"templ_id":410434,"filename":"410434-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3478667,"templ_id":410434,"filename":"410434-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":3478668,"templ_id":410434,"filename":"410434-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":3478669,"templ_id":410434,"filename":"410434-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/410434.html","image":"https://s.tmimgcdn.com/scr/410400/cocod-personal-mentor-and-life-coach-html5-template_410434-original.jpg","searchHash":"9787e3b0974c6631852c721574112890","previewHash":"88b50f1d49f528fd1f1b93431560086a","authorNickname":"ridianur","lowLevelTopic":"Life Coach Templates; Personal Page Templates; Business Coach","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":126,"onSale":0,"finalPrice":17,"discountPercent":0,"discountAmount":0,"semiannualSales":null,"properties":{"features":["Premium","Responsive","Bootstrap","Ajax","Mobile Layout Included","Light Template","Dropdown Menu","Google map","Sample content","Tabs","Performance Optimization","Blog","Gallery","HTML 5","HTML plus JS","Static"],"styles":["Clean","Grunge","Retro","Mobile"],"isLastAdded":"1","popularity":"Zero Downloads","topic":["Life Coach Templates","Personal Page Templates","Business & Services","Society & People","Business Coach"],"isFree":"none","color":["white","pink","yellow"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["business","clean","coach","company","consulting","corporate","creative","life","marketing","mentor","modern","personal","responsive","services","success","html"],"paidSupport":"Yes","authorUserId":"21429391","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"bootstrapVersion":"5.3.x","frameworks":"None","excerpt":"<p>Cocod is the responsive Personal Mentor and Life Coach Template built in HTML5 &amp; CSS3 with a sleek design that's both clean, bold, and modern.</p>","nameOfTheTemplate":"Cocod - Personal Mentor and Life Coach HTML5 Template","shortDescription":"<p>Cocod - Personal mentor and life coach template\"</p><p>Cocod is the responsive Personal Mentor and Life Coach Template built in HTML5 and CSS3. Comes with a sleek design that's both clean, bold, and modern. It comes with 5 different homepage looks you can choose from.</p><p>Let’s get your personal mentorship journey started in style – start using Cocod today!</p><p><strong>Features:</strong></p><ul><li><strong>Built based on Bootstrap 5</strong>: By being built on the latest version of Bootstrap, our template ensures your website will not only look fantastic but also be fully responsive, meaning it will look great and function flawlessly on any device, from desktops to smartphones.</li><li><strong>Sass file included for easy customization</strong>: With our included Sass files, customizing your website's look and feel is a breeze. You don't need to be a coding expert to tweak colors, fonts, or layouts. Make your website truly yours without breaking a sweat.</li><li><strong>No JQuery needed</strong>: We've embraced modern web development techniques, so your website will load faster and perform better. Plus, you won't have to worry about compatibility issues with future updates. It's a win-win for both you and your visitors.</li><li><strong>Valid HTML5 to ensure the best web standards</strong>: Rest assured, your website will meet all the latest web standards, ensuring accessibility, compatibility, and search engine optimization. It's the foundation for a successful online presence.</li><li><strong>Responsive layout for a seamless experience on all devices</strong>: Your website will adapt seamlessly to any screen size, providing an exceptional user experience no matter how your visitors access it. Engage your audience on desktops, tablets, and smartphones alike.</li><li><strong>Enjoy the versatility of Google fonts to style your content</strong>: With access to Google Fonts, you can easily give your website a unique personality. Choose from a wide array of fonts to match your brand and captivate your audience with beautiful typography.</li><li><strong>Choose from 5 distinct homepage styles to make your site stand out</strong>: Make a memorable first impression with one of our five unique homepage styles. Stand out from the crowd and showcase your content in a way that reflects your brand's identity and values.</li><li><strong>Icon from Font Awesome &amp; Phospor Icons</strong>: Enhance your website's visual appeal and usability with icons from popular libraries like Font Awesome and Phosphor Icons. Guide your visitors effortlessly and add a touch of professionalism to every page.</li><li><strong>Working contact form</strong>: Foster meaningful connections with your audience through a fully functional contact form. It's easy for visitors to get in touch, opening the door to valuable opportunities for engagement and collaboration.</li><li><strong>Navigate smoothly with the Offcanvas mobile menu</strong>: Ensure your mobile visitors can easily explore your website with our smooth and intuitive offcanvas mobile menu. It's a seamless navigation solution that keeps your site looking sleek and professional on any device.</li><li><strong>Keep your header accessible with the sticky header feature</strong>: With a sticky header, important navigation links and branding elements are always within reach, even as visitors scroll down your pages. It's a simple yet effective way to improve usability and keep users engaged.</li><li><strong>Add dynamic sliders using the power of swiper.js</strong>: Capture your audience's attention with dynamic sliders powered by swiper.js. Showcase your best content in an engaging and interactive way, ensuring visitors stay captivated and informed.</li><li><strong>Showcase images and videos in style with the lightbox functionality</strong>: Impress your visitors with elegant image and video galleries featuring lightbox functionality. It's a visually stunning way to showcase your work and create memorable user experiences.</li></ul><p>With these features, our template offers everything you need to create a professional, visually stunning website that engages your audience and sets you apart from the competition. Experience the power of Cocod and take your online presence to new heights today!</p><p><em>Images viewed in the live preview are for demo purposes only and </em><strong><em>are not included </em></strong><em>with your purchase.</em></p>","uniqueKeywords":"business,clean,coach,company,consulting,corporate,creative,life,marketing,mentor,modern,personal,responsive,services,success,html","advImage":"https://s3u.tmimgcdn.com/u21429391/c51e59ddc29153fed2372ca5b8f23c7a.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u21429391/c2378fb833125d3daaf4733a861e9621.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u21429391/cc58298d799ef6ee270a686bcb116d80.jpg","livePreviewURL":"https://template.ridianur.com/cocod/","metaDescription":"Cocod - Personal mentor and life coach template\"Cocod is the responsive Personal Mentor and Life Coach Template built in HTML5 and CSS3. Comes with a sleek","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"The live preview of this Cocod - Personal Mentor and Life Coach HTML5 Template Website Template (#410434) is generated for you to get the look and feel of the template before you buy it. Go through the pages, examine the images, click the buttons, explore the functionality.","customUrl":"/website-templates/cocod-personal-mentor-and-life-coach-html5-template-410434.html","productSize":"9952414","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: Tue, 30 Apr 2024 13:43:06 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=410434&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=410434&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=410434&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Tue, 30 Apr 2024 13:48:06 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://template.ridianur.com/cocod/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#410434 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/410434.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 #410434            </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=410434&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $17                <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>