string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=331070&expand=properties"
string(14676) "[{"templateId":331070,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":104,"categoryName":"Artist Portfolio Templates","templateTitle":"Artist Portfolio Responsive Website Template","templatePreviewHtmlTitle":"Drax - Business Services Company &amp; IT Solutions Multipurpose Responsive Website Template","templateDemoHtmlTitle":"Demo for Drax - Business Services Company &amp; IT Solutions Multipurpose Responsive Website Template #331070","typeShortName":"Website","templatePreviewFBTitle":"<p>The Drax HTML5 Template is perfect for modern businesses, including digital agencies, design studios, digital marketing agencies, web design/development agencies, and startups looking for an advanced and innovative design to showcase their portfolios or personal work. The Industrial website template is tailored for individuals or businesses looking to establish their web design or software business with an impressive online presence.</p><p>With its award-winning design concepts and visually stunning animations, this HTML5 template boasts a completely fresh and trendy look. Once you start scrolling through its pages, the smoothness and flexibility of the design will keep you engaged and scrolling for more.</p><p>Tailor every aspect of this template to your liking with complete customization options including animations, cursor style, and both dark and light modes. Our comprehensive documentation for this template ensures that you have all the resources necessary to easily customize every element, even if you're not an expert in coding.</p><p>Drax layout boasts a stunning design that is optimized for all screen sizes, from laptops to tablets, iPhones, and Android mobile devices. We've meticulously tested this template across a range of browsers, including Firefox, Chrome, and Internet Explorer, to ensure seamless functionality and an optimal user experience without any issues.</p><h3>Features Overview</h3><ul><li><strong>Responsive Layout Design:</strong></li><li>Regardless of the device you're using, the Drax HTML5 template will deliver a seamless and consistent user experience, as it is optimized for all types of devices. With its fully responsive layout, you can be sure that your website will look great and function perfectly across all devices.</li><li><strong>65+ Valid HTML Files:</strong></li><li>The Drax HTML5 template is built with beautifully crafted, clean, and organized code. Our powerful HTML files meet 100% valid W3 web standards, ensuring that your website will function flawlessly and adhere to the latest industry guidelines.</li><li><strong>Custom Blog Templates:</strong></li><li>There are 4 different blogs layouts and 2 blog details layout.</li><li><strong>Bootstrap Framework:</strong></li><li>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web.</li></ul><h3>Main Features</h3><ul><li>12 Unique Home pages including Dark and Light Version</li><li>50+ Inner pages including Dark and light</li><li>Cutting-edge Animations</li><li>Smooth Scrolling Effect</li><li>4 Different Navigation</li><li>Clean &amp; Commented Code</li><li>Advanced Typography</li><li>100% Fluid Responsive – Fits any device perfectly</li><li>User friendly interface</li><li>Flexible Layout</li><li>Flat, modern and clean design</li><li>Mobile friendly mobile menu</li><li>Pixel Perfect Design</li><li>Modern Design</li><li>W3C Valid HTML5 &amp; CSS3 Files</li><li>Blog Pages</li><li>Cross Browser Compatible</li><li>Unique effects and functionality</li><li>SEO friendly</li><li>Easy to Customize</li><li>Life time FREE updates</li><li>Well Documented and More…</li></ul><h3>What you will get</h3><ul><li>Almost 70 HTML Files</li><li>jQuery and Javascript files</li><li>CSS files</li><li>PNG icons</li><li>Proper Documentation</li></ul>","templateFullTitle":"Drax - Business Services Company &amp; IT Solutions Multipurpose Responsive Website Template","templatePreviewMetaDescription":"The Drax HTML5 Template is perfect for modern businesses, including digital agencies, design studios, digital marketing agencies, web design/development","templateDemoMetaDescription":"The demo preview of this professional Drax - IT Solutions &amp; Digital Agency Portfolio Template Website Template (#331070) is generated for you to get the feel and look of the theme before you buy it. View the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Drax - Business Services Company &amp; IT Solutions Multipurpose Responsive Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/drax-it-solutions-amp-digital-agency-portfolio-template-331070.html","userRating":0,"designIndex":1,"authorUserId":"78157538","exclusive":"1","state":1,"price":17,"inserted_date":"2023-05-05","sent":0,"downloads":13,"search_words":"agency business company creative modern multipurpose responsive software clean service startup studio technology it web design landing page it services bootstrap cyber secuirty multipage","is_adult":0,"exc_price":2100,"sent_date":"2023-05-05 10:51:10","last_upload":"2024-09-04 10:22:33","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3082089,"templ_id":331070,"filename":"331070-2-original.png","width":1600,"height":999,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3082090,"templ_id":331070,"filename":"331070-2-big.png","width":1600,"height":999,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3082091,"templ_id":331070,"filename":"331070-2-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":3082092,"templ_id":331070,"filename":"331070-2-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":3082093,"templ_id":331070,"filename":"331070-2-b.jpg","width":430,"height":268,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/331070.html","image":"https://s.tmimgcdn.com/scr/331000/drax-business-services-company-amp-it-solutions-multipurpose-responsive-website-template_331070-2-original.png","searchHash":"0b2d11972da267f3aa3346e78455703d","previewHash":"00d4fe5b49ef6d9dc5e2ab7b08a2afc9","authorNickname":"uiparadox","lowLevelTopic":"Artist Portfolio Templates; Photographer Portfolio Templates; IT Templates; Software Company Templates; Web Development Templates","weightedRating":null,"annualSale":8,"monthlySales":2,"quarterlySales":4,"productBoost":125,"onSale":1,"finalPrice":12,"discountPercent":30,"discountAmount":5,"semiannualSales":4,"properties":{"features":["Responsive","Pro","Search Engine Friendly","Bootstrap","Ajax","Retina Ready","Mobile Layout Included","Multipurpose","Light Template","Advanced Theme Options","Blog","Gallery","Portfolio","HTML 5","JQuery","Lazy Load effect"],"styles":["Clean","Corporate","Minimalist","Neutral","Dark","Futurist","Web2.0","Flat"],"isLastAdded":"1","topic":["Art Templates","Artist Portfolio Templates","Photography Templates","Photographer Portfolio Templates","IT Templates","Software Company Templates","Web Development Templates","Software Templates","Art & Culture","Design & Photography","Business & Services","Computers & Internet"],"isFree":"none","color":["black","white","grey"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["agency","bootstrap","business","clean","company","creative","modern","multipurpose","responsive","service","software","startup","studio","technology","it","web design","landing page","multipage","it services","cyber secuirty"],"paidSupport":"Yes","webServerCompatibility":"Apache 2.4","pHPVersionCompatibility":["8.1","8.0","7.4"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7"],"designSoftware":"Figma","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"authorUserId":"78157538","bootstrapVersion":"5.3.x","frameworks":"None","excerpt":"<p>Drax has 14 Home pages &amp; 50+ inner pages including dark and light mode specially designed for IT solution and any software or corporate company portfolio website. Fully Responsive HTML Template</p>","nameOfTheTemplate":"Drax - Business Services Company &amp; IT Solutions Multipurpose Responsive Website Template","shortDescription":"<p>The Drax HTML5 Template is perfect for modern businesses, including digital agencies, design studios, digital marketing agencies, web design/development agencies, and startups looking for an advanced and innovative design to showcase their portfolios or personal work. The Industrial website template is tailored for individuals or businesses looking to establish their web design or software business with an impressive online presence.</p><p>With its award-winning design concepts and visually stunning animations, this HTML5 template boasts a completely fresh and trendy look. Once you start scrolling through its pages, the smoothness and flexibility of the design will keep you engaged and scrolling for more.</p><p>Tailor every aspect of this template to your liking with complete customization options including animations, cursor style, and both dark and light modes. Our comprehensive documentation for this template ensures that you have all the resources necessary to easily customize every element, even if you're not an expert in coding.</p><p>Drax layout boasts a stunning design that is optimized for all screen sizes, from laptops to tablets, iPhones, and Android mobile devices. We've meticulously tested this template across a range of browsers, including Firefox, Chrome, and Internet Explorer, to ensure seamless functionality and an optimal user experience without any issues.</p><h3>Features Overview</h3><ul><li><strong>Responsive Layout Design:</strong></li><li>Regardless of the device you're using, the Drax HTML5 template will deliver a seamless and consistent user experience, as it is optimized for all types of devices. With its fully responsive layout, you can be sure that your website will look great and function perfectly across all devices.</li><li><strong>65+ Valid HTML Files:</strong></li><li>The Drax HTML5 template is built with beautifully crafted, clean, and organized code. Our powerful HTML files meet 100% valid W3 web standards, ensuring that your website will function flawlessly and adhere to the latest industry guidelines.</li><li><strong>Custom Blog Templates:</strong></li><li>There are 4 different blogs layouts and 2 blog details layout.</li><li><strong>Bootstrap Framework:</strong></li><li>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web.</li></ul><h3>Main Features</h3><ul><li>12 Unique Home pages including Dark and Light Version</li><li>50+ Inner pages including Dark and light</li><li>Cutting-edge Animations</li><li>Smooth Scrolling Effect</li><li>4 Different Navigation</li><li>Clean &amp; Commented Code</li><li>Advanced Typography</li><li>100% Fluid Responsive – Fits any device perfectly</li><li>User friendly interface</li><li>Flexible Layout</li><li>Flat, modern and clean design</li><li>Mobile friendly mobile menu</li><li>Pixel Perfect Design</li><li>Modern Design</li><li>W3C Valid HTML5 &amp; CSS3 Files</li><li>Blog Pages</li><li>Cross Browser Compatible</li><li>Unique effects and functionality</li><li>SEO friendly</li><li>Easy to Customize</li><li>Life time FREE updates</li><li>Well Documented and More…</li></ul><h3>What you will get</h3><ul><li>Almost 70 HTML Files</li><li>jQuery and Javascript files</li><li>CSS files</li><li>PNG icons</li><li>Proper Documentation</li></ul>","uniqueKeywords":"agency,business,company,creative,modern,multipurpose,responsive,software,clean,service,startup,studio,technology,it,web design,landing page,it services,bootstrap,cyber secuirty,multipage","advImage":"https://s3u.tmimgcdn.com/u78157538/f02c65b4d098473dff52b6efedb4e987.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78157538/83704844ab1b4980884364c77e82a215.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78157538/0caf8e21cfba6be61d9a1a3c3b54673d.jpg","livePreviewURL":"https://uiparadox.co.uk/templates/drax/","metaDescription":"The Drax HTML5 Template is perfect for modern businesses, including digital agencies, design studios, digital marketing agencies, web design/development","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"The demo preview of this professional Drax - IT Solutions &amp; Digital Agency Portfolio Template Website Template (#331070) is generated for you to get the feel and look of the theme before you buy it. View the pages, check out the images, click the buttons, explore the functionality.","customUrl":"/website-templates/drax-it-solutions-amp-digital-agency-portfolio-template-331070.html","productSize":"72257693","trendiness":"1","changeLog":"August 16th, 2024.\n\n- Changed the Custom Scrollbar;\n- Added Transitions on Hoverable Links;\n- Made the DIGITAL DIARIES Card Smooth on Hover;\n- Changed the Copyright Text from 2023 to 2024;\n- Fixed the Bug and Made Smooth Transition on Rating Reviews Section at Home Page 4;\n- Added Hover Colors on Blog Cards;\n- Fixed the Bugs on About-1 and About-1-Dark Pages;\n- Made the Tabs with Smooth Transitions on All Portfolio Pages;\n- Made Home Page 3 Responsive on Mobile Screen;\n- Fixings.\nJanuary 17, 2024\n- Our Crew Design Update on Digital Home\n- Gsap Animations Improvement\n- Odometer Counter Added\n- Responsive Fixing + Improvement\n- Typography Improvement\n- Preview Changes\n- Fixing\n\nJanuary 10, 2024\n- Blog Grid Design Updated\n- Header Menu Improvement\n- Cursur Effect Added\n- About Page Images Issue Fixed\n- Achivents and Milstones Counter Added on Index.html and index-4.html\n- Coming Soon Countdown Updated\n- Typography Color Improvement\n- Responsive Fixing + Improvement","changeLogDate":"2024-09-04","authorMainScreenshotVersion":"2","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: Fri, 29 Nov 2024 21:46:48 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=331070&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=331070&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=331070&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 29 Nov 2024 21:51:48 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://uiparadox.co.uk/templates/drax/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#331070 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/331070.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 #331070            </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=331070&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $18                <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>