string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=331070&expand=properties"
string(13749) "[{"templateId":331070,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":133,"categoryName":"Advertising Agency Templates","templateTitle":"Advertising Agency Responsive Website Template","templatePreviewHtmlTitle":"Drax - IT Solutions &amp; Digital Agency Portfolio Template","templateDemoHtmlTitle":"Demo for Drax - IT Solutions &amp; Digital Agency Portfolio 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 - IT Solutions &amp; Digital Agency Portfolio 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 - IT Solutions &amp; Digital Agency Portfolio 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":20,"inserted_date":"2023-05-05","sent":0,"downloads":9,"search_words":"agency business company consulting corporate creative financial marketing modern multipurpose personal portfolio responsive services software startup technical technology seo","is_adult":0,"exc_price":2100,"sent_date":"2023-05-05 10:51:10","last_upload":"2024-01-22 13:01:35","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3082089,"templ_id":331070,"filename":"331070-original.png","width":1600,"height":1000,"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-big.png","width":1600,"height":1000,"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-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-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-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/331070.html","image":"https://s.tmimgcdn.com/scr/331000/drax-it-solutions-amp-digital-agency-portfolio-template_331070-original.png","searchHash":"c3e1a08c51bd95918e504cdf642e692b","previewHash":"9b21c40e241ef20f08a794fcb0d6ed13","authorNickname":"uiparadox","lowLevelTopic":"Advertising Agency Templates; SEO Website Templates; IT Templates; Software Company Templates","weightedRating":null,"annualSale":9,"monthlySales":0,"quarterlySales":2,"productBoost":125,"onSale":0,"finalPrice":18,"discountPercent":0,"discountAmount":0,"semiannualSales":5,"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":["Advertising Agency Templates","SEO Website Templates","IT Templates","Software Company Templates","Software Templates","Business & Services","Computers & Internet"],"isFree":"none","color":["black","white","grey"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["agency","business","company","consulting","corporate","creative","financial","marketing","modern","multipurpose","personal","portfolio","responsive","services","software","startup","technical","technology","seo"],"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 - IT Solutions &amp; Digital Agency Portfolio 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,consulting,corporate,creative,financial,marketing,modern,multipurpose,personal,portfolio,responsive,services,software,startup,technical,technology,seo","advImage":"https://s3u.tmimgcdn.com/u78157538/f02c65b4d098473dff52b6efedb4e987.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78157538/931a70c22c5e6cf576644fd94d239bad.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78157538/4149b42dc975f8c95185112101ce75db.png","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":"January 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-01-22","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, 26 Apr 2024 02:44:29 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, 26 Apr 2024 02:49:29 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: 159.203.151.221: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>