string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=99863&expand=properties"
string(13812) "[{"templateId":99863,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":190,"categoryName":"Business School Templates","templateTitle":"Business School Responsive Website Template","templatePreviewHtmlTitle":"BITIT- Creative Business Agency Website Template","templateDemoHtmlTitle":"Demo Preview for BITIT- Creative Business Agency Website Template #99863","typeShortName":"Website","templatePreviewFBTitle":"<p>Introducing BITIT - Creative Business Agency Website Template, a sleek and modern HTML5 template designed for creative businesses and agencies. With its clean and contemporary design, BITIT offers a professional platform to showcase your services and portfolio. The HTML files are meticulously organized, making customization and updates a breeze. Featuring 2 unique HTML templates, including 15+ home page variations and over 40 pages in total, BITIT provides versatility and flexibility for your website needs.</p><h3>Template Features:</h3><ol><li><strong>Bootstrap 3 Integration</strong>: Utilize the power of Bootstrap 3 for responsive and mobile-friendly layouts.</li><li><strong>Sticky Header</strong>: Keep your navigation accessible as users scroll through your content.</li><li><strong>W3C Validated HTML and CSS</strong>: Ensure standards compliance for optimal performance and accessibility.</li><li><strong>Animation CSS</strong>: Add dynamic visual effects to enhance user experience.</li><li><strong>Download Video</strong>: Incorporate video content seamlessly into your website.</li><li><strong>Pixel Perfect Design</strong>: Every element is precisely crafted for a polished and professional appearance.</li><li><strong>Clean &amp; Modern Design</strong>: Present your content in a sleek and contemporary manner.</li><li><strong>Modern Slideshow</strong>: Engage visitors with captivating image slideshows.</li><li><strong>Stylish Social Links</strong>: Integrate social media seamlessly into your website.</li><li><strong>Fully Customizable</strong>: Tailor the HTML files to suit your branding and preferences.</li><li><strong>Responsive Layout</strong>: Ensure your website looks great on all devices, from desktops to smartphones.</li><li><strong>FontAwesome Icon</strong>: Access a vast library of icons to enhance your website's visual appeal.</li><li><strong>Google Fonts</strong>: Choose from a variety of Google fonts to complement your design aesthetic.</li><li><strong>Full Cross-browser Compatibility</strong>: Guarantee consistent performance across different web browsers.</li><li><strong>And Many More...</strong>: Explore additional features and functionalities to elevate your website.</li></ol><p>With BITIT - Creative Business Agency Website Template, you can create a stunning online presence that reflects the professionalism and creativity of your agency or business. Experience exceptional support and well-commented code for a seamless website development process.</p>","templateFullTitle":"BITIT- Creative Business Agency Website Template","templatePreviewMetaDescription":"Introducing BITIT - Creative Business Agency Website Template, a sleek and modern HTML5 template designed for creative businesses and agencies. With its clean","templateDemoMetaDescription":"The demo of this top notch BITIT- Creative Business Agency Website Template (#99863) is created for you to get familiar with the design before you decide to buy it. Click through the pages, check the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"BITIT- Creative Business Agency Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/bitit-creative-business-agency-website-template-99863.html","userRating":0,"designIndex":"88","authorUserId":"2037619","exclusive":"1","state":1,"price":100,"inserted_date":"2020-04-09","sent":0,"downloads":6,"search_words":"agency app business corporate creative lead generation marketing multipurpose portfolio product launch sass software landing page startup technology","is_adult":0,"exc_price":2100,"sent_date":"2020-04-09 02:46:43","last_upload":"2024-04-05 07:50:18","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1927308,"templ_id":99863,"filename":"99863-6-original.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1927309,"templ_id":99863,"filename":"99863-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":1927310,"templ_id":99863,"filename":"99863-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":1927311,"templ_id":99863,"filename":"99863-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":1927312,"templ_id":99863,"filename":"99863-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/99863.html","image":"https://s.tmimgcdn.com/scr/99800/bitit-creative-business-agency-website-template_99863-6-original.jpg","searchHash":"2533ccee464f7d89f76070f95bb387d6","previewHash":"5e46337ba0db729cc8eed9b2bb584972","authorNickname":"bitspeck","lowLevelTopic":"Business School Templates; Model Agency Templates; Security Templates; Business Audit; Business Coach","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":125,"onSale":0,"finalPrice":98,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Pro","Search Engine Friendly","Bootstrap","Retina Ready","Mobile Layout Included","Multipurpose","Team Members","Google map","Sample content","Performance Optimization","HTML 5","JQuery","Completely JS","Lazy Load effect"],"styles":["Clean","Corporate","Minimalist","Neutral","Dark","Mobile","Flat"],"galleryScript":["Carousel","CSS and JS","Slider","Grid"],"webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Advanced Search","Search Form"],"topic":["Business School Templates","Model Agency Templates","Education Templates","Fashion Templates","Security Templates","Education & Books","Business & Services","Fashion & Beauty","Career & Special Education","Business Audit","Business Coach"],"bootstrapVersion":"3.0","isFree":"none","color":["black","white"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","excludeExclusive":"Yes","authorUserId":"2037619","nameOfTheTemplate":"BITIT- Creative Business Agency Website Template","previewScreensOrVideoURLs":"https://s3.tmimgcdn.com/templates/27177/scr/1587555538686_01_Slider_images.png, https://s3.tmimgcdn.com/templates/27177/scr/1587555552896_02_Slider_images.png, https://s3.tmimgcdn.com/templates/27177/scr/1587555555395_03_Slider_images.png, https://s3.tmimgcdn.com/templates/27177/scr/1587555558040_04_Slider_images.png, https://s3.tmimgcdn.com/templates/27177/scr/1587555560537_05_Slider_images.png","shortDescription":"<p>Introducing BITIT - Creative Business Agency Website Template, a sleek and modern HTML5 template designed for creative businesses and agencies. With its clean and contemporary design, BITIT offers a professional platform to showcase your services and portfolio. The HTML files are meticulously organized, making customization and updates a breeze. Featuring 2 unique HTML templates, including 15+ home page variations and over 40 pages in total, BITIT provides versatility and flexibility for your website needs.</p><h3>Template Features:</h3><ol><li><strong>Bootstrap 3 Integration</strong>: Utilize the power of Bootstrap 3 for responsive and mobile-friendly layouts.</li><li><strong>Sticky Header</strong>: Keep your navigation accessible as users scroll through your content.</li><li><strong>W3C Validated HTML and CSS</strong>: Ensure standards compliance for optimal performance and accessibility.</li><li><strong>Animation CSS</strong>: Add dynamic visual effects to enhance user experience.</li><li><strong>Download Video</strong>: Incorporate video content seamlessly into your website.</li><li><strong>Pixel Perfect Design</strong>: Every element is precisely crafted for a polished and professional appearance.</li><li><strong>Clean &amp; Modern Design</strong>: Present your content in a sleek and contemporary manner.</li><li><strong>Modern Slideshow</strong>: Engage visitors with captivating image slideshows.</li><li><strong>Stylish Social Links</strong>: Integrate social media seamlessly into your website.</li><li><strong>Fully Customizable</strong>: Tailor the HTML files to suit your branding and preferences.</li><li><strong>Responsive Layout</strong>: Ensure your website looks great on all devices, from desktops to smartphones.</li><li><strong>FontAwesome Icon</strong>: Access a vast library of icons to enhance your website's visual appeal.</li><li><strong>Google Fonts</strong>: Choose from a variety of Google fonts to complement your design aesthetic.</li><li><strong>Full Cross-browser Compatibility</strong>: Guarantee consistent performance across different web browsers.</li><li><strong>And Many More...</strong>: Explore additional features and functionalities to elevate your website.</li></ol><p>With BITIT - Creative Business Agency Website Template, you can create a stunning online presence that reflects the professionalism and creativity of your agency or business. Experience exceptional support and well-commented code for a seamless website development process.</p>","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u2037619/a475c94282d4ad9631ca70285501052c.jpg","dqi":"88","imageKeyFeatures":"https://s3.tmimgcdn.com/templates/27177/scr/1587555566921_featcher_banner_Bit_it.jpg","livePreviewURL":"https://theme.bitspecksolutions.com/html-template/bitit/","metaDescription":"Introducing BITIT - Creative Business Agency Website Template, a sleek and modern HTML5 template designed for creative businesses and agencies. With its clean","saleSells":"1","templateSupportOptions":"[]","lastmod":"2021-11-24T02:24:22-05:00","bitLyUrl":"https://bit.ly/3e6sgfv","customUrl":"/website-templates/bitit-creative-business-agency-website-template-99863.html","demoMetaDescription":"The demo of this top notch BITIT- Creative Business Agency Website Template (#99863) is created for you to get familiar with the design before you decide to buy it. Click through the pages, check the images, press the buttons, explore the functionality.","trendiness":"1","advImage":"https://s3.tmimgcdn.com/templates/72161/scr/1589726010124_600%20X%20600.jpg","changeLogDate":"2024-03-19","productSize":"34349600","htmlTitle":"BITIT- Creative Business Agency Template","imagesIncluded":"No","tags":["agency","app","business","corporate","creative","generation","landing","launch","lead","marketing","multipurpose","page","portfolio","product","sass","software","startup","technology"],"authorMainScreenshotVersion":"6","changeLog":"## Mar 14, 2024\n\n1. Spelling mistakes fixed\n2. Date fixed\n3. Blog title added on blog page\n4. Join now button style change\n5. Change URL as TM rules\n6. Alignment fix\n7. External url remove\n8. Slick dots top 90%\n9. Add Modal\n10. Checked with html css validator, Found error and solve\n\n08/07/2020:\n1. faq page error text margin-top none responsive margin-top none &amp; padding 10px add.\n2. faq pqge inpute border create.\n3. Aboutus-1 us page misson section padding bottom 60px to 100px &amp; h4 tag text-align justify.\n4. Aboutus-2 about section p tags text-align justify.\n5. Aboutus-3 video content section h4 padding bottom change, history section p tags text-align justify.\n\n09/07/2020:\n1. Blog pages blog-content h4 padding change,\n p tags padding change, Blog highlight margin-bottom create,\n blog comment padding-top none, blog details from padding change, Catagory td hover margin-left change.\n2. Blog-grid-left single blog box margin-bottom none, p tags text-align justify.\n  Blog-list all page p tags text-align justify blog comment ul li span delete &amp; li margin-right creat.\n3. Service-2 page p tags text-align justify.\n4. Service-3 page p tags text-align justify. \n5. index-slider page pricing-details margin change &amp;  pricing-details p margin-bottom change,\n  project section p tags text-align justify banner slider min-hight creat.\n6. index-video page banner video-section &amp; overlay min-height creat, into-text h1 padding-bottom creat.\n7. index-particle &amp; index page min-height creat, into-text h1 padding-bottom creat.\n8. index-2 min-height creat, into-text h1 padding-bottom creat, common h4 padding-bottom change.","uniqueKeywords":"agency,app,business,corporate,creative,lead,generation,marketing,multipurpose,portfolio,product,launch,sass,software,landing,page,startup,technology","paidSupport":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"frameworks":"None","excerpt":"<p>BITIT is a sleek HTML template for creative business agencies. With Bootstrap 3, 15+ home pages, and 40+ pages, it's perfect for crafting modern, customizable websites.</p>","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: Thu, 02 May 2024 05:40:51 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=99863&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=99863&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=99863&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 02 May 2024 05:45:51 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://theme.bitspecksolutions.com/html-template/bitit/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#99863 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/99863.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 #99863            </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=99863&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $92                <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>