string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=69212&expand=properties"
string(15847) "[{"templateId":69212,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":127,"categoryName":"Consulting Templates","templateTitle":"Consulting Responsive Website Template","templatePreviewHtmlTitle":"Call Center Multipage HTML5 Website Template","templateDemoHtmlTitle":"Live preview for Call Center Multipage HTML5 Website Template #69212","typeShortName":"Website","templatePreviewFBTitle":"<h2><strong>Modern Call Center HTML5 Website Template</strong></h2><p>A call center HTML5 website template is a versatile tool for creating an impressive website template. It provides everything that a modern company or organization needs to build a stunning and informative website. Nowadays, such sites are the keys to success. They allow you to advertise your services and attract new customers & partners. However, building such a site is a time-consuming & demanding task. That's why big enterprises hire web developers.</p><p>Still, it's not an option for smaller companies. For that reason, many businesses choose HTML templates. They are reliable and affordable solutions. Also, thanks to the Bootstrap 5 framework, these templates are fully responsive. Moreover, they can be easily customized and maintained. If you are looking forward to building the call center or consulting website, our new HTML template will be a perfect pick for you. It contains everything a modern call center needs.</p><h3><strong>Customizable Website Template for Call Centers Loaded with Features</strong></h3><p>The CallCenter HTML5 solution provides all you need to craft a modern-looking site. Furthermore, it will allow you to promote your company and its services efficiently. Various sections and blocks are perfectly styled to provide information about your team and the solutions you offer. Besides, the detailed layout of this call center HTML5 website template allows you to manage content the way you want. And you can take advantage of using the numerous features of this template, such as:</p><ol><li>W3C valid coding</li><li>SEO-ready & responsive layout</li><li>SCSS & Pug source files</li><li>Impressive CSS3 animations</li><li>Google Fonts & Google Maps</li><li>Cross-browser support</li></ol><p>Any website owner wants their site to be unique. That's why we've supplied this call center HTML5 website template with an extensive UI elements kit. It includes everything you may think of - buttons, forms, tabs, maps, footers & headers, etc. You can freely use them to create a 100% unique website. And if you are a web developer, then using these elements will help you build the website your client dreams of.</p><h2><strong>Multipage HTML Template with Professional Support</strong></h2><p>Our call center HTML5 website template is also multipage. It contains a variety of pre-designed pages intended to be used for different purposes. For example, you can use the Services page to tell about the solutions your call center provides. Also, you can post news via blog pages or showcase your achievements via different Gallery layouts. Most importantly, you can stay in touch with your clients via the Contacts page. Don't forget that you can post career opportunities with the help of the Careers page.</p><p>If you are looking for additional information about this HTML template, feel free to read its documentation. it describes how to use this and other HTML solutions properly. Moreover, the documentation answers questions about template installation and management. But if you need more, our friendly and qualified support team is ready to help. Also, don't hesitate to check our HTML template catalog. It has just what your next online project needs.</p><p><br></p><p><em>Please note that .psd files are not included in this template package.</em></p>","templateFullTitle":"Call Center Multipage HTML5 Website Template","templatePreviewMetaDescription":"Modern Call Center HTML5 Website TemplateA call center HTML5 website template is a versatile tool for creating an impressive website template. It provides","templateDemoMetaDescription":"Before you purchase it, get the look and feel of the high quality Call Center Multipage HTML5 Website Template (#69212) by experiencing the demo preview. View the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Call Center Multipage HTML5 Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/call-center-multipage-html5-website-template-69212.html","userRating":"5","designIndex":"88","authorUserId":"1519369","exclusive":"1","state":1,"price":39,"inserted_date":"2018-05-10","sent":1,"downloads":38,"search_words":"audit personal consulting accounting financial agency industry technical corporate technology bank investment information support service company software communications multilanguage call center","is_adult":0,"exc_price":4500,"sent_date":"2020-06-23 10:35:39","last_upload":"2023-01-31 19:11:55","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1746185,"templ_id":69212,"filename":"69212-3-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1746186,"templ_id":69212,"filename":"69212-big.jpg","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1746187,"templ_id":69212,"filename":"69212-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":1746188,"templ_id":69212,"filename":"69212-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":1746189,"templ_id":69212,"filename":"69212-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/69212.html","image":"https://s.tmimgcdn.com/scr/69200/call-center-multipage-html5-website-template_69212-3-original.jpg","searchHash":"49d869237475e871356b3f836118a41b","previewHash":"4f3df7a492d80b47c4ee827fdb31456e","authorNickname":"ZEMEZ","lowLevelTopic":"Consulting Templates; Marketing Agency Templates; Outsourcing Company Templates; Call Center Templates; Public Relations Templates; Translation Bureau Templates; Merchant Services Templates; Job Portal Templates; Stationery Templates; Office Templates","weightedRating":4.181818181818182,"annualSale":3,"monthlySales":1,"quarterlySales":2,"productBoost":125,"onSale":1,"finalPrice":27,"discountPercent":30,"discountAmount":12,"semiannualSales":2,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Dropdown Menu","Google map","Tabs","Blog","Gallery","HTML 5","JQuery","HTML plus JS","Parallax"],"styles":"Neutral","languageSupport":"English","galleryScript":["Accordion","Carousel","CSS and JS","Slider","Isotope","Grid"],"webForms":["Contact Form","Newsletter Subscription","Search Form"],"badge":"badge-responsive","topic":["Consulting Templates","Marketing Agency Templates","Outsourcing Company Templates","Call Center Templates","Public Relations Templates","Translation Bureau Templates","Merchant Services Templates","Job Portal Templates","Stationery Templates","Office Templates","Business & Services","Finance"],"templateIcon":"icon-bootstrap","isFree":"none","popularity":"Top Rated","dateRange":"Last Year","color":["black","white","grey","purple"],"showVariantForcibly":"b","trustedElements":["Free Support","Stock Photos","Satisfaction Guarantee"],"exclusive":"1","authorUserId":"1519369","nameOfTheTemplate":"Call Center Multipage HTML5 Website Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1519369-1525962784996_01.jpg, https://s3u.tmimgcdn.com/1519369-1525962787162_02.jpg, https://s3u.tmimgcdn.com/1519369-1525962789622_03.jpg, https://s3u.tmimgcdn.com/1519369-1525962791646_04.jpg, https://s3u.tmimgcdn.com/1519369-1525962793822_05.jpg","shortDescription":"<h2><strong>Modern Call Center HTML5 Website Template</strong></h2><p>A call center HTML5 website template is a versatile tool for creating an impressive website template. It provides everything that a modern company or organization needs to build a stunning and informative website. Nowadays, such sites are the keys to success. They allow you to advertise your services and attract new customers & partners. However, building such a site is a time-consuming & demanding task. That's why big enterprises hire web developers.</p><p>Still, it's not an option for smaller companies. For that reason, many businesses choose HTML templates. They are reliable and affordable solutions. Also, thanks to the Bootstrap 5 framework, these templates are fully responsive. Moreover, they can be easily customized and maintained. If you are looking forward to building the call center or consulting website, our new HTML template will be a perfect pick for you. It contains everything a modern call center needs.</p><h3><strong>Customizable Website Template for Call Centers Loaded with Features</strong></h3><p>The CallCenter HTML5 solution provides all you need to craft a modern-looking site. Furthermore, it will allow you to promote your company and its services efficiently. Various sections and blocks are perfectly styled to provide information about your team and the solutions you offer. Besides, the detailed layout of this call center HTML5 website template allows you to manage content the way you want. And you can take advantage of using the numerous features of this template, such as:</p><ol><li>W3C valid coding</li><li>SEO-ready & responsive layout</li><li>SCSS & Pug source files</li><li>Impressive CSS3 animations</li><li>Google Fonts & Google Maps</li><li>Cross-browser support</li></ol><p>Any website owner wants their site to be unique. That's why we've supplied this call center HTML5 website template with an extensive UI elements kit. It includes everything you may think of - buttons, forms, tabs, maps, footers & headers, etc. You can freely use them to create a 100% unique website. And if you are a web developer, then using these elements will help you build the website your client dreams of.</p><h2><strong>Multipage HTML Template with Professional Support</strong></h2><p>Our call center HTML5 website template is also multipage. It contains a variety of pre-designed pages intended to be used for different purposes. For example, you can use the Services page to tell about the solutions your call center provides. Also, you can post news via blog pages or showcase your achievements via different Gallery layouts. Most importantly, you can stay in touch with your clients via the Contacts page. Don't forget that you can post career opportunities with the help of the Careers page.</p><p>If you are looking for additional information about this HTML template, feel free to read its documentation. it describes how to use this and other HTML solutions properly. Moreover, the documentation answers questions about template installation and management. But if you need more, our friendly and qualified support team is ready to help. Also, don't hesitate to check our HTML template catalog. It has just what your next online project needs.</p><p><br></p><p><em>Please note that .psd files are not included in this template package.</em></p>","uniqueKeywords":"audit,personal,consulting,accounting,financial,agency,industry,technical,corporate,technology,bank,investment,information,support,service,company,software,communications,multilanguage,call center","affiliateSells":"1","authorDownloadUrl":"https://tmuploader.s3.us-west-1.amazonaws.com/1519369-1525962506442_prod-15887.zip?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJNZLEYTTESHWAE3Q%2F20180510%2Fus-west-1%2Fs3%2Faws4_request&X-Amz-Date=20180510T150157Z&X-Amz-SignedHeaders=host&X-Amz-Expires=601200&X-Amz-Signature=66fe884cd3981453f428f3c11a3a04fb650bd190f86b346b0e3c51fc9876c090","authorMainScreenshot":"https://s3.tmimgcdn.com/templates/51781/scr/1519369-1592922193201_Original.jpg","dqi":"88","imageKeyFeatures":"https://s3u.tmimgcdn.com/1519369-1525962803942_Call_center-en_01.jpg, https://s3u.tmimgcdn.com/1519369-1525962803944_Call_center-en_02.jpg, https://s3u.tmimgcdn.com/1519369-1525962803944_Call_center-en_03.jpg, https://s3u.tmimgcdn.com/1519369-1525962803946_Call_center-en_04.jpg, https://s3u.tmimgcdn.com/1519369-1525962803948_Call_center-en_05.jpg, https://s3u.tmimgcdn.com/1519369-1525962803950_Call_center-en_06.jpg, https://s3u.tmimgcdn.com/1519369-1525962803952_Call_center-en_07.jpg, https://s3u.tmimgcdn.com/1519369-1525962803952_Call_center-en_08.jpg, https://s3u.tmimgcdn.com/1519369-1525962803952_Call_center-en_09.jpg, https://s3u.tmimgcdn.com/1519369-1525962803954_Call_center-en_10.jpg","livePreviewURL":"https://livedemo00.template-help.com/wt_prod-15887/","metaDescription":"Modern Call Center HTML5 Website TemplateA call center HTML5 website template is a versatile tool for creating an impressive website template. It provides","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"http://bit.ly/2IbTOA3","customUrl":"/website-templates/call-center-multipage-html5-website-template-69212.html","kindOfShops":"The template is ready for the business & services websites.","htmlTitle":"Call Center Multipage HTML5 Template","lastmod":"2022-01-11T13:14:20-05:00","trendiness":"1","reviewsTotal":"1","reviewAverageScore":"5","marketplaceMembership":"One","demoMetaDescription":"Before you purchase it, get the look and feel of the high quality Call Center Multipage HTML5 Website Template (#69212) by experiencing the demo preview. View the pages, check out the images, click the buttons, explore the functionality.","isOldDemoUrl":"1","changeLogDate":"2022-10-28","advImage":"https://s3.tmimgcdn.com/templates/78354/scr/1519369-1603726068499_69212%20call%20center.jpg","imagesIncluded":"Yes","tags":["accounting","agency","audit","bank","communications","company","consulting","corporate","financial","industry","information","investment","personal","service","software","support","technical","technology","multilanguage","call center"],"productSize":"17477315","authorMainScreenshotVersion":"3","changeLog":"## Call Center Version 1.4 (October 28, 2022):\r\n- UPD: Bootstrap to 5.2.0;\r\n- UPD: Popper.js to 2.11.5;\r\n- UPD: JQuery to 3.6.0;\r\n- UPD: JQuery Migrate to 3.3.2;\r\n- UPD: JQuery Form to 4.3.0;\r\n- UPD: Select2 to 4.0.6-rc.1;\r\n- UPD: PageTransition to 1.1.4;\r\n- UPD: Vide to 0.5.2;\r\n- UPD: Google map\r\n- DEL: html5shiv.min.js\r\n- DEL: pointer-events.min.js\r\n- FIX: Minor Bugs; \r\n\r\n## Call Center Version 1.3 (January 29, 2021):\r\n\t- UPD: Bootstrap to 4.5.3;\r\n\t- UPD: Popper to 1.16.1;\r\n\t- UPD: Owl carousel to 2.3.4;\r\n\t- UPD: Swiper to 5.3.1;\r\n\t- FIX: Minor bug fixes. \r\n\r\n\r\n## Call Center Version 1.2 (October 26, 2020):\r\nAdditions\r\n\t- UPD: SCSS optimization;\r\n\t- UPD: Scripts updated;\r\n\t- FIX: Project structure;\r\n\t- FIX: Minor bug fixes.\r\n\r\n\r\n## Call Center Version 1.1 (June 23, 2019):\r\nAdditions\r\n    - FIX:Minor bug fixes.","paidSupport":"Yes","bootstrapVersion":"5.x","featured":"Ukraine","webServerCompatibility":"Apache 2.4","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"types":"HTML Website Templates","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: Sun, 01 Dec 2024 01:25:03 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=69212&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=69212&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=69212&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 01 Dec 2024 01:30:03 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://livedemo00.template-help.com/wt_prod-15887/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#69212 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/69212.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 #69212            </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=69212&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>