string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=336927&expand=properties"
string(16651) "[{"templateId":336927,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":128,"categoryName":"Marketing Agency Templates","templateTitle":"Marketing Agency Responsive Website Template","templatePreviewHtmlTitle":"Techida - Business Services Company &amp; IT Solutions Multipurpose Responsive Website Template","templateDemoHtmlTitle":"Demo Preview for Techida - Business Services Company &amp; IT Solutions Multipurpose Responsive Website Template #336927","typeShortName":"Website","templatePreviewFBTitle":"<h3><strong>Techida - Business Services Company - IT Solutions Multipurpose Responsive Website Template</strong></h3><p>Welcome to <strong>Techida</strong>, the premier multipurpose HTML5 template designed specifically for<strong> IT solutions</strong> and <strong>business services</strong>. Whether you're an <strong>IT consulting firm</strong>, a <strong>cybersecurity </strong>expert, or a tech-driven enterprise, Techida provides the perfect foundation for your online presence.</p><p>Crafted with the latest Bootstrap 5 framework, Techida offers a fully responsive and modern design that adapts seamlessly to any device, ensuring a smooth user experience on desktops, tablets, and smartphones. The template features an eye-catching hero section with a prominent call-to-action, inviting visitors to engage with your brand from the moment they arrive.</p><p>With Techida, showcasing your services is effortless. The versatile services section allows you to present your offerings with detailed descriptions and compelling visuals. Highlight client testimonials to build trust and credibility, and introduce your team with personalized bios and photos in the team section. Keep your audience informed and engaged with the blog section, perfect for sharing insights and industry news.</p><p>Techida is not just visually appealing; it's functional too. The template includes an easy-to-use contact form, integrated Google Maps for office locations, and social media links to connect with your audience on platforms like Facebook, Twitter, and Instagram. Parallax effects and other advanced features add depth and sophistication to your site, making it a standout in the digital landscape.</p><p>Optimize your business potential with <strong>Techida</strong>. This template is more than a website; it's a powerful tool for innovation, growth, and digital transformation. Explore the demo and discover how Techida can elevate your brand and streamline your online operations. Join the ranks of successful businesses that have harnessed the power of technology with Techida.</p><h3><strong>FEATURES</strong></h3><p><br /></p><ul><li><strong>clean &amp; modern design</strong></li><li><strong>light &amp; dark mode</strong></li><li><strong>Eye-catching animations</strong></li><li><strong>RTL Ready</strong></li><li><strong>4 home pages</strong></li><li><strong>+15 inner pages</strong></li><li><strong>SEO Friendly Content</strong></li><li><strong>easy to customize</strong></li><li><strong>responsive design</strong></li><li><strong>Cross Browser Compatible</strong></li><li><strong>Bootstrap 5</strong></li><li><strong>Free Updates</strong></li><li><strong>Free Google fonts</strong></li><li><strong>w3 valid code</strong></li><li><strong>included privacy policy &amp; terms of use pages</strong></li><li><strong>bootstrap icons</strong></li><li><strong>animate on scroll animations</strong></li><li><strong>Sticky Header</strong></li><li><strong>working Contact Us Form</strong></li><li><strong>Google maps</strong></li><li><strong>Well Structured and Commented code</strong></li></ul><p><br /></p><h3><strong>FILE INCLUDED</strong></h3><p><br /></p><ul><li><strong>HTML files</strong></li><li><strong>CSS files</strong></li><li><strong>PHP files</strong></li><li><strong>JS files</strong></li><li><strong>included bootstrap icons</strong></li><li><strong>Documentation</strong></li></ul><p><br /></p><h3><strong>SOURCES &amp; CREDITS</strong></h3><p><br /></p><ul><li><strong>Bootstrap v5.3</strong></li><li><strong>jQuery library</strong></li><li><strong>jQuery counter-up plugin</strong></li><li><strong>Owl Carousel </strong></li><li><strong>Bootstrap Icons</strong></li><li><strong>fancybox j-query plugin</strong></li><li><strong>aos animation library </strong></li><li><strong>particles plugin </strong></li></ul><p><strong>Need Additional Support?</strong></p><p>If you have any questions or need assistance, don't hesitate to reach out. Our dedicated support team is here to help and will respond to your inquiry within 24 hours on business days, ensuring you receive the prompt support and solutions you need.</p>","templateFullTitle":"Techida - Business Services Company &amp; IT Solutions Multipurpose Responsive Website Template","templatePreviewMetaDescription":"Techida - Business Services Company - IT Solutions Multipurpose Responsive Website TemplateWelcome to Techida, the premier multipurpose HTML5 template designed","templateDemoMetaDescription":"The live preview of this top notch techida | IT Solutions Business Services Responsive HTML5 Bootstrap5 template Website Template (#336927) is presented here for you to get familiar with the template before you buy it. View the pages, examine the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Techida - Business Services Company &amp; IT Solutions Multipurpose Responsive Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/techida-it-solutions-business-services-responsive-html5-bootstrap5-template-336927.html","userRating":"4.5","designIndex":1,"authorUserId":"78173908","exclusive":"1","state":1,"price":29,"inserted_date":"2023-06-07","sent":0,"downloads":160,"search_words":"agency bootstrap business company creative responsive software startup technology web design it services clean modern multipurpose digital services html5 website template consulting tech support marketing techida","is_adult":0,"exc_price":2100,"sent_date":"2023-06-07 12:03:29","last_upload":"2024-02-08 10:26:31","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3111344,"templ_id":336927,"filename":"336927-4-original.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3111345,"templ_id":336927,"filename":"336927-4-big.png","width":800,"height":500,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3111346,"templ_id":336927,"filename":"336927-4-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":3111347,"templ_id":336927,"filename":"336927-4-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":3111348,"templ_id":336927,"filename":"336927-4-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/336927.html","image":"https://s.tmimgcdn.com/scr/336900/techida-business-services-company-amp-it-solutions-multipurpose-responsive-website-template_336927-4-original.png","searchHash":"95f2cc882662a74e6fbc1bd98ff05ea4","previewHash":"8e50fa3dfbf32421e1b10797e37e6287","authorNickname":"erramix","lowLevelTopic":"Software Company Templates; Web Development Templates; Marketing Agency Templates; Advertising Agency Templates; SEO Website Templates; IT Templates; Outsourcing Company Templates","weightedRating":4.1538461538462,"annualSale":149,"monthlySales":20,"quarterlySales":49,"productBoost":50,"onSale":1,"finalPrice":19,"discountPercent":30,"discountAmount":8,"semiannualSales":94,"properties":{"features":["Blog","Bootstrap","Dropdown Menu","Gallery","Google map","HTML 5","HTML plus JS","JQuery","Lazy Load effect","Portfolio","Premium","Pro","Responsive","Team Members","Multipurpose","Light Template","Mobile Layout Included","Parallax","Right to left language support","Sample content","Search Engine Friendly","Performance Optimization","Advanced Theme Options","Retina Ready","Static","Tabs"],"isLastAdded":"1","livePreviewURL":"https://erramix-themes.com/techidaa/index.html","styles":["Clean","Dark","Flat","Minimalist","Web2.0"],"nameOfTheTemplate":"Techida - Business Services Company &amp; IT Solutions Multipurpose Responsive Website Template","shortDescription":"<h3><strong>Techida - Business Services Company - IT Solutions Multipurpose Responsive Website Template</strong></h3><p>Welcome to <strong>Techida</strong>, the premier multipurpose HTML5 template designed specifically for<strong> IT solutions</strong> and <strong>business services</strong>. Whether you're an <strong>IT consulting firm</strong>, a <strong>cybersecurity </strong>expert, or a tech-driven enterprise, Techida provides the perfect foundation for your online presence.</p><p>Crafted with the latest Bootstrap 5 framework, Techida offers a fully responsive and modern design that adapts seamlessly to any device, ensuring a smooth user experience on desktops, tablets, and smartphones. The template features an eye-catching hero section with a prominent call-to-action, inviting visitors to engage with your brand from the moment they arrive.</p><p>With Techida, showcasing your services is effortless. The versatile services section allows you to present your offerings with detailed descriptions and compelling visuals. Highlight client testimonials to build trust and credibility, and introduce your team with personalized bios and photos in the team section. Keep your audience informed and engaged with the blog section, perfect for sharing insights and industry news.</p><p>Techida is not just visually appealing; it's functional too. The template includes an easy-to-use contact form, integrated Google Maps for office locations, and social media links to connect with your audience on platforms like Facebook, Twitter, and Instagram. Parallax effects and other advanced features add depth and sophistication to your site, making it a standout in the digital landscape.</p><p>Optimize your business potential with <strong>Techida</strong>. This template is more than a website; it's a powerful tool for innovation, growth, and digital transformation. Explore the demo and discover how Techida can elevate your brand and streamline your online operations. Join the ranks of successful businesses that have harnessed the power of technology with Techida.</p><h3><strong>FEATURES</strong></h3><p><br /></p><ul><li><strong>clean &amp; modern design</strong></li><li><strong>light &amp; dark mode</strong></li><li><strong>Eye-catching animations</strong></li><li><strong>RTL Ready</strong></li><li><strong>4 home pages</strong></li><li><strong>+15 inner pages</strong></li><li><strong>SEO Friendly Content</strong></li><li><strong>easy to customize</strong></li><li><strong>responsive design</strong></li><li><strong>Cross Browser Compatible</strong></li><li><strong>Bootstrap 5</strong></li><li><strong>Free Updates</strong></li><li><strong>Free Google fonts</strong></li><li><strong>w3 valid code</strong></li><li><strong>included privacy policy &amp; terms of use pages</strong></li><li><strong>bootstrap icons</strong></li><li><strong>animate on scroll animations</strong></li><li><strong>Sticky Header</strong></li><li><strong>working Contact Us Form</strong></li><li><strong>Google maps</strong></li><li><strong>Well Structured and Commented code</strong></li></ul><p><br /></p><h3><strong>FILE INCLUDED</strong></h3><p><br /></p><ul><li><strong>HTML files</strong></li><li><strong>CSS files</strong></li><li><strong>PHP files</strong></li><li><strong>JS files</strong></li><li><strong>included bootstrap icons</strong></li><li><strong>Documentation</strong></li></ul><p><br /></p><h3><strong>SOURCES &amp; CREDITS</strong></h3><p><br /></p><ul><li><strong>Bootstrap v5.3</strong></li><li><strong>jQuery library</strong></li><li><strong>jQuery counter-up plugin</strong></li><li><strong>Owl Carousel </strong></li><li><strong>Bootstrap Icons</strong></li><li><strong>fancybox j-query plugin</strong></li><li><strong>aos animation library </strong></li><li><strong>particles plugin </strong></li></ul><p><strong>Need Additional Support?</strong></p><p>If you have any questions or need assistance, don't hesitate to reach out. Our dedicated support team is here to help and will respond to your inquiry within 24 hours on business days, ensuring you receive the prompt support and solutions you need.</p>","popularity":"Bestsellers","bootstrapVersion":"5.3.x","topic":["Software Company Templates","Web Development Templates","Software Templates","Computers & Internet","Business & Services","Marketing Agency Templates","Advertising Agency Templates","SEO Website Templates","IT Templates","Outsourcing Company Templates"],"reviewAverageScore":"4.5","reviewsTotal":"3","bestsellers":"18","uniqueKeywords":"agency,bootstrap,business,company,creative,responsive,software,startup,technology,web design,it services,clean,modern,multipurpose,digital services,html5 website template,consulting,tech support,marketing,techida","customUrl":"/website-templates/techida-it-solutions-business-services-responsive-html5-bootstrap5-template-336927.html","isFree":"none","metaDescription":"Techida - Business Services Company - IT Solutions Multipurpose Responsive Website TemplateWelcome to Techida, the premier multipurpose HTML5 template designed","changeLog":"january 24, 2024\n\nadd hover effect  for hero images\nupdated twitter logo\nadded form validation in contact form\nadded social media icons in hero section\nupdated pre-loader style\nupdated animations on scroll\nimprove design quality\nadded privacy policy &amp; terms of use pages\nadded RTL Home page layout\nadded 3 home demos\nadded modern preloader\nfixed dark mode functionnality\nimporoved design quality\nchanged button hover animation\nimporoved contact us form ui/ux","color":["black","white","green"],"frameworks":"None","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78173908/a26e60f28856b30f13f91a085e7426a2.png","demoMetaDescription":"The live preview of this top notch techida | IT Solutions Business Services Responsive HTML5 Bootstrap5 template Website Template (#336927) is presented here for you to get familiar with the template before you buy it. View the pages, examine the images, click the buttons, explore the functionality.","changeLogDate":"2024-08-01","trendiness":"3","showVariantForcibly":"b","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u78173908/073e46a9bb7c72864881670f2d9ee225.png, https://s3u.tmimgcdn.com/u78173908/15bbd79c0c16f9c40b43ca37b809b159.png, https://s3u.tmimgcdn.com/u78173908/745af71db5dab6e32bb2bf6d8794e782.png, https://s3u.tmimgcdn.com/u78173908/542cc51b5080c007d2a6235e2c21055e.png, https://s3u.tmimgcdn.com/u78173908/d6a710872f23cada592193eea9950b2a.png, https://s3u.tmimgcdn.com/u78173908/fcd81b8f9adad7378416b8b6bfd6e14b.png, https://s3u.tmimgcdn.com/u78173908/ad2269cfd13a07af1e7c11990b0b76b7.png, https://s3u.tmimgcdn.com/u78173908/94a7f2f320b9c463d628e16fd01584ca.png","authorUserId":"78173908","exclusive":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78173908/b3b078a973c814f1abe8c9555a54fca7.png","affiliateSells":"1","saleSells":"1","templateSupportOptions":"[]","alreadyPacked":"1","marketplaceMembership":"One","tags":["agency","bootstrap","business","clean","company","creative","modern","responsive","software","startup","technology","web design","it services","multipurpose","consulting","marketing","digital services","tech support","html5 website template","techida"],"advImage":"https://s3u.tmimgcdn.com/u78173908/1da36d1b60de407c43dfa8e966d17dce.png","productSize":"13082075","imagesIncluded":"Yes","authorMainScreenshotVersion":"4","paidSupport":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<h3><strong>Empower business success with techida, Innovation and functionality meet in this meticulously crafted HTML template.</strong></h3>","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 30 Nov 2024 06:02:11 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(293) "Link: <http://products/api/v2/products/en?language=en&ids=336927&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=336927&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=336927&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 30 Nov 2024 06:07:11 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://erramix-themes.com/techidaa/index.html<!DOCTYPE html>
<html lang="en">
<head>
    <title>#336927 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/336927.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 #336927            </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=336927&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>